@siemens/element-ng 48.10.0 → 49.0.0-rc.2

package/fesm2022/siemens-element-ng-toast-notification.mjs

@@ -1,13 +1,13 @@
 import { Overlay } from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
-import { NgClass, AsyncPipe, isPlatformBrowser } from '@angular/common';
+import { AsyncPipe, isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, input, computed, signal, output, HostListener, Component, ChangeDetectionStrategy, Injector, PLATFORM_ID, Injectable } from '@angular/core';
 import { t, SiTranslatePipe, SiTranslateService, SiNoTranslateService } from '@siemens/element-translate-ng/translate';
 import { ReplaySubject, Subject } from 'rxjs';
-import { trigger, transition, style, animate } from '@angular/animations';
 import { areAnimationsDisabled } from '@siemens/element-ng/common';
-import { STATUS_ICON_CONFIG, addIcons, elementCancel, SiIconComponent, SiStatusIconComponent } from '@siemens/element-ng/icon';
+import { elementCancel } from '@siemens/element-icons';
+import { STATUS_ICON_CONFIG, addIcons, SiIconComponent, SiStatusIconComponent } from '@siemens/element-ng/icon';
 import * as i1 from '@siemens/element-ng/link';
 import { SiLinkModule } from '@siemens/element-ng/link';
 
