@taiga-ui/addon-doc 3.14.0-dev.main-3f74fe5 → 3.14.0-dev.main-49a682e

package/bundles/taiga-ui-addon-doc.umd.js

@@ -404,8 +404,8 @@
 
     var TuiDocCodeComponent = /** @class */ (function () {
         function TuiDocCodeComponent() {
-            this.rawLoader$$ = new i9.BehaviorSubject("");
-            this.filename = "";
+            this.rawLoader$$ = new i9.BehaviorSubject('');
+            this.filename = '';
             this.processor$ = this.rawLoader$$.pipe(operators.switchMap(tuiRawLoad), operators.map(tuiTryParseMarkdownCodeBlock));
         }
         Object.defineProperty(TuiDocCodeComponent.prototype, "code", {
@@ -429,9 +429,9 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDocCodeComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: "tui-doc-code",
-                        templateUrl: "./code.template.html",
-                        styleUrls: ["./code.style.less"],
+                        selector: 'tui-doc-code',
+                        templateUrl: './code.template.html',
+                        styleUrls: ['./code.style.less'],
                     }]
             }], propDecorators: { filename: [{
                     type: i0.Input
@@ -439,7 +439,7 @@
                     type: i0.Input
                 }], hasFilename: [{
                     type: i0.HostBinding,
-                    args: ["class._has-filename"]
+                    args: ['class._has-filename']
                 }] } });
 
     var TuiDocCodeModule = /** @class */ (function () {
@@ -485,9 +485,9 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDocCopyComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: "tui-doc-copy",
-                        templateUrl: "./copy.template.html",
-                        styleUrls: ["./copy.style.less"],
+                        selector: 'tui-doc-copy',
+                        templateUrl: './copy.template.html',
+                        styleUrls: ['./copy.style.less'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         providers: [i6.TuiDestroyService],
                     }]
@@ -578,14 +578,14 @@
             this.texts = texts;
             this.control = null;
             this.template = null;
-            this.updateOnVariants = ["change", "blur", "submit"];
+            this.updateOnVariants = ['change', 'blur', 'submit'];
             this.updateOn = this.updateOnVariants[0];
             this.expanded = false;
             this.opaque = true;
             this.mode = this.getUrlTree().queryParams.tuiMode || null;
             this.sandboxWidth = parseInt(this.getUrlTree().queryParams.sandboxWidth, 10);
             this.change$ = new i9.Subject();
-            this.items = ["onLight", "onDark"];
+            this.items = ['onLight', 'onDark'];
         }
         TuiDocDemoComponent.prototype.onResize = function () {
             this.updateWidth();
@@ -620,7 +620,7 @@
             var clamped = Math.round(i6.tuiClamp(safe, MIN_WIDTH, total)) - this.delta;
             var validated = safe < total ? clamped : NaN;
             this.resizer.nativeElement.textContent = String(clamped);
-            this.resizeable.nativeElement.style.width = validated ? i6.tuiPx(safe) : "";
+            this.resizeable.nativeElement.style.width = validated ? i6.tuiPx(safe) : '';
             this.sandboxWidth = validated;
         };
         Object.defineProperty(TuiDocDemoComponent.prototype, "delta", {
@@ -668,9 +668,9 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDocDemoComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: "tui-doc-demo",
-                        templateUrl: "./demo.template.html",
-                        styleUrls: ["./demo.style.less"],
+                        selector: 'tui-doc-demo',
+                        templateUrl: './demo.template.html',
+                        styleUrls: ['./demo.style.less'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         providers: [
                             i6.TuiDestroyService,
@@ -702,10 +702,10 @@
                     args: [i6.TuiResizeableDirective, { static: true }]
                 }], content: [{
                     type: i0.ViewChild,
-                    args: ["content", { static: true }]
+                    args: ['content', { static: true }]
                 }], resizer: [{
                     type: i0.ViewChild,
-                    args: ["resizer", { static: true }]
+                    args: ['resizer', { static: true }]
                 }], control: [{
                     type: i0.Input
                 }], template: [{
@@ -713,10 +713,10 @@
                     args: [i0.TemplateRef]
                 }], onResize: [{
                     type: i0.HostListener,
-                    args: ["window:resize"]
+                    args: ['window:resize']
                 }], onMouseUp: [{
                     type: i0.HostListener,
-                    args: ["document:mouseup.silent"]
+                    args: ['document:mouseup.silent']
                 }], updateUrl: [] } });
 
     var TuiDocDemoModule = /** @class */ (function () {
@@ -838,7 +838,7 @@
         return value.startsWith("{") && value.endsWith("}");
     }
 
-    var SERIALIZED_SUFFIX = "$";
+    var SERIALIZED_SUFFIX = '$';
     // @bad TODO: refactor output and value sync
     var TuiDocDocumentationPropertyConnectorDirective = /** @class */ (function () {
         function TuiDocDocumentationPropertyConnectorDirective(template, locationRef, activatedRoute, urlSerializer) {
@@ -846,9 +846,9 @@
             this.locationRef = locationRef;
             this.activatedRoute = activatedRoute;
             this.urlSerializer = urlSerializer;
-            this.documentationPropertyName = "";
+            this.documentationPropertyName = '';
             this.documentationPropertyMode = null;
-            this.documentationPropertyType = "";
+            this.documentationPropertyType = '';
             this.documentationPropertyDeprecated = false;
             this.documentationPropertyValues = null;
             this.documentationPropertyValueChange = new i0.EventEmitter();
@@ -861,11 +861,11 @@
         Object.defineProperty(TuiDocDocumentationPropertyConnectorDirective.prototype, "attrName", {
             get: function () {
                 switch (this.documentationPropertyMode) {
-                    case "input":
+                    case 'input':
                         return "[" + this.documentationPropertyName + "]";
-                    case "output":
+                    case 'output':
                         return "(" + this.documentationPropertyName + ")";
-                    case "input-output":
+                    case 'input-output':
                         return "[(" + this.documentationPropertyName + ")]";
                     default:
                         return this.documentationPropertyName;
@@ -883,7 +883,7 @@
         });
         Object.defineProperty(TuiDocDocumentationPropertyConnectorDirective.prototype, "shouldShowValues", {
             get: function () {
-                return this.documentationPropertyMode !== "output";
+                return this.documentationPropertyMode !== 'output';
             },
             enumerable: false,
             configurable: true
@@ -919,7 +919,7 @@
             var computedValue = isValueAvailableByKey && this.documentationPropertyValues
                 ? this.documentationPropertyValues.indexOf(value)
                 : value;
-            var suffix = isValueAvailableByKey ? SERIALIZED_SUFFIX : "";
+            var suffix = isValueAvailableByKey ? SERIALIZED_SUFFIX : '';
             var propName = this.documentationPropertyName + suffix;
             tree.queryParams = Object.assign(Object.assign({}, tree.queryParams), (_a = {}, _a[propName] = computedValue, _a));
             this.locationRef.go(String(tree));
@@ -931,8 +931,8 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDocDocumentationPropertyConnectorDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: "ng-template[documentationPropertyName]",
-                        exportAs: "documentationProperty",
+                        selector: 'ng-template[documentationPropertyName]',
+                        exportAs: 'documentationProperty',
                     }]
             }], ctorParameters: function () {
             return [{ type: i0__namespace.TemplateRef, decorators: [{
@@ -1035,7 +1035,7 @@
             set: function (opacity) {
                 var nativeFocusableElement = this.tuiFocusableComponent.nativeFocusableElement;
                 if (nativeFocusableElement) {
-                    this.renderer.setStyle(nativeFocusableElement, "opacity", opacity / 100);
+                    this.renderer.setStyle(nativeFocusableElement, 'opacity', opacity / 100);
                 }
             },
             enumerable: false,
@@ -1048,7 +1048,7 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiInputOpacityDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: "[tuiInputOpacity]",
+                        selector: '[tuiInputOpacity]',
                     }]
             }], ctorParameters: function () {
             return [{ type: i0__namespace.Renderer2, decorators: [{
@@ -1244,7 +1244,7 @@
             this.destroy$ = destroy$;
             this.getColor = getColor;
             this.getOpacity = getOpacity;
-            this.heading = "";
+            this.heading = '';
             this.showValues = true;
             this.isAPI = false;
             this.propertiesConnectors = i6.EMPTY_QUERY;
@@ -1267,17 +1267,17 @@
             configurable: true
         });
         TuiDocDocumentationComponent.prototype.onColorChange = function (connector, color) {
-            var opacity = this.getOpacity.transform(connector.documentationPropertyValue || "");
+            var opacity = this.getOpacity.transform(connector.documentationPropertyValue || '');
             if (opacity === 100) {
                 connector.onValueChange(color);
                 return;
             }
-            var rgb = i6.tuiHexToRgb(color).join(", ");
+            var rgb = i6.tuiHexToRgb(color).join(', ');
             var result = "rgba(" + rgb + ", " + opacity / 100 + ")";
             connector.onValueChange(result);
         };
         TuiDocDocumentationComponent.prototype.onOpacityChange = function (connector, opacity) {
-            var hex = this.getColor.transform(connector.documentationPropertyValue || "");
+            var hex = this.getColor.transform(connector.documentationPropertyValue || '');
             var rgb = i6.tuiHexToRgb(hex);
             var result = "rgba(" + rgb + ", " + opacity / 100 + ")";
             connector.onValueChange(result);
@@ -1285,21 +1285,21 @@
         return TuiDocDocumentationComponent;
     }());
     TuiDocDocumentationComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDocDocumentationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TUI_DOC_DOCUMENTATION_TEXTS }, { token: TUI_DOC_EXCLUDED_PROPERTIES }, { token: i6.TuiDestroyService, self: true }, { token: TuiGetColorPipe }, { token: TuiGetOpacityPipe }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiDocDocumentationComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiDocDocumentationComponent, selector: "tui-doc-documentation", inputs: { heading: "heading", showValues: "showValues", isAPI: "isAPI" }, providers: [TuiGetColorPipe, TuiGetOpacityPipe, i6.TuiDestroyService], queries: [{ propertyName: "propertiesConnectors", predicate: TuiDocDocumentationPropertyConnectorDirective }], ngImport: i0__namespace, 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-th_value\"\n        >\n            {{ texts[3] }}\n        </th>\n    </tr>\n    <tr\n        *ngFor=\"let propertyConnector of $any(propertiesConnectors) | tuiFilter : matcher : excludedProperties\"\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                {{ propertyConnector.attrName | tuiStripOptionalPipe }}\n                <tui-badge\n                    *ngIf=\"propertyConnector.attrName | tuiIsOptionalPipe\"\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=\"propertyConnector.documentationPropertyType | tuiShowContentTooltip\"\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 t-cell_value\"\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]=\"propertyConnector.documentationPropertyType | tuiShowCleanerPipe\"\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>{{ data | tuiInspectAny }}</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                                tuiTextfieldSize=\"m\"\n                                [attr.id]=\"propertyConnector.attrName\"\n                                [tuiTextfieldLabelOutside]=\"true\"\n                                [tuiInputOpacity]=\"propertyConnector.documentationPropertyValue | tuiGetOpacity\"\n                                [value]=\"propertyConnector.documentationPropertyValue | tuiGetColorPipe\"\n                                (valueChange)=\"onColorChange(propertyConnector, $event)\"\n                            >\n                                <input\n                                    tuiTextfield\n                                    type=\"text\"\n                                />\n                            </tui-primitive-textfield>\n                            <tui-input-count\n                                tuiTextfieldSize=\"m\"\n                                [max]=\"100\"\n                                [ngModel]=\"propertyConnector.documentationPropertyValue | tuiGetOpacity\"\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=\"\n                                    propertyConnector.documentationPropertyValue | tuiIsPrimitivePolymorpheusContentPipe\n                                \"\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", 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}.t-cell_prop{width:40%}.t-cell_value{text-align:right}: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:normal;text-align:left}.t-th_value{max-width:20rem;text-align:right}:host-context(tui-root._mobile) .t-th_value{width:9.375rem}.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)}\n"], components: [{ type: i1__namespace.TuiBadgeComponent, selector: "tui-badge", inputs: ["value", "size", "status", "hoverable"] }, { type: i2__namespace$1.TuiTooltipComponent, selector: "tui-tooltip", inputs: ["content", "direction", "appearance", "showDelay", "hideDelay", "describeId"] }, { type: i2__namespace$1.TuiLinkComponent, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo", "icon", "iconAlign", "iconRotated", "mode"], exportAs: ["tuiLink"] }, { type: i1__namespace.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { type: i1__namespace.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items"] }, { type: i1__namespace.TuiToggleComponent, selector: "tui-toggle", inputs: ["singleColor", "showIcons", "showLoader", "size"] }, { type: i2__namespace$1.TuiPrimitiveTextfieldComponent, selector: "tui-primitive-textfield", inputs: ["editable", "filler", "iconCleaner", "readOnly", "invalid", "disabled", "prefix", "postfix", "value"], outputs: ["valueChange"] }, { type: i2__namespace$1.TuiTextfieldComponent, selector: "input[tuiTextfield], textarea[tuiTextfield]" }, { type: i1__namespace.TuiInputCountComponent, selector: "tui-input-count", inputs: ["step", "min", "max", "hideButtons", "prefix", "postfix"] }, { type: i2__namespace$1.TuiNotificationComponent, selector: "tui-notification", inputs: ["hasIcon", "status"], outputs: ["close"] }], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace$1.TuiModeDirective, selector: "[tuiMode]", inputs: ["tuiMode"] }, { type: i1__namespace.TuiSelectDirective, selector: "tui-select" }, { type: i2__namespace$1.TuiTextfieldSizeDirective, selector: "[tuiTextfieldSize]", inputs: ["tuiTextfieldSize"] }, { type: i2__namespace$1.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight]", inputs: ["tuiDropdownAlign", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight"] }, { type: i2__namespace$1.TuiTextfieldCleanerDirective, selector: "[tuiTextfieldCleaner]", inputs: ["tuiTextfieldCleaner"] }, { type: i2__namespace$1.TuiTextfieldLabelOutsideDirective, selector: "[tuiTextfieldLabelOutside]", inputs: ["tuiTextfieldLabelOutside"] }, { type: i5__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { type: i5__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace$1.TuiPrimitiveTextfieldDirective, selector: "tui-primitive-textfield" }, { type: i2__namespace$1.TuiGroupDirective, selector: "[tuiGroup]:not(ng-container)", inputs: ["orientation", "adaptive", "collapsed", "rounded", "size"] }, { type: TuiInputOpacityDirective, selector: "[tuiInputOpacity]", inputs: ["tuiInputOpacity"] }, { type: i1__namespace.TuiInputCountDirective, selector: "tui-input-count" }], pipes: { "tuiFilter": i6__namespace$1.TuiFilterPipe, "tuiStripOptionalPipe": TuiStripOptionalPipe, "tuiIsOptionalPipe": TuiIsOptionalPipe, "tuiShowContentTooltip": TuiShowContentTooltip, "tuiShowCleanerPipe": TuiShowCleanerPipe, "tuiInspectAny": TuiInspectPipe, "tuiGetOpacity": TuiGetOpacityPipe, "tuiGetColorPipe": TuiGetColorPipe, "tuiIsPrimitivePolymorpheusContentPipe": TuiIsPrimitivePolymorpheusContentPipe, "async": i5__namespace.AsyncPipe }, animations: [
-            animations.trigger("emitEvent", [
-                animations.transition(":increment", [animations.style({ opacity: 1 }), animations.animate("500ms ease-in")]),
+    TuiDocDocumentationComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiDocDocumentationComponent, selector: "tui-doc-documentation", inputs: { heading: "heading", showValues: "showValues", isAPI: "isAPI" }, providers: [TuiGetColorPipe, TuiGetOpacityPipe, i6.TuiDestroyService], queries: [{ propertyName: "propertiesConnectors", predicate: TuiDocDocumentationPropertyConnectorDirective }], ngImport: i0__namespace, 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-th_value\"\n        >\n            {{ texts[3] }}\n        </th>\n    </tr>\n    <tr\n        *ngFor=\"let propertyConnector of $any(propertiesConnectors) | tuiFilter : matcher : excludedProperties\"\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                {{ propertyConnector.attrName | tuiStripOptionalPipe }}\n                <tui-badge\n                    *ngIf=\"propertyConnector.attrName | tuiIsOptionalPipe\"\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=\"propertyConnector.documentationPropertyType | tuiShowContentTooltip\"\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 t-cell_value\"\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]=\"propertyConnector.documentationPropertyType | tuiShowCleanerPipe\"\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>{{ data | tuiInspectAny }}</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                                tuiTextfieldSize=\"m\"\n                                [attr.id]=\"propertyConnector.attrName\"\n                                [tuiTextfieldLabelOutside]=\"true\"\n                                [tuiInputOpacity]=\"propertyConnector.documentationPropertyValue | tuiGetOpacity\"\n                                [value]=\"propertyConnector.documentationPropertyValue | tuiGetColorPipe\"\n                                (valueChange)=\"onColorChange(propertyConnector, $event)\"\n                            >\n                                <input\n                                    tuiTextfield\n                                    type=\"text\"\n                                />\n                            </tui-primitive-textfield>\n                            <tui-input-count\n                                tuiTextfieldSize=\"m\"\n                                [max]=\"100\"\n                                [ngModel]=\"propertyConnector.documentationPropertyValue | tuiGetOpacity\"\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=\"\n                                    propertyConnector.documentationPropertyValue | tuiIsPrimitivePolymorpheusContentPipe\n                                \"\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", 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}.t-cell_prop{width:40%}.t-cell_value{text-align:right}: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:normal;text-align:left}.t-th_value{max-width:20rem;text-align:right}:host-context(tui-root._mobile) .t-th_value{width:9.375rem}.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)}\n"], components: [{ type: i1__namespace.TuiBadgeComponent, selector: "tui-badge", inputs: ["value", "size", "status", "hoverable"] }, { type: i2__namespace$1.TuiTooltipComponent, selector: "tui-tooltip", inputs: ["content", "direction", "appearance", "showDelay", "hideDelay", "describeId"] }, { type: i2__namespace$1.TuiLinkComponent, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo", "icon", "iconAlign", "iconRotated", "mode"], exportAs: ["tuiLink"] }, { type: i1__namespace.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { type: i1__namespace.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items"] }, { type: i1__namespace.TuiToggleComponent, selector: "tui-toggle", inputs: ["singleColor", "showIcons", "showLoader", "size"] }, { type: i2__namespace$1.TuiPrimitiveTextfieldComponent, selector: "tui-primitive-textfield", inputs: ["editable", "filler", "iconCleaner", "readOnly", "invalid", "disabled", "prefix", "postfix", "value"], outputs: ["valueChange"] }, { type: i2__namespace$1.TuiTextfieldComponent, selector: "input[tuiTextfield], textarea[tuiTextfield]" }, { type: i1__namespace.TuiInputCountComponent, selector: "tui-input-count", inputs: ["step", "min", "max", "hideButtons", "prefix", "postfix"] }, { type: i2__namespace$1.TuiNotificationComponent, selector: "tui-notification", inputs: ["hasIcon", "status"], outputs: ["close"] }], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace$1.TuiModeDirective, selector: "[tuiMode]", inputs: ["tuiMode"] }, { type: i1__namespace.TuiSelectDirective, selector: "tui-select" }, { type: i2__namespace$1.TuiTextfieldSizeDirective, selector: "[tuiTextfieldSize]", inputs: ["tuiTextfieldSize"] }, { type: i2__namespace$1.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: ["tuiDropdownAlign", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight", "tuiDropdownOffset"] }, { type: i2__namespace$1.TuiTextfieldCleanerDirective, selector: "[tuiTextfieldCleaner]", inputs: ["tuiTextfieldCleaner"] }, { type: i2__namespace$1.TuiTextfieldLabelOutsideDirective, selector: "[tuiTextfieldLabelOutside]", inputs: ["tuiTextfieldLabelOutside"] }, { type: i5__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { type: i5__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace$1.TuiPrimitiveTextfieldDirective, selector: "tui-primitive-textfield" }, { type: i2__namespace$1.TuiGroupDirective, selector: "[tuiGroup]:not(ng-container)", inputs: ["orientation", "adaptive", "collapsed", "rounded", "size"] }, { type: TuiInputOpacityDirective, selector: "[tuiInputOpacity]", inputs: ["tuiInputOpacity"] }, { type: i1__namespace.TuiInputCountDirective, selector: "tui-input-count" }], pipes: { "tuiFilter": i6__namespace$1.TuiFilterPipe, "tuiStripOptionalPipe": TuiStripOptionalPipe, "tuiIsOptionalPipe": TuiIsOptionalPipe, "tuiShowContentTooltip": TuiShowContentTooltip, "tuiShowCleanerPipe": TuiShowCleanerPipe, "tuiInspectAny": TuiInspectPipe, "tuiGetOpacity": TuiGetOpacityPipe, "tuiGetColorPipe": TuiGetColorPipe, "tuiIsPrimitivePolymorpheusContentPipe": TuiIsPrimitivePolymorpheusContentPipe, "async": i5__namespace.AsyncPipe }, animations: [
+            animations.trigger('emitEvent', [
+                animations.transition(':increment', [animations.style({ opacity: 1 }), animations.animate('500ms ease-in')]),
             ]),
         ], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDocDocumentationComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: "tui-doc-documentation",
