@taiga-ui/core 4.8.1 → 4.10.0

package/components/data-list/data-list.component.d.ts

@@ -1,4 +1,4 @@
-import { type AfterContentChecked } from '@angular/core';
+import type { AfterContentChecked } from '@angular/core';
 import type { TuiSizeL, TuiSizeS } from '@taiga-ui/core/types';
 import type { PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import type { TuiDataListAccessor } from './data-list.tokens';

package/components/data-list/data-list.tokens.d.ts

@@ -1,5 +1,4 @@
 import type { Provider, TemplateRef, Type } from '@angular/core';
-import { InjectionToken } from '@angular/core';
 import type { TuiContext, TuiIdentityMatcher, TuiStringHandler } from '@taiga-ui/cdk/types';
 import type { TuiSizeL, TuiSizeS } from '@taiga-ui/core/types';
 import type { PolymorpheusContent } from '@taiga-ui/polymorpheus';
@@ -16,15 +15,15 @@ export interface TuiDataListHost<T> {
 /**
  * Content for tuiOption component
  */
-export declare const TUI_OPTION_CONTENT: InjectionToken<PolymorpheusContent<TuiContext<TemplateRef<Record<string, unknown>>>>>;
+export declare const TUI_OPTION_CONTENT: import("@angular/core").InjectionToken<PolymorpheusContent<TuiContext<TemplateRef<Record<string, unknown>>>>>;
 export declare function tuiAsOptionContent(useValue: PolymorpheusContent<TuiContext<TemplateRef<Record<string, unknown>>>>): Provider;
 /**
  * Accessor for data-list options
  */
-export declare const TUI_DATA_LIST_ACCESSOR: InjectionToken<TuiDataListAccessor<unknown>>;
+export declare const TUI_DATA_LIST_ACCESSOR: import("@angular/core").InjectionToken<TuiDataListAccessor<unknown>>;
 export declare function tuiAsDataListAccessor(accessor: Type<TuiDataListAccessor>): Provider;
 /**
  * DataList controller
  */
-export declare const TUI_DATA_LIST_HOST: InjectionToken<TuiDataListHost<unknown>>;
+export declare const TUI_DATA_LIST_HOST: import("@angular/core").InjectionToken<TuiDataListHost<unknown>>;
 export declare function tuiAsDataListHost<T>(host: Type<TuiDataListHost<T>>): Provider;

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

@@ -1,5 +1,5 @@
 import type { TuiPopover } from '@taiga-ui/cdk/services';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
+import type { PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import type { Observable } from 'rxjs';
 import { Subject } from 'rxjs';
 import type { TuiDialogOptions, TuiDialogSize } from './dialog.interfaces';

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

@@ -1,4 +1,4 @@
-import { type Signal } from '@angular/core';
+import type { Signal } from '@angular/core';
 import type { TuiPopover } from '@taiga-ui/cdk/services';
 import * as i0 from "@angular/core";
 export declare class TuiDialogs {

package/components/notification/notification.directive.d.ts

@@ -8,7 +8,7 @@ export declare class TuiNotification implements OnChanges, OnInit {
     private readonly options;
     protected readonly nothing: undefined;
     protected readonly icons: TuiIcons;
-    appearance: "info" | "success" | "error" | "warning" | "neutral" | "accent" | "destructive" | "flat" | "floating" | "glass" | "link" | "opposite" | "outline" | "primary" | "secondary" | "textfield" | "whiteblock" | (Record<never, never> & string);
+    appearance: "info" | "success" | "error" | "warning" | "neutral" | "accent" | "destructive" | "flat" | "floating" | "glass" | "icon" | "link" | "opposite" | "outline" | "primary" | "secondary" | "textfield" | "whiteblock" | (Record<never, never> & string);
     icon: TuiStringHandler<string> | string;
     size: "m" | "l" | "s";
     ngOnInit(): void;

package/components/root/root.component.d.ts

@@ -1,11 +1,11 @@
-import type { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/platform";
 export declare class TuiRoot {
     protected readonly reducedMotion: boolean;
     protected readonly duration: number;
-    protected readonly isMobileRes: import("@angular/core").Signal<boolean | undefined>;
-    protected readonly scrollbars$: Observable<boolean>;
+    protected readonly isMobileRes: import("@angular/core").Signal<boolean>;
+    protected readonly nativeScrollbar: boolean;
+    protected readonly scrollbars: import("@angular/core").Signal<boolean>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiRoot, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiRoot, "tui-root", never, {}, {}, never, ["*", "tuiOverContent", "tuiOverDialogs", "tuiOverAlerts", "tuiOverDropdowns", "tuiOverHints"], true, [{ directive: typeof i1.TuiPlatform; inputs: {}; outputs: {}; }]>;

package/components/scrollbar/scroll-controls.component.d.ts

@@ -1,6 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class TuiScrollControls {
     private readonly scrollRef;
+    protected readonly nativeScrollbar: boolean;
     protected readonly options: import("@angular/animations").AnimationOptions;
     protected readonly refresh$: import("rxjs").Observable<[boolean, boolean] | boolean[]>;
     private get scrollbars();

package/components/scrollbar/scrollbar.component.d.ts

@@ -14,6 +14,9 @@ export declare class TuiScrollbar {
     protected readonly options: import("./scrollbar.options").TuiScrollbarOptions;
     protected readonly isIOS: boolean;
     protected readonly browserScrollRef: ElementRef<HTMLElement>;
+    /**
+     * @deprecated: use tuiScrollbarOptionsProvider({ mode: 'hidden' })
+     */
     hidden: boolean;
     protected get delegated(): boolean;
     protected get scrollRef(): HTMLElement;

package/components/scrollbar/scrollbar.options.d.ts

@@ -1,7 +1,5 @@
-import type { Provider } from '@angular/core';
 export interface TuiScrollbarOptions {
-    mode: 'always' | 'hover';
+    mode: 'always' | 'hidden' | 'hover' | 'native';
 }
 export declare const TUI_DEFAULT_SCROLLBAR_OPTIONS: TuiScrollbarOptions;
-export declare const TUI_SCROLLBAR_OPTIONS: import("@angular/core").InjectionToken<TuiScrollbarOptions>;
-export declare function tuiScrollbarOptionsProvider(options: Partial<TuiScrollbarOptions>): Provider;
+export declare const TUI_SCROLLBAR_OPTIONS: import("@angular/core").InjectionToken<TuiScrollbarOptions>, tuiScrollbarOptionsProvider: (item: Partial<TuiScrollbarOptions>) => import("@angular/core").FactoryProvider;

package/components/textfield/select.directive.d.ts

@@ -4,7 +4,6 @@ import * as i1 from "@taiga-ui/cdk/directives/native-validator";
 import * as i2 from "@taiga-ui/core/directives/appearance";
 export declare class TuiSelect<T> extends TuiTextfieldBase<T> {
     private readonly nav;
-    private readonly control;
     placeholder: string;
     setValue(value: T): void;
     focus(): void;

package/components/textfield/textfield.component.d.ts

@@ -10,6 +10,7 @@ import * as i1 from "@taiga-ui/core/directives/dropdown";
 import * as i2 from "./textfield-dropdown.directive";
 import * as i3 from "@taiga-ui/core/directives/icons";
 export declare class TuiTextfieldComponent<T> implements TuiDataListHost<T> {
+    private readonly filler;
     private readonly autoId;
     private readonly el;
     private readonly open;
@@ -18,20 +19,20 @@ export declare class TuiTextfieldComponent<T> implements TuiDataListHost<T> {
     protected readonly label?: ElementRef<HTMLElement>;
     protected readonly control?: NgControl;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
+    protected computedFiller: import("@angular/core").Signal<string>;
+    protected showFiller: import("@angular/core").Signal<boolean>;
     readonly vcr?: ViewContainerRef;
     readonly input?: ElementRef<HTMLInputElement>;
-    filler: string;
     stringify: TuiStringHandler<T>;
     content: PolymorpheusContent<TuiContext<T>>;
     readonly focused: import("@angular/core").Signal<boolean>;
     readonly options: import("./textfield.options").TuiTextfieldOptions;
+    set fillerSetter(filler: string);
     get id(): string;
     get size(): TuiSizeL | TuiSizeS;
     handleOption(option: T): void;
-    protected get computedFiller(): string;
-    protected get showFiller(): boolean;
     protected get hasLabel(): boolean;
     protected onResize({ contentRect }: ResizeObserverEntry): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextfieldComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTextfieldComponent<any>, "tui-textfield", never, { "filler": { "alias": "filler"; "required": false; }; "stringify": { "alias": "stringify"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, {}, ["directive", "label", "control", "input"], ["input", "select", "label", "*", "tui-icon"], true, [{ directive: typeof i1.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiWithDropdownOpen; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithTextfieldDropdown; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiWithIcons; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTextfieldComponent<any>, "tui-textfield", never, { "stringify": { "alias": "stringify"; "required": false; }; "content": { "alias": "content"; "required": false; }; "fillerSetter": { "alias": "filler"; "required": false; }; }, {}, ["directive", "label", "control", "input"], ["input", "select", "label", "*", "tui-icon"], true, [{ directive: typeof i1.TuiDropdownFixed; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiWithDropdownOpen; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithTextfieldDropdown; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiWithIcons; inputs: {}; outputs: {}; }]>;
 }

package/components/textfield/textfield.directive.d.ts

@@ -1,4 +1,5 @@
-import { type OnChanges } from '@angular/core';
+import type { OnChanges } from '@angular/core';
+import { NgControl } from '@angular/forms';
 import type { TuiInteractiveState } from '@taiga-ui/core/types';
 import { TuiTextfieldComponent } from './textfield.component';
 import * as i0 from "@angular/core";
@@ -6,6 +7,7 @@ import * as i1 from "@taiga-ui/cdk/directives/native-validator";
 import * as i2 from "@taiga-ui/core/directives/appearance";
 export declare class TuiTextfieldBase<T> implements OnChanges {
     private readonly focused;
+    protected readonly control: NgControl | null;
     protected readonly a: import("@angular/core").WritableSignal<string>;
     protected readonly s: import("@angular/core").WritableSignal<TuiInteractiveState | null>;
     protected readonly m: import("@angular/core").WritableSignal<string | readonly string[] | null>;
@@ -14,6 +16,7 @@ export declare class TuiTextfieldBase<T> implements OnChanges {
     protected readonly textfield: TuiTextfieldComponent<T>;
     readOnly: boolean;
     invalid: boolean | null;
+    nativeValue: import("@angular/core").Signal<string>;
     set focusedSetter(focused: boolean | null);
     set stateSetter(state: TuiInteractiveState | null);
     get mode(): string | null;

package/directives/appearance/appearance.directive.d.ts

@@ -1,11 +1,11 @@
 import type { TuiInteractiveState } from '@taiga-ui/core/types';
-import { type TuiAppearanceOptions } from './appearance.options';
+import type { TuiAppearanceOptions } from './appearance.options';
 import * as i0 from "@angular/core";
 export declare class TuiAppearance {
     private readonly el;
     protected readonly nothing: undefined;
     protected readonly modes: import("@angular/core").Signal<string | null>;
-    readonly appearance: import("@angular/core").WritableSignal<"accent" | "destructive" | "error" | "flat" | "floating" | "glass" | "info" | "link" | "neutral" | "opposite" | "outline" | "primary" | "secondary" | "success" | "textfield" | "warning" | "whiteblock" | (Record<never, never> & string)>;
+    readonly appearance: import("@angular/core").WritableSignal<"accent" | "destructive" | "error" | "flat" | "floating" | "glass" | "icon" | "info" | "link" | "neutral" | "opposite" | "outline" | "primary" | "secondary" | "success" | "textfield" | "warning" | "whiteblock" | (Record<never, never> & string)>;
     readonly state: import("@angular/core").WritableSignal<TuiInteractiveState | null>;
     readonly focus: import("@angular/core").WritableSignal<boolean | null>;
     readonly mode: import("@angular/core").WritableSignal<string | readonly string[] | null>;

package/directives/appearance/appearance.options.d.ts

@@ -3,7 +3,7 @@ import type { TuiLooseUnion } from '@taiga-ui/cdk/types';
 /**
  * Bundled appearances for autocomplete purposes, not exported on purpose
  */
-type Appearance = TuiLooseUnion<'accent' | 'destructive' | 'error' | 'flat' | 'floating' | 'glass' | 'info' | 'link' | 'neutral' | 'opposite' | 'outline' | 'primary' | 'secondary' | 'success' | 'textfield' | 'warning' | 'whiteblock'>;
+type Appearance = TuiLooseUnion<'accent' | 'destructive' | 'error' | 'flat' | 'floating' | 'glass' | 'icon' | 'info' | 'link' | 'neutral' | 'opposite' | 'outline' | 'primary' | 'secondary' | 'success' | 'textfield' | 'warning' | 'whiteblock'>;
 export interface TuiAppearanceOptions {
     readonly appearance: Appearance;
 }

package/directives/dropdown/dropdown-fixed.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class TuiDropdownFixed {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownFixed, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownFixed, never, never, {}, {}, never, never, true, never>;
+}

package/directives/dropdown/dropdown-options.directive.d.ts

@@ -1,4 +1,4 @@
-import { type FactoryProvider } from '@angular/core';
+import type { FactoryProvider } from '@angular/core';
 import type { TuiVerticalDirection } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export type TuiDropdownAlign = 'center' | 'left' | 'right';

package/directives/dropdown/dropdown.providers.d.ts

@@ -1,7 +1,6 @@
 import type { Type } from '@angular/core';
-import { InjectionToken } from '@angular/core';
 /**
  * A component to display a dropdown
  */
-export declare const TUI_DROPDOWN_COMPONENT: InjectionToken<Type<any>>;
-export declare const TUI_DROPDOWN_CONTEXT: InjectionToken<Record<any, any>>;
+export declare const TUI_DROPDOWN_COMPONENT: import("@angular/core").InjectionToken<Type<any>>;
+export declare const TUI_DROPDOWN_CONTEXT: import("@angular/core").InjectionToken<Record<any, any>>;

package/directives/dropdown/index.d.ts

@@ -6,6 +6,7 @@ export * from './dropdown.driver';
 export * from './dropdown.providers';
 export * from './dropdown.service';
 export * from './dropdown-context.directive';
+export * from './dropdown-fixed.directive';
 export * from './dropdown-hover.directive';
 export * from './dropdown-hover.options';
 export * from './dropdown-manual.directive';

package/directives/hint/hint-options.directive.d.ts

@@ -1,4 +1,4 @@
-import { type FactoryProvider, type OnChanges } from '@angular/core';
+import type { FactoryProvider, OnChanges } from '@angular/core';
 import type { PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";

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

@@ -1,7 +1,6 @@
 import { TuiHoveredService } from '@taiga-ui/cdk/directives/hovered';
 import { TuiRectAccessor } from '@taiga-ui/core/classes';
 import { TuiPositionService } from '@taiga-ui/core/services';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import { TuiHintDirective } from './hint.directive';
 import { TuiHintPointer } from './hint-pointer.directive';
 import * as i0 from "@angular/core";
@@ -15,9 +14,9 @@ export declare class TuiHintComponent<C = any> {
     protected readonly pointer: TuiHintPointer | null;
     protected readonly accessor: TuiRectAccessor;
     protected readonly hint: TuiHintDirective<C>;
+    protected readonly content: import("@angular/core").WritableSignal<import("@taiga-ui/polymorpheus").PolymorpheusContent<C>>;
     protected readonly appearance: string | null | undefined;
     constructor();
-    protected get content(): PolymorpheusContent<C>;
     protected onClick(target: HTMLElement): void;
     private apply;
     private update;

package/directives/hint/hint.directive.d.ts

@@ -12,7 +12,7 @@ export declare class TuiHintDirective<C> implements OnDestroy, TuiPortalItem<C>,
     private readonly service;
     context?: C;
     appearance: string;
-    content: PolymorpheusContent<C>;
+    content: import("@angular/core").WritableSignal<PolymorpheusContent<C>>;
     component: PolymorpheusComponent<any>;
     readonly el: HTMLElement;
     readonly activeZone?: TuiActiveZone | null | undefined;