@skyux/ag-grid 8.7.0 → 9.0.0-alpha.0

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 (99) hide show
  1. package/{esm2020 → esm2022}/lib/modules/ag-grid/ag-grid-adapter.service.mjs +8 -11
  2. package/esm2022/lib/modules/ag-grid/ag-grid-data-manager-adapter.directive.mjs +240 -0
  3. package/{esm2020 → esm2022}/lib/modules/ag-grid/ag-grid-row-delete.component.mjs +6 -6
  4. package/esm2022/lib/modules/ag-grid/ag-grid-row-delete.directive.mjs +268 -0
  5. package/esm2022/lib/modules/ag-grid/ag-grid-wrapper.component.mjs +259 -0
  6. package/{esm2020 → esm2022}/lib/modules/ag-grid/ag-grid.module.mjs +51 -51
  7. package/esm2022/lib/modules/ag-grid/ag-grid.service.mjs +457 -0
  8. package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-autocomplete/cell-editor-autocomplete.component.mjs +72 -0
  9. package/{esm2020 → esm2022}/lib/modules/ag-grid/cell-editors/cell-editor-autocomplete/cell-editor-autocomplete.module.mjs +9 -9
  10. package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-currency/cell-editor-currency.component.mjs +95 -0
  11. package/{esm2020 → esm2022}/lib/modules/ag-grid/cell-editors/cell-editor-currency/cell-editor-currency.module.mjs +9 -9
  12. package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.component.mjs +119 -0
  13. package/{esm2020 → esm2022}/lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.module.mjs +5 -5
  14. package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.component.mjs +109 -0
  15. package/{esm2020 → esm2022}/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.module.mjs +13 -13
  16. package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.component.mjs +77 -0
  17. package/{esm2020 → esm2022}/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.module.mjs +5 -5
  18. package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.component.mjs +75 -0
  19. package/{esm2020 → esm2022}/lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.module.mjs +5 -5
  20. package/esm2022/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency-validator.component.mjs +42 -0
  21. package/esm2022/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.component.mjs +49 -0
  22. package/{esm2020 → esm2022}/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.module.mjs +15 -15
  23. package/esm2022/lib/modules/ag-grid/cell-renderers/cell-renderer-lookup/cell-renderer-lookup.component.mjs +31 -0
  24. package/{esm2020 → esm2022}/lib/modules/ag-grid/cell-renderers/cell-renderer-lookup/cell-renderer-lookup.module.mjs +5 -5
  25. package/esm2022/lib/modules/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.component.mjs +78 -0
  26. package/{esm2020 → esm2022}/lib/modules/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.module.mjs +5 -5
  27. package/esm2022/lib/modules/ag-grid/cell-renderers/cell-renderer-validator-tooltip/cell-renderer-validator-tooltip.component.mjs +38 -0
  28. package/{esm2020 → esm2022}/lib/modules/ag-grid/cell-renderers/cell-renderer-validator-tooltip/cell-renderer-validator-tooltip.module.mjs +5 -5
  29. package/esm2022/lib/modules/ag-grid/cell-validator/ag-grid-cell-validator-tooltip.component.mjs +88 -0
  30. package/{esm2020 → esm2022}/lib/modules/ag-grid/cell-validator/ag-grid-cell-validator.module.mjs +5 -5
  31. package/esm2022/lib/modules/ag-grid/header/header-group.component.mjs +97 -0
  32. package/esm2022/lib/modules/ag-grid/header/header.component.mjs +144 -0
  33. package/{esm2020 → esm2022}/lib/modules/ag-grid/types/header-group-info.mjs +4 -4
  34. package/{esm2020 → esm2022}/lib/modules/ag-grid/types/header-info.mjs +4 -4
  35. package/esm2022/lib/modules/shared/sky-ag-grid-resources.module.mjs +74 -0
  36. package/fesm2022/skyux-ag-grid.mjs +3025 -0
  37. package/fesm2022/skyux-ag-grid.mjs.map +1 -0
  38. package/lib/modules/ag-grid/ag-grid-data-manager-adapter.directive.d.ts +1 -1
  39. package/lib/modules/ag-grid/ag-grid-row-delete.directive.d.ts +1 -1
  40. package/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency-validator.component.d.ts +1 -1
  41. package/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.component.d.ts +1 -1
  42. package/lib/modules/ag-grid/cell-renderers/cell-renderer-validator-tooltip/cell-renderer-validator-tooltip.component.d.ts +1 -1
  43. package/lib/modules/ag-grid/cell-validator/ag-grid-cell-validator-tooltip.component.d.ts +1 -1
  44. package/package.json +19 -25
  45. package/esm2020/lib/modules/ag-grid/ag-grid-data-manager-adapter.directive.mjs +0 -233
  46. package/esm2020/lib/modules/ag-grid/ag-grid-row-delete.directive.mjs +0 -264
  47. package/esm2020/lib/modules/ag-grid/ag-grid-wrapper.component.mjs +0 -247
  48. package/esm2020/lib/modules/ag-grid/ag-grid.service.mjs +0 -453
  49. package/esm2020/lib/modules/ag-grid/cell-editors/cell-editor-autocomplete/cell-editor-autocomplete.component.mjs +0 -75
  50. package/esm2020/lib/modules/ag-grid/cell-editors/cell-editor-currency/cell-editor-currency.component.mjs +0 -98
  51. package/esm2020/lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.component.mjs +0 -122
  52. package/esm2020/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.component.mjs +0 -112
  53. package/esm2020/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.component.mjs +0 -80
  54. package/esm2020/lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.component.mjs +0 -78
  55. package/esm2020/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency-validator.component.mjs +0 -45
  56. package/esm2020/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.component.mjs +0 -52
  57. package/esm2020/lib/modules/ag-grid/cell-renderers/cell-renderer-lookup/cell-renderer-lookup.component.mjs +0 -34
  58. package/esm2020/lib/modules/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.component.mjs +0 -80
  59. package/esm2020/lib/modules/ag-grid/cell-renderers/cell-renderer-validator-tooltip/cell-renderer-validator-tooltip.component.mjs +0 -41
  60. package/esm2020/lib/modules/ag-grid/cell-validator/ag-grid-cell-validator-tooltip.component.mjs +0 -90
  61. package/esm2020/lib/modules/ag-grid/header/header-group.component.mjs +0 -95
  62. package/esm2020/lib/modules/ag-grid/header/header.component.mjs +0 -141
  63. package/esm2020/lib/modules/shared/sky-ag-grid-resources.module.mjs +0 -74
  64. package/fesm2015/skyux-ag-grid.mjs +0 -2996
  65. package/fesm2015/skyux-ag-grid.mjs.map +0 -1
  66. package/fesm2020/skyux-ag-grid.mjs +0 -3012
  67. package/fesm2020/skyux-ag-grid.mjs.map +0 -1
  68. /package/{esm2020 → esm2022}/index.mjs +0 -0
  69. /package/{esm2020 → esm2022}/lib/modules/ag-grid/apply-lookup-properties-defaults.mjs +0 -0
  70. /package/{esm2020 → esm2022}/lib/modules/ag-grid/icons/icon-map.mjs +0 -0
  71. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/ag-grid-row-delete-cancel-args.mjs +0 -0
  72. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/ag-grid-row-delete-config.mjs +0 -0
  73. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/ag-grid-row-delete-confirm-args.mjs +0 -0
  74. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/ag-grid-row-delete-contents.mjs +0 -0
  75. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/autocomplete-properties.mjs +0 -0
  76. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/cell-class.mjs +0 -0
  77. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/cell-editor-autocomplete-params.mjs +0 -0
  78. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/cell-editor-currency-params.mjs +0 -0
  79. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/cell-editor-datepicker-params.mjs +0 -0
  80. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/cell-editor-initial-action.mjs +0 -0
  81. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/cell-editor-lookup-params.mjs +0 -0
  82. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/cell-editor-number-params.mjs +0 -0
  83. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/cell-editor-text-params.mjs +0 -0
  84. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/cell-editor-utils.mjs +0 -0
  85. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/cell-renderer-currency-params.mjs +0 -0
  86. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/cell-renderer-lookup-params.mjs +0 -0
  87. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/cell-renderer-validator-params.mjs +0 -0
  88. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/cell-type.mjs +0 -0
  89. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/currency-properties.mjs +0 -0
  90. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/datepicker-properties.mjs +0 -0
  91. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/header-class.mjs +0 -0
  92. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/header-group-params.mjs +0 -0
  93. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/header-params.mjs +0 -0
  94. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/lookup-properties.mjs +0 -0
  95. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/number-properties.mjs +0 -0
  96. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/sky-grid-options.mjs +0 -0
  97. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/text-properties.mjs +0 -0
  98. /package/{esm2020 → esm2022}/lib/modules/ag-grid/types/validator-properties.mjs +0 -0
  99. /package/{esm2020 → esm2022}/skyux-ag-grid.mjs +0 -0
