@taiga-ui/addon-doc 2.13.0 → 2.16.0-fixed
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/taiga-ui-addon-doc.umd.js +11 -10
- package/bundles/taiga-ui-addon-doc.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-doc.umd.min.js +2 -2
- package/bundles/taiga-ui-addon-doc.umd.min.js.map +1 -1
- package/components/example/example.component.d.ts +3 -2
- package/esm2015/components/example/example.component.js +5 -5
- package/esm2015/components/example/example.module.js +3 -1
- package/esm2015/components/main/main.component.js +3 -3
- package/esm5/components/example/example.component.js +5 -5
- package/esm5/components/example/example.module.js +3 -1
- package/esm5/components/main/main.component.js +3 -3
- package/fesm2015/taiga-ui-addon-doc.js +8 -7
- package/fesm2015/taiga-ui-addon-doc.js.map +1 -1
- package/fesm5/taiga-ui-addon-doc.js +8 -7
- package/fesm5/taiga-ui-addon-doc.js.map +1 -1
- package/package.json +5 -5
- package/taiga-ui-addon-doc.metadata.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
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('@
|
|
3
|
-
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', '@
|
|
4
|
-
(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.
|
|
5
|
-
}(this, (function (exports, core, common, ngxHighlightjs, cdk, kit, rxjs, operators, core$1, forms, router, platformBrowser, clipboard, common$1,
|
|
2
|
+
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')) :
|
|
3
|
+
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) :
|
|
4
|
+
(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));
|
|
5
|
+
}(this, (function (exports, core, common, ngxHighlightjs, cdk, kit, rxjs, operators, core$1, forms, router, platformBrowser, clipboard, common$1, ngPolymorpheus, addonMobile) { 'use strict';
|
|
6
6
|
|
|
7
7
|
/*! *****************************************************************************
|
|
8
8
|
Copyright (c) Microsoft Corporation.
|
|
@@ -1316,8 +1316,8 @@
|
|
|
1316
1316
|
this.texts = texts;
|
|
1317
1317
|
this.codeEditor = codeEditor;
|
|
1318
1318
|
this.processContent = processContent;
|
|
1319
|
-
this.heading =
|
|
1320
|
-
this.description =
|
|
1319
|
+
this.heading = '';
|
|
1320
|
+
this.description = '';
|
|
1321
1321
|
this.componentName = this.location.pathname.slice(1);
|
|
1322
1322
|
this.activeItemIndex = 0;
|
|
1323
1323
|
this.processedContent = {};
|
|
@@ -1408,9 +1408,9 @@
|
|
|
1408
1408
|
TuiDocExampleComponent = __decorate([
|
|
1409
1409
|
core.Component({
|
|
1410
1410
|
selector: 'tui-doc-example',
|
|
1411
|
-
template: "<h3 *ngIf=\"heading\" class=\"title\">\n
|
|
1411
|
+
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",
|
|
1412
1412
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
1413
|
-
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}"]
|
|
1413
|
+
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}"]
|
|
1414
1414
|
}),
|
|
1415
1415
|
__param(0, core.Attribute('id')),
|
|
1416
1416
|
__param(1, core.Inject(clipboard.Clipboard)),
|
|
@@ -1437,6 +1437,7 @@
|
|
|
1437
1437
|
core$1.TuiButtonModule,
|
|
1438
1438
|
TuiDocCopyModule,
|
|
1439
1439
|
TuiDocCodeModule,
|
|
1440
|
+
ngPolymorpheus.PolymorpheusModule,
|
|
1440
1441
|
],
|
|
1441
1442
|
declarations: [TuiDocExampleComponent],
|
|
1442
1443
|
exports: [TuiDocExampleComponent],
|
|
@@ -1476,7 +1477,7 @@
|
|
|
1476
1477
|
TuiDocMainComponent = TuiDocMainComponent_1 = __decorate([
|
|
1477
1478
|
core.Component({
|
|
1478
1479
|
selector: 'tui-doc-main',
|
|
1479
|
-
template: "<tui-theme-night *ngIf=\"night\"></tui-theme-night>\n<tui-root>\n <div class=\"tui-doc-page\">\n <tui-doc-navigation class=\"tui-doc-navigation\">\n <ng-content select=\"tuiDocNavigation\"></ng-content>\n </tui-doc-navigation>\n <div class=\"tui-doc-content\">\n <router-outlet class=\"tui-doc-outlet\"></router-outlet>\n </div>\n </div>\n <header tuiDocHeader>\n <label>\n Night mode\n <tui-toggle\n class=\"tui-space_left-2\"\n [ngModel]=\"night\"\n (ngModelChange)=\"onMode($event)\"\n ></tui-toggle>\n </label>\n <ng-content select=\"tuiDocHeader\"></ng-content>\n </header>\n <ng-container ngProjectAs=\"tuiOverDialogs\">\n <ng-content select=\"tuiOverDialogs\"></ng-content>\n </ng-container>\n <ng-container ngProjectAs=\"tuiOverNotifications\">\n <ng-content select=\"tuiOverNotifications\"></ng-content>\n </ng-container>\n <ng-container ngProjectAs=\"tuiOverPortals\">\n <ng-content select=\"tuiOverPortals\"></ng-content>\n </ng-container>\n <ng-container ngProjectAs=\"tuiOverHints\">\n <ng-content select=\"tuiOverHints\"></ng-content>\n </ng-container>\n</tui-root>\n",
|
|
1480
|
+
template: "<tui-theme-night *ngIf=\"night\"></tui-theme-night>\n<tui-root>\n <div class=\"tui-doc-page\">\n <tui-doc-navigation class=\"tui-doc-navigation\">\n <ng-content select=\"tuiDocNavigation\"></ng-content>\n </tui-doc-navigation>\n <div class=\"tui-doc-content\">\n <router-outlet class=\"tui-doc-outlet\"></router-outlet>\n </div>\n </div>\n <header tuiDocHeader>\n <label class=\"night-mode\">\n Night mode\n <tui-toggle\n class=\"tui-space_left-2\"\n [ngModel]=\"night\"\n (ngModelChange)=\"onMode($event)\"\n ></tui-toggle>\n </label>\n <ng-content select=\"tuiDocHeader\"></ng-content>\n </header>\n <ng-container ngProjectAs=\"tuiOverDialogs\">\n <ng-content select=\"tuiOverDialogs\"></ng-content>\n </ng-container>\n <ng-container ngProjectAs=\"tuiOverNotifications\">\n <ng-content select=\"tuiOverNotifications\"></ng-content>\n </ng-container>\n <ng-container ngProjectAs=\"tuiOverPortals\">\n <ng-content select=\"tuiOverPortals\"></ng-content>\n </ng-container>\n <ng-container ngProjectAs=\"tuiOverHints\">\n <ng-content select=\"tuiOverHints\"></ng-content>\n </ng-container>\n</tui-root>\n",
|
|
1480
1481
|
encapsulation: core.ViewEncapsulation.None,
|
|
1481
1482
|
providers: [
|
|
1482
1483
|
{
|
|
@@ -1484,7 +1485,7 @@
|
|
|
1484
1485
|
useExisting: core.forwardRef(function () { return TuiDocMainComponent_1; }),
|
|
1485
1486
|
},
|
|
1486
1487
|
],
|
|
1487
|
-
styles: ["@-webkit-keyframes tuiShaking{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-.3125rem,0,0)}20%,40%,60%,80%{transform:translate3d(.3125rem,0,0)}}@keyframes tuiShaking{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-.3125rem,0,0)}20%,40%,60%,80%{transform:translate3d(.3125rem,0,0)}}
|
|
1488
|
+
styles: ["html{scroll-padding-top:4rem;height:auto}@-webkit-keyframes tuiShaking{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-.3125rem,0,0)}20%,40%,60%,80%{transform:translate3d(.3125rem,0,0)}}@keyframes tuiShaking{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-.3125rem,0,0)}20%,40%,60%,80%{transform:translate3d(.3125rem,0,0)}}body{background:var(--tui-base-01);height:auto}tui-doc-main{display:block}code:not(.hljs):not(.exception){transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;background:var(--tui-base-02);color:var(--tui-text-02);vertical-align:middle;box-shadow:inset 0 -2px var(--tui-secondary);padding:.375rem .5rem;font-size:.875rem;border-radius:.5rem}:focus code:not(.exception){background:var(--tui-base-01)}.tui-doc-page{position:relative;z-index:0;padding-top:4rem}tui-doc-navigation.tui-doc-navigation{position:fixed;top:4rem;bottom:0;width:16.25rem;border-right:1px solid var(--tui-base-03)}.tui-doc-content{margin-left:16.25rem}@media screen and (max-width:47.9375em){tui-doc-navigation.tui-doc-navigation{display:none}.tui-doc-content{margin-left:0}}.tui-doc-outlet+*{display:block}.tui-doc-animated-example{-webkit-animation:1s .3s tuiShaking;animation:1s .3s tuiShaking}label.night-mode{cursor:pointer}.hljs-tag{background:0 0}.hljs{display:block;overflow-x:auto;padding:.5em;color:var(--tui-text-primary);background-color:var(--tui-base-02)}.hljs-subst,.hljs-title{font-weight:400;color:var(--tui-text-01)}.hljs-comment,.hljs-quote{color:var(--tui-text-03);font-style:italic}.hljs-meta{color:#e38162}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-type{font-weight:700;color:var(--tui-link)}.hljs-attribute,.hljs-link,.hljs-number,.hljs-regexp{font-weight:700;color:var(--tui-primary-active)}.hljs-link,.hljs-number,.hljs-regexp{font-weight:400}.hljs-string{color:var(--tui-positive);font-weight:700}.hljs-bullet,.hljs-formula,.hljs-symbol{color:var(--tui-text-primary);background:var(--tui-base-02);font-style:italic}.hljs-doctag{text-decoration:underline}.hljs-template-variable,.hljs-variable{color:var(--tui-warning-fill)}.hljs-addition{background:var(--tui-success-bg)}.hljs-deletion{background:var(--tui-error-bg)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs .hljs-line-numbers{padding:0}.hljs-ln-numbers{vertical-align:top;opacity:.3;text-align:right;padding-right:1em!important}"]
|
|
1488
1489
|
}),
|
|
1489
1490
|
__param(0, core.Inject(common$1.LOCAL_STORAGE)),
|
|
1490
1491
|
__param(1, core.Inject(common$1.WINDOW))
|