UNPKG

@public-ui/components

Version:

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

public-ui.github.io

public-ui/kolibri

4 lines • 8.49 kB
1
2
3
4
/*! * KoliBri - The accessible HTML-Standard */ "use strict";var index=require("./index-DxCCX-ts.js"),common=require("./common-BHv-S8J5.js"),accessAndShortKey=require("./access-and-short-key-CggfLrQB.js"),linkVariant=require("./link-variant-KUs_g8H4.js"),customClass=require("./custom-class-CUCK62na.js"),disabled=require("./disabled-wCErt5QV.js"),hideLabel=require("./hide-label-OPx-sdW8.js"),icons=require("./icons-_d_CGN11.js"),label=require("./label-DLgz6vof.js"),tooltipAlign=require("./tooltip-align-DAf31VLo.js"),events=require("./events-DDhO-Ns8.js"),dev_utils=require("./dev.utils-DTyEvPvs.js"),controller=require("./controller-CRkGKHDB.js"),associated_controller=require("./associated.controller-Bjo-6GWY.js"),componentNames=require("./component-names-D7MwtuB7.js");require("./Alert-BCV1CX_M.js");var clsx=require("./clsx-CkZlkaek.js"),Span=require("./Span-C11P7M-4.js");require("./i18n-CR9McMIU.js"),require("./align-BqL0hNQJ.js"),require("./bootstrap-ClKWd8IV.js"),require("./i18n-BLEJ-_9m.js"),require("./Heading-DNsjTrzP.js"),require("./bem-Ca_tURco.js"),require("./browser-DgQGXJkX.js"),require("./Icon-CWc4s7a6.js"),require("./markdown-CQWmbUr2.js"),require("./InternalUnderlinedBadgeText-BNtVBme6.js"),require("./isObject-DMA85Fq4.js");const validateAriaControls=(t,e)=>{common.watchString(t,"_ariaControls",e)},validateAriaSelected=(t,e)=>{common.watchBoolean(t,"_ariaSelected",e)},validateButtonCallbacks=(t,e)=>{common.watchValidator(t,"_on",(t=>"object"==typeof t&&null!==t),new Set(["ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}"]),e)},buttonTypePropTypeOptions=["button","reset","submit"],validateButtonType=(t,e)=>{common.watchValidator(t,"_type",(t=>"string"==typeof t&&buttonTypePropTypeOptions.includes(t)),new Set([`KoliBriButtonType {${buttonTypePropTypeOptions.join(", ")}`]),e)},KolButtonWc=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 t,e;const a=common.showExpertSlot(this.state._label),i=Boolean(null===(e=null===(t=this.state._ariaDescription)||void 0===t?void 0:t.trim())||void 0===e?void 0:e.length),s=this.state._accessKey||this.state._shortKey,l=!0===this.state._disabled,o=!0===this.state._hideLabel;return index.h(index.Host,{key:"9202198cc53ca78db26cc6c7ce68da269b521f9c"},index.h("button",{key:"d43cfd8d95a5d284e8437d0d48287a373e020296",ref:t=>this.buttonRef=t,accessKey:this.state._accessKey||void 0,"aria-controls":this.state._ariaControls,"aria-describedby":i?this.internalDescriptionById:void 0,"aria-expanded":common.mapBoolean2String(this.state._ariaExpanded),"aria-haspopup":this._ariaHasPopup,"aria-label":o&&"string"==typeof this.state._label?this.state._label:void 0,"aria-selected":common.mapStringOrBoolean2String(this.state._ariaSelected),class:clsx.clsx("kol-button",{"kol-button--disabled":l,[`kol-button--${this.state._buttonVariant}`]:"custom"!==this.state._buttonVariant,[`kol-button--${this.state._linkVariant}`]:this.state._linkVariant,"kol-button--hide-label":o,[this.state._customClass]:"custom"===this.state._buttonVariant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0}),disabled:l,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},index.h(Span.KolSpanFc,{key:"34fc20ae27c05a8a9246ece6ef92d81a5df9169e",class:"kol-button__text",badgeText:s,icons:this.state._icons,hideLabel:o,label:a?"":this.state._label},index.h("slot",{key:"3a535d8ff59ea879625e8e9d7a6d05474c7fc5df",name:"expert",slot:"expert"}))),index.h(componentNames.KolTooltipWcTag,{key:"45ee6097fd6de389b392233a75fba28d5d0681c9",ref:t=>this.tooltipRef=t,"aria-hidden":"true",hidden:a||!o,class:"kol-button__tooltip",_badgeText:s,_align:this.state._tooltipAlign,_label:"string"==typeof this.state._label?this.state._label:""}),i&&index.h("span",{key:"c3551ee5bfd50443e9e86f810fd420e2a072f4ce",class:"visually-hidden",id:this.internalDescriptionById},this.state._ariaDescription))}constructor(t){index.registerInstance(this,t),this.internalDescriptionById=dev_utils.nonce(),this.onClick=t=>{var e,a;"submit"===this.state._type?controller.propagateSubmitEventToForm({form:this.host}):"reset"===this.state._type?controller.propagateResetEventToForm({form:this.host}):(this.controller.setFormAssociatedValue(this.state._value),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onClick)&&(common.setEventTarget(t,this.buttonRef),null===(a=this.state._on)||void 0===a||a.onClick(t,this.state._value))),this.host&&events.dispatchDomEvent(this.host,events.KolEvent.click,this.state._value)},this.onMouseDown=t=>{var e,a,i;null===(i=null===(a=null===(e=this.state)||void 0===e?void 0:e._on)||void 0===a?void 0:a.onMouseDown)||void 0===i||i.call(a,t),this.host&&events.dispatchDomEvent(this.host,events.KolEvent.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 associated_controller.AssociatedInputController(this,"button",this.host)}validateAccessKey(t){accessAndShortKey.validateAccessKey(this,t),accessAndShortKey.validateAccessAndShortKey(t,this._shortKey)}validateAriaControls(t){validateAriaControls(this,t)}validateAriaDescription(t){linkVariant.validateAriaDescription(this,t)}validateAriaExpanded(t){linkVariant.validateAriaExpanded(this,t)}validateAriaSelected(t){validateAriaSelected(this,t)}validateCustomClass(t){customClass.validateCustomClass(this,t)}validateDisabled(t){disabled.validateDisabled(this,t)}validateHideLabel(t){hideLabel.validateHideLabel(this,t)}validateIcons(t){icons.validateIcons(this,t)}validateId(t){common.watchString(this,"_id",t)}validateLabel(t){label.validateLabelWithExpertSlot(this,t,{required:!0})}validateLinkVariant(t){linkVariant.validateLinkVariant(this,t)}validateName(t){this.controller.validateName(t)}validateOn(t){validateButtonCallbacks(this,t)}validateRole(t){linkVariant.validateAlternativeButtonLinkRole(this,t)}validateShortKey(t){accessAndShortKey.validateShortKey(this,t),accessAndShortKey.validateAccessAndShortKey(this._accessKey,t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){accessAndShortKey.validateTabIndex(this,t)}validateTooltipAlign(t){tooltipAlign.validateTooltipAlign(this,t)}validateType(t){validateButtonType(this,t)}validateValue(t){common.setState(this,"_value",t),this.controller.setFormAssociatedValue(this.state._value)}validateButtonVariant(t){linkVariant.validateButtonVariant(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),accessAndShortKey.validateAccessAndShortKey(this._accessKey,this._shortKey)}get host(){return index.getElement(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"]}}};exports.kol_button_wc=KolButtonWc;