@covalent/components 11.14.4 → 11.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app-shell/app-shell.d.ts +4 -0
- package/app-shell.js +27 -27
- package/app-shell.mjs +61 -57
- package/{code-editor-CxcpmIYX.js → code-editor-BIT6cm84.js} +2 -2
- package/{code-editor-9Ck5RVSd.mjs → code-editor-DfyYB7BH.mjs} +5 -5
- package/code-editor.js +1 -1
- package/code-editor.mjs +1 -1
- package/{html-Tyok4TLG.js → html-BvqlflY3.js} +1 -1
- package/{html-DumZTSGs.mjs → html-ByyOzJhN.mjs} +1 -1
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/{javascript-CWL9_-RZ.js → javascript-B14r_22c.js} +1 -1
- package/{javascript-DUTowu2i.mjs → javascript-CLtzJjf4.mjs} +1 -1
- package/notebook-cell.js +1 -1
- package/notebook-cell.mjs +1 -1
- package/package.json +1 -1
- package/{python-Boz2tGXC.js → python-BxggOb4R.js} +1 -1
- package/{python-NeYshrPR.mjs → python-F8ACiT-S.mjs} +1 -1
- package/slider.js +5 -3
- package/slider.mjs +26 -20
- package/theme/prebuilt/dark-theme.css +1 -1
- package/{typescript-DdumCH_4.mjs → typescript-Bc2MbvNO.mjs} +1 -1
- package/{typescript-RyGpXXMD.js → typescript-CRIEfmwg.js} +1 -1
- package/typography.js +1 -1
- package/typography.mjs +1 -1
package/app-shell/app-shell.d.ts
CHANGED
|
@@ -60,6 +60,10 @@ export declare class CovalentAppShell extends DrawerBase {
|
|
|
60
60
|
* Center the app name and (slot=mobile-header-logo) in the top app bar
|
|
61
61
|
*/
|
|
62
62
|
centerAppName: boolean;
|
|
63
|
+
/**
|
|
64
|
+
* Hide the side navigation on all screen sizes
|
|
65
|
+
*/
|
|
66
|
+
hideNav: boolean;
|
|
63
67
|
private hovered;
|
|
64
68
|
private hoverTimeout;
|
|
65
69
|
private hoverEntryDuration;
|
package/app-shell.js
CHANGED
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-8EurZY45.js"),o=require("./property-DYTC_2-m.js"),p=require("./class-map-DTzB8z-1.js"),c=require("./mwc-drawer-base-C2YS_KZk.js");require("./top-app-bar-fixed.js");require("./icon-button.js");require("./card.js");const h='.mdc-drawer .mdc-drawer__title{color:#000000de}.mdc-drawer .mdc-deprecated-list-group__subheader,.mdc-drawer .mdc-drawer__subtitle{color:#0009}.mdc-drawer{border-color:#0000001f;background-color:#fff;background-color:var(--mdc-theme-surface, #fff)}.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}.mdc-drawer{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}[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{z-index:6;width:256px}.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}.mdc-drawer{display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden}[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{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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}.mdc-drawer .mdc-deprecated-list-group__subheader:before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-group__subheader{line-height:normal;margin:0;padding:0 16px}.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,[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translate(0)}.mdc-drawer--opening{transition-duration:.25s}.mdc-drawer--closing{transform:translate(-100%)}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translate(100%)}.mdc-drawer--closing{transition-duration:.2s}.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}.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__title{margin-top:0;line-height:normal;margin-bottom:-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}.mdc-drawer__subtitle:before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__subtitle{margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible{display:none;position:absolute}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content,[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer-app-content{position:relative}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:#00000052}.mdc-drawer--modal{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;left:0;right:initial}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal{display:none;position:fixed}.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{--cv-border-radius-outer: 28px}:host .navigation{--mdc-theme-surface: var(--mdc-theme-background);--mdc-list-vertical-padding: 0;--cv-list-padding-right: 0;--cv-list-padding-left: 12px;--cv-list-item-border-radius: 100px;--cv-list-item-width: 48px;--cv-list-item-height: 48px;--cv-list-item-graphic-margin-left: 0;--cv-list-menu-height: 0;--cv-list-item-expansion-icon-size: 0;--cv-list-item-selected-background-color: var(--cv-theme-primary-24);--cv-list-item-selected-color: var(--cv-theme-primary);--cv-divider-margin: 0 0 0 -6px;--cv-divider-padding-left: 12px;--cv-divider-padding-right: 24px}:host([open]) .navigation{--cv-list-padding-right: 12px;--cv-list-padding-left: 12px;--cv-list-item-width: 100%;--cv-list-item-height: inherit;--cv-list-item-graphic-margin-left: 0;--cv-list-item-expansion-icon-margin: -24px;--cv-list-item-expansion-icon-size: 24px;--cv-list-menu-height: inherit;--cv-list-item-selected-background-color: var( --cv-theme-on-surface-variant-8 );--cv-list-item-selected-color: var(--cv-theme-on-surface-variant);--cv-divider-margin: 0;--cv-divider-padding-right: 20px}@media only screen and (max-width: 768px){:host([helpOpen]) .app-shell,:host([helpOpen]) .main{height:100vh;overflow:hidden}}.app-shell{--mdc-theme-surface: var(--mdc-theme-background);background-color:var(--mdc-theme-background);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100%}@media only screen and (min-width: 768px){.app-shell{position:fixed;top:0;left:0;bottom:0;right:0;width:100%}}.app-shell .main-wrapper>:host(cv-card) .mdc-card{border-radius:var(--cv-border-radius-outer)}.cov-help--resizing .main,.cov-help--resizing .help{transition-duration:0ms}.main{height:100vh;grid-area:main;overflow:auto;transition:margin-left .2s ease-in-out,margin-right .2s ease-in-out}.main .main-wrapper{margin:0 auto;max-width:1200px}.cov-content--full-width .main .main-wrapper{margin:0;width:100%;max-width:100%}.main cv-card{margin:0 0 12px;display:block}.main cv-card.wrapper-card{--mdc-shape-medium: var(--cv-border-radius-outer)}.main cv-card.wrapper-card *{--mdc-shape-medium: initial}@media only screen and (min-width: 768px){.cov-drawer--hovered .main,.main.cov-drawer--hovered-closing{margin-left:72px;padding-right:24px}:not(.cov-drawer--forced-open) .main{margin-left:72px;padding-right:24px}.cov-drawer--open .main{margin-left:256px;padding-right:24px}.cov-help--open .main{margin-right:var(--cv-help-width, 320px);padding-right:0}}@media only screen and (max-width: 1600px){.main .main-wrapper{max-width:960px}}.help{grid-area:help;position:fixed;right:0;width:var(--cv-help-width, 320px);transition:width .2s;height:100vh;overflow-y:auto}.help .resize-handle{position:absolute;left:0;width:8px;height:100vh;cursor:ew-resize;z-index:1100;-webkit-user-select:none;user-select:none}.help .resize-handle:after{content:"";position:absolute;left:1px;top:0;width:4px;height:100%;background-color:var(--mdc-theme-primary);transform:translate(-50%);transition:opacity .3s ease;opacity:0}.help .resize-handle:hover:after,.help .resize-handle.helpResizable:after{opacity:1}.help :host([helpResizable]) .resize-handle{display:block}.help :host(:not([helpResizable])) .resize-handle{display:none}.cov-help--closed .help{width:0;border:none}@media only screen and (max-width: 768px){.help{background-color:var(--mdc-theme-surface);width:100%;z-index:100}}.current-section{align-items:center;display:flex;font-size:var(--mdc-typography-body2-font-size);font-family:var(--mdc-typography-body2-font-family);color:var(--cv-theme-on-surface);font-weight:600;justify-content:flex-start;overflow:hidden;min-height:48px;padding:8px 16px 8px 12px;position:relative;text-align:left}.current-section .current-section-name{opacity:0;transition:opacity .2s}:host([open]) .current-section .current-section-name{opacity:1}.header{--cv-top-app-bar-title-padding-left: 8px}.top-app-bar-title{display:flex;align-items:center}slot[name=splat-screen]{display:none}[name=user-menu]{position:sticky;top:0;display:block;z-index:var(--cv-app-shell-user-menu-z-index, 1)}[name=mini-list]{display:none;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;position:fixed;background-color:var(--mdc-theme-background);z-index:var(--cv-app-shell-navigation-z-index, 6)}nav.navigation .toggle-drawer{margin:8px auto}nav.navigation .navigation-toolbar{display:flex;align-items:center;position:sticky;top:0;background-color:var(--mdc-theme-background);z-index:2;padding-left:var(--cv-list-padding-left, 0)}nav.navigation slot[name=logo]{display:block}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{top:0;left:0;bottom:0}:not(.cov-drawer--forced-open) nav.navigation slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closing slot[name=logo]{transition:all .2s;opacity:0}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:0;margin-right:0}nav.navigation.mdc-drawer--open slot[name=logo]{opacity:1}.cov-drawer--hovered nav.navigation{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;background-color:var(--mdc-theme-surface)}[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;transform:none}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open,.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;overflow-x:hidden}}@media only screen and (width <= 480px){.cov-splat-screen .main-wrapper{display:none}slot[name=splat-screen]{display:block}}';var m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,r=(l,e,t,a)=>{for(var n=a>1?void 0:a?g(e,t):e,d=l.length-1,s;d>=0;d--)(s=l[d])&&(n=(a?s(e,t,n):s(n))||n);return a&&n&&m(e,t,n),n};exports.CovalentAppShell=class extends c.DrawerBase{constructor(){super(),this.element=document.querySelector(".help"),this.helpWidth=0,this._resizing=!1,this.appName="",this.sectionName="",this.drawerOpen=!1,this.helpOpen=!1,this.helpResizable=!1,this.contained=!1,this.forcedOpen=!1,this.fullWidth=!1,this.remoteNavOpen=!1,this.showSplatScreen=!1,this.centerAppName=!1,this.hovered=!1,this.hoverEntryDuration=250,this.hoverExitDuration=250,this.observedAttributes=["remotenavopen"],this._handleNavMouseOver=()=>{this.hovered=!0,clearTimeout(this.hoverTimeout),!this.open&&!this.forcedOpen&&(this.hoverTimeout=setTimeout(()=>{this.hovered&&this._toggleOpen()},this.hoverEntryDuration))},this._handleNavMouseOut=()=>{this.hovered=!1,clearTimeout(this.hoverTimeout),this.open&&!this.forcedOpen&&(this.hoverTimeout=setTimeout(()=>{this.hovered||this._toggleOpen()},this.hoverExitDuration))},this.removeInertAttribute=()=>{var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".main.mdc-drawer-app-content");e&&e.removeAttribute("inert")},this.resizeEvent(),this._resize=this._resize.bind(this),this._stopResize=this._stopResize.bind(this),this._startResizing=this._startResizing.bind(this),this._setupHelpEventListeners(),window.addEventListener("DOMContentLoaded",()=>{this.setupHelpPanelListeners();const e=localStorage.getItem("helpWidth");e&&(this.helpWidth=parseInt(e,10),this.updateHelpPanelWidth())})}setupHelpPanelListeners(){const e=document.querySelector(".help-item"),t=document.querySelector(".help-close");e==null||e.addEventListener("click",()=>{this.toggleHelpPanel()}),t==null||t.addEventListener("click",()=>{this.toggleHelpPanel(!1)})}toggleHelpPanel(e){if(this.helpOpen=e!==void 0?e:!this.helpOpen,this.helpOpen){const t=localStorage.getItem("helpWidth");this.helpWidth=t?parseInt(t,10):320}else this.helpWidth=0;this.updateHelpPanelWidth(),this.requestUpdate()}_setupHelpEventListeners(){window.addEventListener("DOMContentLoaded",()=>{const e=document.querySelector(".help-item"),t=document.querySelector(".help-close");e==null||e.addEventListener("click",()=>{this.helpOpen=!this.helpOpen,this.helpWidth=this.helpOpen?320:0,this.requestUpdate()}),t==null||t.addEventListener("click",()=>{this.helpOpen=!1,this.helpWidth=0,this.requestUpdate()})})}_startResizing(e){var a;if(!this.helpResizable)return;const t=(a=this.shadowRoot)==null?void 0:a.querySelector(".resize-handle");e.target===t&&(this._startX=e.clientX,this._startWidth=this.helpWidth,this._resizing=!0,document.addEventListener("mousemove",this._resize),document.addEventListener("mouseup",this._stopResize),e.target.classList.add("helpResizable")),t==null||t.addEventListener("dblclick",()=>{(this.helpWidth>320||this.helpWidth!==320)&&(this.helpWidth=320,localStorage.setItem("helpWidth","320"),this.updateHelpPanelWidth(),this.requestUpdate())}),this.requestUpdate()}_resize(e){const t=e.clientX-this._startX,a=window.innerWidth,d=Math.max(320,a-600),s=Math.max(320,Math.min(d,this._startWidth-t));this.helpWidth!==s&&(this.helpWidth=s,localStorage.setItem("helpWidth",this.helpWidth.toString()),this.updateHelpPanelWidth()),e.preventDefault()}_stopResize(){var t;document.removeEventListener("mousemove",this._resize),document.removeEventListener("mouseup",this._stopResize),this._resizing=!1;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".resize-handle");e&&e.classList.remove("helpResizable"),this.requestUpdate()}_toggleOpen(e=!1){this.mdcFoundation.isOpening()||this.mdcFoundation.isClosing()||(this.open=e||!this.open,this.forcedOpen=e,this.dispatchEvent(new Event("CovalentAppShell:toggle",{bubbles:!0,composed:!0})),this.requestUpdate())}updateHelpPanelWidth(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".app-shell");e==null||e.style.setProperty("--cv-help-width",`${this.helpWidth}px`)}_handleMenuClick(){this.mdcRoot.dispatchEvent(new Event("transitionend",{bubbles:!0,composed:!0})),this._toggleOpen(!this.forcedOpen),this.dispatchEvent(new Event("CovalentAppShell:menuClick")),this.hovered=!1}_handleDrawerClosed(){this.forcedOpen=!1,this.hovered=!1,this.removeInertAttribute(),this.requestUpdate()}resizeEvent(){const e=window.matchMedia("(max-width: 767px)");e.matches&&this.type!=="modal"?this.type="modal":!e.matches&&this.type!=="dismissible"&&(this.type="dismissible",this.removeInertAttribute()),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)}attributeChangedCallback(e,t,a){this.observedAttributes.includes(e)&&(clearTimeout(this.remoteControlTimeout),this.remoteControlTimeout=setTimeout(()=>{this._handleMenuClick()},0)),super.attributeChangedCallback(e,t,a)}renderSection(){return this.sectionName?i.x`<div class="current-section">
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-8EurZY45.js"),o=require("./property-DYTC_2-m.js"),p=require("./class-map-DTzB8z-1.js"),c=require("./mwc-drawer-base-C2YS_KZk.js");require("./top-app-bar-fixed.js");require("./icon-button.js");require("./card.js");const h='.mdc-drawer .mdc-drawer__title{color:#000000de}.mdc-drawer .mdc-deprecated-list-group__subheader,.mdc-drawer .mdc-drawer__subtitle{color:#0009}.mdc-drawer{border-color:#0000001f;background-color:#fff;background-color:var(--mdc-theme-surface, #fff)}.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}.mdc-drawer{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}[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{z-index:6;width:256px}.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}.mdc-drawer{display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden}[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{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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}.mdc-drawer .mdc-deprecated-list-group__subheader:before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-group__subheader{line-height:normal;margin:0;padding:0 16px}.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,[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translate(0)}.mdc-drawer--opening{transition-duration:.25s}.mdc-drawer--closing{transform:translate(-100%)}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translate(100%)}.mdc-drawer--closing{transition-duration:.2s}.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}.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__title{margin-top:0;line-height:normal;margin-bottom:-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}.mdc-drawer__subtitle:before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__subtitle{margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible{display:none;position:absolute}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content,[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer-app-content{position:relative}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:#00000052}.mdc-drawer--modal{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;left:0;right:initial}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal{display:none;position:fixed}.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{--cv-border-radius-outer: 28px}:host .navigation{--mdc-theme-surface: var(--mdc-theme-background);--mdc-list-vertical-padding: 0;--cv-list-padding-right: 0;--cv-list-padding-left: 12px;--cv-list-item-border-radius: 100px;--cv-list-item-width: 48px;--cv-list-item-height: 48px;--cv-list-item-graphic-margin-left: 0;--cv-list-menu-height: 0;--cv-list-item-expansion-icon-size: 0;--cv-list-item-selected-background-color: var(--cv-theme-primary-24);--cv-list-item-selected-color: var(--cv-theme-primary);--cv-divider-margin: 0 0 0 -6px;--cv-divider-padding-left: 12px;--cv-divider-padding-right: 24px}:host([open]) .navigation{--cv-list-padding-right: 12px;--cv-list-padding-left: 12px;--cv-list-item-width: 100%;--cv-list-item-height: inherit;--cv-list-item-graphic-margin-left: 0;--cv-list-item-expansion-icon-margin: -24px;--cv-list-item-expansion-icon-size: 24px;--cv-list-menu-height: inherit;--cv-list-item-selected-background-color: var( --cv-theme-on-surface-variant-8 );--cv-list-item-selected-color: var(--cv-theme-on-surface-variant);--cv-divider-margin: 0;--cv-divider-padding-right: 20px}@media only screen and (max-width: 768px){:host([helpOpen]) .app-shell,:host([helpOpen]) .main{height:100vh;overflow:hidden}}.app-shell{--mdc-theme-surface: var(--mdc-theme-background);background-color:var(--mdc-theme-background);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100%}@media only screen and (min-width: 768px){.app-shell{position:fixed;top:0;left:0;bottom:0;right:0;width:100%}}.app-shell .main-wrapper>:host(cv-card) .mdc-card{border-radius:var(--cv-border-radius-outer)}.cov-help--resizing .main,.cov-help--resizing .help{transition-duration:0ms}.main{height:100vh;grid-area:main;overflow:auto;transition:margin-left .2s ease-in-out,margin-right .2s ease-in-out}.main .main-wrapper{margin:0 auto;max-width:1200px}.cov-content--full-width .main .main-wrapper{margin:0;width:100%;max-width:100%}.main cv-card{margin:0 0 12px;display:block}.main cv-card.wrapper-card{--mdc-shape-medium: var(--cv-border-radius-outer)}.main cv-card.wrapper-card *{--mdc-shape-medium: initial}@media only screen and (min-width: 768px){.cov-drawer--hovered .main,.main.cov-drawer--hovered-closing{margin-left:72px;padding-right:24px}:not(.cov-drawer--forced-open) .main{margin-left:72px;padding-right:24px}.cov-drawer--open .main{margin-left:256px;padding-right:24px}.cov-drawer--hidden .main{margin-left:0;padding-left:24px;padding-right:24px}.cov-help--open .main{margin-right:var(--cv-help-width, 320px);padding-right:0}.cov-drawer--hidden.cov-help--open .main{padding-right:0}}@media only screen and (max-width: 1600px){.main .main-wrapper{max-width:960px}}.help{grid-area:help;position:fixed;right:0;width:var(--cv-help-width, 320px);transition:width .2s;height:100vh;overflow-y:auto}.help .resize-handle{position:absolute;left:0;width:8px;height:100vh;cursor:ew-resize;z-index:1100;-webkit-user-select:none;user-select:none}.help .resize-handle:after{content:"";position:absolute;left:1px;top:0;width:4px;height:100%;background-color:var(--mdc-theme-primary);transform:translate(-50%);transition:opacity .3s ease;opacity:0}.help .resize-handle:hover:after,.help .resize-handle.helpResizable:after{opacity:1}.help :host([helpResizable]) .resize-handle{display:block}.help :host(:not([helpResizable])) .resize-handle{display:none}.cov-help--closed .help{width:0;border:none}@media only screen and (max-width: 768px){.help{background-color:var(--mdc-theme-surface);width:100%;z-index:100}}.current-section{align-items:center;display:flex;font-size:var(--mdc-typography-body2-font-size);font-family:var(--mdc-typography-body2-font-family);color:var(--cv-theme-on-surface);font-weight:600;justify-content:flex-start;overflow:hidden;min-height:48px;padding:8px 16px 8px 12px;position:relative;text-align:left}.current-section .current-section-name{opacity:0;transition:opacity .2s}:host([open]) .current-section .current-section-name{opacity:1}.header{--cv-top-app-bar-title-padding-left: 8px}.top-app-bar-title{display:flex;align-items:center}slot[name=splat-screen]{display:none}[name=user-menu]{position:sticky;top:0;display:block;z-index:var(--cv-app-shell-user-menu-z-index, 1)}[name=mini-list]{display:none;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;position:fixed;background-color:var(--mdc-theme-background);z-index:var(--cv-app-shell-navigation-z-index, 6)}.cov-drawer--hidden nav.navigation{display:none}nav.navigation .toggle-drawer{margin:8px auto}nav.navigation .navigation-toolbar{display:flex;align-items:center;position:sticky;top:0;background-color:var(--mdc-theme-background);z-index:2;padding-left:var(--cv-list-padding-left, 0)}nav.navigation slot[name=logo]{display:block}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{top:0;left:0;bottom:0}:not(.cov-drawer--forced-open) nav.navigation slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closing slot[name=logo]{transition:all .2s;opacity:0}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:0;margin-right:0}nav.navigation.mdc-drawer--open slot[name=logo]{opacity:1}.cov-drawer--hovered nav.navigation{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;background-color:var(--mdc-theme-surface)}[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;transform:none}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open,.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;overflow-x:hidden}}@media only screen and (width <= 480px){.cov-splat-screen .main-wrapper{display:none}slot[name=splat-screen]{display:block}}';var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,r=(l,e,t,a)=>{for(var n=a>1?void 0:a?v(e,t):e,d=l.length-1,s;d>=0;d--)(s=l[d])&&(n=(a?s(e,t,n):s(n))||n);return a&&n&&m(e,t,n),n};exports.CovalentAppShell=class extends c.DrawerBase{constructor(){super(),this.element=document.querySelector(".help"),this.helpWidth=0,this._resizing=!1,this.appName="",this.sectionName="",this.drawerOpen=!1,this.helpOpen=!1,this.helpResizable=!1,this.contained=!1,this.forcedOpen=!1,this.fullWidth=!1,this.remoteNavOpen=!1,this.showSplatScreen=!1,this.centerAppName=!1,this.hideNav=!1,this.hovered=!1,this.hoverEntryDuration=250,this.hoverExitDuration=250,this.observedAttributes=["remotenavopen"],this._handleNavMouseOver=()=>{this.hovered=!0,clearTimeout(this.hoverTimeout),!this.open&&!this.forcedOpen&&(this.hoverTimeout=setTimeout(()=>{this.hovered&&this._toggleOpen()},this.hoverEntryDuration))},this._handleNavMouseOut=()=>{this.hovered=!1,clearTimeout(this.hoverTimeout),this.open&&!this.forcedOpen&&(this.hoverTimeout=setTimeout(()=>{this.hovered||this._toggleOpen()},this.hoverExitDuration))},this.removeInertAttribute=()=>{var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".main.mdc-drawer-app-content");e&&e.removeAttribute("inert")},this.resizeEvent(),this._resize=this._resize.bind(this),this._stopResize=this._stopResize.bind(this),this._startResizing=this._startResizing.bind(this),this._setupHelpEventListeners(),window.addEventListener("DOMContentLoaded",()=>{this.setupHelpPanelListeners();const e=localStorage.getItem("helpWidth");e&&(this.helpWidth=parseInt(e,10),this.updateHelpPanelWidth())})}setupHelpPanelListeners(){const e=document.querySelector(".help-item"),t=document.querySelector(".help-close");e==null||e.addEventListener("click",()=>{this.toggleHelpPanel()}),t==null||t.addEventListener("click",()=>{this.toggleHelpPanel(!1)})}toggleHelpPanel(e){if(this.helpOpen=e!==void 0?e:!this.helpOpen,this.helpOpen){const t=localStorage.getItem("helpWidth");this.helpWidth=t?parseInt(t,10):320}else this.helpWidth=0;this.updateHelpPanelWidth(),this.requestUpdate()}_setupHelpEventListeners(){window.addEventListener("DOMContentLoaded",()=>{const e=document.querySelector(".help-item"),t=document.querySelector(".help-close");e==null||e.addEventListener("click",()=>{this.helpOpen=!this.helpOpen,this.helpWidth=this.helpOpen?320:0,this.requestUpdate()}),t==null||t.addEventListener("click",()=>{this.helpOpen=!1,this.helpWidth=0,this.requestUpdate()})})}_startResizing(e){var a;if(!this.helpResizable)return;const t=(a=this.shadowRoot)==null?void 0:a.querySelector(".resize-handle");e.target===t&&(this._startX=e.clientX,this._startWidth=this.helpWidth,this._resizing=!0,document.addEventListener("mousemove",this._resize),document.addEventListener("mouseup",this._stopResize),e.target.classList.add("helpResizable")),t==null||t.addEventListener("dblclick",()=>{(this.helpWidth>320||this.helpWidth!==320)&&(this.helpWidth=320,localStorage.setItem("helpWidth","320"),this.updateHelpPanelWidth(),this.requestUpdate())}),this.requestUpdate()}_resize(e){const t=e.clientX-this._startX,a=window.innerWidth,d=Math.max(320,a-600),s=Math.max(320,Math.min(d,this._startWidth-t));this.helpWidth!==s&&(this.helpWidth=s,localStorage.setItem("helpWidth",this.helpWidth.toString()),this.updateHelpPanelWidth()),e.preventDefault()}_stopResize(){var t;document.removeEventListener("mousemove",this._resize),document.removeEventListener("mouseup",this._stopResize),this._resizing=!1;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".resize-handle");e&&e.classList.remove("helpResizable"),this.requestUpdate()}_toggleOpen(e=!1){this.mdcFoundation.isOpening()||this.mdcFoundation.isClosing()||(this.open=e||!this.open,this.forcedOpen=e,this.dispatchEvent(new Event("CovalentAppShell:toggle",{bubbles:!0,composed:!0})),this.requestUpdate())}updateHelpPanelWidth(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".app-shell");e==null||e.style.setProperty("--cv-help-width",`${this.helpWidth}px`)}_handleMenuClick(){this.mdcRoot.dispatchEvent(new Event("transitionend",{bubbles:!0,composed:!0})),this._toggleOpen(!this.forcedOpen),this.dispatchEvent(new Event("CovalentAppShell:menuClick")),this.hovered=!1}_handleDrawerClosed(){this.forcedOpen=!1,this.hovered=!1,this.removeInertAttribute(),this.requestUpdate()}resizeEvent(){const e=window.matchMedia("(max-width: 767px)");e.matches&&this.type!=="modal"?this.type="modal":!e.matches&&this.type!=="dismissible"&&(this.type="dismissible",this.removeInertAttribute()),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)}attributeChangedCallback(e,t,a){this.observedAttributes.includes(e)&&(clearTimeout(this.remoteControlTimeout),this.remoteControlTimeout=setTimeout(()=>{this._handleMenuClick()},0)),super.attributeChangedCallback(e,t,a)}renderSection(){return this.sectionName?i.x`<div class="current-section">
|
|
2
2
|
<slot name="section-action"></slot>
|
|
3
3
|
<span class="current-section-name">${this.sectionName}</span>
|
|
4
4
|
</div>`:i.A}renderMain(){return this.contained?i.x`<cv-card part="main" class="wrapper-card"><slot></slot></cv-card>`:i.x`<slot></slot>`}renderAppName(){return this.appName||i.x`<div part="app-name" class="top-app-bar-title">
|
|
5
5
|
<slot name="mobile-header-logo"></slot>
|
|
6
|
-
</div>`}render(){const e=this.type==="dismissible"||this.type==="modal",t=this.type==="modal",a={"cov-drawer--forced-open":this.forcedOpen,"cov-drawer--open":this.drawerOpen||this.forcedOpen,"cov-drawer--hovered":this.hovered,"cov-help--open":this.helpOpen,"cov-help--closed":!this.helpOpen,"cov-help--resizing":this._resizing,"cov-content--full-width":this.fullWidth,"cov-splat-screen":this.showSplatScreen},n={"mdc-drawer--dismissible":e,"mdc-drawer--modal":t},d=t?i.x`<div
|
|
6
|
+
</div>`}render(){const e=this.type==="dismissible"||this.type==="modal",t=this.type==="modal",a={"cov-drawer--forced-open":this.forcedOpen,"cov-drawer--open":this.drawerOpen||this.forcedOpen,"cov-drawer--hovered":this.hovered,"cov-drawer--hidden":this.hideNav,"cov-help--open":this.helpOpen,"cov-help--closed":!this.helpOpen,"cov-help--resizing":this._resizing,"cov-content--full-width":this.fullWidth,"cov-splat-screen":this.showSplatScreen},n={"mdc-drawer--dismissible":e,"mdc-drawer--modal":t},d=t?i.x`<div
|
|
7
7
|
class="mdc-drawer-scrim"
|
|
8
8
|
@click="${this._handleScrimClick}"
|
|
9
9
|
></div>`:i.A;return i.x`
|
|
10
10
|
<div part="app-shell" class="app-shell ${p.o(a)}">
|
|
11
11
|
<span class="header"
|
|
12
12
|
><cv-top-app-bar-fixed .centerTitle=${this.centerAppName}>
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
13
|
+
${this.hideNav?i.A:i.x`<cv-icon-button
|
|
14
|
+
class="toggle-drawer"
|
|
15
|
+
@click=${this._handleMenuClick}
|
|
16
|
+
slot="navigationIcon"
|
|
17
|
+
icon="menu"
|
|
18
|
+
></cv-icon-button>`}
|
|
19
19
|
<span slot="title">${this.renderAppName()}</span>
|
|
20
20
|
<span slot="actionItems">
|
|
21
21
|
<slot name="mobile-header-action-items"></slot>
|
|
22
22
|
</span>
|
|
23
23
|
</cv-top-app-bar-fixed>
|
|
24
24
|
</span>
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
${d}
|
|
25
|
+
${this.hideNav?i.A:i.x`<nav
|
|
26
|
+
part="navigation"
|
|
27
|
+
class="navigation mdc-drawer ${p.o(n)}"
|
|
28
|
+
@mouseenter="${this._handleNavMouseOver}"
|
|
29
|
+
@mouseleave="${this._handleNavMouseOut}"
|
|
30
|
+
>
|
|
31
|
+
<div class="navigation-toolbar">
|
|
32
|
+
<cv-icon-button
|
|
33
|
+
@click="${this._handleMenuClick}"
|
|
34
|
+
class="toggle-drawer"
|
|
35
|
+
icon="menu"
|
|
36
|
+
></cv-icon-button>
|
|
37
|
+
<slot name="logo"></slot>
|
|
38
|
+
</div>
|
|
39
|
+
${this.renderSection()}
|
|
40
|
+
<slot name="navigation"></slot>
|
|
41
|
+
</nav>`}
|
|
42
|
+
${this.hideNav?i.A:d}
|
|
43
43
|
<slot name="mini-list"></slot>
|
|
44
44
|
<div part="main-wrapper" class="main mdc-drawer-app-content">
|
|
45
45
|
<div class="main-wrapper">
|
|
@@ -55,4 +55,4 @@
|
|
|
55
55
|
</div>
|
|
56
56
|
`}};exports.CovalentAppShell.styles=[i.i`
|
|
57
57
|
${i.r(h)}
|
|
58
|
-
`];r([i.l({slot:"navigation"})],exports.CovalentAppShell.prototype,"navigationListElements",2);r([i.l({slot:"user-menu"})],exports.CovalentAppShell.prototype,"userMenuElements",2);r([o.n()],exports.CovalentAppShell.prototype,"appName",2);r([o.n()],exports.CovalentAppShell.prototype,"sectionName",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"drawerOpen",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"helpOpen",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"helpResizable",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"contained",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"forcedOpen",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"fullWidth",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"remoteNavOpen",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"showSplatScreen",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"centerAppName",2);exports.CovalentAppShell=r([i.e("cv-app-shell")],exports.CovalentAppShell);const
|
|
58
|
+
`];r([i.l({slot:"navigation"})],exports.CovalentAppShell.prototype,"navigationListElements",2);r([i.l({slot:"user-menu"})],exports.CovalentAppShell.prototype,"userMenuElements",2);r([o.n()],exports.CovalentAppShell.prototype,"appName",2);r([o.n()],exports.CovalentAppShell.prototype,"sectionName",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"drawerOpen",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"helpOpen",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"helpResizable",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"contained",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"forcedOpen",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"fullWidth",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"remoteNavOpen",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"showSplatScreen",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"centerAppName",2);r([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"hideNav",2);exports.CovalentAppShell=r([i.e("cv-app-shell")],exports.CovalentAppShell);const g=exports.CovalentAppShell;exports.default=g;
|
package/app-shell.mjs
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { r as g, i as v, l as m, A as
|
|
2
|
-
import { n } from "./property-DJzm_oB9.mjs";
|
|
1
|
+
import { r as g, i as v, l as m, A as p, x as d, e as f } from "./query-assigned-elements-D930kELM.mjs";
|
|
2
|
+
import { n as o } from "./property-DJzm_oB9.mjs";
|
|
3
3
|
import { o as h } from "./class-map-DPUylGZM.mjs";
|
|
4
|
-
import { D as
|
|
4
|
+
import { D as w } from "./mwc-drawer-base-BKjve51A.mjs";
|
|
5
5
|
import "./top-app-bar-fixed.mjs";
|
|
6
6
|
import "./icon-button.mjs";
|
|
7
7
|
import "./card.mjs";
|
|
8
|
-
const w = '.mdc-drawer .mdc-drawer__title{color:#000000de}.mdc-drawer .mdc-deprecated-list-group__subheader,.mdc-drawer .mdc-drawer__subtitle{color:#0009}.mdc-drawer{border-color:#0000001f;background-color:#fff;background-color:var(--mdc-theme-surface, #fff)}.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}.mdc-drawer{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}[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{z-index:6;width:256px}.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}.mdc-drawer{display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden}[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{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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}.mdc-drawer .mdc-deprecated-list-group__subheader:before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-group__subheader{line-height:normal;margin:0;padding:0 16px}.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,[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translate(0)}.mdc-drawer--opening{transition-duration:.25s}.mdc-drawer--closing{transform:translate(-100%)}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translate(100%)}.mdc-drawer--closing{transition-duration:.2s}.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}.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__title{margin-top:0;line-height:normal;margin-bottom:-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}.mdc-drawer__subtitle:before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__subtitle{margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible{display:none;position:absolute}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content,[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer-app-content{position:relative}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:#00000052}.mdc-drawer--modal{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;left:0;right:initial}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal{display:none;position:fixed}.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{--cv-border-radius-outer: 28px}:host .navigation{--mdc-theme-surface: var(--mdc-theme-background);--mdc-list-vertical-padding: 0;--cv-list-padding-right: 0;--cv-list-padding-left: 12px;--cv-list-item-border-radius: 100px;--cv-list-item-width: 48px;--cv-list-item-height: 48px;--cv-list-item-graphic-margin-left: 0;--cv-list-menu-height: 0;--cv-list-item-expansion-icon-size: 0;--cv-list-item-selected-background-color: var(--cv-theme-primary-24);--cv-list-item-selected-color: var(--cv-theme-primary);--cv-divider-margin: 0 0 0 -6px;--cv-divider-padding-left: 12px;--cv-divider-padding-right: 24px}:host([open]) .navigation{--cv-list-padding-right: 12px;--cv-list-padding-left: 12px;--cv-list-item-width: 100%;--cv-list-item-height: inherit;--cv-list-item-graphic-margin-left: 0;--cv-list-item-expansion-icon-margin: -24px;--cv-list-item-expansion-icon-size: 24px;--cv-list-menu-height: inherit;--cv-list-item-selected-background-color: var( --cv-theme-on-surface-variant-8 );--cv-list-item-selected-color: var(--cv-theme-on-surface-variant);--cv-divider-margin: 0;--cv-divider-padding-right: 20px}@media only screen and (max-width: 768px){:host([helpOpen]) .app-shell,:host([helpOpen]) .main{height:100vh;overflow:hidden}}.app-shell{--mdc-theme-surface: var(--mdc-theme-background);background-color:var(--mdc-theme-background);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100%}@media only screen and (min-width: 768px){.app-shell{position:fixed;top:0;left:0;bottom:0;right:0;width:100%}}.app-shell .main-wrapper>:host(cv-card) .mdc-card{border-radius:var(--cv-border-radius-outer)}.cov-help--resizing .main,.cov-help--resizing .help{transition-duration:0ms}.main{height:100vh;grid-area:main;overflow:auto;transition:margin-left .2s ease-in-out,margin-right .2s ease-in-out}.main .main-wrapper{margin:0 auto;max-width:1200px}.cov-content--full-width .main .main-wrapper{margin:0;width:100%;max-width:100%}.main cv-card{margin:0 0 12px;display:block}.main cv-card.wrapper-card{--mdc-shape-medium: var(--cv-border-radius-outer)}.main cv-card.wrapper-card *{--mdc-shape-medium: initial}@media only screen and (min-width: 768px){.cov-drawer--hovered .main,.main.cov-drawer--hovered-closing{margin-left:72px;padding-right:24px}:not(.cov-drawer--forced-open) .main{margin-left:72px;padding-right:24px}.cov-drawer--open .main{margin-left:256px;padding-right:24px}.cov-help--open .main{margin-right:var(--cv-help-width, 320px);padding-right:0}}@media only screen and (max-width: 1600px){.main .main-wrapper{max-width:960px}}.help{grid-area:help;position:fixed;right:0;width:var(--cv-help-width, 320px);transition:width .2s;height:100vh;overflow-y:auto}.help .resize-handle{position:absolute;left:0;width:8px;height:100vh;cursor:ew-resize;z-index:1100;-webkit-user-select:none;user-select:none}.help .resize-handle:after{content:"";position:absolute;left:1px;top:0;width:4px;height:100%;background-color:var(--mdc-theme-primary);transform:translate(-50%);transition:opacity .3s ease;opacity:0}.help .resize-handle:hover:after,.help .resize-handle.helpResizable:after{opacity:1}.help :host([helpResizable]) .resize-handle{display:block}.help :host(:not([helpResizable])) .resize-handle{display:none}.cov-help--closed .help{width:0;border:none}@media only screen and (max-width: 768px){.help{background-color:var(--mdc-theme-surface);width:100%;z-index:100}}.current-section{align-items:center;display:flex;font-size:var(--mdc-typography-body2-font-size);font-family:var(--mdc-typography-body2-font-family);color:var(--cv-theme-on-surface);font-weight:600;justify-content:flex-start;overflow:hidden;min-height:48px;padding:8px 16px 8px 12px;position:relative;text-align:left}.current-section .current-section-name{opacity:0;transition:opacity .2s}:host([open]) .current-section .current-section-name{opacity:1}.header{--cv-top-app-bar-title-padding-left: 8px}.top-app-bar-title{display:flex;align-items:center}slot[name=splat-screen]{display:none}[name=user-menu]{position:sticky;top:0;display:block;z-index:var(--cv-app-shell-user-menu-z-index, 1)}[name=mini-list]{display:none;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;position:fixed;background-color:var(--mdc-theme-background);z-index:var(--cv-app-shell-navigation-z-index, 6)}nav.navigation .toggle-drawer{margin:8px auto}nav.navigation .navigation-toolbar{display:flex;align-items:center;position:sticky;top:0;background-color:var(--mdc-theme-background);z-index:2;padding-left:var(--cv-list-padding-left, 0)}nav.navigation slot[name=logo]{display:block}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{top:0;left:0;bottom:0}:not(.cov-drawer--forced-open) nav.navigation slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closing slot[name=logo]{transition:all .2s;opacity:0}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:0;margin-right:0}nav.navigation.mdc-drawer--open slot[name=logo]{opacity:1}.cov-drawer--hovered nav.navigation{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;background-color:var(--mdc-theme-surface)}[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;transform:none}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open,.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;overflow-x:hidden}}@media only screen and (width <= 480px){.cov-splat-screen .main-wrapper{display:none}slot[name=splat-screen]{display:block}}';
|
|
9
|
-
var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, r = (e, t, a,
|
|
10
|
-
for (var
|
|
11
|
-
(
|
|
12
|
-
return
|
|
8
|
+
const u = '.mdc-drawer .mdc-drawer__title{color:#000000de}.mdc-drawer .mdc-deprecated-list-group__subheader,.mdc-drawer .mdc-drawer__subtitle{color:#0009}.mdc-drawer{border-color:#0000001f;background-color:#fff;background-color:var(--mdc-theme-surface, #fff)}.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}.mdc-drawer{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}[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{z-index:6;width:256px}.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}.mdc-drawer{display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden}[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{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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}.mdc-drawer .mdc-deprecated-list-group__subheader:before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-group__subheader{line-height:normal;margin:0;padding:0 16px}.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,[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translate(0)}.mdc-drawer--opening{transition-duration:.25s}.mdc-drawer--closing{transform:translate(-100%)}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translate(100%)}.mdc-drawer--closing{transition-duration:.2s}.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}.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__title{margin-top:0;line-height:normal;margin-bottom:-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}.mdc-drawer__subtitle:before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__subtitle{margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible{display:none;position:absolute}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content,[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer-app-content{position:relative}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:#00000052}.mdc-drawer--modal{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;left:0;right:initial}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal{display:none;position:fixed}.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{--cv-border-radius-outer: 28px}:host .navigation{--mdc-theme-surface: var(--mdc-theme-background);--mdc-list-vertical-padding: 0;--cv-list-padding-right: 0;--cv-list-padding-left: 12px;--cv-list-item-border-radius: 100px;--cv-list-item-width: 48px;--cv-list-item-height: 48px;--cv-list-item-graphic-margin-left: 0;--cv-list-menu-height: 0;--cv-list-item-expansion-icon-size: 0;--cv-list-item-selected-background-color: var(--cv-theme-primary-24);--cv-list-item-selected-color: var(--cv-theme-primary);--cv-divider-margin: 0 0 0 -6px;--cv-divider-padding-left: 12px;--cv-divider-padding-right: 24px}:host([open]) .navigation{--cv-list-padding-right: 12px;--cv-list-padding-left: 12px;--cv-list-item-width: 100%;--cv-list-item-height: inherit;--cv-list-item-graphic-margin-left: 0;--cv-list-item-expansion-icon-margin: -24px;--cv-list-item-expansion-icon-size: 24px;--cv-list-menu-height: inherit;--cv-list-item-selected-background-color: var( --cv-theme-on-surface-variant-8 );--cv-list-item-selected-color: var(--cv-theme-on-surface-variant);--cv-divider-margin: 0;--cv-divider-padding-right: 20px}@media only screen and (max-width: 768px){:host([helpOpen]) .app-shell,:host([helpOpen]) .main{height:100vh;overflow:hidden}}.app-shell{--mdc-theme-surface: var(--mdc-theme-background);background-color:var(--mdc-theme-background);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100%}@media only screen and (min-width: 768px){.app-shell{position:fixed;top:0;left:0;bottom:0;right:0;width:100%}}.app-shell .main-wrapper>:host(cv-card) .mdc-card{border-radius:var(--cv-border-radius-outer)}.cov-help--resizing .main,.cov-help--resizing .help{transition-duration:0ms}.main{height:100vh;grid-area:main;overflow:auto;transition:margin-left .2s ease-in-out,margin-right .2s ease-in-out}.main .main-wrapper{margin:0 auto;max-width:1200px}.cov-content--full-width .main .main-wrapper{margin:0;width:100%;max-width:100%}.main cv-card{margin:0 0 12px;display:block}.main cv-card.wrapper-card{--mdc-shape-medium: var(--cv-border-radius-outer)}.main cv-card.wrapper-card *{--mdc-shape-medium: initial}@media only screen and (min-width: 768px){.cov-drawer--hovered .main,.main.cov-drawer--hovered-closing{margin-left:72px;padding-right:24px}:not(.cov-drawer--forced-open) .main{margin-left:72px;padding-right:24px}.cov-drawer--open .main{margin-left:256px;padding-right:24px}.cov-drawer--hidden .main{margin-left:0;padding-left:24px;padding-right:24px}.cov-help--open .main{margin-right:var(--cv-help-width, 320px);padding-right:0}.cov-drawer--hidden.cov-help--open .main{padding-right:0}}@media only screen and (max-width: 1600px){.main .main-wrapper{max-width:960px}}.help{grid-area:help;position:fixed;right:0;width:var(--cv-help-width, 320px);transition:width .2s;height:100vh;overflow-y:auto}.help .resize-handle{position:absolute;left:0;width:8px;height:100vh;cursor:ew-resize;z-index:1100;-webkit-user-select:none;user-select:none}.help .resize-handle:after{content:"";position:absolute;left:1px;top:0;width:4px;height:100%;background-color:var(--mdc-theme-primary);transform:translate(-50%);transition:opacity .3s ease;opacity:0}.help .resize-handle:hover:after,.help .resize-handle.helpResizable:after{opacity:1}.help :host([helpResizable]) .resize-handle{display:block}.help :host(:not([helpResizable])) .resize-handle{display:none}.cov-help--closed .help{width:0;border:none}@media only screen and (max-width: 768px){.help{background-color:var(--mdc-theme-surface);width:100%;z-index:100}}.current-section{align-items:center;display:flex;font-size:var(--mdc-typography-body2-font-size);font-family:var(--mdc-typography-body2-font-family);color:var(--cv-theme-on-surface);font-weight:600;justify-content:flex-start;overflow:hidden;min-height:48px;padding:8px 16px 8px 12px;position:relative;text-align:left}.current-section .current-section-name{opacity:0;transition:opacity .2s}:host([open]) .current-section .current-section-name{opacity:1}.header{--cv-top-app-bar-title-padding-left: 8px}.top-app-bar-title{display:flex;align-items:center}slot[name=splat-screen]{display:none}[name=user-menu]{position:sticky;top:0;display:block;z-index:var(--cv-app-shell-user-menu-z-index, 1)}[name=mini-list]{display:none;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;position:fixed;background-color:var(--mdc-theme-background);z-index:var(--cv-app-shell-navigation-z-index, 6)}.cov-drawer--hidden nav.navigation{display:none}nav.navigation .toggle-drawer{margin:8px auto}nav.navigation .navigation-toolbar{display:flex;align-items:center;position:sticky;top:0;background-color:var(--mdc-theme-background);z-index:2;padding-left:var(--cv-list-padding-left, 0)}nav.navigation slot[name=logo]{display:block}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{top:0;left:0;bottom:0}:not(.cov-drawer--forced-open) nav.navigation slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closing slot[name=logo]{transition:all .2s;opacity:0}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:0;margin-right:0}nav.navigation.mdc-drawer--open slot[name=logo]{opacity:1}.cov-drawer--hovered nav.navigation{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;background-color:var(--mdc-theme-surface)}[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;transform:none}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open,.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;overflow-x:hidden}}@media only screen and (width <= 480px){.cov-splat-screen .main-wrapper{display:none}slot[name=splat-screen]{display:block}}';
|
|
9
|
+
var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, r = (e, t, a, s) => {
|
|
10
|
+
for (var n = s > 1 ? void 0 : s ? b(t, a) : t, l = e.length - 1, c; l >= 0; l--)
|
|
11
|
+
(c = e[l]) && (n = (s ? c(t, a, n) : c(n)) || n);
|
|
12
|
+
return s && n && y(t, a, n), n;
|
|
13
13
|
};
|
|
14
|
-
let i = class extends
|
|
14
|
+
let i = class extends w {
|
|
15
15
|
constructor() {
|
|
16
|
-
super(), this.element = document.querySelector(".help"), this.helpWidth = 0, this._resizing = !1, this.appName = "", this.sectionName = "", this.drawerOpen = !1, this.helpOpen = !1, this.helpResizable = !1, this.contained = !1, this.forcedOpen = !1, this.fullWidth = !1, this.remoteNavOpen = !1, this.showSplatScreen = !1, this.centerAppName = !1, this.hovered = !1, this.hoverEntryDuration = 250, this.hoverExitDuration = 250, this.observedAttributes = ["remotenavopen"], this._handleNavMouseOver = () => {
|
|
16
|
+
super(), this.element = document.querySelector(".help"), this.helpWidth = 0, this._resizing = !1, this.appName = "", this.sectionName = "", this.drawerOpen = !1, this.helpOpen = !1, this.helpResizable = !1, this.contained = !1, this.forcedOpen = !1, this.fullWidth = !1, this.remoteNavOpen = !1, this.showSplatScreen = !1, this.centerAppName = !1, this.hideNav = !1, this.hovered = !1, this.hoverEntryDuration = 250, this.hoverExitDuration = 250, this.observedAttributes = ["remotenavopen"], this._handleNavMouseOver = () => {
|
|
17
17
|
this.hovered = !0, clearTimeout(this.hoverTimeout), !this.open && !this.forcedOpen && (this.hoverTimeout = setTimeout(() => {
|
|
18
18
|
this.hovered && this._toggleOpen();
|
|
19
19
|
}, this.hoverEntryDuration));
|
|
@@ -68,9 +68,9 @@ let i = class extends u {
|
|
|
68
68
|
}), this.requestUpdate();
|
|
69
69
|
}
|
|
70
70
|
_resize(e) {
|
|
71
|
-
const t = e.clientX - this._startX, a = window.innerWidth,
|
|
71
|
+
const t = e.clientX - this._startX, a = window.innerWidth, n = Math.max(320, a - 600), l = Math.max(
|
|
72
72
|
320,
|
|
73
|
-
Math.min(
|
|
73
|
+
Math.min(n, this._startWidth - t)
|
|
74
74
|
);
|
|
75
75
|
this.helpWidth !== l && (this.helpWidth = l, localStorage.setItem("helpWidth", this.helpWidth.toString()), this.updateHelpPanelWidth()), e.preventDefault();
|
|
76
76
|
}
|
|
@@ -116,20 +116,20 @@ let i = class extends u {
|
|
|
116
116
|
}, 0)), super.attributeChangedCallback(e, t, a);
|
|
117
117
|
}
|
|
118
118
|
renderSection() {
|
|
119
|
-
return this.sectionName ?
|
|
119
|
+
return this.sectionName ? d`<div class="current-section">
|
|
120
120
|
<slot name="section-action"></slot>
|
|
121
121
|
<span class="current-section-name">${this.sectionName}</span>
|
|
122
|
-
</div>` :
|
|
122
|
+
</div>` : p;
|
|
123
123
|
}
|
|
124
124
|
renderMain() {
|
|
125
|
-
return this.contained ?
|
|
125
|
+
return this.contained ? d`<cv-card part="main" class="wrapper-card"><slot></slot></cv-card>` : d`<slot></slot>`;
|
|
126
126
|
}
|
|
127
127
|
/**
|
|
128
128
|
* If appName is provided, render it; otherwise, render items in the mobile header logo slot
|
|
129
129
|
* @returns App name or items in the mobile header logo slot
|
|
130
130
|
*/
|
|
131
131
|
renderAppName() {
|
|
132
|
-
return this.appName ||
|
|
132
|
+
return this.appName || d`<div part="app-name" class="top-app-bar-title">
|
|
133
133
|
<slot name="mobile-header-logo"></slot>
|
|
134
134
|
</div>`;
|
|
135
135
|
}
|
|
@@ -138,52 +138,53 @@ let i = class extends u {
|
|
|
138
138
|
"cov-drawer--forced-open": this.forcedOpen,
|
|
139
139
|
"cov-drawer--open": this.drawerOpen || this.forcedOpen,
|
|
140
140
|
"cov-drawer--hovered": this.hovered,
|
|
141
|
+
"cov-drawer--hidden": this.hideNav,
|
|
141
142
|
"cov-help--open": this.helpOpen,
|
|
142
143
|
"cov-help--closed": !this.helpOpen,
|
|
143
144
|
"cov-help--resizing": this._resizing,
|
|
144
145
|
"cov-content--full-width": this.fullWidth,
|
|
145
146
|
"cov-splat-screen": this.showSplatScreen
|
|
146
|
-
},
|
|
147
|
+
}, s = {
|
|
147
148
|
"mdc-drawer--dismissible": e,
|
|
148
149
|
"mdc-drawer--modal": t
|
|
149
|
-
},
|
|
150
|
+
}, n = t ? d`<div
|
|
150
151
|
class="mdc-drawer-scrim"
|
|
151
152
|
@click="${this._handleScrimClick}"
|
|
152
|
-
></div>` :
|
|
153
|
-
return
|
|
153
|
+
></div>` : p;
|
|
154
|
+
return d`
|
|
154
155
|
<div part="app-shell" class="app-shell ${h(a)}">
|
|
155
156
|
<span class="header"
|
|
156
157
|
><cv-top-app-bar-fixed .centerTitle=${this.centerAppName}>
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
158
|
+
${this.hideNav ? p : d`<cv-icon-button
|
|
159
|
+
class="toggle-drawer"
|
|
160
|
+
@click=${this._handleMenuClick}
|
|
161
|
+
slot="navigationIcon"
|
|
162
|
+
icon="menu"
|
|
163
|
+
></cv-icon-button>`}
|
|
163
164
|
<span slot="title">${this.renderAppName()}</span>
|
|
164
165
|
<span slot="actionItems">
|
|
165
166
|
<slot name="mobile-header-action-items"></slot>
|
|
166
167
|
</span>
|
|
167
168
|
</cv-top-app-bar-fixed>
|
|
168
169
|
</span>
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
${
|
|
170
|
+
${this.hideNav ? p : d`<nav
|
|
171
|
+
part="navigation"
|
|
172
|
+
class="navigation mdc-drawer ${h(s)}"
|
|
173
|
+
@mouseenter="${this._handleNavMouseOver}"
|
|
174
|
+
@mouseleave="${this._handleNavMouseOut}"
|
|
175
|
+
>
|
|
176
|
+
<div class="navigation-toolbar">
|
|
177
|
+
<cv-icon-button
|
|
178
|
+
@click="${this._handleMenuClick}"
|
|
179
|
+
class="toggle-drawer"
|
|
180
|
+
icon="menu"
|
|
181
|
+
></cv-icon-button>
|
|
182
|
+
<slot name="logo"></slot>
|
|
183
|
+
</div>
|
|
184
|
+
${this.renderSection()}
|
|
185
|
+
<slot name="navigation"></slot>
|
|
186
|
+
</nav>`}
|
|
187
|
+
${this.hideNav ? p : n}
|
|
187
188
|
<slot name="mini-list"></slot>
|
|
188
189
|
<div part="main-wrapper" class="main mdc-drawer-app-content">
|
|
189
190
|
<div class="main-wrapper">
|
|
@@ -193,7 +194,7 @@ let i = class extends u {
|
|
|
193
194
|
<slot name="splat-screen"></slot>
|
|
194
195
|
</div>
|
|
195
196
|
<div class="help" @mousedown="${this._startResizing}">
|
|
196
|
-
${this.helpResizable ?
|
|
197
|
+
${this.helpResizable ? d`<div class="resize-handle"></div>` : p}
|
|
197
198
|
<slot name="help"></slot>
|
|
198
199
|
</div>
|
|
199
200
|
</div>
|
|
@@ -202,7 +203,7 @@ let i = class extends u {
|
|
|
202
203
|
};
|
|
203
204
|
i.styles = [
|
|
204
205
|
v`
|
|
205
|
-
${g(
|
|
206
|
+
${g(u)}
|
|
206
207
|
`
|
|
207
208
|
];
|
|
208
209
|
r([
|
|
@@ -212,38 +213,41 @@ r([
|
|
|
212
213
|
m({ slot: "user-menu" })
|
|
213
214
|
], i.prototype, "userMenuElements", 2);
|
|
214
215
|
r([
|
|
215
|
-
|
|
216
|
+
o()
|
|
216
217
|
], i.prototype, "appName", 2);
|
|
217
218
|
r([
|
|
218
|
-
|
|
219
|
+
o()
|
|
219
220
|
], i.prototype, "sectionName", 2);
|
|
220
221
|
r([
|
|
221
|
-
|
|
222
|
+
o({ type: Boolean, reflect: !0 })
|
|
222
223
|
], i.prototype, "drawerOpen", 2);
|
|
223
224
|
r([
|
|
224
|
-
|
|
225
|
+
o({ type: Boolean, reflect: !0 })
|
|
225
226
|
], i.prototype, "helpOpen", 2);
|
|
226
227
|
r([
|
|
227
|
-
|
|
228
|
+
o({ type: Boolean, reflect: !0 })
|
|
228
229
|
], i.prototype, "helpResizable", 2);
|
|
229
230
|
r([
|
|
230
|
-
|
|
231
|
+
o({ type: Boolean, reflect: !0 })
|
|
231
232
|
], i.prototype, "contained", 2);
|
|
232
233
|
r([
|
|
233
|
-
|
|
234
|
+
o({ type: Boolean, reflect: !0 })
|
|
234
235
|
], i.prototype, "forcedOpen", 2);
|
|
235
236
|
r([
|
|
236
|
-
|
|
237
|
+
o({ type: Boolean, reflect: !0 })
|
|
237
238
|
], i.prototype, "fullWidth", 2);
|
|
238
239
|
r([
|
|
239
|
-
|
|
240
|
+
o({ type: Boolean, reflect: !0 })
|
|
240
241
|
], i.prototype, "remoteNavOpen", 2);
|
|
241
242
|
r([
|
|
242
|
-
|
|
243
|
+
o({ type: Boolean, reflect: !0 })
|
|
243
244
|
], i.prototype, "showSplatScreen", 2);
|
|
244
245
|
r([
|
|
245
|
-
|
|
246
|
+
o({ type: Boolean, reflect: !0 })
|
|
246
247
|
], i.prototype, "centerAppName", 2);
|
|
248
|
+
r([
|
|
249
|
+
o({ type: Boolean, reflect: !0 })
|
|
250
|
+
], i.prototype, "hideNav", 2);
|
|
247
251
|
i = r([
|
|
248
252
|
f("cv-app-shell")
|
|
249
253
|
], i);
|