@covalent/components 8.12.1 → 8.12.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/app-shell/app-shell.d.ts +4 -1
  2. package/app-shell/app-shell.d.ts.map +1 -1
  3. package/app-shell.js +11 -11
  4. package/app-shell.mjs +64 -64
  5. package/package.json +1 -1
package/app-shell/app-shell.d.ts CHANGED
@@ -31,6 +31,10 @@ export declare class CovalentAppShell extends DrawerBase {
31
31
  sectionName: string;
32
32
  drawerOpen: boolean;
33
33
  helpOpen: boolean;
34
+ /**
35
+ * Make help resizable with drag/drop handle
36
+ */
37
+ helpResizable: boolean;
34
38
  /**
35
39
  * Wrap the main area with a contained card surface
36
40
  */
@@ -48,7 +52,6 @@ export declare class CovalentAppShell extends DrawerBase {
48
52
  setupHelpPanelListeners(): void;
49
53
  toggleHelpPanel(open?: boolean): void;
50
54
  private _setupEventListeners;
51
- firstUpdated(): void;
52
55
  private _startResizing;
53
56
  private _resize;
54
57
  private _stopResize;
package/app-shell/app-shell.d.ts.map CHANGED
@@ -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;AACpC,OAAO,cAAc,CAAC;AAEtB,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;IAEF,OAAO,iBAAmC;IAC1C,SAAS,SAAK;IACd,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,WAAW,CAAU;IAG7B,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,SAAS,UAAS;IAElB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,SAAS,UAAS;IAElB,OAAO,CAAC,OAAO,CAAS;;IAmBxB,uBAAuB;IAavB,eAAe,CAAC,IAAI,CAAC,EAAE,OAAO;IAY9B,OAAO,CAAC,oBAAoB;IAmBnB,YAAY;IAoBrB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,OAAO;IAiBf,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,mBAAmB;IAM3B,WAAW;IAWF,iBAAiB;IAMjB,oBAAoB;IAM7B,SAAS,CAAC,aAAa;IASvB,SAAS,CAAC,UAAU;IAMX,MAAM;CAmEhB;AAED,eAAe,gBAAgB,CAAC"}
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;AACpC,OAAO,cAAc,CAAC;AAEtB,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;IAEF,OAAO,iBAAmC;IAC1C,SAAS,SAAK;IACd,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,WAAW,CAAU;IAG7B,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,aAAa,UAAS;IAEtB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,SAAS,UAAS;IAElB,OAAO,CAAC,OAAO,CAAS;;IAmBxB,uBAAuB;IAavB,eAAe,CAAC,IAAI,CAAC,EAAE,OAAO;IAY9B,OAAO,CAAC,oBAAoB;IAmB5B,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,OAAO;IAiBf,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,mBAAmB;IAM3B,WAAW;IAWF,iBAAiB;IAMjB,oBAAoB;IAM7B,SAAS,CAAC,aAAa;IASvB,SAAS,CAAC,UAAU;IAMX,MAAM;CAqEhB;AAED,eAAe,gBAAgB,CAAC"}
package/app-shell.js CHANGED
@@ -1,12 +1,12 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./query-assigned-elements-f623705d.js"),d=require("./property-57f6f6fe.js"),p=require("./class-map-b5efe8da.js"),c=require("./mwc-drawer-base-798b11f8.js");require("./top-app-bar-fixed.js");require("./icon-button.js");require("./card.js");require("./tslib.es6-98719205.js");require("./inert.esm-2cee6f2e.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./query-680f1868.js");require("./mwc-top-app-bar-base-aec60f27.js");require("./top-app-bar-a531c1b4.js");require("./ripple-handlers-5d5b21db.js");require("./state-0974a8e5.js");require("./style-map-88d2563f.js");require("./aria-property-849c8816.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");const h=`.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 .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: 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]) .navigation{--cv-list-padding-right: 12px;--cv-list-padding-left: 12px;--cv-list-item-border-radius: 100px;--cv-list-item-width: 100%;--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}@media only screen and (max-width: 768px){:host([helpOpen]) .app-shell,:host([helpOpen]) .main{height:100vh;overflow:hidden}}.app-shell{background-color:var(--mdc-theme-surface);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100%}.app-shell:after{content:"";position:fixed;top:0;height:2px;width:100%;z-index:1000;background-color:#ff5f02}@media only screen and (min-width: 768px){.app-shell{position:fixed;width:100%}}.main{height:100vh;grid-area:main;overflow:auto}.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 12px 12px;display:block}@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:256px}}@media only screen and (max-width: 1600px){.main .main-wrapper{max-width:960px}}.help{grid-area:help;position:fixed;right:0;width:var(--help-width, 320px);height:100vh;overflow-y:auto}.help .resize-handle{position:absolute;left:0;width:10px;height:100vh;cursor:ew-resize;z-index:1100;-webkit-user-select:none;user-select:none}.help .resize-handle:after{content:"";position:absolute;left:50%;top:0;width:2px;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.resizing:after{opacity:1}.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}[name=user-menu]{position:sticky;top:0;display:block;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-surface)}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-surface);z-index:2}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{top:0;left:0;bottom:0}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:12px;margin-right:0}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;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;transition-duration:.2s;transform:none}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open{width:256px}.mdc-drawer--opening{width:256px;transition-duration:.2s}.mdc-drawer--closing{width:72px;transition-duration:.2s}.header{display:none}}@media only screen and (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main" "mini-list" "help"}[name=help]::slotted(*),.main{height:auto;width:auto;border:none}}
2
- `;var m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,n=(l,e,t,i)=>{for(var r=i>1?void 0:i?g(e,t):e,o=l.length-1,s;o>=0;o--)(s=l[o])&&(r=(i?s(e,t,r):s(r))||r);return i&&r&&m(e,t,r),r};exports.CovalentAppShell=class extends c.DrawerBase{constructor(){super(),this.element=document.querySelector(".help"),this.helpWidth=0,this.appName="",this.sectionName="",this.drawerOpen=!1,this.helpOpen=!1,this.contained=!1,this.forcedOpen=!1,this.fullWidth=!1,this.hovered=!1,this._resize=this._resize.bind(this),this._stopResize=this._stopResize.bind(this),this._startResizing=this._startResizing.bind(this),this._setupEventListeners(),window.addEventListener("DOMContentLoaded",()=>{this.setupHelpPanelListeners(),this.resizeEvent();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()}_setupEventListeners(){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()})})}firstUpdated(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".resize-handle");e&&(e.addEventListener("mousedown",i=>{i instanceof MouseEvent&&this._startResizing(i)}),e.addEventListener("dblclick",()=>{(this.helpWidth>320||this.helpWidth!==320)&&(this.helpWidth=320,localStorage.setItem("helpWidth","320"),this.updateHelpPanelWidth(),this.requestUpdate())}))}_startResizing(e){var i;const t=(i=this.shadowRoot)==null?void 0:i.querySelector(".resize-handle");e.target===t&&(this._startX=e.clientX,this._startWidth=this.helpWidth,document.addEventListener("mousemove",this._resize),document.addEventListener("mouseup",this._stopResize),e.target.classList.add("resizing"))}_resize(e){const t=e.clientX-this._startX,i=window.innerWidth,o=Math.max(320,i-600),s=Math.max(320,Math.min(o,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);const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".resize-handle");e&&e.classList.remove("resizing")}_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())}updateHelpPanelWidth(){var i,r;const e=(i=this.shadowRoot)==null?void 0:i.querySelector(".help"),t=(r=this.shadowRoot)==null?void 0:r.querySelector(".main");e&&t&&(e.style.setProperty("--help-width",`${this.helpWidth}px`),t.style.marginRight=`${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.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: 767px)");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?a.x`<div class="current-section">
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-f623705d.js"),o=require("./property-57f6f6fe.js"),p=require("./class-map-b5efe8da.js"),c=require("./mwc-drawer-base-798b11f8.js");require("./top-app-bar-fixed.js");require("./icon-button.js");require("./card.js");require("./tslib.es6-98719205.js");require("./inert.esm-2cee6f2e.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./query-680f1868.js");require("./mwc-top-app-bar-base-aec60f27.js");require("./top-app-bar-a531c1b4.js");require("./ripple-handlers-5d5b21db.js");require("./state-0974a8e5.js");require("./style-map-88d2563f.js");require("./aria-property-849c8816.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");const h=`.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 .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: 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]) .navigation{--cv-list-padding-right: 12px;--cv-list-padding-left: 12px;--cv-list-item-border-radius: 100px;--cv-list-item-width: 100%;--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}@media only screen and (max-width: 768px){:host([helpOpen]) .app-shell,:host([helpOpen]) .main{height:100vh;overflow:hidden}}.app-shell{background-color:var(--mdc-theme-surface);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100%}.app-shell:after{content:"";position:fixed;top:0;height:2px;width:100%;z-index:1000;background-color:#ff5f02}@media only screen and (min-width: 768px){.app-shell{position:fixed;width:100%}}.main{height:100vh;grid-area:main;overflow:auto;transition:margin-left .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 12px 12px;display:block}@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:256px}.cov-help--open .main{margin-right:var(--cv-help-width, 320px)}}@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);height:100vh;overflow-y:auto}.help .resize-handle{position:absolute;left:0;width:10px;height:100vh;cursor:ew-resize;z-index:1100;-webkit-user-select:none;user-select:none}.help .resize-handle:after{content:"";position:absolute;left:50%;top:0;width:2px;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}[name=user-menu]{position:sticky;top:0;display:block;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-surface)}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-surface);z-index:2}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{top:0;left:0;bottom:0}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:12px;margin-right:0}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;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;transition-duration:.2s;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}}
2
+ `;var m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,a=(l,e,t,r)=>{for(var n=r>1?void 0:r?g(e,t):e,d=l.length-1,s;d>=0;d--)(s=l[d])&&(n=(r?s(e,t,n):s(n))||n);return r&&n&&m(e,t,n),n};exports.CovalentAppShell=class extends c.DrawerBase{constructor(){super(),this.element=document.querySelector(".help"),this.helpWidth=0,this.appName="",this.sectionName="",this.drawerOpen=!1,this.helpOpen=!1,this.helpResizable=!1,this.contained=!1,this.forcedOpen=!1,this.fullWidth=!1,this.hovered=!1,this.resizeEvent(),this._resize=this._resize.bind(this),this._stopResize=this._stopResize.bind(this),this._startResizing=this._startResizing.bind(this),this._setupEventListeners(),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()}_setupEventListeners(){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 r;if(!this.helpResizable)return;const t=(r=this.shadowRoot)==null?void 0:r.querySelector(".resize-handle");e.target===t&&(this._startX=e.clientX,this._startWidth=this.helpWidth,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())})}_resize(e){const t=e.clientX-this._startX,r=window.innerWidth,d=Math.max(320,r-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);const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".resize-handle");e&&e.classList.remove("helpResizable")}_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())}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.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: 767px)");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?i.x`<div class="current-section">
3
3
  <slot name="section-action"></slot>
