export const __webpack_esm_id__=7901;export const __webpack_esm_ids__=[7901];export const __webpack_esm_modules__={7901(t,e,i){i.d(e,{E:()=>o});var o,r=i(9609),s=i(4084),p=i(2927),d=i(8899),l=i(4955),h=i(3517),a=i(4958),n=i(3543),c=function(t,e,i,o){var r,s=arguments.length,p=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(t,e,i,o);else for(var d=t.length-1;d>=0;d--)(r=t[d])&&(p=(s<3?r(p):s>3?r(e,i,p):r(e,i))||p);return s>3&&p&&Object.defineProperty(e,i,p),p};!function(t){let e=class extends p.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.color="",this.bgColor="",this.textColor="",this.height="",this.width="",this.outlined=!1,this.compact=!1,this.circle=!1,this.circleSize=a.zj[40],this.small=!1,this.split=!1,this.disabled=!1,this.tabIndexing="",this.ariaHiddenSplits="",this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:p.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:p.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:p.nothing,this.renderWidth=()=>this.width?`width: ${this.width};`:p.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height||this.width?p.html`
          <style>
            :host .md-badge {
              ${this.renderBgColor()};
              ${this.renderTextColor()};
              ${this.renderHeight()};
              ${this.renderWidth()};
            }
          </style>
        `:p.nothing}static get styles(){return[s.A,n.A]}get computedAriaHiddenSplits(){return"true"===this.ariaHiddenSplits||"false"!==this.ariaHiddenSplits&&void 0}get computedTabIndex(){const t=parseInt(this.tabIndexing);return isNaN(t)?void 0:t}render(){const t={"md-badge--circle":this.circle,[`md-badge--circle-${this.circleSize}`]:this.circle,"md-badge--split":this.split,"md-badge--compact":this.compact,"md-badge--small":this.small||24===this.size,[`md-badge--size-${this.size}`]:!!this.size&&24!==this.size,"md-badge--outline":this.outlined,"md-badge--disabled":this.disabled,[`md-badge--${this.color}`]:!this.disabled&&this.color};return p.html`
        ${this.getStyles()}
        <span
          tabindex=${(0,h.ifDefined)(this.computedTabIndex)}
          part="badge"
          class="md-badge ${(0,l.classMap)(t)}"
          aria-label=${this.ariaLabel}
        >
          ${this.split?(()=>p.html`
          <slot
            aria-hidden=${(0,h.ifDefined)(this.computedAriaHiddenSplits)}
            name="split-left"
            class="split split-left"
          ></slot>
          <span aria-hidden="true" class="split-separator"> | </span>
          <slot
            aria-hidden=${(0,h.ifDefined)(this.computedAriaHiddenSplits)}
            name="split-right"
            class="split split-right"
          ></slot>
        `)():p.nothing}
          <slot></slot>
        </span>
      `}};c([(0,d.property)({type:String})],e.prototype,"ariaLabel",void 0),c([(0,d.property)({type:String})],e.prototype,"color",void 0),c([(0,d.property)({type:String})],e.prototype,"bgColor",void 0),c([(0,d.property)({type:String})],e.prototype,"textColor",void 0),c([(0,d.property)({type:String})],e.prototype,"height",void 0),c([(0,d.property)({type:String})],e.prototype,"width",void 0),c([(0,d.property)({type:Boolean})],e.prototype,"outlined",void 0),c([(0,d.property)({type:Boolean})],e.prototype,"compact",void 0),c([(0,d.property)({type:Boolean})],e.prototype,"circle",void 0),c([(0,d.property)({type:Number,attribute:"circle-size"})],e.prototype,"circleSize",void 0),c([(0,d.property)({type:Number})],e.prototype,"size",void 0),c([(0,d.property)({type:Boolean})],e.prototype,"small",void 0),c([(0,d.property)({type:Boolean})],e.prototype,"split",void 0),c([(0,d.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,d.property)({type:String})],e.prototype,"tabIndexing",void 0),c([(0,d.property)({type:String})],e.prototype,"ariaHiddenSplits",void 0),e=c([(0,r.w)("md-badge")],e),t.ELEMENT=e}(o||(o={}))}};