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.
@@ -5318,6 +5318,7 @@ class MonkeyDateRangePickerComponent {
5318
5318
  this.helperMessage = '';
5319
5319
  this.moveDaysForward = true;
5320
5320
  this.onChange = new EventEmitter();
5321
+ this.isPickerFocused = false;
5321
5322
  this.today = moment$2.default().format('YYYY-MM-DD');
5322
5323
  this.onModelChange = (value) => { };
5323
5324
  this.onModelTouched = (value) => { };
@@ -5541,7 +5542,12 @@ class MonkeyDateRangePickerComponent {
5541
5542
  this._dateForm.setValue({ startDate: value, endDate: null });
5542
5543
  }
5543
5544
  else {
5544
- this._dateForm.setValue({ startDate: this._dateForm.value.startDate, endDate: value });
5545
+ if (moment$2.default(value).isBefore(this._dateForm.value.startDate)) {
5546
+ this._dateForm.setValue({ startDate: value, endDate: this._dateForm.value.startDate });
5547
+ }
5548
+ else {
5549
+ this._dateForm.setValue({ startDate: this._dateForm.value.startDate, endDate: value });
5550
+ }
5545
5551
  }
5546
5552
  this.cdr.detectChanges();
5547
5553
  this.onModelChange(this._dateForm.value);
@@ -5579,10 +5585,11 @@ MonkeyDateRangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
5579
5585
  </span>
5580
5586
  <span class="data">
5581
5587
  <input
5582
- class="date-input"
5583
5588
  type="date"
5584
5589
  [(ngModel)]="_startDate"
5585
5590
  (change)="onDataChange($event, true)"
5591
+ (focus)="isPickerFocused = true"
5592
+ (blur)="isPickerFocused = false"
5586
5593
  />
5587
5594
  </span>
5588
5595
  </div>
@@ -5593,9 +5600,10 @@ MonkeyDateRangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
5593
5600
  <span class="data">
5594
5601
  <input
5595
5602
  type="date"
5596
- class="date-input"
5597
5603
  [(ngModel)]="_endDate"
5598
5604
  (change)="onDataChange($event, false)"
5605
+ (focus)="isPickerFocused = true"
5606
+ (blur)="isPickerFocused = false"
5599
5607
  />
5600
5608
  </span>
5601
5609
  </div>
@@ -5603,7 +5611,7 @@ MonkeyDateRangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
5603
5611
  {{ i18n?.select }}
5604
5612
  </ng-template>
5605
5613
  </mecx-date-range-picker-selected-dates>
5606
- <mecx-date-range-picker-group-body>
5614
+ <mecx-date-range-picker-group-body [class.picker-open]="isPickerFocused">
5607
5615
  <mecx-date-range-picker class="first-date-range">
5608
5616
  <mecx-date-range-picker-header>
5609
5617
  <div class="calendar-title">
@@ -5748,7 +5756,7 @@ MonkeyDateRangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
5748
5756
  </monkey-button>
5749
5757
  </mecx-date-range-picker-group-action>
5750
5758
  </mecx-date-range-picker-group>
5751
- `, 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 });
5759
+ `, 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 });
5752
5760
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyDateRangePickerComponent, decorators: [{
5753
5761
  type: Component,
5754
5762
  args: [{ selector: 'monkey-date-range-picker', template: `
@@ -5769,10 +5777,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
5769
5777
  </span>
5770
5778
  <span class="data">
5771
5779
  <input
5772
- class="date-input"
5773
5780
  type="date"
5774
5781
  [(ngModel)]="_startDate"
5775
5782
  (change)="onDataChange($event, true)"
5783
+ (focus)="isPickerFocused = true"
5784
+ (blur)="isPickerFocused = false"
5776
5785
  />
5777
5786
  </span>
5778
5787
  </div>
@@ -5783,9 +5792,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
5783
5792
  <span class="data">
5784
5793
  <input
5785
5794
  type="date"
5786
- class="date-input"
5787
5795
  [(ngModel)]="_endDate"
5788
5796
  (change)="onDataChange($event, false)"
5797
+ (focus)="isPickerFocused = true"
5798
+ (blur)="isPickerFocused = false"
5789
5799
  />
5790
5800
  </span>
5791
5801
  </div>
@@ -5793,7 +5803,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
5793
5803
  {{ i18n?.select }}
5794
5804
  </ng-template>
5795
5805
  </mecx-date-range-picker-selected-dates>
5796
- <mecx-date-range-picker-group-body>
5806
+ <mecx-date-range-picker-group-body [class.picker-open]="isPickerFocused">
5797
5807
  <mecx-date-range-picker class="first-date-range">
5798
5808
  <mecx-date-range-picker-header>
5799
5809
  <div class="calendar-title">
@@ -5945,7 +5955,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
5945
5955
  multi: true,
5946
5956
  },
5947
5957
  CurrencyPipe,
5948
- ], 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"] }]
5958
+ ], styles: ["monkey-date-range-picker .picker-open{opacity:.4}\n"] }]
5949
5959
  }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
5950
5960
  type: Input
5951
5961
  }], helperMessage: [{
@@ -5997,6 +6007,7 @@ class MonkeyDateRangePickerV2Component {
5997
6007
  this.onChange = new EventEmitter();
5998
6008
  this.onSubmit = new EventEmitter();
5999
6009
  this.onClose = new EventEmitter();
6010
+ this.isPickerFocused = false;
6000
6011
  this.today = moment$1.default().format('YYYY-MM-DD');
6001
6012
  this.onModelChange = (value) => { };
6002
6013
  this.onModelTouched = (value) => { };
@@ -6224,7 +6235,12 @@ class MonkeyDateRangePickerV2Component {
6224
6235
  this._dateForm.setValue({ startDate: value, endDate: null });
6225
6236
  }
6226
6237
  else {
6227
- this._dateForm.setValue({ startDate: this._dateForm.value.startDate, endDate: value });
6238
+ if (moment$1.default(value).isBefore(this._dateForm.value.startDate)) {
6239
+ this._dateForm.setValue({ startDate: value, endDate: this._dateForm.value.startDate });
6240
+ }
6241
+ else {
6242
+ this._dateForm.setValue({ startDate: this._dateForm.value.startDate, endDate: value });
6243
+ }
6228
6244
  }
6229
6245
  this.cdr.detectChanges();
6230
6246
  this.onModelChange(this._dateForm.value);
@@ -6261,10 +6277,11 @@ MonkeyDateRangePickerV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
6261
6277
  </span>
6262
6278
  <span class="data">
6263
6279
  <input
6264
- class="date-input"
6265
6280
  type="date"
6266
6281
  [(ngModel)]="_startDate"
6267
6282
  (change)="onDataChange($event, true)"
6283
+ (focus)="isPickerFocused = true"
6284
+ (blur)="isPickerFocused = false"
6268
6285
  />
6269
6286
  </span>
6270
6287
  </div>
@@ -6275,9 +6292,10 @@ MonkeyDateRangePickerV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
6275
6292
  <span class="data">
6276
6293
  <input
6277
6294
  type="date"
6278
- class="date-input"
6279
6295
  [(ngModel)]="_endDate"
6280
6296
  (change)="onDataChange($event, false)"
6297
+ (focus)="isPickerFocused = true"
6298
+ (blur)="isPickerFocused = false"
6281
6299
  />
6282
6300
  </span>
6283
6301
  </div>
@@ -6285,7 +6303,7 @@ MonkeyDateRangePickerV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
6285
6303
  {{ i18n?.select }}
6286
6304
  </ng-template>
6287
6305
  </mecx-date-range-picker-selected-dates>
6288
- <mecx-date-range-picker-group-body>
6306
+ <mecx-date-range-picker-group-body [class.picker-open]="isPickerFocused">
6289
6307
  <mecx-date-range-picker class="first-date-range">
6290
6308
  <mecx-date-range-picker-header>
6291
6309
  <div class="calendar-title">
@@ -6430,7 +6448,7 @@ MonkeyDateRangePickerV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
6430
6448
  </div>
6431
6449
  </mecx-date-range-picker-group-action>
6432
6450
  </mecx-date-range-picker-group>
6433
- `, 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 });
6451
+ `, 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 });
6434
6452
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyDateRangePickerV2Component, decorators: [{
6435
6453
  type: Component,
6436
6454
  args: [{ selector: 'monkey-date-range-picker-v2', template: `
@@ -6450,10 +6468,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
6450
6468
  </span>
6451
6469
  <span class="data">
6452
6470
  <input
6453
- class="date-input"
6454
6471
  type="date"
6455
6472
  [(ngModel)]="_startDate"
6456
6473
  (change)="onDataChange($event, true)"
6474
+ (focus)="isPickerFocused = true"
6475
+ (blur)="isPickerFocused = false"
6457
6476
  />
6458
6477
  </span>
6459
6478
  </div>
@@ -6464,9 +6483,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
6464
6483
  <span class="data">
6465
6484
  <input
6466
6485
  type="date"
6467
- class="date-input"
6468
6486
  [(ngModel)]="_endDate"
6469
6487
  (change)="onDataChange($event, false)"
6488
+ (focus)="isPickerFocused = true"
6489
+ (blur)="isPickerFocused = false"
6470
6490
  />
6471
6491
  </span>
6472
6492
  </div>
@@ -6474,7 +6494,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
6474
6494
  {{ i18n?.select }}
6475
6495
  </ng-template>
6476
6496
  </mecx-date-range-picker-selected-dates>
6477
- <mecx-date-range-picker-group-body>
6497
+ <mecx-date-range-picker-group-body [class.picker-open]="isPickerFocused">
6478
6498
  <mecx-date-range-picker class="first-date-range">
6479
6499
  <mecx-date-range-picker-header>
6480
6500
  <div class="calendar-title">
@@ -6626,7 +6646,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
6626
6646
  multi: true
6627
6647
  },
6628
6648
  CurrencyPipe
6629
- ], 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"] }]
6649
+ ], styles: ["monkey-date-range-picker-v2 .picker-open{opacity:.4}\n"] }]
6630
6650
  }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
6631
6651
  type: Input
6632
6652
  }], helperMessage: [{
@@ -7910,7 +7930,7 @@ MonkeyInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
7910
7930
  </error>
7911
7931
  </mecx-form-field-footer>
7912
7932
  </mecx-form-field>
7913
- `, 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 });
7933
+ `, 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 });
7914
7934
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyInputComponent, decorators: [{
7915
7935
  type: Component,
7916
7936
  args: [{
@@ -8222,7 +8242,7 @@ MonkeyInputFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
8222
8242
  ></monkey-icon>
8223
8243
  </mecx-form-field-body>
8224
8244
  </mecx-form-field-filter>
8225
- `, 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 });
8245
+ `, 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 });
8226
8246
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyInputFilterComponent, decorators: [{
8227
8247
  type: Component,
8228
8248
  args: [{