ps-toolkit-ui 1.12.65 → 1.12.68
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.
- package/bundles/ps-toolkit-ui.umd.js +6 -3
- package/bundles/ps-toolkit-ui.umd.js.map +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js.map +1 -1
- package/esm2015/lib/classes/form.class.js +4 -2
- package/esm2015/lib/components/form/radio/form.radio.component.js +3 -3
- package/fesm2015/ps-toolkit-ui.js +5 -3
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/lib/classes/form.class.d.ts +2 -1
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -2215,17 +2215,20 @@
|
|
|
2215
2215
|
return InputClass;
|
|
2216
2216
|
}());
|
|
2217
2217
|
var OptionClass = /** @class */ (function () {
|
|
2218
|
-
function OptionClass(name, value, options, cls) {
|
|
2218
|
+
function OptionClass(name, value, options, cls, dis) {
|
|
2219
2219
|
if (options === void 0) { options = []; }
|
|
2220
2220
|
if (cls === void 0) { cls = null; }
|
|
2221
|
+
if (dis === void 0) { dis = false; }
|
|
2221
2222
|
this.show = true;
|
|
2222
2223
|
this.selected = false;
|
|
2223
2224
|
this.parent = null;
|
|
2224
2225
|
this.loading = false;
|
|
2226
|
+
this.disabled = false;
|
|
2225
2227
|
this.name = name;
|
|
2226
2228
|
this.value = value;
|
|
2227
2229
|
this.options = options;
|
|
2228
2230
|
this.class = cls;
|
|
2231
|
+
this.disabled = dis;
|
|
2229
2232
|
}
|
|
2230
2233
|
return OptionClass;
|
|
2231
2234
|
}());
|
|
@@ -5468,8 +5471,8 @@
|
|
|
5468
5471
|
FormRadioComponent.decorators = [
|
|
5469
5472
|
{ type: core.Component, args: [{
|
|
5470
5473
|
selector: 'lib-form-radio',
|
|
5471
|
-
template: "<div #inputDiv [id]=\"inp.id + 'RadioInput'\" [className]=\"'form-input-con radio w-100' + (inp.error == null ? '' : ' error') + (inp.disabled ? ' 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 <i *ngIf=\"inp.icon != null || inp.loading\" #inputIcon [className]=\"(inp.loading ? 'fa-duotone fa-spin fa-spinner' : inp.icon) + ' icon'\"></i>\r\n <input #inputBase type=\"text\" class=\"input-base\" (keydown)=\"onKeyDown($event)\" (focusin)=\"onFocusIn()\">\r\n <div class=\"control\">\r\n <div [className]=\"(o.class ? o.class + ' ' : '') + 'option-con'\" *ngFor=\"let o of inp.options\">\r\n <label class=\"option\">\r\n <input [disabled]=\"inp.disabled\" (change)=\"onChange()\" [value]=\"o.value\" [(ngModel)]=\"inp.value\" [checked]=\"inp.value == o.value\" type=\"radio\" [name]=\"inp.name\">\r\n <span></span>\r\n <div class=\"text\">{{inp.l(o.name)}}</div>\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
5472
|
-
styles: [".form-input-con.radio{padding:0 15px;position:relative}.form-input-con.radio .form-input{float:right;position:relative;width:100%}.form-input-con.radio .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.radio.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.radio .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.radio .form-input i.icon{bottom:0;color:var(--primary);cursor:default;font-size:13px;height:35px;left:0;line-height:35px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px;z-index:1}.form-input-con.radio .form-input>.control{background-color:#fff;border:var(--border-input);border-radius:var(--border-radius-base);display:table;height:35px;padding:0 35px;width:100%}.form-input-con.radio .form-input .input-base{cursor:pointer;height:0;opacity:0;position:absolute;right:50%;top:50%;width:0;z-index:1}.form-input-con.radio .form-input .input-base:focus+.control,.form-input-con.radio .form-input:hover .control{border:var(--border-input-dark);outline:none}.form-input-con.radio.error .form-input>.control{border:var(--border-input-red)}.form-input-con.radio.error .form-input i.icon{color:var(--red)}.form-input-con.radio .form-input .
|
|
5474
|
+
template: "<div #inputDiv [id]=\"inp.id + 'RadioInput'\" [className]=\"'form-input-con radio w-100' + (inp.error == null ? '' : ' error') + (inp.disabled ? ' 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 <i *ngIf=\"inp.icon != null || inp.loading\" #inputIcon [className]=\"(inp.loading ? 'fa-duotone fa-spin fa-spinner' : inp.icon) + ' icon'\"></i>\r\n <input #inputBase type=\"text\" class=\"input-base\" (keydown)=\"onKeyDown($event)\" (focusin)=\"onFocusIn()\">\r\n <div class=\"control\">\r\n <div [className]=\"(o.class ? o.class + ' ' : '') + 'option-con'\" *ngFor=\"let o of inp.options\">\r\n <label [class]=\"(o.disabled ? 'disabled ' : '') + 'option'\">\r\n <input [disabled]=\"inp.disabled || o.disabled\" (change)=\"onChange()\" [value]=\"o.value\" [(ngModel)]=\"inp.value\" [checked]=\"inp.value == o.value\" type=\"radio\" [name]=\"inp.name\">\r\n <span></span>\r\n <div class=\"text\">{{inp.l(o.name)}}</div>\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
5475
|
+
styles: [".form-input-con.radio{padding:0 15px;position:relative}.form-input-con.radio .form-input{float:right;position:relative;width:100%}.form-input-con.radio .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.radio.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.radio .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.radio .form-input i.icon{bottom:0;color:var(--primary);cursor:default;font-size:13px;height:35px;left:0;line-height:35px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px;z-index:1}.form-input-con.radio .form-input>.control{background-color:#fff;border:var(--border-input);border-radius:var(--border-radius-base);display:table;height:35px;padding:0 35px;width:100%}.form-input-con.radio .form-input .input-base{cursor:pointer;height:0;opacity:0;position:absolute;right:50%;top:50%;width:0;z-index:1}.form-input-con.radio .form-input .input-base:focus+.control,.form-input-con.radio .form-input:hover .control{border:var(--border-input-dark);outline:none}.form-input-con.radio.error .form-input>.control{border:var(--border-input-red)}.form-input-con.radio.error .form-input i.icon{color:var(--red)}.form-input-con.radio .form-input .control .option-con{display:table-cell;height:100%;position:relative;vertical-align:middle}.form-input-con.radio .form-input .control .option-con .option{-webkit-user-select:none;align-items:center;cursor:pointer;display:flex;float:right;font-size:11px;justify-content:center;position:relative;text-align:center;user-select:none;width:100%}.form-input-con.radio .form-input .control .option-con .option.disabled{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7}.form-input-con.radio .form-input .control .option-con .option .text{float:right;height:25px;line-height:25px;margin-right:10px;padding:0 20px}.form-input-con.radio .form-input .control .option-con .option input{cursor:pointer;opacity:0;position:absolute;right:0}.form-input-con.radio .form-input .control .option-con .option span:after{color:var(--black-white);content:\"\\f111\";float:right;font-family:Font Awesome\\ 5 Pro;font-size:14px;font-weight:700;height:30px;line-height:30px;width:15px}.form-input-con.radio .form-input .control .option-con:hover .option:not(.disabled) span:after{color:var(--black-light)}.form-input-con.radio .form-input .control .option-con .option input:checked~span:after{color:var(--primary);content:\"\\f192\"}"]
|
|
5473
5476
|
},] }
|
|
5474
5477
|
];
|
|
5475
5478
|
FormRadioComponent.ctorParameters = function () { return []; };
|