@@ -19,25 +19,20 @@ const SI_TOAST_AUTO_HIDE_DELAY = 6000;
  */
 class SiToastNotificationComponent {
     statusIcons = inject(STATUS_ICON_CONFIG);
-    toast = input.required();
+    toast = input.required(...(ngDevMode ? [{ debugName: "toast" }] : []));
     closeAriaLabelDefault = t(() => $localize `:@@SI_TOAST.CLOSE:Close`);
-    closeAriaLabel = computed(() => this.toast().closeAriaLabel ?? this.closeAriaLabelDefault);
+    closeAriaLabel = computed(() => this.toast().closeAriaLabel ?? this.closeAriaLabelDefault, ...(ngDevMode ? [{ debugName: "closeAriaLabel" }] : []));
     icons = addIcons({ elementCancel });
     status = computed(() => {
         const toast = this.toast();
-        if (toast.state === 'connection') {
-            return 'danger';
-        }
-        else {
-            return Object.keys(this.statusIcons).includes(toast.state) ? toast.state : 'info';
-        }
-    });
-    statusColor = computed(() => this.statusIcons[this.status()].color);
+        return Object.keys(this.statusIcons).includes(toast.state) ? toast.state : 'info';
+    }, ...(ngDevMode ? [{ debugName: "status" }] : []));
+    statusColor = computed(() => this.statusIcons[this.status()].color, ...(ngDevMode ? [{ debugName: "statusColor" }] : []));
     toastTimeoutInSeconds = computed(() => {
         const toast = this.toast();
         return toast.timeout ? toast.timeout / 1000 : SI_TOAST_AUTO_HIDE_DELAY / 1000;
-    });
-    animationMode = signal('running');
+    }, ...(ngDevMode ? [{ debugName: "toastTimeoutInSeconds" }] : []));
+    animationMode = signal('running', ...(ngDevMode ? [{ debugName: "animationMode" }] : []));
     paused = output();
     resumed = output();
     onMouseEnter() {
@@ -55,13 +50,13 @@ class SiToastNotificationComponent {
     close() {
         this.toast().close();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiToastNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiToastNotificationComponent, isStandalone: true, selector: "si-toast-notification", inputs: { toast: { classPropertyName: "toast", publicName: "toast", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { paused: "paused", resumed: "resumed" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0, template: "@let toastValue = toast();\n@let autoClose = !toastValue.disableAutoClose;\n@let manualClose = !toastValue.disableManualClose;\n<div class=\"si-toast elevation-2\" [class.si-toast-auto-close]=\"autoClose\">\n  @if (autoClose) {\n    <div\n      class=\"si-toast-timer-bar\"\n      [style.--play-state]=\"animationMode()\"\n      [style.--toast-timer-duration.s]=\"toastTimeoutInSeconds()\"\n    ></div>\n  }\n  <div class=\"bar\" [ngClass]=\"statusColor()\"></div>\n  <si-status-icon class=\"icon\" [status]=\"status()\" />\n\n  <div class=\"toast-content px-4\">\n    <p class=\"toast-title\"\n      ><b>{{ toastValue.title | translate: toastValue.translationParams }}</b></p\n    >\n    @if (toastValue.message) {\n      <p class=\"mt-4\">{{ toastValue.message | translate: toastValue.translationParams }}</p>\n    }\n    @if (toastValue.action) {\n      <p [class.mt-3]=\"toastValue.message\" [class.mt-4]=\"!toastValue.message\">\n        <a [siLink]=\"toastValue.action\">{{\n          toastValue.action!.title | translate: toastValue.translationParams\n        }}</a>\n      </p>\n    }\n  </div>\n  @if (manualClose) {\n    <button\n      type=\"button\"\n      tabindex=\"0\"\n      class=\"btn btn-circle btn-sm btn-ghost mt-n2 me-n2\"\n      [attr.aria-label]=\"closeAriaLabel() | translate\"\n      (keydown.enter)=\"close()\"\n      (click)=\"close()\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n", styles: [".si-toast-timer-bar,.si-toast.si-toast-auto-close:before{position:absolute;inset-block-end:0;inset-inline-start:0;block-size:2px}:host{display:block}.si-toast{block-size:auto;position:relative;display:flex;align-items:flex-start;color:var(--element-text-primary);background:var(--element-base-3);border-radius:var(--element-radius-2);padding-inline:12px 8px;padding-block:8px;margin-block-end:20px;font-size:1rem;pointer-events:all;overflow:hidden;min-inline-size:250px;max-inline-size:calc(100vw - 40px)}@media (min-width: 768px){.si-toast{max-inline-size:400px}}.si-toast.si-toast-auto-close{padding-block-end:10px}.si-toast.si-toast-auto-close:before{content:\"\";background:var(--element-ui-4);inset-inline-end:0}.bar{inset-block-start:0;inset-inline-start:0;position:absolute;inline-size:4px;block-size:100%;background:currentColor}@keyframes si-toast-auto-close-animation{0%{inline-size:100%}to{inline-size:0}}.si-toast-timer-bar{animation:si-toast-auto-close-animation var(--toast-timer-duration, 4s) linear forwards;animation-play-state:var(--play-state, running);background-color:var(--element-ui-0)}.toast-content{flex:1;overflow:hidden;white-space:nowrap}.toast-content p{margin-block:0;line-height:1.125rem;white-space:pre-line;overflow-wrap:break-word;word-wrap:break-word}.toast-content .toast-title{line-height:1.5rem}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: SiLinkModule }, { kind: "directive", type: i1.SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiStatusIconComponent, selector: "si-status-icon", inputs: ["status"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiToastNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiToastNotificationComponent, isStandalone: true, selector: "si-toast-notification", inputs: { toast: { classPropertyName: "toast", publicName: "toast", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { paused: "paused", resumed: "resumed" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0, template: "@let toastValue = toast();\n@let autoClose = !toastValue.disableAutoClose;\n@let manualClose = !toastValue.disableManualClose;\n<div class=\"si-toast elevation-2\" [class.si-toast-auto-close]=\"autoClose\">\n  @if (autoClose) {\n    <div\n      class=\"si-toast-timer-bar\"\n      [style.--play-state]=\"animationMode()\"\n      [style.--toast-timer-duration.s]=\"toastTimeoutInSeconds()\"\n    ></div>\n  }\n  <div [class]=\"`bar ${statusColor()}`\"></div>\n  <si-status-icon class=\"icon\" [status]=\"status()\" />\n\n  <div class=\"toast-content px-4\">\n    <p class=\"toast-title\"\n      ><b>{{ toastValue.title | translate: toastValue.translationParams }}</b></p\n    >\n    @if (toastValue.message) {\n      <p class=\"mt-4\">{{ toastValue.message | translate: toastValue.translationParams }}</p>\n    }\n    @if (toastValue.action) {\n      <p [class.mt-3]=\"toastValue.message\" [class.mt-4]=\"!toastValue.message\">\n        <a [siLink]=\"toastValue.action\">{{\n          toastValue.action!.title | translate: toastValue.translationParams\n        }}</a>\n      </p>\n    }\n  </div>\n  @if (manualClose) {\n    <button\n      type=\"button\"\n      tabindex=\"0\"\n      class=\"btn btn-icon btn-ghost mt-n2 me-n2\"\n      [attr.aria-label]=\"closeAriaLabel() | translate\"\n      (keydown.enter)=\"close()\"\n      (click)=\"close()\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n", styles: [".si-toast-timer-bar,.si-toast.si-toast-auto-close:before{position:absolute;inset-block-end:0;inset-inline-start:0;block-size:2px}:host{display:block}.si-toast{block-size:auto;position:relative;display:flex;align-items:flex-start;color:var(--element-text-primary);background:var(--element-base-3);border-radius:var(--element-radius-2);padding-inline:12px 8px;padding-block:8px;margin-block-end:20px;font-size:1rem;pointer-events:all;overflow:hidden;min-inline-size:250px;max-inline-size:calc(100vw - 40px)}@media(min-width:768px){.si-toast{max-inline-size:400px}}.si-toast.si-toast-auto-close{padding-block-end:10px}.si-toast.si-toast-auto-close:before{content:\"\";background:var(--element-ui-4);inset-inline-end:0}.bar{inset-block-start:0;inset-inline-start:0;position:absolute;inline-size:4px;block-size:100%;background:currentColor}@keyframes si-toast-auto-close-animation{0%{inline-size:100%}to{inline-size:0}}.si-toast-timer-bar{animation:si-toast-auto-close-animation var(--toast-timer-duration, 4s) linear forwards;animation-play-state:var(--play-state, running);background-color:var(--element-ui-0)}.toast-content{flex:1;overflow:hidden;white-space:nowrap}.toast-content p{margin-block:0;line-height:1.125rem;white-space:pre-line;overflow-wrap:break-word;word-wrap:break-word}.toast-content .toast-title{line-height:1.25rem}\n"], dependencies: [{ kind: "ngmodule", type: SiLinkModule }, { kind: "directive", type: i1.SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiStatusIconComponent, selector: "si-status-icon", inputs: ["status"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiToastNotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiToastNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-toast-notification', imports: [NgClass, SiLinkModule, SiIconComponent, SiStatusIconComponent, SiTranslatePipe], template: "@let toastValue = toast();\n@let autoClose = !toastValue.disableAutoClose;\n@let manualClose = !toastValue.disableManualClose;\n<div class=\"si-toast elevation-2\" [class.si-toast-auto-close]=\"autoClose\">\n  @if (autoClose) {\n    <div\n      class=\"si-toast-timer-bar\"\n      [style.--play-state]=\"animationMode()\"\n      [style.--toast-timer-duration.s]=\"toastTimeoutInSeconds()\"\n    ></div>\n  }\n  <div class=\"bar\" [ngClass]=\"statusColor()\"></div>\n  <si-status-icon class=\"icon\" [status]=\"status()\" />\n\n  <div class=\"toast-content px-4\">\n    <p class=\"toast-title\"\n      ><b>{{ toastValue.title | translate: toastValue.translationParams }}</b></p\n    >\n    @if (toastValue.message) {\n      <p class=\"mt-4\">{{ toastValue.message | translate: toastValue.translationParams }}</p>\n    }\n    @if (toastValue.action) {\n      <p [class.mt-3]=\"toastValue.message\" [class.mt-4]=\"!toastValue.message\">\n        <a [siLink]=\"toastValue.action\">{{\n          toastValue.action!.title | translate: toastValue.translationParams\n        }}</a>\n      </p>\n    }\n  </div>\n  @if (manualClose) {\n    <button\n      type=\"button\"\n      tabindex=\"0\"\n      class=\"btn btn-circle btn-sm btn-ghost mt-n2 me-n2\"\n      [attr.aria-label]=\"closeAriaLabel() | translate\"\n      (keydown.enter)=\"close()\"\n      (click)=\"close()\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n", styles: [".si-toast-timer-bar,.si-toast.si-toast-auto-close:before{position:absolute;inset-block-end:0;inset-inline-start:0;block-size:2px}:host{display:block}.si-toast{block-size:auto;position:relative;display:flex;align-items:flex-start;color:var(--element-text-primary);background:var(--element-base-3);border-radius:var(--element-radius-2);padding-inline:12px 8px;padding-block:8px;margin-block-end:20px;font-size:1rem;pointer-events:all;overflow:hidden;min-inline-size:250px;max-inline-size:calc(100vw - 40px)}@media (min-width: 768px){.si-toast{max-inline-size:400px}}.si-toast.si-toast-auto-close{padding-block-end:10px}.si-toast.si-toast-auto-close:before{content:\"\";background:var(--element-ui-4);inset-inline-end:0}.bar{inset-block-start:0;inset-inline-start:0;position:absolute;inline-size:4px;block-size:100%;background:currentColor}@keyframes si-toast-auto-close-animation{0%{inline-size:100%}to{inline-size:0}}.si-toast-timer-bar{animation:si-toast-auto-close-animation var(--toast-timer-duration, 4s) linear forwards;animation-play-state:var(--play-state, running);background-color:var(--element-ui-0)}.toast-content{flex:1;overflow:hidden;white-space:nowrap}.toast-content p{margin-block:0;line-height:1.125rem;white-space:pre-line;overflow-wrap:break-word;word-wrap:break-word}.toast-content .toast-title{line-height:1.5rem}\n"] }]
-        }], propDecorators: { onMouseEnter: [{
+            args: [{ selector: 'si-toast-notification', imports: [SiLinkModule, SiIconComponent, SiStatusIconComponent, SiTranslatePipe], template: "@let toastValue = toast();\n@let autoClose = !toastValue.disableAutoClose;\n@let manualClose = !toastValue.disableManualClose;\n<div class=\"si-toast elevation-2\" [class.si-toast-auto-close]=\"autoClose\">\n  @if (autoClose) {\n    <div\n      class=\"si-toast-timer-bar\"\n      [style.--play-state]=\"animationMode()\"\n      [style.--toast-timer-duration.s]=\"toastTimeoutInSeconds()\"\n    ></div>\n  }\n  <div [class]=\"`bar ${statusColor()}`\"></div>\n  <si-status-icon class=\"icon\" [status]=\"status()\" />\n\n  <div class=\"toast-content px-4\">\n    <p class=\"toast-title\"\n      ><b>{{ toastValue.title | translate: toastValue.translationParams }}</b></p\n    >\n    @if (toastValue.message) {\n      <p class=\"mt-4\">{{ toastValue.message | translate: toastValue.translationParams }}</p>\n    }\n    @if (toastValue.action) {\n      <p [class.mt-3]=\"toastValue.message\" [class.mt-4]=\"!toastValue.message\">\n        <a [siLink]=\"toastValue.action\">{{\n          toastValue.action!.title | translate: toastValue.translationParams\n        }}</a>\n      </p>\n    }\n  </div>\n  @if (manualClose) {\n    <button\n      type=\"button\"\n      tabindex=\"0\"\n      class=\"btn btn-icon btn-ghost mt-n2 me-n2\"\n      [attr.aria-label]=\"closeAriaLabel() | translate\"\n      (keydown.enter)=\"close()\"\n      (click)=\"close()\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n", styles: [".si-toast-timer-bar,.si-toast.si-toast-auto-close:before{position:absolute;inset-block-end:0;inset-inline-start:0;block-size:2px}:host{display:block}.si-toast{block-size:auto;position:relative;display:flex;align-items:flex-start;color:var(--element-text-primary);background:var(--element-base-3);border-radius:var(--element-radius-2);padding-inline:12px 8px;padding-block:8px;margin-block-end:20px;font-size:1rem;pointer-events:all;overflow:hidden;min-inline-size:250px;max-inline-size:calc(100vw - 40px)}@media(min-width:768px){.si-toast{max-inline-size:400px}}.si-toast.si-toast-auto-close{padding-block-end:10px}.si-toast.si-toast-auto-close:before{content:\"\";background:var(--element-ui-4);inset-inline-end:0}.bar{inset-block-start:0;inset-inline-start:0;position:absolute;inline-size:4px;block-size:100%;background:currentColor}@keyframes si-toast-auto-close-animation{0%{inline-size:100%}to{inline-size:0}}.si-toast-timer-bar{animation:si-toast-auto-close-animation var(--toast-timer-duration, 4s) linear forwards;animation-play-state:var(--play-state, running);background-color:var(--element-ui-0)}.toast-content{flex:1;overflow:hidden;white-space:nowrap}.toast-content p{margin-block:0;line-height:1.125rem;white-space:pre-line;overflow-wrap:break-word;word-wrap:break-word}.toast-content .toast-title{line-height:1.25rem}\n"] }]
+        }], propDecorators: { toast: [{ type: i0.Input, args: [{ isSignal: true, alias: "toast", required: true }] }], paused: [{ type: i0.Output, args: ["paused"] }], resumed: [{ type: i0.Output, args: ["resumed"] }], onMouseEnter: [{
                 type: HostListener,
                 args: ['mouseenter']
             }], onMouseLeave: [{
@@ -74,41 +69,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiToastNotificationDrawerComponent {
-    toasts = input();
+    toasts = input(...(ngDevMode ? [undefined, { debugName: "toasts" }] : []));
     paused = output();
     resumed = output();
     animationsDisabled = areAnimationsDisabled();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiToastNotificationDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiToastNotificationDrawerComponent, isStandalone: true, selector: "si-toast-notification-drawer", inputs: { toasts: { classPropertyName: "toasts", publicName: "toasts", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { paused: "paused", resumed: "resumed" }, host: { attributes: { "aria-live": "polite" } }, ngImport: i0, template: "@for (toast of toasts() | async; track toast) {\n  <si-toast-notification\n    @toastTrigger\n    class=\"position-relative\"\n    [toast]=\"toast\"\n    [@.disabled]=\"animationsDisabled\"\n    (paused)=\"paused.emit(toast)\"\n    (resumed)=\"resumed.emit(toast)\"\n  />\n}\n", styles: ["::ng-deep .cdk-global-overlay-wrapper:has(si-toast-notification-drawer){z-index:2000}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: SiToastNotificationComponent, selector: "si-toast-notification", inputs: ["toast"], outputs: ["paused", "resumed"] }], animations: [
-            trigger('toastTrigger', [
-                transition(':enter', [
-                    style({ opacity: 0, transform: 'translateY(100%)' }),
-                    animate('500ms cubic-bezier(0.175, 0.885, 0.32, 1.275)', style({ opacity: 1, transform: 'translateY(0%)' }))
-                ]),
-                transition(':leave', [
-                    style({ 'opacity': 1, 'inset-inline-end': '0%' }),
-                    animate('300ms', style({ 'opacity': 0, 'inset-inline-end': '-100%' }))
-                ])
-            ])
-        ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiToastNotificationDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiToastNotificationDrawerComponent, isStandalone: true, selector: "si-toast-notification-drawer", inputs: { toasts: { classPropertyName: "toasts", publicName: "toasts", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { paused: "paused", resumed: "resumed" }, host: { attributes: { "aria-live": "polite" }, properties: { "class.animations-disabled": "animationsDisabled" } }, ngImport: i0, template: "@for (toast of toasts() | async; track toast) {\n  <si-toast-notification\n    class=\"position-relative\"\n    animate.enter=\"toast-enter\"\n    animate.leave=\"toast-leave\"\n    [toast]=\"toast\"\n    (paused)=\"paused.emit(toast)\"\n    (resumed)=\"resumed.emit(toast)\"\n  />\n}\n", styles: ["::ng-deep .cdk-global-overlay-wrapper:has(si-toast-notification-drawer){z-index:2000}si-toast-notification{inset-inline-end:0}.toast-enter{transition-property:opacity,transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);opacity:1;transform:translateY(0)}@starting-style{.toast-enter{opacity:0;transform:translateY(100%)}}.toast-leave{transition-property:opacity,transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);opacity:0;transform:translate(100%)}:host.animations-disabled si-toast-notification{transition:none}:host.animations-disabled si-toast-notification.toast-enter,:host.animations-disabled si-toast-notification.toast-leave{transition:none}\n"], dependencies: [{ kind: "component", type: SiToastNotificationComponent, selector: "si-toast-notification", inputs: ["toast"], outputs: ["paused", "resumed"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiToastNotificationDrawerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiToastNotificationDrawerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-toast-notification-drawer', imports: [AsyncPipe, SiToastNotificationComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        'aria-live': 'polite'
-                    }, animations: [
-                        trigger('toastTrigger', [
-                            transition(':enter', [
-                                style({ opacity: 0, transform: 'translateY(100%)' }),
-                                animate('500ms cubic-bezier(0.175, 0.885, 0.32, 1.275)', style({ opacity: 1, transform: 'translateY(0%)' }))
-                            ]),
-                            transition(':leave', [
-                                style({ 'opacity': 1, 'inset-inline-end': '0%' }),
-                                animate('300ms', style({ 'opacity': 0, 'inset-inline-end': '-100%' }))
-                            ])
-                        ])
-                    ], template: "@for (toast of toasts() | async; track toast) {\n  <si-toast-notification\n    @toastTrigger\n    class=\"position-relative\"\n    [toast]=\"toast\"\n    [@.disabled]=\"animationsDisabled\"\n    (paused)=\"paused.emit(toast)\"\n    (resumed)=\"resumed.emit(toast)\"\n  />\n}\n", styles: ["::ng-deep .cdk-global-overlay-wrapper:has(si-toast-notification-drawer){z-index:2000}\n"] }]
-        }] });
+                        'aria-live': 'polite',
+                        '[class.animations-disabled]': 'animationsDisabled'
+                    }, template: "@for (toast of toasts() | async; track toast) {\n  <si-toast-notification\n    class=\"position-relative\"\n    animate.enter=\"toast-enter\"\n    animate.leave=\"toast-leave\"\n    [toast]=\"toast\"\n    (paused)=\"paused.emit(toast)\"\n    (resumed)=\"resumed.emit(toast)\"\n  />\n}\n", styles: ["::ng-deep .cdk-global-overlay-wrapper:has(si-toast-notification-drawer){z-index:2000}si-toast-notification{inset-inline-end:0}.toast-enter{transition-property:opacity,transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);opacity:1;transform:translateY(0)}@starting-style{.toast-enter{opacity:0;transform:translateY(100%)}}.toast-leave{transition-property:opacity,transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);opacity:0;transform:translate(100%)}:host.animations-disabled si-toast-notification{transition:none}:host.animations-disabled si-toast-notification.toast-enter,:host.animations-disabled si-toast-notification.toast-leave{transition:none}\n"] }]
+        }], propDecorators: { toasts: [{ type: i0.Input, args: [{ isSignal: true, alias: "toasts", required: false }] }], paused: [{ type: i0.Output, args: ["paused"] }], resumed: [{ type: i0.Output, args: ["resumed"] }] } });
 
 /**
  * Copyright (c) Siemens 2016 - 2025
@@ -248,10 +222,10 @@ class SiToastNotificationService {
         }
         return injector;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiToastNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiToastNotificationService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiToastNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiToastNotificationService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiToastNotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiToastNotificationService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });

package/fesm2022/siemens-element-ng-toast-notification.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-toast-notification.mjs","sources":["../../../../projects/element-ng/toast-notification/si-toast.model.ts","../../../../projects/element-ng/toast-notification/si-toast-notification/si-toast-notification.component.ts","../../../../projects/element-ng/toast-notification/si-toast-notification/si-toast-notification.component.html","../../../../projects/element-ng/toast-notification/si-toast-notification-drawer/si-toast-notification-drawer.component.ts","../../../../projects/element-ng/toast-notification/si-toast-notification-drawer/si-toast-notification-drawer.component.html","../../../../projects/element-ng/toast-notification/si-toast-notification.service.ts","../../../../projects/element-ng/toast-notification/index.ts","../../../../projects/element-ng/toast-notification/siemens-element-ng-toast-notification.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { StatusType } from '@siemens/element-ng/common';\nimport { Link } from '@siemens/element-ng/link';\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { Subject } from 'rxjs';\n\nexport interface SiToast {\n  state: ToastStateName;\n  title: TranslatableString;\n  message: TranslatableString;\n  disableManualClose?: boolean;\n  disableAutoClose?: boolean;\n  timeout?: number;\n  action?: Link;\n  close?: () => void;\n  translationParams?: { [key: string]: any };\n  hidden?: Subject<void>;\n  closeAriaLabel?: TranslatableString;\n}\n\nexport type ToastStateName = StatusType | 'connection';\n\nexport const SI_TOAST_AUTO_HIDE_DELAY = 6000;\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgClass } from '@angular/common';\nimport { Component, computed, HostListener, inject, input, output, signal } from '@angular/core';\nimport {\n  addIcons,\n  elementCancel,\n  SiIconComponent,\n  SiStatusIconComponent,\n  STATUS_ICON_CONFIG\n} from '@siemens/element-ng/icon';\nimport { SiLinkModule } from '@siemens/element-ng/link';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\nimport { SI_TOAST_AUTO_HIDE_DELAY, SiToast } from '../si-toast.model';\n\n@Component({\n  selector: 'si-toast-notification',\n  imports: [NgClass, SiLinkModule, SiIconComponent, SiStatusIconComponent, SiTranslatePipe],\n  templateUrl: './si-toast-notification.component.html',\n  styleUrl: './si-toast-notification.component.scss'\n})\nexport class SiToastNotificationComponent {\n  private readonly statusIcons = inject(STATUS_ICON_CONFIG);\n  readonly toast = input.required<SiToast>();\n\n  private closeAriaLabelDefault = t(() => $localize`:@@SI_TOAST.CLOSE:Close`);\n  protected readonly closeAriaLabel = computed(\n    () => this.toast().closeAriaLabel ?? this.closeAriaLabelDefault\n  );\n  protected readonly icons = addIcons({ elementCancel });\n  protected readonly status = computed(() => {\n    const toast = this.toast();\n    if (toast.state === 'connection') {\n      return 'danger';\n    } else {\n      return Object.keys(this.statusIcons).includes(toast.state) ? toast.state : 'info';\n    }\n  });\n  protected readonly statusColor = computed(() => this.statusIcons[this.status()].color);\n  protected readonly toastTimeoutInSeconds = computed(() => {\n    const toast = this.toast();\n    return toast.timeout ? toast.timeout / 1000 : SI_TOAST_AUTO_HIDE_DELAY / 1000;\n  });\n  protected readonly animationMode = signal('running');\n  readonly paused = output<void>();\n  readonly resumed = output<void>();\n\n  @HostListener('mouseenter')\n  protected onMouseEnter(): void {\n    if (!this.toast().disableAutoClose) {\n      this.animationMode.set('paused');\n      this.paused.emit();\n    }\n  }\n\n  @HostListener('mouseleave')\n  protected onMouseLeave(): void {\n    if (!this.toast().disableAutoClose) {\n      this.animationMode.set('running');\n      this.resumed.emit();\n    }\n  }\n\n  protected close(): void {\n    this.toast().close!();\n  }\n}\n","@let toastValue = toast();\n@let autoClose = !toastValue.disableAutoClose;\n@let manualClose = !toastValue.disableManualClose;\n<div class=\"si-toast elevation-2\" [class.si-toast-auto-close]=\"autoClose\">\n  @if (autoClose) {\n    <div\n      class=\"si-toast-timer-bar\"\n      [style.--play-state]=\"animationMode()\"\n      [style.--toast-timer-duration.s]=\"toastTimeoutInSeconds()\"\n    ></div>\n  }\n  <div class=\"bar\" [ngClass]=\"statusColor()\"></div>\n  <si-status-icon class=\"icon\" [status]=\"status()\" />\n\n  <div class=\"toast-content px-4\">\n    <p class=\"toast-title\"\n      ><b>{{ toastValue.title | translate: toastValue.translationParams }}</b></p\n    >\n    @if (toastValue.message) {\n      <p class=\"mt-4\">{{ toastValue.message | translate: toastValue.translationParams }}</p>\n    }\n    @if (toastValue.action) {\n      <p [class.mt-3]=\"toastValue.message\" [class.mt-4]=\"!toastValue.message\">\n        <a [siLink]=\"toastValue.action\">{{\n          toastValue.action!.title | translate: toastValue.translationParams\n        }}</a>\n      </p>\n    }\n  </div>\n  @if (manualClose) {\n    <button\n      type=\"button\"\n      tabindex=\"0\"\n      class=\"btn btn-circle btn-sm btn-ghost mt-n2 me-n2\"\n      [attr.aria-label]=\"closeAriaLabel() | translate\"\n      (keydown.enter)=\"close()\"\n      (click)=\"close()\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { animate, style, transition, trigger } from '@angular/animations';\nimport { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { areAnimationsDisabled } from '@siemens/element-ng/common';\nimport { Observable } from 'rxjs';\n\nimport { SiToastNotificationComponent } from '../si-toast-notification/si-toast-notification.component';\nimport { SiToast } from '../si-toast.model';\n\n@Component({\n  selector: 'si-toast-notification-drawer',\n  imports: [AsyncPipe, SiToastNotificationComponent],\n  templateUrl: './si-toast-notification-drawer.component.html',\n  // workaround for cdk-overlay not supporting the order of overlays\n  styles: `\n    ::ng-deep .cdk-global-overlay-wrapper:has(si-toast-notification-drawer) {\n      z-index: 2000;\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'aria-live': 'polite'\n  },\n  animations: [\n    trigger('toastTrigger', [\n      transition(':enter', [\n        style({ opacity: 0, transform: 'translateY(100%)' }),\n        animate(\n          '500ms cubic-bezier(0.175, 0.885, 0.32, 1.275)',\n          style({ opacity: 1, transform: 'translateY(0%)' })\n        )\n      ]),\n      transition(':leave', [\n        style({ 'opacity': 1, 'inset-inline-end': '0%' }),\n        animate('300ms', style({ 'opacity': 0, 'inset-inline-end': '-100%' }))\n      ])\n    ])\n  ]\n})\nexport class SiToastNotificationDrawerComponent {\n  readonly toasts = input<Observable<SiToast[]>>();\n  readonly paused = output<SiToast>();\n  readonly resumed = output<SiToast>();\n\n  protected animationsDisabled = areAnimationsDisabled();\n}\n","@for (toast of toasts() | async; track toast) {\n  <si-toast-notification\n    @toastTrigger\n    class=\"position-relative\"\n    [toast]=\"toast\"\n    [@.disabled]=\"animationsDisabled\"\n    (paused)=\"paused.emit(toast)\"\n    (resumed)=\"resumed.emit(toast)\"\n  />\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { isPlatformBrowser } from '@angular/common';\nimport { ComponentRef, inject, Injectable, Injector, OnDestroy, PLATFORM_ID } from '@angular/core';\nimport { Link } from '@siemens/element-ng/link';\nimport { SiNoTranslateService, SiTranslateService } from '@siemens/element-translate-ng/translate';\nimport { ReplaySubject, Subject } from 'rxjs';\n\nimport { SiToastNotificationDrawerComponent } from './si-toast-notification-drawer/si-toast-notification-drawer.component';\nimport { SI_TOAST_AUTO_HIDE_DELAY, SiToast, ToastStateName } from './si-toast.model';\n\n@Injectable({ providedIn: 'root' })\nexport class SiToastNotificationService implements OnDestroy {\n  /**\n   * List of currently active toasts to see details or close them.\n   *\n   * @defaultValue []\n   */\n  activeToasts: SiToast[] = [];\n\n  private activeToastsSubject = new ReplaySubject<SiToast[]>(1);\n  private queuedToastSubject = new Subject<SiToast>();\n  private readonly maxToasts = 3;\n\n  private componentRef?: ComponentRef<SiToastNotificationDrawerComponent>;\n  private overlayRef?: OverlayRef;\n\n  private injector = inject(Injector);\n  private overlay = inject(Overlay);\n  private toastTimeoutMap = new Map<SiToast, any>();\n  private toastTimerDefaults = new Map<\n    SiToast,\n    { pendingTimeout: number; initializeTime: number }\n  >();\n\n  constructor() {\n    const isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n    this.queuedToastSubject.subscribe((toast: SiToast) => {\n      this.activeToasts.push(toast);\n      if (this.activeToasts.length > this.maxToasts) {\n        this.hideToastNotification(this.activeToasts[0]);\n      }\n      this.activeToastsSubject.next(this.activeToasts);\n      if (!toast.disableAutoClose && toast.timeout) {\n        this.toastTimerDefaults.set(toast, {\n          pendingTimeout: toast.timeout,\n          initializeTime: Date.now()\n        });\n        this.toastTimeoutMap.set(\n          toast,\n          setTimeout(() => this.hideToastNotification(toast), toast.timeout)\n        );\n      }\n    });\n\n    if (isBrowser) {\n      this.addToastDrawer();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.overlayRef?.dispose();\n    this.componentRef?.destroy();\n  }\n\n  /**\n   * Queue a new toast to be shown.\n   * @param action - Passing a Link object will optionally add a clickable link to the toast which can contain an action.\n   * @returns the toast object\n   */\n  queueToastNotification(\n    state: ToastStateName,\n    title: string,\n    message: string,\n    disableAutoClose?: boolean,\n    disableManualClose?: boolean,\n    action?: Link\n  ): SiToast {\n    const toast: SiToast = {\n      state,\n      title,\n      message,\n      disableAutoClose,\n      disableManualClose,\n      action,\n      hidden: new Subject()\n    };\n    return this.showToastNotification(toast);\n  }\n\n  /**\n   * Show a toast notification\n   * @param toast - The toast object of the toast to be shown, can also be constructed while calling this.\n   */\n  showToastNotification(toast: SiToast): SiToast {\n    toast.timeout ??= SI_TOAST_AUTO_HIDE_DELAY;\n    toast.hidden ??= new Subject();\n    toast.close = () => this.hideToastNotification(toast);\n    this.queuedToastSubject.next(toast);\n    return toast;\n  }\n\n  /**\n   * Hide a toast notification\n   * @param toast - The toast object of the toast to be hidden, can be retrieved from {@link activeToasts} and is returned by {@link queueToastNotification}.\n   */\n  hideToastNotification(toast?: SiToast): void {\n    const hiddenToasts: SiToast[] = [];\n    const activeToasts: SiToast[] = [];\n    this.activeToasts.forEach(item => {\n      if (!toast || item === toast) {\n        hiddenToasts.push(item);\n      } else {\n        activeToasts.push(item);\n      }\n    });\n\n    this.activeToasts = activeToasts;\n    this.activeToastsSubject.next(this.activeToasts);\n\n    hiddenToasts.forEach(item => {\n      item.hidden?.next();\n      item.hidden?.complete();\n      this.toastTimerDefaults.delete(item);\n      this.toastTimeoutMap.delete(item);\n    });\n  }\n\n  private pauseToastNotification(toast: SiToast): void {\n    if (!toast.disableAutoClose) {\n      clearTimeout(this.toastTimeoutMap.get(toast));\n\n      const initialTimeout = this.toastTimerDefaults.get(toast)?.initializeTime;\n      const elapsedTime = initialTimeout ? Date.now() - initialTimeout : 0;\n      this.toastTimerDefaults.get(toast)!.pendingTimeout -= elapsedTime;\n    }\n  }\n\n  private resumeToastNotification(toast: SiToast): void {\n    if (!toast.disableAutoClose) {\n      this.toastTimerDefaults.get(toast)!.initializeTime = Date.now();\n      this.toastTimeoutMap.set(\n        toast,\n        setTimeout(() => {\n          this.hideToastNotification(this.activeToasts.find(t => t === toast));\n        }, this.toastTimerDefaults.get(toast)!.pendingTimeout)\n      );\n    }\n  }\n\n  private addToastDrawer(): void {\n    this.overlayRef = this.overlay.create({\n      positionStrategy: this.overlay.position().global().end('20px').bottom()\n    });\n    const portal = new ComponentPortal(\n      SiToastNotificationDrawerComponent,\n      null,\n      this.buildInjector()\n    );\n    this.componentRef = this.overlayRef.attach(portal);\n    this.componentRef.setInput('toasts', this.activeToastsSubject);\n    this.componentRef.instance.paused.subscribe(toast => {\n      this.pauseToastNotification(toast);\n    });\n    this.componentRef.instance.resumed.subscribe(toast => {\n      this.resumeToastNotification(toast);\n    });\n  }\n\n  // TODO remove once translation must be defined at application start\n  // Notification service is provided in 'root'. If no translation is defined, SiNoTranslateService is not provided\n  private buildInjector(): Injector {\n    let injector = this.injector;\n    if (!injector.get(SiTranslateService, null)) {\n      injector = Injector.create({\n        providers: [{ provide: SiTranslateService, useClass: SiNoTranslateService, deps: [] }],\n        parent: this.injector\n      });\n    }\n    return injector;\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-toast.model';\nexport * from './si-toast-notification.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"siemens-element-ng-toast-notification.mjs","sources":["../../../../projects/element-ng/toast-notification/si-toast.model.ts","../../../../projects/element-ng/toast-notification/si-toast-notification/si-toast-notification.component.ts","../../../../projects/element-ng/toast-notification/si-toast-notification/si-toast-notification.component.html","../../../../projects/element-ng/toast-notification/si-toast-notification-drawer/si-toast-notification-drawer.component.ts","../../../../projects/element-ng/toast-notification/si-toast-notification-drawer/si-toast-notification-drawer.component.html","../../../../projects/element-ng/toast-notification/si-toast-notification.service.ts","../../../../projects/element-ng/toast-notification/index.ts","../../../../projects/element-ng/toast-notification/siemens-element-ng-toast-notification.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { StatusType } from '@siemens/element-ng/common';\nimport { Link } from '@siemens/element-ng/link';\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { Subject } from 'rxjs';\n\nexport interface SiToast {\n  state: StatusType;\n  title: TranslatableString;\n  message: TranslatableString;\n  disableManualClose?: boolean;\n  disableAutoClose?: boolean;\n  timeout?: number;\n  action?: Link;\n  close?: () => void;\n  translationParams?: { [key: string]: any };\n  hidden?: Subject<void>;\n  closeAriaLabel?: TranslatableString;\n}\n\nexport const SI_TOAST_AUTO_HIDE_DELAY = 6000;\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Component, computed, HostListener, inject, input, output, signal } from '@angular/core';\nimport { elementCancel } from '@siemens/element-icons';\nimport {\n  addIcons,\n  SiIconComponent,\n  SiStatusIconComponent,\n  STATUS_ICON_CONFIG\n} from '@siemens/element-ng/icon';\nimport { SiLinkModule } from '@siemens/element-ng/link';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\nimport { SI_TOAST_AUTO_HIDE_DELAY, SiToast } from '../si-toast.model';\n\n@Component({\n  selector: 'si-toast-notification',\n  imports: [SiLinkModule, SiIconComponent, SiStatusIconComponent, SiTranslatePipe],\n  templateUrl: './si-toast-notification.component.html',\n  styleUrl: './si-toast-notification.component.scss'\n})\nexport class SiToastNotificationComponent {\n  private readonly statusIcons = inject(STATUS_ICON_CONFIG);\n  readonly toast = input.required<SiToast>();\n\n  private closeAriaLabelDefault = t(() => $localize`:@@SI_TOAST.CLOSE:Close`);\n  protected readonly closeAriaLabel = computed(\n    () => this.toast().closeAriaLabel ?? this.closeAriaLabelDefault\n  );\n  protected readonly icons = addIcons({ elementCancel });\n  protected readonly status = computed(() => {\n    const toast = this.toast();\n    return Object.keys(this.statusIcons).includes(toast.state) ? toast.state : 'info';\n  });\n  protected readonly statusColor = computed(() => this.statusIcons[this.status()].color);\n  protected readonly toastTimeoutInSeconds = computed(() => {\n    const toast = this.toast();\n    return toast.timeout ? toast.timeout / 1000 : SI_TOAST_AUTO_HIDE_DELAY / 1000;\n  });\n  protected readonly animationMode = signal('running');\n  readonly paused = output<void>();\n  readonly resumed = output<void>();\n\n  @HostListener('mouseenter')\n  protected onMouseEnter(): void {\n    if (!this.toast().disableAutoClose) {\n      this.animationMode.set('paused');\n      this.paused.emit();\n    }\n  }\n\n  @HostListener('mouseleave')\n  protected onMouseLeave(): void {\n    if (!this.toast().disableAutoClose) {\n      this.animationMode.set('running');\n      this.resumed.emit();\n    }\n  }\n\n  protected close(): void {\n    this.toast().close!();\n  }\n}\n","@let toastValue = toast();\n@let autoClose = !toastValue.disableAutoClose;\n@let manualClose = !toastValue.disableManualClose;\n<div class=\"si-toast elevation-2\" [class.si-toast-auto-close]=\"autoClose\">\n  @if (autoClose) {\n    <div\n      class=\"si-toast-timer-bar\"\n      [style.--play-state]=\"animationMode()\"\n      [style.--toast-timer-duration.s]=\"toastTimeoutInSeconds()\"\n    ></div>\n  }\n  <div [class]=\"`bar ${statusColor()}`\"></div>\n  <si-status-icon class=\"icon\" [status]=\"status()\" />\n\n  <div class=\"toast-content px-4\">\n    <p class=\"toast-title\"\n      ><b>{{ toastValue.title | translate: toastValue.translationParams }}</b></p\n    >\n    @if (toastValue.message) {\n      <p class=\"mt-4\">{{ toastValue.message | translate: toastValue.translationParams }}</p>\n    }\n    @if (toastValue.action) {\n      <p [class.mt-3]=\"toastValue.message\" [class.mt-4]=\"!toastValue.message\">\n        <a [siLink]=\"toastValue.action\">{{\n          toastValue.action!.title | translate: toastValue.translationParams\n        }}</a>\n      </p>\n    }\n  </div>\n  @if (manualClose) {\n    <button\n      type=\"button\"\n      tabindex=\"0\"\n      class=\"btn btn-icon btn-ghost mt-n2 me-n2\"\n      [attr.aria-label]=\"closeAriaLabel() | translate\"\n      (keydown.enter)=\"close()\"\n      (click)=\"close()\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { areAnimationsDisabled } from '@siemens/element-ng/common';\nimport { Observable } from 'rxjs';\n\nimport { SiToastNotificationComponent } from '../si-toast-notification/si-toast-notification.component';\nimport { SiToast } from '../si-toast.model';\n\n@Component({\n  selector: 'si-toast-notification-drawer',\n  imports: [AsyncPipe, SiToastNotificationComponent],\n  templateUrl: './si-toast-notification-drawer.component.html',\n  styleUrl: './si-toast-notification-drawer.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'aria-live': 'polite',\n    '[class.animations-disabled]': 'animationsDisabled'\n  }\n})\nexport class SiToastNotificationDrawerComponent {\n  readonly toasts = input<Observable<SiToast[]>>();\n  readonly paused = output<SiToast>();\n  readonly resumed = output<SiToast>();\n\n  protected animationsDisabled = areAnimationsDisabled();\n}\n","@for (toast of toasts() | async; track toast) {\n  <si-toast-notification\n    class=\"position-relative\"\n    animate.enter=\"toast-enter\"\n    animate.leave=\"toast-leave\"\n    [toast]=\"toast\"\n    (paused)=\"paused.emit(toast)\"\n    (resumed)=\"resumed.emit(toast)\"\n  />\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { isPlatformBrowser } from '@angular/common';\nimport { ComponentRef, inject, Injectable, Injector, OnDestroy, PLATFORM_ID } from '@angular/core';\nimport { StatusType } from '@siemens/element-ng/common';\nimport { Link } from '@siemens/element-ng/link';\nimport { SiNoTranslateService, SiTranslateService } from '@siemens/element-translate-ng/translate';\nimport { ReplaySubject, Subject } from 'rxjs';\n\nimport { SiToastNotificationDrawerComponent } from './si-toast-notification-drawer/si-toast-notification-drawer.component';\nimport { SI_TOAST_AUTO_HIDE_DELAY, SiToast } from './si-toast.model';\n\n@Injectable({ providedIn: 'root' })\nexport class SiToastNotificationService implements OnDestroy {\n  /**\n   * List of currently active toasts to see details or close them.\n   *\n   * @defaultValue []\n   */\n  activeToasts: SiToast[] = [];\n\n  private activeToastsSubject = new ReplaySubject<SiToast[]>(1);\n  private queuedToastSubject = new Subject<SiToast>();\n  private readonly maxToasts = 3;\n\n  private componentRef?: ComponentRef<SiToastNotificationDrawerComponent>;\n  private overlayRef?: OverlayRef;\n\n  private injector = inject(Injector);\n  private overlay = inject(Overlay);\n  private toastTimeoutMap = new Map<SiToast, any>();\n  private toastTimerDefaults = new Map<\n    SiToast,\n    { pendingTimeout: number; initializeTime: number }\n  >();\n\n  constructor() {\n    const isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n    this.queuedToastSubject.subscribe((toast: SiToast) => {\n      this.activeToasts.push(toast);\n      if (this.activeToasts.length > this.maxToasts) {\n        this.hideToastNotification(this.activeToasts[0]);\n      }\n      this.activeToastsSubject.next(this.activeToasts);\n      if (!toast.disableAutoClose && toast.timeout) {\n        this.toastTimerDefaults.set(toast, {\n          pendingTimeout: toast.timeout,\n          initializeTime: Date.now()\n        });\n        this.toastTimeoutMap.set(\n          toast,\n          setTimeout(() => this.hideToastNotification(toast), toast.timeout)\n        );\n      }\n    });\n\n    if (isBrowser) {\n      this.addToastDrawer();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.overlayRef?.dispose();\n    this.componentRef?.destroy();\n  }\n\n  /**\n   * Queue a new toast to be shown.\n   * @param action - Passing a Link object will optionally add a clickable link to the toast which can contain an action.\n   * @returns the toast object\n   */\n  queueToastNotification(\n    state: StatusType,\n    title: string,\n    message: string,\n    disableAutoClose?: boolean,\n    disableManualClose?: boolean,\n    action?: Link\n  ): SiToast {\n    const toast: SiToast = {\n      state,\n      title,\n      message,\n      disableAutoClose,\n      disableManualClose,\n      action,\n      hidden: new Subject()\n    };\n    return this.showToastNotification(toast);\n  }\n\n  /**\n   * Show a toast notification\n   * @param toast - The toast object of the toast to be shown, can also be constructed while calling this.\n   */\n  showToastNotification(toast: SiToast): SiToast {\n    toast.timeout ??= SI_TOAST_AUTO_HIDE_DELAY;\n    toast.hidden ??= new Subject();\n    toast.close = () => this.hideToastNotification(toast);\n    this.queuedToastSubject.next(toast);\n    return toast;\n  }\n\n  /**\n   * Hide a toast notification\n   * @param toast - The toast object of the toast to be hidden, can be retrieved from {@link activeToasts} and is returned by {@link queueToastNotification}.\n   */\n  hideToastNotification(toast?: SiToast): void {\n    const hiddenToasts: SiToast[] = [];\n    const activeToasts: SiToast[] = [];\n    this.activeToasts.forEach(item => {\n      if (!toast || item === toast) {\n        hiddenToasts.push(item);\n      } else {\n        activeToasts.push(item);\n      }\n    });\n\n    this.activeToasts = activeToasts;\n    this.activeToastsSubject.next(this.activeToasts);\n\n    hiddenToasts.forEach(item => {\n      item.hidden?.next();\n      item.hidden?.complete();\n      this.toastTimerDefaults.delete(item);\n      this.toastTimeoutMap.delete(item);\n    });\n  }\n\n  private pauseToastNotification(toast: SiToast): void {\n    if (!toast.disableAutoClose) {\n      clearTimeout(this.toastTimeoutMap.get(toast));\n\n      const initialTimeout = this.toastTimerDefaults.get(toast)?.initializeTime;\n      const elapsedTime = initialTimeout ? Date.now() - initialTimeout : 0;\n      this.toastTimerDefaults.get(toast)!.pendingTimeout -= elapsedTime;\n    }\n  }\n\n  private resumeToastNotification(toast: SiToast): void {\n    if (!toast.disableAutoClose) {\n      this.toastTimerDefaults.get(toast)!.initializeTime = Date.now();\n      this.toastTimeoutMap.set(\n        toast,\n        setTimeout(() => {\n          this.hideToastNotification(this.activeToasts.find(t => t === toast));\n        }, this.toastTimerDefaults.get(toast)!.pendingTimeout)\n      );\n    }\n  }\n\n  private addToastDrawer(): void {\n    this.overlayRef = this.overlay.create({\n      positionStrategy: this.overlay.position().global().end('20px').bottom()\n    });\n    const portal = new ComponentPortal(\n      SiToastNotificationDrawerComponent,\n      null,\n      this.buildInjector()\n    );\n    this.componentRef = this.overlayRef.attach(portal);\n    this.componentRef.setInput('toasts', this.activeToastsSubject);\n    this.componentRef.instance.paused.subscribe(toast => {\n      this.pauseToastNotification(toast);\n    });\n    this.componentRef.instance.resumed.subscribe(toast => {\n      this.resumeToastNotification(toast);\n    });\n  }\n\n  // TODO remove once translation must be defined at application start\n  // Notification service is provided in 'root'. If no translation is defined, SiNoTranslateService is not provided\n  private buildInjector(): Injector {\n    let injector = this.injector;\n    if (!injector.get(SiTranslateService, null)) {\n      injector = Injector.create({\n        providers: [{ provide: SiTranslateService, useClass: SiNoTranslateService, deps: [] }],\n        parent: this.injector\n      });\n    }\n    return injector;\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-toast.model';\nexport * from './si-toast-notification.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/siemens-element-ng-tooltip.mjs

@@ -1,32 +1,32 @@
 import * as i0 from '@angular/core';
-import { input, signal, inject, ElementRef, computed, TemplateRef, Component, Injectable, booleanAttribute, HostListener, Directive, NgModule } from '@angular/core';
+import { input, signal, inject, ElementRef, computed, TemplateRef, Component, Injectable, booleanAttribute, Directive, NgModule } from '@angular/core';
 import { Overlay } from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
 import { calculateOverlayArrowPosition, getPositionStrategy, getOverlay } from '@siemens/element-ng/common';
-import { NgClass, NgTemplateOutlet, NgComponentOutlet } from '@angular/common';
+import { NgTemplateOutlet, NgComponentOutlet } from '@angular/common';
 import { SiTranslatePipe } from '@siemens/element-translate-ng/translate';
 
 class TooltipComponent {
     /** @defaultValue '' */
-    tooltip = input('');
-    tooltipPositionClass = signal('');
-    arrowPos = signal(undefined);
+    tooltip = input('', ...(ngDevMode ? [{ debugName: "tooltip" }] : []));
+    tooltipPositionClass = signal('', ...(ngDevMode ? [{ debugName: "tooltipPositionClass" }] : []));
+    arrowPos = signal(undefined, ...(ngDevMode ? [{ debugName: "arrowPos" }] : []));
     /** @internal */
-    id = input('');
-    tooltipContext = input();
+    id = input('', ...(ngDevMode ? [{ debugName: "id" }] : []));
+    tooltipContext = input(...(ngDevMode ? [undefined, { debugName: "tooltipContext" }] : []));
     elementRef = inject(ElementRef);
     tooltipText = computed(() => {
         const tooltip = this.tooltip();
         return typeof tooltip === 'string' ? tooltip : null;
-    });
+    }, ...(ngDevMode ? [{ debugName: "tooltipText" }] : []));
     tooltipTemplate = computed(() => {
         const tooltip = this.tooltip();
         return tooltip instanceof TemplateRef ? tooltip : null;
-    });
+    }, ...(ngDevMode ? [{ debugName: "tooltipTemplate" }] : []));
     tooltipComponent = computed(() => {
         const tooltip = this.tooltip();
         return !(tooltip instanceof TemplateRef) && typeof tooltip !== 'string' ? tooltip : null;
-    });
+    }, ...(ngDevMode ? [{ debugName: "tooltipComponent" }] : []));
     /** @internal */
     updateTooltipPosition(change, anchor) {
         const arrowClassTooltip = `tooltip-${change.connectionPair.overlayX}-${change.connectionPair.overlayY}`;
@@ -37,13 +37,15 @@ class TooltipComponent {
         const arrowPos = calculateOverlayArrowPosition(change, this.elementRef, anchor);
         this.arrowPos.set(arrowPos);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TooltipComponent, isStandalone: true, selector: "si-tooltip", inputs: { tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, tooltipContext: { classPropertyName: "tooltipContext", publicName: "tooltipContext", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"tooltip show position-relative\"\n  role=\"tooltip\"\n  [id]=\"id()\"\n  [ngClass]=\"tooltipPositionClass()\"\n>\n  <div\n    class=\"tooltip-arrow\"\n    [style.left.px]=\"arrowPos()?.left\"\n    [style.right.px]=\"arrowPos()?.right\"\n  ></div>\n  <div class=\"tooltip-inner\">\n    @if (tooltipText()) {\n      <div class=\"si-body\">{{ tooltipText() | translate }}</div>\n    } @else if (tooltipTemplate()) {\n      <ng-template\n        [ngTemplateOutlet]=\"tooltipTemplate()\"\n        [ngTemplateOutletContext]=\"tooltipContext()\"\n      />\n    } @else if (tooltipComponent()) {\n      <ng-container [ngComponentOutlet]=\"tooltipComponent()\" />\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: TooltipComponent, isStandalone: true, selector: "si-tooltip", inputs: { tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, tooltipContext: { classPropertyName: "tooltipContext", publicName: "tooltipContext", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "animate.leave": "tooltip-leave" } }, ngImport: i0, template: "<div\n  class=\"tooltip show position-relative\"\n  role=\"tooltip\"\n  [id]=\"id()\"\n  [class]=\"tooltipPositionClass()\"\n>\n  <div\n    class=\"tooltip-arrow\"\n    [style.left.px]=\"arrowPos()?.left\"\n    [style.right.px]=\"arrowPos()?.right\"\n  ></div>\n  <div class=\"tooltip-inner\">\n    @if (tooltipText()) {\n      <div class=\"si-body\">{{ tooltipText() | translate }}</div>\n    } @else if (tooltipTemplate()) {\n      <ng-template\n        [ngTemplateOutlet]=\"tooltipTemplate()\"\n        [ngTemplateOutletContext]=\"tooltipContext()\"\n      />\n    } @else if (tooltipComponent()) {\n      <ng-container [ngComponentOutlet]=\"tooltipComponent()\" />\n    }\n  </div>\n</div>\n", styles: [":host .tooltip,:host{transition:opacity calc(.15s * var(--element-animations-enabled, 1)) ease-out,transform calc(.15s * var(--element-animations-enabled, 1)) ease-out}:host{opacity:1;transform:scale(1)}:host.tooltip-leave{opacity:0;transform:scale(.8)}@starting-style{:host .tooltip{opacity:0;transform:scale(.8)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-tooltip', imports: [NgClass, NgTemplateOutlet, SiTranslatePipe, NgComponentOutlet], template: "<div\n  class=\"tooltip show position-relative\"\n  role=\"tooltip\"\n  [id]=\"id()\"\n  [ngClass]=\"tooltipPositionClass()\"\n>\n  <div\n    class=\"tooltip-arrow\"\n    [style.left.px]=\"arrowPos()?.left\"\n    [style.right.px]=\"arrowPos()?.right\"\n  ></div>\n  <div class=\"tooltip-inner\">\n    @if (tooltipText()) {\n      <div class=\"si-body\">{{ tooltipText() | translate }}</div>\n    } @else if (tooltipTemplate()) {\n      <ng-template\n        [ngTemplateOutlet]=\"tooltipTemplate()\"\n        [ngTemplateOutletContext]=\"tooltipContext()\"\n      />\n    } @else if (tooltipComponent()) {\n      <ng-container [ngComponentOutlet]=\"tooltipComponent()\" />\n    }\n  </div>\n</div>\n" }]
-        }] });
+            args: [{ selector: 'si-tooltip', imports: [NgTemplateOutlet, SiTranslatePipe, NgComponentOutlet], host: {
+                        'animate.leave': 'tooltip-leave'
+                    }, template: "<div\n  class=\"tooltip show position-relative\"\n  role=\"tooltip\"\n  [id]=\"id()\"\n  [class]=\"tooltipPositionClass()\"\n>\n  <div\n    class=\"tooltip-arrow\"\n    [style.left.px]=\"arrowPos()?.left\"\n    [style.right.px]=\"arrowPos()?.right\"\n  ></div>\n  <div class=\"tooltip-inner\">\n    @if (tooltipText()) {\n      <div class=\"si-body\">{{ tooltipText() | translate }}</div>\n    } @else if (tooltipTemplate()) {\n      <ng-template\n        [ngTemplateOutlet]=\"tooltipTemplate()\"\n        [ngTemplateOutletContext]=\"tooltipContext()\"\n      />\n    } @else if (tooltipComponent()) {\n      <ng-container [ngComponentOutlet]=\"tooltipComponent()\" />\n    }\n  </div>\n</div>\n", styles: [":host .tooltip,:host{transition:opacity calc(.15s * var(--element-animations-enabled, 1)) ease-out,transform calc(.15s * var(--element-animations-enabled, 1)) ease-out}:host{opacity:1;transform:scale(1)}:host.tooltip-leave{opacity:0;transform:scale(.8)}@starting-style{:host .tooltip{opacity:0;transform:scale(.8)}}\n"] }]
+        }], propDecorators: { tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], tooltipContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipContext", required: false }] }] } });
 
 /**
  * Copyright (c) Siemens 2016 - 2025
@@ -102,10 +104,10 @@ class SiTooltipService {
     createTooltip(config) {
         return new TooltipRef(getOverlay(config.element, this.overlay, false, config.placement), config.element, config.describedBy, config.injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiTooltipService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiTooltipService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiTooltipService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiTooltipService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiTooltipService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiTooltipService, decorators: [{
             type: Injectable
         }] });
 
@@ -120,103 +122,93 @@ class SiTooltipDirective {
      *
      * @defaultValue ''
      */
