monkey-style-guide 2.0.134 → 2.0.137

package/fesm2015/monkey-style-guide.mjs

@@ -222,6 +222,11 @@ class MonkeyUtils {
             .join('');
         return randomString;
     }
+    static handleOnlyNumbersCurrency(value) {
+        if (!value)
+            return null;
+        return value.replace(new RegExp(/[^0-9.]/g), '');
+    }
     static handleOnlyNumbers(value) {
         if (!value)
             return null;
@@ -3065,16 +3070,25 @@ class MonkeyDateRangePickerComponent {
         this._daysArrSecond = [];
         this._disabled = false;
         this._minDate = null;
+        this._startDate = null;
+        this._endDate = null;
+        this.unsubscribeAll = new Subject();
         this.initDateRange();
     }
     set minDate(value) {
         this._minDate = !this.moveDaysForward ? null : value;
     }
     initDateRange() {
-        return (this._dateForm = this.fb.group({
+        var _a, _b, _c;
+        this._dateForm = this.fb.group({
             startDate: [null, Validators.required],
             endDate: [null, Validators.required],
-        }));
+        });
+        (_c = (_b = (_a = this._dateForm) === null || _a === void 0 ? void 0 : _a.valueChanges) === null || _b === void 0 ? void 0 : _b.pipe(takeUntil(this.unsubscribeAll))) === null || _c === void 0 ? void 0 : _c.subscribe((values) => {
+            const { startDate, endDate } = values;
+            this._startDate = startDate && moment.default(startDate);
+            this._endDate = endDate && moment.default(endDate);
+        });
     }
     createCalendar(month) {
         let firstDay = moment.default(month).startOf('M');
@@ -3279,6 +3293,38 @@ MonkeyDateRangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
           {{ helperMessage }}
         </helper>
       </mecx-date-range-picker-group-header>
+      <mecx-date-range-picker-selected-dates>
+        <div class="from"
+        [class.actual]="!_startDate">
+          <span class="title">
+            {{ i18n?.from }}
+          </span>
+          <span class="data">
+            <ng-container *ngIf="_startDate; else select">
+              {{ _startDate?.format('DD') }}
+              {{ i18n?.of }}
+              {{ i18n?.months?.[_startDate.format('M')] }},
+              {{ _startDate.format('YYYY') }}
+            </ng-container>
+          </span>
+        </div>
+        <div class="to" [class.actual]="_startDate">
+          <span class="title">
+            {{ i18n?.to }}
+          </span>
+          <span class="data">
+            <ng-container *ngIf="_endDate; else select">
+              {{ _endDate.format('DD') }}
+              {{ i18n?.of }}
+              {{ i18n?.months?.[_endDate.format('M')] }},
+              {{ _endDate.format('YYYY') }}
+            </ng-container>
+          </span>
+        </div>
+        <ng-template #select>
+          {{ i18n?.select }}
+        </ng-template>
+      </mecx-date-range-picker-selected-dates>
       <mecx-date-range-picker-group-body>
         <mecx-date-range-picker class="first-date-range">
           <mecx-date-range-picker-header>
@@ -3424,7 +3470,7 @@ MonkeyDateRangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
         </monkey-button>
       </mecx-date-range-picker-group-action>
     </mecx-date-range-picker-group>
-  `, isInline: true, components: [{ type: MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, components: [{ type: MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyDateRangePickerComponent, decorators: [{
             type: Component,
             args: [{
@@ -3439,6 +3485,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
           {{ helperMessage }}
         </helper>
       </mecx-date-range-picker-group-header>
+      <mecx-date-range-picker-selected-dates>
+        <div class="from"
+        [class.actual]="!_startDate">
+          <span class="title">
+            {{ i18n?.from }}
+          </span>
+          <span class="data">
+            <ng-container *ngIf="_startDate; else select">
+              {{ _startDate?.format('DD') }}
+              {{ i18n?.of }}
+              {{ i18n?.months?.[_startDate.format('M')] }},
+              {{ _startDate.format('YYYY') }}
+            </ng-container>
+          </span>
+        </div>
+        <div class="to" [class.actual]="_startDate">
+          <span class="title">
+            {{ i18n?.to }}
+          </span>
+          <span class="data">
+            <ng-container *ngIf="_endDate; else select">
+              {{ _endDate.format('DD') }}
+              {{ i18n?.of }}
+              {{ i18n?.months?.[_endDate.format('M')] }},
+              {{ _endDate.format('YYYY') }}
+            </ng-container>
+          </span>
+        </div>
+        <ng-template #select>
+          {{ i18n?.select }}
+        </ng-template>
+      </mecx-date-range-picker-selected-dates>
       <mecx-date-range-picker-group-body>
         <mecx-date-range-picker class="first-date-range">
           <mecx-date-range-picker-header>
@@ -3666,7 +3744,11 @@ class MonkeyInputComponent {
         else if (this.capitalize)
             return MonkeyUtils.capitalize(`${value}`.toUpperCase());
         else if (this.currency || this.percent) {
-            return MonkeyUtils.handleOnlyNumbers(`${value}`) / (apply ? 100 : 1);
+            const handled = MonkeyUtils.handleOnlyNumbers(`${value}`);
+            const result = handled / 100;
+            if (!result)
+                return '';
+            return result.toFixed(2);
         }
         return value;
     }