@public-ui/components 1.4.2 → 1.5.0-rc.0

package/dist/cjs/kol-heading-wc_2.cjs.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-29c5d3c6.js"),validation=require("./validation-a59108e9.js"),prop_validators=require("./prop.validators-7154e3f9.js");require("./index-cc5674d0.js"),require("./a11y.tipps-4af0092d.js"),require("./dev.utils-7123fb34.js"),require("./reuse-bbd0b4e7.js");const KolHeadingWc=class{constructor(i){index.registerInstance(this,i),this.renderHeadline=(i,e)=>{switch(e){case 1:return index.h("h1",{class:"headline"},i,index.h("slot",null));case 2:return index.h("h2",{class:"headline"},i,index.h("slot",null));case 3:return index.h("h3",{class:"headline"},i,index.h("slot",null));case 4:return index.h("h4",{class:"headline"},i,index.h("slot",null));case 5:return index.h("h5",{class:"headline"},i,index.h("slot",null));case 6:return index.h("h6",{class:"headline"},i,index.h("slot",null));default:return index.h("strong",{class:"headline"},i,index.h("slot",null))}},this._level=1,this._label=void 0,this._overline="",this.state={_label:""}}validateLabel(i){prop_validators.watchString(this,"_label",i)}validateLevel(i){validation.watchHeadingLevel(this,i)}validateOverline(i){prop_validators.watchString(this,"_overline",i)}componentWillLoad(){this.validateLabel(this._label),this.validateLevel(this._level),this.validateOverline(this._overline)}render(){return index.h(index.Host,null,this.renderHeadline(this.state._label,this.state._level),this.state._overline&&index.h("span",{class:"overline"},this.state._overline))}static get watchers(){return{_label:["validateLabel"],_level:["validateLevel"],_overline:["validateOverline"]}}},KolInput=class{constructor(i){index.registerInstance(this,i),this._alert=!0,this._disabled=!1,this._error="",this._hideLabel=!1,this._hint="",this._icon=void 0,this._id=void 0,this._list=void 0,this._readOnly=!1,this._renderNoLabel=!1,this._required=!1,this._smartButton=void 0,this._touched=!1}render(){var i,e,t,s;const l="string"==typeof this._error&&this._error.length>0&&!0===this._touched,n="string"==typeof this._hint&&this._hint.length>0,a=!0===this._hideLabel&&!0!==this._required;return index.h(index.Host,{class:{disabled:!0===this._disabled,error:!0===l,"read-only":!0===this._readOnly,required:!0===this._required,touched:!0===this._touched}},!1===this._renderNoLabel&&index.h("label",{id:`${this._id}-label`,hidden:a,htmlFor:this._id},index.h("span",null,index.h("slot",{name:"label"}))),n&&index.h("span",{class:"hint",id:`${this._id}-hint`},this._hint),index.h("div",{class:{input:!0,"icon-left":"object"==typeof(null===(i=this._icon)||void 0===i?void 0:i.left),"icon-right":"object"==typeof(null===(e=this._icon)||void 0===e?void 0:e.right)}},index.h("div",{class:"icons"},(null===(t=this._icon)||void 0===t?void 0:t.left)?index.h("kol-icon",{_ariaLabel:"",_icon:this._icon.left.icon}):index.h("i",null),(null===(s=this._icon)||void 0===s?void 0:s.right)?index.h("kol-icon",{_ariaLabel:"",_icon:this._icon.right.icon}):index.h("i",null)),index.h("slot",{name:"input"}),"object"==typeof this._smartButton&&null!==this._smartButton&&index.h("kol-button-wc",{_ariaLabel:this._smartButton._ariaLabel,_customClass:this._smartButton._customClass,_disabled:this._smartButton._disabled,_icon:this._smartButton._icon,_iconOnly:!0,_id:this._smartButton._id,_label:this._smartButton._label,_on:this._smartButton._on,_tooltipAlign:this._smartButton._tooltipAlign,_variant:this._smartButton._variant})),l&&index.h("kol-alert",{class:"error",id:`${this._id}-error`,_alert:this._alert,_type:"error",_variant:"msg"},this._error),Array.isArray(this._list)&&this._list.length>0&&index.h("datalist",{id:`${this._id}-list`},this._list.map((i=>index.h("option",{value:i})))))}};exports.kol_heading_wc=KolHeadingWc,exports.kol_input=KolInput;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-29c5d3c6.js"),validation=require("./validation-1d6b9712.js"),prop_validators=require("./prop.validators-ffb87630.js");require("./index-e9fcaeca.js"),require("./a11y.tipps-4af0092d.js"),require("./dev.utils-7123fb34.js"),require("./reuse-bbd0b4e7.js");const KolHeadingWc=class{constructor(i){index.registerInstance(this,i),this.renderHeadline=(i,e)=>{switch(e){case 1:return index.h("h1",{class:"headline"},i,index.h("slot",null));case 2:return index.h("h2",{class:"headline"},i,index.h("slot",null));case 3:return index.h("h3",{class:"headline"},i,index.h("slot",null));case 4:return index.h("h4",{class:"headline"},i,index.h("slot",null));case 5:return index.h("h5",{class:"headline"},i,index.h("slot",null));case 6:return index.h("h6",{class:"headline"},i,index.h("slot",null));default:return index.h("strong",{class:"headline"},i,index.h("slot",null))}},this._level=1,this._label=void 0,this._overline="",this.state={_label:""}}validateLabel(i){prop_validators.watchString(this,"_label",i)}validateLevel(i){validation.watchHeadingLevel(this,i)}validateOverline(i){prop_validators.watchString(this,"_overline",i)}componentWillLoad(){this.validateLabel(this._label),this.validateLevel(this._level),this.validateOverline(this._overline)}render(){return index.h(index.Host,null,this.renderHeadline(this.state._label,this.state._level),this.state._overline&&index.h("span",{class:"overline"},this.state._overline))}static get watchers(){return{_label:["validateLabel"],_level:["validateLevel"],_overline:["validateOverline"]}}},KolInput=class{constructor(i){index.registerInstance(this,i),this._alert=!0,this._disabled=!1,this._error="",this._hideLabel=!1,this._hint="",this._icon=void 0,this._id=void 0,this._list=void 0,this._readOnly=!1,this._renderNoLabel=!1,this._required=!1,this._smartButton=void 0,this._touched=!1}render(){var i,e,t,s;const l="string"==typeof this._error&&this._error.length>0&&!0===this._touched,n="string"==typeof this._hint&&this._hint.length>0,a=!0===this._hideLabel&&!0!==this._required;return index.h(index.Host,{class:{disabled:!0===this._disabled,error:!0===l,"read-only":!0===this._readOnly,required:!0===this._required,touched:!0===this._touched}},!1===this._renderNoLabel&&index.h("label",{id:`${this._id}-label`,hidden:a,htmlFor:this._id},index.h("span",null,index.h("slot",{name:"label"}))),n&&index.h("span",{class:"hint",id:`${this._id}-hint`},this._hint),index.h("div",{class:{input:!0,"icon-left":"object"==typeof(null===(i=this._icon)||void 0===i?void 0:i.left),"icon-right":"object"==typeof(null===(e=this._icon)||void 0===e?void 0:e.right)}},index.h("div",{class:"icons"},(null===(t=this._icon)||void 0===t?void 0:t.left)?index.h("kol-icon",{_ariaLabel:"",_icon:this._icon.left.icon}):index.h("i",null),(null===(s=this._icon)||void 0===s?void 0:s.right)?index.h("kol-icon",{_ariaLabel:"",_icon:this._icon.right.icon}):index.h("i",null)),index.h("slot",{name:"input"}),"object"==typeof this._smartButton&&null!==this._smartButton&&index.h("kol-button-wc",{_ariaLabel:this._smartButton._ariaLabel,_customClass:this._smartButton._customClass,_disabled:this._smartButton._disabled,_icon:this._smartButton._icon,_iconOnly:!0,_id:this._smartButton._id,_label:this._smartButton._label,_on:this._smartButton._on,_tooltipAlign:this._smartButton._tooltipAlign,_variant:this._smartButton._variant})),l&&index.h("kol-alert",{class:"error",id:`${this._id}-error`,_alert:this._alert,_type:"error",_variant:"msg"},this._error),Array.isArray(this._list)&&this._list.length>0&&index.h("datalist",{id:`${this._id}-list`},this._list.map((i=>index.h("option",{value:i})))))}};exports.kol_heading_wc=KolHeadingWc,exports.kol_input=KolInput;