@taiga-ui/core 4.51.0 → 4.52.0-canary.0ec45da

package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-utils-miscellaneous.mjs","sources":["../../../projects/core/utils/miscellaneous/font-scaling.ts","../../../projects/core/utils/miscellaneous/is-editing-key.ts","../../../projects/core/utils/miscellaneous/is-obscured.ts","../../../projects/core/utils/miscellaneous/override-options.ts","../../../projects/core/utils/miscellaneous/size-bigger.ts","../../../projects/core/utils/miscellaneous/to-animation-options.ts","../../../projects/core/utils/miscellaneous/taiga-ui-core-utils-miscellaneous.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {inject, type Provider} from '@angular/core';\nimport {TUI_FONT_SIZE_HANDLER} from '@taiga-ui/cdk/directives/font-size';\nimport {tuiClamp} from '@taiga-ui/cdk/utils/math';\n\nexport function tuiEnableFontScaling(): Provider {\n    return {\n        provide: TUI_FONT_SIZE_HANDLER,\n        useFactory:\n            ({documentElement} = inject(DOCUMENT)) =>\n            (size: number): void =>\n                documentElement.style.setProperty(\n                    '--tui-font-offset',\n                    `${tuiClamp(size, 17, 28) - 17}px`,\n                ),\n    };\n}\n","const KEYS: readonly string[] = [\n    'Spacebar',\n    'Backspace',\n    'Delete',\n    'ArrowLeft',\n    'ArrowRight',\n    'Left',\n    'Right',\n    'End',\n    'Home',\n];\n\n/**\n * Check if pressed key is interactive in terms of input field\n */\nexport function tuiIsEditingKey(key = ''): boolean {\n    return key.length === 1 || KEYS.includes(key);\n}\n","import {tuiGetElementObscures} from '@taiga-ui/cdk/utils/dom';\n\n/**\n * @internal\n */\nexport function tuiIsObscured(el: HTMLElement, exceptSelector = 'tui-hints'): boolean {\n    return !!tuiGetElementObscures(el)?.some((el) => !el.closest(exceptSelector));\n}\n","export function tuiOverrideOptions<T>(\n    override: Partial<T>,\n    fallback: T,\n): (directive: T | null, options: T | null) => T {\n    return (directive, options) => {\n        const result: T = directive || {...(options || fallback)};\n\n        Object.keys(override).forEach((key) => {\n            // Update directive props with new defaults before inputs are processed\n            (result as Record<string, unknown>)[key] = override[key as keyof T];\n        });\n\n        return result;\n    };\n}\n","import {type TuiSizeXXL, type TuiSizeXXS} from '@taiga-ui/core/types';\n\nconst SIZES: Record<TuiSizeXXL | TuiSizeXXS, number> = {\n    xxs: 0,\n    xs: 1,\n    s: 2,\n    m: 3,\n    l: 4,\n    xl: 5,\n    xxl: 6,\n};\n\n/**\n * Compares size constants to determine if first size is bigger than the second\n *\n * @param size size that we need to compare\n * @param biggerThanSize size to compare with, 's' by default\n */\nexport function tuiSizeBigger(\n    size: TuiSizeXXL | TuiSizeXXS,\n    biggerThanSize: TuiSizeXXL | TuiSizeXXS = 's',\n): boolean {\n    return SIZES[size] > SIZES[biggerThanSize];\n}\n","import {type AnimationOptions} from '@angular/animations';\nimport {inject} from '@angular/core';\nimport {TUI_ANIMATIONS_SPEED} from '@taiga-ui/core/tokens';\n\nexport const TUI_ANIMATIONS_DEFAULT_DURATION = 300;\n\nexport function tuiToAnimationOptions(\n    speed: number = inject(TUI_ANIMATIONS_SPEED),\n    easing?: string,\n): AnimationOptions {\n    return {\n        value: '',\n        params: {\n            duration: tuiGetDuration(speed),\n            easing,\n        },\n    } as unknown as AnimationOptions;\n}\n\nexport function tuiGetDuration(speed: number): number {\n    return speed && TUI_ANIMATIONS_DEFAULT_DURATION / speed;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;SAKgB,oBAAoB,GAAA;IAChC,OAAO;AACH,QAAA,OAAO,EAAE,qBAAqB;AAC9B,QAAA,UAAU,EACN,CAAC,EAAC,eAAe,EAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,KACrC,CAAC,IAAY,KACT,eAAe,CAAC,KAAK,CAAC,WAAW,CAC7B,mBAAmB,EACnB,GAAG,QAAQ,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,IAAI,CACrC;KACZ,CAAC;AACN;;AChBA,MAAM,IAAI,GAAsB;IAC5B,UAAU;IACV,WAAW;IACX,QAAQ;IACR,WAAW;IACX,YAAY;IACZ,MAAM;IACN,OAAO;IACP,KAAK;IACL,MAAM;CACT,CAAC;AAEF;;AAEG;AACa,SAAA,eAAe,CAAC,GAAG,GAAG,EAAE,EAAA;AACpC,IAAA,OAAO,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;AAClD;;ACfA;;AAEG;SACa,aAAa,CAAC,EAAe,EAAE,cAAc,GAAG,WAAW,EAAA;IACvE,OAAO,CAAC,CAAC,qBAAqB,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC;AAClF;;ACPgB,SAAA,kBAAkB,CAC9B,QAAoB,EACpB,QAAW,EAAA;AAEX,IAAA,OAAO,CAAC,SAAS,EAAE,OAAO,KAAI;AAC1B,QAAA,MAAM,MAAM,GAAM,SAAS,IAAI,EAAC,IAAI,OAAO,IAAI,QAAQ,CAAC,EAAC,CAAC;QAE1D,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;;YAEjC,MAAkC,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,GAAc,CAAC,CAAC;AACxE,SAAC,CAAC,CAAC;AAEH,QAAA,OAAO,MAAM,CAAC;AAClB,KAAC,CAAC;AACN;;ACZA,MAAM,KAAK,GAA4C;AACnD,IAAA,GAAG,EAAE,CAAC;AACN,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,GAAG,EAAE,CAAC;CACT,CAAC;AAEF;;;;;AAKG;SACa,aAAa,CACzB,IAA6B,EAC7B,iBAA0C,GAAG,EAAA;IAE7C,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAC/C;;ACnBO,MAAM,+BAA+B,GAAG,IAAI;AAE7C,SAAU,qBAAqB,CACjC,KAAA,GAAgB,MAAM,CAAC,oBAAoB,CAAC,EAC5C,MAAe,EAAA;IAEf,OAAO;AACH,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,MAAM,EAAE;AACJ,YAAA,QAAQ,EAAE,cAAc,CAAC,KAAK,CAAC;YAC/B,MAAM;AACT,SAAA;KAC2B,CAAC;AACrC,CAAC;AAEK,SAAU,cAAc,CAAC,KAAa,EAAA;AACxC,IAAA,OAAO,KAAK,IAAI,+BAA+B,GAAG,KAAK,CAAC;AAC5D;;ACrBA;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-core-utils-miscellaneous.mjs","sources":["../../../projects/core/utils/miscellaneous/font-scaling.ts","../../../projects/core/utils/miscellaneous/is-editing-key.ts","../../../projects/core/utils/miscellaneous/is-obscured.ts","../../../projects/core/utils/miscellaneous/override-options.ts","../../../projects/core/utils/miscellaneous/provide-taiga.ts","../../../projects/core/utils/miscellaneous/size-bigger.ts","../../../projects/core/utils/miscellaneous/to-animation-options.ts","../../../projects/core/utils/miscellaneous/taiga-ui-core-utils-miscellaneous.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {inject, type Provider} from '@angular/core';\nimport {TUI_FONT_SIZE_HANDLER} from '@taiga-ui/cdk/directives/font-size';\nimport {tuiClamp} from '@taiga-ui/cdk/utils/math';\n\nexport function tuiEnableFontScaling(): Provider {\n    return {\n        provide: TUI_FONT_SIZE_HANDLER,\n        useFactory:\n            ({documentElement} = inject(DOCUMENT)) =>\n            (size: number): void =>\n                documentElement.style.setProperty(\n                    '--tui-font-offset',\n                    `${tuiClamp(size, 17, 28) - 17}px`,\n                ),\n    };\n}\n","const KEYS: readonly string[] = [\n    'Spacebar',\n    'Backspace',\n    'Delete',\n    'ArrowLeft',\n    'ArrowRight',\n    'Left',\n    'Right',\n    'End',\n    'Home',\n];\n\n/**\n * Check if pressed key is interactive in terms of input field\n */\nexport function tuiIsEditingKey(key = ''): boolean {\n    return key.length === 1 || KEYS.includes(key);\n}\n","import {tuiGetElementObscures} from '@taiga-ui/cdk/utils/dom';\n\n/**\n * @internal\n */\nexport function tuiIsObscured(el: HTMLElement, exceptSelector = 'tui-popups'): boolean {\n    return !!tuiGetElementObscures(el)?.some((el) => !el.closest(exceptSelector));\n}\n","export function tuiOverrideOptions<T>(\n    override: Partial<T>,\n    fallback: T,\n): (directive: T | null, options: T | null) => T {\n    return (directive, options) => {\n        const result: T = directive || {...(options || fallback)};\n\n        Object.keys(override).forEach((key) => {\n            // Update directive props with new defaults before inputs are processed\n            (result as Record<string, unknown>)[key] = override[key as keyof T];\n        });\n\n        return result;\n    };\n}\n","import {DOCUMENT} from '@angular/common';\nimport {\n    effect,\n    type EnvironmentProviders,\n    inject,\n    InjectionToken,\n    provideAppInitializer,\n    type Provider,\n} from '@angular/core';\nimport {REMOVE_STYLES_ON_COMPONENT_DESTROY} from '@angular/platform-browser';\nimport {tuiIsPresent} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TUI_DARK_MODE} from '@taiga-ui/core/tokens';\nimport {provideEventPlugins} from '@taiga-ui/event-plugins';\n\nimport {tuiEnableFontScaling} from './font-scaling';\n\ninterface ExperimentalAPIs {\n    readonly all: boolean;\n}\n\nexport interface TuiOptions {\n    readonly mode?: 'dark' | 'light';\n    readonly apis: Partial<ExperimentalAPIs> | 'stable';\n    readonly fontScaling: boolean;\n    readonly scrollbars: 'custom' | 'native';\n}\n\nconst DEFAULT: TuiOptions = {\n    apis: 'stable',\n    fontScaling: true,\n    scrollbars: 'custom',\n};\n\nexport const TUI_OPTIONS = new InjectionToken<TuiOptions>(ngDevMode ? 'TUI_OPTIONS' : '');\n\nexport function provideTaiga(\n    config: Partial<TuiOptions> = {},\n): Array<EnvironmentProviders | Provider> {\n    const options = {...DEFAULT, ...config};\n    const providers: Array<EnvironmentProviders | Provider> = [\n        {\n            provide: REMOVE_STYLES_ON_COMPONENT_DESTROY,\n            useValue: false,\n        },\n        {\n            provide: TUI_OPTIONS,\n            useValue: options,\n        },\n        provideEventPlugins(),\n        provideAppInitializer(() => {\n            const doc = inject(DOCUMENT);\n            const mode = inject(TUI_DARK_MODE);\n\n            if (options.scrollbars === 'custom') {\n                doc.documentElement.classList.add('tui-zero-scrollbar');\n            }\n\n            if (tuiIsPresent(options.mode)) {\n                mode.set(options.mode === 'dark');\n            }\n\n            effect(() => {\n                if (mode()) {\n                    doc.body.setAttribute('tuiTheme', 'dark');\n                } else {\n                    doc.body.removeAttribute('tuiTheme');\n                }\n            });\n        }),\n    ];\n\n    if (options.fontScaling) {\n        providers.push(tuiEnableFontScaling());\n    }\n\n    return providers;\n}\n","import {type TuiSizeXXL, type TuiSizeXXS} from '@taiga-ui/core/types';\n\nconst SIZES: Record<TuiSizeXXL | TuiSizeXXS, number> = {\n    xxs: 0,\n    xs: 1,\n    s: 2,\n    m: 3,\n    l: 4,\n    xl: 5,\n    xxl: 6,\n};\n\n/**\n * Compares size constants to determine if first size is bigger than the second\n *\n * @param size size that we need to compare\n * @param biggerThanSize size to compare with, 's' by default\n */\nexport function tuiSizeBigger(\n    size: TuiSizeXXL | TuiSizeXXS,\n    biggerThanSize: TuiSizeXXL | TuiSizeXXS = 's',\n): boolean {\n    return SIZES[size] > SIZES[biggerThanSize];\n}\n","import {type AnimationOptions} from '@angular/animations';\nimport {inject} from '@angular/core';\nimport {TUI_ANIMATIONS_SPEED} from '@taiga-ui/core/tokens';\n\nexport const TUI_ANIMATIONS_DEFAULT_DURATION = 300;\n\nexport function tuiToAnimationOptions(\n    speed: number = inject(TUI_ANIMATIONS_SPEED),\n    easing?: string,\n): AnimationOptions {\n    return {\n        value: '',\n        params: {\n            duration: tuiGetDuration(speed),\n            easing,\n        },\n    } as unknown as AnimationOptions;\n}\n\nexport function tuiGetDuration(speed: number): number {\n    return speed && TUI_ANIMATIONS_DEFAULT_DURATION / speed;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/core",
-  "version": "4.51.0",
+  "version": "4.52.0-canary.0ec45da",
   "description": "Core library for creating Angular components and applications using Taiga UI",
   "keywords": [
     "angular",
@@ -21,317 +21,221 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/taiga-ui-core.mjs",
-      "esm": "./esm2022/taiga-ui-core.mjs",
       "default": "./fesm2022/taiga-ui-core.mjs"
     },
     "./animations": {
       "types": "./animations/index.d.ts",
-      "esm2022": "./esm2022/animations/taiga-ui-core-animations.mjs",
-      "esm": "./esm2022/animations/taiga-ui-core-animations.mjs",
       "default": "./fesm2022/taiga-ui-core-animations.mjs"
     },
     "./classes": {
       "types": "./classes/index.d.ts",
-      "esm2022": "./esm2022/classes/taiga-ui-core-classes.mjs",
-      "esm": "./esm2022/classes/taiga-ui-core-classes.mjs",
       "default": "./fesm2022/taiga-ui-core-classes.mjs"
     },
     "./components": {
       "types": "./components/index.d.ts",
-      "esm2022": "./esm2022/components/taiga-ui-core-components.mjs",
-      "esm": "./esm2022/components/taiga-ui-core-components.mjs",
       "default": "./fesm2022/taiga-ui-core-components.mjs"
     },
     "./directives": {
       "types": "./directives/index.d.ts",
-      "esm2022": "./esm2022/directives/taiga-ui-core-directives.mjs",
-      "esm": "./esm2022/directives/taiga-ui-core-directives.mjs",
       "default": "./fesm2022/taiga-ui-core-directives.mjs"
     },
     "./pipes": {
       "types": "./pipes/index.d.ts",
-      "esm2022": "./esm2022/pipes/taiga-ui-core-pipes.mjs",
-      "esm": "./esm2022/pipes/taiga-ui-core-pipes.mjs",
       "default": "./fesm2022/taiga-ui-core-pipes.mjs"
     },
     "./services": {
       "types": "./services/index.d.ts",
-      "esm2022": "./esm2022/services/taiga-ui-core-services.mjs",
-      "esm": "./esm2022/services/taiga-ui-core-services.mjs",
       "default": "./fesm2022/taiga-ui-core-services.mjs"
     },
     "./tokens": {
       "types": "./tokens/index.d.ts",
-      "esm2022": "./esm2022/tokens/taiga-ui-core-tokens.mjs",
-      "esm": "./esm2022/tokens/taiga-ui-core-tokens.mjs",
       "default": "./fesm2022/taiga-ui-core-tokens.mjs"
     },
     "./types": {
       "types": "./types/index.d.ts",
-      "esm2022": "./esm2022/types/taiga-ui-core-types.mjs",
-      "esm": "./esm2022/types/taiga-ui-core-types.mjs",
       "default": "./fesm2022/taiga-ui-core-types.mjs"
     },
     "./utils": {
       "types": "./utils/index.d.ts",
-      "esm2022": "./esm2022/utils/taiga-ui-core-utils.mjs",
-      "esm": "./esm2022/utils/taiga-ui-core-utils.mjs",
       "default": "./fesm2022/taiga-ui-core-utils.mjs"
     },
     "./components/alert": {
       "types": "./components/alert/index.d.ts",
-      "esm2022": "./esm2022/components/alert/taiga-ui-core-components-alert.mjs",
-      "esm": "./esm2022/components/alert/taiga-ui-core-components-alert.mjs",
       "default": "./fesm2022/taiga-ui-core-components-alert.mjs"
     },
     "./components/button": {
       "types": "./components/button/index.d.ts",
-      "esm2022": "./esm2022/components/button/taiga-ui-core-components-button.mjs",
-      "esm": "./esm2022/components/button/taiga-ui-core-components-button.mjs",
       "default": "./fesm2022/taiga-ui-core-components-button.mjs"
     },
     "./components/calendar": {
       "types": "./components/calendar/index.d.ts",
-      "esm2022": "./esm2022/components/calendar/taiga-ui-core-components-calendar.mjs",
-      "esm": "./esm2022/components/calendar/taiga-ui-core-components-calendar.mjs",
       "default": "./fesm2022/taiga-ui-core-components-calendar.mjs"
     },
+    "./components/cell": {
+      "types": "./components/cell/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-components-cell.mjs"
+    },
     "./components/data-list": {
       "types": "./components/data-list/index.d.ts",
-      "esm2022": "./esm2022/components/data-list/taiga-ui-core-components-data-list.mjs",
-      "esm": "./esm2022/components/data-list/taiga-ui-core-components-data-list.mjs",
       "default": "./fesm2022/taiga-ui-core-components-data-list.mjs"
     },
     "./components/dialog": {
       "types": "./components/dialog/index.d.ts",
-      "esm2022": "./esm2022/components/dialog/taiga-ui-core-components-dialog.mjs",
-      "esm": "./esm2022/components/dialog/taiga-ui-core-components-dialog.mjs",
       "default": "./fesm2022/taiga-ui-core-components-dialog.mjs"
     },
     "./components/error": {
       "types": "./components/error/index.d.ts",
-      "esm2022": "./esm2022/components/error/taiga-ui-core-components-error.mjs",
-      "esm": "./esm2022/components/error/taiga-ui-core-components-error.mjs",
       "default": "./fesm2022/taiga-ui-core-components-error.mjs"
     },
     "./components/expand": {
       "types": "./components/expand/index.d.ts",
-      "esm2022": "./esm2022/components/expand/taiga-ui-core-components-expand.mjs",
-      "esm": "./esm2022/components/expand/taiga-ui-core-components-expand.mjs",
       "default": "./fesm2022/taiga-ui-core-components-expand.mjs"
     },
-    "./components/fullscreen": {
-      "types": "./components/fullscreen/index.d.ts",
-      "esm2022": "./esm2022/components/fullscreen/taiga-ui-core-components-fullscreen.mjs",
-      "esm": "./esm2022/components/fullscreen/taiga-ui-core-components-fullscreen.mjs",
-      "default": "./fesm2022/taiga-ui-core-components-fullscreen.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",
-      "esm2022": "./esm2022/components/icon/taiga-ui-core-components-icon.mjs",
-      "esm": "./esm2022/components/icon/taiga-ui-core-components-icon.mjs",
       "default": "./fesm2022/taiga-ui-core-components-icon.mjs"
     },
     "./components/label": {
       "types": "./components/label/index.d.ts",
-      "esm2022": "./esm2022/components/label/taiga-ui-core-components-label.mjs",
-      "esm": "./esm2022/components/label/taiga-ui-core-components-label.mjs",
       "default": "./fesm2022/taiga-ui-core-components-label.mjs"
     },
     "./components/link": {
       "types": "./components/link/index.d.ts",
-      "esm2022": "./esm2022/components/link/taiga-ui-core-components-link.mjs",
-      "esm": "./esm2022/components/link/taiga-ui-core-components-link.mjs",
       "default": "./fesm2022/taiga-ui-core-components-link.mjs"
     },
     "./components/loader": {
       "types": "./components/loader/index.d.ts",
-      "esm2022": "./esm2022/components/loader/taiga-ui-core-components-loader.mjs",
-      "esm": "./esm2022/components/loader/taiga-ui-core-components-loader.mjs",
       "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",
-      "esm2022": "./esm2022/components/notification/taiga-ui-core-components-notification.mjs",
-      "esm": "./esm2022/components/notification/taiga-ui-core-components-notification.mjs",
       "default": "./fesm2022/taiga-ui-core-components-notification.mjs"
     },
     "./components/root": {
       "types": "./components/root/index.d.ts",
-      "esm2022": "./esm2022/components/root/taiga-ui-core-components-root.mjs",
-      "esm": "./esm2022/components/root/taiga-ui-core-components-root.mjs",
       "default": "./fesm2022/taiga-ui-core-components-root.mjs"
     },
     "./components/scrollbar": {
       "types": "./components/scrollbar/index.d.ts",
-      "esm2022": "./esm2022/components/scrollbar/taiga-ui-core-components-scrollbar.mjs",
-      "esm": "./esm2022/components/scrollbar/taiga-ui-core-components-scrollbar.mjs",
       "default": "./fesm2022/taiga-ui-core-components-scrollbar.mjs"
     },
     "./components/spin-button": {
       "types": "./components/spin-button/index.d.ts",
-      "esm2022": "./esm2022/components/spin-button/taiga-ui-core-components-spin-button.mjs",
-      "esm": "./esm2022/components/spin-button/taiga-ui-core-components-spin-button.mjs",
       "default": "./fesm2022/taiga-ui-core-components-spin-button.mjs"
     },
     "./components/textfield": {
       "types": "./components/textfield/index.d.ts",
-      "esm2022": "./esm2022/components/textfield/taiga-ui-core-components-textfield.mjs",
-      "esm": "./esm2022/components/textfield/taiga-ui-core-components-textfield.mjs",
       "default": "./fesm2022/taiga-ui-core-components-textfield.mjs"
     },
     "./directives/appearance": {
       "types": "./directives/appearance/index.d.ts",
-      "esm2022": "./esm2022/directives/appearance/taiga-ui-core-directives-appearance.mjs",
-      "esm": "./esm2022/directives/appearance/taiga-ui-core-directives-appearance.mjs",
       "default": "./fesm2022/taiga-ui-core-directives-appearance.mjs"
     },
     "./directives/date-format": {
       "types": "./directives/date-format/index.d.ts",
-      "esm2022": "./esm2022/directives/date-format/taiga-ui-core-directives-date-format.mjs",
-      "esm": "./esm2022/directives/date-format/taiga-ui-core-directives-date-format.mjs",
       "default": "./fesm2022/taiga-ui-core-directives-date-format.mjs"
     },
     "./directives/dropdown": {
       "types": "./directives/dropdown/index.d.ts",
-      "esm2022": "./esm2022/directives/dropdown/taiga-ui-core-directives-dropdown.mjs",
-      "esm": "./esm2022/directives/dropdown/taiga-ui-core-directives-dropdown.mjs",
       "default": "./fesm2022/taiga-ui-core-directives-dropdown.mjs"
     },
     "./directives/group": {
       "types": "./directives/group/index.d.ts",
-      "esm2022": "./esm2022/directives/group/taiga-ui-core-directives-group.mjs",
-      "esm": "./esm2022/directives/group/taiga-ui-core-directives-group.mjs",
       "default": "./fesm2022/taiga-ui-core-directives-group.mjs"
     },
     "./directives/hint": {
       "types": "./directives/hint/index.d.ts",
-      "esm2022": "./esm2022/directives/hint/taiga-ui-core-directives-hint.mjs",
-      "esm": "./esm2022/directives/hint/taiga-ui-core-directives-hint.mjs",
       "default": "./fesm2022/taiga-ui-core-directives-hint.mjs"
     },
     "./directives/icons": {
       "types": "./directives/icons/index.d.ts",
-      "esm2022": "./esm2022/directives/icons/taiga-ui-core-directives-icons.mjs",
-      "esm": "./esm2022/directives/icons/taiga-ui-core-directives-icons.mjs",
       "default": "./fesm2022/taiga-ui-core-directives-icons.mjs"
     },
     "./directives/items-handlers": {
       "types": "./directives/items-handlers/index.d.ts",
-      "esm2022": "./esm2022/directives/items-handlers/taiga-ui-core-directives-items-handlers.mjs",
-      "esm": "./esm2022/directives/items-handlers/taiga-ui-core-directives-items-handlers.mjs",
       "default": "./fesm2022/taiga-ui-core-directives-items-handlers.mjs"
     },
+    "./directives/notification": {
+      "types": "./directives/notification/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-directives-notification.mjs"
+    },
     "./directives/number-format": {
       "types": "./directives/number-format/index.d.ts",
-      "esm2022": "./esm2022/directives/number-format/taiga-ui-core-directives-number-format.mjs",
-      "esm": "./esm2022/directives/number-format/taiga-ui-core-directives-number-format.mjs",
       "default": "./fesm2022/taiga-ui-core-directives-number-format.mjs"
     },
     "./directives/popup": {
       "types": "./directives/popup/index.d.ts",
-      "esm2022": "./esm2022/directives/popup/taiga-ui-core-directives-popup.mjs",
-      "esm": "./esm2022/directives/popup/taiga-ui-core-directives-popup.mjs",
       "default": "./fesm2022/taiga-ui-core-directives-popup.mjs"
     },
-    "./directives/surface": {
-      "types": "./directives/surface/index.d.ts",
-      "esm2022": "./esm2022/directives/surface/taiga-ui-core-directives-surface.mjs",
-      "esm": "./esm2022/directives/surface/taiga-ui-core-directives-surface.mjs",
-      "default": "./fesm2022/taiga-ui-core-directives-surface.mjs"
-    },
     "./directives/title": {
       "types": "./directives/title/index.d.ts",
-      "esm2022": "./esm2022/directives/title/taiga-ui-core-directives-title.mjs",
-      "esm": "./esm2022/directives/title/taiga-ui-core-directives-title.mjs",
       "default": "./fesm2022/taiga-ui-core-directives-title.mjs"
     },
     "./pipes/auto-color": {
       "types": "./pipes/auto-color/index.d.ts",
-      "esm2022": "./esm2022/pipes/auto-color/taiga-ui-core-pipes-auto-color.mjs",
-      "esm": "./esm2022/pipes/auto-color/taiga-ui-core-pipes-auto-color.mjs",
       "default": "./fesm2022/taiga-ui-core-pipes-auto-color.mjs"
     },
     "./pipes/calendar-sheet": {
       "types": "./pipes/calendar-sheet/index.d.ts",
-      "esm2022": "./esm2022/pipes/calendar-sheet/taiga-ui-core-pipes-calendar-sheet.mjs",
-      "esm": "./esm2022/pipes/calendar-sheet/taiga-ui-core-pipes-calendar-sheet.mjs",
       "default": "./fesm2022/taiga-ui-core-pipes-calendar-sheet.mjs"
     },
-    "./pipes/fallback-src": {
-      "types": "./pipes/fallback-src/index.d.ts",
-      "esm2022": "./esm2022/pipes/fallback-src/taiga-ui-core-pipes-fallback-src.mjs",
-      "esm": "./esm2022/pipes/fallback-src/taiga-ui-core-pipes-fallback-src.mjs",
-      "default": "./fesm2022/taiga-ui-core-pipes-fallback-src.mjs"
-    },
     "./pipes/flag": {
       "types": "./pipes/flag/index.d.ts",
-      "esm2022": "./esm2022/pipes/flag/taiga-ui-core-pipes-flag.mjs",
-      "esm": "./esm2022/pipes/flag/taiga-ui-core-pipes-flag.mjs",
       "default": "./fesm2022/taiga-ui-core-pipes-flag.mjs"
     },
     "./pipes/format-date": {
       "types": "./pipes/format-date/index.d.ts",
-      "esm2022": "./esm2022/pipes/format-date/taiga-ui-core-pipes-format-date.mjs",
-      "esm": "./esm2022/pipes/format-date/taiga-ui-core-pipes-format-date.mjs",
       "default": "./fesm2022/taiga-ui-core-pipes-format-date.mjs"
     },
     "./pipes/format-number": {
       "types": "./pipes/format-number/index.d.ts",
-      "esm2022": "./esm2022/pipes/format-number/taiga-ui-core-pipes-format-number.mjs",
-      "esm": "./esm2022/pipes/format-number/taiga-ui-core-pipes-format-number.mjs",
       "default": "./fesm2022/taiga-ui-core-pipes-format-number.mjs"
     },
     "./pipes/initials": {
       "types": "./pipes/initials/index.d.ts",
-      "esm2022": "./esm2022/pipes/initials/taiga-ui-core-pipes-initials.mjs",
-      "esm": "./esm2022/pipes/initials/taiga-ui-core-pipes-initials.mjs",
       "default": "./fesm2022/taiga-ui-core-pipes-initials.mjs"
     },
     "./pipes/month": {
       "types": "./pipes/month/index.d.ts",
-      "esm2022": "./esm2022/pipes/month/taiga-ui-core-pipes-month.mjs",
-      "esm": "./esm2022/pipes/month/taiga-ui-core-pipes-month.mjs",
       "default": "./fesm2022/taiga-ui-core-pipes-month.mjs"
     },
     "./pipes/order-week-days": {
       "types": "./pipes/order-week-days/index.d.ts",
-      "esm2022": "./esm2022/pipes/order-week-days/taiga-ui-core-pipes-order-week-days.mjs",
-      "esm": "./esm2022/pipes/order-week-days/taiga-ui-core-pipes-order-week-days.mjs",
       "default": "./fesm2022/taiga-ui-core-pipes-order-week-days.mjs"
     },
     "./utils/dom": {
       "types": "./utils/dom/index.d.ts",
-      "esm2022": "./esm2022/utils/dom/taiga-ui-core-utils-dom.mjs",
-      "esm": "./esm2022/utils/dom/taiga-ui-core-utils-dom.mjs",
       "default": "./fesm2022/taiga-ui-core-utils-dom.mjs"
     },
     "./utils/format": {
       "types": "./utils/format/index.d.ts",
-      "esm2022": "./esm2022/utils/format/taiga-ui-core-utils-format.mjs",
-      "esm": "./esm2022/utils/format/taiga-ui-core-utils-format.mjs",
       "default": "./fesm2022/taiga-ui-core-utils-format.mjs"
     },
     "./utils/miscellaneous": {
       "types": "./utils/miscellaneous/index.d.ts",
-      "esm2022": "./esm2022/utils/miscellaneous/taiga-ui-core-utils-miscellaneous.mjs",
-      "esm": "./esm2022/utils/miscellaneous/taiga-ui-core-utils-miscellaneous.mjs",
       "default": "./fesm2022/taiga-ui-core-utils-miscellaneous.mjs"
     }
   },
   "peerDependencies": {
-    "@angular/animations": ">=16.0.0",
-    "@angular/common": ">=16.0.0",
-    "@angular/core": ">=16.0.0",
-    "@angular/forms": ">=16.0.0",
-    "@angular/platform-browser": ">=16.0.0",
-    "@angular/router": ">=16.0.0",
-    "@ng-web-apis/common": "^4.12.0",
-    "@ng-web-apis/mutation-observer": "^4.12.0",
-    "@taiga-ui/cdk": "^4.51.0",
-    "@taiga-ui/event-plugins": "^4.6.0",
-    "@taiga-ui/i18n": "^4.51.0",
+    "@angular/animations": ">=19.0.0",
+    "@angular/common": ">=19.0.0",
+    "@angular/core": ">=19.0.0",
+    "@angular/forms": ">=19.0.0",
+    "@angular/platform-browser": ">=19.0.0",
+    "@angular/router": ">=19.0.0",
+    "@ng-web-apis/common": "^4.12.2",
+    "@ng-web-apis/mutation-observer": "^4.12.2",
+    "@taiga-ui/cdk": "^4.52.0",
+    "@taiga-ui/event-plugins": "^4.7.0",
+    "@taiga-ui/i18n": "^4.52.0",
     "@taiga-ui/polymorpheus": "^4.9.0",
     "rxjs": ">=7.0.0"
   },

package/pipes/index.d.ts

@@ -1,6 +1,5 @@
 export * from '@taiga-ui/core/pipes/auto-color';
 export * from '@taiga-ui/core/pipes/calendar-sheet';
-export * from '@taiga-ui/core/pipes/fallback-src';
 export * from '@taiga-ui/core/pipes/flag';
 export * from '@taiga-ui/core/pipes/format-date';
 export * from '@taiga-ui/core/pipes/format-number';

package/styles/components/appearance.less

@@ -28,6 +28,12 @@
     outline-offset: -0.125rem;
     transition-property: color, background-color, opacity, box-shadow, border-color, border-radius, filter;
 
+    &::before,
+    &::after {
+        transition-duration: inherit;
+        transition-timing-function: ease-in-out;
+    }
+
     .appearance-focus({
         outline-color: var(--tui-border-focus);
     });

package/styles/components/button.less

@@ -52,7 +52,6 @@
 
         font: var(--tui-font-text-s);
 
-        tui-svg,
         tui-icon,
         &::before {
             font-size: 1rem;
@@ -68,7 +67,6 @@
 
         font: var(--tui-font-text-s);
 
-        tui-svg,
         tui-icon,
         &:not([tuiIconButton][data-appearance='icon']):not([tuiIconButton][data-appearance='link'])::before {
             font-size: 1rem;

package/styles/components/icon.less

@@ -5,21 +5,24 @@
  * @selector tui-icon
  *
  * @description
- * Container for displaying icons colored with CSS (color/background) using mask
+ * Container for displaying icons colored with CSS (color/background)
  *
  * @vars
- * --t-icon — mask for the icon
+ * --t-icon — depending on the data-icon, it can serve as either a mask (`svg`),
+  a background (`img`), or content (`font`) for the icon.
  * --t-icon-bg — mask for the background
  *
  * @example
- * <tui-icon style="--t-icon: url('icon.svg')"></tui-icon>
+ * <tui-icon tuiIcons style="--t-icon: url('icon.svg')"></tui-icon>
  *
  * @see-also
  * Icons
  */
 tui-icon {
+    --tui-icon-size: 1em;
+
     position: relative;
-    display: inline-block;
+    display: inline-flex;
     inline-size: 1em;
     block-size: 1em;
     font-size: 1.5rem;
@@ -27,7 +30,7 @@ tui-icon {
     border: 0 solid transparent;
     vertical-align: middle;
     box-sizing: border-box;
-    mask: var(--t-icon-bg) no-repeat center/contain;
+    mask: var(--t-icon-bg) no-repeat center / calc(100% + 10 * var(--tui-stroke-width, 0.125rem)) 100%;
 
     @media @tui-mouse {
         &[data-appearance='icon']:hover {
@@ -35,13 +38,35 @@ tui-icon {
         }
     }
 
-    &::after,
-    &[tuiIcons]::after {
-        .fullsize();
+    &[data-icon-end] {
+        &::before {
+            mask-image:
+                var(--t-icon-start),
+                radial-gradient(circle at bottom 0.1em right 0.1em, transparent calc(0.4em - 0.5px), #000 0.4em);
+            mask-composite: intersect;
+        }
+
+        &[data-icon-start='img'],
+        &[data-icon-start='font'] {
+            &::before {
+                mask: radial-gradient(circle at bottom 0.1em right 0.1em, transparent calc(0.4em - 0.5px), #000 0.4em);
+            }
+        }
 
-        content: '';
-        display: block;
-        mask: var(--t-icon) no-repeat center/contain;
-        background: currentColor;
+        &::after {
+            .fullsize();
+        }
+    }
+
+    &[data-icon-start] {
+        &::before {
+            .fullsize();
+        }
+
+        &::after {
+            transform: translate(36%, 36%);
+
+            --tui-icon-size: 0.5715em;
+        }
     }
 }

package/styles/components/icons.less

@@ -3,11 +3,13 @@
  * @selector [tuiIcons]
  *
  * @description
- * Icons directive applies CSS mask to ::before and ::after pseudo elements
+ * Icons directive applies styles to ::before and ::after pseudo elements
  *
  * @vars
- * --t-icon-start — mask for ::before element
- * --t-icon-end — mask for ::after element
+ * --t-icon-start — depending on the data-icon-start, it can serve as either a mask (`svg`),
+  a background (`img`), or content (`font`) for the ::before element
+ * --t-icon-end — depending on the data-icon-end, it can serve as either a mask (`svg`),
+  a background (`img`), or content (`font`) for the ::after element
  *
  * @example
  * <button tuiIcons style="--t-icon-start: url('icon.svg')"></button>
@@ -22,19 +24,55 @@
     &::before,
     &::after {
         content: '';
-        display: var(--t-icon-start);
         inline-size: 1em;
         block-size: 1em;
         line-height: 1em;
-        font-size: 1.5rem;
+        font-size: var(--tui-icon-size, 1.5rem);
         flex-shrink: 0;
         box-sizing: content-box;
         background: currentColor;
-        mask: var(--t-icon-start) no-repeat center/contain padding-box;
+    }
+
+    &::before {
+        display: var(--t-icon-start);
+        mask:
+            var(--t-icon-start) no-repeat center / calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem))
+                ~'min(1em, 100%)',
+            100% padding-box;
     }
 
     &::after {
         display: var(--t-icon-end);
-        mask: var(--t-icon-end) no-repeat center/contain padding-box;
+        mask: var(--t-icon-end) no-repeat center / calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem))
+            ~'min(1em, 100%)' padding-box;
+    }
+
+    &[data-icon-start='img']::before {
+        mask: none;
+        background: var(--t-icon-start) no-repeat center / 1em padding-box;
+    }
+
+    &[data-icon-end='img']::after {
+        mask: none;
+        background: var(--t-icon-end) no-repeat center / 1em padding-box;
+    }
+
+    &[data-icon-start='font']::before,
+    &[data-icon-end='font']::after {
+        display: grid;
+        mask: none;
+        background: none;
+        font: 1.3em/1 var(--tui-font-icon, inherit);
+        text-align: center;
+        place-content: center;
+        text-transform: none;
+    }
+
+    &[data-icon-start='font']::before {
+        content: var(--t-icon-start);
+    }
+
+    &[data-icon-end='font']::after {
+        content: var(--t-icon-end);
     }
 }

package/styles/components/link.less

@@ -14,9 +14,6 @@
  * Icons, Appearance, Button
  */
 [tuiLink] {
-    // TODO: Remove in v5
-    --tui-text-tertiary: var(--tui-text-secondary);
-
     .transition(~'color, text-decoration, opacity');
 
     padding: 0;
@@ -53,6 +50,7 @@
         font-size: 0;
         line-height: 0;
         box-sizing: border-box;
+        mask-size: calc(100% + 10 * var(--tui-stroke-width, 0.125rem)) 100%;
     }
 
     &[tuiChevron]::after {

package/styles/mixins/mixins.less

@@ -75,9 +75,8 @@
     gap: calc(var(--t-gap, ~'0rem') - 2 * var(--t-margin, 0rem));
 
     > img,
-    > tui-svg,
     > tui-icon,
-    > tui-avatar,
+    > [tuiAvatar],
     > tui-badge,
     > [tuiBadge],
     > [tuiRadio],

package/styles/mixins/mixins.scss

@@ -72,9 +72,8 @@
     gap: calc(var(--t-gap) - 2 * var(--t-margin));
 
     > img,
-    > tui-svg,
     > tui-icon,
-    > tui-avatar,
+    > [tuiAvatar],
     > tui-badge,
     > [tuiBadge],
     > [tuiRadio],