@taiga-ui/addon-doc 4.52.0-canary.e444d19 → 4.52.0-canary.e53e79e

package/README.md

@@ -10,13 +10,13 @@
 
 Install main packages:
 
-```
-npm i @taiga-ui/{cdk,core,kit,addon-mobile}
+```bash
+npm i @taiga-ui/{cdk,core,kit}
 ```
 
 Install doc:
 
-```
+```bash
 npm i @taiga-ui/addon-doc
 ```
 
@@ -24,24 +24,22 @@ npm i @taiga-ui/addon-doc
 
 > You can also see [community made guide](https://habr.com/ru/company/europlan/blog/559804/) in Russian
 
-1. Include `TuiDocMainModule` in your App module and use in your template:
+1. Include `TuiDocMain` in your App imports and use in your template:
 
    ```html
    <tui-doc-main>You can add content here, it will be shown below navigation in the sidebar</tui-doc-main>
    ```
 
-2. Configure languages to highlight in your main module:
+2. Configure languages to highlight in your root providers:
 
    ```typescript
    import {Component} from '@angular/core';
-   import {TuiDocMainModule} from '@taiga-ui/addon-doc';
-   import {hljsLanguages} from './hljsLanguages';
-   import {HIGHLIGHT_OPTIONS, HighlightLanguage} from 'ngx-highlightjs';
+   import {TuiDocMain} from '@taiga-ui/addon-doc';
+   import {HIGHLIGHT_OPTIONS} from 'ngx-highlightjs';
    import {App} from './app.component';
 
    @Component({
-     standalone: true,
-     imports: [TuiDocMainModule],
+     imports: [TuiDocMain],
      providers: [
        {
          provide: HIGHLIGHT_OPTIONS,
@@ -81,10 +79,10 @@ npm i @taiga-ui/addon-doc
 
    const appRoutes: Routes = [
      {
-       path: 'super-page',
-       loadChildren: async () => (await import('../super-page/super-page.module')).SuperModule,
+       path: 'doc-page-1',
+       loadComponent: async () => (await import('../doc-page-1')).DocPage,
        data: {
-         title: 'Super Page',
+         title: 'Documentation page #1',
        },
      },
      // ...
@@ -96,42 +94,34 @@ npm i @taiga-ui/addon-doc
 
 5. Create pages.
 
-   _Module:_
-
-   ```ts
-   import {TuiAddonDoc} from '@taiga-ui/addon-doc';
-
-   @Component({
-     standalone: true,
-     imports: [TuiAddonDoc, SuperComponent],
-   })
-   export class App {}
-   ```
-
    _Component:_
 
    ```ts
    // ..
 
    @Component({
-     standalone: true,
-     selector: 'super',
+     selector: 'first-doc-page',
      templateUrl: './super.component.html',
+     imports: [TuiAddonDoc],
    })
-   export class Super {
+   export class DocPage {
      // Keys would be used as tabs for code example
      readonly example = {
        // import a file as a string
-       TypeScript: import('./examples/1/index.ts?raw'),
-       HTML: import('./examples/1/index.html?raw'),
+       TypeScript: import('./examples/1/index.ts?raw', {with: {loader: 'text'}}),
+       HTML: import('./examples/1/index.html', {with: {loader: 'text'}}),
+       LESS: '.box { color: red }',
      };
 
      readonly inputVariants = ['input 1', 'input 2'];
    }
    ```
 
-   > You can use any tool to import a file as a string. For example, you can use
-   > [Webpack Asset Modules](https://webpack.js.org/guides/asset-modules/).
+   > You can use any tool to import a file as a string. For example, you can use:
+   >
+   > - [Esbuild loaders](https://angular.dev/tools/cli/build-system-migration#file-extension-loader-customization)
+   >   (recommended)
+   > - [Webpack Asset Modules](https://webpack.js.org/guides/asset-modules)
 
    _Template:_
 
@@ -139,7 +129,6 @@ npm i @taiga-ui/addon-doc
    <tui-doc-page
      header="Super"
      package="SUPER-PACKAGE"
-     deprecated
    >
      <ng-template pageTab>
        <!-- default tab name would be used -->
@@ -158,17 +147,18 @@ npm i @taiga-ui/addon-doc
        <tui-doc-demo>
          <super-component [input]="input"></super-component>
        </tui-doc-demo>
-       <tui-doc-documentation>
-         <ng-template
-           documentationPropertyName="input"
-           documentationPropertyMode="input"
-           documentationPropertyType="T"
-           [documentationPropertyValues]="inputVariants"
-           [(documentationPropertyValue)]="input"
+
+       <table tuiDocAPI>
+         <tr
+           name="[input]"
+           tuiDocAPIItem
+           type="T"
+           [items]="inputVariants"
+           [(value)]="input"
          >
-           Some input
-         </ng-template>
-       </tui-doc-documentation>
+           Some input description
+         </tr>
+       </table>
      </ng-template>
    </tui-doc-page>
    ```

package/components/api/api-item-number.directive.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class TuiDocAPINumberItem {
-    min: number | null;
-    max: number | null;
+    readonly min: import("@angular/core").InputSignal<number | null>;
+    readonly max: import("@angular/core").InputSignal<number | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocAPINumberItem, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDocAPINumberItem, "tr[tuiDocAPIItem][type=number]", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDocAPINumberItem, "tr[tuiDocAPIItem][type=number]", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/api/api-item.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, type OnInit } from '@angular/core';
+import { type OnInit } from '@angular/core';
 import { TuiDocAPINumberItem } from './api-item-number.directive';
 import * as i0 from "@angular/core";
 export declare class TuiDocAPIItem<T> implements OnInit {
@@ -9,11 +9,14 @@ export declare class TuiDocAPIItem<T> implements OnInit {
     private readonly alerts;
     protected readonly icons: import("@taiga-ui/addon-doc/tokens").TuiDocIcons;
     protected readonly numberItem: TuiDocAPINumberItem | null;
-    name: string;
-    type: string;
-    value?: T;
-    items: readonly T[];
-    readonly valueChange: EventEmitter<T>;
+    protected readonly isBananaBox: import("@angular/core").Signal<boolean>;
+    protected readonly isInput: import("@angular/core").Signal<boolean>;
+    protected readonly isOutput: import("@angular/core").Signal<boolean>;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly type: import("@angular/core").InputSignal<string>;
+    readonly value: import("@angular/core").ModelSignal<T | undefined>;
+    readonly items: import("@angular/core").InputSignal<readonly T[]>;
+    protected readonly hasCleaner: import("@angular/core").Signal<boolean>;
     ngOnInit(): void;
     onValueChange(value: T): void;
     emitEvent(event: unknown): void;
@@ -21,5 +24,5 @@ export declare class TuiDocAPIItem<T> implements OnInit {
     private parseParams;
     private setQueryParam;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocAPIItem<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocAPIItem<any>, "tr[tuiDocAPIItem]", never, { "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocAPIItem<any>, "tr[tuiDocAPIItem]", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
 }

package/components/{documentation/pipes → api}/inspect.pipe.d.ts

@@ -4,5 +4,5 @@ export declare class TuiInspectPipe implements PipeTransform {
     private readonly isE2E;
     transform(value: unknown, depth?: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInspectPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<TuiInspectPipe, "tuiInspectAny", true>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TuiInspectPipe, "tuiInspect", true>;
 }

package/components/{documentation/pipes → api}/type-reference.pipe.d.ts

@@ -1,6 +1,6 @@
 import { type PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class TuiDocTypeReferencePipe implements PipeTransform {
+export declare class TuiTypeReferencePipe implements PipeTransform {
     private readonly parser;
     private readonly linkHandler;
     transform(original: string): ReadonlyArray<{
@@ -8,6 +8,6 @@ export declare class TuiDocTypeReferencePipe implements PipeTransform {
         extracted: string;
         reference: string | null;
     }>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocTypeReferencePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<TuiDocTypeReferencePipe, "tuiDocTypeReference", true>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiTypeReferencePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TuiTypeReferencePipe, "tuiTypeReference", true>;
 }

package/components/code/index.d.ts

@@ -5,15 +5,16 @@ import * as i0 from "@angular/core";
 export declare class TuiDocCode {
     private readonly icons;
     private readonly rawLoader$$;
+    private readonly texts;
     protected readonly isServer: boolean;
     protected readonly markdownCodeProcessor: TuiHandler<string, readonly string[]>;
     protected readonly copy$: Subject<void>;
-    protected readonly copyText: import("@angular/core").Signal<string | undefined>;
+    protected readonly copyText: import("@angular/core").Signal<string>;
     protected readonly icon: import("@angular/core").Signal<string>;
     protected readonly processor: import("@angular/core").Signal<readonly string[] | readonly []>;
-    filename: string;
+    readonly filename: import("@angular/core").InputSignal<string>;
     set code(code: TuiRawLoaderContent);
     get hasFilename(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocCode, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocCode, "tui-doc-code", never, { "filename": { "alias": "filename"; "required": false; }; "code": { "alias": "code"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocCode, "tui-doc-code", never, { "filename": { "alias": "filename"; "required": false; "isSignal": true; }; "code": { "alias": "code"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/components/copy/index.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class TuiDocCopy {
     private readonly copy$;
-    protected readonly texts: import("@angular/core").Signal<readonly [copy: string, copied: string] | readonly ["", ""]>;
+    protected readonly texts: import("@angular/core").Signal<readonly [copy: string, copied: string]>;
     protected readonly copied: import("@angular/core").Signal<boolean>;
     protected onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocCopy, never>;

package/components/demo/index.d.ts

@@ -22,8 +22,8 @@ export declare class TuiDocDemo implements AfterViewInit {
     protected expanded: boolean;
     protected sandboxWidth: number;
     protected readonly texts: [string, string, string];
-    control: AbstractControl | null;
-    sticky: boolean;
+    readonly control: import("@angular/core").InputSignal<AbstractControl<any, any> | null>;
+    readonly sticky: import("@angular/core").InputSignal<boolean>;
     ngAfterViewInit(): void;
     protected onResize(): void;
     protected onMouseUp(): void;
@@ -38,5 +38,5 @@ export declare class TuiDocDemo implements AfterViewInit {
     private createForm;
     private getUrlTree;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocDemo, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocDemo, "tui-doc-demo", never, { "control": { "alias": "control"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, {}, ["template"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocDemo, "tui-doc-demo", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; }, {}, ["template"], ["*"], true, never>;
 }

package/components/doc-tab/index.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class TuiDocTab {
-    src: string;
+    readonly src: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocTab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocTab, "tui-doc-tab", never, { "src": { "alias": "src"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocTab, "tui-doc-tab", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/example/example.component.d.ts

@@ -8,7 +8,7 @@ export declare class TuiDocExample {
     private readonly clipboard;
     private readonly alerts;
     private readonly location;
-    private readonly copyTexts$;
+    private readonly copyTexts;
     private readonly processContent;
     private readonly rawLoader$$;
     protected readonly fullscreenEnabled: boolean;
@@ -25,17 +25,17 @@ export declare class TuiDocExample {
     protected readonly copy: import("@angular/core").Signal<string>;
     protected readonly loading: import("@angular/core").WritableSignal<boolean>;
     protected readonly processor: import("@angular/core").Signal<Record<string, string>>;
-    id: string | null;
-    heading: PolymorpheusContent;
-    description: PolymorpheusContent;
-    fullsize: boolean;
-    componentName: string;
-    component?: Promise<Type<unknown>>;
+    readonly id: import("@angular/core").InputSignal<string | null>;
+    readonly heading: import("@angular/core").InputSignal<PolymorpheusContent>;
+    readonly description: import("@angular/core").InputSignal<PolymorpheusContent>;
+    readonly fullsize: import("@angular/core").InputSignal<boolean>;
+    readonly componentName: import("@angular/core").InputSignal<string>;
+    readonly component: import("@angular/core").InputSignal<Promise<Type<unknown>> | undefined>;
     set content(content: Record<string, TuiRawLoaderContent>);
     protected readonly visible: (files: Record<string, string>) => boolean;
     protected getTabTitle(fileName: string): PolymorpheusContent;
     protected copyExampleLink(target: EventTarget | null): void;
     protected edit(files: Record<string, string>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocExample, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocExample, "tui-doc-example", never, { "id": { "alias": "id"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "description": { "alias": "description"; "required": false; }; "fullsize": { "alias": "fullsize"; "required": false; }; "componentName": { "alias": "componentName"; "required": false; }; "component": { "alias": "component"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocExample, "tui-doc-example", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "fullsize": { "alias": "fullsize"; "required": false; "isSignal": true; }; "componentName": { "alias": "componentName"; "required": false; "isSignal": true; }; "component": { "alias": "component"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/components/example/example.options.d.ts

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiBooleanHandler } from '@taiga-ui/cdk/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 export interface TuiDocExampleOptions {
@@ -10,5 +9,4 @@ export declare const TUI_DOC_EXAMPLE_DEFAULT_OPTIONS: TuiDocExampleOptions;
 /**
  * Default parameters for DocExample component
  */
-export declare const TUI_DOC_EXAMPLE_OPTIONS: InjectionToken<TuiDocExampleOptions>;
-export declare function tuiDocExampleOptionsProvider(options: Partial<TuiDocExampleOptions>): Provider;
+export declare const TUI_DOC_EXAMPLE_OPTIONS: import("@angular/core").InjectionToken<TuiDocExampleOptions>, tuiDocExampleOptionsProvider: (item: Partial<TuiDocExampleOptions> | (() => Partial<TuiDocExampleOptions>)) => import("@angular/core").FactoryProvider;

package/components/index.d.ts

@@ -5,16 +5,6 @@ export * from './code';
 export * from './copy';
 export * from './demo';
 export * from './doc-tab';
-export * from './documentation/documentation.component';
-export * from './documentation/documentation-property-connector.directive';
-export * from './documentation/pipes/cleaner.pipe';
-export * from './documentation/pipes/color.pipe';
-export * from './documentation/pipes/inspect.pipe';
-export * from './documentation/pipes/opacity.pipe';
-export * from './documentation/pipes/optional.pipe';
-export * from './documentation/pipes/primitive-polymorpheus-content.pipe';
-export * from './documentation/pipes/strip-optional.pipe';
-export * from './documentation/pipes/type-reference.pipe';
 export * from './example/example.component';
 export * from './example/example.options';
 export * from './example/example-get-tabs.pipe';

package/components/internal/header/index.d.ts

@@ -1,13 +1,12 @@
 import * as i0 from "@angular/core";
 export declare class TuiDocHeader {
-    private readonly stream$;
     private readonly router;
+    private readonly routeEvents;
     protected readonly icons: import("@taiga-ui/addon-doc/tokens").TuiDocIcons;
     protected readonly logo: import("@taiga-ui/polymorpheus").PolymorpheusContent;
     protected readonly menu: string;
-    protected readonly open: import("@angular/core").Signal<boolean>;
-    protected onClick(): void;
-    protected onActiveZone(active: boolean): void;
+    protected readonly open: import("@angular/core").WritableSignal<boolean>;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocHeader, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocHeader, "header[tuiDocHeader]", never, {}, {}, never, ["*"], true, never>;
 }

package/components/internal/see-also/index.d.ts

@@ -2,8 +2,8 @@ import * as i0 from "@angular/core";
 export declare class TuiDocSeeAlso {
     private readonly pages;
     protected readonly text: string;
-    seeAlso: readonly string[];
+    readonly seeAlso: import("@angular/core").InputSignal<readonly string[]>;
     protected getRouterLink(pageTitle: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocSeeAlso, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocSeeAlso, "tui-doc-see-also", never, { "seeAlso": { "alias": "seeAlso"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocSeeAlso, "tui-doc-see-also", never, { "seeAlso": { "alias": "seeAlso"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/internal/source-code/source-code.component.d.ts

@@ -4,13 +4,12 @@ export declare class TuiDocSourceCode {
     protected readonly icons: import("@taiga-ui/addon-doc/tokens").TuiDocIcons;
     protected readonly sourceCode: import("@taiga-ui/polymorpheus").PolymorpheusContent<TuiDocSourceCodePathOptions>;
     protected readonly text: string;
-    header: string;
-    package: string;
-    type: string;
-    path: string;
-    protected get pathOptions(): TuiDocSourceCodePathOptions;
-    protected pathIsUrl(path: string): boolean;
-    private getPathOptions;
+    readonly header: import("@angular/core").InputSignal<string>;
+    readonly package: import("@angular/core").InputSignal<string>;
+    readonly type: import("@angular/core").InputSignal<string>;
+    readonly path: import("@angular/core").InputSignal<string>;
+    protected readonly pathOptions: import("@angular/core").Signal<TuiDocSourceCodePathOptions>;
+    protected readonly pathIsUrl: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocSourceCode, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocSourceCode, "tui-doc-source-code", never, { "header": { "alias": "header"; "required": false; }; "package": { "alias": "package"; "required": false; }; "type": { "alias": "type"; "required": false; }; "path": { "alias": "path"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocSourceCode, "tui-doc-source-code", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "package": { "alias": "package"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "path": { "alias": "path"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/main/main.component.d.ts

@@ -6,9 +6,8 @@ export declare class TuiDocMain {
     protected readonly darkMode: import("@angular/core").WritableSignal<boolean> & {
         reset(): void;
     };
-    protected readonly theme: import("@angular/core").Signal<"dark" | null>;
     protected readonly icon: import("@angular/core").Signal<string>;
     changeTextDirection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocMain, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocMain, "tui-doc-main", never, {}, {}, never, ["tuiDocNavigation", "tuiDocHeader", "tuiOverContent", "tuiOverDialogs", "tuiOverAlerts", "tuiOverDropdowns", "tuiOverHints"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocMain, "tui-doc-main", never, {}, {}, never, ["tuiDocNavigation", "tuiDocHeader", "tuiOverContent"], true, never>;
 }

package/components/navigation/navigation.component.d.ts

@@ -1,6 +1,6 @@
 import { FormControl } from '@angular/forms';
 import { type TuiDocRoutePage, type TuiDocRoutePages } from '@taiga-ui/addon-doc/types';
-import { TuiSidebarDirective } from '@taiga-ui/addon-mobile/directives/sidebar';
+import { TuiDrawer } from '@taiga-ui/kit/components/drawer';
 import * as i0 from "@angular/core";
 export declare class TuiDocNavigation {
     private readonly searchInput?;
@@ -8,7 +8,7 @@ export declare class TuiDocNavigation {
     private readonly doc;
     protected open: import("@angular/core").WritableSignal<boolean>;
     protected menuOpen: boolean;
-    protected readonly sidebar: TuiSidebarDirective<any> | null;
+    protected readonly drawer: TuiDrawer | null;
     protected readonly labels: readonly string[];
     protected readonly items: readonly TuiDocRoutePages[];
     protected readonly searchText: string;

package/components/page/page-tab.directive.d.ts

@@ -1,8 +1,8 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiDocPageTabConnector {
-    pageTab?: string;
+    readonly pageTab: import("@angular/core").InputSignal<string | undefined>;
     readonly template: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocPageTabConnector, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDocPageTabConnector, "ng-template[pageTab]", never, { "pageTab": { "alias": "pageTab"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDocPageTabConnector, "ng-template[pageTab]", never, { "pageTab": { "alias": "pageTab"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/page/page.component.d.ts

@@ -7,16 +7,16 @@ export declare class TuiDocPage {
     protected readonly defaultTabs: readonly string[];
     protected readonly from: RegExp;
     protected readonly to = "_";
-    header: string;
-    package: string;
-    type: string;
-    tags: string[];
-    path: string;
-    deprecated: boolean | '';
+    readonly header: import("@angular/core").InputSignal<string>;
+    readonly package: import("@angular/core").InputSignal<string>;
+    readonly type: import("@angular/core").InputSignal<string>;
+    readonly tags: import("@angular/core").InputSignal<string[]>;
+    readonly path: import("@angular/core").InputSignal<string>;
+    readonly deprecated: import("@angular/core").InputSignal<boolean | "">;
     readonly tabConnectors: QueryList<TuiDocPageTabConnector>;
-    activeItemIndex: number;
-    readonly seeAlso: readonly string[];
-    get showSeeAlso(): boolean;
+    readonly activeItemIndex: import("@angular/core").ModelSignal<number>;
+    readonly seeAlso: import("@angular/core").WritableSignal<readonly string[]>;
+    readonly showSeeAlso: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocPage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocPage, "tui-doc-page", never, { "header": { "alias": "header"; "required": false; }; "package": { "alias": "package"; "required": false; }; "type": { "alias": "type"; "required": false; }; "tags": { "alias": "tags"; "required": false; }; "path": { "alias": "path"; "required": false; }; "deprecated": { "alias": "deprecated"; "required": false; }; }, {}, ["tabConnectors"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocPage, "tui-doc-page", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "package": { "alias": "package"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "path": { "alias": "path"; "required": false; "isSignal": true; }; "deprecated": { "alias": "deprecated"; "required": false; "isSignal": true; }; "activeItemIndex": { "alias": "activeItemIndex"; "required": false; "isSignal": true; }; }, { "activeItemIndex": "activeItemIndexChange"; }, ["tabConnectors"], ["*"], true, never>;
 }

package/components/page/page.providers.d.ts

@@ -1,4 +1,4 @@
-import { InjectionToken, type Provider } from '@angular/core';
+import { InjectionToken, type Provider, type WritableSignal } from '@angular/core';
 import { type ActivatedRouteSnapshot } from '@angular/router';
 import { type TuiHandler } from '@taiga-ui/cdk/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
@@ -6,5 +6,5 @@ export declare const TUI_DOC_TABS: InjectionToken<TuiHandler<ActivatedRouteSnaps
 /**
  * Array if related page titles
  */
-export declare const PAGE_SEE_ALSO: InjectionToken<readonly string[]>;
+export declare const PAGE_SEE_ALSO: InjectionToken<WritableSignal<readonly string[]>>;
 export declare const PAGE_PROVIDERS: Provider[];