import{r as i,h as o,g as t}from"./p-f06dc8f3.js";import{m as n}from"./p-84ba0a57.js";const a=class{constructor(o){i(this,o),this.type="success",this.container="on",this.width="full",this.show=!1,this.containerClass=()=>n("ibk-notification",[this.type,{"container-off":"off"==this.container},{auto:"auto"==this.width},{show:this.show},{fixed:this.fixed}])}watchingShowProp(i){i&&this.timeout&&setTimeout((()=>this.host.removeAttribute("show")),this.timeout)}componentWillLoad(){this.show&&this.timeout&&setTimeout((()=>this.host.removeAttribute("show")),this.timeout)}render(){return o("div",{class:this.containerClass(),style:{width:this.width+"px"}},o("i",{class:"ibk-notification__icon icon-m-status-"+this.type}),o("span",{class:"ibk-notification__message",innerHTML:this.message}))}get host(){return t(this)}static get watchers(){return{show:["watchingShowProp"]}}};a.style=".ibk-notification{padding:17px 20px;border-radius:4px;width:100%;display:none;box-sizing:border-box}.ibk-notification *{box-sizing:border-box}.ibk-notification__icon{margin-right:10px;font-size:20px}.ibk-notification__message{font-family:var(--fontMontserrat);font-size:14px;font-weight:500;line-height:20px;color:var(--grayText)}.ibk-notification--success{background-color:var(--primaryGreen5)}.ibk-notification--success .ibk-notification__icon{color:var(--primaryGreen1)}.ibk-notification--alert{background-color:var(--extendedYellow5)}.ibk-notification--alert .ibk-notification__icon{color:var(--extendedYellow1)}.ibk-notification--error{background-color:var(--extendedWatermelon5)}.ibk-notification--error .ibk-notification__icon{color:var(--extendedWatermelon1)}.ibk-notification--info{background-color:var(--extendedLightBlue5)}.ibk-notification--info .ibk-notification__icon{color:var(--extendedLightBlue1)}.ibk-notification--container-off{background-color:transparent;padding:0}.ibk-notification--auto{width:auto;padding-right:50px}.ibk-notification--show:not(.ibk-notification--auto){display:flex}.ibk-notification--show.ibk-notification--auto{display:inline-flex}.ibk-notification--fixed{position:fixed;top:0;left:0;width:100%;border-radius:0}";export{a as ibk_notification}