radh-ui/dist/radh-ui/p-e741616a.system.entry.js

Stencil Component Starter

System.register(["./p-72e8199d.system.js"],(function(e){"use strict";var t,r,n;return{setters:[function(e){t=e.r;r=e.c;n=e.h}],execute:function(){var i=".color-picker{border:2px solid #afafaf;display:-ms-inline-flexbox;display:inline-flex;max-width:175px;-ms-flex-align:center;align-items:center;padding:0;margin:0}.color-picker input{cursor:pointer;border-width:0;width:50px;height:30px}.color-picker span{padding:0 10px 0 10px;width:70px;text-transform:uppercase;color:#afafaf}.color-picker button{border:none;border-left:1px solid #afafaf;font-size:0.9em;width:30px;height:25px}";var o=function(){function e(e){t(this,e);this.defaultValue="#ff0000";this.resettable=false;this.colorChanged=r(this,"colorChanged",7)}e.prototype.componentWillLoad=function(){this.setValue(this.defaultValue)};e.prototype.handleChange=function(e){this.setValue(e.target.value)};e.prototype.setValue=function(e){this.value=e;this.colorChanged.emit(this.value)};e.prototype.reset=function(){this.setValue(this.defaultValue)};e.prototype.renderResetButton=function(){var e=this;if(this.resettable){return n("radh-button",{onClick:function(){return e.reset()}},"X")}};e.prototype.render=function(){var e=this;return n("div",{class:"color-picker"},n("input",{type:"color",value:this.value,onChange:function(t){return e.handleChange(t)}}),n("span",null,this.value),this.renderResetButton())};return e}();e("radh_color_picker",o);o.style=i}}}));