@public-ui/components
Version:
Contains all web components that belong to KoliBri - The accessible HTML-Standard.
4 lines • 2.22 kB
JavaScript
/*!
* KoliBri - The accessible HTML-Standard
*/
import{_ as a}from"./tslib.es6-1173d062.js";import{h as e,F as o}from"./index-136f59ac.js";import{c as l}from"./clsx-09a06a12.js";import{d as i,a as s}from"./component-names-799e91e2.js";import{t as n}from"./i18n-01abf777.js";import{a as r,b as c,c as t,d}from"./bem-e4c3a2e6.js";import{K as b}from"./Heading-bb974fcc.js";const u=({ariaLabel:a,icon:l})=>e(o,null,e("span",{class:"visually-hidden"},a),e(i,{class:r,_label:"",_icons:l})),v=({type:a,label:o})=>{switch(a){case"error":return e(u,{ariaLabel:n("kol-error"),icon:"codicon codicon-error",label:o});case"info":return e(u,{ariaLabel:n("kol-info"),icon:"codicon codicon-info",label:o});case"warning":return e(u,{ariaLabel:n("kol-warning"),icon:"codicon codicon-warning",label:o});case"success":return e(u,{ariaLabel:n("kol-success"),icon:"codicon codicon-pass",label:o});default:return e(u,{ariaLabel:n("kol-message"),icon:"codicon codicon-comment",label:o})}},m=(o,i)=>{var r,u;const{class:m={},alert:g=!1,hasCloser:p=!1,label:f,level:h=0,type:k="default",variant:_="msg",onAlertTimeout:j,onCloserClick:y}=o,C=a(o,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]);g&&((null===(r=navigator.userActivation)||void 0===r?void 0:r.hasBeenActive)&&(null===(u=null===navigator||void 0===navigator?void 0:navigator.vibrate)||void 0===u||u.call(navigator,[100,75,100,75,100])),setTimeout((()=>{null==j||j()}),1e4));const L=c("kol-alert",{hasCloser:!!p,[`type-${k}`]:!0,[`variant-${_}`]:!0}),A=c("kol-alert","heading",{[`h${h}`]:!0}),w=Object.assign({class:l(m,L),role:g?"error"===k?"alert":"status":void 0},C);return e("div",Object.assign({},w),e("div",{class:"kol-alert__container"},e(v,{label:f,type:k}),e("div",{class:"kol-alert__container-content"},f&&e(b,{class:A,level:h,id:"heading"},f),"msg"===_&&e("span",{class:t,"aria-describedby":f?"heading":void 0},i)),p&&e(s,{class:d,"data-testid":"alert-close-button",_ariaDescription:(null==f?void 0:f.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:n("kol-close-alert"),_on:{onClick:y},_tooltipAlign:"left"})),"card"===_&&e("div",{class:t,"aria-describedby":f?"heading":void 0},i))};export{m as K};