ng-tailwind 2.24.310 → 2.24.314
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 +7318 -7271
- 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 +71 -71
- 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 +42 -42
- 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 +12 -12
- 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 +15 -10
- package/components/ngt-helper/ngt-helper.module.d.ts +2 -2
- package/components/ngt-input/ngt-input.component.d.ts +92 -92
- 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 +27 -27
- package/components/ngt-radio-button/ngt-radio-button.module.d.ts +2 -2
- package/components/ngt-section/ngt-section.component.d.ts +23 -23
- package/components/ngt-section/ngt-section.module.d.ts +2 -2
- package/components/ngt-select/ngt-select.component.d.ts +122 -122
- 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 -63
- 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 +137 -137
- 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 -60
- 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 -58
- package/esm2015/components/ngt-datatable/ngt-tr/ngt-tr.component.js +76 -76
- package/esm2015/components/ngt-date/ngt-date.component.js +354 -352
- 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 +165 -165
- 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 +46 -45
- 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 +44 -24
- package/esm2015/components/ngt-helper/ngt-helper.module.js +19 -19
- package/esm2015/components/ngt-input/ngt-input.component.js +610 -608
- 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 +392 -392
- 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 -45
- 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 +97 -97
- package/esm2015/components/ngt-radio-button/ngt-radio-button.module.js +18 -18
- package/esm2015/components/ngt-section/ngt-section.component.js +98 -98
- package/esm2015/components/ngt-section/ngt-section.module.js +21 -21
- package/esm2015/components/ngt-select/ngt-select.component.js +467 -465
- 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 -209
- 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 -220
- 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 -266
- package/fesm2015/ng-tailwind.js +6404 -6365
- 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 -93
|
@@ -1,82 +1,82 @@
|
|
|
1
|
-
import { Component, Host, Input, Optional, Renderer2, SkipSelf, ViewChild, } from '@angular/core';
|
|
2
|
-
import { ControlContainer, NgForm } from '@angular/forms';
|
|
3
|
-
import { NgtBaseNgModel, NgtMakeProvider } from '../../base/ngt-base-ng-model';
|
|
4
|
-
import { NgtFormComponent } from '../ngt-form/ngt-form.component';
|
|
5
|
-
export class NgtSliderComponent extends NgtBaseNgModel {
|
|
6
|
-
constructor(formContainer, renderer, ngtFormComponent) {
|
|
7
|
-
super();
|
|
8
|
-
this.formContainer = formContainer;
|
|
9
|
-
this.renderer = renderer;
|
|
10
|
-
this.ngtFormComponent = ngtFormComponent;
|
|
11
|
-
this.min = '0';
|
|
12
|
-
this.max = '100';
|
|
13
|
-
this.step = '1';
|
|
14
|
-
this.color = NgtSliderColorSchemeEnum.PRIMARY;
|
|
15
|
-
this.subscriptions = [];
|
|
16
|
-
if (this.ngtFormComponent) {
|
|
17
|
-
this.shining = this.ngtFormComponent.isShining();
|
|
18
|
-
this.subscriptions.push(this.ngtFormComponent.onShiningChange.subscribe((shining) => {
|
|
19
|
-
this.shining = shining;
|
|
20
|
-
}));
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
ngAfterViewInit() {
|
|
24
|
-
setTimeout(() => {
|
|
25
|
-
this.display.nativeElement.innerHTML = this.value;
|
|
26
|
-
}, 500);
|
|
27
|
-
this.renderer.listen(this.element.nativeElement, 'change', () => {
|
|
28
|
-
this.onNativeChange(this.element.nativeElement.value);
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
ngOnDestroy() {
|
|
32
|
-
this.destroySubscriptions();
|
|
33
|
-
}
|
|
34
|
-
change(value) {
|
|
35
|
-
this.element.nativeElement.value = value;
|
|
36
|
-
}
|
|
37
|
-
onNativeChange(value) {
|
|
38
|
-
this.value = value;
|
|
39
|
-
}
|
|
40
|
-
destroySubscriptions() {
|
|
41
|
-
this.subscriptions.forEach(subscription => subscription.unsubscribe());
|
|
42
|
-
this.subscriptions = [];
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
NgtSliderComponent.decorators = [
|
|
46
|
-
{ type: Component, args: [{
|
|
47
|
-
selector: 'ngt-slider',
|
|
48
|
-
template: "<div class=\"flex flex-col\">\n <span *ngIf='label && !shining' class=\"text-sm mb-2\">{{ label }}:</span>\n\n <div class=\"{{ shining ? 'hidden' : 'flex' }} items-center\">\n <input class=\"block w-full cursor-pointer overflow-hidden appearance-none bg-gray-400 {{color}}\" type=\"range\" [name]='name' ([ngModel])='value'\n oninput=\"display.innerHTML=value\" onchange=\"display.innerHTML=value\" [min]='min' [max]='max' [step]='step'\n #element>\n\n <span id='display' class=\"text-xs ml-2 font-semibold\" #display></span>\n </div>\n</div>\n\n<ng-container *ngIf='shining'>\n <div class=\"flex\">\n <ngt-shining class=\"w-full h-6\"></ngt-shining>\n </div>\n</ng-container>\n",
|
|
49
|
-
providers: [
|
|
50
|
-
NgtMakeProvider(NgtSliderComponent),
|
|
51
|
-
],
|
|
52
|
-
viewProviders: [
|
|
53
|
-
{ provide: ControlContainer, useExisting: NgForm }
|
|
54
|
-
],
|
|
55
|
-
styles: ["@media screen and (-webkit-min-device-pixel-ratio:0){input[type=range]::-webkit-slider-thumb{width:15px;-webkit-appearance:none;appearance:none;height:15px;cursor:pointer;background:#fff;border-radius:50%}.primary::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #4299e1}.success::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #6c9f23}.warning::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #ffb822}.danger::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #f56565}}"]
|
|
56
|
-
},] }
|
|
57
|
-
];
|
|
58
|
-
NgtSliderComponent.ctorParameters = () => [
|
|
59
|
-
{ type: ControlContainer, decorators: [{ type: Optional }, { type: Host }] },
|
|
60
|
-
{ type: Renderer2 },
|
|
61
|
-
{ type: NgtFormComponent, decorators: [{ type: Optional }, { type: SkipSelf }] }
|
|
62
|
-
];
|
|
63
|
-
NgtSliderComponent.propDecorators = {
|
|
64
|
-
element: [{ type: ViewChild, args: ['element', { static: true },] }],
|
|
65
|
-
display: [{ type: ViewChild, args: ['display', { static: true },] }],
|
|
66
|
-
label: [{ type: Input }],
|
|
67
|
-
shining: [{ type: Input }],
|
|
68
|
-
name: [{ type: Input }],
|
|
69
|
-
min: [{ type: Input }],
|
|
70
|
-
max: [{ type: Input }],
|
|
71
|
-
step: [{ type: Input }],
|
|
72
|
-
color: [{ type: Input }]
|
|
73
|
-
};
|
|
74
|
-
export var NgtSliderColorSchemeEnum;
|
|
75
|
-
(function (NgtSliderColorSchemeEnum) {
|
|
76
|
-
NgtSliderColorSchemeEnum["PRIMARY"] = "primary";
|
|
77
|
-
NgtSliderColorSchemeEnum["SUCCESS"] = "success";
|
|
78
|
-
NgtSliderColorSchemeEnum["WARNING"] = "warning";
|
|
79
|
-
NgtSliderColorSchemeEnum["DANGER"] = "danger";
|
|
80
|
-
})(NgtSliderColorSchemeEnum || (NgtSliderColorSchemeEnum = {}));
|
|
81
|
-
;
|
|
82
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, Host, Input, Optional, Renderer2, SkipSelf, ViewChild, } from '@angular/core';
|
|
2
|
+
import { ControlContainer, NgForm } from '@angular/forms';
|
|
3
|
+
import { NgtBaseNgModel, NgtMakeProvider } from '../../base/ngt-base-ng-model';
|
|
4
|
+
import { NgtFormComponent } from '../ngt-form/ngt-form.component';
|
|
5
|
+
export class NgtSliderComponent extends NgtBaseNgModel {
|
|
6
|
+
constructor(formContainer, renderer, ngtFormComponent) {
|
|
7
|
+
super();
|
|
8
|
+
this.formContainer = formContainer;
|
|
9
|
+
this.renderer = renderer;
|
|
10
|
+
this.ngtFormComponent = ngtFormComponent;
|
|
11
|
+
this.min = '0';
|
|
12
|
+
this.max = '100';
|
|
13
|
+
this.step = '1';
|
|
14
|
+
this.color = NgtSliderColorSchemeEnum.PRIMARY;
|
|
15
|
+
this.subscriptions = [];
|
|
16
|
+
if (this.ngtFormComponent) {
|
|
17
|
+
this.shining = this.ngtFormComponent.isShining();
|
|
18
|
+
this.subscriptions.push(this.ngtFormComponent.onShiningChange.subscribe((shining) => {
|
|
19
|
+
this.shining = shining;
|
|
20
|
+
}));
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
ngAfterViewInit() {
|
|
24
|
+
setTimeout(() => {
|
|
25
|
+
this.display.nativeElement.innerHTML = this.value;
|
|
26
|
+
}, 500);
|
|
27
|
+
this.renderer.listen(this.element.nativeElement, 'change', () => {
|
|
28
|
+
this.onNativeChange(this.element.nativeElement.value);
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
ngOnDestroy() {
|
|
32
|
+
this.destroySubscriptions();
|
|
33
|
+
}
|
|
34
|
+
change(value) {
|
|
35
|
+
this.element.nativeElement.value = value;
|
|
36
|
+
}
|
|
37
|
+
onNativeChange(value) {
|
|
38
|
+
this.value = value;
|
|
39
|
+
}
|
|
40
|
+
destroySubscriptions() {
|
|
41
|
+
this.subscriptions.forEach(subscription => subscription.unsubscribe());
|
|
42
|
+
this.subscriptions = [];
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
NgtSliderComponent.decorators = [
|
|
46
|
+
{ type: Component, args: [{
|
|
47
|
+
selector: 'ngt-slider',
|
|
48
|
+
template: "<div class=\"flex flex-col\">\r\n <span *ngIf='label && !shining' class=\"text-sm mb-2\">{{ label }}:</span>\r\n\r\n <div class=\"{{ shining ? 'hidden' : 'flex' }} items-center\">\r\n <input class=\"block w-full cursor-pointer overflow-hidden appearance-none bg-gray-400 {{color}}\" type=\"range\" [name]='name' ([ngModel])='value'\r\n oninput=\"display.innerHTML=value\" onchange=\"display.innerHTML=value\" [min]='min' [max]='max' [step]='step'\r\n #element>\r\n\r\n <span id='display' class=\"text-xs ml-2 font-semibold\" #display></span>\r\n </div>\r\n</div>\r\n\r\n<ng-container *ngIf='shining'>\r\n <div class=\"flex\">\r\n <ngt-shining class=\"w-full h-6\"></ngt-shining>\r\n </div>\r\n</ng-container>\r\n",
|
|
49
|
+
providers: [
|
|
50
|
+
NgtMakeProvider(NgtSliderComponent),
|
|
51
|
+
],
|
|
52
|
+
viewProviders: [
|
|
53
|
+
{ provide: ControlContainer, useExisting: NgForm }
|
|
54
|
+
],
|
|
55
|
+
styles: ["@media screen and (-webkit-min-device-pixel-ratio:0){input[type=range]::-webkit-slider-thumb{width:15px;-webkit-appearance:none;appearance:none;height:15px;cursor:pointer;background:#fff;border-radius:50%}.primary::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #4299e1}.success::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #6c9f23}.warning::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #ffb822}.danger::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #f56565}}"]
|
|
56
|
+
},] }
|
|
57
|
+
];
|
|
58
|
+
NgtSliderComponent.ctorParameters = () => [
|
|
59
|
+
{ type: ControlContainer, decorators: [{ type: Optional }, { type: Host }] },
|
|
60
|
+
{ type: Renderer2 },
|
|
61
|
+
{ type: NgtFormComponent, decorators: [{ type: Optional }, { type: SkipSelf }] }
|
|
62
|
+
];
|
|
63
|
+
NgtSliderComponent.propDecorators = {
|
|
64
|
+
element: [{ type: ViewChild, args: ['element', { static: true },] }],
|
|
65
|
+
display: [{ type: ViewChild, args: ['display', { static: true },] }],
|
|
66
|
+
label: [{ type: Input }],
|
|
67
|
+
shining: [{ type: Input }],
|
|
68
|
+
name: [{ type: Input }],
|
|
69
|
+
min: [{ type: Input }],
|
|
70
|
+
max: [{ type: Input }],
|
|
71
|
+
step: [{ type: Input }],
|
|
72
|
+
color: [{ type: Input }]
|
|
73
|
+
};
|
|
74
|
+
export var NgtSliderColorSchemeEnum;
|
|
75
|
+
(function (NgtSliderColorSchemeEnum) {
|
|
76
|
+
NgtSliderColorSchemeEnum["PRIMARY"] = "primary";
|
|
77
|
+
NgtSliderColorSchemeEnum["SUCCESS"] = "success";
|
|
78
|
+
NgtSliderColorSchemeEnum["WARNING"] = "warning";
|
|
79
|
+
NgtSliderColorSchemeEnum["DANGER"] = "danger";
|
|
80
|
+
})(NgtSliderColorSchemeEnum || (NgtSliderColorSchemeEnum = {}));
|
|
81
|
+
;
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LXNsaWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy10YWlsd2luZC9zcmMvY29tcG9uZW50cy9uZ3Qtc2xpZGVyL25ndC1zbGlkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCxTQUFTLEVBRVQsSUFBSSxFQUNKLEtBQUssRUFFTCxRQUFRLEVBQ1IsU0FBUyxFQUNULFFBQVEsRUFDUixTQUFTLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRzFELE9BQU8sRUFBRSxjQUFjLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0UsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFhbEUsTUFBTSxPQUFPLGtCQUFtQixTQUFRLGNBQWM7SUFjbEQsWUFFVyxhQUErQixFQUM5QixRQUFtQixFQUVuQixnQkFBa0M7UUFFMUMsS0FBSyxFQUFFLENBQUM7UUFMRCxrQkFBYSxHQUFiLGFBQWEsQ0FBa0I7UUFDOUIsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUVuQixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBWjlCLFFBQUcsR0FBVyxHQUFHLENBQUM7UUFDbEIsUUFBRyxHQUFXLEtBQUssQ0FBQztRQUNwQixTQUFJLEdBQVcsR0FBRyxDQUFDO1FBQ25CLFVBQUssR0FBNkIsd0JBQXdCLENBQUMsT0FBTyxDQUFDO1FBRTNFLGtCQUFhLEdBQXdCLEVBQUUsQ0FBQztRQVc1QyxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtZQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUVqRCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FDbkIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGVBQWUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxPQUFnQixFQUFFLEVBQUU7Z0JBQ2pFLElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO1lBQzNCLENBQUMsQ0FBQyxDQUNMLENBQUM7U0FDTDtJQUNMLENBQUM7SUFFTSxlQUFlO1FBQ2xCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDWixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUN0RCxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFFUixJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsRUFBRSxRQUFRLEVBQUUsR0FBRyxFQUFFO1lBQzVELElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUQsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU0sV0FBVztRQUNkLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFTSxNQUFNLENBQUMsS0FBYztRQUN4QixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQzdDLENBQUM7SUFFTSxjQUFjLENBQUMsS0FBYztRQUNoQyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBRU8sb0JBQW9CO1FBQ3hCLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7UUFDdkUsSUFBSSxDQUFDLGFBQWEsR0FBRyxFQUFFLENBQUM7SUFDNUIsQ0FBQzs7O1lBdEVKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsWUFBWTtnQkFDdEIsOHdCQUEwQztnQkFFMUMsU0FBUyxFQUFFO29CQUNQLGVBQWUsQ0FBQyxrQkFBa0IsQ0FBQztpQkFDdEM7Z0JBQ0QsYUFBYSxFQUFFO29CQUNYLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUU7aUJBQ3JEOzthQUNKOzs7WUFoQlEsZ0JBQWdCLHVCQWdDaEIsUUFBUSxZQUFJLElBQUk7WUFwQ3JCLFNBQVM7WUFRSixnQkFBZ0IsdUJBK0JoQixRQUFRLFlBQUksUUFBUTs7O3NCQWpCeEIsU0FBUyxTQUFDLFNBQVMsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7c0JBQ3JDLFNBQVMsU0FBQyxTQUFTLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO29CQUVyQyxLQUFLO3NCQUNMLEtBQUs7bUJBQ0wsS0FBSztrQkFDTCxLQUFLO2tCQUNMLEtBQUs7bUJBQ0wsS0FBSztvQkFDTCxLQUFLOztBQW9EVixNQUFNLENBQU4sSUFBWSx3QkFLWDtBQUxELFdBQVksd0JBQXdCO0lBQ2hDLCtDQUFtQixDQUFBO0lBQ25CLCtDQUFtQixDQUFBO0lBQ25CLCtDQUFtQixDQUFBO0lBQ25CLDZDQUFpQixDQUFBO0FBQ3JCLENBQUMsRUFMVyx3QkFBd0IsS0FBeEIsd0JBQXdCLFFBS25DO0FBQUEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgICBBZnRlclZpZXdJbml0LFxyXG4gICAgQ29tcG9uZW50LFxyXG4gICAgRWxlbWVudFJlZixcclxuICAgIEhvc3QsXHJcbiAgICBJbnB1dCxcclxuICAgIE9uRGVzdHJveSxcclxuICAgIE9wdGlvbmFsLFxyXG4gICAgUmVuZGVyZXIyLFxyXG4gICAgU2tpcFNlbGYsXHJcbiAgICBWaWV3Q2hpbGQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xDb250YWluZXIsIE5nRm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcblxyXG5pbXBvcnQgeyBOZ3RCYXNlTmdNb2RlbCwgTmd0TWFrZVByb3ZpZGVyIH0gZnJvbSAnLi4vLi4vYmFzZS9uZ3QtYmFzZS1uZy1tb2RlbCc7XHJcbmltcG9ydCB7IE5ndEZvcm1Db21wb25lbnQgfSBmcm9tICcuLi9uZ3QtZm9ybS9uZ3QtZm9ybS5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ25ndC1zbGlkZXInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL25ndC1zbGlkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vbmd0LXNsaWRlci5jb21wb25lbnQuY3NzJ10sXHJcbiAgICBwcm92aWRlcnM6IFtcclxuICAgICAgICBOZ3RNYWtlUHJvdmlkZXIoTmd0U2xpZGVyQ29tcG9uZW50KSxcclxuICAgIF0sXHJcbiAgICB2aWV3UHJvdmlkZXJzOiBbXHJcbiAgICAgICAgeyBwcm92aWRlOiBDb250cm9sQ29udGFpbmVyLCB1c2VFeGlzdGluZzogTmdGb3JtIH1cclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIE5ndFNsaWRlckNvbXBvbmVudCBleHRlbmRzIE5ndEJhc2VOZ01vZGVsIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcclxuICAgIEBWaWV3Q2hpbGQoJ2VsZW1lbnQnLCB7IHN0YXRpYzogdHJ1ZSB9KSBwdWJsaWMgZWxlbWVudDogRWxlbWVudFJlZjtcclxuICAgIEBWaWV3Q2hpbGQoJ2Rpc3BsYXknLCB7IHN0YXRpYzogdHJ1ZSB9KSBwdWJsaWMgZGlzcGxheTogRWxlbWVudFJlZjtcclxuXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgbGFiZWw6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBzaGluaW5nOiBib29sZWFuO1xyXG4gICAgQElucHV0KCkgcHVibGljIG5hbWU6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBtaW46IHN0cmluZyA9ICcwJztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBtYXg6IHN0cmluZyA9ICcxMDAnO1xyXG4gICAgQElucHV0KCkgcHVibGljIHN0ZXA6IHN0cmluZyA9ICcxJztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBjb2xvcjogTmd0U2xpZGVyQ29sb3JTY2hlbWVFbnVtID0gTmd0U2xpZGVyQ29sb3JTY2hlbWVFbnVtLlBSSU1BUlk7XHJcblxyXG4gICAgcHJpdmF0ZSBzdWJzY3JpcHRpb25zOiBBcnJheTxTdWJzY3JpcHRpb24+ID0gW107XHJcblxyXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIEBPcHRpb25hbCgpIEBIb3N0KClcclxuICAgICAgICBwdWJsaWMgZm9ybUNvbnRhaW5lcjogQ29udHJvbENvbnRhaW5lcixcclxuICAgICAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXHJcbiAgICAgICAgQE9wdGlvbmFsKCkgQFNraXBTZWxmKClcclxuICAgICAgICBwcml2YXRlIG5ndEZvcm1Db21wb25lbnQ6IE5ndEZvcm1Db21wb25lbnQsXHJcbiAgICApIHtcclxuICAgICAgICBzdXBlcigpO1xyXG5cclxuICAgICAgICBpZiAodGhpcy5uZ3RGb3JtQ29tcG9uZW50KSB7XHJcbiAgICAgICAgICAgIHRoaXMuc2hpbmluZyA9IHRoaXMubmd0Rm9ybUNvbXBvbmVudC5pc1NoaW5pbmcoKTtcclxuXHJcbiAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5wdXNoKFxyXG4gICAgICAgICAgICAgICAgdGhpcy5uZ3RGb3JtQ29tcG9uZW50Lm9uU2hpbmluZ0NoYW5nZS5zdWJzY3JpYmUoKHNoaW5pbmc6IGJvb2xlYW4pID0+IHtcclxuICAgICAgICAgICAgICAgICAgICB0aGlzLnNoaW5pbmcgPSBzaGluaW5nO1xyXG4gICAgICAgICAgICAgICAgfSlcclxuICAgICAgICAgICAgKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICAgICAgdGhpcy5kaXNwbGF5Lm5hdGl2ZUVsZW1lbnQuaW5uZXJIVE1MID0gdGhpcy52YWx1ZTtcclxuICAgICAgICB9LCA1MDApO1xyXG5cclxuICAgICAgICB0aGlzLnJlbmRlcmVyLmxpc3Rlbih0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCwgJ2NoYW5nZScsICgpID0+IHtcclxuICAgICAgICAgICAgdGhpcy5vbk5hdGl2ZUNoYW5nZSh0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC52YWx1ZSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG5nT25EZXN0cm95KCkge1xyXG4gICAgICAgIHRoaXMuZGVzdHJveVN1YnNjcmlwdGlvbnMoKTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgY2hhbmdlKHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICAgICAgdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQudmFsdWUgPSB2YWx1ZTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgb25OYXRpdmVDaGFuZ2UodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgICAgICB0aGlzLnZhbHVlID0gdmFsdWU7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBkZXN0cm95U3Vic2NyaXB0aW9ucygpIHtcclxuICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbnMuZm9yRWFjaChzdWJzY3JpcHRpb24gPT4gc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCkpO1xyXG4gICAgICAgIHRoaXMuc3Vic2NyaXB0aW9ucyA9IFtdO1xyXG4gICAgfVxyXG59XHJcblxyXG5leHBvcnQgZW51bSBOZ3RTbGlkZXJDb2xvclNjaGVtZUVudW0ge1xyXG4gICAgUFJJTUFSWSA9ICdwcmltYXJ5JyxcclxuICAgIFNVQ0NFU1MgPSAnc3VjY2VzcycsXHJcbiAgICBXQVJOSU5HID0gJ3dhcm5pbmcnLFxyXG4gICAgREFOR0VSID0gJ2RhbmdlcidcclxufTtcclxuIl19
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { NgtShiningModule } from '../ngt-shining/ngt-shining.module';
|
|
4
|
-
import { NgtSliderComponent } from './ngt-slider.component';
|
|
5
|
-
export class NgtSliderModule {
|
|
6
|
-
}
|
|
7
|
-
NgtSliderModule.decorators = [
|
|
8
|
-
{ type: NgModule, args: [{
|
|
9
|
-
declarations: [NgtSliderComponent],
|
|
10
|
-
exports: [NgtSliderComponent],
|
|
11
|
-
imports: [
|
|
12
|
-
CommonModule,
|
|
13
|
-
NgtShiningModule,
|
|
14
|
-
]
|
|
15
|
-
},] }
|
|
16
|
-
];
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { NgtShiningModule } from '../ngt-shining/ngt-shining.module';
|
|
4
|
+
import { NgtSliderComponent } from './ngt-slider.component';
|
|
5
|
+
export class NgtSliderModule {
|
|
6
|
+
}
|
|
7
|
+
NgtSliderModule.decorators = [
|
|
8
|
+
{ type: NgModule, args: [{
|
|
9
|
+
declarations: [NgtSliderComponent],
|
|
10
|
+
exports: [NgtSliderComponent],
|
|
11
|
+
imports: [
|
|
12
|
+
CommonModule,
|
|
13
|
+
NgtShiningModule,
|
|
14
|
+
]
|
|
15
|
+
},] }
|
|
16
|
+
];
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LXNsaWRlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy10YWlsd2luZC9zcmMvY29tcG9uZW50cy9uZ3Qtc2xpZGVyL25ndC1zbGlkZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBVTVELE1BQU0sT0FBTyxlQUFlOzs7WUFSM0IsUUFBUSxTQUFDO2dCQUNOLFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO2dCQUNsQyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztnQkFDN0IsT0FBTyxFQUFFO29CQUNMLFlBQVk7b0JBQ1osZ0JBQWdCO2lCQUNuQjthQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IE5ndFNoaW5pbmdNb2R1bGUgfSBmcm9tICcuLi9uZ3Qtc2hpbmluZy9uZ3Qtc2hpbmluZy5tb2R1bGUnO1xyXG5pbXBvcnQgeyBOZ3RTbGlkZXJDb21wb25lbnQgfSBmcm9tICcuL25ndC1zbGlkZXIuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgICBkZWNsYXJhdGlvbnM6IFtOZ3RTbGlkZXJDb21wb25lbnRdLFxyXG4gICAgZXhwb3J0czogW05ndFNsaWRlckNvbXBvbmVudF0sXHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgICAgIE5ndFNoaW5pbmdNb2R1bGUsXHJcbiAgICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZ3RTbGlkZXJNb2R1bGUgeyB9XHJcbiJdfQ==
|
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
import { Component, ElementRef, Input, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
2
|
-
import { SvgIconComponent } from 'angular-svg-icon';
|
|
3
|
-
export class NgtSvgComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
this.class = '';
|
|
6
|
-
this.appliedClass = null;
|
|
7
|
-
}
|
|
8
|
-
ngAfterViewChecked() {
|
|
9
|
-
this.checkClassChange();
|
|
10
|
-
}
|
|
11
|
-
ngOnChanges(changes) {
|
|
12
|
-
this.appliedClass = null;
|
|
13
|
-
this.checkClassChange();
|
|
14
|
-
}
|
|
15
|
-
checkClassChange() {
|
|
16
|
-
if (this.appliedClass !== this.class) {
|
|
17
|
-
if (this.svgIconElement && this.svgIconElement.nativeElement) {
|
|
18
|
-
let svgElement = this.svgIconElement.nativeElement.querySelector('svg');
|
|
19
|
-
if (svgElement) {
|
|
20
|
-
while (svgElement.classList.length > 0) {
|
|
21
|
-
svgElement.classList.remove(svgElement.classList.item(0));
|
|
22
|
-
}
|
|
23
|
-
svgElement.classList.add('fill-current');
|
|
24
|
-
svgElement.classList.add('self-center');
|
|
25
|
-
new String(this.class).trim().split(' ').forEach(className => {
|
|
26
|
-
if (className) {
|
|
27
|
-
svgElement.classList.add(className);
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
this.appliedClass = this.class;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
NgtSvgComponent.decorators = [
|
|
37
|
-
{ type: Component, args: [{
|
|
38
|
-
selector: 'ngt-svg',
|
|
39
|
-
template: "<svg-icon [src]='src' class=\"flex {{ class }}\"></svg-icon>\n",
|
|
40
|
-
host: {
|
|
41
|
-
class: 'flex justify-center'
|
|
42
|
-
},
|
|
43
|
-
encapsulation: ViewEncapsulation.None,
|
|
44
|
-
styles: ["svg{height:1rem}.text-xs svg{height:.75rem}.text-sm svg{height:.875rem}.text-base svg{height:1rem}.text-lg svg{height:1.125rem}.text-xl svg{height:1.25rem}.text-2xl svg{height:1.5rem}.text-3xl svg{height:1.875rem}.text-4xl svg{height:2.25rem}.text-5xl svg{height:3rem}.text-6xl svg{height:4rem}"]
|
|
45
|
-
},] }
|
|
46
|
-
];
|
|
47
|
-
NgtSvgComponent.propDecorators = {
|
|
48
|
-
src: [{ type: Input }],
|
|
49
|
-
class: [{ type: Input }],
|
|
50
|
-
svgIconElement: [{ type: ViewChild, args: [SvgIconComponent, { static: true, read: ElementRef },] }]
|
|
51
|
-
};
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, ElementRef, Input, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
2
|
+
import { SvgIconComponent } from 'angular-svg-icon';
|
|
3
|
+
export class NgtSvgComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.class = '';
|
|
6
|
+
this.appliedClass = null;
|
|
7
|
+
}
|
|
8
|
+
ngAfterViewChecked() {
|
|
9
|
+
this.checkClassChange();
|
|
10
|
+
}
|
|
11
|
+
ngOnChanges(changes) {
|
|
12
|
+
this.appliedClass = null;
|
|
13
|
+
this.checkClassChange();
|
|
14
|
+
}
|
|
15
|
+
checkClassChange() {
|
|
16
|
+
if (this.appliedClass !== this.class) {
|
|
17
|
+
if (this.svgIconElement && this.svgIconElement.nativeElement) {
|
|
18
|
+
let svgElement = this.svgIconElement.nativeElement.querySelector('svg');
|
|
19
|
+
if (svgElement) {
|
|
20
|
+
while (svgElement.classList.length > 0) {
|
|
21
|
+
svgElement.classList.remove(svgElement.classList.item(0));
|
|
22
|
+
}
|
|
23
|
+
svgElement.classList.add('fill-current');
|
|
24
|
+
svgElement.classList.add('self-center');
|
|
25
|
+
new String(this.class).trim().split(' ').forEach(className => {
|
|
26
|
+
if (className) {
|
|
27
|
+
svgElement.classList.add(className);
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
this.appliedClass = this.class;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
NgtSvgComponent.decorators = [
|
|
37
|
+
{ type: Component, args: [{
|
|
38
|
+
selector: 'ngt-svg',
|
|
39
|
+
template: "<svg-icon [src]='src' class=\"flex {{ class }}\"></svg-icon>\r\n",
|
|
40
|
+
host: {
|
|
41
|
+
class: 'flex justify-center'
|
|
42
|
+
},
|
|
43
|
+
encapsulation: ViewEncapsulation.None,
|
|
44
|
+
styles: ["svg{height:1rem}.text-xs svg{height:.75rem}.text-sm svg{height:.875rem}.text-base svg{height:1rem}.text-lg svg{height:1.125rem}.text-xl svg{height:1.25rem}.text-2xl svg{height:1.5rem}.text-3xl svg{height:1.875rem}.text-4xl svg{height:2.25rem}.text-5xl svg{height:3rem}.text-6xl svg{height:4rem}"]
|
|
45
|
+
},] }
|
|
46
|
+
];
|
|
47
|
+
NgtSvgComponent.propDecorators = {
|
|
48
|
+
src: [{ type: Input }],
|
|
49
|
+
class: [{ type: Input }],
|
|
50
|
+
svgIconElement: [{ type: ViewChild, args: [SvgIconComponent, { static: true, read: ElementRef },] }]
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LXN2Zy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy10YWlsd2luZC9zcmMvY29tcG9uZW50cy9uZ3Qtc3ZnL25ndC1zdmcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCxTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFHTCxTQUFTLEVBQ1QsaUJBQWlCLEdBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBV3BELE1BQU0sT0FBTyxlQUFlO0lBVDVCO1FBV29CLFVBQUssR0FBVyxFQUFFLENBQUM7UUFJM0IsaUJBQVksR0FBRyxJQUFJLENBQUM7SUFtQ2hDLENBQUM7SUFqQ1Usa0JBQWtCO1FBQ3JCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFTSxXQUFXLENBQUMsT0FBc0I7UUFDckMsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVPLGdCQUFnQjtRQUNwQixJQUFJLElBQUksQ0FBQyxZQUFZLEtBQUssSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNsQyxJQUFJLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLEVBQUU7Z0JBQzFELElBQUksVUFBVSxHQUFnQixJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBRXJGLElBQUksVUFBVSxFQUFFO29CQUNaLE9BQU8sVUFBVSxDQUFDLFNBQVMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO3dCQUNwQyxVQUFVLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO3FCQUM3RDtvQkFFRCxVQUFVLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxjQUFjLENBQUMsQ0FBQztvQkFDekMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsYUFBYSxDQUFDLENBQUM7b0JBRXhDLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxFQUFFO3dCQUN6RCxJQUFJLFNBQVMsRUFBRTs0QkFDWCxVQUFVLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQzt5QkFDdkM7b0JBQ0wsQ0FBQyxDQUFDLENBQUM7b0JBRUgsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO2lCQUNsQzthQUNKO1NBQ0o7SUFDTCxDQUFDOzs7WUFqREosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxTQUFTO2dCQUNuQiw0RUFBdUM7Z0JBRXZDLElBQUksRUFBRTtvQkFDRixLQUFLLEVBQUUscUJBQXFCO2lCQUMvQjtnQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTs7YUFDeEM7OztrQkFFSSxLQUFLO29CQUNMLEtBQUs7NkJBRUwsU0FBUyxTQUFDLGdCQUFnQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICAgIEFmdGVyVmlld0NoZWNrZWQsXHJcbiAgICBDb21wb25lbnQsXHJcbiAgICBFbGVtZW50UmVmLFxyXG4gICAgSW5wdXQsXHJcbiAgICBPbkNoYW5nZXMsXHJcbiAgICBTaW1wbGVDaGFuZ2VzLFxyXG4gICAgVmlld0NoaWxkLFxyXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFN2Z0ljb25Db21wb25lbnQgfSBmcm9tICdhbmd1bGFyLXN2Zy1pY29uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICduZ3Qtc3ZnJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9uZ3Qtc3ZnLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL25ndC1zdmcuY29tcG9uZW50LmNzcyddLFxyXG4gICAgaG9zdDoge1xyXG4gICAgICAgIGNsYXNzOiAnZmxleCBqdXN0aWZ5LWNlbnRlcidcclxuICAgIH0sXHJcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZ3RTdmdDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdDaGVja2VkLCBPbkNoYW5nZXMge1xyXG4gICAgQElucHV0KCkgcHVibGljIHNyYzogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgcHVibGljIGNsYXNzOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgICBAVmlld0NoaWxkKFN2Z0ljb25Db21wb25lbnQsIHsgc3RhdGljOiB0cnVlLCByZWFkOiBFbGVtZW50UmVmIH0pIHByaXZhdGUgc3ZnSWNvbkVsZW1lbnQ6IEVsZW1lbnRSZWY7XHJcblxyXG4gICAgcHJpdmF0ZSBhcHBsaWVkQ2xhc3MgPSBudWxsO1xyXG5cclxuICAgIHB1YmxpYyBuZ0FmdGVyVmlld0NoZWNrZWQoKSB7XHJcbiAgICAgICAgdGhpcy5jaGVja0NsYXNzQ2hhbmdlKCk7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcclxuICAgICAgICB0aGlzLmFwcGxpZWRDbGFzcyA9IG51bGw7XHJcbiAgICAgICAgdGhpcy5jaGVja0NsYXNzQ2hhbmdlKCk7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBjaGVja0NsYXNzQ2hhbmdlKCkge1xyXG4gICAgICAgIGlmICh0aGlzLmFwcGxpZWRDbGFzcyAhPT0gdGhpcy5jbGFzcykge1xyXG4gICAgICAgICAgICBpZiAodGhpcy5zdmdJY29uRWxlbWVudCAmJiB0aGlzLnN2Z0ljb25FbGVtZW50Lm5hdGl2ZUVsZW1lbnQpIHtcclxuICAgICAgICAgICAgICAgIGxldCBzdmdFbGVtZW50ID0gPFNWR0FFbGVtZW50PnRoaXMuc3ZnSWNvbkVsZW1lbnQubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCdzdmcnKTtcclxuXHJcbiAgICAgICAgICAgICAgICBpZiAoc3ZnRWxlbWVudCkge1xyXG4gICAgICAgICAgICAgICAgICAgIHdoaWxlIChzdmdFbGVtZW50LmNsYXNzTGlzdC5sZW5ndGggPiAwKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN2Z0VsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZShzdmdFbGVtZW50LmNsYXNzTGlzdC5pdGVtKDApKTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICAgICAgICAgIHN2Z0VsZW1lbnQuY2xhc3NMaXN0LmFkZCgnZmlsbC1jdXJyZW50Jyk7XHJcbiAgICAgICAgICAgICAgICAgICAgc3ZnRWxlbWVudC5jbGFzc0xpc3QuYWRkKCdzZWxmLWNlbnRlcicpO1xyXG5cclxuICAgICAgICAgICAgICAgICAgICBuZXcgU3RyaW5nKHRoaXMuY2xhc3MpLnRyaW0oKS5zcGxpdCgnICcpLmZvckVhY2goY2xhc3NOYW1lID0+IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGNsYXNzTmFtZSkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3ZnRWxlbWVudC5jbGFzc0xpc3QuYWRkKGNsYXNzTmFtZSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICB9KTtcclxuXHJcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5hcHBsaWVkQ2xhc3MgPSB0aGlzLmNsYXNzO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { NgtSvgComponent } from './ngt-svg.component';
|
|
4
|
-
import { HttpClientModule } from '@angular/common/http';
|
|
5
|
-
import { AngularSvgIconModule } from 'angular-svg-icon';
|
|
6
|
-
export class NgtSvgModule {
|
|
7
|
-
}
|
|
8
|
-
NgtSvgModule.decorators = [
|
|
9
|
-
{ type: NgModule, args: [{
|
|
10
|
-
declarations: [NgtSvgComponent],
|
|
11
|
-
exports: [NgtSvgComponent],
|
|
12
|
-
imports: [
|
|
13
|
-
CommonModule,
|
|
14
|
-
HttpClientModule,
|
|
15
|
-
AngularSvgIconModule
|
|
16
|
-
]
|
|
17
|
-
},] }
|
|
18
|
-
];
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { NgtSvgComponent } from './ngt-svg.component';
|
|
4
|
+
import { HttpClientModule } from '@angular/common/http';
|
|
5
|
+
import { AngularSvgIconModule } from 'angular-svg-icon';
|
|
6
|
+
export class NgtSvgModule {
|
|
7
|
+
}
|
|
8
|
+
NgtSvgModule.decorators = [
|
|
9
|
+
{ type: NgModule, args: [{
|
|
10
|
+
declarations: [NgtSvgComponent],
|
|
11
|
+
exports: [NgtSvgComponent],
|
|
12
|
+
imports: [
|
|
13
|
+
CommonModule,
|
|
14
|
+
HttpClientModule,
|
|
15
|
+
AngularSvgIconModule
|
|
16
|
+
]
|
|
17
|
+
},] }
|
|
18
|
+
];
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LXN2Zy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy10YWlsd2luZC9zcmMvY29tcG9uZW50cy9uZ3Qtc3ZnL25ndC1zdmcubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQVd4RCxNQUFNLE9BQU8sWUFBWTs7O1lBVHhCLFFBQVEsU0FBQztnQkFDTixZQUFZLEVBQUUsQ0FBQyxlQUFlLENBQUM7Z0JBQy9CLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztnQkFDMUIsT0FBTyxFQUFFO29CQUNMLFlBQVk7b0JBQ1osZ0JBQWdCO29CQUNoQixvQkFBb0I7aUJBQ3ZCO2FBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBOZ3RTdmdDb21wb25lbnQgfSBmcm9tICcuL25ndC1zdmcuY29tcG9uZW50JztcclxuaW1wb3J0IHsgSHR0cENsaWVudE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcclxuaW1wb3J0IHsgQW5ndWxhclN2Z0ljb25Nb2R1bGUgfSBmcm9tICdhbmd1bGFyLXN2Zy1pY29uJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgICBkZWNsYXJhdGlvbnM6IFtOZ3RTdmdDb21wb25lbnRdLFxyXG4gICAgZXhwb3J0czogW05ndFN2Z0NvbXBvbmVudF0sXHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgICAgIEh0dHBDbGllbnRNb2R1bGUsXHJcbiAgICAgICAgQW5ndWxhclN2Z0ljb25Nb2R1bGVcclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIE5ndFN2Z01vZHVsZSB7IH1cclxuIl19
|
|
@@ -1,36 +1,36 @@
|
|
|
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 NgtTagComponent {
|
|
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, 'Tag', {
|
|
15
|
-
color: {
|
|
16
|
-
bg: 'bg-gray-500',
|
|
17
|
-
text: 'text-white'
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
NgtTagComponent.decorators = [
|
|
23
|
-
{ type: Component, args: [{
|
|
24
|
-
selector: 'ngt-tag',
|
|
25
|
-
template: "<button type=\"button\"\n class=\"rounded-full w-full cursor-pointer font-semibold focus:outline-none block px-4 text-sm {{ ngtStyle.compile(['color.bg', 'color.text']) }}\">\n <span class=\"flex items-center justify-center\">\n <ng-content></ng-content>\n <ngt-svg *ngIf=\"icon\" [src]='icon' class=\"fill-current self-center pl-1\"></ngt-svg>\n\n <span *ngIf=\"!icon\" class=\"text-lg\">\n <svg class=\"fill-current self-center pl-1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\">\n <path\n d=\"M15 3C8.373 3 3 8.373 3 15s5.373 12 12 12 12-5.373 12-12S21.627 3 15 3zm4.707 15.293a.999.999 0 11-1.414 1.414L15 16.414l-3.293 3.293a.997.997 0 01-1.414 0 .999.999 0 010-1.414L13.586 15l-3.293-3.293a.999.999 0 111.414-1.414L15 13.586l3.293-3.293a.999.999 0 111.414 1.414L16.414 15l3.293 3.293z\" />\n </svg>\n </span>\n </span>\n</button>",
|
|
26
|
-
styles: [""]
|
|
27
|
-
},] }
|
|
28
|
-
];
|
|
29
|
-
NgtTagComponent.ctorParameters = () => [
|
|
30
|
-
{ type: Injector },
|
|
31
|
-
{ type: NgtStylizableDirective, decorators: [{ type: Self }, { type: Optional }] }
|
|
32
|
-
];
|
|
33
|
-
NgtTagComponent.propDecorators = {
|
|
34
|
-
icon: [{ type: Input }]
|
|
35
|
-
};
|
|
36
|
-
//# 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 NgtTagComponent {
|
|
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, 'Tag', {
|
|
15
|
+
color: {
|
|
16
|
+
bg: 'bg-gray-500',
|
|
17
|
+
text: 'text-white'
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
NgtTagComponent.decorators = [
|
|
23
|
+
{ type: Component, args: [{
|
|
24
|
+
selector: 'ngt-tag',
|
|
25
|
+
template: "<button type=\"button\"\r\n class=\"rounded-full w-full cursor-pointer font-semibold focus:outline-none block px-4 text-sm {{ ngtStyle.compile(['color.bg', 'color.text']) }}\">\r\n <span class=\"flex items-center justify-center\">\r\n <ng-content></ng-content>\r\n <ngt-svg *ngIf=\"icon\" [src]='icon' class=\"fill-current self-center pl-1\"></ngt-svg>\r\n\r\n <span *ngIf=\"!icon\" class=\"text-lg\">\r\n <svg class=\"fill-current self-center pl-1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\">\r\n <path\r\n d=\"M15 3C8.373 3 3 8.373 3 15s5.373 12 12 12 12-5.373 12-12S21.627 3 15 3zm4.707 15.293a.999.999 0 11-1.414 1.414L15 16.414l-3.293 3.293a.997.997 0 01-1.414 0 .999.999 0 010-1.414L13.586 15l-3.293-3.293a.999.999 0 111.414-1.414L15 13.586l3.293-3.293a.999.999 0 111.414 1.414L16.414 15l3.293 3.293z\" />\r\n </svg>\r\n </span>\r\n </span>\r\n</button>",
|
|
26
|
+
styles: [""]
|
|
27
|
+
},] }
|
|
28
|
+
];
|
|
29
|
+
NgtTagComponent.ctorParameters = () => [
|
|
30
|
+
{ type: Injector },
|
|
31
|
+
{ type: NgtStylizableDirective, decorators: [{ type: Self }, { type: Optional }] }
|
|
32
|
+
];
|
|
33
|
+
NgtTagComponent.propDecorators = {
|
|
34
|
+
icon: [{ type: Input }]
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LXRhZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy10YWlsd2luZC9zcmMvY29tcG9uZW50cy9uZ3QtdGFnL25ndC10YWcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBTzVGLE1BQU0sT0FBTyxlQUFlO0lBS3hCLFlBQ1ksUUFBa0IsRUFDRSxzQkFBOEM7UUFEbEUsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUNFLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBd0I7UUFFMUUsSUFBSSxJQUFJLENBQUMsc0JBQXNCLEVBQUU7WUFDN0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsc0JBQXNCLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztTQUN6RTthQUFNO1lBQ0gsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLG9CQUFvQixFQUFFLENBQUM7U0FDOUM7UUFFRCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEtBQUssRUFBRTtZQUNyQyxLQUFLLEVBQUU7Z0JBQ0gsRUFBRSxFQUFFLGFBQWE7Z0JBQ2pCLElBQUksRUFBRSxZQUFZO2FBQ3JCO1NBQ0osQ0FBQyxDQUFDO0lBQ1AsQ0FBQzs7O1lBMUJKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsU0FBUztnQkFDbkIscTlCQUF1Qzs7YUFFMUM7OztZQVRtQixRQUFRO1lBRW5CLHNCQUFzQix1QkFldEIsSUFBSSxZQUFJLFFBQVE7OzttQkFOcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0b3IsIElucHV0LCBPcHRpb25hbCwgU2VsZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgTmd0U3R5bGl6YWJsZURpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvbmd0LXN0eWxpemFibGUvbmd0LXN0eWxpemFibGUuZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgTmd0U3R5bGl6YWJsZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9uZ3Qtc3R5bGl6YWJsZS9uZ3Qtc3R5bGl6YWJsZS5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICduZ3QtdGFnJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9uZ3QtdGFnLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL25ndC10YWcuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZ3RUYWdDb21wb25lbnQge1xyXG4gICAgQElucHV0KCkgcHVibGljIGljb246IHN0cmluZztcclxuXHJcbiAgICBwdWJsaWMgbmd0U3R5bGU6IE5ndFN0eWxpemFibGVTZXJ2aWNlO1xyXG5cclxuICAgIHB1YmxpYyBjb25zdHJ1Y3RvcihcclxuICAgICAgICBwcml2YXRlIGluamVjdG9yOiBJbmplY3RvcixcclxuICAgICAgICBAU2VsZigpIEBPcHRpb25hbCgpIHByaXZhdGUgbmd0U3R5bGl6YWJsZURpcmVjdGl2ZTogTmd0U3R5bGl6YWJsZURpcmVjdGl2ZSxcclxuICAgICkge1xyXG4gICAgICAgIGlmICh0aGlzLm5ndFN0eWxpemFibGVEaXJlY3RpdmUpIHtcclxuICAgICAgICAgICAgdGhpcy5uZ3RTdHlsZSA9IHRoaXMubmd0U3R5bGl6YWJsZURpcmVjdGl2ZS5nZXROZ3RTdHlsaXphYmxlU2VydmljZSgpO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgIHRoaXMubmd0U3R5bGUgPSBuZXcgTmd0U3R5bGl6YWJsZVNlcnZpY2UoKTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIHRoaXMubmd0U3R5bGUubG9hZCh0aGlzLmluamVjdG9yLCAnVGFnJywge1xyXG4gICAgICAgICAgICBjb2xvcjoge1xyXG4gICAgICAgICAgICAgICAgYmc6ICdiZy1ncmF5LTUwMCcsXHJcbiAgICAgICAgICAgICAgICB0ZXh0OiAndGV4dC13aGl0ZSdcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { NgtSvgModule } from '../ngt-svg/ngt-svg.module';
|
|
4
|
-
import { NgtTagComponent } from './ngt-tag.component';
|
|
5
|
-
export class NgtTagModule {
|
|
6
|
-
}
|
|
7
|
-
NgtTagModule.decorators = [
|
|
8
|
-
{ type: NgModule, args: [{
|
|
9
|
-
declarations: [NgtTagComponent],
|
|
10
|
-
exports: [NgtTagComponent],
|
|
11
|
-
imports: [
|
|
12
|
-
CommonModule,
|
|
13
|
-
NgtSvgModule
|
|
14
|
-
]
|
|
15
|
-
},] }
|
|
16
|
-
];
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { NgtSvgModule } from '../ngt-svg/ngt-svg.module';
|
|
4
|
+
import { NgtTagComponent } from './ngt-tag.component';
|
|
5
|
+
export class NgtTagModule {
|
|
6
|
+
}
|
|
7
|
+
NgtTagModule.decorators = [
|
|
8
|
+
{ type: NgModule, args: [{
|
|
9
|
+
declarations: [NgtTagComponent],
|
|
10
|
+
exports: [NgtTagComponent],
|
|
11
|
+
imports: [
|
|
12
|
+
CommonModule,
|
|
13
|
+
NgtSvgModule
|
|
14
|
+
]
|
|
15
|
+
},] }
|
|
16
|
+
];
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LXRhZy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy10YWlsd2luZC9zcmMvY29tcG9uZW50cy9uZ3QtdGFnL25ndC10YWcubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFVdEQsTUFBTSxPQUFPLFlBQVk7OztZQVJ4QixRQUFRLFNBQUM7Z0JBQ04sWUFBWSxFQUFFLENBQUMsZUFBZSxDQUFDO2dCQUMvQixPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7Z0JBQzFCLE9BQU8sRUFBRTtvQkFDTCxZQUFZO29CQUNaLFlBQVk7aUJBQ2Y7YUFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBOZ3RTdmdNb2R1bGUgfSBmcm9tICcuLi9uZ3Qtc3ZnL25ndC1zdmcubW9kdWxlJztcclxuaW1wb3J0IHsgTmd0VGFnQ29tcG9uZW50IH0gZnJvbSAnLi9uZ3QtdGFnLmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgZGVjbGFyYXRpb25zOiBbTmd0VGFnQ29tcG9uZW50XSxcclxuICAgIGV4cG9ydHM6IFtOZ3RUYWdDb21wb25lbnRdLFxyXG4gICAgaW1wb3J0czogW1xyXG4gICAgICAgIENvbW1vbk1vZHVsZSxcclxuICAgICAgICBOZ3RTdmdNb2R1bGVcclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIE5ndFRhZ01vZHVsZSB7IH1cclxuIl19
|