ng-tailwind 5.2.0 → 5.2.2

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.
Files changed (212) hide show
  1. package/README.md +24 -24
  2. package/animations/ngt-angular-animations.d.ts +5 -5
  3. package/base/ngt-base-ng-model.d.ts +32 -32
  4. package/components/ngt-action/ngt-action.component.d.ts +30 -30
  5. package/components/ngt-action/ngt-action.module.d.ts +10 -10
  6. package/components/ngt-button/ngt-button.component.d.ts +35 -35
  7. package/components/ngt-button/ngt-button.module.d.ts +10 -10
  8. package/components/ngt-checkbox/ngt-checkbox.component.d.ts +53 -53
  9. package/components/ngt-checkbox/ngt-checkbox.module.d.ts +10 -10
  10. package/components/ngt-content/ngt-content.component.d.ts +12 -12
  11. package/components/ngt-content/ngt-content.module.d.ts +8 -8
  12. package/components/ngt-context-menu/ngt-context-menu.component.d.ts +19 -19
  13. package/components/ngt-context-menu/ngt-context-menu.directive.d.ts +25 -25
  14. package/components/ngt-context-menu/ngt-context-menu.module.d.ts +10 -10
  15. package/components/ngt-datatable/ngt-datatable.component.d.ts +125 -125
  16. package/components/ngt-datatable/ngt-datatable.module.d.ts +25 -25
  17. package/components/ngt-datatable/ngt-tbody/ngt-tbody.component.d.ts +14 -14
  18. package/components/ngt-datatable/ngt-td/ngt-td.component.d.ts +14 -14
  19. package/components/ngt-datatable/ngt-td-check/ngt-td-check.component.d.ts +29 -29
  20. package/components/ngt-datatable/ngt-th/ngt-th.component.d.ts +55 -55
  21. package/components/ngt-datatable/ngt-th-check/ngt-th-check.component.d.ts +32 -32
  22. package/components/ngt-datatable/ngt-thead/ngt-thead.component.d.ts +13 -13
  23. package/components/ngt-datatable/ngt-tr/ngt-tr.component.d.ts +20 -20
  24. package/components/ngt-date/ngt-date.component.d.ts +85 -85
  25. package/components/ngt-date/ngt-date.module.d.ts +13 -13
  26. package/components/ngt-dropdown/ngt-dropdown-container/ngt-dropdown-container.component.d.ts +8 -8
  27. package/components/ngt-dropdown/ngt-dropdown.component.d.ts +53 -53
  28. package/components/ngt-dropdown/ngt-dropdown.module.d.ts +9 -9
  29. package/components/ngt-dropzone/custom-dropzone-preview/custom-dropzone-preview.component.d.ts +14 -14
  30. package/components/ngt-dropzone/ngt-dropzone-file-viewer/ngt-dropzone-file-viewer.component.d.ts +25 -25
  31. package/components/ngt-dropzone/ngt-dropzone-view/ngt-dropzone-view.component.d.ts +35 -35
  32. package/components/ngt-dropzone/ngt-dropzone.component.d.ts +95 -95
  33. package/components/ngt-dropzone/ngt-dropzone.meta.d.ts +27 -27
  34. package/components/ngt-dropzone/ngt-dropzone.module.d.ts +17 -17
  35. package/components/ngt-floating-button/ngt-floating-button.component.d.ts +35 -35
  36. package/components/ngt-floating-button/ngt-floating-button.module.d.ts +10 -10
  37. package/components/ngt-form/ngt-form-validation-message/ngt-form-validation-message.component.d.ts +10 -10
  38. package/components/ngt-form/ngt-form.component.d.ts +60 -60
  39. package/components/ngt-form/ngt-form.module.d.ts +9 -9
  40. package/components/ngt-header-nav/ngt-header-nav.component.d.ts +14 -14
  41. package/components/ngt-header-nav/ngt-header-nav.module.d.ts +8 -8
  42. package/components/ngt-helper/ngt-helper.component.d.ts +25 -25
  43. package/components/ngt-helper/ngt-helper.module.d.ts +10 -10
  44. package/components/ngt-input/ngt-input.component.d.ts +129 -129
  45. package/components/ngt-input/ngt-input.module.d.ts +14 -14
  46. package/components/ngt-modal/ngt-modal-body/ngt-modal-body.component.d.ts +17 -17
  47. package/components/ngt-modal/ngt-modal-footer/ngt-modal-footer.component.d.ts +12 -5
  48. package/components/ngt-modal/ngt-modal-header/ngt-modal-header.component.d.ts +15 -15
  49. package/components/ngt-modal/ngt-modal.component.d.ts +31 -31
  50. package/components/ngt-modal/ngt-modal.module.d.ts +11 -11
  51. package/components/ngt-multi-select/ngt-multi-select.component.d.ts +116 -116
  52. package/components/ngt-multi-select/ngt-multi-select.module.d.ts +15 -15
  53. package/components/ngt-pagination/ngt-pagination.component.d.ts +43 -43
  54. package/components/ngt-pagination/ngt-pagination.module.d.ts +12 -12
  55. package/components/ngt-popover/ngt-popover-tooltip/ngt-popover-tooltip.component.d.ts +21 -21
  56. package/components/ngt-popover/ngt-popover.component.d.ts +31 -31
  57. package/components/ngt-popover/ngt-popover.directive.d.ts +31 -31
  58. package/components/ngt-popover/ngt-popover.module.d.ts +11 -11
  59. package/components/ngt-portlet/ngt-portlet-body/ngt-portlet-body.component.d.ts +12 -12
  60. package/components/ngt-portlet/ngt-portlet-footer/ngt-portlet-footer.component.d.ts +12 -12
  61. package/components/ngt-portlet/ngt-portlet-header/ngt-portlet-header.component.d.ts +18 -18
  62. package/components/ngt-portlet/ngt-portlet.component.d.ts +20 -20
  63. package/components/ngt-portlet/ngt-portlet.module.d.ts +13 -13
  64. package/components/ngt-radio-button/ngt-radio-button-container/ngt-radio-button-container.component.d.ts +9 -9
  65. package/components/ngt-radio-button/ngt-radio-button.component.d.ts +45 -45
  66. package/components/ngt-radio-button/ngt-radio-button.module.d.ts +11 -11
  67. package/components/ngt-section/ngt-section.component.d.ts +38 -38
  68. package/components/ngt-section/ngt-section.module.d.ts +11 -11
  69. package/components/ngt-select/ngt-select.component.d.ts +154 -154
  70. package/components/ngt-select/ngt-select.directive.d.ts +20 -20
  71. package/components/ngt-select/ngt-select.module.d.ts +16 -16
  72. package/components/ngt-shining/ngt-shining.component.d.ts +19 -19
  73. package/components/ngt-shining/ngt-shining.module.d.ts +8 -8
  74. package/components/ngt-sidenav/ngt-sidenav.component.d.ts +32 -32
  75. package/components/ngt-sidenav/ngt-sidenav.module.d.ts +8 -8
  76. package/components/ngt-slider/ngt-slider.component.d.ts +36 -36
  77. package/components/ngt-slider/ngt-slider.module.d.ts +9 -9
  78. package/components/ngt-svg/ngt-svg.component.d.ts +13 -13
  79. package/components/ngt-svg/ngt-svg.module.d.ts +10 -10
  80. package/components/ngt-tag/ngt-tag.component.d.ts +13 -13
  81. package/components/ngt-tag/ngt-tag.module.d.ts +9 -9
  82. package/components/ngt-textarea/ngt-textarea.component.d.ts +49 -49
  83. package/components/ngt-textarea/ngt-textarea.module.d.ts +13 -13
  84. package/components/ngt-validation/ngt-validation.component.d.ts +13 -13
  85. package/components/ngt-validation/ngt-validation.module.d.ts +8 -8
  86. package/directives/ngt-stylizable/ngt-stylizable.directive.d.ts +68 -68
  87. package/directives/ngt-stylizable/ngt-stylizable.module.d.ts +8 -8
  88. package/enums/size.enum.d.ts +8 -8
  89. package/esm2020/animations/ngt-angular-animations.mjs +34 -34
  90. package/esm2020/base/ngt-base-ng-model.mjs +90 -90
  91. package/esm2020/components/ngt-action/ngt-action.component.mjs +96 -96
  92. package/esm2020/components/ngt-action/ngt-action.module.mjs +28 -28
  93. package/esm2020/components/ngt-button/ngt-button.component.mjs +142 -142
  94. package/esm2020/components/ngt-button/ngt-button.module.mjs +28 -28
  95. package/esm2020/components/ngt-checkbox/ngt-checkbox.component.mjs +192 -192
  96. package/esm2020/components/ngt-checkbox/ngt-checkbox.module.mjs +28 -28
  97. package/esm2020/components/ngt-content/ngt-content.component.mjs +32 -32
  98. package/esm2020/components/ngt-content/ngt-content.module.mjs +20 -20
  99. package/esm2020/components/ngt-context-menu/ngt-context-menu.component.mjs +25 -25
  100. package/esm2020/components/ngt-context-menu/ngt-context-menu.directive.mjs +89 -89
  101. package/esm2020/components/ngt-context-menu/ngt-context-menu.module.mjs +33 -33
  102. package/esm2020/components/ngt-datatable/ngt-datatable.component.mjs +470 -470
  103. package/esm2020/components/ngt-datatable/ngt-datatable.module.mjs +99 -99
  104. package/esm2020/components/ngt-datatable/ngt-tbody/ngt-tbody.component.mjs +57 -57
  105. package/esm2020/components/ngt-datatable/ngt-td/ngt-td.component.mjs +62 -62
  106. package/esm2020/components/ngt-datatable/ngt-td-check/ngt-td-check.component.mjs +113 -113
  107. package/esm2020/components/ngt-datatable/ngt-th/ngt-th.component.mjs +228 -228
  108. package/esm2020/components/ngt-datatable/ngt-th-check/ngt-th-check.component.mjs +127 -127
  109. package/esm2020/components/ngt-datatable/ngt-thead/ngt-thead.component.mjs +55 -55
  110. package/esm2020/components/ngt-datatable/ngt-tr/ngt-tr.component.mjs +86 -86
  111. package/esm2020/components/ngt-date/ngt-date.component.mjs +435 -435
  112. package/esm2020/components/ngt-date/ngt-date.module.mjs +40 -40
  113. package/esm2020/components/ngt-dropdown/ngt-dropdown-container/ngt-dropdown-container.component.mjs +19 -19
  114. package/esm2020/components/ngt-dropdown/ngt-dropdown.component.mjs +204 -204
  115. package/esm2020/components/ngt-dropdown/ngt-dropdown.module.mjs +21 -21
  116. package/esm2020/components/ngt-dropzone/custom-dropzone-preview/custom-dropzone-preview.component.mjs +54 -54
  117. package/esm2020/components/ngt-dropzone/ngt-dropzone-file-viewer/ngt-dropzone-file-viewer.component.mjs +69 -66
  118. package/esm2020/components/ngt-dropzone/ngt-dropzone-view/ngt-dropzone-view.component.mjs +94 -94
  119. package/esm2020/components/ngt-dropzone/ngt-dropzone.component.mjs +496 -496
  120. package/esm2020/components/ngt-dropzone/ngt-dropzone.meta.mjs +24 -24
  121. package/esm2020/components/ngt-dropzone/ngt-dropzone.module.mjs +55 -55
  122. package/esm2020/components/ngt-floating-button/ngt-floating-button.component.mjs +119 -119
  123. package/esm2020/components/ngt-floating-button/ngt-floating-button.module.mjs +28 -28
  124. package/esm2020/components/ngt-form/ngt-form-validation-message/ngt-form-validation-message.component.mjs +22 -22
  125. package/esm2020/components/ngt-form/ngt-form.component.mjs +207 -207
  126. package/esm2020/components/ngt-form/ngt-form.module.mjs +29 -29
  127. package/esm2020/components/ngt-header-nav/ngt-header-nav.component.mjs +39 -39
  128. package/esm2020/components/ngt-header-nav/ngt-header-nav.module.mjs +20 -20
  129. package/esm2020/components/ngt-helper/ngt-helper.component.mjs +68 -68
  130. package/esm2020/components/ngt-helper/ngt-helper.module.mjs +28 -28
  131. package/esm2020/components/ngt-input/ngt-input.component.mjs +844 -844
  132. package/esm2020/components/ngt-input/ngt-input.module.mjs +47 -47
  133. package/esm2020/components/ngt-modal/ngt-modal-body/ngt-modal-body.component.mjs +46 -46
  134. package/esm2020/components/ngt-modal/ngt-modal-footer/ngt-modal-footer.component.mjs +33 -11
  135. package/esm2020/components/ngt-modal/ngt-modal-header/ngt-modal-header.component.mjs +40 -40
  136. package/esm2020/components/ngt-modal/ngt-modal.component.mjs +122 -122
  137. package/esm2020/components/ngt-modal/ngt-modal.module.mjs +39 -39
  138. package/esm2020/components/ngt-multi-select/ngt-multi-select.component.mjs +503 -503
  139. package/esm2020/components/ngt-multi-select/ngt-multi-select.module.mjs +52 -52
  140. package/esm2020/components/ngt-pagination/ngt-pagination.component.mjs +162 -162
  141. package/esm2020/components/ngt-pagination/ngt-pagination.module.mjs +36 -36
  142. package/esm2020/components/ngt-popover/ngt-popover-tooltip/ngt-popover-tooltip.component.mjs +58 -58
  143. package/esm2020/components/ngt-popover/ngt-popover.component.mjs +85 -85
  144. package/esm2020/components/ngt-popover/ngt-popover.directive.mjs +126 -126
  145. package/esm2020/components/ngt-popover/ngt-popover.module.mjs +36 -36
  146. package/esm2020/components/ngt-portlet/ngt-portlet-body/ngt-portlet-body.component.mjs +34 -34
  147. package/esm2020/components/ngt-portlet/ngt-portlet-footer/ngt-portlet-footer.component.mjs +35 -35
  148. package/esm2020/components/ngt-portlet/ngt-portlet-header/ngt-portlet-header.component.mjs +57 -57
  149. package/esm2020/components/ngt-portlet/ngt-portlet.component.mjs +74 -74
  150. package/esm2020/components/ngt-portlet/ngt-portlet.module.mjs +47 -47
  151. package/esm2020/components/ngt-radio-button/ngt-radio-button-container/ngt-radio-button-container.component.mjs +19 -19
  152. package/esm2020/components/ngt-radio-button/ngt-radio-button.component.mjs +153 -153
  153. package/esm2020/components/ngt-radio-button/ngt-radio-button.module.mjs +29 -29
  154. package/esm2020/components/ngt-section/ngt-section.component.mjs +151 -151
  155. package/esm2020/components/ngt-section/ngt-section.module.mjs +32 -32
  156. package/esm2020/components/ngt-select/ngt-select.component.mjs +670 -670
  157. package/esm2020/components/ngt-select/ngt-select.directive.mjs +36 -36
  158. package/esm2020/components/ngt-select/ngt-select.module.mjs +65 -65
  159. package/esm2020/components/ngt-shining/ngt-shining.component.mjs +40 -40
  160. package/esm2020/components/ngt-shining/ngt-shining.module.mjs +20 -20
  161. package/esm2020/components/ngt-sidenav/ngt-sidenav.component.mjs +132 -132
  162. package/esm2020/components/ngt-sidenav/ngt-sidenav.module.mjs +20 -20
  163. package/esm2020/components/ngt-slider/ngt-slider.component.mjs +100 -100
  164. package/esm2020/components/ngt-slider/ngt-slider.module.mjs +24 -24
  165. package/esm2020/components/ngt-svg/ngt-svg.component.mjs +53 -53
  166. package/esm2020/components/ngt-svg/ngt-svg.module.mjs +28 -28
  167. package/esm2020/components/ngt-tag/ngt-tag.component.mjs +37 -37
  168. package/esm2020/components/ngt-tag/ngt-tag.module.mjs +24 -24
  169. package/esm2020/components/ngt-textarea/ngt-textarea.component.mjs +238 -238
  170. package/esm2020/components/ngt-textarea/ngt-textarea.module.mjs +43 -43
  171. package/esm2020/components/ngt-validation/ngt-validation.component.mjs +26 -26
  172. package/esm2020/components/ngt-validation/ngt-validation.module.mjs +20 -20
  173. package/esm2020/directives/ngt-stylizable/ngt-stylizable.directive.mjs +290 -290
  174. package/esm2020/directives/ngt-stylizable/ngt-stylizable.module.mjs +20 -20
  175. package/esm2020/enums/size.enum.mjs +11 -11
  176. package/esm2020/helpers/enum/enum.mjs +7 -7
  177. package/esm2020/helpers/form/form.mjs +14 -14
  178. package/esm2020/helpers/input-mask/input-mask.helper.mjs +26 -26
  179. package/esm2020/helpers/promise/promise-helper.mjs +4 -4
  180. package/esm2020/helpers/routing/route.mjs +11 -11
  181. package/esm2020/helpers/uuid.mjs +10 -10
  182. package/esm2020/ng-tailwind.mjs +4 -4
  183. package/esm2020/public-api.mjs +127 -127
  184. package/esm2020/services/http/ngt-attachment-http.service.mjs +3 -3
  185. package/esm2020/services/http/ngt-http-form.service.mjs +3 -3
  186. package/esm2020/services/http/ngt-http-resource.service.mjs +3 -3
  187. package/esm2020/services/http/ngt-http-validation.service.mjs +3 -3
  188. package/esm2020/services/http/ngt-http.service.mjs +3 -3
  189. package/esm2020/services/http/ngt-translate.service.mjs +3 -3
  190. package/esm2020/services/ngt-stylizable/ngt-stylizable.service.mjs +273 -273
  191. package/esm2020/services/validation/ngt-ability-validation.service.mjs +3 -3
  192. package/fesm2015/ng-tailwind.mjs +8657 -8632
  193. package/fesm2015/ng-tailwind.mjs.map +1 -1
  194. package/fesm2020/ng-tailwind.mjs +8482 -8459
  195. package/fesm2020/ng-tailwind.mjs.map +1 -1
  196. package/helpers/enum/enum.d.ts +1 -1
  197. package/helpers/form/form.d.ts +4 -4
  198. package/helpers/input-mask/input-mask.helper.d.ts +20 -20
  199. package/helpers/promise/promise-helper.d.ts +1 -1
  200. package/helpers/routing/route.d.ts +2 -2
  201. package/helpers/uuid.d.ts +1 -1
  202. package/index.d.ts +5 -5
  203. package/package.json +1 -1
  204. package/public-api.d.ts +87 -87
  205. package/services/http/ngt-attachment-http.service.d.ts +9 -9
  206. package/services/http/ngt-http-form.service.d.ts +5 -5
  207. package/services/http/ngt-http-resource.service.d.ts +12 -12
  208. package/services/http/ngt-http-validation.service.d.ts +12 -12
  209. package/services/http/ngt-http.service.d.ts +27 -27
  210. package/services/http/ngt-translate.service.d.ts +33 -33
  211. package/services/ngt-stylizable/ngt-stylizable.service.d.ts +96 -96
  212. package/services/validation/ngt-ability-validation.service.d.ts +5 -5
