@taiga-ui/cdk 4.52.0-canary.6c67ccf → 4.52.0-canary.6ee9658

package/README.md

@@ -14,7 +14,7 @@ consisting of multiple base libraries and several add-ons
 
 ## How to install
 
-```
+```bash
 npm i @taiga-ui/cdk
 ```
 

package/classes/control.d.ts

@@ -8,30 +8,28 @@ import * as i0 from "@angular/core";
 export declare abstract class TuiControl<T> implements ControlValueAccessor {
     private readonly fallback;
     private readonly refresh$;
-    private readonly pseudoInvalid;
     private readonly internal;
     protected readonly control: NgControl;
     protected readonly cdr: ChangeDetectorRef;
     protected transformer: TuiValueTransformer<any, any>;
     readonly value: import("@angular/core").Signal<T>;
-    readonly readOnly: import("@angular/core").WritableSignal<boolean>;
+    readonly readOnly: import("@angular/core").InputSignal<boolean>;
+    readonly pseudoInvalid: import("@angular/core").InputSignal<boolean | null>;
     readonly touched: import("@angular/core").WritableSignal<boolean>;
     readonly status: import("@angular/core").WritableSignal<FormControlStatus | undefined>;
     readonly disabled: import("@angular/core").Signal<boolean>;
     readonly interactive: import("@angular/core").Signal<boolean>;
     readonly invalid: import("@angular/core").Signal<boolean>;
-    readonly mode: import("@angular/core").Signal<"readonly" | "invalid" | "valid">;
+    readonly mode: import("@angular/core").Signal<"invalid" | "readonly" | "valid">;
     onTouched: (...args: any[]) => void;
     onChange: (value: T) => void;
     constructor();
-    set readOnlySetter(readOnly: boolean);
-    set invalidSetter(invalid: boolean | null);
     registerOnChange(onChange: (value: unknown) => void): void;
     registerOnTouched(onTouched: () => void): void;
     setDisabledState(): void;
     writeValue(value: T | null): void;
     private update;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiControl<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiControl<any>, never, never, { "readOnlySetter": { "alias": "readOnly"; "required": false; }; "invalidSetter": { "alias": "invalid"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiControl<any>, never, never, { "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "pseudoInvalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare function tuiAsControl<T>(control: Type<TuiControl<T>>): Provider;

package/classes/index.d.ts

@@ -1,4 +1,3 @@
 export * from './control';
-export * from './portals';
 export * from './validation-error';
 export * from './value-transformer';

package/constants/index.d.ts

@@ -1,4 +1,3 @@
-export * from './allow-signal-writes';
 export * from './empty';
 export * from './handlers';
 export * from './matchers';

package/constants/used-icons.d.ts

@@ -2,6 +2,6 @@
  * @description:
  * AUTOGENERATED
  *
- * Array of icons used in taiga-ui components
+ * Array of icons used in ./projects
  */
-export declare const TUI_USED_ICONS: readonly ["@tui.mir", "@tui.visa", "@tui.electron", "@tui.search", "@tui.sun", "@tui.moon", "@tui.code", "@tui.menu", "@tui.copy", "@tui.check", "@tui.link", "@tui.external-link", "@tui.languages", "@tui.shrink", "@tui.expand", "@tui.a-large-small", "@tui.arrow-right-left", "@tui.eye-off", "@tui.eye", "@tui.grip-vertical", "@tui.chevron-up", "@tui.chevron-down", "@tui.chevrons-up-down", "@tui.info", "@tui.circle-check", "@tui.circle-x", "@tui.circle-alert", "@tui.circle-help", "@tui.x", "@tui.chevron-right", "@tui.ellipsis", "@tui.chevron-left", "@tui.clock", "@tui.trash", "@tui.minus", "@tui.file", "@tui.calendar", "@tui.plus", "@tui.phone", "@tui.heart", "@tui.heart-filled", "@tui.star", "@tui.rotate-ccw-square", "@tui.arrow-left", "@tui.arrow-right", "@tui.minimize", "@tui.filter", "@tui.layout-grid", "@tui.move-up-right", "@tui.move-right", "@tui.move-down-right", "@tui.move-down", "@tui.move-down-left", "@tui.move-left", "@tui.move-up-left", "@tui.move-up"];
+export declare const TUI_USED_ICONS: readonly ["@tui.mir", "@tui.visa", "@tui.electron", "@img.mastercard", "@img.maestro", "@img.amex", "@img.diners-club", "@img.discover", "@img.humo", "@img.jcb", "@img.ru-pay", "@img.union-pay", "@img.uzcard", "@img.verve", "@tui.search", "@tui.sun", "@tui.moon", "@tui.code", "@tui.menu", "@tui.copy", "@tui.check", "@tui.link", "@tui.external-link", "@tui.languages", "@tui.shrink", "@tui.expand", "@tui.a-large-small", "@tui.arrow-right-left", "@tui.eye-off", "@tui.eye", "@tui.grip-vertical", "@tui.chevron-up", "@tui.chevron-down", "@tui.chevrons-up-down", "@tui.info", "@tui.circle-check", "@tui.circle-x", "@tui.circle-alert", "@tui.circle-help", "@tui.x", "@tui.chevron-right", "@tui.ellipsis", "@tui.chevron-left", "@tui.clock", "@tui.trash", "@tui.minus", "@tui.file", "@tui.calendar", "@tui.plus", "@tui.heart", "@tui.heart-filled", "@tui.star", "@tui.rotate-ccw-square", "@tui.arrow-left", "@tui.arrow-right", "@tui.minimize", "@tui.filter", "@tui.layout-grid"];

package/constants/version.d.ts

@@ -1 +1 @@
-export declare const TUI_VERSION = "4.52.0-canary.6c67ccf";
+export declare const TUI_VERSION = "4.52.0-canary.6ee9658";

package/constants/version.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TUI_VERSION = void 0;
-exports.TUI_VERSION = '4.52.0-canary.6c67ccf';
+exports.TUI_VERSION = '4.52.0-canary.6ee9658';
 //# sourceMappingURL=version.js.map

package/date-time/day.d.ts

@@ -81,7 +81,7 @@ export declare class TuiDay extends TuiMonth {
      */
     dayBefore(another: TuiDay): boolean;
     /**
-     * Passed date is after or equals to current
+     * Passed date is after or equal to current
      */
     daySameOrBefore(another: TuiDay): boolean;
     /**

package/date-time/time.d.ts

@@ -1,4 +1,4 @@
-import { type TuiTimeLike, type TuiTimeMode } from './types';
+import { type TuiTimeLike } from './types';
 /**
  * Immutable time object with hours, minutes, seconds and ms
  */
@@ -42,7 +42,7 @@ export declare class TuiTime implements TuiTimeLike {
     /**
      * Converts TuiTime to string
      */
-    toString(mode?: TuiTimeMode): string;
+    toString(mode?: 'HH AA' | 'HH:MM AA' | 'HH:MM:SS AA' | 'HH:MM:SS.MSS AA' | 'HH:MM:SS.MSS' | 'HH:MM:SS' | 'HH:MM' | 'HH' | 'MM:SS.MSS' | 'MM:SS' | 'SS.MSS'): string;
     valueOf(): number;
     /**
      * Returns the primitive value of the given Date object.

package/date-time/types.d.ts

@@ -5,11 +5,6 @@
  * TODO: Change to be MaskitoDateMode compatible in v5
  */
 export type TuiDateMode = 'DMY' | 'MDY' | 'YMD';
-/**
- * TODO(v5): replace all its usage by MaskitoTimeMode and delete it
- * @deprecated use `MaskitoTimeMode` (from `@maskito/kit`) instead
- */
-export type TuiTimeMode = 'HH AA' | 'HH:MM AA' | 'HH:MM:SS AA' | 'HH:MM:SS.MSS AA' | 'HH:MM:SS.MSS' | 'HH:MM:SS' | 'HH:MM' | 'HH' | 'MM:SS.MSS' | 'MM:SS' | 'MM.SS.MSS' | 'SS.MSS';
 /**
  * Optionally has year and/or month and/or day
  */

package/directives/active-zone/active-zone.directive.d.ts

@@ -2,14 +2,12 @@ import { type OnDestroy } from '@angular/core';
 import { type Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiActiveZone implements OnDestroy {
-    private readonly control;
     private readonly active$;
-    private readonly zone;
-    private readonly el;
     private tuiActiveZoneParent;
-    private subActiveZones;
-    private readonly directParentActiveZone;
+    private readonly parent;
+    private readonly el;
     readonly tuiActiveZoneChange: Observable<boolean>;
+    children: readonly TuiActiveZone[];
     constructor();
     set tuiActiveZoneParentSetter(zone: TuiActiveZone | null);
     ngOnDestroy(): void;
@@ -19,4 +17,5 @@ export declare class TuiActiveZone implements OnDestroy {
     private removeSubActiveZone;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiActiveZone, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiActiveZone, "[tuiActiveZone]:not(ng-container), [tuiActiveZoneChange]:not(ng-container), [tuiActiveZoneParent]:not(ng-container)", ["tuiActiveZone"], { "tuiActiveZoneParentSetter": { "alias": "tuiActiveZoneParent"; "required": false; }; }, { "tuiActiveZoneChange": "tuiActiveZoneChange"; }, never, never, true, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TuiActiveZone>;
 }

package/directives/animated/animated.directive.d.ts

@@ -5,7 +5,6 @@ export declare const TUI_LEAVE = "tui-leave";
 export declare class TuiAnimated implements OnDestroy {
     private readonly renderer;
     private readonly el;
-    private readonly app;
     constructor();
     ngOnDestroy(): void;
     protected remove(): void;

package/directives/auto-focus/autofocus.directive.d.ts

@@ -5,10 +5,9 @@ export declare class TuiAutoFocus implements AfterViewInit {
     private readonly handler;
     private readonly options;
     private readonly destroyRef;
-    autoFocus: BooleanInput;
+    readonly autoFocus: import("@angular/core").InputSignalWithTransform<BooleanInput, any>;
     ngAfterViewInit(): void;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAutoFocus, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAutoFocus, "[tuiAutoFocus]", never, { "autoFocus": { "alias": "tuiAutoFocus"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_autoFocus: any;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAutoFocus, "[tuiAutoFocus]", never, { "autoFocus": { "alias": "tuiAutoFocus"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/auto-focus/autofocus.options.d.ts

@@ -10,10 +10,10 @@ export interface TuiAutofocusOptions {
     readonly query: string;
     readonly preventScroll: boolean;
 }
-export declare const TUI_AUTOFOCUS_OPTIONS: InjectionToken<TuiAutofocusOptions>, tuiAutoFocusOptionsProvider: (item: Partial<TuiAutofocusOptions> | import("@angular/core").ProviderToken<Partial<TuiAutofocusOptions>> | (() => Partial<TuiAutofocusOptions>)) => import("@angular/core").FactoryProvider;
+export declare const TUI_AUTOFOCUS_OPTIONS: InjectionToken<TuiAutofocusOptions>, tuiAutoFocusOptionsProvider: (item: Partial<TuiAutofocusOptions> | (() => Partial<TuiAutofocusOptions>)) => import("@angular/core").FactoryProvider;
 export declare const TUI_AUTOFOCUS_HANDLER: InjectionToken<TuiAutofocusHandler>;
 export declare const TUI_AUTOFOCUS_PROVIDERS: {
     provide: InjectionToken<TuiAutofocusHandler>;
-    deps: (InjectionToken<Window> | typeof NgZone | typeof ElementRef | typeof Renderer2)[];
+    deps: (InjectionToken<TuiAutofocusOptions> | typeof ElementRef | typeof Renderer2 | typeof NgZone)[];
     useFactory: (el: ElementRef<HTMLElement>, animationFrame$: Observable<number>, renderer: Renderer2, zone: NgZone, win: Window, isIos: boolean, options: TuiAutofocusOptions) => TuiDefaultAutofocusHandler | TuiIosAutofocusHandler;
 }[];

package/directives/copy-processor/copy-processor.directive.d.ts

@@ -2,8 +2,8 @@ import { type TuiStringHandler } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiCopyProcessor {
     private readonly win;
-    tuiCopyProcessor: TuiStringHandler<string>;
+    readonly tuiCopyProcessor: import("@angular/core").InputSignal<TuiStringHandler<string>>;
     protected onCopy(event: ClipboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCopyProcessor, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCopyProcessor, "[tuiCopyProcessor]", never, { "tuiCopyProcessor": { "alias": "tuiCopyProcessor"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCopyProcessor, "[tuiCopyProcessor]", never, { "tuiCopyProcessor": { "alias": "tuiCopyProcessor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/hovered/hovered.directive.d.ts

@@ -1,7 +1,6 @@
-import { TuiHoveredService } from './hovered.service';
 import * as i0 from "@angular/core";
 export declare class TuiHovered {
-    readonly tuiHoveredChange: TuiHoveredService;
+    readonly tuiHoveredChange: import("@angular/core").OutputRef<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHovered, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHovered, "[tuiHoveredChange]", never, {}, { "tuiHoveredChange": "tuiHoveredChange"; }, never, never, true, never>;
 }

package/directives/index.d.ts

@@ -1,23 +1,19 @@
 export * from '@taiga-ui/cdk/directives/active-zone';
 export * from '@taiga-ui/cdk/directives/animated';
 export * from '@taiga-ui/cdk/directives/auto-focus';
-export * from '@taiga-ui/cdk/directives/click-outside';
 export * from '@taiga-ui/cdk/directives/control';
 export * from '@taiga-ui/cdk/directives/copy-processor';
-export * from '@taiga-ui/cdk/directives/droppable';
 export * from '@taiga-ui/cdk/directives/element';
 export * from '@taiga-ui/cdk/directives/focus-trap';
 export * from '@taiga-ui/cdk/directives/font-size';
 export * from '@taiga-ui/cdk/directives/high-dpi';
 export * from '@taiga-ui/cdk/directives/hovered';
 export * from '@taiga-ui/cdk/directives/item';
-export * from '@taiga-ui/cdk/directives/let';
 export * from '@taiga-ui/cdk/directives/media';
 export * from '@taiga-ui/cdk/directives/native-validator';
 export * from '@taiga-ui/cdk/directives/obscured';
 export * from '@taiga-ui/cdk/directives/pan';
 export * from '@taiga-ui/cdk/directives/platform';
-export * from '@taiga-ui/cdk/directives/popover';
 export * from '@taiga-ui/cdk/directives/repeat-times';
 export * from '@taiga-ui/cdk/directives/resizer';
 export * from '@taiga-ui/cdk/directives/swipe';
@@ -25,4 +21,5 @@ export * from '@taiga-ui/cdk/directives/transitioned';
 export * from '@taiga-ui/cdk/directives/validator';
 export * from '@taiga-ui/cdk/directives/value-changes';
 export * from '@taiga-ui/cdk/directives/visual-viewport';
+export * from '@taiga-ui/cdk/directives/with-styles';
 export * from '@taiga-ui/cdk/directives/zoom';

package/directives/media/media.directive.d.ts

@@ -1,21 +1,17 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiMedia {
     private readonly el;
-    private playbackRate;
-    volume: number;
-    readonly currentTimeChange: EventEmitter<number>;
-    readonly pausedChange: EventEmitter<boolean>;
-    readonly volumeChange: EventEmitter<number>;
-    set playbackRateSetter(playbackRate: number);
-    set currentTime(currentTime: number);
-    set paused(paused: boolean);
-    get currentTime(): number;
-    get paused(): boolean;
+    protected readonly setElCurrentTime: import("@angular/core").EffectRef;
+    protected readonly setElPlaybackRate: import("@angular/core").EffectRef;
+    protected readonly setElPaused: import("@angular/core").EffectRef;
+    readonly playbackRate: import("@angular/core").InputSignal<number>;
+    readonly volume: import("@angular/core").ModelSignal<number>;
+    readonly currentTime: import("@angular/core").ModelSignal<number>;
+    readonly paused: import("@angular/core").ModelSignal<boolean>;
     protected onPausedChange(paused: boolean): void;
     protected onVolumeChange(): void;
     protected onCurrentTimeChange(): void;
     private updatePlaybackRate;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiMedia, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiMedia, "video[tuiMedia], audio[tuiMedia]", ["tuiMedia"], { "volume": { "alias": "volume"; "required": false; }; "playbackRateSetter": { "alias": "playbackRate"; "required": false; }; "currentTime": { "alias": "currentTime"; "required": false; }; "paused": { "alias": "paused"; "required": false; }; }, { "currentTimeChange": "currentTimeChange"; "pausedChange": "pausedChange"; "volumeChange": "volumeChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiMedia, "video[tuiMedia], audio[tuiMedia]", ["tuiMedia"], { "playbackRate": { "alias": "playbackRate"; "required": false; "isSignal": true; }; "volume": { "alias": "volume"; "required": false; "isSignal": true; }; "currentTime": { "alias": "currentTime"; "required": false; "isSignal": true; }; "paused": { "alias": "paused"; "required": false; "isSignal": true; }; }, { "volume": "volumeChange"; "currentTime": "currentTimeChange"; "paused": "pausedChange"; }, never, never, true, never>;
 }

package/directives/native-validator/native-validator.directive.d.ts

@@ -4,9 +4,9 @@ export declare class TuiNativeValidator implements Validator {
     private readonly el;
     private readonly control$;
     protected readonly sub: import("rxjs").Subscription;
-    tuiNativeValidator: string;
+    readonly tuiNativeValidator: import("@angular/core").InputSignal<string>;
     validate(control: AbstractControl): null;
     protected handleValidation(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiNativeValidator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiNativeValidator, "[tuiNativeValidator]", never, { "tuiNativeValidator": { "alias": "tuiNativeValidator"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiNativeValidator, "[tuiNativeValidator]", never, { "tuiNativeValidator": { "alias": "tuiNativeValidator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/obscured/obscured.directive.d.ts

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
  */
 export declare class TuiObscured {
     private readonly activeZone;
-    private readonly enabled$;
     private readonly obscured$;
-    readonly tuiObscured: import("rxjs").Observable<boolean>;
-    set tuiObscuredEnabled(enabled: boolean);
+    readonly tuiObscuredEnabled: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly tuiObscured$: import("rxjs").Observable<boolean>;
+    readonly tuiObscured: import("@angular/core").OutputRef<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiObscured, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiObscured, "[tuiObscured]", never, { "tuiObscuredEnabled": { "alias": "tuiObscuredEnabled"; "required": false; }; }, { "tuiObscured": "tuiObscured"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiObscured, "[tuiObscured]", never, { "tuiObscuredEnabled": { "alias": "tuiObscuredEnabled"; "required": false; "isSignal": true; }; }, { "tuiObscured": "tuiObscured"; }, never, never, true, never>;
 }

package/directives/pan/pan.directive.d.ts

@@ -1,7 +1,6 @@
-import { TuiPanService } from './pan.service';
 import * as i0 from "@angular/core";
 export declare class TuiPan {
-    readonly tuiPan: TuiPanService;
+    readonly tuiPan: import("@angular/core").OutputRef<readonly [number, number]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPan, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPan, "[tuiPan]", never, {}, { "tuiPan": "tuiPan"; }, never, never, true, never>;
 }

package/directives/platform/platform.directive.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class TuiPlatform {
-    tuiPlatform: "android" | "ios" | "web";
+    readonly tuiPlatform: import("@angular/core").InputSignal<"android" | "ios" | "web">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPlatform, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPlatform, "[tuiPlatform]", never, { "tuiPlatform": { "alias": "tuiPlatform"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPlatform, "[tuiPlatform]", never, { "tuiPlatform": { "alias": "tuiPlatform"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/repeat-times/repeat-times.directive.d.ts

@@ -12,11 +12,12 @@ export declare class TuiRepeatTimesContext implements TuiContext<number> {
  * {@link TuiRepeatTimesContext.$implicit index} of a template instance.
  */
 export declare class TuiRepeatTimes {
-    private readonly viewContainer;
-    private readonly templateRef;
-    set tuiRepeatTimesOf(count: number);
+    private readonly vcr;
+    private readonly template;
+    readonly tuiRepeatTimesOf: import("@angular/core").InputSignal<number>;
+    protected readonly setCount: import("@angular/core").EffectRef;
     private addContainers;
     private removeContainers;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiRepeatTimes, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiRepeatTimes, "[tuiRepeatTimes][tuiRepeatTimesOf]", never, { "tuiRepeatTimesOf": { "alias": "tuiRepeatTimesOf"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiRepeatTimes, "[tuiRepeatTimes][tuiRepeatTimesOf]", never, { "tuiRepeatTimesOf": { "alias": "tuiRepeatTimesOf"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/resizer/resizer.directive.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiResizer {
     private readonly resizable;
@@ -6,13 +5,13 @@ export declare class TuiResizer {
     protected y: number;
     protected width: number;
     protected height: number;
-    tuiResizer: readonly [x: number, y: number];
-    readonly tuiSizeChange: EventEmitter<readonly [x: number, y: number]>;
+    readonly tuiResizer: import("@angular/core").InputSignal<readonly [x: number, y: number]>;
+    readonly tuiSizeChange: import("@angular/core").OutputEmitterRef<readonly [x: number, y: number]>;
     protected get cursor(): string;
     protected onPointerDown(x: number, y: number): void;
     protected onPointerMove({ x, y, buttons }: PointerEvent): void;
     protected onPointerUp(): void;
     protected onMove(x: number, y: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiResizer, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiResizer, "[tuiResizer]", never, { "tuiResizer": { "alias": "tuiResizer"; "required": false; }; }, { "tuiSizeChange": "tuiSizeChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiResizer, "[tuiResizer]", never, { "tuiResizer": { "alias": "tuiResizer"; "required": false; "isSignal": true; }; }, { "tuiSizeChange": "tuiSizeChange"; }, never, never, true, never>;
 }

package/directives/swipe/swipe.directive.d.ts

@@ -1,7 +1,6 @@
-import { TuiSwipeService } from './swipe.service';
 import * as i0 from "@angular/core";
 export declare class TuiSwipe {
-    readonly tuiSwipe: TuiSwipeService;
+    readonly tuiSwipe: import("@angular/core").OutputRef<import("@taiga-ui/cdk/directives/swipe").TuiSwipeEvent>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSwipe, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSwipe, "[tuiSwipe]", never, {}, { "tuiSwipe": "tuiSwipe"; }, never, never, true, never>;
 }

package/directives/transitioned/transitioned.directive.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class TuiTransitioned {
+    private readonly el;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTransitioned, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTransitioned, "[tuiTransitioned]", never, {}, {}, never, never, true, never>;

package/directives/value-changes/value-changes.directive.d.ts

@@ -1,11 +1,11 @@
 import { type DoCheck } from '@angular/core';
-import { type Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiValueChanges<T> implements DoCheck {
     private readonly container;
     private readonly control;
     private readonly refresh$;
-    readonly tuiValueChanges: Observable<T>;
+    private readonly tuiValueChanges$;
+    readonly tuiValueChanges: import("@angular/core").OutputRef<T>;
     ngDoCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiValueChanges<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiValueChanges<any>, "[tuiValueChanges]", never, {}, { "tuiValueChanges": "tuiValueChanges"; }, never, never, true, never>;

package/directives/with-styles/index.d.ts

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

package/directives/with-styles/with-styles.directive.d.ts

@@ -0,0 +1,10 @@
+import { type OnDestroy, type Type, type ValueProvider } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare function provideStyles(useValue: Type<unknown>): ValueProvider;
+export declare class TuiWithStyles implements OnDestroy {
+    private readonly injector;
+    private readonly refs;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithStyles, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiWithStyles, never, never, {}, {}, never, never, true, never>;
+}

package/fesm2022/taiga-ui-cdk-classes.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, signal, ChangeDetectorRef, computed, untracked, Input, Directive, INJECTOR, ViewContainerRef, ViewChild, Injectable } from '@angular/core';
+import { inject, signal, ChangeDetectorRef, computed, input, untracked, Directive } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { NgControl, NgModel } from '@angular/forms';
 import { EMPTY_FUNCTION } from '@taiga-ui/cdk/constants';
@@ -38,13 +38,13 @@ class TuiControl {
     constructor() {
         this.fallback = inject(TUI_FALLBACK_VALUE, FLAGS);
         this.refresh$ = new Subject();
-        this.pseudoInvalid = signal(null);
         this.internal = signal(this.fallback);
         this.control = inject(NgControl, { self: true });
         this.cdr = inject(ChangeDetectorRef);
         this.transformer = inject(TuiValueTransformer, FLAGS) ?? TUI_IDENTITY_VALUE_TRANSFORMER;
         this.value = computed(() => this.internal() ?? this.fallback);
-        this.readOnly = signal(false);
+        this.readOnly = input(false);
+        this.pseudoInvalid = input(null, { alias: 'invalid' });
         this.touched = signal(false);
         this.status = signal(undefined);
         this.disabled = computed(() => this.status() === 'DISABLED');
@@ -62,12 +62,6 @@ class TuiControl {
             .pipe(delay(0), startWith(null), map(() => this.control.control), filter(Boolean), distinctUntilChanged(), switchMap((c) => merge(c.valueChanges, c.statusChanges, c.events || EMPTY).pipe(startWith(null))), takeUntilDestroyed())
             .subscribe(() => this.update());
     }
-    set readOnlySetter(readOnly) {
-        this.readOnly.set(readOnly);
-    }
-    set invalidSetter(invalid) {
-        this.pseudoInvalid.set(invalid);
-    }
     registerOnChange(onChange) {
         this.refresh$.next();
         this.onChange = (value) => {
@@ -101,92 +95,15 @@ class TuiControl {
         this.cdr.markForCheck();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiControl, isStandalone: true, inputs: { readOnlySetter: ["readOnly", "readOnlySetter"], invalidSetter: ["invalid", "invalidSetter"] }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.15", type: TuiControl, isStandalone: true, inputs: { readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, pseudoInvalid: { classPropertyName: "pseudoInvalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiControl, decorators: [{
             type: Directive
-        }], ctorParameters: () => [], propDecorators: { readOnlySetter: [{
-                type: Input,
-                args: ['readOnly']
-            }], invalidSetter: [{
-                type: Input,
-                args: ['invalid']
-            }] } });
+        }], ctorParameters: () => [] });
 function tuiAsControl(control) {
     return tuiProvide(TuiControl, control);
 }
 
-/// <reference types="@taiga-ui/tsconfig/ng-dev-mode" />
-/**
- * Abstract class for host element for dynamically created portals.
- */
-class TuiPortals {
-    constructor() {
-        this.injector = inject(INJECTOR);
-        this.nothing = inject(TuiPortalService).attach(this);
-    }
-    addComponentChild(component) {
-        const injector = component.createInjector(this.injector);
-        const ref = this.vcr.createComponent(component.component, { injector });
-        ref.changeDetectorRef.detectChanges();
-        return ref;
-    }
-    addTemplateChild(templateRef, context) {
-        return this.vcr.createEmbeddedView(templateRef, context);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPortals, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiPortals, isStandalone: true, viewQueries: [{ propertyName: "vcr", first: true, predicate: ["viewContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPortals, decorators: [{
-            type: Directive
-        }], propDecorators: { vcr: [{
-                type: ViewChild,
-                args: ['viewContainer', { read: ViewContainerRef }]
-            }] } });
-/**
- * Abstract service for displaying portals
- */
-class TuiPortalService {
-    attach(host) {
-        this.host = host;
-    }
-    add(component) {
-        return this.safeHost.addComponentChild(component);
-    }
-    remove({ hostView }) {
-        this.removeTemplate(hostView);
-    }
-    addTemplate(templateRef, context) {
-        return this.safeHost.addTemplateChild(templateRef, context);
-    }
-    removeTemplate(viewRef) {
-        if (!viewRef.destroyed) {
-            viewRef.destroy();
-        }
-    }
-    get safeHost() {
-        if (!this.host) {
-            throw new TuiNoHostException();
-        }
-        return this.host;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPortalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPortalService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPortalService, decorators: [{
-            type: Injectable
-        }] });
-function tuiAsPortal(portal) {
-    return tuiProvide(TuiPortalService, portal);
-}
-class TuiNoHostException extends Error {
-    constructor() {
-        super(ngDevMode
-            ? 'Portals cannot be used without TuiPortalHostComponent; perhaps you forgot to wrap your application with tui-root.'
-            : '');
-    }
-}
-
 class TuiValidationError {
     constructor(message, context = {}) {
         this.message = message;
@@ -198,5 +115,5 @@ class TuiValidationError {
  * Generated bundle index. Do not edit.
  */
 
-export { TUI_IDENTITY_VALUE_TRANSFORMER, TuiControl, TuiNoHostException, TuiNonNullableValueTransformer, TuiPortalService, TuiPortals, TuiValidationError, TuiValueTransformer, tuiAsControl, tuiAsPortal, tuiValueTransformerFrom };
+export { TUI_IDENTITY_VALUE_TRANSFORMER, TuiControl, TuiNonNullableValueTransformer, TuiValidationError, TuiValueTransformer, tuiAsControl, tuiValueTransformerFrom };
 //# sourceMappingURL=taiga-ui-cdk-classes.mjs.map