ps-toolkit-ui 1.5.39 → 1.5.43
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 +3 -2
- 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/components/form/star/form.star.component.js +4 -3
- package/fesm2015/ps-toolkit-ui.js +3 -2
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -26,6 +26,7 @@ export class FormStarComponent {
|
|
|
26
26
|
}
|
|
27
27
|
onChange(s) {
|
|
28
28
|
this.inp.value = s;
|
|
29
|
+
console.log(this.inp.value);
|
|
29
30
|
if (this.inp.onChange) {
|
|
30
31
|
this.inp.onChange(this.inp);
|
|
31
32
|
}
|
|
@@ -53,8 +54,8 @@ export class FormStarComponent {
|
|
|
53
54
|
FormStarComponent.decorators = [
|
|
54
55
|
{ type: Component, args: [{
|
|
55
56
|
selector: 'lib-form-star',
|
|
56
|
-
template: "<div #inputDiv [id]=\"inp.name + 'Input'\" [style]=\"inp.style\" [className]=\"'form-input-con star 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=\"text\" class=\"input-base\" (keydown)=\"onKeyDown($event)\" (focusin)=\"onFocusIn()\">\r\n <div class=\"control\">\r\n <input type=\"radio\" id=\"star1\" name=\"star\" [checked]=\"inp.value == 1 ? 'checked' : ''\" (change)=\"onChange(1)\">\r\n <label
|
|
57
|
-
styles: [".form-input-con.star{padding:0 15px;position:relative}.form-input-con.star .form-input{float:right;position:relative;width:100%}.form-input-con.star .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.star.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.star .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.star .form-input>.control{background-color:#fff;display:table;height:35px
|
|
57
|
+
template: "<div #inputDiv [id]=\"inp.name + 'Input'\" [style]=\"inp.style\" [className]=\"'form-input-con star 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=\"text\" class=\"input-base\" (keydown)=\"onKeyDown($event)\" (focusin)=\"onFocusIn()\">\r\n <div class=\"control\">\r\n <input type=\"radio\" id=\"star1\" name=\"star\" [checked]=\"inp.value == 1 ? 'checked' : ''\" (change)=\"onChange(1)\">\r\n <label [className]=\"'option' + (inp.value == 1 ? ' checked' : '')\" for=\"star1\"></label>\r\n <input type=\"radio\" id=\"star2\" name=\"star\" [checked]=\"inp.value == 2 ? 'checked' : ''\" (change)=\"onChange(2)\">\r\n <label [className]=\"'option' + (inp.value == 2 ? ' checked' : '')\" class=\"option\" for=\"star2\"></label>\r\n <input type=\"radio\" id=\"star3\" name=\"star\" [checked]=\"inp.value == 3 ? 'checked' : ''\" (change)=\"onChange(3)\">\r\n <label [className]=\"'option' + (inp.value == 3 ? ' checked' : '')\" class=\"option\" for=\"star3\"></label>\r\n <input type=\"radio\" id=\"star4\" name=\"star\" [checked]=\"inp.value == 4 ? 'checked' : ''\" (change)=\"onChange(4)\">\r\n <label [className]=\"'option' + (inp.value == 4 ? ' checked' : '')\" class=\"option\" for=\"star4\"></label>\r\n <input type=\"radio\" id=\"star5\" name=\"star\" [checked]=\"inp.value == 5 ? 'checked' : ''\" (change)=\"onChange(5)\">\r\n <label [className]=\"'option' + (inp.value == 5 ? ' checked' : '')\" class=\"option\" for=\"star5\"></label>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
58
|
+
styles: [".form-input-con.star{padding:0 15px;position:relative}.form-input-con.star .form-input{align-items:center;display:flex;float:right;justify-content:center;position:relative;width:100%}.form-input-con.star .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.star.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.star .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.star .form-input>.control{background-color:#fff;display:table;height:35px}.form-input-con.star .form-input .input-base{cursor:pointer;height:0;opacity:0;position:absolute;right:50%;top:50%;width:0;z-index:1}.form-input-con.star .form-input .input-base:focus+.control,.form-input-con.star .form-input:hover .control{outline:none}.form-input-con.star.error .form-input>.control{border:var(--border-input-red)}.form-input-con.star .form-input>.control input{display:none}.form-input-con.star .form-input>.control .option{color:var(--white);cursor:pointer;display:block;float:left;font-size:26px;height:35px;line-height:40px;text-align:center;text-shadow:var(--text-shadow);transition:all .2s;width:35px}.form-input-con.star .form-input>.control .option:hover{color:var(--white);font-size:26px;text-shadow:var(--text-shadow-dark)}.form-input-con.star .form-input>.control .option:before{-webkit-font-smoothing:antialiased;content:\"\\f005\";display:inline;font-family:Font Awesome\\ 5 Pro;font-style:normal;font-weight:900;height:auto;line-height:normal;margin-top:0;text-decoration:inherit;vertical-align:initial;width:auto}.form-input-con.star .form-input>.control input:checked+.option~.option:before{color:var(--yellow)}.form-input-con.star .form-input>.control:hover .option:before{color:var(--white)}.form-input-con.star .form-input>.control:hover .option:hover~.option:before{color:var(--yellow)}"]
|
|
58
59
|
},] }
|
|
59
60
|
];
|
|
60
61
|
FormStarComponent.ctorParameters = () => [];
|
|
@@ -63,4 +64,4 @@ FormStarComponent.propDecorators = {
|
|
|
63
64
|
changeIndex: [{ type: Output }],
|
|
64
65
|
inputBase: [{ type: ViewChild, args: ['inputBase',] }]
|
|
65
66
|
};
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5zdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJEOi9Qcm9qZWN0cy9Qc1Rvb2xraXQvVUkvcHJvamVjdHMvcHMtdG9vbGtpdC11aS9zcmMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9mb3JtL3N0YXIvZm9ybS5zdGFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVwRyxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDdkQsT0FBTyxLQUFLLENBQUMsTUFBTSxRQUFRLENBQUM7QUFPNUIsTUFBTSxPQUFPLGlCQUFpQjtJQU01QjtRQUZBLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUd6QyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDeEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ3JCLENBQUMsQ0FBQztRQUNGLElBQUksQ0FBQyxHQUFHLENBQUMsT0FBTyxHQUFHLEdBQUcsRUFBRTtZQUN0QixJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7WUFDdEIsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssSUFBSSxJQUFJLEVBQUM7Z0JBQzlDLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxHQUFHLFVBQVUsQ0FBQyxRQUFRLENBQUM7Z0JBQ3JDLE9BQU8sS0FBSyxDQUFDO2FBQ2Q7WUFDRCxPQUFPLElBQUksQ0FBQztRQUNkLENBQUMsQ0FBQztRQUNGLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxHQUFHLEdBQUcsRUFBRTtZQUNwQixJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDeEIsQ0FBQyxDQUFDO1FBQ0YsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFO1lBQ25CLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUM7UUFDeEIsQ0FBQyxDQUFDO0lBQ0osQ0FBQztJQUNELFFBQVEsQ0FBQyxDQUFTO1FBQ2hCLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztRQUNuQixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDNUIsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBQztZQUNwQixJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDN0I7SUFDSCxDQUFDO0lBQ0QsT0FBTztRQUNMLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBQ0QsU0FBUztRQUNQLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzFDLENBQUM7SUFDRCxTQUFTLENBQUMsQ0FBQztRQUNULE1BQU0sSUFBSSxHQUFHLENBQUMsQ0FBQyxPQUFPLElBQUksQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUNsQyxJQUFJLElBQUksS0FBSyxDQUFDLElBQUksSUFBSSxLQUFLLEVBQUUsRUFBRTtZQUM3QixDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDbkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN4RDthQUFNLElBQUksSUFBSSxLQUFLLEVBQUUsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQUM7WUFDM0MsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLElBQUksQ0FBQyxDQUFDO1NBQ3JCO2FBQU0sSUFBSSxJQUFJLEtBQUssRUFBRSxJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxHQUFHLENBQUMsRUFBQztZQUMzQyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssSUFBSSxDQUFDLENBQUM7U0FDckI7SUFDSCxDQUFDOzs7WUF4REYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxlQUFlO2dCQUN6Qix5ekRBQXlDOzthQUUxQzs7OztrQkFFRSxLQUFLOzBCQUVMLE1BQU07d0JBRU4sU0FBUyxTQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7SW5wdXRDbGFzc30gZnJvbSAnLi4vLi4vLi4vY2xhc3Nlcy9mb3JtLmNsYXNzJztcclxuaW1wb3J0IHtJbnB1dEVycm9yfSBmcm9tICcuLi8uLi8uLi9jbGFzc2VzL2VudW0uY2xhc3MnO1xyXG5pbXBvcnQgKiBhcyAkIGZyb20gJ2pxdWVyeSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1mb3JtLXN0YXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLnN0YXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Zvcm0uc3Rhci5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZvcm1TdGFyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0e1xyXG4gIEBJbnB1dCgpXHJcbiAgaW5wOiBJbnB1dENsYXNzO1xyXG4gIEBPdXRwdXQoKVxyXG4gIGNoYW5nZUluZGV4ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcbiAgQFZpZXdDaGlsZCgnaW5wdXRCYXNlJykgaW5wdXRCYXNlOiBFbGVtZW50UmVmO1xyXG4gIGNvbnN0cnVjdG9yKCl7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuaW5wLnNldFZhbHVlID0gKHYpID0+IHtcclxuICAgICAgdGhpcy5pbnAudmFsdWUgPSB2O1xyXG4gICAgfTtcclxuICAgIHRoaXMuaW5wLmlzVmFsaWQgPSAoKSA9PiB7XHJcbiAgICAgIHRoaXMuaW5wLmVycm9yID0gbnVsbDtcclxuICAgICAgaWYgKHRoaXMuaW5wLnJlcXVpcmVkICYmIHRoaXMuaW5wLnZhbHVlID09IG51bGwpe1xyXG4gICAgICAgIHRoaXMuaW5wLmVycm9yID0gSW5wdXRFcnJvci5SZXF1aXJlZDtcclxuICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICAgIH1cclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9O1xyXG4gICAgdGhpcy5pbnAuY2xlYXIgPSAoKSA9PiB7XHJcbiAgICAgIHRoaXMuaW5wLnZhbHVlID0gbnVsbDtcclxuICAgIH07XHJcbiAgICB0aGlzLmlucC5kYXRhID0gKCkgPT4ge1xyXG4gICAgICByZXR1cm4gdGhpcy5pbnAudmFsdWU7XHJcbiAgICB9O1xyXG4gIH1cclxuICBvbkNoYW5nZShzOiBudW1iZXIpOiB2b2lke1xyXG4gICAgdGhpcy5pbnAudmFsdWUgPSBzO1xyXG4gICAgY29uc29sZS5sb2codGhpcy5pbnAudmFsdWUpO1xyXG4gICAgaWYgKHRoaXMuaW5wLm9uQ2hhbmdlKXtcclxuICAgICAgdGhpcy5pbnAub25DaGFuZ2UodGhpcy5pbnApO1xyXG4gICAgfVxyXG4gIH1cclxuICBvbkNsaWNrKCk6IHZvaWR7XHJcbiAgICB0aGlzLm9uRm9jdXNJbigpO1xyXG4gIH1cclxuICBvbkZvY3VzSW4oKTogdm9pZHtcclxuICAgICQodGhpcy5pbnB1dEJhc2UubmF0aXZlRWxlbWVudCkuZm9jdXMoKTtcclxuICB9XHJcbiAgb25LZXlEb3duKGUpOiB2b2lke1xyXG4gICAgY29uc3QgY29kZSA9IGUua2V5Q29kZSB8fCBlLndoaWNoO1xyXG4gICAgaWYgKGNvZGUgPT09IDkgfHwgY29kZSA9PT0gMTMpIHtcclxuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICB0aGlzLmNoYW5nZUluZGV4LmVtaXQoZS5zaGlmdEtleSA/ICdTaGlmdFRhYicgOiAnVGFiJyk7XHJcbiAgICB9IGVsc2UgaWYgKGNvZGUgPT09IDM3ICYmIHRoaXMuaW5wLnZhbHVlIDwgNSl7XHJcbiAgICAgIHRoaXMuaW5wLnZhbHVlICs9IDE7XHJcbiAgICB9IGVsc2UgaWYgKGNvZGUgPT09IDM5ICYmIHRoaXMuaW5wLnZhbHVlID4gNSl7XHJcbiAgICAgIHRoaXMuaW5wLnZhbHVlIC09IDE7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -6396,6 +6396,7 @@ class FormStarComponent {
|
|
|
6396
6396
|
}
|
|
6397
6397
|
onChange(s) {
|
|
6398
6398
|
this.inp.value = s;
|
|
6399
|
+
console.log(this.inp.value);
|
|
6399
6400
|
if (this.inp.onChange) {
|
|
6400
6401
|
this.inp.onChange(this.inp);
|
|
6401
6402
|
}
|
|
@@ -6423,8 +6424,8 @@ class FormStarComponent {
|
|
|
6423
6424
|
FormStarComponent.decorators = [
|
|
6424
6425
|
{ type: Component, args: [{
|
|
6425
6426
|
selector: 'lib-form-star',
|
|
6426
|
-
template: "<div #inputDiv [id]=\"inp.name + 'Input'\" [style]=\"inp.style\" [className]=\"'form-input-con star 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=\"text\" class=\"input-base\" (keydown)=\"onKeyDown($event)\" (focusin)=\"onFocusIn()\">\r\n <div class=\"control\">\r\n <input type=\"radio\" id=\"star1\" name=\"star\" [checked]=\"inp.value == 1 ? 'checked' : ''\" (change)=\"onChange(1)\">\r\n <label
|
|
6427
|
-
styles: [".form-input-con.star{padding:0 15px;position:relative}.form-input-con.star .form-input{float:right;position:relative;width:100%}.form-input-con.star .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.star.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.star .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.star .form-input>.control{background-color:#fff;display:table;height:35px
|
|
6427
|
+
template: "<div #inputDiv [id]=\"inp.name + 'Input'\" [style]=\"inp.style\" [className]=\"'form-input-con star 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=\"text\" class=\"input-base\" (keydown)=\"onKeyDown($event)\" (focusin)=\"onFocusIn()\">\r\n <div class=\"control\">\r\n <input type=\"radio\" id=\"star1\" name=\"star\" [checked]=\"inp.value == 1 ? 'checked' : ''\" (change)=\"onChange(1)\">\r\n <label [className]=\"'option' + (inp.value == 1 ? ' checked' : '')\" for=\"star1\"></label>\r\n <input type=\"radio\" id=\"star2\" name=\"star\" [checked]=\"inp.value == 2 ? 'checked' : ''\" (change)=\"onChange(2)\">\r\n <label [className]=\"'option' + (inp.value == 2 ? ' checked' : '')\" class=\"option\" for=\"star2\"></label>\r\n <input type=\"radio\" id=\"star3\" name=\"star\" [checked]=\"inp.value == 3 ? 'checked' : ''\" (change)=\"onChange(3)\">\r\n <label [className]=\"'option' + (inp.value == 3 ? ' checked' : '')\" class=\"option\" for=\"star3\"></label>\r\n <input type=\"radio\" id=\"star4\" name=\"star\" [checked]=\"inp.value == 4 ? 'checked' : ''\" (change)=\"onChange(4)\">\r\n <label [className]=\"'option' + (inp.value == 4 ? ' checked' : '')\" class=\"option\" for=\"star4\"></label>\r\n <input type=\"radio\" id=\"star5\" name=\"star\" [checked]=\"inp.value == 5 ? 'checked' : ''\" (change)=\"onChange(5)\">\r\n <label [className]=\"'option' + (inp.value == 5 ? ' checked' : '')\" class=\"option\" for=\"star5\"></label>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
6428
|
+
styles: [".form-input-con.star{padding:0 15px;position:relative}.form-input-con.star .form-input{align-items:center;display:flex;float:right;justify-content:center;position:relative;width:100%}.form-input-con.star .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.star.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.star .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.star .form-input>.control{background-color:#fff;display:table;height:35px}.form-input-con.star .form-input .input-base{cursor:pointer;height:0;opacity:0;position:absolute;right:50%;top:50%;width:0;z-index:1}.form-input-con.star .form-input .input-base:focus+.control,.form-input-con.star .form-input:hover .control{outline:none}.form-input-con.star.error .form-input>.control{border:var(--border-input-red)}.form-input-con.star .form-input>.control input{display:none}.form-input-con.star .form-input>.control .option{color:var(--white);cursor:pointer;display:block;float:left;font-size:26px;height:35px;line-height:40px;text-align:center;text-shadow:var(--text-shadow);transition:all .2s;width:35px}.form-input-con.star .form-input>.control .option:hover{color:var(--white);font-size:26px;text-shadow:var(--text-shadow-dark)}.form-input-con.star .form-input>.control .option:before{-webkit-font-smoothing:antialiased;content:\"\\f005\";display:inline;font-family:Font Awesome\\ 5 Pro;font-style:normal;font-weight:900;height:auto;line-height:normal;margin-top:0;text-decoration:inherit;vertical-align:initial;width:auto}.form-input-con.star .form-input>.control input:checked+.option~.option:before{color:var(--yellow)}.form-input-con.star .form-input>.control:hover .option:before{color:var(--white)}.form-input-con.star .form-input>.control:hover .option:hover~.option:before{color:var(--yellow)}"]
|
|
6428
6429
|
},] }
|
|
6429
6430
|
];
|
|
6430
6431
|
FormStarComponent.ctorParameters = () => [];
|