@public-ui/components/dist/esm/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 registerInstance,h,H as Host,g as getElement}from"./index-DyUiyxj3.js";import{s as setState}from"./common-BXXICkFX.js";import{v as validateHasCloser}from"./has-closer-OxGfsISj.js";import{v as validateLabel}from"./label-Dkj9sxQK.js";import{t as translate}from"./i18n-CvQhdUrE.js";import{w as watchHeadingLevel}from"./validation-D0gTVdAQ.js";import{d as KolButtonWcTag}from"./component-names-B_kYyA8u.js";import"./Alert-w-XRy_I0.js";import{K as KolHeadingFc}from"./Heading-C1x8c7QT.js";import"./markdown-CaS836ev.js";import{n as nonce}from"./dev.utils-EtfHgKpk.js";import{d as dispatchDomEvent,K as KolEvent}from"./events-DHTi_wtD.js";import"./i18n-B0tfVPMa.js";import"./tslib.es6-CxX45GIN.js";import"./clsx-eK3rPvPS.js";import"./bem-De7JANRY.js";import"./browser-DaourpHc.js";const KolCardWc=class{constructor(e){registerInstance(this,e),this.nonce=nonce(),this.translateClose=translate("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&&dispatchDomEvent(this.host,KolEvent.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 h(Host,{key:"de517413c990072e7e7faca2916c0c5243ad9495"},h("div",{key:"01f98d52d173677f5e314e2dce9425cc19cdaadc","aria-labelledby":this.nonce,class:"kol-card",role:"group"},h(KolHeadingFc,{key:"d2ce693140449135323ff1601af712982aae9325",class:"kol-card__header",id:this.nonce,level:this.state._level},this.state._label),h("div",{key:"155c2d42406dbb9ba02f6a29ec92f10d93b8c38d",class:"kol-card__content"},h("slot",{key:"f3c23f1168273dbfbb515b1d83b7f087d9d019ca"})),this.state._hasCloser&&h(KolButtonWcTag,{key:"f22067f09cde9099c29c8b26b0af1cb3229e0b3d",class:"kol-card__close-button kol-close-button","data-testid":"card-close-button",_hideLabel:!0,_icons:{left:{icon:"kolicon-cross"}},_label:this.translateClose,_on:this.on,_tooltipAlign:"left"})))}validateOn(e){this.validateOnValue(e)&&setState(this,"_on",{onClose:e.onClose})}validateHasCloser(e){validateHasCloser(this,e)}validateLabel(e){validateLabel(this,e,{required:!0})}validateLevel(e){watchHeadingLevel(this,e)}componentWillLoad(){this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on)}get host(){return getElement(this)}static get watchers(){return{_on:["validateOn"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"]}}};export{KolCardWc as kol_card_wc};