@scania/tegel/dist/components/tds-message.js

Tegel Design System

import{t as e,p as t,H as a,h as r,a as s}from"./index.js";import{g as i}from"./p-Cn4f8w1e.js";import{d as o}from"./p-CIt4YhvL.js";const n=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null,this.variant="information",this.noIcon=!1,this.minimal=!1,this.tdsAlertDialog="dialog",this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}}}getAriaLabel(){return this.header?this.header:this.tdsAriaLabel||this.variant+" message"}render(){const e=this.header?"tds-message-header-"+i():void 0,t=this.minimal?void 0:"tds-message-content-"+i();return r(s,{key:"f135a2d8708f2d9529aa862aadc2a9446dfea613",role:this.tdsAlertDialog,"aria-describedby":t,"aria-label":this.getAriaLabel(),class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant}},r("div",{key:"e190d40483c364c38f57fe6191ce1ec01fe37b01",class:{wrapper:!0,[this.variant]:!0,minimal:this.minimal}},!this.noIcon&&r("tds-icon",{key:"74d8a70c3e93f6e3f39087c9eb3f956ac08381d9","aria-hidden":"true","aria-label":""+this.variant,svgTitle:""+this.variant,name:this.getIconName(),size:"20px"}),r("div",{key:"3f0a1ea45cb53ae45373abd5543a59b81d23d7ce",class:"content"},this.header&&r("div",{key:"c2a448d5b589091a14ef655c45610ec13c4aa0bc",class:"header",id:e},this.header),!this.minimal&&r("div",{key:"ea6960909da3406ca6dc1cf1ddb1459747a329e1",class:"extended-message",id:t},r("slot",{key:"44889b6121d8052fad6d935f4b8473bcdb0520fb"})))))}static get style(){return":host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-message-border-info)}:host .wrapper.information tds-icon{color:var(--tds-message-icon-info)}:host .wrapper.success{background-color:var(--tds-message-background-success);border-left:4px solid var(--tds-message-border-success)}:host .wrapper.success tds-icon{color:var(--tds-message-icon-success)}:host .wrapper.error{background-color:var(--tds-message-background-error);border-left:4px solid var(--tds-message-border-error)}:host .wrapper.error tds-icon{color:var(--tds-message-icon-error)}:host .wrapper.warning{background-color:var(--tds-message-background-warning);border-left:4px solid var(--tds-message-border-warning)}:host .wrapper.warning tds-icon{color:var(--tds-message-icon-warning)}:host .wrapper.minimal{border:none;padding:0;background-color:transparent}:host .wrapper.minimal tds-icon{padding-right:8px}:host .wrapper.minimal .header{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}:host .wrapper.minimal.error .header{color:var(--tds-message-minimal-header-error)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;color:var(--foreground-text-strong);padding:2px 24px 2px 0;overflow-wrap:anywhere}:host .content .header{font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform)}:host .content .extended-message{color:var(--foreground-text-strong);font-family:var(--detail-03-font-family);font-size:var(--detail-03-font-size);line-height:var(--detail-03-line-height);font-weight:var(--detail-03-font-weight);letter-spacing:var(--detail-03-letter-spacing);text-transform:var(--detail-03-text-transform)}"}},[257,"tds-message",{header:[1],modeVariant:[1,"mode-variant"],variant:[1],noIcon:[4,"no-icon"],minimal:[4],tdsAlertDialog:[1,"tds-alert-dialog"],tdsAriaLabel:[1,"tds-aria-label"]}]);function d(){"undefined"!=typeof customElements&&["tds-message","tds-icon"].forEach((t=>{switch(t){case"tds-message":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-icon":customElements.get(e(t))||o()}}))}d();const c=n,l=d;export{c as TdsMessage,l as defineCustomElement}