@public-ui/components
Version:
Contains all web components that belong to KoliBri - The accessible HTML-Standard.
4 lines • 7.77 kB
JavaScript
/*!
* KoliBri - The accessible HTML-Standard
*/
import{r as i,h as t,H as s,g as a}from"./index-CElQfBOC.js";import{w as e,e as o,M as l,j as r,l as n}from"./common-7RW_NFNf.js";import{v as h,a as d,b as c,c as f}from"./access-and-short-key-CIkiLGbP.js";import{v,a as p,b,c as m,d as u}from"./link-variant-CvVVNwJS.js";import{v as _}from"./custom-class-BrihA94O.js";import{v as k}from"./disabled-DOGGfuG4.js";import{v as j}from"./hide-label-B1sxX0if.js";import{v as y}from"./href-4XW2Ab0f.js";import{v as g}from"./icons-mdo32hNB.js";import{a as x}from"./label-DAfXJvJZ.js";import{v as C}from"./tooltip-align-B_X7PRrT.js";import{o as w}from"./ariaCurrentService-YoLNpD5S.js";import{d as A,K as V}from"./events-CoPFQEiC.js";import{n as D}from"./dev.utils-9pEPkxnH.js";import{a as L,e as O}from"./component-names-CkE54Ym7.js";import{t as B}from"./i18n-yBVLeHdv.js";import"./Alert-BscBrOtx.js";import{c as K}from"./clsx-eK3rPvPS.js";import{K as S}from"./Span-EvVyGKjN.js";import"./align-DoCRbhrp.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 T=["date","location","page","step","time","true","false"],E=(t,a)=>{e(t,"_ariaCurrentValue",(t=>"string"==typeof t&&T.includes(t)),new Set([`AriaCurrentValue {${T.join(", ")}`]),a,{defaultValue:"page"})},I=(t,a)=>{o(t,"_ariaOwns",a,{defaultValue:void 0})},H=(t,a)=>{o(t,"_download",a)},N=(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)=>{o(t,"_target",a)},R=class{constructor(t){i(this,t),this.internalDescriptionById=D(),this.translateOpenLinkInTab=B("kol-open-link-in-tab"),this.catchRef=t=>{this.anchorRef=t},this.onClick=t=>{var a,i;!0===this.state._disabled?t.preventDefault():("function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a.onClick)&&(t.preventDefault(),l(t,this.anchorRef),null===(i=this.state._on)||void 0===i||i.onClick(t,this.state._href)),this.host&&A(this.host,V.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||r("[KolLink] An aria-label must be set when _hide-label is set."),{isExternal:t,tagAttrs:a}},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 a,i;const{isExternal:e,tagAttrs:l}=this.getRenderValues(),r=n(this.state._label),o=Boolean(null===(i=null===(a=this.state._ariaDescription)||void 0===a?void 0:a.trim())||void 0===i?void 0:i.length);return t(s,{key:"66b211cb214bc8af1454b049d91a45692d551490"},t("a",Object.assign({key:"e21f0b367a6a3aaca4091fafb049ba40ef1b8528",ref:this.catchRef},l,{accessKey:this.state._accessKey,"aria-current":this.state._ariaCurrent,"aria-describedby":o?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}${e?` (${this.translateOpenLinkInTab})`:""}`:void 0,class:K("kol-link",{"kol-link--disabled":!0===this.state._disabled,"kol-link--external-link":e,"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}),t(S,{key:"742c464a8ee75d7882acb0d80b813bf6c31933ed",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},t("slot",{key:"38f8f8051294bbc3caa3fb87f308df0986dac337",name:"expert",slot:"expert"})),e&&t(O,{key:"faa57cdb3e86f00cecf36dff676204bc8140fa8e",class:"kol-link__icon",_label:this.state._hideLabel?"":this.translateOpenLinkInTab,_icons:"codicon codicon-link-external","aria-hidden":this.state._hideLabel})),t(L,{key:"810c5f35faf90c756b293ee62409cd14127fcb54","aria-hidden":"true",class:"kol-link__tooltip",hidden:r||!this.state._hideLabel,_badgeText:this.state._accessKey||this.state._shortKey,_align:this.state._tooltipAlign,_label:this.state._label||this.state._href}),o&&t("span",{key:"d3084f0a6dfa0d76ac399cd586a39253708fe885",class:"visually-hidden",id:this.internalDescriptionById},this.state._ariaDescription))}validateAccessKey(t){h(this,t),d(t,this._shortKey)}validateAriaCurrentValue(t){E(this,t)}validateAriaDescription(t){v(this,t)}validateAriaExpanded(t){p(this,t)}validateAriaOwns(t){I(this,t)}validateCustomClass(t){_(this,t)}validateDisabled(t){k(this,t)}validateDownload(t){H(this,t)}validateHideLabel(t){j(this,t)}validateHref(t){y(this,t,{required:!0})}validateIcons(t){g(this,t)}validateLabel(t){x(this,t)}validateLinkVariant(t){b(this,t)}validateOn(t){N(this,t)}validateRole(t){m(this,t)}validateShortKey(t){c(this,t),d(this._accessKey,t)}validateTabIndex(t){f(this,t)}validateTarget(t){P(this,t)}validateTooltipAlign(t){C(this,t)}validateButtonVariant(t){u(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=w((t=>{this.state._ariaCurrent=t===this.state._href?this.state._ariaCurrentValue:void 0})),d(this._accessKey,this._shortKey)}disconnectedCallback(){this.unsubscribeOnLocationChange&&this.unsubscribeOnLocationChange()}get host(){return a(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"]}}};export{R as kol_link_wc};