@covalent/components 8.17.1 → 8.18.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.
Files changed (8) hide show
  1. package/app-shell/app-shell.d.ts.map +1 -1
  2. package/app-shell.js +2 -2
  3. package/app-shell.mjs +6 -6
  4. package/list/nav-list-item.d.ts +3 -0
  5. package/list/nav-list-item.d.ts.map +1 -1
  6. package/nav-list-item.js +7 -7
  7. package/nav-list-item.mjs +40 -25
  8. package/package.json +1 -1
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;IAC7B,OAAO,CAAC,SAAS,CAAS;IAG1B,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;IACxB,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,kBAAkB,CAAO;IACjC,OAAO,CAAC,iBAAiB,CAAO;;IAmBhC,uBAAuB;IAavB,eAAe,CAAC,IAAI,CAAC,EAAE,OAAO;IAY9B,OAAO,CAAC,oBAAoB;IAmB5B,OAAO,CAAC,cAAc;IAyBtB,OAAO,CAAC,OAAO;IAiBf,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,mBAAmB,CAazB;IAEF,OAAO,CAAC,kBAAkB,CAaxB;IAEF,OAAO,CAAC,mBAAmB;IAM3B,WAAW;IAWF,iBAAiB;IAMjB,oBAAoB;IAM7B,SAAS,CAAC,aAAa;IASvB,SAAS,CAAC,UAAU;IAMX,MAAM;CAsEhB;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;IAC7B,OAAO,CAAC,SAAS,CAAS;IAG1B,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;IACxB,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,kBAAkB,CAAO;IACjC,OAAO,CAAC,iBAAiB,CAAO;;IAmBhC,uBAAuB;IAavB,eAAe,CAAC,IAAI,CAAC,EAAE,OAAO;IAY9B,OAAO,CAAC,oBAAoB;IAmB5B,OAAO,CAAC,cAAc;IAyBtB,OAAO,CAAC,OAAO;IAiBf,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,mBAAmB,CAazB;IAEF,OAAO,CAAC,kBAAkB,CAaxB;IAEF,OAAO,CAAC,mBAAmB;IAM3B,WAAW;IAWF,iBAAiB;IAMjB,oBAAoB;IAM7B,SAAS,CAAC,aAAa;IASvB,SAAS,CAAC,UAAU;IAMX,MAAM;CAsEhB;AAED,eAAe,gBAAgB,CAAC"}
package/app-shell.js CHANGED
@@ -1,5 +1,5 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-f623705d.js"),n=require("./property-57f6f6fe.js"),c=require("./class-map-b5efe8da.js"),h=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 p=`.mdc-drawer{border-color:#0000001f;background-color:#fff;background-color:var(--mdc-theme-surface, #fff);border-top-left-radius:0;border-top-right-radius:0;border-top-right-radius:var(--mdc-shape-large, 0);border-bottom-right-radius:0;border-bottom-right-radius:var(--mdc-shape-large, 0);border-bottom-left-radius:0;z-index:6;width:256px;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer .mdc-drawer__title{color:#000000de}.mdc-drawer .mdc-deprecated-list-group__subheader,.mdc-drawer .mdc-drawer__subtitle,.mdc-drawer .mdc-deprecated-list-item__graphic{color:#0009}.mdc-drawer .mdc-deprecated-list-item{color:#000000de}.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#6200ee}.mdc-drawer .mdc-deprecated-list-item--activated{color:#6200eede}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-top-left-radius:0;border-top-left-radius:var(--mdc-shape-large, 0);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-left-radius:var(--mdc-shape-large, 0)}.mdc-drawer .mdc-deprecated-list-item{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content{margin-left:256px;margin-right:0}[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-right-width:0;border-left-width:1px;border-right-style:none;border-left-style:solid}.mdc-drawer .mdc-deprecated-list-item{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit);height:40px;margin:8px;padding:0 8px}.mdc-drawer .mdc-deprecated-list-item:nth-child(1){margin-top:2px}.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1){margin-bottom:0}.mdc-drawer .mdc-deprecated-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;line-height:normal;margin:0;padding:0 16px}.mdc-drawer .mdc-deprecated-list-group__subheader:before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-divider{margin:3px 0 4px}.mdc-drawer .mdc-deprecated-list-item__text,.mdc-drawer .mdc-deprecated-list-item__graphic{pointer-events:none}.mdc-drawer--animate{transform:translate(-100%)}[dir=rtl] .mdc-drawer--animate,.mdc-drawer--animate[dir=rtl]{transform:translate(100%)}.mdc-drawer--opening{transform:translate(0);transition-duration:.25s}[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translate(0)}.mdc-drawer--closing{transform:translate(-100%);transition-duration:.2s}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translate(100%)}.mdc-drawer__header{flex-shrink:0;box-sizing:border-box;min-height:64px;padding:0 16px 4px}.mdc-drawer__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, .0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-drawer__title:before{display:inline-block;width:0;height:36px;content:"";vertical-align:0}.mdc-drawer__title:after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-drawer__subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__subtitle:before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial;display:none;position:absolute}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content{margin-left:0;margin-right:0;position:relative}[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer--modal{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;left:0;right:initial;display:none;position:fixed}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:#00000052}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal.mdc-drawer--open{display:flex}.mdc-drawer-scrim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer--open+.mdc-drawer-scrim{display:block}.mdc-drawer--animate+.mdc-drawer-scrim{opacity:0}.mdc-drawer--opening+.mdc-drawer-scrim{transition-duration:.25s;opacity:1}.mdc-drawer--closing+.mdc-drawer-scrim{transition-duration:.2s;opacity:0}:host{--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: 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;--cv-list-item-selected-background-color: var(--cv-theme-primary-24);--cv-list-item-selected-color: var(--cv-theme-primary)}: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;--cv-list-item-selected-background-color: var( --cv-theme-on-surface-variant-8 );--cv-list-item-selected-color: var(--cv-theme-on-surface-variant)}@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%}.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%}}.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 24px;display:block}.main cv-card.wrapper-card{--mdc-shape-medium: var(--cv-border-radius-outer)}@media only screen and (min-width: 768px){.cov-drawer--hovered .main,.main.cov-drawer--hovered-closing{margin-left:72px;margin-right:24px}:not(.cov-drawer--forced-open) .main{margin-left:72px;margin-right:24px}.cov-drawer--open .main{margin-left:256px;margin-right:24px}.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);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}[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-background)}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}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 o=r>1?void 0:r?g(e,t):e,d=l.length-1,s;d>=0;d--)(s=l[d])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&m(e,t,o),o};exports.CovalentAppShell=class extends h.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.hovered=!1,this.hoverEntryDuration=250,this.hoverExitDuration=250,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.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,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,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),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.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}_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">
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-f623705d.js"),n=require("./property-57f6f6fe.js"),c=require("./class-map-b5efe8da.js"),h=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 p=`.mdc-drawer{border-color:#0000001f;background-color:#fff;background-color:var(--mdc-theme-surface, #fff);border-top-left-radius:0;border-top-right-radius:0;border-top-right-radius:var(--mdc-shape-large, 0);border-bottom-right-radius:0;border-bottom-right-radius:var(--mdc-shape-large, 0);border-bottom-left-radius:0;z-index:6;width:256px;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer .mdc-drawer__title{color:#000000de}.mdc-drawer .mdc-deprecated-list-group__subheader,.mdc-drawer .mdc-drawer__subtitle,.mdc-drawer .mdc-deprecated-list-item__graphic{color:#0009}.mdc-drawer .mdc-deprecated-list-item{color:#000000de}.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#6200ee}.mdc-drawer .mdc-deprecated-list-item--activated{color:#6200eede}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-top-left-radius:0;border-top-left-radius:var(--mdc-shape-large, 0);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-left-radius:var(--mdc-shape-large, 0)}.mdc-drawer .mdc-deprecated-list-item{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content{margin-left:256px;margin-right:0}[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-right-width:0;border-left-width:1px;border-right-style:none;border-left-style:solid}.mdc-drawer .mdc-deprecated-list-item{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit);height:40px;margin:8px;padding:0 8px}.mdc-drawer .mdc-deprecated-list-item:nth-child(1){margin-top:2px}.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1){margin-bottom:0}.mdc-drawer .mdc-deprecated-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;line-height:normal;margin:0;padding:0 16px}.mdc-drawer .mdc-deprecated-list-group__subheader:before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-divider{margin:3px 0 4px}.mdc-drawer .mdc-deprecated-list-item__text,.mdc-drawer .mdc-deprecated-list-item__graphic{pointer-events:none}.mdc-drawer--animate{transform:translate(-100%)}[dir=rtl] .mdc-drawer--animate,.mdc-drawer--animate[dir=rtl]{transform:translate(100%)}.mdc-drawer--opening{transform:translate(0);transition-duration:.25s}[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translate(0)}.mdc-drawer--closing{transform:translate(-100%);transition-duration:.2s}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translate(100%)}.mdc-drawer__header{flex-shrink:0;box-sizing:border-box;min-height:64px;padding:0 16px 4px}.mdc-drawer__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, .0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-drawer__title:before{display:inline-block;width:0;height:36px;content:"";vertical-align:0}.mdc-drawer__title:after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-drawer__subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__subtitle:before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial;display:none;position:absolute}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content{margin-left:0;margin-right:0;position:relative}[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer--modal{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;left:0;right:initial;display:none;position:fixed}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:#00000052}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal.mdc-drawer--open{display:flex}.mdc-drawer-scrim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer--open+.mdc-drawer-scrim{display:block}.mdc-drawer--animate+.mdc-drawer-scrim{opacity:0}.mdc-drawer--opening+.mdc-drawer-scrim{transition-duration:.25s;opacity:1}.mdc-drawer--closing+.mdc-drawer-scrim{transition-duration:.2s;opacity:0}:host{--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)}: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)}@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%}.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%}}.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 24px;display:block}.main cv-card.wrapper-card{--mdc-shape-medium: var(--cv-border-radius-outer)}@media only screen and (min-width: 768px){.cov-drawer--hovered .main,.main.cov-drawer--hovered-closing{margin-left:72px;margin-right:24px}:not(.cov-drawer--forced-open) .main{margin-left:72px;margin-right:24px}.cov-drawer--open .main{margin-left:256px;margin-right:24px}.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);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}[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-background)}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}}
2
+ `;var m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,a=(l,e,t,r)=>{for(var o=r>1?void 0:r?g(e,t):e,d=l.length-1,s;d>=0;d--)(s=l[d])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&m(e,t,o),o};exports.CovalentAppShell=class extends h.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.hovered=!1,this.hoverEntryDuration=250,this.hoverExitDuration=250,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.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,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,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),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.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
5
  </div>`:i.A}renderMain(){return this.contained?i.x`<cv-card class="wrapper-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-help--resizing":this._resizing,"cov-content--full-width":this.fullWidth},o={"mdc-drawer--dismissible":e,"mdc-drawer--modal":t},d=t?i.x`<div
package/app-shell.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import { i as g, r as v, l as m, x as l, A as p, e as f } from "./query-assigned-elements-4a39219d.mjs";
2
2
  import { n } from "./property-9b6ea53b.mjs";
3
3
  import { o as h } from "./class-map-4b94b017.mjs";
4
- import { D as u } from "./mwc-drawer-base-9c77129c.mjs";
4
+ import { D as w } from "./mwc-drawer-base-9c77129c.mjs";
5
5
  import "./top-app-bar-fixed.mjs";
6
6
  import "./icon-button.mjs";
7
7
  import "./card.mjs";
@@ -19,14 +19,14 @@ 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 w = `.mdc-drawer{border-color:#0000001f;background-color:#fff;background-color:var(--mdc-theme-surface, #fff);border-top-left-radius:0;border-top-right-radius:0;border-top-right-radius:var(--mdc-shape-large, 0);border-bottom-right-radius:0;border-bottom-right-radius:var(--mdc-shape-large, 0);border-bottom-left-radius:0;z-index:6;width:256px;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer .mdc-drawer__title{color:#000000de}.mdc-drawer .mdc-deprecated-list-group__subheader,.mdc-drawer .mdc-drawer__subtitle,.mdc-drawer .mdc-deprecated-list-item__graphic{color:#0009}.mdc-drawer .mdc-deprecated-list-item{color:#000000de}.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#6200ee}.mdc-drawer .mdc-deprecated-list-item--activated{color:#6200eede}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-top-left-radius:0;border-top-left-radius:var(--mdc-shape-large, 0);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-left-radius:var(--mdc-shape-large, 0)}.mdc-drawer .mdc-deprecated-list-item{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content{margin-left:256px;margin-right:0}[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-right-width:0;border-left-width:1px;border-right-style:none;border-left-style:solid}.mdc-drawer .mdc-deprecated-list-item{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit);height:40px;margin:8px;padding:0 8px}.mdc-drawer .mdc-deprecated-list-item:nth-child(1){margin-top:2px}.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1){margin-bottom:0}.mdc-drawer .mdc-deprecated-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;line-height:normal;margin:0;padding:0 16px}.mdc-drawer .mdc-deprecated-list-group__subheader:before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-divider{margin:3px 0 4px}.mdc-drawer .mdc-deprecated-list-item__text,.mdc-drawer .mdc-deprecated-list-item__graphic{pointer-events:none}.mdc-drawer--animate{transform:translate(-100%)}[dir=rtl] .mdc-drawer--animate,.mdc-drawer--animate[dir=rtl]{transform:translate(100%)}.mdc-drawer--opening{transform:translate(0);transition-duration:.25s}[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translate(0)}.mdc-drawer--closing{transform:translate(-100%);transition-duration:.2s}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translate(100%)}.mdc-drawer__header{flex-shrink:0;box-sizing:border-box;min-height:64px;padding:0 16px 4px}.mdc-drawer__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, .0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-drawer__title:before{display:inline-block;width:0;height:36px;content:"";vertical-align:0}.mdc-drawer__title:after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-drawer__subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__subtitle:before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial;display:none;position:absolute}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content{margin-left:0;margin-right:0;position:relative}[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer--modal{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;left:0;right:initial;display:none;position:fixed}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:#00000052}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal.mdc-drawer--open{display:flex}.mdc-drawer-scrim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer--open+.mdc-drawer-scrim{display:block}.mdc-drawer--animate+.mdc-drawer-scrim{opacity:0}.mdc-drawer--opening+.mdc-drawer-scrim{transition-duration:.25s;opacity:1}.mdc-drawer--closing+.mdc-drawer-scrim{transition-duration:.2s;opacity:0}:host{--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: 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;--cv-list-item-selected-background-color: var(--cv-theme-primary-24);--cv-list-item-selected-color: var(--cv-theme-primary)}: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;--cv-list-item-selected-background-color: var( --cv-theme-on-surface-variant-8 );--cv-list-item-selected-color: var(--cv-theme-on-surface-variant)}@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%}.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%}}.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 24px;display:block}.main cv-card.wrapper-card{--mdc-shape-medium: var(--cv-border-radius-outer)}@media only screen and (min-width: 768px){.cov-drawer--hovered .main,.main.cov-drawer--hovered-closing{margin-left:72px;margin-right:24px}:not(.cov-drawer--forced-open) .main{margin-left:72px;margin-right:24px}.cov-drawer--open .main{margin-left:256px;margin-right:24px}.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);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}[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-background)}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}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}}
22
+ const u = `.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{--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)}: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)}@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%}.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%}}.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 24px;display:block}.main cv-card.wrapper-card{--mdc-shape-medium: var(--cv-border-radius-outer)}@media only screen and (min-width: 768px){.cov-drawer--hovered .main,.main.cov-drawer--hovered-closing{margin-left:72px;margin-right:24px}:not(.cov-drawer--forced-open) .main{margin-left:72px;margin-right:24px}.cov-drawer--open .main{margin-left:256px;margin-right:24px}.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);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}[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-background)}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}}
23
23
  `;
24
24
  var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (e, t, o, d) => {
25
25
  for (var r = d > 1 ? void 0 : d ? b(t, o) : t, s = e.length - 1, c; s >= 0; s--)
26
26
  (c = e[s]) && (r = (d ? c(t, o, r) : c(r)) || r);
27
27
  return d && r && y(t, o, r), r;
28
28
  };
29
- let i = class extends u {
29
+ let i = class extends w {
30
30
  constructor() {
31
31
  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.hovered = !1, this.hoverEntryDuration = 250, this.hoverExitDuration = 250, this._handleNavMouseOver = () => {
32
32
  this.hovered = !0, clearTimeout(this.hoverTimeout), !this.open && !this.forcedOpen && (this.hoverTimeout = setTimeout(() => {
@@ -91,7 +91,7 @@ let i = class extends u {
91
91
  e && e.classList.remove("helpResizable"), this.requestUpdate();
92
92
  }
93
93
  _toggleOpen(e = !1) {
94
- this.mdcFoundation.isOpening() || this.mdcFoundation.isClosing() || (this.open = e || !this.open, this.dispatchEvent(
94
+ this.mdcFoundation.isOpening() || this.mdcFoundation.isClosing() || (this.open = e || !this.open, this.forcedOpen = e, this.dispatchEvent(
95
95
  new Event("CovalentAppShell:toggle", { bubbles: !0, composed: !0 })
96
96
  ), this.requestUpdate());
97
97
  }
@@ -105,7 +105,7 @@ let i = class extends u {
105
105
  _handleMenuClick() {
106
106
  this.mdcRoot.dispatchEvent(
107
107
  new Event("transitionend", { bubbles: !0, composed: !0 })
108
- ), this._toggleOpen(!this.forcedOpen), this.dispatchEvent(new Event("CovalentAppShell:menuClick")), this.forcedOpen = !0, this.hovered = !1;
108
+ ), this._toggleOpen(!this.forcedOpen), this.dispatchEvent(new Event("CovalentAppShell:menuClick")), this.hovered = !1;
109
109
  }
110
110
  _handleDrawerClosed() {
111
111
  this.forcedOpen = !1, this.hovered = !1, this.requestUpdate();
@@ -192,7 +192,7 @@ let i = class extends u {
192
192
  };
193
193
  i.styles = [
194
194
  g`