-    siTooltip = input('');
+    siTooltip = input('', ...(ngDevMode ? [{ debugName: "siTooltip" }] : []));
     /**
      * The placement of the tooltip. One of 'top', 'start', end', 'bottom'
      *
      * @defaultValue 'auto'
      */
-    placement = input('auto');
-    /**
-     * The trigger event on which the tooltip shall be displayed
-     */
-    triggers = input();
+    placement = input('auto', ...(ngDevMode ? [{ debugName: "placement" }] : []));
     /**
      * Allows the tooltip to be disabled
      *
      * @defaultValue false
      */
-    isDisabled = input(false, { transform: booleanAttribute });
+    isDisabled = input(false, { ...(ngDevMode ? { debugName: "isDisabled" } : {}), transform: booleanAttribute });
     /**
      * The context for the attached template
      */
-    tooltipContext = input();
+    tooltipContext = input(...(ngDevMode ? [undefined, { debugName: "tooltipContext" }] : []));
     describedBy = `__tooltip_${SiTooltipDirective.idCounter++}`;
     tooltipRef;
+    showTimeout;
     tooltipService = inject(SiTooltipService);
     elementRef = inject(ElementRef);
     ngOnDestroy() {
+        this.clearShowTimeout();
         this.tooltipRef?.destroy();
     }
