"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./query-assigned-elements-8EurZY45.js"),u=require("./class-map-DTzB8z-1.js"),d=require("./property-DYTC_2-m.js");var l=Object.defineProperty,h=(e,a,c,n)=>{for(var t=void 0,s=e.length-1,r;s>=0;s--)(r=e[s])&&(t=r(a,c,t)||t);return t&&l(a,c,t),t};class i extends o.s{constructor(){super(...arguments),this.state="neutral",this.statusText="",this.statusHelper="",this.titleText=""}render(){const a={active:this.state==="active",caution:this.state==="caution",error:this.state==="error",positive:this.state==="positive"};return o.x`
      <div class="status-header ${u.o(a)}">
        <div class="status-header-title">
          <div class="status-header-title-text">${this.titleText}</div>
          <slot name="status-header-actions"></slot>
        </div>
        <div class="status-header-status">
          <div class="status-header-icon">
            <slot name="status-header-icon"></slot>
          </div>
          <div class="status-header-text-block">
            <div class="status-header-text">${this.statusText}</div>
            <div class="status-header-helper">${this.statusHelper}</div>
          </div>
          <div class="status-header-slot">
            <slot name="status-header-text"></slot>
          </div>
        </div>
        <slot></slot>
      </div>
    `}}h([d.n()],i.prototype,"state");h([d.n({type:String})],i.prototype,"statusText");h([d.n({type:String})],i.prototype,"statusHelper");h([d.n({type:String})],i.prototype,"titleText");const v=".status-header{--cv-status-header-background: transparent;--cv-status-header-icon-background: var( --mdc-theme-surface-neutral-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-text-icon-on-background);--cv-status-header-status-color: var(--mdc-theme-on-surface);background-color:var(--cv-status-header-background)}.status-header .status-header-content{max-width:inherit;flex-direction:column}.status-header .status-header-icon{background-color:var(--cv-status-header-icon-background);color:var(--cv-status-header-icon-color)}.status-header .status-header-text{--mdc-theme-primary: var(--mdc-theme-surface-neutral-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-text-icon-on-background);color:var(--cv-status-header-status-color)}.status-header .status-header-helper{color:var(--mdc-theme-text-secondary-on-background)}.status-header .status-header-title-text{color:var(--mdc-theme-on-surface)}.status-header.active{--cv-status-header-background: var( --mdc-theme-surface-secondary-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-secondary-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-secondary);--cv-status-header-status-color: var(--mdc-theme-secondary)}.status-header.caution{--cv-status-header-background: var(--mdc-theme-surface-caution-highlight);--cv-status-header-icon-background: var( --mdc-theme-surface-caution-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-caution);--cv-status-header-status-color: var(--mdc-theme-caution)}.status-header.error{--cv-status-header-background: var( --mdc-theme-surface-negative-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-negative-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-negative);--cv-status-header-status-color: var(--mdc-theme-negative)}.status-header.positive{--cv-status-header-background: var( --mdc-theme-surface-positive-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-positive-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-positive);--cv-status-header-status-color: var(--mdc-theme-positive)}.status-header-title{padding:0 0 16px 16px;height:fit-content;display:flex;justify-content:space-between;align-items:center}.status-header-title-text{font-family:var(--mdc-typography-headline6-font-family);font-size:var(--mdc-typography-headline6-font-size);font-weight:var(--mdc-typography-headline6-font-weight);line-height:var(--mdc-typography-headline6-line-height)}.status-header-text{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)}.status-header-icon{--mdc-icon-size: 36px;border-radius:50%;min-width:72px;height:72px;display:flex;justify-content:center;align-items:center}.status-header-status{padding-left:32px;padding-bottom:16px;display:flex;flex-direction:row;align-items:center}.status-header-text-block{display:flex;flex-direction:column;margin-left:12px;margin-right:56px}.status-header-text-block .status-header-helper{font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height)}";var m=Object.getOwnPropertyDescriptor,g=(e,a,c,n)=>{for(var t=n>1?void 0:n?m(a,c):a,s=e.length-1,r;s>=0;s--)(r=e[s])&&(t=r(t)||t);return t};exports.CovalentStatusHeader=class extends i{};exports.CovalentStatusHeader.styles=[o.i`
      ${o.r(v)}
    `];exports.CovalentStatusHeader=g([o.e("cv-status-header")],exports.CovalentStatusHeader);const p=exports.CovalentStatusHeader;exports.default=p;
