monkey-style-guide 2.0.121 → 2.0.124

package/fesm2020/monkey-style-guide.mjs

@@ -448,7 +448,9 @@ class MonkeyStyleGuideSnackbarService {
         this.timeoutBlinkTab = null;
         this.snackbarElements = new SnackbarElements();
         this.locationRouter.onUrlChange(() => {
-            this.closeAll();
+            if (this.config && !this.config?.keepOnUrlChange) {
+                this.closeAll();
+            }
         });
     }
     stopBlinking() {
@@ -3051,11 +3053,11 @@ class MonkeyDateRangePickerComponent {
         this.helperMessage = '';
         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 = [];
@@ -3073,12 +3075,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()) {
@@ -3116,8 +3118,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() {
@@ -3172,14 +3174,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);
         }
@@ -3190,7 +3192,7 @@ class MonkeyDateRangePickerComponent {
     isDisabled(day) {
         const { _minDate } = this;
         if (_minDate) {
-            const firstDay = moment.default(_minDate);
+            const firstDay = moment(_minDate);
             return day.isBefore(firstDay.subtract(1, 'day'));
         }
         return false;
@@ -3206,46 +3208,52 @@ 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, moveDaysForward } = this;
         const { startDate } = _dateForm.value;
-        const firstDay = moment.default(startDate || _minDate || today).format('YYYY-MM-DD');
+        const firstDay = moment(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(firstDay)[method](days, 'day').format('YYYY-MM-DD');
         if (moveDaysForward) {
             _dateForm.get('startDate').patchValue(firstDay);
             _dateForm.get('endDate').patchValue(lastDay);
@@ -7526,6 +7534,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
@@ -7616,9 +7625,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
@@ -7634,6 +7646,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)"
@@ -7670,6 +7683,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)"
@@ -7712,6 +7726,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                 type: Output
             }], selected: [{
                 type: Output
+            }], clicked: [{
+                type: Output
             }] } });
 
 /**************************