195
- ${v(w)}
195
+ ${v(u)}
196
196
  `
197
197
  ];
198
198
  a([
package/list/nav-list-item.d.ts CHANGED
@@ -17,10 +17,13 @@ export declare class CovalentNavRailListItem extends CovalentListItem {
17
17
  private _handleRequestSelected;
18
18
  private _deselectChildren;
19
19
  private _deselectHeader;
20
+ private _updateMaxHeight;
20
21
  renderExpansionItem(): import("lit-html").TemplateResult<1>;
21
22
  connectedCallback(): void;
22
23
  disconnectedCallback(): void;
23
24
  protected renderMeta(): import("lit-html").TemplateResult<1>;
25
+ firstUpdated(): void;
26
+ updated(changedProperties: Map<string | number | symbol, unknown>): void;
24
27
  render(): import("lit-html").TemplateResult<1>;
25
28
  }
26
29
  export default CovalentNavRailListItem;
package/list/nav-list-item.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"nav-list-item.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/list/nav-list-item.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAM/C,OAAO,YAAY,MAAM,QAAQ,CAAC;AAElC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,uBAAuB,CAAC;KAC7C;CACF;AAED,qBACa,uBAAwB,SAAQ,gBAAgB;IAC3D,OAAgB,MAAM,4BAapB;IAGF,sBAAsB,EAAG,YAAY,EAAE,CAAC;IAGxC,IAAI,UAAS;IAGb,WAAW,UAAS;IAEpB,SAAS,UAAS;IAElB,OAAO,CAAC,eAAe,CAAK;IAE5B,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,cAAc;IAgEtB,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,eAAe;IAOvB,mBAAmB;IAoBV,iBAAiB;IAOjB,oBAAoB;cAOV,UAAU;IAYpB,MAAM;CAGhB;AAED,eAAe,uBAAuB,CAAC"}
1
+ {"version":3,"file":"nav-list-item.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/list/nav-list-item.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAM/C,OAAO,YAAY,MAAM,QAAQ,CAAC;AAElC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,uBAAuB,CAAC;KAC7C;CACF;AAED,qBACa,uBAAwB,SAAQ,gBAAgB;IAC3D,OAAgB,MAAM,4BAapB;IAGF,sBAAsB,EAAG,YAAY,EAAE,CAAC;IAGxC,IAAI,UAAS;IAGb,WAAW,UAAS;IAEpB,SAAS,UAAS;IAElB,OAAO,CAAC,eAAe,CAAK;IAE5B,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,cAAc;IAgEtB,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,gBAAgB;IAWxB,mBAAmB;IAoBV,iBAAiB;IAOjB,oBAAoB;cAOV,UAAU;IAYpB,YAAY;IAQZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAQjE,MAAM;CAGhB;AAED,eAAe,uBAAuB,CAAC"}
package/nav-list-item.js CHANGED
@@ -1,5 +1,5 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./query-assigned-elements-f623705d.js"),c=require("./property-57f6f6fe.js"),h=require("./list-item.js"),l=require("./list-item-8b940ec8.js");require("./mwc-list-item-base-297d86b0.js");require("./tslib.es6-98719205.js");require("./ripple-handlers-5d5b21db.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./state-0974a8e5.js");require("./query-680f1868.js");require("./class-map-b5efe8da.js");require("./style-map-88d2563f.js");require("./observer-a096ab43.js");const p=`:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left;border-radius:var(--cv-list-item-border-radius, 100px);transition:border-radius .1s ease-out;width:var(--cv-list-item-width, 100%);color:var(--cv-theme-on-surface-variant);--mdc-list-item-graphic-margin: 4px}:host ::slotted(cv-icon[slot=graphic]){color:var(--cv-theme-on-surface-variant)}::slotted(*){--cv-list-padding-right: 0;--cv-list-padding-left: 0;--cv-list-item-text-padding: 16px}:host([activated]){color:var(--cv-theme-on-secondary-container)}:host([activated]) ::slotted(cv-icon[slot=graphic]){color:var(--cv-theme-on-secondary-container)}:host([selected]:not([activated])) .expansion-header{transition:background-color .25s ease-in,color .25s ease-in;background-color:var(--cv-list-item-selected-background-color);color:var(--cv-list-item-selected-color)}:host([selected]:not([activated])) .expansion-header .mdc-deprecated-list-item__graphic{--mdc-theme-text-icon-on-background: var(--cv-list-item-selected-color)}:host([subnav]){--cv-list-item-text-padding: 16px;height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:var(--cv-list-item-border-radius, 100px);padding:0;padding-right:var(--cv-list-padding-right, 12px);padding-left:var(--cv-list-padding-left, 12px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{--mdc-theme-text-icon-on-background: var(--cv-theme-on-surface);margin-left:var(--cv-list-item-graphic-margin-left, 12px);padding-left:4px;background-color:transparent}:host([graphic=avatar]){padding:0;background-color:transparent}:host([graphic=avatar]:not([twoline])){height:48px}:host([selected]) .mdc-deprecated-list-item__graphic.material-icons,:host([activated]) .mdc-deprecated-list-item__graphic.material-icons,:host([hasActivatedChild]) .mdc-deprecated-list-item__graphic.material-icons{font-variation-settings:"FILL" 1}:host(.beta-list-item){--mdc-theme-primary: var(--mdc-theme-surface-caution);--mdc-list-item-meta-size: 20px;--mdc-list-item-graphic-size: 40px;--mdc-list-item-graphic-margin: 0;--mdc-typography-subtitle1-font-size: var( --mdc-typography-subtitle2-font-size );--mdc-typography-body2-font-size: var(--mdc-typography-caption-font-size);margin-bottom:8px;margin-right:0;border-radius:0;height:48px;font-size:0;padding:0 0 0 15px}:host([hasChildren]){flex-direction:column;overflow:visible;height:inherit!important;background:none;padding:0;--mdc-list-side-padding: 0;--cv-list-item-graphic-margin-left: 0}:host([hasChildren]) ::slotted(cv-list){padding-left:32px}:host([hasChildren][open]:hover:not([activated])) .expansion-header{--mdc-ripple-color: transparent}:host([hasChildren][open]:hover:not([activated])) .expansion-header:hover{--mdc-ripple-color: var(--mdc-theme-on-surface-variant)}.expansion-header{position:relative;height:48px;width:100%;border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden;display:flex;flex-shrink:0;align-items:center;background-color:var(--cv-list-item-background-color);color:var(--cv-list-item-text-color)}.expansion-header mwc-ripple{border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, 0);font-size:var(--cv-list-item-expansion-icon-size, --mdc-icon-size);color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}.expansion-panel{display:block;width:100%;height:var(--cv-list-menu-height, 0);--mdc-list-side-padding: 72px;transition:transform .15s ease-out;overflow:hidden}:host([open][hasChildren]:not([twoline])){height:inherit;display:flex;flex-direction:column;border-radius:0}:host([open][hasChildren]:not([twoline])) .expansion-panel{transition:min-height .25s ease-in;height:var(--cv-list-menu-height, inherit)}
2
- `;var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,o=(s,e,t,i)=>{for(var r=i>1?void 0:i?v(e,t):e,n=s.length-1,d;n>=0;n--)(d=s[n])&&(r=(i?d(e,t,r):d(r))||r);return i&&r&&m(e,t,r),r};exports.CovalentNavRailListItem=class extends h.CovalentListItem{constructor(){super(...arguments),this.open=!1,this.hasChildren=!1,this.activated=!1,this.lastKeySelected=0}_toggleOpen(){this.open=!this.open}_handleKeydown(e){const t=this.expansionPanelElements[0],i=t?t==null?void 0:t.getFocusedItemIndex():0,r=(t==null?void 0:t.items.length)??0;if(this.hasChildren){if(e.code==="Enter"){e.preventDefault(),e.stopImmediatePropagation(),e.target.hasChildren?this._toggleOpen():this._deselectHeader(e);return}if(this.open){if(e.code==="ArrowUp"&&i===0&&this.lastKeySelected===0&&!e.target.hasChildren){e.preventDefault(),e.stopImmediatePropagation(),t.items[0].blur(),this.focus();return}e.code==="ArrowDown"&&i===-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(0),this.lastKeySelected=0),e.code==="ArrowUp"&&i!==-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(i),this.lastKeySelected=i),(e.code==="ArrowDown"||e.code==="ArrowUp")&&i!==-1&&this.lastKeySelected<r-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(i),this.lastKeySelected=i)}}}_handleRequestSelected(e){const t=e;this.hasChildren&&t.detail.selected===!1&&t.detail.source==="property"&&this._deselectChildren()}_deselectChildren(){this.expansionPanelElements.forEach(e=>{e.items.forEach(t=>t.selected=!1)})}_deselectHeader(e){e.preventDefault(),e.stopImmediatePropagation(),this.fireRequestSelected(!1,"interaction"),this.activated=!1}renderExpansionItem(){const e=this.renderText(),t=this.graphic?this.renderGraphic():a.A,i=this.renderMeta();return a.x`
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./query-assigned-elements-f623705d.js"),c=require("./property-57f6f6fe.js"),h=require("./list-item.js"),d=require("./list-item-8b940ec8.js");require("./mwc-list-item-base-297d86b0.js");require("./tslib.es6-98719205.js");require("./ripple-handlers-5d5b21db.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./state-0974a8e5.js");require("./query-680f1868.js");require("./class-map-b5efe8da.js");require("./style-map-88d2563f.js");require("./observer-a096ab43.js");const p=`:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left;border-radius:var(--cv-list-item-border-radius, 100px);transition:border-radius .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);width:var(--cv-list-item-width, 100%);color:var(--cv-theme-on-surface-variant);--mdc-list-item-graphic-margin: 4px}:host ::slotted(cv-icon[slot=graphic]){color:var(--cv-theme-on-surface-variant)}::slotted(*){--cv-list-padding-right: 0;--cv-list-padding-left: 0;--cv-list-item-text-padding: 16px}:host([activated]){color:var(--cv-theme-on-secondary-container)}:host([activated]) ::slotted(cv-icon[slot=graphic]){color:var(--cv-theme-on-secondary-container)}:host([selected]:not([activated])) .expansion-header{transition:background-color .25s cubic-bezier(.4,0,.2,1) color .25s cubic-bezier(.4,0,.2,1);background-color:var(--cv-list-item-selected-background-color);color:var(--cv-list-item-selected-color)}:host([selected]:not([activated])) .expansion-header .mdc-deprecated-list-item__graphic{--mdc-theme-text-icon-on-background: var(--cv-list-item-selected-color)}:host([subnav]){--cv-list-item-text-padding: 16px;height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:var(--cv-list-item-border-radius, 100px);padding:0;padding-right:var(--cv-list-padding-right, 12px);padding-left:var(--cv-list-padding-left, 12px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{--mdc-theme-text-icon-on-background: var(--cv-theme-on-surface);margin-left:var(--cv-list-item-graphic-margin-left, 12px);padding-left:4px;background-color:transparent}:host([graphic=avatar]){padding:0;background-color:transparent}:host([graphic=avatar]:not([twoline])){height:48px}:host([selected]) .mdc-deprecated-list-item__graphic.material-icons,:host([activated]) .mdc-deprecated-list-item__graphic.material-icons,:host([hasActivatedChild]) .mdc-deprecated-list-item__graphic.material-icons{font-variation-settings:"FILL" 1}:host([hasChildren]){flex-direction:column;overflow:visible;height:var(--cv-list-item-height, inherit)!important;background:none;padding:0;--mdc-list-side-padding: 0;--cv-list-item-graphic-margin-left: 0}:host([hasChildren]) ::slotted(cv-list){padding-left:32px}:host([hasChildren][open]:hover:not([activated])) .expansion-header{--mdc-ripple-color: transparent}:host([hasChildren][open]:hover:not([activated])) .expansion-header:hover{--mdc-ripple-color: var(--mdc-theme-on-surface-variant)}.expansion-header{position:relative;height:48px;width:100%;border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden;display:flex;flex-shrink:0;align-items:center;background-color:var(--cv-list-item-background-color);color:var(--cv-list-item-text-color)}.expansion-header mwc-ripple{border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, 0);font-size:var(--cv-list-item-expansion-icon-size, --mdc-icon-size);color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}.expansion-panel{display:block;width:100%;max-height:var(--cv-list-menu-height, 0);overflow:hidden;transition:max-height .2s cubic-bezier(.4,0,1,1);--mdc-list-side-padding: 72px}:host([open][hasChildren]:not([twoline])){height:inherit;display:flex;flex-direction:column;border-radius:0}:host([open][hasChildren]:not([twoline])) .expansion-panel{transition-timing-function:cubic-bezier(0,0,.2,1);max-height:var(--cv-list-menu-height, 0)}
2
+ `;var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,s=(o,e,t,i)=>{for(var r=i>1?void 0:i?v(e,t):e,n=o.length-1,l;n>=0;n--)(l=o[n])&&(r=(i?l(e,t,r):l(r))||r);return i&&r&&m(e,t,r),r};exports.CovalentNavRailListItem=class extends h.CovalentListItem{constructor(){super(...arguments),this.open=!1,this.hasChildren=!1,this.activated=!1,this.lastKeySelected=0}_toggleOpen(){this.open=!this.open}_handleKeydown(e){const t=this.expansionPanelElements[0],i=t?t==null?void 0:t.getFocusedItemIndex():0,r=(t==null?void 0:t.items.length)??0;if(this.hasChildren){if(e.code==="Enter"){e.preventDefault(),e.stopImmediatePropagation(),e.target.hasChildren?this._toggleOpen():this._deselectHeader(e);return}if(this.open){if(e.code==="ArrowUp"&&i===0&&this.lastKeySelected===0&&!e.target.hasChildren){e.preventDefault(),e.stopImmediatePropagation(),t.items[0].blur(),this.focus();return}e.code==="ArrowDown"&&i===-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(0),this.lastKeySelected=0),e.code==="ArrowUp"&&i!==-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(i),this.lastKeySelected=i),(e.code==="ArrowDown"||e.code==="ArrowUp")&&i!==-1&&this.lastKeySelected<r-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(i),this.lastKeySelected=i)}}}_handleRequestSelected(e){const t=e;this.hasChildren&&t.detail.selected===!1&&t.detail.source==="property"&&this._deselectChildren()}_deselectChildren(){this.expansionPanelElements.forEach(e=>{e.items.forEach(t=>t.selected=!1)})}_deselectHeader(e){e.preventDefault(),e.stopImmediatePropagation(),this.fireRequestSelected(!1,"interaction"),this.activated=!1}_updateMaxHeight(e=this.open){var i;const t=(i=this.shadowRoot)==null?void 0:i.querySelector(".expansion-panel");if(e){const r=t==null?void 0:t.scrollHeight;this.style.setProperty("--cv-list-menu-height",`${r}px`)}else this.style.setProperty("--cv-list-menu-height","0")}renderExpansionItem(){const e=this.renderText(),t=this.graphic?this.renderGraphic():a.A,i=this.renderMeta();return a.x`
3
3
  <div
4
4
  @mousedown=${this._toggleOpen}
5
5
  @touchstart="${this._toggleOpen}"
@@ -14,12 +14,12 @@
14
14
  `}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeydown),this.addEventListener("request-selected",this._handleRequestSelected)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeydown),this.addEventListener("request-selected",this._handleRequestSelected)}renderMeta(){const e=this.open?"arrow_drop_up":"arrow_drop_down",t=this.hasChildren?a.x`<cv-icon class="expansion-icon">${e}</cv-icon>`:"";return a.x`<span class="mdc-deprecated-list-item__meta material-icons">
15
15
  ${t}
16
16
  <slot name="meta"></slot>
17
- </span>`}render(){return this.hasChildren?this.renderExpansionItem():super.render()}};exports.CovalentNavRailListItem.styles=[a.i`
18
- ${a.r(l.styles)}
17
+ </span>`}firstUpdated(){super.firstUpdated(),this.hasChildren&&this._updateMaxHeight()}updated(e){super.updated(e),e.has("open")&&this.hasChildren&&this._updateMaxHeight()}render(){return this.hasChildren?this.renderExpansionItem():super.render()}};exports.CovalentNavRailListItem.styles=[a.i`
18
+ ${a.r(d.styles)}
19
19
  `,a.i`
20
- ${a.r(l.styles$1)}
20
+ ${a.r(d.styles$1)}
21
21
  `,a.i`
22
- ${a.r(l.covalentStyles)}
22
+ ${a.r(d.covalentStyles)}
23
23
  `,a.i`
24
24
  ${a.r(p)}
25
- `];o([a.l({slot:"expansion-panel",flatten:!0})],exports.CovalentNavRailListItem.prototype,"expansionPanelElements",2);o([c.n({type:Boolean,reflect:!0})],exports.CovalentNavRailListItem.prototype,"open",2);o([c.n({type:Boolean,reflect:!0})],exports.CovalentNavRailListItem.prototype,"hasChildren",2);exports.CovalentNavRailListItem=o([a.e("cv-nav-list-item")],exports.CovalentNavRailListItem);const g=exports.CovalentNavRailListItem;exports.default=g;
25
+ `];s([a.l({slot:"expansion-panel",flatten:!0})],exports.CovalentNavRailListItem.prototype,"expansionPanelElements",2);s([c.n({type:Boolean,reflect:!0})],exports.CovalentNavRailListItem.prototype,"open",2);s([c.n({type:Boolean,reflect:!0})],exports.CovalentNavRailListItem.prototype,"hasChildren",2);exports.CovalentNavRailListItem=s([a.e("cv-nav-list-item")],exports.CovalentNavRailListItem);const u=exports.CovalentNavRailListItem;exports.default=u;
package/nav-list-item.mjs CHANGED
@@ -1,7 +1,7 @@
1
- import { i as s, r as n, l as m, A as g, x as h, e as v } from "./query-assigned-elements-4a39219d.mjs";
1
+ import { i as s, r as n, l as m, A as v, x as h, e as g } from "./query-assigned-elements-4a39219d.mjs";
2
2
  import { n as p } from "./property-9b6ea53b.mjs";
