@skyux/ag-grid 5.9.6 → 5.11.0

package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.component.js

@@ -1,6 +1,13 @@
-import { ChangeDetectionStrategy, Component, ElementRef, Optional, ViewChild, ViewEncapsulation, } from '@angular/core';
+var _SkyAgGridCellEditorDatepickerComponent_triggerType;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Optional, ViewChild, ViewEncapsulation, } from '@angular/core';
+import { FormControl, FormGroup } from '@angular/forms';
 import { SkyThemeService } from '@skyux/theme';
 import { PopupComponent } from 'ag-grid-community';
+import { fromEvent } from 'rxjs';
+import { first } from 'rxjs/operators';
+import { SkyAgGridCellEditorInitialAction } from '../../types/cell-editor-initial-action';
+import { SkyAgGridCellEditorUtils } from '../../types/cell-editor-utils';
 import * as i0 from "@angular/core";
 import * as i1 from "@skyux/theme";
 import * as i2 from "@skyux/datetime";
@@ -9,25 +16,48 @@ import * as i3 from "@angular/forms";
  * @internal
  */
 export class SkyAgGridCellEditorDatepickerComponent extends PopupComponent {
-    constructor(themeSvc) {
+    constructor(changeDetector, themeSvc) {
         super();
+        this.changeDetector = changeDetector;
         this.themeSvc = themeSvc;
+        this.editorForm = new FormGroup({
+            date: new FormControl(),
+        });
         this.skyComponentProperties = {};
+        _SkyAgGridCellEditorDatepickerComponent_triggerType.set(this, void 0);
     }
     /**
      * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
      * @param params The cell editor params that include data about the cell, column, row, and grid.
      */
     agInit(params) {
-        var _a;
+        var _a, _b;
         this.params = params;
-        this.currentDate = this.params.value;
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorDatepickerComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
+        const control = this.editorForm.get('date');
+        switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_triggerType, "f")) {
+            case SkyAgGridCellEditorInitialAction.Delete:
+                control.setValue(undefined);
+                break;
+            case SkyAgGridCellEditorInitialAction.Replace:
+                control.setValue(params.charPress);
+                break;
+            case SkyAgGridCellEditorInitialAction.Highlighted:
+            case SkyAgGridCellEditorInitialAction.Untouched:
+            default:
+                control.setValue(params.value);
+                break;
+        }
+        if ((_a = this.params.skyComponentProperties) === null || _a === void 0 ? void 0 : _a.disabled) {
+            control.disable();
+        }
+        this.changeDetector.markForCheck();
         this.skyComponentProperties = this.params.skyComponentProperties || {};
         this.columnWidth = this.params.column.getActualWidth();
         this.columnWidthWithoutBorders = this.columnWidth - 2;
         this.rowHeightWithoutBorders =
             this.params.node && this.params.node.rowHeight - 3;
-        (_a = this.themeSvc) === null || _a === void 0 ? void 0 : _a.settingsChange.subscribe((themeSettings) => {
+        (_b = this.themeSvc) === null || _b === void 0 ? void 0 : _b.settingsChange.subscribe((themeSettings) => {
             if (themeSettings.currentSettings.theme.name === 'modern') {
                 this.columnWidthWithoutBorders = this.columnWidth;
                 this.rowHeightWithoutBorders =
@@ -44,21 +74,38 @@ export class SkyAgGridCellEditorDatepickerComponent extends PopupComponent {
      * 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.
      */
     afterGuiAttached() {
-        this.focusOnDatepickerInput();
+        const datepickerInputEl = this.datepickerInput
+            .nativeElement;
+        datepickerInputEl.focus();
+        // Programatically set the value of in the input; however, do not do this via the form control so that the value is not formatted when editing starts.
+        // Watch for the first blur and fire a 'change' event as programatic changes won't queue a change event, but we need to do this so that formatting happens if the user tabs to the calendar button.
+        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Replace) {
+            fromEvent(datepickerInputEl, 'blur')
+                .pipe(first())
+                .subscribe(() => {
+                datepickerInputEl.dispatchEvent(new Event('change'));
+            });
+            datepickerInputEl.select();
+            datepickerInputEl.setRangeText(this.params.charPress);
+            // Ensure the cursor is at the end of the text.
+            datepickerInputEl.setSelectionRange(this.params.charPress.length, this.params.charPress.length);
+        }
+        // this.changeDetector.markForCheck();
+        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
+            datepickerInputEl.select();
+        }
     }
     /**
      * getValue is called by agGrid when editing is stopped to get the new value of the cell.
      */
     getValue() {
         this.datepickerInput.nativeElement.blur();
-        return this.currentDate;
-    }
-    focusOnDatepickerInput() {
-        this.datepickerInput.nativeElement.focus();
+        return this.editorForm.get('date').value;
     }
 }
-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 });
-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 });
+_SkyAgGridCellEditorDatepickerComponent_triggerType = new WeakMap();
+SkyAgGridCellEditorDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorDatepickerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+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  [formGroup]=\"editorForm\"\n  [style.width.px]=\"columnWidthWithoutBorders\"\n>\n  <sky-datepicker\n    data-sky-id=\"cell-datepicker\"\n    pickerClass=\"ag-custom-component-popup\"\n  >\n    <input\n      formControlName=\"date\"\n      skyDatepickerInput\n      [minDate]=\"skyComponentProperties.minDate\"\n      [maxDate]=\"skyComponentProperties.maxDate\"\n      [dateFormat]=\"skyComponentProperties.dateFormat\"\n      [startingDay]=\"skyComponentProperties.startingDay\"\n      [skyDatepickerNoValidate]=\"skyComponentProperties.skyDatepickerNoValidate\"\n      [style.height.px]=\"rowHeightWithoutBorders\"\n      #skyCellEditorDatepickerInput\n    />\n  </sky-datepicker>\n</div>\n", styles: [".sky-ag-grid-cell-editor-datepicker{position:relative;top:1px;left:1px}.sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{box-shadow:none;border-width:1px;border-style:solid;border-color:transparent #cdcfd2 transparent transparent}.sky-ag-grid-cell-editor-datepicker sky-datepicker .sky-input-group-datepicker-btn{border-radius:0}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker{position:static;top:initial;left:initial}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{border-radius:0;border:1px solid #1870B8}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control:focus{border-width:2px!important}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker{position:static;top:initial;left:initial}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{border-radius:0;border:1px solid #1870B8}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control:focus{border-width:2px!important}\n"], components: [{ type: i2.λ2, selector: "sky-datepicker", inputs: ["pickerClass"], outputs: ["calendarDateRangeChange"] }], directives: [{ type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i2.λ3, selector: "[skyDatepickerInput]", inputs: ["dateFormat", "disabled", "maxDate", "minDate", "skyDatepickerInput", "skyDatepickerNoValidate", "startingDay", "strict"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorDatepickerComponent, decorators: [{
             type: Component,
             args: [{
@@ -68,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], ctorParameters: function () { return [{ type: i1.SkyThemeService, decorators: [{
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyThemeService, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { datepickerInput: [{
                 type: ViewChild,

package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.component.js.map

@@ -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;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;;;;;AAKnD;;GAEG;AAQH,MAAM,OAAO,sCACX,SAAQ,cAAc;IAatB,YAAgC,QAA0B;QACxD,KAAK,EAAE,CAAC;QADsB,aAAQ,GAAR,QAAQ,CAAkB;QANnD,2BAAsB,GAAkC,EAAE,CAAC;IAQlE,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,oDCrC/D,ywBAsBA;4FDIa,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';\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { ICellEditorAngularComp } from 'ag-grid-angular';\nimport { PopupComponent } from 'ag-grid-community';\n\nimport { SkyCellEditorDatepickerParams } from '../../types/cell-editor-datepicker-params';\nimport { SkyAgGridDatepickerProperties } 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: SkyAgGridDatepickerProperties = {};\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"]}
+{"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":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  Optional,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { ICellEditorAngularComp } from 'ag-grid-angular';\nimport { PopupComponent } from 'ag-grid-community';\nimport { fromEvent } from 'rxjs';\nimport { first } from 'rxjs/operators';\n\nimport { SkyCellEditorDatepickerParams } from '../../types/cell-editor-datepicker-params';\nimport { SkyAgGridCellEditorInitialAction } from '../../types/cell-editor-initial-action';\nimport { SkyAgGridCellEditorUtils } from '../../types/cell-editor-utils';\nimport { SkyAgGridDatepickerProperties } 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 columnWidthWithoutBorders: number;\n  public editorForm = new FormGroup({\n    date: new FormControl(),\n  });\n  public rowHeightWithoutBorders: number;\n  public skyComponentProperties: SkyAgGridDatepickerProperties = {};\n  private params: SkyCellEditorDatepickerParams;\n\n  @ViewChild('skyCellEditorDatepickerInput', { read: ElementRef })\n  private datepickerInput: ElementRef;\n\n  #triggerType: SkyAgGridCellEditorInitialAction;\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    @Optional() private themeSvc?: SkyThemeService\n  ) {\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\n    this.#triggerType = SkyAgGridCellEditorUtils.getEditorInitialAction(params);\n    const control = this.editorForm.get('date');\n    switch (this.#triggerType) {\n      case SkyAgGridCellEditorInitialAction.Delete:\n        control.setValue(undefined);\n        break;\n      case SkyAgGridCellEditorInitialAction.Replace:\n        control.setValue(params.charPress);\n        break;\n      case SkyAgGridCellEditorInitialAction.Highlighted:\n      case SkyAgGridCellEditorInitialAction.Untouched:\n      default:\n        control.setValue(params.value);\n        break;\n    }\n    if (this.params.skyComponentProperties?.disabled) {\n      control.disable();\n    }\n    this.changeDetector.markForCheck();\n\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    const datepickerInputEl = this.datepickerInput\n      .nativeElement as HTMLInputElement;\n    datepickerInputEl.focus();\n\n    // Programatically set the value of in the input; however, do not do this via the form control so that the value is not formatted when editing starts.\n    // Watch for the first blur and fire a 'change' event as programatic changes won't queue a change event, but we need to do this so that formatting happens if the user tabs to the calendar button.\n    if (this.#triggerType === SkyAgGridCellEditorInitialAction.Replace) {\n      fromEvent(datepickerInputEl, 'blur')\n        .pipe(first())\n        .subscribe(() => {\n          datepickerInputEl.dispatchEvent(new Event('change'));\n        });\n      datepickerInputEl.select();\n      datepickerInputEl.setRangeText(this.params.charPress);\n      // Ensure the cursor is at the end of the text.\n      datepickerInputEl.setSelectionRange(\n        this.params.charPress.length,\n        this.params.charPress.length\n      );\n    }\n\n    // this.changeDetector.markForCheck();\n    if (this.#triggerType === SkyAgGridCellEditorInitialAction.Highlighted) {\n      datepickerInputEl.select();\n    }\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.editorForm.get('date').value;\n  }\n}\n","<div\n  class=\"sky-ag-grid-cell-editor-datepicker\"\n  [formGroup]=\"editorForm\"\n  [style.width.px]=\"columnWidthWithoutBorders\"\n>\n  <sky-datepicker\n    data-sky-id=\"cell-datepicker\"\n    pickerClass=\"ag-custom-component-popup\"\n  >\n    <input\n      formControlName=\"date\"\n      skyDatepickerInput\n      [minDate]=\"skyComponentProperties.minDate\"\n      [maxDate]=\"skyComponentProperties.maxDate\"\n      [dateFormat]=\"skyComponentProperties.dateFormat\"\n      [startingDay]=\"skyComponentProperties.startingDay\"\n      [skyDatepickerNoValidate]=\"skyComponentProperties.skyDatepickerNoValidate\"\n      [style.height.px]=\"rowHeightWithoutBorders\"\n      #skyCellEditorDatepickerInput\n    />\n  </sky-datepicker>\n</div>\n"]}

package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.module.js

@@ -1,17 +1,17 @@
 import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
 import { SkyDatepickerModule } from '@skyux/datetime';
 import { SkyAgGridCellEditorDatepickerComponent } from '../cell-editor-datepicker/cell-editor-datepicker.component';
 import * as i0 from "@angular/core";
 export class SkyAgGridCellEditorDatepickerModule {
 }
 SkyAgGridCellEditorDatepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellEditorDatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, declarations: [SkyAgGridCellEditorDatepickerComponent], imports: [SkyDatepickerModule, FormsModule], exports: [SkyAgGridCellEditorDatepickerComponent] });
-SkyAgGridCellEditorDatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, imports: [[SkyDatepickerModule, FormsModule]] });
+SkyAgGridCellEditorDatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, declarations: [SkyAgGridCellEditorDatepickerComponent], imports: [SkyDatepickerModule, ReactiveFormsModule], exports: [SkyAgGridCellEditorDatepickerComponent] });
+SkyAgGridCellEditorDatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, imports: [[SkyDatepickerModule, ReactiveFormsModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [SkyDatepickerModule, FormsModule],
+                    imports: [SkyDatepickerModule, ReactiveFormsModule],
                     declarations: [SkyAgGridCellEditorDatepickerComponent],
                     exports: [SkyAgGridCellEditorDatepickerComponent],
                 }]

package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.module.js.map

@@ -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;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,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';\nimport { FormsModule } from '@angular/forms';\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"]}
+{"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;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,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,mBAAmB,aAExC,sCAAsC;kIAErC,mCAAmC,YAJrC,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;4FAIxC,mCAAmC;kBAL/C,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;oBACnD,YAAY,EAAE,CAAC,sCAAsC,CAAC;oBACtD,OAAO,EAAE,CAAC,sCAAsC,CAAC;iBAClD","sourcesContent":["import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyDatepickerModule } from '@skyux/datetime';\n\nimport { SkyAgGridCellEditorDatepickerComponent } from '../cell-editor-datepicker/cell-editor-datepicker.component';\n\n@NgModule({\n  imports: [SkyDatepickerModule, ReactiveFormsModule],\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

@@ -1,6 +1,10 @@
+var _SkyAgGridCellEditorLookupComponent_triggerType;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostBinding, } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
 import { applySkyLookupPropertiesDefaults } from '../../apply-lookup-properties-defaults';
+import { SkyAgGridCellEditorInitialAction } from '../../types/cell-editor-initial-action';
+import { SkyAgGridCellEditorUtils } from '../../types/cell-editor-utils';
 import * as i0 from "@angular/core";
 import * as i1 from "@skyux/forms";
 import * as i2 from "@skyux/lookup";
@@ -14,21 +18,33 @@ export class SkyAgGridCellEditorLookupComponent {
         this.changeDetector = changeDetector;
         this.elementRef = elementRef;
         this.isAlive = false;
-        this.lookupForm = new FormGroup({
-            currentSelection: new FormControl({
+        this.editorForm = new FormGroup({
+            selection: new FormControl({
                 value: [],
                 disabled: false,
             }),
         });
         this.useAsyncSearch = false;
+        _SkyAgGridCellEditorLookupComponent_triggerType.set(this, void 0);
     }
     agInit(params) {
         this.params = params;
         if (!Array.isArray(this.params.value)) {
             throw new Error(`Lookup value must be an array`);
         }
-        const control = this.lookupForm.get('currentSelection');
-        control.setValue(this.params.value);
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorLookupComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
+        const control = this.editorForm.get('selection');
+        switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_triggerType, "f")) {
+            case SkyAgGridCellEditorInitialAction.Delete:
+                control.setValue([]);
+                break;
+            case SkyAgGridCellEditorInitialAction.Replace:
+            case SkyAgGridCellEditorInitialAction.Highlighted:
+            case SkyAgGridCellEditorInitialAction.Untouched:
+            default:
+                control.setValue(params.value);
+                break;
+        }
         if (this.params.skyComponentProperties.disabled) {
             control.disable();
         }
@@ -53,23 +69,33 @@ export class SkyAgGridCellEditorLookupComponent {
         return this.elementRef.nativeElement;
     }
     getValue() {
-        return this.lookupForm.get('currentSelection').value;
+        return this.editorForm.get('selection').value;
     }
     isPopup() {
         return true;
     }
-    /*istanbul ignore next*/
     afterGuiAttached() {
-        var _a;
-        (_a = this.elementRef.nativeElement.querySelector('.sky-lookup-input')) === null || _a === void 0 ? void 0 : _a.focus();
+        const lookupInput = this.elementRef.nativeElement.querySelector('.sky-lookup-input');
+        lookupInput.focus();
+        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Replace) {
+            lookupInput.select();
+            lookupInput.setRangeText(this.params.charPress);
+            // Ensure the cursor is at the end of the text.
+            lookupInput.setSelectionRange(lookupInput.value.length, lookupInput.value.length);
+            lookupInput.dispatchEvent(new Event('input'));
+        }
+        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
+            lookupInput.select();
+        }
     }
     updateComponentProperties(params) {
         const skyLookupProperties = params.skyComponentProperties;
         return applySkyLookupPropertiesDefaults(skyLookupProperties);
     }
 }
+_SkyAgGridCellEditorLookupComponent_triggerType = new WeakMap();
 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 });
-SkyAgGridCellEditorLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyAgGridCellEditorLookupComponent, selector: "sky-ag-grid-cell-editor-lookup", host: { properties: { "style.width.px": "this.width" } }, ngImport: i0, template: "<sky-input-box\n  *ngIf=\"isAlive && useAsyncSearch\"\n  [disabled]=\"skyComponentProperties?.disabled\"\n  [formGroup]=\"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 });
+SkyAgGridCellEditorLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyAgGridCellEditorLookupComponent, selector: "sky-ag-grid-cell-editor-lookup", host: { properties: { "style.width.px": "this.width" } }, ngImport: i0, template: "<sky-input-box\n  *ngIf=\"isAlive && useAsyncSearch\"\n  [disabled]=\"skyComponentProperties?.disabled\"\n  [formGroup]=\"editorForm\"\n>\n  <sky-lookup\n    [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n    [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n    [data]=\"skyComponentProperties?.data\"\n    [debounceTime]=\"skyComponentProperties?.debounceTime\"\n    [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n    [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n    formControlName=\"selection\"\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]=\"editorForm\"\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=\"selection\"\n    [idProperty]=\"skyComponentProperties?.idProperty\"\n    [placeholderText]=\"skyComponentProperties?.placeholderText\"\n    [propertiesToSearch]=\"skyComponentProperties?.propertiesToSearch\"\n    [search]=\"skyComponentProperties?.search\"\n    [searchFilters]=\"skyComponentProperties?.searchFilters\"\n    [searchResultsLimit]=\"skyComponentProperties?.searchResultsLimit\"\n    [searchResultTemplate]=\"skyComponentProperties?.searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"\n      skyComponentProperties?.searchTextMinimumCharacters\n    \"\n    [selectMode]=\"skyComponentProperties?.selectMode\"\n    [showAddButton]=\"skyComponentProperties?.showAddButton\"\n    [showMoreConfig]=\"skyComponentProperties?.showMoreConfig\"\n    [wrapperClass]=\"skyComponentProperties?.wrapperClass\"\n  >\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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorLookupComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.component.js.map

@@ -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,EACV,WAAW,GACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAMxD,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;;;;;;AAI1F;;GAEG;AAOH,MAAM,OAAO,kCAAkC;IAkB7C,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,GAAG,KAAK,CAAC;IAO3B,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,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC;QACjD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,gBAAgB,CACjC,iBAAiB,EACjB,CAAC,KAAyB,EAAE,EAAE;YAC5B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC;YAC3C,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;QACrC,CAAC,CACF,CAAC;QACF,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;;gIA7EU,kCAAkC;oHAAlC,kCAAkC,gIC1B/C,ozFA4DA;4FDlCa,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;iIAKQ,KAAK;sBADX,WAAW;uBAAC,gBAAgB","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  HostBinding,\n} from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\n\nimport { ICellEditorAngularComp } from 'ag-grid-angular';\nimport { ColumnResizedEvent } from 'ag-grid-community';\nimport { IPopupComponent } from 'ag-grid-community/dist/lib/interfaces/iPopupComponent';\n\nimport { applySkyLookupPropertiesDefaults } from '../../apply-lookup-properties-defaults';\nimport { SkyCellEditorLookupParams } from '../../types/cell-editor-lookup-params';\nimport { SkyAgGridLookupProperties } from '../../types/lookup-properties';\n\n/**\n * @internal\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  @HostBinding('style.width.px')\n  public width: number;\n\n  public skyComponentProperties?: SkyAgGridLookupProperties;\n  public isAlive = false;\n  public lookupForm = new FormGroup({\n    currentSelection: new FormControl({\n      value: [],\n      disabled: false,\n    }),\n  });\n  public useAsyncSearch = 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.width = this.params.column.getActualWidth();\n    this.params.column.addEventListener(\n      'uiColumnResized',\n      (event: ColumnResizedEvent) => {\n        this.width = event.column.getActualWidth();\n        this.changeDetector.markForCheck();\n      }\n    );\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  ): SkyAgGridLookupProperties {\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"]}
+{"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":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  HostBinding,\n} from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\n\nimport { ICellEditorAngularComp } from 'ag-grid-angular';\nimport { ColumnResizedEvent } from 'ag-grid-community';\nimport { IPopupComponent } from 'ag-grid-community/dist/lib/interfaces/iPopupComponent';\n\nimport { applySkyLookupPropertiesDefaults } from '../../apply-lookup-properties-defaults';\nimport { SkyAgGridCellEditorInitialAction } from '../../types/cell-editor-initial-action';\nimport { SkyCellEditorLookupParams } from '../../types/cell-editor-lookup-params';\nimport { SkyAgGridCellEditorUtils } from '../../types/cell-editor-utils';\nimport { SkyAgGridLookupProperties } from '../../types/lookup-properties';\n\n/**\n * @internal\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  @HostBinding('style.width.px')\n  public width: number;\n\n  public skyComponentProperties?: SkyAgGridLookupProperties;\n  public isAlive = false;\n  public editorForm = new FormGroup({\n    selection: new FormControl({\n      value: [],\n      disabled: false,\n    }),\n  });\n  public useAsyncSearch = false;\n\n  private params: SkyCellEditorLookupParams;\n\n  #triggerType: SkyAgGridCellEditorInitialAction;\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\n    this.#triggerType = SkyAgGridCellEditorUtils.getEditorInitialAction(params);\n    const control = this.editorForm.get('selection');\n    switch (this.#triggerType) {\n      case SkyAgGridCellEditorInitialAction.Delete:\n        control.setValue([]);\n        break;\n      case SkyAgGridCellEditorInitialAction.Replace:\n      case SkyAgGridCellEditorInitialAction.Highlighted:\n      case SkyAgGridCellEditorInitialAction.Untouched:\n      default:\n        control.setValue(params.value);\n        break;\n    }\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.width = this.params.column.getActualWidth();\n    this.params.column.addEventListener(\n      'uiColumnResized',\n      (event: ColumnResizedEvent) => {\n        this.width = event.column.getActualWidth();\n        this.changeDetector.markForCheck();\n      }\n    );\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.editorForm.get('selection').value;\n  }\n\n  public isPopup(): boolean {\n    return true;\n  }\n\n  public afterGuiAttached(): void {\n    const lookupInput: HTMLTextAreaElement =\n      this.elementRef.nativeElement.querySelector('.sky-lookup-input');\n    lookupInput.focus();\n    if (this.#triggerType === SkyAgGridCellEditorInitialAction.Replace) {\n      lookupInput.select();\n      lookupInput.setRangeText(this.params.charPress);\n      // Ensure the cursor is at the end of the text.\n      lookupInput.setSelectionRange(\n        lookupInput.value.length,\n        lookupInput.value.length\n      );\n      lookupInput.dispatchEvent(new Event('input'));\n    }\n    if (this.#triggerType === SkyAgGridCellEditorInitialAction.Highlighted) {\n      lookupInput.select();\n    }\n  }\n\n  private updateComponentProperties(\n    params: SkyCellEditorLookupParams\n  ): SkyAgGridLookupProperties {\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]=\"editorForm\"\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=\"selection\"\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]=\"editorForm\"\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=\"selection\"\n    [idProperty]=\"skyComponentProperties?.idProperty\"\n    [placeholderText]=\"skyComponentProperties?.placeholderText\"\n    [propertiesToSearch]=\"skyComponentProperties?.propertiesToSearch\"\n    [search]=\"skyComponentProperties?.search\"\n    [searchFilters]=\"skyComponentProperties?.searchFilters\"\n    [searchResultsLimit]=\"skyComponentProperties?.searchResultsLimit\"\n    [searchResultTemplate]=\"skyComponentProperties?.searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"\n      skyComponentProperties?.searchTextMinimumCharacters\n    \"\n    [selectMode]=\"skyComponentProperties?.selectMode\"\n    [showAddButton]=\"skyComponentProperties?.showAddButton\"\n    [showMoreConfig]=\"skyComponentProperties?.showMoreConfig\"\n    [wrapperClass]=\"skyComponentProperties?.wrapperClass\"\n  >\n  </sky-lookup>\n</sky-input-box>\n"]}

package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.component.js

@@ -1,4 +1,9 @@
+var _SkyAgGridCellEditorNumberComponent_triggerType;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import { ChangeDetectionStrategy, Component, ElementRef, ViewChild, } from '@angular/core';
+import { FormControl, FormGroup } from '@angular/forms';
+import { SkyAgGridCellEditorInitialAction } from '../../types/cell-editor-initial-action';
+import { SkyAgGridCellEditorUtils } from '../../types/cell-editor-utils';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 import * as i2 from "@skyux/i18n";
@@ -6,6 +11,12 @@ import * as i2 from "@skyux/i18n";
  * @internal
  */
 export class SkyAgGridCellEditorNumberComponent {
+    constructor() {
+        this.editorForm = new FormGroup({
+            number: new FormControl(),
+        });
+        _SkyAgGridCellEditorNumberComponent_triggerType.set(this, void 0);
+    }
     /**
      * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
      * @param params The cell editor params that include data about the cell, column, row, and grid.
@@ -13,7 +24,21 @@ export class SkyAgGridCellEditorNumberComponent {
     agInit(params) {
         var _a, _b;
         this.params = params;
-        this.value = this.params.value;
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorNumberComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
+        const control = this.editorForm.get('number');
+        switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_triggerType, "f")) {
+            case SkyAgGridCellEditorInitialAction.Delete:
+                control.setValue(undefined);
+                break;
+            case SkyAgGridCellEditorInitialAction.Replace:
+                control.setValue(parseFloat(this.params.charPress) || undefined);
+                break;
+            case SkyAgGridCellEditorInitialAction.Highlighted:
+            case SkyAgGridCellEditorInitialAction.Untouched:
+            default:
+                control.setValue(params.value);
+                break;
+        }
         this.max = (_a = params.skyComponentProperties) === null || _a === void 0 ? void 0 : _a.max;
         this.min = (_b = params.skyComponentProperties) === null || _b === void 0 ? void 0 : _b.min;
         this.columnHeader = this.params.colDef.headerName;
@@ -27,16 +52,21 @@ export class SkyAgGridCellEditorNumberComponent {
      */
     afterGuiAttached() {
         this.input.nativeElement.focus();
+        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
+            this.input.nativeElement.select();
+        }
     }
     /**
      * getValue is called by agGrid when editing is stopped to get the new value of the cell.
      */
     getValue() {
-        return this.value;
+        const val = this.editorForm.get('number').value;
+        return val !== undefined && val !== null ? val : undefined;
     }
 }
+_SkyAgGridCellEditorNumberComponent_triggerType = new WeakMap();
 SkyAgGridCellEditorNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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  [max]=\"max\"\n  [min]=\"min\"\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.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { 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 });
+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: "<ng-container [formGroup]=\"editorForm\">\n  <input\n    formControlName=\"number\"\n    type=\"number\"\n    [attr.aria-label]=\"\n      'sky_ag_grid_cell_editor_number_aria_label'\n        | skyLibResources: columnHeader:rowNumber\n    \"\n    [style.width.px]=\"columnWidth\"\n    [style.height.px]=\"rowHeightWithoutBorders\"\n    [max]=\"max\"\n    [min]=\"min\"\n    #skyCellEditorNumber\n  />\n</ng-container>\n", styles: ["input{border:none;text-align:right}\n"], directives: [{ type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "skyLibResources": i2.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorNumberComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.component.js.map

@@ -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;;;;AAQvB;;GAEG;AAOH,MAAM,OAAO,kCAAkC;IAgB7C;;;OAGG;IACI,MAAM,CAAC,MAAiC;;QAC7C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QAC/B,IAAI,CAAC,GAAG,GAAG,MAAA,MAAM,CAAC,sBAAsB,0CAAE,GAAG,CAAC;QAC9C,IAAI,CAAC,GAAG,GAAG,MAAA,MAAM,CAAC,sBAAsB,0CAAE,GAAG,CAAC;QAC9C,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;;gIA5CU,kCAAkC;oHAAlC,kCAAkC,+JAaH,UAAU,6BCnCtD,yUAaA;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;8BAeS,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';\nimport { ICellEditorParams } from 'ag-grid-community';\n\nimport { SkyCellEditorDatepickerParams } from '../../types/cell-editor-datepicker-params';\nimport { SkyCellEditorNumberParams } from '../../types/cell-editor-number-params';\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  public max: number;\n  public min: 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: SkyCellEditorNumberParams): void {\n    this.params = params;\n    this.value = this.params.value;\n    this.max = params.skyComponentProperties?.max;\n    this.min = params.skyComponentProperties?.min;\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  [max]=\"max\"\n  [min]=\"min\"\n  #skyCellEditorNumber\n/>\n"]}
+{"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":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewChild,\n} from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\n\nimport { ICellEditorAngularComp } from 'ag-grid-angular';\nimport { ICellEditorParams } from 'ag-grid-community';\n\nimport { SkyAgGridCellEditorInitialAction } from '../../types/cell-editor-initial-action';\nimport { SkyCellEditorNumberParams } from '../../types/cell-editor-number-params';\nimport { SkyAgGridCellEditorUtils } from '../../types/cell-editor-utils';\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 columnHeader: string;\n  public columnWidth: number;\n  public editorForm = new FormGroup({\n    number: new FormControl(),\n  });\n  public rowHeightWithoutBorders: number;\n  public rowNumber: number;\n  public max: number;\n  public min: number;\n\n  private params: ICellEditorParams;\n\n  @ViewChild('skyCellEditorNumber', { read: ElementRef })\n  private input: ElementRef;\n\n  #triggerType: SkyAgGridCellEditorInitialAction;\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: SkyCellEditorNumberParams): void {\n    this.params = params;\n\n    this.#triggerType = SkyAgGridCellEditorUtils.getEditorInitialAction(params);\n    const control = this.editorForm.get('number');\n    switch (this.#triggerType) {\n      case SkyAgGridCellEditorInitialAction.Delete:\n        control.setValue(undefined);\n        break;\n      case SkyAgGridCellEditorInitialAction.Replace:\n        control.setValue(parseFloat(this.params.charPress) || undefined);\n        break;\n      case SkyAgGridCellEditorInitialAction.Highlighted:\n      case SkyAgGridCellEditorInitialAction.Untouched:\n      default:\n        control.setValue(params.value);\n        break;\n    }\n\n    this.max = params.skyComponentProperties?.max;\n    this.min = params.skyComponentProperties?.min;\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    if (this.#triggerType === SkyAgGridCellEditorInitialAction.Highlighted) {\n      this.input.nativeElement.select();\n    }\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 | undefined {\n    const val = this.editorForm.get('number').value;\n    return val !== undefined && val !== null ? val : undefined;\n  }\n}\n","<ng-container [formGroup]=\"editorForm\">\n  <input\n    formControlName=\"number\"\n    type=\"number\"\n    [attr.aria-label]=\"\n      'sky_ag_grid_cell_editor_number_aria_label'\n        | skyLibResources: columnHeader:rowNumber\n    \"\n    [style.width.px]=\"columnWidth\"\n    [style.height.px]=\"rowHeightWithoutBorders\"\n    [max]=\"max\"\n    [min]=\"min\"\n    #skyCellEditorNumber\n  />\n</ng-container>\n"]}

package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.module.js

@@ -1,17 +1,17 @@
 import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
 import { SkyAgGridResourcesModule } from '../../../shared/sky-ag-grid-resources.module';
 import { SkyAgGridCellEditorNumberComponent } from '../cell-editor-number/cell-editor-number.component';
 import * as i0 from "@angular/core";
 export class SkyAgGridCellEditorNumberModule {
 }
 SkyAgGridCellEditorNumberModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorNumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellEditorNumberModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorNumberModule, declarations: [SkyAgGridCellEditorNumberComponent], imports: [SkyAgGridResourcesModule, FormsModule], exports: [SkyAgGridCellEditorNumberComponent] });
-SkyAgGridCellEditorNumberModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorNumberModule, imports: [[SkyAgGridResourcesModule, FormsModule]] });
+SkyAgGridCellEditorNumberModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorNumberModule, declarations: [SkyAgGridCellEditorNumberComponent], imports: [SkyAgGridResourcesModule, ReactiveFormsModule], exports: [SkyAgGridCellEditorNumberComponent] });
+SkyAgGridCellEditorNumberModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorNumberModule, imports: [[SkyAgGridResourcesModule, ReactiveFormsModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorNumberModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [SkyAgGridResourcesModule, FormsModule],
+                    imports: [SkyAgGridResourcesModule, ReactiveFormsModule],
                     declarations: [SkyAgGridCellEditorNumberComponent],
                     exports: [SkyAgGridCellEditorNumberComponent],
                 }]

package/esm2015/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.module.js.map

@@ -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;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,kCAAkC,EAAE,MAAM,oDAAoD,CAAC;;AAOxG,MAAM,OAAO,+BAA+B;;6HAA/B,+BAA+B;8HAA/B,+BAA+B,iBAH3B,kCAAkC,aADvC,wBAAwB,EAAE,WAAW,aAErC,kCAAkC;8HAEjC,+BAA+B,YAJjC,CAAC,wBAAwB,EAAE,WAAW,CAAC;4FAIrC,+BAA+B;kBAL3C,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,wBAAwB,EAAE,WAAW,CAAC;oBAChD,YAAY,EAAE,CAAC,kCAAkC,CAAC;oBAClD,OAAO,EAAE,CAAC,kCAAkC,CAAC;iBAC9C","sourcesContent":["import { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyAgGridResourcesModule } from '../../../shared/sky-ag-grid-resources.module';\nimport { SkyAgGridCellEditorNumberComponent } from '../cell-editor-number/cell-editor-number.component';\n\n@NgModule({\n  imports: [SkyAgGridResourcesModule, FormsModule],\n  declarations: [SkyAgGridCellEditorNumberComponent],\n  exports: [SkyAgGridCellEditorNumberComponent],\n})\nexport class SkyAgGridCellEditorNumberModule {}\n"]}
+{"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;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,kCAAkC,EAAE,MAAM,oDAAoD,CAAC;;AAOxG,MAAM,OAAO,+BAA+B;;6HAA/B,+BAA+B;8HAA/B,+BAA+B,iBAH3B,kCAAkC,aADvC,wBAAwB,EAAE,mBAAmB,aAE7C,kCAAkC;8HAEjC,+BAA+B,YAJjC,CAAC,wBAAwB,EAAE,mBAAmB,CAAC;4FAI7C,+BAA+B;kBAL3C,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,wBAAwB,EAAE,mBAAmB,CAAC;oBACxD,YAAY,EAAE,CAAC,kCAAkC,CAAC;oBAClD,OAAO,EAAE,CAAC,kCAAkC,CAAC;iBAC9C","sourcesContent":["import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyAgGridResourcesModule } from '../../../shared/sky-ag-grid-resources.module';\nimport { SkyAgGridCellEditorNumberComponent } from '../cell-editor-number/cell-editor-number.component';\n\n@NgModule({\n  imports: [SkyAgGridResourcesModule, ReactiveFormsModule],\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

@@ -1,4 +1,9 @@
+var _SkyAgGridCellEditorTextComponent_triggerType;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import { ChangeDetectionStrategy, Component, ElementRef, ViewChild, } from '@angular/core';
+import { FormControl, FormGroup } from '@angular/forms';
+import { SkyAgGridCellEditorInitialAction } from '../../types/cell-editor-initial-action';
+import { SkyAgGridCellEditorUtils } from '../../types/cell-editor-utils';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 import * as i2 from "@skyux/i18n";
@@ -6,6 +11,12 @@ import * as i2 from "@skyux/i18n";
  * @internal
  */
 export class SkyAgGridCellEditorTextComponent {
+    constructor() {
+        this.editorForm = new FormGroup({
+            text: new FormControl(),
+        });
+        _SkyAgGridCellEditorTextComponent_triggerType.set(this, void 0);
+    }
     /**
      * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
      * @param params The cell editor params that include data about the cell, column, row, and grid.
@@ -13,7 +24,21 @@ export class SkyAgGridCellEditorTextComponent {
     agInit(params) {
         var _a;
         this.params = params;
-        this.value = this.params.charPress || this.params.value;
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorTextComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
+        const control = this.editorForm.get('text');
+        switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorTextComponent_triggerType, "f")) {
+            case SkyAgGridCellEditorInitialAction.Delete:
+                control.setValue(undefined);
+                break;
+            case SkyAgGridCellEditorInitialAction.Replace:
+                control.setValue(params.charPress);
+                break;
+            case SkyAgGridCellEditorInitialAction.Highlighted:
+            case SkyAgGridCellEditorInitialAction.Untouched:
+            default:
+                control.setValue(params.value);
+                break;
+        }
         this.maxlength = (_a = params.skyComponentProperties) === null || _a === void 0 ? void 0 : _a.maxlength;
         this.columnHeader = this.params.colDef.headerName;
         this.rowNumber = this.params.rowIndex + 1;
@@ -26,16 +51,20 @@ export class SkyAgGridCellEditorTextComponent {
      */
     afterGuiAttached() {
         this.input.nativeElement.focus();
+        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorTextComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
+            this.input.nativeElement.select();
+        }
     }
     /**
      * getValue is called by agGrid when editing is stopped to get the new value of the cell.
      */
     getValue() {
-        return this.value;
+        return this.editorForm.get('text').value || undefined;
     }
 }
+_SkyAgGridCellEditorTextComponent_triggerType = new WeakMap();
 SkyAgGridCellEditorTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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  [maxlength]=\"maxlength\"\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"] }, { type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }], pipes: { "skyLibResources": i2.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+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: "<ng-container [formGroup]=\"editorForm\">\n  <input\n    formControlName=\"text\"\n    type=\"text\"\n    [attr.aria-label]=\"\n      'sky_ag_grid_cell_editor_text_aria_label'\n        | skyLibResources: columnHeader:rowNumber\n    \"\n    [style.width.px]=\"columnWidth\"\n    [style.height.px]=\"rowHeightWithoutBorders\"\n    [maxlength]=\"maxlength\"\n    #skyCellEditorText\n  />\n</ng-container>\n", styles: ["input{border:none;padding-left:11px}\n"], directives: [{ type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }], pipes: { "skyLibResources": i2.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridCellEditorTextComponent, decorators: [{
             type: Component,
             args: [{