UNPKG

@public-ui/components

Version:

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

4 lines 2.94 kB
/*! * KoliBri - The accessible HTML-Standard */ "use strict";var Heading=require("./Heading-DNsjTrzP.js"),index=require("./index-DxCCX-ts.js"),clsx=require("./clsx-CkZlkaek.js"),componentNames=require("./component-names-D7MwtuB7.js"),i18n=require("./i18n-CR9McMIU.js"),bem=require("./bem-Ca_tURco.js");const translateError=i18n.translate("kol-error"),translateInfo=i18n.translate("kol-info"),translateWarning=i18n.translate("kol-warning"),translateSuccess=i18n.translate("kol-success"),translateMessage=i18n.translate("kol-message"),Icon=({ariaLabel:e,icon:a})=>index.h(index.Fragment,null,index.h("span",{class:"visually-hidden"},e),index.h(componentNames.KolIconTag,{class:bem.BEM_CLASS_ALERT__ICON,_label:"",_icons:a})),AlertIcon=({type:e,label:a})=>{switch(e){case"error":return index.h(Icon,{ariaLabel:translateError,icon:"codicon codicon-error",label:a});case"info":return index.h(Icon,{ariaLabel:translateInfo,icon:"codicon codicon-info",label:a});case"warning":return index.h(Icon,{ariaLabel:translateWarning,icon:"codicon codicon-warning",label:a});case"success":return index.h(Icon,{ariaLabel:translateSuccess,icon:"codicon codicon-pass",label:a});default:return index.h(Icon,{ariaLabel:translateMessage,icon:"codicon codicon-comment",label:a})}},translateCloseAlert=i18n.translate("kol-close-alert"),vibrateOnError=()=>{if("undefined"==typeof navigator||"function"!=typeof navigator.vibrate)return;const e=navigator.userActivation;if(((null==e?void 0:e.isActive)||(null==e?void 0:e.hasBeenActive))&&matchMedia("(any-pointer: coarse)").matches)try{navigator.vibrate([100,75,100,75,100])}catch(e){}},KolAlertFc=(e,a)=>{const{class:n={},alert:t=!1,hasCloser:i=!1,label:l,level:r=0,type:o="default",variant:s="msg",onAlertTimeout:c,onCloserClick:d}=e,b=Heading.__rest(e,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]);t&&(vibrateOnError(),setTimeout((()=>{null==c||c()}),1e4));const u=bem.bem("kol-alert",{hasCloser:!!i,[`type-${o}`]:!0,[`variant-${s}`]:!0}),h=bem.bem("kol-alert","heading",{[`h${r}`]:!0}),_=Object.assign({class:clsx.clsx(n,u),role:t?"error"===o?"alert":"status":void 0},b);return index.h("div",Object.assign({},_,{"data-testid":"alert"}),index.h("div",{class:"kol-alert__container"},index.h(AlertIcon,{label:l,type:o}),index.h("div",{class:"kol-alert__container-content"},l&&index.h(Heading.KolHeadingFc,{class:h,level:r,id:"heading"},l),"msg"===s&&index.h("span",{class:bem.BEM_CLASS_ALERT__CONTENT,"aria-describedby":l?"heading":void 0},a)),i&&index.h(componentNames.KolButtonWcTag,{class:bem.BEM_CLASS_ALERT__CLOSER,"data-testid":"alert-close-button",_ariaDescription:(null==l?void 0:l.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:translateCloseAlert,_on:{onClick:d},_tooltipAlign:"left"})),"card"===s&&index.h("div",{class:bem.BEM_CLASS_ALERT__CONTENT,"aria-describedby":l?"heading":void 0},a))};exports.KolAlertFc=KolAlertFc;