@cdevhub/ngx-tw 0.2.0 → 0.3.0

package/fesm2022/cdevhub-ngx-tw-toast.mjs

@@ -11,6 +11,9 @@ import { tv } from 'tailwind-variants';
  * Per-call configuration for {@link ToastService} methods. Also used as the
  * payload of {@link TW_TOAST_DEFAULT_OPTIONS} for app-wide defaults.
  */
+// `R` is a phantom result-type kept for parity with `ToastRef<D, R>` / service
+// generics — consumers pass it through `ToastConfig<D, R>` so the resulting
+// `ToastRef.afterClosed()` is correctly typed.
 class ToastConfig {
     /** Severity of the toast. Defaults to `'info'`. */
     severity = 'info';
@@ -119,10 +122,10 @@ class ToastIconDirective {
     toast = inject(ToastComponent);
     /** @internal */
     classes = this.toast.iconClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ToastIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: ToastIconDirective, isStandalone: true, selector: "[twToastIcon]", host: { attributes: { "aria-hidden": "true" }, properties: { "class": "classes()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ToastIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: ToastIconDirective, isStandalone: true, selector: "[twToastIcon]", host: { attributes: { "aria-hidden": "true" }, properties: { "class": "classes()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ToastIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ToastIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[twToastIcon]',
@@ -137,10 +140,10 @@ class ToastTitleDirective {
     toast = inject(ToastComponent);
     /** @internal */
     classes = this.toast.titleClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ToastTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: ToastTitleDirective, isStandalone: true, selector: "[twToastTitle]", host: { properties: { "class": "classes()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ToastTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: ToastTitleDirective, isStandalone: true, selector: "[twToastTitle]", host: { properties: { "class": "classes()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ToastTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ToastTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[twToastTitle]',
@@ -154,10 +157,10 @@ class ToastDescriptionDirective {
     toast = inject(ToastComponent);
     /** @internal */
     classes = this.toast.descriptionClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ToastDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: ToastDescriptionDirective, isStandalone: true, selector: "[twToastDescription]", host: { properties: { "class": "classes()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ToastDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: ToastDescriptionDirective, isStandalone: true, selector: "[twToastDescription]", host: { properties: { "class": "classes()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ToastDescriptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ToastDescriptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[twToastDescription]',
@@ -175,10 +178,10 @@ class ToastActionDirective {
     onClick() {
         this.toast.actionClicked.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ToastActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: ToastActionDirective, isStandalone: true, selector: "[twToastAction]", host: { attributes: { "type": "button" }, listeners: { "click": "onClick()" }, properties: { "class": "classes()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ToastActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: ToastActionDirective, isStandalone: true, selector: "[twToastAction]", host: { attributes: { "type": "button" }, listeners: { "click": "onClick()" }, properties: { "class": "classes()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ToastActionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ToastActionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[twToastAction]',
@@ -196,11 +199,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
  */
 class ToastComponent {
     /** Severity variant. Drives color palette, default icon, and ARIA role / live politeness. Defaults to `'info'`. */
-    severity = input('info', ...(ngDevMode ? [{ debugName: "severity" }] : /* istanbul ignore next */ []));
+    severity = input('info', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "severity" }] : /* istanbul ignore next */ []));
     // Default true: mirrors `ToastConfig.dismissible` — toasts must offer an escape
     // hatch by default; opt-out only for ephemeral progress markers paired with `duration`.
     /** Whether to render the close button. Defaults to `true`. */
-    dismissible = input(true, ...(ngDevMode ? [{ debugName: "dismissible" }] : /* istanbul ignore next */ []));
+    dismissible = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dismissible" }] : /* istanbul ignore next */ []));
     /**
      * Icon override. Pass a string to render as text inside the icon slot, or
      * `false` to hide the built-in severity icon. Ignored when a `[twToastIcon]`
@@ -208,41 +213,55 @@ class ToastComponent {
      *
      * For arbitrary icon markup, project a `[twToastIcon]` child instead.
      */
-    icon = input(undefined, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    icon = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     /** Explicit aria-label for the toast wrapper. When omitted, text content is used by assistive tech. */
-    ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    ariaLabel = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
     /** Fires when the close button is clicked. */
     dismissed = output();
     /** Fires when a `[twToastAction]` button is clicked. */
     actionClicked = output();
     /** @internal */
-    projectedIcon = contentChild(ToastIconDirective, ...(ngDevMode ? [{ debugName: "projectedIcon" }] : /* istanbul ignore next */ []));
+    projectedIcon = contentChild(ToastIconDirective, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "projectedIcon" }] : /* istanbul ignore next */ []));
     /** @internal */
-    hasProjectedIcon = computed(() => !!this.projectedIcon(), ...(ngDevMode ? [{ debugName: "hasProjectedIcon" }] : /* istanbul ignore next */ []));
-    variantResult = computed(() => toastVariants({ severity: this.severity() }), ...(ngDevMode ? [{ debugName: "variantResult" }] : /* istanbul ignore next */ []));
+    hasProjectedIcon = computed(() => !!this.projectedIcon(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasProjectedIcon" }] : /* istanbul ignore next */ []));
+    variantResult = computed(() => toastVariants({ severity: this.severity() }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variantResult" }] : /* istanbul ignore next */ []));
     /** @internal */
     rootClasses = computed(() => {
         const base = this.variantResult().root();
         return this.dismissible() ? `${base} pr-10` : base;
-    }, ...(ngDevMode ? [{ debugName: "rootClasses" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rootClasses" }] : /* istanbul ignore next */ []));
     /** @internal */
-    iconClasses = computed(() => this.variantResult().icon(), ...(ngDevMode ? [{ debugName: "iconClasses" }] : /* istanbul ignore next */ []));
+    iconClasses = computed(() => this.variantResult().icon(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "iconClasses" }] : /* istanbul ignore next */ []));
     /** @internal */
-    titleClasses = computed(() => this.variantResult().title(), ...(ngDevMode ? [{ debugName: "titleClasses" }] : /* istanbul ignore next */ []));
+    titleClasses = computed(() => this.variantResult().title(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "titleClasses" }] : /* istanbul ignore next */ []));
     /** @internal */
-    descriptionClasses = computed(() => this.variantResult().description(), ...(ngDevMode ? [{ debugName: "descriptionClasses" }] : /* istanbul ignore next */ []));
+    descriptionClasses = computed(() => this.variantResult().description(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "descriptionClasses" }] : /* istanbul ignore next */ []));
     /** @internal */
-    contentClasses = computed(() => this.variantResult().content(), ...(ngDevMode ? [{ debugName: "contentClasses" }] : /* istanbul ignore next */ []));
+    contentClasses = computed(() => this.variantResult().content(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "contentClasses" }] : /* istanbul ignore next */ []));
     /** @internal */
-    actionClasses = computed(() => this.variantResult().action(), ...(ngDevMode ? [{ debugName: "actionClasses" }] : /* istanbul ignore next */ []));
+    actionClasses = computed(() => this.variantResult().action(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "actionClasses" }] : /* istanbul ignore next */ []));
     /** @internal */
-    dismissClasses = computed(() => this.variantResult().dismiss(), ...(ngDevMode ? [{ debugName: "dismissClasses" }] : /* istanbul ignore next */ []));
+    dismissClasses = computed(() => this.variantResult().dismiss(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dismissClasses" }] : /* istanbul ignore next */ []));
     /** @internal */
-    roleAttr = computed(() => this.severity() === 'error' ? 'alert' : 'status', ...(ngDevMode ? [{ debugName: "roleAttr" }] : /* istanbul ignore next */ []));
+    roleAttr = computed(() => this.severity() === 'error' ? 'alert' : 'status', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "roleAttr" }] : /* istanbul ignore next */ []));
     /** @internal */
-    ariaLiveAttr = computed(() => this.severity() === 'error' ? 'assertive' : 'polite', ...(ngDevMode ? [{ debugName: "ariaLiveAttr" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ToastComponent, isStandalone: true, selector: "tw-toast", inputs: { severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed", actionClicked: "actionClicked" }, host: { attributes: { "aria-atomic": "true" }, properties: { "class": "rootClasses()", "attr.role": "roleAttr()", "attr.aria-live": "ariaLiveAttr()", "attr.aria-label": "ariaLabel() || null", "attr.data-severity": "severity()" } }, queries: [{ propertyName: "projectedIcon", first: true, predicate: ToastIconDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
+    ariaLiveAttr = computed(() => this.severity() === 'error' ? 'assertive' : 'polite', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLiveAttr" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: ToastComponent, isStandalone: true, selector: "tw-toast", inputs: { severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed", actionClicked: "actionClicked" }, host: { attributes: { "aria-atomic": "true" }, properties: { "class": "rootClasses()", "attr.role": "roleAttr()", "attr.aria-live": "ariaLiveAttr()", "attr.aria-label": "ariaLabel() || null", "attr.data-severity": "severity()" } }, queries: [{ propertyName: "projectedIcon", first: true, predicate: ToastIconDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
     @if (hasProjectedIcon()) {
       <ng-content select="[twToastIcon]" />
     } @else if (icon() !== false) {
@@ -296,7 +315,7 @@ class ToastComponent {
     }
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ToastComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ToastComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'tw-toast',
@@ -400,14 +419,17 @@ const SWIPE_MAX_OPACITY_FADE = 0.6;
  */
 class ToastContainerComponent {
     /** Per-position stacking anchor. Mutated from {@link ToastService} via `.instance.position.set(...)`. */
-    position = signal('bottom-right', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    position = signal('bottom-right', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
     /** Accessible label applied to the `role="region"` host. Mutated from the service on init. */
-    regionLabel = signal('Notifications', ...(ngDevMode ? [{ debugName: "regionLabel" }] : /* istanbul ignore next */ []));
+    regionLabel = signal('Notifications', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "regionLabel" }] : /* istanbul ignore next */ []));
     /**
      * Toasts currently assigned to this container. The service pushes toasts
      * into this signal; the container filters by state to drive `animate.leave`.
      */
-    visibleRefs = signal([], ...(ngDevMode ? [{ debugName: "visibleRefs" }] : /* istanbul ignore next */ []));
+    visibleRefs = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "visibleRefs" }] : /* istanbul ignore next */ []));
     injector = inject(Injector);
     liveAnnouncer = inject(LiveAnnouncer);
     host = inject((ElementRef));
@@ -427,16 +449,19 @@ class ToastContainerComponent {
             enterClass: enter,
             leaveClass: leave,
         }));
-    }, ...(ngDevMode ? [{ debugName: "entries" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "entries" }] : /* istanbul ignore next */ []));
     orderedEntries = computed(() => {
         const list = this.entries();
         return POSITION_ORDER_REVERSED[this.position()] ? [...list].reverse() : list;
-    }, ...(ngDevMode ? [{ debugName: "orderedEntries" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orderedEntries" }] : /* istanbul ignore next */ []));
     hostClasses = computed(() => {
         const base = 'flex flex-col gap-2 w-full max-w-sm';
         const align = POSITION_HOST_CLASSES[this.position()];
         return `${base} ${align}`;
-    }, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     /** @internal Called by the service right after attaching a new toast. Runs `LiveAnnouncer`. */
     _announceOpen(ref) {
         const politeness = this.resolvePoliteness(ref);
@@ -595,9 +620,13 @@ class ToastContainerComponent {
             return host.textContent?.trim() ?? '';
         return this.host.nativeElement.textContent?.trim() ?? '';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ToastContainerComponent, isStandalone: true, selector: "tw-toast-container", host: { attributes: { "role": "region" }, properties: { "class": "hostClasses()", "attr.aria-label": "regionLabel()", "attr.data-position": "position()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: ToastContainerComponent, isStandalone: true, selector: "tw-toast-container", host: { attributes: { "role": "region" }, properties: { "class": "hostClasses()", "attr.aria-label": "regionLabel()", "attr.data-position": "position()" } }, ngImport: i0, template: `
     @for (entry of orderedEntries(); track entry.ref.id) {
+      <!-- Toast entry wrapper; the projected <tw-toast> is the focusable affordance.
+           This element only forwards pointer/focus events so the container can
+           pause auto-dismiss while the user is interacting. -->
+      <!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->
       <div
         class="pointer-events-auto w-full max-w-sm"
         [attr.data-toast-id]="entry.ref.id"
@@ -661,7 +690,7 @@ class ToastContainerComponent {
     }
   `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: ToastComponent, selector: "tw-toast", inputs: ["severity", "dismissible", "icon", "ariaLabel"], outputs: ["dismissed", "actionClicked"] }, { kind: "directive", type: ToastActionDirective, selector: "[twToastAction]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ToastContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ToastContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'tw-toast-container',
@@ -676,6 +705,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     },
                     template: `
     @for (entry of orderedEntries(); track entry.ref.id) {
+      <!-- Toast entry wrapper; the projected <tw-toast> is the focusable affordance.
+           This element only forwards pointer/focus events so the container can
+           pause auto-dismiss while the user is interacting. -->
+      <!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->
       <div
         class="pointer-events-auto w-full max-w-sm"
         [attr.data-toast-id]="entry.ref.id"
@@ -784,11 +817,14 @@ class ToastRef {
     /** Reactive data payload — re-read by the container to update `TW_TOAST_DATA`. */
     data;
     /** @internal Reactive "transient" class applied by swipe gestures (e.g. `translate3d(...)`). */
-    swipeTransform = signal(null, ...(ngDevMode ? [{ debugName: "swipeTransform" }] : /* istanbul ignore next */ []));
+    swipeTransform = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "swipeTransform" }] : /* istanbul ignore next */ []));
     /** @internal Reactive opacity applied during swipe gestures. */
-    swipeOpacity = signal(null, ...(ngDevMode ? [{ debugName: "swipeOpacity" }] : /* istanbul ignore next */ []));
+    swipeOpacity = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "swipeOpacity" }] : /* istanbul ignore next */ []));
     /** @internal Leave-animation class override. When non-null, container uses this instead of the position default. */
-    leaveAnimationOverride = signal(null, ...(ngDevMode ? [{ debugName: "leaveAnimationOverride" }] : /* istanbul ignore next */ []));
+    leaveAnimationOverride = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "leaveAnimationOverride" }] : /* istanbul ignore next */ []));
     /** @internal Portal for component-class content. Set by the service; null for string / template content. */
     _portal = null;
     /** @internal True while the pointer hovers this toast. */
@@ -797,7 +833,8 @@ class ToastRef {
     _focused = false;
     /** @internal Set by the service so the ref can reach the CDK-owned OverlayRef if it needs to. */
     _overlayPanelElement = null;
-    stateSignal = signal('entering', ...(ngDevMode ? [{ debugName: "stateSignal" }] : /* istanbul ignore next */ []));
+    stateSignal = signal('entering', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "stateSignal" }] : /* istanbul ignore next */ []));
     severitySignal;
     dismissibleSignal;
     iconSignal;
@@ -821,13 +858,20 @@ class ToastRef {
         this.dismissCallback = dismissCallback;
         this.id = id;
         this.config = config;
-        this.severitySignal = signal(config.severity ?? 'info', ...(ngDevMode ? [{ debugName: "severitySignal" }] : /* istanbul ignore next */ []));
-        this.dismissibleSignal = signal(config.dismissible ?? true, ...(ngDevMode ? [{ debugName: "dismissibleSignal" }] : /* istanbul ignore next */ []));
-        this.iconSignal = signal(typeof config.icon === 'string' || config.icon === false ? config.icon : undefined, ...(ngDevMode ? [{ debugName: "iconSignal" }] : /* istanbul ignore next */ []));
-        this.contentSignal = signal(content, ...(ngDevMode ? [{ debugName: "contentSignal" }] : /* istanbul ignore next */ []));
-        this.actionSignal = signal(config.action, ...(ngDevMode ? [{ debugName: "actionSignal" }] : /* istanbul ignore next */ []));
-        this.ariaLabelSignal = signal(config.ariaLabel, ...(ngDevMode ? [{ debugName: "ariaLabelSignal" }] : /* istanbul ignore next */ []));
-        this.dataSignal = signal(config.data ?? null, ...(ngDevMode ? [{ debugName: "dataSignal" }] : /* istanbul ignore next */ []));
+        this.severitySignal = signal(config.severity ?? 'info', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "severitySignal" }] : /* istanbul ignore next */ []));
+        this.dismissibleSignal = signal(config.dismissible ?? true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dismissibleSignal" }] : /* istanbul ignore next */ []));
+        this.iconSignal = signal(typeof config.icon === 'string' || config.icon === false ? config.icon : undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "iconSignal" }] : /* istanbul ignore next */ []));
+        this.contentSignal = signal(content, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "contentSignal" }] : /* istanbul ignore next */ []));
+        this.actionSignal = signal(config.action, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "actionSignal" }] : /* istanbul ignore next */ []));
+        this.ariaLabelSignal = signal(config.ariaLabel, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ariaLabelSignal" }] : /* istanbul ignore next */ []));
+        this.dataSignal = signal(config.data ?? null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dataSignal" }] : /* istanbul ignore next */ []));
         this.state = this.stateSignal.asReadonly();
         this.severity = this.severitySignal.asReadonly();
         this.dismissible = this.dismissibleSignal.asReadonly();
@@ -1044,7 +1088,8 @@ class ToastService {
     defaultOptions = inject(TW_TOAST_DEFAULT_OPTIONS, { optional: true }) ?? {};
     parent = inject(ToastService, { optional: true, skipSelf: true });
     positionOverlays = new Map();
-    activeRefsAtThisLevel = signal([], ...(ngDevMode ? [{ debugName: "activeRefsAtThisLevel" }] : /* istanbul ignore next */ []));
+    activeRefsAtThisLevel = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeRefsAtThisLevel" }] : /* istanbul ignore next */ []));
     afterOpenedSubject = new Subject();
     afterAllDismissedSubject = new Subject();
     /** Reactive list of every toast that has not yet fully dismissed. */
@@ -1269,10 +1314,10 @@ class ToastService {
     getAfterAllDismissedSource() {
         return this.parent ? this.parent.getAfterAllDismissedSource() : this.afterAllDismissedSubject;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ToastService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ToastService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ToastService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ToastService, decorators: [{
             type: Injectable
         }] });
 function isComponentConstructor(value) {