ng-tailwind 4.1.13 → 4.1.14
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/components/ngt-action/ngt-action.component.d.ts +16 -16
- package/components/ngt-action/ngt-action.module.d.ts +10 -10
- package/components/ngt-button/ngt-button.component.d.ts +25 -25
- package/components/ngt-button/ngt-button.module.d.ts +10 -10
- package/components/ngt-checkbox/ngt-checkbox.component.d.ts +47 -46
- package/components/ngt-checkbox/ngt-checkbox.module.d.ts +10 -10
- package/components/ngt-content/ngt-content.component.d.ts +12 -12
- package/components/ngt-content/ngt-content.module.d.ts +8 -8
- package/components/ngt-datatable/ngt-datatable.component.d.ts +117 -117
- package/components/ngt-datatable/ngt-datatable.module.d.ts +24 -24
- package/components/ngt-datatable/ngt-tbody/ngt-tbody.component.d.ts +14 -14
- package/components/ngt-datatable/ngt-td/ngt-td.component.d.ts +14 -14
- package/components/ngt-datatable/ngt-td-check/ngt-td-check.component.d.ts +29 -29
- package/components/ngt-datatable/ngt-th/ngt-th.component.d.ts +51 -51
- package/components/ngt-datatable/ngt-th-check/ngt-th-check.component.d.ts +22 -22
- package/components/ngt-datatable/ngt-thead/ngt-thead.component.d.ts +13 -13
- package/components/ngt-datatable/ngt-tr/ngt-tr.component.d.ts +20 -20
- package/components/ngt-date/ngt-date.component.d.ts +79 -79
- package/components/ngt-date/ngt-date.module.d.ts +13 -13
- package/components/ngt-dropdown/ngt-dropdown-container/ngt-dropdown-container.component.d.ts +8 -8
- package/components/ngt-dropdown/ngt-dropdown.component.d.ts +53 -53
- package/components/ngt-dropdown/ngt-dropdown.module.d.ts +9 -9
- package/components/ngt-dropzone/custom-dropzone-preview/custom-dropzone-preview.component.d.ts +14 -14
- package/components/ngt-dropzone/ngt-dropzone-file-viewer/ngt-dropzone-file-viewer.component.d.ts +25 -25
- package/components/ngt-dropzone/ngt-dropzone-view/ngt-dropzone-view.component.d.ts +35 -35
- package/components/ngt-dropzone/ngt-dropzone.component.d.ts +86 -86
- package/components/ngt-dropzone/ngt-dropzone.meta.d.ts +27 -27
- package/components/ngt-dropzone/ngt-dropzone.module.d.ts +17 -17
- package/components/ngt-floating-button/ngt-floating-button.component.d.ts +35 -35
- package/components/ngt-floating-button/ngt-floating-button.module.d.ts +10 -10
- package/components/ngt-form/ngt-form-validation-message/ngt-form-validation-message.component.d.ts +10 -10
- package/components/ngt-form/ngt-form.component.d.ts +55 -55
- package/components/ngt-form/ngt-form.module.d.ts +9 -9
- package/components/ngt-header-nav/ngt-header-nav.component.d.ts +14 -14
- package/components/ngt-header-nav/ngt-header-nav.module.d.ts +8 -8
- package/components/ngt-helper/ngt-helper.component.d.ts +25 -25
- package/components/ngt-helper/ngt-helper.module.d.ts +10 -10
- package/components/ngt-input/ngt-input.component.d.ts +109 -109
- package/components/ngt-input/ngt-input.module.d.ts +14 -14
- package/components/ngt-modal/ngt-modal-body/ngt-modal-body.component.d.ts +5 -5
- package/components/ngt-modal/ngt-modal-footer/ngt-modal-footer.component.d.ts +5 -5
- package/components/ngt-modal/ngt-modal-header/ngt-modal-header.component.d.ts +15 -15
- package/components/ngt-modal/ngt-modal.component.d.ts +25 -25
- package/components/ngt-modal/ngt-modal.module.d.ts +11 -11
- package/components/ngt-multi-select/ngt-multi-select.component.d.ts +103 -103
- package/components/ngt-multi-select/ngt-multi-select.module.d.ts +15 -15
- package/components/ngt-pagination/ngt-pagination.component.d.ts +43 -43
- package/components/ngt-pagination/ngt-pagination.module.d.ts +12 -12
- package/components/ngt-popover/ngt-popover-tooltip/ngt-popover-tooltip.component.d.ts +15 -15
- package/components/ngt-popover/ngt-popover.component.d.ts +31 -31
- package/components/ngt-popover/ngt-popover.directive.d.ts +27 -27
- package/components/ngt-popover/ngt-popover.module.d.ts +11 -11
- package/components/ngt-portlet/ngt-portlet-body/ngt-portlet-body.component.d.ts +12 -12
- package/components/ngt-portlet/ngt-portlet-footer/ngt-portlet-footer.component.d.ts +12 -12
- package/components/ngt-portlet/ngt-portlet-header/ngt-portlet-header.component.d.ts +17 -17
- package/components/ngt-portlet/ngt-portlet.component.d.ts +20 -20
- package/components/ngt-portlet/ngt-portlet.module.d.ts +13 -13
- package/components/ngt-radio-button/ngt-radio-button-container/ngt-radio-button-container.component.d.ts +9 -9
- package/components/ngt-radio-button/ngt-radio-button.component.d.ts +35 -35
- package/components/ngt-radio-button/ngt-radio-button.module.d.ts +11 -11
- package/components/ngt-section/ngt-section.component.d.ts +29 -29
- package/components/ngt-section/ngt-section.module.d.ts +11 -11
- package/components/ngt-select/ngt-select.component.d.ts +135 -135
- package/components/ngt-select/ngt-select.directive.d.ts +20 -20
- package/components/ngt-select/ngt-select.module.d.ts +16 -16
- package/components/ngt-shining/ngt-shining.component.d.ts +19 -19
- package/components/ngt-shining/ngt-shining.module.d.ts +8 -8
- package/components/ngt-sidenav/ngt-sidenav.component.d.ts +32 -32
- package/components/ngt-sidenav/ngt-sidenav.module.d.ts +8 -8
- package/components/ngt-slider/ngt-slider.component.d.ts +34 -34
- package/components/ngt-slider/ngt-slider.module.d.ts +9 -9
- package/components/ngt-svg/ngt-svg.component.d.ts +13 -13
- package/components/ngt-svg/ngt-svg.module.d.ts +10 -10
- package/components/ngt-tag/ngt-tag.component.d.ts +13 -13
- package/components/ngt-tag/ngt-tag.module.d.ts +9 -9
- package/components/ngt-textarea/ngt-textarea.component.d.ts +49 -49
- package/components/ngt-textarea/ngt-textarea.module.d.ts +13 -13
- package/components/ngt-validation/ngt-validation.component.d.ts +13 -13
- package/components/ngt-validation/ngt-validation.module.d.ts +8 -8
- package/directives/ngt-stylizable/ngt-stylizable.directive.d.ts +68 -68
- package/directives/ngt-stylizable/ngt-stylizable.module.d.ts +8 -8
- package/enums/size.enum.d.ts +8 -8
- package/esm2020/animations/ngt-angular-animations.mjs +34 -34
- package/esm2020/base/ngt-base-ng-model.mjs +90 -90
- package/esm2020/components/ngt-action/ngt-action.component.mjs +54 -54
- package/esm2020/components/ngt-action/ngt-action.module.mjs +28 -28
- package/esm2020/components/ngt-button/ngt-button.component.mjs +115 -115
- package/esm2020/components/ngt-button/ngt-button.module.mjs +28 -28
- package/esm2020/components/ngt-checkbox/ngt-checkbox.component.mjs +177 -175
- package/esm2020/components/ngt-checkbox/ngt-checkbox.module.mjs +28 -28
- package/esm2020/components/ngt-content/ngt-content.component.mjs +32 -32
- package/esm2020/components/ngt-content/ngt-content.module.mjs +20 -20
- package/esm2020/components/ngt-datatable/ngt-datatable.component.mjs +431 -431
- package/esm2020/components/ngt-datatable/ngt-datatable.module.mjs +95 -95
- package/esm2020/components/ngt-datatable/ngt-tbody/ngt-tbody.component.mjs +57 -57
- package/esm2020/components/ngt-datatable/ngt-td/ngt-td.component.mjs +62 -62
- package/esm2020/components/ngt-datatable/ngt-td-check/ngt-td-check.component.mjs +113 -113
- package/esm2020/components/ngt-datatable/ngt-th/ngt-th.component.mjs +211 -211
- package/esm2020/components/ngt-datatable/ngt-th-check/ngt-th-check.component.mjs +91 -91
- package/esm2020/components/ngt-datatable/ngt-thead/ngt-thead.component.mjs +55 -55
- package/esm2020/components/ngt-datatable/ngt-tr/ngt-tr.component.mjs +86 -86
- package/esm2020/components/ngt-date/ngt-date.component.mjs +418 -418
- package/esm2020/components/ngt-date/ngt-date.module.mjs +40 -40
- package/esm2020/components/ngt-dropdown/ngt-dropdown-container/ngt-dropdown-container.component.mjs +19 -19
- package/esm2020/components/ngt-dropdown/ngt-dropdown.component.mjs +204 -204
- package/esm2020/components/ngt-dropdown/ngt-dropdown.module.mjs +21 -21
- package/esm2020/components/ngt-dropzone/custom-dropzone-preview/custom-dropzone-preview.component.mjs +54 -54
- package/esm2020/components/ngt-dropzone/ngt-dropzone-file-viewer/ngt-dropzone-file-viewer.component.mjs +66 -66
- package/esm2020/components/ngt-dropzone/ngt-dropzone-view/ngt-dropzone-view.component.mjs +94 -94
- package/esm2020/components/ngt-dropzone/ngt-dropzone.component.mjs +464 -464
- package/esm2020/components/ngt-dropzone/ngt-dropzone.meta.mjs +24 -24
- package/esm2020/components/ngt-dropzone/ngt-dropzone.module.mjs +55 -55
- package/esm2020/components/ngt-floating-button/ngt-floating-button.component.mjs +119 -119
- package/esm2020/components/ngt-floating-button/ngt-floating-button.module.mjs +28 -28
- package/esm2020/components/ngt-form/ngt-form-validation-message/ngt-form-validation-message.component.mjs +22 -22
- package/esm2020/components/ngt-form/ngt-form.component.mjs +193 -193
- package/esm2020/components/ngt-form/ngt-form.module.mjs +29 -29
- package/esm2020/components/ngt-header-nav/ngt-header-nav.component.mjs +39 -39
- package/esm2020/components/ngt-header-nav/ngt-header-nav.module.mjs +20 -20
- package/esm2020/components/ngt-helper/ngt-helper.component.mjs +68 -68
- package/esm2020/components/ngt-helper/ngt-helper.module.mjs +28 -28
- package/esm2020/components/ngt-input/ngt-input.component.mjs +722 -722
- package/esm2020/components/ngt-input/ngt-input.module.mjs +47 -47
- package/esm2020/components/ngt-modal/ngt-modal-body/ngt-modal-body.component.mjs +11 -11
- package/esm2020/components/ngt-modal/ngt-modal-footer/ngt-modal-footer.component.mjs +11 -11
- package/esm2020/components/ngt-modal/ngt-modal-header/ngt-modal-header.component.mjs +38 -38
- package/esm2020/components/ngt-modal/ngt-modal.component.mjs +102 -102
- package/esm2020/components/ngt-modal/ngt-modal.module.mjs +39 -39
- package/esm2020/components/ngt-multi-select/ngt-multi-select.component.mjs +446 -446
- package/esm2020/components/ngt-multi-select/ngt-multi-select.module.mjs +52 -52
- package/esm2020/components/ngt-pagination/ngt-pagination.component.mjs +162 -162
- package/esm2020/components/ngt-pagination/ngt-pagination.module.mjs +36 -36
- package/esm2020/components/ngt-popover/ngt-popover-tooltip/ngt-popover-tooltip.component.mjs +40 -40
- package/esm2020/components/ngt-popover/ngt-popover.component.mjs +85 -85
- package/esm2020/components/ngt-popover/ngt-popover.directive.mjs +105 -105
- package/esm2020/components/ngt-popover/ngt-popover.module.mjs +36 -36
- package/esm2020/components/ngt-portlet/ngt-portlet-body/ngt-portlet-body.component.mjs +34 -34
- package/esm2020/components/ngt-portlet/ngt-portlet-footer/ngt-portlet-footer.component.mjs +33 -33
- package/esm2020/components/ngt-portlet/ngt-portlet-header/ngt-portlet-header.component.mjs +53 -53
- package/esm2020/components/ngt-portlet/ngt-portlet.component.mjs +74 -74
- package/esm2020/components/ngt-portlet/ngt-portlet.module.mjs +47 -47
- package/esm2020/components/ngt-radio-button/ngt-radio-button-container/ngt-radio-button-container.component.mjs +19 -19
- package/esm2020/components/ngt-radio-button/ngt-radio-button.component.mjs +125 -125
- package/esm2020/components/ngt-radio-button/ngt-radio-button.module.mjs +29 -29
- package/esm2020/components/ngt-section/ngt-section.component.mjs +119 -119
- package/esm2020/components/ngt-section/ngt-section.module.mjs +32 -32
- package/esm2020/components/ngt-select/ngt-select.component.mjs +552 -552
- package/esm2020/components/ngt-select/ngt-select.directive.mjs +36 -36
- package/esm2020/components/ngt-select/ngt-select.module.mjs +65 -65
- package/esm2020/components/ngt-shining/ngt-shining.component.mjs +40 -40
- package/esm2020/components/ngt-shining/ngt-shining.module.mjs +20 -20
- package/esm2020/components/ngt-sidenav/ngt-sidenav.component.mjs +132 -132
- package/esm2020/components/ngt-sidenav/ngt-sidenav.module.mjs +20 -20
- package/esm2020/components/ngt-slider/ngt-slider.component.mjs +99 -99
- package/esm2020/components/ngt-slider/ngt-slider.module.mjs +24 -24
- package/esm2020/components/ngt-svg/ngt-svg.component.mjs +53 -53
- package/esm2020/components/ngt-svg/ngt-svg.module.mjs +28 -28
- package/esm2020/components/ngt-tag/ngt-tag.component.mjs +37 -37
- package/esm2020/components/ngt-tag/ngt-tag.module.mjs +24 -24
- package/esm2020/components/ngt-textarea/ngt-textarea.component.mjs +238 -238
- package/esm2020/components/ngt-textarea/ngt-textarea.module.mjs +43 -43
- package/esm2020/components/ngt-validation/ngt-validation.component.mjs +26 -26
- package/esm2020/components/ngt-validation/ngt-validation.module.mjs +20 -20
- package/esm2020/directives/ngt-stylizable/ngt-stylizable.directive.mjs +290 -290
- package/esm2020/directives/ngt-stylizable/ngt-stylizable.module.mjs +20 -20
- package/esm2020/enums/size.enum.mjs +11 -11
- package/esm2020/helpers/enum/enum.mjs +7 -7
- package/esm2020/helpers/form/form.mjs +14 -14
- package/esm2020/helpers/input-mask/input-mask.helper.mjs +23 -23
- package/esm2020/helpers/routing/route.mjs +11 -11
- package/esm2020/helpers/uuid.mjs +10 -10
- package/esm2020/ng-tailwind.mjs +4 -4
- package/esm2020/public-api.mjs +121 -121
- package/esm2020/services/http/ngt-attachment-http.service.mjs +3 -3
- package/esm2020/services/http/ngt-http-form.service.mjs +3 -3
- package/esm2020/services/http/ngt-http-resource.service.mjs +3 -3
- package/esm2020/services/http/ngt-http-validation.service.mjs +3 -3
- package/esm2020/services/http/ngt-http.service.mjs +3 -3
- package/esm2020/services/http/ngt-translate.service.mjs +3 -3
- package/esm2020/services/ngt-stylizable/ngt-stylizable.service.mjs +273 -273
- package/fesm2015/ng-tailwind.mjs +7792 -7790
- package/fesm2015/ng-tailwind.mjs.map +1 -1
- package/fesm2020/ng-tailwind.mjs +7655 -7653
- package/fesm2020/ng-tailwind.mjs.map +1 -1
- package/helpers/enum/enum.d.ts +1 -1
- package/helpers/form/form.d.ts +4 -4
- package/helpers/input-mask/input-mask.helper.d.ts +17 -17
- package/helpers/routing/route.d.ts +2 -2
- package/helpers/uuid.d.ts +1 -1
- package/index.d.ts +5 -5
- package/package.json +1 -1
- package/public-api.d.ts +83 -83
- 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 +11 -11
- package/services/http/ngt-http.service.d.ts +27 -27
- package/services/http/ngt-translate.service.d.ts +29 -29
- package/services/ngt-stylizable/ngt-stylizable.service.d.ts +96 -96
|
@@ -1,132 +1,132 @@
|
|
|
1
|
-
import { Component, HostListener, Input, Optional, Self, ViewChild, } from '@angular/core';
|
|
2
|
-
import { fadeDownAnimation } from '../../animations/ngt-angular-animations';
|
|
3
|
-
import { Size } from '../../enums/size.enum';
|
|
4
|
-
import { getEnumFromString } from '../../helpers/enum/enum';
|
|
5
|
-
import { NgtStylizableService } from '../../services/ngt-stylizable/ngt-stylizable.service';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "../../directives/ngt-stylizable/ngt-stylizable.directive";
|
|
8
|
-
import * as i2 from "@angular/common";
|
|
9
|
-
export class NgtSidenavComponent {
|
|
10
|
-
constructor(injector, ngtStyleDirective) {
|
|
11
|
-
this.injector = injector;
|
|
12
|
-
this.ngtStyleDirective = ngtStyleDirective;
|
|
13
|
-
this.size = Size.XS;
|
|
14
|
-
this.initVisible = false;
|
|
15
|
-
this.closeMenuOnMobileView = true;
|
|
16
|
-
this.visible = false;
|
|
17
|
-
this.open = false;
|
|
18
|
-
this.isMenuContracted = false;
|
|
19
|
-
if (this.ngtStyleDirective) {
|
|
20
|
-
this.ngtStyle = this.ngtStyleDirective.getNgtStylizableService();
|
|
21
|
-
}
|
|
22
|
-
else {
|
|
23
|
-
this.ngtStyle = new NgtStylizableService();
|
|
24
|
-
}
|
|
25
|
-
this.ngtStyle.load(this.injector, 'Sidenav', {
|
|
26
|
-
h: 'md:h-auto h-screen',
|
|
27
|
-
color: {}
|
|
28
|
-
});
|
|
29
|
-
this.bindScreenSize();
|
|
30
|
-
}
|
|
31
|
-
bindScreenSize(event) {
|
|
32
|
-
this.screenWidth = window.innerWidth;
|
|
33
|
-
}
|
|
34
|
-
ngAfterViewInit() {
|
|
35
|
-
if (this.initVisible) {
|
|
36
|
-
setTimeout(() => {
|
|
37
|
-
this.visible = true;
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
ngOnChanges(changes) {
|
|
42
|
-
if (changes.size) {
|
|
43
|
-
this.size = getEnumFromString(changes.size.currentValue, Size);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
toggleMenu() {
|
|
47
|
-
if (this.open) {
|
|
48
|
-
this.closeMenu();
|
|
49
|
-
}
|
|
50
|
-
else {
|
|
51
|
-
this.openMenu();
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
closeMenu() {
|
|
55
|
-
this.open = false;
|
|
56
|
-
}
|
|
57
|
-
openMenu() {
|
|
58
|
-
this.open = true;
|
|
59
|
-
}
|
|
60
|
-
getNavSize() {
|
|
61
|
-
switch (this.size) {
|
|
62
|
-
case Size.AUTO: return 'md:w-auto w-4/12';
|
|
63
|
-
case Size.XS: return 'md:w-1/12 w-4/12';
|
|
64
|
-
case Size.SM: return 'md:w-2/12 w-5/12';
|
|
65
|
-
case Size.MD: return 'md:w-4/12 w-6/12';
|
|
66
|
-
case Size.XL: return 'md:w-6/12 w-full';
|
|
67
|
-
case Size.FULL: return 'w-full';
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
getContainerSize() {
|
|
71
|
-
if (!this.visible) {
|
|
72
|
-
return 'w-full';
|
|
73
|
-
}
|
|
74
|
-
if (this.isMobileView()) {
|
|
75
|
-
return 'w-full';
|
|
76
|
-
}
|
|
77
|
-
switch (this.size) {
|
|
78
|
-
case Size.AUTO: return 'w-full';
|
|
79
|
-
case Size.XS: return 'md:w-11/12 w-full';
|
|
80
|
-
case Size.SM: return 'md:w-10/12 w-full';
|
|
81
|
-
case Size.MD: return 'md:w-8/12 w-full';
|
|
82
|
-
case Size.XL: return 'md:w-6/12 w-full';
|
|
83
|
-
case Size.FULL: return 'w-full';
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
toggleMenuSize(size) {
|
|
87
|
-
if (this.isMenuContracted) {
|
|
88
|
-
this.size = size;
|
|
89
|
-
this.isMenuContracted = false;
|
|
90
|
-
}
|
|
91
|
-
else {
|
|
92
|
-
this.size = Size.AUTO;
|
|
93
|
-
this.isMenuContracted = true;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
isMobileView() {
|
|
97
|
-
if (!this.closeMenuOnMobileView) {
|
|
98
|
-
return false;
|
|
99
|
-
}
|
|
100
|
-
return this.screenWidth < 1024;
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
NgtSidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
104
|
-
NgtSidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
105
|
-
fadeDownAnimation('fadeDownAnimation', 600)
|
|
106
|
-
] });
|
|
107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
108
|
-
type: Component,
|
|
109
|
-
args: [{ selector: 'ngt-sidenav', animations: [
|
|
110
|
-
fadeDownAnimation('fadeDownAnimation', 600)
|
|
111
|
-
], template: "<div class=\"flex h-full w-full\">\n <ng-container *ngIf=\"visible\">\n <div class=\"{{ getNavSize() }} {{ ngtStyle.compile(['color.bg', 'h']) }} {{ open ? 'block' : 'hidden' }} top-auto fixed {{ isMobileView() ? '' : 'md:static md:block' }}\"\n @fadeDownAnimation #sideMenu>\n <ng-content select='[sideMenu]'></ng-content>\n </div>\n\n <ng-container *ngIf=\"open\">\n <button (click)='closeMenu()' tabindex=\"-1\"\n class=\"fixed z-30 inset-0 h-full w-full bg-black opacity-50 cursor-default\">\n </button>\n </ng-container>\n </ng-container>\n\n <div class=\"flex-wrap {{ getContainerSize() }} overflow-auto\" #container>\n <ng-content></ng-content>\n </div>\n</div>" }]
|
|
112
|
-
}], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.NgtStylizableDirective, decorators: [{
|
|
113
|
-
type: Self
|
|
114
|
-
}, {
|
|
115
|
-
type: Optional
|
|
116
|
-
}] }]; }, propDecorators: { sideMenuRef: [{
|
|
117
|
-
type: ViewChild,
|
|
118
|
-
args: ['sideMenu', { static: true }]
|
|
119
|
-
}], containerRef: [{
|
|
120
|
-
type: ViewChild,
|
|
121
|
-
args: ['container', { static: true }]
|
|
122
|
-
}], size: [{
|
|
123
|
-
type: Input
|
|
124
|
-
}], initVisible: [{
|
|
125
|
-
type: Input
|
|
126
|
-
}], closeMenuOnMobileView: [{
|
|
127
|
-
type: Input
|
|
128
|
-
}], bindScreenSize: [{
|
|
129
|
-
type: HostListener,
|
|
130
|
-
args: ['window:resize', ['$event']]
|
|
131
|
-
}] } });
|
|
132
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LXNpZGVuYXYuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctdGFpbHdpbmQvc3JjL2NvbXBvbmVudHMvbmd0LXNpZGVuYXYvbmd0LXNpZGVuYXYuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctdGFpbHdpbmQvc3JjL2NvbXBvbmVudHMvbmd0LXNpZGVuYXYvbmd0LXNpZGVuYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVILFNBQVMsRUFFVCxZQUFZLEVBRVosS0FBSyxFQUNMLFFBQVEsRUFDUixJQUFJLEVBRUosU0FBUyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRTVFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxzREFBc0QsQ0FBQzs7OztBQVU1RixNQUFNLE9BQU8sbUJBQW1CO0lBZTVCLFlBQ1ksUUFBa0IsRUFDRSxpQkFBeUM7UUFEN0QsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUNFLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBd0I7UUFiekQsU0FBSSxHQUFTLElBQUksQ0FBQyxFQUFFLENBQUM7UUFDckIsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFDN0IsMEJBQXFCLEdBQVksSUFBSSxDQUFDO1FBRS9DLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsU0FBSSxHQUFZLEtBQUssQ0FBQztRQUN0QixxQkFBZ0IsR0FBWSxLQUFLLENBQUM7UUFTckMsSUFBSSxJQUFJLENBQUMsaUJBQWlCLEVBQUU7WUFDeEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMs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QUksR0FBRyxJQUFJLENBQUM7WUFDakIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQztTQUNqQzthQUFNO1lBQ0gsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7U0FDaEM7SUFDTCxDQUFDO0lBRU0sWUFBWTtRQUNmLElBQUksQ0FBQyxJQUFJLENBQUMscUJBQXFCLEVBQUU7WUFDN0IsT0FBTyxLQUFLLENBQUM7U0FDaEI7UUFFRCxPQUFPLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO0lBQ25DLENBQUM7O2dIQWxIUSxtQkFBbUI7b0dBQW5CLG1CQUFtQixtZEMzQmhDLHd3QkFpQk0sa0lES1U7UUFDUixpQkFBaUIsQ0FBQyxtQkFBbUIsRUFBRSxHQUFHLENBQUM7S0FDOUM7MkZBR1EsbUJBQW1CO2tCQVIvQixTQUFTOytCQUNJLGFBQWEsY0FFWDt3QkFDUixpQkFBaUIsQ0FBQyxtQkFBbUIsRUFBRSxHQUFHLENBQUM7cUJBQzlDOzswQkFvQkksSUFBSTs7MEJBQUksUUFBUTs0Q0FoQjJCLFdBQVc7c0JBQTFELFNBQVM7dUJBQUMsVUFBVSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFDVSxZQUFZO3NCQUE1RCxTQUFTO3VCQUFDLFdBQVcsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBRXhCLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxxQkFBcUI7c0JBQXBDLEtBQUs7Z0JBNEJDLGNBQWM7c0JBRHBCLFlBQVk7dUJBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBZnRlclZpZXdJbml0LFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEhvc3RMaXN0ZW5lcixcbiAgICBJbmplY3RvcixcbiAgICBJbnB1dCxcbiAgICBPcHRpb25hbCxcbiAgICBTZWxmLFxuICAgIFNpbXBsZUNoYW5nZXMsXG4gICAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgZmFkZURvd25BbmltYXRpb24gfSBmcm9tICcuLi8uLi9hbmltYXRpb25zL25ndC1hbmd1bGFyLWFuaW1hdGlvbnMnO1xuaW1wb3J0IHsgTmd0U3R5bGl6YWJsZURpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvbmd0LXN0eWxpemFibGUvbmd0LXN0eWxpemFibGUuZGlyZWN0aXZlJztcbmltcG9ydCB7IFNpemUgfSBmcm9tICcuLi8uLi9lbnVtcy9zaXplLmVudW0nO1xuaW1wb3J0IHsgZ2V0RW51bUZyb21TdHJpbmcgfSBmcm9tICcuLi8uLi9oZWxwZXJzL2VudW0vZW51bSc7XG5pbXBvcnQgeyBOZ3RTdHlsaXphYmxlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL25ndC1zdHlsaXphYmxlL25ndC1zdHlsaXphYmxlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25ndC1zaWRlbmF2JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbmd0LXNpZGVuYXYuY29tcG9uZW50Lmh0bWwnLFxuICAgIGFuaW1hdGlvbnM6IFtcbiAgICAgICAgZmFkZURvd25BbmltYXRpb24oJ2ZhZGVEb3duQW5pbWF0aW9uJywgNjAwKVxuICAgIF0sXG59KVxuXG5leHBvcnQgY2xhc3MgTmd0U2lkZW5hdkNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICAgIEBWaWV3Q2hpbGQoJ3NpZGVNZW51JywgeyBzdGF0aWM6IHRydWUgfSkgcHVibGljIHNpZGVNZW51UmVmOiBFbGVtZW50UmVmO1xuICAgIEBWaWV3Q2hpbGQoJ2NvbnRhaW5lcicsIHsgc3RhdGljOiB0cnVlIH0pIHB1YmxpYyBjb250YWluZXJSZWY6IEVsZW1lbnRSZWY7XG5cbiAgICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogU2l6ZSA9IFNpemUuWFM7XG4gICAgQElucHV0KCkgcHVibGljIGluaXRWaXNpYmxlOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgcHVibGljIGNsb3NlTWVudU9uTW9iaWxlVmlldzogYm9vbGVhbiA9IHRydWU7XG5cbiAgICBwdWJsaWMgdmlzaWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuICAgIHB1YmxpYyBvcGVuOiBib29sZWFuID0gZmFsc2U7XG4gICAgcHVibGljIGlzTWVudUNvbnRyYWN0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBwdWJsaWMgbmd0U3R5bGU6IE5ndFN0eWxpemFibGVTZXJ2aWNlO1xuXG4gICAgcHJpdmF0ZSBzY3JlZW5XaWR0aDogbnVtYmVyO1xuXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGluamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgQFNlbGYoKSBAT3B0aW9uYWwoKSBwcml2YXRlIG5ndFN0eWxlRGlyZWN0aXZlOiBOZ3RTdHlsaXphYmxlRGlyZWN0aXZlLFxuICAgICkge1xuICAgICAgICBpZiAodGhpcy5uZ3RTdHlsZURpcmVjdGl2ZSkge1xuICAgICAgICAgICAgdGhpcy5uZ3RTdHlsZSA9IHRoaXMubmd0U3R5bGVEaXJlY3RpdmUuZ2V0Tmd0U3R5bGl6YWJsZVNlcnZpY2UoKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMubmd0U3R5bGUgPSBuZXcgTmd0U3R5bGl6YWJsZVNlcnZpY2UoKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMubmd0U3R5bGUubG9hZCh0aGlzLmluamVjdG9yLCAnU2lkZW5hdicsIHtcbiAgICAgICAgICAgIGg6ICdtZDpoLWF1dG8gaC1zY3JlZW4nLFxuICAgICAgICAgICAgY29sb3I6IHt9XG4gICAgICAgIH0pO1xuXG4gICAgICAgIHRoaXMuYmluZFNjcmVlblNpemUoKTtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcbiAgICBwdWJsaWMgYmluZFNjcmVlblNpemUoZXZlbnQ/KSB7XG4gICAgICAgIHRoaXMuc2NyZWVuV2lkdGggPSB3aW5kb3cuaW5uZXJXaWR0aDtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCkge1xuICAgICAgICBpZiAodGhpcy5pbml0VmlzaWJsZSkge1xuICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy52aXNpYmxlID0gdHJ1ZTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICAgICAgaWYgKGNoYW5nZXMuc2l6ZSkge1xuICAgICAgICAgICAgdGhpcy5zaXplID0gZ2V0RW51bUZyb21TdHJpbmcoY2hhbmdlcy5zaXplLmN1cnJlbnRWYWx1ZSwgU2l6ZSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwdWJsaWMgdG9nZ2xlTWVudSgpIHtcbiAgICAgICAgaWYgKHRoaXMub3Blbikge1xuICAgICAgICAgICAgdGhpcy5jbG9zZU1lbnUoKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMub3Blbk1lbnUoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBjbG9zZU1lbnUoKSB7XG4gICAgICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICAgIH1cblxuICAgIHB1YmxpYyBvcGVuTWVudSgpIHtcbiAgICAgICAgdGhpcy5vcGVuID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0TmF2U2l6ZSgpIHtcbiAgICAgICAgc3dpdGNoICh0aGlzLnNpemUpIHtcbiAgICAgICAgICAgIGNhc2UgU2l6ZS5BVVRPOiByZXR1cm4gJ21kOnctYXV0byB3LTQvMTInO1xuICAgICAgICAgICAgY2FzZSBTaXplLlhTOiByZXR1cm4gJ21kOnctMS8xMiB3LTQvMTInO1xuICAgICAgICAgICAgY2FzZSBTaXplLlNNOiByZXR1cm4gJ21kOnctMi8xMiB3LTUvMTInO1xuICAgICAgICAgICAgY2FzZSBTaXplLk1EOiByZXR1cm4gJ21kOnctNC8xMiB3LTYvMTInO1xuICAgICAgICAgICAgY2FzZSBTaXplLlhMOiByZXR1cm4gJ21kOnctNi8xMiB3LWZ1bGwnO1xuICAgICAgICAgICAgY2FzZSBTaXplLkZVTEw6IHJldHVybiAndy1mdWxsJztcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBnZXRDb250YWluZXJTaXplKCkge1xuICAgICAgICBpZiAoIXRoaXMudmlzaWJsZSkge1xuICAgICAgICAgICAgcmV0dXJuICd3LWZ1bGwnO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMuaXNNb2JpbGVWaWV3KCkpIHtcbiAgICAgICAgICAgIHJldHVybiAndy1mdWxsJztcbiAgICAgICAgfVxuXG4gICAgICAgIHN3aXRjaCAodGhpcy5zaXplKSB7XG4gICAgICAgICAgICBjYXNlIFNpemUuQVVUTzogcmV0dXJuICd3LWZ1bGwnO1xuICAgICAgICAgICAgY2FzZSBTaXplLlhTOiByZXR1cm4gJ21kOnctMTEvMTIgdy1mdWxsJztcbiAgICAgICAgICAgIGNhc2UgU2l6ZS5TTTogcmV0dXJuICdtZDp3LTEwLzEyIHctZnVsbCc7XG4gICAgICAgICAgICBjYXNlIFNpemUuTUQ6IHJldHVybiAnbWQ6dy04LzEyIHctZnVsbCc7XG4gICAgICAgICAgICBjYXNlIFNpemUuWEw6IHJldHVybiAnbWQ6dy02LzEyIHctZnVsbCc7XG4gICAgICAgICAgICBjYXNlIFNpemUuRlVMTDogcmV0dXJuICd3LWZ1bGwnO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIHRvZ2dsZU1lbnVTaXplKHNpemU6IFNpemUpIHtcbiAgICAgICAgaWYgKHRoaXMuaXNNZW51Q29udHJhY3RlZCkge1xuICAgICAgICAgICAgdGhpcy5zaXplID0gc2l6ZTtcbiAgICAgICAgICAgIHRoaXMuaXNNZW51Q29udHJhY3RlZCA9IGZhbHNlO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5zaXplID0gU2l6ZS5BVVRPO1xuICAgICAgICAgICAgdGhpcy5pc01lbnVDb250cmFjdGVkID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBpc01vYmlsZVZpZXcoKSB7XG4gICAgICAgIGlmICghdGhpcy5jbG9zZU1lbnVPbk1vYmlsZVZpZXcpIHtcbiAgICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiB0aGlzLnNjcmVlbldpZHRoIDwgMTAyNDtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZmxleCBoLWZ1bGwgdy1mdWxsXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInZpc2libGVcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInt7IGdldE5hdlNpemUoKSB9fSB7eyBuZ3RTdHlsZS5jb21waWxlKFsnY29sb3IuYmcnLCAnaCddKSB9fSB7eyBvcGVuID8gJ2Jsb2NrJyA6ICdoaWRkZW4nIH19IHRvcC1hdXRvIGZpeGVkIHt7IGlzTW9iaWxlVmlldygpID8gJycgOiAnbWQ6c3RhdGljIG1kOmJsb2NrJyB9fVwiXG4gICAgICAgICAgICBAZmFkZURvd25BbmltYXRpb24gI3NpZGVNZW51PlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PSdbc2lkZU1lbnVdJz48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcGVuXCI+XG4gICAgICAgICAgICA8YnV0dG9uIChjbGljayk9J2Nsb3NlTWVudSgpJyB0YWJpbmRleD1cIi0xXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImZpeGVkIHotMzAgaW5zZXQtMCBoLWZ1bGwgdy1mdWxsIGJnLWJsYWNrIG9wYWNpdHktNTAgY3Vyc29yLWRlZmF1bHRcIj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDxkaXYgY2xhc3M9XCJmbGV4LXdyYXAge3sgZ2V0Q29udGFpbmVyU2l6ZSgpIH19IG92ZXJmbG93LWF1dG9cIiAjY29udGFpbmVyPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=
|
|
1
|
+
import { Component, HostListener, Input, Optional, Self, ViewChild, } from '@angular/core';
|
|
2
|
+
import { fadeDownAnimation } from '../../animations/ngt-angular-animations';
|
|
3
|
+
import { Size } from '../../enums/size.enum';
|
|
4
|
+
import { getEnumFromString } from '../../helpers/enum/enum';
|
|
5
|
+
import { NgtStylizableService } from '../../services/ngt-stylizable/ngt-stylizable.service';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "../../directives/ngt-stylizable/ngt-stylizable.directive";
|
|
8
|
+
import * as i2 from "@angular/common";
|
|
9
|
+
export class NgtSidenavComponent {
|
|
10
|
+
constructor(injector, ngtStyleDirective) {
|
|
11
|
+
this.injector = injector;
|
|
12
|
+
this.ngtStyleDirective = ngtStyleDirective;
|
|
13
|
+
this.size = Size.XS;
|
|
14
|
+
this.initVisible = false;
|
|
15
|
+
this.closeMenuOnMobileView = true;
|
|
16
|
+
this.visible = false;
|
|
17
|
+
this.open = false;
|
|
18
|
+
this.isMenuContracted = false;
|
|
19
|
+
if (this.ngtStyleDirective) {
|
|
20
|
+
this.ngtStyle = this.ngtStyleDirective.getNgtStylizableService();
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
this.ngtStyle = new NgtStylizableService();
|
|
24
|
+
}
|
|
25
|
+
this.ngtStyle.load(this.injector, 'Sidenav', {
|
|
26
|
+
h: 'md:h-auto h-screen',
|
|
27
|
+
color: {}
|
|
28
|
+
});
|
|
29
|
+
this.bindScreenSize();
|
|
30
|
+
}
|
|
31
|
+
bindScreenSize(event) {
|
|
32
|
+
this.screenWidth = window.innerWidth;
|
|
33
|
+
}
|
|
34
|
+
ngAfterViewInit() {
|
|
35
|
+
if (this.initVisible) {
|
|
36
|
+
setTimeout(() => {
|
|
37
|
+
this.visible = true;
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
ngOnChanges(changes) {
|
|
42
|
+
if (changes.size) {
|
|
43
|
+
this.size = getEnumFromString(changes.size.currentValue, Size);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
toggleMenu() {
|
|
47
|
+
if (this.open) {
|
|
48
|
+
this.closeMenu();
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
this.openMenu();
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
closeMenu() {
|
|
55
|
+
this.open = false;
|
|
56
|
+
}
|
|
57
|
+
openMenu() {
|
|
58
|
+
this.open = true;
|
|
59
|
+
}
|
|
60
|
+
getNavSize() {
|
|
61
|
+
switch (this.size) {
|
|
62
|
+
case Size.AUTO: return 'md:w-auto w-4/12';
|
|
63
|
+
case Size.XS: return 'md:w-1/12 w-4/12';
|
|
64
|
+
case Size.SM: return 'md:w-2/12 w-5/12';
|
|
65
|
+
case Size.MD: return 'md:w-4/12 w-6/12';
|
|
66
|
+
case Size.XL: return 'md:w-6/12 w-full';
|
|
67
|
+
case Size.FULL: return 'w-full';
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
getContainerSize() {
|
|
71
|
+
if (!this.visible) {
|
|
72
|
+
return 'w-full';
|
|
73
|
+
}
|
|
74
|
+
if (this.isMobileView()) {
|
|
75
|
+
return 'w-full';
|
|
76
|
+
}
|
|
77
|
+
switch (this.size) {
|
|
78
|
+
case Size.AUTO: return 'w-full';
|
|
79
|
+
case Size.XS: return 'md:w-11/12 w-full';
|
|
80
|
+
case Size.SM: return 'md:w-10/12 w-full';
|
|
81
|
+
case Size.MD: return 'md:w-8/12 w-full';
|
|
82
|
+
case Size.XL: return 'md:w-6/12 w-full';
|
|
83
|
+
case Size.FULL: return 'w-full';
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
toggleMenuSize(size) {
|
|
87
|
+
if (this.isMenuContracted) {
|
|
88
|
+
this.size = size;
|
|
89
|
+
this.isMenuContracted = false;
|
|
90
|
+
}
|
|
91
|
+
else {
|
|
92
|
+
this.size = Size.AUTO;
|
|
93
|
+
this.isMenuContracted = true;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
isMobileView() {
|
|
97
|
+
if (!this.closeMenuOnMobileView) {
|
|
98
|
+
return false;
|
|
99
|
+
}
|
|
100
|
+
return this.screenWidth < 1024;
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
NgtSidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSidenavComponent, deps: [{ token: i0.Injector }, { token: i1.NgtStylizableDirective, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
104
|
+
NgtSidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtSidenavComponent, selector: "ngt-sidenav", inputs: { size: "size", initVisible: "initVisible", closeMenuOnMobileView: "closeMenuOnMobileView" }, host: { listeners: { "window:resize": "bindScreenSize($event)" } }, viewQueries: [{ propertyName: "sideMenuRef", first: true, predicate: ["sideMenu"], descendants: true, static: true }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex h-full w-full\">\r\n <ng-container *ngIf=\"visible\">\r\n <div class=\"{{ getNavSize() }} {{ ngtStyle.compile(['color.bg', 'h']) }} {{ open ? 'block' : 'hidden' }} top-auto fixed {{ isMobileView() ? '' : 'md:static md:block' }}\"\r\n @fadeDownAnimation #sideMenu>\r\n <ng-content select='[sideMenu]'></ng-content>\r\n </div>\r\n\r\n <ng-container *ngIf=\"open\">\r\n <button (click)='closeMenu()' tabindex=\"-1\"\r\n class=\"fixed z-30 inset-0 h-full w-full bg-black opacity-50 cursor-default\">\r\n </button>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <div class=\"flex-wrap {{ getContainerSize() }} overflow-auto\" #container>\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
|
|
105
|
+
fadeDownAnimation('fadeDownAnimation', 600)
|
|
106
|
+
] });
|
|
107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSidenavComponent, decorators: [{
|
|
108
|
+
type: Component,
|
|
109
|
+
args: [{ selector: 'ngt-sidenav', animations: [
|
|
110
|
+
fadeDownAnimation('fadeDownAnimation', 600)
|
|
111
|
+
], template: "<div class=\"flex h-full w-full\">\r\n <ng-container *ngIf=\"visible\">\r\n <div class=\"{{ getNavSize() }} {{ ngtStyle.compile(['color.bg', 'h']) }} {{ open ? 'block' : 'hidden' }} top-auto fixed {{ isMobileView() ? '' : 'md:static md:block' }}\"\r\n @fadeDownAnimation #sideMenu>\r\n <ng-content select='[sideMenu]'></ng-content>\r\n </div>\r\n\r\n <ng-container *ngIf=\"open\">\r\n <button (click)='closeMenu()' tabindex=\"-1\"\r\n class=\"fixed z-30 inset-0 h-full w-full bg-black opacity-50 cursor-default\">\r\n </button>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <div class=\"flex-wrap {{ getContainerSize() }} overflow-auto\" #container>\r\n <ng-content></ng-content>\r\n </div>\r\n</div>" }]
|
|
112
|
+
}], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.NgtStylizableDirective, decorators: [{
|
|
113
|
+
type: Self
|
|
114
|
+
}, {
|
|
115
|
+
type: Optional
|
|
116
|
+
}] }]; }, propDecorators: { sideMenuRef: [{
|
|
117
|
+
type: ViewChild,
|
|
118
|
+
args: ['sideMenu', { static: true }]
|
|
119
|
+
}], containerRef: [{
|
|
120
|
+
type: ViewChild,
|
|
121
|
+
args: ['container', { static: true }]
|
|
122
|
+
}], size: [{
|
|
123
|
+
type: Input
|
|
124
|
+
}], initVisible: [{
|
|
125
|
+
type: Input
|
|
126
|
+
}], closeMenuOnMobileView: [{
|
|
127
|
+
type: Input
|
|
128
|
+
}], bindScreenSize: [{
|
|
129
|
+
type: HostListener,
|
|
130
|
+
args: ['window:resize', ['$event']]
|
|
131
|
+
}] } });
|
|
132
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LXNpZGVuYXYuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctdGFpbHdpbmQvc3JjL2NvbXBvbmVudHMvbmd0LXNpZGVuYXYvbmd0LXNpZGVuYXYuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctdGFpbHdpbmQvc3JjL2NvbXBvbmVudHMvbmd0LXNpZGVuYXYvbmd0LXNpZGVuYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVILFNBQVMsRUFFVCxZQUFZLEVBRVosS0FBSyxFQUNMLFFBQVEsRUFDUixJQUFJLEVBRUosU0FBUyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRTVFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxzREFBc0QsQ0FBQzs7OztBQVU1RixNQUFNLE9BQU8sbUJBQW1CO0lBZTVCLFlBQ1ksUUFBa0IsRUFDRSxpQkFBeUM7UUFEN0QsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUNFLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBd0I7UUFiekQsU0FBSSxHQUFTLElBQUksQ0FBQyxFQUFFLENBQUM7UUFDckIsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFDN0IsMEJBQXFCLEdBQVksSUFBSSxDQUFDO1FBRS9DLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsU0FBSSxHQUFZLEtBQUssQ0FBQztRQUN0QixxQkFBZ0IsR0FBWSxLQUFLLENBQUM7UUFTckMsSUFBSSxJQUFJLENBQUMsaUJBQWlCLEVBQUU7WUFDeEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMs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QUksR0FBRyxJQUFJLENBQUM7WUFDakIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQztTQUNqQzthQUFNO1lBQ0gsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7U0FDaEM7SUFDTCxDQUFDO0lBRU0sWUFBWTtRQUNmLElBQUksQ0FBQyxJQUFJLENBQUMscUJBQXFCLEVBQUU7WUFDN0IsT0FBTyxLQUFLLENBQUM7U0FDaEI7UUFFRCxPQUFPLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO0lBQ25DLENBQUM7O2dIQWxIUSxtQkFBbUI7b0dBQW5CLG1CQUFtQixtZEMzQmhDLDB5QkFpQk0sa0lES1U7UUFDUixpQkFBaUIsQ0FBQyxtQkFBbUIsRUFBRSxHQUFHLENBQUM7S0FDOUM7MkZBR1EsbUJBQW1CO2tCQVIvQixTQUFTOytCQUNJLGFBQWEsY0FFWDt3QkFDUixpQkFBaUIsQ0FBQyxtQkFBbUIsRUFBRSxHQUFHLENBQUM7cUJBQzlDOzswQkFvQkksSUFBSTs7MEJBQUksUUFBUTs0Q0FoQjJCLFdBQVc7c0JBQTFELFNBQVM7dUJBQUMsVUFBVSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFDVSxZQUFZO3NCQUE1RCxTQUFTO3VCQUFDLFdBQVcsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBRXhCLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxxQkFBcUI7c0JBQXBDLEtBQUs7Z0JBNEJDLGNBQWM7c0JBRHBCLFlBQVk7dUJBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICAgIEFmdGVyVmlld0luaXQsXHJcbiAgICBDb21wb25lbnQsXHJcbiAgICBFbGVtZW50UmVmLFxyXG4gICAgSG9zdExpc3RlbmVyLFxyXG4gICAgSW5qZWN0b3IsXHJcbiAgICBJbnB1dCxcclxuICAgIE9wdGlvbmFsLFxyXG4gICAgU2VsZixcclxuICAgIFNpbXBsZUNoYW5nZXMsXHJcbiAgICBWaWV3Q2hpbGQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBmYWRlRG93bkFuaW1hdGlvbiB9IGZyb20gJy4uLy4uL2FuaW1hdGlvbnMvbmd0LWFuZ3VsYXItYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IE5ndFN0eWxpemFibGVEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL25ndC1zdHlsaXphYmxlL25ndC1zdHlsaXphYmxlLmRpcmVjdGl2ZSc7XHJcbmltcG9ydCB7IFNpemUgfSBmcm9tICcuLi8uLi9lbnVtcy9zaXplLmVudW0nO1xyXG5pbXBvcnQgeyBnZXRFbnVtRnJvbVN0cmluZyB9IGZyb20gJy4uLy4uL2hlbHBlcnMvZW51bS9lbnVtJztcclxuaW1wb3J0IHsgTmd0U3R5bGl6YWJsZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9uZ3Qtc3R5bGl6YWJsZS9uZ3Qtc3R5bGl6YWJsZS5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICduZ3Qtc2lkZW5hdicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vbmd0LXNpZGVuYXYuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgYW5pbWF0aW9uczogW1xyXG4gICAgICAgIGZhZGVEb3duQW5pbWF0aW9uKCdmYWRlRG93bkFuaW1hdGlvbicsIDYwMClcclxuICAgIF0sXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgTmd0U2lkZW5hdkNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xyXG4gICAgQFZpZXdDaGlsZCgnc2lkZU1lbnUnLCB7IHN0YXRpYzogdHJ1ZSB9KSBwdWJsaWMgc2lkZU1lbnVSZWY6IEVsZW1lbnRSZWY7XHJcbiAgICBAVmlld0NoaWxkKCdjb250YWluZXInLCB7IHN0YXRpYzogdHJ1ZSB9KSBwdWJsaWMgY29udGFpbmVyUmVmOiBFbGVtZW50UmVmO1xyXG5cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBzaXplOiBTaXplID0gU2l6ZS5YUztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBpbml0VmlzaWJsZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgQElucHV0KCkgcHVibGljIGNsb3NlTWVudU9uTW9iaWxlVmlldzogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gICAgcHVibGljIHZpc2libGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIHB1YmxpYyBvcGVuOiBib29sZWFuID0gZmFsc2U7XHJcbiAgICBwdWJsaWMgaXNNZW51Q29udHJhY3RlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgcHVibGljIG5ndFN0eWxlOiBOZ3RTdHlsaXphYmxlU2VydmljZTtcclxuXHJcbiAgICBwcml2YXRlIHNjcmVlbldpZHRoOiBudW1iZXI7XHJcblxyXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yLFxyXG4gICAgICAgIEBTZWxmKCkgQE9wdGlvbmFsKCkgcHJpdmF0ZSBuZ3RTdHlsZURpcmVjdGl2ZTogTmd0U3R5bGl6YWJsZURpcmVjdGl2ZSxcclxuICAgICkge1xyXG4gICAgICAgIGlmICh0aGlzLm5ndFN0eWxlRGlyZWN0aXZlKSB7XHJcbiAgICAgICAgICAgIHRoaXMubmd0U3R5bGUgPSB0aGlzLm5ndFN0eWxlRGlyZWN0aXZlLmdldE5ndFN0eWxpemFibGVTZXJ2aWNlKCk7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgdGhpcy5uZ3RTdHlsZSA9IG5ldyBOZ3RTdHlsaXphYmxlU2VydmljZSgpO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgdGhpcy5uZ3RTdHlsZS5sb2FkKHRoaXMuaW5qZWN0b3IsICdTaWRlbmF2Jywge1xyXG4gICAgICAgICAgICBoOiAnbWQ6aC1hdXRvIGgtc2NyZWVuJyxcclxuICAgICAgICAgICAgY29sb3I6IHt9XHJcbiAgICAgICAgfSk7XHJcblxyXG4gICAgICAgIHRoaXMuYmluZFNjcmVlblNpemUoKTtcclxuICAgIH1cclxuXHJcbiAgICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcclxuICAgIHB1YmxpYyBiaW5kU2NyZWVuU2l6ZShldmVudD8pIHtcclxuICAgICAgICB0aGlzLnNjcmVlbldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgICAgICBpZiAodGhpcy5pbml0VmlzaWJsZSkge1xyXG4gICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICAgICAgICAgIHRoaXMudmlzaWJsZSA9IHRydWU7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xyXG4gICAgICAgIGlmIChjaGFuZ2VzLnNpemUpIHtcclxuICAgICAgICAgICAgdGhpcy5zaXplID0gZ2V0RW51bUZyb21TdHJpbmcoY2hhbmdlcy5zaXplLmN1cnJlbnRWYWx1ZSwgU2l6ZSk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyB0b2dnbGVNZW51KCkge1xyXG4gICAgICAgIGlmICh0aGlzLm9wZW4pIHtcclxuICAgICAgICAgICAgdGhpcy5jbG9zZU1lbnUoKTtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICB0aGlzLm9wZW5NZW51KCk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBjbG9zZU1lbnUoKSB7XHJcbiAgICAgICAgdGhpcy5vcGVuID0gZmFsc2U7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG9wZW5NZW51KCkge1xyXG4gICAgICAgIHRoaXMub3BlbiA9IHRydWU7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIGdldE5hdlNpemUoKSB7XHJcbiAgICAgICAgc3dpdGNoICh0aGlzLnNpemUpIHtcclxuICAgICAgICAgICAgY2FzZSBTaXplLkFVVE86IHJldHVybiAnbWQ6dy1hdXRvIHctNC8xMic7XHJcbiAgICAgICAgICAgIGNhc2UgU2l6ZS5YUzogcmV0dXJuICdtZDp3LTEvMTIgdy00LzEyJztcclxuICAgICAgICAgICAgY2FzZSBTaXplLlNNOiByZXR1cm4gJ21kOnctMi8xMiB3LTUvMTInO1xyXG4gICAgICAgICAgICBjYXNlIFNpemUuTUQ6IHJldHVybiAnbWQ6dy00LzEyIHctNi8xMic7XHJcbiAgICAgICAgICAgIGNhc2UgU2l6ZS5YTDogcmV0dXJuICdtZDp3LTYvMTIgdy1mdWxsJztcclxuICAgICAgICAgICAgY2FzZSBTaXplLkZVTEw6IHJldHVybiAndy1mdWxsJztcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIGdldENvbnRhaW5lclNpemUoKSB7XHJcbiAgICAgICAgaWYgKCF0aGlzLnZpc2libGUpIHtcclxuICAgICAgICAgICAgcmV0dXJuICd3LWZ1bGwnO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgaWYgKHRoaXMuaXNNb2JpbGVWaWV3KCkpIHtcclxuICAgICAgICAgICAgcmV0dXJuICd3LWZ1bGwnO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgc3dpdGNoICh0aGlzLnNpemUpIHtcclxuICAgICAgICAgICAgY2FzZSBTaXplLkFVVE86IHJldHVybiAndy1mdWxsJztcclxuICAgICAgICAgICAgY2FzZSBTaXplLlhTOiByZXR1cm4gJ21kOnctMTEvMTIgdy1mdWxsJztcclxuICAgICAgICAgICAgY2FzZSBTaXplLlNNOiByZXR1cm4gJ21kOnctMTAvMTIgdy1mdWxsJztcclxuICAgICAgICAgICAgY2FzZSBTaXplLk1EOiByZXR1cm4gJ21kOnctOC8xMiB3LWZ1bGwnO1xyXG4gICAgICAgICAgICBjYXNlIFNpemUuWEw6IHJldHVybiAnbWQ6dy02LzEyIHctZnVsbCc7XHJcbiAgICAgICAgICAgIGNhc2UgU2l6ZS5GVUxMOiByZXR1cm4gJ3ctZnVsbCc7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyB0b2dnbGVNZW51U2l6ZShzaXplOiBTaXplKSB7XHJcbiAgICAgICAgaWYgKHRoaXMuaXNNZW51Q29udHJhY3RlZCkge1xyXG4gICAgICAgICAgICB0aGlzLnNpemUgPSBzaXplO1xyXG4gICAgICAgICAgICB0aGlzLmlzTWVudUNvbnRyYWN0ZWQgPSBmYWxzZTtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICB0aGlzLnNpemUgPSBTaXplLkFVVE87XHJcbiAgICAgICAgICAgIHRoaXMuaXNNZW51Q29udHJhY3RlZCA9IHRydWU7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBpc01vYmlsZVZpZXcoKSB7XHJcbiAgICAgICAgaWYgKCF0aGlzLmNsb3NlTWVudU9uTW9iaWxlVmlldykge1xyXG4gICAgICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICByZXR1cm4gdGhpcy5zY3JlZW5XaWR0aCA8IDEwMjQ7XHJcbiAgICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZsZXggaC1mdWxsIHctZnVsbFwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInZpc2libGVcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwie3sgZ2V0TmF2U2l6ZSgpIH19IHt7IG5ndFN0eWxlLmNvbXBpbGUoWydjb2xvci5iZycsICdoJ10pIH19IHt7IG9wZW4gPyAnYmxvY2snIDogJ2hpZGRlbicgfX0gdG9wLWF1dG8gZml4ZWQge3sgaXNNb2JpbGVWaWV3KCkgPyAnJyA6ICdtZDpzdGF0aWMgbWQ6YmxvY2snIH19XCJcclxuICAgICAgICAgICAgQGZhZGVEb3duQW5pbWF0aW9uICNzaWRlTWVudT5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PSdbc2lkZU1lbnVdJz48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcGVuXCI+XHJcbiAgICAgICAgICAgIDxidXR0b24gKGNsaWNrKT0nY2xvc2VNZW51KCknIHRhYmluZGV4PVwiLTFcIlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmaXhlZCB6LTMwIGluc2V0LTAgaC1mdWxsIHctZnVsbCBiZy1ibGFjayBvcGFjaXR5LTUwIGN1cnNvci1kZWZhdWx0XCI+XHJcbiAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImZsZXgtd3JhcCB7eyBnZXRDb250YWluZXJTaXplKCkgfX0gb3ZlcmZsb3ctYXV0b1wiICNjb250YWluZXI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { NgtSidenavComponent } from './ngt-sidenav.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export class NgtSidenavModule {
|
|
6
|
-
}
|
|
7
|
-
NgtSidenavModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
8
|
-
NgtSidenavModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.
|
|
9
|
-
NgtSidenavModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
11
|
-
type: NgModule,
|
|
12
|
-
args: [{
|
|
13
|
-
declarations: [NgtSidenavComponent],
|
|
14
|
-
exports: [NgtSidenavComponent],
|
|
15
|
-
imports: [
|
|
16
|
-
CommonModule
|
|
17
|
-
]
|
|
18
|
-
}]
|
|
19
|
-
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { NgtSidenavComponent } from './ngt-sidenav.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class NgtSidenavModule {
|
|
6
|
+
}
|
|
7
|
+
NgtSidenavModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
NgtSidenavModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: NgtSidenavModule, declarations: [NgtSidenavComponent], imports: [CommonModule], exports: [NgtSidenavComponent] });
|
|
9
|
+
NgtSidenavModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSidenavModule, imports: [CommonModule] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSidenavModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
declarations: [NgtSidenavComponent],
|
|
14
|
+
exports: [NgtSidenavComponent],
|
|
15
|
+
imports: [
|
|
16
|
+
CommonModule
|
|
17
|
+
]
|
|
18
|
+
}]
|
|
19
|
+
}] });
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LXNpZGVuYXYubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctdGFpbHdpbmQvc3JjL2NvbXBvbmVudHMvbmd0LXNpZGVuYXYvbmd0LXNpZGVuYXYubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQVM5RCxNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCOzhHQUFoQixnQkFBZ0IsaUJBTlYsbUJBQW1CLGFBRzlCLFlBQVksYUFGTixtQkFBbUI7OEdBS3BCLGdCQUFnQixZQUhyQixZQUFZOzJGQUdQLGdCQUFnQjtrQkFQNUIsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQzlCLE9BQU8sRUFBRTt3QkFDTCxZQUFZO3FCQUNmO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IE5ndFNpZGVuYXZDb21wb25lbnQgfSBmcm9tICcuL25ndC1zaWRlbmF2LmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgZGVjbGFyYXRpb25zOiBbTmd0U2lkZW5hdkNvbXBvbmVudF0sXHJcbiAgICBleHBvcnRzOiBbTmd0U2lkZW5hdkNvbXBvbmVudF0sXHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgICAgQ29tbW9uTW9kdWxlXHJcbiAgICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZ3RTaWRlbmF2TW9kdWxlIHsgfVxyXG4iXX0=
|
|
@@ -1,99 +1,99 @@
|
|
|
1
|
-
import { Component, Host, Input, Optional, SkipSelf, ViewChild, } from '@angular/core';
|
|
2
|
-
import { ControlContainer, NgForm } from '@angular/forms';
|
|
3
|
-
import { NgtBaseNgModel, NgtMakeProvider } from '../../base/ngt-base-ng-model';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/forms";
|
|
6
|
-
import * as i2 from "../ngt-form/ngt-form.component";
|
|
7
|
-
import * as i3 from "@angular/common";
|
|
8
|
-
import * as i4 from "../ngt-shining/ngt-shining.component";
|
|
9
|
-
export class NgtSliderComponent extends NgtBaseNgModel {
|
|
10
|
-
constructor(formContainer, renderer, ngtFormComponent) {
|
|
11
|
-
super();
|
|
12
|
-
this.formContainer = formContainer;
|
|
13
|
-
this.renderer = renderer;
|
|
14
|
-
this.ngtFormComponent = ngtFormComponent;
|
|
15
|
-
this.min = '0';
|
|
16
|
-
this.max = '100';
|
|
17
|
-
this.step = '1';
|
|
18
|
-
this.color = NgtSliderColorSchemeEnum.PRIMARY;
|
|
19
|
-
this.subscriptions = [];
|
|
20
|
-
if (this.ngtFormComponent) {
|
|
21
|
-
this.shining = this.ngtFormComponent.isShining();
|
|
22
|
-
this.subscriptions.push(this.ngtFormComponent.onShiningChange.subscribe((shining) => {
|
|
23
|
-
this.shining = shining;
|
|
24
|
-
}));
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
ngAfterViewInit() {
|
|
28
|
-
setTimeout(() => {
|
|
29
|
-
this.display.nativeElement.innerHTML = this.value;
|
|
30
|
-
}, 500);
|
|
31
|
-
this.renderer.listen(this.element.nativeElement, 'change', () => {
|
|
32
|
-
this.onNativeChange(this.element.nativeElement.value);
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
ngOnDestroy() {
|
|
36
|
-
this.destroySubscriptions();
|
|
37
|
-
}
|
|
38
|
-
change(value) {
|
|
39
|
-
this.element.nativeElement.value = value;
|
|
40
|
-
}
|
|
41
|
-
onNativeChange(value) {
|
|
42
|
-
this.value = value;
|
|
43
|
-
}
|
|
44
|
-
destroySubscriptions() {
|
|
45
|
-
this.subscriptions.forEach(subscription => subscription.unsubscribe());
|
|
46
|
-
this.subscriptions = [];
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
NgtSliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
50
|
-
NgtSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
51
|
-
NgtMakeProvider(NgtSliderComponent),
|
|
52
|
-
], viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "display", first: true, predicate: ["display"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, 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", 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}}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.NgtShiningComponent, selector: "ngt-shining", inputs: ["shiningWidth"] }], viewProviders: [
|
|
53
|
-
{ provide: ControlContainer, useExisting: NgForm }
|
|
54
|
-
] });
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
56
|
-
type: Component,
|
|
57
|
-
args: [{ selector: 'ngt-slider', providers: [
|
|
58
|
-
NgtMakeProvider(NgtSliderComponent),
|
|
59
|
-
], viewProviders: [
|
|
60
|
-
{ provide: ControlContainer, useExisting: NgForm }
|
|
61
|
-
], 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", 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}}\n"] }]
|
|
62
|
-
}], ctorParameters: function () { return [{ type: i1.ControlContainer, decorators: [{
|
|
63
|
-
type: Optional
|
|
64
|
-
}, {
|
|
65
|
-
type: Host
|
|
66
|
-
}] }, { type: i0.Renderer2 }, { type: i2.NgtFormComponent, decorators: [{
|
|
67
|
-
type: Optional
|
|
68
|
-
}, {
|
|
69
|
-
type: SkipSelf
|
|
70
|
-
}] }]; }, propDecorators: { element: [{
|
|
71
|
-
type: ViewChild,
|
|
72
|
-
args: ['element', { static: true }]
|
|
73
|
-
}], display: [{
|
|
74
|
-
type: ViewChild,
|
|
75
|
-
args: ['display', { static: true }]
|
|
76
|
-
}], label: [{
|
|
77
|
-
type: Input
|
|
78
|
-
}], shining: [{
|
|
79
|
-
type: Input
|
|
80
|
-
}], name: [{
|
|
81
|
-
type: Input
|
|
82
|
-
}], min: [{
|
|
83
|
-
type: Input
|
|
84
|
-
}], max: [{
|
|
85
|
-
type: Input
|
|
86
|
-
}], step: [{
|
|
87
|
-
type: Input
|
|
88
|
-
}], color: [{
|
|
89
|
-
type: Input
|
|
90
|
-
}] } });
|
|
91
|
-
export var NgtSliderColorSchemeEnum;
|
|
92
|
-
(function (NgtSliderColorSchemeEnum) {
|
|
93
|
-
NgtSliderColorSchemeEnum["PRIMARY"] = "primary";
|
|
94
|
-
NgtSliderColorSchemeEnum["SUCCESS"] = "success";
|
|
95
|
-
NgtSliderColorSchemeEnum["WARNING"] = "warning";
|
|
96
|
-
NgtSliderColorSchemeEnum["DANGER"] = "danger";
|
|
97
|
-
})(NgtSliderColorSchemeEnum || (NgtSliderColorSchemeEnum = {}));
|
|
98
|
-
;
|
|
99
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, Host, Input, Optional, SkipSelf, ViewChild, } from '@angular/core';
|
|
2
|
+
import { ControlContainer, NgForm } from '@angular/forms';
|
|
3
|
+
import { NgtBaseNgModel, NgtMakeProvider } from '../../base/ngt-base-ng-model';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/forms";
|
|
6
|
+
import * as i2 from "../ngt-form/ngt-form.component";
|
|
7
|
+
import * as i3 from "@angular/common";
|
|
8
|
+
import * as i4 from "../ngt-shining/ngt-shining.component";
|
|
9
|
+
export class NgtSliderComponent extends NgtBaseNgModel {
|
|
10
|
+
constructor(formContainer, renderer, ngtFormComponent) {
|
|
11
|
+
super();
|
|
12
|
+
this.formContainer = formContainer;
|
|
13
|
+
this.renderer = renderer;
|
|
14
|
+
this.ngtFormComponent = ngtFormComponent;
|
|
15
|
+
this.min = '0';
|
|
16
|
+
this.max = '100';
|
|
17
|
+
this.step = '1';
|
|
18
|
+
this.color = NgtSliderColorSchemeEnum.PRIMARY;
|
|
19
|
+
this.subscriptions = [];
|
|
20
|
+
if (this.ngtFormComponent) {
|
|
21
|
+
this.shining = this.ngtFormComponent.isShining();
|
|
22
|
+
this.subscriptions.push(this.ngtFormComponent.onShiningChange.subscribe((shining) => {
|
|
23
|
+
this.shining = shining;
|
|
24
|
+
}));
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
ngAfterViewInit() {
|
|
28
|
+
setTimeout(() => {
|
|
29
|
+
this.display.nativeElement.innerHTML = this.value;
|
|
30
|
+
}, 500);
|
|
31
|
+
this.renderer.listen(this.element.nativeElement, 'change', () => {
|
|
32
|
+
this.onNativeChange(this.element.nativeElement.value);
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
ngOnDestroy() {
|
|
36
|
+
this.destroySubscriptions();
|
|
37
|
+
}
|
|
38
|
+
change(value) {
|
|
39
|
+
this.element.nativeElement.value = value;
|
|
40
|
+
}
|
|
41
|
+
onNativeChange(value) {
|
|
42
|
+
this.value = value;
|
|
43
|
+
}
|
|
44
|
+
destroySubscriptions() {
|
|
45
|
+
this.subscriptions.forEach(subscription => subscription.unsubscribe());
|
|
46
|
+
this.subscriptions = [];
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
NgtSliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSliderComponent, deps: [{ token: i1.ControlContainer, host: true, optional: true }, { token: i0.Renderer2 }, { token: i2.NgtFormComponent, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
50
|
+
NgtSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtSliderComponent, selector: "ngt-slider", inputs: { label: "label", shining: "shining", name: "name", min: "min", max: "max", step: "step", color: "color" }, providers: [
|
|
51
|
+
NgtMakeProvider(NgtSliderComponent),
|
|
52
|
+
], viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "display", first: true, predicate: ["display"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, 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", 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}}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.NgtShiningComponent, selector: "ngt-shining", inputs: ["shiningWidth"] }], viewProviders: [
|
|
53
|
+
{ provide: ControlContainer, useExisting: NgForm }
|
|
54
|
+
] });
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSliderComponent, decorators: [{
|
|
56
|
+
type: Component,
|
|
57
|
+
args: [{ selector: 'ngt-slider', providers: [
|
|
58
|
+
NgtMakeProvider(NgtSliderComponent),
|
|
59
|
+
], viewProviders: [
|
|
60
|
+
{ provide: ControlContainer, useExisting: NgForm }
|
|
61
|
+
], 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", 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}}\n"] }]
|
|
62
|
+
}], ctorParameters: function () { return [{ type: i1.ControlContainer, decorators: [{
|
|
63
|
+
type: Optional
|
|
64
|
+
}, {
|
|
65
|
+
type: Host
|
|
66
|
+
}] }, { type: i0.Renderer2 }, { type: i2.NgtFormComponent, decorators: [{
|
|
67
|
+
type: Optional
|
|
68
|
+
}, {
|
|
69
|
+
type: SkipSelf
|
|
70
|
+
}] }]; }, propDecorators: { element: [{
|
|
71
|
+
type: ViewChild,
|
|
72
|
+
args: ['element', { static: true }]
|
|
73
|
+
}], display: [{
|
|
74
|
+
type: ViewChild,
|
|
75
|
+
args: ['display', { static: true }]
|
|
76
|
+
}], label: [{
|
|
77
|
+
type: Input
|
|
78
|
+
}], shining: [{
|
|
79
|
+
type: Input
|
|
80
|
+
}], name: [{
|
|
81
|
+
type: Input
|
|
82
|
+
}], min: [{
|
|
83
|
+
type: Input
|
|
84
|
+
}], max: [{
|
|
85
|
+
type: Input
|
|
86
|
+
}], step: [{
|
|
87
|
+
type: Input
|
|
88
|
+
}], color: [{
|
|
89
|
+
type: Input
|
|
90
|
+
}] } });
|
|
91
|
+
export var NgtSliderColorSchemeEnum;
|
|
92
|
+
(function (NgtSliderColorSchemeEnum) {
|
|
93
|
+
NgtSliderColorSchemeEnum["PRIMARY"] = "primary";
|
|
94
|
+
NgtSliderColorSchemeEnum["SUCCESS"] = "success";
|
|
95
|
+
NgtSliderColorSchemeEnum["WARNING"] = "warning";
|
|
96
|
+
NgtSliderColorSchemeEnum["DANGER"] = "danger";
|
|
97
|
+
})(NgtSliderColorSchemeEnum || (NgtSliderColorSchemeEnum = {}));
|
|
98
|
+
;
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LXNsaWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy10YWlsd2luZC9zcmMvY29tcG9uZW50cy9uZ3Qtc2xpZGVyL25ndC1zbGlkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctdGFpbHdpbmQvc3JjL2NvbXBvbmVudHMvbmd0LXNsaWRlci9uZ3Qtc2xpZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCxTQUFTLEVBRVQsSUFBSSxFQUNKLEtBQUssRUFFTCxRQUFRLEVBRVIsUUFBUSxFQUNSLFNBQVMsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFHMUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7O0FBYy9FLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxjQUFjO0lBY2xELFlBRVcsYUFBK0IsRUFDOUIsUUFBbUIsRUFFbkIsZ0JBQWtDO1FBRTFDLEtBQUssRUFBRSxDQUFDO1FBTEQsa0JBQWEsR0FBYixhQUFhLENBQWtCO1FBQzlCLGFBQVEsR0FBUixRQUFRLENBQVc7UUFFbkIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQVo5QixRQUFHLEdBQVcsR0FBRyxDQUFDO1FBQ2xCLFFBQUcsR0FBVyxLQUFLLENBQUM7UUFDcEIsU0FBSSxHQUFXLEdBQUcsQ0FBQztRQUNuQixVQUFLLEdBQTZCLHdCQUF3QixDQUFDLE9BQU8sQ0FBQztRQUUzRSxrQkFBYSxHQUF3QixFQUFFLENBQUM7UUFXNUMsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsU0FBUyxFQUFFLENBQUM7WUFFakQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQ25CLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLENBQUMsT0FBZ0IsRUFBRSxFQUFFO2dCQUNqRSxJQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztZQUMzQixDQUFDLENBQUMsQ0FDTCxDQUFDO1NBQ0w7SUFDTCxDQUFDO0lBRU0sZUFBZTtRQUNsQixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ1osSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDdEQsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBRVIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRTtZQUM1RCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFELENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVNLFdBQVc7UUFDZCxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRU0sTUFBTSxDQUFDLEtBQWM7UUFDeEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUM3QyxDQUFDO0lBRU0sY0FBYyxDQUFDLEtBQWM7UUFDaEMsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUVPLG9CQUFvQjtRQUN4QixJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQ3ZFLElBQUksQ0FBQyxhQUFhLEdBQUcsRUFBRSxDQUFDO0lBQzVCLENBQUM7OytHQTNEUSxrQkFBa0I7bUdBQWxCLGtCQUFrQix5SkFQaEI7UUFDUCxlQUFlLENBQUMsa0JBQWtCLENBQUM7S0FDdEMsc1FDeEJMLG93QkFpQkEsdXRCRFFtQjtRQUNYLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUU7S0FDckQ7MkZBRVEsa0JBQWtCO2tCQVg5QixTQUFTOytCQUNJLFlBQVksYUFHWDt3QkFDUCxlQUFlLG9CQUFvQjtxQkFDdEMsaUJBQ2M7d0JBQ1gsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRTtxQkFDckQ7OzBCQWlCSSxRQUFROzswQkFBSSxJQUFJOzswQkFHaEIsUUFBUTs7MEJBQUksUUFBUTs0Q0FqQnNCLE9BQU87c0JBQXJELFNBQVM7dUJBQUMsU0FBUyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFDUyxPQUFPO3NCQUFyRCxTQUFTO3VCQUFDLFNBQVMsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBRXRCLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsT0FBTztzQkFBdEIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLEdBQUc7c0JBQWxCLEtBQUs7Z0JBQ1UsR0FBRztzQkFBbEIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLEtBQUs7c0JBQXBCLEtBQUs7O0FBb0RWLE1BQU0sQ0FBTixJQUFZLHdCQUtYO0FBTEQsV0FBWSx3QkFBd0I7SUFDaEMsK0NBQW1CLENBQUE7SUFDbkIsK0NBQW1CLENBQUE7SUFDbkIsK0NBQW1CLENBQUE7SUFDbkIsNkNBQWlCLENBQUE7QUFDckIsQ0FBQyxFQUxXLHdCQUF3QixLQUF4Qix3QkFBd0IsUUFLbkM7QUFBQSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICAgIEFmdGVyVmlld0luaXQsXHJcbiAgICBDb21wb25lbnQsXHJcbiAgICBFbGVtZW50UmVmLFxyXG4gICAgSG9zdCxcclxuICAgIElucHV0LFxyXG4gICAgT25EZXN0cm95LFxyXG4gICAgT3B0aW9uYWwsXHJcbiAgICBSZW5kZXJlcjIsXHJcbiAgICBTa2lwU2VsZixcclxuICAgIFZpZXdDaGlsZCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29udHJvbENvbnRhaW5lciwgTmdGb3JtIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcclxuXHJcbmltcG9ydCB7IE5ndEJhc2VOZ01vZGVsLCBOZ3RNYWtlUHJvdmlkZXIgfSBmcm9tICcuLi8uLi9iYXNlL25ndC1iYXNlLW5nLW1vZGVsJztcclxuaW1wb3J0IHsgTmd0Rm9ybUNvbXBvbmVudCB9IGZyb20gJy4uL25ndC1mb3JtL25ndC1mb3JtLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnbmd0LXNsaWRlcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vbmd0LXNsaWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9uZ3Qtc2xpZGVyLmNvbXBvbmVudC5jc3MnXSxcclxuICAgIHByb3ZpZGVyczogW1xyXG4gICAgICAgIE5ndE1ha2VQcm92aWRlcihOZ3RTbGlkZXJDb21wb25lbnQpLFxyXG4gICAgXSxcclxuICAgIHZpZXdQcm92aWRlcnM6IFtcclxuICAgICAgICB7IHByb3ZpZGU6IENvbnRyb2xDb250YWluZXIsIHVzZUV4aXN0aW5nOiBOZ0Zvcm0gfVxyXG4gICAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmd0U2xpZGVyQ29tcG9uZW50IGV4dGVuZHMgTmd0QmFzZU5nTW9kZWwgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xyXG4gICAgQFZpZXdDaGlsZCgnZWxlbWVudCcsIHsgc3RhdGljOiB0cnVlIH0pIHB1YmxpYyBlbGVtZW50OiBFbGVtZW50UmVmO1xyXG4gICAgQFZpZXdDaGlsZCgnZGlzcGxheScsIHsgc3RhdGljOiB0cnVlIH0pIHB1YmxpYyBkaXNwbGF5OiBFbGVtZW50UmVmO1xyXG5cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBsYWJlbDogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgcHVibGljIHNoaW5pbmc6IGJvb2xlYW47XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgbmFtZTogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgcHVibGljIG1pbjogc3RyaW5nID0gJzAnO1xyXG4gICAgQElucHV0KCkgcHVibGljIG1heDogc3RyaW5nID0gJzEwMCc7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgc3RlcDogc3RyaW5nID0gJzEnO1xyXG4gICAgQElucHV0KCkgcHVibGljIGNvbG9yOiBOZ3RTbGlkZXJDb2xvclNjaGVtZUVudW0gPSBOZ3RTbGlkZXJDb2xvclNjaGVtZUVudW0uUFJJTUFSWTtcclxuXHJcbiAgICBwcml2YXRlIHN1YnNjcmlwdGlvbnM6IEFycmF5PFN1YnNjcmlwdGlvbj4gPSBbXTtcclxuXHJcbiAgICBwdWJsaWMgY29uc3RydWN0b3IoXHJcbiAgICAgICAgQE9wdGlvbmFsKCkgQEhvc3QoKVxyXG4gICAgICAgIHB1YmxpYyBmb3JtQ29udGFpbmVyOiBDb250cm9sQ29udGFpbmVyLFxyXG4gICAgICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcclxuICAgICAgICBAT3B0aW9uYWwoKSBAU2tpcFNlbGYoKVxyXG4gICAgICAgIHByaXZhdGUgbmd0Rm9ybUNvbXBvbmVudDogTmd0Rm9ybUNvbXBvbmVudCxcclxuICAgICkge1xyXG4gICAgICAgIHN1cGVyKCk7XHJcblxyXG4gICAgICAgIGlmICh0aGlzLm5ndEZvcm1Db21wb25lbnQpIHtcclxuICAgICAgICAgICAgdGhpcy5zaGluaW5nID0gdGhpcy5uZ3RGb3JtQ29tcG9uZW50LmlzU2hpbmluZygpO1xyXG5cclxuICAgICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25zLnB1c2goXHJcbiAgICAgICAgICAgICAgICB0aGlzLm5ndEZvcm1Db21wb25lbnQub25TaGluaW5nQ2hhbmdlLnN1YnNjcmliZSgoc2hpbmluZzogYm9vbGVhbikgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIHRoaXMuc2hpbmluZyA9IHNoaW5pbmc7XHJcbiAgICAgICAgICAgICAgICB9KVxyXG4gICAgICAgICAgICApO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCkge1xyXG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgICAgICB0aGlzLmRpc3BsYXkubmF0aXZlRWxlbWVudC5pbm5lckhUTUwgPSB0aGlzLnZhbHVlO1xyXG4gICAgICAgIH0sIDUwMCk7XHJcblxyXG4gICAgICAgIHRoaXMucmVuZGVyZXIubGlzdGVuKHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LCAnY2hhbmdlJywgKCkgPT4ge1xyXG4gICAgICAgICAgICB0aGlzLm9uTmF0aXZlQ2hhbmdlKHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LnZhbHVlKTtcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICAgICAgdGhpcy5kZXN0cm95U3Vic2NyaXB0aW9ucygpO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBjaGFuZ2UodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgICAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC52YWx1ZSA9IHZhbHVlO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBvbk5hdGl2ZUNoYW5nZSh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIGRlc3Ryb3lTdWJzY3JpcHRpb25zKCkge1xyXG4gICAgICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5mb3JFYWNoKHN1YnNjcmlwdGlvbiA9PiBzdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKSk7XHJcbiAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25zID0gW107XHJcbiAgICB9XHJcbn1cclxuXHJcbmV4cG9ydCBlbnVtIE5ndFNsaWRlckNvbG9yU2NoZW1lRW51bSB7XHJcbiAgICBQUklNQVJZID0gJ3ByaW1hcnknLFxyXG4gICAgU1VDQ0VTUyA9ICdzdWNjZXNzJyxcclxuICAgIFdBUk5JTkcgPSAnd2FybmluZycsXHJcbiAgICBEQU5HRVIgPSAnZGFuZ2VyJ1xyXG59O1xyXG4iLCI8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbFwiPlxyXG4gICAgPHNwYW4gKm5nSWY9J2xhYmVsICYmICFzaGluaW5nJyBjbGFzcz1cInRleHQtc20gbWItMlwiPnt7IGxhYmVsIH19Ojwvc3Bhbj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwie3sgc2hpbmluZyA/ICdoaWRkZW4nIDogJ2ZsZXgnIH19IGl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgIDxpbnB1dCBjbGFzcz1cImJsb2NrIHctZnVsbCBjdXJzb3ItcG9pbnRlciBvdmVyZmxvdy1oaWRkZW4gYXBwZWFyYW5jZS1ub25lIGJnLWdyYXktNDAwIHt7Y29sb3J9fVwiIHR5cGU9XCJyYW5nZVwiIFtuYW1lXT0nbmFtZScgKFtuZ01vZGVsXSk9J3ZhbHVlJ1xyXG4gICAgICAgICAgICBvbmlucHV0PVwiZGlzcGxheS5pbm5lckhUTUw9dmFsdWVcIiBvbmNoYW5nZT1cImRpc3BsYXkuaW5uZXJIVE1MPXZhbHVlXCIgW21pbl09J21pbicgW21heF09J21heCcgW3N0ZXBdPSdzdGVwJ1xyXG4gICAgICAgICAgICAjZWxlbWVudD5cclxuXHJcbiAgICAgICAgPHNwYW4gaWQ9J2Rpc3BsYXknIGNsYXNzPVwidGV4dC14cyBtbC0yIGZvbnQtc2VtaWJvbGRcIiAjZGlzcGxheT48L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48bmctY29udGFpbmVyICpuZ0lmPSdzaGluaW5nJz5cclxuICAgIDxkaXYgY2xhc3M9XCJmbGV4XCI+XHJcbiAgICAgICAgPG5ndC1zaGluaW5nIGNsYXNzPVwidy1mdWxsIGgtNlwiPjwvbmd0LXNoaW5pbmc+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+XHJcbiJdfQ==
|