@taiga-ui/addon-doc 3.62.0 → 3.63.0
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-components.umd.js +11 -34
- package/bundles/taiga-ui-addon-doc-components.umd.js.map +1 -1
- package/components/example/example.component.d.ts +3 -9
- package/components/example/example.module.d.ts +2 -1
- package/esm2015/components/example/example.component.js +14 -43
- package/esm2015/components/example/example.module.js +6 -2
- package/fesm2015/taiga-ui-addon-doc-components.js +10 -34
- package/fesm2015/taiga-ui-addon-doc-components.js.map +1 -1
- package/package.json +5 -5
|
@@ -1401,7 +1401,7 @@
|
|
|
1401
1401
|
}] });
|
|
1402
1402
|
|
|
1403
1403
|
var TuiDocExampleComponent = /** @class */ (function () {
|
|
1404
|
-
function TuiDocExampleComponent(clipboard, alerts, location, copyTexts$, texts, codeEditor, processContent, isE2E, codeActions,
|
|
1404
|
+
function TuiDocExampleComponent(clipboard, alerts, location, copyTexts$, texts, codeEditor, processContent, isE2E, codeActions, options) {
|
|
1405
1405
|
var _this = this;
|
|
1406
1406
|
this.clipboard = clipboard;
|
|
1407
1407
|
this.alerts = alerts;
|
|
@@ -1412,9 +1412,6 @@
|
|
|
1412
1412
|
this.processContent = processContent;
|
|
1413
1413
|
this.isE2E = isE2E;
|
|
1414
1414
|
this.codeActions = codeActions;
|
|
1415
|
-
this.router = router;
|
|
1416
|
-
this.route = route;
|
|
1417
|
-
this.ngLocation = ngLocation;
|
|
1418
1415
|
this.options = options;
|
|
1419
1416
|
this.rawLoader$$ = new i10.BehaviorSubject({});
|
|
1420
1417
|
this.id = null;
|
|
@@ -1441,19 +1438,11 @@
|
|
|
1441
1438
|
TuiDocExampleComponent.prototype.getTabTitle = function (fileName) {
|
|
1442
1439
|
return this.options.tabTitles.get(fileName) || fileName;
|
|
1443
1440
|
};
|
|
1444
|
-
TuiDocExampleComponent.prototype.copyExampleLink = function () {
|
|
1445
|
-
var
|
|
1446
|
-
|
|
1447
|
-
? this.location.href.slice(0, Math.max(0, hashPosition))
|
|
1448
|
-
: this.location.href;
|
|
1449
|
-
var url = currentUrl + "#" + this.id;
|
|
1450
|
-
this.setFragmentWithoutRedirect(this.id);
|
|
1451
|
-
this.clipboard.copy(url);
|
|
1441
|
+
TuiDocExampleComponent.prototype.copyExampleLink = function (_b) {
|
|
1442
|
+
var href = _b.href;
|
|
1443
|
+
this.clipboard.copy(href);
|
|
1452
1444
|
this.alerts
|
|
1453
|
-
.open(this.texts[1], {
|
|
1454
|
-
label: this.texts[2],
|
|
1455
|
-
status: 'success',
|
|
1456
|
-
})
|
|
1445
|
+
.open(this.texts[1], { label: this.texts[2], status: 'success' })
|
|
1457
1446
|
.subscribe();
|
|
1458
1447
|
};
|
|
1459
1448
|
TuiDocExampleComponent.prototype.edit = function (files) {
|
|
@@ -1462,16 +1451,10 @@
|
|
|
1462
1451
|
this.loading$.next(true);
|
|
1463
1452
|
(_a = this.codeEditor) === null || _a === void 0 ? void 0 : _a.edit(this.componentName, this.id || '', files).then(function () { return _this.loading$.next(false); }).catch(function () { return _this.loading$.next(false); });
|
|
1464
1453
|
};
|
|
1465
|
-
TuiDocExampleComponent.prototype.setFragmentWithoutRedirect = function (id) {
|
|
1466
|
-
var url = this.router
|
|
1467
|
-
.createUrlTree([], { relativeTo: this.route, fragment: id || '' })
|
|
1468
|
-
.toString();
|
|
1469
|
-
this.ngLocation.go(url);
|
|
1470
|
-
};
|
|
1471
1454
|
return TuiDocExampleComponent;
|
|
1472
1455
|
}());
|
|
1473
|
-
TuiDocExampleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDocExampleComponent, deps: [{ token: i4$1.Clipboard }, { token: i2.TuiAlertService }, { token: common.LOCATION }, { token: i1.TUI_COPY_TEXTS }, { token: tokens.TUI_DOC_EXAMPLE_TEXTS }, { token: tokens.TUI_DOC_CODE_EDITOR, optional: true }, { token: tokens.TUI_DOC_EXAMPLE_CONTENT_PROCESSOR }, { token: i6.TUI_IS_E2E }, { token: tokens.TUI_DOC_CODE_ACTIONS }, { token:
|
|
1474
|
-
TuiDocExampleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiDocExampleComponent, selector: "tui-doc-example", inputs: { id: "id", heading: "heading", description: "description", content: "content", fullsize: "fullsize", componentName: "componentName" }, host: { properties: { "class._fullsize": "this.fullsize" } }, ngImport: i0__namespace, template: "<h3\n *ngIf=\"heading\"\n class=\"t-title\"\n>\n <span\n *polymorpheusOutlet=\"heading as text\"\n [textContent]=\"text\"\n ></span>\n <
|
|
1456
|
+
TuiDocExampleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDocExampleComponent, deps: [{ token: i4$1.Clipboard }, { token: i2.TuiAlertService }, { token: common.LOCATION }, { token: i1.TUI_COPY_TEXTS }, { token: tokens.TUI_DOC_EXAMPLE_TEXTS }, { token: tokens.TUI_DOC_CODE_EDITOR, optional: true }, { token: tokens.TUI_DOC_EXAMPLE_CONTENT_PROCESSOR }, { token: i6.TUI_IS_E2E }, { token: tokens.TUI_DOC_CODE_ACTIONS }, { token: TUI_DOC_EXAMPLE_OPTIONS }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1457
|
+
TuiDocExampleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiDocExampleComponent, selector: "tui-doc-example", inputs: { id: "id", heading: "heading", description: "description", content: "content", fullsize: "fullsize", componentName: "componentName" }, host: { properties: { "class._fullsize": "this.fullsize" } }, ngImport: i0__namespace, template: "<h3\n *ngIf=\"heading\"\n class=\"t-title\"\n>\n <span\n *polymorpheusOutlet=\"heading as text\"\n [textContent]=\"text\"\n ></span>\n <a\n *ngIf=\"id\"\n appearance=\"icon\"\n routerLink=\".\"\n size=\"xs\"\n tuiIconButton\n type=\"button\"\n class=\"t-link-icon\"\n [fragment]=\"id\"\n [icon]=\"options.linkIcon\"\n [title]=\"copy$ | async\"\n (click)=\"copyExampleLink($any($event.currentTarget))\"\n ></a>\n</h3>\n<h4\n *ngIf=\"description\"\n class=\"t-description\"\n>\n <ng-container *polymorpheusOutlet=\"description 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\n *ngIf=\"tabs.length > 1\"\n class=\"t-tabs-wrapper\"\n >\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 <ng-container *polymorpheusOutlet=\"getTabTitle(tab) as text\">\n {{ text }}\n </ng-container>\n </button>\n </ng-container>\n </tui-tabs-with-more>\n\n <tui-loader\n *ngIf=\"files | tuiMapper: visible\"\n size=\"xs\"\n [overlay]=\"true\"\n [showLoader]=\"!!(loading$ | async)\"\n (click)=\"edit(files)\"\n >\n <ng-container *ngIf=\"codeEditor?.content as content; else defaultEditContent\">\n <ng-container *polymorpheusOutlet=\"content as editContent\">\n {{ editContent }}\n </ng-container>\n </ng-container>\n\n <ng-template #defaultEditContent>\n <button\n appearance=\"flat\"\n size=\"s\"\n tuiButton\n type=\"button\"\n >\n Edit on {{ codeEditor!.name }}\n </button>\n </ng-template>\n </tui-loader>\n </div>\n\n <div\n *ngFor=\"let tab of tabs; let index = index\"\n class=\"t-content\"\n [class.t-content_animated]=\"!isE2E\"\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 <tui-doc-code [code]=\"code\">\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-code>\n</ng-template>\n", styles: [":host{position:relative;display:block;padding-top:3.5rem;clear:right}:host:target{animation:1s .3s tuiShaking}: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-title:first-letter,.t-description:first-letter{text-transform:capitalize}.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 #0000001a;overflow:hidden}:host-context(tui-root._mobile) .t-example{margin-top:.75rem}.t-tabs-wrapper{display:flex;padding:0 .875rem 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 .875rem 0 1rem}.t-tabs{flex-grow:1}.t-demo{padding:2rem;max-width:100%;box-sizing:border-box;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:.375rem 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}:host:not(._fullsize) .t-demo{width:-webkit-min-content;width:min-content;min-width:20rem}.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.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: i2__namespace.TuiLoaderComponent, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { type: TuiDocCodeComponent, selector: "tui-doc-code", inputs: ["filename", "code"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace$1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: i6__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace$1.TuiItemDirective, selector: "[tuiItem]" }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i4__namespace.AsyncPipe, "tuiDocExampleGetTabs": TuiDocExampleGetTabsPipe, "tuiMapper": i6__namespace$1.TuiMapperPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1475
1458
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDocExampleComponent, decorators: [{
|
|
1476
1459
|
type: i0.Component,
|
|
1477
1460
|
args: [{
|
|
@@ -1510,15 +1493,6 @@
|
|
|
1510
1493
|
}] }, { type: Array, decorators: [{
|
|
1511
1494
|
type: i0.Inject,
|
|
1512
1495
|
args: [tokens.TUI_DOC_CODE_ACTIONS]
|
|
1513
|
-
}] }, { type: i6__namespace.Router, decorators: [{
|
|
1514
|
-
type: i0.Inject,
|
|
1515
|
-
args: [i6$1.Router]
|
|
1516
|
-
}] }, { type: i6__namespace.ActivatedRoute, decorators: [{
|
|
1517
|
-
type: i0.Inject,
|
|
1518
|
-
args: [i6$1.ActivatedRoute]
|
|
1519
|
-
}] }, { type: i4__namespace.Location, decorators: [{
|
|
1520
|
-
type: i0.Inject,
|
|
1521
|
-
args: [i4.Location]
|
|
1522
1496
|
}] }, { type: undefined, decorators: [{
|
|
1523
1497
|
type: i0.Inject,
|
|
1524
1498
|
args: [TUI_DOC_EXAMPLE_OPTIONS]
|
|
@@ -1554,7 +1528,8 @@
|
|
|
1554
1528
|
TuiDocCodeModule,
|
|
1555
1529
|
i5$1.PolymorpheusModule,
|
|
1556
1530
|
i6.TuiMapperPipeModule,
|
|
1557
|
-
i2.TuiLoaderModule
|
|
1531
|
+
i2.TuiLoaderModule,
|
|
1532
|
+
i6$1.RouterModule], exports: [TuiDocExampleComponent, TuiDocExampleGetTabsPipe] });
|
|
1558
1533
|
TuiDocExampleModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDocExampleModule, imports: [[
|
|
1559
1534
|
i4.CommonModule,
|
|
1560
1535
|
i4$1.ClipboardModule,
|
|
@@ -1565,6 +1540,7 @@
|
|
|
1565
1540
|
i5$1.PolymorpheusModule,
|
|
1566
1541
|
i6.TuiMapperPipeModule,
|
|
1567
1542
|
i2.TuiLoaderModule,
|
|
1543
|
+
i6$1.RouterModule,
|
|
1568
1544
|
]] });
|
|
1569
1545
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDocExampleModule, decorators: [{
|
|
1570
1546
|
type: i0.NgModule,
|
|
@@ -1579,6 +1555,7 @@
|
|
|
1579
1555
|
i5$1.PolymorpheusModule,
|
|
1580
1556
|
i6.TuiMapperPipeModule,
|
|
1581
1557
|
i2.TuiLoaderModule,
|
|
1558
|
+
i6$1.RouterModule,
|
|
1582
1559
|
],
|
|
1583
1560
|
declarations: [TuiDocExampleComponent, TuiDocExampleGetTabsPipe],
|
|
1584
1561
|
exports: [TuiDocExampleComponent, TuiDocExampleGetTabsPipe],
|