@@ -1,2996 +0,0 @@
1
- import * as i1$3 from '@angular/common';
2
- import { DOCUMENT, CommonModule } from '@angular/common';
3
- import * as i0 from '@angular/core';
4
- import { Injectable, ElementRef, Component, ChangeDetectionStrategy, ViewChild, ViewEncapsulation, Optional, HostBinding, Input, inject, ChangeDetectorRef, ContentChild, Directive, ContentChildren, TemplateRef, ViewChildren, EventEmitter, Inject, Output, NgModule } from '@angular/core';
5
- import * as i1 from '@skyux/core';
6
- import { SkyDynamicComponentLocation, SkyMutationObserverService, SkyAffixAutoFitContext, SKY_STACKING_CONTEXT, SkyNumericModule, SkyViewkeeperModule } from '@skyux/core';
7
- import * as i1$5 from '@skyux/data-manager';
8
- import { SkyDataManagerModule } from '@skyux/data-manager';
9
- import * as i3 from '@skyux/i18n';
10
- import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
11
- import * as i3$2 from '@skyux/indicators';
12
- import { SkyStatusIndicatorModule, SkyIconModule } from '@skyux/indicators';
13
- import * as i2$3 from '@skyux/layout';
14
- import { SkyInlineDeleteModule } from '@skyux/layout';
15
- import * as i1$2 from '@skyux/theme';
16
- import { SkyThemeService, SkyThemeModule } from '@skyux/theme';
17
- import { AgGridAngular, AgGridModule } from 'ag-grid-angular';
18
- import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
19
- import { fromEvent, Subject, BehaviorSubject, Subscription, fromEventPattern } from 'rxjs';
20
- import { first, takeUntil, take, filter } from 'rxjs/operators';
21
- import * as i1$1 from '@angular/forms';
22
- import { UntypedFormGroup, UntypedFormControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
23
- import { KeyCode, PopupComponent, Events, Column, RowNode } from 'ag-grid-community';
24
- import * as i2 from '@skyux/lookup';
25
- import { SkyAutocompleteModule, SkyLookupModule } from '@skyux/lookup';
26
- import * as i2$1 from '@skyux/autonumeric';
27
- import { SkyAutonumericModule } from '@skyux/autonumeric';
28
- import * as i2$2 from '@skyux/datetime';
29
- import { SkyDatepickerModule } from '@skyux/datetime';
30
- import * as i3$1 from '@skyux/forms';
31
- import { SkyInputBoxModule, SkyCheckboxModule } from '@skyux/forms';
32
- import * as i1$4 from '@skyux/popovers';
33
- import { SkyPopoverMessageType, SkyPopoverModule } from '@skyux/popovers';
34
-
35
- var _SkyAgGridAdapterService_skyAdapterService;
36
- class SkyAgGridAdapterService {
37
- constructor(skyAdapterService) {
38
- _SkyAgGridAdapterService_skyAdapterService.set(this, void 0);
39
- __classPrivateFieldSet(this, _SkyAgGridAdapterService_skyAdapterService, skyAdapterService, "f");
40
- }
41
- getElementOrParentWithClass(element, className) {
42
- if (element && element.classList.contains(className)) {
43
- return element;
44
- }
45
- else if (element.parentElement) {
46
- return this.getElementOrParentWithClass(element.parentElement, className);
47
- }
48
- return undefined;
49
- }
50
- setFocusedElementById(parentEl, selector) {
51
- const element = parentEl.querySelector(`#${selector}`);
52
- /* istanbul ignore else */
53
- if (element) {
54
- element.focus();
55
- }
56
- }
57
- getFocusedElement() {
58
- return document.activeElement;
59
- }
60
- getNextFocusableElement(currentEl, parentEl, moveFocusLeft) {
61
- if (parentEl) {
62
- const focusableChildren = __classPrivateFieldGet(this, _SkyAgGridAdapterService_skyAdapterService, "f").getFocusableChildren(parentEl);
63
- const currentElementIndex = focusableChildren.indexOf(currentEl);
64
- const nextIndex = moveFocusLeft
65
- ? currentElementIndex - 1
66
- : currentElementIndex + 1;
67
- if ((!moveFocusLeft && focusableChildren.length >= nextIndex) ||
68
- (moveFocusLeft && nextIndex >= 0)) {
69
- return focusableChildren[nextIndex];
70
- }
71
- }
72
- return undefined;
73
- }
74
- focusOnFocusableChildren(element) {
75
- const focusableChildren = __classPrivateFieldGet(this, _SkyAgGridAdapterService_skyAdapterService, "f").getFocusableChildren(element);
76
- if (focusableChildren.length) {
77
- focusableChildren[0].focus();
78
- }
79
- }
80
- focusOnColumnHeader(parentEl, colId) {
81
- const columnHeader = parentEl.querySelector(`.ag-header-cell[col-id="${colId}"]`);
82
- columnHeader === null || columnHeader === void 0 ? void 0 : columnHeader.focus();
83
- }
84
- }
85
- _SkyAgGridAdapterService_skyAdapterService = new WeakMap();
86
- SkyAgGridAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridAdapterService, deps: [{ token: i1.SkyCoreAdapterService }], target: i0.ɵɵFactoryTarget.Injectable });
87
- SkyAgGridAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridAdapterService, providedIn: 'root' });
88
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridAdapterService, decorators: [{
89
- type: Injectable,
90
- args: [{
91
- providedIn: 'root',
92
- }]
93
- }], ctorParameters: function () { return [{ type: i1.SkyCoreAdapterService }]; } });
94
-
95
- /**
96
- * @internal
97
- */
98
- function applySkyLookupPropertiesDefaults(skyLookupProperties) {
99
- /* istanbul ignore if */
100
- if (!skyLookupProperties) {
101
- return {};
102
- }
103
- return {
104
- addClick: skyLookupProperties.addClick,
105
- ariaLabel: skyLookupProperties.ariaLabel || '',
106
- autocompleteAttribute: skyLookupProperties.autocompleteAttribute || 'off',
107
- data: skyLookupProperties.data || [],
108
- debounceTime: skyLookupProperties.debounceTime || 0,
109
- descriptorProperty: skyLookupProperties.descriptorProperty || 'name',
110
- disabled: skyLookupProperties.disabled || false,
111
- enableShowMore: skyLookupProperties.enableShowMore || false,
112
- idProperty: skyLookupProperties.idProperty,
113
- placeholderText: skyLookupProperties.placeholderText || '',
114
- propertiesToSearch: skyLookupProperties.propertiesToSearch,
115
- search: skyLookupProperties.search,
116
- searchAsync: skyLookupProperties.searchAsync,
117
- searchFilters: skyLookupProperties.searchFilters || [],
118
- searchResultsLimit: skyLookupProperties.searchResultsLimit,
119
- searchResultTemplate: skyLookupProperties.searchResultTemplate,
120
- searchTextMinimumCharacters: skyLookupProperties.searchTextMinimumCharacters || 1,
121
- selectMode: skyLookupProperties.selectMode,
122
- showAddButton: skyLookupProperties.showAddButton || false,
123
- showMoreConfig: skyLookupProperties.showMoreConfig || {},
124
- wrapperClass: 'ag-custom-component-popup',
125
- };
126
- }
127
-
128
- /** The initial action that a cell editor should take when initialized. */
129
- var SkyAgGridCellEditorInitialAction;
130
- (function (SkyAgGridCellEditorInitialAction) {
131
- /** The cell should be cleared. */
132
- SkyAgGridCellEditorInitialAction[SkyAgGridCellEditorInitialAction["Delete"] = 0] = "Delete";
133
- /** The cell value should be highlighted. */
134
- SkyAgGridCellEditorInitialAction[SkyAgGridCellEditorInitialAction["Highlighted"] = 1] = "Highlighted";
135
- /** The cell value should be replaced with the initializing value. */
136
- SkyAgGridCellEditorInitialAction[SkyAgGridCellEditorInitialAction["Replace"] = 2] = "Replace";
137
- /** The cell should not be modified and the cursor is placed at the end of the value. */
138
- SkyAgGridCellEditorInitialAction[SkyAgGridCellEditorInitialAction["Untouched"] = 3] = "Untouched";
139
- })(SkyAgGridCellEditorInitialAction || (SkyAgGridCellEditorInitialAction = {}));
140
-
141
- class SkyAgGridCellEditorUtils {
142
- /**
143
- * Gets the initial action that a cell editor should take when initialized.
144
- * @param params The editor's initializing parameters.
145
- */
146
- static getEditorInitialAction(params) {
147
- if (params === null || params === void 0 ? void 0 : params.cellStartedEdit) {
148
- if (params.eventKey === KeyCode.BACKSPACE ||
149
- params.eventKey === KeyCode.DELETE) {
150
- return SkyAgGridCellEditorInitialAction.Delete;
151
- }
152
- else if (params.charPress) {
153
- return SkyAgGridCellEditorInitialAction.Replace;
154
- }
155
- else {
156
- if (params.eventKey !== KeyCode.F2) {
157
- return SkyAgGridCellEditorInitialAction.Highlighted;
158
- }
159
- else {
160
- return SkyAgGridCellEditorInitialAction.Untouched;
161
- }
162
- }
163
- }
164
- else {
165
- return SkyAgGridCellEditorInitialAction.Untouched;
166
- }
167
- }
168
- static subtractOrZero(minuend, subtrahend) {
169
- // Swapping minuend with subtrahend when minuend is null or undefined results in
170
- // the subtrahend being subtracted from itself, which will always be 0.
171
- return (minuend !== null && minuend !== void 0 ? minuend : subtrahend) - subtrahend;
172
- }
173
- }
174
-
175
- var _SkyAgGridCellEditorAutocompleteComponent_triggerType, _SkyAgGridCellEditorAutocompleteComponent_params;
176
- /**
177
- * @internal
178
- */
179
- class SkyAgGridCellEditorAutocompleteComponent {
180
- constructor() {
181
- this.editorForm = new UntypedFormGroup({
182
- selection: new UntypedFormControl(),
183
- });
184
- this.skyComponentProperties = {};
185
- _SkyAgGridCellEditorAutocompleteComponent_triggerType.set(this, void 0);
186
- _SkyAgGridCellEditorAutocompleteComponent_params.set(this, void 0);
187
- }
188
- agInit(params) {
189
- __classPrivateFieldSet(this, _SkyAgGridCellEditorAutocompleteComponent_params, params, "f");
190
- __classPrivateFieldSet(this, _SkyAgGridCellEditorAutocompleteComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
191
- const control = this.editorForm.get('selection');
192
- if (control) {
193
- switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorAutocompleteComponent_triggerType, "f")) {
194
- case SkyAgGridCellEditorInitialAction.Delete:
195
- control.setValue(undefined);
196
- break;
197
- case SkyAgGridCellEditorInitialAction.Replace:
198
- case SkyAgGridCellEditorInitialAction.Highlighted:
199
- case SkyAgGridCellEditorInitialAction.Untouched:
200
- default:
201
- control.setValue(params.value);
202
- break;
203
- }
204
- }
205
- this.columnHeader = __classPrivateFieldGet(this, _SkyAgGridCellEditorAutocompleteComponent_params, "f").colDef && __classPrivateFieldGet(this, _SkyAgGridCellEditorAutocompleteComponent_params, "f").colDef.headerName;
206
- this.rowNumber = __classPrivateFieldGet(this, _SkyAgGridCellEditorAutocompleteComponent_params, "f").rowIndex + 1;
207
- this.skyComponentProperties = __classPrivateFieldGet(this, _SkyAgGridCellEditorAutocompleteComponent_params, "f").skyComponentProperties || {};
208
- }
209
- afterGuiAttached() {
210
- var _a;
211
- if (this.input) {
212
- this.input.nativeElement.focus();
213
- if (__classPrivateFieldGet(this, _SkyAgGridCellEditorAutocompleteComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Replace) {
214
- const charPress = (_a = __classPrivateFieldGet(this, _SkyAgGridCellEditorAutocompleteComponent_params, "f")) === null || _a === void 0 ? void 0 : _a.charPress;
215
- this.input.nativeElement.select();
216
- this.input.nativeElement.setRangeText(charPress);
217
- // Ensure the cursor is at the end of the text.
218
- this.input.nativeElement.setSelectionRange(charPress.length, charPress.length);
219
- this.input.nativeElement.dispatchEvent(new Event('input'));
220
- }
221
- if (__classPrivateFieldGet(this, _SkyAgGridCellEditorAutocompleteComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
222
- this.input.nativeElement.select();
223
- }
224
- }
225
- }
226
- getValue() {
227
- var _a;
228
- const val = (_a = this.editorForm.get('selection')) === null || _a === void 0 ? void 0 : _a.value;
229
- return val !== undefined && val !== null ? val : undefined;
230
- }
231
- }
232
- _SkyAgGridCellEditorAutocompleteComponent_triggerType = new WeakMap(), _SkyAgGridCellEditorAutocompleteComponent_params = new WeakMap();
233
- SkyAgGridCellEditorAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
234
- SkyAgGridCellEditorAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAgGridCellEditorAutocompleteComponent, selector: "sky-ag-grid-cell-editor-autocomplete", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorAutocomplete"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"sky-ag-grid-cell-editor-autocomplete\" [formGroup]=\"editorForm\">\n <sky-autocomplete\n [data]=\"skyComponentProperties.data\"\n [debounceTime]=\"skyComponentProperties.debounceTime\"\n [descriptorProperty]=\"skyComponentProperties.descriptorProperty\"\n [propertiesToSearch]=\"skyComponentProperties.propertiesToSearch\"\n [search]=\"skyComponentProperties.search\"\n [searchFilters]=\"skyComponentProperties.searchFilters\"\n [searchResultsLimit]=\"skyComponentProperties.searchResultsLimit\"\n [searchResultTemplate]=\"skyComponentProperties.searchResultTemplate\"\n [searchTextMinimumCharacters]=\"\n skyComponentProperties.searchTextMinimumCharacters\n \"\n (selectionChange)=\"\n skyComponentProperties.selectionChange &&\n skyComponentProperties.selectionChange($event)\n \"\n >\n <input\n formControlName=\"selection\"\n skyAutocomplete\n #skyCellEditorAutocomplete\n type=\"text\"\n [attr.aria-label]=\"\n 'sky_ag_grid_cell_editor_autocomplete_aria_label'\n | skyLibResources : columnHeader : rowNumber\n \"\n />\n </sky-autocomplete>\n</div>\n", styles: ["sky-autocomplete input{border:none;box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.λ2, selector: "sky-autocomplete", inputs: ["ariaLabelledBy", "data", "debounceTime", "descriptorProperty", "enableShowMore", "messageStream", "wrapperClass", "propertiesToSearch", "search", "searchResultTemplate", "searchTextMinimumCharacters", "searchFilters", "searchResultsLimit", "showAddButton", "noResultsFoundText", "searchAsyncDisabled"], outputs: ["addClick", "showMoreClick", "selectionChange", "searchAsync"] }, { kind: "directive", type: i2.λ1, selector: "input[skyAutocomplete], textarea[skyAutocomplete]", inputs: ["autocompleteAttribute", "disabled"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
235
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorAutocompleteComponent, decorators: [{
236
- type: Component,
237
- args: [{ selector: 'sky-ag-grid-cell-editor-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-ag-grid-cell-editor-autocomplete\" [formGroup]=\"editorForm\">\n <sky-autocomplete\n [data]=\"skyComponentProperties.data\"\n [debounceTime]=\"skyComponentProperties.debounceTime\"\n [descriptorProperty]=\"skyComponentProperties.descriptorProperty\"\n [propertiesToSearch]=\"skyComponentProperties.propertiesToSearch\"\n [search]=\"skyComponentProperties.search\"\n [searchFilters]=\"skyComponentProperties.searchFilters\"\n [searchResultsLimit]=\"skyComponentProperties.searchResultsLimit\"\n [searchResultTemplate]=\"skyComponentProperties.searchResultTemplate\"\n [searchTextMinimumCharacters]=\"\n skyComponentProperties.searchTextMinimumCharacters\n \"\n (selectionChange)=\"\n skyComponentProperties.selectionChange &&\n skyComponentProperties.selectionChange($event)\n \"\n >\n <input\n formControlName=\"selection\"\n skyAutocomplete\n #skyCellEditorAutocomplete\n type=\"text\"\n [attr.aria-label]=\"\n 'sky_ag_grid_cell_editor_autocomplete_aria_label'\n | skyLibResources : columnHeader : rowNumber\n \"\n />\n </sky-autocomplete>\n</div>\n", styles: ["sky-autocomplete input{border:none;box-shadow:none}\n"] }]
238
- }], propDecorators: { input: [{
239
- type: ViewChild,
240
- args: ['skyCellEditorAutocomplete', { read: ElementRef }]
241
- }] } });
242
-
243
- var _SkyAgGridCellEditorCurrencyComponent_triggerType, _SkyAgGridCellEditorCurrencyComponent_changeDetector;
244
- /**
245
- * @internal
246
- */
247
- class SkyAgGridCellEditorCurrencyComponent {
248
- constructor(changeDetector) {
249
- this.skyComponentProperties = {};
250
- this.editorForm = new UntypedFormGroup({
251
- currency: new UntypedFormControl(),
252
- });
253
- _SkyAgGridCellEditorCurrencyComponent_triggerType.set(this, void 0);
254
- _SkyAgGridCellEditorCurrencyComponent_changeDetector.set(this, void 0);
255
- __classPrivateFieldSet(this, _SkyAgGridCellEditorCurrencyComponent_changeDetector, changeDetector, "f");
256
- }
257
- /**
258
- * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
259
- * @param params The cell editor params that include data about the cell, column, row, and grid.
260
- */
261
- agInit(params) {
262
- var _a;
263
- this.params = params;
264
- this.columnHeader = this.params.colDef.headerName;
265
- this.rowNumber = this.params.rowIndex + 1;
266
- this.columnWidth = this.params.column.getActualWidth();
267
- this.rowHeightWithoutBorders = SkyAgGridCellEditorUtils.subtractOrZero((_a = this.params.node) === null || _a === void 0 ? void 0 : _a.rowHeight, 4);
268
- this.skyComponentProperties = this.params.skyComponentProperties || {
269
- decimalPlaces: 2,
270
- currencySymbol: '$',
271
- };
272
- }
273
- /**
274
- * afterGuiAttached is called by agGrid after the editor is rendered in the DOM. Once it is attached the editor is ready to be focused on.
275
- */
276
- afterGuiAttached() {
277
- var _a, _b, _c;
278
- (_a = this.input) === null || _a === void 0 ? void 0 : _a.nativeElement.focus();
279
- // This setup is in `afterGuiAttached` due to the lifecycle of autonumeric which will highlight the initial value if it is in place when it renders.
280
- // Since we don't want that, we set the initial value after autonumeric initializes.
281
- __classPrivateFieldSet(this, _SkyAgGridCellEditorCurrencyComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(this.params), "f");
282
- const control = this.editorForm.get('currency');
283
- if (control) {
284
- switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorCurrencyComponent_triggerType, "f")) {
285
- case SkyAgGridCellEditorInitialAction.Delete:
286
- control.setValue(undefined);
287
- break;
288
- case SkyAgGridCellEditorInitialAction.Replace:
289
- control.setValue(parseFloat(String((_b = this.params) === null || _b === void 0 ? void 0 : _b.charPress)) || undefined);
290
- break;
291
- case SkyAgGridCellEditorInitialAction.Highlighted:
292
- case SkyAgGridCellEditorInitialAction.Untouched:
293
- default:
294
- control.setValue(parseFloat(String((_c = this.params) === null || _c === void 0 ? void 0 : _c.value)));
295
- break;
296
- }
297
- }
298
- __classPrivateFieldGet(this, _SkyAgGridCellEditorCurrencyComponent_changeDetector, "f").markForCheck();
299
- // Without the `setTimeout` there is inconsistent behavior with the highlighting when no initial value is present.
300
- setTimeout(() => {
301
- var _a;
302
- if (__classPrivateFieldGet(this, _SkyAgGridCellEditorCurrencyComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
303
- (_a = this.input) === null || _a === void 0 ? void 0 : _a.nativeElement.select();
304
- }
305
- }, 100);
306
- }
307
- /**
308
- * getValue is called by agGrid when editing is stopped to get the new value of the cell.
309
- */
310
- getValue() {
311
- var _a;
312
- const val = (_a = this.editorForm.get('currency')) === null || _a === void 0 ? void 0 : _a.value;
313
- return val !== undefined && val !== null ? val : undefined;
314
- }
315
- /**
316
- * The autoNumeric library's event handler suppresses the escape key event. This additional handler re-enables AG Grid's default functionality.
317
- */
318
- onPressEscape() {
319
- if (this.params) {
320
- this.params.api.stopEditing(true);
321
- this.params.api.setFocusedCell(this.params.rowIndex, this.params.column);
322
- }
323
- }
324
- }
325
- _SkyAgGridCellEditorCurrencyComponent_triggerType = new WeakMap(), _SkyAgGridCellEditorCurrencyComponent_changeDetector = new WeakMap();
326
- SkyAgGridCellEditorCurrencyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorCurrencyComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
327
- SkyAgGridCellEditorCurrencyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAgGridCellEditorCurrencyComponent, selector: "sky-ag-grid-cell-editor-currency", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorCurrency"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ng-container [formGroup]=\"editorForm\">\n <input\n formControlName=\"currency\"\n type=\"text\"\n [attr.aria-label]=\"\n 'sky_ag_grid_cell_editor_currency_aria_label'\n | skyLibResources : columnHeader : rowNumber\n \"\n [style.width.px]=\"columnWidth\"\n [style.height.px]=\"rowHeightWithoutBorders\"\n [skyAutonumeric]=\"skyComponentProperties\"\n [skyAutonumericFormChangesUnformatted]=\"!!params?.charPress\"\n (keyup.escape)=\"onPressEscape()\"\n #skyCellEditorCurrency\n />\n</ng-container>\n", styles: ["input{border:none;padding-left:11px}\n"], dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$1.λ1, selector: "input[skyAutonumeric]", inputs: ["skyAutonumeric", "skyAutonumericFormChangesUnformatted"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
328
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorCurrencyComponent, decorators: [{
329
- type: Component,
330
- args: [{ selector: 'sky-ag-grid-cell-editor-currency', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [formGroup]=\"editorForm\">\n <input\n formControlName=\"currency\"\n type=\"text\"\n [attr.aria-label]=\"\n 'sky_ag_grid_cell_editor_currency_aria_label'\n | skyLibResources : columnHeader : rowNumber\n \"\n [style.width.px]=\"columnWidth\"\n [style.height.px]=\"rowHeightWithoutBorders\"\n [skyAutonumeric]=\"skyComponentProperties\"\n [skyAutonumericFormChangesUnformatted]=\"!!params?.charPress\"\n (keyup.escape)=\"onPressEscape()\"\n #skyCellEditorCurrency\n />\n</ng-container>\n", styles: ["input{border:none;padding-left:11px}\n"] }]
331
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { input: [{
332
- type: ViewChild,
333
- args: ['skyCellEditorCurrency', { read: ElementRef }]
334
- }] } });
335
-
336
- var _SkyAgGridCellEditorDatepickerComponent_params, _SkyAgGridCellEditorDatepickerComponent_triggerType, _SkyAgGridCellEditorDatepickerComponent_changeDetector, _SkyAgGridCellEditorDatepickerComponent_themeSvc;
337
- /**
338
- * @internal
339
- */
340
- class SkyAgGridCellEditorDatepickerComponent extends PopupComponent {
341
- constructor(changeDetector, themeSvc) {
342
- super();
343
- this.editorForm = new UntypedFormGroup({
344
- date: new UntypedFormControl(),
345
- });
346
- this.skyComponentProperties = {};
347
- _SkyAgGridCellEditorDatepickerComponent_params.set(this, void 0);
348
- _SkyAgGridCellEditorDatepickerComponent_triggerType.set(this, void 0);
349
- _SkyAgGridCellEditorDatepickerComponent_changeDetector.set(this, void 0);
350
- _SkyAgGridCellEditorDatepickerComponent_themeSvc.set(this, void 0);
351
- __classPrivateFieldSet(this, _SkyAgGridCellEditorDatepickerComponent_changeDetector, changeDetector, "f");
352
- __classPrivateFieldSet(this, _SkyAgGridCellEditorDatepickerComponent_themeSvc, themeSvc, "f");
353
- }
354
- /**
355
- * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
356
- * @param params The cell editor params that include data about the cell, column, row, and grid.
357
- */
358
- agInit(params) {
359
- var _a, _b;
360
- __classPrivateFieldSet(this, _SkyAgGridCellEditorDatepickerComponent_params, params, "f");
361
- __classPrivateFieldSet(this, _SkyAgGridCellEditorDatepickerComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
362
- const control = this.editorForm.get('date');
363
- if (control) {
364
- switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_triggerType, "f")) {
365
- case SkyAgGridCellEditorInitialAction.Delete:
366
- control.setValue(undefined);
367
- break;
368
- case SkyAgGridCellEditorInitialAction.Replace:
369
- control.setValue(params.charPress);
370
- break;
371
- case SkyAgGridCellEditorInitialAction.Highlighted:
372
- case SkyAgGridCellEditorInitialAction.Untouched:
373
- default:
374
- control.setValue(params.value);
375
- break;
376
- }
377
- if ((_a = __classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_params, "f").skyComponentProperties) === null || _a === void 0 ? void 0 : _a.disabled) {
378
- control.disable();
379
- }
380
- }
381
- __classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_changeDetector, "f").markForCheck();
382
- this.skyComponentProperties = __classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_params, "f").skyComponentProperties || {};
383
- this.columnWidth = __classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_params, "f").column.getActualWidth();
384
- this.columnWidthWithoutBorders = this.columnWidth - 2;
385
- this.rowHeightWithoutBorders = __classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_params, "f").node.rowHeight - 3;
386
- (_b = __classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_themeSvc, "f")) === null || _b === void 0 ? void 0 : _b.settingsChange.subscribe((themeSettings) => {
387
- var _a, _b, _c;
388
- if (themeSettings.currentSettings.theme.name === 'modern') {
389
- this.columnWidthWithoutBorders = this.columnWidth;
390
- this.rowHeightWithoutBorders = (_b = (_a = __classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_params, "f")) === null || _a === void 0 ? void 0 : _a.node) === null || _b === void 0 ? void 0 : _b.rowHeight;
391
- }
392
- else {
393
- this.columnWidthWithoutBorders =
394
- this.columnWidth === undefined ? undefined : this.columnWidth - 2;
395
- this.rowHeightWithoutBorders = SkyAgGridCellEditorUtils.subtractOrZero((_c = __classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_params, "f")) === null || _c === void 0 ? void 0 : _c.node.rowHeight, 3);
396
- }
397
- });
398
- }
399
- /**
400
- * afterGuiAttached is called by agGrid after the editor is rendered in the DOM. Once it is attached the editor is ready to be focused on.
401
- */
402
- afterGuiAttached() {
403
- var _a, _b;
404
- const datepickerInputEl = (_a = this.datepickerInput) === null || _a === void 0 ? void 0 : _a.nativeElement;
405
- if (datepickerInputEl) {
406
- datepickerInputEl.focus();
407
- // programmatically set the value of in the input; however, do not do this via the form control so that the value is not formatted when editing starts.
408
- // Watch for the first blur and fire a 'change' event as programmatic changes won't queue a change event, but we need to do this so that formatting happens if the user tabs to the calendar button.
409
- if (__classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Replace) {
410
- fromEvent(datepickerInputEl, 'blur')
411
- .pipe(first())
412
- .subscribe(() => {
413
- datepickerInputEl.dispatchEvent(new Event('change'));
414
- });
415
- datepickerInputEl.select();
416
- const charPress = (_b = __classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_params, "f")) === null || _b === void 0 ? void 0 : _b.charPress;
417
- if (charPress) {
418
- datepickerInputEl.setRangeText(charPress);
419
- // Ensure the cursor is at the end of the text.
420
- datepickerInputEl.setSelectionRange(charPress.length, charPress.length);
421
- }
422
- }
423
- if (__classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
424
- datepickerInputEl.select();
425
- }
426
- }
427
- }
428
- /**
429
- * getValue is called by agGrid when editing is stopped to get the new value of the cell.
430
- */
431
- getValue() {
432
- var _a, _b;
433
- (_a = this.datepickerInput) === null || _a === void 0 ? void 0 : _a.nativeElement.blur();
434
- return (_b = this.editorForm.get('date')) === null || _b === void 0 ? void 0 : _b.value;
435
- }
436
- }
437
- _SkyAgGridCellEditorDatepickerComponent_params = new WeakMap(), _SkyAgGridCellEditorDatepickerComponent_triggerType = new WeakMap(), _SkyAgGridCellEditorDatepickerComponent_changeDetector = new WeakMap(), _SkyAgGridCellEditorDatepickerComponent_themeSvc = new WeakMap();
438
- SkyAgGridCellEditorDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorDatepickerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
439
- SkyAgGridCellEditorDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAgGridCellEditorDatepickerComponent, selector: "sky-ag-grid-cell-editor-datepicker", viewQueries: [{ propertyName: "datepickerInput", first: true, predicate: ["skyCellEditorDatepickerInput"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"sky-ag-grid-cell-editor-datepicker\"\n [formGroup]=\"editorForm\"\n [style.width.px]=\"columnWidthWithoutBorders\"\n>\n <sky-datepicker\n data-sky-id=\"cell-datepicker\"\n pickerClass=\"ag-custom-component-popup\"\n >\n <input\n formControlName=\"date\"\n skyDatepickerInput\n [minDate]=\"skyComponentProperties.minDate\"\n [maxDate]=\"skyComponentProperties.maxDate\"\n [dateFormat]=\"skyComponentProperties.dateFormat\"\n [startingDay]=\"skyComponentProperties.startingDay\"\n [skyDatepickerNoValidate]=\"skyComponentProperties.skyDatepickerNoValidate\"\n [style.height.px]=\"rowHeightWithoutBorders\"\n #skyCellEditorDatepickerInput\n />\n </sky-datepicker>\n</div>\n", styles: [".sky-ag-grid-cell-editor-datepicker{position:relative;top:1px;left:1px}.sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{box-shadow:none;border-width:1px;border-style:solid;border-color:transparent #cdcfd2 transparent transparent}.sky-ag-grid-cell-editor-datepicker sky-datepicker .sky-input-group-datepicker-btn{border-radius:0}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker{position:static;top:initial;left:initial}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{border-radius:0;border:1px solid #1870B8}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control:focus{border-width:2px!important}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker{position:static;top:initial;left:initial}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{border-radius:0;border:1px solid #1870B8}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control:focus{border-width:2px!important}\n"], dependencies: [{ kind: "component", type: i2$2.λ2, selector: "sky-datepicker", inputs: ["pickerClass"], outputs: ["calendarDateRangeChange"] }, { kind: "directive", type: i2$2.λ3, selector: "[skyDatepickerInput]", inputs: ["dateFormat", "disabled", "maxDate", "minDate", "skyDatepickerInput", "skyDatepickerNoValidate", "startingDay", "strict"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
440
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorDatepickerComponent, decorators: [{
441
- type: Component,
442
- args: [{ selector: 'sky-ag-grid-cell-editor-datepicker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n class=\"sky-ag-grid-cell-editor-datepicker\"\n [formGroup]=\"editorForm\"\n [style.width.px]=\"columnWidthWithoutBorders\"\n>\n <sky-datepicker\n data-sky-id=\"cell-datepicker\"\n pickerClass=\"ag-custom-component-popup\"\n >\n <input\n formControlName=\"date\"\n skyDatepickerInput\n [minDate]=\"skyComponentProperties.minDate\"\n [maxDate]=\"skyComponentProperties.maxDate\"\n [dateFormat]=\"skyComponentProperties.dateFormat\"\n [startingDay]=\"skyComponentProperties.startingDay\"\n [skyDatepickerNoValidate]=\"skyComponentProperties.skyDatepickerNoValidate\"\n [style.height.px]=\"rowHeightWithoutBorders\"\n #skyCellEditorDatepickerInput\n />\n </sky-datepicker>\n</div>\n", styles: [".sky-ag-grid-cell-editor-datepicker{position:relative;top:1px;left:1px}.sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{box-shadow:none;border-width:1px;border-style:solid;border-color:transparent #cdcfd2 transparent transparent}.sky-ag-grid-cell-editor-datepicker sky-datepicker .sky-input-group-datepicker-btn{border-radius:0}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker{position:static;top:initial;left:initial}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{border-radius:0;border:1px solid #1870B8}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control:focus{border-width:2px!important}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker{position:static;top:initial;left:initial}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{border-radius:0;border:1px solid #1870B8}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control:focus{border-width:2px!important}\n"] }]
443
- }], ctorParameters: function () {
444
- return [{ type: i0.ChangeDetectorRef }, { type: i1$2.SkyThemeService, decorators: [{
445
- type: Optional
446
- }] }];
447
- }, propDecorators: { datepickerInput: [{
448
- type: ViewChild,
449
- args: ['skyCellEditorDatepickerInput', { read: ElementRef }]
450
- }] } });
451
-
452
- var _SkyAgGridCellEditorLookupComponent_instances, _SkyAgGridCellEditorLookupComponent_params, _SkyAgGridCellEditorLookupComponent_triggerType, _SkyAgGridCellEditorLookupComponent_changeDetector, _SkyAgGridCellEditorLookupComponent_elementRef, _SkyAgGridCellEditorLookupComponent_updateComponentProperties;
453
- /**
454
- * @internal
455
- */
456
- class SkyAgGridCellEditorLookupComponent {
457
- constructor(changeDetector, elementRef) {
458
- _SkyAgGridCellEditorLookupComponent_instances.add(this);
459
- this.isAlive = false;
460
- this.editorForm = new UntypedFormGroup({
461
- selection: new UntypedFormControl({
462
- value: [],
463
- disabled: false,
464
- }),
465
- });
466
- this.useAsyncSearch = false;
467
- _SkyAgGridCellEditorLookupComponent_params.set(this, void 0);
468
- _SkyAgGridCellEditorLookupComponent_triggerType.set(this, void 0);
469
- _SkyAgGridCellEditorLookupComponent_changeDetector.set(this, void 0);
470
- _SkyAgGridCellEditorLookupComponent_elementRef.set(this, void 0);
471
- __classPrivateFieldSet(this, _SkyAgGridCellEditorLookupComponent_changeDetector, changeDetector, "f");
472
- __classPrivateFieldSet(this, _SkyAgGridCellEditorLookupComponent_elementRef, elementRef, "f");
473
- }
474
- agInit(params) {
475
- var _a;
476
- __classPrivateFieldSet(this, _SkyAgGridCellEditorLookupComponent_params, params, "f");
477
- if (!Array.isArray(__classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_params, "f").value)) {
478
- throw new Error(`Lookup value must be an array`);
479
- }
480
- __classPrivateFieldSet(this, _SkyAgGridCellEditorLookupComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
481
- const control = this.editorForm.get('selection');
482
- if (control) {
483
- switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_triggerType, "f")) {
484
- case SkyAgGridCellEditorInitialAction.Delete:
485
- control.setValue([]);
486
- break;
487
- case SkyAgGridCellEditorInitialAction.Replace:
488
- case SkyAgGridCellEditorInitialAction.Highlighted:
489
- case SkyAgGridCellEditorInitialAction.Untouched:
490
- default:
491
- control.setValue(params.value);
492
- break;
493
- }
494
- if ((_a = __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_params, "f").skyComponentProperties) === null || _a === void 0 ? void 0 : _a.disabled) {
495
- control.disable();
496
- }
497
- }
498
- this.skyComponentProperties = __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_instances, "m", _SkyAgGridCellEditorLookupComponent_updateComponentProperties).call(this, __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_params, "f"));
499
- this.useAsyncSearch =
500
- typeof this.skyComponentProperties.searchAsync === 'function';
501
- this.isAlive = true;
502
- this.width = __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_params, "f").column.getActualWidth();
503
- __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_params, "f").column.addEventListener('uiColumnResized', (event) => {
504
- var _a;
505
- this.width = (_a = event.column) === null || _a === void 0 ? void 0 : _a.getActualWidth();
506
- __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_changeDetector, "f").markForCheck();
507
- });
508
- __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_changeDetector, "f").markForCheck();
509
- }
510
- isCancelAfterEnd() {
511
- // Shut down components to commit values before final value syncs to grid.
512
- this.isAlive = false;
513
- __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_changeDetector, "f").detectChanges();
514
- return false;
515
- }
516
- getGui() {
517
- return __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_elementRef, "f").nativeElement;
518
- }
519
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
520
- getValue() {
521
- var _a;
522
- return (_a = this.editorForm.get('selection')) === null || _a === void 0 ? void 0 : _a.value;
523
- }
524
- isPopup() {
525
- return true;
526
- }
527
- afterGuiAttached() {
528
- var _a;
529
- const lookupInput = __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_elementRef, "f").nativeElement.querySelector('.sky-lookup-input');
530
- lookupInput.focus();
531
- if (__classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Replace) {
532
- lookupInput.select();
533
- lookupInput.setRangeText((_a = __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_params, "f")) === null || _a === void 0 ? void 0 : _a.charPress);
534
- // Ensure the cursor is at the end of the text.
535
- lookupInput.setSelectionRange(lookupInput.value.length, lookupInput.value.length);
536
- lookupInput.dispatchEvent(new Event('input'));
537
- }
538
- if (__classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
539
- lookupInput.select();
540
- }
541
- }
542
- }
543
- _SkyAgGridCellEditorLookupComponent_params = new WeakMap(), _SkyAgGridCellEditorLookupComponent_triggerType = new WeakMap(), _SkyAgGridCellEditorLookupComponent_changeDetector = new WeakMap(), _SkyAgGridCellEditorLookupComponent_elementRef = new WeakMap(), _SkyAgGridCellEditorLookupComponent_instances = new WeakSet(), _SkyAgGridCellEditorLookupComponent_updateComponentProperties = function _SkyAgGridCellEditorLookupComponent_updateComponentProperties(params) {
544
- const skyLookupProperties = params.skyComponentProperties;
545
- return applySkyLookupPropertiesDefaults(skyLookupProperties);
546
- };
547
- SkyAgGridCellEditorLookupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorLookupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
548
- SkyAgGridCellEditorLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAgGridCellEditorLookupComponent, selector: "sky-ag-grid-cell-editor-lookup", host: { properties: { "style.width.px": "this.width" } }, ngImport: i0, template: "<sky-input-box\n *ngIf=\"isAlive && useAsyncSearch\"\n [disabled]=\"skyComponentProperties?.disabled\"\n [formGroup]=\"editorForm\"\n>\n <sky-lookup\n [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n [ariaLabelledBy]=\"skyComponentProperties?.ariaLabelledBy\"\n [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n [data]=\"skyComponentProperties?.data\"\n [debounceTime]=\"skyComponentProperties?.debounceTime\"\n [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n [disabled]=\"skyComponentProperties?.disabled || false\"\n [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n formControlName=\"selection\"\n [idProperty]=\"skyComponentProperties?.idProperty\"\n [placeholderText]=\"skyComponentProperties?.placeholderText\"\n [propertiesToSearch]=\"skyComponentProperties?.propertiesToSearch\"\n [search]=\"skyComponentProperties?.search\"\n [searchFilters]=\"skyComponentProperties?.searchFilters\"\n [searchResultsLimit]=\"skyComponentProperties?.searchResultsLimit\"\n [searchResultTemplate]=\"skyComponentProperties?.searchResultTemplate\"\n [searchTextMinimumCharacters]=\"\n skyComponentProperties?.searchTextMinimumCharacters\n \"\n (searchAsync)=\"skyComponentProperties?.searchAsync($event)\"\n [selectMode]=\"skyComponentProperties?.selectMode\"\n [showAddButton]=\"skyComponentProperties?.showAddButton\"\n [showMoreConfig]=\"skyComponentProperties?.showMoreConfig\"\n [wrapperClass]=\"skyComponentProperties?.wrapperClass\"\n (addClick)=\"skyComponentProperties?.addClick($event)\"\n >\n </sky-lookup>\n</sky-input-box>\n<sky-input-box\n *ngIf=\"isAlive && !useAsyncSearch\"\n [disabled]=\"skyComponentProperties?.disabled\"\n [formGroup]=\"editorForm\"\n>\n <sky-lookup\n [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n [ariaLabelledBy]=\"skyComponentProperties?.ariaLabelledBy\"\n [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n [data]=\"skyComponentProperties?.data\"\n [debounceTime]=\"skyComponentProperties?.debounceTime\"\n [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n [disabled]=\"skyComponentProperties?.disabled || false\"\n [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n formControlName=\"selection\"\n [idProperty]=\"skyComponentProperties?.idProperty\"\n [placeholderText]=\"skyComponentProperties?.placeholderText\"\n [propertiesToSearch]=\"skyComponentProperties?.propertiesToSearch\"\n [search]=\"skyComponentProperties?.search\"\n [searchFilters]=\"skyComponentProperties?.searchFilters\"\n [searchResultsLimit]=\"skyComponentProperties?.searchResultsLimit\"\n [searchResultTemplate]=\"skyComponentProperties?.searchResultTemplate\"\n [searchTextMinimumCharacters]=\"\n skyComponentProperties?.searchTextMinimumCharacters\n \"\n [selectMode]=\"skyComponentProperties?.selectMode\"\n [showAddButton]=\"skyComponentProperties?.showAddButton\"\n [showMoreConfig]=\"skyComponentProperties?.showMoreConfig\"\n [wrapperClass]=\"skyComponentProperties?.wrapperClass\"\n (addClick)=\"skyComponentProperties?.addClick($event)\"\n >\n </sky-lookup>\n</sky-input-box>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$1.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled", "labelText", "characterLimit", "stacked", "helpPopoverTitle", "helpPopoverContent"] }, { kind: "component", type: i2.λ4, selector: "sky-lookup", inputs: ["ariaLabel", "ariaLabelledBy", "autocompleteAttribute", "data", "disabled", "enableShowMore", "placeholderText", "idProperty", "showAddButton", "showMoreConfig", "selectMode", "wrapperClass"], outputs: ["addClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
549
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorLookupComponent, decorators: [{
550
- type: Component,
551
- args: [{ selector: 'sky-ag-grid-cell-editor-lookup', changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-input-box\n *ngIf=\"isAlive && useAsyncSearch\"\n [disabled]=\"skyComponentProperties?.disabled\"\n [formGroup]=\"editorForm\"\n>\n <sky-lookup\n [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n [ariaLabelledBy]=\"skyComponentProperties?.ariaLabelledBy\"\n [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n [data]=\"skyComponentProperties?.data\"\n [debounceTime]=\"skyComponentProperties?.debounceTime\"\n [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n [disabled]=\"skyComponentProperties?.disabled || false\"\n [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n formControlName=\"selection\"\n [idProperty]=\"skyComponentProperties?.idProperty\"\n [placeholderText]=\"skyComponentProperties?.placeholderText\"\n [propertiesToSearch]=\"skyComponentProperties?.propertiesToSearch\"\n [search]=\"skyComponentProperties?.search\"\n [searchFilters]=\"skyComponentProperties?.searchFilters\"\n [searchResultsLimit]=\"skyComponentProperties?.searchResultsLimit\"\n [searchResultTemplate]=\"skyComponentProperties?.searchResultTemplate\"\n [searchTextMinimumCharacters]=\"\n skyComponentProperties?.searchTextMinimumCharacters\n \"\n (searchAsync)=\"skyComponentProperties?.searchAsync($event)\"\n [selectMode]=\"skyComponentProperties?.selectMode\"\n [showAddButton]=\"skyComponentProperties?.showAddButton\"\n [showMoreConfig]=\"skyComponentProperties?.showMoreConfig\"\n [wrapperClass]=\"skyComponentProperties?.wrapperClass\"\n (addClick)=\"skyComponentProperties?.addClick($event)\"\n >\n </sky-lookup>\n</sky-input-box>\n<sky-input-box\n *ngIf=\"isAlive && !useAsyncSearch\"\n [disabled]=\"skyComponentProperties?.disabled\"\n [formGroup]=\"editorForm\"\n>\n <sky-lookup\n [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n [ariaLabelledBy]=\"skyComponentProperties?.ariaLabelledBy\"\n [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n [data]=\"skyComponentProperties?.data\"\n [debounceTime]=\"skyComponentProperties?.debounceTime\"\n [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n [disabled]=\"skyComponentProperties?.disabled || false\"\n [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n formControlName=\"selection\"\n [idProperty]=\"skyComponentProperties?.idProperty\"\n [placeholderText]=\"skyComponentProperties?.placeholderText\"\n [propertiesToSearch]=\"skyComponentProperties?.propertiesToSearch\"\n [search]=\"skyComponentProperties?.search\"\n [searchFilters]=\"skyComponentProperties?.searchFilters\"\n [searchResultsLimit]=\"skyComponentProperties?.searchResultsLimit\"\n [searchResultTemplate]=\"skyComponentProperties?.searchResultTemplate\"\n [searchTextMinimumCharacters]=\"\n skyComponentProperties?.searchTextMinimumCharacters\n \"\n [selectMode]=\"skyComponentProperties?.selectMode\"\n [showAddButton]=\"skyComponentProperties?.showAddButton\"\n [showMoreConfig]=\"skyComponentProperties?.showMoreConfig\"\n [wrapperClass]=\"skyComponentProperties?.wrapperClass\"\n (addClick)=\"skyComponentProperties?.addClick($event)\"\n >\n </sky-lookup>\n</sky-input-box>\n", styles: [":host{display:block}\n"] }]
552
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { width: [{
553
- type: HostBinding,
554
- args: ['style.width.px']
555
- }] } });
556
-
557
- var _SkyAgGridCellEditorNumberComponent_params, _SkyAgGridCellEditorNumberComponent_triggerType;
558
- /**
559
- * @internal
560
- */
561
- class SkyAgGridCellEditorNumberComponent {
562
- constructor() {
563
- this.editorForm = new UntypedFormGroup({
564
- number: new UntypedFormControl(),
565
- });
566
- _SkyAgGridCellEditorNumberComponent_params.set(this, void 0);
567
- _SkyAgGridCellEditorNumberComponent_triggerType.set(this, void 0);
568
- }
569
- /**
570
- * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
571
- * @param params The cell editor params that include data about the cell, column, row, and grid.
572
- */
573
- agInit(params) {
574
- var _a, _b, _c;
575
- __classPrivateFieldSet(this, _SkyAgGridCellEditorNumberComponent_params, params, "f");
576
- __classPrivateFieldSet(this, _SkyAgGridCellEditorNumberComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
577
- const control = this.editorForm.get('number');
578
- if (control) {
579
- switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_triggerType, "f")) {
580
- case SkyAgGridCellEditorInitialAction.Delete:
581
- control.setValue(undefined);
582
- break;
583
- case SkyAgGridCellEditorInitialAction.Replace:
584
- control.setValue(parseFloat((_a = __classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_params, "f")) === null || _a === void 0 ? void 0 : _a.charPress) || undefined);
585
- break;
586
- case SkyAgGridCellEditorInitialAction.Highlighted:
587
- case SkyAgGridCellEditorInitialAction.Untouched:
588
- default:
589
- control.setValue(params.value);
590
- break;
591
- }
592
- }
593
- this.max = (_b = params.skyComponentProperties) === null || _b === void 0 ? void 0 : _b.max;
594
- this.min = (_c = params.skyComponentProperties) === null || _c === void 0 ? void 0 : _c.min;
595
- this.columnHeader = __classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_params, "f").colDef.headerName;
596
- this.rowNumber = __classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_params, "f").rowIndex + 1;
597
- this.columnWidth = __classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_params, "f").column.getActualWidth();
598
- this.rowHeightWithoutBorders = __classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_params, "f").node.rowHeight - 4;
599
- }
600
- /**
601
- * afterGuiAttached is called by agGrid after the editor is rendered in the DOM. Once it is attached the editor is ready to be focused on.
602
- */
603
- afterGuiAttached() {
604
- if (this.input) {
605
- this.input.nativeElement.focus();
606
- if (__classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
607
- this.input.nativeElement.select();
608
- }
609
- }
610
- }
611
- /**
612
- * getValue is called by agGrid when editing is stopped to get the new value of the cell.
613
- */
614
- getValue() {
615
- var _a;
616
- const val = (_a = this.editorForm.get('number')) === null || _a === void 0 ? void 0 : _a.value;
617
- return val !== undefined && val !== null ? val : undefined;
618
- }
619
- }
620
- _SkyAgGridCellEditorNumberComponent_params = new WeakMap(), _SkyAgGridCellEditorNumberComponent_triggerType = new WeakMap();
621
- SkyAgGridCellEditorNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
622
- SkyAgGridCellEditorNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAgGridCellEditorNumberComponent, selector: "sky-ag-grid-cell-editor-number", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorNumber"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ng-container [formGroup]=\"editorForm\">\n <input\n formControlName=\"number\"\n type=\"number\"\n [attr.aria-label]=\"\n 'sky_ag_grid_cell_editor_number_aria_label'\n | skyLibResources : columnHeader : rowNumber\n \"\n [style.width.px]=\"columnWidth\"\n [style.height.px]=\"rowHeightWithoutBorders\"\n [max]=\"max ?? null\"\n [min]=\"min ?? null\"\n #skyCellEditorNumber\n />\n</ng-container>\n", styles: ["input{border:none;text-align:right}\n"], dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
623
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorNumberComponent, decorators: [{
624
- type: Component,
625
- args: [{ selector: 'sky-ag-grid-cell-editor-number', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [formGroup]=\"editorForm\">\n <input\n formControlName=\"number\"\n type=\"number\"\n [attr.aria-label]=\"\n 'sky_ag_grid_cell_editor_number_aria_label'\n | skyLibResources : columnHeader : rowNumber\n \"\n [style.width.px]=\"columnWidth\"\n [style.height.px]=\"rowHeightWithoutBorders\"\n [max]=\"max ?? null\"\n [min]=\"min ?? null\"\n #skyCellEditorNumber\n />\n</ng-container>\n", styles: ["input{border:none;text-align:right}\n"] }]
626
- }], propDecorators: { input: [{
627
- type: ViewChild,
628
- args: ['skyCellEditorNumber', { read: ElementRef }]
629
- }] } });
630
-
631
- var _SkyAgGridCellEditorTextComponent_params, _SkyAgGridCellEditorTextComponent_triggerType;
632
- /**
633
- * @internal
634
- */
635
- class SkyAgGridCellEditorTextComponent {
636
- constructor() {
637
- this.editorForm = new UntypedFormGroup({
638
- text: new UntypedFormControl(),
639
- });
640
- _SkyAgGridCellEditorTextComponent_params.set(this, void 0);
641
- _SkyAgGridCellEditorTextComponent_triggerType.set(this, void 0);
642
- }
643
- /**
644
- * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
645
- * @param params The cell editor params that include data about the cell, column, row, and grid.
646
- */
647
- agInit(params) {
648
- var _a;
649
- __classPrivateFieldSet(this, _SkyAgGridCellEditorTextComponent_params, params, "f");
650
- __classPrivateFieldSet(this, _SkyAgGridCellEditorTextComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
651
- const control = this.editorForm.get('text');
652
- if (control) {
653
- switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorTextComponent_triggerType, "f")) {
654
- case SkyAgGridCellEditorInitialAction.Delete:
655
- control.setValue(undefined);
656
- break;
657
- case SkyAgGridCellEditorInitialAction.Replace:
658
- control.setValue(params.charPress);
659
- break;
660
- case SkyAgGridCellEditorInitialAction.Highlighted:
661
- case SkyAgGridCellEditorInitialAction.Untouched:
662
- default:
663
- control.setValue(params.value);
664
- break;
665
- }
666
- }
667
- this.maxlength = (_a = params.skyComponentProperties) === null || _a === void 0 ? void 0 : _a.maxlength;
668
- this.columnHeader = __classPrivateFieldGet(this, _SkyAgGridCellEditorTextComponent_params, "f").colDef.headerName;
669
- this.rowNumber = __classPrivateFieldGet(this, _SkyAgGridCellEditorTextComponent_params, "f").rowIndex + 1;
670
- this.columnWidth = __classPrivateFieldGet(this, _SkyAgGridCellEditorTextComponent_params, "f").column.getActualWidth();
671
- this.rowHeightWithoutBorders = __classPrivateFieldGet(this, _SkyAgGridCellEditorTextComponent_params, "f").node.rowHeight - 4;
672
- }
673
- /**
674
- * afterGuiAttached is called by agGrid after the editor is rendered in the DOM. Once it is attached the editor is ready to be focused on.
675
- */
676
- afterGuiAttached() {
677
- if (this.input) {
678
- this.input.nativeElement.focus();
679
- if (__classPrivateFieldGet(this, _SkyAgGridCellEditorTextComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
680
- this.input.nativeElement.select();
681
- }
682
- }
683
- }
684
- /**
685
- * getValue is called by agGrid when editing is stopped to get the new value of the cell.
686
- */
687
- getValue() {
688
- var _a;
689
- return ((_a = this.editorForm.get('text')) === null || _a === void 0 ? void 0 : _a.value) || undefined;
690
- }
691
- }
692
- _SkyAgGridCellEditorTextComponent_params = new WeakMap(), _SkyAgGridCellEditorTextComponent_triggerType = new WeakMap();
693
- SkyAgGridCellEditorTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
694
- SkyAgGridCellEditorTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAgGridCellEditorTextComponent, selector: "sky-ag-grid-cell-editor-text", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorText"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ng-container [formGroup]=\"editorForm\">\n <input\n formControlName=\"text\"\n type=\"text\"\n [attr.aria-label]=\"\n 'sky_ag_grid_cell_editor_text_aria_label'\n | skyLibResources : columnHeader : rowNumber\n \"\n [style.width.px]=\"columnWidth\"\n [style.height.px]=\"rowHeightWithoutBorders\"\n [maxlength]=\"maxlength ?? null\"\n #skyCellEditorText\n />\n</ng-container>\n", styles: ["input{border:none;padding-left:11px}\n"], dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
695
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorTextComponent, decorators: [{
696
- type: Component,
697
- args: [{ selector: 'sky-ag-grid-cell-editor-text', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [formGroup]=\"editorForm\">\n <input\n formControlName=\"text\"\n type=\"text\"\n [attr.aria-label]=\"\n 'sky_ag_grid_cell_editor_text_aria_label'\n | skyLibResources : columnHeader : rowNumber\n \"\n [style.width.px]=\"columnWidth\"\n [style.height.px]=\"rowHeightWithoutBorders\"\n [maxlength]=\"maxlength ?? null\"\n #skyCellEditorText\n />\n</ng-container>\n", styles: ["input{border:none;padding-left:11px}\n"] }]
698
- }], propDecorators: { input: [{
699
- type: ViewChild,
700
- args: ['skyCellEditorText', { read: ElementRef }]
701
- }] } });
702
-
703
- var _SkyAgGridCellValidatorTooltipComponent_instances, _SkyAgGridCellValidatorTooltipComponent_hoverTimeout, _SkyAgGridCellValidatorTooltipComponent_changeDetector, _SkyAgGridCellValidatorTooltipComponent_scheduleDelayedPopover, _SkyAgGridCellValidatorTooltipComponent_cancelDelayedPopover;
704
- /**
705
- * @internal
706
- */
707
- class SkyAgGridCellValidatorTooltipComponent {
708
- set params(value) {
709
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
710
- this.cellRendererParams = value;
711
- /*istanbul ignore next*/
712
- (_b = (_a = this.cellRendererParams) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.addEventListener(Events.EVENT_CELL_FOCUSED, (eventParams) => {
713
- var _a, _b;
714
- // We want to close any popovers that are opened when other cells are focused, but open a popover if the current cell is focused.
715
- if (!(eventParams.column instanceof Column) ||
716
- eventParams.column.getColId() !==
717
- ((_b = (_a = this.cellRendererParams) === null || _a === void 0 ? void 0 : _a.column) === null || _b === void 0 ? void 0 : _b.getColId()) ||
718
- eventParams.rowIndex !== this.cellRendererParams.rowIndex) {
719
- this.hidePopover();
720
- }
721
- });
722
- /*istanbul ignore next*/
723
- (_d = (_c = this.cellRendererParams) === null || _c === void 0 ? void 0 : _c.eGridCell) === null || _d === void 0 ? void 0 : _d.addEventListener('keyup', (event) => {
724
- if (['ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp'].includes(event.key)) {
725
- this.showPopover();
726
- }
727
- });
728
- (_f = (_e = this.cellRendererParams) === null || _e === void 0 ? void 0 : _e.eGridCell) === null || _f === void 0 ? void 0 : _f.addEventListener('mouseenter', () => {
729
- __classPrivateFieldGet(this, _SkyAgGridCellValidatorTooltipComponent_instances, "m", _SkyAgGridCellValidatorTooltipComponent_scheduleDelayedPopover).call(this);
730
- });
731
- (_h = (_g = this.cellRendererParams) === null || _g === void 0 ? void 0 : _g.eGridCell) === null || _h === void 0 ? void 0 : _h.addEventListener('mouseleave', () => {
732
- this.hidePopover();
733
- });
734
- /*istanbul ignore next*/
735
- (_k = (_j = this.cellRendererParams) === null || _j === void 0 ? void 0 : _j.api) === null || _k === void 0 ? void 0 : _k.addEventListener(Events.EVENT_CELL_EDITING_STARTED, () => {
736
- this.hidePopover();
737
- });
738
- if (typeof ((_m = (_l = this.cellRendererParams) === null || _l === void 0 ? void 0 : _l.skyComponentProperties) === null || _m === void 0 ? void 0 : _m.validatorMessage) === 'function') {
739
- this.validatorMessage =
740
- this.cellRendererParams.skyComponentProperties.validatorMessage(this.cellRendererParams.value, this.cellRendererParams.data, this.cellRendererParams.rowIndex);
741
- }
742
- else {
743
- this.validatorMessage =
744
- (_p = (_o = this.cellRendererParams) === null || _o === void 0 ? void 0 : _o.skyComponentProperties) === null || _p === void 0 ? void 0 : _p.validatorMessage;
745
- }
746
- __classPrivateFieldGet(this, _SkyAgGridCellValidatorTooltipComponent_changeDetector, "f").markForCheck();
747
- }
748
- constructor(changeDetector) {
749
- _SkyAgGridCellValidatorTooltipComponent_instances.add(this);
750
- this.popoverMessageStream = new Subject();
751
- _SkyAgGridCellValidatorTooltipComponent_hoverTimeout.set(this, void 0);
752
- _SkyAgGridCellValidatorTooltipComponent_changeDetector.set(this, void 0);
753
- __classPrivateFieldSet(this, _SkyAgGridCellValidatorTooltipComponent_changeDetector, changeDetector, "f");
754
- }
755
- hidePopover() {
756
- __classPrivateFieldGet(this, _SkyAgGridCellValidatorTooltipComponent_instances, "m", _SkyAgGridCellValidatorTooltipComponent_cancelDelayedPopover).call(this);
757
- this.popoverMessageStream.next({ type: SkyPopoverMessageType.Close });
758
- }
759
- showPopover() {
760
- __classPrivateFieldGet(this, _SkyAgGridCellValidatorTooltipComponent_instances, "m", _SkyAgGridCellValidatorTooltipComponent_cancelDelayedPopover).call(this);
761
- this.popoverMessageStream.next({ type: SkyPopoverMessageType.Open });
762
- }
763
- }
764
- _SkyAgGridCellValidatorTooltipComponent_hoverTimeout = new WeakMap(), _SkyAgGridCellValidatorTooltipComponent_changeDetector = new WeakMap(), _SkyAgGridCellValidatorTooltipComponent_instances = new WeakSet(), _SkyAgGridCellValidatorTooltipComponent_scheduleDelayedPopover = function _SkyAgGridCellValidatorTooltipComponent_scheduleDelayedPopover() {
765
- /* istanbul ignore else */
766
- if (!__classPrivateFieldGet(this, _SkyAgGridCellValidatorTooltipComponent_hoverTimeout, "f")) {
767
- __classPrivateFieldSet(this, _SkyAgGridCellValidatorTooltipComponent_hoverTimeout, window.setTimeout(() => {
768
- this.showPopover();
769
- }, 300), "f");
770
- }
771
- }, _SkyAgGridCellValidatorTooltipComponent_cancelDelayedPopover = function _SkyAgGridCellValidatorTooltipComponent_cancelDelayedPopover() {
772
- if (__classPrivateFieldGet(this, _SkyAgGridCellValidatorTooltipComponent_hoverTimeout, "f")) {
773
- window.clearTimeout(__classPrivateFieldGet(this, _SkyAgGridCellValidatorTooltipComponent_hoverTimeout, "f"));
774
- __classPrivateFieldSet(this, _SkyAgGridCellValidatorTooltipComponent_hoverTimeout, undefined, "f");
775
- }
776
- };
777
- SkyAgGridCellValidatorTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellValidatorTooltipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
778
- SkyAgGridCellValidatorTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAgGridCellValidatorTooltipComponent, selector: "sky-ag-grid-cell-validator-tooltip", inputs: { params: "params" }, ngImport: i0, template: "<div\n [skyPopover]=\"validatorPopover\"\n [skyPopoverMessageStream]=\"popoverMessageStream\"\n class=\"sky-validator-cell\"\n>\n <ng-content></ng-content>\n <sky-status-indicator\n descriptionType=\"none\"\n indicatorType=\"danger\"\n class=\"sky-pull-right\"\n ></sky-status-indicator>\n</div>\n<sky-popover #validatorPopover popoverType=\"danger\">\n {{ validatorMessage }}\n</sky-popover>\n", styles: [":host div.sky-validator-cell{height:100%;width:100%}:host div.sky-validator-cell:focus{outline:none}\n"], dependencies: [{ kind: "component", type: i1$4.λ6, selector: "sky-popover", inputs: ["alignment", "dismissOnBlur", "placement", "popoverTitle", "popoverType"], outputs: ["popoverClosed", "popoverOpened"] }, { kind: "directive", type: i1$4.λ7, selector: "[skyPopover]", inputs: ["skyPopover", "skyPopoverAlignment", "skyPopoverMessageStream", "skyPopoverPlacement", "skyPopoverTrigger"] }, { kind: "component", type: i3$2.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
779
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellValidatorTooltipComponent, decorators: [{
780
- type: Component,
781
- args: [{ selector: 'sky-ag-grid-cell-validator-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n [skyPopover]=\"validatorPopover\"\n [skyPopoverMessageStream]=\"popoverMessageStream\"\n class=\"sky-validator-cell\"\n>\n <ng-content></ng-content>\n <sky-status-indicator\n descriptionType=\"none\"\n indicatorType=\"danger\"\n class=\"sky-pull-right\"\n ></sky-status-indicator>\n</div>\n<sky-popover #validatorPopover popoverType=\"danger\">\n {{ validatorMessage }}\n</sky-popover>\n", styles: [":host div.sky-validator-cell{height:100%;width:100%}:host div.sky-validator-cell:focus{outline:none}\n"] }]
782
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { params: [{
783
- type: Input
784
- }] } });
785
-
786
- var _SkyAgGridCellRendererCurrencyComponent_instances, _SkyAgGridCellRendererCurrencyComponent_updateProperties;
787
- /**
788
- * @internal
789
- */
790
- class SkyAgGridCellRendererCurrencyComponent {
791
- constructor() {
792
- _SkyAgGridCellRendererCurrencyComponent_instances.add(this);
793
- this.skyComponentProperties = {};
794
- this.numericOptions = {};
795
- }
796
- set params(value) {
797
- this.agInit(value);
798
- }
799
- /**
800
- * agInit is called by agGrid once after the renderer is created and provides the renderer with the information it needs.
801
- * @param params The cell renderer params that include data about the cell, column, row, and grid.
802
- */
803
- agInit(params) {
804
- __classPrivateFieldGet(this, _SkyAgGridCellRendererCurrencyComponent_instances, "m", _SkyAgGridCellRendererCurrencyComponent_updateProperties).call(this, params);
805
- }
806
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
807
- refresh(params) {
808
- return false;
809
- }
810
- }
811
- _SkyAgGridCellRendererCurrencyComponent_instances = new WeakSet(), _SkyAgGridCellRendererCurrencyComponent_updateProperties = function _SkyAgGridCellRendererCurrencyComponent_updateProperties(params) {
812
- var _a, _b, _c, _d;
813
- this.value = params.value;
814
- this.columnHeader = (_a = params.colDef) === null || _a === void 0 ? void 0 : _a.headerName;
815
- this.rowNumber = params.rowIndex + 1;
816
- this.columnWidth = (_b = params.column) === null || _b === void 0 ? void 0 : _b.getActualWidth();
817
- this.rowHeightWithoutBorders =
818
- typeof ((_c = params.node) === null || _c === void 0 ? void 0 : _c.rowHeight) === 'number'
819
- ? ((_d = params.node) === null || _d === void 0 ? void 0 : _d.rowHeight) - 4
820
- : undefined;
821
- this.skyComponentProperties = params.skyComponentProperties || {};
822
- this.skyComponentProperties.format = 'currency';
823
- this.skyComponentProperties.minDigits = 2;
824
- this.skyComponentProperties.truncate = false;
825
- };
826
- SkyAgGridCellRendererCurrencyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererCurrencyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
827
- SkyAgGridCellRendererCurrencyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAgGridCellRendererCurrencyComponent, selector: "sky-ag-grid-cell-renderer-currency", inputs: { params: "params" }, ngImport: i0, template: "<span\n [style.width.px]=\"columnWidth\"\n [style.height.px]=\"rowHeightWithoutBorders\"\n>\n {{\n value === undefined\n ? undefined\n : (value | skyNumeric : skyComponentProperties)\n }}\n</span>\n", styles: ["input{border:none;padding-left:11px}\n"], dependencies: [{ kind: "pipe", type: i1.SkyNumericPipe, name: "skyNumeric" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
828
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererCurrencyComponent, decorators: [{
829
- type: Component,
830
- args: [{ selector: 'sky-ag-grid-cell-renderer-currency', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n [style.width.px]=\"columnWidth\"\n [style.height.px]=\"rowHeightWithoutBorders\"\n>\n {{\n value === undefined\n ? undefined\n : (value | skyNumeric : skyComponentProperties)\n }}\n</span>\n", styles: ["input{border:none;padding-left:11px}\n"] }]
831
- }], propDecorators: { params: [{
832
- type: Input
833
- }] } });
834
-
835
- var _SkyAgGridCellRendererCurrencyValidatorComponent_changeDetector;
836
- /**
837
- * @internal
838
- */
839
- class SkyAgGridCellRendererCurrencyValidatorComponent {
840
- set parameters(value) {
841
- this.agInit(value);
842
- }
843
- constructor(changeDetector) {
844
- _SkyAgGridCellRendererCurrencyValidatorComponent_changeDetector.set(this, void 0);
845
- __classPrivateFieldSet(this, _SkyAgGridCellRendererCurrencyValidatorComponent_changeDetector, changeDetector, "f");
846
- }
847
- /**
848
- * agInit is called by agGrid once after the renderer is created and provides the renderer with the information it needs.
849
- * @param params The cell renderer params that include data about the cell, column, row, and grid.
850
- */
851
- agInit(params) {
852
- this.cellRendererParams = params;
853
- __classPrivateFieldGet(this, _SkyAgGridCellRendererCurrencyValidatorComponent_changeDetector, "f").markForCheck();
854
- }
855
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
856
- isNumeric(value) {
857
- return !isNaN(parseFloat(value));
858
- }
859
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
860
- refresh(params) {
861
- return false;
862
- }
863
- }
864
- _SkyAgGridCellRendererCurrencyValidatorComponent_changeDetector = new WeakMap();
865
- SkyAgGridCellRendererCurrencyValidatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererCurrencyValidatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
866
- SkyAgGridCellRendererCurrencyValidatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAgGridCellRendererCurrencyValidatorComponent, selector: "sky-ag-grid-cell-renderer-currency-validator", inputs: { parameters: "parameters" }, ngImport: i0, template: "<sky-ag-grid-cell-validator-tooltip\n *ngIf=\"cellRendererParams\"\n [params]=\"cellRendererParams\"\n>\n <sky-ag-grid-cell-renderer-currency\n *ngIf=\"isNumeric(cellRendererParams.value); else rawValue\"\n [params]=\"cellRendererParams\"\n ></sky-ag-grid-cell-renderer-currency>\n <ng-template #rawValue>{{ cellRendererParams.value }}</ng-template>\n</sky-ag-grid-cell-validator-tooltip>\n", dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyAgGridCellValidatorTooltipComponent, selector: "sky-ag-grid-cell-validator-tooltip", inputs: ["params"] }, { kind: "component", type: SkyAgGridCellRendererCurrencyComponent, selector: "sky-ag-grid-cell-renderer-currency", inputs: ["params"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
867
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererCurrencyValidatorComponent, decorators: [{
868
- type: Component,
869
- args: [{ selector: 'sky-ag-grid-cell-renderer-currency-validator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-ag-grid-cell-validator-tooltip\n *ngIf=\"cellRendererParams\"\n [params]=\"cellRendererParams\"\n>\n <sky-ag-grid-cell-renderer-currency\n *ngIf=\"isNumeric(cellRendererParams.value); else rawValue\"\n [params]=\"cellRendererParams\"\n ></sky-ag-grid-cell-renderer-currency>\n <ng-template #rawValue>{{ cellRendererParams.value }}</ng-template>\n</sky-ag-grid-cell-validator-tooltip>\n" }]
870
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { parameters: [{
871
- type: Input
872
- }] } });
873
-
874
- var _SkyAgGridCellRendererLookupComponent_changeDetector;
875
- /**
876
- * @internal
877
- */
878
- class SkyAgGridCellRendererLookupComponent {
879
- constructor(changeDetector) {
880
- this.value = '';
881
- this.summaryCount = 0;
882
- _SkyAgGridCellRendererLookupComponent_changeDetector.set(this, void 0);
883
- __classPrivateFieldSet(this, _SkyAgGridCellRendererLookupComponent_changeDetector, changeDetector, "f");
884
- }
885
- agInit(params) {
886
- var _a;
887
- this.summaryCount = ((_a = params.value) === null || _a === void 0 ? void 0 : _a.length) || 0;
888
- this.value = `${params.valueFormatted}`;
889
- __classPrivateFieldGet(this, _SkyAgGridCellRendererLookupComponent_changeDetector, "f").markForCheck();
890
- }
891
- refresh(params) {
892
- this.agInit(params);
893
- return true;
894
- }
895
- }
896
- _SkyAgGridCellRendererLookupComponent_changeDetector = new WeakMap();
897
- SkyAgGridCellRendererLookupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererLookupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
898
- SkyAgGridCellRendererLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAgGridCellRendererLookupComponent, selector: "sky-cell-renderer-lookup", ngImport: i0, template: "<ng-container *ngIf=\"summaryCount > 5; else showValue\">\n {{ 'skyux_lookup_tokens_summary' | skyLibResources : summaryCount }}\n</ng-container>\n<ng-template #showValue>{{ value }}</ng-template>\n", styles: [":host{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
899
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererLookupComponent, decorators: [{
900
- type: Component,
901
- args: [{ selector: 'sky-cell-renderer-lookup', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"summaryCount > 5; else showValue\">\n {{ 'skyux_lookup_tokens_summary' | skyLibResources : summaryCount }}\n</ng-container>\n<ng-template #showValue>{{ value }}</ng-template>\n", styles: [":host{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"] }]
902
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
903
-
904
- var _SkyAgGridCellRendererRowSelectorComponent_instances, _SkyAgGridCellRendererRowSelectorComponent_params, _SkyAgGridCellRendererRowSelectorComponent_changeDetector, _SkyAgGridCellRendererRowSelectorComponent_setParameters, _SkyAgGridCellRendererRowSelectorComponent_rowSelectedListener;
905
- /**
906
- * @internal
907
- */
908
- class SkyAgGridCellRendererRowSelectorComponent {
909
- constructor(changeDetector) {
910
- _SkyAgGridCellRendererRowSelectorComponent_instances.add(this);
911
- _SkyAgGridCellRendererRowSelectorComponent_params.set(this, void 0);
912
- _SkyAgGridCellRendererRowSelectorComponent_changeDetector.set(this, void 0);
913
- __classPrivateFieldSet(this, _SkyAgGridCellRendererRowSelectorComponent_changeDetector, changeDetector, "f");
914
- }
915
- /**
916
- * agInit is called by agGrid once after the cell is created and provides the renderer with the information it needs.
917
- * @param params The cell renderer params that include data about the cell, column, row, and grid.
918
- */
919
- agInit(params) {
920
- var _a;
921
- __classPrivateFieldGet(this, _SkyAgGridCellRendererRowSelectorComponent_instances, "m", _SkyAgGridCellRendererRowSelectorComponent_setParameters).call(this, params);
922
- (_a = this.rowNode) === null || _a === void 0 ? void 0 : _a.addEventListener(RowNode.EVENT_ROW_SELECTED, (event) => {
923
- __classPrivateFieldGet(this, _SkyAgGridCellRendererRowSelectorComponent_instances, "m", _SkyAgGridCellRendererRowSelectorComponent_rowSelectedListener).call(this, event);
924
- });
925
- }
926
- /**
927
- * Used by agGrid to update cell value after a user triggers a refresh.
928
- * Returning true tells agGrid that the refresh was successful.
929
- */
930
- refresh(params) {
931
- __classPrivateFieldGet(this, _SkyAgGridCellRendererRowSelectorComponent_instances, "m", _SkyAgGridCellRendererRowSelectorComponent_setParameters).call(this, params);
932
- return true;
933
- }
934
- updateRow() {
935
- if (this.rowNode) {
936
- const rowSelected = this.rowNode.isSelected();
937
- const rowChecked = !!this.checked;
938
- if (rowSelected !== rowChecked) {
939
- this.rowNode.setSelected(rowChecked);
940
- }
941
- if (this.dataField) {
942
- this.rowNode.data[this.dataField] = this.checked;
943
- }
944
- __classPrivateFieldGet(this, _SkyAgGridCellRendererRowSelectorComponent_changeDetector, "f").markForCheck();
945
- }
946
- }
947
- }
948
- _SkyAgGridCellRendererRowSelectorComponent_params = new WeakMap(), _SkyAgGridCellRendererRowSelectorComponent_changeDetector = new WeakMap(), _SkyAgGridCellRendererRowSelectorComponent_instances = new WeakSet(), _SkyAgGridCellRendererRowSelectorComponent_setParameters = function _SkyAgGridCellRendererRowSelectorComponent_setParameters(params) {
949
- var _a;
950
- __classPrivateFieldSet(this, _SkyAgGridCellRendererRowSelectorComponent_params, params, "f");
951
- this.dataField = (_a = __classPrivateFieldGet(this, _SkyAgGridCellRendererRowSelectorComponent_params, "f").colDef) === null || _a === void 0 ? void 0 : _a.field;
952
- this.rowNode = __classPrivateFieldGet(this, _SkyAgGridCellRendererRowSelectorComponent_params, "f").node;
953
- this.rowNumber = __classPrivateFieldGet(this, _SkyAgGridCellRendererRowSelectorComponent_params, "f").rowIndex + 1;
954
- const rowSelected = __classPrivateFieldGet(this, _SkyAgGridCellRendererRowSelectorComponent_params, "f").node.isSelected();
955
- if (this.dataField) {
956
- this.checked = !!__classPrivateFieldGet(this, _SkyAgGridCellRendererRowSelectorComponent_params, "f").value;
957
- if (rowSelected !== this.checked) {
958
- this.rowNode.setSelected(this.checked);
959
- }
960
- }
961
- else {
962
- this.checked = rowSelected;
963
- }
964
- __classPrivateFieldGet(this, _SkyAgGridCellRendererRowSelectorComponent_changeDetector, "f").markForCheck();
965
- }, _SkyAgGridCellRendererRowSelectorComponent_rowSelectedListener = function _SkyAgGridCellRendererRowSelectorComponent_rowSelectedListener(event) {
966
- this.checked = event.node.isSelected();
967
- if (this.rowNode && this.dataField) {
968
- this.rowNode.data[this.dataField] = this.checked;
969
- }
970
- __classPrivateFieldGet(this, _SkyAgGridCellRendererRowSelectorComponent_changeDetector, "f").markForCheck();
971
- };
972
- SkyAgGridCellRendererRowSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererRowSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
973
- SkyAgGridCellRendererRowSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAgGridCellRendererRowSelectorComponent, selector: "sky-ag-grid-cell-renderer-row-selector", ngImport: i0, template: "<sky-checkbox\n data-sky-id=\"row-checkbox\"\n [tabindex]=\"-1\"\n [label]=\"'sky_ag_grid_row_selector_aria_label' | skyLibResources : rowNumber\"\n [attr.aria-label]=\"\n 'sky_ag_grid_row_selector_aria_label' | skyLibResources : rowNumber\n \"\n [(ngModel)]=\"checked\"\n (change)=\"updateRow()\"\n>\n</sky-checkbox>\n", styles: [".sky-ag-grid-cell-row-selector .sky-switch-control{top:-6px}\n"], dependencies: [{ kind: "component", type: i3$1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "indeterminate", "required"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
974
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererRowSelectorComponent, decorators: [{
975
- type: Component,
976
- args: [{ selector: 'sky-ag-grid-cell-renderer-row-selector', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<sky-checkbox\n data-sky-id=\"row-checkbox\"\n [tabindex]=\"-1\"\n [label]=\"'sky_ag_grid_row_selector_aria_label' | skyLibResources : rowNumber\"\n [attr.aria-label]=\"\n 'sky_ag_grid_row_selector_aria_label' | skyLibResources : rowNumber\n \"\n [(ngModel)]=\"checked\"\n (change)=\"updateRow()\"\n>\n</sky-checkbox>\n", styles: [".sky-ag-grid-cell-row-selector .sky-switch-control{top:-6px}\n"] }]
977
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
978
-
979
- var _SkyAgGridCellRendererValidatorTooltipComponent_changeDetector;
980
- /**
981
- * @internal
982
- */
983
- class SkyAgGridCellRendererValidatorTooltipComponent {
984
- set params(value) {
985
- this.agInit(value);
986
- }
987
- constructor(changeDetector) {
988
- _SkyAgGridCellRendererValidatorTooltipComponent_changeDetector.set(this, void 0);
989
- __classPrivateFieldSet(this, _SkyAgGridCellRendererValidatorTooltipComponent_changeDetector, changeDetector, "f");
990
- }
991
- agInit(params) {
992
- var _a;
993
- this.cellRendererParams = params;
994
- if (typeof ((_a = params.colDef) === null || _a === void 0 ? void 0 : _a.valueFormatter) === 'function') {
995
- this.value = params.colDef.valueFormatter(params);
996
- }
997
- else {
998
- this.value = params.value;
999
- }
1000
- __classPrivateFieldGet(this, _SkyAgGridCellRendererValidatorTooltipComponent_changeDetector, "f").markForCheck();
1001
- }
1002
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
1003
- refresh(params) {
1004
- return false;
1005
- }
1006
- }
1007
- _SkyAgGridCellRendererValidatorTooltipComponent_changeDetector = new WeakMap();
1008
- SkyAgGridCellRendererValidatorTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
1009
- SkyAgGridCellRendererValidatorTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAgGridCellRendererValidatorTooltipComponent, selector: "sky-ag-grid-cell-renderer-validator-tooltip", inputs: { params: "params" }, ngImport: i0, template: "<sky-ag-grid-cell-validator-tooltip [params]=\"cellRendererParams\">\n {{ value }}\n</sky-ag-grid-cell-validator-tooltip>\n", dependencies: [{ kind: "component", type: SkyAgGridCellValidatorTooltipComponent, selector: "sky-ag-grid-cell-validator-tooltip", inputs: ["params"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1010
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipComponent, decorators: [{
1011
- type: Component,
1012
- args: [{ selector: 'sky-ag-grid-cell-renderer-validator-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-ag-grid-cell-validator-tooltip [params]=\"cellRendererParams\">\n {{ value }}\n</sky-ag-grid-cell-validator-tooltip>\n" }]
1013
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { params: [{
1014
- type: Input
1015
- }] } });
1016
-
1017
- /**
1018
- * To display a help button beside the column group header, create a component that includes the help button element,
1019
- * such as `sky-help-inline`, include a `SkyAgGridHeaderGroupInfo` parameter in the constructor to access the column
1020
- * group information, such as display name, and add the component to the `headerComponentParams.inlineHelpComponent`
1021
- * property of the column definition.
1022
- */
1023
- class SkyAgGridHeaderGroupInfo {
1024
- }
1025
- SkyAgGridHeaderGroupInfo.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridHeaderGroupInfo, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
1026
- SkyAgGridHeaderGroupInfo.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridHeaderGroupInfo });
1027
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridHeaderGroupInfo, decorators: [{
1028
- type: Injectable
1029
- }] });
1030
-
1031
- var _SkyAgGridHeaderGroupComponent_instances, _SkyAgGridHeaderGroupComponent_columnGroup, _SkyAgGridHeaderGroupComponent_isExpandedSubject, _SkyAgGridHeaderGroupComponent_subscriptions, _SkyAgGridHeaderGroupComponent_changeDetector, _SkyAgGridHeaderGroupComponent_dynamicComponentService, _SkyAgGridHeaderGroupComponent_viewInitialized, _SkyAgGridHeaderGroupComponent_agInitialized, _SkyAgGridHeaderGroupComponent_updateInlineHelp;
1032
- /**
1033
- * @internal
1034
- */
1035
- class SkyAgGridHeaderGroupComponent {
1036
- constructor(changeDetector, dynamicComponentService) {
1037
- _SkyAgGridHeaderGroupComponent_instances.add(this);
1038
- this.params = undefined;
1039
- _SkyAgGridHeaderGroupComponent_columnGroup.set(this, undefined);
1040
- _SkyAgGridHeaderGroupComponent_isExpandedSubject.set(this, new BehaviorSubject(false));
1041
- _SkyAgGridHeaderGroupComponent_subscriptions.set(this, new Subscription());
1042
- _SkyAgGridHeaderGroupComponent_changeDetector.set(this, void 0);
1043
- _SkyAgGridHeaderGroupComponent_dynamicComponentService.set(this, void 0);
1044
- _SkyAgGridHeaderGroupComponent_viewInitialized.set(this, false);
1045
- _SkyAgGridHeaderGroupComponent_agInitialized.set(this, false);
1046
- __classPrivateFieldSet(this, _SkyAgGridHeaderGroupComponent_changeDetector, changeDetector, "f");
1047
- __classPrivateFieldSet(this, _SkyAgGridHeaderGroupComponent_dynamicComponentService, dynamicComponentService, "f");
1048
- this.isExpanded$ = __classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_isExpandedSubject, "f").asObservable();
1049
- }
1050
- ngAfterViewInit() {
1051
- __classPrivateFieldSet(this, _SkyAgGridHeaderGroupComponent_viewInitialized, true, "f");
1052
- __classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_instances, "m", _SkyAgGridHeaderGroupComponent_updateInlineHelp).call(this);
1053
- __classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_changeDetector, "f").markForCheck();
1054
- }
1055
- ngOnDestroy() {
1056
- __classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_subscriptions, "f").unsubscribe();
1057
- }
1058
- agInit(params) {
1059
- __classPrivateFieldSet(this, _SkyAgGridHeaderGroupComponent_agInitialized, true, "f");
1060
- this.params = params;
1061
- __classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_subscriptions, "f").unsubscribe();
1062
- if (!params) {
1063
- return;
1064
- }
1065
- __classPrivateFieldSet(this, _SkyAgGridHeaderGroupComponent_subscriptions, new Subscription(), "f");
1066
- __classPrivateFieldSet(this, _SkyAgGridHeaderGroupComponent_columnGroup, params.columnGroup.getProvidedColumnGroup(), "f");
1067
- if (__classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_columnGroup, "f").isExpandable()) {
1068
- __classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_subscriptions, "f").add(fromEventPattern((handler) => params.api.addEventListener(Events.EVENT_COLUMN_GROUP_OPENED, handler), (handler) => params.api.removeEventListener(Events.EVENT_COLUMN_GROUP_OPENED, handler)).subscribe((event) => {
1069
- if (event.columnGroup === __classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_columnGroup, "f")) {
1070
- __classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_isExpandedSubject, "f").next(__classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_columnGroup, "f").isExpanded());
1071
- }
1072
- }));
1073
- }
1074
- __classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_instances, "m", _SkyAgGridHeaderGroupComponent_updateInlineHelp).call(this);
1075
- __classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_changeDetector, "f").markForCheck();
1076
- }
1077
- setExpanded($event) {
1078
- var _a;
1079
- (_a = this.params) === null || _a === void 0 ? void 0 : _a.setExpanded($event);
1080
- }
1081
- }
1082
- _SkyAgGridHeaderGroupComponent_columnGroup = new WeakMap(), _SkyAgGridHeaderGroupComponent_isExpandedSubject = new WeakMap(), _SkyAgGridHeaderGroupComponent_subscriptions = new WeakMap(), _SkyAgGridHeaderGroupComponent_changeDetector = new WeakMap(), _SkyAgGridHeaderGroupComponent_dynamicComponentService = new WeakMap(), _SkyAgGridHeaderGroupComponent_viewInitialized = new WeakMap(), _SkyAgGridHeaderGroupComponent_agInitialized = new WeakMap(), _SkyAgGridHeaderGroupComponent_instances = new WeakSet(), _SkyAgGridHeaderGroupComponent_updateInlineHelp = function _SkyAgGridHeaderGroupComponent_updateInlineHelp() {
1083
- var _a, _b, _c, _d, _e, _f, _g;
1084
- if (!__classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_viewInitialized, "f") || !__classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_agInitialized, "f")) {
1085
- return;
1086
- }
1087
- const colGroupDef = (_b = (_a = this.params) === null || _a === void 0 ? void 0 : _a.columnGroup) === null || _b === void 0 ? void 0 : _b.getColGroupDef();
1088
- const inlineHelpComponent = (_c = colGroupDef === null || colGroupDef === void 0 ? void 0 : colGroupDef.headerGroupComponentParams) === null || _c === void 0 ? void 0 : _c.inlineHelpComponent;
1089
- if (inlineHelpComponent) {
1090
- const headerGroupInfo = new SkyAgGridHeaderGroupInfo();
1091
- headerGroupInfo.columnGroup = (_d = this.params) === null || _d === void 0 ? void 0 : _d.columnGroup;
1092
- headerGroupInfo.context = (_e = this.params) === null || _e === void 0 ? void 0 : _e.context;
1093
- headerGroupInfo.displayName = (_f = this.params) === null || _f === void 0 ? void 0 : _f.displayName;
1094
- __classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_dynamicComponentService, "f").createComponent(inlineHelpComponent, {
1095
- providers: [
1096
- {
1097
- provide: SkyAgGridHeaderGroupInfo,
1098
- useValue: headerGroupInfo,
1099
- },
1100
- ],
1101
- referenceEl: (_g = this.inlineHelpContainer) === null || _g === void 0 ? void 0 : _g.nativeElement,
1102
- location: SkyDynamicComponentLocation.ElementBottom,
1103
- });
1104
- }
1105
- };
1106
- SkyAgGridHeaderGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridHeaderGroupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyDynamicComponentService }], target: i0.ɵɵFactoryTarget.Component });
1107
- SkyAgGridHeaderGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAgGridHeaderGroupComponent, selector: "sky-header-group", viewQueries: [{ propertyName: "inlineHelpContainer", first: true, predicate: ["inlineHelpContainer"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<span class=\"header-group-text\" role=\"presentation\">{{\n params?.displayName\n}}</span>\n<button\n *ngIf=\"isExpanded$ | async; else openIcons\"\n class=\"sky-btn sky-btn-icon-borderless\"\n (click)=\"setExpanded(false)\"\n [attr.aria-label]=\"\n 'sky_ag_grid_column_group_header_collapse_aria_label'\n | skyLibResources : params?.displayName\n \"\n>\n <sky-icon *skyThemeIf=\"'default'\" icon=\"angle-double-left\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"double-chevron-left\"\n iconType=\"skyux\"\n ></sky-icon>\n</button>\n<ng-template #openIcons>\n <button\n class=\"sky-btn sky-btn-icon-borderless\"\n (click)=\"setExpanded(true)\"\n [attr.aria-label]=\"\n 'sky_ag_grid_column_group_header_expand_aria_label'\n | skyLibResources : params?.displayName\n \"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"angle-double-right\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"double-chevron-right\"\n iconType=\"skyux\"\n ></sky-icon>\n </button>\n</ng-template>\n<span class=\"sky-control-help-container\" #inlineHelpContainer></span>\n", styles: [":host{display:flex;max-width:100%;align-items:center;align-content:center}.header-group-text{flex-grow:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}button{cursor:pointer;margin-left:var(--sky-margin-inline-sm);flex-grow:0;flex-shrink:1}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i1$2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1108
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridHeaderGroupComponent, decorators: [{
1109
- type: Component,
1110
- args: [{ selector: 'sky-header-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"header-group-text\" role=\"presentation\">{{\n params?.displayName\n}}</span>\n<button\n *ngIf=\"isExpanded$ | async; else openIcons\"\n class=\"sky-btn sky-btn-icon-borderless\"\n (click)=\"setExpanded(false)\"\n [attr.aria-label]=\"\n 'sky_ag_grid_column_group_header_collapse_aria_label'\n | skyLibResources : params?.displayName\n \"\n>\n <sky-icon *skyThemeIf=\"'default'\" icon=\"angle-double-left\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"double-chevron-left\"\n iconType=\"skyux\"\n ></sky-icon>\n</button>\n<ng-template #openIcons>\n <button\n class=\"sky-btn sky-btn-icon-borderless\"\n (click)=\"setExpanded(true)\"\n [attr.aria-label]=\"\n 'sky_ag_grid_column_group_header_expand_aria_label'\n | skyLibResources : params?.displayName\n \"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"angle-double-right\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"double-chevron-right\"\n iconType=\"skyux\"\n ></sky-icon>\n </button>\n</ng-template>\n<span class=\"sky-control-help-container\" #inlineHelpContainer></span>\n", styles: [":host{display:flex;max-width:100%;align-items:center;align-content:center}.header-group-text{flex-grow:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}button{cursor:pointer;margin-left:var(--sky-margin-inline-sm);flex-grow:0;flex-shrink:1}\n"] }]
1111
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyDynamicComponentService }]; }, propDecorators: { inlineHelpContainer: [{
1112
- type: ViewChild,
1113
- args: ['inlineHelpContainer', { read: ElementRef, static: true }]
1114
- }] } });
1115
-
1116
- /**
1117
- * To display a help button beside the column header, create a component that includes the help button element,
1118
- * such as `sky-help-inline`, include a `SkyAgGridHeaderInfo` parameter in the constructor to access the column
1119
- * information, such as display name, and add the component to the `headerComponentParams.inlineHelpComponent` property
1120
- * of the column definition.
1121
- */
1122
- class SkyAgGridHeaderInfo {
1123
- }
1124
- SkyAgGridHeaderInfo.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridHeaderInfo, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
1125
- SkyAgGridHeaderInfo.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridHeaderInfo });
1126
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridHeaderInfo, decorators: [{
1127
- type: Injectable
1128
- }] });
1129
-
1130
- var _SkyAgGridHeaderComponent_instances, _SkyAgGridHeaderComponent_subscriptions, _SkyAgGridHeaderComponent_changeDetector, _SkyAgGridHeaderComponent_dynamicComponentService, _SkyAgGridHeaderComponent_inlineHelpComponentRef, _SkyAgGridHeaderComponent_viewInitialized, _SkyAgGridHeaderComponent_agInitialized, _SkyAgGridHeaderComponent_updateInlineHelp, _SkyAgGridHeaderComponent_updateSort, _SkyAgGridHeaderComponent_updateSortIndex;
1131
- /**
1132
- * @internal
1133
- */
1134
- class SkyAgGridHeaderComponent {
1135
- constructor(changeDetector, dynamicComponentService) {
1136
- _SkyAgGridHeaderComponent_instances.add(this);
1137
- this.params = undefined;
1138
- this.sorted = '';
1139
- this.filterEnabled$ = new BehaviorSubject(false);
1140
- this.sortOrder$ = new BehaviorSubject(undefined);
1141
- this.sortIndexDisplay$ = new BehaviorSubject('');
1142
- _SkyAgGridHeaderComponent_subscriptions.set(this, new Subscription());
1143
- _SkyAgGridHeaderComponent_changeDetector.set(this, void 0);
1144
- _SkyAgGridHeaderComponent_dynamicComponentService.set(this, void 0);
1145
- _SkyAgGridHeaderComponent_inlineHelpComponentRef.set(this, void 0);
1146
- _SkyAgGridHeaderComponent_viewInitialized.set(this, false);
1147
- _SkyAgGridHeaderComponent_agInitialized.set(this, false);
1148
- __classPrivateFieldSet(this, _SkyAgGridHeaderComponent_changeDetector, changeDetector, "f");
1149
- __classPrivateFieldSet(this, _SkyAgGridHeaderComponent_dynamicComponentService, dynamicComponentService, "f");
1150
- }
1151
- ngAfterViewInit() {
1152
- __classPrivateFieldSet(this, _SkyAgGridHeaderComponent_viewInitialized, true, "f");
1153
- __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_instances, "m", _SkyAgGridHeaderComponent_updateInlineHelp).call(this);
1154
- }
1155
- ngOnDestroy() {
1156
- __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_subscriptions, "f").unsubscribe();
1157
- }
1158
- agInit(params) {
1159
- __classPrivateFieldSet(this, _SkyAgGridHeaderComponent_agInitialized, true, "f");
1160
- this.params = params;
1161
- __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_subscriptions, "f").unsubscribe();
1162
- if (!params) {
1163
- return;
1164
- }
1165
- this.columnLabel = params.displayName
1166
- ? undefined
1167
- : params.column.getColDef().field;
1168
- __classPrivateFieldSet(this, _SkyAgGridHeaderComponent_subscriptions, new Subscription(), "f");
1169
- if (params.column.isFilterAllowed()) {
1170
- __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_subscriptions, "f").add(fromEventPattern((handler) => params.column.addEventListener(Events.EVENT_FILTER_CHANGED, handler), (handler) => params.column.removeEventListener(Events.EVENT_FILTER_CHANGED, handler)).subscribe(() => {
1171
- const isFilterActive = params.column.isFilterActive();
1172
- if (isFilterActive !== this.filterEnabled$.getValue()) {
1173
- this.filterEnabled$.next(isFilterActive);
1174
- }
1175
- }));
1176
- }
1177
- if (params.enableSorting) {
1178
- // Column sort state changes
1179
- __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_subscriptions, "f").add(fromEventPattern((handler) => params.column.addEventListener(Events.EVENT_SORT_CHANGED, handler), (handler) => params.column.removeEventListener(Events.EVENT_SORT_CHANGED, handler)).subscribe(() => {
1180
- __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_instances, "m", _SkyAgGridHeaderComponent_updateSort).call(this);
1181
- }));
1182
- // Other column sort state changes, for multi-column sorting
1183
- __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_subscriptions, "f").add(fromEventPattern((handler) => params.api.addEventListener(Events.EVENT_SORT_CHANGED, handler), (handler) => params.api.removeEventListener(Events.EVENT_SORT_CHANGED, handler)).subscribe(() => {
1184
- __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_instances, "m", _SkyAgGridHeaderComponent_updateSortIndex).call(this);
1185
- }));
1186
- __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_instances, "m", _SkyAgGridHeaderComponent_updateSort).call(this);
1187
- __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_instances, "m", _SkyAgGridHeaderComponent_updateSortIndex).call(this);
1188
- }
1189
- __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_instances, "m", _SkyAgGridHeaderComponent_updateInlineHelp).call(this);
1190
- __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_changeDetector, "f").markForCheck();
1191
- }
1192
- onMenuClick($event) {
1193
- var _a;
1194
- (_a = this.params) === null || _a === void 0 ? void 0 : _a.showColumnMenu($event.target);
1195
- }
1196
- onSortRequested(event) {
1197
- var _a, _b;
1198
- if ((_a = this.params) === null || _a === void 0 ? void 0 : _a.enableSorting) {
1199
- (_b = this.params) === null || _b === void 0 ? void 0 : _b.progressSort(event.shiftKey);
1200
- }
1201
- }
1202
- refresh(params) {
1203
- this.agInit(params);
1204
- return false;
1205
- }
1206
- }
1207
- _SkyAgGridHeaderComponent_subscriptions = new WeakMap(), _SkyAgGridHeaderComponent_changeDetector = new WeakMap(), _SkyAgGridHeaderComponent_dynamicComponentService = new WeakMap(), _SkyAgGridHeaderComponent_inlineHelpComponentRef = new WeakMap(), _SkyAgGridHeaderComponent_viewInitialized = new WeakMap(), _SkyAgGridHeaderComponent_agInitialized = new WeakMap(), _SkyAgGridHeaderComponent_instances = new WeakSet(), _SkyAgGridHeaderComponent_updateInlineHelp = function _SkyAgGridHeaderComponent_updateInlineHelp() {
1208
- var _a, _b, _c, _d, _e;
1209
- if (!__classPrivateFieldGet(this, _SkyAgGridHeaderComponent_viewInitialized, "f") || !__classPrivateFieldGet(this, _SkyAgGridHeaderComponent_agInitialized, "f")) {
1210
- return;
1211
- }
1212
- const inlineHelpComponent = (_a = this.params) === null || _a === void 0 ? void 0 : _a.inlineHelpComponent;
1213
- if (inlineHelpComponent &&
1214
- (!__classPrivateFieldGet(this, _SkyAgGridHeaderComponent_inlineHelpComponentRef, "f") ||
1215
- __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_inlineHelpComponentRef, "f").componentType !== inlineHelpComponent)) {
1216
- __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_dynamicComponentService, "f").removeComponent(__classPrivateFieldGet(this, _SkyAgGridHeaderComponent_inlineHelpComponentRef, "f"));
1217
- const headerInfo = new SkyAgGridHeaderInfo();
1218
- headerInfo.column = (_b = this.params) === null || _b === void 0 ? void 0 : _b.column;
1219
- headerInfo.context = (_c = this.params) === null || _c === void 0 ? void 0 : _c.context;
1220
- headerInfo.displayName = (_d = this.params) === null || _d === void 0 ? void 0 : _d.displayName;
1221
- __classPrivateFieldSet(this, _SkyAgGridHeaderComponent_inlineHelpComponentRef, __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_dynamicComponentService, "f").createComponent(inlineHelpComponent, {
1222
- providers: [
1223
- {
1224
- provide: SkyAgGridHeaderInfo,
1225
- useValue: headerInfo,
1226
- },
1227
- ],
1228
- referenceEl: (_e = this.inlineHelpContainer) === null || _e === void 0 ? void 0 : _e.nativeElement,
1229
- location: SkyDynamicComponentLocation.ElementBottom,
1230
- }), "f");
1231
- }
1232
- else if (!inlineHelpComponent) {
1233
- __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_dynamicComponentService, "f").removeComponent(__classPrivateFieldGet(this, _SkyAgGridHeaderComponent_inlineHelpComponentRef, "f"));
1234
- }
1235
- }, _SkyAgGridHeaderComponent_updateSort = function _SkyAgGridHeaderComponent_updateSort() {
1236
- var _a;
1237
- this.sortOrder$.next(((_a = this.params) === null || _a === void 0 ? void 0 : _a.column.getSort()) || undefined);
1238
- }, _SkyAgGridHeaderComponent_updateSortIndex = function _SkyAgGridHeaderComponent_updateSortIndex() {
1239
- var _a, _b, _c, _d;
1240
- const sortIndex = (_a = this.params) === null || _a === void 0 ? void 0 : _a.column.getSortIndex();
1241
- const otherSortColumns = (_d = (_c = (_b = this.params) === null || _b === void 0 ? void 0 : _b.columnApi) === null || _c === void 0 ? void 0 : _c.getColumns()) === null || _d === void 0 ? void 0 : _d.some((column) => {
1242
- var _a;
1243
- return column.getColId() !== ((_a = this.params) === null || _a === void 0 ? void 0 : _a.column.getColId()) &&
1244
- !!column.getSort();
1245
- });
1246
- if (sortIndex !== undefined && sortIndex !== null && otherSortColumns) {
1247
- this.sortIndexDisplay$.next(`${sortIndex + 1}`);
1248
- }
1249
- else {
1250
- this.sortIndexDisplay$.next('');
1251
- }
1252
- };
1253
- SkyAgGridHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyDynamicComponentService }], target: i0.ɵɵFactoryTarget.Component });
1254
- SkyAgGridHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAgGridHeaderComponent, selector: "sky-ag-grid-header", host: { properties: { "attr.title": "this.columnLabel" } }, viewQueries: [{ propertyName: "inlineHelpContainer", first: true, predicate: ["inlineHelpContainer"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"ag-cell-label-container\" role=\"presentation\">\n <span\n *ngIf=\"params?.enableMenu\"\n class=\"ag-header-icon ag-header-cell-menu-button\"\n aria-hidden=\"true\"\n (click)=\"onMenuClick($event)\"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"ellipsis-h\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"ellipsis\"\n iconType=\"skyux\"\n ></sky-icon>\n </span>\n <ng-template #notSortingHeader>\n <span class=\"ag-header-cell-text\">{{ params?.displayName }}</span>\n </ng-template>\n <div class=\"ag-header-cell-label\" role=\"presentation\">\n <span class=\"ag-header-cell-label-and-icons\">\n <button\n *ngIf=\"params?.enableSorting; else notSortingHeader\"\n class=\"ag-header-cell-text ag-header-cell-label-sortable sky-btn-link-inline\"\n type=\"button\"\n [innerText]=\"params?.displayName\"\n (click)=\"onSortRequested($event)\"\n ></button>\n <span\n *ngIf=\"filterEnabled$ | async\"\n class=\"ag-header-icon ag-header-label-icon ag-filter-icon\"\n aria-hidden=\"true\"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"filter\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"filter\"\n iconType=\"skyux\"\n ></sky-icon>\n </span>\n <span *ngIf=\"params?.enableSorting\" class=\"ag-sort-indicator-container\">\n <ng-container *skyThemeIf=\"'default'\">\n <sky-icon\n *ngIf=\"(sortOrder$ | async) === 'desc'\"\n icon=\"caret-down\"\n class=\"ag-header-label-icon\"\n ></sky-icon>\n <sky-icon\n *ngIf=\"(sortOrder$ | async) === 'asc'\"\n icon=\"caret-up\"\n class=\"ag-header-label-icon\"\n ></sky-icon>\n </ng-container>\n <ng-container *skyThemeIf=\"'modern'\">\n <sky-icon\n *ngIf=\"(sortOrder$ | async) === 'desc'\"\n icon=\"chevron-down\"\n iconType=\"skyux\"\n class=\"ag-header-label-icon\"\n ></sky-icon>\n <sky-icon\n *ngIf=\"(sortOrder$ | async) === 'asc'\"\n icon=\"chevron-up\"\n iconType=\"skyux\"\n class=\"ag-header-label-icon\"\n ></sky-icon>\n </ng-container>\n <span\n *ngIf=\"sortIndexDisplay$ | async as sortIndexDisplay\"\n class=\"ag-sort-indicator-icon ag-sort-order\"\n aria-hidden=\"true\"\n >{{ sortIndexDisplay }}</span\n >\n </span>\n </span>\n <span class=\"sky-control-help-container\" #inlineHelpContainer></span>\n </div>\n</div>\n", styles: [":host{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;max-width:100%;height:100%;align-items:center;align-content:center}:host-context(.ag-header-cell.ag-right-aligned-header,.ag-header-cell.sky-ag-grid-header-right-aligned){flex-direction:row-reverse}:host-context(.ag-header-cell.ag-right-aligned-header,.ag-header-cell.sky-ag-grid-header-right-aligned) .ag-header-cell-label .sky-control-help-container{order:0}:host-context(.ag-header-cell.ag-right-aligned-header,.ag-header-cell.sky-ag-grid-header-right-aligned) .ag-header-cell-label .ag-header-cell-label-and-icons{order:1}button.ag-header-cell-label{text-transform:inherit;max-width:100%}.ag-cell-label-container{padding:0;gap:var(--sky-margin-inline-xs)}.ag-header-cell-label{padding-right:0;padding-left:0}.ag-header-cell-label .ag-header-cell-label-and-icons{display:flex;flex-wrap:nowrap;flex-direction:row;overflow:hidden;gap:var(--sky-margin-inline-xs)}.ag-header-cell-label .ag-header-cell-label-and-icons .ag-header-cell-text{flex-grow:0;flex-shrink:1}.ag-header-cell-label .ag-header-cell-label-and-icons .ag-sort-indicator-container:empty{display:none}button{cursor:pointer;flex-grow:0;flex-shrink:1;text-transform:inherit}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i1$2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1255
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridHeaderComponent, decorators: [{
1256
- type: Component,
1257
- args: [{ selector: 'sky-ag-grid-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ag-cell-label-container\" role=\"presentation\">\n <span\n *ngIf=\"params?.enableMenu\"\n class=\"ag-header-icon ag-header-cell-menu-button\"\n aria-hidden=\"true\"\n (click)=\"onMenuClick($event)\"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"ellipsis-h\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"ellipsis\"\n iconType=\"skyux\"\n ></sky-icon>\n </span>\n <ng-template #notSortingHeader>\n <span class=\"ag-header-cell-text\">{{ params?.displayName }}</span>\n </ng-template>\n <div class=\"ag-header-cell-label\" role=\"presentation\">\n <span class=\"ag-header-cell-label-and-icons\">\n <button\n *ngIf=\"params?.enableSorting; else notSortingHeader\"\n class=\"ag-header-cell-text ag-header-cell-label-sortable sky-btn-link-inline\"\n type=\"button\"\n [innerText]=\"params?.displayName\"\n (click)=\"onSortRequested($event)\"\n ></button>\n <span\n *ngIf=\"filterEnabled$ | async\"\n class=\"ag-header-icon ag-header-label-icon ag-filter-icon\"\n aria-hidden=\"true\"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"filter\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"filter\"\n iconType=\"skyux\"\n ></sky-icon>\n </span>\n <span *ngIf=\"params?.enableSorting\" class=\"ag-sort-indicator-container\">\n <ng-container *skyThemeIf=\"'default'\">\n <sky-icon\n *ngIf=\"(sortOrder$ | async) === 'desc'\"\n icon=\"caret-down\"\n class=\"ag-header-label-icon\"\n ></sky-icon>\n <sky-icon\n *ngIf=\"(sortOrder$ | async) === 'asc'\"\n icon=\"caret-up\"\n class=\"ag-header-label-icon\"\n ></sky-icon>\n </ng-container>\n <ng-container *skyThemeIf=\"'modern'\">\n <sky-icon\n *ngIf=\"(sortOrder$ | async) === 'desc'\"\n icon=\"chevron-down\"\n iconType=\"skyux\"\n class=\"ag-header-label-icon\"\n ></sky-icon>\n <sky-icon\n *ngIf=\"(sortOrder$ | async) === 'asc'\"\n icon=\"chevron-up\"\n iconType=\"skyux\"\n class=\"ag-header-label-icon\"\n ></sky-icon>\n </ng-container>\n <span\n *ngIf=\"sortIndexDisplay$ | async as sortIndexDisplay\"\n class=\"ag-sort-indicator-icon ag-sort-order\"\n aria-hidden=\"true\"\n >{{ sortIndexDisplay }}</span\n >\n </span>\n </span>\n <span class=\"sky-control-help-container\" #inlineHelpContainer></span>\n </div>\n</div>\n", styles: [":host{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;max-width:100%;height:100%;align-items:center;align-content:center}:host-context(.ag-header-cell.ag-right-aligned-header,.ag-header-cell.sky-ag-grid-header-right-aligned){flex-direction:row-reverse}:host-context(.ag-header-cell.ag-right-aligned-header,.ag-header-cell.sky-ag-grid-header-right-aligned) .ag-header-cell-label .sky-control-help-container{order:0}:host-context(.ag-header-cell.ag-right-aligned-header,.ag-header-cell.sky-ag-grid-header-right-aligned) .ag-header-cell-label .ag-header-cell-label-and-icons{order:1}button.ag-header-cell-label{text-transform:inherit;max-width:100%}.ag-cell-label-container{padding:0;gap:var(--sky-margin-inline-xs)}.ag-header-cell-label{padding-right:0;padding-left:0}.ag-header-cell-label .ag-header-cell-label-and-icons{display:flex;flex-wrap:nowrap;flex-direction:row;overflow:hidden;gap:var(--sky-margin-inline-xs)}.ag-header-cell-label .ag-header-cell-label-and-icons .ag-header-cell-text{flex-grow:0;flex-shrink:1}.ag-header-cell-label .ag-header-cell-label-and-icons .ag-sort-indicator-container:empty{display:none}button{cursor:pointer;flex-grow:0;flex-shrink:1;text-transform:inherit}\n"] }]
1258
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyDynamicComponentService }]; }, propDecorators: { columnLabel: [{
1259
- type: HostBinding,
1260
- args: ['attr.title']
1261
- }], inlineHelpContainer: [{
1262
- type: ViewChild,
1263
- args: ['inlineHelpContainer', { read: ElementRef, static: true }]
1264
- }] } });
1265
-
1266
- const iconMap = {
1267
- sortDescending: {
1268
- faIcon: 'caret-down',
1269
- skyIcon: 'chevron-down',
1270
- },
1271
- sortAscending: {
1272
- faIcon: 'caret-up',
1273
- skyIcon: 'chevron-up',
1274
- },
1275
- columnMoveMove: {
1276
- faIcon: 'arrows',
1277
- },
1278
- columnMoveHide: {
1279
- faIcon: 'eye-slash',
1280
- skyIcon: 'hide',
1281
- },
1282
- columnMoveLeft: {
1283
- faIcon: 'arrows',
1284
- },
1285
- columnMoveRight: {
1286
- faIcon: 'arrows',
1287
- },
1288
- columnMoveGroup: {
1289
- faIcon: 'arrows',
1290
- },
1291
- columnMovePin: {
1292
- faIcon: 'arrows',
1293
- },
1294
- columnGroupOpened: {
1295
- faIcon: 'caret-right',
1296
- skyIcon: 'double-chevron-right',
1297
- },
1298
- columnGroupClosed: {
1299
- faIcon: 'caret-left',
1300
- skyIcon: 'double-chevron-left',
1301
- },
1302
- dropNotAllowed: {
1303
- faIcon: 'ban',
1304
- skyIcon: 'ban',
1305
- },
1306
- menu: {
1307
- faIcon: 'menu',
1308
- skyIcon: 'bars-2',
1309
- },
1310
- filter: {
1311
- faIcon: 'filter',
1312
- skyIcon: 'filter',
1313
- },
1314
- columns: {
1315
- faIcon: 'columns',
1316
- skyIcon: 'columns',
1317
- },
1318
- last: {
1319
- faIcon: 'step-forward',
1320
- skyIcon: 'double-chevron-right',
1321
- },
1322
- next: {
1323
- faIcon: 'caret-right',
1324
- skyIcon: 'chevron-right',
1325
- },
1326
- previous: {
1327
- faIcon: 'caret-left',
1328
- skyIcon: 'chevron-left',
1329
- },
1330
- first: {
1331
- faIcon: 'step-backward',
1332
- skyIcon: 'double-chevron-left',
1333
- },
1334
- };
1335
-
1336
- /**
1337
- * @internal
1338
- */
1339
- var SkyCellClass;
1340
- (function (SkyCellClass) {
1341
- SkyCellClass["Autocomplete"] = "sky-ag-grid-cell-autocomplete";
1342
- SkyCellClass["Currency"] = "sky-ag-grid-cell-currency";
1343
- SkyCellClass["Date"] = "sky-ag-grid-cell-date";
1344
- SkyCellClass["Editable"] = "sky-ag-grid-cell-editable";
1345
- SkyCellClass["Invalid"] = "sky-ag-grid-cell-invalid";
1346
- SkyCellClass["Lookup"] = "sky-ag-grid-cell-lookup";
1347
- SkyCellClass["Number"] = "sky-ag-grid-cell-number";
1348
- SkyCellClass["RowSelector"] = "sky-ag-grid-cell-row-selector";
1349
- SkyCellClass["Text"] = "sky-ag-grid-cell-text";
1350
- SkyCellClass["Uneditable"] = "sky-ag-grid-cell-uneditable";
1351
- })(SkyCellClass || (SkyCellClass = {}));
1352
-
1353
- /**
1354
- * These column types can be used by setting the AG Grid [column definition `type`](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing) to one of the following values.
1355
- * <br/>
1356
- * Any [SKY UX component](https://developer.blackbaud.com/skyux/components) can be made into a [cell editor](https://www.ag-grid.com/javascript-grid-cell-editor/) or [cell renderer](https://www.ag-grid.com/javascript-grid-cell-rendering-components/) component. If you would like to use a component that does not have a column definition yet, please consider [contributing it](https://developer.blackbaud.com/skyux/contribute/contribution-process) to the SKY UX data entry grid module, or [file an issue](https://developer.blackbaud.com/skyux/contribute/contribution-process/file-issue) in the [`@skyux/ag-grid` repo](https://github.com/blackbaud/skyux-ag-grid).
1357
- */
1358
- var SkyCellType;
1359
- (function (SkyCellType) {
1360
- /**
1361
- * **Edit mode**
1362
- * <br/>
1363
- * Cells in the column will be edited as [SKY UX autocomplete components](https://developer.blackbaud.com/skyux/components/autocomplete). You can set any of the autocomplete component's properties by passing `SkyCellEditorAutocompleteParams` in the [column definition's `cellEditorParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing). These params can be updated as other cell edits are made or [provided dynamically](https://www.ag-grid.com/javascript-grid-cell-editing/#dynamic-parameters) based on other cell values. See the demo for an example. Text can be entered and a value selected from the provided list.
1364
- * <br/><br/>
1365
- * **Read-only mode**
1366
- * <br/>
1367
- * Cells the column will display the currently selected value's name property by default. If the autocomplete needs to show a different property or needs to be formatted in any way, you can [define a `valueFormatter`](https://www.ag-grid.com/javascript-grid-value-formatters/) on the column definition.
1368
- */
1369
- SkyCellType["Autocomplete"] = "skyCellAutocomplete";
1370
- /**
1371
- * **Edit mode**
1372
- * <br/>
1373
- * Cells in the column will be edited as a currency amount.
1374
- * <br/><br/>
1375
- * **Read-only mode**
1376
- * <br/>
1377
- * Formats the display as currency using [SKY UX numeric components](https://developer.blackbaud.com/skyux/components/numeric).
1378
- */
1379
- SkyCellType["Currency"] = "skyCellCurrency";
1380
- /**
1381
- * **Edit and read-only modes**
1382
- * <br/>
1383
- * Combines SkyCellType.Currency and SkyCellType.Validator, where the value is displayed as a currency and passed to a validator function.
1384
- */
1385
- SkyCellType["CurrencyValidator"] = "skyCellCurrencyValidator";
1386
- /**
1387
- * **Edit mode**
1388
- * <br/>
1389
- * Cells in the column will be edited as [SKY UX datepicker components](https://developer.blackbaud.com/skyux/components/datepicker). You can set any of the datepicker component's properties by passing `SkyCellEditorDatepickerParams` in the [column definition's `cellEditorParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing). These params can be updated as other cell edits are made or [provided dynamically](https://www.ag-grid.com/javascript-grid-cell-editing/#dynamic-parameters) based on other cell values. See the demo for an example. Date values can be entered.
1390
- * <br/><br/>
1391
- * **Read-only mode**
1392
- * <br/>
1393
- * Cells in the column will display the currently selected date formatted as `MM-DD-YYYY`, or the date format of the locale passed to `getGridOptions()`. If you would like to overwrite this format, you can [define a `valueFormatter`](https://www.ag-grid.com/javascript-grid-value-formatters/) on the column definition. See the demo for an example.
1394
- */
1395
- SkyCellType["Date"] = "skyCellDate";
1396
- /**
1397
- * **Edit mode**
1398
- * <br/>
1399
- * Cells in the column will be edited as [SKY UX lookup components](https://developer.blackbaud.com/skyux-v5/components/lookup). You can set any of the lookup component's properties by passing `SkyCellEditorLookupParams` in the [column definition's `cellEditorParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing). These params can be updated as other cell edits are made or [provided dynamically](https://www.ag-grid.com/javascript-grid-cell-editing/#dynamic-parameters) based on other cell values. See the demo for an example. Text can be entered and a value selected from the provided list.
1400
- * <br/><br/>
1401
- * **Read-only mode**
1402
- * <br/>
1403
- * Cells the column will display, by default, either: the name(s) of the selected value(s) if there are less than 6, or a summary count of the values if there are more than 5. If the lookup needs to show a different property or needs to be formatted in any way, you can [define a `valueFormatter`](https://www.ag-grid.com/javascript-grid-value-formatters/) on the column definition.
1404
- */
1405
- SkyCellType["Lookup"] = "skyCellLookup";
1406
- /**
1407
- * **Edit mode**
1408
- * <br/>
1409
- * Cells in the column will be edited as HTML number `inputs`. Only numbers can be entered.
1410
- * <br/><br/>
1411
- * **Read-only mode**
1412
- * <br/>
1413
- * Cells in the column will render as the number value.
1414
- */
1415
- SkyCellType["Number"] = "skyCellNumber";
1416
- /**
1417
- * **Edit and read-only modes**
1418
- * <br/>
1419
- * Combines SkyCellType.Number and SkyCellType.Validator, where the value is displayed as a number and passed to a validator function.
1420
- */
1421
- SkyCellType["NumberValidator"] = "skyCellNumberValidator";
1422
- /**
1423
- * **Edit and read-only modes**
1424
- * <br/>
1425
- * Cells in the column will render as [SKY UX checkbox components](https://developer.blackbaud.com/skyux/components/checkbox). It allows the user to select multiple rows, and adds a highlight to selected rows. The [Ag Grid `rowNode`](https://www.ag-grid.com/javascript-grid-row-node/) will be updated to reflect the selected state.
1426
- */
1427
- SkyCellType["RowSelector"] = "skyCellRowSelector";
1428
- /**
1429
- * **Edit mode**
1430
- * <br/>
1431
- * Cells in the column will be edited as HTML text `inputs`. Any characters can be entered.
1432
- * <br/><br/>
1433
- * **Read-only mode**
1434
- * <br/>
1435
- * Cells in the column will render as their string value.
1436
- */
1437
- SkyCellType["Text"] = "skyCellText";
1438
- /**
1439
- * **Edit and read-only modes**
1440
- * <br/>
1441
- * Cells in the column will be passed to a validator function that flags erroneous entries. You can set the validator function and message by passing them to [column definition's `cellRendererParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing) as `skyComponentProperties.validator` and `skyComponentProperties.validatorMessage`. SkyCellType.Validator can be combined with other cell types, such as SkyCellType.Autocomplete or SkyCellType.Date, by using the array syntax for the [column definition's `type` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing).
1442
- */
1443
- SkyCellType["Validator"] = "skyCellValidator";
1444
- })(SkyCellType || (SkyCellType = {}));
1445
-
1446
- /**
1447
- * @internal
1448
- */
1449
- var SkyHeaderClass;
1450
- (function (SkyHeaderClass) {
1451
- SkyHeaderClass["RightAligned"] = "sky-ag-grid-header-right-aligned";
1452
- })(SkyHeaderClass || (SkyHeaderClass = {}));
1453
-
1454
- var _SkyAgGridService_instances, _SkyAgGridService_keyMap, _SkyAgGridService_ngUnsubscribe, _SkyAgGridService_currentTheme, _SkyAgGridService_agGridAdapterService, _SkyAgGridService_resources, _SkyAgGridService_mergeGridOptions, _SkyAgGridService_getDefaultGridOptions, _SkyAgGridService_onCellFocused, _SkyAgGridService_getDefaultEditableGridOptions, _SkyAgGridService_dateFormatter, _SkyAgGridService_getIconTemplate, _SkyAgGridService_suppressTab, _SkyAgGridService_getRowHeight;
1455
- function autocompleteComparator(value1, value2) {
1456
- if (value1 && value2) {
1457
- if (value1.name > value2.name) {
1458
- return 1;
1459
- }
1460
- if (value1.name < value2.name) {
1461
- return -1;
1462
- }
1463
- return 0;
1464
- }
1465
- return value1 ? 1 : -1;
1466
- }
1467
- function autocompleteFormatter(params) {
1468
- return params.value && params.value.name;
1469
- }
1470
- function dateComparator(date1, date2) {
1471
- let date1value = date1;
1472
- let date2value = date2;
1473
- if (typeof date1value === 'string') {
1474
- date1value = new Date(date1);
1475
- }
1476
- if (typeof date2value === 'string') {
1477
- date2value = new Date(date2);
1478
- }
1479
- if (date1value && date2value) {
1480
- if (date1value > date2value) {
1481
- return 1;
1482
- }
1483
- if (date1value < date2value) {
1484
- return -1;
1485
- }
1486
- return 0;
1487
- }
1488
- return date1value ? 1 : -1;
1489
- }
1490
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
1491
- function getValidatorCellRendererSelector(component, fallback) {
1492
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
1493
- return (params) => {
1494
- var _a, _b;
1495
- if (params.colDef &&
1496
- typeof ((_b = (_a = params.colDef.cellRendererParams) === null || _a === void 0 ? void 0 : _a.skyComponentProperties) === null || _b === void 0 ? void 0 : _b.validator) === 'function') {
1497
- if (!params.colDef.cellRendererParams.skyComponentProperties.validator(params.value, params.data, params.rowIndex)) {
1498
- return {
1499
- component,
1500
- params: Object.assign({}, params.colDef.cellRendererParams),
1501
- };
1502
- }
1503
- }
1504
- return fallback;
1505
- };
1506
- }
1507
- let rowNodeId = -1;
1508
- /**
1509
- * `SkyAgGridService` provides methods to get AG Grid `gridOptions` to ensure grids match SKY UX functionality. The `gridOptions` can be overridden, and include registered SKY UX column types.
1510
- */
1511
- class SkyAgGridService {
1512
- constructor(agGridAdapterService, themeSvc, resources) {
1513
- _SkyAgGridService_instances.add(this);
1514
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
1515
- _SkyAgGridService_keyMap.set(this, new WeakMap());
1516
- _SkyAgGridService_ngUnsubscribe.set(this, new Subject());
1517
- _SkyAgGridService_currentTheme.set(this, undefined);
1518
- _SkyAgGridService_agGridAdapterService.set(this, void 0);
1519
- _SkyAgGridService_resources.set(this, void 0);
1520
- __classPrivateFieldSet(this, _SkyAgGridService_agGridAdapterService, agGridAdapterService, "f");
1521
- __classPrivateFieldSet(this, _SkyAgGridService_resources, resources, "f");
1522
- /*istanbul ignore else*/
1523
- if (themeSvc) {
1524
- themeSvc.settingsChange
1525
- .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridService_ngUnsubscribe, "f")))
1526
- .subscribe((settingsChange) => {
1527
- __classPrivateFieldSet(this, _SkyAgGridService_currentTheme, settingsChange.currentSettings, "f");
1528
- });
1529
- }
1530
- }
1531
- ngOnDestroy() {
1532
- __classPrivateFieldGet(this, _SkyAgGridService_ngUnsubscribe, "f").next();
1533
- __classPrivateFieldGet(this, _SkyAgGridService_ngUnsubscribe, "f").complete();
1534
- }
1535
- /**
1536
- * Returns [AG Grid `gridOptions`](https://www.ag-grid.com/javascript-grid-properties/) with default SKY UX options, styling, and cell renderers registered for read-only grids.
1537
- * @param args
1538
- * @returns
1539
- */
1540
- getGridOptions(args) {
1541
- const defaultGridOptions = __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getDefaultGridOptions).call(this, args);
1542
- const mergedGridOptions = __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_mergeGridOptions).call(this, defaultGridOptions, args.gridOptions);
1543
- return mergedGridOptions;
1544
- }
1545
- /**
1546
- * Returns [AG Grid `gridOptions`](https://www.ag-grid.com/javascript-grid-properties/) with default SKY UX options, styling, and cell editors registered for editable grids.
1547
- * @param args
1548
- * @returns
1549
- */
1550
- getEditableGridOptions(args) {
1551
- const defaultGridOptions = __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getDefaultEditableGridOptions).call(this, args);
1552
- const mergedGridOptions = __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_mergeGridOptions).call(this, defaultGridOptions, args.gridOptions);
1553
- return mergedGridOptions;
1554
- }
1555
- getHeaderHeight() {
1556
- var _a, _b;
1557
- return ((_b = (_a = __classPrivateFieldGet(this, _SkyAgGridService_currentTheme, "f")) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b.name) === 'modern' ? 60 : 37;
1558
- }
1559
- }
1560
- _SkyAgGridService_keyMap = new WeakMap(), _SkyAgGridService_ngUnsubscribe = new WeakMap(), _SkyAgGridService_currentTheme = new WeakMap(), _SkyAgGridService_agGridAdapterService = new WeakMap(), _SkyAgGridService_resources = new WeakMap(), _SkyAgGridService_instances = new WeakSet(), _SkyAgGridService_mergeGridOptions = function _SkyAgGridService_mergeGridOptions(defaultGridOptions, providedGridOptions) {
1561
- var _a;
1562
- const mergedGridOptions = Object.assign(Object.assign(Object.assign({}, defaultGridOptions), providedGridOptions), { components: Object.assign(Object.assign({}, providedGridOptions.components), defaultGridOptions.components), columnTypes: Object.assign(Object.assign({}, providedGridOptions.columnTypes), defaultGridOptions.columnTypes), defaultColDef: Object.assign(Object.assign(Object.assign({}, defaultGridOptions.defaultColDef), providedGridOptions.defaultColDef), {
1563
- // allow consumers to override all defaultColDef properties except cellClassRules, which we reserve for styling
1564
- cellClassRules: (_a = defaultGridOptions.defaultColDef) === null || _a === void 0 ? void 0 : _a.cellClassRules }), defaultColGroupDef: Object.assign(Object.assign({}, defaultGridOptions.defaultColGroupDef), providedGridOptions.defaultColGroupDef), icons: Object.assign(Object.assign({}, defaultGridOptions.icons), providedGridOptions.icons) });
1565
- // Prefer `getRowNodeId` over `getNodeId` if set by the consumer, for backward compatibility.
1566
- if (mergedGridOptions.getRowNodeId) {
1567
- delete mergedGridOptions.getRowId;
1568
- }
1569
- return mergedGridOptions;
1570
- }, _SkyAgGridService_getDefaultGridOptions = function _SkyAgGridService_getDefaultGridOptions(args) {
1571
- var _a, _b;
1572
- // cellClassRules can be functions or string expressions
1573
- const cellClassRuleTrueExpression = () => true;
1574
- function getEditableFn(isUneditable) {
1575
- return function (params) {
1576
- let isEditable = params.colDef.editable;
1577
- if (typeof isEditable === 'function') {
1578
- const column = params.columnApi.getColumn(params.colDef.field);
1579
- isEditable = isEditable(Object.assign(Object.assign({}, params), { column }));
1580
- }
1581
- return isUneditable ? !isEditable : !!isEditable;
1582
- };
1583
- }
1584
- const editableCellClassRules = {
1585
- [SkyCellClass.Editable]: getEditableFn(),
1586
- [SkyCellClass.Uneditable]: getEditableFn(true),
1587
- };
1588
- function getValidatorFn() {
1589
- return function (param) {
1590
- var _a, _b;
1591
- if (param.colDef &&
1592
- typeof ((_b = (_a = param.colDef.cellRendererParams) === null || _a === void 0 ? void 0 : _a.skyComponentProperties) === null || _b === void 0 ? void 0 : _b.validator) === 'function') {
1593
- return !param.colDef.cellRendererParams.skyComponentProperties.validator(param.value, param.data, param.rowIndex);
1594
- }
1595
- return false;
1596
- };
1597
- }
1598
- const validatorCellClassRules = {
1599
- [SkyCellClass.Invalid]: getValidatorFn(),
1600
- };
1601
- const defaultSkyGridOptions = {
1602
- columnTypes: {
1603
- [SkyCellType.Autocomplete]: {
1604
- cellClassRules: Object.assign({ [SkyCellClass.Autocomplete]: cellClassRuleTrueExpression }, editableCellClassRules),
1605
- cellEditor: SkyAgGridCellEditorAutocompleteComponent,
1606
- valueFormatter: autocompleteFormatter,
1607
- comparator: autocompleteComparator,
1608
- minWidth: 185,
1609
- },
1610
- [SkyCellType.Currency]: {
1611
- cellClassRules: Object.assign(Object.assign({ [SkyCellClass.Currency]: cellClassRuleTrueExpression }, validatorCellClassRules), editableCellClassRules),
1612
- cellRendererSelector: getValidatorCellRendererSelector('sky-ag-grid-cell-renderer-currency-validator', { component: 'sky-ag-grid-cell-renderer-currency' }),
1613
- cellEditor: SkyAgGridCellEditorCurrencyComponent,
1614
- headerClass: SkyHeaderClass.RightAligned,
1615
- minWidth: 185,
1616
- },
1617
- [SkyCellType.Date]: {
1618
- cellClassRules: Object.assign({ [SkyCellClass.Date]: cellClassRuleTrueExpression }, editableCellClassRules),
1619
- cellEditor: SkyAgGridCellEditorDatepickerComponent,
1620
- comparator: dateComparator,
1621
- minWidth: ((_b = (_a = __classPrivateFieldGet(this, _SkyAgGridService_currentTheme, "f")) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b.name) === 'modern' ? 180 : 160,
1622
- valueFormatter: (params) => __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_dateFormatter).call(this, params, args.locale),
1623
- },
1624
- [SkyCellType.Lookup]: {
1625
- cellClassRules: Object.assign({ [SkyCellClass.Lookup]: cellClassRuleTrueExpression }, editableCellClassRules),
1626
- cellEditor: SkyAgGridCellEditorLookupComponent,
1627
- cellRenderer: SkyAgGridCellRendererLookupComponent,
1628
- valueFormatter: (params) => {
1629
- const lookupProperties = applySkyLookupPropertiesDefaults(params);
1630
- return (params.value || [])
1631
- .map((value) => {
1632
- return value[lookupProperties.descriptorProperty];
1633
- })
1634
- .filter((value) => value !== '' && value !== undefined)
1635
- .join('; ');
1636
- },
1637
- minWidth: 185,
1638
- },
1639
- [SkyCellType.Number]: {
1640
- cellClassRules: Object.assign(Object.assign({ [SkyCellClass.Number]: cellClassRuleTrueExpression }, validatorCellClassRules), editableCellClassRules),
1641
- cellRendererSelector: getValidatorCellRendererSelector('sky-ag-grid-cell-renderer-validator-tooltip'),
1642
- cellEditor: SkyAgGridCellEditorNumberComponent,
1643
- headerClass: SkyHeaderClass.RightAligned,
1644
- },
1645
- [SkyCellType.RowSelector]: {
1646
- cellClassRules: {
1647
- [SkyCellClass.RowSelector]: cellClassRuleTrueExpression,
1648
- [SkyCellClass.Uneditable]: cellClassRuleTrueExpression,
1649
- },
1650
- cellRenderer: SkyAgGridCellRendererRowSelectorComponent,
1651
- headerName: '',
1652
- minWidth: 55,
1653
- maxWidth: 55,
1654
- sortable: false,
1655
- width: 55,
1656
- },
1657
- [SkyCellType.Text]: {
1658
- cellClassRules: Object.assign(Object.assign({ [SkyCellClass.Text]: cellClassRuleTrueExpression }, validatorCellClassRules), editableCellClassRules),
1659
- cellEditor: SkyAgGridCellEditorTextComponent,
1660
- cellRendererSelector: getValidatorCellRendererSelector('sky-ag-grid-cell-renderer-validator-tooltip'),
1661
- },
1662
- [SkyCellType.Validator]: {
1663
- cellClassRules: Object.assign(Object.assign({}, validatorCellClassRules), editableCellClassRules),
1664
- cellRendererSelector: getValidatorCellRendererSelector('sky-ag-grid-cell-renderer-validator-tooltip'),
1665
- },
1666
- },
1667
- defaultColDef: {
1668
- cellClassRules: editableCellClassRules,
1669
- headerComponent: SkyAgGridHeaderComponent,
1670
- minWidth: 100,
1671
- resizable: true,
1672
- sortable: true,
1673
- suppressHeaderKeyboardEvent: (keypress) => keypress.event.code === 'Tab',
1674
- suppressKeyboardEvent: (keypress) => __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_suppressTab).call(this, keypress),
1675
- },
1676
- defaultColGroupDef: {
1677
- headerGroupComponent: SkyAgGridHeaderGroupComponent,
1678
- },
1679
- domLayout: 'autoHeight',
1680
- ensureDomOrder: true,
1681
- enterMovesDownAfterEdit: true,
1682
- components: {
1683
- 'sky-ag-grid-cell-renderer-currency': SkyAgGridCellRendererCurrencyComponent,
1684
- 'sky-ag-grid-cell-renderer-currency-validator': SkyAgGridCellRendererCurrencyValidatorComponent,
1685
- 'sky-ag-grid-cell-renderer-validator-tooltip': SkyAgGridCellRendererValidatorTooltipComponent,
1686
- },
1687
- getRowId: (params) => {
1688
- const dataId = params.data.id;
1689
- if (dataId !== undefined) {
1690
- return `${params.data.id}`;
1691
- }
1692
- if (!__classPrivateFieldGet(this, _SkyAgGridService_keyMap, "f").has(params.data)) {
1693
- __classPrivateFieldGet(this, _SkyAgGridService_keyMap, "f").set(params.data, `${rowNodeId--}`);
1694
- }
1695
- return __classPrivateFieldGet(this, _SkyAgGridService_keyMap, "f").get(params.data);
1696
- },
1697
- getRowClass: (params) => {
1698
- if (params.node.id) {
1699
- return `sky-ag-grid-row-${params.node.id}`;
1700
- }
1701
- else {
1702
- return undefined;
1703
- }
1704
- },
1705
- headerHeight: this.getHeaderHeight(),
1706
- icons: {
1707
- sortDescending: __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getIconTemplate).call(this, 'sortDescending'),
1708
- sortAscending: __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getIconTemplate).call(this, 'sortAscending'),
1709
- columnMoveMove: __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getIconTemplate).call(this, 'columnMoveMove'),
1710
- columnMoveHide: __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getIconTemplate).call(this, 'columnMoveHide'),
1711
- columnMoveLeft: __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getIconTemplate).call(this, 'columnMoveLeft'),
1712
- columnMoveRight: __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getIconTemplate).call(this, 'columnMoveRight'),
1713
- columnMovePin: __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getIconTemplate).call(this, 'columnMovePin'),
1714
- },
1715
- onCellFocused: () => __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_onCellFocused).call(this),
1716
- rowHeight: __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getRowHeight).call(this),
1717
- getRowHeight: () => __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getRowHeight).call(this),
1718
- rowMultiSelectWithClick: true,
1719
- rowSelection: 'multiple',
1720
- singleClickEdit: true,
1721
- sortingOrder: ['desc', 'asc', null],
1722
- suppressRowClickSelection: true,
1723
- suppressDragLeaveHidesColumns: true,
1724
- };
1725
- const columnTypes = defaultSkyGridOptions.columnTypes;
1726
- columnTypes[SkyCellType.CurrencyValidator] = Object.assign(Object.assign({}, columnTypes[SkyCellType.Currency]), { cellRendererParams: {
1727
- skyComponentProperties: {
1728
- validator: (value) => {
1729
- return !!`${value || ''}`.match(/^[^0-9]*(\d+[,.]?)+\d*[^0-9]*$/);
1730
- },
1731
- validatorMessage: 'Please enter a valid currency',
1732
- },
1733
- } });
1734
- /*istanbul ignore else*/
1735
- if (__classPrivateFieldGet(this, _SkyAgGridService_resources, "f")) {
1736
- __classPrivateFieldGet(this, _SkyAgGridService_resources, "f")
1737
- .getString('sky_ag_grid_cell_renderer_currency_validator_message')
1738
- .subscribe((value) => {
1739
- columnTypes[SkyCellType.CurrencyValidator].cellRendererParams.skyComponentProperties.validatorMessage = value;
1740
- });
1741
- }
1742
- columnTypes[SkyCellType.NumberValidator] = Object.assign(Object.assign(Object.assign({}, columnTypes[SkyCellType.Validator]), columnTypes[SkyCellType.Number]), { cellClassRules: Object.assign(Object.assign({}, columnTypes[SkyCellType.Validator].cellClassRules), columnTypes[SkyCellType.Number].cellClassRules), cellRendererParams: {
1743
- skyComponentProperties: {
1744
- validator: (value) => {
1745
- return !!value && !isNaN(parseFloat(value));
1746
- },
1747
- validatorMessage: 'Please enter a valid number',
1748
- },
1749
- } });
1750
- /*istanbul ignore else*/
1751
- if (__classPrivateFieldGet(this, _SkyAgGridService_resources, "f")) {
1752
- __classPrivateFieldGet(this, _SkyAgGridService_resources, "f")
1753
- .getString('sky_ag_grid_cell_renderer_number_validator_message')
1754
- .subscribe((value) => {
1755
- columnTypes[SkyCellType.NumberValidator].cellRendererParams.skyComponentProperties.validatorMessage = value;
1756
- });
1757
- }
1758
- return defaultSkyGridOptions;
1759
- }, _SkyAgGridService_onCellFocused = function _SkyAgGridService_onCellFocused() {
1760
- const currentElement = __classPrivateFieldGet(this, _SkyAgGridService_agGridAdapterService, "f").getFocusedElement();
1761
- __classPrivateFieldGet(this, _SkyAgGridService_agGridAdapterService, "f").focusOnFocusableChildren(currentElement);
1762
- }, _SkyAgGridService_getDefaultEditableGridOptions = function _SkyAgGridService_getDefaultEditableGridOptions(args) {
1763
- const defaultGridOptions = __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getDefaultGridOptions).call(this, args);
1764
- defaultGridOptions.rowSelection = undefined;
1765
- return defaultGridOptions;
1766
- }, _SkyAgGridService_dateFormatter = function _SkyAgGridService_dateFormatter(params, locale = 'en-us') {
1767
- const dateConfig = { year: 'numeric', month: '2-digit', day: '2-digit' };
1768
- let date = params.value;
1769
- if (date && typeof date === 'string') {
1770
- date = new Date(params.value);
1771
- }
1772
- const formattedDate = date &&
1773
- date.toLocaleDateString &&
1774
- date.toLocaleDateString(locale, dateConfig);
1775
- if (date && date.getTime && !isNaN(date.getTime())) {
1776
- return formattedDate;
1777
- }
1778
- return '';
1779
- }, _SkyAgGridService_getIconTemplate = function _SkyAgGridService_getIconTemplate(iconName) {
1780
- return () => {
1781
- var _a;
1782
- const icon = iconMap[iconName];
1783
- if (((_a = __classPrivateFieldGet(this, _SkyAgGridService_currentTheme, "f")) === null || _a === void 0 ? void 0 : _a.theme.name) === 'modern' && icon.skyIcon) {
1784
- return `<i aria-hidden="true" class="sky-i-${icon.skyIcon}"></i>`;
1785
- }
1786
- else {
1787
- return `<i aria-hidden="true" class="fa fa-${icon.faIcon}"></i>`;
1788
- }
1789
- };
1790
- }, _SkyAgGridService_suppressTab = function _SkyAgGridService_suppressTab(params) {
1791
- if (params.event.code === 'Tab') {
1792
- if (params.editing) {
1793
- const currentlyFocusedEl = __classPrivateFieldGet(this, _SkyAgGridService_agGridAdapterService, "f").getFocusedElement();
1794
- // inline cell editors have the 'ag-cell' class, while popup editors have the 'ag-popup-editor' class
1795
- const cellEl = __classPrivateFieldGet(this, _SkyAgGridService_agGridAdapterService, "f").getElementOrParentWithClass(currentlyFocusedEl, 'ag-cell');
1796
- const popupEl = __classPrivateFieldGet(this, _SkyAgGridService_agGridAdapterService, "f").getElementOrParentWithClass(currentlyFocusedEl, 'ag-popup-editor');
1797
- const parentEl = cellEl || popupEl;
1798
- const nextFocusableElementInCell = __classPrivateFieldGet(this, _SkyAgGridService_agGridAdapterService, "f").getNextFocusableElement(currentlyFocusedEl, parentEl, params.event.shiftKey);
1799
- return !!nextFocusableElementInCell;
1800
- }
1801
- return true;
1802
- }
1803
- return false;
1804
- }, _SkyAgGridService_getRowHeight = function _SkyAgGridService_getRowHeight() {
1805
- var _a, _b;
1806
- return ((_b = (_a = __classPrivateFieldGet(this, _SkyAgGridService_currentTheme, "f")) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b.name) === 'modern' ? 60 : 38;
1807
- };
1808
- SkyAgGridService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridService, deps: [{ token: SkyAgGridAdapterService }, { token: i1$2.SkyThemeService, optional: true }, { token: i3.SkyLibResourcesService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
1809
- SkyAgGridService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridService, providedIn: 'any' });
1810
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridService, decorators: [{
1811
- type: Injectable,
1812
- args: [{
1813
- providedIn: 'any',
1814
- }]
1815
- }], ctorParameters: function () {
1816
- return [{ type: SkyAgGridAdapterService }, { type: i1$2.SkyThemeService, decorators: [{
1817
- type: Optional
1818
- }] }, { type: i3.SkyLibResourcesService, decorators: [{
1819
- type: Optional
1820
- }] }];
1821
- } });
1822
-
1823
- var _SkyAgGridWrapperComponent_instances, _SkyAgGridWrapperComponent_isInEditMode_get, _SkyAgGridWrapperComponent__viewkeeperClasses, _SkyAgGridWrapperComponent_agGridService, _SkyAgGridWrapperComponent_ngUnsubscribe, _SkyAgGridWrapperComponent_themeSvc, _SkyAgGridWrapperComponent_wrapperClasses, _SkyAgGridWrapperComponent_currentTheme, _SkyAgGridWrapperComponent_adapterService, _SkyAgGridWrapperComponent_changeDetector, _SkyAgGridWrapperComponent_parentChangeDetector, _SkyAgGridWrapperComponent_elementRef, _SkyAgGridWrapperComponent_document, _SkyAgGridWrapperComponent_mutationObserverService, _SkyAgGridWrapperComponent_hasEditableClass, _SkyAgGridWrapperComponent_moveHorizontalScroll, _SkyAgGridWrapperComponent_updateGridTheme;
1824
- let idIndex = 0;
1825
- class SkyAgGridWrapperComponent {
1826
- get viewkeeperClasses() {
1827
- return __classPrivateFieldGet(this, _SkyAgGridWrapperComponent__viewkeeperClasses, "f");
1828
- }
1829
- set viewkeeperClasses(value) {
1830
- __classPrivateFieldSet(this, _SkyAgGridWrapperComponent__viewkeeperClasses, value, "f");
1831
- __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_changeDetector, "f").markForCheck();
1832
- }
1833
- constructor() {
1834
- _SkyAgGridWrapperComponent_instances.add(this);
1835
- this.isNormalLayout = false;
1836
- _SkyAgGridWrapperComponent__viewkeeperClasses.set(this, []);
1837
- _SkyAgGridWrapperComponent_agGridService.set(this, inject(SkyAgGridService));
1838
- _SkyAgGridWrapperComponent_ngUnsubscribe.set(this, new Subject());
1839
- _SkyAgGridWrapperComponent_themeSvc.set(this, inject(SkyThemeService, {
1840
- optional: true,
1841
- }));
1842
- _SkyAgGridWrapperComponent_wrapperClasses.set(this, new BehaviorSubject([
1843
- `ag-theme-sky-data-grid-default`,
1844
- ]));
1845
- _SkyAgGridWrapperComponent_currentTheme.set(this, undefined);
1846
- _SkyAgGridWrapperComponent_adapterService.set(this, inject(SkyAgGridAdapterService));
1847
- _SkyAgGridWrapperComponent_changeDetector.set(this, inject(ChangeDetectorRef));
1848
- _SkyAgGridWrapperComponent_parentChangeDetector.set(this, inject(ChangeDetectorRef, {
1849
- optional: true,
1850
- skipSelf: true,
1851
- }));
1852
- _SkyAgGridWrapperComponent_elementRef.set(this, inject(ElementRef));
1853
- _SkyAgGridWrapperComponent_document.set(this, inject(DOCUMENT));
1854
- _SkyAgGridWrapperComponent_mutationObserverService.set(this, inject(SkyMutationObserverService));
1855
- _SkyAgGridWrapperComponent_hasEditableClass.set(this, false);
1856
- idIndex++;
1857
- this.afterAnchorId = 'sky-ag-grid-nav-anchor-after-' + idIndex;
1858
- this.beforeAnchorId = 'sky-ag-grid-nav-anchor-before-' + idIndex;
1859
- this.gridId = 'sky-ag-grid-' + idIndex;
1860
- this.wrapperClasses$ = __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_wrapperClasses, "f").asObservable();
1861
- }
1862
- ngAfterContentInit() {
1863
- var _a, _b, _c;
1864
- if (this.agGrid) {
1865
- const domLayout = (_a = this.agGrid.gridOptions) === null || _a === void 0 ? void 0 : _a.domLayout;
1866
- if (domLayout === 'autoHeight') {
1867
- if ((_b = this.agGrid.gridOptions.context) === null || _b === void 0 ? void 0 : _b.enableTopScroll) {
1868
- this.viewkeeperClasses.push('.ag-header', '.ag-body-horizontal-scroll');
1869
- }
1870
- else {
1871
- this.viewkeeperClasses.push('.ag-header');
1872
- }
1873
- }
1874
- else if (domLayout === 'normal') {
1875
- this.isNormalLayout = true;
1876
- (_c = __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_parentChangeDetector, "f")) === null || _c === void 0 ? void 0 : _c.detectChanges();
1877
- }
1878
- this.agGrid.gridReady
1879
- .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f")))
1880
- .subscribe(() => {
1881
- __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_instances, "m", _SkyAgGridWrapperComponent_moveHorizontalScroll).call(this);
1882
- });
1883
- this.agGrid.firstDataRendered
1884
- .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f")))
1885
- .subscribe(() => {
1886
- __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_instances, "m", _SkyAgGridWrapperComponent_moveHorizontalScroll).call(this);
1887
- });
1888
- this.agGrid.rowDataUpdated
1889
- .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f")))
1890
- .subscribe(() => {
1891
- __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_instances, "m", _SkyAgGridWrapperComponent_moveHorizontalScroll).call(this);
1892
- });
1893
- this.agGrid.cellEditingStarted
1894
- .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f")))
1895
- .subscribe((params) => {
1896
- if (params.colDef.type) {
1897
- const types = Array.isArray(params.colDef.type)
1898
- ? params.colDef.type
1899
- : [params.colDef.type];
1900
- const addClasses = types.map((t) => `sky-ag-grid-cell-editing-${t}`);
1901
- __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_wrapperClasses, "f").next([
1902
- ...__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_wrapperClasses, "f").getValue(),
1903
- ...addClasses,
1904
- ]);
1905
- }
1906
- });
1907
- this.agGrid.cellEditingStopped
1908
- .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f")))
1909
- .subscribe(() => {
1910
- __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_wrapperClasses, "f").next(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_wrapperClasses, "f")
1911
- .getValue()
1912
- .filter((c) => c.startsWith('ag-theme-')));
1913
- });
1914
- }
1915
- }
1916
- ngOnDestroy() {
1917
- __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f").next();
1918
- __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f").complete();
1919
- }
1920
- ngOnInit() {
1921
- var _a;
1922
- (_a = __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_themeSvc, "f")) === null || _a === void 0 ? void 0 : _a.settingsChange.pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f"))).subscribe((settings) => {
1923
- var _a;
1924
- __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_instances, "m", _SkyAgGridWrapperComponent_updateGridTheme).call(this, settings.currentSettings);
1925
- if (!__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_currentTheme, "f")) {
1926
- // Initial theme settings.
1927
- __classPrivateFieldSet(this, _SkyAgGridWrapperComponent_currentTheme, settings.currentSettings, "f");
1928
- }
1929
- else if ((_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.api) {
1930
- // On subsequent theme changes, we need to call the api to re-render the grid.
1931
- __classPrivateFieldSet(this, _SkyAgGridWrapperComponent_currentTheme, settings.currentSettings, "f");
1932
- this.agGrid.api.setHeaderHeight(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_agGridService, "f").getHeaderHeight());
1933
- this.agGrid.api.resetRowHeights();
1934
- this.agGrid.api.refreshCells();
1935
- }
1936
- });
1937
- }
1938
- ngAfterViewInit() {
1939
- const agGridElement = __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_elementRef, "f").nativeElement.querySelector('ag-grid-angular');
1940
- const callback = () => {
1941
- __classPrivateFieldSet(this, _SkyAgGridWrapperComponent_hasEditableClass, !!(agGridElement === null || agGridElement === void 0 ? void 0 : agGridElement.classList.contains('sky-ag-grid-editable')), "f");
1942
- __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_instances, "m", _SkyAgGridWrapperComponent_updateGridTheme).call(this, __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_currentTheme, "f"));
1943
- };
1944
- if (agGridElement) {
1945
- const agGridClassObserver = __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_mutationObserverService, "f").create(callback);
1946
- agGridClassObserver.observe(agGridElement, {
1947
- attributes: true,
1948
- });
1949
- __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f").pipe(take(1)).subscribe(() => {
1950
- agGridClassObserver.disconnect();
1951
- });
1952
- }
1953
- setTimeout(callback);
1954
- }
1955
- /**
1956
- * Prevent closing a modal when focused in AG Grid.
1957
- */
1958
- onKeyUpEscape($event) {
1959
- var _a;
1960
- $event.stopPropagation();
1961
- (_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.api.stopEditing(true);
1962
- }
1963
- onGridKeydown(event) {
1964
- if (this.agGrid && !__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_instances, "a", _SkyAgGridWrapperComponent_isInEditMode_get) && event.key === 'Tab') {
1965
- const idToFocus = event.shiftKey
1966
- ? this.beforeAnchorId
1967
- : this.afterAnchorId;
1968
- __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_adapterService, "f").setFocusedElementById(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_elementRef, "f").nativeElement, idToFocus);
1969
- }
1970
- }
1971
- onAnchorFocus(event) {
1972
- const relatedTarget = event.relatedTarget;
1973
- const previousWasGrid = relatedTarget && !!__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_elementRef, "f").nativeElement.contains(relatedTarget);
1974
- if (this.agGrid && !previousWasGrid) {
1975
- const firstColumn = this.agGrid.columnApi.getAllDisplayedColumns()[0];
1976
- if (firstColumn) {
1977
- this.agGrid.api.ensureColumnVisible(firstColumn);
1978
- __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_adapterService, "f").focusOnColumnHeader(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_elementRef, "f").nativeElement, firstColumn.getColId());
1979
- }
1980
- }
1981
- }
1982
- }
1983
- _SkyAgGridWrapperComponent__viewkeeperClasses = new WeakMap(), _SkyAgGridWrapperComponent_agGridService = new WeakMap(), _SkyAgGridWrapperComponent_ngUnsubscribe = new WeakMap(), _SkyAgGridWrapperComponent_themeSvc = new WeakMap(), _SkyAgGridWrapperComponent_wrapperClasses = new WeakMap(), _SkyAgGridWrapperComponent_currentTheme = new WeakMap(), _SkyAgGridWrapperComponent_adapterService = new WeakMap(), _SkyAgGridWrapperComponent_changeDetector = new WeakMap(), _SkyAgGridWrapperComponent_parentChangeDetector = new WeakMap(), _SkyAgGridWrapperComponent_elementRef = new WeakMap(), _SkyAgGridWrapperComponent_document = new WeakMap(), _SkyAgGridWrapperComponent_mutationObserverService = new WeakMap(), _SkyAgGridWrapperComponent_hasEditableClass = new WeakMap(), _SkyAgGridWrapperComponent_instances = new WeakSet(), _SkyAgGridWrapperComponent_isInEditMode_get = function _SkyAgGridWrapperComponent_isInEditMode_get() {
1984
- /* istanbul ignore else */
1985
- if (this.agGrid && this.agGrid.api) {
1986
- const primaryGridEditing = this.agGrid.api.getEditingCells().length > 0;
1987
- if (primaryGridEditing) {
1988
- return true;
1989
- }
1990
- else {
1991
- let innerEditing = false;
1992
- this.agGrid.api.forEachDetailGridInfo((detailGrid) => {
1993
- if ((detailGrid === null || detailGrid === void 0 ? void 0 : detailGrid.api) && detailGrid.api.getEditingCells().length > 0) {
1994
- innerEditing = true;
1995
- }
1996
- });
1997
- return innerEditing;
1998
- }
1999
- }
2000
- else {
2001
- return false;
2002
- }
2003
- }, _SkyAgGridWrapperComponent_moveHorizontalScroll = function _SkyAgGridWrapperComponent_moveHorizontalScroll() {
2004
- var _a;
2005
- if (this.agGrid && this.agGrid.api) {
2006
- const toTop = !!((_a = this.agGrid.gridOptions.context) === null || _a === void 0 ? void 0 : _a.enableTopScroll);
2007
- const root = __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_elementRef, "f").nativeElement.querySelector('.ag-root');
2008
- const header = root.querySelector('.ag-header');
2009
- const floatingBottom = root.querySelector('.ag-floating-bottom');
2010
- const scrollbar = root.querySelector('.ag-body-horizontal-scroll');
2011
- if (header && floatingBottom && scrollbar) {
2012
- if (scrollbar.style.height !==
2013
- scrollbar.style.getPropertyValue('--sky-ag-body-horizontal-scroll-width')) {
2014
- scrollbar.style.setProperty('--sky-ag-body-horizontal-scroll-width', scrollbar.style.height);
2015
- }
2016
- const isTop = !!root.children[1].matches('.ag-body-horizontal-scroll');
2017
- if (toTop && !isTop) {
2018
- const fragment = __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_document, "f").createDocumentFragment();
2019
- fragment.appendChild(scrollbar);
2020
- header.after(fragment);
2021
- }
2022
- else if (!toTop && isTop) {
2023
- const fragment = __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_document, "f").createDocumentFragment();
2024
- fragment.appendChild(scrollbar);
2025
- floatingBottom.after(fragment);
2026
- }
2027
- }
2028
- }
2029
- }, _SkyAgGridWrapperComponent_updateGridTheme = function _SkyAgGridWrapperComponent_updateGridTheme(themeSettings) {
2030
- let agTheme;
2031
- if ((themeSettings === null || themeSettings === void 0 ? void 0 : themeSettings.theme.name) === 'modern') {
2032
- agTheme = `modern-${themeSettings.mode.name}`;
2033
- }
2034
- else {
2035
- agTheme = `default`;
2036
- }
2037
- const variation = __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_hasEditableClass, "f") ? 'data-entry-grid' : 'data-grid';
2038
- __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_wrapperClasses, "f").next([
2039
- ...__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_wrapperClasses, "f")
2040
- .getValue()
2041
- .filter((c) => !c.startsWith('ag-theme-')),
2042
- `ag-theme-sky-${variation}-${agTheme}`,
2043
- ]);
2044
- };
2045
- SkyAgGridWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2046
- SkyAgGridWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAgGridWrapperComponent, selector: "sky-ag-grid-wrapper", host: { properties: { "class.sky-ag-grid-layout-normal": "this.isNormalLayout" } }, queries: [{ propertyName: "agGrid", first: true, predicate: AgGridAngular, descendants: true, static: true }], ngImport: i0, template: "<span\n class=\"nav-anchor\"\n tabindex=\"0\"\n [id]=\"beforeAnchorId\"\n (focusin)=\"onAnchorFocus($event)\"\n>\n</span>\n<div\n class=\"sky-ag-grid\"\n [class.sky-ag-grid-top-scrollbar]=\"\n agGrid?.gridOptions?.context &&\n agGrid?.gridOptions?.context['enableTopScroll']\n \"\n [ngClass]=\"wrapperClasses$ | async\"\n tabindex=\"0\"\n [id]=\"gridId\"\n [skyViewkeeper]=\"viewkeeperClasses\"\n (keydown)=\"onGridKeydown($event)\"\n (keyup.escape)=\"onKeyUpEscape($event)\"\n>\n <ng-content></ng-content>\n</div>\n<span\n tabindex=\"0\"\n class=\"nav-anchor\"\n [id]=\"afterAnchorId\"\n (focusin)=\"onAnchorFocus($event)\"\n>\n</span>\n", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
2047
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridWrapperComponent, decorators: [{
2048
- type: Component,
2049
- args: [{ selector: 'sky-ag-grid-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n class=\"nav-anchor\"\n tabindex=\"0\"\n [id]=\"beforeAnchorId\"\n (focusin)=\"onAnchorFocus($event)\"\n>\n</span>\n<div\n class=\"sky-ag-grid\"\n [class.sky-ag-grid-top-scrollbar]=\"\n agGrid?.gridOptions?.context &&\n agGrid?.gridOptions?.context['enableTopScroll']\n \"\n [ngClass]=\"wrapperClasses$ | async\"\n tabindex=\"0\"\n [id]=\"gridId\"\n [skyViewkeeper]=\"viewkeeperClasses\"\n (keydown)=\"onGridKeydown($event)\"\n (keyup.escape)=\"onKeyUpEscape($event)\"\n>\n <ng-content></ng-content>\n</div>\n<span\n tabindex=\"0\"\n class=\"nav-anchor\"\n [id]=\"afterAnchorId\"\n (focusin)=\"onAnchorFocus($event)\"\n>\n</span>\n" }]
2050
- }], ctorParameters: function () { return []; }, propDecorators: { agGrid: [{
2051
- type: ContentChild,
2052
- args: [AgGridAngular, {
2053
- static: true,
2054
- }]
2055
- }], isNormalLayout: [{
2056
- type: HostBinding,
2057
- args: ['class.sky-ag-grid-layout-normal']
2058
- }] } });
2059
-
2060
- var _SkyAgGridDataManagerAdapterDirective_instances, _SkyAgGridDataManagerAdapterDirective_currentAgGrid, _SkyAgGridDataManagerAdapterDirective_currentDataState, _SkyAgGridDataManagerAdapterDirective_currentSkyAgGridWrapper, _SkyAgGridDataManagerAdapterDirective_dataStateSub, _SkyAgGridDataManagerAdapterDirective_viewConfig, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, _SkyAgGridDataManagerAdapterDirective_changeDetector, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, _SkyAgGridDataManagerAdapterDirective_checkForAgGrid, _SkyAgGridDataManagerAdapterDirective_checkForSkyAgGridWrapper, _SkyAgGridDataManagerAdapterDirective_unregisterAgGrid, _SkyAgGridDataManagerAdapterDirective_unregisterSkyAgGridWrapper, _SkyAgGridDataManagerAdapterDirective_registerSkyAgGridWrapper, _SkyAgGridDataManagerAdapterDirective_registerAgGrid, _SkyAgGridDataManagerAdapterDirective_updateColumnsInCurrentDataState, _SkyAgGridDataManagerAdapterDirective_getColumnOrder, _SkyAgGridDataManagerAdapterDirective_displayColumns, _SkyAgGridDataManagerAdapterDirective_selectAll, _SkyAgGridDataManagerAdapterDirective_clearAll;
2061
- /**
2062
- * @internal
2063
- */
2064
- class SkyAgGridDataManagerAdapterDirective {
2065
- constructor(changeDetector, dataManagerSvc) {
2066
- _SkyAgGridDataManagerAdapterDirective_instances.add(this);
2067
- _SkyAgGridDataManagerAdapterDirective_currentAgGrid.set(this, void 0);
2068
- _SkyAgGridDataManagerAdapterDirective_currentDataState.set(this, void 0);
2069
- _SkyAgGridDataManagerAdapterDirective_currentSkyAgGridWrapper.set(this, void 0);
2070
- _SkyAgGridDataManagerAdapterDirective_dataStateSub.set(this, void 0);
2071
- _SkyAgGridDataManagerAdapterDirective_viewConfig.set(this, void 0);
2072
- _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe.set(this, new Subject());
2073
- _SkyAgGridDataManagerAdapterDirective_changeDetector.set(this, void 0);
2074
- _SkyAgGridDataManagerAdapterDirective_dataManagerSvc.set(this, void 0);
2075
- __classPrivateFieldSet(this, _SkyAgGridDataManagerAdapterDirective_changeDetector, changeDetector, "f");
2076
- __classPrivateFieldSet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, dataManagerSvc, "f");
2077
- }
2078
- ngAfterContentInit() {
2079
- var _a, _b;
2080
- if (this.viewId) {
2081
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, "f").setViewkeeperClasses(this.viewId, ['.ag-header']);
2082
- __classPrivateFieldSet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, "f").getViewById(this.viewId), "f");
2083
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_checkForAgGrid).call(this);
2084
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_checkForSkyAgGridWrapper).call(this);
2085
- (_a = this.agGridList) === null || _a === void 0 ? void 0 : _a.changes.pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f"))).subscribe(() => __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_checkForAgGrid).call(this));
2086
- (_b = this.skyAgGridWrapperList) === null || _b === void 0 ? void 0 : _b.changes.pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f"))).subscribe(() => __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_checkForSkyAgGridWrapper).call(this));
2087
- }
2088
- }
2089
- ngOnDestroy() {
2090
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f").next();
2091
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f").complete();
2092
- }
2093
- }
2094
- _SkyAgGridDataManagerAdapterDirective_currentAgGrid = new WeakMap(), _SkyAgGridDataManagerAdapterDirective_currentDataState = new WeakMap(), _SkyAgGridDataManagerAdapterDirective_currentSkyAgGridWrapper = new WeakMap(), _SkyAgGridDataManagerAdapterDirective_dataStateSub = new WeakMap(), _SkyAgGridDataManagerAdapterDirective_viewConfig = new WeakMap(), _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe = new WeakMap(), _SkyAgGridDataManagerAdapterDirective_changeDetector = new WeakMap(), _SkyAgGridDataManagerAdapterDirective_dataManagerSvc = new WeakMap(), _SkyAgGridDataManagerAdapterDirective_instances = new WeakSet(), _SkyAgGridDataManagerAdapterDirective_checkForAgGrid = function _SkyAgGridDataManagerAdapterDirective_checkForAgGrid() {
2095
- if (this.agGridList) {
2096
- const agGridCount = this.agGridList.length;
2097
- /* istanbul ignore else */
2098
- if (agGridCount === 0) {
2099
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_unregisterAgGrid).call(this);
2100
- }
2101
- else if (this.agGridList.first !== __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentAgGrid, "f")) {
2102
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_registerAgGrid).call(this);
2103
- }
2104
- if (agGridCount > 1) {
2105
- console.warn('More than one ag-grid child component was found. Using the first ag-Grid.');
2106
- }
2107
- }
2108
- }, _SkyAgGridDataManagerAdapterDirective_checkForSkyAgGridWrapper = function _SkyAgGridDataManagerAdapterDirective_checkForSkyAgGridWrapper() {
2109
- if (this.skyAgGridWrapperList) {
2110
- const skyAgGridWrapperCount = this.skyAgGridWrapperList.length;
2111
- /* istanbul ignore else */
2112
- if (skyAgGridWrapperCount === 0) {
2113
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_unregisterSkyAgGridWrapper).call(this);
2114
- }
2115
- else if (this.skyAgGridWrapperList.first !== __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentSkyAgGridWrapper, "f")) {
2116
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_registerSkyAgGridWrapper).call(this);
2117
- }
2118
- if (skyAgGridWrapperCount > 1) {
2119
- console.warn('More than one ag-grid child component was found. Using the first ag-Grid.');
2120
- }
2121
- }
2122
- }, _SkyAgGridDataManagerAdapterDirective_unregisterAgGrid = function _SkyAgGridDataManagerAdapterDirective_unregisterAgGrid() {
2123
- __classPrivateFieldSet(this, _SkyAgGridDataManagerAdapterDirective_currentAgGrid, undefined, "f");
2124
- /* istanbul ignore if */
2125
- if (__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataStateSub, "f")) {
2126
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataStateSub, "f").unsubscribe();
2127
- }
2128
- }, _SkyAgGridDataManagerAdapterDirective_unregisterSkyAgGridWrapper = function _SkyAgGridDataManagerAdapterDirective_unregisterSkyAgGridWrapper() {
2129
- __classPrivateFieldSet(this, _SkyAgGridDataManagerAdapterDirective_currentSkyAgGridWrapper, undefined, "f");
2130
- }, _SkyAgGridDataManagerAdapterDirective_registerSkyAgGridWrapper = function _SkyAgGridDataManagerAdapterDirective_registerSkyAgGridWrapper() {
2131
- var _a;
2132
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_unregisterSkyAgGridWrapper).call(this);
2133
- __classPrivateFieldSet(this, _SkyAgGridDataManagerAdapterDirective_currentSkyAgGridWrapper, (_a = this.skyAgGridWrapperList) === null || _a === void 0 ? void 0 : _a.first, "f");
2134
- setTimeout(() => {
2135
- if (__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentSkyAgGridWrapper, "f")) {
2136
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentSkyAgGridWrapper, "f").viewkeeperClasses = [];
2137
- }
2138
- });
2139
- }, _SkyAgGridDataManagerAdapterDirective_registerAgGrid = function _SkyAgGridDataManagerAdapterDirective_registerAgGrid() {
2140
- var _a;
2141
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_unregisterAgGrid).call(this);
2142
- const agGrid = (_a = this.agGridList) === null || _a === void 0 ? void 0 : _a.first;
2143
- __classPrivateFieldSet(this, _SkyAgGridDataManagerAdapterDirective_currentAgGrid, agGrid, "f");
2144
- if (agGrid) {
2145
- agGrid.gridReady.pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f"))).subscribe(() => {
2146
- var _a;
2147
- if (__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f") && this.viewId) {
2148
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f").onSelectAllClick = __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_selectAll).bind(this);
2149
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f").onClearAllClick = __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_clearAll).bind(this);
2150
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, "f").updateViewConfig(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f"));
2151
- __classPrivateFieldSet(this, _SkyAgGridDataManagerAdapterDirective_dataStateSub, __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, "f")
2152
- .getDataStateUpdates(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f").id)
2153
- .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f")))
2154
- .subscribe((dataState) => {
2155
- __classPrivateFieldSet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, dataState, "f");
2156
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_displayColumns).call(this, dataState);
2157
- }), "f");
2158
- if ((_a = agGrid.gridOptions.context) === null || _a === void 0 ? void 0 : _a.enableTopScroll) {
2159
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, "f").setViewkeeperClasses(this.viewId, [
2160
- '.ag-header',
2161
- '.ag-body-horizontal-scroll',
2162
- ]);
2163
- }
2164
- agGrid.api.sizeColumnsToFit();
2165
- }
2166
- });
2167
- agGrid.columnMoved
2168
- .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f")), filter((event) => ![
2169
- 'gridInitializing',
2170
- 'uiColumnResized',
2171
- 'uiColumnDragged',
2172
- 'api',
2173
- ].includes(event.source)))
2174
- .subscribe((value) => {
2175
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_updateColumnsInCurrentDataState).call(this, value.columnApi);
2176
- });
2177
- agGrid.dragStopped
2178
- .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f")))
2179
- .subscribe((value) => {
2180
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_updateColumnsInCurrentDataState).call(this, value.columnApi);
2181
- });
2182
- agGrid.rowSelected
2183
- .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f")))
2184
- .subscribe((event) => {
2185
- if (__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f") && __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f")) {
2186
- const row = event.node;
2187
- const selectedIds = __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f").selectedIds || [];
2188
- const rowIndex = selectedIds.indexOf(row.data.id);
2189
- if (row.isSelected() && rowIndex === -1) {
2190
- selectedIds.push(row.data.id);
2191
- }
2192
- else if (!row.isSelected() && rowIndex !== -1) {
2193
- selectedIds.splice(rowIndex, 1);
2194
- }
2195
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f").selectedIds = selectedIds;
2196
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, "f").updateDataState(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f"), __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f").id);
2197
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_changeDetector, "f").markForCheck();
2198
- }
2199
- });
2200
- agGrid.sortChanged.pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f"))).subscribe(() => {
2201
- const gridColumnStates = agGrid.columnApi.getColumnState();
2202
- let sortOption;
2203
- /* istanbul ignore else */
2204
- if (gridColumnStates.length) {
2205
- const activeSortColumnState = gridColumnStates.find((aGridColumnState) => aGridColumnState.sortIndex === 0);
2206
- const dataManagerConfig = __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, "f").getCurrentDataManagerConfig();
2207
- /* istanbul ignore else */
2208
- if (dataManagerConfig.sortOptions && activeSortColumnState) {
2209
- sortOption = dataManagerConfig.sortOptions.find((option) => {
2210
- return (option.propertyName === activeSortColumnState.colId &&
2211
- option.descending === (activeSortColumnState.sort === 'desc'));
2212
- });
2213
- }
2214
- else {
2215
- sortOption = undefined;
2216
- }
2217
- }
2218
- if (__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f") && __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f")) {
2219
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f").activeSortOption = sortOption;
2220
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, "f").updateDataState(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f"), __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f").id);
2221
- }
2222
- });
2223
- }
2224
- }, _SkyAgGridDataManagerAdapterDirective_updateColumnsInCurrentDataState = function _SkyAgGridDataManagerAdapterDirective_updateColumnsInCurrentDataState(columnApi) {
2225
- if (__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f") && __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f")) {
2226
- const columnOrder = __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_getColumnOrder).call(this, columnApi);
2227
- const viewState = __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f").getViewStateById(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f").id);
2228
- if (viewState &&
2229
- (viewState.displayedColumnIds.length !== columnOrder.length ||
2230
- viewState.displayedColumnIds.some((col, i) => col !== columnOrder[i]))) {
2231
- viewState.displayedColumnIds = columnOrder;
2232
- __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, "f").updateDataState(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f").addOrUpdateView(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f").id, viewState), __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f").id);
2233
- }
2234
- }
2235
- }, _SkyAgGridDataManagerAdapterDirective_getColumnOrder = function _SkyAgGridDataManagerAdapterDirective_getColumnOrder(columnApi) {
2236
- return columnApi
2237
- .getColumnState()
2238
- .filter((state) => !state.hide)
2239
- .map((state) => state.colId);
2240
- }, _SkyAgGridDataManagerAdapterDirective_displayColumns = function _SkyAgGridDataManagerAdapterDirective_displayColumns(dataState) {
2241
- const agGrid = __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentAgGrid, "f");
2242
- if (agGrid && __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f")) {
2243
- const viewState = dataState.getViewStateById(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f").id);
2244
- let displayedColumnIds = [];
2245
- /*istanbul ignore else*/
2246
- if (viewState === null || viewState === void 0 ? void 0 : viewState.displayedColumnIds) {
2247
- displayedColumnIds = viewState.displayedColumnIds;
2248
- }
2249
- const columnOrder = __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_getColumnOrder).call(this, agGrid.columnApi);
2250
- if (displayedColumnIds.length !== columnOrder.length ||
2251
- displayedColumnIds.some((col, i) => col !== columnOrder[i])) {
2252
- const hideColumns = agGrid.columnApi
2253
- .getColumnState()
2254
- .map((col) => col.colId)
2255
- .filter((colId) => !displayedColumnIds.includes(colId));
2256
- agGrid.columnApi.setColumnsVisible(hideColumns, false);
2257
- agGrid.columnApi.setColumnsVisible(displayedColumnIds, true);
2258
- agGrid.columnApi.moveColumns(displayedColumnIds, 0);
2259
- }
2260
- }
2261
- }, _SkyAgGridDataManagerAdapterDirective_selectAll = function _SkyAgGridDataManagerAdapterDirective_selectAll() {
2262
- var _a;
2263
- const agGrid = (_a = this.agGridList) === null || _a === void 0 ? void 0 : _a.first;
2264
- agGrid === null || agGrid === void 0 ? void 0 : agGrid.api.selectAll();
2265
- }, _SkyAgGridDataManagerAdapterDirective_clearAll = function _SkyAgGridDataManagerAdapterDirective_clearAll() {
2266
- var _a;
2267
- const agGrid = (_a = this.agGridList) === null || _a === void 0 ? void 0 : _a.first;
2268
- agGrid === null || agGrid === void 0 ? void 0 : agGrid.api.deselectAll();
2269
- };
2270
- SkyAgGridDataManagerAdapterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridDataManagerAdapterDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$5.SkyDataManagerService }], target: i0.ɵɵFactoryTarget.Directive });
2271
- SkyAgGridDataManagerAdapterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: SkyAgGridDataManagerAdapterDirective, selector: "[skyAgGridDataManagerAdapter]", inputs: { viewId: "viewId" }, queries: [{ propertyName: "agGridList", predicate: AgGridAngular, descendants: true }, { propertyName: "skyAgGridWrapperList", predicate: SkyAgGridWrapperComponent, descendants: true }], ngImport: i0 });
2272
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridDataManagerAdapterDirective, decorators: [{
2273
- type: Directive,
2274
- args: [{
2275
- selector: '[skyAgGridDataManagerAdapter]',
2276
- }]
2277
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$5.SkyDataManagerService }]; }, propDecorators: { viewId: [{
2278
- type: Input
2279
- }], agGridList: [{
2280
- type: ContentChildren,
2281
- args: [AgGridAngular, { descendants: true }]
2282
- }], skyAgGridWrapperList: [{
2283
- type: ContentChildren,
2284
- args: [SkyAgGridWrapperComponent, { descendants: true }]
2285
- }] } });
2286
-
2287
- /**
2288
- * Component for rendering the inline delete template in the overlay.
2289
- * @internal
2290
- */
2291
- class SkyAgGridRowDeleteComponent {
2292
- }
2293
- SkyAgGridRowDeleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridRowDeleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2294
- SkyAgGridRowDeleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAgGridRowDeleteComponent, selector: "ng-component", viewQueries: [{ propertyName: "inlineDeleteTemplateRef", first: true, predicate: ["inlineDeleteTemplateRef"], descendants: true, read: TemplateRef }, { propertyName: "inlineDeleteRefs", predicate: ["inlineDeleteRef"], descendants: true }], ngImport: i0, template: `
2295
- <ng-template
2296
- let-row
2297
- let-tableWidth="tableWidth()"
2298
- let-getRowDeleteItem="getRowDeleteItem"
2299
- let-cancelRowDelete="cancelRowDelete"
2300
- let-confirmRowDelete="confirmRowDelete"
2301
- #inlineDeleteTemplateRef
2302
- >
2303
- <div
2304
- class="sky-ag-grid-row-delete"
2305
- [id]="'row-delete-ref-' + row.id"
2306
- [ngStyle]="{
2307
- height: row.rowHeight + 'px',
2308
- position: 'fixed',
2309
- width: tableWidth + 'px'
2310
- }"
2311
- #inlineDeleteRef
2312
- >
2313
- <sky-inline-delete
2314
- [pending]="getRowDeleteItem(row).pending"
2315
- (cancelTriggered)="cancelRowDelete(row)"
2316
- (deleteTriggered)="confirmRowDelete(row)"
2317
- ></sky-inline-delete>
2318
- </div>
2319
- </ng-template>
2320
- `, isInline: true, dependencies: [{ kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$3.λ8, selector: "sky-inline-delete", inputs: ["pending"], outputs: ["cancelTriggered", "deleteTriggered"] }] });
2321
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridRowDeleteComponent, decorators: [{
2322
- type: Component,
2323
- args: [{
2324
- template: `
2325
- <ng-template
2326
- let-row
2327
- let-tableWidth="tableWidth()"
2328
- let-getRowDeleteItem="getRowDeleteItem"
2329
- let-cancelRowDelete="cancelRowDelete"
2330
- let-confirmRowDelete="confirmRowDelete"
2331
- #inlineDeleteTemplateRef
2332
- >
2333
- <div
2334
- class="sky-ag-grid-row-delete"
2335
- [id]="'row-delete-ref-' + row.id"
2336
- [ngStyle]="{
2337
- height: row.rowHeight + 'px',
2338
- position: 'fixed',
2339
- width: tableWidth + 'px'
2340
- }"
2341
- #inlineDeleteRef
2342
- >
2343
- <sky-inline-delete
2344
- [pending]="getRowDeleteItem(row).pending"
2345
- (cancelTriggered)="cancelRowDelete(row)"
2346
- (deleteTriggered)="confirmRowDelete(row)"
2347
- ></sky-inline-delete>
2348
- </div>
2349
- </ng-template>
2350
- `,
2351
- }]
2352
- }], propDecorators: { inlineDeleteRefs: [{
2353
- type: ViewChildren,
2354
- args: ['inlineDeleteRef']
2355
- }], inlineDeleteTemplateRef: [{
2356
- type: ViewChild,
2357
- args: ['inlineDeleteTemplateRef', { read: TemplateRef }]
2358
- }] } });
2359
-
2360
- var _SkyAgGridRowDeleteDirective_instances, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, _SkyAgGridRowDeleteDirective_ngUnsubscribe, _SkyAgGridRowDeleteDirective_rowDeleteComponent, _SkyAgGridRowDeleteDirective_rowDeleteContents, _SkyAgGridRowDeleteDirective_rowDeleteIdsInternal, _SkyAgGridRowDeleteDirective_affixService, _SkyAgGridRowDeleteDirective_changeDetector, _SkyAgGridRowDeleteDirective_elementRef, _SkyAgGridRowDeleteDirective_overlayService, _SkyAgGridRowDeleteDirective_viewContainerRef, _SkyAgGridRowDeleteDirective_scrollableHostService, _SkyAgGridRowDeleteDirective_clipPath, _SkyAgGridRowDeleteDirective_zIndex, _SkyAgGridRowDeleteDirective_hasStackingContext, _SkyAgGridRowDeleteDirective_affixToRow, _SkyAgGridRowDeleteDirective_destroyRowDelete, _SkyAgGridRowDeleteDirective_updateRowDeleteStates;
2361
- class SkyAgGridRowDeleteDirective {
2362
- /**
2363
- * The IDs of the data in the rows where the inline delete appears.
2364
- */
2365
- set rowDeleteIds(value) {
2366
- __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_rowDeleteIdsInternal, value, "f");
2367
- if (!value) {
2368
- for (const config of __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, "f")) {
2369
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_destroyRowDelete).call(this, config.id);
2370
- }
2371
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_changeDetector, "f").markForCheck();
2372
- return;
2373
- }
2374
- for (const id of value) {
2375
- const existingConfig = __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, "f").find((config) => config.id === id);
2376
- if (existingConfig) {
2377
- existingConfig.pending = false;
2378
- }
2379
- else if (__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteComponent, "f") && this.agGrid) {
2380
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, "f").push({
2381
- id: id,
2382
- pending: false,
2383
- });
2384
- const overlay = __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_overlayService, "f").create({
2385
- enableScroll: true,
2386
- showBackdrop: false,
2387
- closeOnNavigation: true,
2388
- enableClose: false,
2389
- enablePointerEvents: true,
2390
- });
2391
- if (__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteComponent, "f").inlineDeleteTemplateRef) {
2392
- overlay.attachTemplate(__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteComponent, "f").inlineDeleteTemplateRef, {
2393
- $implicit: this.agGrid.api.getRowNode(id),
2394
- tableWidth: () => __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_elementRef, "f").nativeElement.querySelector('.sky-ag-grid')
2395
- .offsetWidth,
2396
- getRowDeleteItem: (row) => this.getRowDeleteItem(row),
2397
- cancelRowDelete: (row) => this.cancelRowDelete(row),
2398
- confirmRowDelete: (row) => this.confirmRowDelete(row),
2399
- });
2400
- }
2401
- /**
2402
- * We are manually setting the z-index here because overlays will always be on top of
2403
- * the omnibar. The default manual setting is 2 less than the omnibar's z-index of 1000 and one less than
2404
- * the header row's viewkeeper which is 999. We discussed changing the overlay service to allow for this
2405
- * but decided against that change at this time due to its niche nature.
2406
- */
2407
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_zIndex, "f")
2408
- .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_ngUnsubscribe, "f")))
2409
- .subscribe((zIndex) => {
2410
- overlay.componentRef.instance.zIndex = zIndex.toString(10);
2411
- });
2412
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_clipPath, "f")
2413
- .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_ngUnsubscribe, "f")))
2414
- .subscribe((clipPath) => {
2415
- overlay.componentRef.instance.updateClipPath(clipPath);
2416
- });
2417
- setTimeout(() => {
2418
- var _a, _b;
2419
- const inlineDeleteRef = (_b = (_a = __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteComponent, "f")) === null || _a === void 0 ? void 0 : _a.inlineDeleteRefs) === null || _b === void 0 ? void 0 : _b.toArray().find((elRef) => elRef.nativeElement.id === 'row-delete-ref-' + id);
2420
- const affixer = __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_affixService, "f").createAffixer(inlineDeleteRef);
2421
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_affixToRow).call(this, affixer, id);
2422
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteContents, "f")[id] = {
2423
- affixer: affixer,
2424
- overlay: overlay,
2425
- };
2426
- });
2427
- }
2428
- }
2429
- for (const config of __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, "f")) {
2430
- if (value.indexOf(config.id) < 0) {
2431
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_destroyRowDelete).call(this, config.id);
2432
- }
2433
- }
2434
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_changeDetector, "f").markForCheck();
2435
- }
2436
- get rowDeleteIds() {
2437
- return __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteIdsInternal, "f");
2438
- }
2439
- constructor(affixService, changeDetector, elementRef, overlayService, viewContainerRef, scrollableHostService, stackingContext) {
2440
- _SkyAgGridRowDeleteDirective_instances.add(this);
2441
- /**
2442
- * Emits a `SkyAgGridRowDeleteCancelArgs` object when a row's inline delete is cancelled.
2443
- */
2444
- this.rowDeleteCancel = new EventEmitter();
2445
- /**
2446
- * Emits a `SkyAgGridRowDeleteConfirmArgs` object when a row's inline delete is confirmed.
2447
- */
2448
- this.rowDeleteConfirm = new EventEmitter();
2449
- /**
2450
- * Emits when the list of ids of the data in the rows where inline deletes are shown changes.
2451
- */
2452
- this.rowDeleteIdsChange = new EventEmitter();
2453
- _SkyAgGridRowDeleteDirective_rowDeleteConfigs.set(this, []);
2454
- _SkyAgGridRowDeleteDirective_ngUnsubscribe.set(this, new Subject());
2455
- _SkyAgGridRowDeleteDirective_rowDeleteComponent.set(this, void 0);
2456
- _SkyAgGridRowDeleteDirective_rowDeleteContents.set(this, {});
2457
- _SkyAgGridRowDeleteDirective_rowDeleteIdsInternal.set(this, void 0);
2458
- _SkyAgGridRowDeleteDirective_affixService.set(this, void 0);
2459
- _SkyAgGridRowDeleteDirective_changeDetector.set(this, void 0);
2460
- _SkyAgGridRowDeleteDirective_elementRef.set(this, void 0);
2461
- _SkyAgGridRowDeleteDirective_overlayService.set(this, void 0);
2462
- _SkyAgGridRowDeleteDirective_viewContainerRef.set(this, void 0);
2463
- _SkyAgGridRowDeleteDirective_scrollableHostService.set(this, void 0);
2464
- _SkyAgGridRowDeleteDirective_clipPath.set(this, new BehaviorSubject(undefined));
2465
- _SkyAgGridRowDeleteDirective_zIndex.set(this, new BehaviorSubject(998));
2466
- _SkyAgGridRowDeleteDirective_hasStackingContext.set(this, void 0);
2467
- __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_affixService, affixService, "f");
2468
- __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_changeDetector, changeDetector, "f");
2469
- __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_elementRef, elementRef, "f");
2470
- __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_overlayService, overlayService, "f");
2471
- __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_viewContainerRef, viewContainerRef, "f");
2472
- __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_scrollableHostService, scrollableHostService, "f");
2473
- __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_hasStackingContext, !!stackingContext, "f");
2474
- if (stackingContext) {
2475
- stackingContext.zIndex
2476
- .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_ngUnsubscribe, "f")))
2477
- .subscribe((zIndex) => {
2478
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_zIndex, "f").next(zIndex);
2479
- });
2480
- }
2481
- }
2482
- ngAfterContentInit() {
2483
- __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_rowDeleteComponent, __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_viewContainerRef, "f").createComponent(SkyAgGridRowDeleteComponent).instance, "f");
2484
- if (this.agGrid) {
2485
- this.agGrid.rowDataUpdated
2486
- .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_ngUnsubscribe, "f")))
2487
- .subscribe(() => {
2488
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_updateRowDeleteStates).call(this);
2489
- });
2490
- this.agGrid.sortChanged
2491
- .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_ngUnsubscribe, "f")))
2492
- .subscribe(() => {
2493
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_updateRowDeleteStates).call(this);
2494
- });
2495
- this.agGrid.filterChanged
2496
- .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_ngUnsubscribe, "f")))
2497
- .subscribe(() => {
2498
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_updateRowDeleteStates).call(this);
2499
- });
2500
- }
2501
- }
2502
- ngAfterViewInit() {
2503
- if (__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_hasStackingContext, "f")) {
2504
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_scrollableHostService, "f")
2505
- .watchScrollableHostClipPathChanges(__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_elementRef, "f"))
2506
- .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_ngUnsubscribe, "f")))
2507
- .subscribe((clipPath) => {
2508
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_clipPath, "f").next(clipPath);
2509
- });
2510
- }
2511
- }
2512
- ngOnDestroy() {
2513
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_ngUnsubscribe, "f").next();
2514
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_ngUnsubscribe, "f").complete();
2515
- Object.keys(__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteContents, "f")).forEach((id) => {
2516
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_destroyRowDelete).call(this, id);
2517
- });
2518
- }
2519
- cancelRowDelete(row) {
2520
- if (row.id) {
2521
- __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, "f").filter((config) => config.id !== row.id), "f");
2522
- this.rowDeleteCancel.emit({ id: row.id });
2523
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_destroyRowDelete).call(this, row.id);
2524
- }
2525
- }
2526
- confirmRowDelete(row) {
2527
- if (row.id) {
2528
- const rowConfig = __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, "f").find((config) => config.id === row.id);
2529
- if (rowConfig) {
2530
- rowConfig.pending = true;
2531
- this.rowDeleteConfirm.emit({ id: row.id });
2532
- }
2533
- }
2534
- }
2535
- getRowDeleteItem(row) {
2536
- return __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, "f").find((rowDelete) => rowDelete.id === row.id);
2537
- }
2538
- }
2539
- _SkyAgGridRowDeleteDirective_rowDeleteConfigs = new WeakMap(), _SkyAgGridRowDeleteDirective_ngUnsubscribe = new WeakMap(), _SkyAgGridRowDeleteDirective_rowDeleteComponent = new WeakMap(), _SkyAgGridRowDeleteDirective_rowDeleteContents = new WeakMap(), _SkyAgGridRowDeleteDirective_rowDeleteIdsInternal = new WeakMap(), _SkyAgGridRowDeleteDirective_affixService = new WeakMap(), _SkyAgGridRowDeleteDirective_changeDetector = new WeakMap(), _SkyAgGridRowDeleteDirective_elementRef = new WeakMap(), _SkyAgGridRowDeleteDirective_overlayService = new WeakMap(), _SkyAgGridRowDeleteDirective_viewContainerRef = new WeakMap(), _SkyAgGridRowDeleteDirective_scrollableHostService = new WeakMap(), _SkyAgGridRowDeleteDirective_clipPath = new WeakMap(), _SkyAgGridRowDeleteDirective_zIndex = new WeakMap(), _SkyAgGridRowDeleteDirective_hasStackingContext = new WeakMap(), _SkyAgGridRowDeleteDirective_instances = new WeakSet(), _SkyAgGridRowDeleteDirective_affixToRow = function _SkyAgGridRowDeleteDirective_affixToRow(affixer, id) {
2540
- let rowElement = __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_elementRef, "f").nativeElement.querySelector(`
2541
- [row-id="${id}"] div[aria-colindex="1"],
2542
- .ag-row.sky-ag-grid-row-${id} div[aria-colindex="1"]
2543
- `);
2544
- // This covers cases where AG Grid places the column index on an inner element (such as with the `enableCellTextSelection` option)
2545
- // This appears to have been fixed by AG Grid in version 24 and so it is not testable after that version.
2546
- /* istanbul ignore if */
2547
- if (!rowElement) {
2548
- const columns = __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_elementRef, "f").nativeElement.querySelectorAll('[row-id="' + id + '"] > div');
2549
- for (let i = 0; i < columns.length; i++) {
2550
- if (columns[i].querySelector('[aria-colindex="1"]')) {
2551
- rowElement = columns[i];
2552
- break;
2553
- }
2554
- }
2555
- }
2556
- affixer.affixTo(rowElement, {
2557
- autoFitContext: SkyAffixAutoFitContext.Viewport,
2558
- isSticky: true,
2559
- placement: 'above',
2560
- verticalAlignment: 'top',
2561
- horizontalAlignment: 'left',
2562
- enableAutoFit: false,
2563
- });
2564
- }, _SkyAgGridRowDeleteDirective_destroyRowDelete = function _SkyAgGridRowDeleteDirective_destroyRowDelete(id) {
2565
- var _a;
2566
- const rowDeleteContents = __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteContents, "f")[id];
2567
- /* sanity check */
2568
- /* istanbul ignore else */
2569
- if (rowDeleteContents) {
2570
- rowDeleteContents.affixer.destroy();
2571
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_overlayService, "f").close(rowDeleteContents.overlay);
2572
- delete __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteContents, "f")[id];
2573
- __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, "f").filter((config) => config.id !== id), "f");
2574
- __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_rowDeleteIdsInternal, (_a = this.rowDeleteIds) === null || _a === void 0 ? void 0 : _a.filter((arrayId) => arrayId !== id), "f");
2575
- this.rowDeleteIdsChange.emit(__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteIdsInternal, "f"));
2576
- }
2577
- }, _SkyAgGridRowDeleteDirective_updateRowDeleteStates = function _SkyAgGridRowDeleteDirective_updateRowDeleteStates() {
2578
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, "f").forEach((config) => {
2579
- var _a;
2580
- if (!((_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.api.getRowNode(config.id))) {
2581
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_destroyRowDelete).call(this, config.id);
2582
- }
2583
- else {
2584
- // We must reaffix things when the data changes because the rows rerender and the previous element that the delete was affixed
2585
- // to is destroyed.
2586
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_affixToRow).call(this, __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteContents, "f")[config.id].affixer, config.id);
2587
- }
2588
- });
2589
- __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_changeDetector, "f").markForCheck();
2590
- };
2591
- SkyAgGridRowDeleteDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridRowDeleteDirective, deps: [{ token: i1.SkyAffixService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.SkyOverlayService }, { token: i0.ViewContainerRef }, { token: i1.SkyScrollableHostService }, { token: SKY_STACKING_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
2592
- SkyAgGridRowDeleteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: SkyAgGridRowDeleteDirective, selector: "[skyAgGridRowDelete]", inputs: { rowDeleteIds: "rowDeleteIds" }, outputs: { rowDeleteCancel: "rowDeleteCancel", rowDeleteConfirm: "rowDeleteConfirm", rowDeleteIdsChange: "rowDeleteIdsChange" }, queries: [{ propertyName: "agGrid", first: true, predicate: AgGridAngular, descendants: true }], ngImport: i0 });
2593
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridRowDeleteDirective, decorators: [{
2594
- type: Directive,
2595
- args: [{
2596
- selector: '[skyAgGridRowDelete]',
2597
- }]
2598
- }], ctorParameters: function () {
2599
- return [{ type: i1.SkyAffixService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.SkyOverlayService }, { type: i0.ViewContainerRef }, { type: i1.SkyScrollableHostService }, { type: undefined, decorators: [{
2600
- type: Optional
2601
- }, {
2602
- type: Inject,
2603
- args: [SKY_STACKING_CONTEXT]
2604
- }] }];
2605
- }, propDecorators: { rowDeleteIds: [{
2606
- type: Input
2607
- }], rowDeleteCancel: [{
2608
- type: Output
2609
- }], rowDeleteConfirm: [{
2610
- type: Output
2611
- }], rowDeleteIdsChange: [{
2612
- type: Output
2613
- }], agGrid: [{
2614
- type: ContentChild,
2615
- args: [AgGridAngular]
2616
- }] } });
2617
-
2618
- /**
2619
- * NOTICE: DO NOT MODIFY THIS FILE!
2620
- * The contents of this file were automatically generated by
2621
- * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-ag-grid' schematic.
2622
- * To update this file, simply rerun the command.
2623
- */
2624
- const RESOURCES = {
2625
- 'EN-US': {
2626
- sky_ag_grid_row_selector_aria_label: {
2627
- message: 'Row selector for row {0}',
2628
- },
2629
- sky_ag_grid_cell_editor_number_aria_label: {
2630
- message: 'Editable number {0} for row {1}',
2631
- },
2632
- sky_ag_grid_cell_editor_text_aria_label: {
2633
- message: 'Editable text {0} for row {1}',
2634
- },
2635
- sky_ag_grid_cell_editor_autocomplete_aria_label: {
2636
- message: 'Editable autocomplete {0} for row {1}',
2637
- },
2638
- sky_ag_grid_cell_renderer_number_validator_message: {
2639
- message: 'Enter a valid number.',
2640
- },
2641
- sky_ag_grid_cell_renderer_currency_validator_message: {
2642
- message: 'Enter a valid currency.',
2643
- },
2644
- skyux_lookup_tokens_summary: { message: '{0} items selected' },
2645
- sky_ag_grid_cell_editor_currency_aria_label: {
2646
- message: 'Editable currency {0} for row {1}',
2647
- },
2648
- sky_ag_grid_column_group_header_expand_aria_label: {
2649
- message: 'Expand column group {0}',
2650
- },
2651
- sky_ag_grid_column_group_header_collapse_aria_label: {
2652
- message: 'Collapse column group {0}',
2653
- },
2654
- },
2655
- };
2656
- class SkyAgGridResourcesProvider {
2657
- getString(localeInfo, name) {
2658
- return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
2659
- }
2660
- }
2661
- /**
2662
- * Import into any component library module that needs to use resource strings.
2663
- */
2664
- class SkyAgGridResourcesModule {
2665
- }
2666
- SkyAgGridResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2667
- SkyAgGridResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridResourcesModule, exports: [SkyI18nModule] });
2668
- SkyAgGridResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridResourcesModule, providers: [
2669
- {
2670
- provide: SKY_LIB_RESOURCES_PROVIDERS,
2671
- useClass: SkyAgGridResourcesProvider,
2672
- multi: true,
2673
- },
2674
- ], imports: [SkyI18nModule] });
2675
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridResourcesModule, decorators: [{
2676
- type: NgModule,
2677
- args: [{
2678
- exports: [SkyI18nModule],
2679
- providers: [
2680
- {
2681
- provide: SKY_LIB_RESOURCES_PROVIDERS,
2682
- useClass: SkyAgGridResourcesProvider,
2683
- multi: true,
2684
- },
2685
- ],
2686
- }]
2687
- }] });
2688
-
2689
- class SkyAgGridCellEditorAutocompleteModule {
2690
- }
2691
- SkyAgGridCellEditorAutocompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2692
- SkyAgGridCellEditorAutocompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, declarations: [SkyAgGridCellEditorAutocompleteComponent], imports: [ReactiveFormsModule,
2693
- SkyAgGridResourcesModule,
2694
- SkyAutocompleteModule], exports: [SkyAgGridCellEditorAutocompleteComponent] });
2695
- SkyAgGridCellEditorAutocompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, imports: [ReactiveFormsModule,
2696
- SkyAgGridResourcesModule,
2697
- SkyAutocompleteModule] });
2698
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, decorators: [{
2699
- type: NgModule,
2700
- args: [{
2701
- imports: [
2702
- ReactiveFormsModule,
2703
- SkyAgGridResourcesModule,
2704
- SkyAutocompleteModule,
2705
- ],
2706
- declarations: [SkyAgGridCellEditorAutocompleteComponent],
2707
- exports: [SkyAgGridCellEditorAutocompleteComponent],
2708
- }]
2709
- }] });
2710
-
2711
- class SkyAgGridCellEditorCurrencyModule {
2712
- }
2713
- SkyAgGridCellEditorCurrencyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2714
- SkyAgGridCellEditorCurrencyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, declarations: [SkyAgGridCellEditorCurrencyComponent], imports: [SkyAgGridResourcesModule,
2715
- ReactiveFormsModule,
2716
- SkyAutonumericModule], exports: [SkyAgGridCellEditorCurrencyComponent] });
2717
- SkyAgGridCellEditorCurrencyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, imports: [SkyAgGridResourcesModule,
2718
- ReactiveFormsModule,
2719
- SkyAutonumericModule] });
2720
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, decorators: [{
2721
- type: NgModule,
2722
- args: [{
2723
- imports: [
2724
- SkyAgGridResourcesModule,
2725
- ReactiveFormsModule,
2726
- SkyAutonumericModule,
2727
- ],
2728
- declarations: [SkyAgGridCellEditorCurrencyComponent],
2729
- exports: [SkyAgGridCellEditorCurrencyComponent],
2730
- }]
2731
- }] });
2732
-
2733
- class SkyAgGridCellEditorDatepickerModule {
2734
- }
2735
- SkyAgGridCellEditorDatepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2736
- SkyAgGridCellEditorDatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, declarations: [SkyAgGridCellEditorDatepickerComponent], imports: [SkyDatepickerModule, ReactiveFormsModule], exports: [SkyAgGridCellEditorDatepickerComponent] });
2737
- SkyAgGridCellEditorDatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, imports: [SkyDatepickerModule, ReactiveFormsModule] });
2738
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, decorators: [{
2739
- type: NgModule,
2740
- args: [{
2741
- imports: [SkyDatepickerModule, ReactiveFormsModule],
2742
- declarations: [SkyAgGridCellEditorDatepickerComponent],
2743
- exports: [SkyAgGridCellEditorDatepickerComponent],
2744
- }]
2745
- }] });
2746
-
2747
- class SkyAgGridCellEditorLookupModule {
2748
- }
2749
- SkyAgGridCellEditorLookupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorLookupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2750
- SkyAgGridCellEditorLookupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorLookupModule, declarations: [SkyAgGridCellEditorLookupComponent], imports: [CommonModule,
2751
- ReactiveFormsModule,
2752
- SkyI18nModule,
2753
- SkyInputBoxModule,
2754
- SkyLookupModule], exports: [SkyAgGridCellEditorLookupComponent] });
2755
- SkyAgGridCellEditorLookupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorLookupModule, imports: [CommonModule,
2756
- ReactiveFormsModule,
2757
- SkyI18nModule,
2758
- SkyInputBoxModule,
2759
- SkyLookupModule] });
2760
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorLookupModule, decorators: [{
2761
- type: NgModule,
2762
- args: [{
2763
- declarations: [SkyAgGridCellEditorLookupComponent],
2764
- exports: [SkyAgGridCellEditorLookupComponent],
2765
- imports: [
2766
- CommonModule,
2767
- ReactiveFormsModule,
2768
- SkyI18nModule,
2769
- SkyInputBoxModule,
2770
- SkyLookupModule,
2771
- ],
2772
- }]
2773
- }] });
2774
-
2775
- class SkyAgGridCellEditorNumberModule {
2776
- }
2777
- SkyAgGridCellEditorNumberModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorNumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2778
- SkyAgGridCellEditorNumberModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorNumberModule, declarations: [SkyAgGridCellEditorNumberComponent], imports: [SkyAgGridResourcesModule, ReactiveFormsModule], exports: [SkyAgGridCellEditorNumberComponent] });
2779
- SkyAgGridCellEditorNumberModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorNumberModule, imports: [SkyAgGridResourcesModule, ReactiveFormsModule] });
2780
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorNumberModule, decorators: [{
2781
- type: NgModule,
2782
- args: [{
2783
- imports: [SkyAgGridResourcesModule, ReactiveFormsModule],
2784
- declarations: [SkyAgGridCellEditorNumberComponent],
2785
- exports: [SkyAgGridCellEditorNumberComponent],
2786
- }]
2787
- }] });
2788
-
2789
- class SkyAgGridCellEditorTextModule {
2790
- }
2791
- SkyAgGridCellEditorTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2792
- SkyAgGridCellEditorTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorTextModule, declarations: [SkyAgGridCellEditorTextComponent], imports: [SkyAgGridResourcesModule, ReactiveFormsModule], exports: [SkyAgGridCellEditorTextComponent] });
2793
- SkyAgGridCellEditorTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorTextModule, imports: [SkyAgGridResourcesModule, ReactiveFormsModule] });
2794
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellEditorTextModule, decorators: [{
2795
- type: NgModule,
2796
- args: [{
2797
- imports: [SkyAgGridResourcesModule, ReactiveFormsModule],
2798
- declarations: [SkyAgGridCellEditorTextComponent],
2799
- exports: [SkyAgGridCellEditorTextComponent],
2800
- }]
2801
- }] });
2802
-
2803
- class SkyAgGridCellValidatorModule {
2804
- }
2805
- SkyAgGridCellValidatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellValidatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2806
- SkyAgGridCellValidatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellValidatorModule, declarations: [SkyAgGridCellValidatorTooltipComponent], imports: [CommonModule, SkyPopoverModule, SkyStatusIndicatorModule], exports: [SkyAgGridCellValidatorTooltipComponent] });
2807
- SkyAgGridCellValidatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellValidatorModule, imports: [CommonModule, SkyPopoverModule, SkyStatusIndicatorModule] });
2808
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellValidatorModule, decorators: [{
2809
- type: NgModule,
2810
- args: [{
2811
- declarations: [SkyAgGridCellValidatorTooltipComponent],
2812
- exports: [SkyAgGridCellValidatorTooltipComponent],
2813
- imports: [CommonModule, SkyPopoverModule, SkyStatusIndicatorModule],
2814
- }]
2815
- }] });
2816
-
2817
- class SkyAgGridCellRendererCurrencyModule {
2818
- }
2819
- SkyAgGridCellRendererCurrencyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2820
- SkyAgGridCellRendererCurrencyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, declarations: [SkyAgGridCellRendererCurrencyComponent,
2821
- SkyAgGridCellRendererCurrencyValidatorComponent], imports: [CommonModule,
2822
- SkyAgGridResourcesModule,
2823
- SkyAgGridCellValidatorModule,
2824
- FormsModule,
2825
- SkyNumericModule], exports: [SkyAgGridCellRendererCurrencyComponent,
2826
- SkyAgGridCellRendererCurrencyValidatorComponent] });
2827
- SkyAgGridCellRendererCurrencyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, imports: [CommonModule,
2828
- SkyAgGridResourcesModule,
2829
- SkyAgGridCellValidatorModule,
2830
- FormsModule,
2831
- SkyNumericModule] });
2832
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, decorators: [{
2833
- type: NgModule,
2834
- args: [{
2835
- imports: [
2836
- CommonModule,
2837
- SkyAgGridResourcesModule,
2838
- SkyAgGridCellValidatorModule,
2839
- FormsModule,
2840
- SkyNumericModule,
2841
- ],
2842
- declarations: [
2843
- SkyAgGridCellRendererCurrencyComponent,
2844
- SkyAgGridCellRendererCurrencyValidatorComponent,
2845
- ],
2846
- exports: [
2847
- SkyAgGridCellRendererCurrencyComponent,
2848
- SkyAgGridCellRendererCurrencyValidatorComponent,
2849
- ],
2850
- }]
2851
- }] });
2852
-
2853
- class SkyAgGridCellRendererLookupModule {
2854
- }
2855
- SkyAgGridCellRendererLookupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererLookupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2856
- SkyAgGridCellRendererLookupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererLookupModule, declarations: [SkyAgGridCellRendererLookupComponent], imports: [CommonModule, SkyAgGridResourcesModule], exports: [SkyAgGridCellRendererLookupComponent] });
2857
- SkyAgGridCellRendererLookupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererLookupModule, imports: [CommonModule, SkyAgGridResourcesModule] });
2858
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererLookupModule, decorators: [{
2859
- type: NgModule,
2860
- args: [{
2861
- declarations: [SkyAgGridCellRendererLookupComponent],
2862
- exports: [SkyAgGridCellRendererLookupComponent],
2863
- imports: [CommonModule, SkyAgGridResourcesModule],
2864
- }]
2865
- }] });
2866
-
2867
- class SkyAgGridCellRendererRowSelectorModule {
2868
- }
2869
- SkyAgGridCellRendererRowSelectorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2870
- SkyAgGridCellRendererRowSelectorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, declarations: [SkyAgGridCellRendererRowSelectorComponent], imports: [SkyAgGridResourcesModule, SkyCheckboxModule, FormsModule], exports: [SkyAgGridCellRendererRowSelectorComponent] });
2871
- SkyAgGridCellRendererRowSelectorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, imports: [SkyAgGridResourcesModule, SkyCheckboxModule, FormsModule] });
2872
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, decorators: [{
2873
- type: NgModule,
2874
- args: [{
2875
- imports: [SkyAgGridResourcesModule, SkyCheckboxModule, FormsModule],
2876
- declarations: [SkyAgGridCellRendererRowSelectorComponent],
2877
- exports: [SkyAgGridCellRendererRowSelectorComponent],
2878
- }]
2879
- }] });
2880
-
2881
- class SkyAgGridCellRendererValidatorTooltipModule {
2882
- }
2883
- SkyAgGridCellRendererValidatorTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2884
- SkyAgGridCellRendererValidatorTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, declarations: [SkyAgGridCellRendererValidatorTooltipComponent], imports: [SkyAgGridCellValidatorModule], exports: [SkyAgGridCellRendererValidatorTooltipComponent] });
2885
- SkyAgGridCellRendererValidatorTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, imports: [SkyAgGridCellValidatorModule] });
2886
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, decorators: [{
2887
- type: NgModule,
2888
- args: [{
2889
- declarations: [SkyAgGridCellRendererValidatorTooltipComponent],
2890
- exports: [SkyAgGridCellRendererValidatorTooltipComponent],
2891
- imports: [SkyAgGridCellValidatorModule],
2892
- }]
2893
- }] });
2894
-
2895
- class SkyAgGridModule {
2896
- }
2897
- SkyAgGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2898
- SkyAgGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridModule, declarations: [SkyAgGridDataManagerAdapterDirective,
2899
- SkyAgGridHeaderComponent,
2900
- SkyAgGridHeaderGroupComponent,
2901
- SkyAgGridRowDeleteComponent,
2902
- SkyAgGridRowDeleteDirective,
2903
- SkyAgGridWrapperComponent], imports: [AgGridModule,
2904
- CommonModule,
2905
- SkyAgGridCellEditorAutocompleteModule,
2906
- SkyAgGridCellEditorDatepickerModule,
2907
- SkyAgGridCellEditorLookupModule,
2908
- SkyAgGridCellEditorNumberModule,
2909
- SkyAgGridCellEditorCurrencyModule,
2910
- SkyAgGridCellRendererCurrencyModule,
2911
- SkyAgGridCellRendererLookupModule,
2912
- SkyAgGridCellRendererRowSelectorModule,
2913
- SkyAgGridCellRendererValidatorTooltipModule,
2914
- SkyAgGridCellValidatorModule,
2915
- SkyAgGridCellEditorTextModule,
2916
- SkyDataManagerModule,
2917
- SkyI18nModule,
2918
- SkyIconModule,
2919
- SkyInlineDeleteModule,
2920
- SkyViewkeeperModule,
2921
- SkyThemeModule], exports: [SkyAgGridDataManagerAdapterDirective,
2922
- SkyAgGridRowDeleteComponent,
2923
- SkyAgGridRowDeleteDirective,
2924
- SkyAgGridWrapperComponent,
2925
- SkyAgGridHeaderComponent,
2926
- SkyAgGridHeaderGroupComponent] });
2927
- SkyAgGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridModule, imports: [AgGridModule,
2928
- CommonModule,
2929
- SkyAgGridCellEditorAutocompleteModule,
2930
- SkyAgGridCellEditorDatepickerModule,
2931
- SkyAgGridCellEditorLookupModule,
2932
- SkyAgGridCellEditorNumberModule,
2933
- SkyAgGridCellEditorCurrencyModule,
2934
- SkyAgGridCellRendererCurrencyModule,
2935
- SkyAgGridCellRendererLookupModule,
2936
- SkyAgGridCellRendererRowSelectorModule,
2937
- SkyAgGridCellRendererValidatorTooltipModule,
2938
- SkyAgGridCellValidatorModule,
2939
- SkyAgGridCellEditorTextModule,
2940
- SkyDataManagerModule,
2941
- SkyI18nModule,
2942
- SkyIconModule,
2943
- SkyInlineDeleteModule,
2944
- SkyViewkeeperModule,
2945
- SkyThemeModule] });
2946
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAgGridModule, decorators: [{
2947
- type: NgModule,
2948
- args: [{
2949
- declarations: [
2950
- SkyAgGridDataManagerAdapterDirective,
2951
- SkyAgGridHeaderComponent,
2952
- SkyAgGridHeaderGroupComponent,
2953
- SkyAgGridRowDeleteComponent,
2954
- SkyAgGridRowDeleteDirective,
2955
- SkyAgGridWrapperComponent,
2956
- ],
2957
- imports: [
2958
- AgGridModule,
2959
- CommonModule,
2960
- SkyAgGridCellEditorAutocompleteModule,
2961
- SkyAgGridCellEditorDatepickerModule,
2962
- SkyAgGridCellEditorLookupModule,
2963
- SkyAgGridCellEditorNumberModule,
2964
- SkyAgGridCellEditorCurrencyModule,
2965
- SkyAgGridCellRendererCurrencyModule,
2966
- SkyAgGridCellRendererLookupModule,
2967
- SkyAgGridCellRendererRowSelectorModule,
2968
- SkyAgGridCellRendererValidatorTooltipModule,
2969
- SkyAgGridCellValidatorModule,
2970
- SkyAgGridCellEditorTextModule,
2971
- SkyDataManagerModule,
2972
- SkyI18nModule,
2973
- SkyIconModule,
2974
- SkyInlineDeleteModule,
2975
- SkyViewkeeperModule,
2976
- SkyThemeModule,
2977
- ],
2978
- exports: [
2979
- SkyAgGridDataManagerAdapterDirective,
2980
- SkyAgGridRowDeleteComponent,
2981
- SkyAgGridRowDeleteDirective,
2982
- SkyAgGridWrapperComponent,
2983
- SkyAgGridHeaderComponent,
2984
- SkyAgGridHeaderGroupComponent,
2985
- ],
2986
- }]
2987
- }] });
2988
-
2989
- // Export any types that should be included in the root.
2990
-
2991
- /**
2992
- * Generated bundle index. Do not edit.
2993
- */
2994
-
2995
- export { SkyAgGridCellEditorInitialAction, SkyAgGridCellEditorUtils, SkyAgGridHeaderGroupInfo, SkyAgGridHeaderInfo, SkyAgGridModule, SkyAgGridService, SkyCellClass, SkyCellType, SkyHeaderClass, SkyAgGridCellEditorAutocompleteComponent as λ1, SkyAgGridCellRendererValidatorTooltipComponent as λ10, SkyAgGridCellValidatorTooltipComponent as λ11, SkyAgGridWrapperComponent as λ12, SkyAgGridRowDeleteDirective as λ13, SkyAgGridDataManagerAdapterDirective as λ14, SkyAgGridCellEditorLookupComponent as λ15, SkyAgGridCellRendererLookupComponent as λ16, SkyAgGridHeaderComponent as λ17, SkyAgGridHeaderGroupComponent as λ18, SkyAgGridCellEditorTextComponent as λ2, SkyAgGridCellEditorCurrencyComponent as λ3, SkyAgGridCellEditorNumberComponent as λ4, SkyAgGridCellEditorDatepickerComponent as λ5, SkyAgGridRowDeleteComponent as λ6, SkyAgGridCellRendererRowSelectorComponent as λ7, SkyAgGridCellRendererCurrencyValidatorComponent as λ8, SkyAgGridCellRendererCurrencyComponent as λ9 };
2996
- //# sourceMappingURL=skyux-ag-grid.mjs.map