System.register(["./index-c820db66.system.js"],(function(e){"use strict";var s,i,n,o;return{setters:[function(e){s=e.r;i=e.j;n=e.h;o=e.k}],execute:function(){var t=".sc-ig-user-menu-h{--menu-offset-top:0.3em;--menu-offset-right:0.3em;--item-padding:0.5em 1em;position:relative}.sc-ig-user-menu-h a.active.sc-ig-user-menu smoothly-icon.sc-ig-user-menu,.sc-ig-user-menu-h a.sc-ig-user-menu:hover smoothly-icon.sc-ig-user-menu{fill:rgb(var(--smoothly-default-shade))}.sc-ig-user-menu-h .background.sc-ig-user-menu{position:absolute;right:0;top:0;height:100vh;width:100vw}.sc-ig-user-menu-h>div.sc-ig-user-menu:not(.background){margin-top:var(--menu-offset-top);position:absolute;right:var(--menu-offset-right);min-width:10em;border-radius:0.2em;white-space:nowrap;background-color:rgb(var(--smoothly-default-shade));-webkit-box-shadow:var(--smoothly-shadow);box-shadow:var(--smoothly-shadow)}.sc-ig-user-menu-h>div.sc-ig-user-menu:not(.background)>div.sc-ig-user-menu{font-style:italic;padding:var(--item-padding);color:rgba(var(--smoothly-default-contrast), 0.6)}.sc-ig-user-menu-h>div.sc-ig-user-menu:not(.background) ul.sc-ig-user-menu{padding:0}.sc-ig-user-menu-h>div.sc-ig-user-menu:not(.background) ul.sc-ig-user-menu li.sc-ig-user-menu{font-weight:bold;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--item-padding);-ms-flex-align:center;align-items:center}.sc-ig-user-menu-h>div.sc-ig-user-menu:not(.background) ul.sc-ig-user-menu li.sc-ig-user-menu:hover{background-color:rgb(var(--smoothly-primary-color));color:rgb(var(--smoothly-primary-contrast))}.sc-ig-user-menu-h>div.sc-ig-user-menu:not(.background) ul.sc-ig-user-menu li.sc-ig-user-menu:hover smoothly-icon.sc-ig-user-menu{fill:rgb(var(--smoothly-primary-contrast))}.sc-ig-user-menu-h:not([open])>div.sc-ig-user-menu{display:none}";var r=e("ig_user_menu",function(){function e(e){s(this,e);this.trigger=i(this,"trigger",7);this.isOpen=false}e.prototype.close=function(){this.isOpen=false};e.prototype.toggle=function(){this.isOpen=!this.isOpen};e.prototype.logout=function(){this.trigger.emit({name:"logout",value:undefined})};e.prototype.render=function(){var e=this;return n(o,{open:this.isOpen},n("a",{onClick:function(s){return e.toggle()},class:{active:this.isOpen}},n("smoothly-icon",{name:"person",size:"medium"})),n("div",{class:"background",onClick:function(){return e.close()}}),n("div",null,n("div",null,this.userName),n("ul",null,n("li",{onClick:function(){return e.logout()}},n("span",null,"Logout"),n("smoothly-icon",{name:"log-out",size:"medium"})))))};return e}());r.style=t}}}));