@taiga-ui/addon-doc 4.66.0 → 5.0.0-canary.8b64ec1

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,7 +1,7 @@
-import { type AfterViewInit, EventEmitter } 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 AfterViewInit {
+export declare class TuiDocAPIItem<T> implements OnInit {
     private readonly locationRef;
     private readonly activatedRoute;
     private readonly urlSerializer;
@@ -9,17 +9,20 @@ export declare class TuiDocAPIItem<T> implements AfterViewInit {
     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>;
-    ngAfterViewInit(): void;
+    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;
     private clearBrackets;
     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

@@ -1,19 +1,22 @@
+import { type OnChanges } from '@angular/core';
 import { type TuiRawLoaderContent } from '@taiga-ui/addon-doc/types';
 import { type TuiHandler } from '@taiga-ui/cdk/types';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class TuiDocCode {
+export declare class TuiDocCode implements OnChanges {
     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<never[] | readonly string[]>;
-    filename: string;
-    set code(code: TuiRawLoaderContent);
+    protected readonly processor: import("@angular/core").Signal<readonly string[] | readonly []>;
+    readonly filename: import("@angular/core").InputSignal<string>;
+    readonly code: import("@angular/core").InputSignal<TuiRawLoaderContent>;
     get hasFilename(): boolean;
+    ngOnChanges(): void;
     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; "isSignal": true; }; }, {}, 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

@@ -1,18 +1,23 @@
-import { type AfterViewInit, TemplateRef } from '@angular/core';
+import { type AfterViewInit, type PipeTransform, type Signal, TemplateRef } from '@angular/core';
 import { type AbstractControl, FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
+export declare class TuiJsonPipe implements PipeTransform {
+    transform(value: unknown): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiJsonPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TuiJsonPipe, "json", true>;
+}
 export declare class TuiDocDemo implements AfterViewInit {
-    private readonly resizable?;
-    private readonly content?;
-    private readonly resizer?;
+    private readonly resizable;
+    private readonly content;
+    private readonly resizer;
     private readonly el;
     private readonly locationRef;
     private readonly urlSerializer;
     private readonly urlStateHandler;
     private readonly darkMode;
-    protected readonly template: TemplateRef<Record<string, unknown>> | null;
+    protected readonly template: Signal<TemplateRef<any> | undefined>;
     protected readonly rendered: import("@angular/core").WritableSignal<boolean>;
-    protected theme: import("@angular/core").Signal<"dark" | "light">;
+    protected theme: Signal<"dark" | "light">;
     protected dark: import("@angular/core").WritableSignal<boolean>;
     protected readonly $: import("rxjs").Subscription;
     protected testForm?: FormGroup;
@@ -22,8 +27,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 +43,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

@@ -1,17 +1,16 @@
-import { type Type } from '@angular/core';
+import { type OnChanges, type Type } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { type TuiRawLoaderContent } from '@taiga-ui/addon-doc/types';
 import { type TuiContext } from '@taiga-ui/cdk/types';
-import { PolymorpheusComponent, type PolymorpheusContent } from '@taiga-ui/polymorpheus';
+import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
-export declare class TuiDocExample {
+export declare class TuiDocExample implements OnChanges {
     private readonly clipboard;
     private readonly alerts;
     private readonly location;
-    private readonly copyTexts$;
+    private readonly copyTexts;
     private readonly processContent;
     private readonly rawLoader$$;
-    private readonly lazyLoader$$;
     protected readonly fullscreenEnabled: boolean;
     protected readonly icons: import("@taiga-ui/addon-doc/tokens").TuiDocIcons;
     protected readonly options: import("./example.options").TuiDocExampleOptions;
@@ -26,20 +25,18 @@ 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>>;
-    protected readonly lazyComponent: import("@angular/core").Signal<PolymorpheusComponent<unknown> | undefined>;
-    id: string | null;
-    heading: PolymorpheusContent;
-    description: PolymorpheusContent;
-    fullsize: boolean;
-    componentName: string;
-    set content(content: Record<string, TuiRawLoaderContent>);
-    set component(content: Promise<{
-        readonly default: 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>;
+    readonly content: import("@angular/core").InputSignal<Record<string, TuiRawLoaderContent>>;
+    ngOnChanges(): void;
     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; }; "content": { "alias": "content"; "required": false; }; "component": { "alias": "component"; "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; "isSignal": true; }; }, {}, 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/language-switcher/index.d.ts

@@ -7,7 +7,7 @@ export declare class TuiDocLanguageSwitcher {
     protected readonly switcher: TuiLanguageSwitcherService;
     protected readonly language: FormControl<string | null>;
     protected open: boolean;
-    readonly flags: Map<TuiLanguageName, TuiCountryIsoCode>;
+    readonly flags: Map<string, TuiCountryIsoCode>;
     readonly names: TuiLanguageName[];
     setLang(lang: TuiLanguageName): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocLanguageSwitcher, 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,25 +1,27 @@
+import { type Signal } from '@angular/core';
 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?;
+    private readonly searchInput;
     private readonly router;
     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;
     protected readonly searchEnabled: import("@angular/core").WritableSignal<boolean>;
     protected readonly docIcons: import("@taiga-ui/addon-doc/tokens").TuiDocIcons;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
+    protected readonly flat: readonly (readonly TuiDocRoutePage[])[];
     protected openPagesArr: boolean[];
     protected openPagesGroupsArr: boolean[];
     protected active: string;
     protected readonly search: FormControl<string | null>;
-    protected readonly filtered: import("@angular/core").Signal<never[] | readonly (readonly TuiDocRoutePage[])[]>;
+    protected readonly filtered: Signal<readonly [] | readonly (readonly TuiDocRoutePage[])[]>;
     constructor();
     protected get canOpen(): boolean;
     protected get itemsWithoutSections(): TuiDocRoutePages;
@@ -30,7 +32,6 @@ export declare class TuiDocNavigation {
     protected onClick(): void;
     protected onFocusSearch(event: KeyboardEvent): void;
     private filterItems;
-    private flattenSubPages;
     private isActiveRoute;
     private openActivePageGroup;
     private navigateToAnchorLink;

package/components/navigation/scroll-into-view.directive.d.ts

@@ -1,9 +1,11 @@
+import { type OnChanges } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class TuiDocScrollIntoViewLink {
+export declare class TuiDocScrollIntoViewLink implements OnChanges {
     private readonly scroll$;
     private readonly el;
     protected readonly sub: import("rxjs").Subscription;
-    set tuiDocScrollIntoViewLink(shallWe: boolean);
+    readonly tuiDocScrollIntoViewLink: import("@angular/core").InputSignal<boolean>;
+    ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDocScrollIntoViewLink, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDocScrollIntoViewLink, "[tuiDocScrollIntoViewLink]", never, { "tuiDocScrollIntoViewLink": { "alias": "tuiDocScrollIntoViewLink"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDocScrollIntoViewLink, "[tuiDocScrollIntoViewLink]", never, { "tuiDocScrollIntoViewLink": { "alias": "tuiDocScrollIntoViewLink"; "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

@@ -1,24 +1,21 @@
-import { type QueryList } from '@angular/core';
-import { type TuiDocPageOptions } from './page.providers';
 import { TuiDocPageTabConnector } from './page-tab.directive';
 import * as i0 from "@angular/core";
-export declare class TuiDocPage implements TuiDocPageOptions {
-    protected readonly options: TuiDocPageOptions;
+export declare class TuiDocPage {
     protected readonly tabs: Record<string, import("@taiga-ui/polymorpheus").PolymorpheusContent>;
     protected readonly supportLanguage: Set<string>;
     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 tabConnectors: QueryList<TuiDocPageTabConnector>;
-    activeItemIndex: number;
-    readonly seeAlso: readonly string[];
-    get showSeeAlso(): 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: import("@angular/core").Signal<readonly TuiDocPageTabConnector[]>;
+    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,19 +1,10 @@
-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';
-export interface TuiDocPageOptions {
-    header: string;
-    package: string;
-    type: string;
-    tags: string[];
-    path: string;
-    deprecated: boolean | '';
-}
-export declare const TUI_DOC_PAGE_OPTIONS: InjectionToken<TuiDocPageOptions>, tuiDocPageOptionsProvider: (item: Partial<TuiDocPageOptions> | import("@angular/core").ProviderToken<Partial<TuiDocPageOptions>> | (() => Partial<TuiDocPageOptions>)) => import("@angular/core").FactoryProvider;
 export declare const TUI_DOC_TABS: InjectionToken<TuiHandler<ActivatedRouteSnapshot, Record<string, PolymorpheusContent>>>;
 /**
  * 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[];