-                        templateUrl: "./documentation.template.html",
-                        styleUrls: ["./documentation.style.less"],
+                        selector: 'tui-doc-documentation',
+                        templateUrl: './documentation.template.html',
+                        styleUrls: ['./documentation.style.less'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         animations: [
-                            animations.trigger("emitEvent", [
-                                animations.transition(":increment", [animations.style({ opacity: 1 }), animations.animate("500ms ease-in")]),
+                            animations.trigger('emitEvent', [
+                                animations.transition(':increment', [animations.style({ opacity: 1 }), animations.animate('500ms ease-in')]),
                             ]),
                         ],
                         providers: [TuiGetColorPipe, TuiGetOpacityPipe, i6.TuiDestroyService],
@@ -1556,8 +1556,8 @@
             this.route = route;
             this.ngLocation = ngLocation;
             this.rawLoader$$ = new i9.BehaviorSubject({});
-            this.heading = "";
-            this.description = "";
+            this.heading = '';
+            this.description = '';
             this.componentName = this.location.pathname.slice(1);
             this.defaultTabIndex = 0;
             this.defaultTab = this.texts[this.defaultTabIndex];
@@ -1580,7 +1580,7 @@
             configurable: true
         });
         TuiDocExampleComponent.prototype.copyExampleLink = function () {
-            var hashPosition = this.location.href.indexOf("#");
+            var hashPosition = this.location.href.indexOf('#');
             var currentUrl = hashPosition > -1
                 ? this.location.href.slice(0, Math.max(0, hashPosition))
                 : this.location.href;
@@ -1598,30 +1598,30 @@
             var _this = this;
             var _a;
             this.loading$.next(true);
-            (_a = this.codeEditor) === null || _a === void 0 ? void 0 : _a.edit(this.componentName, this.id || "", files).finally(function () { return _this.loading$.next(false); });
+            (_a = this.codeEditor) === null || _a === void 0 ? void 0 : _a.edit(this.componentName, this.id || '', files).finally(function () { return _this.loading$.next(false); });
         };
         TuiDocExampleComponent.prototype.setFragmentWithoutRedirect = function (id) {
             var url = this.router
-                .createUrlTree([], { relativeTo: this.route, fragment: id || "" })
+                .createUrlTree([], { relativeTo: this.route, fragment: id || '' })
                 .toString();
             this.ngLocation.go(url);
         };
         return TuiDocExampleComponent;
     }());
