radh-ui
Version:
Stencil Component Starter
1 lines • 1.76 kB
JavaScript
System.register(["./p-72e8199d.system.js"],(function(e){"use strict";var t,c,o,s;return{setters:[function(e){t=e.r;c=e.c;o=e.h;s=e.H}],execute:function(){var i="input[type=checkbox]{opacity:0;position:absolute;outline:initial}.ws-label{width:var(--ws-check-button-width, 20%);height:var(--ws-check-button-height, 45px);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:10px 12px;border:var(--ws-check-button-border-color, #dddddd) solid var(--ws-check-button-border-weight, 1px);background-color:var(--ws-check-button-background-color, #ffffff);font-family:Roboto, sans-serif;font-size:var(--ws-check-buttton-font-size, 14px);color:var(--ws-check-button-color, #999999);line-height:initial}.ws-label-selected{color:var(--ws-check-button-selected-color, #1b1b1b);border:var(--ws-check-button-selected-border-color, #307f7f) solid var(--ws-check-button-selected-border-weight, 2px);background-color:var(--ws-check-button-selected-background-color, #fcfbfb)}";var n=function(){function e(e){t(this,e);this.isChecked=false;this.checkedChange=c(this,"checkedChange",7)}e.prototype.render=function(){var e=this;return o(s,null,o("input",{id:this.idCheck,name:this.nameCheck,type:"checkbox",value:this.text,checked:this.isChecked,onChange:function(t){return e.checkedChange.emit(t)}}),o("label",{htmlFor:this.idCheck,class:{"ws-label":true,"ws-label-selected":this.isChecked}},o("span",null,this.text),this.isChecked&&o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"11",height:"8",viewBox:"0 0 11 8"},o("path",{fill:"#307F7F","fill-rule":"nonzero",d:"M3.336 6.312L.848 3.824 0 4.672 3.336 8l7.16-7.16L9.648 0z"}))))};return e}();e("ws_check_button",n);n.style=i}}}));