@public-ui/components
Version:
Contains all web components that belong to KoliBri - The accessible HTML-Standard.
4 lines • 7.96 kB
JavaScript
/*!
* KoliBri - The accessible HTML-Standard
*/
import{r as t,h as i,H as s,g as a}from"./index-DyUiyxj3.js";import{a as e,e as o}from"./component-names-B_kYyA8u.js";import{w as r,e as l,J as n,j as h}from"./common-BXXICkFX.js";import{s as d}from"./reuse-CX4AQDkS.js";import{v as c,a as f,b as v,c as u}from"./access-and-short-key-BlB0ZAri.js";import{v as p,a as m,b,c as _,d as k}from"./button-variant-BKr6oMet.js";import{v as j}from"./custom-class-B6h_ZSR7.js";import{v as y}from"./disabled-D0wfAqak.js";import{v as g}from"./hide-label-90DGA8H4.js";import{v as A}from"./href-BDekIhFd.js";import{v as x}from"./icons-DpMX_jnF.js";import{v as C}from"./inline-eBYBtb1X.js";import{a as D}from"./label-Dkj9sxQK.js";import{v as w}from"./tooltip-align-P-7pyT1i.js";import{d as B,K as I}from"./events-DHTi_wtD.js";import{o as K}from"./ariaCurrentService-YoLNpD5S.js";import{c as V}from"./clsx-eK3rPvPS.js";import"./Alert-w-XRy_I0.js";import{t as S}from"./i18n-CvQhdUrE.js";import{K as T}from"./Span-d_9gh2UX.js";import"./align-C_bkzA-y.js";import"./tslib.es6-CxX45GIN.js";import"./bem-De7JANRY.js";import"./browser-DaourpHc.js";import"./Heading-C1x8c7QT.js";import"./i18n-B0tfVPMa.js";import"./Icon-Dy7mcWMM.js";import"./markdown-CaS836ev.js";import"./InternalUnderlinedBadgeText-B9d8aD7h.js";import"./isObject-DvSELytj.js";const L=["date","location","page","step","time","true","false"],O=(t,a)=>{r(t,"_ariaCurrentValue",t=>"string"==typeof t&&L.includes(t),new Set([`AriaCurrentValue {${L.join(", ")}`]),a,{defaultValue:"page"})},H=(t,a)=>{l(t,"_ariaOwns",a,{defaultValue:void 0})},X=(t,a)=>{l(t,"_download",a)},E=(t,a)=>{"object"==typeof a&&"function"==typeof(null==a?void 0:a.onClick)&&(t.state=Object.assign(Object.assign({},t.state),{_on:a}))},P=(t,a)=>{l(t,"_target",a)},M=class{constructor(a){t(this,a),this.translateOpenLinkInTab=S("kol-open-link-in-tab"),this.catchRef=t=>{this.anchorRef=t},this.hideTooltip=()=>{var t;null===(t=this.tooltipRef)||void 0===t||t.hideTooltip()},this.onClick=t=>{var a,i;this.state._hideLabel&&this.hideTooltip(),!0===this.state._disabled?t.preventDefault():("function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a.onClick)&&(t.preventDefault(),n(t,this.anchorRef),null===(i=this.state._on)||void 0===i||i.onClick(t,this.state._href)),this.host&&B(this.host,I.click,this.state._href))},this.getRenderValues=()=>{const t="string"==typeof this.state._target&&"_self"!==this.state._target,a={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||h("[KolLink] An aria-label must be set when _hide-label is set."),{isExternal:t,tagAttrs:a}},this._disabled=!1,this._hideLabel=!1,this._inline=!0,this._tooltipAlign="right",this._buttonVariant="normal",this.state={_ariaCurrentValue:"page",_href:"",_icons:{}}}async focus(){var t;return Promise.resolve(null===(t=this.anchorRef)||void 0===t?void 0:t.focus())}render(){var t;const{isExternal:a,tagAttrs:l}=this.getRenderValues(),r=d(this.state._label),n=null===(t=this.state._ariaDescription)||void 0===t?void 0:t.trim();return i(s,{key:"036d5449e5e5ba234434e744d8af66052329a192"},i("a",Object.assign({key:"b20d668b61b1f0c279f5cf37d434927c69478891",ref:this.catchRef},l,{accessKey:this.state._accessKey,"aria-current":this.state._ariaCurrent,"aria-controls":this.state._ariaControls,"aria-description":n||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,"aria-keyshortcuts":this.state._shortKey,class:V("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}`]:"custom"!==this.state._buttonVariant,"kol-link--inline":!0===this.state._inline,"kol-link--standalone":!1===this.state._inline,[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}),i(T,{key:"90a4bc4ffd0a6b87c9097120d3539bc69bdda156",class:"kol-link__text",badgeText:this.state._accessKey||this.state._shortKey,icons:this.state._icons,hideLabel:this.state._hideLabel,label:r?"":this.state._label||this.state._href},i("slot",{key:"1aca2a1ed6caf2a68f7f6260b328ec7b6c993794",name:"expert",slot:"expert"})),a&&i(o,{key:"c20d6e6b9e7d09c6ff48a059f9ec0388076c721e",class:"kol-link__icon",_label:this.state._hideLabel?"":this.translateOpenLinkInTab,_icons:"kolicon-link-external","aria-hidden":this.state._hideLabel})),!0===this.state._hideLabel&&i(e,{key:"5f5b325f8e61e71f666bf45e067b1a487a8e296e","aria-hidden":"true",class:"kol-link__tooltip",ref:t=>this.tooltipRef=t,hidden:r,_badgeText:this.state._accessKey||this.state._shortKey,_align:this.state._tooltipAlign,_label:this.state._label||this.state._href}))}validateAccessKey(t){c(this,t),f(t,this._shortKey)}validateAriaCurrentValue(t){O(this,t)}validateAriaControls(t){p(this,t)}validateAriaDescription(t){m(this,t)}validateAriaExpanded(t){b(this,t)}validateAriaOwns(t){H(this,t)}validateCustomClass(t){j(this,t)}validateDisabled(t){y(this,t)}validateDownload(t){X(this,t)}validateHideLabel(t){g(this,t)}validateHref(t){A(this,t,{required:!0})}validateIcons(t){x(this,t)}validateInline(t){C(this,t,{defaultValue:!0})}validateLabel(t){D(this,t)}validateOn(t){E(this,t)}validateRole(t){_(this,t)}validateShortKey(t){v(this,t),f(this._accessKey,t)}validateTabIndex(t){u(this,t)}validateTarget(t){P(this,t)}validateTooltipAlign(t){w(this,t)}validateButtonVariant(t){k(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaCurrentValue(this._ariaCurrentValue),this.validateAriaControls(this._ariaControls),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.validateInline(this._inline),this.validateLabel(this._label),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=K(t=>{this.state._ariaCurrent=t===this.state._href?this.state._ariaCurrentValue:void 0}),f(this._accessKey,this._shortKey)}disconnectedCallback(){this.unsubscribeOnLocationChange&&this.unsubscribeOnLocationChange()}get host(){return a(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaCurrentValue:["validateAriaCurrentValue"],_ariaControls:["validateAriaControls"],_ariaDescription:["validateAriaDescription"],_ariaExpanded:["validateAriaExpanded"],_ariaOwns:["validateAriaOwns"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_download:["validateDownload"],_hideLabel:["validateHideLabel"],_href:["validateHref"],_icons:["validateIcons"],_inline:["validateInline"],_label:["validateLabel"],_on:["validateOn"],_role:["validateRole"],_shortKey:["validateShortKey"],_tabIndex:["validateTabIndex"],_target:["validateTarget"],_tooltipAlign:["validateTooltipAlign"],_buttonVariant:["validateButtonVariant"]}}};export{M as kol_link_wc};