ps-toolkit-ui 1.13.3 → 1.13.5

package/bundles/ps-toolkit-ui.umd.js

@@ -8117,36 +8117,43 @@
         }
         FormToggleComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this.inp.setValue = function (v) {
-                _this.inp.value = v === true;
+            this.inp.clear = function () {
+                _this.inp.error = null;
+                _this.inp.value = _this.inp.default === true;
             };
             this.inp.isValid = function () {
                 _this.inp.error = null;
-                if (_this.inp.required && _this.inp.value == null) {
+                if (_this.inp.required && !_this.inp.value) {
                     _this.inp.error = exports.InputError.Required;
                     return false;
                 }
                 return true;
             };
-            this.inp.clear = function () {
-                _this.inp.value = false;
-            };
             this.inp.data = function () {
                 return _this.inp.value;
             };
-            this.inp.setValue(this.inp.value, false);
+            this.inp.setValue = function (v) {
+                _this.inp.value = v;
+            };
+            this.inp.focus = function () {
+                _this.onFocusIn();
+            };
+            this.inp.setValue(this.inp.value === true, false);
         };
-        FormToggleComponent.prototype.onChange = function () {
-            this.inp.value = this.inputBase.nativeElement.checked;
-            if (this.inp.onChange) {
-                this.inp.onChange(this.inp);
-            }
+        FormToggleComponent.prototype.onFocusIn = function () {
+            this.inp.error = null;
+            this.inputBase.nativeElement.focus();
         };
         FormToggleComponent.prototype.onClick = function () {
-            this.onFocusIn();
+            this.inputBase.nativeElement.click();
         };
-        FormToggleComponent.prototype.onFocusIn = function () {
-            $__namespace(this.inputBase.nativeElement).focus();
+        FormToggleComponent.prototype.onChange = function () {
+            var _this = this;
+            if (this.inp.onChange) {
+                setTimeout(function () {
+                    _this.inp.onChange(_this.inp);
+                }, 1);
+            }
         };
         FormToggleComponent.prototype.onKeyDown = function (e) {
             var code = e.keyCode || e.which;
@@ -8166,7 +8173,7 @@
     FormToggleComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'lib-form-toggle',
-                    template: "<div #inputDiv [id]=\"inp.id + 'ToggleInput'\" [style]=\"inp.style\" [className]=\"'form-input-con toggle w-100' + (inp.error == null ? '' : ' error') + (inp.disabled || inp.loading ? ' disabled' : '') + ' ' + inp.class\">\r\n  <div class=\"form-input\" (click)=\"onClick()\">\r\n    <div *ngIf=\"inp.displayLabel\" class=\"label\"><i *ngIf=\"inp.required\" class=\"fas fa-star-of-life required-icon\"></i>{{inp.getLabel()}}</div>\r\n    <input #inputBase type=\"checkbox\" class=\"input-base\" (keydown)=\"onKeyDown($event)\" (focusin)=\"onFocusIn()\" (change)=\"onChange()\">\r\n    <div class=\"control\">\r\n      <span [className]=\"inp.icon ? inp.icon : ''\"></span>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div #inputDiv [id]=\"inp.id + 'ToggleInput'\" [style]=\"inp.style\" [className]=\"'form-input-con toggle w-100' + (inp.error == null ? '' : ' error') + (inp.disabled || inp.loading ? ' disabled' : '') + ' ' + inp.class\">\r\n  <div class=\"form-input\" (click)=\"onFocusIn()\">\r\n    <div *ngIf=\"inp.displayLabel\" class=\"label\"><i *ngIf=\"inp.required\" class=\"fas fa-star-of-life required-icon\"></i>{{inp.getLabel()}}</div>\r\n    <input (keydown)=\"onKeyDown($event)\" (change)=\"onChange()\" [disabled]=\"inp.disabled\" [(ngModel)]=\"inp.value\" #inputBase type=\"checkbox\" [name]=\"inp.name\" class=\"check\">\r\n    <div class=\"control\">\r\n      <span [className]=\"inp.icon ? inp.icon : ''\"></span>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                     styles: [".form-input-con.toggle{padding:0 15px;position:relative}.form-input-con.toggle .form-input{align-content:center;display:flex;float:right;justify-content:center;position:relative;width:100%}.form-input-con.toggle .form-input .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;direction:rtl;float:right;font-size:12px;height:20px;line-height:20px;margin-bottom:3px;padding:0 10px;text-align:right;width:100%}.form-input-con.toggle.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.toggle .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.toggle .form-input .control{background:#bbb;border-radius:46px;display:inline-block;height:15px;margin-top:10px;position:relative;transition:.4s;width:45px}.form-input-con.toggle .form-input .control span{background:#fff;border-radius:100%;box-shadow:0 0 5px rgba(0,0,0,.2);color:var(--black);content:\"\";height:25px;left:0;line-height:25px;position:absolute;text-align:center;top:-5px;transition:.4s;width:25px;z-index:2}.form-input-con.toggle .form-input .input-base{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:5}.form-input-con.toggle .form-input .input-base:checked+.control{background:var(--primary-light)}.form-input-con.toggle .form-input .input-base:checked+.control span{background:var(--primary-dark);color:var(--white);left:20px}"]
                 },] }
     ];