ps-toolkit-ui 1.13.5 → 1.13.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8173,7 +8173,7 @@
8173
8173
  FormToggleComponent.decorators = [
8174
8174
  { type: core.Component, args: [{
8175
8175
  selector: 'lib-form-toggle',
8176
- 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",
8176
+ 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=\"input-base\">\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",
8177
8177
  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}"]
8178
8178
  },] }
8179
8179
  ];