monkey-style-guide 2.0.119 → 2.0.122

package/fesm2020/monkey-style-guide.mjs

@@ -3049,19 +3049,23 @@ class MonkeyDateRangePickerComponent {
         this.fb = fb;
         this.cdr = cdr;
         this.helperMessage = '';
-        this.minDate = null;
+        this.moveDaysForward = true;
         this.onChange = new EventEmitter();
-        this.today = moment.default().format('YYYY-MM-DD');
+        this.today = moment().format('YYYY-MM-DD');
         this.onModelChange = (value) => { };
         this.onModelTouched = (value) => { };
-        this._dateFirst = moment.default();
-        this._dateSecond = moment.default().add(1, 'M');
+        this._dateFirst = moment();
+        this._dateSecond = moment().add(1, 'M');
         this._id = `mecx-date-range-picker-${MonkeyUtils.getRandomString(10)}`;
         this._daysArrFirst = [];
         this._daysArrSecond = [];
         this._disabled = false;
+        this._minDate = null;
         this.initDateRange();
     }
+    set minDate(value) {
+        this._minDate = !this.moveDaysForward ? null : value;
+    }
     initDateRange() {
         return (this._dateForm = this.fb.group({
             startDate: [null, Validators.required],
@@ -3069,12 +3073,12 @@ class MonkeyDateRangePickerComponent {
         }));
     }
     createCalendar(month) {
-        let firstDay = moment.default(month).startOf('M');
-        let lastDay = moment.default(month).endOf('M');
+        let firstDay = moment(month).startOf('M');
+        let lastDay = moment(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(firstDay).add(n, 'd');
         });
         let n = 0;
         while (n < firstDay.weekday()) {
@@ -3112,8 +3116,8 @@ class MonkeyDateRangePickerComponent {
         this.writeValue(this._dateForm.value);
     }
     navigateToToday() {
-        this._dateFirst = moment.default();
-        this._dateSecond = moment.default().add(1, 'M');
+        this._dateFirst = moment();
+        this._dateSecond = moment().add(1, 'M');
         this.build();
     }
     ngOnInit() {
@@ -3168,14 +3172,14 @@ class MonkeyDateRangePickerComponent {
         if (!day) {
             return false;
         }
-        return moment.default().format('L') === day.format('L');
+        return moment().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(this._dateForm.value.startDate, 'YYYY-MM-DD');
+        let endDateMoment = moment(this._dateForm.value.endDate, 'YYYY-MM-DD');
         if (this._dateForm.valid) {
             return startDateMoment.isSameOrBefore(day) && endDateMoment.isSameOrAfter(day);
         }
@@ -3184,9 +3188,9 @@ class MonkeyDateRangePickerComponent {
         }
     }
     isDisabled(day) {
-        const { minDate } = this;
-        if (minDate) {
-            const firstDay = moment.default(minDate);
+        const { _minDate } = this;
+        if (_minDate) {
+            const firstDay = moment(_minDate);
             return day.isBefore(firstDay.subtract(1, 'day'));
         }
         return false;
@@ -3202,52 +3206,65 @@ class MonkeyDateRangePickerComponent {
         return day?.isSame(endDate);
     }
     selectedDate(day) {
-        if (this._disabled)
-            return;
-        const { _dateForm, minDate } = this;
-        let dayFormatted = day.format('YYYY-MM-DD');
-        if (minDate) {
-            const firstDay = moment.default(minDate);
-            if (day.isBefore(firstDay.subtract(1, 'day')))
+        try {
+            if (this._disabled)
                 return;
-        }
-        if (_dateForm.valid) {
-            this.clearDates();
-        }
-        let { startDate, endDate } = _dateForm.value;
-        if (startDate) {
-            if (moment.default(startDate).isAfter(moment.default(dayFormatted))) {
-                endDate = startDate;
+            const { _dateForm, _minDate } = this;
+            let dayFormatted = day.format('YYYY-MM-DD');
+            if (_minDate) {
+                const firstDay = moment(_minDate);
+                if (day.isBefore(firstDay.subtract(1, 'day')))
+                    return;
+            }
+            if (_dateForm.valid) {
+                this.clearDates();
+            }
+            let { startDate, endDate } = _dateForm.value;
+            if (startDate) {
+                if (moment(startDate).isAfter(moment(dayFormatted))) {
+                    endDate = startDate;
+                    startDate = dayFormatted;
+                }
+                else {
+                    endDate = dayFormatted;
+                }
+            }
+            else
                 startDate = dayFormatted;
+            if (startDate) {
+                _dateForm.get('startDate').patchValue(startDate);
             }
-            else {
-                endDate = dayFormatted;
+            if (endDate) {
+                _dateForm.get('endDate').patchValue(endDate);
             }
+            console.log(_dateForm.value);
+            this.writeValue(_dateForm.value);
         }
-        else
-            startDate = dayFormatted;
-        if (startDate) {
-            _dateForm.get('startDate').patchValue(startDate);
-        }
-        if (endDate) {
-            _dateForm.get('endDate').patchValue(endDate);
+        catch (e) {
+            console.log(e);
         }
-        this.writeValue(_dateForm.value);
     }
     selectRangeOfDays(days) {
         if (this._disabled)
             return;
-        const { _dateForm, minDate, today } = this;
+        const { _dateForm, _minDate, today, moveDaysForward } = this;
         const { startDate } = _dateForm.value;
-        const firstDay = moment.default(startDate || minDate || today).format('YYYY-MM-DD');
-        const lastDay = moment.default(firstDay).add(days, 'day').format('YYYY-MM-DD');
-        _dateForm.get('startDate').patchValue(firstDay);
-        _dateForm.get('endDate').patchValue(lastDay);
+        const firstDay = moment(startDate || _minDate || today).format('YYYY-MM-DD');
+        const method = moveDaysForward ? 'add' : 'subtract';
+        const lastDay = moment(firstDay)[method](days, 'day').format('YYYY-MM-DD');
+        if (moveDaysForward) {
+            _dateForm.get('startDate').patchValue(firstDay);
+            _dateForm.get('endDate').patchValue(lastDay);
+        }
+        else {
+            _dateForm.get('startDate').patchValue(lastDay);
+            _dateForm.get('endDate').patchValue(firstDay);
+        }
         this.writeValue(_dateForm.value);
     }
 }
 MonkeyDateRangePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyDateRangePickerComponent, deps: [{ token: i1$2.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MonkeyDateRangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyDateRangePickerComponent, selector: "monkey-date-range-picker", inputs: { label: "label", helperMessage: "helperMessage", i18n: "i18n", infoMessage: "infoMessage", errorMessage: "errorMessage", minDate: "minDate", value: "value" }, outputs: { onChange: "onChange" }, providers: [
+MonkeyDateRangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyDateRangePickerComponent, selector: "monkey-date-range-picker", inputs: { label: "label", helperMessage: "helperMessage", i18n: "i18n", infoMessage: "infoMessage", errorMessage: "errorMessage", moveDaysForward: "moveDaysForward", minDate: "minDate", value: "value" }, outputs: { onChange: "onChange" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => MonkeyDateRangePickerComponent),
@@ -3590,6 +3607,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                 type: Input
             }], errorMessage: [{
                 type: Input
+            }], moveDaysForward: [{
+                type: Input
             }], minDate: [{
                 type: Input
             }], onChange: [{
@@ -7513,6 +7532,7 @@ class MonkeyTableComponent {
         this.selectedList = null;
         this.selection = new EventEmitter();
         this.selected = new EventEmitter();
+        this.clicked = new EventEmitter();
         this.list = [];
         this._maxWidth = 100;
         //not to do
@@ -7603,9 +7623,12 @@ class MonkeyTableComponent {
     onHandleSelectedAll() {
         return this.list.length === this.newDataSource.length;
     }
+    onHandleClicked(row) {
+        this.clicked.next(row);
+    }
 }
 MonkeyTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyTableComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MonkeyTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyTableComponent, selector: "monkey-table", inputs: { headers: "headers", dataSource: "dataSource", loading: "loading", rowTemplate: "rowTemplate", selectable: "selectable", showSelectAll: "showSelectAll", callbackValidation: "callbackValidation", callbackValidationAll: "callbackValidationAll", selectedList: "selectedList", functionId: "functionId" }, outputs: { selection: "selection", selected: "selected" }, usesOnChanges: true, ngImport: i0, template: `
+MonkeyTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyTableComponent, selector: "monkey-table", inputs: { headers: "headers", dataSource: "dataSource", loading: "loading", rowTemplate: "rowTemplate", selectable: "selectable", showSelectAll: "showSelectAll", callbackValidation: "callbackValidation", callbackValidationAll: "callbackValidationAll", selectedList: "selectedList", functionId: "functionId" }, outputs: { selection: "selection", selected: "selected", clicked: "clicked" }, usesOnChanges: true, ngImport: i0, template: `
     <mecx-monkey-table>
       <mecx-monkey-table-header>
         <monkey-checkbox
@@ -7621,6 +7644,7 @@ MonkeyTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
         <mecx-monkey-table-body-row
           [class.selected]="onHandleSelected(row)"
           *ngFor="let row of newDataSource"
+          (click)="onHandleClicked(row)"
         >
           <monkey-checkbox
             [value]="onHandleSelected(row)"
@@ -7657,6 +7681,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
         <mecx-monkey-table-body-row
           [class.selected]="onHandleSelected(row)"
           *ngFor="let row of newDataSource"
+          (click)="onHandleClicked(row)"
         >
           <monkey-checkbox
             [value]="onHandleSelected(row)"
@@ -7699,6 +7724,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                 type: Output
             }], selected: [{
                 type: Output
+            }], clicked: [{
+                type: Output
             }] } });
 
 /**************************