-    TuiDocExampleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDocExampleComponent, deps: [{ token: "id", attribute: true }, { token: i8.Clipboard }, { token: i2$1.TuiAlertService }, { token: common.LOCATION }, { token: i1.TUI_COPY_TEXTS }, { token: TUI_DOC_EXAMPLE_TEXTS }, { token: TUI_DOC_CODE_EDITOR, optional: true }, { token: TUI_DOC_EXAMPLE_CONTENT_PROCESSOR }, { token: i6.TUI_IS_CYPRESS }, { token: TUI_DOC_CODE_ACTIONS }, { token: i6$1.Router }, { token: i6$1.ActivatedRoute }, { token: i5.Location }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiDocExampleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDocExampleComponent, deps: [{ token: 'id', attribute: true }, { token: i8.Clipboard }, { token: i2$1.TuiAlertService }, { token: common.LOCATION }, { token: i1.TUI_COPY_TEXTS }, { token: TUI_DOC_EXAMPLE_TEXTS }, { token: TUI_DOC_CODE_EDITOR, optional: true }, { token: TUI_DOC_EXAMPLE_CONTENT_PROCESSOR }, { token: i6.TUI_IS_CYPRESS }, { token: TUI_DOC_CODE_ACTIONS }, { token: i6$1.Router }, { token: i6$1.ActivatedRoute }, { token: i5.Location }], target: i0__namespace.ɵɵFactoryTarget.Component });
     TuiDocExampleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiDocExampleComponent, selector: "tui-doc-example", inputs: { heading: "heading", description: "description", content: "content", componentName: "componentName" }, ngImport: i0__namespace, template: "<h3\n    *ngIf=\"heading\"\n    class=\"t-title\"\n>\n    <span\n        *polymorpheusOutlet=\"heading | tuiDocExampleCapitalize as text\"\n        [textContent]=\"text\"\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    class=\"t-description\"\n>\n    <ng-container *polymorpheusOutlet=\"description | tuiDocExampleCapitalize as text\">\n        {{ text }}\n    </ng-container>\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                        *tuiItem\n                        tuiTab\n                    >\n                        {{ tab }}\n                    </button>\n                </ng-container>\n            </tui-tabs-with-more>\n\n            <button\n                *ngIf=\"files | tuiMapper : visible\"\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            <ng-container *polymorpheusOutlet=\"action as text; context: {$implicit: code}\">\n                {{ text }}\n            </ng-container>\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", 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:normal;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: .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}\n"], components: [{ type: i2__namespace$1.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }, { type: i1__namespace.TuiTabsWithMoreComponent, selector: "tui-tabs-with-more, nav[tuiTabsWithMore]", inputs: ["moreContent", "dropdownContent", "underline", "activeItemIndex", "itemsLimit"], outputs: ["activeItemIndexChange"] }, { type: i1__namespace.TuiTabComponent, selector: "a[tuiTab]:not([routerLink]), a[tuiTab][routerLink][routerLinkActive], button[tuiTab]" }, { type: TuiDocCopyComponent, selector: "tui-doc-copy" }, { type: TuiDocCodeComponent, selector: "tui-doc-code", inputs: ["filename", "code"] }], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace$2.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace$1.TuiItemDirective, selector: "[tuiItem]" }, { type: i5__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i8__namespace.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }], pipes: { "tuiDocExampleCapitalize": TuiDocExampleCapitalizePipe, "async": i5__namespace.AsyncPipe, "tuiDocExampleGetTabs": TuiDocExampleGetTabsPipe, "tuiMapper": i6__namespace$1.TuiMapperPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDocExampleComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: "tui-doc-example",
