@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
|
@@ -879,6 +879,7 @@ function rawLoadRecord(example) {
|
|
|
879
879
|
// @dynamic
|
|
880
880
|
var TuiDocExampleComponent = /** @class */ (function () {
|
|
881
881
|
function TuiDocExampleComponent(id, clipboard, notifications, location, copyTexts$, texts, codeEditor, processContent, isCypress) {
|
|
882
|
+
var _this = this;
|
|
882
883
|
this.id = id;
|
|
883
884
|
this.clipboard = clipboard;
|
|
884
885
|
this.notifications = notifications;
|
|
@@ -899,7 +900,8 @@ var TuiDocExampleComponent = /** @class */ (function () {
|
|
|
899
900
|
var _b = __read(_a, 1), copy = _b[0];
|
|
900
901
|
return copy;
|
|
901
902
|
}));
|
|
902
|
-
this.processor$ = this.rawLoader$$.pipe(switchMap(rawLoadRecord), map(
|
|
903
|
+
this.processor$ = this.rawLoader$$.pipe(switchMap(rawLoadRecord), map(function (value) { return _this.processContent(value); }));
|
|
904
|
+
this.loading$ = new Subject();
|
|
903
905
|
}
|
|
904
906
|
Object.defineProperty(TuiDocExampleComponent.prototype, "content", {
|
|
905
907
|
set: function (content) {
|
|
@@ -922,6 +924,12 @@ var TuiDocExampleComponent = /** @class */ (function () {
|
|
|
922
924
|
})
|
|
923
925
|
.subscribe();
|
|
924
926
|
};
|
|
927
|
+
TuiDocExampleComponent.prototype.edit = function (files) {
|
|
928
|
+
var _this = this;
|
|
929
|
+
var _a, _b;
|
|
930
|
+
this.loading$.next(true);
|
|
931
|
+
(_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); });
|
|
932
|
+
};
|
|
925
933
|
TuiDocExampleComponent.ctorParameters = function () { return [
|
|
926
934
|
{ type: String, decorators: [{ type: Attribute, args: ['id',] }] },
|
|
927
935
|
{ type: Clipboard, decorators: [{ type: Inject, args: [Clipboard,] }] },
|
|
@@ -948,7 +956,7 @@ var TuiDocExampleComponent = /** @class */ (function () {
|
|
|
948
956
|
TuiDocExampleComponent = __decorate([
|
|
949
957
|
Component({
|
|
950
958
|
selector: 'tui-doc-example',
|
|
951
|
-
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
|
|
959
|
+
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",
|
|
952
960
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
953
961
|
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}"]
|
|
954
962
|
}),
|