4
4
  <span class="current-section-name">${this.sectionName}</span>
5
- </div>`:a.A}renderMain(){return this.contained?a.x`<cv-card><slot></slot></cv-card>`:a.x`<slot></slot>`}render(){const e=this.type==="dismissible"||this.type==="modal",t=this.type==="modal",i={"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-content--full-width":this.fullWidth},r={"mdc-drawer--dismissible":e,"mdc-drawer--modal":t},o=t?a.x`<div
5
+ </div>`:i.A}renderMain(){return this.contained?i.x`<cv-card><slot></slot></cv-card>`:i.x`<slot></slot>`}render(){const e=this.type==="dismissible"||this.type==="modal",t=this.type==="modal",r={"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-content--full-width":this.fullWidth},n={"mdc-drawer--dismissible":e,"mdc-drawer--modal":t},d=t?i.x`<div
6
6
  class="mdc-drawer-scrim"
7
7
  @click="${this._handleScrimClick}"
8
- ></div>`:a.A;return a.x`
9
- <div class="app-shell ${p.o(i)}">
8
+ ></div>`:i.A;return i.x`
9
+ <div class="app-shell ${p.o(r)}">
10
10
  <span class="header"
11
11
  ><cv-top-app-bar-fixed centerTitle>
12
12
  <cv-icon-button