-                        templateUrl: "./example.template.html",
-                        styleUrls: ["./example.style.less"],
+                        selector: 'tui-doc-example',
+                        templateUrl: './example.template.html',
+                        styleUrls: ['./example.style.less'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }], ctorParameters: function () {
             return [{ type: undefined, decorators: [{
                             type: i0.Attribute,
-                            args: ["id"]
+                            args: ['id']
                         }] }, { type: i8__namespace.Clipboard, decorators: [{
                             type: i0.Inject,
                             args: [i8.Clipboard]
@@ -1729,22 +1729,22 @@
         function TuiLanguageSwitcherComponent(switcher, iconsPath) {
             this.switcher = switcher;
             this.iconsPath = iconsPath;
-            this.path = this.iconsPath("tuiIcon").replace("tuiIcon.svg#tuiIcon", "");
+            this.path = this.iconsPath('tuiIcon').replace('tuiIcon.svg#tuiIcon', '');
             this.language = new i5$1.FormControl(i2$1.tuiCapitalizeFirstLetter(this.switcher.language));
             this.flags = new Map([
-                ["chinese", i5$2.TuiCountryIsoCode.CN],
-                ["dutch", i5$2.TuiCountryIsoCode.NL],
-                ["english", i5$2.TuiCountryIsoCode.GB],
-                ["french", i5$2.TuiCountryIsoCode.FR],
-                ["german", i5$2.TuiCountryIsoCode.DE],
-                ["italian", i5$2.TuiCountryIsoCode.IT],
-                ["polish", i5$2.TuiCountryIsoCode.PL],
-                ["portuguese", i5$2.TuiCountryIsoCode.PT],
-                ["russian", i5$2.TuiCountryIsoCode.RU],
-                ["spanish", i5$2.TuiCountryIsoCode.ES],
-                ["turkish", i5$2.TuiCountryIsoCode.TR],
-                ["ukrainian", i5$2.TuiCountryIsoCode.UA],
-                ["vietnamese", i5$2.TuiCountryIsoCode.VN],
+                ['chinese', i5$2.TuiCountryIsoCode.CN],
+                ['dutch', i5$2.TuiCountryIsoCode.NL],
+                ['english', i5$2.TuiCountryIsoCode.GB],
+                ['french', i5$2.TuiCountryIsoCode.FR],
+                ['german', i5$2.TuiCountryIsoCode.DE],
+                ['italian', i5$2.TuiCountryIsoCode.IT],
+                ['polish', i5$2.TuiCountryIsoCode.PL],
+                ['portuguese', i5$2.TuiCountryIsoCode.PT],
+                ['russian', i5$2.TuiCountryIsoCode.RU],
+                ['spanish', i5$2.TuiCountryIsoCode.ES],
+                ['turkish', i5$2.TuiCountryIsoCode.TR],
+                ['ukrainian', i5$2.TuiCountryIsoCode.UA],
+                ['vietnamese', i5$2.TuiCountryIsoCode.VN],
             ]);
             this.names = Array.from(this.flags.keys());
         }
@@ -1758,9 +1758,9 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiLanguageSwitcherComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: "tui-language-switcher",
-                        templateUrl: "./language-switcher.component.html",
-                        styleUrls: ["./language-switcher.component.less"],
+                        selector: 'tui-language-switcher',
+                        templateUrl: './language-switcher.component.html',
+                        styleUrls: ['./language-switcher.component.less'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }], ctorParameters: function () {
@@ -1921,7 +1921,7 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiScrollIntoViewLinkDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: "[tuiScrollIntoViewLink]",
+                        selector: '[tuiScrollIntoViewLink]',
                         providers: [i6.TuiDestroyService],
                     }]
             }], ctorParameters: function () {
@@ -1958,17 +1958,17 @@
             this.menuOpen = false;
             this.openPagesArr = [];
             this.openPagesGroupsArr = [];
-            this.active = "";
-            this.search = new i5$1.FormControl("");
+            this.active = '';
+            this.search = new i5$1.FormControl('');
             this.filtered$ = i6.tuiControlValue(this.search).pipe(operators.filter(function (search) { return search.length > 2; }), operators.map(function (search) { return _this.filterItems(_this.flattenSubPages(_this.items), search); }));
-            this.mode$ = this.mode.change$.pipe(operators.startWith(null), operators.map(function () { return _this.mode.mode || "onLight"; }));
+            this.mode$ = this.mode.change$.pipe(operators.startWith(null), operators.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 || "");
+                _this.handleAnchorLink(_this.activatedRoute.snapshot.fragment || '');
             });
         }
         Object.defineProperty(TuiDocNavigationComponent.prototype, "canOpen", {
@@ -1998,12 +1998,12 @@
         TuiDocNavigationComponent.prototype.onClick = function (input) {
             input.open = false;
             this.menuOpen = false;
-            this.search.setValue("");
+            this.search.setValue('');
             this.openActivePageGroup();
         };
         TuiDocNavigationComponent.prototype.filterItems = function (items, search) {
             return items.map(function (section) { return i6.tuiUniqBy(section.filter(function (_c) {
-                var title = _c.title, _d = _c.keywords, keywords = _d === void 0 ? "" : _d;
+                var title = _c.title, _d = _c.keywords, keywords = _d === void 0 ? '' : _d;
                 title = title.toLowerCase();
                 search = search.toLowerCase();
                 keywords = keywords.toLowerCase();
@@ -2011,12 +2011,12 @@
                     keywords.includes(search) ||
                     title.includes(tuiTransliterateKeyboardLayout(search)) ||
                     keywords.includes(tuiTransliterateKeyboardLayout(search)) ||
-                    search.replace(/-/gi, "").includes(title));
-            }), "title"); });
+                    search.replace(/-/gi, '').includes(title));
+            }), 'title'); });
         };
         TuiDocNavigationComponent.prototype.flattenSubPages = function (items) {
             return items.reduce(function (array, item) { return __spreadArray(__spreadArray([], __read(array)), [
-                item.reduce(function (pages, page) { return "subPages" in page
+                item.reduce(function (pages, page) { return 'subPages' in page
                     ? __spreadArray(__spreadArray([], __read(pages)), __read(page.subPages)) : __spreadArray(__spreadArray([], __read(pages)), [page]); }, []),
             ]); }, []);
         };
@@ -2033,11 +2033,11 @@
             var _this = this;
             this.items.forEach(function (pages, pagesIndex) {
                 pages.forEach(function (page, pageIndex) {
-                    if ("route" in page && _this.isActiveRoute(page.route)) {
+                    if ('route' in page && _this.isActiveRoute(page.route)) {
                         _this.openPagesArr[pagesIndex] = true;
                         _this.active = page.route;
                     }
-                    if ("subPages" in page) {
+                    if ('subPages' in page) {
                         page.subPages.forEach(function (subPage) {
                             if (_this.isActiveRoute(subPage.route)) {
                                 _this.openPagesArr[pagesIndex] = true;
@@ -2055,10 +2055,10 @@
             if (!element) {
                 return;
             }
-            element.classList.add("tui-doc-animated-example");
+            element.classList.add('tui-doc-animated-example');
             element.scrollIntoView({
-                block: "start",
-                inline: "nearest",
+                block: 'start',
+                inline: 'nearest',
                 behavior: this.scrollBehavior,
             });
         };
@@ -2075,9 +2075,9 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDocNavigationComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: "tui-doc-navigation",
-                        templateUrl: "navigation.template.html",
-                        styleUrls: ["navigation.style.less"],
+                        selector: 'tui-doc-navigation',
+                        templateUrl: 'navigation.template.html',
+                        styleUrls: ['navigation.style.less'],
                         providers: NAVIGATION_PROVIDERS,
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
@@ -2131,7 +2131,7 @@
                         }] }];
         }, propDecorators: { menuOpen: [{
                     type: i0.HostBinding,
-                    args: ["class._open"]
+                    args: ['class._open']
                 }], filterItems: [], flattenSubPages: [] } });
 
     var TUI_DOC_LOGO = new i0.InjectionToken("[TUI_DOC_LOGO]: Main logo", {
@@ -2145,7 +2145,7 @@
             this.router = router;
             this.swipes$ = swipes$;
             this.stream$ = new i9.Subject();
-            this.open$ = i9.merge(this.router.events.pipe(operators.mapTo(false)), this.stream$, this.swipes$.pipe(operators.filter(function (swipe) { return swipe.direction === "left" || swipe.direction === "right"; }), operators.map(function (swipe) { return swipe.direction === "right"; }))).pipe(operators.startWith(false), operators.distinctUntilChanged());
+            this.open$ = i9.merge(this.router.events.pipe(operators.mapTo(false)), this.stream$, this.swipes$.pipe(operators.filter(function (swipe) { return swipe.direction === 'left' || swipe.direction === 'right'; }), operators.map(function (swipe) { return swipe.direction === 'right'; }))).pipe(operators.startWith(false), operators.distinctUntilChanged());
         }
         TuiDocHeaderComponent.prototype.onClick = function () {
             this.stream$.next(true);
@@ -2162,9 +2162,9 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDocHeaderComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: "header[tuiDocHeader]",
-                        templateUrl: "./header.template.html",
-                        styleUrls: ["./header.style.less"],
+                        selector: 'header[tuiDocHeader]',
+                        templateUrl: './header.template.html',
+                        styleUrls: ['./header.style.less'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }], ctorParameters: function () {
@@ -2187,14 +2187,14 @@
         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.night = this.storage.getItem('night') === 'true' ||
+                (this.storage.getItem('night') === null &&
+                    this.windowRef.matchMedia('(prefers-color-scheme: dark)').matches);
             this.change$ = new i9.Subject();
         }
         Object.defineProperty(TuiDocMainComponent.prototype, "mode", {
             get: function () {
-                return this.night ? "onDark" : null;
+                return this.night ? 'onDark' : null;
             },
             enumerable: false,
             configurable: true
@@ -2202,7 +2202,7 @@
         TuiDocMainComponent.prototype.onMode = function (night) {
             this.night = night;
             this.change$.next();
-            this.storage.setItem("night", String(night));
+            this.storage.setItem('night', String(night));
         };
         return TuiDocMainComponent;
     }());
@@ -2217,9 +2217,9 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDocMainComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: "tui-doc-main",
-                        templateUrl: "./main.template.html",
-                        styleUrls: ["./main.style.less"],
+                        selector: 'tui-doc-main',
+                        templateUrl: './main.template.html',
+                        styleUrls: ['./main.style.less'],
                         encapsulation: i0.ViewEncapsulation.None,
                         providers: [
                             {
@@ -2239,7 +2239,7 @@
                         }] }];
         }, propDecorators: { mode: [{
                     type: i0.HostBinding,
-                    args: ["attr.data-mode"]
+                    args: ['attr.data-mode']
                 }] } });
 
     var TuiScrollIntoViewLinkModule = /** @class */ (function () {
@@ -2460,7 +2460,7 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDocPageTabConnectorDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: "[pageTab]",
+                        selector: '[pageTab]',
                     }]
             }], ctorParameters: function () {
             return [{ type: i0__namespace.TemplateRef, decorators: [{
@@ -2479,10 +2479,10 @@
         function TuiDocSourceCodeComponent(sourceCode, text) {
             this.sourceCode = sourceCode;
             this.text = text;
-            this.header = "";
-            this.package = "";
-            this.type = "";
-            this.path = "";
+            this.header = '';
+            this.package = '';
+            this.type = '';
+            this.path = '';
         }
         Object.defineProperty(TuiDocSourceCodeComponent.prototype, "pathOptions", {
             get: function () {
@@ -2509,8 +2509,8 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDocSourceCodeComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: "tui-doc-source-code",
-                        templateUrl: "./source-code.template.html",
+                        selector: 'tui-doc-source-code',
+                        templateUrl: './source-code.template.html',
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }], ctorParameters: function () {
@@ -2540,14 +2540,14 @@
         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]); })
+                    .map(function (page) { return ('subPages' in page ? page.subPages : [page]); })
                     .reduce(function (pages, subPages) { return __spreadArray(__spreadArray([], __read(pages)), __read(subPages)); }, [])
                     .find(function (page) { return page.title === pageTitle; });
                 if (page === null || page === void 0 ? void 0 : page.route) {
                     return page.route;
                 }
             }
-            return "";
+            return '';
         };
         return TuiDocSeeAlsoComponent;
     }());
