| 
									
										
										
										
											2025-08-08 11:31:27 +02:00
										 |  |  | <div class="alert is-{{alertKind}}"> | 
					
						
							| 
									
										
										
										
											2025-09-26 12:42:25 +02:00
										 |  |  |   <div class="icon"> | 
					
						
							| 
									
										
										
										
											2025-08-19 16:20:07 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2025-09-26 12:42:25 +02:00
										 |  |  |     @if (alertKind == "warning") { | 
					
						
							|  |  |  |       <i class="ri-triangle-line"></i> | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  |     @if (alertKind == "danger") { | 
					
						
							|  |  |  |       <i class="ri-triangle-line"></i> | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  |     @if (alertKind == "error") { | 
					
						
							|  |  |  |       <i class="ri-triangle-line"></i> | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  |   </div> | 
					
						
							|  |  |  |   <slot [innerHTML]="message " name="main"> | 
					
						
							|  |  |  |     <ng-content></ng-content> | 
					
						
							| 
									
										
										
										
											2025-08-08 11:31:27 +02:00
										 |  |  |   </slot> | 
					
						
							| 
									
										
										
										
											2025-09-09 14:43:57 +02:00
										 |  |  |   <div (click)="onCloseClicked()" class="close-button button">x</div> | 
					
						
							| 
									
										
										
										
											2025-08-08 11:31:27 +02:00
										 |  |  | </div> |