System.register(["./index-c820db66.system.js"],(function(t){"use strict";var e,o,n,i,r;return{setters:[function(t){e=t.r;o=t.j;n=t.h;i=t.k;r=t.g}],execute:function(){var s=":host{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0.5em 1em}:host([data-highlight]){background-color:rgb(var(--smoothly-primary-color));color:rgb(var(--smoothly-primary-contrast))}:host([data-highlight]) div:last-child{color:rgba(var(--smoothly-primary-contrast), 0.8)}:host div:last-child{color:rgba(var(--smoothly-default-contrast), 0.8);font-style:italic}";var l=t("smoothly_option",function(){function t(t){e(this,t);this.optionHover=o(this,"optionHover",7);this.optionSelect=o(this,"optionSelect",7);this.dataHighlight=false}t.prototype.onHover=function(t){this.optionHover.emit({name:this.name,value:this.value})};t.prototype.onSelect=function(t){if(this.value)this.optionSelect.emit({name:this.name,value:this.value});else throw"smoothly-option "+this.element.innerHTML+" lacks value-property and can therefore not be selected"};t.prototype.render=function(){var t=this;return n(i,{onMouseDown:function(e){return t.onSelect(e)},onMouseOver:function(e){return t.onHover(e)}},n("div",null,this.name),n("div",null,n("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());l.style=s}}}));