@@ -2556,9 +2556,9 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDocSeeAlsoComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: "tui-doc-see-also",
-                        templateUrl: "./see-also.template.html",
-                        styleUrls: ["./see-also.style.less"],
+                        selector: 'tui-doc-see-also',
+                        templateUrl: './see-also.template.html',
+                        styleUrls: ['./see-also.style.less'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }], ctorParameters: function () {
@@ -2578,10 +2578,10 @@
             this.deprecated = deprecated;
             this.defaultTabs = defaultTabs;
             this.seeAlso = seeAlso;
-            this.header = "";
-            this.package = "";
-            this.type = "";
-            this.path = "";
+            this.header = '';
+            this.package = '';
+            this.type = '';
+            this.path = '';
             this.tabConnectors = i6.EMPTY_QUERY;
             this.activeItemIndex = NaN;
         }
@@ -2593,26 +2593,26 @@
             configurable: true
         });
         TuiDocPageComponent.prototype.getRouterLink = function (tab) {
-            if (tab === void 0) { tab = ""; }
-            return "./" + tab.replace(/ /g, "_");
+            if (tab === void 0) { tab = ''; }
+            return "./" + tab.replace(/ /g, '_');
         };
         return TuiDocPageComponent;
     }());
-    TuiDocPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDocPageComponent, deps: [{ token: "deprecated", attribute: true }, { token: TUI_DOC_DEFAULT_TABS }, { token: PAGE_SEE_ALSO }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiDocPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDocPageComponent, deps: [{ token: 'deprecated', attribute: true }, { token: TUI_DOC_DEFAULT_TABS }, { token: PAGE_SEE_ALSO }], target: i0__namespace.ɵɵFactoryTarget.Component });
     TuiDocPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiDocPageComponent, selector: "tui-doc-page", inputs: { header: "header", package: "package", type: "type", path: "path" }, providers: PAGE_PROVIDERS, queries: [{ propertyName: "tabConnectors", predicate: TuiDocPageTabConnectorDirective }], ngImport: i0__namespace, 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                    *tuiItem\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                    *tuiItem\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", 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}\n"], components: [{ type: i1__namespace.TuiTagComponent, selector: "tui-tag, a[tuiTag]", inputs: ["value", "editable", "separator", "maxLength", "size", "showLoader", "status", "hoverable", "removable", "disabled", "autoColor", "leftContent"], outputs: ["edited"] }, { type: i1__namespace.TuiTabsWithMoreComponent, selector: "tui-tabs-with-more, nav[tuiTabsWithMore]", inputs: ["moreContent", "dropdownContent", "underline", "activeItemIndex", "itemsLimit"], outputs: ["activeItemIndexChange"] }, { type: i1__namespace.TuiTabComponent, selector: "a[tuiTab]:not([routerLink]), a[tuiTab][routerLink][routerLinkActive], button[tuiTab]" }, { type: TuiDocSourceCodeComponent, selector: "tui-doc-source-code", inputs: ["header", "package", "type", "path"] }, { type: TuiDocSeeAlsoComponent, selector: "tui-doc-see-also", inputs: ["seeAlso"] }], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace$1.TuiItemDirective, selector: "[tuiItem]" }, { type: i6__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i6__namespace.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i5__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDocPageComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: "tui-doc-page",
-                        templateUrl: "./page.template.html",
-                        styleUrls: ["./page.style.less"],
+                        selector: 'tui-doc-page',
+                        templateUrl: './page.template.html',
+                        styleUrls: ['./page.style.less'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         providers: PAGE_PROVIDERS,
                     }]
             }], ctorParameters: function () {
             return [{ type: undefined, decorators: [{
                             type: i0.Attribute,
-                            args: ["deprecated"]
+                            args: ['deprecated']
                         }] }, { type: undefined, decorators: [{
                             type: i0.Inject,
                             args: [TUI_DOC_DEFAULT_TABS]