@covalent/components 8.1.0-beta.7 → 8.1.0-beta.9
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 +4 -1
- package/app-shell/app-shell.d.ts.map +1 -1
- package/app-shell.js +3 -3
- package/app-shell.mjs +39 -36
- package/package.json +1 -1
package/app-shell/app-shell.d.ts
CHANGED
|
@@ -26,7 +26,10 @@ export declare class CovalentAppShell extends DrawerBase {
|
|
|
26
26
|
sectionName: string;
|
|
27
27
|
drawerOpen: boolean;
|
|
28
28
|
helpOpen: boolean;
|
|
29
|
-
|
|
29
|
+
/**
|
|
30
|
+
* Force the left navigation visibly open
|
|
31
|
+
*/
|
|
32
|
+
forcedOpen: boolean;
|
|
30
33
|
private hovered;
|
|
31
34
|
constructor();
|
|
32
35
|
private _toggleOpen;
|
|
@@ -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,kCAAkC,CAAC;AAC1C,OAAO,4BAA4B,CAAC;AAEpC,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,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAEjB,
|
|
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,kCAAkC,CAAC;AAC1C,OAAO,4BAA4B,CAAC;AAEpC,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,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,UAAS;IAEnB,OAAO,CAAC,OAAO,CAAS;;IAQxB,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,mBAAmB;IAM3B,WAAW;IAWF,iBAAiB;IAMjB,oBAAoB;IAM7B,SAAS,CAAC,aAAa;IASd,MAAM;CAgEhB;AAED,eAAe,gBAAgB,CAAC"}
|
package/app-shell.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./query-assigned-elements-j_5ZiL65.js"),s=require("./property-iZpLBvy-.js"),c=require("./class-map-wtcW44Of.js"),p=require("./mwc-drawer-base-Fv3JVYPS.js");require("./top-app-bar-fixed.js");require("./icon-button.js");require("./tslib.es6-5xG0QhxF.js");require("./inert.esm-TSRtlTFV.js");require("./base-element-atp_8bvP.js");require("./utils-W3ENJhq-.js");require("./observer-LlGBroG9.js");require("./query-duvhtfSs.js");require("./mwc-top-app-bar-base-8qOIX1me.js");require("./top-app-bar-qcW2ucE3.js");require("./ripple-handlers-HeGhXgD2.js");require("./state-LqPxt99W.js");require("./style-map-66_3wrLx.js");require("./aria-property-52VAcg_f.js");require("./event-options-2TJPtsKy.js");require("./if-defined-lAIUwAsA.js");const m='.mdc-drawer{border-color:#0000001f;background-color:#fff;background-color:var(--mdc-theme-surface, #fff);border-top-left-radius:0;border-top-right-radius:0;border-top-right-radius:var(--mdc-shape-large, 0);border-bottom-right-radius:0;border-bottom-right-radius:var(--mdc-shape-large, 0);border-bottom-left-radius:0;z-index:6;width:256px;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer .mdc-drawer__title{color:#000000de}.mdc-drawer .mdc-deprecated-list-group__subheader,.mdc-drawer .mdc-drawer__subtitle,.mdc-drawer .mdc-deprecated-list-item__graphic{color:#0009}.mdc-drawer .mdc-deprecated-list-item{color:#000000de}.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#6200ee}.mdc-drawer .mdc-deprecated-list-item--activated{color:#6200eede}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-top-left-radius:0;border-top-left-radius:var(--mdc-shape-large, 0);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-left-radius:var(--mdc-shape-large, 0)}.mdc-drawer .mdc-deprecated-list-item{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content{margin-left:256px;margin-right:0}[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-right-width:0;border-left-width:1px;border-right-style:none;border-left-style:solid}.mdc-drawer .mdc-deprecated-list-item{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit);height:40px;margin:8px;padding:0 8px}.mdc-drawer .mdc-deprecated-list-item:nth-child(1){margin-top:2px}.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1){margin-bottom:0}.mdc-drawer .mdc-deprecated-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;line-height:normal;margin:0;padding:0 16px}.mdc-drawer .mdc-deprecated-list-group__subheader:before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-divider{margin:3px 0 4px}.mdc-drawer .mdc-deprecated-list-item__text,.mdc-drawer .mdc-deprecated-list-item__graphic{pointer-events:none}.mdc-drawer--animate{transform:translate(-100%)}[dir=rtl] .mdc-drawer--animate,.mdc-drawer--animate[dir=rtl]{transform:translate(100%)}.mdc-drawer--opening{transform:translate(0);transition-duration:.25s}[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translate(0)}.mdc-drawer--closing{transform:translate(-100%);transition-duration:.2s}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translate(100%)}.mdc-drawer__header{flex-shrink:0;box-sizing:border-box;min-height:64px;padding:0 16px 4px}.mdc-drawer__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, .0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-drawer__title:before{display:inline-block;width:0;height:36px;content:"";vertical-align:0}.mdc-drawer__title:after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-drawer__subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__subtitle:before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial;display:none;position:absolute}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content{margin-left:0;margin-right:0;position:relative}[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer--modal{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;left:0;right:initial;display:none;position:fixed}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:#00000052}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal.mdc-drawer--open{display:flex}.mdc-drawer-scrim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer--open+.mdc-drawer-scrim{display:block}.mdc-drawer--animate+.mdc-drawer-scrim{opacity:0}.mdc-drawer--opening+.mdc-drawer-scrim{transition-duration:.25s;opacity:1}.mdc-drawer--closing+.mdc-drawer-scrim{transition-duration:.2s;opacity:0}:host{--mdc-theme-surface: var(--mdc-theme-background);--mdc-list-vertical-padding: 0;--cv-list-padding-right: 0;--cv-list-item-border-radius: 100%;--cv-list-item-width: 48px;--cv-list-item-graphic-margin-left: 0;--cv-list-menu-height: 0;--cv-list-item-expansion-icon-size: 0}:host([open]){--cv-list-padding-right: 16px;--cv-list-item-border-radius: 0 28px 28px 0;--cv-list-item-width: 100%;--cv-list-item-graphic-margin-left: 12px;--cv-list-item-expansion-icon-margin: -24px;--cv-list-item-expansion-icon-size: 24px;--cv-list-menu-height: inherit}.app-shell{background-color:var(--mdc-theme-surface);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100vh}.app-shell:after{content:"";position:absolute;top:0;height:2px;width:100%;z-index:1000;background-color:#ff5f02}.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--forced-open) .main{margin-left:72px}.cov-drawer--open .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--forced-open) [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--forced-open) nav.navigation,:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed,:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closing{position:absolute;top:0;left:0;bottom:0}nav.navigation.mdc-drawer--open{background-color:var(--mdc-theme-surface)}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:12px;margin-right:12px}nav.navigation.mdc-drawer--open slot[name=logo]{display:block}.cov-drawer--hovered nav.navigation{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;border-right:1px solid var(--mdc-theme-border)}[divider]{border-bottom:1px solid;margin:16px;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}@media only screen and (min-width: 768px){nav.navigation{display:flex;flex-direction:column;transition-property:width;transition-duration:.2s;transform:none;background-color:transparent}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open{width:256px}.mdc-drawer--opening{width:256px;transition-duration:.2s}.mdc-drawer--closing{width:72px;transition-duration:.2s}.header{display:none}}@media only screen and (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main" "mini-list" "help"}[name=help]::slotted(*),.main{height:auto;width:auto;border:none}}';var h=Object.defineProperty,g=Object.getOwnPropertyDescriptor,i=(l,e,a,o)=>{for(var r=o>1?void 0:o?g(e,a):e,n=l.length-1,d;n>=0;n--)(d=l[n])&&(r=(o?d(e,a,r):d(r))||r);return o&&r&&h(e,a,r),r};exports.CovalentAppShell=class extends p.DrawerBase{constructor(){super(),this.appName="",this.sectionName="",this.drawerOpen=!1,this.helpOpen=!1,this.forcedOpen=!1,this.hovered=!1,this.resizeEvent()}_toggleOpen(e=!1){this.mdcFoundation.isOpening()||this.mdcFoundation.isClosing()||(this.open=e||!this.open,this.dispatchEvent(new Event("CovalentAppShell:toggle",{bubbles:!0,composed:!0})),this.requestUpdate())}_handleMenuClick(){this._toggleOpen(!this.forcedOpen),this.forcedOpen=!0,this.hovered=!1}_handleNavMouseOver(){this.open||this.forcedOpen||(this.hovered=!0,this._toggleOpen())}_handleNavMouseOut(){!this.open||this.forcedOpen||this._toggleOpen()}_handleDrawerClosed(){this.forcedOpen=!1,this.hovered=!1,this.requestUpdate()}resizeEvent(){const e=window.matchMedia("(max-width: 800px)");e.matches&&this.type!=="modal"?this.type="modal":!e.matches&&this.type!=="dismissible"&&(this.type="dismissible"),this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.addEventListener("MDCDrawer:closed",this._handleDrawerClosed),window.addEventListener("resize",()=>this.resizeEvent())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("MDCDrawer:closed",this._handleDrawerClosed),window.removeEventListener("resize",this.resizeEvent)}renderSection(){return this.sectionName?t.x`<div class="current-section">
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./query-assigned-elements-j_5ZiL65.js"),s=require("./property-iZpLBvy-.js"),c=require("./class-map-wtcW44Of.js"),p=require("./mwc-drawer-base-Fv3JVYPS.js");require("./top-app-bar-fixed.js");require("./icon-button.js");require("./tslib.es6-5xG0QhxF.js");require("./inert.esm-TSRtlTFV.js");require("./base-element-atp_8bvP.js");require("./utils-W3ENJhq-.js");require("./observer-LlGBroG9.js");require("./query-duvhtfSs.js");require("./mwc-top-app-bar-base-8qOIX1me.js");require("./top-app-bar-qcW2ucE3.js");require("./ripple-handlers-HeGhXgD2.js");require("./state-LqPxt99W.js");require("./style-map-66_3wrLx.js");require("./aria-property-52VAcg_f.js");require("./event-options-2TJPtsKy.js");require("./if-defined-lAIUwAsA.js");const m='.mdc-drawer{border-color:#0000001f;background-color:#fff;background-color:var(--mdc-theme-surface, #fff);border-top-left-radius:0;border-top-right-radius:0;border-top-right-radius:var(--mdc-shape-large, 0);border-bottom-right-radius:0;border-bottom-right-radius:var(--mdc-shape-large, 0);border-bottom-left-radius:0;z-index:6;width:256px;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer .mdc-drawer__title{color:#000000de}.mdc-drawer .mdc-deprecated-list-group__subheader,.mdc-drawer .mdc-drawer__subtitle,.mdc-drawer .mdc-deprecated-list-item__graphic{color:#0009}.mdc-drawer .mdc-deprecated-list-item{color:#000000de}.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#6200ee}.mdc-drawer .mdc-deprecated-list-item--activated{color:#6200eede}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-top-left-radius:0;border-top-left-radius:var(--mdc-shape-large, 0);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-left-radius:var(--mdc-shape-large, 0)}.mdc-drawer .mdc-deprecated-list-item{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content{margin-left:256px;margin-right:0}[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-right-width:0;border-left-width:1px;border-right-style:none;border-left-style:solid}.mdc-drawer .mdc-deprecated-list-item{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit);height:40px;margin:8px;padding:0 8px}.mdc-drawer .mdc-deprecated-list-item:nth-child(1){margin-top:2px}.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1){margin-bottom:0}.mdc-drawer .mdc-deprecated-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;line-height:normal;margin:0;padding:0 16px}.mdc-drawer .mdc-deprecated-list-group__subheader:before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-divider{margin:3px 0 4px}.mdc-drawer .mdc-deprecated-list-item__text,.mdc-drawer .mdc-deprecated-list-item__graphic{pointer-events:none}.mdc-drawer--animate{transform:translate(-100%)}[dir=rtl] .mdc-drawer--animate,.mdc-drawer--animate[dir=rtl]{transform:translate(100%)}.mdc-drawer--opening{transform:translate(0);transition-duration:.25s}[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translate(0)}.mdc-drawer--closing{transform:translate(-100%);transition-duration:.2s}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translate(100%)}.mdc-drawer__header{flex-shrink:0;box-sizing:border-box;min-height:64px;padding:0 16px 4px}.mdc-drawer__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, .0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-drawer__title:before{display:inline-block;width:0;height:36px;content:"";vertical-align:0}.mdc-drawer__title:after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-drawer__subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__subtitle:before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial;display:none;position:absolute}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content{margin-left:0;margin-right:0;position:relative}[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer--modal{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;left:0;right:initial;display:none;position:fixed}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:#00000052}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal.mdc-drawer--open{display:flex}.mdc-drawer-scrim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer--open+.mdc-drawer-scrim{display:block}.mdc-drawer--animate+.mdc-drawer-scrim{opacity:0}.mdc-drawer--opening+.mdc-drawer-scrim{transition-duration:.25s;opacity:1}.mdc-drawer--closing+.mdc-drawer-scrim{transition-duration:.2s;opacity:0}:host{--mdc-theme-surface: var(--mdc-theme-background);--mdc-list-vertical-padding: 0;--cv-list-padding-right: 0;--cv-list-item-border-radius: 100%;--cv-list-item-width: 48px;--cv-list-item-graphic-margin-left: 0;--cv-list-menu-height: 0;--cv-list-item-expansion-icon-size: 0}:host([open]){--cv-list-padding-right: 16px;--cv-list-item-border-radius: 0 28px 28px 0;--cv-list-item-width: 100%;--cv-list-item-graphic-margin-left: 12px;--cv-list-item-expansion-icon-margin: -24px;--cv-list-item-expansion-icon-size: 24px;--cv-list-menu-height: inherit}.app-shell{background-color:var(--mdc-theme-surface);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100vh}.app-shell:after{content:"";position:absolute;top:0;height:2px;width:100%;z-index:1000;background-color:#ff5f02}.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--forced-open) .main{margin-left:72px}.cov-drawer--open .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--forced-open) [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--forced-open) nav.navigation,:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed,:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closing{position:absolute;top:0;left:0;bottom:0}nav.navigation.mdc-drawer--open{background-color:var(--mdc-theme-surface)}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:12px;margin-right:12px}nav.navigation.mdc-drawer--open slot[name=logo]{display:block}.cov-drawer--hovered nav.navigation{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;border-right:1px solid var(--mdc-theme-border)}[divider]{border-bottom:1px solid;margin:16px;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}@media only screen and (min-width: 768px){nav.navigation{display:flex;flex-direction:column;transition-property:width;transition-duration:.2s;transform:none;background-color:transparent}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open{width:256px}.mdc-drawer--opening{width:256px;transition-duration:.2s}.mdc-drawer--closing{width:72px;transition-duration:.2s}.header{display:none}}@media only screen and (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main" "mini-list" "help"}[name=help]::slotted(*),.main{height:auto;width:auto;border:none}}';var h=Object.defineProperty,g=Object.getOwnPropertyDescriptor,i=(l,e,a,o)=>{for(var r=o>1?void 0:o?g(e,a):e,n=l.length-1,d;n>=0;n--)(d=l[n])&&(r=(o?d(e,a,r):d(r))||r);return o&&r&&h(e,a,r),r};exports.CovalentAppShell=class extends p.DrawerBase{constructor(){super(),this.appName="",this.sectionName="",this.drawerOpen=!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.mdcRoot.dispatchEvent(new Event("transitionend",{bubbles:!0,composed:!0})),this._toggleOpen(!this.forcedOpen),this.dispatchEvent(new Event("CovalentAppShell:menuClick")),this.forcedOpen=!0,this.hovered=!1}_handleNavMouseOver(){this.open||this.forcedOpen||(this.hovered=!0,this._toggleOpen())}_handleNavMouseOut(){!this.open||this.forcedOpen||this._toggleOpen()}_handleDrawerClosed(){this.forcedOpen=!1,this.hovered=!1,this.requestUpdate()}resizeEvent(){const e=window.matchMedia("(max-width: 800px)");e.matches&&this.type!=="modal"?this.type="modal":!e.matches&&this.type!=="dismissible"&&(this.type="dismissible"),this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.addEventListener("MDCDrawer:closed",this._handleDrawerClosed),window.addEventListener("resize",()=>this.resizeEvent())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("MDCDrawer:closed",this._handleDrawerClosed),window.removeEventListener("resize",this.resizeEvent)}renderSection(){return this.sectionName?t.x`<div class="current-section">
|
|
2
2
|
<slot name="section-action"></slot>
|
|
3
3
|
<span>${this.sectionName}</span>
|
|
4
|
-
</div>`:t.A}render(){const e=this.type==="dismissible"||this.type==="modal",a=this.type==="modal",o={"cov-drawer--forced-open":this.forcedOpen,"cov-drawer--open":this.drawerOpen,"cov-drawer--hovered":this.hovered},r={"mdc-drawer--dismissible":e,"mdc-drawer--modal":a},n={"help--closed":!this.helpOpen},d=a?t.x`<div
|
|
4
|
+
</div>`:t.A}render(){const e=this.type==="dismissible"||this.type==="modal",a=this.type==="modal",o={"cov-drawer--forced-open":this.forcedOpen,"cov-drawer--open":this.drawerOpen||this.forcedOpen,"cov-drawer--hovered":this.hovered},r={"mdc-drawer--dismissible":e,"mdc-drawer--modal":a},n={"help--closed":!this.helpOpen},d=a?t.x`<div
|
|
5
5
|
class="mdc-drawer-scrim"
|
|
6
6
|
@click="${this._handleScrimClick}"
|
|
7
7
|
></div>`:t.A;return t.x`
|
|
@@ -45,4 +45,4 @@
|
|
|
45
45
|
</div>
|
|
46
46
|
`}};exports.CovalentAppShell.styles=[t.i`
|
|
47
47
|
${t.r(m)}
|
|
48
|
-
`];i([t.l({slot:"navigation"})],exports.CovalentAppShell.prototype,"navigationListElements",2);i([t.l({slot:"user-menu"})],exports.CovalentAppShell.prototype,"userMenuElements",2);i([s.n()],exports.CovalentAppShell.prototype,"appName",2);i([s.n()],exports.CovalentAppShell.prototype,"sectionName",2);i([s.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"drawerOpen",2);i([s.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"helpOpen",2);exports.CovalentAppShell=i([t.e("cv-app-shell")],exports.CovalentAppShell);const
|
|
48
|
+
`];i([t.l({slot:"navigation"})],exports.CovalentAppShell.prototype,"navigationListElements",2);i([t.l({slot:"user-menu"})],exports.CovalentAppShell.prototype,"userMenuElements",2);i([s.n()],exports.CovalentAppShell.prototype,"appName",2);i([s.n()],exports.CovalentAppShell.prototype,"sectionName",2);i([s.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"drawerOpen",2);i([s.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"helpOpen",2);i([s.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"forcedOpen",2);exports.CovalentAppShell=i([t.e("cv-app-shell")],exports.CovalentAppShell);const v=exports.CovalentAppShell;exports.default=v;
|
package/app-shell.mjs
CHANGED
|
@@ -19,22 +19,22 @@ import "./aria-property-wYjPNXcK.mjs";
|
|
|
19
19
|
import "./event-options-0xzSdemG.mjs";
|
|
20
20
|
import "./if-defined-BH_l2PVl.mjs";
|
|
21
21
|
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:#ff5f02}.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--forced-open) .main{margin-left:72px}.cov-drawer--open .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--forced-open) [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--forced-open) nav.navigation,:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed,:not(.cov-drawer--forced-open) 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}}';
|
|
22
|
-
var b = Object.defineProperty, x = Object.getOwnPropertyDescriptor,
|
|
23
|
-
for (var r =
|
|
24
|
-
(l =
|
|
25
|
-
return
|
|
22
|
+
var b = Object.defineProperty, x = Object.getOwnPropertyDescriptor, i = (t, o, n, a) => {
|
|
23
|
+
for (var r = a > 1 ? void 0 : a ? x(o, n) : o, d = t.length - 1, l; d >= 0; d--)
|
|
24
|
+
(l = t[d]) && (r = (a ? l(o, n, r) : l(r)) || r);
|
|
25
|
+
return a && r && b(o, n, r), r;
|
|
26
26
|
};
|
|
27
|
-
let
|
|
27
|
+
let e = class extends w {
|
|
28
28
|
constructor() {
|
|
29
29
|
super(), this.appName = "", this.sectionName = "", this.drawerOpen = !1, this.helpOpen = !1, this.forcedOpen = !1, this.hovered = !1, this.resizeEvent();
|
|
30
30
|
}
|
|
31
|
-
_toggleOpen(
|
|
32
|
-
this.mdcFoundation.isOpening() || this.mdcFoundation.isClosing() || (this.open =
|
|
31
|
+
_toggleOpen(t = !1) {
|
|
32
|
+
this.mdcFoundation.isOpening() || this.mdcFoundation.isClosing() || (this.open = t || !this.open, this.dispatchEvent(
|
|
33
33
|
new Event("CovalentAppShell:toggle", { bubbles: !0, composed: !0 })
|
|
34
34
|
), this.requestUpdate());
|
|
35
35
|
}
|
|
36
36
|
_handleMenuClick() {
|
|
37
|
-
this._toggleOpen(!this.forcedOpen), this.forcedOpen = !0, this.hovered = !1;
|
|
37
|
+
this.mdcRoot.dispatchEvent(new Event("transitionend", { bubbles: !0, composed: !0 })), this._toggleOpen(!this.forcedOpen), this.dispatchEvent(new Event("CovalentAppShell:menuClick")), this.forcedOpen = !0, this.hovered = !1;
|
|
38
38
|
}
|
|
39
39
|
_handleNavMouseOver() {
|
|
40
40
|
this.open || this.forcedOpen || (this.hovered = !0, this._toggleOpen());
|
|
@@ -46,8 +46,8 @@ let t = class extends w {
|
|
|
46
46
|
this.forcedOpen = !1, this.hovered = !1, this.requestUpdate();
|
|
47
47
|
}
|
|
48
48
|
resizeEvent() {
|
|
49
|
-
const
|
|
50
|
-
|
|
49
|
+
const t = window.matchMedia("(max-width: 800px)");
|
|
50
|
+
t.matches && this.type !== "modal" ? this.type = "modal" : !t.matches && this.type !== "dismissible" && (this.type = "dismissible"), this.requestUpdate();
|
|
51
51
|
}
|
|
52
52
|
connectedCallback() {
|
|
53
53
|
super.connectedCallback(), this.addEventListener("MDCDrawer:closed", this._handleDrawerClosed), window.addEventListener("resize", () => this.resizeEvent());
|
|
@@ -62,21 +62,21 @@ let t = class extends w {
|
|
|
62
62
|
</div>` : p;
|
|
63
63
|
}
|
|
64
64
|
render() {
|
|
65
|
-
const
|
|
65
|
+
const t = this.type === "dismissible" || this.type === "modal", o = this.type === "modal", n = {
|
|
66
66
|
"cov-drawer--forced-open": this.forcedOpen,
|
|
67
|
-
"cov-drawer--open": this.drawerOpen,
|
|
67
|
+
"cov-drawer--open": this.drawerOpen || this.forcedOpen,
|
|
68
68
|
"cov-drawer--hovered": this.hovered
|
|
69
|
-
},
|
|
70
|
-
"mdc-drawer--dismissible":
|
|
71
|
-
"mdc-drawer--modal":
|
|
69
|
+
}, a = {
|
|
70
|
+
"mdc-drawer--dismissible": t,
|
|
71
|
+
"mdc-drawer--modal": o
|
|
72
72
|
}, r = {
|
|
73
73
|
"help--closed": !this.helpOpen
|
|
74
|
-
},
|
|
74
|
+
}, d = o ? m`<div
|
|
75
75
|
class="mdc-drawer-scrim"
|
|
76
76
|
@click="${this._handleScrimClick}"
|
|
77
77
|
></div>` : p;
|
|
78
78
|
return m`
|
|
79
|
-
<div class="app-shell ${c(
|
|
79
|
+
<div class="app-shell ${c(n)}">
|
|
80
80
|
<span class="header"
|
|
81
81
|
><cv-top-app-bar-fixed centerTitle>
|
|
82
82
|
<cv-icon-button
|
|
@@ -89,7 +89,7 @@ let t = class extends w {
|
|
|
89
89
|
</cv-top-app-bar-fixed>
|
|
90
90
|
</span>
|
|
91
91
|
<nav
|
|
92
|
-
class="navigation mdc-drawer ${c(
|
|
92
|
+
class="navigation mdc-drawer ${c(a)}"
|
|
93
93
|
@mouseenter="${this._handleNavMouseOver}"
|
|
94
94
|
@mouseleave="${this._handleNavMouseOut}"
|
|
95
95
|
>
|
|
@@ -107,7 +107,7 @@ let t = class extends w {
|
|
|
107
107
|
<div divider></div>
|
|
108
108
|
<slot name="user-menu"></slot>
|
|
109
109
|
</nav>
|
|
110
|
-
${
|
|
110
|
+
${d}
|
|
111
111
|
<slot name="mini-list"></slot>
|
|
112
112
|
<div class="main mdc-drawer-app-content"><slot></slot></div>
|
|
113
113
|
<div class="help ${c(r)}">
|
|
@@ -117,34 +117,37 @@ let t = class extends w {
|
|
|
117
117
|
`;
|
|
118
118
|
}
|
|
119
119
|
};
|
|
120
|
-
|
|
120
|
+
e.styles = [
|
|
121
121
|
g`
|
|
122
122
|
${f(y)}
|
|
123
123
|
`
|
|
124
124
|
];
|
|
125
|
-
|
|
125
|
+
i([
|
|
126
126
|
h({ slot: "navigation" })
|
|
127
|
-
],
|
|
128
|
-
|
|
127
|
+
], e.prototype, "navigationListElements", 2);
|
|
128
|
+
i([
|
|
129
129
|
h({ slot: "user-menu" })
|
|
130
|
-
],
|
|
131
|
-
|
|
130
|
+
], e.prototype, "userMenuElements", 2);
|
|
131
|
+
i([
|
|
132
132
|
s()
|
|
133
|
-
],
|
|
134
|
-
|
|
133
|
+
], e.prototype, "appName", 2);
|
|
134
|
+
i([
|
|
135
135
|
s()
|
|
136
|
-
],
|
|
137
|
-
|
|
136
|
+
], e.prototype, "sectionName", 2);
|
|
137
|
+
i([
|
|
138
138
|
s({ type: Boolean, reflect: !0 })
|
|
139
|
-
],
|
|
140
|
-
|
|
139
|
+
], e.prototype, "drawerOpen", 2);
|
|
140
|
+
i([
|
|
141
141
|
s({ type: Boolean, reflect: !0 })
|
|
142
|
-
],
|
|
143
|
-
|
|
142
|
+
], e.prototype, "helpOpen", 2);
|
|
143
|
+
i([
|
|
144
|
+
s({ type: Boolean, reflect: !0 })
|
|
145
|
+
], e.prototype, "forcedOpen", 2);
|
|
146
|
+
e = i([
|
|
144
147
|
v("cv-app-shell")
|
|
145
|
-
],
|
|
146
|
-
const F =
|
|
148
|
+
], e);
|
|
149
|
+
const F = e;
|
|
147
150
|
export {
|
|
148
|
-
|
|
151
|
+
e as CovalentAppShell,
|
|
149
152
|
F as default
|
|
150
153
|
};
|