@@ -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.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\">\n <ng-container *ngIf=\"visible\">\n <div class=\"{{ getNavSize() }} {{ ngtStyle.compile(['color.bg', 'h']) }} {{ open ? 'block' : 'hidden' }} top-auto fixed {{ isMobileView() ? '' : 'sm:static sm: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>\n", 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\">\n <ng-container *ngIf=\"visible\">\n <div class=\"{{ getNavSize() }} {{ ngtStyle.compile(['color.bg', 'h']) }} {{ open ? 'block' : 'hidden' }} top-auto fixed {{ isMobileView() ? '' : 'sm:static sm: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>\n" }]
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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QUksR0FBRyxJQUFJLENBQUM7WUFDakIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQztTQUNqQzthQUFNO1lBQ0gsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7U0FDaEM7SUFDTCxDQUFDO0lBRU0sWUFBWTtRQUNmLElBQUksQ0FBQyxJQUFJLENBQUMscUJBQXFCLEVBQUU7WUFDN0IsT0FBTyxLQUFLLENBQUM7U0FDaEI7UUFFRCxPQUFPLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO0lBQ25DLENBQUM7O2dIQWxIUSxtQkFBbUI7b0dBQW5CLG1CQUFtQixtZEMzQmhDLDB3QkFrQkEsa0lESWdCO1FBQ1IsaUJBQWlCLENBQUMsbUJBQW1CLEVBQUUsR0FBRyxDQUFDO0tBQzlDOzJGQUdRLG1CQUFtQjtrQkFSL0IsU0FBUzsrQkFDSSxhQUFhLGNBRVg7d0JBQ1IsaUJBQWlCLENBQUMsbUJBQW1CLEVBQUUsR0FBRyxDQUFDO3FCQUM5Qzs7MEJBb0JJLElBQUk7OzBCQUFJLFFBQVE7NENBaEIyQixXQUFXO3NCQUExRCxTQUFTO3VCQUFDLFVBQVUsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBQ1UsWUFBWTtzQkFBNUQsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUV4QixJQUFJO3NCQUFuQixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UscUJBQXFCO3NCQUFwQyxLQUFLO2dCQTRCQyxjQUFjO3NCQURwQixZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQWZ0ZXJWaWV3SW5pdCxcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5qZWN0b3IsXG4gICAgSW5wdXQsXG4gICAgT3B0aW9uYWwsXG4gICAgU2VsZixcbiAgICBTaW1wbGVDaGFuZ2VzLFxuICAgIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IGZhZGVEb3duQW5pbWF0aW9uIH0gZnJvbSAnLi4vLi4vYW5pbWF0aW9ucy9uZ3QtYW5ndWxhci1hbmltYXRpb25zJztcbmltcG9ydCB7IE5ndFN0eWxpemFibGVEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL25ndC1zdHlsaXphYmxlL25ndC1zdHlsaXphYmxlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTaXplIH0gZnJvbSAnLi4vLi4vZW51bXMvc2l6ZS5lbnVtJztcbmltcG9ydCB7IGdldEVudW1Gcm9tU3RyaW5nIH0gZnJvbSAnLi4vLi4vaGVscGVycy9lbnVtL2VudW0nO1xuaW1wb3J0IHsgTmd0U3R5bGl6YWJsZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9uZ3Qtc3R5bGl6YWJsZS9uZ3Qtc3R5bGl6YWJsZS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduZ3Qtc2lkZW5hdicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL25ndC1zaWRlbmF2LmNvbXBvbmVudC5odG1sJyxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIGZhZGVEb3duQW5pbWF0aW9uKCdmYWRlRG93bkFuaW1hdGlvbicsIDYwMClcbiAgICBdLFxufSlcblxuZXhwb3J0IGNsYXNzIE5ndFNpZGVuYXZDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgICBAVmlld0NoaWxkKCdzaWRlTWVudScsIHsgc3RhdGljOiB0cnVlIH0pIHB1YmxpYyBzaWRlTWVudVJlZjogRWxlbWVudFJlZjtcbiAgICBAVmlld0NoaWxkKCdjb250YWluZXInLCB7IHN0YXRpYzogdHJ1ZSB9KSBwdWJsaWMgY29udGFpbmVyUmVmOiBFbGVtZW50UmVmO1xuXG4gICAgQElucHV0KCkgcHVibGljIHNpemU6IFNpemUgPSBTaXplLlhTO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBpbml0VmlzaWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBjbG9zZU1lbnVPbk1vYmlsZVZpZXc6IGJvb2xlYW4gPSB0cnVlO1xuXG4gICAgcHVibGljIHZpc2libGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBwdWJsaWMgb3BlbjogYm9vbGVhbiA9IGZhbHNlO1xuICAgIHB1YmxpYyBpc01lbnVDb250cmFjdGVkOiBib29sZWFuID0gZmFsc2U7XG4gICAgcHVibGljIG5ndFN0eWxlOiBOZ3RTdHlsaXphYmxlU2VydmljZTtcblxuICAgIHByaXZhdGUgc2NyZWVuV2lkdGg6IG51bWJlcjtcblxuICAgIHB1YmxpYyBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3IsXG4gICAgICAgIEBTZWxmKCkgQE9wdGlvbmFsKCkgcHJpdmF0ZSBuZ3RTdHlsZURpcmVjdGl2ZTogTmd0U3R5bGl6YWJsZURpcmVjdGl2ZSxcbiAgICApIHtcbiAgICAgICAgaWYgKHRoaXMubmd0U3R5bGVEaXJlY3RpdmUpIHtcbiAgICAgICAgICAgIHRoaXMubmd0U3R5bGUgPSB0aGlzLm5ndFN0eWxlRGlyZWN0aXZlLmdldE5ndFN0eWxpemFibGVTZXJ2aWNlKCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLm5ndFN0eWxlID0gbmV3IE5ndFN0eWxpemFibGVTZXJ2aWNlKCk7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLm5ndFN0eWxlLmxvYWQodGhpcy5pbmplY3RvciwgJ1NpZGVuYXYnLCB7XG4gICAgICAgICAgICBoOiAnbWQ6aC1hdXRvIGgtc2NyZWVuJyxcbiAgICAgICAgICAgIGNvbG9yOiB7fVxuICAgICAgICB9KTtcblxuICAgICAgICB0aGlzLmJpbmRTY3JlZW5TaXplKCk7XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXG4gICAgcHVibGljIGJpbmRTY3JlZW5TaXplKGV2ZW50Pykge1xuICAgICAgICB0aGlzLnNjcmVlbldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XG4gICAgfVxuXG4gICAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICAgICAgaWYgKHRoaXMuaW5pdFZpc2libGUpIHtcbiAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMudmlzaWJsZSA9IHRydWU7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgICAgIGlmIChjaGFuZ2VzLnNpemUpIHtcbiAgICAgICAgICAgIHRoaXMuc2l6ZSA9IGdldEVudW1Gcm9tU3RyaW5nKGNoYW5nZXMuc2l6ZS5jdXJyZW50VmFsdWUsIFNpemUpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIHRvZ2dsZU1lbnUoKSB7XG4gICAgICAgIGlmICh0aGlzLm9wZW4pIHtcbiAgICAgICAgICAgIHRoaXMuY2xvc2VNZW51KCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLm9wZW5NZW51KCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwdWJsaWMgY2xvc2VNZW51KCkge1xuICAgICAgICB0aGlzLm9wZW4gPSBmYWxzZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgb3Blbk1lbnUoKSB7XG4gICAgICAgIHRoaXMub3BlbiA9IHRydWU7XG4gICAgfVxuXG4gICAgcHVibGljIGdldE5hdlNpemUoKSB7XG4gICAgICAgIHN3aXRjaCAodGhpcy5zaXplKSB7XG4gICAgICAgICAgICBjYXNlIFNpemUuQVVUTzogcmV0dXJuICdtZDp3LWF1dG8gdy00LzEyJztcbiAgICAgICAgICAgIGNhc2UgU2l6ZS5YUzogcmV0dXJuICdtZDp3LTEvMTIgdy00LzEyJztcbiAgICAgICAgICAgIGNhc2UgU2l6ZS5TTTogcmV0dXJuICdtZDp3LTIvMTIgdy01LzEyJztcbiAgICAgICAgICAgIGNhc2UgU2l6ZS5NRDogcmV0dXJuICdtZDp3LTQvMTIgdy02LzEyJztcbiAgICAgICAgICAgIGNhc2UgU2l6ZS5YTDogcmV0dXJuICdtZDp3LTYvMTIgdy1mdWxsJztcbiAgICAgICAgICAgIGNhc2UgU2l6ZS5GVUxMOiByZXR1cm4gJ3ctZnVsbCc7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0Q29udGFpbmVyU2l6ZSgpIHtcbiAgICAgICAgaWYgKCF0aGlzLnZpc2libGUpIHtcbiAgICAgICAgICAgIHJldHVybiAndy1mdWxsJztcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLmlzTW9iaWxlVmlldygpKSB7XG4gICAgICAgICAgICByZXR1cm4gJ3ctZnVsbCc7XG4gICAgICAgIH1cblxuICAgICAgICBzd2l0Y2ggKHRoaXMuc2l6ZSkge1xuICAgICAgICAgICAgY2FzZSBTaXplLkFVVE86IHJldHVybiAndy1mdWxsJztcbiAgICAgICAgICAgIGNhc2UgU2l6ZS5YUzogcmV0dXJuICdtZDp3LTExLzEyIHctZnVsbCc7XG4gICAgICAgICAgICBjYXNlIFNpemUuU006IHJldHVybiAnbWQ6dy0xMC8xMiB3LWZ1bGwnO1xuICAgICAgICAgICAgY2FzZSBTaXplLk1EOiByZXR1cm4gJ21kOnctOC8xMiB3LWZ1bGwnO1xuICAgICAgICAgICAgY2FzZSBTaXplLlhMOiByZXR1cm4gJ21kOnctNi8xMiB3LWZ1bGwnO1xuICAgICAgICAgICAgY2FzZSBTaXplLkZVTEw6IHJldHVybiAndy1mdWxsJztcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyB0b2dnbGVNZW51U2l6ZShzaXplOiBTaXplKSB7XG4gICAgICAgIGlmICh0aGlzLmlzTWVudUNvbnRyYWN0ZWQpIHtcbiAgICAgICAgICAgIHRoaXMuc2l6ZSA9IHNpemU7XG4gICAgICAgICAgICB0aGlzLmlzTWVudUNvbnRyYWN0ZWQgPSBmYWxzZTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuc2l6ZSA9IFNpemUuQVVUTztcbiAgICAgICAgICAgIHRoaXMuaXNNZW51Q29udHJhY3RlZCA9IHRydWU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwdWJsaWMgaXNNb2JpbGVWaWV3KCkge1xuICAgICAgICBpZiAoIXRoaXMuY2xvc2VNZW51T25Nb2JpbGVWaWV3KSB7XG4gICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gdGhpcy5zY3JlZW5XaWR0aCA8IDEwMjQ7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZsZXggaC1mdWxsIHctZnVsbFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ2aXNpYmxlXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ7eyBnZXROYXZTaXplKCkgfX0ge3sgbmd0U3R5bGUuY29tcGlsZShbJ2NvbG9yLmJnJywgJ2gnXSkgfX0ge3sgb3BlbiA/ICdibG9jaycgOiAnaGlkZGVuJyB9fSB0b3AtYXV0byBmaXhlZCB7eyBpc01vYmlsZVZpZXcoKSA/ICcnIDogJ3NtOnN0YXRpYyBzbTpibG9jaycgfX1cIlxuICAgICAgICAgICAgQGZhZGVEb3duQW5pbWF0aW9uICNzaWRlTWVudT5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD0nW3NpZGVNZW51XSc+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwib3BlblwiPlxuICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPSdjbG9zZU1lbnUoKScgdGFiaW5kZXg9XCItMVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmaXhlZCB6LTMwIGluc2V0LTAgaC1mdWxsIHctZnVsbCBiZy1ibGFjayBvcGFjaXR5LTUwIGN1cnNvci1kZWZhdWx0XCI+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8ZGl2IGNsYXNzPVwiZmxleC13cmFwIHt7IGdldENvbnRhaW5lclNpemUoKSB9fSBvdmVyZmxvdy1hdXRvXCIgI2NvbnRhaW5lcj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
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() ? '' : 'sm:static sm: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>\r\n", 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() ? '' : 'sm:static sm: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>\r\n" }]
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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QUksR0FBRyxJQUFJLENBQUM7WUFDakIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQztTQUNqQzthQUFNO1lBQ0gsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7U0FDaEM7SUFDTCxDQUFDO0lBRU0sWUFBWTtRQUNmLElBQUksQ0FBQyxJQUFJLENBQUMscUJBQXFCLEVBQUU7WUFDN0IsT0FBTyxLQUFLLENBQUM7U0FDaEI7UUFFRCxPQUFPLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO0lBQ25DLENBQUM7O2dIQWxIUSxtQkFBbUI7b0dBQW5CLG1CQUFtQixtZEMzQmhDLDh5QkFrQkEsa0lESWdCO1FBQ1IsaUJBQWlCLENBQUMsbUJBQW1CLEVBQUUsR0FBRyxDQUFDO0tBQzlDOzJGQUdRLG1CQUFtQjtrQkFSL0IsU0FBUzsrQkFDSSxhQUFhLGNBRVg7d0JBQ1IsaUJBQWlCLENBQUMsbUJBQW1CLEVBQUUsR0FBRyxDQUFDO3FCQUM5Qzs7MEJBb0JJLElBQUk7OzBCQUFJLFFBQVE7NENBaEIyQixXQUFXO3NCQUExRCxTQUFTO3VCQUFDLFVBQVUsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBQ1UsWUFBWTtzQkFBNUQsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUV4QixJQUFJO3NCQUFuQixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UscUJBQXFCO3NCQUFwQyxLQUFLO2dCQTRCQyxjQUFjO3NCQURwQixZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgICBBZnRlclZpZXdJbml0LFxyXG4gICAgQ29tcG9uZW50LFxyXG4gICAgRWxlbWVudFJlZixcclxuICAgIEhvc3RMaXN0ZW5lcixcclxuICAgIEluamVjdG9yLFxyXG4gICAgSW5wdXQsXHJcbiAgICBPcHRpb25hbCxcclxuICAgIFNlbGYsXHJcbiAgICBTaW1wbGVDaGFuZ2VzLFxyXG4gICAgVmlld0NoaWxkLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgZmFkZURvd25BbmltYXRpb24gfSBmcm9tICcuLi8uLi9hbmltYXRpb25zL25ndC1hbmd1bGFyLWFuaW1hdGlvbnMnO1xyXG5pbXBvcnQgeyBOZ3RTdHlsaXphYmxlRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9uZ3Qtc3R5bGl6YWJsZS9uZ3Qtc3R5bGl6YWJsZS5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBTaXplIH0gZnJvbSAnLi4vLi4vZW51bXMvc2l6ZS5lbnVtJztcclxuaW1wb3J0IHsgZ2V0RW51bUZyb21TdHJpbmcgfSBmcm9tICcuLi8uLi9oZWxwZXJzL2VudW0vZW51bSc7XHJcbmltcG9ydCB7IE5ndFN0eWxpemFibGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvbmd0LXN0eWxpemFibGUvbmd0LXN0eWxpemFibGUuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnbmd0LXNpZGVuYXYnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL25ndC1zaWRlbmF2LmNvbXBvbmVudC5odG1sJyxcclxuICAgIGFuaW1hdGlvbnM6IFtcclxuICAgICAgICBmYWRlRG93bkFuaW1hdGlvbignZmFkZURvd25BbmltYXRpb24nLCA2MDApXHJcbiAgICBdLFxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIE5ndFNpZGVuYXZDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcclxuICAgIEBWaWV3Q2hpbGQoJ3NpZGVNZW51JywgeyBzdGF0aWM6IHRydWUgfSkgcHVibGljIHNpZGVNZW51UmVmOiBFbGVtZW50UmVmO1xyXG4gICAgQFZpZXdDaGlsZCgnY29udGFpbmVyJywgeyBzdGF0aWM6IHRydWUgfSkgcHVibGljIGNvbnRhaW5lclJlZjogRWxlbWVudFJlZjtcclxuXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogU2l6ZSA9IFNpemUuWFM7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgaW5pdFZpc2libGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBjbG9zZU1lbnVPbk1vYmlsZVZpZXc6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICAgIHB1YmxpYyB2aXNpYmxlOiBib29sZWFuID0gZmFsc2U7XHJcbiAgICBwdWJsaWMgb3BlbjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgcHVibGljIGlzTWVudUNvbnRyYWN0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIHB1YmxpYyBuZ3RTdHlsZTogTmd0U3R5bGl6YWJsZVNlcnZpY2U7XHJcblxyXG4gICAgcHJpdmF0ZSBzY3JlZW5XaWR0aDogbnVtYmVyO1xyXG5cclxuICAgIHB1YmxpYyBjb25zdHJ1Y3RvcihcclxuICAgICAgICBwcml2YXRlIGluamVjdG9yOiBJbmplY3RvcixcclxuICAgICAgICBAU2VsZigpIEBPcHRpb25hbCgpIHByaXZhdGUgbmd0U3R5bGVEaXJlY3RpdmU6IE5ndFN0eWxpemFibGVEaXJlY3RpdmUsXHJcbiAgICApIHtcclxuICAgICAgICBpZiAodGhpcy5uZ3RTdHlsZURpcmVjdGl2ZSkge1xyXG4gICAgICAgICAgICB0aGlzLm5ndFN0eWxlID0gdGhpcy5uZ3RTdHlsZURpcmVjdGl2ZS5nZXROZ3RTdHlsaXphYmxlU2VydmljZSgpO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgIHRoaXMubmd0U3R5bGUgPSBuZXcgTmd0U3R5bGl6YWJsZVNlcnZpY2UoKTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIHRoaXMubmd0U3R5bGUubG9hZCh0aGlzLmluamVjdG9yLCAnU2lkZW5hdicsIHtcclxuICAgICAgICAgICAgaDogJ21kOmgtYXV0byBoLXNjcmVlbicsXHJcbiAgICAgICAgICAgIGNvbG9yOiB7fVxyXG4gICAgICAgIH0pO1xyXG5cclxuICAgICAgICB0aGlzLmJpbmRTY3JlZW5TaXplKCk7XHJcbiAgICB9XHJcblxyXG4gICAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXHJcbiAgICBwdWJsaWMgYmluZFNjcmVlblNpemUoZXZlbnQ/KSB7XHJcbiAgICAgICAgdGhpcy5zY3JlZW5XaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKSB7XHJcbiAgICAgICAgaWYgKHRoaXMuaW5pdFZpc2libGUpIHtcclxuICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLnZpc2libGUgPSB0cnVlO1xyXG4gICAgICAgICAgICB9KTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcclxuICAgICAgICBpZiAoY2hhbmdlcy5zaXplKSB7XHJcbiAgICAgICAgICAgIHRoaXMuc2l6ZSA9IGdldEVudW1Gcm9tU3RyaW5nKGNoYW5nZXMuc2l6ZS5jdXJyZW50VmFsdWUsIFNpemUpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgdG9nZ2xlTWVudSgpIHtcclxuICAgICAgICBpZiAodGhpcy5vcGVuKSB7XHJcbiAgICAgICAgICAgIHRoaXMuY2xvc2VNZW51KCk7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgdGhpcy5vcGVuTWVudSgpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgY2xvc2VNZW51KCkge1xyXG4gICAgICAgIHRoaXMub3BlbiA9IGZhbHNlO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBvcGVuTWVudSgpIHtcclxuICAgICAgICB0aGlzLm9wZW4gPSB0cnVlO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBnZXROYXZTaXplKCkge1xyXG4gICAgICAgIHN3aXRjaCAodGhpcy5zaXplKSB7XHJcbiAgICAgICAgICAgIGNhc2UgU2l6ZS5BVVRPOiByZXR1cm4gJ21kOnctYXV0byB3LTQvMTInO1xyXG4gICAgICAgICAgICBjYXNlIFNpemUuWFM6IHJldHVybiAnbWQ6dy0xLzEyIHctNC8xMic7XHJcbiAgICAgICAgICAgIGNhc2UgU2l6ZS5TTTogcmV0dXJuICdtZDp3LTIvMTIgdy01LzEyJztcclxuICAgICAgICAgICAgY2FzZSBTaXplLk1EOiByZXR1cm4gJ21kOnctNC8xMiB3LTYvMTInO1xyXG4gICAgICAgICAgICBjYXNlIFNpemUuWEw6IHJldHVybiAnbWQ6dy02LzEyIHctZnVsbCc7XHJcbiAgICAgICAgICAgIGNhc2UgU2l6ZS5GVUxMOiByZXR1cm4gJ3ctZnVsbCc7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBnZXRDb250YWluZXJTaXplKCkge1xyXG4gICAgICAgIGlmICghdGhpcy52aXNpYmxlKSB7XHJcbiAgICAgICAgICAgIHJldHVybiAndy1mdWxsJztcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGlmICh0aGlzLmlzTW9iaWxlVmlldygpKSB7XHJcbiAgICAgICAgICAgIHJldHVybiAndy1mdWxsJztcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIHN3aXRjaCAodGhpcy5zaXplKSB7XHJcbiAgICAgICAgICAgIGNhc2UgU2l6ZS5BVVRPOiByZXR1cm4gJ3ctZnVsbCc7XHJcbiAgICAgICAgICAgIGNhc2UgU2l6ZS5YUzogcmV0dXJuICdtZDp3LTExLzEyIHctZnVsbCc7XHJcbiAgICAgICAgICAgIGNhc2UgU2l6ZS5TTTogcmV0dXJuICdtZDp3LTEwLzEyIHctZnVsbCc7XHJcbiAgICAgICAgICAgIGNhc2UgU2l6ZS5NRDogcmV0dXJuICdtZDp3LTgvMTIgdy1mdWxsJztcclxuICAgICAgICAgICAgY2FzZSBTaXplLlhMOiByZXR1cm4gJ21kOnctNi8xMiB3LWZ1bGwnO1xyXG4gICAgICAgICAgICBjYXNlIFNpemUuRlVMTDogcmV0dXJuICd3LWZ1bGwnO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgdG9nZ2xlTWVudVNpemUoc2l6ZTogU2l6ZSkge1xyXG4gICAgICAgIGlmICh0aGlzLmlzTWVudUNvbnRyYWN0ZWQpIHtcclxuICAgICAgICAgICAgdGhpcy5zaXplID0gc2l6ZTtcclxuICAgICAgICAgICAgdGhpcy5pc01lbnVDb250cmFjdGVkID0gZmFsc2U7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgdGhpcy5zaXplID0gU2l6ZS5BVVRPO1xyXG4gICAgICAgICAgICB0aGlzLmlzTWVudUNvbnRyYWN0ZWQgPSB0cnVlO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgaXNNb2JpbGVWaWV3KCkge1xyXG4gICAgICAgIGlmICghdGhpcy5jbG9zZU1lbnVPbk1vYmlsZVZpZXcpIHtcclxuICAgICAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgcmV0dXJuIHRoaXMuc2NyZWVuV2lkdGggPCAxMDI0O1xyXG4gICAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJmbGV4IGgtZnVsbCB3LWZ1bGxcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ2aXNpYmxlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInt7IGdldE5hdlNpemUoKSB9fSB7eyBuZ3RTdHlsZS5jb21waWxlKFsnY29sb3IuYmcnLCAnaCddKSB9fSB7eyBvcGVuID8gJ2Jsb2NrJyA6ICdoaWRkZW4nIH19IHRvcC1hdXRvIGZpeGVkIHt7IGlzTW9iaWxlVmlldygpID8gJycgOiAnc206c3RhdGljIHNtOmJsb2NrJyB9fVwiXHJcbiAgICAgICAgICAgIEBmYWRlRG93bkFuaW1hdGlvbiAjc2lkZU1lbnU+XHJcbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD0nW3NpZGVNZW51XSc+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwib3BlblwiPlxyXG4gICAgICAgICAgICA8YnV0dG9uIChjbGljayk9J2Nsb3NlTWVudSgpJyB0YWJpbmRleD1cIi0xXCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZml4ZWQgei0zMCBpbnNldC0wIGgtZnVsbCB3LWZ1bGwgYmctYmxhY2sgb3BhY2l0eS01MCBjdXJzb3ItZGVmYXVsdFwiPlxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJmbGV4LXdyYXAge3sgZ2V0Q29udGFpbmVyU2l6ZSgpIH19IG92ZXJmbG93LWF1dG9cIiAjY29udGFpbmVyPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
@@ -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", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LXNpZGVuYXYubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctdGFpbHdpbmQvc3JjL2NvbXBvbmVudHMvbmd0LXNpZGVuYXYvbmd0LXNpZGVuYXYubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQVM5RCxNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCOzhHQUFoQixnQkFBZ0IsaUJBTlYsbUJBQW1CLGFBRzlCLFlBQVksYUFGTixtQkFBbUI7OEdBS3BCLGdCQUFnQixZQUhyQixZQUFZOzJGQUdQLGdCQUFnQjtrQkFQNUIsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQzlCLE9BQU8sRUFBRTt3QkFDTCxZQUFZO3FCQUNmO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE5ndFNpZGVuYXZDb21wb25lbnQgfSBmcm9tICcuL25ndC1zaWRlbmF2LmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbTmd0U2lkZW5hdkNvbXBvbmVudF0sXG4gICAgZXhwb3J0czogW05ndFNpZGVuYXZDb21wb25lbnRdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBOZ3RTaWRlbmF2TW9kdWxlIHsgfVxuIl19
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,100 +1,100 @@
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
- this.renderer.listen(this.element.nativeElement, 'change', () => {
29
- this.onNativeChange(this.element.nativeElement.value);
30
- });
31
- }
32
- ngOnDestroy() {
33
- this.destroySubscriptions();
34
- }
35
- change(value) {
36
- this.element.nativeElement.value = value;
37
- }
38
- onNativeChange(value) {
39
- this.value = value;
40
- }
41
- destroySubscriptions() {
42
- this.subscriptions.forEach(subscription => subscription.unsubscribe());
43
- this.subscriptions = [];
44
- }
45
- }
46
- 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 });
47
- NgtSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtSliderComponent, selector: "ngt-slider", inputs: { label: "label", shining: "shining", isDisabled: "isDisabled", showPercentageSymbol: "showPercentageSymbol", name: "name", min: "min", max: "max", step: "step", color: "color" }, providers: [
48
- NgtMakeProvider(NgtSliderComponent),
49
- ], 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}}\"\n [class.cursor-not-allowed]=\"isDisabled\" type=\"range\" [name]='name' ([ngModel])='value' [min]='min'\n [max]='max' [step]='step' [disabled]=\"isDisabled\" #element>\n\n <span id='display' class=\"text-xs ml-2 font-semibold\" #display>{{ value }}</span>\n <span *ngIf=\"showPercentageSymbol\" class=\"text-xs font-semibold\">%</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>", 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: [
50
- { provide: ControlContainer, useExisting: NgForm }
51
- ] });
52
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSliderComponent, decorators: [{
53
- type: Component,
54
- args: [{ selector: 'ngt-slider', providers: [
55
- NgtMakeProvider(NgtSliderComponent),
56
- ], viewProviders: [
57
- { provide: ControlContainer, useExisting: NgForm }
58
- ], 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}}\"\n [class.cursor-not-allowed]=\"isDisabled\" type=\"range\" [name]='name' ([ngModel])='value' [min]='min'\n [max]='max' [step]='step' [disabled]=\"isDisabled\" #element>\n\n <span id='display' class=\"text-xs ml-2 font-semibold\" #display>{{ value }}</span>\n <span *ngIf=\"showPercentageSymbol\" class=\"text-xs font-semibold\">%</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>", 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"] }]
59
- }], ctorParameters: function () { return [{ type: i1.ControlContainer, decorators: [{
60
- type: Optional
61
- }, {
62
- type: Host
63
- }] }, { type: i0.Renderer2 }, { type: i2.NgtFormComponent, decorators: [{
64
- type: Optional
65
- }, {
66
- type: SkipSelf
67
- }] }]; }, propDecorators: { element: [{
68
- type: ViewChild,
69
- args: ['element', { static: true }]
70
- }], display: [{
71
- type: ViewChild,
72
- args: ['display', { static: true }]
73
- }], label: [{
74
- type: Input
75
- }], shining: [{
76
- type: Input
77
- }], isDisabled: [{
78
- type: Input
79
- }], showPercentageSymbol: [{
80
- type: Input
81
- }], name: [{
82
- type: Input
83
- }], min: [{
84
- type: Input
85
- }], max: [{
86
- type: Input
87
- }], step: [{
88
- type: Input
89
- }], color: [{
90
- type: Input
91
- }] } });
92
- export var NgtSliderColorSchemeEnum;
93
- (function (NgtSliderColorSchemeEnum) {
94
- NgtSliderColorSchemeEnum["PRIMARY"] = "primary";
95
- NgtSliderColorSchemeEnum["SUCCESS"] = "success";
96
- NgtSliderColorSchemeEnum["WARNING"] = "warning";
97
- NgtSliderColorSchemeEnum["DANGER"] = "danger";
98
- })(NgtSliderColorSchemeEnum || (NgtSliderColorSchemeEnum = {}));
99
- ;
100
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LXNsaWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy10YWlsd2luZC9zcmMvY29tcG9uZW50cy9uZ3Qtc2xpZGVyL25ndC1zbGlkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctdGFpbHdpbmQvc3JjL2NvbXBvbmVudHMvbmd0LXNsaWRlci9uZ3Qtc2xpZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCxTQUFTLEVBRVQsSUFBSSxFQUNKLEtBQUssRUFFTCxRQUFRLEVBRVIsUUFBUSxFQUNSLFNBQVMsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFHMUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7O0FBYy9FLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxjQUFjO0lBZ0JsRCxZQUVXLGFBQStCLEVBQzlCLFFBQW1CLEVBRW5CLGdCQUFrQztRQUUxQyxLQUFLLEVBQUUsQ0FBQztRQUxELGtCQUFhLEdBQWIsYUFBYSxDQUFrQjtRQUM5QixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBRW5CLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFaOUIsUUFBRyxHQUFXLEdBQUcsQ0FBQztRQUNsQixRQUFHLEdBQVcsS0FBSyxDQUFDO1FBQ3BCLFNBQUksR0FBVyxHQUFHLENBQUM7UUFDbkIsVUFBSyxHQUE2Qix3QkFBd0IsQ0FBQyxPQUFPLENBQUM7UUFFM0Usa0JBQWEsR0FBd0IsRUFBRSxDQUFDO1FBVzVDLElBQUksSUFBSSxDQUFDLGdCQUFnQixFQUFFO1lBQ3ZCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxDQUFDO1lBRWpELElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUNuQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLFNBQVMsQ0FBQyxDQUFDLE9BQWdCLEVBQUUsRUFBRTtnQkFDakUsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7WUFDM0IsQ0FBQyxDQUFDLENBQ0wsQ0FBQztTQUNMO0lBQ0wsQ0FBQztJQUVNLGVBQWU7UUFDbEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRTtZQUM1RCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFELENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVNLFdBQVc7UUFDZCxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRU0sTUFBTSxDQUFDLEtBQWM7UUFDeEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUM3QyxDQUFDO0lBRU0sY0FBYyxDQUFDLEtBQWM7UUFDaEMsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUVPLG9CQUFvQjtRQUN4QixJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQ3ZFLElBQUksQ0FBQyxhQUFhLEdBQUcsRUFBRSxDQUFDO0lBQzVCLENBQUM7OytHQXpEUSxrQkFBa0I7bUdBQWxCLGtCQUFrQixpT0FQaEI7UUFDUCxlQUFlLENBQUMsa0JBQWtCLENBQUM7S0FDdEMsc1FDeEJMLDZ6QkFpQmUsdXRCRFFJO1FBQ1gsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRTtLQUNyRDsyRkFFUSxrQkFBa0I7a0JBWDlCLFNBQVM7K0JBQ0ksWUFBWSxhQUdYO3dCQUNQLGVBQWUsb0JBQW9CO3FCQUN0QyxpQkFDYzt3QkFDWCxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFO3FCQUNyRDs7MEJBbUJJLFFBQVE7OzBCQUFJLElBQUk7OzBCQUdoQixRQUFROzswQkFBSSxRQUFROzRDQW5Cc0IsT0FBTztzQkFBckQsU0FBUzt1QkFBQyxTQUFTLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUNTLE9BQU87c0JBQXJELFNBQVM7dUJBQUMsU0FBUyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFFdEIsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxPQUFPO3NCQUF0QixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1Usb0JBQW9CO3NCQUFuQyxLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsR0FBRztzQkFBbEIsS0FBSztnQkFDVSxHQUFHO3NCQUFsQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSzs7QUFnRFYsTUFBTSxDQUFOLElBQVksd0JBS1g7QUFMRCxXQUFZLHdCQUF3QjtJQUNoQywrQ0FBbUIsQ0FBQTtJQUNuQiwrQ0FBbUIsQ0FBQTtJQUNuQiwrQ0FBbUIsQ0FBQTtJQUNuQiw2Q0FBaUIsQ0FBQTtBQUNyQixDQUFDLEVBTFcsd0JBQXdCLEtBQXhCLHdCQUF3QixRQUtuQztBQUFBLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgSG9zdCxcbiAgICBJbnB1dCxcbiAgICBPbkRlc3Ryb3ksXG4gICAgT3B0aW9uYWwsXG4gICAgUmVuZGVyZXIyLFxuICAgIFNraXBTZWxmLFxuICAgIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sQ29udGFpbmVyLCBOZ0Zvcm0gfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgTmd0QmFzZU5nTW9kZWwsIE5ndE1ha2VQcm92aWRlciB9IGZyb20gJy4uLy4uL2Jhc2Uvbmd0LWJhc2UtbmctbW9kZWwnO1xuaW1wb3J0IHsgTmd0Rm9ybUNvbXBvbmVudCB9IGZyb20gJy4uL25ndC1mb3JtL25ndC1mb3JtLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmd0LXNsaWRlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL25ndC1zbGlkZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL25ndC1zbGlkZXIuY29tcG9uZW50LmNzcyddLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICBOZ3RNYWtlUHJvdmlkZXIoTmd0U2xpZGVyQ29tcG9uZW50KSxcbiAgICBdLFxuICAgIHZpZXdQcm92aWRlcnM6IFtcbiAgICAgICAgeyBwcm92aWRlOiBDb250cm9sQ29udGFpbmVyLCB1c2VFeGlzdGluZzogTmdGb3JtIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIE5ndFNsaWRlckNvbXBvbmVudCBleHRlbmRzIE5ndEJhc2VOZ01vZGVsIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgICBAVmlld0NoaWxkKCdlbGVtZW50JywgeyBzdGF0aWM6IHRydWUgfSkgcHVibGljIGVsZW1lbnQ6IEVsZW1lbnRSZWY7XG4gICAgQFZpZXdDaGlsZCgnZGlzcGxheScsIHsgc3RhdGljOiB0cnVlIH0pIHB1YmxpYyBkaXNwbGF5OiBFbGVtZW50UmVmO1xuXG4gICAgQElucHV0KCkgcHVibGljIGxhYmVsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgcHVibGljIHNoaW5pbmc6IGJvb2xlYW47XG4gICAgQElucHV0KCkgcHVibGljIGlzRGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgQElucHV0KCkgcHVibGljIHNob3dQZXJjZW50YWdlU3ltYm9sOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBuYW1lOiBzdHJpbmc7XG4gICAgQElucHV0KCkgcHVibGljIG1pbjogc3RyaW5nID0gJzAnO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBtYXg6IHN0cmluZyA9ICcxMDAnO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBzdGVwOiBzdHJpbmcgPSAnMSc7XG4gICAgQElucHV0KCkgcHVibGljIGNvbG9yOiBOZ3RTbGlkZXJDb2xvclNjaGVtZUVudW0gPSBOZ3RTbGlkZXJDb2xvclNjaGVtZUVudW0uUFJJTUFSWTtcblxuICAgIHByaXZhdGUgc3Vic2NyaXB0aW9uczogQXJyYXk8U3Vic2NyaXB0aW9uPiA9IFtdO1xuXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKFxuICAgICAgICBAT3B0aW9uYWwoKSBASG9zdCgpXG4gICAgICAgIHB1YmxpYyBmb3JtQ29udGFpbmVyOiBDb250cm9sQ29udGFpbmVyLFxuICAgICAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgICAgIEBPcHRpb25hbCgpIEBTa2lwU2VsZigpXG4gICAgICAgIHByaXZhdGUgbmd0Rm9ybUNvbXBvbmVudDogTmd0Rm9ybUNvbXBvbmVudCxcbiAgICApIHtcbiAgICAgICAgc3VwZXIoKTtcblxuICAgICAgICBpZiAodGhpcy5uZ3RGb3JtQ29tcG9uZW50KSB7XG4gICAgICAgICAgICB0aGlzLnNoaW5pbmcgPSB0aGlzLm5ndEZvcm1Db21wb25lbnQuaXNTaGluaW5nKCk7XG5cbiAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5wdXNoKFxuICAgICAgICAgICAgICAgIHRoaXMubmd0Rm9ybUNvbXBvbmVudC5vblNoaW5pbmdDaGFuZ2Uuc3Vic2NyaWJlKChzaGluaW5nOiBib29sZWFuKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuc2hpbmluZyA9IHNoaW5pbmc7XG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCkge1xuICAgICAgICB0aGlzLnJlbmRlcmVyLmxpc3Rlbih0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCwgJ2NoYW5nZScsICgpID0+IHtcbiAgICAgICAgICAgIHRoaXMub25OYXRpdmVDaGFuZ2UodGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQudmFsdWUpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdPbkRlc3Ryb3koKSB7XG4gICAgICAgIHRoaXMuZGVzdHJveVN1YnNjcmlwdGlvbnMoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgY2hhbmdlKHZhbHVlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LnZhbHVlID0gdmFsdWU7XG4gICAgfVxuXG4gICAgcHVibGljIG9uTmF0aXZlQ2hhbmdlKHZhbHVlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGRlc3Ryb3lTdWJzY3JpcHRpb25zKCkge1xuICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbnMuZm9yRWFjaChzdWJzY3JpcHRpb24gPT4gc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCkpO1xuICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbnMgPSBbXTtcbiAgICB9XG59XG5cbmV4cG9ydCBlbnVtIE5ndFNsaWRlckNvbG9yU2NoZW1lRW51bSB7XG4gICAgUFJJTUFSWSA9ICdwcmltYXJ5JyxcbiAgICBTVUNDRVNTID0gJ3N1Y2Nlc3MnLFxuICAgIFdBUk5JTkcgPSAnd2FybmluZycsXG4gICAgREFOR0VSID0gJ2Rhbmdlcidcbn07XG4iLCI8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbFwiPlxuICAgIDxzcGFuICpuZ0lmPSdsYWJlbCAmJiAhc2hpbmluZycgY2xhc3M9XCJ0ZXh0LXNtIG1iLTJcIj57eyBsYWJlbCB9fTo8L3NwYW4+XG5cbiAgICA8ZGl2IGNsYXNzPVwie3sgc2hpbmluZyA/ICdoaWRkZW4nIDogJ2ZsZXgnIH19IGl0ZW1zLWNlbnRlclwiPlxuICAgICAgICA8aW5wdXQgY2xhc3M9XCJibG9jayB3LWZ1bGwgY3Vyc29yLXBvaW50ZXIgb3ZlcmZsb3ctaGlkZGVuIGFwcGVhcmFuY2Utbm9uZSBiZy1ncmF5LTQwMCB7e2NvbG9yfX1cIlxuICAgICAgICAgICAgW2NsYXNzLmN1cnNvci1ub3QtYWxsb3dlZF09XCJpc0Rpc2FibGVkXCIgdHlwZT1cInJhbmdlXCIgW25hbWVdPSduYW1lJyAoW25nTW9kZWxdKT0ndmFsdWUnIFttaW5dPSdtaW4nXG4gICAgICAgICAgICBbbWF4XT0nbWF4JyBbc3RlcF09J3N0ZXAnIFtkaXNhYmxlZF09XCJpc0Rpc2FibGVkXCIgI2VsZW1lbnQ+XG5cbiAgICAgICAgPHNwYW4gaWQ9J2Rpc3BsYXknIGNsYXNzPVwidGV4dC14cyBtbC0yIGZvbnQtc2VtaWJvbGRcIiAjZGlzcGxheT57eyB2YWx1ZSB9fTwvc3Bhbj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJzaG93UGVyY2VudGFnZVN5bWJvbFwiIGNsYXNzPVwidGV4dC14cyBmb250LXNlbWlib2xkXCI+JTwvc3Bhbj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuXG48bmctY29udGFpbmVyICpuZ0lmPSdzaGluaW5nJz5cbiAgICA8ZGl2IGNsYXNzPVwiZmxleFwiPlxuICAgICAgICA8bmd0LXNoaW5pbmcgY2xhc3M9XCJ3LWZ1bGwgaC02XCI+PC9uZ3Qtc2hpbmluZz5cbiAgICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPiJdfQ==
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
+ this.renderer.listen(this.element.nativeElement, 'change', () => {
29
+ this.onNativeChange(this.element.nativeElement.value);
30
+ });
31
+ }
32
+ ngOnDestroy() {
33
+ this.destroySubscriptions();
34
+ }
35
+ change(value) {
36
+ this.element.nativeElement.value = value;
37
+ }
38
+ onNativeChange(value) {
39
+ this.value = value;
40
+ }
41
+ destroySubscriptions() {
42
+ this.subscriptions.forEach(subscription => subscription.unsubscribe());
43
+ this.subscriptions = [];
44
+ }
45
+ }
46
+ 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 });
47
+ NgtSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtSliderComponent, selector: "ngt-slider", inputs: { label: "label", shining: "shining", isDisabled: "isDisabled", showPercentageSymbol: "showPercentageSymbol", name: "name", min: "min", max: "max", step: "step", color: "color" }, providers: [
48
+ NgtMakeProvider(NgtSliderComponent),
49
+ ], 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}}\"\r\n [class.cursor-not-allowed]=\"isDisabled\" type=\"range\" [name]='name' ([ngModel])='value' [min]='min'\r\n [max]='max' [step]='step' [disabled]=\"isDisabled\" #element>\r\n\r\n <span id='display' class=\"text-xs ml-2 font-semibold\" #display>{{ value }}</span>\r\n <span *ngIf=\"showPercentageSymbol\" class=\"text-xs font-semibold\">%</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>", 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: [
50
+ { provide: ControlContainer, useExisting: NgForm }
51
+ ] });
52
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSliderComponent, decorators: [{
53
+ type: Component,
54
+ args: [{ selector: 'ngt-slider', providers: [
55
+ NgtMakeProvider(NgtSliderComponent),
56
+ ], viewProviders: [
57
+ { provide: ControlContainer, useExisting: NgForm }
58
+ ], 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}}\"\r\n [class.cursor-not-allowed]=\"isDisabled\" type=\"range\" [name]='name' ([ngModel])='value' [min]='min'\r\n [max]='max' [step]='step' [disabled]=\"isDisabled\" #element>\r\n\r\n <span id='display' class=\"text-xs ml-2 font-semibold\" #display>{{ value }}</span>\r\n <span *ngIf=\"showPercentageSymbol\" class=\"text-xs font-semibold\">%</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>", 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"] }]
59
+ }], ctorParameters: function () { return [{ type: i1.ControlContainer, decorators: [{
60
+ type: Optional
61
+ }, {
62
+ type: Host
63
+ }] }, { type: i0.Renderer2 }, { type: i2.NgtFormComponent, decorators: [{
64
+ type: Optional
65
+ }, {
66
+ type: SkipSelf
67
+ }] }]; }, propDecorators: { element: [{
68
+ type: ViewChild,
69
+ args: ['element', { static: true }]
70
+ }], display: [{
71
+ type: ViewChild,
72
+ args: ['display', { static: true }]
73
+ }], label: [{
74
+ type: Input
75
+ }], shining: [{
76
+ type: Input
77
+ }], isDisabled: [{
78
+ type: Input
79
+ }], showPercentageSymbol: [{
80
+ type: Input
81
+ }], name: [{
82
+ type: Input
83
+ }], min: [{
84
+ type: Input
85
+ }], max: [{
86
+ type: Input
87
+ }], step: [{
88
+ type: Input
89
+ }], color: [{
90
+ type: Input
91
+ }] } });
92
+ export var NgtSliderColorSchemeEnum;
93
+ (function (NgtSliderColorSchemeEnum) {
94
+ NgtSliderColorSchemeEnum["PRIMARY"] = "primary";
95
+ NgtSliderColorSchemeEnum["SUCCESS"] = "success";
96
+ NgtSliderColorSchemeEnum["WARNING"] = "warning";
97
+ NgtSliderColorSchemeEnum["DANGER"] = "danger";
98
+ })(NgtSliderColorSchemeEnum || (NgtSliderColorSchemeEnum = {}));
99
+ ;
100
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LXNsaWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy10YWlsd2luZC9zcmMvY29tcG9uZW50cy9uZ3Qtc2xpZGVyL25ndC1zbGlkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctdGFpbHdpbmQvc3JjL2NvbXBvbmVudHMvbmd0LXNsaWRlci9uZ3Qtc2xpZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCxTQUFTLEVBRVQsSUFBSSxFQUNKLEtBQUssRUFFTCxRQUFRLEVBRVIsUUFBUSxFQUNSLFNBQVMsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFHMUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7O0FBYy9FLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxjQUFjO0lBZ0JsRCxZQUVXLGFBQStCLEVBQzlCLFFBQW1CLEVBRW5CLGdCQUFrQztRQUUxQyxLQUFLLEVBQUUsQ0FBQztRQUxELGtCQUFhLEdBQWIsYUFBYSxDQUFrQjtRQUM5QixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBRW5CLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFaOUIsUUFBRyxHQUFXLEdBQUcsQ0FBQztRQUNsQixRQUFHLEdBQVcsS0FBSyxDQUFDO1FBQ3BCLFNBQUksR0FBVyxHQUFHLENBQUM7UUFDbkIsVUFBSyxHQUE2Qix3QkFBd0IsQ0FBQyxPQUFPLENBQUM7UUFFM0Usa0JBQWEsR0FBd0IsRUFBRSxDQUFDO1FBVzVDLElBQUksSUFBSSxDQUFDLGdCQUFnQixFQUFFO1lBQ3ZCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxDQUFDO1lBRWpELElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUNuQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLFNBQVMsQ0FBQyxDQUFDLE9BQWdCLEVBQUUsRUFBRTtnQkFDakUsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7WUFDM0IsQ0FBQyxDQUFDLENBQ0wsQ0FBQztTQUNMO0lBQ0wsQ0FBQztJQUVNLGVBQWU7UUFDbEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRTtZQUM1RCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFELENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVNLFdBQVc7UUFDZCxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRU0sTUFBTSxDQUFDLEtBQWM7UUFDeEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUM3QyxDQUFDO0lBRU0sY0FBYyxDQUFDLEtBQWM7UUFDaEMsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUVPLG9CQUFvQjtRQUN4QixJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQ3ZFLElBQUksQ0FBQyxhQUFhLEdBQUcsRUFBRSxDQUFDO0lBQzVCLENBQUM7OytHQXpEUSxrQkFBa0I7bUdBQWxCLGtCQUFrQixpT0FQaEI7UUFDUCxlQUFlLENBQUMsa0JBQWtCLENBQUM7S0FDdEMsc1FDeEJMLCsxQkFpQmUsdXRCRFFJO1FBQ1gsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRTtLQUNyRDsyRkFFUSxrQkFBa0I7a0JBWDlCLFNBQVM7K0JBQ0ksWUFBWSxhQUdYO3dCQUNQLGVBQWUsb0JBQW9CO3FCQUN0QyxpQkFDYzt3QkFDWCxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFO3FCQUNyRDs7MEJBbUJJLFFBQVE7OzBCQUFJLElBQUk7OzBCQUdoQixRQUFROzswQkFBSSxRQUFROzRDQW5Cc0IsT0FBTztzQkFBckQsU0FBUzt1QkFBQyxTQUFTLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUNTLE9BQU87c0JBQXJELFNBQVM7dUJBQUMsU0FBUyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFFdEIsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxPQUFPO3NCQUF0QixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1Usb0JBQW9CO3NCQUFuQyxLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsR0FBRztzQkFBbEIsS0FBSztnQkFDVSxHQUFHO3NCQUFsQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSzs7QUFnRFYsTUFBTSxDQUFOLElBQVksd0JBS1g7QUFMRCxXQUFZLHdCQUF3QjtJQUNoQywrQ0FBbUIsQ0FBQTtJQUNuQiwrQ0FBbUIsQ0FBQTtJQUNuQiwrQ0FBbUIsQ0FBQTtJQUNuQiw2Q0FBaUIsQ0FBQTtBQUNyQixDQUFDLEVBTFcsd0JBQXdCLEtBQXhCLHdCQUF3QixRQUtuQztBQUFBLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gICAgQWZ0ZXJWaWV3SW5pdCxcclxuICAgIENvbXBvbmVudCxcclxuICAgIEVsZW1lbnRSZWYsXHJcbiAgICBIb3N0LFxyXG4gICAgSW5wdXQsXHJcbiAgICBPbkRlc3Ryb3ksXHJcbiAgICBPcHRpb25hbCxcclxuICAgIFJlbmRlcmVyMixcclxuICAgIFNraXBTZWxmLFxyXG4gICAgVmlld0NoaWxkLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sQ29udGFpbmVyLCBOZ0Zvcm0gfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5cclxuaW1wb3J0IHsgTmd0QmFzZU5nTW9kZWwsIE5ndE1ha2VQcm92aWRlciB9IGZyb20gJy4uLy4uL2Jhc2Uvbmd0LWJhc2UtbmctbW9kZWwnO1xyXG5pbXBvcnQgeyBOZ3RGb3JtQ29tcG9uZW50IH0gZnJvbSAnLi4vbmd0LWZvcm0vbmd0LWZvcm0uY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICduZ3Qtc2xpZGVyJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9uZ3Qtc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL25ndC1zbGlkZXIuY29tcG9uZW50LmNzcyddLFxyXG4gICAgcHJvdmlkZXJzOiBbXHJcbiAgICAgICAgTmd0TWFrZVByb3ZpZGVyKE5ndFNsaWRlckNvbXBvbmVudCksXHJcbiAgICBdLFxyXG4gICAgdmlld1Byb3ZpZGVyczogW1xyXG4gICAgICAgIHsgcHJvdmlkZTogQ29udHJvbENvbnRhaW5lciwgdXNlRXhpc3Rpbmc6IE5nRm9ybSB9XHJcbiAgICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZ3RTbGlkZXJDb21wb25lbnQgZXh0ZW5kcyBOZ3RCYXNlTmdNb2RlbCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XHJcbiAgICBAVmlld0NoaWxkKCdlbGVtZW50JywgeyBzdGF0aWM6IHRydWUgfSkgcHVibGljIGVsZW1lbnQ6IEVsZW1lbnRSZWY7XHJcbiAgICBAVmlld0NoaWxkKCdkaXNwbGF5JywgeyBzdGF0aWM6IHRydWUgfSkgcHVibGljIGRpc3BsYXk6IEVsZW1lbnRSZWY7XHJcblxyXG4gICAgQElucHV0KCkgcHVibGljIGxhYmVsOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgc2hpbmluZzogYm9vbGVhbjtcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBpc0Rpc2FibGVkOiBib29sZWFuO1xyXG4gICAgQElucHV0KCkgcHVibGljIHNob3dQZXJjZW50YWdlU3ltYm9sOiBib29sZWFuO1xyXG4gICAgQElucHV0KCkgcHVibGljIG5hbWU6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBtaW46IHN0cmluZyA9ICcwJztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBtYXg6IHN0cmluZyA9ICcxMDAnO1xyXG4gICAgQElucHV0KCkgcHVibGljIHN0ZXA6IHN0cmluZyA9ICcxJztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBjb2xvcjogTmd0U2xpZGVyQ29sb3JTY2hlbWVFbnVtID0gTmd0U2xpZGVyQ29sb3JTY2hlbWVFbnVtLlBSSU1BUlk7XHJcblxyXG4gICAgcHJpdmF0ZSBzdWJzY3JpcHRpb25zOiBBcnJheTxTdWJzY3JpcHRpb24+ID0gW107XHJcblxyXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIEBPcHRpb25hbCgpIEBIb3N0KClcclxuICAgICAgICBwdWJsaWMgZm9ybUNvbnRhaW5lcjogQ29udHJvbENvbnRhaW5lcixcclxuICAgICAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXHJcbiAgICAgICAgQE9wdGlvbmFsKCkgQFNraXBTZWxmKClcclxuICAgICAgICBwcml2YXRlIG5ndEZvcm1Db21wb25lbnQ6IE5ndEZvcm1Db21wb25lbnQsXHJcbiAgICApIHtcclxuICAgICAgICBzdXBlcigpO1xyXG5cclxuICAgICAgICBpZiAodGhpcy5uZ3RGb3JtQ29tcG9uZW50KSB7XHJcbiAgICAgICAgICAgIHRoaXMuc2hpbmluZyA9IHRoaXMubmd0Rm9ybUNvbXBvbmVudC5pc1NoaW5pbmcoKTtcclxuXHJcbiAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5wdXNoKFxyXG4gICAgICAgICAgICAgICAgdGhpcy5uZ3RGb3JtQ29tcG9uZW50Lm9uU2hpbmluZ0NoYW5nZS5zdWJzY3JpYmUoKHNoaW5pbmc6IGJvb2xlYW4pID0+IHtcclxuICAgICAgICAgICAgICAgICAgICB0aGlzLnNoaW5pbmcgPSBzaGluaW5nO1xyXG4gICAgICAgICAgICAgICAgfSlcclxuICAgICAgICAgICAgKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgICAgICB0aGlzLnJlbmRlcmVyLmxpc3Rlbih0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCwgJ2NoYW5nZScsICgpID0+IHtcclxuICAgICAgICAgICAgdGhpcy5vbk5hdGl2ZUNoYW5nZSh0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC52YWx1ZSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG5nT25EZXN0cm95KCkge1xyXG4gICAgICAgIHRoaXMuZGVzdHJveVN1YnNjcmlwdGlvbnMoKTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgY2hhbmdlKHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICAgICAgdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQudmFsdWUgPSB2YWx1ZTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgb25OYXRpdmVDaGFuZ2UodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgICAgICB0aGlzLnZhbHVlID0gdmFsdWU7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBkZXN0cm95U3Vic2NyaXB0aW9ucygpIHtcclxuICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbnMuZm9yRWFjaChzdWJzY3JpcHRpb24gPT4gc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCkpO1xyXG4gICAgICAgIHRoaXMuc3Vic2NyaXB0aW9ucyA9IFtdO1xyXG4gICAgfVxyXG59XHJcblxyXG5leHBvcnQgZW51bSBOZ3RTbGlkZXJDb2xvclNjaGVtZUVudW0ge1xyXG4gICAgUFJJTUFSWSA9ICdwcmltYXJ5JyxcclxuICAgIFNVQ0NFU1MgPSAnc3VjY2VzcycsXHJcbiAgICBXQVJOSU5HID0gJ3dhcm5pbmcnLFxyXG4gICAgREFOR0VSID0gJ2RhbmdlcidcclxufTtcclxuIiwiPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2xcIj5cclxuICAgIDxzcGFuICpuZ0lmPSdsYWJlbCAmJiAhc2hpbmluZycgY2xhc3M9XCJ0ZXh0LXNtIG1iLTJcIj57eyBsYWJlbCB9fTo8L3NwYW4+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cInt7IHNoaW5pbmcgPyAnaGlkZGVuJyA6ICdmbGV4JyB9fSBpdGVtcy1jZW50ZXJcIj5cclxuICAgICAgICA8aW5wdXQgY2xhc3M9XCJibG9jayB3LWZ1bGwgY3Vyc29yLXBvaW50ZXIgb3ZlcmZsb3ctaGlkZGVuIGFwcGVhcmFuY2Utbm9uZSBiZy1ncmF5LTQwMCB7e2NvbG9yfX1cIlxyXG4gICAgICAgICAgICBbY2xhc3MuY3Vyc29yLW5vdC1hbGxvd2VkXT1cImlzRGlzYWJsZWRcIiB0eXBlPVwicmFuZ2VcIiBbbmFtZV09J25hbWUnIChbbmdNb2RlbF0pPSd2YWx1ZScgW21pbl09J21pbidcclxuICAgICAgICAgICAgW21heF09J21heCcgW3N0ZXBdPSdzdGVwJyBbZGlzYWJsZWRdPVwiaXNEaXNhYmxlZFwiICNlbGVtZW50PlxyXG5cclxuICAgICAgICA8c3BhbiBpZD0nZGlzcGxheScgY2xhc3M9XCJ0ZXh0LXhzIG1sLTIgZm9udC1zZW1pYm9sZFwiICNkaXNwbGF5Pnt7IHZhbHVlIH19PC9zcGFuPlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwic2hvd1BlcmNlbnRhZ2VTeW1ib2xcIiBjbGFzcz1cInRleHQteHMgZm9udC1zZW1pYm9sZFwiPiU8L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48bmctY29udGFpbmVyICpuZ0lmPSdzaGluaW5nJz5cclxuICAgIDxkaXYgY2xhc3M9XCJmbGV4XCI+XHJcbiAgICAgICAgPG5ndC1zaGluaW5nIGNsYXNzPVwidy1mdWxsIGgtNlwiPjwvbmd0LXNoaW5pbmc+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+Il19