@taiga-ui/core 5.23.0 → 5.24.0

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';