-    showTooltip() {
+    clearShowTimeout() {
+        if (this.showTimeout) {
+            clearTimeout(this.showTimeout);
+            this.showTimeout = undefined;
+        }
+    }
+    showTooltip(immediate = false) {
         const siTooltip = this.siTooltip();
         if (this.isDisabled() || !siTooltip) {
             return;
         }
-        this.tooltipRef ??= this.tooltipService.createTooltip({
-            describedBy: this.describedBy,
-            element: this.elementRef,
-            placement: this.placement()
-        });
-        this.tooltipRef.show(this.siTooltip(), this.tooltipContext());
+        this.clearShowTimeout();
+        const delay = immediate ? 0 : 500;
+        this.showTimeout = setTimeout(() => {
+            this.tooltipRef ??= this.tooltipService.createTooltip({
+                describedBy: this.describedBy,
+                element: this.elementRef,
+                placement: this.placement()
+            });
+            this.tooltipRef.show(this.siTooltip(), this.tooltipContext());
+        }, delay);
     }
     focusIn() {
-        this.showTooltip();
+        this.showTooltip(true);
     }
     show() {
-        if (this.triggers() === 'focus') {
-            return;
-        }
-        this.showTooltip();
+        this.showTooltip(false);
     }
     hide() {
+        this.clearShowTimeout();
         this.tooltipRef?.hide();
     }
-    mouseOut() {
-        if (this.triggers() === 'focus') {
-            return;
-        }
-        this.hide();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: SiTooltipDirective, isStandalone: true, selector: "[siTooltip]", inputs: { siTooltip: { classPropertyName: "siTooltip", publicName: "siTooltip", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, triggers: { classPropertyName: "triggers", publicName: "triggers", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, tooltipContext: { classPropertyName: "tooltipContext", publicName: "tooltipContext", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focus": "focusIn()", "mouseenter": "show()", "touchstart": "hide()", "focusout": "hide()", "mouseleave": "mouseOut()" }, properties: { "attr.aria-describedby": "describedBy" } }, providers: [SiTooltipService], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.8", type: SiTooltipDirective, isStandalone: true, selector: "[siTooltip]", inputs: { siTooltip: { classPropertyName: "siTooltip", publicName: "siTooltip", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, tooltipContext: { classPropertyName: "tooltipContext", publicName: "tooltipContext", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focus": "focusIn()", "mouseenter": "show()", "touchstart": "hide()", "focusout": "hide()", "mouseleave": "hide()" }, properties: { "attr.aria-describedby": "describedBy" } }, providers: [SiTooltipService], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiTooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiTooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[siTooltip]',
                     providers: [SiTooltipService],
                     host: {
-                        '[attr.aria-describedby]': 'describedBy'
+                        '[attr.aria-describedby]': 'describedBy',
+                        '(focus)': 'focusIn()',
+                        '(mouseenter)': 'show()',
+                        '(touchstart)': 'hide()',
+                        '(focusout)': 'hide()',
+                        '(mouseleave)': 'hide()'
                     }
                 }]
-        }], propDecorators: { focusIn: [{
-                type: HostListener,
-                args: ['focus']
-            }], show: [{
-                type: HostListener,
-                args: ['mouseenter']
-            }], hide: [{
-                type: HostListener,
-                args: ['touchstart']
-            }, {
-                type: HostListener,
-                args: ['focusout']
-            }], mouseOut: [{
-                type: HostListener,
-                args: ['mouseleave']
-            }] } });
+        }], propDecorators: { siTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "siTooltip", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], isDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDisabled", required: false }] }], tooltipContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipContext", required: false }] }] } });
 
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiTooltipModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: SiTooltipModule, imports: [SiTooltipDirective], exports: [SiTooltipDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiTooltipModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SiTooltipModule, imports: [SiTooltipDirective], exports: [SiTooltipDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiTooltipModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiTooltipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiTooltipModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SiTooltipDirective],