monkey-style-guide 2.0.210 → 2.0.212

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.
@@ -5313,6 +5313,7 @@ class MonkeyDateRangePickerComponent {
5313
5313
  this.helperMessage = '';
5314
5314
  this.moveDaysForward = true;
5315
5315
  this.onChange = new EventEmitter();
5316
+ this.isPickerFocused = false;
5316
5317
  this.today = moment$2.default().format('YYYY-MM-DD');
5317
5318
  this.onModelChange = (value) => { };
5318
5319
  this.onModelTouched = (value) => { };
@@ -5537,7 +5538,12 @@ class MonkeyDateRangePickerComponent {
5537
5538
  this._dateForm.setValue({ startDate: value, endDate: null });
5538
5539
  }
5539
5540
  else {
5540
- this._dateForm.setValue({ startDate: this._dateForm.value.startDate, endDate: value });
5541
+ if (moment$2.default(value).isBefore(this._dateForm.value.startDate)) {
5542
+ this._dateForm.setValue({ startDate: value, endDate: this._dateForm.value.startDate });
5543
+ }
5544
+ else {
5545
+ this._dateForm.setValue({ startDate: this._dateForm.value.startDate, endDate: value });
5546
+ }
5541
5547
  }
5542
5548
  this.cdr.detectChanges();
5543
5549
  this.onModelChange(this._dateForm.value);
@@ -5575,10 +5581,11 @@ MonkeyDateRangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
5575
5581
  </span>
5576
5582
  <span class="data">
5577
5583
  <input
5578
- class="date-input"
5579
5584
  type="date"
5580
5585
  [(ngModel)]="_startDate"
5581
5586
  (change)="onDataChange($event, true)"
5587
+ (focus)="isPickerFocused = true"
5588
+ (blur)="isPickerFocused = false"
5582
5589
  />
5583
5590
  </span>
5584
5591
  </div>
@@ -5589,9 +5596,10 @@ MonkeyDateRangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
5589
5596
  <span class="data">
5590
5597
  <input
5591
5598
  type="date"
5592
- class="date-input"
5593
5599
  [(ngModel)]="_endDate"
5594
5600
  (change)="onDataChange($event, false)"
5601
+ (focus)="isPickerFocused = true"
5602
+ (blur)="isPickerFocused = false"
5595
5603
  />
5596
5604
  </span>
5597
5605
  </div>
@@ -5599,7 +5607,7 @@ MonkeyDateRangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
5599
5607
  {{ i18n?.select }}
5600
5608
  </ng-template>
5601
5609
  </mecx-date-range-picker-selected-dates>
5602
- <mecx-date-range-picker-group-body>
5610
+ <mecx-date-range-picker-group-body [class.picker-open]="isPickerFocused">
5603
5611
  <mecx-date-range-picker class="first-date-range">
5604
5612
  <mecx-date-range-picker-header>
5605
5613
  <div class="calendar-title">
@@ -5744,7 +5752,7 @@ MonkeyDateRangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
5744
5752
  </monkey-button>
5745
5753
  </mecx-date-range-picker-group-action>
5746
5754
  </mecx-date-range-picker-group>
5747
- `, isInline: true, styles: ["monkey-date-range-picker .date-input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}monkey-date-range-picker .date-input::-moz-calendar-picker-indicator{display:none}monkey-date-range-picker .date-input::-webkit-inner-spin-button,monkey-date-range-picker .date-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}\n"], components: [{ type: MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
5755
+ `, isInline: true, styles: ["monkey-date-range-picker .picker-open{opacity:.4}\n"], components: [{ type: MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
5748
5756
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyDateRangePickerComponent, decorators: [{
5749
5757
  type: Component,
5750
5758
  args: [{ selector: 'monkey-date-range-picker', template: `
@@ -5765,10 +5773,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
5765
5773
  </span>
5766
5774
  <span class="data">
5767
5775
  <input
5768
- class="date-input"
5769
5776
  type="date"
5770
5777
  [(ngModel)]="_startDate"
5771
5778
  (change)="onDataChange($event, true)"
5779
+ (focus)="isPickerFocused = true"
5780
+ (blur)="isPickerFocused = false"
5772
5781
  />
5773
5782
  </span>
5774
5783
  </div>
@@ -5779,9 +5788,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
5779
5788
  <span class="data">
5780
5789
  <input
5781
5790
  type="date"
5782
- class="date-input"
5783
5791
  [(ngModel)]="_endDate"
5784
5792
  (change)="onDataChange($event, false)"
5793
+ (focus)="isPickerFocused = true"
5794
+ (blur)="isPickerFocused = false"
5785
5795
  />
5786
5796
  </span>
5787
5797
  </div>
@@ -5789,7 +5799,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
5789
5799
  {{ i18n?.select }}
5790
5800
  </ng-template>
5791
5801
  </mecx-date-range-picker-selected-dates>
5792
- <mecx-date-range-picker-group-body>
5802
+ <mecx-date-range-picker-group-body [class.picker-open]="isPickerFocused">
5793
5803
  <mecx-date-range-picker class="first-date-range">
5794
5804
  <mecx-date-range-picker-header>
5795
5805
  <div class="calendar-title">
@@ -5941,7 +5951,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
5941
5951
  multi: true,
5942
5952
  },
5943
5953
  CurrencyPipe,
5944
- ], styles: ["monkey-date-range-picker .date-input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}monkey-date-range-picker .date-input::-moz-calendar-picker-indicator{display:none}monkey-date-range-picker .date-input::-webkit-inner-spin-button,monkey-date-range-picker .date-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}\n"] }]
5954
+ ], styles: ["monkey-date-range-picker .picker-open{opacity:.4}\n"] }]
5945
5955
  }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
5946
5956
  type: Input
5947
5957
  }], helperMessage: [{
@@ -5993,6 +6003,7 @@ class MonkeyDateRangePickerV2Component {
5993
6003
  this.onChange = new EventEmitter();
5994
6004
  this.onSubmit = new EventEmitter();
5995
6005
  this.onClose = new EventEmitter();
6006
+ this.isPickerFocused = false;
5996
6007
  this.today = moment$1.default().format('YYYY-MM-DD');
5997
6008
  this.onModelChange = (value) => { };
5998
6009
  this.onModelTouched = (value) => { };
@@ -6221,7 +6232,12 @@ class MonkeyDateRangePickerV2Component {
6221
6232
  this._dateForm.setValue({ startDate: value, endDate: null });
6222
6233
  }
6223
6234
  else {
6224
- this._dateForm.setValue({ startDate: this._dateForm.value.startDate, endDate: value });
6235
+ if (moment$1.default(value).isBefore(this._dateForm.value.startDate)) {
6236
+ this._dateForm.setValue({ startDate: value, endDate: this._dateForm.value.startDate });
6237
+ }
6238
+ else {
6239
+ this._dateForm.setValue({ startDate: this._dateForm.value.startDate, endDate: value });
6240
+ }
6225
6241
  }
6226
6242
  this.cdr.detectChanges();
6227
6243
  this.onModelChange(this._dateForm.value);
@@ -6258,10 +6274,11 @@ MonkeyDateRangePickerV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
6258
6274
  </span>
6259
6275
  <span class="data">
6260
6276
  <input
6261
- class="date-input"
6262
6277
  type="date"
6263
6278
  [(ngModel)]="_startDate"
6264
6279
  (change)="onDataChange($event, true)"
6280
+ (focus)="isPickerFocused = true"
6281
+ (blur)="isPickerFocused = false"
6265
6282
  />
6266
6283
  </span>
6267
6284
  </div>
@@ -6272,9 +6289,10 @@ MonkeyDateRangePickerV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
6272
6289
  <span class="data">
6273
6290
  <input
6274
6291
  type="date"
6275
- class="date-input"
6276
6292
  [(ngModel)]="_endDate"
6277
6293
  (change)="onDataChange($event, false)"
6294
+ (focus)="isPickerFocused = true"
6295
+ (blur)="isPickerFocused = false"
6278
6296
  />
6279
6297
  </span>
6280
6298
  </div>
@@ -6282,7 +6300,7 @@ MonkeyDateRangePickerV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
6282
6300
  {{ i18n?.select }}
6283
6301
  </ng-template>
6284
6302
  </mecx-date-range-picker-selected-dates>
6285
- <mecx-date-range-picker-group-body>
6303
+ <mecx-date-range-picker-group-body [class.picker-open]="isPickerFocused">
6286
6304
  <mecx-date-range-picker class="first-date-range">
6287
6305
  <mecx-date-range-picker-header>
6288
6306
  <div class="calendar-title">
@@ -6427,7 +6445,7 @@ MonkeyDateRangePickerV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
6427
6445
  </div>
6428
6446
  </mecx-date-range-picker-group-action>
6429
6447
  </mecx-date-range-picker-group>
6430
- `, isInline: true, styles: ["monkey-date-range-picker-v2 .date-input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}monkey-date-range-picker-v2 .date-input::-moz-calendar-picker-indicator{display:none}monkey-date-range-picker-v2 .date-input::-webkit-inner-spin-button,monkey-date-range-picker-v2 .date-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}\n"], components: [{ type: MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
6448
+ `, isInline: true, styles: ["monkey-date-range-picker-v2 .picker-open{opacity:.4}\n"], components: [{ type: MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
6431
6449
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyDateRangePickerV2Component, decorators: [{
6432
6450
  type: Component,
6433
6451
  args: [{ selector: 'monkey-date-range-picker-v2', template: `
@@ -6447,10 +6465,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
6447
6465
  </span>
6448
6466
  <span class="data">
6449
6467
  <input
6450
- class="date-input"
6451
6468
  type="date"
6452
6469
  [(ngModel)]="_startDate"
6453
6470
  (change)="onDataChange($event, true)"
6471
+ (focus)="isPickerFocused = true"
6472
+ (blur)="isPickerFocused = false"
6454
6473
  />
6455
6474
  </span>
6456
6475
  </div>
@@ -6461,9 +6480,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
6461
6480
  <span class="data">
6462
6481
  <input
6463
6482
  type="date"
6464
- class="date-input"
6465
6483
  [(ngModel)]="_endDate"
6466
6484
  (change)="onDataChange($event, false)"
6485
+ (focus)="isPickerFocused = true"
6486
+ (blur)="isPickerFocused = false"
6467
6487
  />
6468
6488
  </span>
6469
6489
  </div>
@@ -6471,7 +6491,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
6471
6491
  {{ i18n?.select }}
6472
6492
  </ng-template>
6473
6493
  </mecx-date-range-picker-selected-dates>
6474
- <mecx-date-range-picker-group-body>
6494
+ <mecx-date-range-picker-group-body [class.picker-open]="isPickerFocused">
6475
6495
  <mecx-date-range-picker class="first-date-range">
6476
6496
  <mecx-date-range-picker-header>
6477
6497
  <div class="calendar-title">
@@ -6623,7 +6643,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
6623
6643
  multi: true
6624
6644
  },
6625
6645
  CurrencyPipe
6626
- ], styles: ["monkey-date-range-picker-v2 .date-input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}monkey-date-range-picker-v2 .date-input::-moz-calendar-picker-indicator{display:none}monkey-date-range-picker-v2 .date-input::-webkit-inner-spin-button,monkey-date-range-picker-v2 .date-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}\n"] }]
6646
+ ], styles: ["monkey-date-range-picker-v2 .picker-open{opacity:.4}\n"] }]
6627
6647
  }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
6628
6648
  type: Input
6629
6649
  }], helperMessage: [{
@@ -7904,7 +7924,7 @@ MonkeyInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
7904
7924
  </error>
7905
7925
  </mecx-form-field-footer>
7906
7926
  </mecx-form-field>
7907
- `, isInline: true, components: [{ type: MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.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$3.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
7927
+ `, isInline: true, components: [{ type: MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.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$3.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
7908
7928
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyInputComponent, decorators: [{
7909
7929
  type: Component,
7910
7930
  args: [{
@@ -8219,7 +8239,7 @@ MonkeyInputFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
8219
8239
  ></monkey-icon>
8220
8240
  </mecx-form-field-body>
8221
8241
  </mecx-form-field-filter>
8222
- `, isInline: true, components: [{ type: MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.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$3.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
8242
+ `, isInline: true, components: [{ type: MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.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$3.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
8223
8243
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyInputFilterComponent, decorators: [{
8224
8244
  type: Component,
8225
8245
  args: [{