@leanix/components 0.4.176 → 0.4.178
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.
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import { TranslateModule } from '@ngx-translate/core';
|
|
3
3
|
import { isString } from 'lodash-es';
|
|
4
|
+
import { ButtonComponent } from '../../../core-ui/components/button/button.component';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
import * as i1 from "@angular/cdk/clipboard";
|
|
6
7
|
import * as i2 from "@ngx-translate/core";
|
|
@@ -9,8 +10,10 @@ export class CopyButtonComponent {
|
|
|
9
10
|
this.clipboard = clipboard;
|
|
10
11
|
/** JSON string or object to be saved/copied as JSON */
|
|
11
12
|
this.data = '';
|
|
12
|
-
/**
|
|
13
|
+
/** @deprecated determine copy button Bootstrap class & color or hide it altogether */
|
|
13
14
|
this.btn = 'default';
|
|
15
|
+
this.mode = 'solid';
|
|
16
|
+
this.size = 'medium';
|
|
14
17
|
this.success = new EventEmitter();
|
|
15
18
|
this.error = new EventEmitter();
|
|
16
19
|
this.NAME = 'CopyButtonComponent';
|
|
@@ -35,20 +38,28 @@ export class CopyButtonComponent {
|
|
|
35
38
|
return isString(this.data) ? this.data : JSON.stringify(this.data, null, '\t');
|
|
36
39
|
}
|
|
37
40
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CopyButtonComponent, deps: [{ token: i1.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
41
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.0", type: CopyButtonComponent, isStandalone: true, selector: "lx-copy-button", inputs: { data: "data", dataDescription: "dataDescription", label: "label", btn: "btn", useNewButtonStyles: "useNewButtonStyles", mode: "mode", size: "size" }, outputs: { success: "success", error: "error" }, ngImport: i0, template: "@if (useNewButtonStyles) {\n <button (click)=\"copy()\" lx-button type=\"button\" [mode]=\"mode\" [size]=\"size\">\n <i class=\"far fa-copy\"></i>\n <span>\n {{ label ?? ('buttons.copy' | translate) }}\n </span>\n </button>\n} @else {\n <button (click)=\"copy()\" class=\"btn btn-{{ btn }} btnCopyJson\">\n <i class=\"far fa-copy\"></i>\n <span>\n {{ label ?? ('buttons.copy' | translate) }}\n </span>\n </button>\n}\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }] }); }
|
|
39
42
|
}
|
|
40
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CopyButtonComponent, decorators: [{
|
|
41
44
|
type: Component,
|
|
42
|
-
args: [{ selector: 'lx-copy-button', standalone: true, imports: [TranslateModule], template: "<button (click)=\"copy()\" class=\"btn btn-{{ btn }} btnCopyJson\">\n
|
|
45
|
+
args: [{ selector: 'lx-copy-button', standalone: true, imports: [TranslateModule, ButtonComponent], template: "@if (useNewButtonStyles) {\n <button (click)=\"copy()\" lx-button type=\"button\" [mode]=\"mode\" [size]=\"size\">\n <i class=\"far fa-copy\"></i>\n <span>\n {{ label ?? ('buttons.copy' | translate) }}\n </span>\n </button>\n} @else {\n <button (click)=\"copy()\" class=\"btn btn-{{ btn }} btnCopyJson\">\n <i class=\"far fa-copy\"></i>\n <span>\n {{ label ?? ('buttons.copy' | translate) }}\n </span>\n </button>\n}\n" }]
|
|
43
46
|
}], ctorParameters: () => [{ type: i1.Clipboard }], propDecorators: { data: [{
|
|
44
47
|
type: Input
|
|
45
48
|
}], dataDescription: [{
|
|
46
49
|
type: Input
|
|
50
|
+
}], label: [{
|
|
51
|
+
type: Input
|
|
47
52
|
}], btn: [{
|
|
48
53
|
type: Input
|
|
54
|
+
}], useNewButtonStyles: [{
|
|
55
|
+
type: Input
|
|
56
|
+
}], mode: [{
|
|
57
|
+
type: Input
|
|
58
|
+
}], size: [{
|
|
59
|
+
type: Input
|
|
49
60
|
}], success: [{
|
|
50
61
|
type: Output
|
|
51
62
|
}], error: [{
|
|
52
63
|
type: Output
|
|
53
64
|
}] } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29weS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvZm9ybXMtdWkvY29tcG9uZW50cy9jb3B5LWJ1dHRvbi9jb3B5LWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9mb3Jtcy11aS9jb21wb25lbnRzL2NvcHktYnV0dG9uL2NvcHktYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDckMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFEQUFxRCxDQUFDOzs7O0FBUXRGLE1BQU0sT0FBTyxtQkFBbUI7SUFvQjlCLFlBQW9CLFNBQW9CO1FBQXBCLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFuQnhDLHVEQUF1RDtRQUM5QyxTQUFJLEdBQXFDLEVBQUUsQ0FBQztRQUtyRCxzRkFBc0Y7UUFDN0UsUUFBRyxHQUE0QyxTQUFTLENBQUM7UUFJekQsU0FBSSxHQUEyQyxPQUFPLENBQUM7UUFDdkQsU0FBSSxHQUEwQyxRQUFRLENBQUM7UUFFdEQsWUFBTyxHQUFHLElBQUksWUFBWSxFQUErRSxDQUFDO1FBQzFHLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBK0UsQ0FBQztRQUV6RyxTQUFJLEdBQUcscUJBQXFCLENBQUM7SUFFSyxDQUFDO0lBRTVDLEtBQUssQ0FBQyxJQUFJO1FBQ1IsSUFBSTtZQUNGLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUNsQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUMxQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztnQkFDaEIsVUFBVSxFQUFFLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLElBQUksa0JBQWtCLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLElBQUksY0FBYztnQkFDOUYsZUFBZSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxlQUFlLEVBQUU7YUFDaEQsQ0FBQyxDQUFDO1NBQ0o7UUFBQyxPQUFPLEdBQUcsRUFBRTtZQUNaLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDO2dCQUNkLFVBQVUsRUFBRSxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLGNBQWM7Z0JBQzlGLGVBQWUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsZUFBZSxFQUFFO2FBQ2hELENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVPLGFBQWE7UUFDbkIsT0FBTyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ2pGLENBQUM7OEdBeENVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLDJSQ1poQyxvY0FlQSwyQ0RMWSxlQUFlLDRGQUFFLGVBQWU7OzJGQUUvQixtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBRWQsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLGVBQWUsQ0FBQzs4RUFJbEMsSUFBSTtzQkFBWixLQUFLO2dCQUVHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUVHLEdBQUc7c0JBQVgsS0FBSztnQkFHRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFSSxPQUFPO3NCQUFoQixNQUFNO2dCQUNHLEtBQUs7c0JBQWQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENsaXBib2FyZCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jbGlwYm9hcmQnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHsgaXNTdHJpbmcgfSBmcm9tICdsb2Rhc2gtZXMnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vY29yZS11aS9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbHgtY29weS1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJ2NvcHktYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1RyYW5zbGF0ZU1vZHVsZSwgQnV0dG9uQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBDb3B5QnV0dG9uQ29tcG9uZW50IHtcbiAgLyoqIEpTT04gc3RyaW5nIG9yIG9iamVjdCB0byBiZSBzYXZlZC9jb3BpZWQgYXMgSlNPTiAqL1xuICBASW5wdXQoKSBkYXRhOiBzdHJpbmcgfCBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiA9ICcnO1xuICAvKiogTGFiZWwgdG8gYmUgdXNlZCBmb3IgZGF0YSBpbiB0b2FzdHIgbWVzc2FnZXMgKi9cbiAgQElucHV0KCkgZGF0YURlc2NyaXB0aW9uPzogc3RyaW5nO1xuICAvKiogTGFiZWwgdG8gYmUgdXNlZCBmb3IgYnV0dG9uICovXG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xuICAvKiogQGRlcHJlY2F0ZWQgZGV0ZXJtaW5lIGNvcHkgYnV0dG9uIEJvb3RzdHJhcCBjbGFzcyAmIGNvbG9yIG9yIGhpZGUgaXQgYWx0b2dldGhlciAqL1xuICBASW5wdXQoKSBidG46ICdkZWZhdWx0JyB8ICdwcmltYXJ5JyB8ICdpbmZvJyB8ICdoaWRlJyA9ICdkZWZhdWx0JztcblxuICAvKiogVXNlIG5ldyBidXR0b24gc3R5bGVzICovXG4gIEBJbnB1dCgpIHVzZU5ld0J1dHRvblN0eWxlcz86IGJvb2xlYW47XG4gIEBJbnB1dCgpIG1vZGU6ICdzb2xpZCcgfCAnZ2hvc3QnIHwgJ291dGxpbmUnIHwgJ2xpbmsnID0gJ3NvbGlkJztcbiAgQElucHV0KCkgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICdhdXRvJyA9ICdtZWRpdW0nO1xuXG4gIEBPdXRwdXQoKSBzdWNjZXNzID0gbmV3IEV2ZW50RW1pdHRlcjx7IG1lc3NhZ2VLZXk6IHN0cmluZzsgdHJhbnNsYXRlUGFyYW1zOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmcgfCB1bmRlZmluZWQ+IH0+KCk7XG4gIEBPdXRwdXQoKSBlcnJvciA9IG5ldyBFdmVudEVtaXR0ZXI8eyBtZXNzYWdlS2V5OiBzdHJpbmc7IHRyYW5zbGF0ZVBhcmFtczogUmVjb3JkPHN0cmluZywgc3RyaW5nIHwgdW5kZWZpbmVkPiB9PigpO1xuXG4gIHJlYWRvbmx5IE5BTUUgPSAnQ29weUJ1dHRvbkNvbXBvbmVudCc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjbGlwYm9hcmQ6IENsaXBib2FyZCkge31cblxuICBhc3luYyBjb3B5KCkge1xuICAgIHRyeSB7XG4gICAgICBjb25zdCBqc29uID0gdGhpcy5nZXRTdHJpbmdEYXRhKCk7XG4gICAgICB0aGlzLmNsaXBib2FyZC5jb3B5KGpzb24pO1xuICAgICAgdGhpcy5zdWNjZXNzLmVtaXQoe1xuICAgICAgICBtZXNzYWdlS2V5OiB0aGlzLmRhdGFEZXNjcmlwdGlvbiA/IGAke3RoaXMuTkFNRX0uZGF0YUNvcHlTdWNjZXNzYCA6IGAke3RoaXMuTkFNRX0uY29weVN1Y2Nlc3NgLFxuICAgICAgICB0cmFuc2xhdGVQYXJhbXM6IHsgZGF0YTogdGhpcy5kYXRhRGVzY3JpcHRpb24gfVxuICAgICAgfSk7XG4gICAgfSBjYXRjaCAoZXJyKSB7XG4gICAgICB0aGlzLmVycm9yLmVtaXQoe1xuICAgICAgICBtZXNzYWdlS2V5OiB0aGlzLmRhdGFEZXNjcmlwdGlvbiA/IGAke3RoaXMuTkFNRX0uZGF0YUNvcHlGYWlsdXJlYCA6IGAke3RoaXMuTkFNRX0uY29weUZhaWx1cmVgLFxuICAgICAgICB0cmFuc2xhdGVQYXJhbXM6IHsgZGF0YTogdGhpcy5kYXRhRGVzY3JpcHRpb24gfVxuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBnZXRTdHJpbmdEYXRhKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGlzU3RyaW5nKHRoaXMuZGF0YSkgPyB0aGlzLmRhdGEgOiBKU09OLnN0cmluZ2lmeSh0aGlzLmRhdGEsIG51bGwsICdcXHQnKTtcbiAgfVxufVxuIiwiQGlmICh1c2VOZXdCdXR0b25TdHlsZXMpIHtcbiAgPGJ1dHRvbiAoY2xpY2spPVwiY29weSgpXCIgbHgtYnV0dG9uIHR5cGU9XCJidXR0b25cIiBbbW9kZV09XCJtb2RlXCIgW3NpemVdPVwic2l6ZVwiPlxuICAgIDxpIGNsYXNzPVwiZmFyIGZhLWNvcHlcIj48L2k+XG4gICAgPHNwYW4+XG4gICAgICB7eyBsYWJlbCA/PyAoJ2J1dHRvbnMuY29weScgfCB0cmFuc2xhdGUpIH19XG4gICAgPC9zcGFuPlxuICA8L2J1dHRvbj5cbn0gQGVsc2Uge1xuICA8YnV0dG9uIChjbGljayk9XCJjb3B5KClcIiBjbGFzcz1cImJ0biBidG4te3sgYnRuIH19IGJ0bkNvcHlKc29uXCI+XG4gICAgPGkgY2xhc3M9XCJmYXIgZmEtY29weVwiPjwvaT5cbiAgICA8c3Bhbj5cbiAgICAgIHt7IGxhYmVsID8/ICgnYnV0dG9ucy5jb3B5JyB8IHRyYW5zbGF0ZSkgfX1cbiAgICA8L3NwYW4+XG4gIDwvYnV0dG9uPlxufVxuIl19
|
|
@@ -3142,8 +3142,10 @@ class CopyButtonComponent {
|
|
|
3142
3142
|
this.clipboard = clipboard;
|
|
3143
3143
|
/** JSON string or object to be saved/copied as JSON */
|
|
3144
3144
|
this.data = '';
|
|
3145
|
-
/**
|
|
3145
|
+
/** @deprecated determine copy button Bootstrap class & color or hide it altogether */
|
|
3146
3146
|
this.btn = 'default';
|
|
3147
|
+
this.mode = 'solid';
|
|
3148
|
+
this.size = 'medium';
|
|
3147
3149
|
this.success = new EventEmitter();
|
|
3148
3150
|
this.error = new EventEmitter();
|
|
3149
3151
|
this.NAME = 'CopyButtonComponent';
|
|
@@ -3168,17 +3170,25 @@ class CopyButtonComponent {
|
|
|
3168
3170
|
return isString(this.data) ? this.data : JSON.stringify(this.data, null, '\t');
|
|
3169
3171
|
}
|
|
3170
3172
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CopyButtonComponent, deps: [{ token: i1$5.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3171
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3173
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.0", type: CopyButtonComponent, isStandalone: true, selector: "lx-copy-button", inputs: { data: "data", dataDescription: "dataDescription", label: "label", btn: "btn", useNewButtonStyles: "useNewButtonStyles", mode: "mode", size: "size" }, outputs: { success: "success", error: "error" }, ngImport: i0, template: "@if (useNewButtonStyles) {\n <button (click)=\"copy()\" lx-button type=\"button\" [mode]=\"mode\" [size]=\"size\">\n <i class=\"far fa-copy\"></i>\n <span>\n {{ label ?? ('buttons.copy' | translate) }}\n </span>\n </button>\n} @else {\n <button (click)=\"copy()\" class=\"btn btn-{{ btn }} btnCopyJson\">\n <i class=\"far fa-copy\"></i>\n <span>\n {{ label ?? ('buttons.copy' | translate) }}\n </span>\n </button>\n}\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "component", type: ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }] }); }
|
|
3172
3174
|
}
|
|
3173
3175
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CopyButtonComponent, decorators: [{
|
|
3174
3176
|
type: Component,
|
|
3175
|
-
args: [{ selector: 'lx-copy-button', standalone: true, imports: [TranslateModule], template: "<button (click)=\"copy()\" class=\"btn btn-{{ btn }} btnCopyJson\">\n
|
|
3177
|
+
args: [{ selector: 'lx-copy-button', standalone: true, imports: [TranslateModule, ButtonComponent], template: "@if (useNewButtonStyles) {\n <button (click)=\"copy()\" lx-button type=\"button\" [mode]=\"mode\" [size]=\"size\">\n <i class=\"far fa-copy\"></i>\n <span>\n {{ label ?? ('buttons.copy' | translate) }}\n </span>\n </button>\n} @else {\n <button (click)=\"copy()\" class=\"btn btn-{{ btn }} btnCopyJson\">\n <i class=\"far fa-copy\"></i>\n <span>\n {{ label ?? ('buttons.copy' | translate) }}\n </span>\n </button>\n}\n" }]
|
|
3176
3178
|
}], ctorParameters: () => [{ type: i1$5.Clipboard }], propDecorators: { data: [{
|
|
3177
3179
|
type: Input
|
|
3178
3180
|
}], dataDescription: [{
|
|
3179
3181
|
type: Input
|
|
3182
|
+
}], label: [{
|
|
3183
|
+
type: Input
|
|
3180
3184
|
}], btn: [{
|
|
3181
3185
|
type: Input
|
|
3186
|
+
}], useNewButtonStyles: [{
|
|
3187
|
+
type: Input
|
|
3188
|
+
}], mode: [{
|
|
3189
|
+
type: Input
|
|
3190
|
+
}], size: [{
|
|
3191
|
+
type: Input
|
|
3182
3192
|
}], success: [{
|
|
3183
3193
|
type: Output
|
|
3184
3194
|
}], error: [{
|