@taiga-ui/addon-doc 2.41.1 → 2.42.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.umd.js +10 -2
- package/bundles/taiga-ui-addon-doc.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-doc.umd.min.js +1 -1
- package/bundles/taiga-ui-addon-doc.umd.min.js.map +1 -1
- package/components/example/example.component.d.ts +6 -4
- package/esm2015/components/example/example.component.js +10 -4
- package/esm2015/interfaces/code-editor.js +1 -1
- package/esm2015/tokens/code-editor.js +1 -1
- package/esm5/components/example/example.component.js +12 -4
- package/esm5/interfaces/code-editor.js +1 -1
- package/esm5/tokens/code-editor.js +1 -1
- package/fesm2015/taiga-ui-addon-doc.js +8 -2
- package/fesm2015/taiga-ui-addon-doc.js.map +1 -1
- package/fesm5/taiga-ui-addon-doc.js +10 -2
- package/fesm5/taiga-ui-addon-doc.js.map +1 -1
- package/interfaces/code-editor.d.ts +10 -1
- package/package.json +11 -11
- package/taiga-ui-addon-doc.metadata.json +1 -1
- package/tokens/code-editor.d.ts +2 -2
|
@@ -1087,6 +1087,7 @@
|
|
|
1087
1087
|
// @dynamic
|
|
1088
1088
|
var TuiDocExampleComponent = /** @class */ (function () {
|
|
1089
1089
|
function TuiDocExampleComponent(id, clipboard, notifications, location, copyTexts$, texts, codeEditor, processContent, isCypress) {
|
|
1090
|
+
var _this = this;
|
|
1090
1091
|
this.id = id;
|
|
1091
1092
|
this.clipboard = clipboard;
|
|
1092
1093
|
this.notifications = notifications;
|
|
@@ -1107,7 +1108,8 @@
|
|
|
1107
1108
|
var _b = __read(_a, 1), copy = _b[0];
|
|
1108
1109
|
return copy;
|
|
1109
1110
|
}));
|
|
1110
|
-
this.processor$ = this.rawLoader$$.pipe(operators.switchMap(rawLoadRecord), operators.map(
|
|
1111
|
+
this.processor$ = this.rawLoader$$.pipe(operators.switchMap(rawLoadRecord), operators.map(function (value) { return _this.processContent(value); }));
|
|
1112
|
+
this.loading$ = new rxjs.Subject();
|
|
1111
1113
|
}
|
|
1112
1114
|
Object.defineProperty(TuiDocExampleComponent.prototype, "content", {
|
|
1113
1115
|
set: function (content) {
|
|
@@ -1130,6 +1132,12 @@
|
|
|
1130
1132
|
})
|
|
1131
1133
|
.subscribe();
|
|
1132
1134
|
};
|
|
1135
|
+
TuiDocExampleComponent.prototype.edit = function (files) {
|
|
1136
|
+
var _this = this;
|
|
1137
|
+
var _a, _b;
|
|
1138
|
+
this.loading$.next(true);
|
|
1139
|
+
(_a = this.codeEditor) === null || _a === void 0 ? void 0 : _a.edit(this.componentName, (_b = this.id) !== null && _b !== void 0 ? _b : '', files).finally(function () { return _this.loading$.next(false); });
|
|
1140
|
+
};
|
|
1133
1141
|
TuiDocExampleComponent.ctorParameters = function () { return [
|
|
1134
1142
|
{ type: String, decorators: [{ type: core.Attribute, args: ['id',] }] },
|
|
1135
1143
|
{ type: clipboard.Clipboard, decorators: [{ type: core.Inject, args: [clipboard.Clipboard,] }] },
|
|
@@ -1156,7 +1164,7 @@
|
|
|
1156
1164
|
TuiDocExampleComponent = __decorate([
|
|
1157
1165
|
core.Component({
|
|
1158
1166
|
selector: 'tui-doc-example',
|
|
1159
|
-
template: "<h3\n *ngIf=\"heading\"\n class=\"t-title\"\n>\n <span\n polymorpheus-outlet\n [content]=\"heading | tuiDocExampleCapitalize\"\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 polymorpheus-outlet\n class=\"t-description\"\n [content]=\"description | tuiDocExampleCapitalize\"\n></h4>\n\n<div\n *ngIf=\"processor$ | async as
|
|
1167
|
+
template: "<h3\n *ngIf=\"heading\"\n class=\"t-title\"\n>\n <span\n polymorpheus-outlet\n [content]=\"heading | tuiDocExampleCapitalize\"\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 polymorpheus-outlet\n class=\"t-description\"\n [content]=\"description | tuiDocExampleCapitalize\"\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 *tuiTab\n tuiTab\n >\n {{tab}}\n </button>\n </ng-container>\n </tui-tabs-with-more>\n\n <button\n *ngIf=\"codeEditor\"\n tuiButton\n appearance=\"flat\"\n size=\"s\"\n [showLoader]=\"(loading$ | async) || false\"\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 *ngIf=\"index === defaultTabIndex; else anotherTab\">\n <ng-container *ngTemplateOutlet=\"preview\"></ng-container>\n </ng-container>\n <ng-template #anotherTab>\n <ng-container\n *ngTemplateOutlet=\"codeSection; context: { $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-copy\n class=\"t-copy-code\"\n [cdkCopyToClipboard]=\"code\"\n ></tui-doc-copy>\n <tui-doc-code [code]=\"code\"></tui-doc-code>\n</ng-template>\n",
|
|
1160
1168
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
1161
1169
|
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:400;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:0.001dpcm){.t-demo::-webkit-scrollbar,.t-demo::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:6px 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-copy-code{position:absolute;top:4.375rem;right:1rem}.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}"]
|
|
1162
1170
|
}),
|