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

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

/*!
 * KoliBri - The accessible HTML-Standard
 */
import{h as t,H as i,r as s,g as a}from"./index-1ed13705.js";import{B as e,i as o,w as d,O as n,P as h,I as l,l as r,m as c}from"./index-ebe5a881.js";import{d as f,K as v}from"./events-bad0a075.js";import{n as u}from"./dev.utils-cb61837d.js";import{p as b,a as p}from"./controller-91a4c3ba.js";import{A as m}from"./associated.controller-92af2554.js";import{a as _}from"./component-names-7924d82a.js";import{v as y,a as j,b as k,c as x}from"./access-and-short-key-f743a5c4.js";import{c as g}from"./clsx-09a06a12.js";import"./i18n-260f0fe9.js";import"./bem-e4c3a2e6.js";import{K as A}from"./Span-d15a3ea1.js";import{v as S,a as C,b as T,c as V,d as B}from"./link-variant-47605ebe.js";import{v as I}from"./custom-class-d73b81b1.js";import{v as w}from"./disabled-e1038f54.js";import{v as K}from"./hide-label-8b3a8709.js";import{v as L}from"./icons-a9c52ed8.js";import{a as D}from"./label-bf9966d0.js";import{v as E}from"./tooltip-align-465a8590.js";import"./bootstrap-93c7a706.js";import"./i18n-45224cc3.js";import"./browser-f629a56a.js";import"./tslib.es6-1173d062.js";import"./Icon-446dff9e.js";import"./markdown-f827f2ac.js";import"./InternalUnderlinedBadgeText-781ef373.js";import"./isArray-7a60fa7f.js";import"./isObject-ffcbbb76.js";import"./align-d2572387.js";const O=(t,a)=>{e(t,"_ariaControls",a)},H=(t,a)=>{o(t,"_ariaSelected",a)},$=(t,a)=>{d(t,"_on",(t=>"object"==typeof t&&null!==t),new Set(["ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}"]),a)},M=["button","reset","submit"],N=(t,a)=>{d(t,"_type",(t=>"string"==typeof t&&M.includes(t)),new Set([`KoliBriButtonType {${M.join(", ")}`]),a)},P=class{async kolFocus(){var t;null===(t=this.buttonRef)||void 0===t||t.focus()}async hideTooltip(){var t;null===(t=this.tooltipRef)||void 0===t||t.hideTooltip()}render(){var a,s;const e=c(this.state._label),o=Boolean(null===(s=null===(a=this.state._ariaDescription)||void 0===a?void 0:a.trim())||void 0===s?void 0:s.length),l=this.state._accessKey||this.state._shortKey;return t(i,{key:"71641733bd8ba48dfd72bac7a0a07c273db013bc"},t("button",{key:"7407fd5674005c5550e8654b1a6f7a43796f1859",ref:t=>this.buttonRef=t,accessKey:this.state._accessKey||void 0,"aria-controls":this.state._ariaControls,"aria-describedby":o?this.internalDescriptionById:void 0,"aria-expanded":n(this.state._ariaExpanded),"aria-haspopup":this._ariaHasPopup,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,"aria-selected":h(this.state._ariaSelected),class:g("kol-button",{"kol-button--disabled":!0===this.state._disabled,[`kol-button--${this.state._buttonVariant}`]:"custom"!==this.state._buttonVariant,[`kol-button--${this.state._linkVariant}`]:this.state._linkVariant,"kol-button--hide-label":!0===this.state._hideLabel,[this.state._customClass]:"custom"===this.state._buttonVariant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0}),disabled:this.state._disabled,id:this.state._id,name:this.state._name,onClick:this.onClick,onMouseDown:this.onMouseDown,role:this.state._role,tabIndex:this.state._tabIndex,type:this.state._type},t(A,{key:"24ed20138e32faf6dec0d14af16d5d59f614ca39",class:"kol-button__text",badgeText:l,icons:this.state._icons,hideLabel:this.state._hideLabel,label:e?"":this.state._label},t("slot",{key:"a226a7be8ef75dab02e8e111689df45b99cdbf38",name:"expert",slot:"expert"}))),t(_,{key:"4db92711d4a22180be5396921ef8773ed719f7e3",ref:t=>this.tooltipRef=t,"aria-hidden":"true",hidden:e||!this.state._hideLabel,class:"kol-button__tooltip",_badgeText:l,_align:this.state._tooltipAlign,_label:"string"==typeof this.state._label?this.state._label:""}),o&&t("span",{key:"f242311185e07dda62b486e4fff26dd7a5807a97",class:"visually-hidden",id:this.internalDescriptionById},this.state._ariaDescription))}constructor(t){s(this,t),this.internalDescriptionById=u(),this.onClick=t=>{var a,i;"submit"===this.state._type?b({form:this.host,ref:this.buttonRef}):"reset"===this.state._type?p({form:this.host,ref:this.buttonRef}):(this.controller.setFormAssociatedValue(this.state._value),"function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a.onClick)&&(l(t,this.buttonRef),null===(i=this.state._on)||void 0===i||i.onClick(t,this.state._value))),this.host&&f(this.host,v.click,this.state._value)},this.onMouseDown=t=>{var a,i,s;null===(s=null===(i=null===(a=this.state)||void 0===a?void 0:a._on)||void 0===i?void 0:i.onMouseDown)||void 0===s||s.call(i,t),this.host&&f(this.host,v.mousedown)},this._accessKey=void 0,this._ariaControls=void 0,this._ariaDescription=void 0,this._ariaExpanded=void 0,this._ariaHasPopup=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icons=void 0,this._id=void 0,this._label=void 0,this._linkVariant=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._shortKey=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._buttonVariant="normal",this.state={_icons:{},_label:"",_on:{},_type:"button",_buttonVariant:"normal"},this.controller=new m(this,"button",this.host)}validateAccessKey(t){y(this,t),j(t,this._shortKey)}validateAriaControls(t){O(this,t)}validateAriaDescription(t){S(this,t)}validateAriaExpanded(t){C(this,t)}validateAriaSelected(t){H(this,t)}validateCustomClass(t){I(this,t)}validateDisabled(t){w(this,t)}validateHideLabel(t){K(this,t)}validateIcons(t){L(this,t)}validateId(t){e(this,"_id",t)}validateLabel(t){D(this,t,{required:!0})}validateLinkVariant(t){T(this,t)}validateName(t){this.controller.validateName(t)}validateOn(t){$(this,t)}validateRole(t){V(this,t)}validateShortKey(t){k(this,t),j(this._accessKey,t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){x(this,t)}validateTooltipAlign(t){E(this,t)}validateType(t){N(this,t)}validateValue(t){r(this,"_value",t),this.controller.setFormAssociatedValue(this.state._value)}validateButtonVariant(t){B(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaControls(this._ariaControls),this.validateAriaDescription(this._ariaDescription),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaSelected(this._ariaSelected),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateHideLabel(this._hideLabel),this.validateIcons(this._icons),this.validateId(this._id),this.validateLabel(this._label),this.validateLinkVariant(this._linkVariant),this.validateName(this._name),this.validateOn(this._on),this.validateRole(this._role),this.validateShortKey(this._shortKey),this.validateSyncValueBySelector(this._syncValueBySelector),this.validateTabIndex(this._tabIndex),this.validateTooltipAlign(this._tooltipAlign),this.validateType(this._type),this.validateValue(this._value),this.validateButtonVariant(this._buttonVariant),j(this._accessKey,this._shortKey)}get host(){return a(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaControls:["validateAriaControls"],_ariaDescription:["validateAriaDescription"],_ariaExpanded:["validateAriaExpanded"],_ariaSelected:["validateAriaSelected"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_hideLabel:["validateHideLabel"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_linkVariant:["validateLinkVariant"],_name:["validateName"],_on:["validateOn"],_role:["validateRole"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_tooltipAlign:["validateTooltipAlign"],_type:["validateType"],_value:["validateValue"],_buttonVariant:["validateButtonVariant"]}}};export{P as kol_button_wc};