@taiga-ui/core 4.52.0-canary.6be767f → 4.52.0-canary.6ee9658

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/core",
-  "version": "4.52.0-canary.6be767f",
+  "version": "4.52.0-canary.6ee9658",
   "description": "Core library for creating Angular components and applications using Taiga UI",
   "keywords": [
     "angular",
@@ -12,7 +12,10 @@
     "directive"
   ],
   "homepage": "https://github.com/taiga-family/taiga-ui",
-  "repository": "https://github.com/taiga-family/taiga-ui",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/taiga-family/taiga-ui"
+  },
   "license": "Apache-2.0",
   "exports": {
     "./styles/*": "./styles/*",
@@ -59,10 +62,6 @@
       "types": "./utils/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-utils.mjs"
     },
-    "./components/alert": {
-      "types": "./components/alert/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-components-alert.mjs"
-    },
     "./components/button": {
       "types": "./components/button/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-components-button.mjs"
@@ -91,10 +90,6 @@
       "types": "./components/expand/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-components-expand.mjs"
     },
-    "./components/header": {
-      "types": "./components/header/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-components-header.mjs"
-    },
     "./components/icon": {
       "types": "./components/icon/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-components-icon.mjs"
@@ -111,18 +106,22 @@
       "types": "./components/loader/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-components-loader.mjs"
     },
+    "./components/modal": {
+      "types": "./components/modal/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-components-modal.mjs"
+    },
     "./components/notification": {
       "types": "./components/notification/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-components-notification.mjs"
     },
-    "./components/root": {
-      "types": "./components/root/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-components-root.mjs"
-    },
     "./components/scrollbar": {
       "types": "./components/scrollbar/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-components-scrollbar.mjs"
     },
+    "./components/root": {
+      "types": "./components/root/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-components-root.mjs"
+    },
     "./components/spin-button": {
       "types": "./components/spin-button/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-components-spin-button.mjs"
@@ -131,6 +130,10 @@
       "types": "./components/textfield/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-components-textfield.mjs"
     },
