@taiga-ui/core 4.52.0-canary.6de148b → 4.52.0-canary.763e67d

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

@@ -1,17 +1,26 @@
 import { DOCUMENT } from '@angular/common';
-import { inject, InjectionToken, provideAppInitializer, effect } from '@angular/core';
+import { InjectionToken, signal, inject, provideAppInitializer, effect } from '@angular/core';
 import { TUI_FONT_SIZE_HANDLER } from '@taiga-ui/cdk/directives/font-size';
 import { tuiClamp } from '@taiga-ui/cdk/utils/math';
+import { tuiPx, tuiIsPresent } from '@taiga-ui/cdk/utils/miscellaneous';
 import { tuiGetElementObscures } from '@taiga-ui/cdk/utils/dom';
 import { REMOVE_STYLES_ON_COMPONENT_DESTROY } from '@angular/platform-browser';
-import { tuiIsPresent } from '@taiga-ui/cdk/utils/miscellaneous';
 import { TUI_DARK_MODE } from '@taiga-ui/core/tokens';
 import { provideEventPlugins } from '@taiga-ui/event-plugins';
 
+const TUI_FONT_OFFSET = new InjectionToken(ngDevMode ? 'TUI_FONT_OFFSET' : '', { factory: () => signal(0) });
 function tuiEnableFontScaling() {
     return {
         provide: TUI_FONT_SIZE_HANDLER,
-        useFactory: ({ documentElement } = inject(DOCUMENT)) => (size) => documentElement.style.setProperty('--tui-font-offset', `${tuiClamp(size, 17, 28) - 17}px`),
+        useFactory: () => {
+            const offset = inject(TUI_FONT_OFFSET);
+            const { documentElement } = inject(DOCUMENT);
+            return (size) => {
+                const current = tuiClamp(size, 17, 28) - 17;
+                offset.set(current);
+                return documentElement.style.setProperty('--tui-font-offset', tuiPx(current));
+            };
+        },
     };
 }
 
