@skyux/ag-grid 5.2.2 → 5.5.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/README.md +6 -4
- package/documentation.json +104 -88
- package/esm2015/index.js +28 -0
- package/esm2015/index.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/ag-grid-adapter.service.js +55 -0
- package/esm2015/lib/modules/ag-grid/ag-grid-adapter.service.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/ag-grid-data-manager-adapter.directive.js +211 -0
- package/esm2015/lib/modules/ag-grid/ag-grid-data-manager-adapter.directive.js.map +1 -0
- package/esm2015/{modules → lib/modules}/ag-grid/ag-grid-row-delete.component.js +2 -2
- package/esm2015/lib/modules/ag-grid/ag-grid-row-delete.component.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/ag-grid-row-delete.directive.js +230 -0
- package/esm2015/lib/modules/ag-grid/ag-grid-row-delete.directive.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/ag-grid-wrapper.component.js +96 -0
- package/esm2015/lib/modules/ag-grid/ag-grid-wrapper.component.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/ag-grid.module.js +122 -0
- package/esm2015/lib/modules/ag-grid/ag-grid.module.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/ag-grid.service.js +355 -0
- package/esm2015/lib/modules/ag-grid/ag-grid.service.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-autocomplete/cell-editor-autocomplete.component.js +41 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-autocomplete/cell-editor-autocomplete.component.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-autocomplete/cell-editor-autocomplete.module.js +20 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-autocomplete/cell-editor-autocomplete.module.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-currency/cell-editor-currency.component.js +57 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-currency/cell-editor-currency.component.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-currency/cell-editor-currency.module.js +20 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-currency/cell-editor-currency.module.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.component.js +77 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.component.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.module.js +19 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.module.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.component.js +74 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.component.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.module.js +38 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.module.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.component.js +49 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.component.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.module.js +19 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.module.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.component.js +49 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.component.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.module.js +19 -0
- package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.module.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency-validator.component.js +43 -0
- package/esm2015/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency-validator.component.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.component.js +54 -0
- package/esm2015/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.component.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.module.js +47 -0
- package/esm2015/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.module.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-renderers/cell-renderer-lookup/cell-renderer-lookup.component.js +35 -0
- package/esm2015/lib/modules/ag-grid/cell-renderers/cell-renderer-lookup/cell-renderer-lookup.component.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-renderers/cell-renderer-lookup/cell-renderer-lookup.module.js +19 -0
- package/esm2015/lib/modules/ag-grid/cell-renderers/cell-renderer-lookup/cell-renderer-lookup.module.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.component.js +68 -0
- package/esm2015/lib/modules/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.component.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.module.js +20 -0
- package/esm2015/lib/modules/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.module.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-renderers/cell-renderer-validator-tooltip/cell-renderer-validator-tooltip.component.js +41 -0
- package/esm2015/lib/modules/ag-grid/cell-renderers/cell-renderer-validator-tooltip/cell-renderer-validator-tooltip.component.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-renderers/cell-renderer-validator-tooltip/cell-renderer-validator-tooltip.module.js +18 -0
- package/esm2015/lib/modules/ag-grid/cell-renderers/cell-renderer-validator-tooltip/cell-renderer-validator-tooltip.module.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-validator/ag-grid-cell-validator-tooltip.component.js +83 -0
- package/esm2015/lib/modules/ag-grid/cell-validator/ag-grid-cell-validator-tooltip.component.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/cell-validator/ag-grid-cell-validator.module.js +20 -0
- package/esm2015/lib/modules/ag-grid/cell-validator/ag-grid-cell-validator.module.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/ag-grid-row-delete-cancel-args.js +2 -0
- package/esm2015/lib/modules/ag-grid/types/ag-grid-row-delete-cancel-args.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/ag-grid-row-delete-config.js +2 -0
- package/esm2015/lib/modules/ag-grid/types/ag-grid-row-delete-config.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/ag-grid-row-delete-confirm-args.js +2 -0
- package/esm2015/lib/modules/ag-grid/types/ag-grid-row-delete-confirm-args.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/ag-grid-row-delete-contents.js +2 -0
- package/esm2015/lib/modules/ag-grid/types/ag-grid-row-delete-contents.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/autocomplete-properties.js +2 -0
- package/esm2015/lib/modules/ag-grid/types/autocomplete-properties.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/cell-class.js +17 -0
- package/esm2015/lib/modules/ag-grid/types/cell-class.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/cell-editor-autocomplete-params.js +2 -0
- package/esm2015/lib/modules/ag-grid/types/cell-editor-autocomplete-params.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/cell-editor-currency-params.js +2 -0
- package/esm2015/lib/modules/ag-grid/types/cell-editor-currency-params.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/cell-editor-datepicker-params.js +2 -0
- package/esm2015/lib/modules/ag-grid/types/cell-editor-datepicker-params.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/cell-editor-lookup-params.js +2 -0
- package/esm2015/lib/modules/ag-grid/types/cell-editor-lookup-params.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/cell-renderer-currency-params.js +2 -0
- package/esm2015/lib/modules/ag-grid/types/cell-renderer-currency-params.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/cell-renderer-lookup-params.js +2 -0
- package/esm2015/lib/modules/ag-grid/types/cell-renderer-lookup-params.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/cell-renderer-validator-params.js +2 -0
- package/esm2015/lib/modules/ag-grid/types/cell-renderer-validator-params.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/cell-type.js +84 -0
- package/esm2015/lib/modules/ag-grid/types/cell-type.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/currency-properties.js +2 -0
- package/esm2015/lib/modules/ag-grid/types/currency-properties.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/datepicker-properties.js +2 -0
- package/esm2015/lib/modules/ag-grid/types/datepicker-properties.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/header-class.js +8 -0
- package/esm2015/lib/modules/ag-grid/types/header-class.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/lookup-properties.js +26 -0
- package/esm2015/lib/modules/ag-grid/types/lookup-properties.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/sky-grid-options.js +2 -0
- package/esm2015/lib/modules/ag-grid/types/sky-grid-options.js.map +1 -0
- package/esm2015/lib/modules/ag-grid/types/validator-options.js +2 -0
- package/esm2015/lib/modules/ag-grid/types/validator-options.js.map +1 -0
- package/esm2015/lib/modules/shared/ag-grid-resources.module.js +68 -0
- package/esm2015/lib/modules/shared/ag-grid-resources.module.js.map +1 -0
- package/esm2015/skyux-ag-grid.js +2 -2
- package/esm2015/skyux-ag-grid.js.map +1 -0
- package/fesm2015/skyux-ag-grid.js +1 -1
- package/fesm2015/skyux-ag-grid.js.map +1 -1
- package/index.d.ts +24 -0
- package/{modules → lib/modules}/ag-grid/ag-grid-adapter.service.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/ag-grid-data-manager-adapter.directive.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/ag-grid-row-delete.component.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/ag-grid-row-delete.directive.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/ag-grid-wrapper.component.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/ag-grid.module.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/ag-grid.service.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-editors/cell-editor-autocomplete/cell-editor-autocomplete.component.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-editors/cell-editor-autocomplete/cell-editor-autocomplete.module.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-editors/cell-editor-currency/cell-editor-currency.component.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-editors/cell-editor-currency/cell-editor-currency.module.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.component.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.module.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.component.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.module.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-editors/cell-editor-number/cell-editor-number.component.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-editors/cell-editor-number/cell-editor-number.module.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-editors/cell-editor-text/cell-editor-text.component.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-editors/cell-editor-text/cell-editor-text.module.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency-validator.component.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.component.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.module.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-renderers/cell-renderer-lookup/cell-renderer-lookup.component.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-renderers/cell-renderer-lookup/cell-renderer-lookup.module.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.component.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.module.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-renderers/cell-renderer-validator-tooltip/cell-renderer-validator-tooltip.component.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-renderers/cell-renderer-validator-tooltip/cell-renderer-validator-tooltip.module.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-validator/ag-grid-cell-validator-tooltip.component.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/cell-validator/ag-grid-cell-validator.module.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/ag-grid-row-delete-cancel-args.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/ag-grid-row-delete-config.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/ag-grid-row-delete-confirm-args.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/ag-grid-row-delete-contents.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/autocomplete-properties.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/cell-class.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/cell-editor-autocomplete-params.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/cell-editor-currency-params.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/cell-editor-datepicker-params.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/cell-editor-lookup-params.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/cell-renderer-currency-params.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/cell-renderer-lookup-params.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/cell-renderer-validator-params.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/cell-type.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/currency-properties.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/datepicker-properties.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/header-class.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/lookup-properties.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/sky-grid-options.d.ts +0 -0
- package/{modules → lib/modules}/ag-grid/types/validator-options.d.ts +0 -0
- package/{modules → lib/modules}/shared/ag-grid-resources.module.d.ts +0 -0
- package/package.json +24 -10
- package/skyux-ag-grid.d.ts +1 -1
- package/LICENSE +0 -21
- package/esm2015/modules/ag-grid/ag-grid-adapter.service.js +0 -54
- package/esm2015/modules/ag-grid/ag-grid-data-manager-adapter.directive.js +0 -210
- package/esm2015/modules/ag-grid/ag-grid-row-delete.directive.js +0 -230
- package/esm2015/modules/ag-grid/ag-grid-wrapper.component.js +0 -95
- package/esm2015/modules/ag-grid/ag-grid.module.js +0 -122
- package/esm2015/modules/ag-grid/ag-grid.service.js +0 -352
- package/esm2015/modules/ag-grid/cell-editors/cell-editor-autocomplete/cell-editor-autocomplete.component.js +0 -41
- package/esm2015/modules/ag-grid/cell-editors/cell-editor-autocomplete/cell-editor-autocomplete.module.js +0 -20
- package/esm2015/modules/ag-grid/cell-editors/cell-editor-currency/cell-editor-currency.component.js +0 -57
- package/esm2015/modules/ag-grid/cell-editors/cell-editor-currency/cell-editor-currency.module.js +0 -20
- package/esm2015/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.component.js +0 -76
- package/esm2015/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.module.js +0 -19
- package/esm2015/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.component.js +0 -74
- package/esm2015/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.module.js +0 -38
- package/esm2015/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.component.js +0 -49
- package/esm2015/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.module.js +0 -19
- package/esm2015/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.component.js +0 -49
- package/esm2015/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.module.js +0 -19
- package/esm2015/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency-validator.component.js +0 -43
- package/esm2015/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.component.js +0 -54
- package/esm2015/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.module.js +0 -47
- package/esm2015/modules/ag-grid/cell-renderers/cell-renderer-lookup/cell-renderer-lookup.component.js +0 -35
- package/esm2015/modules/ag-grid/cell-renderers/cell-renderer-lookup/cell-renderer-lookup.module.js +0 -19
- package/esm2015/modules/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.component.js +0 -68
- package/esm2015/modules/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.module.js +0 -20
- package/esm2015/modules/ag-grid/cell-renderers/cell-renderer-validator-tooltip/cell-renderer-validator-tooltip.component.js +0 -41
- package/esm2015/modules/ag-grid/cell-renderers/cell-renderer-validator-tooltip/cell-renderer-validator-tooltip.module.js +0 -18
- package/esm2015/modules/ag-grid/cell-validator/ag-grid-cell-validator-tooltip.component.js +0 -83
- package/esm2015/modules/ag-grid/cell-validator/ag-grid-cell-validator.module.js +0 -20
- package/esm2015/modules/ag-grid/types/ag-grid-row-delete-cancel-args.js +0 -2
- package/esm2015/modules/ag-grid/types/ag-grid-row-delete-config.js +0 -2
- package/esm2015/modules/ag-grid/types/ag-grid-row-delete-confirm-args.js +0 -2
- package/esm2015/modules/ag-grid/types/ag-grid-row-delete-contents.js +0 -2
- package/esm2015/modules/ag-grid/types/autocomplete-properties.js +0 -2
- package/esm2015/modules/ag-grid/types/cell-class.js +0 -17
- package/esm2015/modules/ag-grid/types/cell-editor-autocomplete-params.js +0 -2
- package/esm2015/modules/ag-grid/types/cell-editor-currency-params.js +0 -2
- package/esm2015/modules/ag-grid/types/cell-editor-datepicker-params.js +0 -2
- package/esm2015/modules/ag-grid/types/cell-editor-lookup-params.js +0 -2
- package/esm2015/modules/ag-grid/types/cell-renderer-currency-params.js +0 -2
- package/esm2015/modules/ag-grid/types/cell-renderer-lookup-params.js +0 -2
- package/esm2015/modules/ag-grid/types/cell-renderer-validator-params.js +0 -2
- package/esm2015/modules/ag-grid/types/cell-type.js +0 -84
- package/esm2015/modules/ag-grid/types/currency-properties.js +0 -2
- package/esm2015/modules/ag-grid/types/datepicker-properties.js +0 -2
- package/esm2015/modules/ag-grid/types/header-class.js +0 -8
- package/esm2015/modules/ag-grid/types/lookup-properties.js +0 -26
- package/esm2015/modules/ag-grid/types/sky-grid-options.js +0 -2
- package/esm2015/modules/ag-grid/types/validator-options.js +0 -2
- package/esm2015/modules/shared/ag-grid-resources.module.js +0 -68
- package/esm2015/public-api.js +0 -28
- package/public-api.d.ts +0 -24
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ElementRef, Optional, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
2
|
+
import { SkyThemeService } from '@skyux/theme';
|
|
3
|
+
import { PopupComponent } from 'ag-grid-community';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@skyux/theme";
|
|
6
|
+
import * as i2 from "@skyux/datetime";
|
|
7
|
+
import * as i3 from "@angular/forms";
|
|
8
|
+
/**
|
|
9
|
+
* @internal
|
|
10
|
+
*/
|
|
11
|
+
export class SkyAgGridCellEditorDatepickerComponent extends PopupComponent {
|
|
12
|
+
constructor(themeSvc) {
|
|
13
|
+
super();
|
|
14
|
+
this.themeSvc = themeSvc;
|
|
15
|
+
this.skyComponentProperties = {};
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
|
|
19
|
+
* @param params The cell editor params that include data about the cell, column, row, and grid.
|
|
20
|
+
*/
|
|
21
|
+
agInit(params) {
|
|
22
|
+
var _a;
|
|
23
|
+
this.params = params;
|
|
24
|
+
this.currentDate = this.params.value;
|
|
25
|
+
this.skyComponentProperties = this.params.skyComponentProperties || {};
|
|
26
|
+
this.columnWidth = this.params.column.getActualWidth();
|
|
27
|
+
this.columnWidthWithoutBorders = this.columnWidth - 2;
|
|
28
|
+
this.rowHeightWithoutBorders =
|
|
29
|
+
this.params.node && this.params.node.rowHeight - 3;
|
|
30
|
+
(_a = this.themeSvc) === null || _a === void 0 ? void 0 : _a.settingsChange.subscribe((themeSettings) => {
|
|
31
|
+
if (themeSettings.currentSettings.theme.name === 'modern') {
|
|
32
|
+
this.columnWidthWithoutBorders = this.columnWidth;
|
|
33
|
+
this.rowHeightWithoutBorders =
|
|
34
|
+
this.params.node && this.params.node.rowHeight;
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
this.columnWidthWithoutBorders = this.columnWidth - 2;
|
|
38
|
+
this.rowHeightWithoutBorders =
|
|
39
|
+
this.params.node && this.params.node.rowHeight - 3;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
/**
|
|
44
|
+
* 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.
|
|
45
|
+
*/
|
|
46
|
+
afterGuiAttached() {
|
|
47
|
+
this.focusOnDatepickerInput();
|
|
48
|
+
}
|
|
49
|
+
/**
|
|
50
|
+
* getValue is called by agGrid when editing is stopped to get the new value of the cell.
|
|
51
|
+
*/
|
|
52
|
+
getValue() {
|
|
53
|
+
this.datepickerInput.nativeElement.blur();
|
|
54
|
+
return this.currentDate;
|
|
55
|
+
}
|
|
56
|
+
focusOnDatepickerInput() {
|
|
57
|
+
this.datepickerInput.nativeElement.focus();
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
SkyAgGridCellEditorDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorDatepickerComponent, deps: [{ token: i1.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
61
|
+
SkyAgGridCellEditorDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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 [style.width.px]=\"columnWidthWithoutBorders\"\n>\n <sky-datepicker\n data-sky-id=\"cell-datepicker\"\n pickerClass=\"ag-custom-component-popup\"\n >\n <input\n skyDatepickerInput\n [disabled]=\"skyComponentProperties.disabled\"\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 [(ngModel)]=\"currentDate\"\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"], components: [{ type: i2.λ2, selector: "sky-datepicker", inputs: ["pickerClass"], outputs: ["calendarDateRangeChange"] }], directives: [{ type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.λ3, selector: "[skyDatepickerInput]", inputs: ["dateFormat", "disabled", "maxDate", "minDate", "skyDatepickerInput", "skyDatepickerNoValidate", "startingDay", "strict"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorDatepickerComponent, decorators: [{
|
|
63
|
+
type: Component,
|
|
64
|
+
args: [{
|
|
65
|
+
selector: 'sky-ag-grid-cell-editor-datepicker',
|
|
66
|
+
templateUrl: './cell-editor-datepicker.component.html',
|
|
67
|
+
styleUrls: ['./cell-editor-datepicker.component.scss'],
|
|
68
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
69
|
+
encapsulation: ViewEncapsulation.None,
|
|
70
|
+
}]
|
|
71
|
+
}], ctorParameters: function () { return [{ type: i1.SkyThemeService, decorators: [{
|
|
72
|
+
type: Optional
|
|
73
|
+
}] }]; }, propDecorators: { datepickerInput: [{
|
|
74
|
+
type: ViewChild,
|
|
75
|
+
args: ['skyCellEditorDatepickerInput', { read: ElementRef }]
|
|
76
|
+
}] } });
|
|
77
|
+
//# sourceMappingURL=cell-editor-datepicker.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cell-editor-datepicker.component.js","sourceRoot":"","sources":["../../../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.component.ts","../../../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,QAAQ,EACR,SAAS,EACT,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;;;;;AAMnD;;GAEG;AAQH,MAAM,OAAO,sCACX,SAAQ,cAAc;IAatB,YAAgC,QAA0B;QACxD,KAAK,EAAE,CAAC;QADsB,aAAQ,GAAR,QAAQ,CAAkB;QANnD,2BAAsB,GAA4B,EAAE,CAAC;IAQ5D,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,MAAqC;;QACjD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QACrC,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,MAAM,CAAC,sBAAsB,IAAI,EAAE,CAAC;QACvE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC;QACvD,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;QACtD,IAAI,CAAC,uBAAuB;YAC1B,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;QACrD,MAAA,IAAI,CAAC,QAAQ,0CAAE,cAAc,CAAC,SAAS,CAAC,CAAC,aAAa,EAAE,EAAE;YACxD,IAAI,aAAa,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;gBACzD,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC,WAAW,CAAC;gBAClD,IAAI,CAAC,uBAAuB;oBAC1B,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;aAClD;iBAAM;gBACL,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;gBACtD,IAAI,CAAC,uBAAuB;oBAC1B,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;aACtD;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACI,gBAAgB;QACrB,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAED;;OAEG;IACI,QAAQ;QACb,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAEM,sBAAsB;QAC3B,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;IAC7C,CAAC;;oIA5DU,sCAAsC;wHAAtC,sCAAsC,sLAWE,UAAU,oDCxC/D,ywBAsBA;4FDOa,sCAAsC;kBAPlD,SAAS;mBAAC;oBACT,QAAQ,EAAE,oCAAoC;oBAC9C,WAAW,EAAE,yCAAyC;oBACtD,SAAS,EAAE,CAAC,yCAAyC,CAAC;oBACtD,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;;0BAec,QAAQ;4CAFb,eAAe;sBADtB,SAAS;uBAAC,8BAA8B,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE","sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Optional,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { ICellEditorAngularComp } from 'ag-grid-angular';\n\nimport { PopupComponent } from 'ag-grid-community';\n\nimport { SkyCellEditorDatepickerParams } from '../../types/cell-editor-datepicker-params';\n\nimport { SkyDatepickerProperties } from '../../types/datepicker-properties';\n\n/**\n * @internal\n */\n@Component({\n selector: 'sky-ag-grid-cell-editor-datepicker',\n templateUrl: './cell-editor-datepicker.component.html',\n styleUrls: ['./cell-editor-datepicker.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class SkyAgGridCellEditorDatepickerComponent\n extends PopupComponent\n implements ICellEditorAngularComp\n{\n public columnWidth: number;\n public currentDate: Date;\n public columnWidthWithoutBorders: number;\n public rowHeightWithoutBorders: number;\n public skyComponentProperties: SkyDatepickerProperties = {};\n private params: SkyCellEditorDatepickerParams;\n\n @ViewChild('skyCellEditorDatepickerInput', { read: ElementRef })\n private datepickerInput: ElementRef;\n\n constructor(@Optional() private themeSvc?: SkyThemeService) {\n super();\n }\n\n /**\n * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.\n * @param params The cell editor params that include data about the cell, column, row, and grid.\n */\n public agInit(params: SkyCellEditorDatepickerParams): void {\n this.params = params;\n this.currentDate = this.params.value;\n this.skyComponentProperties = this.params.skyComponentProperties || {};\n this.columnWidth = this.params.column.getActualWidth();\n this.columnWidthWithoutBorders = this.columnWidth - 2;\n this.rowHeightWithoutBorders =\n this.params.node && this.params.node.rowHeight - 3;\n this.themeSvc?.settingsChange.subscribe((themeSettings) => {\n if (themeSettings.currentSettings.theme.name === 'modern') {\n this.columnWidthWithoutBorders = this.columnWidth;\n this.rowHeightWithoutBorders =\n this.params.node && this.params.node.rowHeight;\n } else {\n this.columnWidthWithoutBorders = this.columnWidth - 2;\n this.rowHeightWithoutBorders =\n this.params.node && this.params.node.rowHeight - 3;\n }\n });\n }\n\n /**\n * 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.\n */\n public afterGuiAttached(): void {\n this.focusOnDatepickerInput();\n }\n\n /**\n * getValue is called by agGrid when editing is stopped to get the new value of the cell.\n */\n public getValue(): Date {\n this.datepickerInput.nativeElement.blur();\n return this.currentDate;\n }\n\n public focusOnDatepickerInput(): void {\n this.datepickerInput.nativeElement.focus();\n }\n}\n","<div\n class=\"sky-ag-grid-cell-editor-datepicker\"\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 skyDatepickerInput\n [disabled]=\"skyComponentProperties.disabled\"\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 [(ngModel)]=\"currentDate\"\n #skyCellEditorDatepickerInput\n />\n </sky-datepicker>\n</div>\n"]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { FormsModule } from '@angular/forms';
|
|
3
|
+
import { SkyDatepickerModule } from '@skyux/datetime';
|
|
4
|
+
import { SkyAgGridCellEditorDatepickerComponent } from '../cell-editor-datepicker/cell-editor-datepicker.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class SkyAgGridCellEditorDatepickerModule {
|
|
7
|
+
}
|
|
8
|
+
SkyAgGridCellEditorDatepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
SkyAgGridCellEditorDatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, declarations: [SkyAgGridCellEditorDatepickerComponent], imports: [SkyDatepickerModule, FormsModule], exports: [SkyAgGridCellEditorDatepickerComponent] });
|
|
10
|
+
SkyAgGridCellEditorDatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, imports: [[SkyDatepickerModule, FormsModule]] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, decorators: [{
|
|
12
|
+
type: NgModule,
|
|
13
|
+
args: [{
|
|
14
|
+
imports: [SkyDatepickerModule, FormsModule],
|
|
15
|
+
declarations: [SkyAgGridCellEditorDatepickerComponent],
|
|
16
|
+
exports: [SkyAgGridCellEditorDatepickerComponent],
|
|
17
|
+
}]
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=cell-editor-datepicker.module.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cell-editor-datepicker.module.js","sourceRoot":"","sources":["../../../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAE,sCAAsC,EAAE,MAAM,4DAA4D,CAAC;;AAOpH,MAAM,OAAO,mCAAmC;;iIAAnC,mCAAmC;kIAAnC,mCAAmC,iBAH/B,sCAAsC,aAD3C,mBAAmB,EAAE,WAAW,aAEhC,sCAAsC;kIAErC,mCAAmC,YAJrC,CAAC,mBAAmB,EAAE,WAAW,CAAC;4FAIhC,mCAAmC;kBAL/C,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,mBAAmB,EAAE,WAAW,CAAC;oBAC3C,YAAY,EAAE,CAAC,sCAAsC,CAAC;oBACtD,OAAO,EAAE,CAAC,sCAAsC,CAAC;iBAClD","sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyDatepickerModule } from '@skyux/datetime';\n\nimport { SkyAgGridCellEditorDatepickerComponent } from '../cell-editor-datepicker/cell-editor-datepicker.component';\n\n@NgModule({\n imports: [SkyDatepickerModule, FormsModule],\n declarations: [SkyAgGridCellEditorDatepickerComponent],\n exports: [SkyAgGridCellEditorDatepickerComponent],\n})\nexport class SkyAgGridCellEditorDatepickerModule {}\n"]}
|
package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.component.js
ADDED
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, } from '@angular/core';
|
|
2
|
+
import { FormControl, FormGroup } from '@angular/forms';
|
|
3
|
+
import { applySkyLookupPropertiesDefaults, } from '../../types/lookup-properties';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@skyux/forms";
|
|
6
|
+
import * as i2 from "@skyux/lookup";
|
|
7
|
+
import * as i3 from "@angular/common";
|
|
8
|
+
import * as i4 from "@angular/forms";
|
|
9
|
+
export class SkyAgGridCellEditorLookupComponent {
|
|
10
|
+
constructor(changeDetector, elementRef) {
|
|
11
|
+
this.changeDetector = changeDetector;
|
|
12
|
+
this.elementRef = elementRef;
|
|
13
|
+
this.isAlive = false;
|
|
14
|
+
this.lookupForm = new FormGroup({
|
|
15
|
+
currentSelection: new FormControl({
|
|
16
|
+
value: [],
|
|
17
|
+
disabled: false,
|
|
18
|
+
}),
|
|
19
|
+
});
|
|
20
|
+
this.useAsyncSearch = false;
|
|
21
|
+
}
|
|
22
|
+
agInit(params) {
|
|
23
|
+
this.params = params;
|
|
24
|
+
if (!Array.isArray(this.params.value)) {
|
|
25
|
+
throw new Error(`Lookup value must be an array`);
|
|
26
|
+
}
|
|
27
|
+
const control = this.lookupForm.get('currentSelection');
|
|
28
|
+
control.setValue(this.params.value);
|
|
29
|
+
if (this.params.skyComponentProperties.disabled) {
|
|
30
|
+
control.disable();
|
|
31
|
+
}
|
|
32
|
+
this.skyComponentProperties = this.updateComponentProperties(this.params);
|
|
33
|
+
this.useAsyncSearch =
|
|
34
|
+
typeof this.skyComponentProperties.searchAsync === 'function';
|
|
35
|
+
this.isAlive = true;
|
|
36
|
+
this.changeDetector.markForCheck();
|
|
37
|
+
}
|
|
38
|
+
isCancelAfterEnd() {
|
|
39
|
+
// Shut down components to commit values before final value syncs to grid.
|
|
40
|
+
this.isAlive = false;
|
|
41
|
+
this.changeDetector.detectChanges();
|
|
42
|
+
return false;
|
|
43
|
+
}
|
|
44
|
+
getGui() {
|
|
45
|
+
return this.elementRef.nativeElement;
|
|
46
|
+
}
|
|
47
|
+
getValue() {
|
|
48
|
+
return this.lookupForm.get('currentSelection').value;
|
|
49
|
+
}
|
|
50
|
+
isPopup() {
|
|
51
|
+
return true;
|
|
52
|
+
}
|
|
53
|
+
/*istanbul ignore next*/
|
|
54
|
+
afterGuiAttached() {
|
|
55
|
+
var _a;
|
|
56
|
+
(_a = this.elementRef.nativeElement.querySelector('.sky-lookup-input')) === null || _a === void 0 ? void 0 : _a.focus();
|
|
57
|
+
}
|
|
58
|
+
updateComponentProperties(params) {
|
|
59
|
+
const skyLookupProperties = params.skyComponentProperties;
|
|
60
|
+
return applySkyLookupPropertiesDefaults(skyLookupProperties);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
SkyAgGridCellEditorLookupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorLookupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
64
|
+
SkyAgGridCellEditorLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyAgGridCellEditorLookupComponent, selector: "sky-ag-grid-cell-editor-lookup", ngImport: i0, template: "<sky-input-box\n *ngIf=\"isAlive && useAsyncSearch\"\n [disabled]=\"skyComponentProperties?.disabled\"\n [formGroup]=\"lookupForm\"\n>\n <sky-lookup\n [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n [data]=\"skyComponentProperties?.data\"\n [debounceTime]=\"skyComponentProperties?.debounceTime\"\n [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n formControlName=\"currentSelection\"\n [idProperty]=\"skyComponentProperties?.idProperty\"\n [placeholderText]=\"skyComponentProperties?.placeholderText\"\n [propertiesToSearch]=\"skyComponentProperties?.propertiesToSearch\"\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 >\n </sky-lookup>\n</sky-input-box>\n<sky-input-box\n *ngIf=\"isAlive && !useAsyncSearch\"\n [disabled]=\"skyComponentProperties?.disabled\"\n [formGroup]=\"lookupForm\"\n>\n <sky-lookup\n [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n [data]=\"skyComponentProperties?.data\"\n [debounceTime]=\"skyComponentProperties?.debounceTime\"\n [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n formControlName=\"currentSelection\"\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 >\n </sky-lookup>\n</sky-input-box>\n", styles: [":host{display:block}\n"], components: [{ type: i1.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled"] }, { type: i2.λ4, selector: "sky-lookup", inputs: ["ariaLabel", "ariaLabelledBy", "autocompleteAttribute", "data", "disabled", "enableShowMore", "placeholderText", "idProperty", "showAddButton", "showMoreConfig", "selectMode", "wrapperClass"], outputs: ["addClick"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
65
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorLookupComponent, decorators: [{
|
|
66
|
+
type: Component,
|
|
67
|
+
args: [{
|
|
68
|
+
selector: 'sky-ag-grid-cell-editor-lookup',
|
|
69
|
+
templateUrl: './cell-editor-lookup.component.html',
|
|
70
|
+
styleUrls: ['./cell-editor-lookup.component.scss'],
|
|
71
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
72
|
+
}]
|
|
73
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; } });
|
|
74
|
+
//# sourceMappingURL=cell-editor-lookup.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cell-editor-lookup.component.js","sourceRoot":"","sources":["../../../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.component.ts","../../../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,UAAU,GACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIxD,OAAO,EACL,gCAAgC,GAEjC,MAAM,+BAA+B,CAAC;;;;;;AAQvC,MAAM,OAAO,kCAAkC;IAe7C,YACU,cAAiC,EACjC,UAAsB;QADtB,mBAAc,GAAd,cAAc,CAAmB;QACjC,eAAU,GAAV,UAAU,CAAY;QAbzB,YAAO,GAAG,KAAK,CAAC;QAChB,eAAU,GAAG,IAAI,SAAS,CAAC;YAChC,gBAAgB,EAAE,IAAI,WAAW,CAAC;gBAChC,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,KAAK;aAChB,CAAC;SACH,CAAC,CAAC;QACI,mBAAc,GAAY,KAAK,CAAC;IAOpC,CAAC;IAEG,MAAM,CAAC,MAAiC;QAC7C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;YACrC,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;SAClD;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;QACxD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,QAAQ,EAAE;YAC/C,OAAO,CAAC,OAAO,EAAE,CAAC;SACnB;QACD,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1E,IAAI,CAAC,cAAc;YACjB,OAAO,IAAI,CAAC,sBAAsB,CAAC,WAAW,KAAK,UAAU,CAAC;QAChE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;IAEM,gBAAgB;QACrB,0EAA0E;QAC1E,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;QACpC,OAAO,KAAK,CAAC;IACf,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;IACvC,CAAC;IAEM,QAAQ;QACb,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,KAAK,CAAC;IACvD,CAAC;IAEM,OAAO;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,wBAAwB;IACjB,gBAAgB;;QACrB,MAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,mBAAmB,CAAC,0CAAE,KAAK,EAAE,CAAC;IAC5E,CAAC;IAEO,yBAAyB,CAC/B,MAAiC;QAEjC,MAAM,mBAAmB,GAAG,MAAM,CAAC,sBAAsB,CAAC;QAC1D,OAAO,gCAAgC,CAAC,mBAAmB,CAAC,CAAC;IAC/D,CAAC;;gIAlEU,kCAAkC;oHAAlC,kCAAkC,sECrB/C,ozFA4DA;4FDvCa,kCAAkC;kBAN9C,SAAS;mBAAC;oBACT,QAAQ,EAAE,gCAAgC;oBAC1C,WAAW,EAAE,qCAAqC;oBAClD,SAAS,EAAE,CAAC,qCAAqC,CAAC;oBAClD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n} from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { ICellEditorAngularComp } from 'ag-grid-angular';\nimport { IPopupComponent } from 'ag-grid-community/dist/lib/interfaces/iPopupComponent';\nimport { SkyCellEditorLookupParams } from '../../types/cell-editor-lookup-params';\nimport {\n applySkyLookupPropertiesDefaults,\n SkyLookupProperties,\n} from '../../types/lookup-properties';\n\n@Component({\n selector: 'sky-ag-grid-cell-editor-lookup',\n templateUrl: './cell-editor-lookup.component.html',\n styleUrls: ['./cell-editor-lookup.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyAgGridCellEditorLookupComponent\n implements ICellEditorAngularComp, IPopupComponent<any>\n{\n public skyComponentProperties?: SkyLookupProperties;\n public isAlive = false;\n public lookupForm = new FormGroup({\n currentSelection: new FormControl({\n value: [],\n disabled: false,\n }),\n });\n public useAsyncSearch: boolean = false;\n\n private params: SkyCellEditorLookupParams;\n\n constructor(\n private changeDetector: ChangeDetectorRef,\n private elementRef: ElementRef\n ) {}\n\n public agInit(params: SkyCellEditorLookupParams): void {\n this.params = params;\n if (!Array.isArray(this.params.value)) {\n throw new Error(`Lookup value must be an array`);\n }\n const control = this.lookupForm.get('currentSelection');\n control.setValue(this.params.value);\n if (this.params.skyComponentProperties.disabled) {\n control.disable();\n }\n this.skyComponentProperties = this.updateComponentProperties(this.params);\n this.useAsyncSearch =\n typeof this.skyComponentProperties.searchAsync === 'function';\n this.isAlive = true;\n this.changeDetector.markForCheck();\n }\n\n public isCancelAfterEnd(): boolean {\n // Shut down components to commit values before final value syncs to grid.\n this.isAlive = false;\n this.changeDetector.detectChanges();\n return false;\n }\n\n public getGui(): HTMLElement {\n return this.elementRef.nativeElement;\n }\n\n public getValue(): any[] {\n return this.lookupForm.get('currentSelection').value;\n }\n\n public isPopup(): boolean {\n return true;\n }\n\n /*istanbul ignore next*/\n public afterGuiAttached(): void {\n this.elementRef.nativeElement.querySelector('.sky-lookup-input')?.focus();\n }\n\n private updateComponentProperties(\n params: SkyCellEditorLookupParams\n ): SkyLookupProperties {\n const skyLookupProperties = params.skyComponentProperties;\n return applySkyLookupPropertiesDefaults(skyLookupProperties);\n }\n}\n","<sky-input-box\n *ngIf=\"isAlive && useAsyncSearch\"\n [disabled]=\"skyComponentProperties?.disabled\"\n [formGroup]=\"lookupForm\"\n>\n <sky-lookup\n [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n [data]=\"skyComponentProperties?.data\"\n [debounceTime]=\"skyComponentProperties?.debounceTime\"\n [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n formControlName=\"currentSelection\"\n [idProperty]=\"skyComponentProperties?.idProperty\"\n [placeholderText]=\"skyComponentProperties?.placeholderText\"\n [propertiesToSearch]=\"skyComponentProperties?.propertiesToSearch\"\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 >\n </sky-lookup>\n</sky-input-box>\n<sky-input-box\n *ngIf=\"isAlive && !useAsyncSearch\"\n [disabled]=\"skyComponentProperties?.disabled\"\n [formGroup]=\"lookupForm\"\n>\n <sky-lookup\n [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n [data]=\"skyComponentProperties?.data\"\n [debounceTime]=\"skyComponentProperties?.debounceTime\"\n [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n formControlName=\"currentSelection\"\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 >\n </sky-lookup>\n</sky-input-box>\n"]}
|
package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.module.js
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import { SkyInputBoxModule } from '@skyux/forms';
|
|
5
|
+
import { SkyI18nModule } from '@skyux/i18n';
|
|
6
|
+
import { SkyLookupModule } from '@skyux/lookup';
|
|
7
|
+
import { SkyAgGridCellEditorLookupComponent } from './cell-editor-lookup.component';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class SkyAgGridCellEditorLookupModule {
|
|
10
|
+
}
|
|
11
|
+
SkyAgGridCellEditorLookupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorLookupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
SkyAgGridCellEditorLookupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorLookupModule, declarations: [SkyAgGridCellEditorLookupComponent], imports: [CommonModule,
|
|
13
|
+
ReactiveFormsModule,
|
|
14
|
+
SkyI18nModule,
|
|
15
|
+
SkyInputBoxModule,
|
|
16
|
+
SkyLookupModule], exports: [SkyAgGridCellEditorLookupComponent] });
|
|
17
|
+
SkyAgGridCellEditorLookupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorLookupModule, imports: [[
|
|
18
|
+
CommonModule,
|
|
19
|
+
ReactiveFormsModule,
|
|
20
|
+
SkyI18nModule,
|
|
21
|
+
SkyInputBoxModule,
|
|
22
|
+
SkyLookupModule,
|
|
23
|
+
]] });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorLookupModule, decorators: [{
|
|
25
|
+
type: NgModule,
|
|
26
|
+
args: [{
|
|
27
|
+
declarations: [SkyAgGridCellEditorLookupComponent],
|
|
28
|
+
exports: [SkyAgGridCellEditorLookupComponent],
|
|
29
|
+
imports: [
|
|
30
|
+
CommonModule,
|
|
31
|
+
ReactiveFormsModule,
|
|
32
|
+
SkyI18nModule,
|
|
33
|
+
SkyInputBoxModule,
|
|
34
|
+
SkyLookupModule,
|
|
35
|
+
],
|
|
36
|
+
}]
|
|
37
|
+
}] });
|
|
38
|
+
//# sourceMappingURL=cell-editor-lookup.module.js.map
|
package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.module.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cell-editor-lookup.module.js","sourceRoot":"","sources":["../../../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,kCAAkC,EAAE,MAAM,gCAAgC,CAAC;;AAapF,MAAM,OAAO,+BAA+B;;6HAA/B,+BAA+B;8HAA/B,+BAA+B,iBAV3B,kCAAkC,aAG/C,YAAY;QACZ,mBAAmB;QACnB,aAAa;QACb,iBAAiB;QACjB,eAAe,aANP,kCAAkC;8HASjC,+BAA+B,YARjC;YACP,YAAY;YACZ,mBAAmB;YACnB,aAAa;YACb,iBAAiB;YACjB,eAAe;SAChB;4FAEU,+BAA+B;kBAX3C,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,kCAAkC,CAAC;oBAClD,OAAO,EAAE,CAAC,kCAAkC,CAAC;oBAC7C,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,aAAa;wBACb,iBAAiB;wBACjB,eAAe;qBAChB;iBACF","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyI18nModule } from '@skyux/i18n';\nimport { SkyLookupModule } from '@skyux/lookup';\nimport { SkyAgGridCellEditorLookupComponent } from './cell-editor-lookup.component';\n\n@NgModule({\n declarations: [SkyAgGridCellEditorLookupComponent],\n exports: [SkyAgGridCellEditorLookupComponent],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n SkyI18nModule,\n SkyInputBoxModule,\n SkyLookupModule,\n ],\n})\nexport class SkyAgGridCellEditorLookupModule {}\n"]}
|
package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.component.js
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ElementRef, ViewChild, } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/forms";
|
|
4
|
+
import * as i2 from "@skyux/i18n";
|
|
5
|
+
/**
|
|
6
|
+
* @internal
|
|
7
|
+
*/
|
|
8
|
+
export class SkyAgGridCellEditorNumberComponent {
|
|
9
|
+
/**
|
|
10
|
+
* agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
|
|
11
|
+
* @param params The cell editor params that include data about the cell, column, row, and grid.
|
|
12
|
+
*/
|
|
13
|
+
agInit(params) {
|
|
14
|
+
this.params = params;
|
|
15
|
+
this.value = this.params.value;
|
|
16
|
+
this.columnHeader = this.params.colDef.headerName;
|
|
17
|
+
this.rowNumber = this.params.rowIndex + 1;
|
|
18
|
+
this.columnWidth = this.params.column.getActualWidth();
|
|
19
|
+
this.rowHeightWithoutBorders =
|
|
20
|
+
this.params.node && this.params.node.rowHeight - 4;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* 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.
|
|
24
|
+
*/
|
|
25
|
+
afterGuiAttached() {
|
|
26
|
+
this.input.nativeElement.focus();
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* getValue is called by agGrid when editing is stopped to get the new value of the cell.
|
|
30
|
+
*/
|
|
31
|
+
getValue() {
|
|
32
|
+
return this.value;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
SkyAgGridCellEditorNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
+
SkyAgGridCellEditorNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyAgGridCellEditorNumberComponent, selector: "sky-ag-grid-cell-editor-number", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorNumber"], descendants: true, read: ElementRef }], ngImport: i0, template: "<input\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 [(ngModel)]=\"value\"\n #skyCellEditorNumber\n/>\n", styles: ["input{border:none;text-align:right}\n"], directives: [{ type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i2.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorNumberComponent, decorators: [{
|
|
38
|
+
type: Component,
|
|
39
|
+
args: [{
|
|
40
|
+
selector: 'sky-ag-grid-cell-editor-number',
|
|
41
|
+
templateUrl: './cell-editor-number.component.html',
|
|
42
|
+
styleUrls: ['./cell-editor-number.component.scss'],
|
|
43
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
44
|
+
}]
|
|
45
|
+
}], propDecorators: { input: [{
|
|
46
|
+
type: ViewChild,
|
|
47
|
+
args: ['skyCellEditorNumber', { read: ElementRef }]
|
|
48
|
+
}] } });
|
|
49
|
+
//# sourceMappingURL=cell-editor-number.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cell-editor-number.component.js","sourceRoot":"","sources":["../../../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.component.ts","../../../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,SAAS,GACV,MAAM,eAAe,CAAC;;;;AAMvB;;GAEG;AAOH,MAAM,OAAO,kCAAkC;IAc7C;;;OAGG;IACI,MAAM,CAAC,MAAyB;QACrC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QAC/B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;QAClD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAC;QAC1C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC;QACvD,IAAI,CAAC,uBAAuB;YAC1B,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;IACvD,CAAC;IAED;;OAEG;IACI,gBAAgB;QACrB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;IACnC,CAAC;IAED;;OAEG;IACI,QAAQ;QACb,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;;gIAxCU,kCAAkC;oHAAlC,kCAAkC,+JAWH,UAAU,6BC/BtD,uSAWA;4FDSa,kCAAkC;kBAN9C,SAAS;mBAAC;oBACT,QAAQ,EAAE,gCAAgC;oBAC1C,WAAW,EAAE,qCAAqC;oBAClD,SAAS,EAAE,CAAC,qCAAqC,CAAC;oBAClD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAaS,KAAK;sBADZ,SAAS;uBAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE","sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n ViewChild,\n} from '@angular/core';\n\nimport { ICellEditorAngularComp } from 'ag-grid-angular';\n\nimport { ICellEditorParams } from 'ag-grid-community';\n\n/**\n * @internal\n */\n@Component({\n selector: 'sky-ag-grid-cell-editor-number',\n templateUrl: './cell-editor-number.component.html',\n styleUrls: ['./cell-editor-number.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyAgGridCellEditorNumberComponent\n implements ICellEditorAngularComp\n{\n public value: number;\n public columnHeader: string;\n public columnWidth: number;\n public rowHeightWithoutBorders: number;\n public rowNumber: number;\n\n private params: ICellEditorParams;\n\n @ViewChild('skyCellEditorNumber', { read: ElementRef })\n private input: ElementRef;\n\n /**\n * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.\n * @param params The cell editor params that include data about the cell, column, row, and grid.\n */\n public agInit(params: ICellEditorParams): void {\n this.params = params;\n this.value = this.params.value;\n this.columnHeader = this.params.colDef.headerName;\n this.rowNumber = this.params.rowIndex + 1;\n this.columnWidth = this.params.column.getActualWidth();\n this.rowHeightWithoutBorders =\n this.params.node && this.params.node.rowHeight - 4;\n }\n\n /**\n * 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.\n */\n public afterGuiAttached(): void {\n this.input.nativeElement.focus();\n }\n\n /**\n * getValue is called by agGrid when editing is stopped to get the new value of the cell.\n */\n public getValue(): number {\n return this.value;\n }\n}\n","<input\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 [(ngModel)]=\"value\"\n #skyCellEditorNumber\n/>\n"]}
|
package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.module.js
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { FormsModule } from '@angular/forms';
|
|
3
|
+
import { AgGridResourcesModule } from '../../../shared/ag-grid-resources.module';
|
|
4
|
+
import { SkyAgGridCellEditorNumberComponent } from '../cell-editor-number/cell-editor-number.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class SkyAgGridCellEditorNumberModule {
|
|
7
|
+
}
|
|
8
|
+
SkyAgGridCellEditorNumberModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorNumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
SkyAgGridCellEditorNumberModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorNumberModule, declarations: [SkyAgGridCellEditorNumberComponent], imports: [AgGridResourcesModule, FormsModule], exports: [SkyAgGridCellEditorNumberComponent] });
|
|
10
|
+
SkyAgGridCellEditorNumberModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorNumberModule, imports: [[AgGridResourcesModule, FormsModule]] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorNumberModule, decorators: [{
|
|
12
|
+
type: NgModule,
|
|
13
|
+
args: [{
|
|
14
|
+
imports: [AgGridResourcesModule, FormsModule],
|
|
15
|
+
declarations: [SkyAgGridCellEditorNumberComponent],
|
|
16
|
+
exports: [SkyAgGridCellEditorNumberComponent],
|
|
17
|
+
}]
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=cell-editor-number.module.js.map
|
package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.module.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cell-editor-number.module.js","sourceRoot":"","sources":["../../../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,OAAO,EAAE,kCAAkC,EAAE,MAAM,oDAAoD,CAAC;;AAOxG,MAAM,OAAO,+BAA+B;;6HAA/B,+BAA+B;8HAA/B,+BAA+B,iBAH3B,kCAAkC,aADvC,qBAAqB,EAAE,WAAW,aAElC,kCAAkC;8HAEjC,+BAA+B,YAJjC,CAAC,qBAAqB,EAAE,WAAW,CAAC;4FAIlC,+BAA+B;kBAL3C,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,qBAAqB,EAAE,WAAW,CAAC;oBAC7C,YAAY,EAAE,CAAC,kCAAkC,CAAC;oBAClD,OAAO,EAAE,CAAC,kCAAkC,CAAC;iBAC9C","sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { AgGridResourcesModule } from '../../../shared/ag-grid-resources.module';\n\nimport { SkyAgGridCellEditorNumberComponent } from '../cell-editor-number/cell-editor-number.component';\n\n@NgModule({\n imports: [AgGridResourcesModule, FormsModule],\n declarations: [SkyAgGridCellEditorNumberComponent],\n exports: [SkyAgGridCellEditorNumberComponent],\n})\nexport class SkyAgGridCellEditorNumberModule {}\n"]}
|
package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.component.js
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ElementRef, ViewChild, } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/forms";
|
|
4
|
+
import * as i2 from "@skyux/i18n";
|
|
5
|
+
/**
|
|
6
|
+
* @internal
|
|
7
|
+
*/
|
|
8
|
+
export class SkyAgGridCellEditorTextComponent {
|
|
9
|
+
/**
|
|
10
|
+
* agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
|
|
11
|
+
* @param params The cell editor params that include data about the cell, column, row, and grid.
|
|
12
|
+
*/
|
|
13
|
+
agInit(params) {
|
|
14
|
+
this.params = params;
|
|
15
|
+
this.value = this.params.charPress || this.params.value;
|
|
16
|
+
this.columnHeader = this.params.colDef.headerName;
|
|
17
|
+
this.rowNumber = this.params.rowIndex + 1;
|
|
18
|
+
this.columnWidth = this.params.column.getActualWidth();
|
|
19
|
+
this.rowHeightWithoutBorders =
|
|
20
|
+
this.params.node && this.params.node.rowHeight - 4;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* 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.
|
|
24
|
+
*/
|
|
25
|
+
afterGuiAttached() {
|
|
26
|
+
this.input.nativeElement.focus();
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* getValue is called by agGrid when editing is stopped to get the new value of the cell.
|
|
30
|
+
*/
|
|
31
|
+
getValue() {
|
|
32
|
+
return this.value;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
SkyAgGridCellEditorTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
+
SkyAgGridCellEditorTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyAgGridCellEditorTextComponent, selector: "sky-ag-grid-cell-editor-text", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorText"], descendants: true, read: ElementRef }], ngImport: i0, template: "<input\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 [(ngModel)]=\"value\"\n #skyCellEditorText\n/>\n", styles: ["input{border:none;padding-left:11px}\n"], directives: [{ type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i2.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorTextComponent, decorators: [{
|
|
38
|
+
type: Component,
|
|
39
|
+
args: [{
|
|
40
|
+
selector: 'sky-ag-grid-cell-editor-text',
|
|
41
|
+
templateUrl: './cell-editor-text.component.html',
|
|
42
|
+
styleUrls: ['./cell-editor-text.component.scss'],
|
|
43
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
44
|
+
}]
|
|
45
|
+
}], propDecorators: { input: [{
|
|
46
|
+
type: ViewChild,
|
|
47
|
+
args: ['skyCellEditorText', { read: ElementRef }]
|
|
48
|
+
}] } });
|
|
49
|
+
//# sourceMappingURL=cell-editor-text.component.js.map
|
package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.component.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cell-editor-text.component.js","sourceRoot":"","sources":["../../../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.component.ts","../../../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,SAAS,GACV,MAAM,eAAe,CAAC;;;;AAMvB;;GAEG;AAOH,MAAM,OAAO,gCAAgC;IAe3C;;;OAGG;IACI,MAAM,CAAC,MAAyB;QACrC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QACxD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;QAClD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAC;QAC1C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC;QACvD,IAAI,CAAC,uBAAuB;YAC1B,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;IACvD,CAAC;IAED;;OAEG;IACI,gBAAgB;QACrB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;IACnC,CAAC;IAED;;OAEG;IACI,QAAQ;QACb,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;;8HAzCU,gCAAgC;kHAAhC,gCAAgC,2JAYH,UAAU,6BChCpD,iSAWA;4FDSa,gCAAgC;kBAN5C,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,WAAW,EAAE,mCAAmC;oBAChD,SAAS,EAAE,CAAC,mCAAmC,CAAC;oBAChD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAcS,KAAK;sBADZ,SAAS;uBAAC,mBAAmB,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE","sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n ViewChild,\n} from '@angular/core';\n\nimport { ICellEditorAngularComp } from 'ag-grid-angular';\n\nimport { ICellEditorParams } from 'ag-grid-community';\n\n/**\n * @internal\n */\n@Component({\n selector: 'sky-ag-grid-cell-editor-text',\n templateUrl: './cell-editor-text.component.html',\n styleUrls: ['./cell-editor-text.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyAgGridCellEditorTextComponent\n implements ICellEditorAngularComp\n{\n public value: string;\n public textInputLabel: string;\n public columnHeader: string;\n public columnWidth: number;\n public rowHeightWithoutBorders: number;\n public rowNumber: number;\n\n private params: ICellEditorParams;\n\n @ViewChild('skyCellEditorText', { read: ElementRef })\n private input: ElementRef;\n\n /**\n * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.\n * @param params The cell editor params that include data about the cell, column, row, and grid.\n */\n public agInit(params: ICellEditorParams): void {\n this.params = params;\n this.value = this.params.charPress || this.params.value;\n this.columnHeader = this.params.colDef.headerName;\n this.rowNumber = this.params.rowIndex + 1;\n this.columnWidth = this.params.column.getActualWidth();\n this.rowHeightWithoutBorders =\n this.params.node && this.params.node.rowHeight - 4;\n }\n\n /**\n * 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.\n */\n public afterGuiAttached(): void {\n this.input.nativeElement.focus();\n }\n\n /**\n * getValue is called by agGrid when editing is stopped to get the new value of the cell.\n */\n public getValue(): string {\n return this.value;\n }\n}\n","<input\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 [(ngModel)]=\"value\"\n #skyCellEditorText\n/>\n"]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { FormsModule } from '@angular/forms';
|
|
3
|
+
import { AgGridResourcesModule } from '../../../shared/ag-grid-resources.module';
|
|
4
|
+
import { SkyAgGridCellEditorTextComponent } from './cell-editor-text.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class SkyAgGridCellEditorTextModule {
|
|
7
|
+
}
|
|
8
|
+
SkyAgGridCellEditorTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
SkyAgGridCellEditorTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorTextModule, declarations: [SkyAgGridCellEditorTextComponent], imports: [AgGridResourcesModule, FormsModule], exports: [SkyAgGridCellEditorTextComponent] });
|
|
10
|
+
SkyAgGridCellEditorTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorTextModule, imports: [[AgGridResourcesModule, FormsModule]] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorTextModule, decorators: [{
|
|
12
|
+
type: NgModule,
|
|
13
|
+
args: [{
|
|
14
|
+
imports: [AgGridResourcesModule, FormsModule],
|
|
15
|
+
declarations: [SkyAgGridCellEditorTextComponent],
|
|
16
|
+
exports: [SkyAgGridCellEditorTextComponent],
|
|
17
|
+
}]
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=cell-editor-text.module.js.map
|
package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.module.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cell-editor-text.module.js","sourceRoot":"","sources":["../../../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,OAAO,EAAE,gCAAgC,EAAE,MAAM,8BAA8B,CAAC;;AAOhF,MAAM,OAAO,6BAA6B;;2HAA7B,6BAA6B;4HAA7B,6BAA6B,iBAHzB,gCAAgC,aADrC,qBAAqB,EAAE,WAAW,aAElC,gCAAgC;4HAE/B,6BAA6B,YAJ/B,CAAC,qBAAqB,EAAE,WAAW,CAAC;4FAIlC,6BAA6B;kBALzC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,qBAAqB,EAAE,WAAW,CAAC;oBAC7C,YAAY,EAAE,CAAC,gCAAgC,CAAC;oBAChD,OAAO,EAAE,CAAC,gCAAgC,CAAC;iBAC5C","sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { AgGridResourcesModule } from '../../../shared/ag-grid-resources.module';\n\nimport { SkyAgGridCellEditorTextComponent } from './cell-editor-text.component';\n\n@NgModule({\n imports: [AgGridResourcesModule, FormsModule],\n declarations: [SkyAgGridCellEditorTextComponent],\n exports: [SkyAgGridCellEditorTextComponent],\n})\nexport class SkyAgGridCellEditorTextModule {}\n"]}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../../cell-validator/ag-grid-cell-validator-tooltip.component";
|
|
4
|
+
import * as i2 from "./cell-renderer-currency.component";
|
|
5
|
+
import * as i3 from "@angular/common";
|
|
6
|
+
/**
|
|
7
|
+
* @internal
|
|
8
|
+
*/
|
|
9
|
+
export class SkyAgGridCellRendererCurrencyValidatorComponent {
|
|
10
|
+
constructor(changeDetector) {
|
|
11
|
+
this.changeDetector = changeDetector;
|
|
12
|
+
}
|
|
13
|
+
set parameters(value) {
|
|
14
|
+
this.agInit(value);
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* agInit is called by agGrid once after the renderer is created and provides the renderer with the information it needs.
|
|
18
|
+
* @param params The cell renderer params that include data about the cell, column, row, and grid.
|
|
19
|
+
*/
|
|
20
|
+
agInit(params) {
|
|
21
|
+
this.cellRendererParams = params;
|
|
22
|
+
this.changeDetector.markForCheck();
|
|
23
|
+
}
|
|
24
|
+
isNumeric(value) {
|
|
25
|
+
return !isNaN(parseFloat(value));
|
|
26
|
+
}
|
|
27
|
+
refresh(params) {
|
|
28
|
+
return false;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
SkyAgGridCellRendererCurrencyValidatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellRendererCurrencyValidatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
+
SkyAgGridCellRendererCurrencyValidatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyAgGridCellRendererCurrencyValidatorComponent, selector: "sky-ag-grid-cell-renderer-currency-validator", inputs: { parameters: "parameters" }, ngImport: i0, template: "<sky-ag-grid-cell-validator-tooltip [params]=\"cellRendererParams\">\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", components: [{ type: i1.SkyAgGridCellValidatorTooltipComponent, selector: "sky-ag-grid-cell-validator-tooltip", inputs: ["params"] }, { type: i2.SkyAgGridCellRendererCurrencyComponent, selector: "sky-ag-grid-cell-renderer-currency", inputs: ["params"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellRendererCurrencyValidatorComponent, decorators: [{
|
|
34
|
+
type: Component,
|
|
35
|
+
args: [{
|
|
36
|
+
selector: 'sky-ag-grid-cell-renderer-currency-validator',
|
|
37
|
+
templateUrl: 'cell-renderer-currency-validator.component.html',
|
|
38
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
39
|
+
}]
|
|
40
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { parameters: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}] } });
|
|
43
|
+
//# sourceMappingURL=cell-renderer-currency-validator.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cell-renderer-currency-validator.component.js","sourceRoot":"","sources":["../../../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency-validator.component.ts","../../../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency-validator.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,KAAK,GACN,MAAM,eAAe,CAAC;;;;;AAMvB;;GAEG;AAMH,MAAM,OAAO,+CAA+C;IAU1D,YAAoB,cAAiC;QAAjC,mBAAc,GAAd,cAAc,CAAmB;IAAG,CAAC;IAPzD,IACW,UAAU,CAAC,KAAoC;QACxD,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC;IAMD;;;OAGG;IACI,MAAM,CAAC,MAAqC;QACjD,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC;QACjC,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;IAEM,SAAS,CAAC,KAAU;QACzB,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IACnC,CAAC;IAEM,OAAO,CAAC,MAAqC;QAClD,OAAO,KAAK,CAAC;IACf,CAAC;;6IA3BU,+CAA+C;iIAA/C,+CAA+C,0HCnB5D,8WAOA;4FDYa,+CAA+C;kBAL3D,SAAS;mBAAC;oBACT,QAAQ,EAAE,8CAA8C;oBACxD,WAAW,EAAE,iDAAiD;oBAC9D,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;wGAKY,UAAU;sBADpB,KAAK","sourcesContent":["import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Input,\n} from '@angular/core';\n\nimport { ICellRendererAngularComp } from 'ag-grid-angular';\n\nimport { SkyCellRendererCurrencyParams } from '../../types/cell-renderer-currency-params';\n\n/**\n * @internal\n */\n@Component({\n selector: 'sky-ag-grid-cell-renderer-currency-validator',\n templateUrl: 'cell-renderer-currency-validator.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyAgGridCellRendererCurrencyValidatorComponent\n implements ICellRendererAngularComp\n{\n @Input()\n public set parameters(value: SkyCellRendererCurrencyParams) {\n this.agInit(value);\n }\n\n public cellRendererParams: SkyCellRendererCurrencyParams;\n\n constructor(private changeDetector: ChangeDetectorRef) {}\n\n /**\n * agInit is called by agGrid once after the renderer is created and provides the renderer with the information it needs.\n * @param params The cell renderer params that include data about the cell, column, row, and grid.\n */\n public agInit(params: SkyCellRendererCurrencyParams) {\n this.cellRendererParams = params;\n this.changeDetector.markForCheck();\n }\n\n public isNumeric(value: any) {\n return !isNaN(parseFloat(value));\n }\n\n public refresh(params: SkyCellRendererCurrencyParams): boolean {\n return false;\n }\n}\n","<sky-ag-grid-cell-validator-tooltip [params]=\"cellRendererParams\">\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"]}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@skyux/i18n";
|
|
4
|
+
import * as i2 from "@skyux/core";
|
|
5
|
+
/**
|
|
6
|
+
* @internal
|
|
7
|
+
*/
|
|
8
|
+
export class SkyAgGridCellRendererCurrencyComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.skyComponentProperties = {};
|
|
11
|
+
this.numericOptions = {};
|
|
12
|
+
}
|
|
13
|
+
set params(value) {
|
|
14
|
+
this.agInit(value);
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* agInit is called by agGrid once after the renderer is created and provides the renderer with the information it needs.
|
|
18
|
+
* @param params The cell renderer params that include data about the cell, column, row, and grid.
|
|
19
|
+
*/
|
|
20
|
+
agInit(params) {
|
|
21
|
+
this.updateProperties(params);
|
|
22
|
+
}
|
|
23
|
+
refresh(params) {
|
|
24
|
+
return false;
|
|
25
|
+
}
|
|
26
|
+
updateProperties(params) {
|
|
27
|
+
var _a;
|
|
28
|
+
this._params = params;
|
|
29
|
+
this.value = this._params.value;
|
|
30
|
+
this.columnHeader = this._params.colDef && this._params.colDef.headerName;
|
|
31
|
+
this.rowNumber = this._params.rowIndex + 1;
|
|
32
|
+
this.columnWidth = (_a = this._params.column) === null || _a === void 0 ? void 0 : _a.getActualWidth();
|
|
33
|
+
this.rowHeightWithoutBorders =
|
|
34
|
+
this._params.node && this._params.node.rowHeight - 4;
|
|
35
|
+
this.skyComponentProperties = this._params.skyComponentProperties || {};
|
|
36
|
+
this.skyComponentProperties.format = 'currency';
|
|
37
|
+
this.skyComponentProperties.minDigits = 2;
|
|
38
|
+
this.skyComponentProperties.truncate = false;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
SkyAgGridCellRendererCurrencyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellRendererCurrencyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
+
SkyAgGridCellRendererCurrencyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyAgGridCellRendererCurrencyComponent, selector: "sky-ag-grid-cell-renderer-currency", inputs: { params: "params" }, ngImport: i0, template: "<span\n [attr.aria-label]=\"\n 'sky_ag_grid_cell_renderer_currency_aria_label'\n | skyLibResources: columnHeader:rowNumber\n \"\n [style.width.px]=\"columnWidth\"\n [style.height.px]=\"rowHeightWithoutBorders\"\n>\n {{ value | skyNumeric: skyComponentProperties }}\n</span>\n", styles: ["input{border:none;padding-left:11px}\n"], pipes: { "skyLibResources": i1.SkyLibResourcesPipe, "skyNumeric": i2.SkyNumericPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellRendererCurrencyComponent, decorators: [{
|
|
44
|
+
type: Component,
|
|
45
|
+
args: [{
|
|
46
|
+
selector: 'sky-ag-grid-cell-renderer-currency',
|
|
47
|
+
templateUrl: './cell-renderer-currency.component.html',
|
|
48
|
+
styleUrls: ['./cell-renderer-currency.component.scss'],
|
|
49
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
50
|
+
}]
|
|
51
|
+
}], propDecorators: { params: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}] } });
|
|
54
|
+
//# sourceMappingURL=cell-renderer-currency.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cell-renderer-currency.component.js","sourceRoot":"","sources":["../../../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.component.ts","../../../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;;AAS1E;;GAEG;AAOH,MAAM,OAAO,sCAAsC;IANnD;QAkBS,2BAAsB,GAAsC,EAAE,CAAC;QAC/D,mBAAc,GAAmB,EAAE,CAAC;KA8B5C;IAxCC,IACW,MAAM,CAAC,KAAoC;QACpD,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC;IAYD;;;OAGG;IACI,MAAM,CAAC,MAAqC;QACjD,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC;IAEM,OAAO,CAAC,MAAqC;QAClD,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,gBAAgB,CAAC,MAAqC;;QAC5D,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;QAChC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC;QAC1E,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;QAC3C,IAAI,CAAC,WAAW,GAAG,MAAA,IAAI,CAAC,OAAO,CAAC,MAAM,0CAAE,cAAc,EAAE,CAAC;QACzD,IAAI,CAAC,uBAAuB;YAC1B,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;QACvD,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,OAAO,CAAC,sBAAsB,IAAI,EAAE,CAAC;QACxE,IAAI,CAAC,sBAAsB,CAAC,MAAM,GAAG,UAAU,CAAC;QAChD,IAAI,CAAC,sBAAsB,CAAC,SAAS,GAAG,CAAC,CAAC;QAC1C,IAAI,CAAC,sBAAsB,CAAC,QAAQ,GAAG,KAAK,CAAC;IAC/C,CAAC;;oIA1CU,sCAAsC;wHAAtC,sCAAsC,wGClBnD,kSAUA;4FDQa,sCAAsC;kBANlD,SAAS;mBAAC;oBACT,QAAQ,EAAE,oCAAoC;oBAC9C,WAAW,EAAE,yCAAyC;oBACtD,SAAS,EAAE,CAAC,yCAAyC,CAAC;oBACtD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAKY,MAAM;sBADhB,KAAK","sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { NumericOptions } from '@skyux/core';\n\nimport { ICellRendererAngularComp } from 'ag-grid-angular';\n\nimport { SkyCellRendererCurrencyParams } from '../../types/cell-renderer-currency-params';\n\nimport { ValidatorOptions } from '../../types/validator-options';\n\n/**\n * @internal\n */\n@Component({\n selector: 'sky-ag-grid-cell-renderer-currency',\n templateUrl: './cell-renderer-currency.component.html',\n styleUrls: ['./cell-renderer-currency.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyAgGridCellRendererCurrencyComponent\n implements ICellRendererAngularComp\n{\n @Input()\n public set params(value: SkyCellRendererCurrencyParams) {\n this.agInit(value);\n }\n\n public columnHeader: string;\n public columnWidth: number;\n public rowHeightWithoutBorders: number;\n public rowNumber: number;\n public skyComponentProperties: NumericOptions & ValidatorOptions = {};\n public numericOptions: NumericOptions = {};\n public value: number;\n\n private _params: SkyCellRendererCurrencyParams;\n\n /**\n * agInit is called by agGrid once after the renderer is created and provides the renderer with the information it needs.\n * @param params The cell renderer params that include data about the cell, column, row, and grid.\n */\n public agInit(params: SkyCellRendererCurrencyParams) {\n this.updateProperties(params);\n }\n\n public refresh(params: SkyCellRendererCurrencyParams): boolean {\n return false;\n }\n\n private updateProperties(params: SkyCellRendererCurrencyParams) {\n this._params = params;\n this.value = this._params.value;\n this.columnHeader = this._params.colDef && this._params.colDef.headerName;\n this.rowNumber = this._params.rowIndex + 1;\n this.columnWidth = this._params.column?.getActualWidth();\n this.rowHeightWithoutBorders =\n this._params.node && this._params.node.rowHeight - 4;\n this.skyComponentProperties = this._params.skyComponentProperties || {};\n this.skyComponentProperties.format = 'currency';\n this.skyComponentProperties.minDigits = 2;\n this.skyComponentProperties.truncate = false;\n }\n}\n","<span\n [attr.aria-label]=\"\n 'sky_ag_grid_cell_renderer_currency_aria_label'\n | skyLibResources: columnHeader:rowNumber\n \"\n [style.width.px]=\"columnWidth\"\n [style.height.px]=\"rowHeightWithoutBorders\"\n>\n {{ value | skyNumeric: skyComponentProperties }}\n</span>\n"]}
|