@taiga-ui/core 4.51.0 → 4.52.0-canary.1acd1eb

package/styles/mixins/slider.less

@@ -1,7 +1,6 @@
 @thumb-diameters: {
     @s: 0.5rem;
     @m: 0.75rem;
-    @l: 0.75rem;
 };
 
 @track-inset: {
@@ -10,9 +9,8 @@
     @l: 1rem;
 };
 
-// TODO(v5): use `l` by default (default size for new textfields)
-.tui-slider-ticks-labels(@input-size: m) {
-    @thumb: @thumb-diameters[@@input-size];
+.tui-slider-ticks-labels(@thumb-size: m) {
+    @thumb: @thumb-diameters[@@thumb-size];
 
     --t-offset: calc(@thumb / 2);
 
@@ -45,27 +43,34 @@
         }
     }
 
-    /* TODO(v5): delete */
-    tui-input-slider + & {
-        margin-inline-start: calc(var(--tui-radius-m) / 2 + var(--t-offset));
+    tui-range + & {
+        --t-offset: @thumb;
     }
 
     /* TODO: add :has([tuiInputSlider]) */
-    tui-textfield + & {
-        --t-offset: calc(var(--tui-radius-m) / 2 + @thumb / 2);
+    tui-textfield[data-size='l'] + & {
+        --t-offset: calc(@track-inset[@l] + @thumb / 2);
     }
 
     /* TODO: add :has([tuiInputSlider]) */
-    tui-textfield[data-size='l'] + & {
-        --t-offset: calc(var(--tui-radius-l) / 2 + @thumb / 2);
+    tui-textfield[data-size='m'] + & {
+        --t-offset: calc(@track-inset[@m] + @thumb / 2);
     }
 
-    tui-input-range:not([new]) + &, /* TODO(v5): delete */
-    tui-range + & {
-        --t-offset: @thumb;
+    /* TODO: add :has([tuiInputSlider]) */
+    tui-textfield[data-size='s'] + & {
+        --t-offset: calc(@track-inset[@s] + @thumb / 2);
+    }
+
+    tui-input-range[data-size='l'] + & {
+        --t-offset: calc(@track-inset[@l] + @thumb);
+    }
+
+    tui-input-range[data-size='m'] + & {
+        --t-offset: calc(@track-inset[@m] + @thumb);
     }
 
-    tui-input-range[new] + & {
-        --t-offset: calc(@track-inset[@@input-size] + @thumb);
+    tui-input-range[data-size='s'] + & {
+        --t-offset: calc(@track-inset[@s] + @thumb);
     }
 }

package/styles/theme/appearance/outline.less

@@ -67,8 +67,7 @@
 
     &::before,
     &::after {
-        .transition(~'color, transform');
-
+        transition-property: color, transform;
         color: var(--tui-text-tertiary);
     }
 

package/styles/theme/appearance/textfield.less

@@ -15,8 +15,7 @@
     // TODO: Remove tuiWrapper hack in v5
     &:not([tuiWrapper])::before,
     &:not([tuiWrapper])::after {
-        .transition(~'color, transform');
-
+        transition-property: color, transform;
         color: var(--tui-text-tertiary);
     }
 

package/tokens/i18n.d.ts

@@ -2,28 +2,28 @@ import { InjectionToken } from '@angular/core';
 /**
  * Localized months names
  */
-export declare const TUI_MONTHS: InjectionToken<import("rxjs").Observable<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>>;
+export declare const TUI_MONTHS: InjectionToken<import("@angular/core").Signal<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>>;
 /**
  * i18n 'close' word
  */
-export declare const TUI_CLOSE_WORD: InjectionToken<import("rxjs").Observable<string>>;
+export declare const TUI_CLOSE_WORD: InjectionToken<import("@angular/core").Signal<string>>;
 /**
  * i18n 'clear' word
  */
-export declare const TUI_CLEAR_WORD: InjectionToken<import("rxjs").Observable<string>>;
+export declare const TUI_CLEAR_WORD: InjectionToken<import("@angular/core").Signal<string>>;
 /**
  * i18n 'Nothing found' message
  */
-export declare const TUI_NOTHING_FOUND_MESSAGE: InjectionToken<import("rxjs").Observable<string>>;
+export declare const TUI_NOTHING_FOUND_MESSAGE: InjectionToken<import("@angular/core").Signal<string>>;
 /**
  * i18n of error message
  */
-export declare const TUI_DEFAULT_ERROR_MESSAGE: InjectionToken<import("rxjs").Observable<string>>;
+export declare const TUI_DEFAULT_ERROR_MESSAGE: InjectionToken<import("@angular/core").Signal<string>>;
 /**
  * spin i18n texts
  */
-export declare const TUI_SPIN_TEXTS: InjectionToken<import("rxjs").Observable<readonly [previous: string, next: string]>>;
+export declare const TUI_SPIN_TEXTS: InjectionToken<import("@angular/core").Signal<readonly [previous: string, next: string]>>;
 /**
  * calendars i18n texts
  */
-export declare const TUI_SHORT_WEEK_DAYS: InjectionToken<import("rxjs").Observable<readonly [Monday: string, Tuesday: string, Wednesday: string, Thursday: string, Friday: string, Saturday: string, Sunday: string]>>;
+export declare const TUI_SHORT_WEEK_DAYS: InjectionToken<import("@angular/core").Signal<readonly [Monday: string, Tuesday: string, Wednesday: string, Thursday: string, Friday: string, Saturday: string, Sunday: string]>>;

package/tokens/icon-resolver.d.ts

@@ -1,9 +1,6 @@
 import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiStringHandler } from '@taiga-ui/cdk/types';
 export declare const TUI_ICON_RESOLVER: InjectionToken<TuiStringHandler<string>>;
-/**
- * @deprecated use {@link TUI_ICON_RESOLVER}
- */
-export declare const TUI_ICON_START_RESOLVER: InjectionToken<TuiStringHandler<string>>;
+export declare function tuiGetIconMode(icon?: string | null): string | undefined;
 export declare function tuiInjectIconResolver(): TuiStringHandler<string>;
 export declare function tuiIconResolverProvider(useValue: TuiStringHandler<string>): Provider;

package/tokens/index.d.ts

@@ -17,4 +17,5 @@ export * from './scroll-ref';
 export * from './selection-stream';
 export * from './spin-icons';
 export * from './theme';
+export * from './validation-errors';
 export * from './viewport';

package/tokens/validation-errors.d.ts

@@ -0,0 +1,4 @@
+import { InjectionToken, type Provider, type Signal } from '@angular/core';
+import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
+export declare const TUI_VALIDATION_ERRORS: InjectionToken<Record<string, PolymorpheusContent | Signal<PolymorpheusContent>>>;
+export declare const tuiValidationErrorsProvider: (useValue: Record<string, PolymorpheusContent | Signal<PolymorpheusContent>>) => Provider;

package/types/index.d.ts

@@ -2,7 +2,6 @@ export type * from './direction';
 export type * from './interactive-state';
 export type * from './orientation';
 export type * from './point';
-export type * from './portal-item';
 export type * from './range-state';
 export type * from './size';
 export type * from './value-content-context';

package/utils/miscellaneous/index.d.ts

@@ -2,5 +2,6 @@ export * from './font-scaling';
 export * from './is-editing-key';
 export * from './is-obscured';
 export * from './override-options';
+export * from './provide-taiga';
 export * from './size-bigger';
 export * from './to-animation-options';

package/utils/miscellaneous/provide-taiga.d.ts

@@ -0,0 +1,13 @@
+import { type EnvironmentProviders, InjectionToken, type Provider } from '@angular/core';
+interface ExperimentalAPIs {
+    readonly all: boolean;
+}
+export interface TuiOptions {
+    readonly mode?: 'dark' | 'light';
+    readonly apis: Partial<ExperimentalAPIs> | 'stable';
+    readonly fontScaling: boolean;
+    readonly scrollbars: 'custom' | 'native';
+}
+export declare const TUI_OPTIONS: InjectionToken<TuiOptions>;
+export declare function provideTaiga(config?: Partial<TuiOptions>): Array<EnvironmentProviders | Provider>;
+export {};

package/components/alert/alerts.component.d.ts

@@ -1,12 +0,0 @@
-import { Injector, type Type } from '@angular/core';
-import { type TuiMapper } from '@taiga-ui/cdk/types';
-import { identity } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare class TuiAlerts {
-    private readonly injector;
-    protected readonly alerts$: import("rxjs").Observable<(readonly any[])[]>;
-    protected readonly trackBy: typeof identity;
-    protected readonly mapper: TuiMapper<[Type<any>], Injector>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlerts, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAlerts, "tui-alerts", never, {}, {}, never, never, true, never>;
-}

package/components/dialog/dialog.interfaces.d.ts

@@ -1,34 +0,0 @@
-import { type TuiPopover, type TuiPopoverContext } from '@taiga-ui/cdk/services';
-import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-import { type Observable } from 'rxjs';
-export type TuiDialogSize = TuiSizeL | TuiSizeS | 'auto' | 'fullscreen' | 'page';
-/**
- * Options for a dialog
- *
- * appearance - data-appearance attribute of the dialog ('' by default)
- * size - size of the dialog ('m' by default)
- * required - closing dialog throws (false by default)
- * closeable - show close button (true by default)
- * dismissible - close dialog by Esc button or click on overlay (true by default)
- * label - string title for the dialog ('' by default)
- * header - content above title ('' by default)
- * data - arbitrary data for dialog
- */
-export interface TuiDialogOptions<I> {
-    readonly appearance: string;
-    /**
-     * TODO: rename to closable in v5.0
-     */
-    readonly closeable: Observable<boolean> | boolean;
-    readonly data: I extends void ? undefined : I & {
-        button?: string;
-    };
-    readonly dismissible: Observable<boolean> | boolean;
-    readonly header: PolymorpheusContent<TuiPopover<TuiDialogOptions<I>, any>>;
-    readonly label: string;
-    readonly required: boolean;
-    readonly size: TuiDialogSize;
-}
-export interface TuiDialogContext<O = void, I = undefined> extends TuiPopoverContext<O>, TuiDialogOptions<I> {
-}

package/components/dialog/dialog.tokens.d.ts

@@ -1,15 +0,0 @@
-import { InjectionToken, type Provider } from '@angular/core';
-import { BehaviorSubject, type Observable } from 'rxjs';
-import { type TuiDialogOptions } from './dialog.interfaces';
-export declare const TUI_DIALOGS: InjectionToken<BehaviorSubject<readonly any[]>>;
-export declare const TUI_DIALOG_DEFAULT_OPTIONS: TuiDialogOptions<void>;
-/**
- * A stream to close dialogs
- * TODO: use router.events in v5
- */
-export declare const TUI_DIALOGS_CLOSE: InjectionToken<Observable<unknown>>;
-/**
- * Default parameters for dialog component
- */
-export declare const TUI_DIALOG_OPTIONS: InjectionToken<TuiDialogOptions<void>>;
-export declare function tuiDialogOptionsProvider(options: Partial<TuiDialogOptions<unknown>>): Provider;

package/components/expand/expand-content.directive.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * @deprecated use {@link TuiExpand} from @taiga-ui/experimental
- */
-export declare class TuiExpandContent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiExpandContent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiExpandContent, "[tuiExpandContent]", never, {}, {}, never, never, true, never>;
-}

package/components/expand/expand.d.ts

@@ -1,6 +0,0 @@
-import { TuiExpandComponent } from './expand.component';
-import { TuiExpandContent } from './expand-content.directive';
-/**
- * @deprecated use {@link TuiExpand} from @taiga-ui/experimental
- */
-export declare const TuiExpand: readonly [typeof TuiExpandComponent, typeof TuiExpandContent];

package/components/fullscreen/fullscreen.component.d.ts

@@ -1,14 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class TuiFullscreen {
-    private readonly root?;
-    private readonly doc;
-    protected readonly open: import("@angular/core").WritableSignal<boolean>;
-    readonly opened: EventEmitter<boolean>;
-    options?: FullscreenOptions;
-    set fullscreen(open: boolean);
-    protected closedByEscape(event: Event): void;
-    private fullscreenState;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiFullscreen, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiFullscreen, "[tuiFullscreen]", never, { "options": { "alias": "tuiFullscreenOptions"; "required": false; }; "fullscreen": { "alias": "tuiFullscreen"; "required": false; }; }, { "opened": "tuiFullscreenChange"; }, never, ["*"], true, never>;
-}

package/components/fullscreen/index.d.ts

@@ -1 +0,0 @@
-export * from './fullscreen.component';

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

@@ -1,19 +0,0 @@
-import { TuiTextfieldBase } from './textfield.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/cdk/directives/native-validator";
-import * as i2 from "@taiga-ui/core/directives/appearance";
-/**
- * @deprecated use {@link TuiSelect} from @taiga-ui/kit instead, drop in v5
- */
-export declare class TuiSelect<T> extends TuiTextfieldBase<T> {
-    private readonly nav;
-    private readonly doc;
-    placeholder: string;
-    setValue(value: T): void;
-    focus(): void;
-    protected get ariaLabel(): string | null;
-    protected get stringified(): string;
-    protected onCopy(): Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSelect<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSelect<any>, "select[tuiTextfield]", never, { "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiNativeValidator; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAppearance; inputs: {}; outputs: {}; }]>;
-}

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

@@ -1,16 +0,0 @@
-import { type OnDestroy } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class TuiTextfieldDropdownDirective implements OnDestroy {
-    private readonly directive;
-    constructor();
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextfieldDropdownDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTextfieldDropdownDirective, "ng-template[tuiTextfieldDropdown]", never, {}, {}, never, never, true, never>;
-}
-/**
- * @deprecated remove in v5
- */
-export declare class TuiWithTextfieldDropdown {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithTextfieldDropdown, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiWithTextfieldDropdown, never, never, {}, {}, never, never, true, never>;
-}

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

@@ -1,14 +0,0 @@
-import { type OnDestroy } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @deprecated use {@link TuiPopup} directive instead
- */
-export declare class TuiDropdownPortal implements OnDestroy {
-    private readonly template;
-    private readonly service;
-    private viewRef?;
-    set tuiDropdown(show: boolean);
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownPortal, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownPortal, "ng-template[tuiDropdown]", never, { "tuiDropdown": { "alias": "tuiDropdown"; "required": false; }; }, {}, never, never, true, never>;
-}

package/directives/dropdown/dropdown.service.d.ts

@@ -1,6 +0,0 @@
-import { TuiPortalService } from '@taiga-ui/cdk/classes';
-import * as i0 from "@angular/core";
-export declare class TuiDropdownService extends TuiPortalService {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<TuiDropdownService>;
-}

package/directives/dropdown/dropdowns.component.d.ts

@@ -1,9 +0,0 @@
-import { TuiPortals } from '@taiga-ui/cdk/classes';
-import * as i0 from "@angular/core";
-/**
- * Host element for dynamically created portals, for example using {@link TuiDropdownDirective}.
- */
-export declare class TuiDropdowns extends TuiPortals {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdowns, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDropdowns, "tui-dropdowns", never, {}, {}, never, never, true, never>;
-}

package/directives/hint/hint.service.d.ts

@@ -1,13 +0,0 @@
-import { type TuiPortalItem } from '@taiga-ui/core/types';
-import { BehaviorSubject } from 'rxjs';
-import * as i0 from "@angular/core";
-/**
- * Service for displaying hints/tooltips
- */
-export declare class TuiHintService extends BehaviorSubject<readonly TuiPortalItem[]> {
-    constructor();
-    add(directive: TuiPortalItem): void;
-    remove(directive: TuiPortalItem): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<TuiHintService>;
-}

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

@@ -1,12 +0,0 @@
-import { type OnInit } from '@angular/core';
-import { type TuiPortalItem } from '@taiga-ui/core/types';
-import * as i0 from "@angular/core";
-export declare class TuiHints implements OnInit {
-    private readonly hints$;
-    private readonly destroyRef;
-    private readonly cdr;
-    protected hints: readonly TuiPortalItem[];
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiHints, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiHints, "tui-hints", never, {}, {}, never, never, true, never>;
-}

package/directives/surface/index.d.ts

@@ -1 +0,0 @@
-export * from './surface.directive';

package/directives/surface/surface.directive.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives/appearance";
-export declare class TuiSurface {
-    protected readonly nothing: undefined;
-    tuiSurface: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSurface, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSurface, "[tuiSurface]", never, { "tuiSurface": { "alias": "tuiSurface"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAppearance; inputs: { "tuiAppearance": "tuiSurface"; }; outputs: {}; }]>;
-}