@public-ui/components
Version:
Contains all web components that belong to KoliBri - The accessible HTML-Standard.
4 lines • 2.85 kB
JavaScript
/*!
* KoliBri - The accessible HTML-Standard
*/
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-a40019ac.js"),index$1=require("./index-94c17ce6.js"),validation=require("./validation-8f012860.js"),Alert=require("./Alert-22627abf.js"),events=require("./events-df7aa71f.js"),hasCloser=require("./has-closer-b9c139d3.js"),label=require("./label-7b22af75.js");require("./tslib.es6-5e301284.js"),require("./clsx-dd4d6dd1.js"),require("./component-names-82c4d68d.js"),require("./i18n-b01aa5d0.js"),require("./i18n-8c288a27.js"),require("./bem-85316256.js"),require("./browser-4433089a.js"),require("./Heading-90ce384c.js");const alertTypeOptions=["default","info","success","warning","error"],alertVariantOptions=["card","msg"],KolAlertWc=class{constructor(e){index.registerInstance(this,e),this.close=()=>{var e,t;null===(t=null===(e=this._on)||void 0===e?void 0:e.onClose)||void 0===t||t.call(e,new Event("Close")),this.host&&events.dispatchDomEvent(this.host,events.KolEvent.close)},this.handleAlertTimeout=()=>{this.validateAlert(!1)},this.validateOnValue=e=>"object"==typeof e&&null!==e&&"function"==typeof e.onClose,this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=0,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:0}}render(){const{_alert:e,_hasCloser:t,_label:a,_level:i,_type:l,_variant:s}=this.state,r={alert:e,hasCloser:t,label:a,level:i,type:l,variant:s,onCloserClick:this.close,onAlertTimeout:this.handleAlertTimeout};return index.h(Alert.KolAlertFc,Object.assign({key:"9038051f21b86a9c83c8ac5619e723dff5ebcbeb"},r),index.h("slot",{key:"cfd116176ab783db5232d9d5520f8ae890ca44db"}))}validateAlert(e){index$1.watchBoolean(this,"_alert",e)}validateHasCloser(e){hasCloser.validateHasCloser(this,e)}validateLabel(e){label.validateLabel(this,e)}validateLevel(e){validation.watchHeadingLevel(this,e)}validateOn(e){this.validateOnValue(e)&&index$1.setState(this,"_on",{onClose:e.onClose})}validateType(e){index$1.watchValidator(this,"_type",(e=>"string"==typeof e&&alertTypeOptions.includes(e)),new Set(`String {${alertTypeOptions.join(", ")}`),e)}validateVariant(e){index$1.watchValidator(this,"_variant",(e=>"string"==typeof e&&alertVariantOptions.includes(e)),new Set(`AlertVariant {${alertVariantOptions.join(", ")}`),e)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}get host(){return index.getElement(this)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};exports.kol_alert_wc=KolAlertWc;