@klippa/ngx-enhancy-forms 5.2.1 → 5.3.2

package/bundles/klippa-ngx-enhancy-forms.umd.js

@@ -59,20 +59,27 @@
             this.activeControls = [];
         }
         FormComponent.prototype.ngOnInit = function () {
+            var _this = this;
             if (isValueSet(this.parent) && isValueSet(this.subFormPlaceholder)) {
-                var injectInto = this.subFormPlaceholder.injectInto;
-                var injectAt = this.subFormPlaceholder.at;
-                if (injectInto instanceof forms.FormArray) {
-                    if (typeof injectAt !== 'number') {
-                        throw new Error("cannot index FormArray with " + typeof injectAt);
+                var injectInto_1 = this.subFormPlaceholder.injectInto;
+                var injectAt_1 = this.subFormPlaceholder.at;
+                if (injectInto_1 instanceof forms.FormArray) {
+                    if (typeof injectAt_1 !== 'number') {
+                        throw new Error("cannot index FormArray with " + typeof injectAt_1);
                     }
-                    injectInto.setControl(injectAt, this.formGroup);
+                    // do this next cycle to avoid 'ExpressionChangedAfterItHasBeenCheckedError'
+                    setTimeout(function () {
+                        injectInto_1.setControl(injectAt_1, _this.formGroup);
+                    });
                 }
-                else if (injectInto instanceof forms.FormGroup) {
-                    if (typeof injectAt !== 'string') {
-                        throw new Error("cannot index FormGroup with " + typeof injectAt);
+                else if (injectInto_1 instanceof forms.FormGroup) {
+                    if (typeof injectAt_1 !== 'string') {
+                        throw new Error("cannot index FormGroup with " + typeof injectAt_1);
                     }
-                    injectInto.setControl(injectAt, this.formGroup);
+                    // do this next cycle to avoid 'ExpressionChangedAfterItHasBeenCheckedError'
+                    setTimeout(function () {
+                        injectInto_1.setControl(injectAt_1, _this.formGroup);
+                    });
                 }
             }
             if (isValueSet(this.patchValueInterceptor)) {
@@ -164,13 +171,13 @@
         FormComponent.prototype.trySubmit = function () {
             var _this = this;
             var _a, _b;
-            this.formGroup.updateValueAndValidity();
             this.formGroup.markAllAsTouched();
             var allControls = this.getAllFormControls();
             var originalDisabledStates = allControls.map(function (e) {
                 return { control: e, disabled: e.disabled };
             });
             allControls.forEach(function (e) { return _this.disableInactiveFormControl(e); });
+            allControls.forEach(function (e) { return e.updateValueAndValidity(); });
             var values = this.formGroup.value;
             if (this.formGroup.valid) {
                 this.setDisabledStatesForAllControls(originalDisabledStates);
@@ -1358,17 +1365,20 @@
 
     var KLP_DATE_FORMATS = new core.InjectionToken('klp.form.date.formats');
     var DATE_TIME_PICKER_TRANSLATIONS = new core.InjectionToken('klp.form.dateTime.translations');
+    var DATE_PICKER_LOCALE = new core.InjectionToken('klp.form.dateTime.locale');
     function matDateFormatsFactory(component, dateFormats) {
         var _a;
         return (_a = dateFormats === null || dateFormats === void 0 ? void 0 : dateFormats(component.format)) !== null && _a !== void 0 ? _a : core$1.MAT_NATIVE_DATE_FORMATS;
     }
     var DateTimePickerComponent = /** @class */ (function (_super) {
         __extends(DateTimePickerComponent, _super);
-        function DateTimePickerComponent(parent, controlContainer, translations, cdr) {
+        function DateTimePickerComponent(parent, controlContainer, translations, datePickerLocale, dateAdapter, cdr) {
             var _this = _super.call(this, parent, controlContainer) || this;
             _this.parent = parent;
             _this.controlContainer = controlContainer;
             _this.translations = translations;
+            _this.datePickerLocale = datePickerLocale;
+            _this.dateAdapter = dateAdapter;
             _this.cdr = cdr;
             _this.minDate = undefined;
             _this.maxDate = undefined;
@@ -1395,6 +1405,9 @@
                 }
                 return true;
             };
+            if (isValueSet(datePickerLocale)) {
+                dateAdapter.setLocale(datePickerLocale());
+            }
             return _this;
         }
         DateTimePickerComponent.prototype.ngOnInit = function () {
@@ -1643,7 +1656,7 @@
                             provide: core$1.MAT_DATE_FORMATS,
                             deps: [DateTimePickerComponent, [new core.Optional(), KLP_DATE_FORMATS]],
                             useFactory: matDateFormatsFactory,
-                        }
+                        },
                     ],
                     styles: [":host{display:block}:host ::ng-deep mat-form-field{display:block;height:100%}:host ::ng-deep mat-form-field.mat-focused .mat-form-field-label,:host ::ng-deep mat-form-field .mat-form-field-label{color:#adadad}:host ::ng-deep .mat-datepicker-toggle-active{color:#666}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field-flex{flex-direction:row-reverse}:host ::ng-deep .mat-form-field-infix{border-top:none;width:auto}:host ::ng-deep .mat-form-field-suffix{margin-right:.625rem}:host ::ng-deep .mat-form-field-suffix:hover .mat-button-focus-overlay{opacity:.1}:host ::ng-deep .mat-form-field-underline{display:none}:host ::ng-deep .daysSelectedCaption{cursor:pointer}:host ::ng-deep .daysSelectedCaption.disabled{cursor:zoom-in}:host ::ng-deep .inputForMultipleDays{display:none}.componentContainer{border-radius:2px;color:#888da8;display:flex;position:relative}.componentContainer .placeholderForMultipleSelection{color:#adadad}.componentContainer.showErrors .clearButton.withoutSpacing,.componentContainer.showErrors .dateContainer,.componentContainer.showErrors .timeContainer{border-color:#ff8000}.componentContainer .clearButton{align-items:center;background:#fff;border:1px solid #e6ecf5;color:#7b7b7b;display:flex;flex:0 0 auto;font-size:18px;margin-left:1.25rem;padding:6px 14px}.componentContainer .clearButton.withoutSpacing{border-left:none;margin-left:0}.componentContainer .clearButton:disabled{background:#f9f9f9;border:1px solid #e6ecf5}.componentContainer .dateContainer{background:#fff;border:1px solid #e6ecf5;flex:1 1 auto;padding:6px}.componentContainer .dateContainer.noRightBorder{border-right:none}.componentContainer .dateContainer.disabled{background:#f9f9f9}.componentContainer .timeContainer{align-items:center;background:#fff;border:1px solid #e6ecf5;display:flex;flex:0 0 auto;margin-left:1.25rem;padding:6px .625rem}.componentContainer .timeContainer.disabled{background:#f9f9f9}.componentContainer .timeContainer input{border:none;color:#888da8;padding:0;text-align:center;width:20px}.componentContainer .timeContainer input::-moz-placeholder{color:#adadad}.componentContainer .timeContainer input:-ms-input-placeholder{color:#adadad}.componentContainer .timeContainer input::placeholder{color:#adadad}.componentContainer .timeContainer .divider{margin:0 .3125rem}"]
                 },] }
@@ -1652,6 +1665,8 @@
         { type: FormElementComponent, decorators: [{ type: core.Host }, { type: core.Optional }] },
         { type: forms.ControlContainer, decorators: [{ type: core.Host }, { type: core.Optional }] },
         { type: undefined, decorators: [{ type: core.Inject, args: [DATE_TIME_PICKER_TRANSLATIONS,] }, { type: core.Optional }] },
+        { type: undefined, decorators: [{ type: core.Inject, args: [DATE_PICKER_LOCALE,] }, { type: core.Optional }] },
+        { type: core$1.DateAdapter },
         { type: core.ChangeDetectorRef }
     ]; };
     DateTimePickerComponent.propDecorators = {
@@ -1754,6 +1769,7 @@
 
     exports.ButtonComponent = ButtonComponent;
     exports.CheckboxComponent = CheckboxComponent;
+    exports.DATE_PICKER_LOCALE = DATE_PICKER_LOCALE;
     exports.DATE_PICKER_TRANSLATIONS = DATE_PICKER_TRANSLATIONS;
     exports.DATE_TIME_PICKER_TRANSLATIONS = DATE_TIME_PICKER_TRANSLATIONS;
     exports.DEFAULT_ERROR_MESSAGES = DEFAULT_ERROR_MESSAGES;