@one-paragon/angular-utilities 0.1.31 → 0.1.32-beta

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 (231) hide show
  1. package/action-state/action-state-spinner/action-state-spinner.component.d.ts +12 -12
  2. package/action-state/action-state-ui/action-state-ui.module.d.ts +9 -9
  3. package/action-state/index.d.ts +4 -4
  4. package/action-state/ngrx-ext/ngrx-ext.module.d.ts +8 -8
  5. package/action-state/ngrx.d.ts +31 -31
  6. package/esm2020/action-state/action-state-spinner/action-state-spinner.component.mjs +23 -23
  7. package/esm2020/action-state/action-state-ui/action-state-ui.module.mjs +28 -28
  8. package/esm2020/action-state/index.mjs +8 -8
  9. package/esm2020/action-state/ngrx-ext/ngrx-ext.module.mjs +23 -23
  10. package/esm2020/action-state/ngrx.mjs +42 -42
  11. package/esm2020/http-request-state/HttpRequestStateFactory.mjs +26 -26
  12. package/esm2020/http-request-state/HttpRequestStateStore.mjs +96 -96
  13. package/esm2020/http-request-state/directives/HttpStateDirectiveBase.mjs +33 -33
  14. package/esm2020/http-request-state/directives/http-error-state-directive.mjs +28 -28
  15. package/esm2020/http-request-state/directives/http-inProgress-state-directive.mjs +28 -28
  16. package/esm2020/http-request-state/directives/http-notStarted-state-directive.mjs +28 -28
  17. package/esm2020/http-request-state/directives/http-success-state-directive.mjs +33 -33
  18. package/esm2020/http-request-state/directives/index.mjs +5 -5
  19. package/esm2020/http-request-state/directives/request-state-directive.mjs +59 -59
  20. package/esm2020/http-request-state/helpers.mjs +21 -21
  21. package/esm2020/http-request-state/http-request-state.mjs +38 -38
  22. package/esm2020/http-request-state/http-state-module.mjs +40 -40
  23. package/esm2020/http-request-state/index.mjs +6 -6
  24. package/esm2020/http-request-state/rxjs/getRequestorBody.mjs +3 -3
  25. package/esm2020/http-request-state/rxjs/getRequestorState.mjs +2 -2
  26. package/esm2020/http-request-state/rxjs/index.mjs +4 -4
  27. package/esm2020/http-request-state/rxjs/tapError.mjs +11 -11
  28. package/esm2020/http-request-state/rxjs/tapSuccess.mjs +11 -11
  29. package/esm2020/http-request-state/types.mjs +15 -15
  30. package/esm2020/ngrx/actionable-selector.mjs +75 -75
  31. package/esm2020/ngrx/index.mjs +1 -1
  32. package/esm2020/one-paragon-angular-utilities.mjs +4 -4
  33. package/esm2020/public-api.mjs +19 -19
  34. package/esm2020/rxjs/defaultShareReplay.mjs +6 -6
  35. package/esm2020/rxjs/index.mjs +5 -5
  36. package/esm2020/rxjs/mapError.mjs +7 -7
  37. package/esm2020/rxjs/rxjs-operators.mjs +91 -91
  38. package/esm2020/rxjs/subjectifier.mjs +15 -15
  39. package/esm2020/table-builder/classes/DefaultSettings.mjs +6 -6
  40. package/esm2020/table-builder/classes/GenericTableDataSource.mjs +13 -13
  41. package/esm2020/table-builder/classes/MatTableObservableDataSource.mjs +41 -21
  42. package/esm2020/table-builder/classes/TableBuilderConfig.mjs +3 -3
  43. package/esm2020/table-builder/classes/TableState.mjs +31 -31
  44. package/esm2020/table-builder/classes/data-filter.mjs +26 -26
  45. package/esm2020/table-builder/classes/display-col.mjs +1 -1
  46. package/esm2020/table-builder/classes/filter-info.mjs +73 -73
  47. package/esm2020/table-builder/classes/table-builder-general-settings.mjs +67 -67
  48. package/esm2020/table-builder/classes/table-builder.mjs +76 -76
  49. package/esm2020/table-builder/classes/table-store.mjs +292 -292
  50. package/esm2020/table-builder/components/array-column.component.mjs +32 -32
  51. package/esm2020/table-builder/components/column-builder/column-builder.component.mjs +112 -112
  52. package/esm2020/table-builder/components/date-filter/date-filter.component.mjs +25 -25
  53. package/esm2020/table-builder/components/date-time-filter/date-time-filter.component.mjs +22 -22
  54. package/esm2020/table-builder/components/filter/filter.component.mjs +54 -54
  55. package/esm2020/table-builder/components/filter/in-list/in-list-filter.component.mjs +79 -79
  56. package/esm2020/table-builder/components/gen-col-displayer/gen-col-displayer.component.mjs +45 -45
  57. package/esm2020/table-builder/components/generic-table/generic-table.component.mjs +204 -202
  58. package/esm2020/table-builder/components/generic-table/paginator.component.mjs +60 -60
  59. package/esm2020/table-builder/components/group-by-list/group-by-list.component.mjs +22 -22
  60. package/esm2020/table-builder/components/header-menu/header-menu.component.mjs +90 -90
  61. package/esm2020/table-builder/components/in-filter/in-filter.component.mjs +63 -63
  62. package/esm2020/table-builder/components/index.mjs +10 -10
  63. package/esm2020/table-builder/components/initialization-component/initialization-component.mjs +33 -33
  64. package/esm2020/table-builder/components/link-column.component.mjs +30 -30
  65. package/esm2020/table-builder/components/number-filter/number-filter.component.mjs +26 -26
  66. package/esm2020/table-builder/components/sort-menu/sort-menu.component-store.mjs +41 -41
  67. package/esm2020/table-builder/components/sort-menu/sort-menu.component.mjs +75 -75
  68. package/esm2020/table-builder/components/table-container/table-container.mjs +322 -322
  69. package/esm2020/table-builder/components/table-container-filter/filter-list/filter-list.component.mjs +42 -42
  70. package/esm2020/table-builder/components/table-container-filter/gen-filter-displayer/gen-filter-displayer.component.mjs +30 -30
  71. package/esm2020/table-builder/components/table-container-filter/table-wrapper-filter-store.mjs +24 -24
  72. package/esm2020/table-builder/directives/custom-cell-directive.mjs +58 -58
  73. package/esm2020/table-builder/directives/index.mjs +6 -6
  74. package/esm2020/table-builder/directives/multi-sort.directive.mjs +42 -42
  75. package/esm2020/table-builder/directives/resize-column.directive.mjs +85 -85
  76. package/esm2020/table-builder/directives/table-wrapper.directive.mjs +26 -26
  77. package/esm2020/table-builder/directives/tb-filter.directive.mjs +403 -403
  78. package/esm2020/table-builder/enums/filterTypes.mjs +72 -72
  79. package/esm2020/table-builder/functions/boolean-filter-function.mjs +9 -9
  80. package/esm2020/table-builder/functions/date-filter-function.mjs +58 -58
  81. package/esm2020/table-builder/functions/download-data.mjs +11 -11
  82. package/esm2020/table-builder/functions/null-filter-function.mjs +7 -7
  83. package/esm2020/table-builder/functions/number-filter-function.mjs +31 -31
  84. package/esm2020/table-builder/functions/sort-data-function.mjs +4 -4
  85. package/esm2020/table-builder/functions/string-filter-function.mjs +40 -40
  86. package/esm2020/table-builder/interfaces/ColumnInfo.mjs +1 -1
  87. package/esm2020/table-builder/interfaces/dictionary.mjs +1 -1
  88. package/esm2020/table-builder/interfaces/report-def.mjs +35 -35
  89. package/esm2020/table-builder/material.module.mjs +207 -207
  90. package/esm2020/table-builder/ngrx/actions.mjs +4 -4
  91. package/esm2020/table-builder/ngrx/effects.mjs +47 -47
  92. package/esm2020/table-builder/ngrx/reducer.mjs +51 -51
  93. package/esm2020/table-builder/ngrx/selectors.mjs +23 -23
  94. package/esm2020/table-builder/pipes/column-total.pipe.mjs +19 -19
  95. package/esm2020/table-builder/pipes/format-filter-type.pipe.mjs +17 -17
  96. package/esm2020/table-builder/pipes/format-filter-value.pipe.mjs +45 -45
  97. package/esm2020/table-builder/pipes/key-display.mjs +19 -19
  98. package/esm2020/table-builder/services/export-to-csv.service.mjs +88 -88
  99. package/esm2020/table-builder/services/link-creator.service.mjs +42 -42
  100. package/esm2020/table-builder/services/table-template-service.mjs +44 -44
  101. package/esm2020/table-builder/services/transform-creator.mjs +75 -75
  102. package/esm2020/table-builder/table-builder.module.mjs +215 -207
  103. package/esm2020/utilities/directives/auto-focus.directive.mjs +25 -25
  104. package/esm2020/utilities/directives/clickEmitterDirective.mjs +20 -20
  105. package/esm2020/utilities/directives/clickSubject.mjs +26 -26
  106. package/esm2020/utilities/directives/conditional-classes.directive.mjs +35 -35
  107. package/esm2020/utilities/directives/dialog-service.mjs +25 -25
  108. package/esm2020/utilities/directives/dialog.mjs +137 -137
  109. package/esm2020/utilities/directives/mat-toggle-group-directive.mjs +59 -59
  110. package/esm2020/utilities/directives/prevent-enter.directive.mjs +18 -18
  111. package/esm2020/utilities/directives/stop-propagation.directive.mjs +24 -24
  112. package/esm2020/utilities/directives/styler.mjs +25 -25
  113. package/esm2020/utilities/directives/trim-whitespace.directive.mjs +29 -29
  114. package/esm2020/utilities/index.mjs +16 -16
  115. package/esm2020/utilities/module.mjs +91 -91
  116. package/esm2020/utilities/pipes/function.pipe.mjs +20 -20
  117. package/esm2020/utilities/pipes/phone.pipe.mjs +19 -19
  118. package/esm2020/utilities/pipes/space-case.pipes.mjs +28 -28
  119. package/fesm2015/one-paragon-angular-utilities.mjs +4442 -4413
  120. package/fesm2015/one-paragon-angular-utilities.mjs.map +1 -1
  121. package/fesm2020/one-paragon-angular-utilities.mjs +4422 -4393
  122. package/fesm2020/one-paragon-angular-utilities.mjs.map +1 -1
  123. package/http-request-state/HttpRequestStateFactory.d.ts +14 -14
  124. package/http-request-state/HttpRequestStateStore.d.ts +48 -48
  125. package/http-request-state/directives/HttpStateDirectiveBase.d.ts +16 -16
  126. package/http-request-state/directives/http-error-state-directive.d.ts +12 -12
  127. package/http-request-state/directives/http-inProgress-state-directive.d.ts +12 -12
  128. package/http-request-state/directives/http-notStarted-state-directive.d.ts +12 -12
  129. package/http-request-state/directives/http-success-state-directive.d.ts +21 -21
  130. package/http-request-state/directives/index.d.ts +5 -5
  131. package/http-request-state/directives/request-state-directive.d.ts +35 -35
  132. package/http-request-state/helpers.d.ts +9 -9
  133. package/http-request-state/http-request-state.d.ts +12 -12
  134. package/http-request-state/http-state-module.d.ts +11 -11
  135. package/http-request-state/index.d.ts +6 -6
  136. package/http-request-state/rxjs/getRequestorBody.d.ts +3 -3
  137. package/http-request-state/rxjs/getRequestorState.d.ts +3 -3
  138. package/http-request-state/rxjs/index.d.ts +4 -4
  139. package/http-request-state/rxjs/tapError.d.ts +3 -3
  140. package/http-request-state/rxjs/tapSuccess.d.ts +3 -3
  141. package/http-request-state/types.d.ts +36 -36
  142. package/index.d.ts +5 -5
  143. package/ngrx/actionable-selector.d.ts +15 -15
  144. package/ngrx/index.d.ts +1 -1
  145. package/package.json +1 -1
  146. package/public-api.d.ts +15 -15
  147. package/rxjs/defaultShareReplay.d.ts +2 -2
  148. package/rxjs/index.d.ts +4 -4
  149. package/rxjs/mapError.d.ts +2 -2
  150. package/rxjs/rxjs-operators.d.ts +12 -12
  151. package/rxjs/subjectifier.d.ts +9 -9
  152. package/table-builder/classes/DefaultSettings.d.ts +9 -9
  153. package/table-builder/classes/GenericTableDataSource.d.ts +8 -8
  154. package/table-builder/classes/MatTableObservableDataSource.d.ts +17 -9
  155. package/table-builder/classes/TableBuilderConfig.d.ts +20 -20
  156. package/table-builder/classes/TableState.d.ts +46 -46
  157. package/table-builder/classes/data-filter.d.ts +9 -9
  158. package/table-builder/classes/display-col.d.ts +5 -5
  159. package/table-builder/classes/filter-info.d.ts +40 -40
  160. package/table-builder/classes/table-builder-general-settings.d.ts +43 -43
  161. package/table-builder/classes/table-builder.d.ts +14 -14
  162. package/table-builder/classes/table-store.d.ts +114 -114
  163. package/table-builder/components/array-column.component.d.ts +14 -14
  164. package/table-builder/components/column-builder/column-builder.component.d.ts +50 -50
  165. package/table-builder/components/date-filter/date-filter.component.d.ts +10 -10
  166. package/table-builder/components/date-time-filter/date-time-filter.component.d.ts +10 -10
  167. package/table-builder/components/filter/filter.component.d.ts +371 -371
  168. package/table-builder/components/filter/in-list/in-list-filter.component.d.ts +27 -27
  169. package/table-builder/components/gen-col-displayer/gen-col-displayer.component.d.ts +16 -16
  170. package/table-builder/components/generic-table/generic-table.component.d.ts +73 -73
  171. package/table-builder/components/generic-table/paginator.component.d.ts +28 -28
  172. package/table-builder/components/group-by-list/group-by-list.component.d.ts +10 -10
  173. package/table-builder/components/header-menu/header-menu.component.d.ts +25 -25
  174. package/table-builder/components/in-filter/in-filter.component.d.ts +21 -21
  175. package/table-builder/components/index.d.ts +9 -9
  176. package/table-builder/components/initialization-component/initialization-component.d.ts +12 -12
  177. package/table-builder/components/link-column.component.d.ts +17 -17
  178. package/table-builder/components/number-filter/number-filter.component.d.ts +12 -12
  179. package/table-builder/components/sort-menu/sort-menu.component-store.d.ts +24 -24
  180. package/table-builder/components/sort-menu/sort-menu.component.d.ts +25 -25
  181. package/table-builder/components/table-container/table-container.d.ts +68 -68
  182. package/table-builder/components/table-container-filter/filter-list/filter-list.component.d.ts +17 -17
  183. package/table-builder/components/table-container-filter/gen-filter-displayer/gen-filter-displayer.component.d.ts +14 -14
  184. package/table-builder/components/table-container-filter/table-wrapper-filter-store.d.ts +14 -14
  185. package/table-builder/directives/custom-cell-directive.d.ts +19 -19
  186. package/table-builder/directives/index.d.ts +5 -5
  187. package/table-builder/directives/multi-sort.directive.d.ts +11 -11
  188. package/table-builder/directives/resize-column.directive.d.ts +43 -43
  189. package/table-builder/directives/table-wrapper.directive.d.ts +11 -11
  190. package/table-builder/directives/tb-filter.directive.d.ts +120 -120
  191. package/table-builder/enums/filterTypes.d.ts +37 -37
  192. package/table-builder/functions/boolean-filter-function.d.ts +3 -3
  193. package/table-builder/functions/date-filter-function.d.ts +4 -4
  194. package/table-builder/functions/download-data.d.ts +1 -1
  195. package/table-builder/functions/null-filter-function.d.ts +2 -2
  196. package/table-builder/functions/number-filter-function.d.ts +4 -4
  197. package/table-builder/functions/sort-data-function.d.ts +3 -3
  198. package/table-builder/functions/string-filter-function.d.ts +7 -7
  199. package/table-builder/interfaces/ColumnInfo.d.ts +6 -6
  200. package/table-builder/interfaces/dictionary.d.ts +3 -3
  201. package/table-builder/interfaces/report-def.d.ts +142 -142
  202. package/table-builder/material.module.d.ts +32 -32
  203. package/table-builder/ngrx/actions.d.ts +23 -23
  204. package/table-builder/ngrx/effects.d.ts +19 -19
  205. package/table-builder/ngrx/reducer.d.ts +15 -15
  206. package/table-builder/ngrx/selectors.d.ts +22 -22
  207. package/table-builder/pipes/column-total.pipe.d.ts +8 -8
  208. package/table-builder/pipes/format-filter-type.pipe.d.ts +8 -8
  209. package/table-builder/pipes/format-filter-value.pipe.d.ts +14 -14
  210. package/table-builder/pipes/key-display.d.ts +11 -11
  211. package/table-builder/services/export-to-csv.service.d.ts +22 -22
  212. package/table-builder/services/link-creator.service.d.ts +12 -12
  213. package/table-builder/services/table-template-service.d.ts +14 -14
  214. package/table-builder/services/transform-creator.d.ts +19 -19
  215. package/table-builder/table-builder.module.d.ts +48 -46
  216. package/utilities/directives/auto-focus.directive.d.ts +10 -10
  217. package/utilities/directives/clickEmitterDirective.d.ts +7 -7
  218. package/utilities/directives/clickSubject.d.ts +9 -9
  219. package/utilities/directives/conditional-classes.directive.d.ts +14 -14
  220. package/utilities/directives/dialog-service.d.ts +10 -10
  221. package/utilities/directives/dialog.d.ts +46 -46
  222. package/utilities/directives/mat-toggle-group-directive.d.ts +21 -21
  223. package/utilities/directives/prevent-enter.directive.d.ts +6 -6
  224. package/utilities/directives/stop-propagation.directive.d.ts +7 -7
  225. package/utilities/directives/styler.d.ts +9 -9
  226. package/utilities/directives/trim-whitespace.directive.d.ts +9 -9
  227. package/utilities/index.d.ts +15 -15
  228. package/utilities/module.d.ts +19 -19
  229. package/utilities/pipes/function.pipe.d.ts +7 -7
  230. package/utilities/pipes/phone.pipe.d.ts +7 -7
  231. package/utilities/pipes/space-case.pipes.d.ts +17 -17