3
- import { CovalentListItem as f } from "./list-item.mjs";
4
- import { s as u, a as x, c as y } from "./list-item-ef175b93.mjs";
3
+ import { CovalentListItem as u } from "./list-item.mjs";
4
+ import { s as f, a as x, c as b } from "./list-item-ef175b93.mjs";
5
5
  import "./mwc-list-item-base-6449e812.mjs";
6
6
  import "./tslib.es6-c4b0f3b1.mjs";
7
7
  import "./ripple-handlers-0d9ad7c2.mjs";
@@ -12,14 +12,14 @@ import "./query-d843aa92.mjs";
12
12
  import "./class-map-4b94b017.mjs";
13
13
  import "./style-map-bc3ed3e0.mjs";
14
14
  import "./observer-be7b92e2.mjs";
15
- const b = `:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left;border-radius:var(--cv-list-item-border-radius, 100px);transition:border-radius .1s ease-out;width:var(--cv-list-item-width, 100%);color:var(--cv-theme-on-surface-variant);--mdc-list-item-graphic-margin: 4px}:host ::slotted(cv-icon[slot=graphic]){color:var(--cv-theme-on-surface-variant)}::slotted(*){--cv-list-padding-right: 0;--cv-list-padding-left: 0;--cv-list-item-text-padding: 16px}:host([activated]){color:var(--cv-theme-on-secondary-container)}:host([activated]) ::slotted(cv-icon[slot=graphic]){color:var(--cv-theme-on-secondary-container)}:host([selected]:not([activated])) .expansion-header{transition:background-color .25s ease-in,color .25s ease-in;background-color:var(--cv-list-item-selected-background-color);color:var(--cv-list-item-selected-color)}:host([selected]:not([activated])) .expansion-header .mdc-deprecated-list-item__graphic{--mdc-theme-text-icon-on-background: var(--cv-list-item-selected-color)}:host([subnav]){--cv-list-item-text-padding: 16px;height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:var(--cv-list-item-border-radius, 100px);padding:0;padding-right:var(--cv-list-padding-right, 12px);padding-left:var(--cv-list-padding-left, 12px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{--mdc-theme-text-icon-on-background: var(--cv-theme-on-surface);margin-left:var(--cv-list-item-graphic-margin-left, 12px);padding-left:4px;background-color:transparent}:host([graphic=avatar]){padding:0;background-color:transparent}:host([graphic=avatar]:not([twoline])){height:48px}:host([selected]) .mdc-deprecated-list-item__graphic.material-icons,:host([activated]) .mdc-deprecated-list-item__graphic.material-icons,:host([hasActivatedChild]) .mdc-deprecated-list-item__graphic.material-icons{font-variation-settings:"FILL" 1}:host(.beta-list-item){--mdc-theme-primary: var(--mdc-theme-surface-caution);--mdc-list-item-meta-size: 20px;--mdc-list-item-graphic-size: 40px;--mdc-list-item-graphic-margin: 0;--mdc-typography-subtitle1-font-size: var( --mdc-typography-subtitle2-font-size );--mdc-typography-body2-font-size: var(--mdc-typography-caption-font-size);margin-bottom:8px;margin-right:0;border-radius:0;height:48px;font-size:0;padding:0 0 0 15px}:host([hasChildren]){flex-direction:column;overflow:visible;height:inherit!important;background:none;padding:0;--mdc-list-side-padding: 0;--cv-list-item-graphic-margin-left: 0}:host([hasChildren]) ::slotted(cv-list){padding-left:32px}:host([hasChildren][open]:hover:not([activated])) .expansion-header{--mdc-ripple-color: transparent}:host([hasChildren][open]:hover:not([activated])) .expansion-header:hover{--mdc-ripple-color: var(--mdc-theme-on-surface-variant)}.expansion-header{position:relative;height:48px;width:100%;border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden;display:flex;flex-shrink:0;align-items:center;background-color:var(--cv-list-item-background-color);color:var(--cv-list-item-text-color)}.expansion-header mwc-ripple{border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, 0);font-size:var(--cv-list-item-expansion-icon-size, --mdc-icon-size);color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}.expansion-panel{display:block;width:100%;height:var(--cv-list-menu-height, 0);--mdc-list-side-padding: 72px;transition:transform .15s ease-out;overflow:hidden}:host([open][hasChildren]:not([twoline])){height:inherit;display:flex;flex-direction:column;border-radius:0}:host([open][hasChildren]:not([twoline])) .expansion-panel{transition:min-height .25s ease-in;height:var(--cv-list-menu-height, inherit)}
15
+ const y = `:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left;border-radius:var(--cv-list-item-border-radius, 100px);transition:border-radius .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);width:var(--cv-list-item-width, 100%);color:var(--cv-theme-on-surface-variant);--mdc-list-item-graphic-margin: 4px}:host ::slotted(cv-icon[slot=graphic]){color:var(--cv-theme-on-surface-variant)}::slotted(*){--cv-list-padding-right: 0;--cv-list-padding-left: 0;--cv-list-item-text-padding: 16px}:host([activated]){color:var(--cv-theme-on-secondary-container)}:host([activated]) ::slotted(cv-icon[slot=graphic]){color:var(--cv-theme-on-secondary-container)}:host([selected]:not([activated])) .expansion-header{transition:background-color .25s cubic-bezier(.4,0,.2,1) color .25s cubic-bezier(.4,0,.2,1);background-color:var(--cv-list-item-selected-background-color);color:var(--cv-list-item-selected-color)}:host([selected]:not([activated])) .expansion-header .mdc-deprecated-list-item__graphic{--mdc-theme-text-icon-on-background: var(--cv-list-item-selected-color)}:host([subnav]){--cv-list-item-text-padding: 16px;height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:var(--cv-list-item-border-radius, 100px);padding:0;padding-right:var(--cv-list-padding-right, 12px);padding-left:var(--cv-list-padding-left, 12px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{--mdc-theme-text-icon-on-background: var(--cv-theme-on-surface);margin-left:var(--cv-list-item-graphic-margin-left, 12px);padding-left:4px;background-color:transparent}:host([graphic=avatar]){padding:0;background-color:transparent}:host([graphic=avatar]:not([twoline])){height:48px}:host([selected]) .mdc-deprecated-list-item__graphic.material-icons,:host([activated]) .mdc-deprecated-list-item__graphic.material-icons,:host([hasActivatedChild]) .mdc-deprecated-list-item__graphic.material-icons{font-variation-settings:"FILL" 1}:host([hasChildren]){flex-direction:column;overflow:visible;height:var(--cv-list-item-height, inherit)!important;background:none;padding:0;--mdc-list-side-padding: 0;--cv-list-item-graphic-margin-left: 0}:host([hasChildren]) ::slotted(cv-list){padding-left:32px}:host([hasChildren][open]:hover:not([activated])) .expansion-header{--mdc-ripple-color: transparent}:host([hasChildren][open]:hover:not([activated])) .expansion-header:hover{--mdc-ripple-color: var(--mdc-theme-on-surface-variant)}.expansion-header{position:relative;height:48px;width:100%;border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden;display:flex;flex-shrink:0;align-items:center;background-color:var(--cv-list-item-background-color);color:var(--cv-list-item-text-color)}.expansion-header mwc-ripple{border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, 0);font-size:var(--cv-list-item-expansion-icon-size, --mdc-icon-size);color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}.expansion-panel{display:block;width:100%;max-height:var(--cv-list-menu-height, 0);overflow:hidden;transition:max-height .2s cubic-bezier(.4,0,1,1);--mdc-list-side-padding: 72px}:host([open][hasChildren]:not([twoline])){height:inherit;display:flex;flex-direction:column;border-radius:0}:host([open][hasChildren]:not([twoline])) .expansion-panel{transition-timing-function:cubic-bezier(0,0,.2,1);max-height:var(--cv-list-menu-height, 0)}
16
16
  `;
17
- var _ = Object.defineProperty, w = Object.getOwnPropertyDescriptor, d = (e, t, i, o) => {
18
- for (var a = o > 1 ? void 0 : o ? w(t, i) : t, c = e.length - 1, l; c >= 0; c--)
19
- (l = e[c]) && (a = (o ? l(t, i, a) : l(a)) || a);
20
- return o && a && _(t, i, a), a;
17
+ var _ = Object.defineProperty, w = Object.getOwnPropertyDescriptor, d = (e, t, i, a) => {
18
+ for (var r = a > 1 ? void 0 : a ? w(t, i) : t, c = e.length - 1, l; c >= 0; c--)
19
+ (l = e[c]) && (r = (a ? l(t, i, r) : l(r)) || r);
20
+ return a && r && _(t, i, r), r;
21
21
  };
22
- let r = class extends f {
22
+ let o = class extends u {
23
23
  constructor() {
24
24
  super(...arguments), this.open = !1, this.hasChildren = !1, this.activated = !1, this.lastKeySelected = 0;
25
25
  }
@@ -27,7 +27,7 @@ let r = class extends f {
27
27
  this.open = !this.open;
28
28
  }
29
29
  _handleKeydown(e) {
30
- const t = this.expansionPanelElements[0], i = t ? t == null ? void 0 : t.getFocusedItemIndex() : 0, o = (t == null ? void 0 : t.items.length) ?? 0;
30
+ const t = this.expansionPanelElements[0], i = t ? t == null ? void 0 : t.getFocusedItemIndex() : 0, a = (t == null ? void 0 : t.items.length) ?? 0;
31
31
  if (this.hasChildren) {
32
32
  if (e.code === "Enter") {
33
33
  e.preventDefault(), e.stopImmediatePropagation(), e.target.hasChildren ? this._toggleOpen() : this._deselectHeader(e);
@@ -38,7 +38,7 @@ let r = class extends f {
38
38
  e.preventDefault(), e.stopImmediatePropagation(), t.items[0].blur(), this.focus();
39
39
  return;
40
40
  }
41
- e.code === "ArrowDown" && i === -1 && (e.preventDefault(), e.stopImmediatePropagation(), t.focusItemAtIndex(0), this.lastKeySelected = 0), e.code === "ArrowUp" && i !== -1 && (e.preventDefault(), e.stopImmediatePropagation(), t.focusItemAtIndex(i), this.lastKeySelected = i), (e.code === "ArrowDown" || e.code === "ArrowUp") && i !== -1 && this.lastKeySelected < o - 1 && (e.preventDefault(), e.stopImmediatePropagation(), t.focusItemAtIndex(i), this.lastKeySelected = i);
41
+ e.code === "ArrowDown" && i === -1 && (e.preventDefault(), e.stopImmediatePropagation(), t.focusItemAtIndex(0), this.lastKeySelected = 0), e.code === "ArrowUp" && i !== -1 && (e.preventDefault(), e.stopImmediatePropagation(), t.focusItemAtIndex(i), this.lastKeySelected = i), (e.code === "ArrowDown" || e.code === "ArrowUp") && i !== -1 && this.lastKeySelected < a - 1 && (e.preventDefault(), e.stopImmediatePropagation(), t.focusItemAtIndex(i), this.lastKeySelected = i);
42
42
  }
43
43
  }
44
44
  }
@@ -54,8 +54,17 @@ let r = class extends f {
54
54
  _deselectHeader(e) {
55
55
  e.preventDefault(), e.stopImmediatePropagation(), this.fireRequestSelected(!1, "interaction"), this.activated = !1;
56
56
  }
57
+ _updateMaxHeight(e = this.open) {
58
+ var i;
59
+ const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".expansion-panel");
60
+ if (e) {
61
+ const a = t == null ? void 0 : t.scrollHeight;
62
+ this.style.setProperty("--cv-list-menu-height", `${a}px`);
63
+ } else
64
+ this.style.setProperty("--cv-list-menu-height", "0");
65
+ }
57
66
  renderExpansionItem() {
58
- const e = this.renderText(), t = this.graphic ? this.renderGraphic() : g, i = this.renderMeta();
67
+ const e = this.renderText(), t = this.graphic ? this.renderGraphic() : v, i = this.renderMeta();
59
68
  return h`
60
69
  <div
61
70
  @mousedown=${this._toggleOpen}
@@ -83,38 +92,44 @@ let r = class extends f {
83
92
  <slot name="meta"></slot>
84
93
  </span>`;
85
94
  }
95
+ firstUpdated() {
96
+ super.firstUpdated(), this.hasChildren && this._updateMaxHeight();
97
+ }
98
+ updated(e) {
99
+ super.updated(e), e.has("open") && this.hasChildren && this._updateMaxHeight();
100
+ }
86
101
  render() {
87
102
  return this.hasChildren ? this.renderExpansionItem() : super.render();
88
103
  }
89
104
  };
90
- r.styles = [
105
+ o.styles = [
91
106
  s`
92
- ${n(u)}
107
+ ${n(f)}
93
108
  `,
94
109
  s`
95
110
  ${n(x)}
96
111
  `,
97
112
  s`
98
- ${n(y)}
113
+ ${n(b)}
99
114
  `,
100
115
  s`
101
- ${n(b)}
116
+ ${n(y)}
102
117
  `
103
118
  ];
104
119
  d([
105
120
  m({ slot: "expansion-panel", flatten: !0 })
106
- ], r.prototype, "expansionPanelElements", 2);
121
+ ], o.prototype, "expansionPanelElements", 2);
107
122
  d([
108
123
  p({ type: Boolean, reflect: !0 })
109
- ], r.prototype, "open", 2);
124
+ ], o.prototype, "open", 2);
110
125
  d([
111
126
  p({ type: Boolean, reflect: !0 })
112
- ], r.prototype, "hasChildren", 2);
113
- r = d([
114
- v("cv-nav-list-item")
115
- ], r);
116
- const q = r;
127
+ ], o.prototype, "hasChildren", 2);
128
+ o = d([
129
+ g("cv-nav-list-item")
130
+ ], o);
131
+ const R = o;
117
132
  export {
118
- r as CovalentNavRailListItem,
119
- q as default
133
+ o as CovalentNavRailListItem,
134
+ R as default
120
135
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@covalent/components",
3
- "version": "8.17.1",
3
+ "version": "8.18.0",
4
4
  "description": "a catalog of material components for covalent",
5
5
  "main": "./index.js",
6
6
  "module": "./index.mjs",