@skyux/ag-grid 15.0.0-alpha.8 → 15.0.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/sky-ag-grid.css +73 -0
- package/fesm2022/skyux-ag-grid.mjs +105 -35
- package/fesm2022/skyux-ag-grid.mjs.map +1 -1
- package/package.json +13 -13
package/css/sky-ag-grid.css
CHANGED
|
@@ -243,6 +243,75 @@
|
|
|
243
243
|
border-radius: 0;
|
|
244
244
|
height: calc(var(--ag-header-height) - 2px);
|
|
245
245
|
}
|
|
246
|
+
.ag-theme-sky-data-grid-default .ag-header-row.ag-header-row-filter .ag-header-cell.ag-floating-filter .ag-floating-filter-input > * .ag-input-field-input:focus,
|
|
247
|
+
.ag-theme-sky-data-grid-default .ag-header-row.ag-header-row-filter .ag-header-cell.ag-floating-filter .ag-date-floating-filter-wrapper .ag-input-field-input:focus,
|
|
248
|
+
.ag-theme-sky-data-entry-grid-default .ag-header-row.ag-header-row-filter .ag-header-cell.ag-floating-filter .ag-floating-filter-input > * .ag-input-field-input:focus,
|
|
249
|
+
.ag-theme-sky-data-entry-grid-default .ag-header-row.ag-header-row-filter .ag-header-cell.ag-floating-filter .ag-date-floating-filter-wrapper .ag-input-field-input:focus,
|
|
250
|
+
.ag-theme-sky-data-grid-modern-light .ag-header-row.ag-header-row-filter .ag-header-cell.ag-floating-filter .ag-floating-filter-input > * .ag-input-field-input:focus,
|
|
251
|
+
.ag-theme-sky-data-grid-modern-light .ag-header-row.ag-header-row-filter .ag-header-cell.ag-floating-filter .ag-date-floating-filter-wrapper .ag-input-field-input:focus,
|
|
252
|
+
.ag-theme-sky-data-entry-grid-modern-light .ag-header-row.ag-header-row-filter .ag-header-cell.ag-floating-filter .ag-floating-filter-input > * .ag-input-field-input:focus,
|
|
253
|
+
.ag-theme-sky-data-entry-grid-modern-light .ag-header-row.ag-header-row-filter .ag-header-cell.ag-floating-filter .ag-date-floating-filter-wrapper .ag-input-field-input:focus,
|
|
254
|
+
.ag-theme-sky-data-grid-modern-light-compact .ag-header-row.ag-header-row-filter .ag-header-cell.ag-floating-filter .ag-floating-filter-input > * .ag-input-field-input:focus,
|
|
255
|
+
.ag-theme-sky-data-grid-modern-light-compact .ag-header-row.ag-header-row-filter .ag-header-cell.ag-floating-filter .ag-date-floating-filter-wrapper .ag-input-field-input:focus,
|
|
256
|
+
.ag-theme-sky-data-entry-grid-modern-light-compact .ag-header-row.ag-header-row-filter .ag-header-cell.ag-floating-filter .ag-floating-filter-input > * .ag-input-field-input:focus,
|
|
257
|
+
.ag-theme-sky-data-entry-grid-modern-light-compact .ag-header-row.ag-header-row-filter .ag-header-cell.ag-floating-filter .ag-date-floating-filter-wrapper .ag-input-field-input:focus {
|
|
258
|
+
box-shadow: inset var(--ag-focus-shadow);
|
|
259
|
+
}
|
|
260
|
+
.ag-theme-sky-data-grid-default .ag-header-row.ag-header-row-filter .ag-header-cell.ag-floating-filter .sky-input-group-datepicker-btn,
|
|
261
|
+
.ag-theme-sky-data-entry-grid-default .ag-header-row.ag-header-row-filter .ag-header-cell.ag-floating-filter .sky-input-group-datepicker-btn,
|
|
262
|
+
.ag-theme-sky-data-grid-modern-light .ag-header-row.ag-header-row-filter .ag-header-cell.ag-floating-filter .sky-input-group-datepicker-btn,
|
|
263
|
+
.ag-theme-sky-data-entry-grid-modern-light .ag-header-row.ag-header-row-filter .ag-header-cell.ag-floating-filter .sky-input-group-datepicker-btn,
|
|
264
|
+
.ag-theme-sky-data-grid-modern-light-compact .ag-header-row.ag-header-row-filter .ag-header-cell.ag-floating-filter .sky-input-group-datepicker-btn,
|
|
265
|
+
.ag-theme-sky-data-entry-grid-modern-light-compact .ag-header-row.ag-header-row-filter .ag-header-cell.ag-floating-filter .sky-input-group-datepicker-btn {
|
|
266
|
+
--sky-color-border-action-secondary-base: var(--ag-border-color);
|
|
267
|
+
border-start-start-radius: 0;
|
|
268
|
+
border-end-start-radius: 0;
|
|
269
|
+
}
|
|
270
|
+
.ag-theme-sky-data-grid-default .ag-filter-wrapper,
|
|
271
|
+
.ag-theme-sky-data-entry-grid-default .ag-filter-wrapper,
|
|
272
|
+
.ag-theme-sky-data-grid-modern-light .ag-filter-wrapper,
|
|
273
|
+
.ag-theme-sky-data-entry-grid-modern-light .ag-filter-wrapper,
|
|
274
|
+
.ag-theme-sky-data-grid-modern-light-compact .ag-filter-wrapper,
|
|
275
|
+
.ag-theme-sky-data-entry-grid-modern-light-compact .ag-filter-wrapper {
|
|
276
|
+
--ag-border-color: var(
|
|
277
|
+
--sky-override-ag-grid-filter-border-color,
|
|
278
|
+
var(--sky-color-border-input-base)
|
|
279
|
+
);
|
|
280
|
+
--ag-border-radius: var(
|
|
281
|
+
--sky-override-ag-grid-filter-border-radius,
|
|
282
|
+
var(--sky-border-radius-s)
|
|
283
|
+
);
|
|
284
|
+
}
|
|
285
|
+
.ag-theme-sky-data-grid-default .ag-filter-wrapper .ag-picker-field-wrapper,
|
|
286
|
+
.ag-theme-sky-data-entry-grid-default .ag-filter-wrapper .ag-picker-field-wrapper,
|
|
287
|
+
.ag-theme-sky-data-grid-modern-light .ag-filter-wrapper .ag-picker-field-wrapper,
|
|
288
|
+
.ag-theme-sky-data-entry-grid-modern-light .ag-filter-wrapper .ag-picker-field-wrapper,
|
|
289
|
+
.ag-theme-sky-data-grid-modern-light-compact .ag-filter-wrapper .ag-picker-field-wrapper,
|
|
290
|
+
.ag-theme-sky-data-entry-grid-modern-light-compact .ag-filter-wrapper .ag-picker-field-wrapper {
|
|
291
|
+
border-radius: var(--ag-border-radius);
|
|
292
|
+
}
|
|
293
|
+
.ag-theme-sky-data-grid-default .ag-filter-wrapper .sky-datepicker .sky-input-group input.sky-form-control,
|
|
294
|
+
.ag-theme-sky-data-entry-grid-default .ag-filter-wrapper .sky-datepicker .sky-input-group input.sky-form-control,
|
|
295
|
+
.ag-theme-sky-data-grid-modern-light .ag-filter-wrapper .sky-datepicker .sky-input-group input.sky-form-control,
|
|
296
|
+
.ag-theme-sky-data-entry-grid-modern-light .ag-filter-wrapper .sky-datepicker .sky-input-group input.sky-form-control,
|
|
297
|
+
.ag-theme-sky-data-grid-modern-light-compact .ag-filter-wrapper .sky-datepicker .sky-input-group input.sky-form-control,
|
|
298
|
+
.ag-theme-sky-data-entry-grid-modern-light-compact .ag-filter-wrapper .sky-datepicker .sky-input-group input.sky-form-control {
|
|
299
|
+
border-start-start-radius: var(--ag-border-radius);
|
|
300
|
+
border-end-start-radius: var(--ag-border-radius);
|
|
301
|
+
}
|
|
302
|
+
.ag-theme-sky-data-grid-default .ag-filter-wrapper .sky-input-group-datepicker-btn,
|
|
303
|
+
.ag-theme-sky-data-entry-grid-default .ag-filter-wrapper .sky-input-group-datepicker-btn,
|
|
304
|
+
.ag-theme-sky-data-grid-modern-light .ag-filter-wrapper .sky-input-group-datepicker-btn,
|
|
305
|
+
.ag-theme-sky-data-entry-grid-modern-light .ag-filter-wrapper .sky-input-group-datepicker-btn,
|
|
306
|
+
.ag-theme-sky-data-grid-modern-light-compact .ag-filter-wrapper .sky-input-group-datepicker-btn,
|
|
307
|
+
.ag-theme-sky-data-entry-grid-modern-light-compact .ag-filter-wrapper .sky-input-group-datepicker-btn {
|
|
308
|
+
--sky-color-background-action-secondary-base: var(
|
|
309
|
+
--ag-input-background-color
|
|
310
|
+
);
|
|
311
|
+
--sky-color-border-action-secondary-base: var(--ag-border-color);
|
|
312
|
+
border-start-start-radius: 0;
|
|
313
|
+
border-end-start-radius: 0;
|
|
314
|
+
}
|
|
246
315
|
.ag-theme-sky-data-grid-default .ag-layout-auto-height .ag-grid-scrolling-rows,
|
|
247
316
|
.ag-theme-sky-data-entry-grid-default .ag-layout-auto-height .ag-grid-scrolling-rows,
|
|
248
317
|
.ag-theme-sky-data-grid-modern-light .ag-layout-auto-height .ag-grid-scrolling-rows,
|
|
@@ -3154,6 +3223,10 @@ sky-ag-grid-wrapper + sky-infinite-scroll .sky-infinite-scroll {
|
|
|
3154
3223
|
);
|
|
3155
3224
|
--sky-override-ag-grid-column-border: 1px solid
|
|
3156
3225
|
var(--sky-border-color-neutral-medium);
|
|
3226
|
+
--sky-override-ag-grid-filter-border-color: var(
|
|
3227
|
+
--sky-border-color-neutral-medium
|
|
3228
|
+
);
|
|
3229
|
+
--sky-override-ag-grid-filter-border-radius: 3px;
|
|
3157
3230
|
--sky-override-ag-grid-focus-border-color: var(--sky-highlight-color-info);
|
|
3158
3231
|
--sky-override-ag-grid-focus-border-width: 2px;
|
|
3159
3232
|
--sky-override-ag-grid-font-family:
|
|
@@ -87,6 +87,56 @@ const RESOURCES = {
|
|
|
87
87
|
sky_ag_grid_locale_no_rows_to_show: { message: 'No data available' },
|
|
88
88
|
sky_ag_grid_locale_no_matching_rows: { message: 'No matching rows' },
|
|
89
89
|
},
|
|
90
|
+
ES: {
|
|
91
|
+
sky_ag_grid_row_selector_aria_label: {
|
|
92
|
+
message: 'Selector de fila para la fila {0}',
|
|
93
|
+
},
|
|
94
|
+
sky_ag_grid_row_selector_column_heading: { message: 'Selección de filas' },
|
|
95
|
+
sky_ag_grid_cell_editor_datepicker_aria_label: {
|
|
96
|
+
message: 'Fecha editable {0} para la fila {1}',
|
|
97
|
+
},
|
|
98
|
+
sky_ag_grid_cell_editor_datepicker_hint_text: {
|
|
99
|
+
message: 'Utilice el formato {0}.',
|
|
100
|
+
},
|
|
101
|
+
sky_ag_grid_cell_editor_number_aria_label: {
|
|
102
|
+
message: 'Número editable {0} para la fila {1}',
|
|
103
|
+
},
|
|
104
|
+
sky_ag_grid_cell_editor_text_aria_label: {
|
|
105
|
+
message: 'Texto editable {0} para la fila {1}',
|
|
106
|
+
},
|
|
107
|
+
sky_ag_grid_cell_editor_autocomplete_aria_label: {
|
|
108
|
+
message: 'Autocompletado editable {0} para la fila {1}',
|
|
109
|
+
},
|
|
110
|
+
sky_ag_grid_cell_renderer_number_validator_message: {
|
|
111
|
+
message: 'Introduzca un número válido.',
|
|
112
|
+
},
|
|
113
|
+
sky_ag_grid_cell_renderer_currency_validator_message: {
|
|
114
|
+
message: 'Introduzca un valor de moneda válido.',
|
|
115
|
+
},
|
|
116
|
+
skyux_lookup_tokens_summary: { message: '{0} artículos seleccionados' },
|
|
117
|
+
sky_ag_grid_cell_editor_currency_aria_label: {
|
|
118
|
+
message: 'Valor de moneda editable {0} para la fila {1}',
|
|
119
|
+
},
|
|
120
|
+
sky_ag_grid_column_header_sort_button_aria_label_currently_asc: {
|
|
121
|
+
message: 'Ordenar columna {0}, actualmente en orden ascendente',
|
|
122
|
+
},
|
|
123
|
+
sky_ag_grid_column_header_sort_button_aria_label_currently_desc: {
|
|
124
|
+
message: 'Ordenar columna {0}, actualmente en orden descendente',
|
|
125
|
+
},
|
|
126
|
+
sky_ag_grid_column_header_sort_button_aria_label_currently_not_sorted: {
|
|
127
|
+
message: 'Ordenar columna {0}, actualmente sin ordenar',
|
|
128
|
+
},
|
|
129
|
+
sky_ag_grid_column_group_header_expand_aria_label: {
|
|
130
|
+
message: 'Expandir grupo de columnas {0}',
|
|
131
|
+
},
|
|
132
|
+
sky_ag_grid_column_group_header_collapse_aria_label: {
|
|
133
|
+
message: 'Contraer grupo de columnas {0}',
|
|
134
|
+
},
|
|
135
|
+
sky_ag_grid_locale_no_rows_to_show: { message: 'No hay datos disponibles' },
|
|
136
|
+
sky_ag_grid_locale_no_matching_rows: {
|
|
137
|
+
message: 'No hay filas coincidentes',
|
|
138
|
+
},
|
|
139
|
+
},
|
|
90
140
|
'FR-CA': {
|
|
91
141
|
sky_ag_grid_row_selector_aria_label: {
|
|
92
142
|
message: 'Sélecteur de ligne pour la ligne {0}',
|
|
@@ -115,7 +165,7 @@ const RESOURCES = {
|
|
|
115
165
|
sky_ag_grid_cell_renderer_currency_validator_message: {
|
|
116
166
|
message: 'Entrez une devise valide.',
|
|
117
167
|
},
|
|
118
|
-
skyux_lookup_tokens_summary: { message: '{0}
|
|
168
|
+
skyux_lookup_tokens_summary: { message: '{0} éléments sélectionnés' },
|
|
119
169
|
sky_ag_grid_cell_editor_currency_aria_label: {
|
|
120
170
|
message: 'Devise modifiable {0} pour la ligne {1}',
|
|
121
171
|
},
|
|
@@ -134,9 +184,7 @@ const RESOURCES = {
|
|
|
134
184
|
sky_ag_grid_column_group_header_collapse_aria_label: {
|
|
135
185
|
message: 'Réduire le groupe de colonnes {0}',
|
|
136
186
|
},
|
|
137
|
-
sky_ag_grid_locale_no_rows_to_show: {
|
|
138
|
-
message: 'Aucune donnée disponible.',
|
|
139
|
-
},
|
|
187
|
+
sky_ag_grid_locale_no_rows_to_show: { message: 'Aucune donnée disponible' },
|
|
140
188
|
sky_ag_grid_locale_no_matching_rows: {
|
|
141
189
|
message: 'Aucune ligne correspondante',
|
|
142
190
|
},
|
|
@@ -1011,18 +1059,9 @@ class SkyAgGridDataManagerAdapterDirective {
|
|
|
1011
1059
|
gridColumnStates?.find((aGridColumnState) => aGridColumnState.sort);
|
|
1012
1060
|
if (viewConfig && this.#currentDataState) {
|
|
1013
1061
|
const newState = new SkyDataManagerState(this.#currentDataState.getStateOptions());
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
descending: activeSortColumnState.sort === 'desc',
|
|
1018
|
-
id: activeSortColumnState.colId,
|
|
1019
|
-
propertyName: activeSortColumnDef?.field || '',
|
|
1020
|
-
label: activeSortColumnDef?.headerName || '',
|
|
1021
|
-
};
|
|
1022
|
-
}
|
|
1023
|
-
else {
|
|
1024
|
-
newState.activeSortOption = undefined;
|
|
1025
|
-
}
|
|
1062
|
+
newState.activeSortOption = activeSortColumnState
|
|
1063
|
+
? this.#resolveActiveSortOption(agGrid.api, activeSortColumnState)
|
|
1064
|
+
: undefined;
|
|
1026
1065
|
this.#currentDataState = newState;
|
|
1027
1066
|
this.#dataManagerSvc.updateDataState(newState, viewConfig.id);
|
|
1028
1067
|
this.#changeDetector.markForCheck();
|
|
@@ -1030,6 +1069,24 @@ class SkyAgGridDataManagerAdapterDirective {
|
|
|
1030
1069
|
});
|
|
1031
1070
|
}
|
|
1032
1071
|
}
|
|
1072
|
+
#resolveActiveSortOption(api, activeSortColumnState) {
|
|
1073
|
+
const activeSortColumnDef = api.getColumnDef(activeSortColumnState.colId);
|
|
1074
|
+
const descending = activeSortColumnState.sort === 'desc';
|
|
1075
|
+
const propertyName = activeSortColumnDef?.field || activeSortColumnState.colId;
|
|
1076
|
+
// Prefer the configured sort option matching this column and direction
|
|
1077
|
+
// so the sort menu's selected item stays in sync; columns without a
|
|
1078
|
+
// matching option fall back to a column-derived sort option.
|
|
1079
|
+
const matchingSortOption = this.#dataManagerSvc
|
|
1080
|
+
.getCurrentDataManagerConfig()
|
|
1081
|
+
.sortOptions?.find((option) => option.propertyName === propertyName &&
|
|
1082
|
+
!!option.descending === descending);
|
|
1083
|
+
return (matchingSortOption ?? {
|
|
1084
|
+
descending,
|
|
1085
|
+
id: activeSortColumnState.colId,
|
|
1086
|
+
propertyName,
|
|
1087
|
+
label: activeSortColumnDef?.headerName || '',
|
|
1088
|
+
});
|
|
1089
|
+
}
|
|
1033
1090
|
#updateColumnsInCurrentDataState(api) {
|
|
1034
1091
|
const viewConfig = this.#viewConfig();
|
|
1035
1092
|
if (viewConfig && this.#currentDataState) {
|
|
@@ -1082,17 +1139,30 @@ class SkyAgGridDataManagerAdapterDirective {
|
|
|
1082
1139
|
const agGridApi = this.#currentAgGrid()?.api;
|
|
1083
1140
|
const activeSort = dataState.activeSortOption;
|
|
1084
1141
|
if (agGridApi && activeSort) {
|
|
1085
|
-
agGridApi
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1142
|
+
const colId = this.#resolveSortColumnId(agGridApi, activeSort);
|
|
1143
|
+
if (colId) {
|
|
1144
|
+
agGridApi.applyColumnState({
|
|
1145
|
+
state: [
|
|
1146
|
+
{
|
|
1147
|
+
colId,
|
|
1148
|
+
sort: activeSort.descending ? 'desc' : 'asc',
|
|
1149
|
+
},
|
|
1150
|
+
],
|
|
1151
|
+
defaultState: { sort: null },
|
|
1152
|
+
});
|
|
1153
|
+
}
|
|
1094
1154
|
}
|
|
1095
1155
|
}
|
|
1156
|
+
#resolveSortColumnId(api, activeSort) {
|
|
1157
|
+
const columnStates = api.getColumnState();
|
|
1158
|
+
const findColId = (predicate) => columnStates.find(predicate)?.colId;
|
|
1159
|
+
// Match on the option's data property first, since a sort option's ID is
|
|
1160
|
+
// arbitrary and could otherwise select an unrelated column. Only fall
|
|
1161
|
+
// back to the legacy ID match for options predating the property lookup.
|
|
1162
|
+
return (findColId((state) => api.getColumnDef(state.colId)?.field === activeSort.propertyName) ??
|
|
1163
|
+
findColId((state) => state.colId === activeSort.propertyName) ??
|
|
1164
|
+
findColId((state) => state.colId === activeSort.id));
|
|
1165
|
+
}
|
|
1096
1166
|
#updateColumnWidth(colId, width, breakpoint) {
|
|
1097
1167
|
const viewId = this.viewId();
|
|
1098
1168
|
const viewState = viewId && this.#currentDataState?.getViewStateById(viewId);
|
|
@@ -3367,7 +3437,7 @@ class SkyAgGridCellEditorAutocompleteComponent {
|
|
|
3367
3437
|
}
|
|
3368
3438
|
}
|
|
3369
3439
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyAgGridCellEditorAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3370
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: SkyAgGridCellEditorAutocompleteComponent, isStandalone: true, selector: "sky-ag-grid-cell-editor-autocomplete", host: { listeners: { "focusout": "onBlur($event)" } }, viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorAutocomplete"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div class=\"sky-ag-grid-cell-editor-autocomplete\" [formGroup]=\"editorForm\">\n <sky-autocomplete\n [allowAnyValue]=\"skyComponentProperties.allowAnyValue\"\n [data]=\"skyComponentProperties.data\"\n [debounceTime]=\"skyComponentProperties.debounceTime\"\n [descriptorProperty]=\"skyComponentProperties.descriptorProperty\"\n [highlightSearchText]=\"skyComponentProperties.highlightSearchText ?? true\"\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 (openChange)=\"onAutocompleteOpenChange($event)\"\n >\n <input\n #skyCellEditorAutocomplete\n formControlName=\"selection\"\n skyAutocomplete\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{background-color:transparent;border:none;box-shadow:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SkyAutocompleteModule }, { kind: "component", type: i2.λ2, selector: "sky-autocomplete", inputs: ["ariaLabelledBy", "data", "debounceTime", "descriptorProperty", "dropdownHintText", "enableShowMore", "messageStream", "wrapperClass", "propertiesToSearch", "search", "searchResultTemplate", "searchTextMinimumCharacters", "searchFilters", "searchResultsLimit", "showAddButton", "noResultsFoundText", "searchAsyncDisabled", "allowAnyValue", "highlightSearchText"], outputs: ["addClick", "showMoreClick", "selectionChange", "searchAsync", "openChange"] }, { kind: "directive", type: i2.λ1, selector: "input[skyAutocomplete], textarea[skyAutocomplete]", inputs: ["autocompleteAttribute", "disabled"] }, { kind: "ngmodule", type: SkyI18nModule }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3440
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: SkyAgGridCellEditorAutocompleteComponent, isStandalone: true, selector: "sky-ag-grid-cell-editor-autocomplete", host: { listeners: { "focusout": "onBlur($event)" } }, viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorAutocomplete"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div class=\"sky-ag-grid-cell-editor-autocomplete\" [formGroup]=\"editorForm\">\n <sky-autocomplete\n [allowAnyValue]=\"skyComponentProperties.allowAnyValue\"\n [data]=\"skyComponentProperties.data\"\n [debounceTime]=\"skyComponentProperties.debounceTime\"\n [descriptorProperty]=\"skyComponentProperties.descriptorProperty\"\n [highlightSearchText]=\"skyComponentProperties.highlightSearchText ?? true\"\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 (openChange)=\"onAutocompleteOpenChange($event)\"\n >\n <input\n #skyCellEditorAutocomplete\n formControlName=\"selection\"\n skyAutocomplete\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{background-color:transparent;border:none;color:var(--ag-input-text-color);box-shadow:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SkyAutocompleteModule }, { kind: "component", type: i2.λ2, selector: "sky-autocomplete", inputs: ["ariaLabelledBy", "data", "debounceTime", "descriptorProperty", "dropdownHintText", "enableShowMore", "messageStream", "wrapperClass", "propertiesToSearch", "search", "searchResultTemplate", "searchTextMinimumCharacters", "searchFilters", "searchResultsLimit", "showAddButton", "noResultsFoundText", "searchAsyncDisabled", "allowAnyValue", "highlightSearchText"], outputs: ["addClick", "showMoreClick", "selectionChange", "searchAsync", "openChange"] }, { kind: "directive", type: i2.λ1, selector: "input[skyAutocomplete], textarea[skyAutocomplete]", inputs: ["autocompleteAttribute", "disabled"] }, { kind: "ngmodule", type: SkyI18nModule }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3371
3441
|
}
|
|
3372
3442
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyAgGridCellEditorAutocompleteComponent, decorators: [{
|
|
3373
3443
|
type: Component,
|
|
@@ -3376,7 +3446,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
|
|
|
3376
3446
|
ReactiveFormsModule,
|
|
3377
3447
|
SkyAutocompleteModule,
|
|
3378
3448
|
SkyI18nModule,
|
|
3379
|
-
], template: "<div class=\"sky-ag-grid-cell-editor-autocomplete\" [formGroup]=\"editorForm\">\n <sky-autocomplete\n [allowAnyValue]=\"skyComponentProperties.allowAnyValue\"\n [data]=\"skyComponentProperties.data\"\n [debounceTime]=\"skyComponentProperties.debounceTime\"\n [descriptorProperty]=\"skyComponentProperties.descriptorProperty\"\n [highlightSearchText]=\"skyComponentProperties.highlightSearchText ?? true\"\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 (openChange)=\"onAutocompleteOpenChange($event)\"\n >\n <input\n #skyCellEditorAutocomplete\n formControlName=\"selection\"\n skyAutocomplete\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{background-color:transparent;border:none;box-shadow:none}\n"] }]
|
|
3449
|
+
], template: "<div class=\"sky-ag-grid-cell-editor-autocomplete\" [formGroup]=\"editorForm\">\n <sky-autocomplete\n [allowAnyValue]=\"skyComponentProperties.allowAnyValue\"\n [data]=\"skyComponentProperties.data\"\n [debounceTime]=\"skyComponentProperties.debounceTime\"\n [descriptorProperty]=\"skyComponentProperties.descriptorProperty\"\n [highlightSearchText]=\"skyComponentProperties.highlightSearchText ?? true\"\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 (openChange)=\"onAutocompleteOpenChange($event)\"\n >\n <input\n #skyCellEditorAutocomplete\n formControlName=\"selection\"\n skyAutocomplete\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{background-color:transparent;border:none;color:var(--ag-input-text-color);box-shadow:none}\n"] }]
|
|
3380
3450
|
}], propDecorators: { input: [{ type: i0.ViewChild, args: ['skyCellEditorAutocomplete', { ...{
|
|
3381
3451
|
read: ElementRef,
|
|
3382
3452
|
}, isSignal: true }] }], onBlur: [{
|
|
@@ -3494,7 +3564,7 @@ class SkyAgGridCellEditorCurrencyComponent {
|
|
|
3494
3564
|
}
|
|
3495
3565
|
}
|
|
3496
3566
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyAgGridCellEditorCurrencyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3497
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: SkyAgGridCellEditorCurrencyComponent, isStandalone: true, selector: "sky-ag-grid-cell-editor-currency", host: { listeners: { "focusout": "onFocusOut($event)" } }, viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorCurrency"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<ng-container [formGroup]=\"editorForm\">\n <input\n #skyCellEditorCurrency\n type=\"text\"\n [formControl]=\"currency\"\n [attr.aria-label]=\"\n 'sky_ag_grid_cell_editor_currency_aria_label'\n | skyLibResources: columnHeader : rowNumber\n \"\n [skyAutonumeric]=\"skyComponentProperties\"\n [skyAutonumericFormChangesUnformatted]=\"params?.eventKey?.length === 1\"\n (keyup.enter)=\"onPressEnter()\"\n (keyup.escape)=\"onPressEscape()\"\n />\n</ng-container>\n", styles: ["input:not(.sky-theme-modern *){--sky-override-ag-grid-currency-editor-left-padding: 9px}:host{height:100%;width:100%}input{background-color:transparent;border:none;height:100%;width:100%;padding-left:var(--sky-override-ag-grid-currency-editor-left-padding, calc(var(--sky-comp-grid-cell-space-inset-left) - var(--sky-border-width-input-focus)))}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: SkyAutonumericModule }, { kind: "directive", type: i2$1.λ1, selector: "input[skyAutonumeric]", inputs: ["skyAutonumeric", "skyAutonumericFormChangesUnformatted"] }, { kind: "ngmodule", type: SkyI18nModule }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3567
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: SkyAgGridCellEditorCurrencyComponent, isStandalone: true, selector: "sky-ag-grid-cell-editor-currency", host: { listeners: { "focusout": "onFocusOut($event)" } }, viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorCurrency"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<ng-container [formGroup]=\"editorForm\">\n <input\n #skyCellEditorCurrency\n type=\"text\"\n [formControl]=\"currency\"\n [attr.aria-label]=\"\n 'sky_ag_grid_cell_editor_currency_aria_label'\n | skyLibResources: columnHeader : rowNumber\n \"\n [skyAutonumeric]=\"skyComponentProperties\"\n [skyAutonumericFormChangesUnformatted]=\"params?.eventKey?.length === 1\"\n (keyup.enter)=\"onPressEnter()\"\n (keyup.escape)=\"onPressEscape()\"\n />\n</ng-container>\n", styles: ["input:not(.sky-theme-modern *){--sky-override-ag-grid-currency-editor-left-padding: 9px}:host{height:100%;width:100%}input{background-color:transparent;border:none;color:var(--ag-input-text-color);height:100%;width:100%;padding-left:var(--sky-override-ag-grid-currency-editor-left-padding, calc(var(--sky-comp-grid-cell-space-inset-left) - var(--sky-border-width-input-focus)))}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: SkyAutonumericModule }, { kind: "directive", type: i2$1.λ1, selector: "input[skyAutonumeric]", inputs: ["skyAutonumeric", "skyAutonumericFormChangesUnformatted"] }, { kind: "ngmodule", type: SkyI18nModule }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3498
3568
|
}
|
|
3499
3569
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyAgGridCellEditorCurrencyComponent, decorators: [{
|
|
3500
3570
|
type: Component,
|
|
@@ -3503,7 +3573,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
|
|
|
3503
3573
|
ReactiveFormsModule,
|
|
3504
3574
|
SkyAutonumericModule,
|
|
3505
3575
|
SkyI18nModule,
|
|
3506
|
-
], template: "<ng-container [formGroup]=\"editorForm\">\n <input\n #skyCellEditorCurrency\n type=\"text\"\n [formControl]=\"currency\"\n [attr.aria-label]=\"\n 'sky_ag_grid_cell_editor_currency_aria_label'\n | skyLibResources: columnHeader : rowNumber\n \"\n [skyAutonumeric]=\"skyComponentProperties\"\n [skyAutonumericFormChangesUnformatted]=\"params?.eventKey?.length === 1\"\n (keyup.enter)=\"onPressEnter()\"\n (keyup.escape)=\"onPressEscape()\"\n />\n</ng-container>\n", styles: ["input:not(.sky-theme-modern *){--sky-override-ag-grid-currency-editor-left-padding: 9px}:host{height:100%;width:100%}input{background-color:transparent;border:none;height:100%;width:100%;padding-left:var(--sky-override-ag-grid-currency-editor-left-padding, calc(var(--sky-comp-grid-cell-space-inset-left) - var(--sky-border-width-input-focus)))}\n"] }]
|
|
3576
|
+
], template: "<ng-container [formGroup]=\"editorForm\">\n <input\n #skyCellEditorCurrency\n type=\"text\"\n [formControl]=\"currency\"\n [attr.aria-label]=\"\n 'sky_ag_grid_cell_editor_currency_aria_label'\n | skyLibResources: columnHeader : rowNumber\n \"\n [skyAutonumeric]=\"skyComponentProperties\"\n [skyAutonumericFormChangesUnformatted]=\"params?.eventKey?.length === 1\"\n (keyup.enter)=\"onPressEnter()\"\n (keyup.escape)=\"onPressEscape()\"\n />\n</ng-container>\n", styles: ["input:not(.sky-theme-modern *){--sky-override-ag-grid-currency-editor-left-padding: 9px}:host{height:100%;width:100%}input{background-color:transparent;border:none;color:var(--ag-input-text-color);height:100%;width:100%;padding-left:var(--sky-override-ag-grid-currency-editor-left-padding, calc(var(--sky-comp-grid-cell-space-inset-left) - var(--sky-border-width-input-focus)))}\n"] }]
|
|
3507
3577
|
}], propDecorators: { input: [{ type: i0.ViewChild, args: ['skyCellEditorCurrency', { ...{
|
|
3508
3578
|
read: ElementRef,
|
|
3509
3579
|
}, isSignal: true }] }], onFocusOut: [{
|
|
@@ -3913,11 +3983,11 @@ class SkyAgGridCellEditorNumberComponent {
|
|
|
3913
3983
|
}
|
|
3914
3984
|
}
|
|
3915
3985
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyAgGridCellEditorNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3916
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: SkyAgGridCellEditorNumberComponent, isStandalone: true, selector: "sky-ag-grid-cell-editor-number", host: { listeners: { "focusout": "onFocusOut($event)" } }, viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorNumber"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<ng-container [formGroup]=\"editorForm\">\n <input\n #skyCellEditorNumber\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 />\n</ng-container>\n", styles: ["input{background-color:transparent;border:none;text-align:right}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NumberValueAccessor, selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$2.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SkyI18nModule }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3986
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: SkyAgGridCellEditorNumberComponent, isStandalone: true, selector: "sky-ag-grid-cell-editor-number", host: { listeners: { "focusout": "onFocusOut($event)" } }, viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorNumber"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<ng-container [formGroup]=\"editorForm\">\n <input\n #skyCellEditorNumber\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 />\n</ng-container>\n", styles: ["input{background-color:transparent;border:none;color:var(--ag-input-text-color);text-align:right}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NumberValueAccessor, selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$2.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SkyI18nModule }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3917
3987
|
}
|
|
3918
3988
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyAgGridCellEditorNumberComponent, decorators: [{
|
|
3919
3989
|
type: Component,
|
|
3920
|
-
args: [{ selector: 'sky-ag-grid-cell-editor-number', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, ReactiveFormsModule, SkyI18nModule], template: "<ng-container [formGroup]=\"editorForm\">\n <input\n #skyCellEditorNumber\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 />\n</ng-container>\n", styles: ["input{background-color:transparent;border:none;text-align:right}\n"] }]
|
|
3990
|
+
args: [{ selector: 'sky-ag-grid-cell-editor-number', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, ReactiveFormsModule, SkyI18nModule], template: "<ng-container [formGroup]=\"editorForm\">\n <input\n #skyCellEditorNumber\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 />\n</ng-container>\n", styles: ["input{background-color:transparent;border:none;color:var(--ag-input-text-color);text-align:right}\n"] }]
|
|
3921
3991
|
}], propDecorators: { input: [{ type: i0.ViewChild, args: ['skyCellEditorNumber', { ...{
|
|
3922
3992
|
read: ElementRef,
|
|
3923
3993
|
}, isSignal: true }] }], onFocusOut: [{
|
|
@@ -4005,11 +4075,11 @@ class SkyAgGridCellEditorTextComponent {
|
|
|
4005
4075
|
}
|
|
4006
4076
|
}
|
|
4007
4077
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyAgGridCellEditorTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4008
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: SkyAgGridCellEditorTextComponent, isStandalone: true, selector: "sky-ag-grid-cell-editor-text", host: { listeners: { "focusout": "onFocusOut($event)" } }, viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorText"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<ng-container [formGroup]=\"editorForm\">\n <input\n #skyCellEditorText\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 [maxlength]=\"maxlength ?? null\"\n />\n</ng-container>\n", styles: ["input:not(.sky-theme-modern *){--sky-override-ag-grid-text-editor-left-padding: 9px}:host{height:100%;width:100%;display:flex}input{background-color:transparent;border:none;height:100%;width:100%;padding-left:var(--sky-override-ag-grid-text-editor-left-padding, calc(var(--sky-comp-grid-cell-space-inset-left) - var(--sky-border-width-input-focus)))}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SkyI18nModule }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4078
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: SkyAgGridCellEditorTextComponent, isStandalone: true, selector: "sky-ag-grid-cell-editor-text", host: { listeners: { "focusout": "onFocusOut($event)" } }, viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorText"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<ng-container [formGroup]=\"editorForm\">\n <input\n #skyCellEditorText\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 [maxlength]=\"maxlength ?? null\"\n />\n</ng-container>\n", styles: ["input:not(.sky-theme-modern *){--sky-override-ag-grid-text-editor-left-padding: 9px}:host{height:100%;width:100%;display:flex}input{background-color:transparent;border:none;color:var(--ag-input-text-color);height:100%;width:100%;padding-left:var(--sky-override-ag-grid-text-editor-left-padding, calc(var(--sky-comp-grid-cell-space-inset-left) - var(--sky-border-width-input-focus)))}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SkyI18nModule }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4009
4079
|
}
|
|
4010
4080
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyAgGridCellEditorTextComponent, decorators: [{
|
|
4011
4081
|
type: Component,
|
|
4012
|
-
args: [{ selector: 'sky-ag-grid-cell-editor-text', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, ReactiveFormsModule, SkyI18nModule], template: "<ng-container [formGroup]=\"editorForm\">\n <input\n #skyCellEditorText\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 [maxlength]=\"maxlength ?? null\"\n />\n</ng-container>\n", styles: ["input:not(.sky-theme-modern *){--sky-override-ag-grid-text-editor-left-padding: 9px}:host{height:100%;width:100%;display:flex}input{background-color:transparent;border:none;height:100%;width:100%;padding-left:var(--sky-override-ag-grid-text-editor-left-padding, calc(var(--sky-comp-grid-cell-space-inset-left) - var(--sky-border-width-input-focus)))}\n"] }]
|
|
4082
|
+
args: [{ selector: 'sky-ag-grid-cell-editor-text', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, ReactiveFormsModule, SkyI18nModule], template: "<ng-container [formGroup]=\"editorForm\">\n <input\n #skyCellEditorText\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 [maxlength]=\"maxlength ?? null\"\n />\n</ng-container>\n", styles: ["input:not(.sky-theme-modern *){--sky-override-ag-grid-text-editor-left-padding: 9px}:host{height:100%;width:100%;display:flex}input{background-color:transparent;border:none;color:var(--ag-input-text-color);height:100%;width:100%;padding-left:var(--sky-override-ag-grid-text-editor-left-padding, calc(var(--sky-comp-grid-cell-space-inset-left) - var(--sky-border-width-input-focus)))}\n"] }]
|
|
4013
4083
|
}], propDecorators: { input: [{ type: i0.ViewChild, args: ['skyCellEditorText', { ...{ read: ElementRef }, isSignal: true }] }], onFocusOut: [{
|
|
4014
4084
|
type: HostListener,
|
|
4015
4085
|
args: ['focusout', ['$event']]
|
|
@@ -4550,14 +4620,14 @@ class SkyAgGridColumnFilterDatepickerComponent {
|
|
|
4550
4620
|
this.params()?.onDateChanged?.();
|
|
4551
4621
|
}
|
|
4552
4622
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyAgGridColumnFilterDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4553
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: SkyAgGridColumnFilterDatepickerComponent, isStandalone: true, selector: "sky-ag-grid-date-picker", host: { listeners: { "focusin": "focused()" }, properties: { "class.sky-ag-grid-cell-editor-datepicker": "isHeaderFilter()" } }, ngImport: i0, template: "<sky-datepicker\n data-sky-id=\"column-filter-datepicker\"\n pickerClass=\"ag-custom-component-popup\"\n (calendarDateChange)=\"dateChange()\"\n (openChange)=\"openChange($event)\"\n>\n <input\n skyDatepickerInput\n type=\"text\"\n [attr.aria-label]=\"label()\"\n [formControl]=\"dateControl\"\n [maxDate]=\"maxDate()\"\n [minDate]=\"minDate()\"\n />\n</sky-datepicker>\n", styles: [".sky-ag-grid-cell-editor-datepicker:not(.sky-theme-modern *){--sky-override-ag-grid-datepicker-editor-border-width: 1px;--sky-override-ag-grid-datepicker-editor-border-color: transparent #cdcfd2 transparent transparent;--sky-override-ag-grid-datepicker-editor-position: relative;--sky-override-ag-grid-datepicker-editor-top-left: 1px}.sky-ag-grid-cell-editor-datepicker{position:var(--sky-override-ag-grid-datepicker-editor-position, static);top:var(--sky-override-ag-grid-datepicker-editor-top-left, initial);left:var(--sky-override-ag-grid-datepicker-editor-top-left, initial)}.sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{background-color:var(--ag-background-color);box-shadow:none;border-width:var(--sky-override-ag-grid-datepicker-editor-border-width, var(--sky-border-width-input-base));border-style:solid;border-color:var(--sky-override-ag-grid-datepicker-editor-border-color, var(--sky-color-border-input-focus))}.sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control:focus{border-width:var(--sky-override-ag-grid-datepicker-editor-border-width, var(--sky-border-width-input-focus))}.sky-ag-grid-cell-editor-datepicker sky-datepicker .sky-input-group-datepicker-btn{border-radius:0}\n", ":host{display:flex;flex:1 1 auto}sky-datepicker{width:calc(100% - var(--sky-margin-inline-xs))}input{height:calc(var(--ag-header-height) - 2px)}\n"], dependencies: [{ kind: "ngmodule", type: SkyDatepickerModule }, { kind: "component", type: i2$2.λ2, selector: "sky-datepicker", inputs: ["pickerClass"], outputs: ["calendarDateRangeChange", "dateFormatChange", "openChange", "calendarDateChange"] }, { kind: "directive", type: i2$2.λ3, selector: "[skyDatepickerInput]", inputs: ["dateFormat", "disabled", "maxDate", "minDate", "startAtDate", "skyDatepickerInput", "skyDatepickerNoValidate", "startingDay", "strict"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4623
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: SkyAgGridColumnFilterDatepickerComponent, isStandalone: true, selector: "sky-ag-grid-date-picker", host: { listeners: { "focusin": "focused()" }, properties: { "class.sky-ag-grid-cell-editor-datepicker": "isHeaderFilter()" } }, ngImport: i0, template: "<sky-datepicker\n data-sky-id=\"column-filter-datepicker\"\n pickerClass=\"ag-custom-component-popup\"\n (calendarDateChange)=\"dateChange()\"\n (openChange)=\"openChange($event)\"\n>\n <input\n skyDatepickerInput\n type=\"text\"\n [attr.aria-label]=\"label()\"\n [formControl]=\"dateControl\"\n [maxDate]=\"maxDate()\"\n [minDate]=\"minDate()\"\n />\n</sky-datepicker>\n", styles: [".sky-ag-grid-cell-editor-datepicker:not(.sky-theme-modern *){--sky-override-ag-grid-datepicker-editor-border-width: 1px;--sky-override-ag-grid-datepicker-editor-border-color: transparent #cdcfd2 transparent transparent;--sky-override-ag-grid-datepicker-editor-position: relative;--sky-override-ag-grid-datepicker-editor-top-left: 1px}.sky-ag-grid-cell-editor-datepicker{position:var(--sky-override-ag-grid-datepicker-editor-position, static);top:var(--sky-override-ag-grid-datepicker-editor-top-left, initial);left:var(--sky-override-ag-grid-datepicker-editor-top-left, initial)}.sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{background-color:var(--ag-background-color);box-shadow:none;border-width:var(--sky-override-ag-grid-datepicker-editor-border-width, var(--sky-border-width-input-base));border-style:solid;border-color:var(--sky-override-ag-grid-datepicker-editor-border-color, var(--sky-color-border-input-focus))}.sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control:focus{border-width:var(--sky-override-ag-grid-datepicker-editor-border-width, var(--sky-border-width-input-focus))}.sky-ag-grid-cell-editor-datepicker sky-datepicker .sky-input-group-datepicker-btn{border-radius:0}\n", ":host{display:flex;flex:1 1 auto}sky-datepicker{width:calc(100% - var(--sky-margin-inline-xs))}input.sky-form-control{height:calc(var(--ag-header-height) - 2px);background-color:var(--ag-input-background-color);border:none;box-shadow:inset 0 0 0 var(--ag-border-width) var(--ag-border-color);color:var(--ag-input-text-color)}input.sky-form-control:focus{box-shadow:inset var(--ag-focus-shadow);outline:none}\n"], dependencies: [{ kind: "ngmodule", type: SkyDatepickerModule }, { kind: "component", type: i2$2.λ2, selector: "sky-datepicker", inputs: ["pickerClass"], outputs: ["calendarDateRangeChange", "dateFormatChange", "openChange", "calendarDateChange"] }, { kind: "directive", type: i2$2.λ3, selector: "[skyDatepickerInput]", inputs: ["dateFormat", "disabled", "maxDate", "minDate", "startAtDate", "skyDatepickerInput", "skyDatepickerNoValidate", "startingDay", "strict"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4554
4624
|
}
|
|
4555
4625
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyAgGridColumnFilterDatepickerComponent, decorators: [{
|
|
4556
4626
|
type: Component,
|
|
4557
4627
|
args: [{ selector: 'sky-ag-grid-date-picker', imports: [SkyDatepickerModule, ReactiveFormsModule], host: {
|
|
4558
4628
|
'[class.sky-ag-grid-cell-editor-datepicker]': 'isHeaderFilter()',
|
|
4559
4629
|
'(focusin)': 'focused()',
|
|
4560
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-datepicker\n data-sky-id=\"column-filter-datepicker\"\n pickerClass=\"ag-custom-component-popup\"\n (calendarDateChange)=\"dateChange()\"\n (openChange)=\"openChange($event)\"\n>\n <input\n skyDatepickerInput\n type=\"text\"\n [attr.aria-label]=\"label()\"\n [formControl]=\"dateControl\"\n [maxDate]=\"maxDate()\"\n [minDate]=\"minDate()\"\n />\n</sky-datepicker>\n", styles: [".sky-ag-grid-cell-editor-datepicker:not(.sky-theme-modern *){--sky-override-ag-grid-datepicker-editor-border-width: 1px;--sky-override-ag-grid-datepicker-editor-border-color: transparent #cdcfd2 transparent transparent;--sky-override-ag-grid-datepicker-editor-position: relative;--sky-override-ag-grid-datepicker-editor-top-left: 1px}.sky-ag-grid-cell-editor-datepicker{position:var(--sky-override-ag-grid-datepicker-editor-position, static);top:var(--sky-override-ag-grid-datepicker-editor-top-left, initial);left:var(--sky-override-ag-grid-datepicker-editor-top-left, initial)}.sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{background-color:var(--ag-background-color);box-shadow:none;border-width:var(--sky-override-ag-grid-datepicker-editor-border-width, var(--sky-border-width-input-base));border-style:solid;border-color:var(--sky-override-ag-grid-datepicker-editor-border-color, var(--sky-color-border-input-focus))}.sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control:focus{border-width:var(--sky-override-ag-grid-datepicker-editor-border-width, var(--sky-border-width-input-focus))}.sky-ag-grid-cell-editor-datepicker sky-datepicker .sky-input-group-datepicker-btn{border-radius:0}\n", ":host{display:flex;flex:1 1 auto}sky-datepicker{width:calc(100% - var(--sky-margin-inline-xs))}input{height:calc(var(--ag-header-height) - 2px)}\n"] }]
|
|
4630
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-datepicker\n data-sky-id=\"column-filter-datepicker\"\n pickerClass=\"ag-custom-component-popup\"\n (calendarDateChange)=\"dateChange()\"\n (openChange)=\"openChange($event)\"\n>\n <input\n skyDatepickerInput\n type=\"text\"\n [attr.aria-label]=\"label()\"\n [formControl]=\"dateControl\"\n [maxDate]=\"maxDate()\"\n [minDate]=\"minDate()\"\n />\n</sky-datepicker>\n", styles: [".sky-ag-grid-cell-editor-datepicker:not(.sky-theme-modern *){--sky-override-ag-grid-datepicker-editor-border-width: 1px;--sky-override-ag-grid-datepicker-editor-border-color: transparent #cdcfd2 transparent transparent;--sky-override-ag-grid-datepicker-editor-position: relative;--sky-override-ag-grid-datepicker-editor-top-left: 1px}.sky-ag-grid-cell-editor-datepicker{position:var(--sky-override-ag-grid-datepicker-editor-position, static);top:var(--sky-override-ag-grid-datepicker-editor-top-left, initial);left:var(--sky-override-ag-grid-datepicker-editor-top-left, initial)}.sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{background-color:var(--ag-background-color);box-shadow:none;border-width:var(--sky-override-ag-grid-datepicker-editor-border-width, var(--sky-border-width-input-base));border-style:solid;border-color:var(--sky-override-ag-grid-datepicker-editor-border-color, var(--sky-color-border-input-focus))}.sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control:focus{border-width:var(--sky-override-ag-grid-datepicker-editor-border-width, var(--sky-border-width-input-focus))}.sky-ag-grid-cell-editor-datepicker sky-datepicker .sky-input-group-datepicker-btn{border-radius:0}\n", ":host{display:flex;flex:1 1 auto}sky-datepicker{width:calc(100% - var(--sky-margin-inline-xs))}input.sky-form-control{height:calc(var(--ag-header-height) - 2px);background-color:var(--ag-input-background-color);border:none;box-shadow:inset 0 0 0 var(--ag-border-width) var(--ag-border-color);color:var(--ag-input-text-color)}input.sky-form-control:focus{box-shadow:inset var(--ag-focus-shadow);outline:none}\n"] }]
|
|
4561
4631
|
}], ctorParameters: () => [] });
|
|
4562
4632
|
|
|
4563
4633
|
/**
|