@@ -19,7 +19,7 @@
19
19
  </cv-top-app-bar-fixed>
20
20
  </span>
21
21
  <nav
22
- class="navigation mdc-drawer ${p.o(r)}"
22
+ class="navigation mdc-drawer ${p.o(n)}"
23
23
  @mouseenter="${this._handleNavMouseOver}"
24
24
  @mouseleave="${this._handleNavMouseOut}"
25
25
  >
@@ -34,7 +34,7 @@
34
34
  ${this.renderSection()}
35
35
  <slot name="navigation"></slot>
36
36
  </nav>
37
- ${o}
37
+ ${d}
38
38
  <slot name="mini-list"></slot>
39
39
  <div class="main mdc-drawer-app-content">
40
40
  <div class="main-wrapper">
@@ -43,10 +43,10 @@
43
43
  </div>
44
44
  </div>
45
45
  <div class="help" @mousedown="${this._startResizing}">
46
- <div class="resize-handle"></div>
46
+ ${this.helpResizable?i.x`<div class="resize-handle"></div>`:i.A}
47
47
  <slot name="help"></slot>
48
48
  </div>
49
49
  </div>
50
- `}};exports.CovalentAppShell.styles=[a.i`
51
- ${a.r(h)}
52
- `];n([a.l({slot:"navigation"})],exports.CovalentAppShell.prototype,"navigationListElements",2);n([a.l({slot:"user-menu"})],exports.CovalentAppShell.prototype,"userMenuElements",2);n([d.n()],exports.CovalentAppShell.prototype,"appName",2);n([d.n()],exports.CovalentAppShell.prototype,"sectionName",2);n([d.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"drawerOpen",2);n([d.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"helpOpen",2);n([d.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"contained",2);n([d.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"forcedOpen",2);n([d.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"fullWidth",2);exports.CovalentAppShell=n([a.e("cv-app-shell")],exports.CovalentAppShell);const f=exports.CovalentAppShell;exports.default=f;
50
+ `}};exports.CovalentAppShell.styles=[i.i`
51
+ ${i.r(h)}
52
+ `];a([i.l({slot:"navigation"})],exports.CovalentAppShell.prototype,"navigationListElements",2);a([i.l({slot:"user-menu"})],exports.CovalentAppShell.prototype,"userMenuElements",2);a([o.n()],exports.CovalentAppShell.prototype,"appName",2);a([o.n()],exports.CovalentAppShell.prototype,"sectionName",2);a([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"drawerOpen",2);a([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"helpOpen",2);a([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"helpResizable",2);a([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"contained",2);a([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"forcedOpen",2);a([o.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"fullWidth",2);exports.CovalentAppShell=a([i.e("cv-app-shell")],exports.CovalentAppShell);const v=exports.CovalentAppShell;exports.default=v;
package/app-shell.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { i as g, r as f, l as m, x as l, A as c, e as v } from "./query-assigned-elements-4a39219d.mjs";
2
- import { n as d } from "./property-9b6ea53b.mjs";
2
+ import { n } from "./property-9b6ea53b.mjs";
3
3
  import { o as h } from "./class-map-4b94b017.mjs";
4
4
  import { D as w } from "./mwc-drawer-base-9c77129c.mjs";
5
5
  import "./top-app-bar-fixed.mjs";
@@ -19,17 +19,17 @@ import "./style-map-bc3ed3e0.mjs";
19
19
  import "./aria-property-fa2717fe.mjs";
20
20
  import "./event-options-78d6cf94.mjs";
21
21
  import "./if-defined-c367f208.mjs";
22
- 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 .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: 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]) .navigation{--cv-list-padding-right: 12px;--cv-list-padding-left: 12px;--cv-list-item-border-radius: 100px;--cv-list-item-width: 100%;--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}@media only screen and (max-width: 768px){:host([helpOpen]) .app-shell,:host([helpOpen]) .main{height:100vh;overflow:hidden}}.app-shell{background-color:var(--mdc-theme-surface);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100%}.app-shell:after{content:"";position:fixed;top:0;height:2px;width:100%;z-index:1000;background-color:#ff5f02}@media only screen and (min-width: 768px){.app-shell{position:fixed;width:100%}}.main{height:100vh;grid-area:main;overflow:auto}.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 12px 12px;display:block}@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:256px}}@media only screen and (max-width: 1600px){.main .main-wrapper{max-width:960px}}.help{grid-area:help;position:fixed;right:0;width:var(--help-width, 320px);height:100vh;overflow-y:auto}.help .resize-handle{position:absolute;left:0;width:10px;height:100vh;cursor:ew-resize;z-index:1100;-webkit-user-select:none;user-select:none}.help .resize-handle:after{content:"";position:absolute;left:50%;top:0;width:2px;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.resizing:after{opacity:1}.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}[name=user-menu]{position:sticky;top:0;display:block;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-surface)}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-surface);z-index:2}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{top:0;left:0;bottom:0}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:12px;margin-right:0}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;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;transition-duration:.2s;transform:none}.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
+ 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 .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: 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]) .navigation{--cv-list-padding-right: 12px;--cv-list-padding-left: 12px;--cv-list-item-border-radius: 100px;--cv-list-item-width: 100%;--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}@media only screen and (max-width: 768px){:host([helpOpen]) .app-shell,:host([helpOpen]) .main{height:100vh;overflow:hidden}}.app-shell{background-color:var(--mdc-theme-surface);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100%}.app-shell:after{content:"";position:fixed;top:0;height:2px;width:100%;z-index:1000;background-color:#ff5f02}@media only screen and (min-width: 768px){.app-shell{position:fixed;width:100%}}.main{height:100vh;grid-area:main;overflow:auto;transition:margin-left .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 12px 12px;display:block}@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:256px}.cov-help--open .main{margin-right:var(--cv-help-width, 320px)}}@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);height:100vh;overflow-y:auto}.help .resize-handle{position:absolute;left:0;width:10px;height:100vh;cursor:ew-resize;z-index:1100;-webkit-user-select:none;user-select:none}.help .resize-handle:after{content:"";position:absolute;left:50%;top:0;width:2px;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}[name=user-menu]{position:sticky;top:0;display:block;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-surface)}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-surface);z-index:2}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{top:0;left:0;bottom:0}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:12px;margin-right:0}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;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;transition-duration:.2s;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}}
23
23
  `;
24
- var u = Object.defineProperty, x = Object.getOwnPropertyDescriptor, n = (e, t, i, o) => {
25
- for (var a = o > 1 ? void 0 : o ? x(t, i) : t, s = e.length - 1, p; s >= 0; s--)
26
- (p = e[s]) && (a = (o ? p(t, i, a) : p(a)) || a);
27
- return o && a && u(t, i, a), a;
24
+ var u = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (e, t, o, d) => {
25
+ for (var r = d > 1 ? void 0 : d ? b(t, o) : t, s = e.length - 1, p; s >= 0; s--)
26
+ (p = e[s]) && (r = (d ? p(t, o, r) : p(r)) || r);
27
+ return d && r && u(t, o, r), r;
28
28
  };
29
- let r = class extends w {
29
+ let i = class extends w {
30
30
  constructor() {
31
- super(), this.element = document.querySelector(".help"), this.helpWidth = 0, this.appName = "", this.sectionName = "", this.drawerOpen = !1, this.helpOpen = !1, this.contained = !1, this.forcedOpen = !1, this.fullWidth = !1, this.hovered = !1, this._resize = this._resize.bind(this), this._stopResize = this._stopResize.bind(this), this._startResizing = this._startResizing.bind(this), this._setupEventListeners(), window.addEventListener("DOMContentLoaded", () => {
32
- this.setupHelpPanelListeners(), this.resizeEvent();
31
+ super(), this.element = document.querySelector(".help"), this.helpWidth = 0, this.appName = "", this.sectionName = "", this.drawerOpen = !1, this.helpOpen = !1, this.helpResizable = !1, this.contained = !1, this.forcedOpen = !1, this.fullWidth = !1, this.hovered = !1, this.resizeEvent(), this._resize = this._resize.bind(this), this._stopResize = this._stopResize.bind(this), this._startResizing = this._startResizing.bind(this), this._setupEventListeners(), window.addEventListener("DOMContentLoaded", () => {
32
+ this.setupHelpPanelListeners();
33
33
  const e = localStorage.getItem("helpWidth");
34
34
  e && (this.helpWidth = parseInt(e, 10), this.updateHelpPanelWidth());
35
35
  });
@@ -60,24 +60,19 @@ let r = class extends w {
60
60
  });
61
61
  });
62
62
  }
63
- firstUpdated() {
64
- var t;
65
- const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".resize-handle");
66
- e && (e.addEventListener("mousedown", (i) => {
67
- i instanceof MouseEvent && this._startResizing(i);
68
- }), e.addEventListener("dblclick", () => {
69
- (this.helpWidth > 320 || this.helpWidth !== 320) && (this.helpWidth = 320, localStorage.setItem("helpWidth", "320"), this.updateHelpPanelWidth(), this.requestUpdate());
70
- }));
71
- }
72
63
  _startResizing(e) {
73
- var i;
74
- const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".resize-handle");
75
- e.target === t && (this._startX = e.clientX, this._startWidth = this.helpWidth, document.addEventListener("mousemove", this._resize), document.addEventListener("mouseup", this._stopResize), e.target.classList.add("resizing"));
64
+ var o;
65
+ if (!this.helpResizable)
66
+ return;
67
+ const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector(".resize-handle");
68
+ e.target === t && (this._startX = e.clientX, this._startWidth = this.helpWidth, document.addEventListener("mousemove", this._resize), document.addEventListener("mouseup", this._stopResize), e.target.classList.add("helpResizable")), t == null || t.addEventListener("dblclick", () => {
69
+ (this.helpWidth > 320 || this.helpWidth !== 320) && (this.helpWidth = 320, localStorage.setItem("helpWidth", "320"), this.updateHelpPanelWidth(), this.requestUpdate());
70
+ });
76
71
  }
77
72
  _resize(e) {
78
- const t = e.clientX - this._startX, i = window.innerWidth, a = Math.max(320, i - 600), s = Math.max(
73
+ const t = e.clientX - this._startX, o = window.innerWidth, r = Math.max(320, o - 600), s = Math.max(
79
74
  320,
80
- Math.min(a, this._startWidth - t)
75
+ Math.min(r, this._startWidth - t)
81
76
  );
82
77
  this.helpWidth !== s && (this.helpWidth = s, localStorage.setItem("helpWidth", this.helpWidth.toString()), this.updateHelpPanelWidth()), e.preventDefault();
83
78
  }
@@ -85,7 +80,7 @@ let r = class extends w {
85
80
  var t;
86
81
  document.removeEventListener("mousemove", this._resize), document.removeEventListener("mouseup", this._stopResize);
87
82
  const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".resize-handle");
88
- e && e.classList.remove("resizing");
83
+ e && e.classList.remove("helpResizable");
89
84
  }
90
85
  _toggleOpen(e = !1) {
91
86
  this.mdcFoundation.isOpening() || this.mdcFoundation.isClosing() || (this.open = e || !this.open, this.dispatchEvent(
@@ -93,9 +88,11 @@ let r = class extends w {
93
88
  ), this.requestUpdate());
94
89
  }
95
90
  updateHelpPanelWidth() {
96
- var i, o;
97
- const e = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".help"), t = (o = this.shadowRoot) == null ? void 0 : o.querySelector(".main");
98
- e && t && (e.style.setProperty("--help-width", `${this.helpWidth}px`), t.style.marginRight = `${this.helpWidth}px`);
91
+ var t;
92
+ const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector(
93
+ ".app-shell"
94
+ );
95
+ e == null || e.style.setProperty("--cv-help-width", `${this.helpWidth}px`);
99
96
  }
100
97
  _handleMenuClick() {
101
98
  this.mdcRoot.dispatchEvent(
@@ -131,22 +128,22 @@ let r = class extends w {
131
128
  return this.contained ? l`<cv-card><slot></slot></cv-card>` : l`<slot></slot>`;
132
129
  }
133
130
  render() {
134
- const e = this.type === "dismissible" || this.type === "modal", t = this.type === "modal", i = {
131
+ const e = this.type === "dismissible" || this.type === "modal", t = this.type === "modal", o = {
135
132
  "cov-drawer--forced-open": this.forcedOpen,
136
133
  "cov-drawer--open": this.drawerOpen || this.forcedOpen,
137
134
  "cov-drawer--hovered": this.hovered,
138
135
  "cov-help--open": this.helpOpen,
139
136
  "cov-help--closed": !this.helpOpen,
140
137
  "cov-content--full-width": this.fullWidth
141
- }, o = {
138
+ }, d = {
142
139
  "mdc-drawer--dismissible": e,
143
140
  "mdc-drawer--modal": t
144
- }, a = t ? l`<div
141
+ }, r = t ? l`<div
145
142
  class="mdc-drawer-scrim"
146
143
  @click="${this._handleScrimClick}"
147
144
  ></div>` : c;
148
145
  return l`
149
- <div class="app-shell ${h(i)}">
146
+ <div class="app-shell ${h(o)}">
150
147
  <span class="header"
151
148
  ><cv-top-app-bar-fixed centerTitle>
152
149
  <cv-icon-button
@@ -159,7 +156,7 @@ let r = class extends w {
159
156
  </cv-top-app-bar-fixed>
160
157
  </span>
161
158
  <nav
162
- class="navigation mdc-drawer ${h(o)}"
159
+ class="navigation mdc-drawer ${h(d)}"
163
160
  @mouseenter="${this._handleNavMouseOver}"
164
161
  @mouseleave="${this._handleNavMouseOut}"
165
162
  >
@@ -174,7 +171,7 @@ let r = class extends w {
174
171
  ${this.renderSection()}
175
172
  <slot name="navigation"></slot>
176
173
  </nav>
177
- ${a}
174
+ ${r}
178
175
  <slot name="mini-list"></slot>
179
176
  <div class="main mdc-drawer-app-content">
180
177
  <div class="main-wrapper">
@@ -183,50 +180,53 @@ let r = class extends w {
183
180
  </div>
184
181
  </div>
185
182
  <div class="help" @mousedown="${this._startResizing}">
186
- <div class="resize-handle"></div>
183
+ ${this.helpResizable ? l`<div class="resize-handle"></div>` : c}
187
184
  <slot name="help"></slot>
188
185
  </div>
189
186
  </div>
190
187
  `;
191
188
  }
192
189
  };
193
- r.styles = [
190
+ i.styles = [
194
191
  g`
195
192
  ${f(y)}
196
193
  `
197
194
  ];
198
- n([
195
+ a([
199
196
  m({ slot: "navigation" })
200
- ], r.prototype, "navigationListElements", 2);
201
- n([
197
+ ], i.prototype, "navigationListElements", 2);
198
+ a([
202
199
  m({ slot: "user-menu" })
203
- ], r.prototype, "userMenuElements", 2);
204
- n([
205
- d()
206
- ], r.prototype, "appName", 2);
207
- n([
208
- d()
209
- ], r.prototype, "sectionName", 2);
210
- n([
211
- d({ type: Boolean, reflect: !0 })
212
- ], r.prototype, "drawerOpen", 2);
213
- n([
214
- d({ type: Boolean, reflect: !0 })
215
- ], r.prototype, "helpOpen", 2);
216
- n([
217
- d({ type: Boolean, reflect: !0 })
218
- ], r.prototype, "contained", 2);
219
- n([
220
- d({ type: Boolean, reflect: !0 })
221
- ], r.prototype, "forcedOpen", 2);
222
- n([
223
- d({ type: Boolean, reflect: !0 })
224
- ], r.prototype, "fullWidth", 2);
225
- r = n([
200
+ ], i.prototype, "userMenuElements", 2);
201
+ a([
202
+ n()
203
+ ], i.prototype, "appName", 2);
204
+ a([
205
+ n()
206
+ ], i.prototype, "sectionName", 2);
207
+ a([
208
+ n({ type: Boolean, reflect: !0 })
209
+ ], i.prototype, "drawerOpen", 2);
210
+ a([
211
+ n({ type: Boolean, reflect: !0 })
212
+ ], i.prototype, "helpOpen", 2);
213
+ a([
214
+ n({ type: Boolean, reflect: !0 })
215
+ ], i.prototype, "helpResizable", 2);
216
+ a([
217
+ n({ type: Boolean, reflect: !0 })
218
+ ], i.prototype, "contained", 2);
219
+ a([
220
+ n({ type: Boolean, reflect: !0 })
221
+ ], i.prototype, "forcedOpen", 2);
222
+ a([
223
+ n({ type: Boolean, reflect: !0 })
224
+ ], i.prototype, "fullWidth", 2);
225
+ i = a([
226
226
  v("cv-app-shell")
227
- ], r);
228
- const A = r;
227
+ ], i);
228
+ const A = i;
229
229
  export {
230
- r as CovalentAppShell,
230
+ i as CovalentAppShell,
231
231
  A as default
232
232
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@covalent/components",
3
- "version": "8.12.1",
3
+ "version": "8.12.3",
4
4
  "description": "a catalog of material components for covalent",
5
5
  "main": "./index.js",
6
6
  "module": "./index.mjs",