Prepare release and update examples

Author: kai-melchior

projects/mantic-ui/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mantic-ui/angular",
-    "version": "19.2.0",
+    "version": "19.3.0",
     "description": "mantic UI for Angular",
     "keywords": [
         "mantic-ui",

src/app/examples/notification/notification.component.html

@@ -23,6 +23,16 @@
             <m-example-code [code]="exampleComponent" [languages]="['ts']" />
             <m-example-code [code]="exampleComponentTs" [languages]="['ts']" label="custom-notification.component.ts" />
         </m-example>
+        <m-example header="Hide a message" description="Use code to hide a message">
+            <m-flex>
+                @if (manualNotification) {
+                    <m-button (click)="hideManual()">Hide</m-button>
+                } @else {
+                    <m-button (click)="showManual()">Show</m-button>
+                }
+            </m-flex>
+            <m-example-code [code]="exampleManual" [languages]="['ts']" />
+        </m-example>
     </m-tab>
 </m-tab-group>
 

src/app/examples/notification/notification.component.ts

@@ -1,6 +1,6 @@
 import { CommonModule } from '@angular/common';
 import { Component, inject } from '@angular/core';
-import { AsyncAction, ButtonComponent, FlexComponent, NotificationService, TabComponent, TabGroupComponent } from '@mantic-ui/angular';
+import { AsyncAction, ButtonComponent, FlexComponent, NotificationRef, NotificationService, TabComponent, TabGroupComponent } from '@mantic-ui/angular';
 import { ExampleCodeComponent, ExampleComponent } from '@mantic-ui/angular-doc';
 import { HeaderComponent } from '../../components/header/header.component';
 import { CustomNotificationComponent } from './custom-notification/custom-notification.component';
@@ -56,6 +56,7 @@ export class DemoComponent {
         this.asyncAction = undefined;
     }
 }`;
+    protected manualNotification: NotificationRef | undefined;
 
     protected showError(): void {
         this.notificationService.error('Error Text');
@@ -112,4 +113,27 @@ export class CustomNotificationComponent {
         alert('You clicked the button!');
     }
 }`;
+
+    public showManual(): void {
+        this.manualNotification = this.notificationService.error('A error that can be closed manually by click on the hide button');
+    }
+
+    public hideManual(): void {
+        this.manualNotification?.close();
+        this.manualNotification = undefined;
+    }
+
+    public exampleManual = `import { NotificationService, NotificationRef } from '@mantic-ui/angular';
+
+notificationService = inject(NotificationService);
+manualNotification: NotificationRef | undefined;
+
+showManual(): void {
+    this.manualNotification = this.notificationService.error('A error...');
+}
+
+hideManual(): void {
+    this.manualNotification?.close();
+    this.manualNotification = undefined;
+}';`;
 }