import{__decorate as e}from"tslib";import{html as r}from"lit";import{property as s,customElement as t}from"lit/decorators.js";import{s as o}from"./nile-card.css.esm.js";import{classMap as a}from"lit/directives/class-map.js";import{H as i}from"../internal/slot.esm.js";import{N as l}from"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let d=class extends l{constructor(){super(...arguments),this.hasSlotController=new i(this,"footer"),this.active=!1,this.disabled=!1}render(){return r`
      <div
        part="base"
        class=${a({card:!0,"card--has-footer":this.hasSlotController.test("footer"),"card--active":this.active,"card--disabled":this.disabled})}
      >
        <div class="body__wrapper" part="body__wrapper"
        class=${a({body__wrapper:!0,body__wrapper_nf:!this.hasSlotController.test("footer")})}
        >
          <slot name="header" part="header" class="card__header"></slot>
          <slot part="body" class="card__body"></slot>
        </div>

        <slot
          name="footer"
          part="footer"
          ?hidden="${!this.hasSlotController.test("footer")}"
          class="card__footer"
        ></slot>
      </div>
    `}};d.styles=o,e([s({type:Boolean,reflect:!0})],d.prototype,"active",void 0),e([s({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),d=e([t("nile-card")],d);export{d as N};
