import{__decorate as e}from"../../_virtual/_tslib.js";import'./../../external/@lit/reactive-element/reactive-element.js';import{html as t}from'./../../external/lit-html/lit-html.js';import{LitElement as r}from'./../../external/lit-element/lit-element.js';import{customElement as o}from'./../../external/@lit/reactive-element/decorators/custom-element.js';import{property as s}from'./../../external/@lit/reactive-element/decorators/property.js';import'./../../external/@lit/reactive-element/decorators/query-assigned-elements.js';import{classMap as i}from'./../../external/lit-html/directives/class-map.js';import l from"./card.scss.js";let a=class extends r{constructor(){super(...arguments),this.type="normal",this.href="",this.rel="",this.target="_self",this.hideBorder=!1}render(){const e={"card-wrapper-clickable":!0,"card-border":!1===this.hideBorder};return t`${"clickable"===this.type?t`<a
          part="card-wrapper"
          class="${i(e)}"
          href=${this.href}
          target=${this.target}
          rel=${this.rel}
          @click=${e=>this.handleClick(e)}
        >
          <slot></slot>
        </a>`:t`<div part="card-wrapper" class="card-wrapper">
          <slot></slot>
        </div>`} `}handleClick(e){const t=new CustomEvent("on-card-click",{detail:{origEvent:e}});this.dispatchEvent(t)}};a.styles=l,e([s({type:String})],a.prototype,"type",void 0),e([s({type:String})],a.prototype,"href",void 0),e([s({type:String})],a.prototype,"rel",void 0),e([s({type:String})],a.prototype,"target",void 0),e([s({type:Boolean})],a.prototype,"hideBorder",void 0),a=e([o("kd-card")],a);export{a as Card};
//# sourceMappingURL=card.js.map
