@skyux/ag-grid 8.7.2 → 9.0.0-alpha.1

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