@covalent/components 11.5.2 → 11.5.4

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 (7) hide show
  1. package/alert/alert-base.d.ts +1 -1
  2. package/alert.js +1 -1
  3. package/alert.mjs +1 -1
  4. package/app-shell/app-shell.d.ts +1 -0
  5. package/app-shell.js +1 -1
  6. package/app-shell.mjs +9 -3
  7. package/package.json +1 -1
package/alert/alert-base.d.ts CHANGED
@@ -18,7 +18,7 @@ export declare class AlertBase extends LitElement {
18
18
  iconAriaLabel: string;
19
19
  inline: boolean;
20
20
  /**
21
- * The state representation active|negative|positive|caution
21
+ * The state representation neutral|active|negative|positive|caution
22
22
  */
23
23
  state: string;
24
24
  constructor();
package/alert.js CHANGED
@@ -24,6 +24,6 @@
24
24
  <slot name="icon">
25
25
  <cv-icon class="mdc-banner__icon"> ${this.icon} </cv-icon>
26
26
  </slot>
27
- </div>`}createAdapter(){return{...p.addHasRemoveClass(this.mdcRoot),getContentHeight:()=>this.mdcContent.offsetHeight,setStyleProperty:(e,a)=>{this.mdcRoot.style.setProperty(e,a)},trapFocus:()=>{},releaseFocus:()=>{},notifyActionClicked:e=>this.dispatchEvent(new CustomEvent(h.events.ACTION_CLICKED,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyClosed:()=>{},notifyClosing:()=>{this.open=!1},notifyOpened:()=>{},notifyOpening:()=>{this.open=!0}}}show(){this.open=!0}close(e=h.CloseReason.UNSPECIFIED){this.reason=e,this.open=!1}async firstUpdated(){this.mdcFoundation!==void 0&&this.mdcFoundation.destroy(),this.mdcFoundation=new this.mdcFoundationClass(this.createAdapter()),this.open&&this.mdcFoundation.open(),this._resizeObserver.observe(this.mdcGraphicTextWrapper)}}r([b.i(".mdc-banner")],t.prototype,"mdcRoot");r([b.i(".mdc-banner__content")],t.prototype,"mdcContent");r([b.i(".mdc-banner__graphic-text-wrapper")],t.prototype,"mdcGraphicTextWrapper");r([g.t()],t.prototype,"currentWidth");r([i.n({type:Boolean,reflect:!0}),l.observer(function(o){this.mdcFoundation&&(o?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=h.CloseReason.UNSPECIFIED))})],t.prototype,"open");r([i.n({type:String})],t.prototype,"titleText");r([i.n({type:String})],t.prototype,"descriptionText");r([i.n({type:String})],t.prototype,"icon");r([i.n({type:String})],t.prototype,"iconAriaLabel");r([i.n({type:Boolean})],t.prototype,"inline");r([i.n()],t.prototype,"state");const y=':host .mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface, #fff)}:host .mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:344px}@media (max-width: 480px),(max-width: 344px){:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:100%}}:host .mdc-banner__content{max-width:720px}:host .mdc-banner{z-index:1;border-bottom-style:solid;box-sizing:border-box;display:none;flex-shrink:0;height:0;position:relative;width:100%}@media (max-width: 480px){:host .mdc-banner .mdc-banner__fixed{left:0;right:0}:host .mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}[dir=rtl] :host .mdc-banner .mdc-banner__text,:host .mdc-banner .mdc-banner__text[dir=rtl]{margin-left:36px;margin-right:16px}}@media (max-width: 480px){:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}[dir=rtl] :host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text,:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl]{margin-left:8px;margin-right:16px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}:host .mdc-banner--opening,:host .mdc-banner--open,:host .mdc-banner--closing{display:flex}:host .mdc-banner--open{transition:height .3s ease}:host .mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}:host .mdc-banner--closing{transition:height .25s ease}:host .mdc-banner--closing .mdc-banner__content{transition:transform .25s ease}:host .mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}:host .mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}:host .mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}:host .mdc-banner__graphic-text-wrapper{display:flex;width:100%}:host .mdc-banner__graphic{margin:16px 0 16px 16px;flex-shrink:0;text-align:center}[dir=rtl] :host .mdc-banner__graphic,:host .mdc-banner__graphic[dir=rtl]{margin-left:0;margin-right:16px}:host .mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}:host .mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}[dir=rtl] :host .mdc-banner__text,:host .mdc-banner__text[dir=rtl]{margin-left:90px;margin-right:24px}:host .mdc-banner__actions{padding:8px 8px 8px 0;align-self:flex-end;display:flex;flex-shrink:0}[dir=rtl] :host .mdc-banner__actions,:host .mdc-banner__actions[dir=rtl]{padding-left:8px;padding-right:0}:host .mdc-banner{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff);border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12));border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px);border-radius:0;border-radius:var(--mdc-banner-container-shape, 0)}:host .mdc-banner .mdc-banner__text{color:#000;color:var(--mdc-banner-supporting-text-color, #000)}:host .mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;letter-spacing:var(--mdc-banner-supporting-text-tracking, .0178571429em);font-size:.875rem;font-size:var(--mdc-banner-supporting-text-size, .875rem);font-family:Roboto,sans-serif;font-family:var(--mdc-banner-supporting-text-font, Roboto, sans-serif);font-weight:400;font-weight:var(--mdc-banner-supporting-text-weight, 400);line-height:1.25rem;line-height:var(--mdc-banner-supporting-text-line-height, 1.25rem)}:host .mdc-banner .mdc-banner__graphic{border-radius:50%;border-radius:var(--mdc-banner-with-image-image-shape, 50%)}:host .mdc-banner .mdc-banner__graphic{height:40px;height:var(--mdc-banner-with-image-image-size, 40px);width:40px;width:var(--mdc-banner-with-image-image-size, 40px)}:host .mdc-banner .mdc-banner__fixed{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff)}:host .mdc-banner .mdc-banner__fixed{border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12))}:host .mdc-banner .mdc-banner__fixed{border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px)}:host .mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, var(--mdc-banner-action-label-text-color, #6200ee))}:host .mdc-banner .mdc-button .mdc-button__ripple:before{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-banner-action-hover-state-layer-color, #6200ee))}:host .mdc-banner .mdc-button .mdc-button__ripple:after{background-color:#6200ee;background-color:var(--mdc-text-button-pressed-state-layer-color, var(--mdc-banner-action-pressed-state-layer-color, #6200ee))}:host .mdc-banner .mdc-button:hover .mdc-button__ripple:before,:host .mdc-banner .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple:before{opacity:.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, var(--mdc-banner-action-hover-state-layer-opacity, .04))}:host .mdc-banner .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, var(--mdc-banner-action-focus-state-layer-opacity, .12))}:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple:after{transition:opacity .15s linear}:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after{transition-duration:75ms;opacity:.1;opacity:var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}:host .mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}:host .mdc-banner__secondary-action{margin-left:0;margin-right:8px}[dir=rtl] :host .mdc-banner__secondary-action,:host .mdc-banner__secondary-action[dir=rtl]{margin-left:8px;margin-right:0}:host .mdc-banner{--mdc-theme-surface: var(--cv-theme-surface-container-highest);--mdc-theme-primary: var(--mdc-theme-on-surface);--mdc-theme-text-primary-on-background: var(--cv-theme-on-surface);--mdc-theme-text-secondary-on-background: var(--cv-theme-on-surface);--cv-theme-outline: var(--cv-theme-on-surface);background-color:var(--mdc-theme-surface);color:var(--mdc-theme-text-primary-on-background)}:host .mdc-banner .mdc-banner__graphic{--mdc-theme-surface: var(--mdc-theme-text-icon-on-background)}:host .mdc-banner .mdc-banner__text{color:var(--mdc-theme-text-primary-on-background)}:host .mdc-banner .mdc-banner__text .mdc-typography--body2{font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}:host .mdc-banner .mdc-banner__text .mdc-typography--body1{color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height)}:host .mdc-banner.cv-banner--inline{--mdc-theme-surface: var(--cv-theme-surface-container)}:host .mdc-banner.caution{--mdc-theme-surface: var(--mdc-theme-caution);--mdc-theme-primary: var(--mdc-theme-on-caution);--mdc-theme-on-primary: var(--mdc-theme-caution);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-caution);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-caution);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-caution);--cv-theme-outline: var(--cv-theme-on-caution)}:host .mdc-banner.caution.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-caution-container);--mdc-theme-primary: var(--mdc-theme-on-caution-container);--mdc-theme-on-primary: var(--mdc-theme-caution-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-caution-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-caution-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-caution-container );--cv-theme-outline: var(--cv-theme-on-caution-container)}:host .mdc-banner.negative{--mdc-theme-surface: var(--mdc-theme-negative);--mdc-theme-primary: var(--mdc-theme-on-negative);--mdc-theme-on-primary: var(--mdc-theme-negative);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-negative);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-negative);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-negative);--cv-theme-outline: var(--cv-theme-on-negative)}:host .mdc-banner.negative.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-negative-container);--mdc-theme-primary: var(--mdc-theme-on-negative-container);--mdc-theme-on-primary: var(--mdc-theme-negative-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-negative-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-negative-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-negative-container );--cv-theme-outline: var(--cv-theme-on-negative-container)}:host .mdc-banner.active{--mdc-theme-surface: var(--mdc-theme-secondary);--mdc-theme-primary: var(--mdc-theme-on-secondary);--mdc-theme-on-primary: var(--mdc-theme-secondary);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-secondary);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-secondary);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-secondary);--cv-theme-outline: var(--cv-theme-on-secondary)}:host .mdc-banner.active.cv-banner--inline{--mdc-theme-surface: var(--cv-theme-secondary-container);--mdc-theme-primary: var(--mdc-theme-on-secondary-container);--mdc-theme-on-primary: var(--mdc-theme-secondary-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-secondary-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-secondary-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-secondary-container );--cv-theme-outline: var(--cv-theme-on-secondary-container)}:host .mdc-banner.positive{--mdc-theme-surface: var(--mdc-theme-positive);--mdc-theme-primary: var(--mdc-theme-on-positive);--mdc-theme-on-primary: var(--mdc-theme-positive);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-positive);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-positive);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-positive);--cv-theme-outline: var(--cv-theme-on-positive)}:host .mdc-banner.positive.cv-banner--inline{--mdc-theme-surface: var(--cv-theme-positive-container);--mdc-theme-primary: var(--mdc-theme-on-positive-container);--mdc-theme-on-primary: var(--mdc-theme-positive-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-positive-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-positive-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-positive-container );--cv-theme-outline: var(--cv-theme-on-positive-container)}:host .mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity .28s cubic-bezier(.4,0,.2,1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}:host .mdc-banner{border-radius:8px;position:relative;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;overflow:hidden;border:none}:host .mdc-banner .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}:host .mdc-banner .mdc-banner__content{max-width:inherit}:host .mdc-banner .mdc-banner__graphic{background:none;margin-left:24px;width:24px;font-variation-settings:"FILL" 1}:host .mdc-banner .mdc-banner__text{margin-left:24px}:host .mdc-banner .mdc-banner__actions{align-self:center;align-items:center}:host .mdc-banner.cv-banner--inline{border-radius:0;box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}:host ::slotted(*){margin-left:8px}';var f=Object.getOwnPropertyDescriptor,x=(o,e,a,d)=>{for(var n=d>1?void 0:d?f(e,a):e,c=o.length-1,s;c>=0;c--)(s=o[c])&&(n=s(n)||n);return n};exports.CovalentAlert=class extends t{};exports.CovalentAlert.styles=[m.i`
27
+ </div>`}createAdapter(){return{...p.addHasRemoveClass(this.mdcRoot),getContentHeight:()=>this.mdcContent.offsetHeight,setStyleProperty:(e,a)=>{this.mdcRoot.style.setProperty(e,a)},trapFocus:()=>{},releaseFocus:()=>{},notifyActionClicked:e=>this.dispatchEvent(new CustomEvent(h.events.ACTION_CLICKED,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyClosed:()=>{},notifyClosing:()=>{this.open=!1},notifyOpened:()=>{},notifyOpening:()=>{this.open=!0}}}show(){this.open=!0}close(e=h.CloseReason.UNSPECIFIED){this.reason=e,this.open=!1}async firstUpdated(){this.mdcFoundation!==void 0&&this.mdcFoundation.destroy(),this.mdcFoundation=new this.mdcFoundationClass(this.createAdapter()),this.open&&this.mdcFoundation.open(),this._resizeObserver.observe(this.mdcGraphicTextWrapper)}}r([b.i(".mdc-banner")],t.prototype,"mdcRoot");r([b.i(".mdc-banner__content")],t.prototype,"mdcContent");r([b.i(".mdc-banner__graphic-text-wrapper")],t.prototype,"mdcGraphicTextWrapper");r([g.t()],t.prototype,"currentWidth");r([i.n({type:Boolean,reflect:!0}),l.observer(function(o){this.mdcFoundation&&(o?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=h.CloseReason.UNSPECIFIED))})],t.prototype,"open");r([i.n({type:String})],t.prototype,"titleText");r([i.n({type:String})],t.prototype,"descriptionText");r([i.n({type:String})],t.prototype,"icon");r([i.n({type:String})],t.prototype,"iconAriaLabel");r([i.n({type:Boolean})],t.prototype,"inline");r([i.n()],t.prototype,"state");const y=':host .mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface, #fff)}:host .mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:344px}@media (max-width: 480px),(max-width: 344px){:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:100%}}:host .mdc-banner__content{max-width:720px}:host .mdc-banner{z-index:1;border-bottom-style:solid;box-sizing:border-box;display:none;flex-shrink:0;height:0;position:relative;width:100%}@media (max-width: 480px){:host .mdc-banner .mdc-banner__fixed{left:0;right:0}:host .mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}[dir=rtl] :host .mdc-banner .mdc-banner__text,:host .mdc-banner .mdc-banner__text[dir=rtl]{margin-left:36px;margin-right:16px}}@media (max-width: 480px){:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}[dir=rtl] :host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text,:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl]{margin-left:8px;margin-right:16px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}:host .mdc-banner--opening,:host .mdc-banner--open,:host .mdc-banner--closing{display:flex}:host .mdc-banner--open{transition:height .3s ease}:host .mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}:host .mdc-banner--closing{transition:height .25s ease}:host .mdc-banner--closing .mdc-banner__content{transition:transform .25s ease}:host .mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}:host .mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}:host .mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}:host .mdc-banner__graphic-text-wrapper{display:flex;width:100%}:host .mdc-banner__graphic{margin:16px 0 16px 16px;flex-shrink:0;text-align:center}[dir=rtl] :host .mdc-banner__graphic,:host .mdc-banner__graphic[dir=rtl]{margin-left:0;margin-right:16px}:host .mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}:host .mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}[dir=rtl] :host .mdc-banner__text,:host .mdc-banner__text[dir=rtl]{margin-left:90px;margin-right:24px}:host .mdc-banner__actions{padding:8px 8px 8px 0;align-self:flex-end;display:flex;flex-shrink:0}[dir=rtl] :host .mdc-banner__actions,:host .mdc-banner__actions[dir=rtl]{padding-left:8px;padding-right:0}:host .mdc-banner{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff);border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12));border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px);border-radius:0;border-radius:var(--mdc-banner-container-shape, 0)}:host .mdc-banner .mdc-banner__text{color:#000;color:var(--mdc-banner-supporting-text-color, #000)}:host .mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;letter-spacing:var(--mdc-banner-supporting-text-tracking, .0178571429em);font-size:.875rem;font-size:var(--mdc-banner-supporting-text-size, .875rem);font-family:Roboto,sans-serif;font-family:var(--mdc-banner-supporting-text-font, Roboto, sans-serif);font-weight:400;font-weight:var(--mdc-banner-supporting-text-weight, 400);line-height:1.25rem;line-height:var(--mdc-banner-supporting-text-line-height, 1.25rem)}:host .mdc-banner .mdc-banner__graphic{border-radius:50%;border-radius:var(--mdc-banner-with-image-image-shape, 50%)}:host .mdc-banner .mdc-banner__graphic{height:40px;height:var(--mdc-banner-with-image-image-size, 40px);width:40px;width:var(--mdc-banner-with-image-image-size, 40px)}:host .mdc-banner .mdc-banner__fixed{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff)}:host .mdc-banner .mdc-banner__fixed{border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12))}:host .mdc-banner .mdc-banner__fixed{border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px)}:host .mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, var(--mdc-banner-action-label-text-color, #6200ee))}:host .mdc-banner .mdc-button .mdc-button__ripple:before{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-banner-action-hover-state-layer-color, #6200ee))}:host .mdc-banner .mdc-button .mdc-button__ripple:after{background-color:#6200ee;background-color:var(--mdc-text-button-pressed-state-layer-color, var(--mdc-banner-action-pressed-state-layer-color, #6200ee))}:host .mdc-banner .mdc-button:hover .mdc-button__ripple:before,:host .mdc-banner .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple:before{opacity:.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, var(--mdc-banner-action-hover-state-layer-opacity, .04))}:host .mdc-banner .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, var(--mdc-banner-action-focus-state-layer-opacity, .12))}:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple:after{transition:opacity .15s linear}:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after{transition-duration:75ms;opacity:.1;opacity:var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}:host .mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}:host .mdc-banner__secondary-action{margin-left:0;margin-right:8px}[dir=rtl] :host .mdc-banner__secondary-action,:host .mdc-banner__secondary-action[dir=rtl]{margin-left:8px;margin-right:0}:host .mdc-banner{--mdc-theme-surface: var(--cv-theme-surface-container-highest);--mdc-theme-primary: var(--mdc-theme-on-surface);--mdc-theme-text-primary-on-background: var(--cv-theme-on-surface);--mdc-theme-text-secondary-on-background: var(--cv-theme-on-surface);--mdc-theme-text-icon-on-background: var(--cv-theme-on-surface);--cv-theme-outline: var(--cv-theme-on-surface);background-color:var(--mdc-theme-surface);color:var(--mdc-theme-text-primary-on-background)}:host .mdc-banner .mdc-banner__graphic{--mdc-theme-surface: var(--mdc-theme-text-icon-on-background);color:var(--mdc-theme-text-icon-on-background)}:host .mdc-banner .mdc-banner__text{color:var(--mdc-theme-text-primary-on-background)}:host .mdc-banner .mdc-banner__text .mdc-typography--body2{font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}:host .mdc-banner .mdc-banner__text .mdc-typography--body1{color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height)}:host .mdc-banner.cv-banner--inline{--mdc-theme-surface: var(--cv-theme-surface-container)}:host .mdc-banner.caution{--mdc-theme-surface: var(--mdc-theme-caution);--mdc-theme-primary: var(--mdc-theme-on-caution);--mdc-theme-on-primary: var(--mdc-theme-caution);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-caution);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-caution);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-caution);--cv-theme-outline: var(--cv-theme-on-caution)}:host .mdc-banner.caution.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-caution-container);--mdc-theme-primary: var(--mdc-theme-on-caution-container);--mdc-theme-on-primary: var(--mdc-theme-caution-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-caution-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-caution-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-caution-container );--cv-theme-outline: var(--cv-theme-on-caution-container)}:host .mdc-banner.negative{--mdc-theme-surface: var(--mdc-theme-negative);--mdc-theme-primary: var(--mdc-theme-on-negative);--mdc-theme-on-primary: var(--mdc-theme-negative);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-negative);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-negative);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-negative);--cv-theme-outline: var(--cv-theme-on-negative)}:host .mdc-banner.negative.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-negative-container);--mdc-theme-primary: var(--mdc-theme-on-negative-container);--mdc-theme-on-primary: var(--mdc-theme-negative-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-negative-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-negative-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-negative-container );--cv-theme-outline: var(--cv-theme-on-negative-container)}:host .mdc-banner.active{--mdc-theme-surface: var(--mdc-theme-secondary);--mdc-theme-primary: var(--mdc-theme-on-secondary);--mdc-theme-on-primary: var(--mdc-theme-secondary);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-secondary);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-secondary);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-secondary);--cv-theme-outline: var(--cv-theme-on-secondary)}:host .mdc-banner.active.cv-banner--inline{--mdc-theme-surface: var(--cv-theme-secondary-container);--mdc-theme-primary: var(--mdc-theme-on-secondary-container);--mdc-theme-on-primary: var(--mdc-theme-secondary-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-secondary-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-secondary-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-secondary-container );--cv-theme-outline: var(--cv-theme-on-secondary-container)}:host .mdc-banner.positive{--mdc-theme-surface: var(--mdc-theme-positive);--mdc-theme-primary: var(--mdc-theme-on-positive);--mdc-theme-on-primary: var(--mdc-theme-positive);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-positive);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-positive);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-positive);--cv-theme-outline: var(--cv-theme-on-positive)}:host .mdc-banner.positive.cv-banner--inline{--mdc-theme-surface: var(--cv-theme-positive-container);--mdc-theme-primary: var(--mdc-theme-on-positive-container);--mdc-theme-on-primary: var(--mdc-theme-positive-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-positive-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-positive-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-positive-container );--cv-theme-outline: var(--cv-theme-on-positive-container)}:host .mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity .28s cubic-bezier(.4,0,.2,1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}:host .mdc-banner{border-radius:12px;position:relative;box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f;overflow:hidden;border:none}:host .mdc-banner .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}:host .mdc-banner .mdc-banner__content{max-width:inherit}:host .mdc-banner .mdc-banner__graphic{background:none;font-variation-settings:"FILL" 1;margin:12px 0 12px 24px;width:24px}:host .mdc-banner .mdc-banner__text{margin-left:24px;padding-top:10px;padding-bottom:10px}:host .mdc-banner .mdc-banner__actions{align-self:center;align-items:center;padding-right:16px}:host .mdc-banner.cv-banner--inline{border-radius:0;box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}:host ::slotted(*){margin-left:8px}';var f=Object.getOwnPropertyDescriptor,x=(o,e,a,d)=>{for(var n=d>1?void 0:d?f(e,a):e,c=o.length-1,s;c>=0;c--)(s=o[c])&&(n=s(n)||n);return n};exports.CovalentAlert=class extends t{};exports.CovalentAlert.styles=[m.i`
28
28
  ${m.r(y)}
29
29
  `];exports.CovalentAlert=x([m.e("cv-alert")],exports.CovalentAlert);const _=exports.CovalentAlert;exports.default=_;
package/alert.mjs CHANGED
@@ -144,7 +144,7 @@ r([
144
144
  r([
145
145
  i()
146
146
  ], t.prototype, "state");
147
- const z = ':host .mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface, #fff)}:host .mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:344px}@media (max-width: 480px),(max-width: 344px){:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:100%}}:host .mdc-banner__content{max-width:720px}:host .mdc-banner{z-index:1;border-bottom-style:solid;box-sizing:border-box;display:none;flex-shrink:0;height:0;position:relative;width:100%}@media (max-width: 480px){:host .mdc-banner .mdc-banner__fixed{left:0;right:0}:host .mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}[dir=rtl] :host .mdc-banner .mdc-banner__text,:host .mdc-banner .mdc-banner__text[dir=rtl]{margin-left:36px;margin-right:16px}}@media (max-width: 480px){:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}[dir=rtl] :host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text,:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl]{margin-left:8px;margin-right:16px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}:host .mdc-banner--opening,:host .mdc-banner--open,:host .mdc-banner--closing{display:flex}:host .mdc-banner--open{transition:height .3s ease}:host .mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}:host .mdc-banner--closing{transition:height .25s ease}:host .mdc-banner--closing .mdc-banner__content{transition:transform .25s ease}:host .mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}:host .mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}:host .mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}:host .mdc-banner__graphic-text-wrapper{display:flex;width:100%}:host .mdc-banner__graphic{margin:16px 0 16px 16px;flex-shrink:0;text-align:center}[dir=rtl] :host .mdc-banner__graphic,:host .mdc-banner__graphic[dir=rtl]{margin-left:0;margin-right:16px}:host .mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}:host .mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}[dir=rtl] :host .mdc-banner__text,:host .mdc-banner__text[dir=rtl]{margin-left:90px;margin-right:24px}:host .mdc-banner__actions{padding:8px 8px 8px 0;align-self:flex-end;display:flex;flex-shrink:0}[dir=rtl] :host .mdc-banner__actions,:host .mdc-banner__actions[dir=rtl]{padding-left:8px;padding-right:0}:host .mdc-banner{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff);border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12));border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px);border-radius:0;border-radius:var(--mdc-banner-container-shape, 0)}:host .mdc-banner .mdc-banner__text{color:#000;color:var(--mdc-banner-supporting-text-color, #000)}:host .mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;letter-spacing:var(--mdc-banner-supporting-text-tracking, .0178571429em);font-size:.875rem;font-size:var(--mdc-banner-supporting-text-size, .875rem);font-family:Roboto,sans-serif;font-family:var(--mdc-banner-supporting-text-font, Roboto, sans-serif);font-weight:400;font-weight:var(--mdc-banner-supporting-text-weight, 400);line-height:1.25rem;line-height:var(--mdc-banner-supporting-text-line-height, 1.25rem)}:host .mdc-banner .mdc-banner__graphic{border-radius:50%;border-radius:var(--mdc-banner-with-image-image-shape, 50%)}:host .mdc-banner .mdc-banner__graphic{height:40px;height:var(--mdc-banner-with-image-image-size, 40px);width:40px;width:var(--mdc-banner-with-image-image-size, 40px)}:host .mdc-banner .mdc-banner__fixed{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff)}:host .mdc-banner .mdc-banner__fixed{border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12))}:host .mdc-banner .mdc-banner__fixed{border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px)}:host .mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, var(--mdc-banner-action-label-text-color, #6200ee))}:host .mdc-banner .mdc-button .mdc-button__ripple:before{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-banner-action-hover-state-layer-color, #6200ee))}:host .mdc-banner .mdc-button .mdc-button__ripple:after{background-color:#6200ee;background-color:var(--mdc-text-button-pressed-state-layer-color, var(--mdc-banner-action-pressed-state-layer-color, #6200ee))}:host .mdc-banner .mdc-button:hover .mdc-button__ripple:before,:host .mdc-banner .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple:before{opacity:.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, var(--mdc-banner-action-hover-state-layer-opacity, .04))}:host .mdc-banner .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, var(--mdc-banner-action-focus-state-layer-opacity, .12))}:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple:after{transition:opacity .15s linear}:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after{transition-duration:75ms;opacity:.1;opacity:var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}:host .mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}:host .mdc-banner__secondary-action{margin-left:0;margin-right:8px}[dir=rtl] :host .mdc-banner__secondary-action,:host .mdc-banner__secondary-action[dir=rtl]{margin-left:8px;margin-right:0}:host .mdc-banner{--mdc-theme-surface: var(--cv-theme-surface-container-highest);--mdc-theme-primary: var(--mdc-theme-on-surface);--mdc-theme-text-primary-on-background: var(--cv-theme-on-surface);--mdc-theme-text-secondary-on-background: var(--cv-theme-on-surface);--cv-theme-outline: var(--cv-theme-on-surface);background-color:var(--mdc-theme-surface);color:var(--mdc-theme-text-primary-on-background)}:host .mdc-banner .mdc-banner__graphic{--mdc-theme-surface: var(--mdc-theme-text-icon-on-background)}:host .mdc-banner .mdc-banner__text{color:var(--mdc-theme-text-primary-on-background)}:host .mdc-banner .mdc-banner__text .mdc-typography--body2{font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}:host .mdc-banner .mdc-banner__text .mdc-typography--body1{color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height)}:host .mdc-banner.cv-banner--inline{--mdc-theme-surface: var(--cv-theme-surface-container)}:host .mdc-banner.caution{--mdc-theme-surface: var(--mdc-theme-caution);--mdc-theme-primary: var(--mdc-theme-on-caution);--mdc-theme-on-primary: var(--mdc-theme-caution);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-caution);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-caution);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-caution);--cv-theme-outline: var(--cv-theme-on-caution)}:host .mdc-banner.caution.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-caution-container);--mdc-theme-primary: var(--mdc-theme-on-caution-container);--mdc-theme-on-primary: var(--mdc-theme-caution-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-caution-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-caution-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-caution-container );--cv-theme-outline: var(--cv-theme-on-caution-container)}:host .mdc-banner.negative{--mdc-theme-surface: var(--mdc-theme-negative);--mdc-theme-primary: var(--mdc-theme-on-negative);--mdc-theme-on-primary: var(--mdc-theme-negative);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-negative);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-negative);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-negative);--cv-theme-outline: var(--cv-theme-on-negative)}:host .mdc-banner.negative.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-negative-container);--mdc-theme-primary: var(--mdc-theme-on-negative-container);--mdc-theme-on-primary: var(--mdc-theme-negative-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-negative-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-negative-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-negative-container );--cv-theme-outline: var(--cv-theme-on-negative-container)}:host .mdc-banner.active{--mdc-theme-surface: var(--mdc-theme-secondary);--mdc-theme-primary: var(--mdc-theme-on-secondary);--mdc-theme-on-primary: var(--mdc-theme-secondary);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-secondary);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-secondary);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-secondary);--cv-theme-outline: var(--cv-theme-on-secondary)}:host .mdc-banner.active.cv-banner--inline{--mdc-theme-surface: var(--cv-theme-secondary-container);--mdc-theme-primary: var(--mdc-theme-on-secondary-container);--mdc-theme-on-primary: var(--mdc-theme-secondary-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-secondary-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-secondary-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-secondary-container );--cv-theme-outline: var(--cv-theme-on-secondary-container)}:host .mdc-banner.positive{--mdc-theme-surface: var(--mdc-theme-positive);--mdc-theme-primary: var(--mdc-theme-on-positive);--mdc-theme-on-primary: var(--mdc-theme-positive);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-positive);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-positive);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-positive);--cv-theme-outline: var(--cv-theme-on-positive)}:host .mdc-banner.positive.cv-banner--inline{--mdc-theme-surface: var(--cv-theme-positive-container);--mdc-theme-primary: var(--mdc-theme-on-positive-container);--mdc-theme-on-primary: var(--mdc-theme-positive-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-positive-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-positive-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-positive-container );--cv-theme-outline: var(--cv-theme-on-positive-container)}:host .mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity .28s cubic-bezier(.4,0,.2,1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}:host .mdc-banner{border-radius:8px;position:relative;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;overflow:hidden;border:none}:host .mdc-banner .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}:host .mdc-banner .mdc-banner__content{max-width:inherit}:host .mdc-banner .mdc-banner__graphic{background:none;margin-left:24px;width:24px;font-variation-settings:"FILL" 1}:host .mdc-banner .mdc-banner__text{margin-left:24px}:host .mdc-banner .mdc-banner__actions{align-self:center;align-items:center}:host .mdc-banner.cv-banner--inline{border-radius:0;box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}:host ::slotted(*){margin-left:8px}';
147
+ const z = ':host .mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface, #fff)}:host .mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:344px}@media (max-width: 480px),(max-width: 344px){:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:100%}}:host .mdc-banner__content{max-width:720px}:host .mdc-banner{z-index:1;border-bottom-style:solid;box-sizing:border-box;display:none;flex-shrink:0;height:0;position:relative;width:100%}@media (max-width: 480px){:host .mdc-banner .mdc-banner__fixed{left:0;right:0}:host .mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}[dir=rtl] :host .mdc-banner .mdc-banner__text,:host .mdc-banner .mdc-banner__text[dir=rtl]{margin-left:36px;margin-right:16px}}@media (max-width: 480px){:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}[dir=rtl] :host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text,:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl]{margin-left:8px;margin-right:16px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}:host .mdc-banner--opening,:host .mdc-banner--open,:host .mdc-banner--closing{display:flex}:host .mdc-banner--open{transition:height .3s ease}:host .mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}:host .mdc-banner--closing{transition:height .25s ease}:host .mdc-banner--closing .mdc-banner__content{transition:transform .25s ease}:host .mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}:host .mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}:host .mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}:host .mdc-banner__graphic-text-wrapper{display:flex;width:100%}:host .mdc-banner__graphic{margin:16px 0 16px 16px;flex-shrink:0;text-align:center}[dir=rtl] :host .mdc-banner__graphic,:host .mdc-banner__graphic[dir=rtl]{margin-left:0;margin-right:16px}:host .mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}:host .mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}[dir=rtl] :host .mdc-banner__text,:host .mdc-banner__text[dir=rtl]{margin-left:90px;margin-right:24px}:host .mdc-banner__actions{padding:8px 8px 8px 0;align-self:flex-end;display:flex;flex-shrink:0}[dir=rtl] :host .mdc-banner__actions,:host .mdc-banner__actions[dir=rtl]{padding-left:8px;padding-right:0}:host .mdc-banner{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff);border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12));border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px);border-radius:0;border-radius:var(--mdc-banner-container-shape, 0)}:host .mdc-banner .mdc-banner__text{color:#000;color:var(--mdc-banner-supporting-text-color, #000)}:host .mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;letter-spacing:var(--mdc-banner-supporting-text-tracking, .0178571429em);font-size:.875rem;font-size:var(--mdc-banner-supporting-text-size, .875rem);font-family:Roboto,sans-serif;font-family:var(--mdc-banner-supporting-text-font, Roboto, sans-serif);font-weight:400;font-weight:var(--mdc-banner-supporting-text-weight, 400);line-height:1.25rem;line-height:var(--mdc-banner-supporting-text-line-height, 1.25rem)}:host .mdc-banner .mdc-banner__graphic{border-radius:50%;border-radius:var(--mdc-banner-with-image-image-shape, 50%)}:host .mdc-banner .mdc-banner__graphic{height:40px;height:var(--mdc-banner-with-image-image-size, 40px);width:40px;width:var(--mdc-banner-with-image-image-size, 40px)}:host .mdc-banner .mdc-banner__fixed{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff)}:host .mdc-banner .mdc-banner__fixed{border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12))}:host .mdc-banner .mdc-banner__fixed{border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px)}:host .mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, var(--mdc-banner-action-label-text-color, #6200ee))}:host .mdc-banner .mdc-button .mdc-button__ripple:before{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-banner-action-hover-state-layer-color, #6200ee))}:host .mdc-banner .mdc-button .mdc-button__ripple:after{background-color:#6200ee;background-color:var(--mdc-text-button-pressed-state-layer-color, var(--mdc-banner-action-pressed-state-layer-color, #6200ee))}:host .mdc-banner .mdc-button:hover .mdc-button__ripple:before,:host .mdc-banner .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple:before{opacity:.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, var(--mdc-banner-action-hover-state-layer-opacity, .04))}:host .mdc-banner .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, var(--mdc-banner-action-focus-state-layer-opacity, .12))}:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple:after{transition:opacity .15s linear}:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after{transition-duration:75ms;opacity:.1;opacity:var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}:host .mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}:host .mdc-banner__secondary-action{margin-left:0;margin-right:8px}[dir=rtl] :host .mdc-banner__secondary-action,:host .mdc-banner__secondary-action[dir=rtl]{margin-left:8px;margin-right:0}:host .mdc-banner{--mdc-theme-surface: var(--cv-theme-surface-container-highest);--mdc-theme-primary: var(--mdc-theme-on-surface);--mdc-theme-text-primary-on-background: var(--cv-theme-on-surface);--mdc-theme-text-secondary-on-background: var(--cv-theme-on-surface);--mdc-theme-text-icon-on-background: var(--cv-theme-on-surface);--cv-theme-outline: var(--cv-theme-on-surface);background-color:var(--mdc-theme-surface);color:var(--mdc-theme-text-primary-on-background)}:host .mdc-banner .mdc-banner__graphic{--mdc-theme-surface: var(--mdc-theme-text-icon-on-background);color:var(--mdc-theme-text-icon-on-background)}:host .mdc-banner .mdc-banner__text{color:var(--mdc-theme-text-primary-on-background)}:host .mdc-banner .mdc-banner__text .mdc-typography--body2{font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}:host .mdc-banner .mdc-banner__text .mdc-typography--body1{color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height)}:host .mdc-banner.cv-banner--inline{--mdc-theme-surface: var(--cv-theme-surface-container)}:host .mdc-banner.caution{--mdc-theme-surface: var(--mdc-theme-caution);--mdc-theme-primary: var(--mdc-theme-on-caution);--mdc-theme-on-primary: var(--mdc-theme-caution);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-caution);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-caution);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-caution);--cv-theme-outline: var(--cv-theme-on-caution)}:host .mdc-banner.caution.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-caution-container);--mdc-theme-primary: var(--mdc-theme-on-caution-container);--mdc-theme-on-primary: var(--mdc-theme-caution-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-caution-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-caution-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-caution-container );--cv-theme-outline: var(--cv-theme-on-caution-container)}:host .mdc-banner.negative{--mdc-theme-surface: var(--mdc-theme-negative);--mdc-theme-primary: var(--mdc-theme-on-negative);--mdc-theme-on-primary: var(--mdc-theme-negative);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-negative);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-negative);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-negative);--cv-theme-outline: var(--cv-theme-on-negative)}:host .mdc-banner.negative.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-negative-container);--mdc-theme-primary: var(--mdc-theme-on-negative-container);--mdc-theme-on-primary: var(--mdc-theme-negative-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-negative-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-negative-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-negative-container );--cv-theme-outline: var(--cv-theme-on-negative-container)}:host .mdc-banner.active{--mdc-theme-surface: var(--mdc-theme-secondary);--mdc-theme-primary: var(--mdc-theme-on-secondary);--mdc-theme-on-primary: var(--mdc-theme-secondary);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-secondary);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-secondary);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-secondary);--cv-theme-outline: var(--cv-theme-on-secondary)}:host .mdc-banner.active.cv-banner--inline{--mdc-theme-surface: var(--cv-theme-secondary-container);--mdc-theme-primary: var(--mdc-theme-on-secondary-container);--mdc-theme-on-primary: var(--mdc-theme-secondary-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-secondary-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-secondary-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-secondary-container );--cv-theme-outline: var(--cv-theme-on-secondary-container)}:host .mdc-banner.positive{--mdc-theme-surface: var(--mdc-theme-positive);--mdc-theme-primary: var(--mdc-theme-on-positive);--mdc-theme-on-primary: var(--mdc-theme-positive);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-positive);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-positive);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-positive);--cv-theme-outline: var(--cv-theme-on-positive)}:host .mdc-banner.positive.cv-banner--inline{--mdc-theme-surface: var(--cv-theme-positive-container);--mdc-theme-primary: var(--mdc-theme-on-positive-container);--mdc-theme-on-primary: var(--mdc-theme-positive-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-positive-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-positive-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-positive-container );--cv-theme-outline: var(--cv-theme-on-positive-container)}:host .mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity .28s cubic-bezier(.4,0,.2,1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}:host .mdc-banner{border-radius:12px;position:relative;box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f;overflow:hidden;border:none}:host .mdc-banner .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}:host .mdc-banner .mdc-banner__content{max-width:inherit}:host .mdc-banner .mdc-banner__graphic{background:none;font-variation-settings:"FILL" 1;margin:12px 0 12px 24px;width:24px}:host .mdc-banner .mdc-banner__text{margin-left:24px;padding-top:10px;padding-bottom:10px}:host .mdc-banner .mdc-banner__actions{align-self:center;align-items:center;padding-right:16px}:host .mdc-banner.cv-banner--inline{border-radius:0;box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}:host ::slotted(*){margin-left:8px}';
148
148
  var F = Object.getOwnPropertyDescriptor, I = (o, e, a, d) => {
149
149
  for (var n = d > 1 ? void 0 : d ? F(e, a) : e, c = o.length - 1, m; c >= 0; c--)
150
150
  (m = o[c]) && (n = m(n) || n);
package/app-shell/app-shell.d.ts CHANGED
@@ -71,6 +71,7 @@ export declare class CovalentAppShell extends DrawerBase {
71
71
  private _handleNavMouseOver;
72
72
  private _handleNavMouseOut;
73
73
  private _handleDrawerClosed;
74
+ private removeInertAttribute;
74
75
  resizeEvent(): void;
75
76
  connectedCallback(): void;
76
77
  disconnectedCallback(): void;
package/app-shell.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-8EurZY45.js"),n=require("./property-DYTC_2-m.js"),p=require("./class-map-DTzB8z-1.js"),c=require("./mwc-drawer-base-C2YS_KZk.js");require("./top-app-bar-fixed.js");require("./icon-button.js");require("./card.js");const h='.mdc-drawer{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);--cv-divider-margin: 0 0 0 -6px;--cv-divider-padding-left: 12px;--cv-divider-padding-right: 24px}:host([open]) .navigation{--cv-list-padding-right: 12px;--cv-list-padding-left: 12px;--cv-list-item-width: 100%;--cv-list-item-height: inherit;--cv-list-item-graphic-margin-left: 0;--cv-list-item-expansion-icon-margin: -24px;--cv-list-item-expansion-icon-size: 24px;--cv-list-menu-height: inherit;--cv-list-item-selected-background-color: var( --cv-theme-on-surface-variant-8 );--cv-list-item-selected-color: var(--cv-theme-on-surface-variant);--cv-divider-margin: 0;--cv-divider-padding-right: 20px}@media only screen and (max-width: 768px){:host([helpOpen]) .app-shell,:host([helpOpen]) .main{height:100vh;overflow:hidden}}.app-shell{--mdc-theme-surface: var(--mdc-theme-background);background-color:var(--mdc-theme-background);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100%}.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;top:0;left:0;bottom:0;right:0;width:100%}}.app-shell .main-wrapper>:host(cv-card) .mdc-card{border-radius:var(--cv-border-radius-outer)}.cov-help--resizing .main,.cov-help--resizing .help{transition-duration:0ms}.main{height:100vh;grid-area:main;overflow:auto;transition:margin-left .2s ease-in-out,margin-right .2s ease-in-out}.main .main-wrapper{margin:0 auto;max-width:1200px}.cov-content--full-width .main .main-wrapper{margin:0;width:100%;max-width:100%}.main cv-card{margin:0 0 12px;display:block}.main cv-card.wrapper-card{--mdc-shape-medium: var(--cv-border-radius-outer)}@media only screen and (min-width: 768px){.cov-drawer--hovered .main,.main.cov-drawer--hovered-closing{margin-left:72px;padding-right:24px}:not(.cov-drawer--forced-open) .main{margin-left:72px;padding-right:24px}.cov-drawer--open .main{margin-left:256px;padding-right:24px}.cov-help--open .main{margin-right:var(--cv-help-width, 320px);padding-right:0}}@media only screen and (max-width: 1600px){.main .main-wrapper{max-width:960px}}.help{grid-area:help;position:fixed;right:0;width:var(--cv-help-width, 320px);transition:width .2s;height:100vh;overflow-y:auto}.help .resize-handle{position:absolute;left:0;width:8px;height:100vh;cursor:ew-resize;z-index:1100;-webkit-user-select:none;user-select:none}.help .resize-handle:after{content:"";position:absolute;left:1px;top:0;width:4px;height:100%;background-color:var(--mdc-theme-primary);transform:translate(-50%);transition:opacity .3s ease;opacity:0}.help .resize-handle:hover:after,.help .resize-handle.helpResizable:after{opacity:1}.help :host([helpResizable]) .resize-handle{display:block}.help :host(:not([helpResizable])) .resize-handle{display:none}.cov-help--closed .help{width:0;border:none}@media only screen and (max-width: 768px){.help{background-color:var(--mdc-theme-surface);width:100%;z-index:100}}.current-section{align-items:center;display:flex;font-size:var(--mdc-typography-body2-font-size);font-family:var(--mdc-typography-body2-font-family);color:var(--cv-theme-on-surface);font-weight:600;justify-content:flex-start;overflow:hidden;min-height:48px;padding:8px 16px 8px 12px;position:relative;text-align:left}.current-section .current-section-name{opacity:0;transition:opacity .2s}:host([open]) .current-section .current-section-name{opacity:1}[name=user-menu]{position:sticky;top:0;display:block;z-index:var(--cv-app-shell-user-menu-z-index, 1)}[name=mini-list]{display:none;width:320px;height:100vh}@media only screen and (min-width: 768px){.cov-appshell--minilist [name=mini-list]{display:block}:not(.cov-drawer--forced-open) [name=mini-list]{margin-left:72px}}@media only screen and (max-width: 1000px){[name=mini-list]{display:none}}nav.navigation{grid-area:nav;height:100vh;overflow-y:auto;border-right:0;position:fixed;background-color:var(--mdc-theme-background);z-index:var(--cv-app-shell-navigation-z-index, 6)}nav.navigation .toggle-drawer{margin:8px auto}nav.navigation .navigation-toolbar{display:flex;align-items:center;position:sticky;top:0;background-color:var(--mdc-theme-background);z-index:2;padding-left:var(--cv-list-padding-left, 0)}nav.navigation slot[name=logo]{display:block}nav.navigation slot[name=navigation]{margin-top:8px;display:block}:not(.cov-drawer--forced-open) nav.navigation,:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed,:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closing{top:0;left:0;bottom:0}:not(.cov-drawer--forced-open) nav.navigation slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closing slot[name=logo]{transition:all .2s;opacity:0}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:0;margin-right:0}nav.navigation.mdc-drawer--open slot[name=logo]{opacity:1}.cov-drawer--hovered nav.navigation{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;background-color:var(--mdc-theme-surface)}[divider]{border-bottom:1px solid;margin:16px;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}@media only screen and (min-width: 768px){nav.navigation{display:flex;flex-direction:column;transition-property:width;transform:none}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open,.mdc-drawer--opening{width:256px;transition-duration:.2s}.mdc-drawer--closing{width:72px;transition-duration:.2s}.header{display:none}}@media only screen and (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main" "mini-list" "help"}[name=help]::slotted(*),.main{height:auto;width:auto;border:none}}';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 c.DrawerBase{constructor(){super(),this.element=document.querySelector(".help"),this.helpWidth=0,this._resizing=!1,this.appName="",this.sectionName="",this.drawerOpen=!1,this.helpOpen=!1,this.helpResizable=!1,this.contained=!1,this.forcedOpen=!1,this.fullWidth=!1,this.remoteNavOpen=!1,this.hovered=!1,this.hoverEntryDuration=250,this.hoverExitDuration=250,this.observedAttributes=["remotenavopen"],this._handleNavMouseOver=()=>{this.hovered=!0,clearTimeout(this.hoverTimeout),!this.open&&!this.forcedOpen&&(this.hoverTimeout=setTimeout(()=>{this.hovered&&this._toggleOpen()},this.hoverEntryDuration))},this._handleNavMouseOut=()=>{this.hovered=!1,clearTimeout(this.hoverTimeout),this.open&&!this.forcedOpen&&(this.hoverTimeout=setTimeout(()=>{this.hovered||this._toggleOpen()},this.hoverExitDuration))},this.resizeEvent(),this._resize=this._resize.bind(this),this._stopResize=this._stopResize.bind(this),this._startResizing=this._startResizing.bind(this),this._setupHelpEventListeners(),window.addEventListener("DOMContentLoaded",()=>{this.setupHelpPanelListeners();const e=localStorage.getItem("helpWidth");e&&(this.helpWidth=parseInt(e,10),this.updateHelpPanelWidth())})}setupHelpPanelListeners(){const e=document.querySelector(".help-item"),t=document.querySelector(".help-close");e==null||e.addEventListener("click",()=>{this.toggleHelpPanel()}),t==null||t.addEventListener("click",()=>{this.toggleHelpPanel(!1)})}toggleHelpPanel(e){if(this.helpOpen=e!==void 0?e:!this.helpOpen,this.helpOpen){const t=localStorage.getItem("helpWidth");this.helpWidth=t?parseInt(t,10):320}else this.helpWidth=0;this.updateHelpPanelWidth(),this.requestUpdate()}_setupHelpEventListeners(){window.addEventListener("DOMContentLoaded",()=>{const e=document.querySelector(".help-item"),t=document.querySelector(".help-close");e==null||e.addEventListener("click",()=>{this.helpOpen=!this.helpOpen,this.helpWidth=this.helpOpen?320:0,this.requestUpdate()}),t==null||t.addEventListener("click",()=>{this.helpOpen=!1,this.helpWidth=0,this.requestUpdate()})})}_startResizing(e){var 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)}attributeChangedCallback(e,t,r){this.observedAttributes.includes(e)&&(clearTimeout(this.remoteControlTimeout),this.remoteControlTimeout=setTimeout(()=>{this._handleMenuClick()},0)),super.attributeChangedCallback(e,t,r)}renderSection(){return this.sectionName?i.x`<div class="current-section">
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-8EurZY45.js"),n=require("./property-DYTC_2-m.js"),p=require("./class-map-DTzB8z-1.js"),c=require("./mwc-drawer-base-C2YS_KZk.js");require("./top-app-bar-fixed.js");require("./icon-button.js");require("./card.js");const h='.mdc-drawer{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);--cv-divider-margin: 0 0 0 -6px;--cv-divider-padding-left: 12px;--cv-divider-padding-right: 24px}:host([open]) .navigation{--cv-list-padding-right: 12px;--cv-list-padding-left: 12px;--cv-list-item-width: 100%;--cv-list-item-height: inherit;--cv-list-item-graphic-margin-left: 0;--cv-list-item-expansion-icon-margin: -24px;--cv-list-item-expansion-icon-size: 24px;--cv-list-menu-height: inherit;--cv-list-item-selected-background-color: var( --cv-theme-on-surface-variant-8 );--cv-list-item-selected-color: var(--cv-theme-on-surface-variant);--cv-divider-margin: 0;--cv-divider-padding-right: 20px}@media only screen and (max-width: 768px){:host([helpOpen]) .app-shell,:host([helpOpen]) .main{height:100vh;overflow:hidden}}.app-shell{--mdc-theme-surface: var(--mdc-theme-background);background-color:var(--mdc-theme-background);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100%}.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;top:0;left:0;bottom:0;right:0;width:100%}}.app-shell .main-wrapper>:host(cv-card) .mdc-card{border-radius:var(--cv-border-radius-outer)}.cov-help--resizing .main,.cov-help--resizing .help{transition-duration:0ms}.main{height:100vh;grid-area:main;overflow:auto;transition:margin-left .2s ease-in-out,margin-right .2s ease-in-out}.main .main-wrapper{margin:0 auto;max-width:1200px}.cov-content--full-width .main .main-wrapper{margin:0;width:100%;max-width:100%}.main cv-card{margin:0 0 12px;display:block}.main cv-card.wrapper-card{--mdc-shape-medium: var(--cv-border-radius-outer)}@media only screen and (min-width: 768px){.cov-drawer--hovered .main,.main.cov-drawer--hovered-closing{margin-left:72px;padding-right:24px}:not(.cov-drawer--forced-open) .main{margin-left:72px;padding-right:24px}.cov-drawer--open .main{margin-left:256px;padding-right:24px}.cov-help--open .main{margin-right:var(--cv-help-width, 320px);padding-right:0}}@media only screen and (max-width: 1600px){.main .main-wrapper{max-width:960px}}.help{grid-area:help;position:fixed;right:0;width:var(--cv-help-width, 320px);transition:width .2s;height:100vh;overflow-y:auto}.help .resize-handle{position:absolute;left:0;width:8px;height:100vh;cursor:ew-resize;z-index:1100;-webkit-user-select:none;user-select:none}.help .resize-handle:after{content:"";position:absolute;left:1px;top:0;width:4px;height:100%;background-color:var(--mdc-theme-primary);transform:translate(-50%);transition:opacity .3s ease;opacity:0}.help .resize-handle:hover:after,.help .resize-handle.helpResizable:after{opacity:1}.help :host([helpResizable]) .resize-handle{display:block}.help :host(:not([helpResizable])) .resize-handle{display:none}.cov-help--closed .help{width:0;border:none}@media only screen and (max-width: 768px){.help{background-color:var(--mdc-theme-surface);width:100%;z-index:100}}.current-section{align-items:center;display:flex;font-size:var(--mdc-typography-body2-font-size);font-family:var(--mdc-typography-body2-font-family);color:var(--cv-theme-on-surface);font-weight:600;justify-content:flex-start;overflow:hidden;min-height:48px;padding:8px 16px 8px 12px;position:relative;text-align:left}.current-section .current-section-name{opacity:0;transition:opacity .2s}:host([open]) .current-section .current-section-name{opacity:1}[name=user-menu]{position:sticky;top:0;display:block;z-index:var(--cv-app-shell-user-menu-z-index, 1)}[name=mini-list]{display:none;width:320px;height:100vh}@media only screen and (min-width: 768px){.cov-appshell--minilist [name=mini-list]{display:block}:not(.cov-drawer--forced-open) [name=mini-list]{margin-left:72px}}@media only screen and (max-width: 1000px){[name=mini-list]{display:none}}nav.navigation{grid-area:nav;height:100vh;overflow-y:auto;border-right:0;position:fixed;background-color:var(--mdc-theme-background);z-index:var(--cv-app-shell-navigation-z-index, 6)}nav.navigation .toggle-drawer{margin:8px auto}nav.navigation .navigation-toolbar{display:flex;align-items:center;position:sticky;top:0;background-color:var(--mdc-theme-background);z-index:2;padding-left:var(--cv-list-padding-left, 0)}nav.navigation slot[name=logo]{display:block}nav.navigation slot[name=navigation]{margin-top:8px;display:block}:not(.cov-drawer--forced-open) nav.navigation,:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed,:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closing{top:0;left:0;bottom:0}:not(.cov-drawer--forced-open) nav.navigation slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closing slot[name=logo]{transition:all .2s;opacity:0}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:0;margin-right:0}nav.navigation.mdc-drawer--open slot[name=logo]{opacity:1}.cov-drawer--hovered nav.navigation{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;background-color:var(--mdc-theme-surface)}[divider]{border-bottom:1px solid;margin:16px;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}@media only screen and (min-width: 768px){nav.navigation{display:flex;flex-direction:column;transition-property:width;transform:none}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open,.mdc-drawer--opening{width:256px;transition-duration:.2s}.mdc-drawer--closing{width:72px;transition-duration:.2s}.header{display:none}}@media only screen and (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main" "mini-list" "help"}[name=help]::slotted(*),.main{height:auto;width:auto;border:none;overflow-x:hidden}}';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 c.DrawerBase{constructor(){super(),this.element=document.querySelector(".help"),this.helpWidth=0,this._resizing=!1,this.appName="",this.sectionName="",this.drawerOpen=!1,this.helpOpen=!1,this.helpResizable=!1,this.contained=!1,this.forcedOpen=!1,this.fullWidth=!1,this.remoteNavOpen=!1,this.hovered=!1,this.hoverEntryDuration=250,this.hoverExitDuration=250,this.observedAttributes=["remotenavopen"],this._handleNavMouseOver=()=>{this.hovered=!0,clearTimeout(this.hoverTimeout),!this.open&&!this.forcedOpen&&(this.hoverTimeout=setTimeout(()=>{this.hovered&&this._toggleOpen()},this.hoverEntryDuration))},this._handleNavMouseOut=()=>{this.hovered=!1,clearTimeout(this.hoverTimeout),this.open&&!this.forcedOpen&&(this.hoverTimeout=setTimeout(()=>{this.hovered||this._toggleOpen()},this.hoverExitDuration))},this.removeInertAttribute=()=>{var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".main.mdc-drawer-app-content");e&&e.removeAttribute("inert")},this.resizeEvent(),this._resize=this._resize.bind(this),this._stopResize=this._stopResize.bind(this),this._startResizing=this._startResizing.bind(this),this._setupHelpEventListeners(),window.addEventListener("DOMContentLoaded",()=>{this.setupHelpPanelListeners();const e=localStorage.getItem("helpWidth");e&&(this.helpWidth=parseInt(e,10),this.updateHelpPanelWidth())})}setupHelpPanelListeners(){const e=document.querySelector(".help-item"),t=document.querySelector(".help-close");e==null||e.addEventListener("click",()=>{this.toggleHelpPanel()}),t==null||t.addEventListener("click",()=>{this.toggleHelpPanel(!1)})}toggleHelpPanel(e){if(this.helpOpen=e!==void 0?e:!this.helpOpen,this.helpOpen){const t=localStorage.getItem("helpWidth");this.helpWidth=t?parseInt(t,10):320}else this.helpWidth=0;this.updateHelpPanelWidth(),this.requestUpdate()}_setupHelpEventListeners(){window.addEventListener("DOMContentLoaded",()=>{const e=document.querySelector(".help-item"),t=document.querySelector(".help-close");e==null||e.addEventListener("click",()=>{this.helpOpen=!this.helpOpen,this.helpWidth=this.helpOpen?320:0,this.requestUpdate()}),t==null||t.addEventListener("click",()=>{this.helpOpen=!1,this.helpWidth=0,this.requestUpdate()})})}_startResizing(e){var 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.removeInertAttribute(),this.requestUpdate()}resizeEvent(){const e=window.matchMedia("(max-width: 767px)");e.matches&&this.type!=="modal"?this.type="modal":!e.matches&&this.type!=="dismissible"&&(this.type="dismissible",this.removeInertAttribute()),this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.addEventListener("MDCDrawer:closed",this._handleDrawerClosed),window.addEventListener("resize",()=>this.resizeEvent())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("MDCDrawer:closed",this._handleDrawerClosed),window.removeEventListener("resize",this.resizeEvent)}attributeChangedCallback(e,t,r){this.observedAttributes.includes(e)&&(clearTimeout(this.remoteControlTimeout),this.remoteControlTimeout=setTimeout(()=>{this._handleMenuClick()},0)),super.attributeChangedCallback(e,t,r)}renderSection(){return this.sectionName?i.x`<div class="current-section">
2
2
  <slot name="section-action"></slot>
