monkey-style-guide 2.0.202 → 2.0.204

package/fesm2020/monkey-style-guide.mjs

@@ -256,7 +256,7 @@ class MonkeyUtils {
         return `${formated}`;
     }
     static formatFileSize(size) {
-        let units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+        let units = ['b', 'kb', 'mb', 'gb', 'tb', 'pb', 'eb', 'zb', 'yb'];
         let l = 0;
         while (size >= 1024 && ++l) {
             size = size / 1024;
@@ -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);
@@ -6784,7 +6784,8 @@ class MonkeyFileUploadComponent {
         this._id = `mecx-file-upload-${MonkeyUtils.getRandomString(10)}`;
         this._disabled = false;
         this._progress = null;
-        this._maxSizeErrorMessage = false;
+        this._showMaxSizeErrorMessage = false;
+        this._maxSizeErrorMessage = '';
         this._allowedExtensionErrorMessage = false;
         this._uploadErrorMessage = '';
     }
@@ -6804,7 +6805,9 @@ class MonkeyFileUploadComponent {
         }
         if (configFiles.maxSize) {
             if (size > configFiles.maxSize) {
-                this._maxSizeErrorMessage = true;
+                this._showMaxSizeErrorMessage = true;
+                const formated = MonkeyUtils.formatFileSize(configFiles.maxSize);
+                this._maxSizeErrorMessage = `${this.maxSizeErrorMessage}${formated}`;
                 return false;
             }
         }
@@ -6862,7 +6865,7 @@ class MonkeyFileUploadComponent {
     onChangeValue(event) {
         const { listenFiles } = this;
         this._allowedExtensionErrorMessage = false;
-        this._maxSizeErrorMessage = false;
+        this._showMaxSizeErrorMessage = false;
         for (let index = 0; index < event.length; index++) {
             const file = event[index];
             if (this.validateFile(file)) {
@@ -6904,7 +6907,7 @@ MonkeyFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
           {{ helperMessage }}
         </helper>
       </mecx-form-field-header>
-      <mecx-form-field-body [class.error]="errorMessage?.trim() || _uploadErrorMessage?.trim() || _maxSizeErrorMessage">
+      <mecx-form-field-body [class.error]="errorMessage?.trim() || _uploadErrorMessage?.trim() || _showMaxSizeErrorMessage">
         <input
           #fileInput
           hidden
@@ -6943,7 +6946,7 @@ MonkeyFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
         <error>
           {{ errorMessage }}
           {{ _uploadErrorMessage }}
-          {{ _maxSizeErrorMessage ? maxSizeErrorMessage : null }}
+          {{ _showMaxSizeErrorMessage ? _maxSizeErrorMessage : null }}
           {{
             _allowedExtensionErrorMessage ? allowedExtensionErrorMessage : null
           }}
@@ -6965,7 +6968,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
           {{ helperMessage }}
         </helper>
       </mecx-form-field-header>
-      <mecx-form-field-body [class.error]="errorMessage?.trim() || _uploadErrorMessage?.trim() || _maxSizeErrorMessage">
+      <mecx-form-field-body [class.error]="errorMessage?.trim() || _uploadErrorMessage?.trim() || _showMaxSizeErrorMessage">
         <input
           #fileInput
           hidden
@@ -7004,7 +7007,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         <error>
           {{ errorMessage }}
           {{ _uploadErrorMessage }}
-          {{ _maxSizeErrorMessage ? maxSizeErrorMessage : null }}
+          {{ _showMaxSizeErrorMessage ? _maxSizeErrorMessage : null }}
           {{
             _allowedExtensionErrorMessage ? allowedExtensionErrorMessage : null
           }}
@@ -7637,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;
@@ -7647,16 +7651,36 @@ 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) {
+            console.log(e);
+            // ignore
+        }
+    }
     handleValue(value, apply = false) {
         if (this.onlyNumber) {
             return MonkeyUtils.handleOnlyNumbers(`${value}`);
@@ -7777,7 +7801,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),
@@ -7841,7 +7865,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
@@ -7928,7 +7952,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
@@ -8005,6 +8029,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Input
             }], maxDateToday: [{
                 type: Input
+            }], minYears: [{
+                type: Input
             }], onChange: [{
                 type: Output
             }], monkeyInput: [{