@public-ui/components/dist/cjs/Alert-22c49278.js

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

/*!
 * KoliBri - The accessible HTML-Standard
 */
"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-03ef29aa.js"),clsx=require("./clsx-dd4d6dd1.js"),componentNames=require("./component-names-82c4d68d.js"),i18n=require("./i18n-b9d16ebc.js"),bem=require("./bem-85316256.js"),Heading=require("./Heading-b8bbd132.js"),Icon=({ariaLabel:e,icon:n})=>index.h(index.Fragment,null,index.h("span",{class:"visually-hidden"},e),index.h(componentNames.KolIconTag,{class:bem.BEM_CLASS_ALERT__ICON,_label:"",_icons:n})),AlertIcon=({type:e,label:n})=>{switch(e){case"error":return index.h(Icon,{ariaLabel:i18n.translate("kol-error"),icon:"codicon codicon-error",label:n});case"info":return index.h(Icon,{ariaLabel:i18n.translate("kol-info"),icon:"codicon codicon-info",label:n});case"warning":return index.h(Icon,{ariaLabel:i18n.translate("kol-warning"),icon:"codicon codicon-warning",label:n});case"success":return index.h(Icon,{ariaLabel:i18n.translate("kol-success"),icon:"codicon codicon-pass",label:n});default:return index.h(Icon,{ariaLabel:i18n.translate("kol-message"),icon:"codicon codicon-comment",label:n})}},KolAlertFc=(e,n)=>{var a,i;const{class:l={},alert:o=!1,hasCloser:s=!1,label:c,level:r=0,type:t="default",variant:d="msg",onAlertTimeout:b,onCloserClick:u}=e,_=tslib_es6.__rest(e,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]);o&&((null===(a=navigator.userActivation)||void 0===a?void 0:a.hasBeenActive)&&(null===(i=null===navigator||void 0===navigator?void 0:navigator.vibrate)||void 0===i||i.call(navigator,[100,75,100,75,100])),setTimeout((()=>{null==b||b()}),1e4));const v=bem.bem("kol-alert",{hasCloser:!!s,[`type-${t}`]:!0,[`variant-${d}`]:!0}),h=bem.bem("kol-alert","heading",{[`h${r}`]:!0}),m=Object.assign({class:clsx.clsx(l,v),role:o?"error"===t?"alert":"status":void 0},_);return index.h("div",Object.assign({},m),index.h("div",{class:"kol-alert__container"},index.h(AlertIcon,{label:c,type:t}),index.h("div",{class:"kol-alert__container-content"},c&&index.h(Heading.KolHeadingFc,{class:h,level:r,id:"heading"},c),"msg"===d&&index.h("span",{class:bem.BEM_CLASS_ALERT__CONTENT,"aria-describedby":c?"heading":void 0},n)),s&&index.h(componentNames.KolButtonWcTag,{class:bem.BEM_CLASS_ALERT__CLOSER,"data-testid":"alert-close-button",_ariaDescription:(null==c?void 0:c.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:i18n.translate("kol-close-alert"),_on:{onClick:u},_tooltipAlign:"left"})),"card"===d&&index.h("div",{class:bem.BEM_CLASS_ALERT__CONTENT,"aria-describedby":c?"heading":void 0},n))};exports.KolAlertFc=KolAlertFc;