@taiga-ui/addon-doc 2.55.0 → 3.0.0-rc.0

package/fesm5/taiga-ui-addon-doc.js

@@ -1,2007 +0,0 @@
-import { __awaiter, __generator, __decorate, __param, __assign, __spread, __read, __values, __extends } from 'tslib';
-import { Input, HostBinding, Component, NgModule, Inject, ChangeDetectionStrategy, InjectionToken, Renderer2, PLATFORM_ID, ViewChild, ContentChild, TemplateRef, HostListener, forwardRef, EventEmitter, Output, Directive, ChangeDetectorRef, ContentChildren, Attribute, Optional, Pipe, ViewEncapsulation, ElementRef } from '@angular/core';
-import { BehaviorSubject, Subject, timer, Observable, merge, identity, defer, of, ReplaySubject } from 'rxjs';
-import { switchMap, map, switchMapTo, mapTo, startWith, takeUntil, filter, debounceTime, mergeMap, take, distinctUntilChanged } from 'rxjs/operators';
-import MarkdownIt from 'markdown-it';
-import { CommonModule, isPlatformBrowser, Location as Location$1, DOCUMENT } from '@angular/common';
-import { HighlightModule } from 'ngx-highlightjs';
-import { tuiPure, TuiDestroyService, px, TUI_IS_MOBILE, TuiDragModule, EMPTY_QUERY, itemsQueryListObservable, watch, TUI_FOCUSABLE_ITEM_ACCESSOR, TUI_IS_CYPRESS, TuiSwipeService, getElementObscurers, isPresent, uniqBy, TuiActiveZoneModule, TuiLetModule, TuiAutoFocusModule, tuiDefaultProp } from '@taiga-ui/cdk';
-import { TUI_COPY_TEXTS, TuiSelectModule, TuiRadioBlockModule, TuiCheckboxLabeledModule, TuiDataListWrapperModule, TuiBadgeModule, TuiToggleModule, TuiInputCountModule, TuiTabsModule, TuiAccordionModule, TuiTagModule } from '@taiga-ui/kit';
-import { TuiButtonModule, TuiModeDirective, TuiLinkModule, TuiExpandModule, TuiGroupModule, TuiTooltipModule, TuiModeModule, TuiSvgModule, TuiDataListModule, TuiTextfieldControllerModule, TuiHintControllerModule, TuiPrimitiveTextfieldModule, TuiDropdownControllerModule, TuiNotificationModule, TuiNotificationsService, capitalizeFirstLetter, TuiHostedDropdownModule, TuiScrollbarModule, TuiThemeNightModule, TuiRootModule, TuiDialogModule, TuiAlertModule } from '@taiga-ui/core';
-import { FormControl, FormGroup, ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { UrlSerializer, RouterModule, ActivatedRoute, Router, NavigationEnd } from '@angular/router';
-import { trigger, transition, style, animate } from '@angular/animations';
-import { Clipboard, ClipboardModule } from '@angular/cdk/clipboard';
-import { LOCATION, LOCAL_STORAGE, WINDOW } from '@ng-web-apis/common';
-import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
-import { TuiSidebarDirective, TuiSidebarModule } from '@taiga-ui/addon-mobile';
-import { Title } from '@angular/platform-browser';
-
-/**
- * @deprecated: use {@link tuiRawLoad} instead
- */
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function rawLoad(content) {
-    return __awaiter(this, void 0, void 0, function () {
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    if (!(content instanceof Promise)) return [3 /*break*/, 2];
-                    return [4 /*yield*/, content];
-                case 1:
-                    _a = (_b.sent()).default;
-                    return [3 /*break*/, 3];
-                case 2:
-                    _a = content;
-                    _b.label = 3;
-                case 3: return [2 /*return*/, _a];
-            }
-        });
-    });
-}
-var tuiRawLoad = rawLoad;
-
-/**
- * @deprecated: use {@link tuiTryParseMarkdownCodeBlock} instead
- */
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function tryParseMarkdownCodeBlock(text) {
-    if (text === void 0) { text = ''; }
-    var tokens = new MarkdownIt().parse(text, {});
-    var result = tokens
-        .filter(function (_a) {
-        var tag = _a.tag, type = _a.type;
-        return tag === 'code' && type === 'fence';
-    })
-        .map(function (_a) {
-        var content = _a.content;
-        return content;
-    });
-    return result.length ? result : [text];
-}
-var tuiTryParseMarkdownCodeBlock = tryParseMarkdownCodeBlock;
-
-var TuiDocCodeComponent = /** @class */ (function () {
-    function TuiDocCodeComponent() {
-        this.rawLoader$$ = new BehaviorSubject('');
-        this.filename = '';
-        this.processor$ = this.rawLoader$$.pipe(switchMap(rawLoad), map(tryParseMarkdownCodeBlock));
-    }
-    Object.defineProperty(TuiDocCodeComponent.prototype, "code", {
-        set: function (code) {
-            this.rawLoader$$.next(code);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiDocCodeComponent.prototype, "hasFilename", {
-        get: function () {
-            return !!this.filename;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    __decorate([
-        Input()
-    ], TuiDocCodeComponent.prototype, "filename", void 0);
-    __decorate([
-        Input()
-    ], TuiDocCodeComponent.prototype, "code", null);
-    __decorate([
-        HostBinding('class._has-filename')
-    ], TuiDocCodeComponent.prototype, "hasFilename", null);
-    TuiDocCodeComponent = __decorate([
-        Component({
-            selector: 'tui-doc-code',
-            template: "<p\n    *ngIf=\"filename\"\n    class=\"t-header\"\n>\n    {{ filename }}\n</p>\n<pre\n    *ngFor=\"let content of processor$ | async\"\n    class=\"t-code\"\n><code [lineNumbers]=\"true\" [highlight]=\"content\"></code></pre>\n",
-            styles: [":host{display:block}.t-header{font:var(--tui-font-text-s);font-weight:700}.t-code{margin:0}.t-code+.t-code{margin-top:1rem}.hljs:not(:empty){font:var(--tui-font-text-m);padding:1.5rem 2rem;font-family:monospace;background:var(--tui-clear-disabled);word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.hljs:not(:empty)::-webkit-scrollbar,.hljs:not(:empty)::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:2.667rem solid transparent}.hljs:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.hljs:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.hljs:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}:host._has-filename .hljs:not(:empty){border-radius:.75rem}:host-context(tui-root._mobile) .hljs:not(:empty){padding:1rem}"]
-        })
-    ], TuiDocCodeComponent);
-    return TuiDocCodeComponent;
-}());
-
-var TuiDocCodeModule = /** @class */ (function () {
-    function TuiDocCodeModule() {
-    }
-    TuiDocCodeModule = __decorate([
-        NgModule({
-            imports: [CommonModule, HighlightModule],
-            declarations: [TuiDocCodeComponent],
-            exports: [TuiDocCodeComponent],
-        })
-    ], TuiDocCodeModule);
-    return TuiDocCodeModule;
-}());
-
-var COPIED_TIMEOUT = 1500;
-// @dynamic
-var TuiDocCopyComponent = /** @class */ (function () {
-    function TuiDocCopyComponent(texts$) {
-        this.texts$ = texts$;
-        this.copy$ = new Subject();
-    }
-    Object.defineProperty(TuiDocCopyComponent.prototype, "copied$", {
-        get: function () {
-            return this.copy$.pipe(switchMapTo(timer(COPIED_TIMEOUT).pipe(mapTo(false), startWith(true))));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiDocCopyComponent.prototype.onClick = function () {
-        this.copy$.next();
-    };
-    TuiDocCopyComponent.ctorParameters = function () { return [
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_COPY_TEXTS,] }] }
-    ]; };
-    __decorate([
-        tuiPure
-    ], TuiDocCopyComponent.prototype, "copied$", null);
-    TuiDocCopyComponent = __decorate([
-        Component({
-            selector: 'tui-doc-copy',
-            template: "<button\n    *ngIf=\"texts$ | async as texts\"\n    tuiButton\n    type=\"button\"\n    appearance=\"\"\n    size=\"s\"\n    class=\"t-copy\"\n    [title]=\"texts[0]\"\n    (click)=\"onClick()\"\n>\n    <span\n        class=\"t-content\"\n        [class.t-content_moved]=\"copied$ | async\"\n    >\n        <span\n            class=\"t-initial\"\n            [attr.data-text]=\"texts[0]\"\n        >\n            <ng-content></ng-content>\n        </span>\n        {{ texts[1] }}\n    </span>\n</button>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: [TuiDestroyService],
-            styles: [":host{position:relative;display:inline-block;vertical-align:middle}.t-copy{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;width:100%;color:var(--tui-text-01);background:var(--tui-base-01);overflow:hidden}.t-copy:hover{background:var(--tui-base-02)}.t-initial{white-space:nowrap}.t-initial:empty:before{content:attr(data-text)}.t-content{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;flex-direction:column;transform:translateY(1rem);text-align:center;line-height:2rem}.t-content_moved{transform:translateY(-1rem)}"]
-        }),
-        __param(0, Inject(TUI_COPY_TEXTS))
-    ], TuiDocCopyComponent);
-    return TuiDocCopyComponent;
-}());
-
-var TuiDocCopyModule = /** @class */ (function () {
-    function TuiDocCopyModule() {
-    }
-    TuiDocCopyModule = __decorate([
-        NgModule({
-            imports: [CommonModule, TuiButtonModule],
-            declarations: [TuiDocCopyComponent],
-            exports: [TuiDocCopyComponent],
-        })
-    ], TuiDocCopyModule);
-    return TuiDocCopyModule;
-}());
-
-/**
- * TODO: think about reorganization in @taiga-ui/i18n way
- */
-/**
- * Works with a tuple
- * [@string tuiMode tooltip content, @string word 'background', @string 'form value']
- */
-var TUI_DOC_DEMO_TEXTS = new InjectionToken('tui-doc-demo i18n texts', {
-    factory: function () { return ['Read more more about modes: ', 'Background', 'Form value']; },
-});
-/**
- * Works with a tuple
- * [
- * @string word 'argument',
- * @string word 'type',
- * @string 'name and description',
- * @string word 'value'
- * @string message for tooltip about ng-polymorpheus
- * ]
- */
-var TUI_DOC_DOCUMENTATION_TEXTS = new InjectionToken('tui-doc-documentation i18n texts', {
-    factory: function () { return [
-        'Argument',
-        'Type',
-        'Name and description',
-        'Value',
-        'Learn about our dynamic templates from ',
-    ]; },
-});
-/**
- * Works with a tuple
- * [
- * @string default tab name,
- * @string link to a sample copied message text,
- * @string link to a sample copied message label
- * ]
- */
-var TUI_DOC_EXAMPLE_TEXTS = new InjectionToken('tui-doc-example i18n texts', {
-    factory: function () { return ['Preview', 'Link to a sample was successfully copied', 'Done']; },
-});
-var TUI_DOC_MENU_TEXT = new InjectionToken('menu i18n text', {
-    factory: function () { return 'Menu'; },
-});
-var TUI_DOC_SEARCH_TEXT = new InjectionToken('search i18n text', {
-    factory: function () { return 'Search'; },
-});
-var TUI_DOC_SEE_ALSO_TEXT = new InjectionToken('tui-doc-see-also i18n text', {
-    factory: function () { return 'See also'; },
-});
-var TUI_DOC_SOURCE_CODE_TEXT = new InjectionToken('tui-doc-source-code i18n text', {
-    factory: function () { return 'Source code'; },
-});
-
-var MIN_COMPONENT_WIDTH = 104;
-// @dynamic
-var TuiDocDemoComponent = /** @class */ (function () {
-    function TuiDocDemoComponent(isMobile, destroy$, renderer, platformId, locationRef, urlSerializer, texts) {
-        var _this = this;
-        this.isMobile = isMobile;
-        this.destroy$ = destroy$;
-        this.renderer = renderer;
-        this.texts = texts;
-        this.initialX = 0;
-        this.wrapperWidth = 0;
-        this.control = null;
-        this.template = null;
-        this.updateOnVariants = ['change', 'blur', 'submit'];
-        this.updateOn = 'change';
-        this.expanded = false;
-        this.opaque = true;
-        this.modeControl = new FormControl();
-        this.mode = null;
-        this.change$ = new Subject();
-        this.items = ['onLight', 'onDark'];
-        this.isBrowser = isPlatformBrowser(platformId);
-        var parsedMode = locationRef.path().match(/tuiMode=(onDark|onLight)/);
-        if (parsedMode !== null && parsedMode.length > 0) {
-            this.modeControl.setValue(parsedMode[1]);
-        }
-        this.modeControl.valueChanges
-            .pipe(startWith(this.modeControl.value), takeUntil(this.destroy$))
-            .subscribe(function (mode) {
-            var urlTree = urlSerializer.parse(locationRef.path());
-            urlTree.queryParams = __assign(__assign({}, urlTree.queryParams), { tuiMode: mode });
-            locationRef.go(String(urlTree));
-            _this.mode = mode;
-            _this.change$.next();
-        });
-    }
-    TuiDocDemoComponent_1 = TuiDocDemoComponent;
-    TuiDocDemoComponent.prototype.onResize = function () {
-        this.setResizerTextContent();
-    };
-    TuiDocDemoComponent.prototype.ngOnInit = function () {
-        this.createForm();
-    };
-    TuiDocDemoComponent.prototype.ngAfterViewInit = function () {
-        this.setResizerTextContent();
-    };
-    TuiDocDemoComponent.prototype.setResizerTextContent = function () {
-        if (!this.content || !this.resizerText) {
-            return;
-        }
-        var paddingLeft = this.isBrowser
-            ? getComputedStyle(this.content.nativeElement).paddingLeft
-            : '0';
-        var offsetWidth = this.content.nativeElement.offsetWidth;
-        this.resizerText.nativeElement.textContent = String(offsetWidth - parseInt(paddingLeft || '0', 10) * 2);
-    };
-    TuiDocDemoComponent.prototype.onDragStart = function (event) {
-        event.preventDefault();
-        this.initialX = event.clientX;
-        this.wrapperWidth = this.wrapper ? this.wrapper.nativeElement.offsetWidth : 0;
-    };
-    TuiDocDemoComponent.prototype.onDragContinues = function (event) {
-        var deltaX = this.initialX - event.clientX;
-        this.resizeContent(deltaX);
-        this.setResizerTextContent();
-    };
-    TuiDocDemoComponent.prototype.onDragEnd = function () {
-        this.wrapperWidth = this.wrapper ? this.wrapper.nativeElement.offsetWidth : 0;
-    };
-    TuiDocDemoComponent.prototype.toggleDetails = function () {
-        this.expanded = !this.expanded;
-    };
-    TuiDocDemoComponent.prototype.updateOnChange = function (updateOn) {
-        this.updateOn = updateOn;
-        this.createForm();
-    };
-    TuiDocDemoComponent.prototype.createForm = function () {
-        var _a = this, control = _a.control, updateOn = _a.updateOn;
-        if (!control) {
-            return;
-        }
-        this.testForm = new FormGroup({ testValue: control }, { updateOn: updateOn });
-    };
-    TuiDocDemoComponent.prototype.resizeContent = function (delta) {
-        if (!this.wrapper) {
-            return;
-        }
-        this.renderer.setStyle(this.wrapper.nativeElement, 'width', px(Math.max(this.wrapperWidth - delta, MIN_COMPONENT_WIDTH)));
-    };
-    var TuiDocDemoComponent_1;
-    TuiDocDemoComponent.ctorParameters = function () { return [
-        { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_MOBILE,] }] },
-        { type: TuiDestroyService, decorators: [{ type: Inject, args: [TuiDestroyService,] }] },
-        { type: Renderer2, decorators: [{ type: Inject, args: [Renderer2,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
-        { type: Location$1, decorators: [{ type: Inject, args: [Location$1,] }] },
-        { type: UrlSerializer, decorators: [{ type: Inject, args: [UrlSerializer,] }] },
-        { type: Array, decorators: [{ type: Inject, args: [TUI_DOC_DEMO_TEXTS,] }] }
-    ]; };
-    __decorate([
-        ViewChild('content')
-    ], TuiDocDemoComponent.prototype, "content", void 0);
-    __decorate([
-        ViewChild('wrapper')
-    ], TuiDocDemoComponent.prototype, "wrapper", void 0);
-    __decorate([
-        ViewChild('resizerText')
-    ], TuiDocDemoComponent.prototype, "resizerText", void 0);
-    __decorate([
-        Input()
-    ], TuiDocDemoComponent.prototype, "control", void 0);
-    __decorate([
-        ContentChild(TemplateRef)
-    ], TuiDocDemoComponent.prototype, "template", void 0);
-    __decorate([
-        HostListener('window:resize')
-    ], TuiDocDemoComponent.prototype, "onResize", null);
-    TuiDocDemoComponent = TuiDocDemoComponent_1 = __decorate([
-        Component({
-            selector: 'tui-doc-demo',
-            template: "<div\n    class=\"t-bg-toggle\"\n    [tuiMode]=\"null\"\n>\n    <ng-template #tooltip>\n        {{ texts[0] }}\n        <a\n            tuiLink\n            tuiMode=\"onDark\"\n            routerLink=\"/directives/mode\"\n        >\n            <code>tuiMode</code>\n        </a>\n    </ng-template>\n    <ng-container *ngIf=\"isMobile; else desktop\">\n        <tui-select\n            tuiTextfieldSize=\"s\"\n            class=\"t-mode\"\n            [tuiTextfieldCleaner]=\"true\"\n            [tuiHintContent]=\"tooltip\"\n            [formControl]=\"modeControl\"\n        >\n            tuiMode\n            <tui-data-list-wrapper\n                *tuiDataList\n                [items]=\"items\"\n            ></tui-data-list-wrapper>\n        </tui-select>\n    </ng-container>\n    <ng-template #desktop>\n        tuiMode:\n        <tui-tooltip\n            describeId=\"form\"\n            [content]=\"tooltip\"\n        ></tui-tooltip>\n        <div\n            tuiGroup\n            class=\"t-group\"\n            [collapsed]=\"true\"\n        >\n            <tui-radio-block\n                size=\"s\"\n                nativeId=\"form\"\n                class=\"tui-group__auto-width-item\"\n                [item]=\"null\"\n                [hideRadio]=\"true\"\n                [formControl]=\"modeControl\"\n            >\n                null\n            </tui-radio-block>\n            <tui-radio-block\n                item=\"onDark\"\n                size=\"s\"\n                nativeId=\"form\"\n                class=\"tui-group__auto-width-item\"\n                [hideRadio]=\"true\"\n                [formControl]=\"modeControl\"\n            >\n                onDark\n            </tui-radio-block>\n            <tui-radio-block\n                item=\"onLight\"\n                size=\"s\"\n                nativeId=\"form\"\n                class=\"tui-group__auto-width-item\"\n                [hideRadio]=\"true\"\n                [formControl]=\"modeControl\"\n            >\n                onLight\n            </tui-radio-block>\n        </div>\n    </ng-template>\n    <tui-checkbox-labeled\n        size=\"m\"\n        class=\"t-checkbox\"\n        [(ngModel)]=\"opaque\"\n    >\n        {{ texts[1] }}\n    </tui-checkbox-labeled>\n</div>\n<div\n    #wrapper\n    class=\"t-wrapper\"\n    [class.t-wrapper_dark]=\"modeControl.value === 'onDark'\"\n    [class.t-wrapper_gray]=\"modeControl.value === 'onLight'\"\n    [class.t-wrapper_transparent]=\"!opaque\"\n>\n    <div\n        #content\n        id=\"demoContent\"\n        class=\"t-content\"\n    >\n        <form\n            *ngIf=\"testForm\"\n            class=\"t-form\"\n            [formGroup]=\"testForm\"\n        >\n            <div class=\"t-input-wrapper\">\n                <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n            </div>\n            <button\n                tuiButton\n                type=\"button\"\n                size=\"s\"\n                class=\"t-button\"\n                [iconRight]=\"icon\"\n                (click)=\"toggleDetails()\"\n            >\n                {{ texts[2] }}\n            </button>\n            <ng-template #icon>\n                <tui-svg\n                    src=\"tuiIconChevronDown\"\n                    class=\"t-icon\"\n                    [class.t-icon_rotated]=\"expanded\"\n                ></tui-svg>\n            </ng-template>\n            <tui-expand\n                class=\"t-expand\"\n                [expanded]=\"expanded\"\n            >\n                <ng-template tuiExpandContent>\n                    <pre class=\"t-value\">Form data: {{ testForm.value | json }}</pre>\n                    <div\n                        tuiGroup\n                        class=\"t-form-controls\"\n                    >\n                        <tui-select\n                            tuiTextfieldSize=\"s\"\n                            class=\"t-select\"\n                            [ngModel]=\"updateOn\"\n                            [ngModelOptions]=\"{standalone: true}\"\n                            (ngModelChange)=\"updateOnChange($event)\"\n                        >\n                            updateOn\n                            <tui-data-list-wrapper\n                                *tuiDataList\n                                [items]=\"updateOnVariants\"\n                            ></tui-data-list-wrapper>\n                        </tui-select>\n                        <button\n                            tuiButton\n                            type=\"reset\"\n                            size=\"s\"\n                            class=\"tui-group__auto-width-item\"\n                        >\n                            Reset\n                        </button>\n                        <button\n                            tuiButton\n                            type=\"submit\"\n                            size=\"s\"\n                            class=\"tui-group__auto-width-item\"\n                        >\n                            Submit\n                        </button>\n                    </div>\n                </ng-template>\n            </tui-expand>\n        </form>\n        <ng-content></ng-content>\n    </div>\n    <button\n        tabindex=\"-1\"\n        class=\"t-resizer\"\n        (tuiDragStart)=\"onDragStart($event)\"\n        (tuiDragContinues)=\"onDragContinues($event)\"\n        (tuiDragEnd)=\"onDragEnd()\"\n    >\n        <span\n            #resizerText\n            class=\"t-resizer-text\"\n        ></span>\n    </button>\n</div>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: [
-                TuiDestroyService,
-                {
-                    provide: TuiModeDirective,
-                    useExisting: forwardRef(function () { return TuiDocDemoComponent_1; }),
-                },
-            ],
-            styles: [":host{position:relative;display:block;min-width:100%;margin:1.5rem 0}.t-bg-toggle{position:absolute;bottom:calc(100% + .75rem);display:flex;align-items:center;justify-content:flex-end;pointer-events:none;width:100%}.t-bg-toggle>*{pointer-events:auto}.t-wrapper{box-shadow:0 .5rem 1rem rgba(0,0,0,.16);display:flex;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);max-width:100%;min-height:6rem;width:100%;background-color:var(--tui-base-01);overflow:hidden}.t-wrapper.t-wrapper_transparent{background-image:linear-gradient(45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-02) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-02) 75%);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}.t-wrapper.t-wrapper_dark{background-color:#454e58;color:var(--tui-base-01)}.t-wrapper.t-wrapper_gray{background-color:#e5e7ea}.t-wrapper.t-wrapper_dark.t-wrapper_transparent{background-image:linear-gradient(45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-focus) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-focus) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-focus) 75%)}.t-wrapper.t-wrapper_gray.t-wrapper_transparent{background-image:linear-gradient(45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-base-05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-base-05) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-base-05) 75%)}:host-context(tui-root._mobile) .t-wrapper{min-height:auto}.t-content{flex:1 1 0;min-width:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}:host-context(tui-root._mobile) .t-content{padding:1rem}.t-form{display:flex;flex-wrap:wrap;align-items:flex-start}.t-input-wrapper{width:100%;margin-bottom:.5rem}.t-expand{width:100%}.t-icon{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.t-icon_rotated{transform:rotate(180deg)}.t-value{flex:1;background:var(--tui-clear-inverse);padding:.75rem;border-radius:.25rem}.t-mode{width:12.5rem}.t-select{max-width:15rem}.t-resizer{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;box-shadow:0 .5rem 1rem rgba(0,0,0,.16);position:relative;width:3.5rem;min-height:inherit;flex-shrink:0;border-left:1px solid var(--tui-base-03);cursor:col-resize;outline:0;background:var(--tui-base-01);color:var(--tui-text-01)}.t-resizer:after,.t-resizer:before{content:'';position:absolute;top:.75rem;left:50%;bottom:.75rem;width:1px;background:var(--tui-base-05)}.t-resizer:before{transform:translateX(.125rem)}.t-resizer:after{transform:translateX(-.1875rem)}:host-context(tui-root._mobile) .t-resizer{display:none}.t-resizer-text{font:var(--tui-font-text-s);position:relative;z-index:1;padding:.75rem;background:var(--tui-base-01)}.wrapper_light .t-resizer-text{background:#3e464e}.t-checkbox,.t-group{margin-left:.75rem}.t-button,.t-form-controls{margin-top:.75rem}@supports ((position:-webkit-sticky) or (position:sticky)){@media screen and (min-height:37.5rem){:host{position:-webkit-sticky;position:sticky;top:4.625rem;z-index:2}}}"]
-        }),
-        __param(0, Inject(TUI_IS_MOBILE)),
-        __param(1, Inject(TuiDestroyService)),
-        __param(2, Inject(Renderer2)),
-        __param(3, Inject(PLATFORM_ID)),
-        __param(4, Inject(Location$1)),
-        __param(5, Inject(UrlSerializer)),
-        __param(6, Inject(TUI_DOC_DEMO_TEXTS))
-    ], TuiDocDemoComponent);
-    return TuiDocDemoComponent;
-}());
-
-var TuiDocDemoModule = /** @class */ (function () {
-    function TuiDocDemoModule() {
-    }
-    TuiDocDemoModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                ReactiveFormsModule,
-                FormsModule,
-                RouterModule,
-                TuiLinkModule,
-                TuiDragModule,
-                TuiButtonModule,
-                TuiSelectModule,
-                TuiExpandModule,
-                TuiGroupModule,
-                TuiTooltipModule,
-                TuiModeModule,
-                TuiRadioBlockModule,
-                TuiCheckboxLabeledModule,
-                TuiSvgModule,
-                TuiDataListWrapperModule,
-                TuiDataListModule,
-                TuiTextfieldControllerModule,
-                TuiHintControllerModule,
-            ],
-            declarations: [TuiDocDemoComponent],
-            exports: [TuiDocDemoComponent],
-        })
-    ], TuiDocDemoModule);
-    return TuiDocDemoModule;
-}());
-
-/**
- * TODO: duplicate, need fix it before v3
- * TODO: move another package for reuse between addon-editor and addon-doc
- * @deprecated: use {@link tuiRgbToHex} instead
- */
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function rgbToHex(r, g, b) {
-    return "#" + [r, g, b].map(function (x) { return x.toString(16).padStart(2, '0'); }).join('');
-}
-var tuiRgbToHex = rgbToHex;
-/**
- * @deprecated: use {@link tuiHexToRgb} instead
- */
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function hexToRgb(hex) {
-    var matches = hex
-        .replace('#', '')
-        .split('')
-        .map(function (char, _, array) { return (array.length === 3 ? char + char : char); })
-        .join('')
-        .match(/.{2}/g);
-    return matches
-        ? matches.map(function (x) { return Number.parseInt(x, 16); })
-        : [0, 0, 0];
-}
-var tuiHexToRgb = hexToRgb;
-
-function inspectArray(array, depth) {
-    if (depth === 0) {
-        return '[…]';
-    }
-    var result = '';
-    var first = true;
-    for (var index = 0; index < array.length; index++) {
-        if (first) {
-            first = false;
-        }
-        else {
-            result += ', ';
-        }
-        result += index in array ? inspectAny(array[index], depth - 1) : 'empty';
-    }
-    return "[" + result + "]";
-}
-function inspectObject(object, depth) {
-    if (depth === 0) {
-        return "{\u2026}";
-    }
-    var result = '';
-    var first = true;
-    for (var key in object) {
-        if (!object.hasOwnProperty(key)) {
-            continue;
-        }
-        if (first) {
-            first = false;
-        }
-        else {
-            result += ', ';
-        }
-        result += key + ": " + inspectAny(object[key], depth - 1);
-    }
-    return "{" + result + "}";
-}
-/**
- * @deprecated: use {@link tuiInspectAny} instead
- * Returns readable JS entity
- * @param data
- * @param depth
- * @return readable JS entity
- */
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function inspectAny(data, depth) {
-    if (data === null) {
-        return 'null';
-    }
-    switch (typeof data) {
-        case 'string':
-            return "'" + data + "'";
-        case 'undefined':
-        case 'number':
-        case 'boolean':
-        case 'function':
-            return String(data);
-    }
-    if (data instanceof RegExp) {
-        return String(data);
-    }
-    if (Array.isArray(data)) {
-        return inspectArray(data, depth);
-    }
-    return inspectObject(data, depth);
-}
-var tuiInspectAny = inspectAny;
-
-/**
- * @deprecated: use {@link tuiCoerceValue} instead
- */
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function coerceValue(value) {
-    var prepared = String(value).trim();
-    if (isEmptyParamValue(prepared)) {
-        return null;
-    }
-    else if (isBooleanParamValue(prepared)) {
-        return String(prepared) === 'true';
-    }
-    else if (isNumberParamValue(prepared)) {
-        return Number(prepared);
-    }
-    var decodedValue = decodeURIComponent(prepared);
-    try {
-        return isPossibleArray(decodedValue) || isPossibleObject(decodedValue)
-            ? JSON.parse(decodedValue)
-            : decodedValue;
-    }
-    catch (_a) {
-        return decodedValue;
-    }
-}
-var tuiCoerceValue = coerceValue;
-function isEmptyParamValue(value) {
-    return ['undefined', 'null', 'NaN', 'Infinity'].includes(value);
-}
-function isBooleanParamValue(value) {
-    return value === 'true' || value === 'false';
-}
-function isNumberParamValue(value) {
-    // TODO: investigate to disallow potentially catastrophic exponential-time regular expressions.
-    // eslint-disable-next-line unicorn/no-unsafe-regex
-    return /^-?[\d.]+(?:e-?\d+)?$/.test(value);
-}
-function isPossibleArray(value) {
-    return value.startsWith('[') && value.endsWith(']');
-}
-function isPossibleObject(value) {
-    return value.startsWith('{') && value.endsWith('}');
-}
-
-var SERIALIZED_SUFFIX = '$';
-// @bad TODO: refactor output and value sync
-var TuiDocDocumentationPropertyConnectorDirective = /** @class */ (function () {
-    function TuiDocDocumentationPropertyConnectorDirective(template, locationRef, activatedRoute, urlSerializer) {
-        this.template = template;
-        this.locationRef = locationRef;
-        this.activatedRoute = activatedRoute;
-        this.urlSerializer = urlSerializer;
-        this.documentationPropertyName = '';
-        this.documentationPropertyMode = null;
-        this.documentationPropertyType = '';
-        this.documentationPropertyDeprecated = false;
-        this.documentationPropertyValues = null;
-        this.documentationPropertyValueChange = new EventEmitter();
-        this.changed$ = new Subject();
-        this.emits$ = new BehaviorSubject(1);
-    }
-    TuiDocDocumentationPropertyConnectorDirective.prototype.ngOnInit = function () {
-        this.parseParams(this.activatedRoute.snapshot.queryParams);
-    };
-    Object.defineProperty(TuiDocDocumentationPropertyConnectorDirective.prototype, "attrName", {
-        get: function () {
-            switch (this.documentationPropertyMode) {
-                case 'input':
-                    return "[" + this.documentationPropertyName + "]";
-                case 'output':
-                    return "(" + this.documentationPropertyName + ")";
-                case 'input-output':
-                    return "[(" + this.documentationPropertyName + ")]";
-                default:
-                    return this.documentationPropertyName;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiDocDocumentationPropertyConnectorDirective.prototype, "hasItems", {
-        get: function () {
-            return !!this.documentationPropertyValues;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiDocDocumentationPropertyConnectorDirective.prototype, "shouldShowValues", {
-        get: function () {
-            return this.documentationPropertyMode !== 'output';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiDocDocumentationPropertyConnectorDirective.prototype.ngOnChanges = function () {
-        this.changed$.next();
-    };
-    TuiDocDocumentationPropertyConnectorDirective.prototype.onValueChange = function (value) {
-        this.documentationPropertyValue = value;
-        this.documentationPropertyValueChange.emit(value);
-        this.setQueryParam(value);
-    };
-    TuiDocDocumentationPropertyConnectorDirective.prototype.emitEvent = function (event) {
-        // For more convenient debugging
-        console.info(this.attrName, event);
-        this.emits$.next(this.emits$.value + 1);
-    };
-    TuiDocDocumentationPropertyConnectorDirective.prototype.parseParams = function (params) {
-        var propertyValue = params[this.documentationPropertyName];
-        var propertyValueWithSuffix = params["" + this.documentationPropertyName + SERIALIZED_SUFFIX];
-        if (!propertyValue && !propertyValueWithSuffix) {
-            return;
-        }
-        var value = !!propertyValueWithSuffix && this.documentationPropertyValues
-            ? this.documentationPropertyValues[propertyValueWithSuffix]
-            : coerceValue(propertyValue);
-        this.onValueChange(value);
-    };
-    TuiDocDocumentationPropertyConnectorDirective.prototype.setQueryParam = function (value) {
-        var _a;
-        var tree = this.urlSerializer.parse(this.locationRef.path());
-        var isValueAvailableByKey = value instanceof Object;
-        var computedValue = isValueAvailableByKey && this.documentationPropertyValues
-            ? this.documentationPropertyValues.indexOf(value)
-            : value;
-        var suffix = isValueAvailableByKey ? SERIALIZED_SUFFIX : '';
-        var propName = this.documentationPropertyName + suffix;
-        tree.queryParams = __assign(__assign({}, tree.queryParams), (_a = {}, _a[propName] = computedValue, _a));
-        this.locationRef.go(String(tree));
-    };
-    TuiDocDocumentationPropertyConnectorDirective.ctorParameters = function () { return [
-        { type: TemplateRef, decorators: [{ type: Inject, args: [TemplateRef,] }] },
-        { type: Location$1, decorators: [{ type: Inject, args: [Location$1,] }] },
-        { type: ActivatedRoute, decorators: [{ type: Inject, args: [ActivatedRoute,] }] },
-        { type: UrlSerializer, decorators: [{ type: Inject, args: [UrlSerializer,] }] }
-    ]; };
-    __decorate([
-        Input()
-    ], TuiDocDocumentationPropertyConnectorDirective.prototype, "documentationPropertyName", void 0);
-    __decorate([
-        Input()
-    ], TuiDocDocumentationPropertyConnectorDirective.prototype, "documentationPropertyMode", void 0);
-    __decorate([
-        Input()
-    ], TuiDocDocumentationPropertyConnectorDirective.prototype, "documentationPropertyType", void 0);
-    __decorate([
-        Input()
-    ], TuiDocDocumentationPropertyConnectorDirective.prototype, "documentationPropertyValue", void 0);
-    __decorate([
-        Input()
-    ], TuiDocDocumentationPropertyConnectorDirective.prototype, "documentationPropertyDeprecated", void 0);
-    __decorate([
-        Input()
-    ], TuiDocDocumentationPropertyConnectorDirective.prototype, "documentationPropertyValues", void 0);
-    __decorate([
-        Output()
-    ], TuiDocDocumentationPropertyConnectorDirective.prototype, "documentationPropertyValueChange", void 0);
-    TuiDocDocumentationPropertyConnectorDirective = __decorate([
-        Directive({
-            selector: 'ng-template[documentationPropertyName]',
-            exportAs: 'documentationProperty',
-        }),
-        __param(0, Inject(TemplateRef)),
-        __param(1, Inject(Location$1)),
-        __param(2, Inject(ActivatedRoute)),
-        __param(3, Inject(UrlSerializer))
-    ], TuiDocDocumentationPropertyConnectorDirective);
-    return TuiDocDocumentationPropertyConnectorDirective;
-}());
-
-// @bad TODO subscribe propertiesConnectors changes
-// @bad TODO refactor to make more flexible
-// @dynamic
-var TuiDocDocumentationComponent = /** @class */ (function () {
-    function TuiDocDocumentationComponent(changeDetectorRef, texts) {
-        this.changeDetectorRef = changeDetectorRef;
-        this.texts = texts;
-        this.heading = '';
-        this.showValues = true;
-        this.isAPI = false;
-        this.propertiesConnectors = EMPTY_QUERY;
-        this.activeItemIndex = 0;
-    }
-    TuiDocDocumentationComponent.prototype.ngAfterContentInit = function () {
-        itemsQueryListObservable(this.propertiesConnectors)
-            .pipe(switchMap(function (items) { return merge.apply(void 0, __spread(items.map(function (_a) {
-            var changed$ = _a.changed$;
-            return changed$;
-        }))); }), watch(this.changeDetectorRef))
-            .subscribe();
-    };
-    Object.defineProperty(TuiDocDocumentationComponent.prototype, "type", {
-        get: function () {
-            return this.isAPI ? this.texts[0] : this.texts[1];
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiDocDocumentationComponent.prototype.getColor = function (color) {
-        if (color.length === 4) {
-            return color
-                .split('')
-                .reduce(function (result, current) { return __spread(result, [current, current]); }, [])
-                .join('')
-                .replace('#', '');
-        }
-        if (color.startsWith('#')) {
-            return color;
-        }
-        if (color === 'transparent') {
-            return '#000000';
-        }
-        var parsed = color
-            .replace('rgb(', '')
-            .replace('rgba(', '')
-            .replace(')', '')
-            .replace(' ', '')
-            .split(',')
-            .map(function (v) { return Number.parseInt(v, 10); });
-        return rgbToHex.apply(void 0, __spread(parsed));
-    };
-    TuiDocDocumentationComponent.prototype.getOpacity = function (color) {
-        if (color.startsWith('#') || color.startsWith('rgb(')) {
-            return 100;
-        }
-        if (color === 'transparent') {
-            return 0;
-        }
-        var lastComma = color.lastIndexOf(',');
-        var parsed = color
-            .slice(lastComma)
-            .replace(')', '')
-            .replace(' ', '')
-            .replace(',', '');
-        return Math.round(Number.parseFloat(parsed) * 100);
-    };
-    TuiDocDocumentationComponent.prototype.onColorChange = function (connector, color) {
-        var opacity = this.getOpacity(connector.documentationPropertyValue || '');
-        if (opacity === 100) {
-            connector.onValueChange(color);
-            return;
-        }
-        var rgb = hexToRgb(color).join(', ');
-        var result = "rgba(" + rgb + ", " + opacity / 100 + ")";
-        connector.onValueChange(result);
-    };
-    TuiDocDocumentationComponent.prototype.onOpacityChange = function (connector, opacity) {
-        var hex = this.getColor(connector.documentationPropertyValue || '');
-        var rgb = hexToRgb(hex);
-        var result = "rgba(" + rgb + ", " + opacity / 100 + ")";
-        connector.onValueChange(result);
-    };
-    TuiDocDocumentationComponent.prototype.stripOptional = function (name) {
-        return name.replace('?', '');
-    };
-    TuiDocDocumentationComponent.prototype.isOptional = function (name) {
-        return name.includes('?');
-    };
-    TuiDocDocumentationComponent.prototype.isPrimitivePolymorpheusContent = function (value) {
-        return typeof value === 'string' || typeof value === 'number';
-    };
-    TuiDocDocumentationComponent.prototype.showCleaner = function (type) {
-        return type.includes('null');
-    };
-    TuiDocDocumentationComponent.prototype.showContentTooltip = function (type) {
-        return type.includes('PolymorpheusContent');
-    };
-    TuiDocDocumentationComponent.prototype.inspectAny = function (data) {
-        return inspectAny(data, 2);
-    };
-    TuiDocDocumentationComponent.ctorParameters = function () { return [
-        { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-        { type: Array, decorators: [{ type: Inject, args: [TUI_DOC_DOCUMENTATION_TEXTS,] }] }
-    ]; };
-    __decorate([
-        Input()
-    ], TuiDocDocumentationComponent.prototype, "heading", void 0);
-    __decorate([
-        Input()
-    ], TuiDocDocumentationComponent.prototype, "showValues", void 0);
-    __decorate([
-        Input()
-    ], TuiDocDocumentationComponent.prototype, "isAPI", void 0);
-    __decorate([
-        ContentChildren(TuiDocDocumentationPropertyConnectorDirective)
-    ], TuiDocDocumentationComponent.prototype, "propertiesConnectors", void 0);
-    TuiDocDocumentationComponent = __decorate([
-        Component({
-            selector: 'tui-doc-documentation',
-            template: "<h1\n    *ngIf=\"heading\"\n    class=\"t-heading\"\n>\n    {{ heading }}\n</h1>\n<ng-content></ng-content>\n<table class=\"t-table\">\n    <tr class=\"t-row t-row_header\">\n        <th class=\"t-th t-cell t-cell_prop\">{{ texts[2] }}</th>\n        <th class=\"t-th\">{{ type }}</th>\n        <th\n            *ngIf=\"showValues && !isAPI\"\n            class=\"t-th t-cell t-cell_value\"\n        >\n            {{ texts[3] }}\n        </th>\n    </tr>\n    <tr\n        *ngFor=\"let propertyConnector of propertiesConnectors\"\n        class=\"t-row\"\n        [class.t-deprecated]=\"propertyConnector.documentationPropertyDeprecated\"\n    >\n        <td class=\"t-cell\">\n            <div\n                automation-id=\"tui-documentation__property-name\"\n                class=\"t-property\"\n            >\n                {{ stripOptional(propertyConnector.attrName) }}\n                <tui-badge\n                    *ngIf=\"isOptional(propertyConnector.attrName)\"\n                    size=\"s\"\n                    value=\"Optional\"\n                ></tui-badge>\n            </div>\n            <span\n                *ngIf=\"propertyConnector.documentationPropertyDeprecated\"\n                class=\"t-deprecated-label\"\n            >\n                deprecated\n            </span>\n            <ng-container [ngTemplateOutlet]=\"propertyConnector.template\"></ng-container>\n        </td>\n        <td class=\"t-cell\">\n            <span class=\"type\">\n                {{ propertyConnector.documentationPropertyType }}\n                <tui-tooltip\n                    *ngIf=\"showContentTooltip(propertyConnector.documentationPropertyType)\"\n                    [describeId]=\"propertyConnector.attrName\"\n                    [content]=\"content\"\n                >\n                    <ng-template #content>\n                        {{ texts[4] }}\n                        <a\n                            tuiLink\n                            tuiMode=\"onDark\"\n                            target=\"_blank\"\n                            href=\"https://github.com/tinkoff/ng-polymorpheus\"\n                        >\n                            <code>ng-polymorpheus</code>\n                        </a>\n                    </ng-template>\n                </tui-tooltip>\n            </span>\n        </td>\n        <td\n            *ngIf=\"showValues\"\n            class=\"t-cell\"\n        >\n            <ng-container *ngIf=\"propertyConnector.shouldShowValues; else elseEmitter\">\n                <tui-select\n                    *ngIf=\"propertyConnector.hasItems; else noItems\"\n                    tuiTextfieldSize=\"m\"\n                    tuiDropdownLimitWidth=\"min\"\n                    [tuiTextfieldCleaner]=\"showCleaner(propertyConnector.documentationPropertyType)\"\n                    [tuiTextfieldLabelOutside]=\"true\"\n                    [nativeId]=\"propertyConnector.attrName\"\n                    [valueContent]=\"selectContent\"\n                    [ngModel]=\"propertyConnector.documentationPropertyValue\"\n                    (ngModelChange)=\"propertyConnector.onValueChange($event)\"\n                >\n                    <code class=\"t-exception\">null</code>\n                    <tui-data-list-wrapper\n                        *tuiDataList\n                        [items]=\"propertyConnector.documentationPropertyValues\"\n                        [itemContent]=\"selectContent\"\n                    ></tui-data-list-wrapper>\n                </tui-select>\n                <ng-template\n                    #selectContent\n                    let-data\n                >\n                    <code>{{ inspectAny(data) }}</code>\n                </ng-template>\n\n                <ng-template #noItems>\n                    <ng-container [ngSwitch]=\"propertyConnector.documentationPropertyType\">\n                        <tui-toggle\n                            *ngSwitchCase=\"'boolean'\"\n                            size=\"l\"\n                            [nativeId]=\"propertyConnector.attrName\"\n                            [showIcons]=\"true\"\n                            [ngModel]=\"propertyConnector.documentationPropertyValue\"\n                            (ngModelChange)=\"propertyConnector.onValueChange($event)\"\n                        ></tui-toggle>\n\n                        <tui-primitive-textfield\n                            *ngSwitchCase=\"'string'\"\n                            tuiTextfieldSize=\"m\"\n                            [nativeId]=\"propertyConnector.attrName\"\n                            [tuiTextfieldLabelOutside]=\"true\"\n                            [tuiTextfieldCleaner]=\"true\"\n                            [value]=\"propertyConnector.documentationPropertyValue || ''\"\n                            (valueChange)=\"propertyConnector.onValueChange($event)\"\n                        ></tui-primitive-textfield>\n\n                        <div\n                            *ngSwitchCase=\"'color'\"\n                            tuiGroup\n                        >\n                            <tui-primitive-textfield\n                                tuiTextfieldType=\"text\"\n                                tuiTextfieldSize=\"m\"\n                                [attr.id]=\"propertyConnector.attrName\"\n                                [tuiTextfieldLabelOutside]=\"true\"\n                                [tuiInputOpacity]=\"getOpacity(propertyConnector.documentationPropertyValue)\"\n                                [value]=\"getColor(propertyConnector.documentationPropertyValue)\"\n                                (valueChange)=\"onColorChange(propertyConnector, $event)\"\n                            ></tui-primitive-textfield>\n                            <tui-input-count\n                                tuiTextfieldSize=\"m\"\n                                [max]=\"100\"\n                                [ngModel]=\"getOpacity(propertyConnector.documentationPropertyValue)\"\n                                (ngModelChange)=\"onOpacityChange(propertyConnector, $event)\"\n                            >\n                                Opacity\n                            </tui-input-count>\n                        </div>\n\n                        <tui-input-count\n                            *ngSwitchCase=\"'number'\"\n                            tuiTextfieldSize=\"m\"\n                            [nativeId]=\"propertyConnector.attrName\"\n                            [tuiTextfieldLabelOutside]=\"true\"\n                            [ngModel]=\"propertyConnector.documentationPropertyValue\"\n                            (ngModelChange)=\"propertyConnector.onValueChange($event)\"\n                        ></tui-input-count>\n\n                        <ng-container *ngSwitchCase=\"'PolymorpheusContent'\">\n                            <tui-primitive-textfield\n                                *ngIf=\"isPrimitivePolymorpheusContent(propertyConnector.documentationPropertyValue)\"\n                                tuiTextfieldSize=\"m\"\n                                [nativeId]=\"propertyConnector.attrName\"\n                                [tuiTextfieldLabelOutside]=\"true\"\n                                [tuiTextfieldCleaner]=\"true\"\n                                [value]=\"propertyConnector.documentationPropertyValue.toString()\"\n                                (valueChange)=\"propertyConnector.onValueChange($event)\"\n                            >\n                                Default content\n                            </tui-primitive-textfield>\n                        </ng-container>\n                    </ng-container>\n                </ng-template>\n            </ng-container>\n\n            <ng-template #elseEmitter>\n                <tui-notification\n                    class=\"t-output\"\n                    [@emitEvent]=\"propertyConnector.emits$ | async\"\n                >\n                    Emit!\n                </tui-notification>\n            </ng-template>\n        </td>\n    </tr>\n</table>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            animations: [
-                trigger('emitEvent', [
-                    transition(':increment', [style({ opacity: 1 }), animate('500ms ease-in')]),
-                ]),
-            ],
-            styles: [":host{display:block;min-width:100%}.t-table{width:100%;table-layout:fixed}.t-row:not(:last-child){border-bottom:1px solid var(--tui-base-03)}:host-context(tui-root._mobile) .t-row{display:flex;flex-wrap:wrap}:host-context(tui-root._mobile) .t-row_header{display:none}.t-cell{padding:1rem 1rem .875rem}.t-cell:first-child{padding-left:0}.t-cell:last-child{padding-right:0;text-align:right}.t-cell_prop{width:40%}.t-cell_value{max-width:20rem}:host-context(tui-root._mobile) .t-cell_value{width:9.375rem}:host-context(tui-root._mobile) .t-cell{width:100%;height:auto;padding:.5rem 0;text-align:left}.t-th{padding:.5rem 1rem;color:var(--tui-text-02);font-weight:400;text-align:left}.t-property{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}:host-context(tui-root._mobile) .t-property{padding:.5rem 0}.t-type{font-family:monospace}.t-deprecated{background-color:var(--tui-error-bg);box-shadow:-1rem 0 var(--tui-error-bg),1rem 0 var(--tui-error-bg)}.t-deprecated-label{margin-right:.125rem;color:var(--tui-error-fill)}.t-exception{display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content}.t-output{text-align:left;opacity:0}.t-heading{font:var(--tui-font-heading-4)}"]
-        }),
-        __param(0, Inject(ChangeDetectorRef)),
-        __param(1, Inject(TUI_DOC_DOCUMENTATION_TEXTS))
-    ], TuiDocDocumentationComponent);
-    return TuiDocDocumentationComponent;
-}());
-
-var TuiInputOpacityDirective = /** @class */ (function () {
-    function TuiInputOpacityDirective(renderer, tuiFocusableComponent) {
-        this.renderer = renderer;
-        this.tuiFocusableComponent = tuiFocusableComponent;
-    }
-    Object.defineProperty(TuiInputOpacityDirective.prototype, "tuiInputOpacity", {
-        set: function (opacity) {
-            var nativeFocusableElement = this.tuiFocusableComponent.nativeFocusableElement;
-            if (nativeFocusableElement) {
-                this.renderer.setStyle(nativeFocusableElement, 'opacity', opacity / 100);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiInputOpacityDirective.ctorParameters = function () { return [
-        { type: Renderer2, decorators: [{ type: Inject, args: [Renderer2,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_FOCUSABLE_ITEM_ACCESSOR,] }] }
-    ]; };
-    __decorate([
-        Input()
-    ], TuiInputOpacityDirective.prototype, "tuiInputOpacity", null);
-    TuiInputOpacityDirective = __decorate([
-        Directive({
-            selector: '[tuiInputOpacity]',
-        }),
-        __param(0, Inject(Renderer2)),
-        __param(1, Inject(TUI_FOCUSABLE_ITEM_ACCESSOR))
-    ], TuiInputOpacityDirective);
-    return TuiInputOpacityDirective;
-}());
-
-var TuiInputOpacityModule = /** @class */ (function () {
-    function TuiInputOpacityModule() {
-    }
-    TuiInputOpacityModule = __decorate([
-        NgModule({
-            declarations: [TuiInputOpacityDirective],
-            exports: [TuiInputOpacityDirective],
-        })
-    ], TuiInputOpacityModule);
-    return TuiInputOpacityModule;
-}());
-
-var TuiDocDocumentationModule = /** @class */ (function () {
-    function TuiDocDocumentationModule() {
-    }
-    TuiDocDocumentationModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                FormsModule,
-                RouterModule,
-                TuiBadgeModule,
-                TuiSelectModule,
-                TuiToggleModule,
-                TuiTooltipModule,
-                TuiLinkModule,
-                TuiInputCountModule,
-                TuiModeModule,
-                TuiGroupModule,
-                TuiInputOpacityModule,
-                TuiPrimitiveTextfieldModule,
-                TuiTextfieldControllerModule,
-                TuiHintControllerModule,
-                TuiDropdownControllerModule,
-                TuiDataListModule,
-                TuiDataListWrapperModule,
-                TuiNotificationModule,
-            ],
-            declarations: [
-                TuiDocDocumentationComponent,
-                TuiDocDocumentationPropertyConnectorDirective,
-            ],
-            exports: [
-                TuiDocDocumentationComponent,
-                TuiDocDocumentationPropertyConnectorDirective,
-            ],
-        })
-    ], TuiDocDocumentationModule);
-    return TuiDocDocumentationModule;
-}());
-
-var TUI_DOC_CODE_ACTIONS = new InjectionToken('Code actions for the opened tab with code example', {
-    factory: function () { return ''; },
-});
-
-var TUI_DOC_CODE_EDITOR = new InjectionToken('Contains service for opening online IDE e.g. Stackblitz');
-
-var TUI_DOC_EXAMPLE_CONTENT_PROCESSOR = new InjectionToken('Processes content in example', { factory: function () { return identity; } });
-
-/**
- * @deprecated: use {@link tuiRawLoadRecord} instead
- */
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function rawLoadRecord(example) {
-    return __awaiter(this, void 0, void 0, function () {
-        var processedContent, _a, _b, _c, key, content, _d, _e, e_1_1;
-        var e_1, _f;
-        return __generator(this, function (_g) {
-            switch (_g.label) {
-                case 0:
-                    processedContent = {};
-                    _g.label = 1;
-                case 1:
-                    _g.trys.push([1, 6, 7, 8]);
-                    _a = __values(Object.entries(example)), _b = _a.next();
-                    _g.label = 2;
-                case 2:
-                    if (!!_b.done) return [3 /*break*/, 5];
-                    _c = __read(_b.value, 2), key = _c[0], content = _c[1];
-                    if (!content) return [3 /*break*/, 4];
-                    _d = processedContent;
-                    _e = key;
-                    return [4 /*yield*/, rawLoad(content)];
-                case 3:
-                    _d[_e] = _g.sent();
-                    _g.label = 4;
-                case 4:
-                    _b = _a.next();
-                    return [3 /*break*/, 2];
-                case 5: return [3 /*break*/, 8];
-                case 6:
-                    e_1_1 = _g.sent();
-                    e_1 = { error: e_1_1 };
-                    return [3 /*break*/, 8];
-                case 7:
-                    try {
-                        if (_b && !_b.done && (_f = _a.return)) _f.call(_a);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                    return [7 /*endfinally*/];
-                case 8: return [2 /*return*/, processedContent];
-            }
-        });
-    });
-}
-var tuiRawLoadRecord = rawLoadRecord;
-
-// Ambient type cannot be used without dynamic https://github.com/angular/angular/issues/23395
-// @dynamic
-var TuiDocExampleComponent = /** @class */ (function () {
-    function TuiDocExampleComponent(id, clipboard, notifications, location, copyTexts$, texts, codeEditor, processContent, isCypress, codeActions, router, route, ngLocation) {
-        var _this = this;
-        this.id = id;
-        this.clipboard = clipboard;
-        this.notifications = notifications;
-        this.location = location;
-        this.copyTexts$ = copyTexts$;
-        this.texts = texts;
-        this.codeEditor = codeEditor;
-        this.processContent = processContent;
-        this.isCypress = isCypress;
-        this.codeActions = codeActions;
-        this.router = router;
-        this.route = route;
-        this.ngLocation = ngLocation;
-        this.rawLoader$$ = new BehaviorSubject({});
-        this.heading = '';
-        this.description = '';
-        this.componentName = this.location.pathname.slice(1);
-        this.defaultTabIndex = 0;
-        this.defaultTab = this.texts[this.defaultTabIndex];
-        this.activeItemIndex = this.defaultTabIndex;
-        this.copy$ = this.copyTexts$.pipe(map(function (_a) {
-            var _b = __read(_a, 1), copy = _b[0];
-            return copy;
-        }));
-        this.processor$ = this.rawLoader$$.pipe(switchMap(rawLoadRecord), map(function (value) { return _this.processContent(value); }));
-        this.loading$ = new Subject();
-    }
-    Object.defineProperty(TuiDocExampleComponent.prototype, "content", {
-        set: function (content) {
-            this.rawLoader$$.next(content);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiDocExampleComponent.prototype.copyExampleLink = function () {
-        var hashPosition = this.location.href.indexOf('#');
-        var currentUrl = hashPosition > -1
-            ? this.location.href.slice(0, Math.max(0, hashPosition))
-            : this.location.href;
-        var url = currentUrl + "#" + this.id;
-        this.setFragmentWithoutRedirect(this.id);
-        this.clipboard.copy(url);
-        this.notifications
-            .show(this.texts[1], {
-            label: this.texts[2],
-            status: "success" /* Success */,
-        })
-            .subscribe();
-    };
-    TuiDocExampleComponent.prototype.edit = function (files) {
-        var _this = this;
-        var _a, _b;
-        this.loading$.next(true);
-        (_a = this.codeEditor) === null || _a === void 0 ? void 0 : _a.edit(this.componentName, (_b = this.id) !== null && _b !== void 0 ? _b : '', files).finally(function () { return _this.loading$.next(false); });
-    };
-    TuiDocExampleComponent.prototype.setFragmentWithoutRedirect = function (id) {
-        var url = this.router
-            .createUrlTree([], { relativeTo: this.route, fragment: id || '' })
-            .toString();
-        this.ngLocation.go(url);
-    };
-    TuiDocExampleComponent.ctorParameters = function () { return [
-        { type: String, decorators: [{ type: Attribute, args: ['id',] }] },
-        { type: Clipboard, decorators: [{ type: Inject, args: [Clipboard,] }] },
-        { type: TuiNotificationsService, decorators: [{ type: Inject, args: [TuiNotificationsService,] }] },
-        { type: Location, decorators: [{ type: Inject, args: [LOCATION,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_COPY_TEXTS,] }] },
-        { type: Array, decorators: [{ type: Inject, args: [TUI_DOC_EXAMPLE_TEXTS,] }] },
-        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [TUI_DOC_CODE_EDITOR,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_DOC_EXAMPLE_CONTENT_PROCESSOR,] }] },
-        { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_CYPRESS,] }] },
-        { type: Array, decorators: [{ type: Inject, args: [TUI_DOC_CODE_ACTIONS,] }] },
-        { type: Router, decorators: [{ type: Inject, args: [Router,] }] },
-        { type: ActivatedRoute, decorators: [{ type: Inject, args: [ActivatedRoute,] }] },
-        { type: Location$1, decorators: [{ type: Inject, args: [Location$1,] }] }
-    ]; };
-    __decorate([
-        Input()
-    ], TuiDocExampleComponent.prototype, "heading", void 0);
-    __decorate([
-        Input()
-    ], TuiDocExampleComponent.prototype, "description", void 0);
-    __decorate([
-        Input()
-    ], TuiDocExampleComponent.prototype, "content", null);
-    __decorate([
-        Input()
-    ], TuiDocExampleComponent.prototype, "componentName", void 0);
-    TuiDocExampleComponent = __decorate([
-        Component({
-            selector: 'tui-doc-example',
-            template: "<h3\n    *ngIf=\"heading\"\n    class=\"t-title\"\n>\n    <span\n        polymorpheus-outlet\n        [content]=\"heading | tuiDocExampleCapitalize\"\n    ></span>\n    <button\n        *ngIf=\"id\"\n        tuiIconButton\n        type=\"button\"\n        size=\"xs\"\n        icon=\"tuiIconLinkLarge\"\n        appearance=\"icon\"\n        class=\"t-link-icon\"\n        [title]=\"copy$ | async\"\n        (click)=\"copyExampleLink()\"\n    ></button>\n</h3>\n<h4\n    *ngIf=\"description\"\n    polymorpheus-outlet\n    class=\"t-description\"\n    [content]=\"description | tuiDocExampleCapitalize\"\n></h4>\n\n<div\n    *ngIf=\"processor$ | async as files\"\n    class=\"t-example\"\n>\n    <ng-container *ngIf=\"files | tuiDocExampleGetTabs: defaultTab as tabs\">\n        <div class=\"t-tabs-wrapper\">\n            <tui-tabs-with-more\n                class=\"t-tabs\"\n                [(activeItemIndex)]=\"activeItemIndex\"\n            >\n                <ng-container *ngFor=\"let tab of tabs\">\n                    <button\n                        *tuiTab\n                        tuiTab\n                    >\n                        {{ tab }}\n                    </button>\n                </ng-container>\n            </tui-tabs-with-more>\n\n            <button\n                *ngIf=\"codeEditor\"\n                tuiButton\n                appearance=\"flat\"\n                size=\"s\"\n                [showLoader]=\"!!(loading$ | async)\"\n                (click)=\"edit(files)\"\n            >\n                Edit on {{ codeEditor.name }}\n            </button>\n        </div>\n\n        <div\n            *ngFor=\"let tab of tabs; let index = index\"\n            class=\"t-content\"\n            [class.t-content_animated]=\"!isCypress\"\n            [class.t-content_visible]=\"activeItemIndex === index\"\n        >\n            <ng-container\n                *ngIf=\"index === defaultTabIndex; else anotherTab\"\n                [ngTemplateOutlet]=\"preview\"\n            ></ng-container>\n            <ng-template #anotherTab>\n                <ng-container\n                    [ngTemplateOutlet]=\"codeSection\"\n                    [ngTemplateOutletContext]=\"{$implicit: files[tabs[activeItemIndex]] || ''}\"\n                ></ng-container>\n            </ng-template>\n        </div>\n    </ng-container>\n</div>\n\n<ng-template #preview>\n    <div\n        automation-id=\"tui-doc-example\"\n        class=\"t-demo\"\n    >\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n\n<ng-template\n    #codeSection\n    let-code\n>\n    <section class=\"t-code-actions\">\n        <ng-container *ngFor=\"let action of codeActions\">\n            <div\n                polymorpheus-outlet\n                [content]=\"action\"\n                [context]=\"{$implicit: code}\"\n            ></div>\n        </ng-container>\n        <tui-doc-copy [cdkCopyToClipboard]=\"code\"></tui-doc-copy>\n    </section>\n    <tui-doc-code [code]=\"code\"></tui-doc-code>\n</ng-template>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [":host{position:relative;display:block;padding-top:3.5rem;clear:right}:host :host-context(tui-root._mobile){padding-top:2rem}.t-title{font:var(--tui-font-heading-5);margin:0 0 .5rem}:host-context(tui-root._mobile) .t-title{font:var(--tui-font-heading-6)}.t-description{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-example{position:relative;margin-top:1.5rem;border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem rgba(0,0,0,.1)}:host-context(tui-root._mobile) .t-example{margin-top:.75rem}.t-tabs-wrapper{display:flex;padding:0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);justify-content:space-between;align-items:center}:host-context(tui-root._mobile) .t-tabs-wrapper{padding:0 1rem}.t-tabs{flex-grow:1}.t-demo{padding:2rem;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.t-demo::-webkit-scrollbar,.t-demo::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:2.667rem solid transparent}.t-demo::-webkit-scrollbar{background-color:transparent}.t-demo::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.t-demo::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.t-demo::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}:host-context(tui-root._mobile) .t-demo{padding:1rem}.t-code-actions{position:absolute;top:4.375rem;right:1rem;display:flex;justify-content:flex-end;align-items:center}.t-code-actions>*{margin-left:.5rem}.t-link-icon{margin-left:.3rem;vertical-align:baseline}.t-content{will-change:opacity;height:0;visibility:hidden;opacity:0}.t-content_animated{transition:opacity .3s ease-in-out}.t-content_visible{height:auto;visibility:visible;opacity:1}"]
-        }),
-        __param(0, Attribute('id')),
-        __param(1, Inject(Clipboard)),
-        __param(2, Inject(TuiNotificationsService)),
-        __param(3, Inject(LOCATION)),
-        __param(4, Inject(TUI_COPY_TEXTS)),
-        __param(5, Inject(TUI_DOC_EXAMPLE_TEXTS)),
-        __param(6, Optional()),
-        __param(6, Inject(TUI_DOC_CODE_EDITOR)),
-        __param(7, Inject(TUI_DOC_EXAMPLE_CONTENT_PROCESSOR)),
-        __param(8, Inject(TUI_IS_CYPRESS)),
-        __param(9, Inject(TUI_DOC_CODE_ACTIONS)),
-        __param(10, Inject(Router)),
-        __param(11, Inject(ActivatedRoute)),
-        __param(12, Inject(Location$1))
-    ], TuiDocExampleComponent);
-    return TuiDocExampleComponent;
-}());
-
-var TuiDocExampleCapitalizePipe = /** @class */ (function () {
-    function TuiDocExampleCapitalizePipe() {
-    }
-    TuiDocExampleCapitalizePipe.prototype.transform = function (content) {
-        return typeof content === 'string' ? capitalizeFirstLetter(content) : content;
-    };
-    TuiDocExampleCapitalizePipe = __decorate([
-        Pipe({ name: 'tuiDocExampleCapitalize' })
-    ], TuiDocExampleCapitalizePipe);
-    return TuiDocExampleCapitalizePipe;
-}());
-
-var TuiDocExampleGetTabsPipe = /** @class */ (function () {
-    function TuiDocExampleGetTabsPipe() {
-    }
-    TuiDocExampleGetTabsPipe.prototype.transform = function (content, defaultTab) {
-        return __spread([defaultTab], Object.keys(content));
-    };
-    TuiDocExampleGetTabsPipe = __decorate([
-        Pipe({ name: 'tuiDocExampleGetTabs' })
-    ], TuiDocExampleGetTabsPipe);
-    return TuiDocExampleGetTabsPipe;
-}());
-
-var TuiDocExampleModule = /** @class */ (function () {
-    function TuiDocExampleModule() {
-    }
-    TuiDocExampleModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                ClipboardModule,
-                TuiTabsModule,
-                TuiButtonModule,
-                TuiDocCopyModule,
-                TuiDocCodeModule,
-                PolymorpheusModule,
-            ],
-            declarations: [
-                TuiDocExampleComponent,
-                TuiDocExampleGetTabsPipe,
-                TuiDocExampleCapitalizePipe,
-            ],
-            exports: [
-                TuiDocExampleComponent,
-                TuiDocExampleGetTabsPipe,
-                TuiDocExampleCapitalizePipe,
-            ],
-        })
-    ], TuiDocExampleModule);
-    return TuiDocExampleModule;
-}());
-
-// @dynamic
-var TuiDocMainComponent = /** @class */ (function () {
-    function TuiDocMainComponent(storage, windowRef) {
-        this.storage = storage;
-        this.windowRef = windowRef;
-        this.night = this.storage.getItem('night') === 'true' ||
-            (this.storage.getItem('night') === null &&
-                this.windowRef.matchMedia('(prefers-color-scheme: dark)').matches);
-        this.change$ = new Subject();
-    }
-    TuiDocMainComponent_1 = TuiDocMainComponent;
-    Object.defineProperty(TuiDocMainComponent.prototype, "mode", {
-        get: function () {
-            return this.night ? 'onDark' : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiDocMainComponent.prototype.onMode = function (night) {
-        this.night = night;
-        this.change$.next();
-        this.storage.setItem('night', String(night));
-    };
-    var TuiDocMainComponent_1;
-    TuiDocMainComponent.ctorParameters = function () { return [
-        { type: Storage, decorators: [{ type: Inject, args: [LOCAL_STORAGE,] }] },
-        { type: Window, decorators: [{ type: Inject, args: [WINDOW,] }] }
-    ]; };
-    __decorate([
-        HostBinding('attr.data-mode')
-    ], TuiDocMainComponent.prototype, "mode", null);
-    TuiDocMainComponent = TuiDocMainComponent_1 = __decorate([
-        Component({
-            selector: 'tui-doc-main',
-            template: "<tui-theme-night *ngIf=\"night\"></tui-theme-night>\n<tui-root>\n    <div class=\"tui-doc-page\">\n        <tui-doc-navigation class=\"tui-doc-navigation\">\n            <ng-content select=\"tuiDocNavigation\"></ng-content>\n        </tui-doc-navigation>\n        <div class=\"tui-doc-content\">\n            <router-outlet class=\"tui-doc-outlet\"></router-outlet>\n        </div>\n    </div>\n    <header tuiDocHeader>\n        <label class=\"night-mode\">\n            Night mode\n            <tui-toggle\n                class=\"tui-toggle\"\n                [ngModel]=\"night\"\n                (ngModelChange)=\"onMode($event)\"\n            ></tui-toggle>\n        </label>\n        <ng-content select=\"tuiDocHeader\"></ng-content>\n    </header>\n    <ng-container ngProjectAs=\"tuiOverContent\">\n        <ng-content select=\"tuiOverContent\"></ng-content>\n    </ng-container>\n    <ng-container ngProjectAs=\"tuiOverDialogs\">\n        <ng-content select=\"tuiOverDialogs\"></ng-content>\n    </ng-container>\n    <ng-container ngProjectAs=\"tuiOverAlerts\">\n        <ng-content select=\"tuiOverAlerts\"></ng-content>\n    </ng-container>\n    <!-- TODO: 3.0 Remove-->\n    <ng-container ngProjectAs=\"tuiOverNotifications\">\n        <ng-content select=\"tuiOverNotifications\"></ng-content>\n    </ng-container>\n    <ng-container ngProjectAs=\"tuiOverPortals\">\n        <ng-content select=\"tuiOverPortals\"></ng-content>\n    </ng-container>\n    <ng-container ngProjectAs=\"tuiOverHints\">\n        <ng-content select=\"tuiOverHints\"></ng-content>\n    </ng-container>\n</tui-root>\n",
-            encapsulation: ViewEncapsulation.None,
-            providers: [
-                {
-                    provide: TuiModeDirective,
-                    useExisting: forwardRef(function () { return TuiDocMainComponent_1; }),
-                },
-                TuiSwipeService,
-            ],
-            styles: ["html{scroll-padding-top:4rem;height:auto}tui-root>tui-scroll-controls>.bar_vertical{top:4rem!important}@-webkit-keyframes tuiShaking{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-.3125rem,0,0)}20%,40%,60%,80%{transform:translate3d(.3125rem,0,0)}}@keyframes tuiShaking{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-.3125rem,0,0)}20%,40%,60%,80%{transform:translate3d(.3125rem,0,0)}}body{background:var(--tui-base-01);height:auto}tui-doc-main{display:block}code:not(.hljs):not([class*=language-]):not(.exception){transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;background:var(--tui-base-02);color:var(--tui-text-02);vertical-align:middle;box-shadow:inset 0 -2px var(--tui-secondary);padding:.375rem .5rem;font-size:.875rem;border-radius:.5rem}a:focus code,button:focus code{background:var(--tui-base-01)}.tui-doc-page{position:relative;z-index:0;padding-top:4rem}tui-doc-navigation.tui-doc-navigation{position:fixed;top:4rem;bottom:0;width:16.25rem;border-right:1px solid var(--tui-base-03)}.tui-doc-content{margin-left:16.25rem}@media screen and (max-width:47.9375em){tui-doc-navigation.tui-doc-navigation{display:none}.tui-doc-content{margin-left:0}}.tui-doc-outlet+*{display:block}.tui-doc-animated-example{-webkit-animation:1s .3s tuiShaking;animation:1s .3s tuiShaking}label.night-mode{cursor:pointer}label.night-mode .tui-toggle{margin-left:.5rem}.hljs-tag{background:0 0}.hljs{display:block;overflow-x:auto;padding:.5em;color:var(--tui-text-01);background-color:var(--tui-clear-disabled)}.hljs.hljs-line-numbers{background:0 0}.hljs-subst,.hljs-title{font-weight:400;color:var(--tui-text-01)}.hljs-comment,.hljs-quote{color:var(--tui-text-03);font-style:italic}.hljs-meta{color:#e38162}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-type{font-weight:700;color:var(--tui-link)}.hljs-attribute,.hljs-link,.hljs-number,.hljs-regexp{font-weight:700;color:var(--tui-support-06)}.hljs-link,.hljs-number,.hljs-regexp{font-weight:400}.hljs-string{color:var(--tui-positive);font-weight:700}.hljs-bullet,.hljs-formula,.hljs-symbol{color:var(--tui-text-01);background:var(--tui-base-02);font-style:italic}.hljs-doctag{text-decoration:underline}.hljs-template-variable,.hljs-variable{color:var(--tui-link-hover)}[data-mode=onDark] .hljs-template-variable,[data-mode=onDark] .hljs-variable{color:var(--tui-warning-fill)}.hljs-addition{background:var(--tui-success-bg)}.hljs-deletion{background:var(--tui-error-bg)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs .hljs-line-numbers{padding:0}.hljs-ln-numbers{vertical-align:top;opacity:.3;text-align:right;padding-right:1em!important}"]
-        }),
-        __param(0, Inject(LOCAL_STORAGE)),
-        __param(1, Inject(WINDOW))
-    ], TuiDocMainComponent);
-    return TuiDocMainComponent;
-}());
-
-var TUI_DOC_PAGE_LOADED = new InjectionToken('[TUI_DOC_PAGE_LOADED] Stream that emits if loading of page is over (for example, to begin scrollIntoView)', { factory: function () { return defer(function () { return timer(200).pipe(switchMapTo(of(true))); }); } });
-
-/**
- * @deprecated: use {@link TuiScrollIntoViewLinkDirective}
- * TODO: remove in v3.0
- */
-var ScrollIntoViewDirective = /** @class */ (function () {
-    function ScrollIntoViewDirective(destroy$, _a, readyToScroll$) {
-        var nativeElement = _a.nativeElement;
-        this.readyToScroll$ = readyToScroll$;
-        this.scroll$ = new ReplaySubject(1);
-        this.readyToScroll$
-            .pipe(filter(Boolean), switchMapTo(this.scroll$), debounceTime(750), filter(function (shallWe) { return shallWe && !!getElementObscurers(nativeElement); }), takeUntil(destroy$))
-            .subscribe(function () {
-            nativeElement.scrollIntoView();
-        });
-    }
-    Object.defineProperty(ScrollIntoViewDirective.prototype, "scrollIntoView", {
-        set: function (shallWe) {
-            this.scroll$.next(shallWe);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ScrollIntoViewDirective.ctorParameters = function () { return [
-        { type: TuiDestroyService, decorators: [{ type: Inject, args: [TuiDestroyService,] }] },
-        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_DOC_PAGE_LOADED,] }] }
-    ]; };
-    __decorate([
-        Input()
-    ], ScrollIntoViewDirective.prototype, "scrollIntoView", null);
-    ScrollIntoViewDirective = __decorate([
-        Directive({
-            selector: '[scrollIntoView]',
-            providers: [TuiDestroyService],
-        })
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-        ,
-        __param(0, Inject(TuiDestroyService)),
-        __param(1, Inject(ElementRef)),
-        __param(2, Inject(TUI_DOC_PAGE_LOADED))
-    ], ScrollIntoViewDirective);
-    return ScrollIntoViewDirective;
-}());
-var TuiScrollIntoViewLinkDirective = /** @class */ (function (_super) {
-    __extends(TuiScrollIntoViewLinkDirective, _super);
-    function TuiScrollIntoViewLinkDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    TuiScrollIntoViewLinkDirective = __decorate([
-        Directive({
-            selector: '[tuiScrollIntoViewLink]',
-            providers: [TuiDestroyService],
-        })
-    ], TuiScrollIntoViewLinkDirective);
-    return TuiScrollIntoViewLinkDirective;
-}(ScrollIntoViewDirective));
-
-/**
- * @deprecated: use {@link TuiScrollIntoViewLinkModule}
- * TODO: remove in v3.0
- */
-var ScrollIntoViewModule = /** @class */ (function () {
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    function ScrollIntoViewModule() {
-    }
-    ScrollIntoViewModule = __decorate([
-        NgModule({
-            declarations: [ScrollIntoViewDirective],
-            exports: [ScrollIntoViewDirective],
-        })
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-    ], ScrollIntoViewModule);
-    return ScrollIntoViewModule;
-}());
-var TuiScrollIntoViewLinkModule = /** @class */ (function () {
-    function TuiScrollIntoViewLinkModule() {
-    }
-    TuiScrollIntoViewLinkModule = __decorate([
-        NgModule({
-            declarations: [TuiScrollIntoViewLinkDirective],
-            exports: [TuiScrollIntoViewLinkDirective],
-        })
-    ], TuiScrollIntoViewLinkModule);
-    return TuiScrollIntoViewLinkModule;
-}());
-
-var TUI_DOC_SCROLL_BEHAVIOR = new InjectionToken('[TUI_DOC_SCROLL_BEHAVIOR] Defines the transition animation for scroll', { factory: function () { return 'smooth'; } });
-
-var MAP = {
-    а: 'f',
-    б: ',',
-    в: 'd',
-    г: 'u',
-    д: 'l',
-    е: 't',
-    ё: '`',
-    ж: ';',
-    з: 'p',
-    и: 'b',
-    й: 'q',
-    к: 'r',
-    л: 'k',
-    м: 'v',
-    н: 'y',
-    о: 'j',
-    п: 'g',
-    р: 'h',
-    с: 'c',
-    т: 'n',
-    у: 'e',
-    ф: 'a',
-    х: '[',
-    ц: 'w',
-    ч: 'x',
-    ш: 'i',
-    щ: 'o',
-    ъ: ']',
-    ы: 's',
-    ь: 'm',
-    ю: '.',
-    я: 'z',
-};
-/**
- * @deprecated: use {@link tuiTransliterateKeyboardLayout} instead
- * Translates text mistakenly typed in the Russian layout into English
- * @param string string with Russian layout characters
- * @return string with English layout characters
- */
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function transliterateKeyboardLayout(string) {
-    var newStr = '';
-    for (var i = 0; i < string.length; i++) {
-        newStr += string.charAt(i) in MAP ? MAP[string.charAt(i)] : string.charAt(i);
-    }
-    return newStr;
-}
-var tuiTransliterateKeyboardLayout = transliterateKeyboardLayout;
-
-var TUI_DOC_PAGES = new InjectionToken('Documentation pages', {
-    factory: function () { return []; },
-});
-
-var TUI_DOC_TITLE = new InjectionToken('Page title', {
-    factory: function () { return ''; },
-});
-
-var NAVIGATION_TITLE = new InjectionToken('Page title');
-var NAVIGATION_LABELS = new InjectionToken('Navigation sections labels for search');
-var NAVIGATION_ITEMS = new InjectionToken('Navigation pages');
-var NAVIGATION_PROVIDERS = [
-    TuiDestroyService,
-    {
-        provide: NAVIGATION_TITLE,
-        deps: [Router, ActivatedRoute, TUI_DOC_TITLE, TuiDestroyService],
-        useFactory: titleProviderFactory,
-    },
-    {
-        provide: NAVIGATION_LABELS,
-        deps: [TUI_DOC_PAGES],
-        useFactory: labelsProviderFactory,
-    },
-    {
-        provide: NAVIGATION_ITEMS,
-        deps: [TUI_DOC_PAGES],
-        useFactory: itemsProviderFactory,
-    },
-];
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function titleProviderFactory(router, activatedRoute, titlePrefix, destroy$) {
-    return router.events.pipe(filter(function (event) { return event instanceof NavigationEnd; }), map(function () { return activatedRoute.firstChild; }), filter(isPresent), mergeMap(function (_a) {
-        var data = _a.data;
-        return data;
-    }), map(function (_a) {
-        var title = _a.title;
-        return titlePrefix + title;
-    }), takeUntil(destroy$));
-}
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function labelsProviderFactory(pages) {
-    return pages
-        .map(function (_a) {
-        var section = _a.section;
-        return section;
-    })
-        .filter(isPresent)
-        .filter(function (item, index, array) { return array.indexOf(item) === index; });
-}
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function itemsProviderFactory(pages) {
-    var labels = labelsProviderFactory(pages);
-    return __spread(labels.map(function (label) { return pages.filter(function (_a) {
-        var section = _a.section;
-        return section === label;
-    }); }), [
-        pages.filter(function (page) { return !page.section; }),
-    ]);
-}
-
-// @dynamic
-var TuiDocNavigationComponent = /** @class */ (function () {
-    function TuiDocNavigationComponent(changeDetectorRef, titleService, title$, documentRef, mode, sidebar, labels, items, searchText, router, activatedRoute, destroy$, readyToScroll$, scrollBehavior) {
-        var _this = this;
-        this.documentRef = documentRef;
-        this.mode = mode;
-        this.sidebar = sidebar;
-        this.labels = labels;
-        this.items = items;
-        this.searchText = searchText;
-        this.router = router;
-        this.activatedRoute = activatedRoute;
-        this.destroy$ = destroy$;
-        this.readyToScroll$ = readyToScroll$;
-        this.scrollBehavior = scrollBehavior;
-        this.menuOpen = false;
-        this.search = '';
-        this.open = false;
-        this.openPagesArr = [];
-        this.openPagesGroupsArr = [];
-        this.active = '';
-        this.mode$ = this.mode.change$.pipe(startWith(null), map(function () { return _this.mode.mode || 'onLight'; }));
-        // Angular can't navigate no anchor links
-        // https://stackoverflow.com/questions/36101756/angular2-routing-with-hashtag-to-page-anchor
-        title$.subscribe(function (title) {
-            changeDetectorRef.markForCheck();
-            titleService.setTitle(title);
-            _this.openActivePageGroup();
-            _this.handleAnchorLink(_this.activatedRoute.snapshot.fragment);
-        });
-    }
-    Object.defineProperty(TuiDocNavigationComponent.prototype, "canOpen", {
-        get: function () {
-            return this.search.length > 2;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiDocNavigationComponent.prototype, "filteredItems", {
-        get: function () {
-            return this.filterItems(this.flattenSubPages(this.items), this.search);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiDocNavigationComponent.prototype, "itemsWithoutSections", {
-        get: function () {
-            return this.items[this.items.length - 1];
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiDocNavigationComponent.prototype.isActive = function (route) {
-        return route === this.active;
-    };
-    TuiDocNavigationComponent.prototype.onGroupClick = function (index) {
-        this.openPagesGroupsArr[index] = !this.openPagesGroupsArr[index];
-    };
-    TuiDocNavigationComponent.prototype.closeMenu = function () {
-        this.menuOpen = false;
-    };
-    TuiDocNavigationComponent.prototype.onSearchChange = function (search) {
-        this.search = search;
-        this.open = this.canOpen;
-    };
-    TuiDocNavigationComponent.prototype.onClick = function () {
-        this.open = false;
-        this.menuOpen = false;
-        this.search = '';
-        this.openActivePageGroup();
-    };
-    TuiDocNavigationComponent.prototype.filterItems = function (items, search) {
-        return items.map(function (section) {
-            return uniqBy(section.filter(function (_a) {
-                var title = _a.title, _b = _a.keywords, keywords = _b === void 0 ? '' : _b;
-                title = title.toLowerCase();
-                search = search.toLowerCase();
-                keywords = keywords.toLowerCase();
-                return (title.includes(search) ||
-                    keywords.includes(search) ||
-                    title.includes(transliterateKeyboardLayout(search)) ||
-                    keywords.includes(transliterateKeyboardLayout(search)) ||
-                    search.replace(/-/gi, '').includes(title));
-            }), 'title');
-        });
-    };
-    TuiDocNavigationComponent.prototype.flattenSubPages = function (items) {
-        return items.reduce(function (array, item) { return __spread(array, [
-            item.reduce(function (pages, page) {
-                return 'subPages' in page
-                    ? __spread(pages, page.subPages) : __spread(pages, [page]);
-            }, []),
-        ]); }, []);
-    };
-    TuiDocNavigationComponent.prototype.isActiveRoute = function (route) {
-        return this.router.isActive(route, false);
-    };
-    TuiDocNavigationComponent.prototype.handleAnchorLink = function (hash) {
-        var _this = this;
-        this.readyToScroll$
-            .pipe(filter(Boolean), take(1), takeUntil(this.destroy$))
-            .subscribe(function () { return _this.navigateToAnchorLink(hash); });
-    };
-    TuiDocNavigationComponent.prototype.openActivePageGroup = function () {
-        var _this = this;
-        this.items.forEach(function (pages, pagesIndex) {
-            pages.forEach(function (page, pageIndex) {
-                if ('route' in page && _this.isActiveRoute(page.route)) {
-                    _this.openPagesArr[pagesIndex] = true;
-                    _this.active = page.route;
-                }
-                if ('subPages' in page) {
-                    page.subPages.forEach(function (subPage) {
-                        if (_this.isActiveRoute(subPage.route)) {
-                            _this.openPagesArr[pagesIndex] = true;
-                            _this.openPagesGroupsArr[pagesIndex * 100 + pageIndex] = true;
-                            _this.active = subPage.route;
-                        }
-                    });
-                }
-            });
-        });
-    };
-    TuiDocNavigationComponent.prototype.navigateToAnchorLink = function (fragment) {
-        var element = fragment && this.documentRef.querySelector("#" + fragment);
-        if (!element) {
-            return;
-        }
-        element.classList.add('tui-doc-animated-example');
-        element.scrollIntoView({
-            block: 'start',
-            inline: 'nearest',
-            behavior: this.scrollBehavior,
-        });
-    };
-    TuiDocNavigationComponent.ctorParameters = function () { return [
-        { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-        { type: Title, decorators: [{ type: Inject, args: [Title,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [NAVIGATION_TITLE,] }] },
-        { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-        { type: TuiModeDirective, decorators: [{ type: Inject, args: [TuiModeDirective,] }] },
-        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [TuiSidebarDirective,] }] },
-        { type: Array, decorators: [{ type: Inject, args: [NAVIGATION_LABELS,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [NAVIGATION_ITEMS,] }] },
-        { type: String, decorators: [{ type: Inject, args: [TUI_DOC_SEARCH_TEXT,] }] },
-        { type: Router, decorators: [{ type: Inject, args: [Router,] }] },
-        { type: ActivatedRoute, decorators: [{ type: Inject, args: [ActivatedRoute,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TuiDestroyService,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_DOC_PAGE_LOADED,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_DOC_SCROLL_BEHAVIOR,] }] }
-    ]; };
-    __decorate([
-        HostBinding('class._open')
-    ], TuiDocNavigationComponent.prototype, "menuOpen", void 0);
-    __decorate([
-        tuiPure
-    ], TuiDocNavigationComponent.prototype, "filterItems", null);
-    __decorate([
-        tuiPure
-    ], TuiDocNavigationComponent.prototype, "flattenSubPages", null);
-    TuiDocNavigationComponent = __decorate([
-        Component({
-            selector: 'tui-doc-navigation',
-            template: "<tui-hosted-dropdown\n    *tuiLet=\"filteredItems as filtered\"\n    tuiAutoFocus\n    tuiDropdownLimitWidth=\"fixed\"\n    class=\"t-input\"\n    [autoFocus]=\"!!sidebar\"\n    [content]=\"dropdown\"\n    [canOpen]=\"canOpen\"\n    [(open)]=\"open\"\n>\n    <tui-primitive-textfield\n        iconAlign=\"left\"\n        tuiTextfieldSize=\"m\"\n        iconContent=\"tuiIconSearch\"\n        [pseudoFocused]=\"open || null\"\n        [tuiTextfieldCleaner]=\"true\"\n        [tuiTextfieldLabelOutside]=\"true\"\n        [value]=\"search\"\n        (valueChange)=\"onSearchChange($event)\"\n    >\n        {{ searchText }}\n    </tui-primitive-textfield>\n    <ng-template\n        #dropdown\n        let-activeZone\n    >\n        <tui-data-list>\n            <tui-opt-group\n                *ngFor=\"let group of filtered; let index = index\"\n                [label]=\"labels[index] || ''\"\n            >\n                <a\n                    *ngFor=\"let item of group\"\n                    tuiOption\n                    [routerLink]=\"item.route\"\n                    (click)=\"onClick()\"\n                >\n                    {{ item.title }}\n                </a>\n            </tui-opt-group>\n        </tui-data-list>\n    </ng-template>\n</tui-hosted-dropdown>\n\n<nav class=\"t-navigation\">\n    <tui-scrollbar\n        class=\"t-scrollbar\"\n        [tuiMode]=\"mode$ | async\"\n    >\n        <tui-accordion\n            [closeOthers]=\"false\"\n            [rounded]=\"false\"\n        >\n            <tui-accordion-item\n                *ngFor=\"let label of labels; index as index\"\n                size=\"s\"\n                [borders]=\"null\"\n                [(open)]=\"!!openPagesArr[index]\"\n            >\n                <span class=\"t-label\">\n                    <strong>{{ label }}</strong>\n                </span>\n                <ng-template tuiAccordionItemContent>\n                    <div class=\"t-section\">\n                        <ng-container\n                            *ngFor=\"let item of items[index]; index as subIndex\"\n                            [ngTemplateOutlet]=\"pages\"\n                            [ngTemplateOutletContext]=\"{item: item, index: index * 100 + subIndex}\"\n                        ></ng-container>\n                    </div>\n                </ng-template>\n            </tui-accordion-item>\n        </tui-accordion>\n        <div class=\"t-items-container\">\n            <ng-container\n                *ngFor=\"let item of itemsWithoutSections; let index = index\"\n                [ngTemplateOutlet]=\"pages\"\n                [ngTemplateOutletContext]=\"{item: item, index: items.length - 1 + index}\"\n            ></ng-container>\n        </div>\n\n        <ng-template\n            #pages\n            let-item=\"item\"\n            let-index=\"index\"\n        >\n            <a\n                *ngIf=\"!item.subPages; else subPages\"\n                tuiLink\n                routerLinkActive=\"t-sublink_active\"\n                class=\"t-sublink\"\n                [routerLink]=\"item.route\"\n                [scrollIntoView]=\"isActive(item.route)\"\n                (click)=\"closeMenu()\"\n            >\n                {{ item.title }}\n            </a>\n            <ng-template #subPages>\n                <div\n                    routerLinkActive\n                    class=\"t-subsection\"\n                    [routerLinkActiveOptions]=\"{exact: false}\"\n                >\n                    <button\n                        *ngIf=\"item.subPages\"\n                        tuiLink\n                        type=\"button\"\n                        class=\"t-sublink t-sublink_subsection\"\n                        (click)=\"onGroupClick(index)\"\n                    >\n                        <tui-svg\n                            src=\"tuiIconChevronRight\"\n                            class=\"t-chevron\"\n                            [class.t-chevron_active]=\"!!openPagesGroupsArr[index]\"\n                        ></tui-svg>\n                        {{ item.title }}\n                    </button>\n                    <tui-expand\n                        class=\"t-expand\"\n                        [expanded]=\"!!openPagesGroupsArr[index]\"\n                    >\n                        <div class=\"t-section t-section_bordered\">\n                            <a\n                                *ngFor=\"let subPage of item.subPages\"\n                                tuiLink\n                                routerLinkActive=\"t-sublink_active\"\n                                class=\"t-sublink t-sublink_small\"\n                                [routerLink]=\"subPage.route\"\n                                [scrollIntoView]=\"isActive(subPage.route)\"\n                                (click)=\"closeMenu()\"\n                            >\n                                {{ subPage.title }}\n                            </a>\n                        </div>\n                    </tui-expand>\n                </div>\n            </ng-template>\n        </ng-template>\n    </tui-scrollbar>\n</nav>\n\n<ng-content></ng-content>\n",
-            providers: NAVIGATION_PROVIDERS,
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [":host{z-index:1;display:flex;flex-direction:column;text-align:center;background:var(--tui-base-01)}.t-input{display:block;margin:1.25rem}.t-navigation{display:flex;max-height:100%;min-height:0;flex:1 1 0;text-align:left}.t-scrollbar{width:100%;scroll-behavior:smooth}.t-items-container{display:flex;flex-direction:column;padding:0 1rem}.t-label{margin-left:.5rem}.t-expand{margin-left:.25rem}.t-section{display:flex;flex-direction:column;align-items:flex-start;margin:-1rem 0 -.5rem}.t-section_bordered{margin:.5rem 0;border-left:1px solid var(--tui-base-03)}.t-subsection{margin-left:.5rem}.t-sublink{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:1rem 0 0;border:0;background:0 0;font-size:inherit;line-height:inherit;font:var(--tui-font-text-m);margin-left:.5rem}.t-sublink_small{margin-left:1rem;line-height:1.5rem;padding-top:.5rem}.t-sublink_subsection{margin-left:0;line-height:1.6rem}.t-sublink_active{color:var(--tui-text-01)}.t-chevron{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;width:1rem;height:1rem;margin:-.25rem .25rem 0 -.1875rem}.t-chevron_active{transform:rotate(90deg)}"]
-        }),
-        __param(0, Inject(ChangeDetectorRef)),
-        __param(1, Inject(Title)),
-        __param(2, Inject(NAVIGATION_TITLE)),
-        __param(3, Inject(DOCUMENT)),
-        __param(4, Inject(TuiModeDirective)),
-        __param(5, Optional()),
-        __param(5, Inject(TuiSidebarDirective)),
-        __param(6, Inject(NAVIGATION_LABELS)),
-        __param(7, Inject(NAVIGATION_ITEMS)),
-        __param(8, Inject(TUI_DOC_SEARCH_TEXT)),
-        __param(9, Inject(Router)),
-        __param(10, Inject(ActivatedRoute)),
-        __param(11, Inject(TuiDestroyService)),
-        __param(12, Inject(TUI_DOC_PAGE_LOADED)),
-        __param(13, Inject(TUI_DOC_SCROLL_BEHAVIOR))
-    ], TuiDocNavigationComponent);
-    return TuiDocNavigationComponent;
-}());
-
-var TuiDocNavigationModule = /** @class */ (function () {
-    function TuiDocNavigationModule() {
-    }
-    TuiDocNavigationModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                FormsModule,
-                RouterModule,
-                ScrollIntoViewModule,
-                TuiScrollIntoViewLinkModule,
-                TuiButtonModule,
-                TuiPrimitiveTextfieldModule,
-                TuiTextfieldControllerModule,
-                TuiActiveZoneModule,
-                TuiLetModule,
-                TuiModeModule,
-                TuiLinkModule,
-                TuiExpandModule,
-                TuiHostedDropdownModule,
-                TuiDropdownControllerModule,
-                TuiAccordionModule,
-                TuiScrollbarModule,
-                TuiSvgModule,
-                TuiDataListModule,
-                TuiAutoFocusModule,
-            ],
-            declarations: [TuiDocNavigationComponent],
-            exports: [TuiDocNavigationComponent],
-        })
-    ], TuiDocNavigationModule);
-    return TuiDocNavigationModule;
-}());
-
-var TUI_DOC_LOGO = new InjectionToken('Main logo', {
-    factory: function () { return ''; },
-});
-
-var TuiDocHeaderComponent = /** @class */ (function () {
-    function TuiDocHeaderComponent(logo, menu, router, swipes$) {
-        this.logo = logo;
-        this.menu = menu;
-        this.router = router;
-        this.swipes$ = swipes$;
-        this.stream$ = new Subject();
-        this.open$ = merge(this.router.events.pipe(mapTo(false)), this.stream$, this.swipes$.pipe(filter(function (swipe) { return swipe.direction === 'left' || swipe.direction === 'right'; }), map(function (swipe) { return swipe.direction === 'right'; }))).pipe(startWith(false), distinctUntilChanged());
-    }
-    TuiDocHeaderComponent.prototype.onClick = function () {
-        this.stream$.next(true);
-    };
-    TuiDocHeaderComponent.prototype.onActiveZone = function (active) {
-        if (!active) {
-            this.stream$.next(false);
-        }
-    };
-    TuiDocHeaderComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_DOC_LOGO,] }] },
-        { type: String, decorators: [{ type: Inject, args: [TUI_DOC_MENU_TEXT,] }] },
-        { type: Router, decorators: [{ type: Inject, args: [Router,] }] },
-        { type: TuiSwipeService, decorators: [{ type: Inject, args: [TuiSwipeService,] }] }
-    ]; };
-    TuiDocHeaderComponent = __decorate([
-        Component({
-            selector: 'header[tuiDocHeader]',
-            template: "<button\n    tuiIconButton\n    icon=\"tuiIconMenuLarge\"\n    appearance=\"icon\"\n    class=\"t-menu\"\n    [title]=\"menu\"\n    (click)=\"onClick()\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-doc-navigation\n        *tuiSidebar=\"!!(open$ | async)\"\n        class=\"t-navigation\"\n    ></tui-doc-navigation>\n</button>\n<div\n    polymorpheus-outlet\n    class=\"t-logo\"\n    [content]=\"logo\"\n>\n    <ng-template let-src>\n        <img\n            alt=\"Logo\"\n            class=\"t-img\"\n            [src]=\"src\"\n        />\n    </ng-template>\n</div>\n<ng-content></ng-content>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [":host{box-shadow:0 .125rem 1rem rgba(0,0,0,.08);position:fixed;top:0;left:0;right:0;z-index:1;display:flex;height:3.9375rem;align-items:center;padding:0 1.25rem;background:var(--tui-base-01);border-bottom:1px solid var(--tui-base-03)}.t-logo{margin-right:auto;font:var(--tui-font-heading-5)}.t-img{display:block}.t-menu{margin-left:-1.25rem}@media screen and (min-width:48em){.t-menu{display:none}}.t-navigation{min-height:100%}"]
-        }),
-        __param(0, Inject(TUI_DOC_LOGO)),
-        __param(1, Inject(TUI_DOC_MENU_TEXT)),
-        __param(2, Inject(Router)),
-        __param(3, Inject(TuiSwipeService))
-    ], TuiDocHeaderComponent);
-    return TuiDocHeaderComponent;
-}());
-
-var TuiDocHeaderModule = /** @class */ (function () {
-    function TuiDocHeaderModule() {
-    }
-    TuiDocHeaderModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                PolymorpheusModule,
-                TuiButtonModule,
-                TuiSidebarModule,
-                TuiActiveZoneModule,
-                TuiDocNavigationModule,
-            ],
-            declarations: [TuiDocHeaderComponent],
-            exports: [TuiDocHeaderComponent],
-        })
-    ], TuiDocHeaderModule);
-    return TuiDocHeaderModule;
-}());
-
-var TuiDocMainModule = /** @class */ (function () {
-    function TuiDocMainModule() {
-    }
-    TuiDocMainModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                RouterModule,
-                FormsModule,
-                TuiToggleModule,
-                TuiThemeNightModule,
-                TuiDocHeaderModule,
-                TuiRootModule,
-                TuiDialogModule,
-                TuiAlertModule,
-                TuiDocNavigationModule,
-            ],
-            declarations: [TuiDocMainComponent],
-            exports: [TuiDocMainComponent],
-        })
-    ], TuiDocMainModule);
-    return TuiDocMainModule;
-}());
-
-var TUI_DOC_DEFAULT_TABS = new InjectionToken('Array of default tab names', {
-    factory: function () { return []; },
-});
-
-var TUI_DOC_SEE_ALSO = new InjectionToken('Array of arrays of related pages', {
-    factory: function () { return []; },
-});
-
-var PAGE_SEE_ALSO = new InjectionToken('Page see also');
-var PAGE_PROVIDERS = [
-    {
-        provide: PAGE_SEE_ALSO,
-        deps: [ElementRef, TUI_DOC_SEE_ALSO],
-        useFactory: seeAlsoProviderFactory,
-    },
-];
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function seeAlsoProviderFactory(_a, seeAlsoGroups) {
-    var nativeElement = _a.nativeElement;
-    var currentHeader = nativeElement.getAttribute('header');
-    var groups = seeAlsoGroups.filter(function (group) { return group.includes(currentHeader); }) || [];
-    var seeAlsoSet = new Set(groups
-        .join()
-        .split(',')
-        .filter(function (component) { return component && component !== currentHeader; }));
-    return Array.from(seeAlsoSet);
-}
-
-var TuiDocPageTabConnectorDirective = /** @class */ (function () {
-    function TuiDocPageTabConnectorDirective(template) {
-        this.template = template;
-    }
-    TuiDocPageTabConnectorDirective.ctorParameters = function () { return [
-        { type: TemplateRef, decorators: [{ type: Inject, args: [TemplateRef,] }] }
-    ]; };
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiDocPageTabConnectorDirective.prototype, "pageTab", void 0);
-    TuiDocPageTabConnectorDirective = __decorate([
-        Directive({
-            selector: '[pageTab]',
-        }),
-        __param(0, Inject(TemplateRef))
-    ], TuiDocPageTabConnectorDirective);
-    return TuiDocPageTabConnectorDirective;
-}());
-
-// Ambient type cannot be used without dynamic https://github.com/angular/angular/issues/23395
-// @dynamic
-var TuiDocPageComponent = /** @class */ (function () {
-    function TuiDocPageComponent(deprecated, defaultTabs, seeAlso) {
-        this.deprecated = deprecated;
-        this.defaultTabs = defaultTabs;
-        this.seeAlso = seeAlso;
-        this.header = '';
-        this.package = '';
-        this.type = '';
-        this.path = '';
-        this.tabConnectors = EMPTY_QUERY;
-        this.activeItemIndex = NaN;
-    }
-    Object.defineProperty(TuiDocPageComponent.prototype, "showSeeAlso", {
-        get: function () {
-            return !!this.seeAlso.length && this.activeItemIndex === 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiDocPageComponent.prototype.getRouterLink = function (tab) {
-        if (tab === void 0) { tab = ''; }
-        return "./" + tab.replace(/ /g, '_');
-    };
-    TuiDocPageComponent.ctorParameters = function () { return [
-        { type: String, decorators: [{ type: Attribute, args: ['deprecated',] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_DOC_DEFAULT_TABS,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [PAGE_SEE_ALSO,] }] }
-    ]; };
-    __decorate([
-        Input()
-    ], TuiDocPageComponent.prototype, "header", void 0);
-    __decorate([
-        Input()
-    ], TuiDocPageComponent.prototype, "package", void 0);
-    __decorate([
-        Input()
-    ], TuiDocPageComponent.prototype, "type", void 0);
-    __decorate([
-        Input()
-    ], TuiDocPageComponent.prototype, "path", void 0);
-    __decorate([
-        ContentChildren(TuiDocPageTabConnectorDirective)
-    ], TuiDocPageComponent.prototype, "tabConnectors", void 0);
-    TuiDocPageComponent = __decorate([
-        Component({
-            selector: 'tui-doc-page',
-            template: "<header class=\"t-header\">\n    <h1 class=\"t-title\">\n        {{ header }}\n        <tui-tag\n            *ngIf=\"deprecated !== null\"\n            value=\"deprecated\"\n            status=\"custom\"\n            class=\"t-tag t-tag_deprecated\"\n        ></tui-tag>\n        <tui-tag\n            *ngIf=\"package\"\n            status=\"custom\"\n            class=\"t-tag t-tag_package\"\n            [value]=\"package\"\n            [autoColor]=\"true\"\n        ></tui-tag>\n    </h1>\n    <tui-tabs-with-more\n        *ngIf=\"tabConnectors.length\"\n        class=\"t-tabs\"\n        [(activeItemIndex)]=\"activeItemIndex\"\n    >\n        <ng-container *ngFor=\"let tab of tabConnectors; first as first; index as index\">\n            <ng-container *ngIf=\"first; else dynamicTab\">\n                <a\n                    *tuiTab\n                    tuiTab\n                    routerLink=\"./\"\n                    routerLinkActive\n                    [routerLinkActiveOptions]=\"{exact: true}\"\n                >\n                    {{ tab.pageTab || defaultTabs[index] }}\n                </a>\n            </ng-container>\n            <ng-template #dynamicTab>\n                <a\n                    *tuiTab\n                    tuiTab\n                    routerLinkActive\n                    [routerLink]=\"getRouterLink(tab.pageTab || defaultTabs[index])\"\n                >\n                    {{ tab.pageTab || defaultTabs[index] }}\n                </a>\n            </ng-template>\n        </ng-container>\n    </tui-tabs-with-more>\n    <tui-doc-source-code\n        class=\"t-source-code\"\n        [header]=\"header\"\n        [package]=\"package\"\n        [type]=\"type\"\n        [path]=\"path\"\n    ></tui-doc-source-code>\n</header>\n<div class=\"t-content\">\n    <ng-content></ng-content>\n    <tui-doc-see-also\n        *ngIf=\"showSeeAlso\"\n        class=\"t-see-also\"\n        [seeAlso]=\"seeAlso\"\n    ></tui-doc-see-also>\n    <ng-container *ngFor=\"let tab of tabConnectors; index as index\">\n        <ng-container\n            *ngIf=\"index === activeItemIndex\"\n            [ngTemplateOutlet]=\"tab.template\"\n        ></ng-container>\n    </ng-container>\n</div>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: PAGE_PROVIDERS,
-            styles: [":host{display:flex;flex-direction:column;min-height:0;flex-basis:0;flex-grow:1}.t-header{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-height:7.25rem;color:var(--tui-text-01);box-shadow:inset 0 -1px 0 0 var(--tui-base-03);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}:host-context(tui-root._mobile) .t-header{font:var(--tui-font-heading-4);min-height:4.5rem;padding:1.25rem 1.25rem 0;margin:0}.t-title{min-width:100%;font-size:inherit;margin:0}.t-tag{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated{background-color:var(--tui-error-fill)}.t-tag.t-tag_package{color:#000}.t-tabs{flex:1;margin:1.125rem .3125rem 0 0}:host-context(tui-root._mobile) .t-tabs{margin-top:.25rem}.t-content{padding:2rem 0;margin:0 min(10vw,8.75rem)}:host-context(tui-root._mobile) .t-content{padding:2rem 1.25rem;margin:0}.t-see-also{min-width:18.75rem;width:30%;float:right;margin-left:1.5rem}:host-context(tui-root._mobile) .t-see-also{float:none;width:100%;margin:0 0 1.5rem}.t-source-code{align-self:flex-end;line-height:2.75rem}"]
-        }),
-        __param(0, Attribute('deprecated')),
-        __param(1, Inject(TUI_DOC_DEFAULT_TABS)),
-        __param(2, Inject(PAGE_SEE_ALSO))
-    ], TuiDocPageComponent);
-    return TuiDocPageComponent;
-}());
-
-// @dynamic
-var TuiDocSeeAlsoComponent = /** @class */ (function () {
-    function TuiDocSeeAlsoComponent(text, pages) {
-        this.text = text;
-        this.pages = pages;
-        this.seeAlso = [];
-    }
-    TuiDocSeeAlsoComponent.prototype.getRouterLink = function (pageTitle) {
-        for (var i = 0; i < this.pages.length; i++) {
-            var page = this.pages
-                .map(function (page) { return ('subPages' in page ? page.subPages : [page]); })
-                .reduce(function (pages, subPages) { return __spread(pages, subPages); }, [])
-                .find(function (page) { return page.title === pageTitle; });
-            if (page === null || page === void 0 ? void 0 : page.route) {
-                return page.route;
-            }
-        }
-        return '';
-    };
-    TuiDocSeeAlsoComponent.ctorParameters = function () { return [
-        { type: String, decorators: [{ type: Inject, args: [TUI_DOC_SEE_ALSO_TEXT,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_DOC_PAGES,] }] }
-    ]; };
-    __decorate([
-        Input()
-    ], TuiDocSeeAlsoComponent.prototype, "seeAlso", void 0);
-    TuiDocSeeAlsoComponent = __decorate([
-        Component({
-            selector: 'tui-doc-see-also',
-            template: "<h5 class=\"header\">{{ text }}</h5>\n<ng-container *ngFor=\"let item of seeAlso; last as last\">\n    <a\n        tuiLink\n        [routerLink]=\"getRouterLink(item)\"\n    >\n        {{ item }}\n    </a>\n    <ng-container *ngIf=\"!last\">{{ ', ' }}</ng-container>\n</ng-container>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [":host{display:block}.header{font-size:.6875rem;line-height:1rem;text-transform:uppercase;letter-spacing:.075em;color:var(--tui-text-02);margin:0 0 .5rem;white-space:nowrap}"]
-        }),
-        __param(0, Inject(TUI_DOC_SEE_ALSO_TEXT)),
-        __param(1, Inject(TUI_DOC_PAGES))
-    ], TuiDocSeeAlsoComponent);
-    return TuiDocSeeAlsoComponent;
-}());
-
-var TuiDocSeeAlsoModule = /** @class */ (function () {
-    function TuiDocSeeAlsoModule() {
-    }
-    TuiDocSeeAlsoModule = __decorate([
-        NgModule({
-            imports: [CommonModule, RouterModule, TuiLinkModule],
-            declarations: [TuiDocSeeAlsoComponent],
-            exports: [TuiDocSeeAlsoComponent],
-        })
-    ], TuiDocSeeAlsoModule);
-    return TuiDocSeeAlsoModule;
-}());
-
-var TUI_DOC_SOURCE_CODE = new InjectionToken('Source code link', {
-    factory: function () { return ''; },
-});
-
-var TuiDocSourceCodeComponent = /** @class */ (function () {
-    function TuiDocSourceCodeComponent(sourceCode, text) {
-        this.sourceCode = sourceCode;
-        this.text = text;
-        this.header = '';
-        this.package = '';
-        this.type = '';
-        this.path = '';
-    }
-    Object.defineProperty(TuiDocSourceCodeComponent.prototype, "pathOptions", {
-        get: function () {
-            return this.getPathOptions(this.header, this.package, this.type, this.path);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiDocSourceCodeComponent.prototype.getPathOptions = function (header, packageName, type, path) {
-        return {
-            header: header,
-            package: packageName,
-            type: type,
-            path: path,
-        };
-    };
-    TuiDocSourceCodeComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_DOC_SOURCE_CODE,] }] },
-        { type: String, decorators: [{ type: Inject, args: [TUI_DOC_SOURCE_CODE_TEXT,] }] }
-    ]; };
-    __decorate([
-        Input()
-    ], TuiDocSourceCodeComponent.prototype, "header", void 0);
-    __decorate([
-        Input()
-    ], TuiDocSourceCodeComponent.prototype, "package", void 0);
-    __decorate([
-        Input()
-    ], TuiDocSourceCodeComponent.prototype, "type", void 0);
-    __decorate([
-        Input()
-    ], TuiDocSourceCodeComponent.prototype, "path", void 0);
-    __decorate([
-        tuiPure
-    ], TuiDocSourceCodeComponent.prototype, "getPathOptions", null);
-    TuiDocSourceCodeComponent = __decorate([
-        Component({
-            selector: 'tui-doc-source-code',
-            template: "<div\n    *ngIf=\"!!sourceCode\"\n    polymorpheus-outlet\n    [content]=\"sourceCode\"\n    [context]=\"pathOptions\"\n>\n    <ng-template let-link>\n        <a\n            *ngIf=\"link\"\n            tuiIconButton\n            type=\"button\"\n            icon=\"tuiIconCodeLarge\"\n            appearance=\"icon\"\n            target=\"_blank\"\n            size=\"s\"\n            [title]=\"text\"\n            [href]=\"link\"\n        ></a>\n    </ng-template>\n</div>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush
-        }),
-        __param(0, Inject(TUI_DOC_SOURCE_CODE)),
-        __param(1, Inject(TUI_DOC_SOURCE_CODE_TEXT))
-    ], TuiDocSourceCodeComponent);
-    return TuiDocSourceCodeComponent;
-}());
-
-var TuiDocSourceCodeModule = /** @class */ (function () {
-    function TuiDocSourceCodeModule() {
-    }
-    TuiDocSourceCodeModule = __decorate([
-        NgModule({
-            declarations: [TuiDocSourceCodeComponent],
-            imports: [CommonModule, PolymorpheusModule, TuiButtonModule],
-            exports: [TuiDocSourceCodeComponent],
-        })
-    ], TuiDocSourceCodeModule);
-    return TuiDocSourceCodeModule;
-}());
-
-var TuiDocPageModule = /** @class */ (function () {
-    function TuiDocPageModule() {
-    }
-    TuiDocPageModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                RouterModule,
-                TuiDocSeeAlsoModule,
-                TuiTabsModule,
-                TuiTagModule,
-                TuiDocSourceCodeModule,
-            ],
-            declarations: [TuiDocPageComponent, TuiDocPageTabConnectorDirective],
-            exports: [TuiDocPageComponent, TuiDocPageTabConnectorDirective],
-        })
-    ], TuiDocPageModule);
-    return TuiDocPageModule;
-}());
-
-var TUI_EXAMPLE_PRIMARY_FILE_NAME = {
-    TS: 'TypeScript',
-    LESS: 'LESS',
-    HTML: 'HTML',
-};
-
-// TODO: 3.0 remove in ivy compilation
-var DEMO_TEXTS = ['Сделано с помощью директивы: ', 'Фон', 'Детали формы'];
-var DOC_TEXTS = [
-    'Аргумент',
-    'Тип',
-    'Имя и описание',
-    'Значение',
-    'Для работы с динамическими шаблонами используется',
-];
-var EXAMPLE_TEXTS = ['Превью', 'Ссылка на пример скопирована', 'Готово'];
-var TUI_DOC_RUSSIAN = [
-    {
-        provide: TUI_DOC_DEMO_TEXTS,
-        useValue: DEMO_TEXTS,
-    },
-    {
-        provide: TUI_DOC_DOCUMENTATION_TEXTS,
-        useValue: DOC_TEXTS,
-    },
-    {
-        provide: TUI_DOC_EXAMPLE_TEXTS,
-        useValue: EXAMPLE_TEXTS,
-    },
-    {
-        provide: TUI_DOC_MENU_TEXT,
-        useValue: 'Меню',
-    },
-    {
-        provide: TUI_DOC_SEARCH_TEXT,
-        useValue: 'Поиск',
-    },
-    {
-        provide: TUI_DOC_SEE_ALSO_TEXT,
-        useValue: 'Смотрите также',
-    },
-    {
-        provide: TUI_DOC_SOURCE_CODE_TEXT,
-        useValue: 'Исходный код',
-    },
-];
-
-var TuiAddonDocModule = /** @class */ (function () {
-    function TuiAddonDocModule() {
-    }
-    TuiAddonDocModule = __decorate([
-        NgModule({
-            exports: [
-                TuiDocCodeModule,
-                TuiDocDemoModule,
-                TuiDocDocumentationModule,
-                TuiDocPageModule,
-                TuiDocExampleModule,
-            ],
-        })
-    ], TuiAddonDocModule);
-    return TuiAddonDocModule;
-}());
-
-/**
- * @deprecated: use {@link tuiGenerateRoutes} instead
- * Generates typical page routing structure
- */
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function generateRoutes(type) {
-    return [
-        {
-            path: '',
-            component: type,
-            children: [
-                {
-                    path: ':tab',
-                    component: type,
-                },
-            ],
-        },
-    ];
-}
-var tuiGenerateRoutes = generateRoutes;
-
-/**
- * Public API Surface of @taiga-ui/addon-doc
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { DEMO_TEXTS, DOC_TEXTS, EXAMPLE_TEXTS, ScrollIntoViewDirective, ScrollIntoViewModule, TUI_DOC_CODE_ACTIONS, TUI_DOC_CODE_EDITOR, TUI_DOC_DEFAULT_TABS, TUI_DOC_DEMO_TEXTS, TUI_DOC_DOCUMENTATION_TEXTS, TUI_DOC_EXAMPLE_CONTENT_PROCESSOR, TUI_DOC_EXAMPLE_TEXTS, TUI_DOC_LOGO, TUI_DOC_MENU_TEXT, TUI_DOC_PAGES, TUI_DOC_PAGE_LOADED, TUI_DOC_RUSSIAN, TUI_DOC_SCROLL_BEHAVIOR, TUI_DOC_SEARCH_TEXT, TUI_DOC_SEE_ALSO, TUI_DOC_SEE_ALSO_TEXT, TUI_DOC_SOURCE_CODE, TUI_DOC_SOURCE_CODE_TEXT, TUI_DOC_TITLE, TUI_EXAMPLE_PRIMARY_FILE_NAME, TuiAddonDocModule, TuiDocCodeComponent, TuiDocCodeModule, TuiDocCopyComponent, TuiDocCopyModule, TuiDocDemoComponent, TuiDocDemoModule, TuiDocDocumentationComponent, TuiDocDocumentationModule, TuiDocDocumentationPropertyConnectorDirective, TuiDocExampleComponent, TuiDocExampleModule, TuiDocMainComponent, TuiDocMainModule, TuiDocNavigationComponent, TuiDocNavigationModule, TuiDocPageComponent, TuiDocPageModule, TuiDocPageTabConnectorDirective, TuiScrollIntoViewLinkDirective, TuiScrollIntoViewLinkModule, coerceValue, generateRoutes, rawLoad, rawLoadRecord, tryParseMarkdownCodeBlock, tuiCoerceValue, tuiGenerateRoutes, tuiRawLoad, tuiRawLoadRecord, tuiTryParseMarkdownCodeBlock, TuiInputOpacityModule as ɵa, TuiInputOpacityDirective as ɵb, TuiDocExampleGetTabsPipe as ɵc, TuiDocExampleCapitalizePipe as ɵd, TuiDocHeaderModule as ɵe, NAVIGATION_TITLE as ɵf, NAVIGATION_LABELS as ɵg, NAVIGATION_ITEMS as ɵh, NAVIGATION_PROVIDERS as ɵi, titleProviderFactory as ɵj, labelsProviderFactory as ɵk, itemsProviderFactory as ɵl, TuiDocHeaderComponent as ɵm, PAGE_SEE_ALSO as ɵn, PAGE_PROVIDERS as ɵo, seeAlsoProviderFactory as ɵp, TuiDocSeeAlsoModule as ɵq, TuiDocSeeAlsoComponent as ɵr, TuiDocSourceCodeModule as ɵs, TuiDocSourceCodeComponent as ɵt };
-//# sourceMappingURL=taiga-ui-addon-doc.js.map