ps-toolkit-ui 1.5.49 → 1.5.52

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

@@ -7362,7 +7362,7 @@
     FormStarComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'lib-form-star',
-                    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",
+                    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=\"star5\" name=\"star\" [checked]=\"inp.value == 5 ? 'checked' : ''\" (change)=\"onChange(5)\">\r\n      <label [className]=\"'option' + (inp.value == 5 ? ' checked' : '')\" for=\"star5\"></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=\"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=\"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=\"star1\" name=\"star\" [checked]=\"inp.value == 1 ? 'checked' : ''\" (change)=\"onChange(1)\">\r\n      <label [className]=\"'option' + (inp.value == 1 ? ' checked' : '')\" class=\"option\" for=\"star1\"></label>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                     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;position:relative;z-index:2}.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{background-image:url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e\");background-position:50%;background-repeat:no-repeat;background-size:76%;cursor:pointer;float:right;height:35px;margin-top:auto;transition:.3s;width:35px}.form-input-con.star .form-input>.control input:checked~.option,.form-input-con.star .form-input>.control input:checked~.option~.option{background-image:url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23f7d000' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e\")}.form-input-con.star .form-input>.control input:not(:checked)~.option:hover,.form-input-con.star .form-input>.control input:not(:checked)~.option:hover~.option{background-image:url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3bc00' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e\")}"]
                 },] }
     ];