ng-tailwind 2.24.331 → 2.24.332
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/README.md +24 -24
- package/animations/ngt-angular-animations.d.ts +5 -5
- package/base/ngt-base-ng-model.d.ts +32 -32
- package/bundles/ng-tailwind.umd.js +7385 -7383
- package/bundles/ng-tailwind.umd.js.map +1 -1
- package/components/ngt-action/ngt-action.component.d.ts +13 -13
- package/components/ngt-action/ngt-action.module.d.ts +2 -2
- package/components/ngt-button/ngt-button.component.d.ts +22 -22
- package/components/ngt-button/ngt-button.module.d.ts +2 -2
- package/components/ngt-checkbox/ngt-checkbox.component.d.ts +41 -41
- package/components/ngt-checkbox/ngt-checkbox.module.d.ts +2 -2
- package/components/ngt-content/ngt-content.component.d.ts +9 -9
- package/components/ngt-content/ngt-content.module.d.ts +2 -2
- package/components/ngt-datatable/ngt-datatable.component.d.ts +112 -112
- package/components/ngt-datatable/ngt-datatable.module.d.ts +2 -2
- package/components/ngt-datatable/ngt-tbody/ngt-tbody.component.d.ts +11 -11
- package/components/ngt-datatable/ngt-td/ngt-td.component.d.ts +11 -11
- package/components/ngt-datatable/ngt-td-check/ngt-td-check.component.d.ts +24 -24
- package/components/ngt-datatable/ngt-th/ngt-th.component.d.ts +47 -47
- package/components/ngt-datatable/ngt-th-check/ngt-th-check.component.d.ts +19 -19
- package/components/ngt-datatable/ngt-thead/ngt-thead.component.d.ts +10 -10
- package/components/ngt-datatable/ngt-tr/ngt-tr.component.d.ts +17 -17
- package/components/ngt-date/ngt-date.component.d.ts +72 -72
- package/components/ngt-date/ngt-date.module.d.ts +2 -2
- package/components/ngt-dropdown/ngt-dropdown-container/ngt-dropdown-container.component.d.ts +5 -5
- package/components/ngt-dropdown/ngt-dropdown.component.d.ts +44 -44
- package/components/ngt-dropdown/ngt-dropdown.module.d.ts +2 -2
- package/components/ngt-dropzone/custom-dropzone-preview/custom-dropzone-preview.component.d.ts +11 -11
- package/components/ngt-dropzone/ngt-dropzone-file-viewer/ngt-dropzone-file-viewer.component.d.ts +15 -15
- package/components/ngt-dropzone/ngt-dropzone-view/ngt-dropzone-view.component.d.ts +21 -21
- package/components/ngt-dropzone/ngt-dropzone.component.d.ts +103 -103
- package/components/ngt-dropzone/ngt-dropzone.module.d.ts +2 -2
- package/components/ngt-floating-button/ngt-floating-button.component.d.ts +32 -32
- package/components/ngt-floating-button/ngt-floating-button.module.d.ts +2 -2
- package/components/ngt-form/ngt-form-validation-message/ngt-form-validation-message.component.d.ts +7 -7
- package/components/ngt-form/ngt-form-validation-message/ngt-form-validation-message.module.d.ts +2 -2
- package/components/ngt-form/ngt-form.component.d.ts +52 -52
- package/components/ngt-form/ngt-form.module.d.ts +2 -2
- package/components/ngt-header-nav/ngt-header-nav.component.d.ts +11 -11
- package/components/ngt-header-nav/ngt-header-nav.module.d.ts +2 -2
- package/components/ngt-helper/ngt-helper.component.d.ts +19 -18
- package/components/ngt-helper/ngt-helper.module.d.ts +2 -2
- package/components/ngt-input/ngt-input.component.d.ts +105 -105
- package/components/ngt-input/ngt-input.module.d.ts +2 -2
- package/components/ngt-modal/ngt-modal-body/ngt-modal-body.component.d.ts +2 -2
- package/components/ngt-modal/ngt-modal-footer/ngt-modal-footer.component.d.ts +2 -2
- package/components/ngt-modal/ngt-modal-header/ngt-modal-header.component.d.ts +12 -12
- package/components/ngt-modal/ngt-modal.component.d.ts +19 -19
- package/components/ngt-modal/ngt-modal.module.d.ts +2 -2
- package/components/ngt-multi-select/ngt-multi-select.component.d.ts +97 -97
- package/components/ngt-multi-select/ngt-multi-select.module.d.ts +2 -2
- package/components/ngt-pagination/ngt-pagination.component.d.ts +40 -40
- package/components/ngt-pagination/ngt-pagination.module.d.ts +2 -2
- package/components/ngt-portlet/ngt-portlet-body/ngt-portlet-body.component.d.ts +9 -9
- package/components/ngt-portlet/ngt-portlet-footer/ngt-portlet-footer.component.d.ts +9 -9
- package/components/ngt-portlet/ngt-portlet-header/ngt-portlet-header.component.d.ts +14 -14
- package/components/ngt-portlet/ngt-portlet.component.d.ts +17 -17
- package/components/ngt-portlet/ngt-portlet.module.d.ts +2 -2
- package/components/ngt-radio-button/ngt-radio-button-container/ngt-radio-button-container.component.d.ts +6 -6
- package/components/ngt-radio-button/ngt-radio-button.component.d.ts +29 -29
- package/components/ngt-radio-button/ngt-radio-button.module.d.ts +2 -2
- package/components/ngt-section/ngt-section.component.d.ts +26 -26
- package/components/ngt-section/ngt-section.module.d.ts +2 -2
- package/components/ngt-select/ngt-select.component.d.ts +123 -123
- package/components/ngt-select/ngt-select.directive.d.ts +13 -13
- package/components/ngt-select/ngt-select.module.d.ts +2 -2
- package/components/ngt-shining/ngt-shining.component.d.ts +16 -16
- package/components/ngt-shining/ngt-shining.module.d.ts +2 -2
- package/components/ngt-sidenav/ngt-sidenav.component.d.ts +29 -29
- package/components/ngt-sidenav/ngt-sidenav.module.d.ts +2 -2
- package/components/ngt-slider/ngt-slider.component.d.ts +31 -31
- package/components/ngt-slider/ngt-slider.module.d.ts +2 -2
- package/components/ngt-svg/ngt-svg.component.d.ts +10 -10
- package/components/ngt-svg/ngt-svg.module.d.ts +2 -2
- package/components/ngt-tag/ngt-tag.component.d.ts +10 -10
- package/components/ngt-tag/ngt-tag.module.d.ts +2 -2
- package/components/ngt-textarea/ngt-textarea.component.d.ts +46 -46
- package/components/ngt-textarea/ngt-textarea.module.d.ts +2 -2
- package/components/ngt-validation/ngt-validation.component.d.ts +10 -10
- package/components/ngt-validation/ngt-validation.module.d.ts +2 -2
- package/directives/ngt-stylizable/ngt-stylizable.directive.d.ts +65 -65
- package/directives/ngt-stylizable/ngt-stylizable.module.d.ts +2 -2
- package/enums/size.enum.d.ts +8 -8
- package/esm2015/animations/ngt-angular-animations.js +34 -34
- package/esm2015/base/ngt-base-ng-model.js +90 -90
- package/esm2015/components/ngt-action/ngt-action.component.js +49 -49
- package/esm2015/components/ngt-action/ngt-action.module.js +19 -19
- package/esm2015/components/ngt-button/ngt-button.component.js +106 -106
- package/esm2015/components/ngt-button/ngt-button.module.js +19 -19
- package/esm2015/components/ngt-checkbox/ngt-checkbox.component.js +139 -139
- package/esm2015/components/ngt-checkbox/ngt-checkbox.module.js +19 -19
- package/esm2015/components/ngt-content/ngt-content.component.js +33 -33
- package/esm2015/components/ngt-content/ngt-content.module.js +15 -15
- package/esm2015/components/ngt-datatable/ngt-datatable.component.js +400 -400
- package/esm2015/components/ngt-datatable/ngt-datatable.module.js +58 -58
- package/esm2015/components/ngt-datatable/ngt-tbody/ngt-tbody.component.js +58 -58
- package/esm2015/components/ngt-datatable/ngt-td/ngt-td.component.js +63 -63
- package/esm2015/components/ngt-datatable/ngt-td-check/ngt-td-check.component.js +102 -102
- package/esm2015/components/ngt-datatable/ngt-th/ngt-th.component.js +192 -192
- package/esm2015/components/ngt-datatable/ngt-th-check/ngt-th-check.component.js +87 -87
- package/esm2015/components/ngt-datatable/ngt-thead/ngt-thead.component.js +56 -56
- package/esm2015/components/ngt-datatable/ngt-tr/ngt-tr.component.js +76 -76
- package/esm2015/components/ngt-date/ngt-date.component.js +359 -359
- package/esm2015/components/ngt-date/ngt-date.module.js +25 -25
- package/esm2015/components/ngt-dropdown/ngt-dropdown-container/ngt-dropdown-container.component.js +20 -20
- package/esm2015/components/ngt-dropdown/ngt-dropdown.component.js +171 -171
- package/esm2015/components/ngt-dropdown/ngt-dropdown.module.js +16 -16
- package/esm2015/components/ngt-dropzone/custom-dropzone-preview/custom-dropzone-preview.component.js +47 -47
- package/esm2015/components/ngt-dropzone/ngt-dropzone-file-viewer/ngt-dropzone-file-viewer.component.js +60 -60
- package/esm2015/components/ngt-dropzone/ngt-dropzone-view/ngt-dropzone-view.component.js +67 -67
- package/esm2015/components/ngt-dropzone/ngt-dropzone.component.js +411 -411
- package/esm2015/components/ngt-dropzone/ngt-dropzone.module.js +37 -37
- package/esm2015/components/ngt-floating-button/ngt-floating-button.component.js +94 -94
- package/esm2015/components/ngt-floating-button/ngt-floating-button.module.js +19 -19
- package/esm2015/components/ngt-form/ngt-form-validation-message/ngt-form-validation-message.component.js +23 -23
- package/esm2015/components/ngt-form/ngt-form-validation-message/ngt-form-validation-message.module.js +15 -15
- package/esm2015/components/ngt-form/ngt-form.component.js +181 -181
- package/esm2015/components/ngt-form/ngt-form.module.js +17 -17
- package/esm2015/components/ngt-header-nav/ngt-header-nav.component.js +38 -38
- package/esm2015/components/ngt-header-nav/ngt-header-nav.module.js +15 -15
- package/esm2015/components/ngt-helper/ngt-helper.component.js +49 -47
- package/esm2015/components/ngt-helper/ngt-helper.module.js +19 -19
- package/esm2015/components/ngt-input/ngt-input.component.js +635 -635
- package/esm2015/components/ngt-input/ngt-input.module.js +28 -28
- package/esm2015/components/ngt-modal/ngt-modal-body/ngt-modal-body.component.js +11 -11
- package/esm2015/components/ngt-modal/ngt-modal-footer/ngt-modal-footer.component.js +11 -11
- package/esm2015/components/ngt-modal/ngt-modal-header/ngt-modal-header.component.js +40 -40
- package/esm2015/components/ngt-modal/ngt-modal.component.js +79 -79
- package/esm2015/components/ngt-modal/ngt-modal.module.js +28 -28
- package/esm2015/components/ngt-multi-select/ngt-multi-select.component.js +394 -394
- package/esm2015/components/ngt-multi-select/ngt-multi-select.module.js +33 -33
- package/esm2015/components/ngt-pagination/ngt-pagination.component.js +172 -172
- package/esm2015/components/ngt-pagination/ngt-pagination.module.js +23 -23
- package/esm2015/components/ngt-portlet/ngt-portlet-body/ngt-portlet-body.component.js +32 -32
- package/esm2015/components/ngt-portlet/ngt-portlet-footer/ngt-portlet-footer.component.js +33 -33
- package/esm2015/components/ngt-portlet/ngt-portlet-header/ngt-portlet-header.component.js +47 -47
- package/esm2015/components/ngt-portlet/ngt-portlet.component.js +58 -58
- package/esm2015/components/ngt-portlet/ngt-portlet.module.js +32 -32
- package/esm2015/components/ngt-radio-button/ngt-radio-button-container/ngt-radio-button-container.component.js +19 -19
- package/esm2015/components/ngt-radio-button/ngt-radio-button.component.js +99 -99
- package/esm2015/components/ngt-radio-button/ngt-radio-button.module.js +18 -18
- package/esm2015/components/ngt-section/ngt-section.component.js +101 -101
- package/esm2015/components/ngt-section/ngt-section.module.js +21 -21
- package/esm2015/components/ngt-select/ngt-select.component.js +469 -469
- package/esm2015/components/ngt-select/ngt-select.directive.js +35 -35
- package/esm2015/components/ngt-select/ngt-select.module.js +40 -40
- package/esm2015/components/ngt-shining/ngt-shining.component.js +41 -41
- package/esm2015/components/ngt-shining/ngt-shining.module.js +15 -15
- package/esm2015/components/ngt-sidenav/ngt-sidenav.component.js +123 -123
- package/esm2015/components/ngt-sidenav/ngt-sidenav.module.js +15 -15
- package/esm2015/components/ngt-slider/ngt-slider.component.js +82 -82
- package/esm2015/components/ngt-slider/ngt-slider.module.js +17 -17
- package/esm2015/components/ngt-svg/ngt-svg.component.js +52 -52
- package/esm2015/components/ngt-svg/ngt-svg.module.js +19 -19
- package/esm2015/components/ngt-tag/ngt-tag.component.js +36 -36
- package/esm2015/components/ngt-tag/ngt-tag.module.js +17 -17
- package/esm2015/components/ngt-textarea/ngt-textarea.component.js +211 -211
- package/esm2015/components/ngt-textarea/ngt-textarea.module.js +24 -24
- package/esm2015/components/ngt-validation/ngt-validation.component.js +24 -24
- package/esm2015/components/ngt-validation/ngt-validation.module.js +15 -15
- package/esm2015/directives/ngt-stylizable/ngt-stylizable.directive.js +227 -227
- package/esm2015/directives/ngt-stylizable/ngt-stylizable.module.js +15 -15
- package/esm2015/enums/size.enum.js +11 -11
- package/esm2015/helpers/enum/enum.js +7 -7
- package/esm2015/helpers/form/form.js +14 -14
- package/esm2015/helpers/routing/route.js +11 -11
- package/esm2015/helpers/uuid.js +10 -10
- package/esm2015/ng-tailwind.js +10 -10
- package/esm2015/public-api.js +117 -117
- package/esm2015/services/http/ngt-attachment-http.service.js +3 -3
- package/esm2015/services/http/ngt-http-form.service.js +3 -3
- package/esm2015/services/http/ngt-http-resource.service.js +3 -3
- package/esm2015/services/http/ngt-http-validation.service.js +4 -4
- package/esm2015/services/http/ngt-http.service.js +3 -3
- package/esm2015/services/http/ngt-translate.service.js +3 -3
- package/esm2015/services/ngt-stylizable/ngt-stylizable.service.js +273 -273
- package/fesm2015/ng-tailwind.js +6469 -6467
- package/fesm2015/ng-tailwind.js.map +1 -1
- package/helpers/enum/enum.d.ts +1 -1
- package/helpers/form/form.d.ts +4 -4
- package/helpers/routing/route.d.ts +2 -2
- package/helpers/uuid.d.ts +1 -1
- package/ng-tailwind.d.ts +10 -10
- package/ng-tailwind.metadata.json +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +80 -80
- package/services/http/ngt-attachment-http.service.d.ts +10 -10
- package/services/http/ngt-http-form.service.d.ts +5 -5
- package/services/http/ngt-http-resource.service.d.ts +12 -12
- package/services/http/ngt-http-validation.service.d.ts +10 -10
- package/services/http/ngt-http.service.d.ts +27 -27
- package/services/http/ngt-translate.service.d.ts +27 -27
- package/services/ngt-stylizable/ngt-stylizable.service.d.ts +96 -96
|
@@ -1,90 +1,90 @@
|
|
|
1
|
-
import { EventEmitter, forwardRef } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
/**
|
|
4
|
-
* Based on https://stackoverflow.com/a/37786142/8055997
|
|
5
|
-
*/
|
|
6
|
-
export class NgtBaseNgModel {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.onValueChangeEvent = new EventEmitter;
|
|
9
|
-
this.ignore = '{{{{INITIAL_VALUE_IGNORE}}}}';
|
|
10
|
-
this._value = this.ignore;
|
|
11
|
-
this.onChange = (_) => { };
|
|
12
|
-
this.onTouched = () => {
|
|
13
|
-
if (this.formControl) {
|
|
14
|
-
this.formControl.markAsTouched();
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
this.registerOnTouched(this.onTouched);
|
|
18
|
-
}
|
|
19
|
-
onValueChange() {
|
|
20
|
-
return this.onValueChangeEvent;
|
|
21
|
-
}
|
|
22
|
-
get value() {
|
|
23
|
-
return this._value != this.ignore ? this._value : null;
|
|
24
|
-
}
|
|
25
|
-
;
|
|
26
|
-
set value(v) {
|
|
27
|
-
if (!this.valuesAreEquals(v, this._value)) {
|
|
28
|
-
this._value = v;
|
|
29
|
-
this.onChange(v);
|
|
30
|
-
if (this.formControl) {
|
|
31
|
-
this.formControl.markAsDirty();
|
|
32
|
-
}
|
|
33
|
-
this.change(v);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
writeValue(value) {
|
|
37
|
-
if (value == this.ignore || this.valuesAreEquals(value, this._value)) {
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
this._value = value;
|
|
41
|
-
this.onChange(value);
|
|
42
|
-
this.change(value);
|
|
43
|
-
}
|
|
44
|
-
change(v) { }
|
|
45
|
-
;
|
|
46
|
-
registerOnChange(fn) {
|
|
47
|
-
this.onChange = fn;
|
|
48
|
-
}
|
|
49
|
-
registerOnTouched(fn) {
|
|
50
|
-
this.onTouched = fn;
|
|
51
|
-
}
|
|
52
|
-
isValid() {
|
|
53
|
-
if (this.formControl) {
|
|
54
|
-
this.formControl.markAsDirty();
|
|
55
|
-
return this.formControl.valid;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
markAsPristine() {
|
|
59
|
-
if (this.formControl) {
|
|
60
|
-
this.formControl.markAsPristine();
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
markAsDirty() {
|
|
64
|
-
if (this.formControl) {
|
|
65
|
-
this.formControl.markAsDirty();
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
setSubmitted(submitted) {
|
|
69
|
-
if (this.formContainer) {
|
|
70
|
-
this.formContainer['submitted'] = submitted;
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
valuesAreEquals(value1, value2) {
|
|
74
|
-
if (Array.isArray(value1)) {
|
|
75
|
-
value1 = JSON.stringify(value1);
|
|
76
|
-
}
|
|
77
|
-
if (Array.isArray(value2)) {
|
|
78
|
-
value2 = JSON.stringify(value2);
|
|
79
|
-
}
|
|
80
|
-
return value1 === value2;
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
export function NgtMakeProvider(type) {
|
|
84
|
-
return {
|
|
85
|
-
provide: NG_VALUE_ACCESSOR,
|
|
86
|
-
useExisting: forwardRef(() => type),
|
|
87
|
-
multi: true
|
|
88
|
-
};
|
|
89
|
-
}
|
|
90
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { EventEmitter, forwardRef } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
/**
|
|
4
|
+
* Based on https://stackoverflow.com/a/37786142/8055997
|
|
5
|
+
*/
|
|
6
|
+
export class NgtBaseNgModel {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.onValueChangeEvent = new EventEmitter;
|
|
9
|
+
this.ignore = '{{{{INITIAL_VALUE_IGNORE}}}}';
|
|
10
|
+
this._value = this.ignore;
|
|
11
|
+
this.onChange = (_) => { };
|
|
12
|
+
this.onTouched = () => {
|
|
13
|
+
if (this.formControl) {
|
|
14
|
+
this.formControl.markAsTouched();
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
this.registerOnTouched(this.onTouched);
|
|
18
|
+
}
|
|
19
|
+
onValueChange() {
|
|
20
|
+
return this.onValueChangeEvent;
|
|
21
|
+
}
|
|
22
|
+
get value() {
|
|
23
|
+
return this._value != this.ignore ? this._value : null;
|
|
24
|
+
}
|
|
25
|
+
;
|
|
26
|
+
set value(v) {
|
|
27
|
+
if (!this.valuesAreEquals(v, this._value)) {
|
|
28
|
+
this._value = v;
|
|
29
|
+
this.onChange(v);
|
|
30
|
+
if (this.formControl) {
|
|
31
|
+
this.formControl.markAsDirty();
|
|
32
|
+
}
|
|
33
|
+
this.change(v);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
writeValue(value) {
|
|
37
|
+
if (value == this.ignore || this.valuesAreEquals(value, this._value)) {
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
this._value = value;
|
|
41
|
+
this.onChange(value);
|
|
42
|
+
this.change(value);
|
|
43
|
+
}
|
|
44
|
+
change(v) { }
|
|
45
|
+
;
|
|
46
|
+
registerOnChange(fn) {
|
|
47
|
+
this.onChange = fn;
|
|
48
|
+
}
|
|
49
|
+
registerOnTouched(fn) {
|
|
50
|
+
this.onTouched = fn;
|
|
51
|
+
}
|
|
52
|
+
isValid() {
|
|
53
|
+
if (this.formControl) {
|
|
54
|
+
this.formControl.markAsDirty();
|
|
55
|
+
return this.formControl.valid;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
markAsPristine() {
|
|
59
|
+
if (this.formControl) {
|
|
60
|
+
this.formControl.markAsPristine();
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
markAsDirty() {
|
|
64
|
+
if (this.formControl) {
|
|
65
|
+
this.formControl.markAsDirty();
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
setSubmitted(submitted) {
|
|
69
|
+
if (this.formContainer) {
|
|
70
|
+
this.formContainer['submitted'] = submitted;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
valuesAreEquals(value1, value2) {
|
|
74
|
+
if (Array.isArray(value1)) {
|
|
75
|
+
value1 = JSON.stringify(value1);
|
|
76
|
+
}
|
|
77
|
+
if (Array.isArray(value2)) {
|
|
78
|
+
value2 = JSON.stringify(value2);
|
|
79
|
+
}
|
|
80
|
+
return value1 === value2;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
export function NgtMakeProvider(type) {
|
|
84
|
+
return {
|
|
85
|
+
provide: NG_VALUE_ACCESSOR,
|
|
86
|
+
useExisting: forwardRef(() => type),
|
|
87
|
+
multi: true
|
|
88
|
+
};
|
|
89
|
+
}
|
|
90
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LWJhc2UtbmctbW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy10YWlsd2luZC9zcmMvYmFzZS9uZ3QtYmFzZS1uZy1tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQTJELGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFNUc7O0dBRUc7QUFDSCxNQUFNLE9BQWdCLGNBQWM7SUFTaEM7UUFMTyx1QkFBa0IsR0FBRyxJQUFJLFlBQVksQ0FBQztRQUVyQyxXQUFNLEdBQUcsOEJBQThCLENBQUM7UUFDeEMsV0FBTSxHQUFRLElBQUksQ0FBQyxNQUFNLENBQUM7UUFxQzNCLGFBQVEsR0FBRyxDQUFDLENBQUMsRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBSXRCLGNBQVMsR0FBRyxHQUFHLEVBQUU7WUFDcEIsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO2dCQUNsQixJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxDQUFDO2FBQ3BDO1FBQ0wsQ0FBQyxDQUFDO1FBMUNFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVNLGFBQWE7UUFDaEIsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUM7SUFDbkMsQ0FBQztJQUVELElBQVcsS0FBSztRQUNaLE9BQU8sSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDM0QsQ0FBQztJQUFBLENBQUM7SUFFRixJQUFXLEtBQUssQ0FBQyxDQUFNO1FBQ25CLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDdkMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7WUFDaEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUVqQixJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7Z0JBQ2xCLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxFQUFFLENBQUM7YUFDbEM7WUFFRCxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ2xCO0lBQ0wsQ0FBQztJQUVNLFVBQVUsQ0FBQyxLQUFVO1FBQ3hCLElBQUksS0FBSyxJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLGVBQWUsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ2xFLE9BQU87U0FDVjtRQUVELElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDckIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QixDQUFDO0lBSU0sTUFBTSxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQUEsQ0FBQztJQVFkLGdCQUFnQixDQUFDLEVBQW9CO1FBQ3hDLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFTSxpQkFBaUIsQ0FBQyxFQUFjO1FBQ25DLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFTSxPQUFPO1FBQ1YsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxFQUFFLENBQUM7WUFFL0IsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQztTQUNqQztJQUNMLENBQUM7SUFFTSxjQUFjO1FBQ2pCLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNsQixJQUFJLENBQUMsV0FBVyxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQ3JDO0lBQ0wsQ0FBQztJQUVNLFdBQVc7UUFDZCxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNsQztJQUNMLENBQUM7SUFFTSxZQUFZLENBQUMsU0FBa0I7UUFDbEMsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3BCLElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDLEdBQUcsU0FBUyxDQUFDO1NBQy9DO0lBQ0wsQ0FBQztJQUVPLGVBQWUsQ0FBQyxNQUFNLEVBQUUsTUFBTTtRQUNsQyxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDdkIsTUFBTSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUM7U0FDbkM7UUFFRCxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDdkIsTUFBTSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUM7U0FDbkM7UUFFRCxPQUFPLE1BQU0sS0FBSyxNQUFNLENBQUM7SUFDN0IsQ0FBQztDQUNKO0FBRUQsTUFBTSxVQUFVLGVBQWUsQ0FBQyxJQUFTO0lBQ3JDLE9BQU87UUFDSCxPQUFPLEVBQUUsaUJBQWlCO1FBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDO1FBQ25DLEtBQUssRUFBRSxJQUFJO0tBQ2QsQ0FBQztBQUNOLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFdmVudEVtaXR0ZXIsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sLCBDb250cm9sQ29udGFpbmVyLCBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG4vKipcclxuICogQmFzZWQgb24gaHR0cHM6Ly9zdGFja292ZXJmbG93LmNvbS9hLzM3Nzg2MTQyLzgwNTU5OTdcclxuICovXHJcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBOZ3RCYXNlTmdNb2RlbCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICAgIHB1YmxpYyBmb3JtQ29udHJvbDogQWJzdHJhY3RDb250cm9sO1xyXG4gICAgcHVibGljIGZvcm1Db250YWluZXI6IENvbnRyb2xDb250YWluZXI7XHJcblxyXG4gICAgcHVibGljIG9uVmFsdWVDaGFuZ2VFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI7XHJcblxyXG4gICAgcHJpdmF0ZSBpZ25vcmUgPSAne3t7e0lOSVRJQUxfVkFMVUVfSUdOT1JFfX19fSc7XHJcbiAgICBwcml2YXRlIF92YWx1ZTogYW55ID0gdGhpcy5pZ25vcmU7XHJcblxyXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgICAgIHRoaXMucmVnaXN0ZXJPblRvdWNoZWQodGhpcy5vblRvdWNoZWQpO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBvblZhbHVlQ2hhbmdlKCkge1xyXG4gICAgICAgIHJldHVybiB0aGlzLm9uVmFsdWVDaGFuZ2VFdmVudDtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgZ2V0IHZhbHVlKCk6IGFueSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuX3ZhbHVlICE9IHRoaXMuaWdub3JlID8gdGhpcy5fdmFsdWUgOiBudWxsO1xyXG4gICAgfTtcclxuXHJcbiAgICBwdWJsaWMgc2V0IHZhbHVlKHY6IGFueSkge1xyXG4gICAgICAgIGlmICghdGhpcy52YWx1ZXNBcmVFcXVhbHModiwgdGhpcy5fdmFsdWUpKSB7XHJcbiAgICAgICAgICAgIHRoaXMuX3ZhbHVlID0gdjtcclxuICAgICAgICAgICAgdGhpcy5vbkNoYW5nZSh2KTtcclxuXHJcbiAgICAgICAgICAgIGlmICh0aGlzLmZvcm1Db250cm9sKSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLmZvcm1Db250cm9sLm1hcmtBc0RpcnR5KCk7XHJcbiAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICAgIHRoaXMuY2hhbmdlKHYpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KSB7XHJcbiAgICAgICAgaWYgKHZhbHVlID09IHRoaXMuaWdub3JlIHx8IHRoaXMudmFsdWVzQXJlRXF1YWxzKHZhbHVlLCB0aGlzLl92YWx1ZSkpIHtcclxuICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgdGhpcy5fdmFsdWUgPSB2YWx1ZTtcclxuICAgICAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcclxuICAgICAgICB0aGlzLmNoYW5nZSh2YWx1ZSk7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG9uQ2hhbmdlID0gKF8pID0+IHsgfTtcclxuXHJcbiAgICBwdWJsaWMgY2hhbmdlKHYpIHsgfTtcclxuXHJcbiAgICBwdWJsaWMgb25Ub3VjaGVkID0gKCkgPT4ge1xyXG4gICAgICAgIGlmICh0aGlzLmZvcm1Db250cm9sKSB7XHJcbiAgICAgICAgICAgIHRoaXMuZm9ybUNvbnRyb2wubWFya0FzVG91Y2hlZCgpO1xyXG4gICAgICAgIH1cclxuICAgIH07XHJcblxyXG4gICAgcHVibGljIHJlZ2lzdGVyT25DaGFuZ2UoZm46IChfOiBhbnkpID0+IHZvaWQpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLm9uQ2hhbmdlID0gZm47XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgaXNWYWxpZCgpOiBib29sZWFuIHtcclxuICAgICAgICBpZiAodGhpcy5mb3JtQ29udHJvbCkge1xyXG4gICAgICAgICAgICB0aGlzLmZvcm1Db250cm9sLm1hcmtBc0RpcnR5KCk7XHJcblxyXG4gICAgICAgICAgICByZXR1cm4gdGhpcy5mb3JtQ29udHJvbC52YWxpZDtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG1hcmtBc1ByaXN0aW5lKCkge1xyXG4gICAgICAgIGlmICh0aGlzLmZvcm1Db250cm9sKSB7XHJcbiAgICAgICAgICAgIHRoaXMuZm9ybUNvbnRyb2wubWFya0FzUHJpc3RpbmUoKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG1hcmtBc0RpcnR5KCkge1xyXG4gICAgICAgIGlmICh0aGlzLmZvcm1Db250cm9sKSB7XHJcbiAgICAgICAgICAgIHRoaXMuZm9ybUNvbnRyb2wubWFya0FzRGlydHkoKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIHNldFN1Ym1pdHRlZChzdWJtaXR0ZWQ6IGJvb2xlYW4pIHtcclxuICAgICAgICBpZiAodGhpcy5mb3JtQ29udGFpbmVyKSB7XHJcbiAgICAgICAgICAgIHRoaXMuZm9ybUNvbnRhaW5lclsnc3VibWl0dGVkJ10gPSBzdWJtaXR0ZWQ7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgdmFsdWVzQXJlRXF1YWxzKHZhbHVlMSwgdmFsdWUyKSB7XHJcbiAgICAgICAgaWYgKEFycmF5LmlzQXJyYXkodmFsdWUxKSkge1xyXG4gICAgICAgICAgICB2YWx1ZTEgPSBKU09OLnN0cmluZ2lmeSh2YWx1ZTEpO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgaWYgKEFycmF5LmlzQXJyYXkodmFsdWUyKSkge1xyXG4gICAgICAgICAgICB2YWx1ZTIgPSBKU09OLnN0cmluZ2lmeSh2YWx1ZTIpO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgcmV0dXJuIHZhbHVlMSA9PT0gdmFsdWUyO1xyXG4gICAgfVxyXG59XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gTmd0TWFrZVByb3ZpZGVyKHR5cGU6IGFueSkge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiB0eXBlKSxcclxuICAgICAgICBtdWx0aTogdHJ1ZVxyXG4gICAgfTtcclxufVxyXG4iXX0=
|
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
import { Component, Injector, Input, Optional, Self } from '@angular/core';
|
|
2
|
-
import { NgtStylizableDirective } from '../../directives/ngt-stylizable/ngt-stylizable.directive';
|
|
3
|
-
import { NgtStylizableService } from '../../services/ngt-stylizable/ngt-stylizable.service';
|
|
4
|
-
export class NgtActionComponent {
|
|
5
|
-
constructor(injector, ngtStylizableDirective) {
|
|
6
|
-
this.injector = injector;
|
|
7
|
-
this.ngtStylizableDirective = ngtStylizableDirective;
|
|
8
|
-
if (this.ngtStylizableDirective) {
|
|
9
|
-
this.ngtStyle = this.ngtStylizableDirective.getNgtStylizableService();
|
|
10
|
-
}
|
|
11
|
-
else {
|
|
12
|
-
this.ngtStyle = new NgtStylizableService();
|
|
13
|
-
}
|
|
14
|
-
this.ngtStyle.load(this.injector, 'NgtAction', {
|
|
15
|
-
h: 'h-full',
|
|
16
|
-
w: 'w-full',
|
|
17
|
-
color: {
|
|
18
|
-
bg: 'bg-gray-500',
|
|
19
|
-
text: 'text-white',
|
|
20
|
-
border: '',
|
|
21
|
-
},
|
|
22
|
-
text: 'text-xl',
|
|
23
|
-
border: 'border-0',
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
onClick(event) {
|
|
27
|
-
if (this.isDisabled) {
|
|
28
|
-
event.stopPropagation();
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
NgtActionComponent.decorators = [
|
|
33
|
-
{ type: Component, args: [{
|
|
34
|
-
selector: 'ngt-action',
|
|
35
|
-
template: "<a *ngIf=\"href\"\n [class]=\"isDisabled ? 'block rounded-full cursor-not-allowed text-gray-600 bg-gray-400 hover:bg-gray-400 opacity-50' : 'cursor-pointer'\"\n [routerLink]=\"href\" (click)='onClick($event)'>\n <div\n class=\"flex justify-center rounded-full {{ ngtStyle.compile(['h', 'w', 'color.bg', 'color.text', 'px', 'py', 'shadow', 'text']) }}\">\n <ngt-svg [src]=\"icon\" class='self-center' *ngIf=\"icon\">\n </ngt-svg>\n <div class=\"self-center\">\n <ng-content></ng-content>\n </div>\n </div>\n</a>\n\n<a *ngIf=\"!href\"\n [class]=\"isDisabled ? 'block rounded-full cursor-not-allowed text-gray-600 bg-gray-400 hover:bg-gray-400 opacity-50' : 'cursor-pointer'\"\n (click)='onClick($event)'>\n <div\n class=\"flex justify-center rounded-full {{ ngtStyle.compile(['h', 'w', 'color.bg', 'color.text', 'px', 'py', 'shadow', 'text', 'border', 'color.border']) }}\">\n <ngt-svg [src]=\"icon\" class='self-center' *ngIf=\"icon\"></ngt-svg>\n <div class=\"self-center\">\n <ng-content></ng-content>\n </div>\n </div>\n</a>\n",
|
|
36
|
-
styles: [""]
|
|
37
|
-
},] }
|
|
38
|
-
];
|
|
39
|
-
NgtActionComponent.ctorParameters = () => [
|
|
40
|
-
{ type: Injector },
|
|
41
|
-
{ type: NgtStylizableDirective, decorators: [{ type: Self }, { type: Optional }] }
|
|
42
|
-
];
|
|
43
|
-
NgtActionComponent.propDecorators = {
|
|
44
|
-
href: [{ type: Input }],
|
|
45
|
-
icon: [{ type: Input }],
|
|
46
|
-
ngtStyle: [{ type: Input }],
|
|
47
|
-
isDisabled: [{ type: Input }]
|
|
48
|
-
};
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, Injector, Input, Optional, Self } from '@angular/core';
|
|
2
|
+
import { NgtStylizableDirective } from '../../directives/ngt-stylizable/ngt-stylizable.directive';
|
|
3
|
+
import { NgtStylizableService } from '../../services/ngt-stylizable/ngt-stylizable.service';
|
|
4
|
+
export class NgtActionComponent {
|
|
5
|
+
constructor(injector, ngtStylizableDirective) {
|
|
6
|
+
this.injector = injector;
|
|
7
|
+
this.ngtStylizableDirective = ngtStylizableDirective;
|
|
8
|
+
if (this.ngtStylizableDirective) {
|
|
9
|
+
this.ngtStyle = this.ngtStylizableDirective.getNgtStylizableService();
|
|
10
|
+
}
|
|
11
|
+
else {
|
|
12
|
+
this.ngtStyle = new NgtStylizableService();
|
|
13
|
+
}
|
|
14
|
+
this.ngtStyle.load(this.injector, 'NgtAction', {
|
|
15
|
+
h: 'h-full',
|
|
16
|
+
w: 'w-full',
|
|
17
|
+
color: {
|
|
18
|
+
bg: 'bg-gray-500',
|
|
19
|
+
text: 'text-white',
|
|
20
|
+
border: '',
|
|
21
|
+
},
|
|
22
|
+
text: 'text-xl',
|
|
23
|
+
border: 'border-0',
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
onClick(event) {
|
|
27
|
+
if (this.isDisabled) {
|
|
28
|
+
event.stopPropagation();
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
NgtActionComponent.decorators = [
|
|
33
|
+
{ type: Component, args: [{
|
|
34
|
+
selector: 'ngt-action',
|
|
35
|
+
template: "<a *ngIf=\"href\"\r\n [class]=\"isDisabled ? 'block rounded-full cursor-not-allowed text-gray-600 bg-gray-400 hover:bg-gray-400 opacity-50' : 'cursor-pointer'\"\r\n [routerLink]=\"href\" (click)='onClick($event)'>\r\n <div\r\n class=\"flex justify-center rounded-full {{ ngtStyle.compile(['h', 'w', 'color.bg', 'color.text', 'px', 'py', 'shadow', 'text']) }}\">\r\n <ngt-svg [src]=\"icon\" class='self-center' *ngIf=\"icon\">\r\n </ngt-svg>\r\n <div class=\"self-center\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</a>\r\n\r\n<a *ngIf=\"!href\"\r\n [class]=\"isDisabled ? 'block rounded-full cursor-not-allowed text-gray-600 bg-gray-400 hover:bg-gray-400 opacity-50' : 'cursor-pointer'\"\r\n (click)='onClick($event)'>\r\n <div\r\n class=\"flex justify-center rounded-full {{ ngtStyle.compile(['h', 'w', 'color.bg', 'color.text', 'px', 'py', 'shadow', 'text', 'border', 'color.border']) }}\">\r\n <ngt-svg [src]=\"icon\" class='self-center' *ngIf=\"icon\"></ngt-svg>\r\n <div class=\"self-center\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</a>\r\n",
|
|
36
|
+
styles: [""]
|
|
37
|
+
},] }
|
|
38
|
+
];
|
|
39
|
+
NgtActionComponent.ctorParameters = () => [
|
|
40
|
+
{ type: Injector },
|
|
41
|
+
{ type: NgtStylizableDirective, decorators: [{ type: Self }, { type: Optional }] }
|
|
42
|
+
];
|
|
43
|
+
NgtActionComponent.propDecorators = {
|
|
44
|
+
href: [{ type: Input }],
|
|
45
|
+
icon: [{ type: Input }],
|
|
46
|
+
ngtStyle: [{ type: Input }],
|
|
47
|
+
isDisabled: [{ type: Input }]
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LWFjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy10YWlsd2luZC9zcmMvY29tcG9uZW50cy9uZ3QtYWN0aW9uL25ndC1hY3Rpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBTzVGLE1BQU0sT0FBTyxrQkFBa0I7SUFNM0IsWUFDWSxRQUFrQixFQUNFLHNCQUE4QztRQURsRSxhQUFRLEdBQVIsUUFBUSxDQUFVO1FBQ0UsMkJBQXNCLEdBQXRCLHNCQUFzQixDQUF3QjtRQUUxRSxJQUFJLElBQUksQ0FBQyxzQkFBc0IsRUFBRTtZQUM3QixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyx1QkFBdUIsRUFBRSxDQUFDO1NBQ3pFO2FBQU07WUFDSCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksb0JBQW9CLEVBQUUsQ0FBQztTQUM5QztRQUVELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsV0FBVyxFQUFFO1lBQzNDLENBQUMsRUFBRSxRQUFRO1lBQ1gsQ0FBQyxFQUFFLFFBQVE7WUFDWCxLQUFLLEVBQUU7Z0JBQ0gsRUFBRSxFQUFFLGFBQWE7Z0JBQ2pCLElBQUksRUFBRSxZQUFZO2dCQUNsQixNQUFNLEVBQUUsRUFBRTthQUNiO1lBQ0QsSUFBSSxFQUFFLFNBQVM7WUFDZixNQUFNLEVBQUUsVUFBVTtTQUNyQixDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU0sT0FBTyxDQUFDLEtBQVk7UUFDdkIsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ2pCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztTQUMzQjtJQUNMLENBQUM7OztZQXRDSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLDZxQ0FBMEM7O2FBRTdDOzs7WUFUbUIsUUFBUTtZQUVuQixzQkFBc0IsdUJBZ0J0QixJQUFJLFlBQUksUUFBUTs7O21CQVBwQixLQUFLO21CQUNMLEtBQUs7dUJBQ0wsS0FBSzt5QkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciwgSW5wdXQsIE9wdGlvbmFsLCBTZWxmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBOZ3RTdHlsaXphYmxlRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9uZ3Qtc3R5bGl6YWJsZS9uZ3Qtc3R5bGl6YWJsZS5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBOZ3RTdHlsaXphYmxlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL25ndC1zdHlsaXphYmxlL25ndC1zdHlsaXphYmxlLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ25ndC1hY3Rpb24nLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL25ndC1hY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vbmd0LWFjdGlvbi5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE5ndEFjdGlvbkNvbXBvbmVudCB7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgaHJlZjogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgcHVibGljIGljb246IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBuZ3RTdHlsZTogTmd0U3R5bGl6YWJsZVNlcnZpY2U7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgaXNEaXNhYmxlZDogYm9vbGVhbjtcclxuXHJcbiAgICBwdWJsaWMgY29uc3RydWN0b3IoXHJcbiAgICAgICAgcHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3IsXHJcbiAgICAgICAgQFNlbGYoKSBAT3B0aW9uYWwoKSBwcml2YXRlIG5ndFN0eWxpemFibGVEaXJlY3RpdmU6IE5ndFN0eWxpemFibGVEaXJlY3RpdmUsXHJcbiAgICApIHtcclxuICAgICAgICBpZiAodGhpcy5uZ3RTdHlsaXphYmxlRGlyZWN0aXZlKSB7XHJcbiAgICAgICAgICAgIHRoaXMubmd0U3R5bGUgPSB0aGlzLm5ndFN0eWxpemFibGVEaXJlY3RpdmUuZ2V0Tmd0U3R5bGl6YWJsZVNlcnZpY2UoKTtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICB0aGlzLm5ndFN0eWxlID0gbmV3IE5ndFN0eWxpemFibGVTZXJ2aWNlKCk7XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICB0aGlzLm5ndFN0eWxlLmxvYWQodGhpcy5pbmplY3RvciwgJ05ndEFjdGlvbicsIHtcclxuICAgICAgICAgICAgaDogJ2gtZnVsbCcsXHJcbiAgICAgICAgICAgIHc6ICd3LWZ1bGwnLFxyXG4gICAgICAgICAgICBjb2xvcjoge1xyXG4gICAgICAgICAgICAgICAgYmc6ICdiZy1ncmF5LTUwMCcsXHJcbiAgICAgICAgICAgICAgICB0ZXh0OiAndGV4dC13aGl0ZScsXHJcbiAgICAgICAgICAgICAgICBib3JkZXI6ICcnLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB0ZXh0OiAndGV4dC14bCcsXHJcbiAgICAgICAgICAgIGJvcmRlcjogJ2JvcmRlci0wJyxcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgb25DbGljayhldmVudDogRXZlbnQpIHtcclxuICAgICAgICBpZiAodGhpcy5pc0Rpc2FibGVkKSB7XHJcbiAgICAgICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxufVxyXG4iXX0=
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { RouterModule } from '@angular/router';
|
|
4
|
-
import { NgtActionComponent } from './ngt-action.component';
|
|
5
|
-
import { NgtSvgModule } from '../ngt-svg/ngt-svg.module';
|
|
6
|
-
export class NgtActionModule {
|
|
7
|
-
}
|
|
8
|
-
NgtActionModule.decorators = [
|
|
9
|
-
{ type: NgModule, args: [{
|
|
10
|
-
declarations: [NgtActionComponent],
|
|
11
|
-
exports: [NgtActionComponent],
|
|
12
|
-
imports: [
|
|
13
|
-
CommonModule,
|
|
14
|
-
RouterModule,
|
|
15
|
-
NgtSvgModule
|
|
16
|
-
]
|
|
17
|
-
},] }
|
|
18
|
-
];
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { RouterModule } from '@angular/router';
|
|
4
|
+
import { NgtActionComponent } from './ngt-action.component';
|
|
5
|
+
import { NgtSvgModule } from '../ngt-svg/ngt-svg.module';
|
|
6
|
+
export class NgtActionModule {
|
|
7
|
+
}
|
|
8
|
+
NgtActionModule.decorators = [
|
|
9
|
+
{ type: NgModule, args: [{
|
|
10
|
+
declarations: [NgtActionComponent],
|
|
11
|
+
exports: [NgtActionComponent],
|
|
12
|
+
imports: [
|
|
13
|
+
CommonModule,
|
|
14
|
+
RouterModule,
|
|
15
|
+
NgtSvgModule
|
|
16
|
+
]
|
|
17
|
+
},] }
|
|
18
|
+
];
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LWFjdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy10YWlsd2luZC9zcmMvY29tcG9uZW50cy9uZ3QtYWN0aW9uL25ndC1hY3Rpb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFXekQsTUFBTSxPQUFPLGVBQWU7OztZQVQzQixRQUFRLFNBQUM7Z0JBQ04sWUFBWSxFQUFFLENBQUMsa0JBQWtCLENBQUM7Z0JBQ2xDLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2dCQUM3QixPQUFPLEVBQUU7b0JBQ0wsWUFBWTtvQkFDWixZQUFZO29CQUNaLFlBQVk7aUJBQ2Y7YUFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcblxyXG5pbXBvcnQgeyBOZ3RBY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL25ndC1hY3Rpb24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgTmd0U3ZnTW9kdWxlIH0gZnJvbSAnLi4vbmd0LXN2Zy9uZ3Qtc3ZnLm1vZHVsZSc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgZGVjbGFyYXRpb25zOiBbTmd0QWN0aW9uQ29tcG9uZW50XSxcclxuICAgIGV4cG9ydHM6IFtOZ3RBY3Rpb25Db21wb25lbnRdLFxyXG4gICAgaW1wb3J0czogW1xyXG4gICAgICAgIENvbW1vbk1vZHVsZSxcclxuICAgICAgICBSb3V0ZXJNb2R1bGUsXHJcbiAgICAgICAgTmd0U3ZnTW9kdWxlXHJcbiAgICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZ3RBY3Rpb25Nb2R1bGUgeyB9XHJcbiJdfQ==
|
|
@@ -1,106 +1,106 @@
|
|
|
1
|
-
import { Component, Injector, Input, Optional, Self, SkipSelf } from '@angular/core';
|
|
2
|
-
import { NgtStylizableDirective } from '../../directives/ngt-stylizable/ngt-stylizable.directive';
|
|
3
|
-
import { NgtStylizableService } from '../../services/ngt-stylizable/ngt-stylizable.service';
|
|
4
|
-
import { NgtFormComponent } from '../ngt-form/ngt-form.component';
|
|
5
|
-
export class NgtButtonComponent {
|
|
6
|
-
constructor(ngtFormComponent, injector, ngtStylizableDirective) {
|
|
7
|
-
this.ngtFormComponent = ngtFormComponent;
|
|
8
|
-
this.injector = injector;
|
|
9
|
-
this.ngtStylizableDirective = ngtStylizableDirective;
|
|
10
|
-
this.link = false;
|
|
11
|
-
this.type = 'success';
|
|
12
|
-
this.loading = false;
|
|
13
|
-
this.isDisabled = false;
|
|
14
|
-
this.noSubmit = false;
|
|
15
|
-
this.subscriptions = [];
|
|
16
|
-
if (this.ngtStylizableDirective) {
|
|
17
|
-
this.ngtStyle = this.ngtStylizableDirective.getNgtStylizableService();
|
|
18
|
-
}
|
|
19
|
-
else {
|
|
20
|
-
this.ngtStyle = new NgtStylizableService();
|
|
21
|
-
}
|
|
22
|
-
if (this.ngtFormComponent) {
|
|
23
|
-
this.subscriptions.push(this.ngtFormComponent.onLoadingChange.subscribe((loading) => {
|
|
24
|
-
this.loading = loading;
|
|
25
|
-
}));
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
onClick(event) {
|
|
29
|
-
if (this.isDisabled || this.loading) {
|
|
30
|
-
event.preventDefault();
|
|
31
|
-
event.stopPropagation();
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
ngOnChanges(changes) {
|
|
35
|
-
if (changes.type) {
|
|
36
|
-
if (changes.type.currentValue == 'success') {
|
|
37
|
-
this.ngtStyle.load(this.injector, 'NgtSuccessButton', {
|
|
38
|
-
color: {
|
|
39
|
-
bg: 'bg-green-500',
|
|
40
|
-
text: 'text-white text-sm',
|
|
41
|
-
},
|
|
42
|
-
px: 'px-4',
|
|
43
|
-
py: 'py-2'
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
else if (changes.type.currentValue == 'warning') {
|
|
47
|
-
this.ngtStyle.load(this.injector, 'NgtWarningButton', {
|
|
48
|
-
color: {
|
|
49
|
-
bg: 'bg-orange-500',
|
|
50
|
-
text: 'text-white text-sm',
|
|
51
|
-
},
|
|
52
|
-
px: 'px-4',
|
|
53
|
-
py: 'py-2'
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
else if (changes.type.currentValue == 'danger') {
|
|
57
|
-
this.ngtStyle.load(this.injector, 'NgtDangerButton', {
|
|
58
|
-
color: {
|
|
59
|
-
bg: 'bg-red-500',
|
|
60
|
-
text: 'text-white text-sm',
|
|
61
|
-
},
|
|
62
|
-
px: 'px-4',
|
|
63
|
-
py: 'py-2'
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
else {
|
|
67
|
-
this.ngtStyle.load(this.injector, 'NgtInfoButton', {
|
|
68
|
-
color: {
|
|
69
|
-
bg: 'bg-blue-500',
|
|
70
|
-
text: 'text-white text-sm',
|
|
71
|
-
},
|
|
72
|
-
px: 'px-4',
|
|
73
|
-
py: 'py-2'
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
ngOnDestroy() {
|
|
79
|
-
this.destroySubscriptions();
|
|
80
|
-
}
|
|
81
|
-
destroySubscriptions() {
|
|
82
|
-
this.subscriptions.forEach(subscription => subscription.unsubscribe());
|
|
83
|
-
this.subscriptions = [];
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
NgtButtonComponent.decorators = [
|
|
87
|
-
{ type: Component, args: [{
|
|
88
|
-
selector: 'ngt-button',
|
|
89
|
-
template: "<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n\n<div class=\"h-full w-full\" (click)='onClick($event)'>\n <ng-container *ngIf='!link'>\n <button [ngClass]=\"{ 'disabled-button': isDisabled, 'loading-button': loading }\" [disabled]=\"isDisabled\"\n [type]=\"(loading || isDisabled || noSubmit) ? 'button' : 'submit'\"\n class=\"flex justify-center items-center h-full w-full focus:outline-none rounded cursor-pointer {{ ngtStyle.compile(['color.bg', 'color.text', 'color.border', 'px', 'py', 'border']) }}\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n <span *ngIf=\"loading\" class=\"ml-2\">\n <div class=\"div-loader h-5 w-5\"></div>\n </span>\n </button>\n </ng-container>\n\n <ng-container *ngIf='link'>\n <a [routerLink]='href ? href : null' [ngClass]=\"{ 'disabled-button': isDisabled, 'loading-button': loading }\"\n class=\"flex justify-center items-center h-full w-full focus:outline-none rounded cursor-pointer {{ ngtStyle.compile(['color.bg', 'color.text', 'color.border', 'px', 'py', 'border']) }}\">\n <span class=\"w-full\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </span>\n\n <span *ngIf=\"loading\" class=\"ml-1\">\n <div class=\"div-loader\"></div>\n </span>\n </a>\n </ng-container>\n</div>",
|
|
90
|
-
styles: [".disabled-button{opacity:.5!important;cursor:not-allowed!important}.loading-button{opacity:.5!important;cursor:wait!important}.div-loader{border:3px solid #edf2f738;border-top-color:#edf2f7;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}"]
|
|
91
|
-
},] }
|
|
92
|
-
];
|
|
93
|
-
NgtButtonComponent.ctorParameters = () => [
|
|
94
|
-
{ type: NgtFormComponent, decorators: [{ type: Optional }, { type: SkipSelf }] },
|
|
95
|
-
{ type: Injector },
|
|
96
|
-
{ type: NgtStylizableDirective, decorators: [{ type: Self }, { type: Optional }] }
|
|
97
|
-
];
|
|
98
|
-
NgtButtonComponent.propDecorators = {
|
|
99
|
-
link: [{ type: Input }],
|
|
100
|
-
href: [{ type: Input }],
|
|
101
|
-
type: [{ type: Input }],
|
|
102
|
-
loading: [{ type: Input }],
|
|
103
|
-
isDisabled: [{ type: Input }],
|
|
104
|
-
noSubmit: [{ type: Input }]
|
|
105
|
-
};
|
|
106
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, Injector, Input, Optional, Self, SkipSelf } from '@angular/core';
|
|
2
|
+
import { NgtStylizableDirective } from '../../directives/ngt-stylizable/ngt-stylizable.directive';
|
|
3
|
+
import { NgtStylizableService } from '../../services/ngt-stylizable/ngt-stylizable.service';
|
|
4
|
+
import { NgtFormComponent } from '../ngt-form/ngt-form.component';
|
|
5
|
+
export class NgtButtonComponent {
|
|
6
|
+
constructor(ngtFormComponent, injector, ngtStylizableDirective) {
|
|
7
|
+
this.ngtFormComponent = ngtFormComponent;
|
|
8
|
+
this.injector = injector;
|
|
9
|
+
this.ngtStylizableDirective = ngtStylizableDirective;
|
|
10
|
+
this.link = false;
|
|
11
|
+
this.type = 'success';
|
|
12
|
+
this.loading = false;
|
|
13
|
+
this.isDisabled = false;
|
|
14
|
+
this.noSubmit = false;
|
|
15
|
+
this.subscriptions = [];
|
|
16
|
+
if (this.ngtStylizableDirective) {
|
|
17
|
+
this.ngtStyle = this.ngtStylizableDirective.getNgtStylizableService();
|
|
18
|
+
}
|
|
19
|
+
else {
|
|
20
|
+
this.ngtStyle = new NgtStylizableService();
|
|
21
|
+
}
|
|
22
|
+
if (this.ngtFormComponent) {
|
|
23
|
+
this.subscriptions.push(this.ngtFormComponent.onLoadingChange.subscribe((loading) => {
|
|
24
|
+
this.loading = loading;
|
|
25
|
+
}));
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
onClick(event) {
|
|
29
|
+
if (this.isDisabled || this.loading) {
|
|
30
|
+
event.preventDefault();
|
|
31
|
+
event.stopPropagation();
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
ngOnChanges(changes) {
|
|
35
|
+
if (changes.type) {
|
|
36
|
+
if (changes.type.currentValue == 'success') {
|
|
37
|
+
this.ngtStyle.load(this.injector, 'NgtSuccessButton', {
|
|
38
|
+
color: {
|
|
39
|
+
bg: 'bg-green-500',
|
|
40
|
+
text: 'text-white text-sm',
|
|
41
|
+
},
|
|
42
|
+
px: 'px-4',
|
|
43
|
+
py: 'py-2'
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
else if (changes.type.currentValue == 'warning') {
|
|
47
|
+
this.ngtStyle.load(this.injector, 'NgtWarningButton', {
|
|
48
|
+
color: {
|
|
49
|
+
bg: 'bg-orange-500',
|
|
50
|
+
text: 'text-white text-sm',
|
|
51
|
+
},
|
|
52
|
+
px: 'px-4',
|
|
53
|
+
py: 'py-2'
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
else if (changes.type.currentValue == 'danger') {
|
|
57
|
+
this.ngtStyle.load(this.injector, 'NgtDangerButton', {
|
|
58
|
+
color: {
|
|
59
|
+
bg: 'bg-red-500',
|
|
60
|
+
text: 'text-white text-sm',
|
|
61
|
+
},
|
|
62
|
+
px: 'px-4',
|
|
63
|
+
py: 'py-2'
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
67
|
+
this.ngtStyle.load(this.injector, 'NgtInfoButton', {
|
|
68
|
+
color: {
|
|
69
|
+
bg: 'bg-blue-500',
|
|
70
|
+
text: 'text-white text-sm',
|
|
71
|
+
},
|
|
72
|
+
px: 'px-4',
|
|
73
|
+
py: 'py-2'
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
ngOnDestroy() {
|
|
79
|
+
this.destroySubscriptions();
|
|
80
|
+
}
|
|
81
|
+
destroySubscriptions() {
|
|
82
|
+
this.subscriptions.forEach(subscription => subscription.unsubscribe());
|
|
83
|
+
this.subscriptions = [];
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
NgtButtonComponent.decorators = [
|
|
87
|
+
{ type: Component, args: [{
|
|
88
|
+
selector: 'ngt-button',
|
|
89
|
+
template: "<ng-template #content>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n\r\n<div class=\"h-full w-full\" (click)='onClick($event)'>\r\n <ng-container *ngIf='!link'>\r\n <button [ngClass]=\"{ 'disabled-button': isDisabled, 'loading-button': loading }\" [disabled]=\"isDisabled\"\r\n [type]=\"(loading || isDisabled || noSubmit) ? 'button' : 'submit'\"\r\n class=\"flex justify-center items-center h-full w-full focus:outline-none rounded cursor-pointer {{ ngtStyle.compile(['color.bg', 'color.text', 'color.border', 'px', 'py', 'border']) }}\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n\r\n <span *ngIf=\"loading\" class=\"ml-2\">\r\n <div class=\"div-loader h-5 w-5\"></div>\r\n </span>\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf='link'>\r\n <a [routerLink]='href ? href : null' [ngClass]=\"{ 'disabled-button': isDisabled, 'loading-button': loading }\"\r\n class=\"flex justify-center items-center h-full w-full focus:outline-none rounded cursor-pointer {{ ngtStyle.compile(['color.bg', 'color.text', 'color.border', 'px', 'py', 'border']) }}\">\r\n <span class=\"w-full\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </span>\r\n\r\n <span *ngIf=\"loading\" class=\"ml-1\">\r\n <div class=\"div-loader\"></div>\r\n </span>\r\n </a>\r\n </ng-container>\r\n</div>",
|
|
90
|
+
styles: [".disabled-button{opacity:.5!important;cursor:not-allowed!important}.loading-button{opacity:.5!important;cursor:wait!important}.div-loader{border:3px solid #edf2f738;border-top-color:#edf2f7;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}"]
|
|
91
|
+
},] }
|
|
92
|
+
];
|
|
93
|
+
NgtButtonComponent.ctorParameters = () => [
|
|
94
|
+
{ type: NgtFormComponent, decorators: [{ type: Optional }, { type: SkipSelf }] },
|
|
95
|
+
{ type: Injector },
|
|
96
|
+
{ type: NgtStylizableDirective, decorators: [{ type: Self }, { type: Optional }] }
|
|
97
|
+
];
|
|
98
|
+
NgtButtonComponent.propDecorators = {
|
|
99
|
+
link: [{ type: Input }],
|
|
100
|
+
href: [{ type: Input }],
|
|
101
|
+
type: [{ type: Input }],
|
|
102
|
+
loading: [{ type: Input }],
|
|
103
|
+
isDisabled: [{ type: Input }],
|
|
104
|
+
noSubmit: [{ type: Input }]
|
|
105
|
+
};
|
|
106
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy10YWlsd2luZC9zcmMvY29tcG9uZW50cy9uZ3QtYnV0dG9uL25ndC1idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBd0IsUUFBUSxFQUFFLElBQUksRUFBaUIsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRzFILE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBT2xFLE1BQU0sT0FBTyxrQkFBa0I7SUFZM0IsWUFFWSxnQkFBa0MsRUFDbEMsUUFBa0IsRUFDRSxzQkFBOEM7UUFGbEUscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyxhQUFRLEdBQVIsUUFBUSxDQUFVO1FBQ0UsMkJBQXNCLEdBQXRCLHNCQUFzQixDQUF3QjtRQWY5RCxTQUFJLEdBQVksS0FBSyxDQUFDO1FBRXRCLFNBQUksR0FBVyxTQUFTLENBQUM7UUFDekIsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzVCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFJbEMsa0JBQWEsR0FBd0IsRUFBRSxDQUFDO1FBUTVDLElBQUksSUFBSSxDQUFDLHNCQUFzQixFQUFFO1lBQzdCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLHVCQUF1QixFQUFFLENBQUM7U0FDekU7YUFBTTtZQUNILElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxvQkFBb0IsRUFBRSxDQUFDO1NBQzlDO1FBRUQsSUFBSSxJQUFJ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OlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciwgSW5wdXQsIE9uQ2hhbmdlcywgT25EZXN0cm95LCBPcHRpb25hbCwgU2VsZiwgU2ltcGxlQ2hhbmdlcywgU2tpcFNlbGYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcblxyXG5pbXBvcnQgeyBOZ3RTdHlsaXphYmxlRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9uZ3Qtc3R5bGl6YWJsZS9uZ3Qtc3R5bGl6YWJsZS5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBOZ3RTdHlsaXphYmxlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL25ndC1zdHlsaXphYmxlL25ndC1zdHlsaXphYmxlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBOZ3RGb3JtQ29tcG9uZW50IH0gZnJvbSAnLi4vbmd0LWZvcm0vbmd0LWZvcm0uY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICduZ3QtYnV0dG9uJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9uZ3QtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL25ndC1idXR0b24uY29tcG9uZW50LmNzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmd0QnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xyXG4gICAgQElucHV0KCkgcHVibGljIGxpbms6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBocmVmOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgdHlwZTogc3RyaW5nID0gJ3N1Y2Nlc3MnO1xyXG4gICAgQElucHV0KCkgcHVibGljIGxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBpc0Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgbm9TdWJtaXQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgICBwdWJsaWMgbmd0U3R5bGU6IE5ndFN0eWxpemFibGVTZXJ2aWNlO1xyXG5cclxuICAgIHByaXZhdGUgc3Vic2NyaXB0aW9uczogQXJyYXk8U3Vic2NyaXB0aW9uPiA9IFtdO1xyXG5cclxuICAgIHB1YmxpYyBjb25zdHJ1Y3RvcihcclxuICAgICAgICBAT3B0aW9uYWwoKSBAU2tpcFNlbGYoKVxyXG4gICAgICAgIHByaXZhdGUgbmd0Rm9ybUNvbXBvbmVudDogTmd0Rm9ybUNvbXBvbmVudCxcclxuICAgICAgICBwcml2YXRlIGluamVjdG9yOiBJbmplY3RvcixcclxuICAgICAgICBAU2VsZigpIEBPcHRpb25hbCgpIHByaXZhdGUgbmd0U3R5bGl6YWJsZURpcmVjdGl2ZTogTmd0U3R5bGl6YWJsZURpcmVjdGl2ZSxcclxuICAgICkge1xyXG4gICAgICAgIGlmICh0aGlzLm5ndFN0eWxpemFibGVEaXJlY3RpdmUpIHtcclxuICAgICAgICAgICAgdGhpcy5uZ3RTdHlsZSA9IHRoaXMubmd0U3R5bGl6YWJsZURpcmVjdGl2ZS5nZXROZ3RTdHlsaXphYmxlU2VydmljZSgpO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgIHRoaXMubmd0U3R5bGUgPSBuZXcgTmd0U3R5bGl6YWJsZVNlcnZpY2UoKTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGlmICh0aGlzLm5ndEZvcm1Db21wb25lbnQpIHtcclxuICAgICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25zLnB1c2goXHJcbiAgICAgICAgICAgICAgICB0aGlzLm5ndEZvcm1Db21wb25lbnQub25Mb2FkaW5nQ2hhbmdlLnN1YnNjcmliZSgobG9hZGluZzogYm9vbGVhbikgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIHRoaXMubG9hZGluZyA9IGxvYWRpbmc7XHJcbiAgICAgICAgICAgICAgICB9KVxyXG4gICAgICAgICAgICApO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgb25DbGljayhldmVudDogRXZlbnQpIHtcclxuICAgICAgICBpZiAodGhpcy5pc0Rpc2FibGVkIHx8IHRoaXMubG9hZGluZykge1xyXG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcclxuICAgICAgICBpZiAoY2hhbmdlcy50eXBlKSB7XHJcbiAgICAgICAgICAgIGlmIChjaGFuZ2VzLnR5cGUuY3VycmVudFZhbHVlID09ICdzdWNjZXNzJykge1xyXG4gICAgICAgICAgICAgICAgdGhpcy5uZ3RTdHlsZS5sb2FkKHRoaXMuaW5qZWN0b3IsICdOZ3RTdWNjZXNzQnV0dG9uJywge1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJnOiAnYmctZ3JlZW4tNTAwJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgdGV4dDogJ3RleHQtd2hpdGUgdGV4dC1zbScsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgICAgICBweDogJ3B4LTQnLFxyXG4gICAgICAgICAgICAgICAgICAgIHB5OiAncHktMidcclxuICAgICAgICAgICAgICAgIH0pO1xyXG4gICAgICAgICAgICB9IGVsc2UgaWYgKGNoYW5nZXMudHlwZS5jdXJyZW50VmFsdWUgPT0gJ3dhcm5pbmcnKSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLm5ndFN0eWxlLmxvYWQodGhpcy5pbmplY3RvciwgJ05ndFdhcm5pbmdCdXR0b24nLCB7XHJcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgYmc6ICdiZy1vcmFuZ2UtNTAwJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgdGV4dDogJ3RleHQtd2hpdGUgdGV4dC1zbScsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgICAgICBweDogJ3B4LTQnLFxyXG4gICAgICAgICAgICAgICAgICAgIHB5OiAncHktMidcclxuICAgICAgICAgICAgICAgIH0pO1xyXG4gICAgICAgICAgICB9IGVsc2UgaWYgKGNoYW5nZXMudHlwZS5jdXJyZW50VmFsdWUgPT0gJ2RhbmdlcicpIHtcclxuICAgICAgICAgICAgICAgIHRoaXMubmd0U3R5bGUubG9hZCh0aGlzLmluamVjdG9yLCAnTmd0RGFuZ2VyQnV0dG9uJywge1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJnOiAnYmctcmVkLTUwMCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHRleHQ6ICd0ZXh0LXdoaXRlIHRleHQtc20nLFxyXG4gICAgICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICAgICAgcHg6ICdweC00JyxcclxuICAgICAgICAgICAgICAgICAgICBweTogJ3B5LTInXHJcbiAgICAgICAgICAgICAgICB9KTtcclxuICAgICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgICAgIHRoaXMubmd0U3R5bGUubG9hZCh0aGlzLmluamVjdG9yLCAnTmd0SW5mb0J1dHRvbicsIHtcclxuICAgICAgICAgICAgICAgICAgICBjb2xvcjoge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBiZzogJ2JnLWJsdWUtNTAwJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgdGV4dDogJ3RleHQtd2hpdGUgdGV4dC1zbScsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgICAgICBweDogJ3B4LTQnLFxyXG4gICAgICAgICAgICAgICAgICAgIHB5OiAncHktMidcclxuICAgICAgICAgICAgICAgIH0pO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBuZ09uRGVzdHJveSgpIHtcclxuICAgICAgICB0aGlzLmRlc3Ryb3lTdWJzY3JpcHRpb25zKCk7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBkZXN0cm95U3Vic2NyaXB0aW9ucygpIHtcclxuICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbnMuZm9yRWFjaChzdWJzY3JpcHRpb24gPT4gc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCkpO1xyXG4gICAgICAgIHRoaXMuc3Vic2NyaXB0aW9ucyA9IFtdO1xyXG4gICAgfVxyXG59XHJcbiJdfQ==
|