monkey-style-guide 2.0.119 → 2.0.120

package/fesm2020/monkey-style-guide.mjs

@@ -3049,7 +3049,7 @@ 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.onModelChange = (value) => { };
@@ -3060,8 +3060,12 @@ class MonkeyDateRangePickerComponent {
         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],
@@ -3237,17 +3241,24 @@ class MonkeyDateRangePickerComponent {
     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 method = moveDaysForward ? 'add' : 'subtract';
+        const lastDay = moment.default(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 +3601,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                 type: Input
             }], errorMessage: [{
                 type: Input
+            }], moveDaysForward: [{
+                type: Input
             }], minDate: [{
                 type: Input
             }], onChange: [{
@@ -7422,7 +7435,7 @@ MonkeyExpansionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
         </helper>
         <monkey-icon icon="arrow-up-16" [color]="'#4B4A53'"></monkey-icon>
       </mecx-monkey-expansion-header>
-      <mecx-monkey-expansion-body [class.open]="open">
+      <mecx-monkey-expansion-body *ngIf="open">
         <ng-content></ng-content>
       </mecx-monkey-expansion-body>
     </mecx-monkey-expansion>
@@ -7461,12 +7474,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
         </helper>
         <monkey-icon icon="arrow-up-16" [color]="'#4B4A53'"></monkey-icon>
       </mecx-monkey-expansion-header>
-      <mecx-monkey-expansion-body [class.open]="open">
+      <mecx-monkey-expansion-body *ngIf="open">
         <ng-content></ng-content>
       </mecx-monkey-expansion-body>
     </mecx-monkey-expansion>
   `,
-                    encapsulation: ViewEncapsulation.None
+                    encapsulation: ViewEncapsulation.None,
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { label: [{
                 type: Input