@taiga-ui/addon-doc 3.59.0-canary.bbbc36e → 3.60.0-canary.799e7d6

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

@@ -933,23 +933,23 @@
         TuiGetColorPipe.prototype.transform = function (color) {
             if (color.length === 4) {
                 return color
-                    .split("")
+                    .split('')
                     .reduce(function (result, current) { return __spreadArray(__spreadArray([], __read(result)), [current, current]); }, [])
-                    .join("")
-                    .replace("#", "");
+                    .join('')
+                    .replace('#', '');
             }
-            if (color.startsWith("#")) {
+            if (color.startsWith('#')) {
                 return color;
             }
-            if (color === "transparent") {
-                return "#000000";
+            if (color === 'transparent') {
+                return '#000000';
             }
             var parsed = color
-                .replace("rgb(", "")
-                .replace("rgba(", "")
-                .replace(")", "")
-                .replace(" ", "")
-                .split(",")
+                .replace('rgb(', '')
+                .replace('rgba(', '')
+                .replace(')', '')
+                .replace(' ', '')
+                .split(',')
                 .map(function (v) { return Number.parseInt(v, 10); });
             return i6.tuiRgbToHex.apply(void 0, __spreadArray([], __read(parsed)));
         };
@@ -959,25 +959,25 @@
     TuiGetColorPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiGetColorPipe, name: "tuiGetColorPipe" });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiGetColorPipe, decorators: [{
                 type: i0.Pipe,
-                args: [{ name: "tuiGetColorPipe" }]
+                args: [{ name: 'tuiGetColorPipe' }]
             }] });
 
     var TuiGetOpacityPipe = /** @class */ (function () {
         function TuiGetOpacityPipe() {
         }
         TuiGetOpacityPipe.prototype.transform = function (color) {
-            if (color.startsWith("#") || color.startsWith("rgb(")) {
+            if (color.startsWith('#') || color.startsWith('rgb(')) {
                 return 100;
             }
-            if (color === "transparent") {
+            if (color === 'transparent') {
                 return 0;
             }
-            var lastComma = color.lastIndexOf(",");
+            var lastComma = color.lastIndexOf(',');
             var parsed = color
                 .slice(lastComma)
-                .replace(")", "")
-                .replace(" ", "")
-                .replace(",", "");
+                .replace(')', '')
+                .replace(' ', '')
+                .replace(',', '');
             return Math.round(Number.parseFloat(parsed) * 100);
         };
         return TuiGetOpacityPipe;
@@ -986,7 +986,7 @@
     TuiGetOpacityPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiGetOpacityPipe, name: "tuiGetOpacity" });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiGetOpacityPipe, decorators: [{
                 type: i0.Pipe,
-                args: [{ name: "tuiGetOpacity" }]
+                args: [{ name: 'tuiGetOpacity' }]
             }] });
 
     var TuiInputOpacityDirective = /** @class */ (function () {
@@ -1029,7 +1029,7 @@
         function TuiStripOptionalPipe() {
         }
         TuiStripOptionalPipe.prototype.transform = function (name) {
-            return name.replace("?", "");
+            return name.replace('?', '');
         };
         return TuiStripOptionalPipe;
     }());
@@ -1037,14 +1037,14 @@
     TuiStripOptionalPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiStripOptionalPipe, name: "tuiStripOptionalPipe" });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiStripOptionalPipe, decorators: [{
                 type: i0.Pipe,
-                args: [{ name: "tuiStripOptionalPipe" }]
+                args: [{ name: 'tuiStripOptionalPipe' }]
             }] });
 
     var TuiIsOptionalPipe = /** @class */ (function () {
         function TuiIsOptionalPipe() {
         }
         TuiIsOptionalPipe.prototype.transform = function (name) {
-            return name.includes("?");
+            return name.includes('?');
         };
         return TuiIsOptionalPipe;
     }());
@@ -1052,7 +1052,7 @@
     TuiIsOptionalPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIsOptionalPipe, name: "tuiIsOptionalPipe" });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIsOptionalPipe, decorators: [{
                 type: i0.Pipe,
-                args: [{ name: "tuiIsOptionalPipe" }]
+                args: [{ name: 'tuiIsOptionalPipe' }]
             }] });
 
     var TuiDocTypeReferencePipe = /** @class */ (function () {
@@ -1072,7 +1072,7 @@
                     reference: (_b = (_a = _this.linkHandler) === null || _a === void 0 ? void 0 : _a.call(_this, extracted)) !== null && _b !== void 0 ? _b : null,
                 });
             })
-                .sort(function (a, b) { var _a, _b, _c; return (_c = (_a = b.reference) === null || _a === void 0 ? void 0 : _a.localeCompare((_b = a.reference) !== null && _b !== void 0 ? _b : "")) !== null && _c !== void 0 ? _c : -1; });
+                .sort(function (a, b) { var _a, _b, _c; return (_c = (_a = b.reference) === null || _a === void 0 ? void 0 : _a.localeCompare((_b = a.reference) !== null && _b !== void 0 ? _b : '')) !== null && _c !== void 0 ? _c : -1; });
         };
         return TuiDocTypeReferencePipe;
     }());
@@ -1080,7 +1080,7 @@
     TuiDocTypeReferencePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDocTypeReferencePipe, name: "tuiDocTypeReference" });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDocTypeReferencePipe, decorators: [{
                 type: i0.Pipe,
-                args: [{ name: "tuiDocTypeReference" }]
+                args: [{ name: 'tuiDocTypeReference' }]
             }], ctorParameters: function () {
             return [{ type: undefined, decorators: [{
                             type: i0.Inject,
@@ -1095,7 +1095,7 @@
         function TuiShowCleanerPipe() {
         }
         TuiShowCleanerPipe.prototype.transform = function (type) {
-            return type.includes("null");
+            return type.includes('null');
         };
         return TuiShowCleanerPipe;
     }());
@@ -1103,7 +1103,7 @@
     TuiShowCleanerPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiShowCleanerPipe, name: "tuiShowCleanerPipe" });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiShowCleanerPipe, decorators: [{
                 type: i0.Pipe,
-                args: [{ name: "tuiShowCleanerPipe" }]
+                args: [{ name: 'tuiShowCleanerPipe' }]
             }] });
 
     var TuiInspectPipe = /** @class */ (function () {
@@ -1112,7 +1112,7 @@
         }
         TuiInspectPipe.prototype.transform = function (value, depth) {
             if (depth === void 0) { depth = 2; }
-            if (this.isE2E && typeof value === "function") {
+            if (this.isE2E && typeof value === 'function') {
                 /**
                  * @description:
                  * When developing in production mode the webpack bundler minify
@@ -1120,7 +1120,7 @@
                  * of the function may differ from build to build, which can be to
                  * various problems when screenshot testing on e2e.
                  */
-                return "\u03BB(x) => y";
+                return 'λ(x) => y';
             }
             return utils.tuiInspectAny(value, depth);
         };
@@ -1130,7 +1130,7 @@
     TuiInspectPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiInspectPipe, name: "tuiInspectAny" });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiInspectPipe, decorators: [{
                 type: i0.Pipe,
-                args: [{ name: "tuiInspectAny" }]
+                args: [{ name: 'tuiInspectAny' }]
             }], ctorParameters: function () {
             return [{ type: undefined, decorators: [{
                             type: i0.Inject,
@@ -1150,7 +1150,7 @@
     TuiIsPrimitivePolymorpheusContentPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIsPrimitivePolymorpheusContentPipe, name: "tuiIsPrimitivePolymorpheusContentPipe" });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIsPrimitivePolymorpheusContentPipe, decorators: [{
                 type: i0.Pipe,
-                args: [{ name: "tuiIsPrimitivePolymorpheusContentPipe" }]
+                args: [{ name: 'tuiIsPrimitivePolymorpheusContentPipe' }]
             }] });
 
     // @bad TODO subscribe propertiesConnectors changes
@@ -1375,7 +1375,7 @@
             files[interfaces.TUI_EXAMPLE_PRIMARY_FILE_NAME.HTML]); },
         tabTitles: new Map(),
         fullsize: true,