3
3
  <span class="current-section-name">${this.sectionName}</span>
4
4
  </div>`:i.A}renderMain(){return this.contained?i.x`<cv-card 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
@@ -5,7 +5,7 @@ import { D as u } from "./mwc-drawer-base-BKjve51A.mjs";
5
5
  import "./top-app-bar-fixed.mjs";
6
6
  import "./icon-button.mjs";
7
7
  import "./card.mjs";
8
- const w = '.mdc-drawer{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);--cv-divider-margin: 0 0 0 -6px;--cv-divider-padding-left: 12px;--cv-divider-padding-right: 24px}:host([open]) .navigation{--cv-list-padding-right: 12px;--cv-list-padding-left: 12px;--cv-list-item-width: 100%;--cv-list-item-height: inherit;--cv-list-item-graphic-margin-left: 0;--cv-list-item-expansion-icon-margin: -24px;--cv-list-item-expansion-icon-size: 24px;--cv-list-menu-height: inherit;--cv-list-item-selected-background-color: var( --cv-theme-on-surface-variant-8 );--cv-list-item-selected-color: var(--cv-theme-on-surface-variant);--cv-divider-margin: 0;--cv-divider-padding-right: 20px}@media only screen and (max-width: 768px){:host([helpOpen]) .app-shell,:host([helpOpen]) .main{height:100vh;overflow:hidden}}.app-shell{--mdc-theme-surface: var(--mdc-theme-background);background-color:var(--mdc-theme-background);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100%}.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;top:0;left:0;bottom:0;right:0;width:100%}}.app-shell .main-wrapper>:host(cv-card) .mdc-card{border-radius:var(--cv-border-radius-outer)}.cov-help--resizing .main,.cov-help--resizing .help{transition-duration:0ms}.main{height:100vh;grid-area:main;overflow:auto;transition:margin-left .2s ease-in-out,margin-right .2s ease-in-out}.main .main-wrapper{margin:0 auto;max-width:1200px}.cov-content--full-width .main .main-wrapper{margin:0;width:100%;max-width:100%}.main cv-card{margin:0 0 12px;display:block}.main cv-card.wrapper-card{--mdc-shape-medium: var(--cv-border-radius-outer)}@media only screen and (min-width: 768px){.cov-drawer--hovered .main,.main.cov-drawer--hovered-closing{margin-left:72px;padding-right:24px}:not(.cov-drawer--forced-open) .main{margin-left:72px;padding-right:24px}.cov-drawer--open .main{margin-left:256px;padding-right:24px}.cov-help--open .main{margin-right:var(--cv-help-width, 320px);padding-right:0}}@media only screen and (max-width: 1600px){.main .main-wrapper{max-width:960px}}.help{grid-area:help;position:fixed;right:0;width:var(--cv-help-width, 320px);transition:width .2s;height:100vh;overflow-y:auto}.help .resize-handle{position:absolute;left:0;width:8px;height:100vh;cursor:ew-resize;z-index:1100;-webkit-user-select:none;user-select:none}.help .resize-handle:after{content:"";position:absolute;left:1px;top:0;width:4px;height:100%;background-color:var(--mdc-theme-primary);transform:translate(-50%);transition:opacity .3s ease;opacity:0}.help .resize-handle:hover:after,.help .resize-handle.helpResizable:after{opacity:1}.help :host([helpResizable]) .resize-handle{display:block}.help :host(:not([helpResizable])) .resize-handle{display:none}.cov-help--closed .help{width:0;border:none}@media only screen and (max-width: 768px){.help{background-color:var(--mdc-theme-surface);width:100%;z-index:100}}.current-section{align-items:center;display:flex;font-size:var(--mdc-typography-body2-font-size);font-family:var(--mdc-typography-body2-font-family);color:var(--cv-theme-on-surface);font-weight:600;justify-content:flex-start;overflow:hidden;min-height:48px;padding:8px 16px 8px 12px;position:relative;text-align:left}.current-section .current-section-name{opacity:0;transition:opacity .2s}:host([open]) .current-section .current-section-name{opacity:1}[name=user-menu]{position:sticky;top:0;display:block;z-index:var(--cv-app-shell-user-menu-z-index, 1)}[name=mini-list]{display:none;width:320px;height:100vh}@media only screen and (min-width: 768px){.cov-appshell--minilist [name=mini-list]{display:block}:not(.cov-drawer--forced-open) [name=mini-list]{margin-left:72px}}@media only screen and (max-width: 1000px){[name=mini-list]{display:none}}nav.navigation{grid-area:nav;height:100vh;overflow-y:auto;border-right:0;position:fixed;background-color:var(--mdc-theme-background);z-index:var(--cv-app-shell-navigation-z-index, 6)}nav.navigation .toggle-drawer{margin:8px auto}nav.navigation .navigation-toolbar{display:flex;align-items:center;position:sticky;top:0;background-color:var(--mdc-theme-background);z-index:2;padding-left:var(--cv-list-padding-left, 0)}nav.navigation slot[name=logo]{display:block}nav.navigation slot[name=navigation]{margin-top:8px;display:block}:not(.cov-drawer--forced-open) nav.navigation,:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed,:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closing{top:0;left:0;bottom:0}:not(.cov-drawer--forced-open) nav.navigation slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closing slot[name=logo]{transition:all .2s;opacity:0}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:0;margin-right:0}nav.navigation.mdc-drawer--open slot[name=logo]{opacity:1}.cov-drawer--hovered nav.navigation{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;background-color:var(--mdc-theme-surface)}[divider]{border-bottom:1px solid;margin:16px;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}@media only screen and (min-width: 768px){nav.navigation{display:flex;flex-direction:column;transition-property:width;transform:none}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open,.mdc-drawer--opening{width:256px;transition-duration:.2s}.mdc-drawer--closing{width:72px;transition-duration:.2s}.header{display:none}}@media only screen and (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main" "mini-list" "help"}[name=help]::slotted(*),.main{height:auto;width:auto;border:none}}';
8
+ 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: 100px;--cv-list-item-width: 48px;--cv-list-item-height: 48px;--cv-list-item-graphic-margin-left: 0;--cv-list-menu-height: 0;--cv-list-item-expansion-icon-size: 0;--cv-list-item-selected-background-color: var(--cv-theme-primary-24);--cv-list-item-selected-color: var(--cv-theme-primary);--cv-divider-margin: 0 0 0 -6px;--cv-divider-padding-left: 12px;--cv-divider-padding-right: 24px}:host([open]) .navigation{--cv-list-padding-right: 12px;--cv-list-padding-left: 12px;--cv-list-item-width: 100%;--cv-list-item-height: inherit;--cv-list-item-graphic-margin-left: 0;--cv-list-item-expansion-icon-margin: -24px;--cv-list-item-expansion-icon-size: 24px;--cv-list-menu-height: inherit;--cv-list-item-selected-background-color: var( --cv-theme-on-surface-variant-8 );--cv-list-item-selected-color: var(--cv-theme-on-surface-variant);--cv-divider-margin: 0;--cv-divider-padding-right: 20px}@media only screen and (max-width: 768px){:host([helpOpen]) .app-shell,:host([helpOpen]) .main{height:100vh;overflow:hidden}}.app-shell{--mdc-theme-surface: var(--mdc-theme-background);background-color:var(--mdc-theme-background);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100%}.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;top:0;left:0;bottom:0;right:0;width:100%}}.app-shell .main-wrapper>:host(cv-card) .mdc-card{border-radius:var(--cv-border-radius-outer)}.cov-help--resizing .main,.cov-help--resizing .help{transition-duration:0ms}.main{height:100vh;grid-area:main;overflow:auto;transition:margin-left .2s ease-in-out,margin-right .2s ease-in-out}.main .main-wrapper{margin:0 auto;max-width:1200px}.cov-content--full-width .main .main-wrapper{margin:0;width:100%;max-width:100%}.main cv-card{margin:0 0 12px;display:block}.main cv-card.wrapper-card{--mdc-shape-medium: var(--cv-border-radius-outer)}@media only screen and (min-width: 768px){.cov-drawer--hovered .main,.main.cov-drawer--hovered-closing{margin-left:72px;padding-right:24px}:not(.cov-drawer--forced-open) .main{margin-left:72px;padding-right:24px}.cov-drawer--open .main{margin-left:256px;padding-right:24px}.cov-help--open .main{margin-right:var(--cv-help-width, 320px);padding-right:0}}@media only screen and (max-width: 1600px){.main .main-wrapper{max-width:960px}}.help{grid-area:help;position:fixed;right:0;width:var(--cv-help-width, 320px);transition:width .2s;height:100vh;overflow-y:auto}.help .resize-handle{position:absolute;left:0;width:8px;height:100vh;cursor:ew-resize;z-index:1100;-webkit-user-select:none;user-select:none}.help .resize-handle:after{content:"";position:absolute;left:1px;top:0;width:4px;height:100%;background-color:var(--mdc-theme-primary);transform:translate(-50%);transition:opacity .3s ease;opacity:0}.help .resize-handle:hover:after,.help .resize-handle.helpResizable:after{opacity:1}.help :host([helpResizable]) .resize-handle{display:block}.help :host(:not([helpResizable])) .resize-handle{display:none}.cov-help--closed .help{width:0;border:none}@media only screen and (max-width: 768px){.help{background-color:var(--mdc-theme-surface);width:100%;z-index:100}}.current-section{align-items:center;display:flex;font-size:var(--mdc-typography-body2-font-size);font-family:var(--mdc-typography-body2-font-family);color:var(--cv-theme-on-surface);font-weight:600;justify-content:flex-start;overflow:hidden;min-height:48px;padding:8px 16px 8px 12px;position:relative;text-align:left}.current-section .current-section-name{opacity:0;transition:opacity .2s}:host([open]) .current-section .current-section-name{opacity:1}[name=user-menu]{position:sticky;top:0;display:block;z-index:var(--cv-app-shell-user-menu-z-index, 1)}[name=mini-list]{display:none;width:320px;height:100vh}@media only screen and (min-width: 768px){.cov-appshell--minilist [name=mini-list]{display:block}:not(.cov-drawer--forced-open) [name=mini-list]{margin-left:72px}}@media only screen and (max-width: 1000px){[name=mini-list]{display:none}}nav.navigation{grid-area:nav;height:100vh;overflow-y:auto;border-right:0;position:fixed;background-color:var(--mdc-theme-background);z-index:var(--cv-app-shell-navigation-z-index, 6)}nav.navigation .toggle-drawer{margin:8px auto}nav.navigation .navigation-toolbar{display:flex;align-items:center;position:sticky;top:0;background-color:var(--mdc-theme-background);z-index:2;padding-left:var(--cv-list-padding-left, 0)}nav.navigation slot[name=logo]{display:block}nav.navigation slot[name=navigation]{margin-top:8px;display:block}:not(.cov-drawer--forced-open) nav.navigation,:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed,:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closing{top:0;left:0;bottom:0}:not(.cov-drawer--forced-open) nav.navigation slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closing slot[name=logo]{transition:all .2s;opacity:0}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:0;margin-right:0}nav.navigation.mdc-drawer--open slot[name=logo]{opacity:1}.cov-drawer--hovered nav.navigation{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;background-color:var(--mdc-theme-surface)}[divider]{border-bottom:1px solid;margin:16px;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}@media only screen and (min-width: 768px){nav.navigation{display:flex;flex-direction:column;transition-property:width;transform:none}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open,.mdc-drawer--opening{width:256px;transition-duration:.2s}.mdc-drawer--closing{width:72px;transition-duration:.2s}.header{display:none}}@media only screen and (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main" "mini-list" "help"}[name=help]::slotted(*),.main{height:auto;width:auto;border:none;overflow-x:hidden}}';
9
9
  var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (e, t, r, d) => {
10
10
  for (var o = d > 1 ? void 0 : d ? b(t, r) : t, s = e.length - 1, c; s >= 0; s--)
11
11
  (c = e[s]) && (o = (d ? c(t, r, o) : c(o)) || o);
@@ -21,6 +21,12 @@ let i = class extends u {
21
21
  this.hovered = !1, clearTimeout(this.hoverTimeout), this.open && !this.forcedOpen && (this.hoverTimeout = setTimeout(() => {
22
22
  this.hovered || this._toggleOpen();
23
23
  }, this.hoverExitDuration));
24
+ }, this.removeInertAttribute = () => {
25
+ var t;
26
+ const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector(
27
+ ".main.mdc-drawer-app-content"
28
+ );
29
+ e && e.removeAttribute("inert");
24
30
  }, this.resizeEvent(), this._resize = this._resize.bind(this), this._stopResize = this._stopResize.bind(this), this._startResizing = this._startResizing.bind(this), this._setupHelpEventListeners(), window.addEventListener("DOMContentLoaded", () => {
25
31
  this.setupHelpPanelListeners();
26
32
  const e = localStorage.getItem("helpWidth");
@@ -92,11 +98,11 @@ let i = class extends u {
92
98
  ), this._toggleOpen(!this.forcedOpen), this.dispatchEvent(new Event("CovalentAppShell:menuClick")), this.hovered = !1;
93
99
  }
94
100
  _handleDrawerClosed() {
95
- this.forcedOpen = !1, this.hovered = !1, this.requestUpdate();
101
+ this.forcedOpen = !1, this.hovered = !1, this.removeInertAttribute(), this.requestUpdate();
96
102
  }
97
103
  resizeEvent() {
98
104
  const e = window.matchMedia("(max-width: 767px)");
99
- e.matches && this.type !== "modal" ? this.type = "modal" : !e.matches && this.type !== "dismissible" && (this.type = "dismissible"), this.requestUpdate();
105
+ e.matches && this.type !== "modal" ? this.type = "modal" : !e.matches && this.type !== "dismissible" && (this.type = "dismissible", this.removeInertAttribute()), this.requestUpdate();
100
106
  }
101
107
  connectedCallback() {
102
108
  super.connectedCallback(), this.addEventListener("MDCDrawer:closed", this._handleDrawerClosed), window.addEventListener("resize", () => this.resizeEvent());
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@covalent/components",
3
- "version": "11.5.2",
3
+ "version": "11.5.4",
4
4
  "description": "a catalog of material components for covalent",
5
5
  "main": "./index.js",
6
6
  "module": "./index.mjs",