@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-BQlHOxik.js";import{_ as e}from"./tslib.es6-QNbPBOk5.js";import{e as o,b as l,R as n,S as h,M as r,g as d,s as c}from"./common-Cx_AGO_M.js";import{S as v,s as m}from"./component-DvjvBJeK.js";import{v as p,a as u,b,c as f}from"./access-and-short-key-D734WtlX.js";import{v as y,a as _,b as j,c as k}from"./aria-expanded-hGdEA1jy.js";import{v as g}from"./custom-class-DlT-QmWF.js";import{v as x}from"./disabled-gyBUQRnY.js";import{v as C}from"./hide-label-6Bx1MH20.js";import{v as B}from"./icons-oAzMYWgV.js";import{v as D}from"./inline-DnwpECF8.js";import{a as A}from"./label-Fyi30H9j.js";import{v as S}from"./tooltip-align-mwhvx9nK.js";import{v as T}from"./variant-class-name-BCcQYpIV.js";import{B as K}from"./variant-quote-y0Z1TRdz.js";import{T as R}from"./component-Dh0cPCxF.js";import{T as w}from"./controller-Bdve6A-Q.js";import{c as V}from"./clsx-COFh-Vc8.js";import{b as I,e as E,c as F}from"./element-interaction-Bv-mPSBn.js";import{d as M,K as H}from"./events-VVvk1win.js";import{p as L,a as P}from"./controller-DRE7PRMK.js";import{A as W}from"./associated.controller-Bagx9pCw.js";import"./bem-registry-CWvl2xho.js";import"./component-DzaT2WlJ.js";import"./isArray-CcrBs4JM.js";import"./align-DxZmRFcp.js";import"./normalizers-m3s9sgmq.js";import"./_Uint8Array-kJHDjtoP.js";import"./align-floating-elements-D5XJiLiU.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./label-KTv-zMW0.js";import"./base-controller-CXhqh4cR.js";import"./element-focus-CRwW4N4R.js";import"./component-names-Dy77vq43.js";import"./bootstrap-DPKvOz00.js";import"./i18n-B2d_exHc.js";const O=(t,i)=>{o(t,"_ariaSelected",i)};const z=(t,i)=>{l(t,`_on`,(t=>typeof t==="object"&&t!==null),new Set(["ButtonCallbacksPropType {Events.onClick, Events.onMouseDown, Events.onFocus, Events.onBlur}"]),i)};const Q=["button","reset","submit"];const q=(t,i)=>{l(t,`_type`,(t=>typeof t==="string"&&Q.includes(t)),new Set([`KoliBriButtonType {${Q.join(", ")}`]),i)};const J=class{async focus(){}async click(){}render(){var s;const a=m(this.state._label);const e=(s=this.state._ariaDescription)===null||s===void 0?void 0:s.trim();const o=this.state._accessKey||this.state._shortKey;const l=this.state._disabled===true;const r=this.state._hideLabel===true;return t(i,{key:"16666b7bbc5590d87a4278b11b42eed9305905d7"},t("button",{key:"cbe00d5dd3039399bca51581b4610a7628829f62",ref:this.ctaRef,accessKey:this.state._accessKey,"aria-controls":this.state._ariaControls,"aria-description":e||undefined,"aria-expanded":h(this.state._ariaExpanded),"aria-haspopup":this._ariaHasPopup,"aria-keyshortcuts":this.state._shortKey,"aria-label":r&&typeof this.state._label==="string"&&this.state._label.length>0?this.state._label:undefined,"aria-selected":n(this.state._ariaSelected),class:V("kol-button",{"kol-button--disabled":l,[`kol-button--${this.state._variant}`]:this.state._variant!=="custom","kol-button--inline":this.state._inline===true,"kol-button--standalone":this.state._inline===false,"kol-button--hide-label":r,[this.state._customClass]:typeof this.state._customClass==="string"&&this.state._customClass.length>0}),disabled:l,id:this.state._id,name:this.state._name,onClick:this.onClick,onMouseDown:this.onMouseDown,onFocus:this.onFocus,onBlur:this.onBlur,role:this.state._role,tabIndex:this.state._tabIndex,type:this.state._type},t(v,{key:"0bcd901be3e67d7d49d3edd0e2de43a46a09eb43",class:"kol-button__text",badgeText:o,icons:this.state._icons,hideLabel:r,label:a?"":this.state._label},t("slot",{key:"c60cec4abe221171e48dcc5cd5b4be2ad32ac03a",name:"expert",slot:"expert"}))),r&&typeof this.state._label==="string"&&this.state._label.length>0&&t("div",{key:"f8c1b2830178a37482cd1ae7b25e4186954c3195",class:"kol-button__tooltip"},t(R,{key:"3e6110b1ddf4188efd8546cd20635c9732940a5e",badgeText:o||"",label:this.state._label,id:this.tooltipCtrl.getRenderProp("id"),refFloating:this.tooltipCtrl.setTooltipElementRef})))}constructor(t){s(this,t);this.ctaRef=F();this.tooltipCtrl=new w(K.stateLess);this.onClick=t=>{var i,s;t.stopPropagation();this.tooltipCtrl.hideTooltip();if(this.state._type==="submit"){L({form:this.host})}else if(this.state._type==="reset"){P({form:this.host})}else{this.controller.setFormAssociatedValue(this.state._value);if(typeof((i=this.state._on)===null||i===void 0?void 0:i.onClick)==="function"){r(t,this.ctaRef.el);(s=this.state._on)===null||s===void 0?void 0:s.onClick(t,this.state._value)}}if(this.host){M(this.host,H.click,this.state._value)}};this.onMouseDown=t=>{var i,s,a;(a=(s=(i=this.state)===null||i===void 0?void 0:i._on)===null||s===void 0?void 0:s.onMouseDown)===null||a===void 0?void 0:a.call(s,t);if(this.host){M(this.host,H.mousedown)}};this.onFocus=t=>{var i,s,a;(a=(s=(i=this.state)===null||i===void 0?void 0:i._on)===null||s===void 0?void 0:s.onFocus)===null||a===void 0?void 0:a.call(s,t);if(this.host){M(this.host,H.focus)}};this.onBlur=t=>{var i,s,a;(a=(s=(i=this.state)===null||i===void 0?void 0:i._on)===null||s===void 0?void 0:s.onBlur)===null||a===void 0?void 0:a.call(s,t);if(this.host){M(this.host,H.blur)}};this._disabled=false;this._hideLabel=false;this._inline=false;this._tooltipAlign="top";this._type="button";this.state={_icons:{},_label:"",_on:{},_type:"button",_variant:"normal"};this.controller=new W(this,"button",this.host)}validateAccessKey(t){p(this,t);u(t,this._shortKey)}validateAriaControls(t){y(this,t)}validateAriaDescription(t){_(this,t)}validateAriaExpanded(t){j(this,t)}validateAriaSelected(t){O(this,t)}validateCustomClass(t){g(this,t)}validateDisabled(t){x(this,t)}validateHideLabel(t){C(this,t)}validateIcons(t){B(this,t)}validateId(t){d(this,"_id",t)}validateInline(t){D(this,t,{defaultValue:false})}validateLabel(t){A(this,t,{required:true});this.tooltipCtrl.watchLabel(typeof t==="string"?t:undefined)}validateName(t){this.controller.validateName(t)}validateOn(t){z(this,t)}validateRole(t){k(this,t)}validateShortKey(t){b(this,t);u(this._accessKey,t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){f(this,t)}validateTooltipAlign(t){S(this,t);this.tooltipCtrl.watchAlign(t)}validateType(t){q(this,t)}validateValue(t){c(this,"_value",t);this.controller.setFormAssociatedValue(this.state._value)}validateVariant(t){T(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.validateInline(this._inline);this.validateLabel(this._label);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.validateVariant(this._variant);u(this._accessKey,this._shortKey);this.tooltipCtrl.componentWillLoad({label:typeof this.state._label==="string"?this.state._label:"",align:this._tooltipAlign})}componentDidRender(){if(this.ctaRef.el){this.tooltipCtrl.syncListeners(undefined,this.ctaRef.el,true)}}disconnectedCallback(){this.tooltipCtrl.destroy()}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"],_inline:["validateInline"],_label:["validateLabel"],_name:["validateName"],_on:["validateOn"],_role:["validateRole"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_tooltipAlign:["validateTooltipAlign"],_type:["validateType"],_value:["validateValue"],_variant:["validateVariant"]}}};e([I("ctaRef")],J.prototype,"focus",null);e([E("ctaRef")],J.prototype,"click",null);export{J as kol_button_wc};
//# sourceMappingURL=kol-button-wc.entry.js.map