equinox-web-components
Version:
Equinox design for the web using StencilJS
1 lines • 1.53 kB
JavaScript
System.register(["./p-33ebdb75.system.js"],(function(e){"use strict";var t,n,i;return{setters:[function(e){t=e.r;n=e.c;i=e.h}],execute:function(){var r=':host{display:block}.container{display:block;position:relative;padding-left:36px;cursor:pointer;padding-top:1px;font-size:16px;line-height:150%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{-webkit-transition:.3s ease;transition:.3s ease;position:absolute;top:0;left:0;height:24px;width:24px;background-color:var(--gray-100);border-radius:50%}.container:hover input~.checkmark{background-color:var(--gray-200)}.checkmark:after{-webkit-transition:display .3s ease;transition:display .3s ease;content:"";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{width:15px;height:15px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%;background:var(--primary)}';var a=e("e_radio",function(){function e(e){t(this,e);this.valueChanged=n(this,"valueChanged",7);this.checked=false}e.prototype.valueChangedHandler=function(){this.checked=true;this.valueChanged.emit(this.value)};e.prototype.render=function(){return i("label",{class:"container"},i("slot",null,"Eclipse"),i("input",{checked:this.checked,onClick:this.valueChangedHandler.bind(this),type:"checkbox"}),i("span",{class:"checkmark"}))};return e}());a.style=r}}}));