@@ -122,5 +131,5 @@ function tuiSizeBigger(size, biggerThanSize = 's') {
  * Generated bundle index. Do not edit.
  */
 
-export { TUI_ANIMATIONS_DEFAULT_DURATION, TUI_OPTIONS, provideTaiga, tuiEnableFontScaling, tuiGetDuration, tuiIsEditingKey, tuiIsObscured, tuiOverrideOptions, tuiSizeBigger };
+export { TUI_ANIMATIONS_DEFAULT_DURATION, TUI_FONT_OFFSET, TUI_OPTIONS, provideTaiga, tuiEnableFontScaling, tuiGetDuration, tuiIsEditingKey, tuiIsObscured, tuiOverrideOptions, tuiSizeBigger };
 //# sourceMappingURL=taiga-ui-core-utils-miscellaneous.mjs.map

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/get-duration.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/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","export const TUI_ANIMATIONS_DEFAULT_DURATION = 300;\n\nexport function tuiGetDuration(speed: number): number {\n    return speed && TUI_ANIMATIONS_DEFAULT_DURATION / speed;\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-core-utils-miscellaneous.mjs","sources":["../../../projects/core/utils/miscellaneous/font-scaling.ts","../../../projects/core/utils/miscellaneous/get-duration.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/taiga-ui-core-utils-miscellaneous.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {\n    inject,\n    InjectionToken,\n    type Provider,\n    signal,\n    type WritableSignal,\n} from '@angular/core';\nimport {TUI_FONT_SIZE_HANDLER} from '@taiga-ui/cdk/directives/font-size';\nimport {tuiClamp} from '@taiga-ui/cdk/utils/math';\nimport {tuiPx} from '@taiga-ui/cdk/utils/miscellaneous';\n\nexport const TUI_FONT_OFFSET = new InjectionToken<WritableSignal<number>>(\n    ngDevMode ? 'TUI_FONT_OFFSET' : '',\n    {factory: () => signal(0)},\n);\n\nexport function tuiEnableFontScaling(): Provider {\n    return {\n        provide: TUI_FONT_SIZE_HANDLER,\n        useFactory: () => {\n            const offset = inject(TUI_FONT_OFFSET);\n            const {documentElement} = inject(DOCUMENT);\n\n            return (size: number): void => {\n                const current = tuiClamp(size, 17, 28) - 17;\n\n                offset.set(current);\n\n                return documentElement.style.setProperty(\n                    '--tui-font-offset',\n                    tuiPx(current),\n                );\n            };\n        },\n    };\n}\n","export const TUI_ANIMATIONS_DEFAULT_DURATION = 300;\n\nexport function tuiGetDuration(speed: number): number {\n    return speed && TUI_ANIMATIONS_DEFAULT_DURATION / speed;\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-core.mjs

@@ -1,4 +1,3 @@
-export * from '@taiga-ui/core/animations';
 export * from '@taiga-ui/core/classes';
 export * from '@taiga-ui/core/components';
 export * from '@taiga-ui/core/directives';

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core.mjs","sources":["../../../projects/core/taiga-ui-core.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAAA;;AAEG"}
+{"version":3,"file":"taiga-ui-core.mjs","sources":["../../../projects/core/taiga-ui-core.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAAA;;AAEG"}

package/index.d.ts

@@ -1,4 +1,3 @@
-export * from '@taiga-ui/core/animations';
 export * from '@taiga-ui/core/classes';
 export * from '@taiga-ui/core/components';
 export * from '@taiga-ui/core/directives';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/core",
-  "version": "4.52.0-canary.6de148b",
+  "version": "4.52.0-canary.763e67d",
   "description": "Core library for creating Angular components and applications using Taiga UI",
   "keywords": [
     "angular",
@@ -30,10 +30,18 @@
       "types": "./classes/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-classes.mjs"
     },
+    "./components": {
+      "types": "./components/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-components.mjs"
+    },
     "./directives": {
       "types": "./directives/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-directives.mjs"
     },
+    "./pipes": {
+      "types": "./pipes/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-pipes.mjs"
+    },
     "./portals": {
       "types": "./portals/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-portals.mjs"
@@ -42,78 +50,18 @@
       "types": "./services/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-services.mjs"
     },
-    "./animations": {
-      "types": "./animations/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-animations.mjs"
-    },
-    "./components": {
-      "types": "./components/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-components.mjs"
-    },
-    "./pipes": {
-      "types": "./pipes/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-pipes.mjs"
+    "./tokens": {
+      "types": "./tokens/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-tokens.mjs"
     },
     "./types": {
       "types": "./types/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-types.mjs"
     },
-    "./tokens": {
-      "types": "./tokens/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-tokens.mjs"
-    },
     "./utils": {
       "types": "./utils/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-utils.mjs"
     },
-    "./directives/appearance": {
-      "types": "./directives/appearance/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-directives-appearance.mjs"
-    },
-    "./directives/date-format": {
-      "types": "./directives/date-format/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-directives-date-format.mjs"
-    },
-    "./directives/group": {
-      "types": "./directives/group/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-directives-group.mjs"
-    },
-    "./directives/icons": {
-      "types": "./directives/icons/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-directives-icons.mjs"
-    },
-    "./directives/items-handlers": {
-      "types": "./directives/items-handlers/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-directives-items-handlers.mjs"
-    },
-    "./directives/number-format": {
-      "types": "./directives/number-format/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-directives-number-format.mjs"
-    },
-    "./portals/alert": {
-      "types": "./portals/alert/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-portals-alert.mjs"
-    },
-    "./portals/dialog": {
-      "types": "./portals/dialog/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-portals-dialog.mjs"
-    },
-    "./portals/dropdown": {
-      "types": "./portals/dropdown/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-portals-dropdown.mjs"
-    },
-    "./portals/hint": {
-      "types": "./portals/hint/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-portals-hint.mjs"
-    },
-    "./portals/modal": {
-      "types": "./portals/modal/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-portals-modal.mjs"
-    },
-    "./portals/popup": {
-      "types": "./portals/popup/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-portals-popup.mjs"
-    },
     "./components/button": {
       "types": "./components/button/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-components-button.mjs"
@@ -182,10 +130,58 @@
       "types": "./components/title/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-components-title.mjs"
     },
+    "./directives/appearance": {
+      "types": "./directives/appearance/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-directives-appearance.mjs"
+    },
+    "./directives/date-format": {
+      "types": "./directives/date-format/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-directives-date-format.mjs"
+    },
+    "./directives/group": {
+      "types": "./directives/group/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-directives-group.mjs"
+    },
+    "./directives/icons": {
+      "types": "./directives/icons/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-directives-icons.mjs"
+    },
+    "./directives/items-handlers": {
+      "types": "./directives/items-handlers/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-directives-items-handlers.mjs"
+    },
+    "./directives/number-format": {
+      "types": "./directives/number-format/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-directives-number-format.mjs"
+    },
     "./pipes/format-number": {
       "types": "./pipes/format-number/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-pipes-format-number.mjs"
     },
+    "./portals/alert": {
+      "types": "./portals/alert/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-portals-alert.mjs"
+    },
+    "./portals/dialog": {
+      "types": "./portals/dialog/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-portals-dialog.mjs"
+    },
+    "./portals/dropdown": {
+      "types": "./portals/dropdown/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-portals-dropdown.mjs"
+    },
+    "./portals/hint": {
+      "types": "./portals/hint/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-portals-hint.mjs"
+    },
+    "./portals/modal": {
+      "types": "./portals/modal/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-portals-modal.mjs"
+    },
+    "./portals/popup": {
+      "types": "./portals/popup/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-portals-popup.mjs"
+    },
     "./utils/dom": {
       "types": "./utils/dom/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-utils-dom.mjs"
@@ -200,7 +196,6 @@
     }
   },
   "peerDependencies": {
-    "@angular/animations": ">=19.0.0",
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
     "@angular/forms": ">=19.0.0",

package/portals/hint/hint-position.directive.d.ts

@@ -4,17 +4,17 @@ import { type TuiHintDirection } from './hint-options.directive';
 import * as i0 from "@angular/core";
 export declare class TuiHintPosition extends TuiPositionAccessor {
     private readonly el;
-    private readonly offset;
     private readonly viewport;
     private readonly accessor;
     private readonly points;
     readonly direction: import("@angular/core").InputSignal<TuiHintDirection | TuiHintDirection[]>;
+    readonly offset: import("@angular/core").InputSignal<number>;
     readonly directionChange: import("@angular/core").OutputEmitterRef<TuiHintDirection>;
     readonly type = "hint";
     emitDirection(direction: TuiHintDirection): void;
-    getPosition(rect: DOMRect, el?: HTMLElement): TuiPoint;
+    getPosition({ width, height }: DOMRect): TuiPoint;
     private get fallback();
     private checkPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintPosition, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintPosition, never, never, { "direction": { "alias": "tuiHintDirection"; "required": false; "isSignal": true; }; }, { "directionChange": "tuiHintDirectionChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintPosition, never, never, { "direction": { "alias": "tuiHintDirection"; "required": false; "isSignal": true; }; "offset": { "alias": "tuiHintOffset"; "required": false; "isSignal": true; }; }, { "directionChange": "tuiHintDirectionChange"; }, never, never, true, never>;
 }

package/portals/hint/hint.directive.d.ts

@@ -20,5 +20,5 @@ export declare class TuiHintDirective<C> implements OnDestroy, OnChanges, TuiRec
     getClientRect(): DOMRect;
     toggle(show: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintDirective<any>, "[tuiHint]:not(ng-container):not(ng-template)", never, { "content": { "alias": "tuiHint"; "required": false; "isSignal": true; }; "context": { "alias": "tuiHintContext"; "required": false; "isSignal": true; }; "appearance": { "alias": "tuiHintAppearance"; "required": false; "isSignal": true; }; }, { "visible": "tuiHintVisible"; }, never, never, true, [{ directive: typeof i1.TuiHintDriver; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiHintHover; inputs: { "tuiHintHideDelay": "tuiHintHideDelay"; "tuiHintShowDelay": "tuiHintShowDelay"; }; outputs: {}; }, { directive: typeof i3.TuiHintPosition; inputs: { "tuiHintDirection": "tuiHintDirection"; }; outputs: { "tuiHintDirectionChange": "tuiHintDirectionChange"; }; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintDirective<any>, "[tuiHint]:not(ng-container):not(ng-template)", never, { "content": { "alias": "tuiHint"; "required": false; "isSignal": true; }; "context": { "alias": "tuiHintContext"; "required": false; "isSignal": true; }; "appearance": { "alias": "tuiHintAppearance"; "required": false; "isSignal": true; }; }, { "visible": "tuiHintVisible"; }, never, never, true, [{ directive: typeof i1.TuiHintDriver; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiHintHover; inputs: { "tuiHintHideDelay": "tuiHintHideDelay"; "tuiHintShowDelay": "tuiHintShowDelay"; }; outputs: {}; }, { directive: typeof i3.TuiHintPosition; inputs: { "tuiHintDirection": "tuiHintDirection"; "tuiHintOffset": "tuiHintOffset"; }; outputs: { "tuiHintDirectionChange": "tuiHintDirectionChange"; }; }]>;
 }

package/services/index.d.ts

@@ -1,4 +1,3 @@
 export * from './breakpoint.service';
-export * from './dark-theme.service';
 export * from './position.service';
 export * from './visual-viewport.service';

package/styles/components/appearance.less

@@ -41,5 +41,10 @@
     .appearance-disabled({
         cursor: initial;
         opacity: var(--tui-disabled-opacity);
+
+        &::before,
+        &::after {
+            cursor: initial;
+        }
     });
 }

package/styles/components/button.less

@@ -138,7 +138,7 @@
         margin: 0;
     }
 
-    &&[style*='--t-icon-start:']::after {
+    &&[data-icon-start]::after {
         display: none;
     }
 }

package/styles/components/link.less

@@ -21,19 +21,15 @@
     border: none;
     cursor: pointer;
     font: inherit;
-    color: var(--tui-text-primary);
+    color: inherit;
+    border-radius: 0.125rem;
+    outline-width: 1px;
+    outline-offset: -1px;
     text-decoration: none dashed currentColor;
     text-underline-offset: 0.2em;
-    text-decoration-thickness: 0.7px;
+    text-decoration-thickness: 1px;
     text-decoration-color: color-mix(in lch, currentColor, transparent);
 
-    // TODO: Remove in v5
-    @media @tui-mouse {
-        &:hover {
-            --tui-text-secondary: var(--tui-text-primary);
-        }
-    }
-
     &::before {
         margin-inline-end: 0.25rem;
     }
@@ -58,12 +54,6 @@
         display: inline-block;
     }
 
-    .appearance-focus({
-        outline: none;
-        background: var(--tui-service-selection-background);
-        background: color-mix(in lch, currentColor 12%, transparent);
-    });
-
     .appearance-hover({
         text-decoration-color: currentColor;
     });
@@ -72,13 +62,8 @@
         text-decoration-color: currentColor;
     });
 
-    @media @tui-mouse {
-        &[data-appearance='']:hover {
-            opacity: 0.7;
-        }
-    }
-
-    &[data-appearance='']:active {
-        opacity: 0.7;
+    &[data-appearance=''] {
+        text-decoration-line: underline;
+        text-decoration-style: solid;
     }
 }

package/styles/components/notification.less

@@ -42,11 +42,11 @@ tui-notification,
     --t-start: 0;
     --t-end: 0;
 
-    &[style*='--t-icon-start:'] {
+    &[data-icon-start] {
         --t-start: 2rem;
     }
 
-    &[style*='--t-icon-end:'] {
+    &[data-icon-end] {
         --t-end: 1.5rem;
     }
 
@@ -78,7 +78,7 @@ tui-notification,
         line-height: 1.25rem;
         border-radius: var(--tui-radius-m);
 
-        &[style*='--t-icon-start:'] {
+        &[data-icon-start] {
             --t-start: 1.5rem;
         }
 
@@ -133,7 +133,7 @@ tui-notification,
         line-height: 1.25rem;
         border-radius: var(--tui-radius-m);
 
-        &[style*='--t-icon-start:'] {
+        &[data-icon-start] {
             --t-start: 1.625rem;
         }
 

package/styles/components/textfield.less

@@ -30,11 +30,11 @@ tui-textfield {
         color: var(--tui-text-tertiary);
     }
 
-    &[style*='--t-icon-start:'] {
+    &[data-icon-start] {
         --t-start: 2.25rem;
     }
 
-    &[style*='--t-icon-end:'] {
+    &[data-icon-end] {
         --t-end: 2.25rem;
     }
 
@@ -42,8 +42,7 @@ tui-textfield {
         position: relative;
         block-size: auto;
         align-self: stretch;
-        border-inline-start: var(--t-padding) solid transparent;
-        border-inline-end: var(--t-padding) solid transparent;
+        border-inline: var(--t-padding) solid transparent;
         margin: 0 calc(-1 * var(--t-padding));
     }
 
@@ -80,8 +79,7 @@ tui-textfield {
         font: inherit;
         resize: none;
         outline: none;
-        padding-block-start: 1.125rem;
-        padding-block-end: 1.125rem;
+        padding-block: 1.125rem;
         color: var(--tui-text-primary);
 
         &[inputmode='none'] {
@@ -98,31 +96,28 @@ tui-textfield {
         font: var(--tui-font-text-ui-s);
         line-height: 1rem;
 
-        &[style*='--t-icon-start:'] {
+        &[data-icon-start] {
             --t-start: 1.25rem;
         }
 
-        &[style*='--t-icon-end:'] {
+        &[data-icon-end] {
             --t-end: 1.25rem;
         }
 
         &::before {
-            margin-inline-end: 0.5rem;
-            margin-inline-start: -0.125rem;
+            margin-inline: -0.125rem 0.5rem;
             font-size: 1rem;
         }
 
         &::after {
-            margin-inline-end: calc(-0.125rem - var(--t-padding));
-            margin-inline-start: calc(0.625rem - var(--t-padding));
+            margin-inline: calc(0.625rem - var(--t-padding)) calc(-0.125rem - var(--t-padding));
             font-size: 1rem;
         }
 
         input,
         select,
         textarea {
-            padding-block-start: 0.5rem;
-            padding-block-end: 0.5rem;
+            padding-block: 0.5rem;
         }
 
         & > .t-content {
@@ -140,29 +135,26 @@ tui-textfield {
         font: var(--tui-font-text-ui-s);
         line-height: 1rem;
 
-        &[style*='--t-icon-start:'] {
+        &[data-icon-start] {
             --t-start: 1.75rem;
         }
 
-        &[style*='--t-icon-end:'] {
+        &[data-icon-end] {
             --t-end: 1.75rem;
         }
 
         &::before {
-            margin-inline-start: -0.125rem;
-            margin-inline-end: 0.125rem;
+            margin-inline: -0.125rem 0.125rem;
         }
 
         &::after {
-            margin-inline-start: calc(0.25rem - var(--t-padding));
-            margin-inline-end: calc(-0.125rem - var(--t-padding));
+            margin-inline: calc(0.25rem - var(--t-padding)) calc(-0.125rem - var(--t-padding));
         }
 
         input,
         select,
         textarea {
-            padding-block-start: 0.875rem;
-            padding-block-end: 0.875rem;
+            padding-block: 0.875rem;
         }
 
         & > .t-content {
@@ -211,36 +203,12 @@ tui-textfield {
         opacity: var(--tui-disabled-opacity);
     }
 
-    &:has(label:not(:empty)) {
-        & > .t-template,
-        input:not([type='range']),
-        select:defined,
-        textarea:defined {
-            padding-block-start: calc(var(--t-height) / 3);
-            padding-block-end: 0;
-        }
-    }
-
-    &:not([data-focus='true']):has(label:not(:empty)) {
-        & > .t-template,
-        input:not([type='range']),
-        select:defined,
-        textarea:defined {
-            &::placeholder,
-            &._empty {
-                color: transparent;
-            }
-        }
-    }
-
-    // TODO: Fallback until Safari 15.4
     &._with-label {
         & > .t-template,
         input:not([type='range']),
         select:defined,
         textarea:defined {
-            padding-block-start: calc(var(--t-height) / 3);
-            padding-block-end: 0;
+            padding-block: calc(var(--t-height) / 3) 0;
         }
     }
 
@@ -268,8 +236,12 @@ tui-textfield {
         border-width: 0;
         overscroll-behavior: none;
         // StackBlitz changes "0rem" to "0" breaking calc
-        padding-inline-start: calc(var(--t-start, ~'0rem') + var(--t-padding));
-        padding-inline-end: calc(var(--t-end, ~'0rem') + var(--t-side) + var(--t-padding));
+        padding-inline: calc(var(--t-start, ~'0rem') + var(--t-padding))
+            calc(var(--t-end, ~'0rem') + var(--t-side, ~'0rem') + var(--t-padding));
+
+        &:disabled {
+            animation: tuiPresent 1s infinite;
+        }
     }
 
     & > .t-template {
@@ -338,14 +310,6 @@ tui-textfield {
                 }
             });
         }
-
-        // @deprecated remove in v5
-        .ios-only({
-            &._ios-fix {
-                position: fixed;
-                left: 1000rem;
-            }
-        });
     }
 
     // Increasing specificity to override all other styles
@@ -423,7 +387,7 @@ tui-textfield {
     }
 
     & > .t-filler:defined {
-        pointer-events: none;
+        pointer-events: none !important;
         color: var(--tui-text-tertiary);
         opacity: 1;
     }