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.96 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"),href=require("./href-CbQwpP3t.js"),icons=require("./icons-_d_CGN11.js"),label=require("./label-DLgz6vof.js"),tooltipAlign=require("./tooltip-align-DAf31VLo.js"),ariaCurrentService=require("./ariaCurrentService-3051l6MI.js"),events=require("./events-DDhO-Ns8.js"),dev_utils=require("./dev.utils-DTyEvPvs.js"),componentNames=require("./component-names-D7MwtuB7.js"),i18n=require("./i18n-CR9McMIU.js");require("./Alert-BCV1CX_M.js");var clsx=require("./clsx-CkZlkaek.js"),Span=require("./Span-C11P7M-4.js");require("./align-BqL0hNQJ.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 ariaCurrentValuePropTypeOptions=["date","location","page","step","time","true","false"],validateAriaCurrentValue=(t,e)=>{common.watchValidator(t,"_ariaCurrentValue",(t=>"string"==typeof t&&ariaCurrentValuePropTypeOptions.includes(t)),new Set([`AriaCurrentValue {${ariaCurrentValuePropTypeOptions.join(", ")}`]),e,{defaultValue:"page"})},validateAriaOwns=(t,e)=>{common.watchString(t,"_ariaOwns",e,{defaultValue:void 0})},validateDownload=(t,e)=>{common.watchString(t,"_download",e)},validateLinkCallbacks=(t,e)=>{"object"==typeof e&&"function"==typeof(null==e?void 0:e.onClick)&&(t.state=Object.assign(Object.assign({},t.state),{_on:e}))},validateLinkTarget=(t,e)=>{common.watchString(t,"_target",e)},KolLinkWc=class{constructor(t){index.registerInstance(this,t),this.internalDescriptionById=dev_utils.nonce(),this.translateOpenLinkInTab=i18n.translate("kol-open-link-in-tab"),this.catchRef=t=>{this.anchorRef=t},this.onClick=t=>{var e,a;!0===this.state._disabled?t.preventDefault():("function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onClick)&&(t.preventDefault(),common.setEventTarget(t,this.anchorRef),null===(a=this.state._on)||void 0===a||a.onClick(t,this.state._href)),this.host&&events.dispatchDomEvent(this.host,events.KolEvent.click,this.state._href))},this.getRenderValues=()=>{const t="string"==typeof this.state._target&&"_self"!==this.state._target,e={href:"string"==typeof this.state._href&&this.state._href.length>0?this.state._href:"javascript:void(0);",target:"string"==typeof this.state._target&&this.state._target.length>0?this.state._target:void 0,rel:t?"noopener":void 0,download:"string"==typeof this.state._download?this.state._download:void 0};return!0!==this.state._hideLabel||this.state._label||common.devHint("[KolLink] An aria-label must be set when _hide-label is set."),{isExternal:t,tagAttrs:e}},this._disabled=!1,this._hideLabel=!1,this._tooltipAlign="right",this._buttonVariant="normal",this.state={_ariaCurrentValue:"page",_href:"",_icons:{}}}async kolFocus(){var t;null===(t=this.anchorRef)||void 0===t||t.focus()}render(){var t,e;const{isExternal:a,tagAttrs:i}=this.getRenderValues(),s=common.showExpertSlot(this.state._label),n=Boolean(null===(e=null===(t=this.state._ariaDescription)||void 0===t?void 0:t.trim())||void 0===e?void 0:e.length);return index.h(index.Host,{key:"66b211cb214bc8af1454b049d91a45692d551490"},index.h("a",Object.assign({key:"e21f0b367a6a3aaca4091fafb049ba40ef1b8528",ref:this.catchRef},i,{accessKey:this.state._accessKey,"aria-current":this.state._ariaCurrent,"aria-describedby":n?this.internalDescriptionById:void 0,"aria-disabled":this.state._disabled?"true":void 0,"aria-expanded":"boolean"==typeof this.state._ariaExpanded?String(this.state._ariaExpanded):void 0,"aria-owns":this.state._ariaOwns,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?`${this.state._label}${a?` (${this.translateOpenLinkInTab})`:""}`:void 0,class:clsx.clsx("kol-link",{"kol-link--disabled":!0===this.state._disabled,"kol-link--external-link":a,"kol-link--hide-label":!0===this.state._hideLabel,[`kol-link--${this.state._buttonVariant}`]:"button"===this.state._role&&"custom"!==this.state._buttonVariant,[`kol-link--${this.state._linkVariant}`]:this.state._linkVariant,[this.state._customClass]:"custom"===this.state._buttonVariant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0})},this.state._on,{onClick:this.onClick,onKeyPress:this.onClick,role:this.state._role,tabIndex:this.state._disabled?-1:this.state._tabIndex}),index.h(Span.KolSpanFc,{key:"742c464a8ee75d7882acb0d80b813bf6c31933ed",class:"kol-link__text",badgeText:this.state._accessKey||this.state._shortKey,icons:this.state._icons,hideLabel:this.state._hideLabel,label:s?"":this.state._label||this.state._href},index.h("slot",{key:"38f8f8051294bbc3caa3fb87f308df0986dac337",name:"expert",slot:"expert"})),a&&index.h(componentNames.KolIconTag,{key:"faa57cdb3e86f00cecf36dff676204bc8140fa8e",class:"kol-link__icon",_label:this.state._hideLabel?"":this.translateOpenLinkInTab,_icons:"codicon codicon-link-external","aria-hidden":this.state._hideLabel})),index.h(componentNames.KolTooltipWcTag,{key:"810c5f35faf90c756b293ee62409cd14127fcb54","aria-hidden":"true",class:"kol-link__tooltip",hidden:s||!this.state._hideLabel,_badgeText:this.state._accessKey||this.state._shortKey,_align:this.state._tooltipAlign,_label:this.state._label||this.state._href}),n&&index.h("span",{key:"d3084f0a6dfa0d76ac399cd586a39253708fe885",class:"visually-hidden",id:this.internalDescriptionById},this.state._ariaDescription))}validateAccessKey(t){accessAndShortKey.validateAccessKey(this,t),accessAndShortKey.validateAccessAndShortKey(t,this._shortKey)}validateAriaCurrentValue(t){validateAriaCurrentValue(this,t)}validateAriaDescription(t){linkVariant.validateAriaDescription(this,t)}validateAriaExpanded(t){linkVariant.validateAriaExpanded(this,t)}validateAriaOwns(t){validateAriaOwns(this,t)}validateCustomClass(t){customClass.validateCustomClass(this,t)}validateDisabled(t){disabled.validateDisabled(this,t)}validateDownload(t){validateDownload(this,t)}validateHideLabel(t){hideLabel.validateHideLabel(this,t)}validateHref(t){href.validateHref(this,t,{required:!0})}validateIcons(t){icons.validateIcons(this,t)}validateLabel(t){label.validateLabelWithExpertSlot(this,t)}validateLinkVariant(t){linkVariant.validateLinkVariant(this,t)}validateOn(t){validateLinkCallbacks(this,t)}validateRole(t){linkVariant.validateAlternativeButtonLinkRole(this,t)}validateShortKey(t){accessAndShortKey.validateShortKey(this,t),accessAndShortKey.validateAccessAndShortKey(this._accessKey,t)}validateTabIndex(t){accessAndShortKey.validateTabIndex(this,t)}validateTarget(t){validateLinkTarget(this,t)}validateTooltipAlign(t){tooltipAlign.validateTooltipAlign(this,t)}validateButtonVariant(t){linkVariant.validateButtonVariant(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaCurrentValue(this._ariaCurrentValue),this.validateAriaDescription(this._ariaDescription),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaOwns(this._ariaOwns),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateDownload(this._download),this.validateHideLabel(this._hideLabel),this.validateHref(this._href),this.validateIcons(this._icons),this.validateLabel(this._label),this.validateLinkVariant(this._linkVariant),this.validateOn(this._on),this.validateRole(this._role),this.validateShortKey(this._shortKey),this.validateTabIndex(this._tabIndex),this.validateTarget(this._target),this.validateTooltipAlign(this._tooltipAlign),this.validateButtonVariant(this._buttonVariant),this.unsubscribeOnLocationChange=ariaCurrentService.onLocationChange((t=>{this.state._ariaCurrent=t===this.state._href?this.state._ariaCurrentValue:void 0})),accessAndShortKey.validateAccessAndShortKey(this._accessKey,this._shortKey)}disconnectedCallback(){this.unsubscribeOnLocationChange&&this.unsubscribeOnLocationChange()}get host(){return index.getElement(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaCurrentValue:["validateAriaCurrentValue"],_ariaDescription:["validateAriaDescription"],_ariaExpanded:["validateAriaExpanded"],_ariaOwns:["validateAriaOwns"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_download:["validateDownload"],_hideLabel:["validateHideLabel"],_href:["validateHref"],_icons:["validateIcons"],_label:["validateLabel"],_linkVariant:["validateLinkVariant"],_on:["validateOn"],_role:["validateRole"],_shortKey:["validateShortKey"],_tabIndex:["validateTabIndex"],_target:["validateTarget"],_tooltipAlign:["validateTooltipAlign"],_buttonVariant:["validateButtonVariant"]}}};exports.kol_link_wc=KolLinkWc;