@taiga-ui/core 5.23.0 → 5.24.0-canary.82f9053

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/core",
-  "version": "5.23.0",
+  "version": "5.24.0-canary.82f9053",
   "description": "Core library for creating Angular components and applications using Taiga UI",
   "keywords": [
     "angular",
@@ -41,11 +41,11 @@
     "@ng-web-apis/intersection-observer": "^5.3.0",
     "@ng-web-apis/mutation-observer": "^5.3.0",
     "@ng-web-apis/platform": "^5.3.0",
-    "@taiga-ui/cdk": "5.23.0",
+    "@taiga-ui/cdk": "5.24.0",
     "@taiga-ui/event-plugins": "^5.0.0",
-    "@taiga-ui/i18n": "5.23.0",
+    "@taiga-ui/i18n": "5.24.0",
     "@taiga-ui/polymorpheus": "^5.0.1",
-    "@taiga-ui/styles": "5.23.0",
+    "@taiga-ui/styles": "5.24.0",
     "rxjs": ">=7.0.0"
   },
   "schematics": "./schematics/collection.json",
@@ -179,17 +179,17 @@
       "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/button-x": {
       "types": "./directives/button-x/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-directives-button-x.mjs"
     },
-    "./directives/date-format": {
-      "types": "./directives/date-format/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-directives-date-format.mjs"
+    "./directives/appearance": {
+      "types": "./directives/appearance/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-directives-appearance.mjs"
     },
     "./directives/group": {
       "types": "./directives/group/index.d.ts",
@@ -199,10 +199,6 @@
       "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"
@@ -215,6 +211,10 @@
       "types": "./pipes/format-number/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-pipes-format-number.mjs"
     },
+    "./directives/items-handlers": {
+      "types": "./directives/items-handlers/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-directives-items-handlers.mjs"
+    },
     "./portals/alert": {
       "types": "./portals/alert/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-portals-alert.mjs"

package/portals/dropdown/dropdown-anchor.directive.d.ts

@@ -1,16 +1,6 @@
-import { type AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class TuiDropdownAnchor implements AfterViewInit {
-    private readonly el;
-    private readonly directive;
-    private readonly accessor;
-    private readonly viewport;
-    private readonly vvs;
-    private readonly options;
-    private readonly position;
-    private readonly styles$;
-    ngAfterViewInit(): void;
-    private getStyles;
+export declare class TuiDropdownAnchor {
+    protected readonly anchor: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownAnchor, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownAnchor, never, never, {}, {}, never, never, true, never>;
 }

package/portals/dropdown/dropdown-anchored.directive.d.ts

@@ -0,0 +1,16 @@
+import { type AfterViewInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TuiDropdownAnchored implements AfterViewInit {
+    private readonly el;
+    private readonly directive;
+    private readonly accessor;
+    private readonly viewport;
+    private readonly vvs;
+    private readonly options;
+    private readonly position;
+    private readonly styles$;
+    ngAfterViewInit(): void;
+    private getStyles;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownAnchored, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownAnchored, never, never, {}, {}, never, never, true, never>;
+}

package/portals/dropdown/dropdown-context.directive.d.ts

@@ -1,8 +1,9 @@
+import { type AfterViewInit, type ElementRef, type OnDestroy } from '@angular/core';
 import { TuiActiveZone } from '@taiga-ui/cdk/directives/active-zone';
 import { TuiRectAccessor } from '@taiga-ui/core/classes';
 import { TuiDropdownDriver } from './dropdown.driver';
 import * as i0 from "@angular/core";
-export declare class TuiDropdownContext extends TuiRectAccessor {
+export declare class TuiDropdownContext extends TuiRectAccessor implements ElementRef<HTMLElement>, AfterViewInit, OnDestroy {
     private readonly isTouch;
     private currentRect;
     protected readonly userSelect: import("@angular/core").Signal<"none" | null>;
@@ -12,6 +13,9 @@ export declare class TuiDropdownContext extends TuiRectAccessor {
     protected readonly el: HTMLElement;
     protected readonly sub: import("rxjs").Subscription;
     readonly type = "dropdown";
+    readonly nativeElement: HTMLDivElement;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     getClientRect(): DOMRect;
     protected onContextMenu(x: number, y: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownContext, never>;

package/portals/dropdown/dropdown-selection.directive.d.ts

@@ -1,9 +1,9 @@
-import { type OnDestroy, ViewContainerRef } from '@angular/core';
+import { type ElementRef, type OnDestroy, ViewContainerRef } from '@angular/core';
 import { type TuiBooleanHandler } from '@taiga-ui/cdk/types';
 import { TuiDriver, type TuiRectAccessor } from '@taiga-ui/core/classes';
 import { TuiDropdownDirective } from './dropdown.directive';
 import * as i0 from "@angular/core";
-export declare class TuiDropdownSelection extends TuiDriver implements TuiRectAccessor, OnDestroy {
+export declare class TuiDropdownSelection extends TuiDriver implements ElementRef<HTMLElement>, TuiRectAccessor, OnDestroy {
     private ghost?;
     protected readonly doc: Document;
     protected readonly vcr: ViewContainerRef;
@@ -13,11 +13,12 @@ export declare class TuiDropdownSelection extends TuiDriver implements TuiRectAc
     protected readonly stream$: import("rxjs").Observable<boolean>;
     protected range: Range;
     readonly type = "dropdown";
+    readonly nativeElement: HTMLDivElement;
     readonly tuiDropdownSelection: import("@angular/core").InputSignal<string | TuiBooleanHandler<Range>>;
     readonly tuiDropdownSelectionPosition: import("@angular/core").InputSignal<"selection" | "tag" | "word">;
     constructor();
-    getClientRect(): DOMRect;
     ngOnDestroy(): void;
+    getClientRect(): DOMRect;
     private get ghostHost();
     private getRange;
     /**
@@ -38,6 +39,7 @@ export declare class TuiDropdownSelection extends TuiDriver implements TuiRectAc
      */
     private initGhost;
     private isCaretVisible;
+    private updateAnchor;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownSelection, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownSelection, "[tuiDropdownSelection]", never, { "tuiDropdownSelection": { "alias": "tuiDropdownSelection"; "required": false; "isSignal": true; }; "tuiDropdownSelectionPosition": { "alias": "tuiDropdownSelectionPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/portals/dropdown/dropdown.component.d.ts

@@ -2,7 +2,7 @@ import { TuiDropdownDirective } from './dropdown.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/active-zone";
 import * as i2 from "@taiga-ui/cdk/directives/animated";
-import * as i3 from "./dropdown-anchor.directive";
+import * as i3 from "./dropdown-anchored.directive";
 /**
  * @description:
  * This component is used to show template in a portal
@@ -18,5 +18,5 @@ export declare class TuiDropdownComponent {
     protected readonly theme: import("@angular/core").Signal<string | null | undefined>;
     protected readonly close: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDropdownComponent, "tui-dropdown", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiActiveZone; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAnimated; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiDropdownAnchor; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDropdownComponent, "tui-dropdown", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiActiveZone; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAnimated; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiDropdownAnchored; inputs: {}; outputs: {}; }]>;
 }

package/portals/dropdown/dropdown.directive.d.ts

@@ -3,9 +3,10 @@ import { type TuiContext } from '@taiga-ui/cdk/types';
 import { TuiRectAccessor, type TuiVehicle } from '@taiga-ui/core/classes';
 import { PolymorpheusComponent, type PolymorpheusContent, PolymorpheusTemplate } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
-import * as i1 from "./dropdown.driver";
-import * as i2 from "./dropdown-a11y.directive";
-import * as i3 from "./dropdown-position.directive";
+import * as i1 from "./dropdown-anchor.directive";
+import * as i2 from "./dropdown.driver";
+import * as i3 from "./dropdown-a11y.directive";
+import * as i4 from "./dropdown-position.directive";
 export declare class TuiDropdownDirective implements AfterViewChecked, OnDestroy, TuiRectAccessor, TuiVehicle {
     private readonly injector;
     private readonly refresh$;
@@ -26,5 +27,5 @@ export declare class TuiDropdownDirective implements AfterViewChecked, OnDestroy
     getClientRect(): DOMRect;
     toggle(show: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownDirective, "[tuiDropdown]:not(ng-container):not(ng-template)", ["tuiDropdown"], { "content": { "alias": "tuiDropdown"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiDropdownDriverDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownA11y; inputs: { "tuiDropdownRole": "tuiDropdownRole"; }; outputs: {}; }, { directive: typeof i3.TuiDropdownPosition; inputs: {}; outputs: { "tuiDropdownDirectionChange": "tuiDropdownDirectionChange"; }; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownDirective, "[tuiDropdown]:not(ng-container):not(ng-template)", ["tuiDropdown"], { "content": { "alias": "tuiDropdown"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiDropdownAnchor; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownDriverDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiDropdownA11y; inputs: { "tuiDropdownRole": "tuiDropdownRole"; }; outputs: {}; }, { directive: typeof i4.TuiDropdownPosition; inputs: {}; outputs: { "tuiDropdownDirectionChange": "tuiDropdownDirectionChange"; }; }]>;
 }

package/portals/dropdown/dropdown.providers.d.ts

@@ -5,3 +5,4 @@ import { type ElementRef, InjectionToken, type Type } from '@angular/core';
 export declare const TUI_DROPDOWN_COMPONENT: InjectionToken<Type<any>>;
 export declare const TUI_DROPDOWN_CONTEXT: InjectionToken<Record<any, any>>;
 export declare const TUI_DROPDOWN_HOST: InjectionToken<ElementRef<Element>>;
+export declare const TUI_DROPDOWN_ANCHOR: InjectionToken<ElementRef<Element>>;

package/portals/dropdown/index.d.ts

@@ -5,6 +5,7 @@ export * from './dropdown.driver';
 export * from './dropdown.providers';
 export * from './dropdown-a11y.directive';
 export * from './dropdown-anchor.directive';
+export * from './dropdown-anchored.directive';
 export * from './dropdown-close.directive';
 export * from './dropdown-content.directive';
 export * from './dropdown-context.directive';

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

@@ -0,0 +1,8 @@
+import { ElementRef, InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const TUI_HINT_ANCHOR: InjectionToken<ElementRef<Element>>;
+export declare class TuiHintAnchor {
+    protected readonly anchor: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintAnchor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintAnchor, never, never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,17 @@
+import { type AfterViewInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TuiHintAnchored implements AfterViewInit {
+    private readonly el;
+    private readonly hover;
+    private readonly vvs;
+    private readonly viewport;
+    private readonly accessor;
+    private readonly directive;
+    private readonly styles$;
+    protected readonly sub: import("rxjs").Subscription;
+    ngAfterViewInit(): void;
+    private update;
+    private apply;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintAnchored, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintAnchored, never, never, {}, {}, never, never, true, never>;
+}

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

@@ -1,8 +1,11 @@
+import { type ElementRef } from '@angular/core';
 import { TuiRectAccessor } from '@taiga-ui/core/classes';
 import * as i0 from "@angular/core";
-export declare class TuiHintHost extends TuiRectAccessor {
+export declare class TuiHintHost extends TuiRectAccessor implements ElementRef<HTMLElement> {
     readonly tuiHintHost: import("@angular/core").InputSignal<HTMLElement | undefined>;
     readonly type = "hint";
+    nativeElement: HTMLElement;
+    protected readonly sync: import("@angular/core").EffectRef;
     getClientRect(): DOMRect;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintHost, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintHost, "[tuiHint][tuiHintHost]", never, { "tuiHintHost": { "alias": "tuiHintHost"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

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

@@ -2,13 +2,13 @@ import { TuiDriver } from '@taiga-ui/core/classes';
 import * as i0 from "@angular/core";
 export declare class TuiHintHover extends TuiDriver {
     private readonly isMobile;
-    private readonly el;
     private readonly hovered$;
     private readonly options;
     private visible;
     private readonly toggle$;
     private readonly stream$;
     private readonly parent;
+    protected readonly el: HTMLElement;
     readonly showDelay: import("@angular/core").InputSignal<number>;
     readonly hideDelay: import("@angular/core").InputSignal<number>;
     readonly type = "hint";

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

@@ -1,8 +1,13 @@
+import { type ElementRef, type OnDestroy } from '@angular/core';
 import { type TuiRectAccessor } from '@taiga-ui/core/classes';
 import { TuiHintHover } from './hint-hover.directive';
 import * as i0 from "@angular/core";
-export declare class TuiHintPointer extends TuiHintHover implements TuiRectAccessor {
+export declare class TuiHintPointer extends TuiHintHover implements TuiRectAccessor, ElementRef<HTMLElement>, OnDestroy {
+    private readonly doc;
     private currentRect;
+    readonly nativeElement: HTMLDivElement;
+    constructor();
+    ngOnDestroy(): void;
     getClientRect(): DOMRect;
     protected onMove({ clientX, clientY }: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintPointer, never>;

package/portals/hint/hint.component.d.ts

@@ -1,4 +1,3 @@
-import { type Provider } from '@angular/core';
 import { TuiRectAccessor } from '@taiga-ui/core/classes';
 import { TuiHintDirective } from './hint.directive';
 import { TuiHintPointer } from './hint-pointer.directive';
@@ -6,23 +5,17 @@ import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/appearance";
 import * as i2 from "@taiga-ui/cdk/directives/animated";
 import * as i3 from "@taiga-ui/cdk/directives/active-zone";
-/** @internal */
-export declare function tuiGetHintProviders(): Provider[];
+import * as i4 from "./hint-anchored.directive";
 export declare class TuiHintComponent {
     private readonly el;
     private readonly hover;
-    private readonly vvs;
-    private readonly viewport;
     protected readonly pointer: TuiHintPointer | null;
     protected readonly accessor: TuiRectAccessor;
     protected readonly hint: TuiHintDirective<any>;
+    protected readonly appearance: import("@angular/core").Signal<string>;
     protected readonly content: import("@angular/core").InputSignal<import("@taiga-ui/polymorpheus").PolymorpheusContent<any>> | import("@angular/core").WritableSignal<string>;
     protected readonly theme: string | null | undefined;
-    protected readonly appearance: import("@angular/core").Signal<string>;
-    constructor();
     protected onPointerDown(target: HTMLElement): void;
-    private apply;
-    private update;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiHintComponent, "tui-hint", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.TuiAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAnimated; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiActiveZone; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiHintComponent, "tui-hint", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.TuiAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAnimated; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiActiveZone; inputs: {}; outputs: {}; }, { directive: typeof i4.TuiHintAnchored; inputs: {}; outputs: {}; }]>;
 }

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

@@ -2,9 +2,10 @@ import { type OnChanges, type OnDestroy } from '@angular/core';
 import { type TuiRectAccessor, type TuiVehicle } from '@taiga-ui/core/classes';
 import { PolymorpheusComponent, type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
-import * as i1 from "./hint-driver.directive";
-import * as i2 from "./hint-hover.directive";
-import * as i3 from "./hint-position.directive";
+import * as i1 from "./hint-anchor.directive";
+import * as i2 from "./hint-driver.directive";
+import * as i3 from "./hint-hover.directive";
+import * as i4 from "./hint-position.directive";
 export declare class TuiHintDirective<C> implements OnDestroy, OnChanges, TuiRectAccessor, TuiVehicle {
     private readonly service;
     private readonly ref;
@@ -20,5 +21,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"; "tuiHintCentered": "tuiHintCentered"; "tuiHintOffset": "tuiHintOffset"; }; 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.TuiHintAnchor; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiHintDriver; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiHintHover; inputs: { "tuiHintHideDelay": "tuiHintHideDelay"; "tuiHintShowDelay": "tuiHintShowDelay"; }; outputs: {}; }, { directive: typeof i4.TuiHintPosition; inputs: { "tuiHintDirection": "tuiHintDirection"; "tuiHintCentered": "tuiHintCentered"; "tuiHintOffset": "tuiHintOffset"; }; outputs: { "tuiHintDirectionChange": "tuiHintDirectionChange"; }; }]>;
 }

package/portals/hint/index.d.ts

@@ -2,6 +2,8 @@ export * from './hint';
 export * from './hint.component';
 export * from './hint.directive';
 export * from './hint.providers';
+export * from './hint-anchor.directive';
+export * from './hint-anchored.directive';
 export * from './hint-describe.directive';
 export * from './hint-driver.directive';
 export * from './hint-host.directive';

package/tokens/anchor-support.d.ts

@@ -0,0 +1,2 @@
+import { InjectionToken } from '@angular/core';
+export declare const TUI_ANCHOR_SUPPORT: InjectionToken<boolean>;

package/tokens/index.d.ts

@@ -1,3 +1,4 @@
+export * from './anchor-support';
 export * from './animations-speed';
 export * from './assets-path';
 export * from './auxiliary';