ps-toolkit-ui 1.13.5 → 1.13.7

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

@@ -8173,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)=\"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",
+                    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",
                     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}"]
                 },] }
     ];
@@ -8412,15 +8412,19 @@
             this.app = app;
             this.c = c;
             this.a = a;
-            this.l = function (key, v) {
-                if (v === void 0) { v = null; }
-                return app.getL("" + c + (a ? "." + a : ''), key, v);
-            };
+            this.setL();
             this.permissions = this.getPermission(this.c, this.a);
             if (this.permissions) {
                 this.permissions.Area = app.area;
             }
         }
+        BaseComponent.prototype.setL = function () {
+            var _this = this;
+            this.l = function (key, v) {
+                if (v === void 0) { v = null; }
+                return _this.app.getL("" + _this.c + (_this.a ? "." + _this.a : ''), key, v);
+            };
+        };
         BaseComponent.prototype.getPermission = function (c, a) {
             var _this = this;
             if (a === void 0) { a = null; }