@smartbit4all/ng-client 3.1.25 → 3.1.26

package/fesm2020/smartbit4all-ng-client.mjs

@@ -4466,13 +4466,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
 
 const YEARH_MONTH_FORMAT = {
     parse: {
-        dateInput: "MM/YYYY",
+        dateInput: 'MM/YYYY',
     },
     display: {
-        dateInput: "MM/YYYY",
-        monthYearLabel: "MMM YYYY",
-        dateA11yLabel: "LL",
-        monthYearA11yLabel: "MMMM YYYY",
+        dateInput: 'MM/YYYY',
+        monthYearLabel: 'MMM YYYY',
+        dateA11yLabel: 'LL',
+        monthYearA11yLabel: 'MMMM YYYY',
     },
 };
 class SmartMonthPickerComponent {
@@ -4490,14 +4490,10 @@ class SmartMonthPickerComponent {
             this.date = new FormControl(moment());
         }
     }
-    chosenYearHandler(normalizedYear) {
+    chosenMonthHandler(moment, datepicker) {
         const ctrlValue = this.date.value;
-        ctrlValue.year(normalizedYear.year());
-        this.date.setValue(ctrlValue);
-    }
-    chosenMonthHandler(normalizedMonth, datepicker) {
-        const ctrlValue = this.date.value;
-        ctrlValue.month(normalizedMonth.month());
+        ctrlValue.month(moment.month());
+        ctrlValue.year(moment.year());
         this.date.setValue(ctrlValue);
         this.valueChange.next(ctrlValue);
         datepicker.close();
@@ -4511,17 +4507,17 @@ SmartMonthPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
             deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS],
         },
         { provide: MAT_DATE_FORMATS, useValue: YEARH_MONTH_FORMAT },
-    ], ngImport: i0, template: "<div class=\"smart-month-picker-container\">\r\n  <mat-form-field appearance=\"outline\">\r\n    <input\r\n      matInput\r\n      [matDatepicker]=\"dp\"\r\n      placeholder=\"Month and Year\"\r\n      [formControl]=\"date\"\r\n    />\r\n    <mat-datepicker-toggle matSuffix [for]=\"dp\"></mat-datepicker-toggle>\r\n    <mat-datepicker\r\n      #dp\r\n      startView=\"multi-year\"\r\n      (yearSelected)=\"chosenYearHandler($event)\"\r\n      (monthSelected)=\"chosenMonthHandler($event, dp)\"\r\n      panelClass=\"example-month-picker\"\r\n    >\r\n    </mat-datepicker>\r\n  </mat-form-field>\r\n  <div class=\"smart-month-picker-hint\">\r\n    <mat-hint\r\n      *ngIf=\"\r\n        !widgetInstance?.hintConfig ||\r\n        widgetInstance?.hintConfig?.position ===\r\n          SmartWidgetHintPosition.UNDER_INPUT\r\n      \"\r\n      >{{ widgetInstance.hint }}</mat-hint\r\n    >\r\n  </div>\r\n</div>\r\n", styles: [""], components: [{ type: i3$2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i2$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }], directives: [{ type: i3$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i2$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i20.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i20.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i20.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3$2.MatSuffix, selector: "[matSuffix]" }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }] });
+    ], ngImport: i0, template: "<div class=\"smart-month-picker-container\">\r\n  <mat-form-field appearance=\"outline\">\r\n    <input matInput [matDatepicker]=\"dp\" placeholder=\"Month and Year\" [formControl]=\"date\" />\r\n    <mat-datepicker-toggle matSuffix [for]=\"dp\"></mat-datepicker-toggle>\r\n    <mat-datepicker\r\n      #dp\r\n      startView=\"multi-year\"\r\n      (monthSelected)=\"chosenMonthHandler($event, dp)\"\r\n      panelClass=\"example-month-picker\"\r\n    >\r\n    </mat-datepicker>\r\n  </mat-form-field>\r\n  <div class=\"smart-month-picker-hint\">\r\n    <mat-hint\r\n      *ngIf=\"\r\n        !widgetInstance?.hintConfig ||\r\n        widgetInstance?.hintConfig?.position === SmartWidgetHintPosition.UNDER_INPUT\r\n      \"\r\n      >{{ widgetInstance.hint }}</mat-hint\r\n    >\r\n  </div>\r\n</div>\r\n", styles: [""], components: [{ type: i3$2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i2$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }], directives: [{ type: i3$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i2$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i20.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i20.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i20.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3$2.MatSuffix, selector: "[matSuffix]" }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartMonthPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: "lib-smart-month-picker", providers: [
+            args: [{ selector: 'lib-smart-month-picker', providers: [
                         {
                             provide: DateAdapter,
                             useClass: MomentDateAdapter,
                             deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS],
                         },
                         { provide: MAT_DATE_FORMATS, useValue: YEARH_MONTH_FORMAT },
-                    ], template: "<div class=\"smart-month-picker-container\">\r\n  <mat-form-field appearance=\"outline\">\r\n    <input\r\n      matInput\r\n      [matDatepicker]=\"dp\"\r\n      placeholder=\"Month and Year\"\r\n      [formControl]=\"date\"\r\n    />\r\n    <mat-datepicker-toggle matSuffix [for]=\"dp\"></mat-datepicker-toggle>\r\n    <mat-datepicker\r\n      #dp\r\n      startView=\"multi-year\"\r\n      (yearSelected)=\"chosenYearHandler($event)\"\r\n      (monthSelected)=\"chosenMonthHandler($event, dp)\"\r\n      panelClass=\"example-month-picker\"\r\n    >\r\n    </mat-datepicker>\r\n  </mat-form-field>\r\n  <div class=\"smart-month-picker-hint\">\r\n    <mat-hint\r\n      *ngIf=\"\r\n        !widgetInstance?.hintConfig ||\r\n        widgetInstance?.hintConfig?.position ===\r\n          SmartWidgetHintPosition.UNDER_INPUT\r\n      \"\r\n      >{{ widgetInstance.hint }}</mat-hint\r\n    >\r\n  </div>\r\n</div>\r\n", styles: [""] }]
+                    ], template: "<div class=\"smart-month-picker-container\">\r\n  <mat-form-field appearance=\"outline\">\r\n    <input matInput [matDatepicker]=\"dp\" placeholder=\"Month and Year\" [formControl]=\"date\" />\r\n    <mat-datepicker-toggle matSuffix [for]=\"dp\"></mat-datepicker-toggle>\r\n    <mat-datepicker\r\n      #dp\r\n      startView=\"multi-year\"\r\n      (monthSelected)=\"chosenMonthHandler($event, dp)\"\r\n      panelClass=\"example-month-picker\"\r\n    >\r\n    </mat-datepicker>\r\n  </mat-form-field>\r\n  <div class=\"smart-month-picker-hint\">\r\n    <mat-hint\r\n      *ngIf=\"\r\n        !widgetInstance?.hintConfig ||\r\n        widgetInstance?.hintConfig?.position === SmartWidgetHintPosition.UNDER_INPUT\r\n      \"\r\n      >{{ widgetInstance.hint }}</mat-hint\r\n    >\r\n  </div>\r\n</div>\r\n", styles: [""] }]
         }], propDecorators: { widgetInstance: [{
                 type: Input
             }], valueChange: [{