monkey-style-guide 2.0.203 → 2.0.205

package/fesm2020/monkey-style-guide.mjs

@@ -5310,7 +5310,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
  * This style guide was developed by Monkey Exchange Team
  * MIT Licence
  **************************/
-const moment$1 = moment_;
+const moment$2 = moment_;
 class MonkeyDateRangePickerComponent {
     constructor(fb, cdr) {
         this.fb = fb;
@@ -5318,11 +5318,11 @@ class MonkeyDateRangePickerComponent {
         this.helperMessage = '';
         this.moveDaysForward = true;
         this.onChange = new EventEmitter();
-        this.today = moment$1.default().format('YYYY-MM-DD');
+        this.today = moment$2.default().format('YYYY-MM-DD');
         this.onModelChange = (value) => { };
         this.onModelTouched = (value) => { };
-        this._dateFirst = moment$1.default();
-        this._dateSecond = moment$1.default().add(1, 'M');
+        this._dateFirst = moment$2.default();
+        this._dateSecond = moment$2.default().add(1, 'M');
         this._id = `mecx-date-range-picker-${MonkeyUtils.getRandomString(10)}`;
         this._daysArrFirst = [];
         this._daysArrSecond = [];
@@ -5343,17 +5343,17 @@ class MonkeyDateRangePickerComponent {
         });
         this._dateForm?.valueChanges?.pipe(takeUntil(this.unsubscribeAll))?.subscribe((values) => {
             const { startDate, endDate } = values;
-            this._startDate = startDate && moment$1.default(startDate);
-            this._endDate = endDate && moment$1.default(endDate);
+            this._startDate = startDate && moment$2.default(startDate);
+            this._endDate = endDate && moment$2.default(endDate);
         });
     }
     createCalendar(month) {
-        let firstDay = moment$1.default(month).startOf('M');
-        let lastDay = moment$1.default(month).endOf('M');
+        let firstDay = moment$2.default(month).startOf('M');
+        let lastDay = moment$2.default(month).endOf('M');
         let days = Array.apply(null, { length: month.daysInMonth() })
             .map(Number.call, Number)
             .map((n) => {
-            return moment$1.default(firstDay).add(n, 'd');
+            return moment$2.default(firstDay).add(n, 'd');
         });
         let n = 0;
         while (n < firstDay.weekday()) {
@@ -5391,8 +5391,8 @@ class MonkeyDateRangePickerComponent {
         this.writeValue(this._dateForm.value);
     }
     navigateToToday() {
-        this._dateFirst = moment$1.default();
-        this._dateSecond = moment$1.default().add(1, 'M');
+        this._dateFirst = moment$2.default();
+        this._dateSecond = moment$2.default().add(1, 'M');
         this.build();
     }
     ngOnInit() {
@@ -5447,14 +5447,14 @@ class MonkeyDateRangePickerComponent {
         if (!day) {
             return false;
         }
-        return moment$1.default().format('L') === day.format('L');
+        return moment$2.default().format('L') === day.format('L');
     }
     isSelected(day) {
         if (!day) {
             return false;
         }
-        let startDateMoment = moment$1.default(this._dateForm.value.startDate, 'YYYY-MM-DD');
-        let endDateMoment = moment$1.default(this._dateForm.value.endDate, 'YYYY-MM-DD');
+        let startDateMoment = moment$2.default(this._dateForm.value.startDate, 'YYYY-MM-DD');
+        let endDateMoment = moment$2.default(this._dateForm.value.endDate, 'YYYY-MM-DD');
         if (this._dateForm.valid) {
             return startDateMoment.isSameOrBefore(day) && endDateMoment.isSameOrAfter(day);
         }
@@ -5465,7 +5465,7 @@ class MonkeyDateRangePickerComponent {
     isDisabled(day) {
         const { _minDate } = this;
         if (_minDate) {
-            const firstDay = moment$1.default(_minDate);
+            const firstDay = moment$2.default(_minDate);
             return day.isBefore(firstDay.subtract(1, 'day'));
         }
         return false;
@@ -5486,7 +5486,7 @@ class MonkeyDateRangePickerComponent {
         const { _dateForm, _minDate } = this;
         let dayFormatted = day.format('YYYY-MM-DD');
         if (_minDate) {
-            const firstDay = moment$1.default(_minDate);
+            const firstDay = moment$2.default(_minDate);
             if (day.isBefore(firstDay.subtract(1, 'day')))
                 return;
         }
@@ -5495,7 +5495,7 @@ class MonkeyDateRangePickerComponent {
         }
         let { startDate, endDate } = _dateForm.value;
         if (startDate) {
-            if (moment$1.default(startDate).isAfter(moment$1.default(dayFormatted))) {
+            if (moment$2.default(startDate).isAfter(moment$2.default(dayFormatted))) {
                 endDate = startDate;
                 startDate = dayFormatted;
             }
@@ -5518,9 +5518,9 @@ class MonkeyDateRangePickerComponent {
             return;
         const { _dateForm, _minDate, today, moveDaysForward } = this;
         const { startDate } = _dateForm.value;
-        const firstDay = moment$1.default(startDate || _minDate || today).format('YYYY-MM-DD');
+        const firstDay = moment$2.default(startDate || _minDate || today).format('YYYY-MM-DD');
         const method = moveDaysForward ? 'add' : 'subtract';
-        const lastDay = moment$1.default(firstDay)[method](days, 'day').format('YYYY-MM-DD');
+        const lastDay = moment$2.default(firstDay)[method](days, 'day').format('YYYY-MM-DD');
         if (moveDaysForward) {
             _dateForm.get('startDate').patchValue(firstDay);
             _dateForm.get('endDate').patchValue(lastDay);
@@ -5974,7 +5974,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
  * This style guide was developed by Monkey Exchange Team
  * MIT Licence
  **************************/
-const moment = moment_;
+const moment$1 = moment_;
 class MonkeyDateRangePickerV2Component {
     constructor(fb, cdr) {
         this.fb = fb;
@@ -5985,11 +5985,11 @@ class MonkeyDateRangePickerV2Component {
         this.onChange = new EventEmitter();
         this.onSubmit = new EventEmitter();
         this.onClose = new EventEmitter();
-        this.today = moment.default().format('YYYY-MM-DD');
+        this.today = moment$1.default().format('YYYY-MM-DD');
         this.onModelChange = (value) => { };
         this.onModelTouched = (value) => { };
-        this._dateFirst = moment.default();
-        this._dateSecond = moment.default().add(1, 'M');
+        this._dateFirst = moment$1.default();
+        this._dateSecond = moment$1.default().add(1, 'M');
         this._id = `mecx-date-range-picker-v2-${MonkeyUtils.getRandomString(10)}`;
         this._daysArrFirst = [];
         this._daysArrSecond = [];
@@ -6010,17 +6010,17 @@ class MonkeyDateRangePickerV2Component {
         });
         this._dateForm?.valueChanges?.pipe(takeUntil(this.unsubscribeAll))?.subscribe((values) => {
             const { startDate, endDate } = values;
-            this._startDate = startDate && moment.default(startDate);
-            this._endDate = endDate && moment.default(endDate);
+            this._startDate = startDate && moment$1.default(startDate);
+            this._endDate = endDate && moment$1.default(endDate);
         });
     }
     createCalendar(month) {
-        let firstDay = moment.default(month).startOf('M');
-        let lastDay = moment.default(month).endOf('M');
+        let firstDay = moment$1.default(month).startOf('M');
+        let lastDay = moment$1.default(month).endOf('M');
         let days = Array.apply(null, { length: month.daysInMonth() })
             .map(Number.call, Number)
             .map((n) => {
-            return moment.default(firstDay).add(n, 'd');
+            return moment$1.default(firstDay).add(n, 'd');
         });
         let n = 0;
         while (n < firstDay.weekday()) {
@@ -6058,8 +6058,8 @@ class MonkeyDateRangePickerV2Component {
         this.writeValue(this._dateForm.value);
     }
     navigateToToday() {
-        this._dateFirst = moment.default();
-        this._dateSecond = moment.default().add(1, 'M');
+        this._dateFirst = moment$1.default();
+        this._dateSecond = moment$1.default().add(1, 'M');
         this.build();
     }
     ngOnInit() {
@@ -6118,14 +6118,14 @@ class MonkeyDateRangePickerV2Component {
         if (!day) {
             return false;
         }
-        return moment.default().format('L') === day.format('L');
+        return moment$1.default().format('L') === day.format('L');
     }
     isSelected(day) {
         if (!day) {
             return false;
         }
-        let startDateMoment = moment.default(this._dateForm.value.startDate, 'YYYY-MM-DD');
-        let endDateMoment = moment.default(this._dateForm.value.endDate, 'YYYY-MM-DD');
+        let startDateMoment = moment$1.default(this._dateForm.value.startDate, 'YYYY-MM-DD');
+        let endDateMoment = moment$1.default(this._dateForm.value.endDate, 'YYYY-MM-DD');
         if (this._dateForm.valid) {
             return startDateMoment.isSameOrBefore(day) && endDateMoment.isSameOrAfter(day);
         }
@@ -6136,7 +6136,7 @@ class MonkeyDateRangePickerV2Component {
     isDisabled(day) {
         const { _minDate } = this;
         if (_minDate) {
-            const firstDay = moment.default(_minDate);
+            const firstDay = moment$1.default(_minDate);
             return day.isBefore(firstDay.subtract(1, 'day'));
         }
         return false;
@@ -6157,7 +6157,7 @@ class MonkeyDateRangePickerV2Component {
         const { _dateForm, _minDate } = this;
         let dayFormatted = day.format('YYYY-MM-DD');
         if (_minDate) {
-            const firstDay = moment.default(_minDate);
+            const firstDay = moment$1.default(_minDate);
             if (day.isBefore(firstDay.subtract(1, 'day')))
                 return;
         }
@@ -6166,7 +6166,7 @@ class MonkeyDateRangePickerV2Component {
         }
         let { startDate, endDate } = _dateForm.value;
         if (startDate) {
-            if (moment.default(startDate).isAfter(moment.default(dayFormatted))) {
+            if (moment$1.default(startDate).isAfter(moment$1.default(dayFormatted))) {
                 endDate = startDate;
                 startDate = dayFormatted;
             }
@@ -6189,9 +6189,9 @@ class MonkeyDateRangePickerV2Component {
             return;
         const { _dateForm, _minDate, today, moveDaysForward } = this;
         const { startDate } = _dateForm.value;
-        const firstDay = moment.default(startDate || _minDate || today).format('YYYY-MM-DD');
+        const firstDay = moment$1.default(startDate || _minDate || today).format('YYYY-MM-DD');
         const method = moveDaysForward ? 'add' : 'subtract';
-        const lastDay = moment.default(firstDay)[method](days, 'day').format('YYYY-MM-DD');
+        const lastDay = moment$1.default(firstDay)[method](days, 'day').format('YYYY-MM-DD');
         if (moveDaysForward) {
             _dateForm.get('startDate').patchValue(firstDay);
             _dateForm.get('endDate').patchValue(lastDay);
@@ -7640,6 +7640,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
  * This style guide was developed by Monkey Exchange Team
  * MIT Licence
  **************************/
+const moment = moment_;
 class MonkeyInputComponent {
     constructor(currencyPipe, settingsService, cdr, defaultCurencyCode) {
         this.currencyPipe = currencyPipe;
@@ -7650,16 +7651,35 @@ class MonkeyInputComponent {
         this.helperMessage = '';
         this.placeholder = '';
         this.maxLength = 255;
-        this.maxDateToday = false;
         this.onChange = new EventEmitter();
         this.onModelChange = (value) => { };
         this.onModelTouched = (value) => { };
         this._id = `mecx-input-${MonkeyUtils.getRandomString(10)}`;
         this._disabled = false;
-        this._maxDateToday = new Date().toISOString().split('T')[0];
         this._symbol = '';
+        this._maxDate = undefined;
         //not to do
     }
+    set maxDateToday(value) {
+        try {
+            if (value) {
+                this._maxDate = new Date().toISOString().split('T')[0];
+            }
+        }
+        catch (e) {
+            // ignore
+        }
+    }
+    set minYears(value) {
+        try {
+            if (value) {
+                this._maxDate = moment.default().subtract(value, 'years').toISOString().split('T')[0];
+            }
+        }
+        catch (e) {
+            // ignore
+        }
+    }
     handleValue(value, apply = false) {
         if (this.onlyNumber) {
             return MonkeyUtils.handleOnlyNumbers(`${value}`);
@@ -7780,7 +7800,7 @@ class MonkeyInputComponent {
     }
 }
 MonkeyInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyInputComponent, deps: [{ token: i1$1.CurrencyPipe }, { token: MonkeyStyleGuideSettingsService }, { token: i0.ChangeDetectorRef }, { token: DEFAULT_CURRENCY_CODE }], target: i0.ɵɵFactoryTarget.Component });
-MonkeyInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MonkeyInputComponent, selector: "monkey-input", inputs: { name: "name", label: "label", helperMessage: "helperMessage", placeholder: "placeholder", icon: "icon", type: "type", infoMessage: "infoMessage", errorMessage: "errorMessage", mask: "mask", prefix: "prefix", maxLength: "maxLength", onlyNumber: "onlyNumber", onlyAlphaNumeric: "onlyAlphaNumeric", upperCase: "upperCase", lowerCase: "lowerCase", capitalize: "capitalize", currency: "currency", percent: "percent", maxDateToday: "maxDateToday", value: "value" }, outputs: { onChange: "onChange" }, host: { listeners: { "click": "onClick()" } }, providers: [
+MonkeyInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MonkeyInputComponent, selector: "monkey-input", inputs: { name: "name", label: "label", helperMessage: "helperMessage", placeholder: "placeholder", icon: "icon", type: "type", infoMessage: "infoMessage", errorMessage: "errorMessage", mask: "mask", prefix: "prefix", maxLength: "maxLength", onlyNumber: "onlyNumber", onlyAlphaNumeric: "onlyAlphaNumeric", upperCase: "upperCase", lowerCase: "lowerCase", capitalize: "capitalize", currency: "currency", percent: "percent", maxDateToday: "maxDateToday", minYears: "minYears", value: "value" }, outputs: { onChange: "onChange" }, host: { listeners: { "click": "onClick()" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => MonkeyInputComponent),
@@ -7844,7 +7864,7 @@ MonkeyInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
           [disabled]="_disabled"
           [maxLength]="maxLength"
           *ngIf="!mask && !prefix"
-          [max]="maxDateToday ? _maxDateToday : null"
+          [max]="_maxDate"
           #monkeyInput
         />
         <monkey-icon
@@ -7931,7 +7951,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
           [disabled]="_disabled"
           [maxLength]="maxLength"
           *ngIf="!mask && !prefix"
-          [max]="maxDateToday ? _maxDateToday : null"
+          [max]="_maxDate"
           #monkeyInput
         />
         <monkey-icon
@@ -8008,6 +8028,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Input
             }], maxDateToday: [{
                 type: Input
+            }], minYears: [{
+                type: Input
             }], onChange: [{
                 type: Output
             }], monkeyInput: [{
@@ -9495,7 +9517,7 @@ MonkeySelectSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
         <mecx-select class="trigger" [ngClass]="{ open: _opened }">
           <mecx-select__trigger>
             <input
-              [placeholder]="labelSelect || placeholder"
+              [placeholder]="placeholder || labelSelect"
               (input)="onChangeInput($event)"
               #inputFilter
               [ngModel]="_selected?.label || ''"
@@ -9541,7 +9563,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         <mecx-select class="trigger" [ngClass]="{ open: _opened }">
           <mecx-select__trigger>
             <input
-              [placeholder]="labelSelect || placeholder"
+              [placeholder]="placeholder || labelSelect"
               (input)="onChangeInput($event)"
               #inputFilter
               [ngModel]="_selected?.label || ''"