@@ -1,75 +1,75 @@
1
- import { moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';
2
- import { Component } from '@angular/core';
3
- import { BehaviorSubject } from 'rxjs';
4
- import { first, map, tap } from 'rxjs/operators';
5
- import { SortDirection } from '../../interfaces/report-def';
6
- import { SortMenuComponentStore } from './sort-menu.component-store';
7
- import * as i0 from "@angular/core";
8
- import * as i1 from "../../classes/table-store";
9
- import * as i2 from "./sort-menu.component-store";
10
- import * as i3 from "@angular/common";
11
- import * as i4 from "@angular/material/button";
12
- import * as i5 from "@angular/material/tooltip";
13
- import * as i6 from "@angular/material/menu";
14
- import * as i7 from "@angular/material/icon";
15
- import * as i8 from "@ngrx/component";
16
- import * as i9 from "@angular/cdk/drag-drop";
17
- import * as i10 from "../../../utilities/directives/stop-propagation.directive";
18
- import * as i11 from "../../../utilities/pipes/space-case.pipes";
19
- export class SortMenuComponent {
20
- constructor(tableState, store) {
21
- this.tableState = tableState;
22
- this.store = store;
23
- this.SortDirection = SortDirection;
24
- this.dirty$ = new BehaviorSubject(false);
25
- this.apply = this.store.effect((obs) => obs.pipe(tap(() => {
26
- this.dirty$.next(false);
27
- this.tableState.setAllSort(this.store.sorted$.pipe(first()));
28
- })));
29
- this.sorted$ = this.store.sorted$.pipe(map(data => [...data]));
30
- this.notSorted$ = this.store.notSorted$.pipe(map(data => [...data]));
31
- }
32
- reset() {
33
- this.dirty$.next(false);
34
- this.store.reset();
35
- }
36
- ngOnInit() {
37
- this.store.reset();
38
- }
39
- dropIntoSorted(event) {
40
- this.dirty$.next(true);
41
- if (event.previousContainer === event.container) {
42
- moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
43
- this.store.setSorted(event.container.data);
44
- }
45
- else {
46
- transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);
47
- event.container.data[event.currentIndex] = { ...event.container.data[event.currentIndex], direction: SortDirection.asc };
48
- this.store.setSorted(event.container.data);
49
- this.store.setNotSorted(event.previousContainer.data);
50
- }
51
- }
52
- dropIntoNotSorted(event) {
53
- if (event.previousContainer === event.container) {
54
- return;
55
- }
56
- else {
57
- this.dirty$.next(true);
58
- transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);
59
- event.container.data[event.currentIndex] = { ...event.container.data[event.currentIndex] };
60
- this.store.setNotSorted(event.container.data);
61
- this.store.setSorted(event.previousContainer.data);
62
- }
63
- }
64
- setDirection(sort) {
65
- this.dirty$.next(true);
66
- this.store.setDirection(sort);
67
- }
68
- }
69
- SortMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SortMenuComponent, deps: [{ token: i1.TableStore }, { token: i2.SortMenuComponentStore }], target: i0.ɵɵFactoryTarget.Component });
70
- SortMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: SortMenuComponent, selector: "tb-sort-menu", providers: [SortMenuComponentStore], ngImport: i0, template: "<ng-container *ngrxLet=\"dirty$ as dirty\">\n<ng-container *ngIf=\"sorted$ | async as sorted\">\n <ng-container *ngIf=\"notSorted$ | async as notSorted\">\n <!-- Menu Trigger -->\n <span matTooltip=\"Sort\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\">\n <mat-icon color=\"primary\">swap_vert</mat-icon>\n </button>\n </span>\n\n <!-- Menu -->\n <mat-menu #menu=\"matMenu\" class=\"my-mat-menu\" (closed)=\"reset()\">\n <div mat-menu-item class=\"menu-button\">\n <div class=\"close-button-wrapper\">\n <span matTooltip=\"Close\">\n <mat-icon>close</mat-icon>\n </span>\n <span *ngIf=\"dirty\" matTooltip=\"Undo\" stop-propagation (click)=\"reset()\">\n <mat-icon>undo</mat-icon>\n </span>\n </div>\n </div>\n\n <!-- Apply Button -->\n <div class=\"apply-button-wrapper\">\n <button mat-button color=\"primary\" (click)=\"apply(null)\"\n stop-propagation [class.apply-border]=\"dirty\"\n [disabled]=\"!dirty\">\n Apply\n <ng-container *ngIf=\"dirty\">Unsaved Changes</ng-container>\n </button>\n </div>\n\n <!-- Default Sorting Text -->\n <div *ngIf=\"!sorted.length\" class=\"tip\" >\n Sorting List\n </div>\n\n <!-- Sorted Menu List -->\n <div class=\"list\"\n cdkDropList\n #sortedGroup=\"cdkDropList\"\n [cdkDropListConnectedTo]=\"[notSortedGroup]\"\n [cdkDropListData]=\"sorted\"\n (cdkDropListDropped)=\"dropIntoSorted($event)\">\n\n <!-- Menu Item Wrapper -->\n <ng-container *ngFor=\"let sort of sorted;let i=index\">\n\n <!-- Menu Item Headers -->\n <span *ngIf=\"sorted.length > 1 && i === 0 \" class=\"description\" class=\"sort-header\">First By</span>\n <span *ngIf=\"sorted.length > 1 && i !== 0 \" class=\"description\" class=\"sort-header\">Then By</span>\n\n <!-- Menu Item -->\n <div mat-menu-item cdkDrag class=\"menu-item\">\n <div class=\"sort-item\">\n <span class=\"sorted-name\">\n {{sort.displayName || (sort.active | spaceCase)}}\n <span class=\"direction-text\">{{sort.direction}}</span>\n </span>\n\n <!-- Sort Direction Buttons -->\n <div class=\"up-down-buttons-wrapper\">\n <button class=\"up-down-button up-button\" stop-propagation\n (click)=\"setDirection({active:sort.active,direction:SortDirection.asc,displayName:sort.displayName})\">\n <mat-icon [ngClass]=\"sort.direction !== SortDirection.asc ? 'light-arrow' : 'dark-arrow'\" class=\"up-down-icon\">\n arrow_upward\n </mat-icon>\n </button>\n\n <button class=\"up-down-button\" stop-propagation\n (click)=\"setDirection({active:sort.active,direction:SortDirection.desc,displayName:sort.displayName})\">\n <mat-icon [ngClass]=\"sort.direction === SortDirection.asc ? 'light-arrow' : 'dark-arrow'\" class=\"up-down-icon\">\n arrow_downward\n </mat-icon>\n </button>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n\n <!-- Default Not Sorted Text -->\n <div *ngIf=\"!notSorted.length\" class=\"tip\" >\n Not Sorted List\n </div>\n <!-- Not Sorted Menu List -->\n <div class=\"list\"\n cdkDropList\n #notSortedGroup=\"cdkDropList\"\n [cdkDropListConnectedTo]=\"[sortedGroup]\"\n [cdkDropListData]=\"notSorted\"\n (cdkDropListDropped)=\"dropIntoNotSorted($event)\">\n <div mat-menu-item *ngFor=\"let sort of notSorted\" class=\"menu-item\" cdkDrag>\n <span class=\"not-sorted-name\">{{sort.displayName || (sort.active | spaceCase)}}</span>\n </div>\n </div>\n </mat-menu>\n </ng-container>\n</ng-container>\n</ng-container>\n", styles: [".cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.list{padding:5px 2px;border-bottom:solid 1px #ccc;color:#000000de;background:white}.light-arrow{color:#93b1ea78}.dark-arrow{color:#224e9c}.up-down-button{background-color:#fff;border-radius:30%;border-color:#0ff;padding:1px 1px 0;border-width:.5px;cursor:pointer;height:27px}.mat-icon.up-down-icon{margin-right:0;font-size:20px;font-weight:lighter}.sort-item{display:flex;align-items:center;justify-content:space-between}.up-down-buttons-wrapper{margin-left:2rem}.up-button{margin-right:.3rem}.mat-mdc-menu-item.menu-item,.mat-mdc-menu-item.menu-button{min-height:initial;padding:0 3px;line-height:25px;height:30px}.mat-mdc-menu-item.menu-item{cursor:move}.sorted-name{color:#224e9c;font-size:17px;font-weight:700}.not-sorted-name{color:#93b1ea;font-size:17px;font-weight:700}.apply-border{border:#224e9c solid .5px}.apply-border:hover{background-color:#faebd7}.apply-button-wrapper{display:grid;justify-content:center}.sort-header{font-size:10px;font-style:italic}.tip{padding:0 3px;color:#d3d3d3}.direction-text{font-size:small;font-weight:400}.close-button-wrapper{display:flex;flex-direction:row-reverse}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.LetDirective, selector: "[ngrxLet]", inputs: ["ngrxLet", "ngrxLetSuspenseTpl"] }, { kind: "directive", type: i9.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i9.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i10.StopPropagationDirective, selector: "[stop-propagation]" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i11.SpaceCasePipe, name: "spaceCase" }] });
71
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SortMenuComponent, decorators: [{
72
- type: Component,
73
- args: [{ selector: 'tb-sort-menu', providers: [SortMenuComponentStore], template: "<ng-container *ngrxLet=\"dirty$ as dirty\">\n<ng-container *ngIf=\"sorted$ | async as sorted\">\n <ng-container *ngIf=\"notSorted$ | async as notSorted\">\n <!-- Menu Trigger -->\n <span matTooltip=\"Sort\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\">\n <mat-icon color=\"primary\">swap_vert</mat-icon>\n </button>\n </span>\n\n <!-- Menu -->\n <mat-menu #menu=\"matMenu\" class=\"my-mat-menu\" (closed)=\"reset()\">\n <div mat-menu-item class=\"menu-button\">\n <div class=\"close-button-wrapper\">\n <span matTooltip=\"Close\">\n <mat-icon>close</mat-icon>\n </span>\n <span *ngIf=\"dirty\" matTooltip=\"Undo\" stop-propagation (click)=\"reset()\">\n <mat-icon>undo</mat-icon>\n </span>\n </div>\n </div>\n\n <!-- Apply Button -->\n <div class=\"apply-button-wrapper\">\n <button mat-button color=\"primary\" (click)=\"apply(null)\"\n stop-propagation [class.apply-border]=\"dirty\"\n [disabled]=\"!dirty\">\n Apply\n <ng-container *ngIf=\"dirty\">Unsaved Changes</ng-container>\n </button>\n </div>\n\n <!-- Default Sorting Text -->\n <div *ngIf=\"!sorted.length\" class=\"tip\" >\n Sorting List\n </div>\n\n <!-- Sorted Menu List -->\n <div class=\"list\"\n cdkDropList\n #sortedGroup=\"cdkDropList\"\n [cdkDropListConnectedTo]=\"[notSortedGroup]\"\n [cdkDropListData]=\"sorted\"\n (cdkDropListDropped)=\"dropIntoSorted($event)\">\n\n <!-- Menu Item Wrapper -->\n <ng-container *ngFor=\"let sort of sorted;let i=index\">\n\n <!-- Menu Item Headers -->\n <span *ngIf=\"sorted.length > 1 && i === 0 \" class=\"description\" class=\"sort-header\">First By</span>\n <span *ngIf=\"sorted.length > 1 && i !== 0 \" class=\"description\" class=\"sort-header\">Then By</span>\n\n <!-- Menu Item -->\n <div mat-menu-item cdkDrag class=\"menu-item\">\n <div class=\"sort-item\">\n <span class=\"sorted-name\">\n {{sort.displayName || (sort.active | spaceCase)}}\n <span class=\"direction-text\">{{sort.direction}}</span>\n </span>\n\n <!-- Sort Direction Buttons -->\n <div class=\"up-down-buttons-wrapper\">\n <button class=\"up-down-button up-button\" stop-propagation\n (click)=\"setDirection({active:sort.active,direction:SortDirection.asc,displayName:sort.displayName})\">\n <mat-icon [ngClass]=\"sort.direction !== SortDirection.asc ? 'light-arrow' : 'dark-arrow'\" class=\"up-down-icon\">\n arrow_upward\n </mat-icon>\n </button>\n\n <button class=\"up-down-button\" stop-propagation\n (click)=\"setDirection({active:sort.active,direction:SortDirection.desc,displayName:sort.displayName})\">\n <mat-icon [ngClass]=\"sort.direction === SortDirection.asc ? 'light-arrow' : 'dark-arrow'\" class=\"up-down-icon\">\n arrow_downward\n </mat-icon>\n </button>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n\n <!-- Default Not Sorted Text -->\n <div *ngIf=\"!notSorted.length\" class=\"tip\" >\n Not Sorted List\n </div>\n <!-- Not Sorted Menu List -->\n <div class=\"list\"\n cdkDropList\n #notSortedGroup=\"cdkDropList\"\n [cdkDropListConnectedTo]=\"[sortedGroup]\"\n [cdkDropListData]=\"notSorted\"\n (cdkDropListDropped)=\"dropIntoNotSorted($event)\">\n <div mat-menu-item *ngFor=\"let sort of notSorted\" class=\"menu-item\" cdkDrag>\n <span class=\"not-sorted-name\">{{sort.displayName || (sort.active | spaceCase)}}</span>\n </div>\n </div>\n </mat-menu>\n </ng-container>\n</ng-container>\n</ng-container>\n", styles: [".cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.list{padding:5px 2px;border-bottom:solid 1px #ccc;color:#000000de;background:white}.light-arrow{color:#93b1ea78}.dark-arrow{color:#224e9c}.up-down-button{background-color:#fff;border-radius:30%;border-color:#0ff;padding:1px 1px 0;border-width:.5px;cursor:pointer;height:27px}.mat-icon.up-down-icon{margin-right:0;font-size:20px;font-weight:lighter}.sort-item{display:flex;align-items:center;justify-content:space-between}.up-down-buttons-wrapper{margin-left:2rem}.up-button{margin-right:.3rem}.mat-mdc-menu-item.menu-item,.mat-mdc-menu-item.menu-button{min-height:initial;padding:0 3px;line-height:25px;height:30px}.mat-mdc-menu-item.menu-item{cursor:move}.sorted-name{color:#224e9c;font-size:17px;font-weight:700}.not-sorted-name{color:#93b1ea;font-size:17px;font-weight:700}.apply-border{border:#224e9c solid .5px}.apply-border:hover{background-color:#faebd7}.apply-button-wrapper{display:grid;justify-content:center}.sort-header{font-size:10px;font-style:italic}.tip{padding:0 3px;color:#d3d3d3}.direction-text{font-size:small;font-weight:400}.close-button-wrapper{display:flex;flex-direction:row-reverse}\n"] }]
74
- }], ctorParameters: function () { return [{ type: i1.TableStore }, { type: i2.SortMenuComponentStore }]; } });
75
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydC1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdXRpbGl0aWVzL3NyYy90YWJsZS1idWlsZGVyL2NvbXBvbmVudHMvc29ydC1tZW51L3NvcnQtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXV0aWxpdGllcy9zcmMvdGFibGUtYnVpbGRlci9jb21wb25lbnRzL3NvcnQtbWVudS9zb3J0LW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFlLGVBQWUsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pGLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUV2QyxPQUFPLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVqRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDNUQsT0FBTyxFQUFFLHNCQUFzQixFQUFnQixNQUFNLDZCQUE2QixDQUFBOzs7Ozs7Ozs7Ozs7O0FBUWxGLE1BQU0sT0FBTyxpQkFBaUI7SUFNNUIsWUFBb0IsVUFBc0IsRUFBUyxLQUE2QjtRQUE1RCxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQVMsVUFBSyxHQUFMLEtBQUssQ0FBd0I7UUFGaEYsa0JBQWEsR0FBRyxhQUFhLENBQUM7UUFDOUIsV0FBTSxHQUFHLElBQUksZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBZ0RwQyxVQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFvQixFQUFDLEVBQUUsQ0FDaEQsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FB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QUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzlDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUNwRDtJQUNILENBQUM7SUFRRCxZQUFZLENBQUMsSUFBaUI7UUFDNUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDdkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQzs7OEdBOURVLGlCQUFpQjtrR0FBakIsaUJBQWlCLHVDQUZsQixDQUFDLHNCQUFzQixDQUFDLDBCQ2JwQyw4K0hBcUdBOzJGRHRGYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0UsY0FBYyxhQUdkLENBQUMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDZGtEcmFnRHJvcCwgbW92ZUl0ZW1JbkFycmF5LCB0cmFuc2ZlckFycmF5SXRlbSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBmaXJzdCwgbWFwLCB0YXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcbmltcG9ydCB7IFRhYmxlU3RvcmUgfSBmcm9tICcuLi8uLi9jbGFzc2VzL3RhYmxlLXN0b3JlJztcclxuaW1wb3J0IHsgU29ydERpcmVjdGlvbiB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvcmVwb3J0LWRlZic7XHJcbmltcG9ydCB7IFNvcnRNZW51Q29tcG9uZW50U3RvcmUsIFNvcnRXaXRoTmFtZSB9IGZyb20gJy4vc29ydC1tZW51LmNvbXBvbmVudC1zdG9yZSdcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndGItc29ydC1tZW51JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc29ydC1tZW51LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zb3J0LW1lbnUuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6W1NvcnRNZW51Q29tcG9uZW50U3RvcmVdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTb3J0TWVudUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcclxuXHJcbiAgc29ydGVkJDpPYnNlcnZhYmxlPFNvcnRXaXRoTmFtZVtdPjtcclxuICBub3RTb3J0ZWQkOk9ic2VydmFibGU8U29ydFdpdGhOYW1lW10+O1xyXG4gIFNvcnREaXJlY3Rpb24gPSBTb3J0RGlyZWN0aW9uO1xyXG4gIGRpcnR5JCA9IG5ldyBCZWhhdmlvclN1YmplY3QoZmFsc2UpO1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdGFibGVTdGF0ZTogVGFibGVTdG9yZSwgcHVibGljIHN0b3JlOiBTb3J0TWVudUNvbXBvbmVudFN0b3JlKSB7XHJcbiAgICB0aGlzLnNvcnRlZCQ9dGhpcy5zdG9yZS5zb3J0ZWQkLnBpcGUobWFwKGRhdGE9PlsuLi5kYXRhXSkpO1xyXG4gICAgdGhpcy5ub3RTb3J0ZWQkPXRoaXMuc3RvcmUubm90U29ydGVkJC5waXBlKG1hcChkYXRhPT5bLi4uZGF0YV0pKTtcclxuICB9XHJcblxyXG4gIHJlc2V0KCl7XHJcbiAgICB0aGlzLmRpcnR5JC5uZXh0KGZhbHNlKTtcclxuICAgIHRoaXMuc3RvcmUucmVzZXQoKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCl7XHJcbiAgICB0aGlzLnN0b3JlLnJlc2V0KCk7XHJcbiAgfVxyXG5cclxuICBkcm9wSW50b1NvcnRlZChldmVudDogQ2RrRHJhZ0Ryb3A8U29ydFdpdGhOYW1lW10+KSB7XHJcbiAgICB0aGlzLmRpcnR5JC5uZXh0KHRydWUpO1xyXG4gICAgaWYgKGV2ZW50LnByZXZpb3VzQ29udGFpbmVyID09PSBldmVudC5jb250YWluZXIpIHtcclxuICAgICAgbW92ZUl0ZW1JbkFycmF5KGV2ZW50LmNvbnRhaW5lci5kYXRhLCBldmVudC5wcmV2aW91c0luZGV4LCBldmVudC5jdXJyZW50SW5kZXgpO1xyXG4gICAgICB0aGlzLnN0b3JlLnNldFNvcnRlZChldmVudC5jb250YWluZXIuZGF0YSk7XHJcbiAgICB9IGVsc2Uge1xyXG5cclxuICAgICAgdHJhbnNmZXJBcnJheUl0ZW0oZXZlbnQucHJldmlvdXNDb250YWluZXIuZGF0YSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgZXZlbnQuY29udGFpbmVyLmRhdGEsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGV2ZW50LnByZXZpb3VzSW5kZXgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGV2ZW50LmN1cnJlbnRJbmRleCk7XHJcbiAgICAgIGV2ZW50LmNvbnRhaW5lci5kYXRhW2V2ZW50LmN1cnJlbnRJbmRleF0gPSB7Li4uZXZlbnQuY29udGFpbmVyLmRhdGFbZXZlbnQuY3VycmVudEluZGV4XSxkaXJlY3Rpb246U29ydERpcmVjdGlvbi5hc2N9O1xyXG4gICAgICB0aGlzLnN0b3JlLnNldFNvcnRlZChldmVudC5jb250YWluZXIuZGF0YSk7XHJcbiAgICAgIHRoaXMuc3RvcmUuc2V0Tm90U29ydGVkKGV2ZW50LnByZXZpb3VzQ29udGFpbmVyLmRhdGEpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZHJvcEludG9Ob3RTb3J0ZWQoZXZlbnQ6IENka0RyYWdEcm9wPFNvcnRXaXRoTmFtZVtdPil7XHJcbiAgICBpZiAoZXZlbnQucHJldmlvdXNDb250YWluZXIgPT09IGV2ZW50LmNvbnRhaW5lcikge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmRpcnR5JC5uZXh0KHRydWUpO1xyXG4gICAgICB0cmFuc2ZlckFycmF5SXRlbShldmVudC5wcmV2aW91c0NvbnRhaW5lci5kYXRhLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBldmVudC5jb250YWluZXIuZGF0YSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgZXZlbnQucHJldmlvdXNJbmRleCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgZXZlbnQuY3VycmVudEluZGV4KTtcclxuICAgICAgZXZlbnQuY29udGFpbmVyLmRhdGFbZXZlbnQuY3VycmVudEluZGV4XSA9IHsuLi5ldmVudC5jb250YWluZXIuZGF0YVtldmVudC5jdXJyZW50SW5kZXhdfTtcclxuXHJcbiAgICAgIHRoaXMuc3RvcmUuc2V0Tm90U29ydGVkKGV2ZW50LmNvbnRhaW5lci5kYXRhKTtcclxuICAgICAgdGhpcy5zdG9yZS5zZXRTb3J0ZWQoZXZlbnQucHJldmlvdXNDb250YWluZXIuZGF0YSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBhcHBseSA9IHRoaXMuc3RvcmUuZWZmZWN0KChvYnM6T2JzZXJ2YWJsZTxudWxsPik9PlxyXG4gICAgb2JzLnBpcGUodGFwKCgpPT57XHJcbiAgICAgIHRoaXMuZGlydHkkLm5leHQoZmFsc2UpO1xyXG4gICAgICB0aGlzLnRhYmxlU3RhdGUuc2V0QWxsU29ydCh0aGlzLnN0b3JlLnNvcnRlZCQucGlwZShmaXJzdCgpKSlcclxuICB9KSkpO1xyXG5cclxuICBzZXREaXJlY3Rpb24oc29ydDpTb3J0V2l0aE5hbWUpe1xyXG4gICAgdGhpcy5kaXJ0eSQubmV4dCh0cnVlKTtcclxuICAgIHRoaXMuc3RvcmUuc2V0RGlyZWN0aW9uKHNvcnQpO1xyXG4gIH1cclxuXHJcbn1cclxuXHJcblxyXG4iLCI8bmctY29udGFpbmVyICpuZ3J4TGV0PVwiZGlydHkkIGFzIGRpcnR5XCI+XG48bmctY29udGFpbmVyICAqbmdJZj1cInNvcnRlZCQgfCBhc3luYyBhcyBzb3J0ZWRcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm5vdFNvcnRlZCQgfCBhc3luYyBhcyBub3RTb3J0ZWRcIj5cbiAgICA8IS0tIE1lbnUgVHJpZ2dlciAtLT5cbiAgICA8c3BhbiBtYXRUb29sdGlwPVwiU29ydFwiPlxuICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIj5cbiAgICAgICAgPG1hdC1pY29uIGNvbG9yPVwicHJpbWFyeVwiPnN3YXBfdmVydDwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L3NwYW4+XG5cbiAgICA8IS0tIE1lbnUgLS0+XG4gICAgPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiICBjbGFzcz1cIm15LW1hdC1tZW51XCIgKGNsb3NlZCk9XCJyZXNldCgpXCI+XG4gICAgICA8ZGl2IG1hdC1tZW51LWl0ZW0gY2xhc3M9XCJtZW51LWJ1dHRvblwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2xvc2UtYnV0dG9uLXdyYXBwZXJcIj5cbiAgICAgICAgICA8c3BhbiBtYXRUb29sdGlwPVwiQ2xvc2VcIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbj5jbG9zZTwvbWF0LWljb24+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDxzcGFuICpuZ0lmPVwiZGlydHlcIiBtYXRUb29sdGlwPVwiVW5kb1wiIHN0b3AtcHJvcGFnYXRpb24gKGNsaWNrKT1cInJlc2V0KClcIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbj51bmRvPC9tYXQtaWNvbj5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDwhLS0gQXBwbHkgQnV0dG9uIC0tPlxuICAgICAgPGRpdiBjbGFzcz1cImFwcGx5LWJ1dHRvbi13cmFwcGVyXCI+XG4gICAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiAoY2xpY2spPVwiYXBwbHkobnVsbClcIlxuICAgICAgICAgIHN0b3AtcHJvcGFnYXRpb24gW2NsYXNzLmFwcGx5LWJvcmRlcl09XCJkaXJ0eVwiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cIiFkaXJ0eVwiPlxuICAgICAgICAgICAgQXBwbHlcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkaXJ0eVwiPlVuc2F2ZWQgQ2hhbmdlczwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8IS0tIERlZmF1bHQgU29ydGluZyBUZXh0IC0tPlxuICAgICAgPGRpdiAqbmdJZj1cIiFzb3J0ZWQubGVuZ3RoXCIgY2xhc3M9XCJ0aXBcIiA+XG4gICAgICAgIFNvcnRpbmcgTGlzdFxuICAgICAgPC9kaXY+XG5cbiAgICAgIDwhLS0gU29ydGVkIE1lbnUgTGlzdCAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJsaXN0XCJcbiAgICAgICAgY2RrRHJvcExpc3RcbiAgICAgICAgI3NvcnRlZEdyb3VwPVwiY2RrRHJvcExpc3RcIlxuICAgICAgICBbY2RrRHJvcExpc3RDb25uZWN0ZWRUb109XCJbbm90U29ydGVkR3JvdXBdXCJcbiAgICAgICAgW2Nka0Ryb3BMaXN0RGF0YV09XCJzb3J0ZWRcIlxuICAgICAgICAoY2RrRHJvcExpc3REcm9wcGVkKT1cImRyb3BJbnRvU29ydGVkKCRldmVudClcIj5cblxuICAgICAgICA8IS0tIE1lbnUgSXRlbSBXcmFwcGVyIC0tPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBzb3J0IG9mIHNvcnRlZDtsZXQgaT1pbmRleFwiPlxuXG4gICAgICAgICAgPCEtLSBNZW51IEl0ZW0gSGVhZGVycyAtLT5cbiAgICAgICAgICA8c3BhbiAqbmdJZj1cInNvcnRlZC5sZW5ndGggPiAxICYmIGkgPT09IDAgXCIgY2xhc3M9XCJkZXNjcmlwdGlvblwiIGNsYXNzPVwic29ydC1oZWFkZXJcIj5GaXJzdCBCeTwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiAqbmdJZj1cInNvcnRlZC5sZW5ndGggPiAxICYmIGkgIT09IDAgXCIgY2xhc3M9XCJkZXNjcmlwdGlvblwiICBjbGFzcz1cInNvcnQtaGVhZGVyXCI+VGhlbiBCeTwvc3Bhbj5cblxuICAgICAgICAgIDwhLS0gTWVudSBJdGVtIC0tPlxuICAgICAgICAgIDxkaXYgbWF0LW1lbnUtaXRlbSAgIGNka0RyYWcgY2xhc3M9XCJtZW51LWl0ZW1cIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzb3J0LWl0ZW1cIj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzb3J0ZWQtbmFtZVwiPlxuICAgICAgICAgICAgICAgIHt7c29ydC5kaXNwbGF5TmFtZSB8fCAoc29ydC5hY3RpdmUgfCBzcGFjZUNhc2UpfX1cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImRpcmVjdGlvbi10ZXh0XCI+e3tzb3J0LmRpcmVjdGlvbn19PC9zcGFuPlxuICAgICAgICAgICAgICA8L3NwYW4+XG5cbiAgICAgICAgICAgICAgPCEtLSBTb3J0IERpcmVjdGlvbiBCdXR0b25zIC0tPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidXAtZG93bi1idXR0b25zLXdyYXBwZXJcIj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uICBjbGFzcz1cInVwLWRvd24tYnV0dG9uIHVwLWJ1dHRvblwiIHN0b3AtcHJvcGFnYXRpb25cbiAgICAgICAgICAgICAgICAoY2xpY2spPVwic2V0RGlyZWN0aW9uKHthY3RpdmU6c29ydC5hY3RpdmUsZGlyZWN0aW9uOlNvcnREaXJlY3Rpb24uYXNjLGRpc3BsYXlOYW1lOnNvcnQuZGlzcGxheU5hbWV9KVwiPlxuICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIFtuZ0NsYXNzXT1cInNvcnQuZGlyZWN0aW9uICE9PSBTb3J0RGlyZWN0aW9uLmFzYyA/ICdsaWdodC1hcnJvdycgOiAnZGFyay1hcnJvdydcIiBjbGFzcz1cInVwLWRvd24taWNvblwiPlxuICAgICAgICAgICAgICAgICAgYXJyb3dfdXB3YXJkXG4gICAgICAgICAgICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInVwLWRvd24tYnV0dG9uXCIgc3RvcC1wcm9wYWdhdGlvblxuICAgICAgICAgICAgICAgIChjbGljayk9XCJzZXREaXJlY3Rpb24oe2FjdGl2ZTpzb3J0LmFjdGl2ZSxkaXJlY3Rpb246U29ydERpcmVjdGlvbi5kZXNjLGRpc3BsYXlOYW1lOnNvcnQuZGlzcGxheU5hbWV9KVwiPlxuICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIFtuZ0NsYXNzXT1cInNvcnQuZGlyZWN0aW9uID09PSBTb3J0RGlyZWN0aW9uLmFzYyA/ICdsaWdodC1hcnJvdycgOiAnZGFyay1hcnJvdydcIiBjbGFzcz1cInVwLWRvd24taWNvblwiPlxuICAgICAgICAgICAgICAgICAgICBhcnJvd19kb3dud2FyZFxuICAgICAgICAgICAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPCEtLSBEZWZhdWx0IE5vdCBTb3J0ZWQgVGV4dCAtLT5cbiAgICAgIDxkaXYgKm5nSWY9XCIhbm90U29ydGVkLmxlbmd0aFwiIGNsYXNzPVwidGlwXCIgPlxuICAgICAgICBOb3QgU29ydGVkIExpc3RcbiAgICAgIDwvZGl2PlxuICAgICAgPCEtLSBOb3QgU29ydGVkIE1lbnUgTGlzdCAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJsaXN0XCJcbiAgICAgICAgY2RrRHJvcExpc3RcbiAgICAgICAgI25vdFNvcnRlZEdyb3VwPVwiY2RrRHJvcExpc3RcIlxuICAgICAgICBbY2RrRHJvcExpc3RDb25uZWN0ZWRUb109XCJbc29ydGVkR3JvdXBdXCJcbiAgICAgICAgW2Nka0Ryb3BMaXN0RGF0YV09XCJub3RTb3J0ZWRcIlxuICAgICAgICAoY2RrRHJvcExpc3REcm9wcGVkKT1cImRyb3BJbnRvTm90U29ydGVkKCRldmVudClcIj5cbiAgICAgICAgPGRpdiBtYXQtbWVudS1pdGVtICpuZ0Zvcj1cImxldCBzb3J0IG9mIG5vdFNvcnRlZFwiICBjbGFzcz1cIm1lbnUtaXRlbVwiIGNka0RyYWc+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJub3Qtc29ydGVkLW5hbWVcIj57e3NvcnQuZGlzcGxheU5hbWUgfHwgKHNvcnQuYWN0aXZlIHwgc3BhY2VDYXNlKX19PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbWF0LW1lbnU+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
1
+ import { moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';
2
+ import { Component } from '@angular/core';
3
+ import { BehaviorSubject } from 'rxjs';
4
+ import { first, map, tap } from 'rxjs/operators';
5
+ import { SortDirection } from '../../interfaces/report-def';
6
+ import { SortMenuComponentStore } from './sort-menu.component-store';
7
+ import * as i0 from "@angular/core";
8
+ import * as i1 from "../../classes/table-store";
9
+ import * as i2 from "./sort-menu.component-store";
10
+ import * as i3 from "@angular/common";
11
+ import * as i4 from "@angular/material/button";
12
+ import * as i5 from "@angular/material/tooltip";
13
+ import * as i6 from "@angular/material/menu";
14
+ import * as i7 from "@angular/material/icon";
15
+ import * as i8 from "@ngrx/component";
16
+ import * as i9 from "@angular/cdk/drag-drop";
17
+ import * as i10 from "../../../utilities/directives/stop-propagation.directive";
18
+ import * as i11 from "../../../utilities/pipes/space-case.pipes";
19
+ export class SortMenuComponent {
20
+ constructor(tableState, store) {
21
+ this.tableState = tableState;
22
+ this.store = store;
23
+ this.SortDirection = SortDirection;
24
+ this.dirty$ = new BehaviorSubject(false);
25
+ this.apply = this.store.effect((obs) => obs.pipe(tap(() => {
26
+ this.dirty$.next(false);
27
+ this.tableState.setAllSort(this.store.sorted$.pipe(first()));
28
+ })));
29
+ this.sorted$ = this.store.sorted$.pipe(map(data => [...data]));
30
+ this.notSorted$ = this.store.notSorted$.pipe(map(data => [...data]));
31
+ }
32
+ reset() {
33
+ this.dirty$.next(false);
34
+ this.store.reset();
35
+ }
36
+ ngOnInit() {
37
+ this.store.reset();
38
+ }
39
+ dropIntoSorted(event) {
40
+ this.dirty$.next(true);
41
+ if (event.previousContainer === event.container) {
42
+ moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
43
+ this.store.setSorted(event.container.data);
44
+ }
45
+ else {
46
+ transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);
47
+ event.container.data[event.currentIndex] = { ...event.container.data[event.currentIndex], direction: SortDirection.asc };
48
+ this.store.setSorted(event.container.data);
49
+ this.store.setNotSorted(event.previousContainer.data);
50
+ }
51
+ }
52
+ dropIntoNotSorted(event) {
53
+ if (event.previousContainer === event.container) {
54
+ return;
55
+ }
56
+ else {
57
+ this.dirty$.next(true);
58
+ transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);
59
+ event.container.data[event.currentIndex] = { ...event.container.data[event.currentIndex] };
60
+ this.store.setNotSorted(event.container.data);
61
+ this.store.setSorted(event.previousContainer.data);
62
+ }
63
+ }
64
+ setDirection(sort) {
65
+ this.dirty$.next(true);
66
+ this.store.setDirection(sort);
67
+ }
68
+ }
69
+ SortMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SortMenuComponent, deps: [{ token: i1.TableStore }, { token: i2.SortMenuComponentStore }], target: i0.ɵɵFactoryTarget.Component });
70
+ SortMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: SortMenuComponent, selector: "tb-sort-menu", providers: [SortMenuComponentStore], ngImport: i0, template: "<ng-container *ngrxLet=\"dirty$ as dirty\">\n<ng-container *ngIf=\"sorted$ | async as sorted\">\n <ng-container *ngIf=\"notSorted$ | async as notSorted\">\n <!-- Menu Trigger -->\n <span matTooltip=\"Sort\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\">\n <mat-icon color=\"primary\">swap_vert</mat-icon>\n </button>\n </span>\n\n <!-- Menu -->\n <mat-menu #menu=\"matMenu\" class=\"my-mat-menu\" (closed)=\"reset()\">\n <div mat-menu-item class=\"menu-button\">\n <div class=\"close-button-wrapper\">\n <span matTooltip=\"Close\">\n <mat-icon>close</mat-icon>\n </span>\n <span *ngIf=\"dirty\" matTooltip=\"Undo\" stop-propagation (click)=\"reset()\">\n <mat-icon>undo</mat-icon>\n </span>\n </div>\n </div>\n\n <!-- Apply Button -->\n <div class=\"apply-button-wrapper\">\n <button mat-button color=\"primary\" (click)=\"apply(null)\"\n stop-propagation [class.apply-border]=\"dirty\"\n [disabled]=\"!dirty\">\n Apply\n <ng-container *ngIf=\"dirty\">Unsaved Changes</ng-container>\n </button>\n </div>\n\n <!-- Default Sorting Text -->\n <div *ngIf=\"!sorted.length\" class=\"tip\" >\n Sorting List\n </div>\n\n <!-- Sorted Menu List -->\n <div class=\"list\"\n cdkDropList\n #sortedGroup=\"cdkDropList\"\n [cdkDropListConnectedTo]=\"[notSortedGroup]\"\n [cdkDropListData]=\"sorted\"\n (cdkDropListDropped)=\"dropIntoSorted($event)\">\n\n <!-- Menu Item Wrapper -->\n <ng-container *ngFor=\"let sort of sorted;let i=index\">\n\n <!-- Menu Item Headers -->\n <span *ngIf=\"sorted.length > 1 && i === 0 \" class=\"description\" class=\"sort-header\">First By</span>\n <span *ngIf=\"sorted.length > 1 && i !== 0 \" class=\"description\" class=\"sort-header\">Then By</span>\n\n <!-- Menu Item -->\n <div mat-menu-item cdkDrag class=\"menu-item\">\n <div class=\"sort-item\">\n <span class=\"sorted-name\">\n {{sort.displayName || (sort.active | spaceCase)}}\n <span class=\"direction-text\">{{sort.direction}}</span>\n </span>\n\n <!-- Sort Direction Buttons -->\n <div class=\"up-down-buttons-wrapper\">\n <button class=\"up-down-button up-button\" stop-propagation\n (click)=\"setDirection({active:sort.active,direction:SortDirection.asc,displayName:sort.displayName})\">\n <mat-icon [ngClass]=\"sort.direction !== SortDirection.asc ? 'light-arrow' : 'dark-arrow'\" class=\"up-down-icon\">\n arrow_upward\n </mat-icon>\n </button>\n\n <button class=\"up-down-button\" stop-propagation\n (click)=\"setDirection({active:sort.active,direction:SortDirection.desc,displayName:sort.displayName})\">\n <mat-icon [ngClass]=\"sort.direction === SortDirection.asc ? 'light-arrow' : 'dark-arrow'\" class=\"up-down-icon\">\n arrow_downward\n </mat-icon>\n </button>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n\n <!-- Default Not Sorted Text -->\n <div *ngIf=\"!notSorted.length\" class=\"tip\" >\n Not Sorted List\n </div>\n <!-- Not Sorted Menu List -->\n <div class=\"list\"\n cdkDropList\n #notSortedGroup=\"cdkDropList\"\n [cdkDropListConnectedTo]=\"[sortedGroup]\"\n [cdkDropListData]=\"notSorted\"\n (cdkDropListDropped)=\"dropIntoNotSorted($event)\">\n <div mat-menu-item *ngFor=\"let sort of notSorted\" class=\"menu-item\" cdkDrag>\n <span class=\"not-sorted-name\">{{sort.displayName || (sort.active | spaceCase)}}</span>\n </div>\n </div>\n </mat-menu>\n </ng-container>\n</ng-container>\n</ng-container>\n", styles: [".cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.list{padding:5px 2px;border-bottom:solid 1px #ccc;color:#000000de;background:white}.light-arrow{color:#93b1ea78}.dark-arrow{color:#224e9c}.up-down-button{background-color:#fff;border-radius:30%;border-color:#0ff;padding:1px 1px 0;border-width:.5px;cursor:pointer;height:27px}.mat-icon.up-down-icon{margin-right:0;font-size:20px;font-weight:lighter}.sort-item{display:flex;align-items:center;justify-content:space-between}.up-down-buttons-wrapper{margin-left:2rem}.up-button{margin-right:.3rem}.mat-mdc-menu-item.menu-item,.mat-mdc-menu-item.menu-button{min-height:initial;padding:0 3px;line-height:25px;height:30px}.mat-mdc-menu-item.menu-item{cursor:move}.sorted-name{color:#224e9c;font-size:17px;font-weight:700}.not-sorted-name{color:#93b1ea;font-size:17px;font-weight:700}.apply-border{border:#224e9c solid .5px}.apply-border:hover{background-color:#faebd7}.apply-button-wrapper{display:grid;justify-content:center}.sort-header{font-size:10px;font-style:italic}.tip{padding:0 3px;color:#d3d3d3}.direction-text{font-size:small;font-weight:400}.close-button-wrapper{display:flex;flex-direction:row-reverse}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.LetDirective, selector: "[ngrxLet]", inputs: ["ngrxLet", "ngrxLetSuspenseTpl"] }, { kind: "directive", type: i9.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i9.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i10.StopPropagationDirective, selector: "[stop-propagation]" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i11.SpaceCasePipe, name: "spaceCase" }] });
71
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SortMenuComponent, decorators: [{
72
+ type: Component,
73
+ args: [{ selector: 'tb-sort-menu', providers: [SortMenuComponentStore], template: "<ng-container *ngrxLet=\"dirty$ as dirty\">\n<ng-container *ngIf=\"sorted$ | async as sorted\">\n <ng-container *ngIf=\"notSorted$ | async as notSorted\">\n <!-- Menu Trigger -->\n <span matTooltip=\"Sort\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\">\n <mat-icon color=\"primary\">swap_vert</mat-icon>\n </button>\n </span>\n\n <!-- Menu -->\n <mat-menu #menu=\"matMenu\" class=\"my-mat-menu\" (closed)=\"reset()\">\n <div mat-menu-item class=\"menu-button\">\n <div class=\"close-button-wrapper\">\n <span matTooltip=\"Close\">\n <mat-icon>close</mat-icon>\n </span>\n <span *ngIf=\"dirty\" matTooltip=\"Undo\" stop-propagation (click)=\"reset()\">\n <mat-icon>undo</mat-icon>\n </span>\n </div>\n </div>\n\n <!-- Apply Button -->\n <div class=\"apply-button-wrapper\">\n <button mat-button color=\"primary\" (click)=\"apply(null)\"\n stop-propagation [class.apply-border]=\"dirty\"\n [disabled]=\"!dirty\">\n Apply\n <ng-container *ngIf=\"dirty\">Unsaved Changes</ng-container>\n </button>\n </div>\n\n <!-- Default Sorting Text -->\n <div *ngIf=\"!sorted.length\" class=\"tip\" >\n Sorting List\n </div>\n\n <!-- Sorted Menu List -->\n <div class=\"list\"\n cdkDropList\n #sortedGroup=\"cdkDropList\"\n [cdkDropListConnectedTo]=\"[notSortedGroup]\"\n [cdkDropListData]=\"sorted\"\n (cdkDropListDropped)=\"dropIntoSorted($event)\">\n\n <!-- Menu Item Wrapper -->\n <ng-container *ngFor=\"let sort of sorted;let i=index\">\n\n <!-- Menu Item Headers -->\n <span *ngIf=\"sorted.length > 1 && i === 0 \" class=\"description\" class=\"sort-header\">First By</span>\n <span *ngIf=\"sorted.length > 1 && i !== 0 \" class=\"description\" class=\"sort-header\">Then By</span>\n\n <!-- Menu Item -->\n <div mat-menu-item cdkDrag class=\"menu-item\">\n <div class=\"sort-item\">\n <span class=\"sorted-name\">\n {{sort.displayName || (sort.active | spaceCase)}}\n <span class=\"direction-text\">{{sort.direction}}</span>\n </span>\n\n <!-- Sort Direction Buttons -->\n <div class=\"up-down-buttons-wrapper\">\n <button class=\"up-down-button up-button\" stop-propagation\n (click)=\"setDirection({active:sort.active,direction:SortDirection.asc,displayName:sort.displayName})\">\n <mat-icon [ngClass]=\"sort.direction !== SortDirection.asc ? 'light-arrow' : 'dark-arrow'\" class=\"up-down-icon\">\n arrow_upward\n </mat-icon>\n </button>\n\n <button class=\"up-down-button\" stop-propagation\n (click)=\"setDirection({active:sort.active,direction:SortDirection.desc,displayName:sort.displayName})\">\n <mat-icon [ngClass]=\"sort.direction === SortDirection.asc ? 'light-arrow' : 'dark-arrow'\" class=\"up-down-icon\">\n arrow_downward\n </mat-icon>\n </button>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n\n <!-- Default Not Sorted Text -->\n <div *ngIf=\"!notSorted.length\" class=\"tip\" >\n Not Sorted List\n </div>\n <!-- Not Sorted Menu List -->\n <div class=\"list\"\n cdkDropList\n #notSortedGroup=\"cdkDropList\"\n [cdkDropListConnectedTo]=\"[sortedGroup]\"\n [cdkDropListData]=\"notSorted\"\n (cdkDropListDropped)=\"dropIntoNotSorted($event)\">\n <div mat-menu-item *ngFor=\"let sort of notSorted\" class=\"menu-item\" cdkDrag>\n <span class=\"not-sorted-name\">{{sort.displayName || (sort.active | spaceCase)}}</span>\n </div>\n </div>\n </mat-menu>\n </ng-container>\n</ng-container>\n</ng-container>\n", styles: [".cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.list{padding:5px 2px;border-bottom:solid 1px #ccc;color:#000000de;background:white}.light-arrow{color:#93b1ea78}.dark-arrow{color:#224e9c}.up-down-button{background-color:#fff;border-radius:30%;border-color:#0ff;padding:1px 1px 0;border-width:.5px;cursor:pointer;height:27px}.mat-icon.up-down-icon{margin-right:0;font-size:20px;font-weight:lighter}.sort-item{display:flex;align-items:center;justify-content:space-between}.up-down-buttons-wrapper{margin-left:2rem}.up-button{margin-right:.3rem}.mat-mdc-menu-item.menu-item,.mat-mdc-menu-item.menu-button{min-height:initial;padding:0 3px;line-height:25px;height:30px}.mat-mdc-menu-item.menu-item{cursor:move}.sorted-name{color:#224e9c;font-size:17px;font-weight:700}.not-sorted-name{color:#93b1ea;font-size:17px;font-weight:700}.apply-border{border:#224e9c solid .5px}.apply-border:hover{background-color:#faebd7}.apply-button-wrapper{display:grid;justify-content:center}.sort-header{font-size:10px;font-style:italic}.tip{padding:0 3px;color:#d3d3d3}.direction-text{font-size:small;font-weight:400}.close-button-wrapper{display:flex;flex-direction:row-reverse}\n"] }]
74
+ }], ctorParameters: function () { return [{ type: i1.TableStore }, { type: i2.SortMenuComponentStore }]; } });
75
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydC1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdXRpbGl0aWVzL3NyYy90YWJsZS1idWlsZGVyL2NvbXBvbmVudHMvc29ydC1tZW51L3NvcnQtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXV0aWxpdGllcy9zcmMvdGFibGUtYnVpbGRlci9jb21wb25lbnRzL3NvcnQtbWVudS9zb3J0LW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFlLGVBQWUsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pGLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUV2QyxPQUFPLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVqRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDNUQsT0FBTyxFQUFFLHNCQUFzQixFQUFnQixNQUFNLDZCQUE2QixDQUFBOzs7Ozs7Ozs7Ozs7O0FBUWxGLE1BQU0sT0FBTyxpQkFBaUI7SUFNNUIsWUFBb0IsVUFBc0IsRUFBUyxLQUE2QjtRQUE1RCxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQVMsVUFBSyxHQUFMLEtBQUssQ0FBd0I7UUFGaEYsa0JBQWEsR0FBRyxhQUFhLENBQUM7UUFDOUIsV0FBTSxHQUFHLElBQUksZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBZ0RwQyxVQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFvQixFQUFDLEVBQUUsQ0FDaEQsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FB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QUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzlDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUNwRDtJQUNILENBQUM7SUFRRCxZQUFZLENBQUMsSUFBaUI7UUFDNUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDdkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQzs7OEdBOURVLGlCQUFpQjtrR0FBakIsaUJBQWlCLHVDQUZsQixDQUFDLHNCQUFzQixDQUFDLDBCQ2JwQyw4K0hBcUdBOzJGRHRGYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0UsY0FBYyxhQUdkLENBQUMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDZGtEcmFnRHJvcCwgbW92ZUl0ZW1JbkFycmF5LCB0cmFuc2ZlckFycmF5SXRlbSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZmlyc3QsIG1hcCwgdGFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgVGFibGVTdG9yZSB9IGZyb20gJy4uLy4uL2NsYXNzZXMvdGFibGUtc3RvcmUnO1xuaW1wb3J0IHsgU29ydERpcmVjdGlvbiB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvcmVwb3J0LWRlZic7XG5pbXBvcnQgeyBTb3J0TWVudUNvbXBvbmVudFN0b3JlLCBTb3J0V2l0aE5hbWUgfSBmcm9tICcuL3NvcnQtbWVudS5jb21wb25lbnQtc3RvcmUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RiLXNvcnQtbWVudScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zb3J0LW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zb3J0LW1lbnUuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOltTb3J0TWVudUNvbXBvbmVudFN0b3JlXVxufSlcbmV4cG9ydCBjbGFzcyBTb3J0TWVudUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcblxuICBzb3J0ZWQkOk9ic2VydmFibGU8U29ydFdpdGhOYW1lW10+O1xuICBub3RTb3J0ZWQkOk9ic2VydmFibGU8U29ydFdpdGhOYW1lW10+O1xuICBTb3J0RGlyZWN0aW9uID0gU29ydERpcmVjdGlvbjtcbiAgZGlydHkkID0gbmV3IEJlaGF2aW9yU3ViamVjdChmYWxzZSk7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdGFibGVTdGF0ZTogVGFibGVTdG9yZSwgcHVibGljIHN0b3JlOiBTb3J0TWVudUNvbXBvbmVudFN0b3JlKSB7XG4gICAgdGhpcy5zb3J0ZWQkPXRoaXMuc3RvcmUuc29ydGVkJC5waXBlKG1hcChkYXRhPT5bLi4uZGF0YV0pKTtcbiAgICB0aGlzLm5vdFNvcnRlZCQ9dGhpcy5zdG9yZS5ub3RTb3J0ZWQkLnBpcGUobWFwKGRhdGE9PlsuLi5kYXRhXSkpO1xuICB9XG5cbiAgcmVzZXQoKXtcbiAgICB0aGlzLmRpcnR5JC5uZXh0KGZhbHNlKTtcbiAgICB0aGlzLnN0b3JlLnJlc2V0KCk7XG4gIH1cblxuICBuZ09uSW5pdCgpe1xuICAgIHRoaXMuc3RvcmUucmVzZXQoKTtcbiAgfVxuXG4gIGRyb3BJbnRvU29ydGVkKGV2ZW50OiBDZGtEcmFnRHJvcDxTb3J0V2l0aE5hbWVbXT4pIHtcbiAgICB0aGlzLmRpcnR5JC5uZXh0KHRydWUpO1xuICAgIGlmIChldmVudC5wcmV2aW91c0NvbnRhaW5lciA9PT0gZXZlbnQuY29udGFpbmVyKSB7XG4gICAgICBtb3ZlSXRlbUluQXJyYXkoZXZlbnQuY29udGFpbmVyLmRhdGEsIGV2ZW50LnByZXZpb3VzSW5kZXgsIGV2ZW50LmN1cnJlbnRJbmRleCk7XG4gICAgICB0aGlzLnN0b3JlLnNldFNvcnRlZChldmVudC5jb250YWluZXIuZGF0YSk7XG4gICAgfSBlbHNlIHtcblxuICAgICAgdHJhbnNmZXJBcnJheUl0ZW0oZXZlbnQucHJldmlvdXNDb250YWluZXIuZGF0YSxcbiAgICAgICAgICAgICAgICAgICAgICAgIGV2ZW50LmNvbnRhaW5lci5kYXRhLFxuICAgICAgICAgICAgICAgICAgICAgICAgZXZlbnQucHJldmlvdXNJbmRleCxcbiAgICAgICAgICAgICAgICAgICAgICAgIGV2ZW50LmN1cnJlbnRJbmRleCk7XG4gICAgICBldmVudC5jb250YWluZXIuZGF0YVtldmVudC5jdXJyZW50SW5kZXhdID0gey4uLmV2ZW50LmNvbnRhaW5lci5kYXRhW2V2ZW50LmN1cnJlbnRJbmRleF0sZGlyZWN0aW9uOlNvcnREaXJlY3Rpb24uYXNjfTtcbiAgICAgIHRoaXMuc3RvcmUuc2V0U29ydGVkKGV2ZW50LmNvbnRhaW5lci5kYXRhKTtcbiAgICAgIHRoaXMuc3RvcmUuc2V0Tm90U29ydGVkKGV2ZW50LnByZXZpb3VzQ29udGFpbmVyLmRhdGEpO1xuICAgIH1cbiAgfVxuXG4gIGRyb3BJbnRvTm90U29ydGVkKGV2ZW50OiBDZGtEcmFnRHJvcDxTb3J0V2l0aE5hbWVbXT4pe1xuICAgIGlmIChldmVudC5wcmV2aW91c0NvbnRhaW5lciA9PT0gZXZlbnQuY29udGFpbmVyKSB7XG4gICAgICByZXR1cm47XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZGlydHkkLm5leHQodHJ1ZSk7XG4gICAgICB0cmFuc2ZlckFycmF5SXRlbShldmVudC5wcmV2aW91c0NvbnRhaW5lci5kYXRhLFxuICAgICAgICAgICAgICAgICAgICAgICAgZXZlbnQuY29udGFpbmVyLmRhdGEsXG4gICAgICAgICAgICAgICAgICAgICAgICBldmVudC5wcmV2aW91c0luZGV4LFxuICAgICAgICAgICAgICAgICAgICAgICAgZXZlbnQuY3VycmVudEluZGV4KTtcbiAgICAgIGV2ZW50LmNvbnRhaW5lci5kYXRhW2V2ZW50LmN1cnJlbnRJbmRleF0gPSB7Li4uZXZlbnQuY29udGFpbmVyLmRhdGFbZXZlbnQuY3VycmVudEluZGV4XX07XG5cbiAgICAgIHRoaXMuc3RvcmUuc2V0Tm90U29ydGVkKGV2ZW50LmNvbnRhaW5lci5kYXRhKTtcbiAgICAgIHRoaXMuc3RvcmUuc2V0U29ydGVkKGV2ZW50LnByZXZpb3VzQ29udGFpbmVyLmRhdGEpO1xuICAgIH1cbiAgfVxuXG4gIGFwcGx5ID0gdGhpcy5zdG9yZS5lZmZlY3QoKG9iczpPYnNlcnZhYmxlPG51bGw+KT0+XG4gICAgb2JzLnBpcGUodGFwKCgpPT57XG4gICAgICB0aGlzLmRpcnR5JC5uZXh0KGZhbHNlKTtcbiAgICAgIHRoaXMudGFibGVTdGF0ZS5zZXRBbGxTb3J0KHRoaXMuc3RvcmUuc29ydGVkJC5waXBlKGZpcnN0KCkpKVxuICB9KSkpO1xuXG4gIHNldERpcmVjdGlvbihzb3J0OlNvcnRXaXRoTmFtZSl7XG4gICAgdGhpcy5kaXJ0eSQubmV4dCh0cnVlKTtcbiAgICB0aGlzLnN0b3JlLnNldERpcmVjdGlvbihzb3J0KTtcbiAgfVxuXG59XG5cblxuIiwiPG5nLWNvbnRhaW5lciAqbmdyeExldD1cImRpcnR5JCBhcyBkaXJ0eVwiPlxuPG5nLWNvbnRhaW5lciAgKm5nSWY9XCJzb3J0ZWQkIHwgYXN5bmMgYXMgc29ydGVkXCI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJub3RTb3J0ZWQkIHwgYXN5bmMgYXMgbm90U29ydGVkXCI+XG4gICAgPCEtLSBNZW51IFRyaWdnZXIgLS0+XG4gICAgPHNwYW4gbWF0VG9vbHRpcD1cIlNvcnRcIj5cbiAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCI+XG4gICAgICAgIDxtYXQtaWNvbiBjb2xvcj1cInByaW1hcnlcIj5zd2FwX3ZlcnQ8L21hdC1pY29uPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9zcGFuPlxuXG4gICAgPCEtLSBNZW51IC0tPlxuICAgIDxtYXQtbWVudSAjbWVudT1cIm1hdE1lbnVcIiAgY2xhc3M9XCJteS1tYXQtbWVudVwiIChjbG9zZWQpPVwicmVzZXQoKVwiPlxuICAgICAgPGRpdiBtYXQtbWVudS1pdGVtIGNsYXNzPVwibWVudS1idXR0b25cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNsb3NlLWJ1dHRvbi13cmFwcGVyXCI+XG4gICAgICAgICAgPHNwYW4gbWF0VG9vbHRpcD1cIkNsb3NlXCI+XG4gICAgICAgICAgICA8bWF0LWljb24+Y2xvc2U8L21hdC1pY29uPlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiAqbmdJZj1cImRpcnR5XCIgbWF0VG9vbHRpcD1cIlVuZG9cIiBzdG9wLXByb3BhZ2F0aW9uIChjbGljayk9XCJyZXNldCgpXCI+XG4gICAgICAgICAgICA8bWF0LWljb24+dW5kbzwvbWF0LWljb24+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8IS0tIEFwcGx5IEJ1dHRvbiAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJhcHBseS1idXR0b24td3JhcHBlclwiPlxuICAgICAgICA8YnV0dG9uIG1hdC1idXR0b24gY29sb3I9XCJwcmltYXJ5XCIgKGNsaWNrKT1cImFwcGx5KG51bGwpXCJcbiAgICAgICAgICBzdG9wLXByb3BhZ2F0aW9uIFtjbGFzcy5hcHBseS1ib3JkZXJdPVwiZGlydHlcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCIhZGlydHlcIj5cbiAgICAgICAgICAgIEFwcGx5XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZGlydHlcIj5VbnNhdmVkIENoYW5nZXM8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPCEtLSBEZWZhdWx0IFNvcnRpbmcgVGV4dCAtLT5cbiAgICAgIDxkaXYgKm5nSWY9XCIhc29ydGVkLmxlbmd0aFwiIGNsYXNzPVwidGlwXCIgPlxuICAgICAgICBTb3J0aW5nIExpc3RcbiAgICAgIDwvZGl2PlxuXG4gICAgICA8IS0tIFNvcnRlZCBNZW51IExpc3QgLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwibGlzdFwiXG4gICAgICAgIGNka0Ryb3BMaXN0XG4gICAgICAgICNzb3J0ZWRHcm91cD1cImNka0Ryb3BMaXN0XCJcbiAgICAgICAgW2Nka0Ryb3BMaXN0Q29ubmVjdGVkVG9dPVwiW25vdFNvcnRlZEdyb3VwXVwiXG4gICAgICAgIFtjZGtEcm9wTGlzdERhdGFdPVwic29ydGVkXCJcbiAgICAgICAgKGNka0Ryb3BMaXN0RHJvcHBlZCk9XCJkcm9wSW50b1NvcnRlZCgkZXZlbnQpXCI+XG5cbiAgICAgICAgPCEtLSBNZW51IEl0ZW0gV3JhcHBlciAtLT5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgc29ydCBvZiBzb3J0ZWQ7bGV0IGk9aW5kZXhcIj5cblxuICAgICAgICAgIDwhLS0gTWVudSBJdGVtIEhlYWRlcnMgLS0+XG4gICAgICAgICAgPHNwYW4gKm5nSWY9XCJzb3J0ZWQubGVuZ3RoID4gMSAmJiBpID09PSAwIFwiIGNsYXNzPVwiZGVzY3JpcHRpb25cIiBjbGFzcz1cInNvcnQtaGVhZGVyXCI+Rmlyc3QgQnk8L3NwYW4+XG4gICAgICAgICAgPHNwYW4gKm5nSWY9XCJzb3J0ZWQubGVuZ3RoID4gMSAmJiBpICE9PSAwIFwiIGNsYXNzPVwiZGVzY3JpcHRpb25cIiAgY2xhc3M9XCJzb3J0LWhlYWRlclwiPlRoZW4gQnk8L3NwYW4+XG5cbiAgICAgICAgICA8IS0tIE1lbnUgSXRlbSAtLT5cbiAgICAgICAgICA8ZGl2IG1hdC1tZW51LWl0ZW0gICBjZGtEcmFnIGNsYXNzPVwibWVudS1pdGVtXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic29ydC1pdGVtXCI+XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic29ydGVkLW5hbWVcIj5cbiAgICAgICAgICAgICAgICB7e3NvcnQuZGlzcGxheU5hbWUgfHwgKHNvcnQuYWN0aXZlIHwgc3BhY2VDYXNlKX19XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJkaXJlY3Rpb24tdGV4dFwiPnt7c29ydC5kaXJlY3Rpb259fTwvc3Bhbj5cbiAgICAgICAgICAgICAgPC9zcGFuPlxuXG4gICAgICAgICAgICAgIDwhLS0gU29ydCBEaXJlY3Rpb24gQnV0dG9ucyAtLT5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInVwLWRvd24tYnV0dG9ucy13cmFwcGVyXCI+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiAgY2xhc3M9XCJ1cC1kb3duLWJ1dHRvbiB1cC1idXR0b25cIiBzdG9wLXByb3BhZ2F0aW9uXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cInNldERpcmVjdGlvbih7YWN0aXZlOnNvcnQuYWN0aXZlLGRpcmVjdGlvbjpTb3J0RGlyZWN0aW9uLmFzYyxkaXNwbGF5TmFtZTpzb3J0LmRpc3BsYXlOYW1lfSlcIj5cbiAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBbbmdDbGFzc109XCJzb3J0LmRpcmVjdGlvbiAhPT0gU29ydERpcmVjdGlvbi5hc2MgPyAnbGlnaHQtYXJyb3cnIDogJ2RhcmstYXJyb3cnXCIgY2xhc3M9XCJ1cC1kb3duLWljb25cIj5cbiAgICAgICAgICAgICAgICAgIGFycm93X3Vwd2FyZFxuICAgICAgICAgICAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cblxuICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJ1cC1kb3duLWJ1dHRvblwiIHN0b3AtcHJvcGFnYXRpb25cbiAgICAgICAgICAgICAgICAoY2xpY2spPVwic2V0RGlyZWN0aW9uKHthY3RpdmU6c29ydC5hY3RpdmUsZGlyZWN0aW9uOlNvcnREaXJlY3Rpb24uZGVzYyxkaXNwbGF5TmFtZTpzb3J0LmRpc3BsYXlOYW1lfSlcIj5cbiAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBbbmdDbGFzc109XCJzb3J0LmRpcmVjdGlvbiA9PT0gU29ydERpcmVjdGlvbi5hc2MgPyAnbGlnaHQtYXJyb3cnIDogJ2RhcmstYXJyb3cnXCIgY2xhc3M9XCJ1cC1kb3duLWljb25cIj5cbiAgICAgICAgICAgICAgICAgICAgYXJyb3dfZG93bndhcmRcbiAgICAgICAgICAgICAgICAgIDwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDwhLS0gRGVmYXVsdCBOb3QgU29ydGVkIFRleHQgLS0+XG4gICAgICA8ZGl2ICpuZ0lmPVwiIW5vdFNvcnRlZC5sZW5ndGhcIiBjbGFzcz1cInRpcFwiID5cbiAgICAgICAgTm90IFNvcnRlZCBMaXN0XG4gICAgICA8L2Rpdj5cbiAgICAgIDwhLS0gTm90IFNvcnRlZCBNZW51IExpc3QgLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwibGlzdFwiXG4gICAgICAgIGNka0Ryb3BMaXN0XG4gICAgICAgICNub3RTb3J0ZWRHcm91cD1cImNka0Ryb3BMaXN0XCJcbiAgICAgICAgW2Nka0Ryb3BMaXN0Q29ubmVjdGVkVG9dPVwiW3NvcnRlZEdyb3VwXVwiXG4gICAgICAgIFtjZGtEcm9wTGlzdERhdGFdPVwibm90U29ydGVkXCJcbiAgICAgICAgKGNka0Ryb3BMaXN0RHJvcHBlZCk9XCJkcm9wSW50b05vdFNvcnRlZCgkZXZlbnQpXCI+XG4gICAgICAgIDxkaXYgbWF0LW1lbnUtaXRlbSAqbmdGb3I9XCJsZXQgc29ydCBvZiBub3RTb3J0ZWRcIiAgY2xhc3M9XCJtZW51LWl0ZW1cIiBjZGtEcmFnPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwibm90LXNvcnRlZC1uYW1lXCI+e3tzb3J0LmRpc3BsYXlOYW1lIHx8IChzb3J0LmFjdGl2ZSB8IHNwYWNlQ2FzZSl9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L21hdC1tZW51PlxuICA8L25nLWNvbnRhaW5lcj5cbjwvbmctY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+XG4iXX0=