@taiga-ui/addon-doc 4.52.0-canary.eb5ffe3 → 4.52.0-canary.ec0802b

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/code/index.d.ts

@@ -12,9 +12,9 @@ export declare class TuiDocCode {
     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/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/documentation/documentation-property-connector.directive.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, type OnChanges, type OnInit, TemplateRef } from '@angular/core';
+import { type OnChanges, type OnInit, TemplateRef } from '@angular/core';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 export type TuiDocumentationPropertyType = 'input-output' | 'input' | 'output' | null;
@@ -8,17 +8,16 @@ export declare class TuiDocDocumentationPropertyConnector<T> implements OnInit,
     private readonly urlSerializer;
     private readonly urlStateHandler;
     private readonly alerts;
-    documentationPropertyName: string;
-    documentationPropertyMode: TuiDocumentationPropertyType;
-    documentationPropertyType: string;
-    documentationPropertyValue: T;
-    documentationPropertyDeprecated: boolean;
-    documentationPropertyValues: readonly T[] | null;
-    readonly documentationPropertyValueChange: EventEmitter<T>;
+    readonly documentationPropertyName: import("@angular/core").InputSignal<string>;
+    readonly documentationPropertyMode: import("@angular/core").InputSignal<TuiDocumentationPropertyType>;
+    readonly documentationPropertyType: import("@angular/core").InputSignal<string>;
+    readonly documentationPropertyValue: import("@angular/core").ModelSignal<T | undefined>;
+    readonly documentationPropertyDeprecated: import("@angular/core").InputSignal<boolean>;
+    readonly documentationPropertyValues: import("@angular/core").InputSignal<readonly T[] | null>;
     readonly changed$: Subject<void>;
     readonly emits: import("@angular/core").WritableSignal<number>;
     readonly template: TemplateRef<any>;
-    get attrName(): string;
+    readonly attrName: import("@angular/core").Signal<string>;
     get shouldShowValues(): boolean;
     get hasItems(): boolean;
     ngOnInit(): void;
@@ -28,5 +27,5 @@ export declare class TuiDocDocumentationPropertyConnector<T> implements OnInit,
     private parseParams;
     private setQueryParam;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocDocumentationPropertyConnector<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDocDocumentationPropertyConnector<any>, "ng-template[documentationPropertyName]", ["documentationProperty"], { "documentationPropertyName": { "alias": "documentationPropertyName"; "required": false; }; "documentationPropertyMode": { "alias": "documentationPropertyMode"; "required": false; }; "documentationPropertyType": { "alias": "documentationPropertyType"; "required": false; }; "documentationPropertyValue": { "alias": "documentationPropertyValue"; "required": false; }; "documentationPropertyDeprecated": { "alias": "documentationPropertyDeprecated"; "required": false; }; "documentationPropertyValues": { "alias": "documentationPropertyValues"; "required": false; }; }, { "documentationPropertyValueChange": "documentationPropertyValueChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDocDocumentationPropertyConnector<any>, "ng-template[documentationPropertyName]", ["documentationProperty"], { "documentationPropertyName": { "alias": "documentationPropertyName"; "required": false; "isSignal": true; }; "documentationPropertyMode": { "alias": "documentationPropertyMode"; "required": false; "isSignal": true; }; "documentationPropertyType": { "alias": "documentationPropertyType"; "required": false; "isSignal": true; }; "documentationPropertyValue": { "alias": "documentationPropertyValue"; "required": false; "isSignal": true; }; "documentationPropertyDeprecated": { "alias": "documentationPropertyDeprecated"; "required": false; "isSignal": true; }; "documentationPropertyValues": { "alias": "documentationPropertyValues"; "required": false; "isSignal": true; }; }, { "documentationPropertyValue": "documentationPropertyValueChange"; }, never, never, true, never>;
 }

package/components/documentation/documentation.component.d.ts

@@ -9,15 +9,15 @@ export declare class TuiDocDocumentation implements AfterContentInit {
     protected readonly texts: [argument: string, type: string, name: string, value: string, tooltip: string];
     protected readonly excludedProperties: Set<string>;
     protected activeItemIndex: number;
-    heading: string;
-    showValues: boolean;
-    isAPI: boolean;
+    protected readonly type: import("@angular/core").Signal<string>;
+    readonly heading: import("@angular/core").InputSignal<string>;
+    readonly showValues: import("@angular/core").InputSignal<boolean>;
+    readonly isAPI: import("@angular/core").InputSignal<boolean>;
     ngAfterContentInit(): void;
-    protected get type(): string;
     protected matcher: TuiMatcher<[
         TuiDocDocumentationPropertyConnector<unknown>,
         Set<string>
     ]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocDocumentation, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocDocumentation, "tui-doc-documentation", never, { "heading": { "alias": "heading"; "required": false; }; "showValues": { "alias": "showValues"; "required": false; }; "isAPI": { "alias": "isAPI"; "required": false; }; }, {}, ["propertiesConnectors"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDocDocumentation, "tui-doc-documentation", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "showValues": { "alias": "showValues"; "required": false; "isSignal": true; }; "isAPI": { "alias": "isAPI"; "required": false; "isSignal": true; }; }, {}, ["propertiesConnectors"], ["*"], true, never>;
 }

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

@@ -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/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/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[];

package/directives/text-code/text-code.directive.d.ts

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
  * @deprecated: use [textContent]="code"
  */
 export declare class TuiDocText {
-    code: string;
+    readonly code: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocText, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDocText, "code[tuiDocText]", never, { "code": { "alias": "tuiDocText"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDocText, "code[tuiDocText]", never, { "code": { "alias": "tuiDocText"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }