@taiga-ui/addon-doc 2.15.0 → 2.16.0-fixed

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('ngx-highlightjs'), require('@taiga-ui/cdk'), require('@taiga-ui/kit'), require('rxjs'), require('rxjs/operators'), require('@taiga-ui/core'), require('@angular/forms'), require('@angular/router'), require('@angular/platform-browser'), require('@angular/cdk/clipboard'), require('@ng-web-apis/common'), require('@taiga-ui/addon-mobile'), require('@tinkoff/ng-polymorpheus')) :
-    typeof define === 'function' && define.amd ? define('@taiga-ui/addon-doc', ['exports', '@angular/core', '@angular/common', 'ngx-highlightjs', '@taiga-ui/cdk', '@taiga-ui/kit', 'rxjs', 'rxjs/operators', '@taiga-ui/core', '@angular/forms', '@angular/router', '@angular/platform-browser', '@angular/cdk/clipboard', '@ng-web-apis/common', '@taiga-ui/addon-mobile', '@tinkoff/ng-polymorpheus'], factory) :
-    (global = global || self, factory((global['taiga-ui'] = global['taiga-ui'] || {}, global['taiga-ui']['addon-doc'] = {}), global.ng.core, global.ng.common, global.ngxHighlightjs, global.cdk, global.kit, global.rxjs, global.rxjs.operators, global.core$1, global.ng.forms, global.ng.router, global.ng.platformBrowser, global.ng.cdk.clipboard, global.common$1, global.addonMobile, global.ngPolymorpheus));
-}(this, (function (exports, core, common, ngxHighlightjs, cdk, kit, rxjs, operators, core$1, forms, router, platformBrowser, clipboard, common$1, addonMobile, ngPolymorpheus) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('ngx-highlightjs'), require('@taiga-ui/cdk'), require('@taiga-ui/kit'), require('rxjs'), require('rxjs/operators'), require('@taiga-ui/core'), require('@angular/forms'), require('@angular/router'), require('@angular/platform-browser'), require('@angular/cdk/clipboard'), require('@ng-web-apis/common'), require('@tinkoff/ng-polymorpheus'), require('@taiga-ui/addon-mobile')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/addon-doc', ['exports', '@angular/core', '@angular/common', 'ngx-highlightjs', '@taiga-ui/cdk', '@taiga-ui/kit', 'rxjs', 'rxjs/operators', '@taiga-ui/core', '@angular/forms', '@angular/router', '@angular/platform-browser', '@angular/cdk/clipboard', '@ng-web-apis/common', '@tinkoff/ng-polymorpheus', '@taiga-ui/addon-mobile'], factory) :
+    (global = global || self, factory((global['taiga-ui'] = global['taiga-ui'] || {}, global['taiga-ui']['addon-doc'] = {}), global.ng.core, global.ng.common, global.ngxHighlightjs, global.cdk, global.kit, global.rxjs, global.rxjs.operators, global.core$1, global.ng.forms, global.ng.router, global.ng.platformBrowser, global.ng.cdk.clipboard, global.common$1, global.ngPolymorpheus, global.addonMobile));
+}(this, (function (exports, core, common, ngxHighlightjs, cdk, kit, rxjs, operators, core$1, forms, router, platformBrowser, clipboard, common$1, ngPolymorpheus, addonMobile) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -1316,8 +1316,8 @@
             this.texts = texts;
             this.codeEditor = codeEditor;
             this.processContent = processContent;
-            this.heading = null;
-            this.description = null;
+            this.heading = '';
+            this.description = '';
             this.componentName = this.location.pathname.slice(1);
             this.activeItemIndex = 0;
             this.processedContent = {};
@@ -1408,9 +1408,9 @@
         TuiDocExampleComponent = __decorate([
             core.Component({
                 selector: 'tui-doc-example',
-                template: "<h3 *ngIf=\"heading\" class=\"title\">\n    {{heading}}\n    <button\n        *ngIf=\"id\"\n        tuiIconButton\n        type=\"button\"\n        size=\"xs\"\n        class=\"link-icon\"\n        icon=\"tuiIconLinkLarge\"\n        appearance=\"icon\"\n        [title]=\"copy$ | async\"\n        (click)=\"copyExampleLink()\"\n    ></button>\n</h3>\n<h4 *ngIf=\"description\" class=\"description\">{{description}}</h4>\n<div class=\"example\">\n    <div class=\"tabs\">\n        <tui-tabs [(activeItemIndex)]=\"activeItemIndex\">\n            <button *ngFor=\"let tab of tabs\" tuiTab>{{tab}}</button>\n        </tui-tabs>\n\n        <button\n            *ngIf=\"codeEditor\"\n            tuiButton\n            appearance=\"flat\"\n            size=\"s\"\n            (click)=\"codeEditor.open(componentName, id || '',  processedContent)\"\n        >\n            Edit on {{codeEditor.name}}\n        </button>\n    </div>\n    <ng-container [ngSwitch]=\"activeItem\">\n        <div\n            *ngIf=\"isDefaultItem; else codeTab\"\n            class=\"demo\"\n            automation-id=\"tui-doc-example\"\n        >\n            <ng-content></ng-content>\n        </div>\n        <ng-template #codeTab>\n            <tui-doc-copy\n                class=\"copy-code\"\n                [cdkCopyToClipboard]=\"code\"\n            ></tui-doc-copy>\n            <tui-doc-code [code]=\"code\"></tui-doc-code>\n        </ng-template>\n    </ng-container>\n</div>\n",
+                template: "<h3 *ngIf=\"heading\" class=\"title\">\n    <span polymorpheus-outlet [content]=\"heading\"></span>\n    <button\n        *ngIf=\"id\"\n        tuiIconButton\n        type=\"button\"\n        size=\"xs\"\n        class=\"link-icon\"\n        icon=\"tuiIconLinkLarge\"\n        appearance=\"icon\"\n        [title]=\"copy$ | async\"\n        (click)=\"copyExampleLink()\"\n    ></button>\n</h3>\n<h4\n    *ngIf=\"description\"\n    class=\"description\"\n    polymorpheus-outlet\n    [content]=\"description\"\n></h4>\n<div class=\"example\">\n    <div class=\"tabs\">\n        <tui-tabs [(activeItemIndex)]=\"activeItemIndex\">\n            <button *ngFor=\"let tab of tabs\" tuiTab>{{tab}}</button>\n        </tui-tabs>\n\n        <button\n            *ngIf=\"codeEditor\"\n            tuiButton\n            appearance=\"flat\"\n            size=\"s\"\n            (click)=\"codeEditor.open(componentName, id || '',  processedContent)\"\n        >\n            Edit on {{codeEditor.name}}\n        </button>\n    </div>\n    <ng-container [ngSwitch]=\"activeItem\">\n        <div\n            *ngIf=\"isDefaultItem; else codeTab\"\n            class=\"demo\"\n            automation-id=\"tui-doc-example\"\n        >\n            <ng-content></ng-content>\n        </div>\n        <ng-template #codeTab>\n            <tui-doc-copy\n                class=\"copy-code\"\n                [cdkCopyToClipboard]=\"code\"\n            ></tui-doc-copy>\n            <tui-doc-code [code]=\"code\"></tui-doc-code>\n        </ng-template>\n    </ng-container>\n</div>\n",
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
-                styles: [":host{position:relative;display:block;padding-top:3.5rem;clear:right}.title{font:var(--tui-font-heading-5);margin:0 0 .5rem}@media screen and (max-width:37.4375em){:host{padding-top:2rem}.title{font:var(--tui-font-heading-6)}}.description{font:var(--tui-font-text-m);font-weight:400;margin:0}.description:first-letter,.title:first-letter{text-transform:capitalize}.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)}.tabs{padding:0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:37.4375em){.example{margin-top:.75rem}.tabs{padding:0 1rem}}.demo{padding:2rem;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.demo::-webkit-scrollbar,.demo::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:6px solid transparent}.demo::-webkit-scrollbar{background-color:transparent}.demo::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.demo::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.demo::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}@media screen and (max-width:37.4375em){.demo{padding:1rem}}.copy-code{position:absolute;top:4.375rem;right:1rem}.link-icon{vertical-align:baseline}"]
+                styles: [":host{position:relative;display:block;padding-top:3.5rem;clear:right}.title{font:var(--tui-font-heading-5);margin:0 0 .5rem}@media screen and (max-width:37.4375em){:host{padding-top:2rem}.title{font:var(--tui-font-heading-6)}}.description{font:var(--tui-font-text-m);font-weight:400;margin:0}.description:first-letter,.title:first-letter{text-transform:capitalize}.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)}.tabs{padding:0 2rem;box-shadow:inset 0 -1px var(--tui-base-03);display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:37.4375em){.example{margin-top:.75rem}.tabs{padding:0 1rem}}.demo{padding:2rem;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.demo::-webkit-scrollbar,.demo::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:6px solid transparent}.demo::-webkit-scrollbar{background-color:transparent}.demo::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.demo::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.demo::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}@media screen and (max-width:37.4375em){.demo{padding:1rem}}.copy-code{position:absolute;top:4.375rem;right:1rem}.link-icon{margin-left:.3rem;vertical-align:baseline}"]
             }),
             __param(0, core.Attribute('id')),
             __param(1, core.Inject(clipboard.Clipboard)),
@@ -1437,6 +1437,7 @@
                     core$1.TuiButtonModule,
                     TuiDocCopyModule,
                     TuiDocCodeModule,
+                    ngPolymorpheus.PolymorpheusModule,
                 ],
                 declarations: [TuiDocExampleComponent],
                 exports: [TuiDocExampleComponent],