@public-ui/components
Version:
Contains all web components that belong to KoliBri - The accessible HTML-Standard.
5 lines • 2.62 kB
JavaScript
/*!
* KoliBri - The accessible HTML-Standard
*/
import{r as s,h as t,H as e,g as i}from"./index-BQlHOxik.js";import{s as o}from"./common-Cx_AGO_M.js";import{v as a}from"./has-closer-B8w7bVjx.js";import{v as l}from"./label-Fyi30H9j.js";import{t as r}from"./i18n-Br16IAnY.js";import{w as c}from"./validation-D6nATCh8.js";import{b as d}from"./component-names-Dy77vq43.js";import"./Alert-BP_7bRZF.js";import{c as n}from"./dev.utils-02Sl9bQo.js";import{K as h}from"./Heading-q2Ue3Ixd.js";import"./variant-quote-y0Z1TRdz.js";import"./component-DvjvBJeK.js";import{d as m,K as b}from"./events-VVvk1win.js";import"./i18n-B2d_exHc.js";import"./level-1jyaYIAE.js";import"./normalizers-m3s9sgmq.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";import"./tslib.es6-QNbPBOk5.js";import"./clsx-COFh-Vc8.js";import"./bem-registry-CWvl2xho.js";import"./component-DzaT2WlJ.js";const f=class{constructor(t){s(this,t);this.translateClose=r("kol-close");this.close=()=>{var s;if(((s=this._on)===null||s===void 0?void 0:s.onClose)!==undefined){this._on.onClose(new Event("Close"))}if(this.host){m(this.host,b.close)}};this.on={onClick:this.close};this._hasCloser=false;this._headingId=n("card-heading");this._level=0;this.state={_label:""};this.validateOnValue=s=>typeof s==="object"&&s!==null&&typeof s.onClose==="function"}render(){return t(e,{key:"909cc395209bdb2eba2f674f5fe9f4b8750fccef"},t("article",{key:"8bbd3d853a4ea8bc6f83dedf245414e8d9421461","aria-labelledby":this._headingId,class:"kol-card"},t(h,{key:"2609f6812d8d909de20b00162cb119b32c0d7f23",class:"kol-card__header",id:this._headingId,level:this.state._level},this.state._label),t("div",{key:"a953cb61794cf76980111256849685184cc5dcf9",class:"kol-card__content"},t("slot",{key:"31d86a46cb4e9d9cee62692aeea43f08db236ccb"})),this.state._hasCloser&&t(d,{key:"763993312892b16856634e6d0d10de5cb1454629",class:"kol-card__close-button kol-close-button","data-testid":"card-close-button",_hideLabel:true,_icons:{left:{icon:"kolicon-cross"}},_label:this.translateClose,_on:this.on,_tooltipAlign:"left"})))}validateHasCloser(s){a(this,s)}validateLabel(s){l(this,s,{required:true})}validateLevel(s){c(this,s)}validateOn(s){if(this.validateOnValue(s)){o(this,"_on",{onClose:s.onClose})}}componentWillLoad(){this.validateHasCloser(this._hasCloser);this.validateLabel(this._label);this.validateLevel(this._level);this.validateOn(this._on)}get host(){return i(this)}static get watchers(){return{_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"]}}};export{f as kol_card_wc};
//# sourceMappingURL=kol-card-wc.entry.js.map