@klippa/ngx-enhancy-forms 8.2.1 → 9.0.1

package/README.md

@@ -1,6 +1,6 @@
 # NgxEnhancyForms
 
-Enhancy Forms is the forms framework used for klippa frontend applications.
+Enhancy Forms is the forms framework used for Klippa frontend applications.
 
 Known Issues:
 - ngx-date-fns-adapter is not compatible with Angular 12. The date picker can be used, but cannot be internationalised.
@@ -150,7 +150,7 @@ class MultiParseDateFnsDateAdapter extends NgxDateFnsDateAdapter {
 	}
 }
 ```
-git
+
 ```ts
 @Component({
 	selector: 'app-login-form',

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

@@ -964,7 +964,6 @@
         function PasswordFieldComponent() {
             var _this = _super.apply(this, __spread(arguments)) || this;
             _this.placeholder = 'Password';
-            _this.isPasswordConfirm = false;
             return _this;
         }
         return PasswordFieldComponent;
@@ -972,14 +971,13 @@
     PasswordFieldComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'klp-form-password-field',
-                    template: "<input\n\ttype=\"password\"\n\tclass=\"form-control\"\n  [ngClass]=\"{showErrors: isInErrorState()}\"\n\t[(ngModel)]=\"innerValue\"\n\t(input)=\"setInnerValueAndNotify($event.target.value)\"\n\t[placeholder]=\"isPasswordConfirm ? 'Confirm password': 'Password'\"\n\t(blur)=\"touch()\"\n\t[disabled]=\"disabled\"\n/>\n",
+                    template: "<input\n\ttype=\"password\"\n\tclass=\"form-control\"\n  [ngClass]=\"{showErrors: isInErrorState()}\"\n\t[(ngModel)]=\"innerValue\"\n\t(input)=\"setInnerValueAndNotify($event.target.value)\"\n\t[placeholder]=\"placeholder\"\n\t(blur)=\"touch()\"\n\t[disabled]=\"disabled\"\n/>\n",
                     providers: [{ provide: forms.NG_VALUE_ACCESSOR, useExisting: PasswordFieldComponent, multi: true }],
                     styles: [":host,input{display:block}input{-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;border:1px solid #e6ecf5;border-radius:2px;box-shadow:none;color:#888da8;font-size:14px;height:42px;outline:none;padding:.375rem .625rem;transition:all .2s ease-in;width:100%}input::-webkit-input-placeholder{color:#adadad}input:-moz-placeholder,input::-moz-placeholder{color:#adadad}input:-ms-input-placeholder{color:#adadad}input:focus{border-color:#3ed778;box-shadow:none;outline:0 none}input.input-sm{height:30px}input.input-lg{height:50px}input.error{background-color:#f6cdd1;border-color:#dc3545}input.valid{background-color:#ebfaeb;border-color:#37c936;color:#278d26}.showErrors{border-color:#ff8000}"]
                 },] }
     ];
     PasswordFieldComponent.propDecorators = {
-        placeholder: [{ type: core.Input }],
-        isPasswordConfirm: [{ type: core.Input }]
+        placeholder: [{ type: core.Input }]
     };
 
     var SELECT_TRANSLATIONS = new core.InjectionToken('klp.form.select.translations');
@@ -1320,39 +1318,30 @@
             return _this;
         }
         MultipleValueAccessorBase.prototype.writeValue = function (value) {
-            if (this.multiple) {
-                if (Array.isArray(value)) {
-                    _super.prototype.writeValue.call(this, value.filter(isValueSet));
-                }
-                else {
-                    _super.prototype.writeValue.call(this, [value].filter(isValueSet));
-                }
+            // if the outside world passes a value in the wrong format, it should be corrected
+            if (this.multiple && !Array.isArray(value)) {
+                var correctedVal = [value].filter(isValueSet);
+                _super.prototype.writeValue.call(this, correctedVal);
+                _super.prototype.setInnerValueAndNotify.call(this, correctedVal);
+            }
+            else if (!this.multiple && Array.isArray(value)) {
+                var correctedVal = value[0];
+                _super.prototype.writeValue.call(this, correctedVal);
+                _super.prototype.setInnerValueAndNotify.call(this, correctedVal);
             }
             else {
-                if (Array.isArray(value)) {
-                    _super.prototype.writeValue.call(this, value[0]);
-                }
-                else {
-                    _super.prototype.writeValue.call(this, value);
-                }
+                _super.prototype.writeValue.call(this, value);
             }
         };
         MultipleValueAccessorBase.prototype.setInnerValueAndNotify = function (value) {
-            if (this.multiple) {
-                if (Array.isArray(value)) {
-                    _super.prototype.setInnerValueAndNotify.call(this, value.filter(isValueSet));
-                }
-                else {
-                    _super.prototype.setInnerValueAndNotify.call(this, [value].filter(isValueSet));
-                }
+            if (this.multiple && !Array.isArray(value)) {
+                _super.prototype.setInnerValueAndNotify.call(this, [value].filter(isValueSet));
+            }
+            else if (!this.multiple && Array.isArray(value)) {
+                _super.prototype.setInnerValueAndNotify.call(this, value[0]);
             }
             else {
-                if (Array.isArray(value)) {
-                    _super.prototype.setInnerValueAndNotify.call(this, value[0]);
-                }
-                else {
-                    _super.prototype.setInnerValueAndNotify.call(this, value);
-                }
+                _super.prototype.setInnerValueAndNotify.call(this, value);
             }
         };
         return MultipleValueAccessorBase;