@public-ui/components/dist/kolibri/kol-card-wc.entry.js

Contains all web components that belong to KoliBri - The accessible HTML-Standard.

/*!
 * KoliBri - The accessible HTML-Standard
 */
import{r as e,h as s,g as t}from"./index-CElQfBOC.js";import{s as i}from"./common-7RW_NFNf.js";import{v as a}from"./has-closer-DbTKc11W.js";import{v as o}from"./label-DAfXJvJZ.js";import{t as l}from"./i18n-yBVLeHdv.js";import{w as r}from"./validation-CcPLmr0Q.js";import{d}from"./component-names-CkE54Ym7.js";import"./Alert-BscBrOtx.js";import{K as c}from"./Heading-D6_TFw6T.js";import"./markdown-RQjNjZ_M.js";import{d as n,K as h}from"./events-CoPFQEiC.js";import"./i18n-CjhRejiw.js";import"./clsx-eK3rPvPS.js";import"./bem-CwA0xXwr.js";import"./browser-D7tkBuSS.js";const b=class{constructor(s){e(this,s),this.translateClose=l("kol-close"),this.close=()=>{var e;void 0!==(null===(e=this._on)||void 0===e?void 0:e.onClose)&&this._on.onClose(new Event("Close")),this.host&&n(this.host,h.close)},this.on={onClick:this.close},this._hasCloser=!1,this._level=0,this.state={_label:""},this.validateOnValue=e=>"object"==typeof e&&null!==e&&"function"==typeof e.onClose}render(){return s("div",{key:"d3704e77d9669b069df1ecf73725ece90e9de8f1",class:"kol-card"},s("div",{key:"eabe2930a9b33cdaee5270fdd7a542431e9a0b3c",class:"kol-card__header"},s(c,{key:"7004bc9d9306980fba8d9a3ebea14b6c32eee46f",class:"kol-card__headline",level:this.state._level},this.state._label)),s("div",{key:"84065dbe8981424e4db6b845364deb91bca65caa",class:"kol-card__content"},s("slot",{key:"46f87512eebe5da295258cb38613b35755c77be1"})),this.state._hasCloser&&s(d,{key:"ee0d7d387808b2bd4a462368dadbbbb3ec58771e",class:"kol-card__close-button","data-testid":"card-close-button",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:this.translateClose,_on:this.on,_tooltipAlign:"left"}))}validateOn(e){this.validateOnValue(e)&&i(this,"_on",{onClose:e.onClose})}validateHasCloser(e){a(this,e)}validateLabel(e){o(this,e,{required:!0})}validateLevel(e){r(this,e)}componentWillLoad(){this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on)}get host(){return t(this)}static get watchers(){return{_on:["validateOn"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"]}}};export{b as kol_card_wc};