@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-CElQfBOC.js";import{e,d as o,w as l,l as h,Q as d,R as n,M as r,s as c}from"./common-7RW_NFNf.js";import{v,a as p,b as m,c as u}from"./access-and-short-key-CIkiLGbP.js";import{v as b,a as f,b as _,c as y,d as j}from"./link-variant-CvVVNwJS.js";import{v as k}from"./custom-class-BrihA94O.js";import{v as C}from"./disabled-DOGGfuG4.js";import{v as x}from"./hide-label-B1sxX0if.js";import{v as g}from"./icons-mdo32hNB.js";import{a as B}from"./label-DAfXJvJZ.js";import{v as S}from"./tooltip-align-B_X7PRrT.js";import{d as A,K as w}from"./events-CoPFQEiC.js";import{n as D}from"./dev.utils-9pEPkxnH.js";import{p as V,a as T}from"./controller-CpEalgoI.js";import{A as E}from"./associated.controller-DWb-3J2w.js";import{a as I}from"./component-names-CkE54Ym7.js";import"./Alert-BscBrOtx.js";import{c as K}from"./clsx-eK3rPvPS.js";import{K as L}from"./Span-EvVyGKjN.js";import"./i18n-yBVLeHdv.js";import"./align-DoCRbhrp.js";import"./bootstrap-ChRg7xqg.js";import"./i18n-CjhRejiw.js";import"./Heading-D6_TFw6T.js";import"./bem-CwA0xXwr.js";import"./browser-D7tkBuSS.js";import"./Icon-DGehfe8Q.js";import"./markdown-RQjNjZ_M.js";import"./InternalUnderlinedBadgeText-DnxrXpNU.js";import"./isObject-DvSELytj.js";const N=(t,a)=>{e(t,"_ariaControls",a)},R=(t,a)=>{o(t,"_ariaSelected",a)},O=(t,a)=>{l(t,"_on",(t=>"object"==typeof t&&null!==t),new Set(["ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}"]),a)},P=["button","reset","submit"],G=(t,a)=>{l(t,"_type",(t=>"string"==typeof t&&P.includes(t)),new Set([`KoliBriButtonType {${P.join(", ")}`]),a)},H=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,e;const s=h(this.state._label),o=Boolean(null===(e=null===(a=this.state._ariaDescription)||void 0===a?void 0:a.trim())||void 0===e?void 0:e.length),l=this.state._accessKey||this.state._shortKey,r=!0===this.state._disabled,c=!0===this.state._hideLabel;return t(i,{key:"9202198cc53ca78db26cc6c7ce68da269b521f9c"},t("button",{key:"d43cfd8d95a5d284e8437d0d48287a373e020296",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":c&&"string"==typeof this.state._label?this.state._label:void 0,"aria-selected":d(this.state._ariaSelected),class:K("kol-button",{"kol-button--disabled":r,[`kol-button--${this.state._buttonVariant}`]:"custom"!==this.state._buttonVariant,[`kol-button--${this.state._linkVariant}`]:this.state._linkVariant,"kol-button--hide-label":c,[this.state._customClass]:"custom"===this.state._buttonVariant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0}),disabled:r,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(L,{key:"34fc20ae27c05a8a9246ece6ef92d81a5df9169e",class:"kol-button__text",badgeText:l,icons:this.state._icons,hideLabel:c,label:s?"":this.state._label},t("slot",{key:"3a535d8ff59ea879625e8e9d7a6d05474c7fc5df",name:"expert",slot:"expert"}))),t(I,{key:"45ee6097fd6de389b392233a75fba28d5d0681c9",ref:t=>this.tooltipRef=t,"aria-hidden":"true",hidden:s||!c,class:"kol-button__tooltip",_badgeText:l,_align:this.state._tooltipAlign,_label:"string"==typeof this.state._label?this.state._label:""}),o&&t("span",{key:"c3551ee5bfd50443e9e86f810fd420e2a072f4ce",class:"visually-hidden",id:this.internalDescriptionById},this.state._ariaDescription))}constructor(t){s(this,t),this.internalDescriptionById=D(),this.onClick=t=>{var a,i;"submit"===this.state._type?V({form:this.host}):"reset"===this.state._type?T({form:this.host}):(this.controller.setFormAssociatedValue(this.state._value),"function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a.onClick)&&(r(t,this.buttonRef),null===(i=this.state._on)||void 0===i||i.onClick(t,this.state._value))),this.host&&A(this.host,w.click,this.state._value)},this.onMouseDown=t=>{var a,i,e;null===(e=null===(i=null===(a=this.state)||void 0===a?void 0:a._on)||void 0===i?void 0:i.onMouseDown)||void 0===e||e.call(i,t),this.host&&A(this.host,w.mousedown)},this._disabled=!1,this._hideLabel=!1,this._tooltipAlign="top",this._type="button",this._buttonVariant="normal",this.state={_icons:{},_label:"",_on:{},_type:"button",_buttonVariant:"normal"},this.controller=new E(this,"button",this.host)}validateAccessKey(t){v(this,t),p(t,this._shortKey)}validateAriaControls(t){N(this,t)}validateAriaDescription(t){b(this,t)}validateAriaExpanded(t){f(this,t)}validateAriaSelected(t){R(this,t)}validateCustomClass(t){k(this,t)}validateDisabled(t){C(this,t)}validateHideLabel(t){x(this,t)}validateIcons(t){g(this,t)}validateId(t){e(this,"_id",t)}validateLabel(t){B(this,t,{required:!0})}validateLinkVariant(t){_(this,t)}validateName(t){this.controller.validateName(t)}validateOn(t){O(this,t)}validateRole(t){y(this,t)}validateShortKey(t){m(this,t),p(this._accessKey,t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){u(this,t)}validateTooltipAlign(t){S(this,t)}validateType(t){G(this,t)}validateValue(t){c(this,"_value",t),this.controller.setFormAssociatedValue(this.state._value)}validateButtonVariant(t){j(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),p(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{H as kol_button_wc};