-        linkIcon: "tuiIconLink",
+        linkIcon: 'tuiIconLink',
     };
     /**
      * Default parameters for DocExample component
@@ -1397,7 +1397,7 @@
     TuiDocExampleGetTabsPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDocExampleGetTabsPipe, name: "tuiDocExampleGetTabs" });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDocExampleGetTabsPipe, decorators: [{
                 type: i0.Pipe,
-                args: [{ name: "tuiDocExampleGetTabs" }]
+                args: [{ name: 'tuiDocExampleGetTabs' }]
             }] });
 
     var TuiDocExampleComponent = /** @class */ (function () {
@@ -1597,15 +1597,15 @@
     /**
      * Page title
      */
-    var NAVIGATION_TITLE = new i0.InjectionToken("[NAVIGATION_TITLE]");
+    var NAVIGATION_TITLE = new i0.InjectionToken('[NAVIGATION_TITLE]');
     /**
      * Navigation sections labels for search
      */
-    var NAVIGATION_LABELS = new i0.InjectionToken("[NAVIGATION_LABELS]");
+    var NAVIGATION_LABELS = new i0.InjectionToken('[NAVIGATION_LABELS]');
     /**
      * Navigation pages
      */
-    var NAVIGATION_ITEMS = new i0.InjectionToken("[NAVIGATION_ITEMS]");
+    var NAVIGATION_ITEMS = new i0.InjectionToken('[NAVIGATION_ITEMS]');
     var NAVIGATION_PROVIDERS = [
         i6.TuiDestroyService,
         {
@@ -2272,7 +2272,7 @@
                 useExisting: i0.forwardRef(function () { return TuiDocMainComponent; }),
             },
             i6.TuiSwipeService,
-        ], ngImport: i0__namespace, template: "<tui-theme-night *ngIf=\"theme.isDefaultTheme && night.useDefaultNightTheme && (night$ | async)\"></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        <ng-content select=\"tuiDocHeader\"></ng-content>\n        <button\n            appearance=\"secondary\"\n            shape=\"rounded\"\n            size=\"s\"\n            tuiIconButton\n            tuiMode=\"onLight\"\n            type=\"button\"\n            class=\"tui-doc-night-mode-switch\"\n            [icon]=\"icon\"\n            (click)=\"night.toggle()\"\n        ></button>\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    <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", styles: ["html{scroll-padding-top:4rem;height:auto}@keyframes tuiShaking{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-.3125rem)}20%,40%,60%,80%{transform:translate(.3125rem)}}body{background:var(--tui-base-01);height:auto}tui-doc-main{display:block}code:not(pre code):not(.hljs):not([class*=\"language-\"]){transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:inline-flex;background:var(--tui-base-02);color:var(--tui-text-02);vertical-align:middle;align-items:center;border-radius:.25rem;font-weight:500;outline:1px solid var(--tui-base-04);font-size:.75rem;padding:0 .3125rem;margin:.125rem .1875rem;text-wrap:wrap}tui-notification code:not(pre code):not(.hljs):not([class*=\"language-\"]){mix-blend-mode:luminosity}a code:not(pre code):not(.hljs):not([class*=\"language-\"]){color:var(--tui-link)}button:focus code,a:focus code{background:var(--tui-base-01)}.tui-doc-page{isolation:isolate;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)}@media screen and (max-width: 47.9625em){tui-doc-navigation.tui-doc-navigation{display:none}}.tui-doc-content{margin-left:16.25rem}@media screen and (max-width: 47.9625em){.tui-doc-content{margin-left:0}}.tui-doc-outlet+*{display:block}.tui-doc-night-mode-switch{margin-left:1rem}.tui-doc-night-mode-switch tui-svg{color:var(--tui-text-02)}tui-doc-code .hljs-tag{background:none}tui-doc-code .hljs{display:block;overflow-x:auto;padding:.5em;color:var(--tui-text-01);background-color:var(--tui-clear)}tui-doc-code .hljs.hljs-line-numbers{background:transparent}tui-doc-code .hljs-subst,tui-doc-code .hljs-title{font-weight:normal;color:var(--tui-text-01)}tui-doc-code .hljs-property{color:var(--tui-support-14)}tui-doc-code .hljs-comment,tui-doc-code .hljs-quote{color:var(--tui-text-02);font-style:italic}tui-doc-code .hljs-meta{color:#e38162}tui-doc-code .hljs-section,tui-doc-code .hljs-name,tui-doc-code .hljs-literal,tui-doc-code .hljs-keyword,tui-doc-code .hljs-selector-tag,tui-doc-code .hljs-type,tui-doc-code .hljs-selector-id,tui-doc-code .hljs-selector-class{font-weight:bold;color:var(--tui-link)}tui-doc-code .hljs-attr{color:var(--tui-link)}tui-doc-code .hljs-attribute,tui-doc-code .hljs-number,tui-doc-code .hljs-regexp,tui-doc-code .hljs-link,tui-doc-code .hljs-built_in{font-weight:bold;color:var(--tui-support-06)}tui-doc-code .hljs-number,tui-doc-code .hljs-regexp,tui-doc-code .hljs-link{font-weight:normal}tui-doc-code .hljs-string{color:var(--tui-positive);font-weight:bold}tui-doc-code .hljs-symbol,tui-doc-code .hljs-bullet,tui-doc-code .hljs-formula{color:var(--tui-text-01);background:var(--tui-base-02);font-style:italic}tui-doc-code .hljs-doctag{text-decoration:underline}tui-doc-code .hljs-variable,tui-doc-code .hljs-template-variable{color:var(--tui-link-hover)}tui-doc-code [data-mode=onDark] .hljs-variable,tui-doc-code [data-mode=onDark] .hljs-template-variable{color:var(--tui-warning-fill)}tui-doc-code .hljs-addition{background:var(--tui-success-bg)}tui-doc-code .hljs-deletion{background:var(--tui-error-bg)}tui-doc-code .hljs-emphasis{font-style:italic}tui-doc-code .hljs-strong{font-weight:bold}tui-doc-code .hljs .hljs-line-numbers{padding:0}tui-doc-code .hljs-ln-numbers{vertical-align:top;opacity:.3;text-align:right;padding-right:1em!important}\n"], components: [{ type: i2__namespace.TuiThemeNightComponent, selector: "tui-theme-night" }, { type: i2__namespace.TuiRootComponent, selector: "tui-root" }, { type: TuiDocNavigationComponent, selector: "tui-doc-navigation" }, { type: TuiDocHeaderComponent, selector: "header[tuiDocHeader]" }, { type: i2__namespace.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate"], exportAs: ["outlet"] }, { type: i2__namespace.TuiModeDirective, selector: "[tuiMode]", inputs: ["tuiMode"] }], pipes: { "async": i4__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.Default, encapsulation: i0__namespace.ViewEncapsulation.None });
+        ], ngImport: i0__namespace, template: "<tui-theme-night *ngIf=\"theme.isDefaultTheme && night.useDefaultNightTheme && (night$ | async)\"></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        <ng-content select=\"tuiDocHeader\"></ng-content>\n        <button\n            appearance=\"secondary\"\n            shape=\"rounded\"\n            size=\"s\"\n            tuiIconButton\n            tuiMode=\"onLight\"\n            type=\"button\"\n            class=\"tui-doc-night-mode-switch\"\n            [icon]=\"icon\"\n            (click)=\"night.toggle()\"\n        ></button>\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    <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", styles: ["@keyframes tuiShaking{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-.3125rem)}20%,40%,60%,80%{transform:translate(.3125rem)}}html,body{scroll-padding-top:4rem;background:var(--tui-base-01);height:auto}tui-root>tui-scroll-controls>.t-bar_vertical{top:4rem!important}tui-doc-main{display:block}code:not(pre code):not(.hljs):not([class*=\"language-\"]){transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:inline-flex;background:var(--tui-base-02);color:var(--tui-text-02);vertical-align:middle;align-items:center;border-radius:.25rem;font-weight:500;outline:1px solid var(--tui-base-04);font-size:.75rem;padding:0 .3125rem;margin:.125rem .1875rem;text-wrap:wrap}tui-notification code:not(pre code):not(.hljs):not([class*=\"language-\"]){mix-blend-mode:luminosity}a code:not(pre code):not(.hljs):not([class*=\"language-\"]){color:var(--tui-link)}button:focus code,a:focus code{background:var(--tui-base-01)}.tui-doc-page{isolation:isolate;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)}@media screen and (max-width: 47.9625em){tui-doc-navigation.tui-doc-navigation{display:none}}.tui-doc-content{margin-left:16.25rem}@media screen and (max-width: 47.9625em){.tui-doc-content{margin-left:0}}.tui-doc-outlet+*{display:block}.tui-doc-night-mode-switch{margin-left:1rem}.tui-doc-night-mode-switch tui-svg{color:var(--tui-text-02)}tui-doc-code .hljs-tag{background:none}tui-doc-code .hljs{display:block;overflow-x:auto;padding:.5em;color:var(--tui-text-01);background-color:var(--tui-clear)}tui-doc-code .hljs.hljs-line-numbers{background:transparent}tui-doc-code .hljs-subst,tui-doc-code .hljs-title{font-weight:normal;color:var(--tui-text-01)}tui-doc-code .hljs-property{color:var(--tui-support-14)}tui-doc-code .hljs-comment,tui-doc-code .hljs-quote{color:var(--tui-text-02);font-style:italic}tui-doc-code .hljs-meta{color:#e38162}tui-doc-code .hljs-section,tui-doc-code .hljs-name,tui-doc-code .hljs-literal,tui-doc-code .hljs-keyword,tui-doc-code .hljs-selector-tag,tui-doc-code .hljs-type,tui-doc-code .hljs-selector-id,tui-doc-code .hljs-selector-class{font-weight:bold;color:var(--tui-link)}tui-doc-code .hljs-attr{color:var(--tui-link)}tui-doc-code .hljs-attribute,tui-doc-code .hljs-number,tui-doc-code .hljs-regexp,tui-doc-code .hljs-link,tui-doc-code .hljs-built_in{font-weight:bold;color:var(--tui-support-06)}tui-doc-code .hljs-number,tui-doc-code .hljs-regexp,tui-doc-code .hljs-link{font-weight:normal}tui-doc-code .hljs-string{color:var(--tui-positive);font-weight:bold}tui-doc-code .hljs-symbol,tui-doc-code .hljs-bullet,tui-doc-code .hljs-formula{color:var(--tui-text-01);background:var(--tui-base-02);font-style:italic}tui-doc-code .hljs-doctag{text-decoration:underline}tui-doc-code .hljs-variable,tui-doc-code .hljs-template-variable{color:var(--tui-link-hover)}tui-doc-code [data-mode=onDark] .hljs-variable,tui-doc-code [data-mode=onDark] .hljs-template-variable{color:var(--tui-warning-fill)}tui-doc-code .hljs-addition{background:var(--tui-success-bg)}tui-doc-code .hljs-deletion{background:var(--tui-error-bg)}tui-doc-code .hljs-emphasis{font-style:italic}tui-doc-code .hljs-strong{font-weight:bold}tui-doc-code .hljs .hljs-line-numbers{padding:0}tui-doc-code .hljs-ln-numbers{vertical-align:top;opacity:.3;text-align:right;padding-right:1em!important}\n"], components: [{ type: i2__namespace.TuiThemeNightComponent, selector: "tui-theme-night" }, { type: i2__namespace.TuiRootComponent, selector: "tui-root" }, { type: TuiDocNavigationComponent, selector: "tui-doc-navigation" }, { type: TuiDocHeaderComponent, selector: "header[tuiDocHeader]" }, { type: i2__namespace.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate"], exportAs: ["outlet"] }, { type: i2__namespace.TuiModeDirective, selector: "[tuiMode]", inputs: ["tuiMode"] }], pipes: { "async": i4__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.Default, encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDocMainComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -2358,18 +2358,18 @@
     /**
      * Array if related page titles
      */
-    var PAGE_SEE_ALSO = new i0.InjectionToken("[PAGE_SEE_ALSO]");
+    var PAGE_SEE_ALSO = new i0.InjectionToken('[PAGE_SEE_ALSO]');
     var PAGE_PROVIDERS = [
         {
             provide: PAGE_SEE_ALSO,
             deps: [i0.ElementRef, tokens.TUI_DOC_SEE_ALSO],
             useFactory: function (_a, seeAlsoGroups) {
                 var nativeElement = _a.nativeElement;
-                var currentHeader = nativeElement.getAttribute("header");
+                var currentHeader = nativeElement.getAttribute('header');
                 var groups = seeAlsoGroups.filter(function (group) { return group.includes(currentHeader); }) || [];
                 var seeAlsoSet = new Set(groups
                     .join()
-                    .split(",")
+                    .split(',')
                     .filter(function (component) { return component && component !== currentHeader; }));
                 return Array.from(seeAlsoSet);
             },