+    "./directives/alert": {
+      "types": "./directives/alert/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-directives-alert.mjs"
+    },
     "./directives/appearance": {
       "types": "./directives/appearance/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-directives-appearance.mjs"

package/pipes/format-number/format-number.pipe.d.ts

@@ -1,16 +1,18 @@
 import { type PipeTransform } from '@angular/core';
 import { type TuiNumberFormatSettings } from '@taiga-ui/core/tokens';
-import { type Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiFormatNumberPipe implements PipeTransform {
-    private readonly numberFormat;
+    private readonly format;
+    private readonly value;
+    private readonly settings;
+    private readonly formatted;
     /**
      * Formats number adding thousand separators and correct decimal separator
      * padding decimal part with zeroes to given length
      * @param value number
      * @param settings See {@link TuiNumberFormatSettings}
      */
-    transform(value: number, settings?: Partial<TuiNumberFormatSettings>): Observable<string>;
+    transform(value: number, settings?: Partial<TuiNumberFormatSettings>): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiFormatNumberPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TuiFormatNumberPipe, "tuiFormatNumber", true>;
 }

package/styles/components/link.less

@@ -51,6 +51,7 @@
         line-height: 0;
         box-sizing: border-box;
         mask-size: calc(100% + 10 * var(--tui-stroke-width, 0.125rem)) 100%;
+        transition: none;
     }
 
     &[tuiChevron]::after {

package/styles/mixins/appearance.less

@@ -24,7 +24,7 @@
 
 .appearance-active(@content) {
     .interactive({
-        &:active:not(:disabled):not([data-state]) {
+        &:active:not([data-state]) {
             @content();
         }
     });

package/styles/mixins/mixins.less

@@ -1,11 +1,6 @@
 @import 'browsers.less';
 
 .interactive(@ruleset) {
-    // TODO remove after dropping Safari 13 support
-    &:matches(a, button, select, textarea, input, label, .tui-interactive):not(:disabled) {
-        @ruleset();
-    }
-
     &:is(a, button, select, textarea, input, label, .tui-interactive):not(:disabled) {
         @ruleset();
     }

package/styles/mixins/mixins.scss

@@ -1,11 +1,6 @@
 @import 'browsers.scss';
 
 @mixin interactive {
-    // TODO remove after dropping Safari 13 support
-    &:matches(a, button, select, textarea, input, label, .tui-interactive):not(:disabled) {
-        @content;
-    }
-
     &:is(a, button, select, textarea, input, label, .tui-interactive):not(:disabled) {
         @content;
     }

package/styles/theme/variables.less

@@ -1,10 +1,8 @@
-@font-fallback: -apple-system, 'BlinkMacSystemFont', system-ui, 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif;
-
 &:root,
 &:host {
     // Fonts
-    --tui-font-heading: 'Manrope', @font-fallback;
-    --tui-font-text: 'Manrope', @font-fallback;
+    --tui-font-heading: 'Manrope', system-ui, sans-serif;
+    --tui-font-text: 'Manrope', system-ui, sans-serif;
     --tui-font-offset: ~'0rem';
     // Heading
     --tui-font-heading-1: bold calc(var(--tui-font-offset) + 3.125rem) / 3.5rem var(--tui-font-heading);

package/tokens/common-icons.d.ts

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 export interface TuiCommonIcons {
     readonly check: string;
     readonly close: string;
@@ -7,5 +6,4 @@ export interface TuiCommonIcons {
     readonly search: string;
     readonly ellipsis: string;
 }
-export declare const TUI_COMMON_ICONS: InjectionToken<TuiCommonIcons>;
-export declare function tuiCommonIconsProvider(icons: Partial<TuiCommonIcons>): Provider;
+export declare const TUI_COMMON_ICONS: import("@angular/core").InjectionToken<TuiCommonIcons>, tuiCommonIconsProvider: (item: Partial<TuiCommonIcons> | (() => Partial<TuiCommonIcons>)) => import("@angular/core").FactoryProvider;

package/tokens/date-format.d.ts

@@ -1,6 +1,5 @@
-import { InjectionToken, type Provider } from '@angular/core';
+import { InjectionToken, type Provider, type Signal } from '@angular/core';
 import { type TuiDateMode } from '@taiga-ui/cdk/date-time';
-import { type Observable } from 'rxjs';
 /**
  * Formatting configuration for displayed dates
  */
@@ -19,5 +18,5 @@ export declare const TUI_DEFAULT_DATE_FORMAT: TuiDateFormatSettings;
 /**
  * Formatting configuration for displayed dates
  */
-export declare const TUI_DATE_FORMAT: InjectionToken<Observable<TuiDateFormatSettings>>;
+export declare const TUI_DATE_FORMAT: InjectionToken<Signal<TuiDateFormatSettings>>;
 export declare function tuiDateFormatProvider(options: Partial<TuiDateFormatSettings>): Provider;

package/tokens/i18n.d.ts

@@ -2,28 +2,28 @@ import { InjectionToken } from '@angular/core';
 /**
  * Localized months names
  */
-export declare const TUI_MONTHS: InjectionToken<import("rxjs").Observable<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>>;
+export declare const TUI_MONTHS: InjectionToken<import("@angular/core").Signal<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>>;
 /**
  * i18n 'close' word
  */
-export declare const TUI_CLOSE_WORD: InjectionToken<import("rxjs").Observable<string>>;
+export declare const TUI_CLOSE_WORD: InjectionToken<import("@angular/core").Signal<string>>;
 /**
  * i18n 'clear' word
  */
-export declare const TUI_CLEAR_WORD: InjectionToken<import("rxjs").Observable<string>>;
+export declare const TUI_CLEAR_WORD: InjectionToken<import("@angular/core").Signal<string>>;
 /**
  * i18n 'Nothing found' message
  */
-export declare const TUI_NOTHING_FOUND_MESSAGE: InjectionToken<import("rxjs").Observable<string>>;
+export declare const TUI_NOTHING_FOUND_MESSAGE: InjectionToken<import("@angular/core").Signal<string>>;
 /**
  * i18n of error message
  */
-export declare const TUI_DEFAULT_ERROR_MESSAGE: InjectionToken<import("rxjs").Observable<string>>;
+export declare const TUI_DEFAULT_ERROR_MESSAGE: InjectionToken<import("@angular/core").Signal<string>>;
 /**
  * spin i18n texts
  */
-export declare const TUI_SPIN_TEXTS: InjectionToken<import("rxjs").Observable<readonly [previous: string, next: string]>>;
+export declare const TUI_SPIN_TEXTS: InjectionToken<import("@angular/core").Signal<readonly [previous: string, next: string]>>;
 /**
  * calendars i18n texts
  */
-export declare const TUI_SHORT_WEEK_DAYS: InjectionToken<import("rxjs").Observable<readonly [Monday: string, Tuesday: string, Wednesday: string, Thursday: string, Friday: string, Saturday: string, Sunday: string]>>;
+export declare const TUI_SHORT_WEEK_DAYS: InjectionToken<import("@angular/core").Signal<readonly [Monday: string, Tuesday: string, Wednesday: string, Thursday: string, Friday: string, Saturday: string, Sunday: string]>>;

package/tokens/number-format.d.ts

@@ -1,6 +1,5 @@
-import { InjectionToken, type Provider } from '@angular/core';
+import { InjectionToken, type Provider, type Signal } from '@angular/core';
 import { type TuiRounding } from '@taiga-ui/cdk/types';
-import { type Observable } from 'rxjs';
 export type TuiDecimalMode = 'always' | 'not-zero' | 'pad';
 export type TuiDecimalSymbol = ',' | '.';
 /**
@@ -35,5 +34,5 @@ export declare const TUI_DEFAULT_NUMBER_FORMAT: TuiNumberFormatSettings;
 /**
  * Formatting configuration for displayed numbers
  */
-export declare const TUI_NUMBER_FORMAT: InjectionToken<Observable<TuiNumberFormatSettings>>;
+export declare const TUI_NUMBER_FORMAT: InjectionToken<Signal<TuiNumberFormatSettings>>;
 export declare function tuiNumberFormatProvider(options: Partial<TuiNumberFormatSettings>): Provider;

package/types/index.d.ts

@@ -2,7 +2,6 @@ export type * from './direction';
 export type * from './interactive-state';
 export type * from './orientation';
 export type * from './point';
-export type * from './portal-item';
 export type * from './range-state';
 export type * from './size';
 export type * from './value-content-context';

package/components/alert/alert.component.d.ts

@@ -1,15 +0,0 @@
-import { type TuiPopover } from '@taiga-ui/cdk/services';
-import { type TuiAlertOptions } from './alert.interfaces';
-import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/cdk/directives/animated";
-export declare class TuiAlertComponent<O, I> {
-    private readonly el;
-    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
-    protected readonly close: import("@angular/core").Signal<string | undefined>;
-    protected readonly position: string;
-    protected readonly item: TuiPopover<TuiAlertOptions<I>, O>;
-    protected readonly sub: import("rxjs").Subscription;
-    get from(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlertComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAlertComponent<any, any>, "tui-alert", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
-}

package/components/alert/alert.directive.d.ts

@@ -1,7 +0,0 @@
-import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
-import { type TuiAlertOptions } from './alert.interfaces';
-import * as i0 from "@angular/core";
-export declare class TuiAlert<T> extends TuiPopoverDirective<TuiAlertOptions<T>> {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlert<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAlert<any>, "ng-template[tuiAlert]", never, { "options": { "alias": "tuiAlertOptions"; "required": false; }; "open": { "alias": "tuiAlert"; "required": false; }; }, { "openChange": "tuiAlertChange"; }, never, never, true, never>;
-}

package/components/alert/alert.interfaces.d.ts

@@ -1,12 +0,0 @@
-import { type TuiPopoverContext } from '@taiga-ui/cdk/services';
-import { type TuiHandler } from '@taiga-ui/cdk/types';
-import { type TuiNotificationOptions } from '@taiga-ui/core/components/notification';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-export interface TuiAlertOptions<I = undefined> extends Omit<TuiNotificationOptions, 'size'> {
-    readonly autoClose: TuiHandler<string, number> | number;
-    readonly data: I;
-    readonly closable: boolean;
-    readonly label: PolymorpheusContent<TuiAlertOptions<I>>;
-}
-export interface TuiAlertContext<O = void, I = undefined> extends TuiPopoverContext<O>, TuiAlertOptions<I> {
-}

package/components/alert/alert.service.d.ts

@@ -1,7 +0,0 @@
-import { TuiPopoverService } from '@taiga-ui/cdk/services';
-import { type TuiAlertOptions } from './alert.interfaces';
-import * as i0 from "@angular/core";
-export declare class TuiAlertService extends TuiPopoverService<TuiAlertOptions<any>> {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlertService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<TuiAlertService>;
-}

package/components/alert/alert.tokens.d.ts

@@ -1,12 +0,0 @@
-import { type FactoryProvider, InjectionToken } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import { type TuiAlertOptions } from './alert.interfaces';
-export declare const TUI_ALERT_DEFAULT_OPTIONS: Omit<TuiAlertOptions, 'appearance' | 'icon'>;
-export declare const TUI_ALERT_OPTIONS: InjectionToken<TuiAlertOptions<undefined>>;
-export declare const TUI_ALERT_POSITION: InjectionToken<string>;
-export declare const TUI_ALERTS: InjectionToken<BehaviorSubject<readonly any[]>>;
-/**
- * Grouping alerts by their component
- */
-export declare const TUI_ALERTS_GROUPED: InjectionToken<import("rxjs").Observable<(readonly any[])[]>>;
-export declare function tuiAlertOptionsProvider(options: Partial<TuiAlertOptions>): FactoryProvider;

package/components/alert/alerts.component.d.ts

@@ -1,12 +0,0 @@
-import { Injector, type Type } from '@angular/core';
-import { type TuiMapper } from '@taiga-ui/cdk/types';
-import { identity } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare class TuiAlerts {
-    private readonly injector;
-    protected readonly alerts$: import("rxjs").Observable<(readonly any[])[]>;
-    protected readonly trackBy: typeof identity;
-    protected readonly mapper: TuiMapper<[Type<any>], Injector>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlerts, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAlerts, "tui-alerts", never, {}, {}, never, never, true, never>;
-}

package/components/alert/index.d.ts

@@ -1,6 +0,0 @@
-export * from './alert.component';
-export * from './alert.directive';
-export type * from './alert.interfaces';
-export * from './alert.service';
-export * from './alert.tokens';
-export * from './alerts.component';

package/components/dialog/active-zone-adapter.directive.d.ts

@@ -1,11 +0,0 @@
-import { type OnDestroy, type OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/cdk/directives/active-zone";
-export declare class TuiActiveZoneAdapter implements OnDestroy, OnInit {
-    private readonly current;
-    private readonly parent;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiActiveZoneAdapter, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiActiveZoneAdapter, "[tuiActiveZoneAdapter]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiActiveZone; inputs: {}; outputs: {}; }]>;
-}

package/components/dialog/dialogs.component.d.ts

@@ -1,8 +0,0 @@
-import { type Signal } from '@angular/core';
-import { type TuiPopover } from '@taiga-ui/cdk/services';
-import * as i0 from "@angular/core";
-export declare class TuiDialogs {
-    protected readonly dialogs: Signal<ReadonlyArray<TuiPopover<any, any>>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDialogs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDialogs, "tui-dialogs", never, {}, {}, never, never, true, never>;
-}

package/components/header/header.directive.d.ts

@@ -1,17 +0,0 @@
-import * as i0 from "@angular/core";
-export declare const TUI_HEADER_OPTIONS: import("@angular/core").InjectionToken<{
-    size: "" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-}>, tuiHeaderOptionsProvider: (item: Partial<{
-    size: "" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-}> | (() => Partial<{
-    size: "" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-}>)) => import("@angular/core").FactoryProvider;
-export declare class TuiHeader {
-    protected readonly nothing: undefined;
-    protected readonly options: {
-        size: "" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    };
-    readonly tuiHeader: import("@angular/core").InputSignal<"" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiHeader, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHeader, "[tuiHeader]", never, { "tuiHeader": { "alias": "tuiHeader"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/components/header/index.d.ts

@@ -1 +0,0 @@
-export * from './header.directive';

package/directives/dropdown/dropdown.service.d.ts

@@ -1,6 +0,0 @@
-import { TuiPortalService } from '@taiga-ui/cdk/portals';
-import * as i0 from "@angular/core";
-export declare class TuiDropdownService extends TuiPortalService {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<TuiDropdownService>;
-}

package/directives/dropdown/dropdowns.component.d.ts

@@ -1,9 +0,0 @@
-import { TuiPortals } from '@taiga-ui/cdk/portals';
-import * as i0 from "@angular/core";
-/**
- * Host element for dynamically created portals, for example using {@link TuiDropdownDirective}.
- */
-export declare class TuiDropdowns extends TuiPortals {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdowns, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDropdowns, "tui-dropdowns", never, {}, {}, never, never, true, never>;
-}

package/directives/hint/hint.service.d.ts

@@ -1,13 +0,0 @@
-import { type TuiPortalItem } from '@taiga-ui/core/types';
-import { BehaviorSubject } from 'rxjs';
-import * as i0 from "@angular/core";
-/**
- * Service for displaying hints/tooltips
- */
-export declare class TuiHintService extends BehaviorSubject<readonly TuiPortalItem[]> {
-    constructor();
-    add(directive: TuiPortalItem): void;
-    remove(directive: TuiPortalItem): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<TuiHintService>;
-}

package/directives/hint/hints.component.d.ts

@@ -1,12 +0,0 @@
-import { type OnInit } from '@angular/core';
-import { type TuiPortalItem } from '@taiga-ui/core/types';
-import * as i0 from "@angular/core";
-export declare class TuiHints implements OnInit {
-    private readonly hints$;
-    private readonly destroyRef;
-    private readonly cdr;
-    protected hints: readonly TuiPortalItem[];
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiHints, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiHints, "tui-hints", never, {}, {}, never, never, true, never>;
-}

package/fesm2022/taiga-ui-core-components-alert.mjs

@@ -1,149 +0,0 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, inject, ChangeDetectionStrategy, Component, Injectable, Directive, INJECTOR, Injector, ViewEncapsulation } from '@angular/core';
-import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i1 from '@taiga-ui/cdk/directives/animated';
-import { TuiAnimated, TuiAnimatedParent } from '@taiga-ui/cdk/directives/animated';
-import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
-import { TuiButton } from '@taiga-ui/core/components/button';
-import { TUI_NOTIFICATION_OPTIONS, TuiNotification } from '@taiga-ui/core/components/notification';
-import { TuiTitle } from '@taiga-ui/core/directives/title';
-import { TUI_COMMON_ICONS, TUI_CLOSE_WORD } from '@taiga-ui/core/tokens';
-import { injectContext, PolymorpheusOutlet, POLYMORPHEUS_CONTEXT } from '@taiga-ui/polymorpheus';
-import { BehaviorSubject, combineLatest, of, map, switchMap, timer, EMPTY, takeUntil, fromEvent, repeat, identity } from 'rxjs';
-import { TUI_IS_MOBILE } from '@taiga-ui/cdk/tokens';
-import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
-import { TuiPopoverService, tuiAsPopover } from '@taiga-ui/cdk/services';
-import { AsyncPipe, NgComponentOutlet } from '@angular/common';
-import { TuiMapperPipe } from '@taiga-ui/cdk/pipes/mapper';
-
-const TUI_ALERT_DEFAULT_OPTIONS = {
-    autoClose: 3000,
-    label: '',
-    closable: true,
-    data: undefined,
-};
-const TUI_ALERT_OPTIONS = new InjectionToken(ngDevMode ? 'TUI_ALERT_OPTIONS' : '', {
-    factory: () => ({
-        ...TUI_ALERT_DEFAULT_OPTIONS,
-        ...inject(TUI_NOTIFICATION_OPTIONS),
-    }),
-});
-const TUI_ALERT_POSITION = new InjectionToken(ngDevMode ? 'TUI_ALERT_POSITION' : '', {
-    factory: () => (inject(TUI_IS_MOBILE) ? '1rem 1rem 0 auto' : '2rem 3rem 0 auto'),
-});
-const TUI_ALERTS = new InjectionToken(ngDevMode ? 'TUI_ALERTS' : '', {
-    factory: () => new BehaviorSubject([]),
-});
-/**
- * Grouping alerts by their component
- */
-const TUI_ALERTS_GROUPED = new InjectionToken(ngDevMode ? 'TUI_ALERTS_GROUPED' : '', {
-    factory: () => combineLatest([
-        of(new Map()),
-        inject(TUI_ALERTS),
-    ]).pipe(map(([map, alerts]) => {
-        map.forEach((_, key) => map.set(key, []));
-        alerts.forEach((alert) => {
-            const key = alert.component.component;
-            const value = map.get(key) || [];
-            map.set(key, [...value, alert]);
-        });
-        return Array.from(map.values());
-    })),
-});
-function tuiAlertOptionsProvider(options) {
-    return {
-        provide: TUI_ALERT_OPTIONS,
-        useFactory: () => ({
-            ...TUI_ALERT_DEFAULT_OPTIONS,
-            ...(inject(TUI_ALERT_OPTIONS, { optional: true, skipSelf: true }) ||
-                inject(TUI_NOTIFICATION_OPTIONS)),
-            ...options,
-        }),
-    };
-}
-
-class TuiAlertComponent {
-    constructor() {
-        this.el = tuiInjectElement();
-        this.icons = inject(TUI_COMMON_ICONS);
-        this.close = toSignal(inject(TUI_CLOSE_WORD));
-        this.position = inject(TUI_ALERT_POSITION);
-        this.item = injectContext();
-        this.sub = of(typeof this.item.autoClose === 'function'
-            ? this.item.autoClose(this.item.appearance)
-            : this.item.autoClose)
-            .pipe(switchMap((autoClose) => (autoClose ? timer(autoClose) : EMPTY)), takeUntil(fromEvent(this.el, 'mouseenter')), repeat({ delay: () => fromEvent(this.el, 'mouseleave') }), takeUntilDestroyed())
-            .subscribe(() => this.item.$implicit.complete());
-    }
-    get from() {
-        return this.position.endsWith('auto') ? 'translateX(100%)' : 'translateX(-100%)';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TuiAlertComponent, isStandalone: true, selector: "tui-alert", host: { attributes: { "role": "alert" }, properties: { "style.margin": "position", "style.--tui-from": "from" } }, hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "<div class=\"t-wrapper\">\n    <tui-notification\n        size=\"m\"\n        [appearance]=\"item.appearance\"\n        [class.t-closable]=\"item.closable\"\n        [icon]=\"item.icon\"\n    >\n        <span tuiTitle>\n            <ng-container *polymorpheusOutlet=\"item.label as text; context: item\">\n                {{ text }}\n            </ng-container>\n            <span tuiSubtitle>\n                <span\n                    *polymorpheusOutlet=\"item.content as text; context: item\"\n                    [innerHTML]=\"text\"\n                ></span>\n            </span>\n        </span>\n        @if (item.closable) {\n            <button\n                tuiIconButton\n                type=\"button\"\n                [iconStart]=\"icons.close\"\n                (click)=\"item.$implicit.complete()\"\n            >\n                {{ close() }}\n            </button>\n        }\n    </tui-notification>\n</div>\n", styles: [":host{display:grid;inline-size:18rem;flex-shrink:0;word-break:break-word}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide,tuiCollapse}:host:not(:first-of-type){margin-block-start:0!important}:host:not(:last-of-type){margin-block-end:0!important}.t-wrapper{transition-property:margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;grid-row:1 / span 2;overflow:hidden;margin-block-end:.75rem;background:var(--tui-background-base);border-radius:var(--tui-radius-m);box-shadow:var(--tui-shadow-medium)}:host.tui-leave .t-wrapper{margin:0}.t-closable{padding-inline-end:2.5rem}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiNotification, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: ["appearance", "icon", "size"] }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAlertComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tui-alert', imports: [PolymorpheusOutlet, TuiButton, TuiNotification, TuiTitle], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [TuiAnimated], host: {
-                        role: 'alert',
-                        '[style.margin]': 'position',
-                        '[style.--tui-from]': 'from',
-                    }, template: "<div class=\"t-wrapper\">\n    <tui-notification\n        size=\"m\"\n        [appearance]=\"item.appearance\"\n        [class.t-closable]=\"item.closable\"\n        [icon]=\"item.icon\"\n    >\n        <span tuiTitle>\n            <ng-container *polymorpheusOutlet=\"item.label as text; context: item\">\n                {{ text }}\n            </ng-container>\n            <span tuiSubtitle>\n                <span\n                    *polymorpheusOutlet=\"item.content as text; context: item\"\n                    [innerHTML]=\"text\"\n                ></span>\n            </span>\n        </span>\n        @if (item.closable) {\n            <button\n                tuiIconButton\n                type=\"button\"\n                [iconStart]=\"icons.close\"\n                (click)=\"item.$implicit.complete()\"\n            >\n                {{ close() }}\n            </button>\n        }\n    </tui-notification>\n</div>\n", styles: [":host{display:grid;inline-size:18rem;flex-shrink:0;word-break:break-word}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide,tuiCollapse}:host:not(:first-of-type){margin-block-start:0!important}:host:not(:last-of-type){margin-block-end:0!important}.t-wrapper{transition-property:margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;grid-row:1 / span 2;overflow:hidden;margin-block-end:.75rem;background:var(--tui-background-base);border-radius:var(--tui-radius-m);box-shadow:var(--tui-shadow-medium)}:host.tui-leave .t-wrapper{margin:0}.t-closable{padding-inline-end:2.5rem}\n"] }]
-        }] });
-
-class TuiAlertService extends TuiPopoverService {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAlertService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAlertService, providedIn: 'root', useFactory: () => new TuiAlertService(TUI_ALERTS, TuiAlertComponent, inject(TUI_ALERT_OPTIONS)) }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAlertService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                    useFactory: () => new TuiAlertService(TUI_ALERTS, TuiAlertComponent, inject(TUI_ALERT_OPTIONS)),
-                }]
-        }] });
-
-class TuiAlert extends TuiPopoverDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAlert, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiAlert, isStandalone: true, selector: "ng-template[tuiAlert]", inputs: { options: ["tuiAlertOptions", "options"], open: ["tuiAlert", "open"] }, outputs: { openChange: "tuiAlertChange" }, providers: [tuiAsPopover(TuiAlertService)], usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAlert, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: 'ng-template[tuiAlert]',
-                    inputs: ['options: tuiAlertOptions', 'open: tuiAlert'],
-                    outputs: ['openChange: tuiAlertChange'],
-                    providers: [tuiAsPopover(TuiAlertService)],
-                }]
-        }] });
-
-class TuiAlerts {
-    constructor() {
-        this.injector = inject(INJECTOR);
-        this.alerts$ = inject(TUI_ALERTS_GROUPED);
-        this.trackBy = identity;
-        this.mapper = (useValue) => Injector.create({
-            providers: [
-                {
-                    provide: POLYMORPHEUS_CONTEXT,
-                    useValue,
-                },
-            ],
-            parent: this.injector,
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAlerts, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TuiAlerts, isStandalone: true, selector: "tui-alerts", ngImport: i0, template: "@for (group of alerts$ | async; track trackBy(group)) {\n    <div\n        tuiAnimatedParent\n        class=\"t-wrapper\"\n    >\n        @for (item of group; track item) {\n            <ng-container\n                [ngComponentOutlet]=\"item.component.component\"\n                [ngComponentOutletInjector]=\"item | tuiMapper: mapper\"\n            />\n        }\n    </div>\n}\n", styles: ["tui-alerts>.t-wrapper{position:fixed;top:0;left:0;inline-size:100%;display:flex;flex-direction:column;pointer-events:none;box-sizing:border-box;block-size:100%;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}tui-alerts>.t-wrapper>*{pointer-events:auto}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: TuiAnimatedParent, selector: "[tuiAnimatedParent]" }, { kind: "pipe", type: TuiMapperPipe, name: "tuiMapper" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAlerts, decorators: [{
-            type: Component,
-            args: [{ selector: 'tui-alerts', imports: [AsyncPipe, NgComponentOutlet, TuiAnimatedParent, TuiMapperPipe], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "@for (group of alerts$ | async; track trackBy(group)) {\n    <div\n        tuiAnimatedParent\n        class=\"t-wrapper\"\n    >\n        @for (item of group; track item) {\n            <ng-container\n                [ngComponentOutlet]=\"item.component.component\"\n                [ngComponentOutletInjector]=\"item | tuiMapper: mapper\"\n            />\n        }\n    </div>\n}\n", styles: ["tui-alerts>.t-wrapper{position:fixed;top:0;left:0;inline-size:100%;display:flex;flex-direction:column;pointer-events:none;box-sizing:border-box;block-size:100%;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}tui-alerts>.t-wrapper>*{pointer-events:auto}\n"] }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TUI_ALERTS, TUI_ALERTS_GROUPED, TUI_ALERT_DEFAULT_OPTIONS, TUI_ALERT_OPTIONS, TUI_ALERT_POSITION, TuiAlert, TuiAlertComponent, TuiAlertService, TuiAlerts, tuiAlertOptionsProvider };
-//# sourceMappingURL=taiga-ui-core-components-alert.mjs.map