(self.webpackChunk_pixelpay_ui_core=self.webpackChunk_pixelpay_ui_core||[]).push([[2222],{"./dist/ui-stencil/p-ce77c136.system.entry.js":function(){var __awaiter=this&&this.__awaiter||function(t,n,i,e){function o(t){return t instanceof i?t:new i((function(n){n(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{c(e.next(t))}catch(t){r(t)}}function a(t){try{c(e.throw(t))}catch(t){r(t)}}function c(t){t.done?i(t.value):o(t.value).then(s,a)}c((e=e.apply(t,n||[])).next())}))},__generator=this&&this.__generator||function(t,n){var e,o,r,s,i={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return s={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(n){return c([t,n])}}function c(a){if(e)throw new TypeError("Generator is already executing.");for(;s&&(s=0,a[0]&&(i=0)),i;)try{if(e=1,o&&(r=2&a[0]?o.return:a[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,a[1])).done)return r;switch(o=0,r&&(a=[2&a[0],r.value]),a[0]){case 0:case 1:r=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,o=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(r=i.trys,(r=r.length>0&&r[r.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(6===a[0]&&i.label<r[1]){i.label=r[1],r=a;break}if(r&&i.label<r[2]){i.label=r[2],i.ops.push(a);break}r[2]&&i.ops.pop(),i.trys.pop();continue}a=n.call(t,i)}catch(t){a=[6,t],o=0}finally{e=r=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}};System.register(["./p-14b5f59f.system.js","./p-553ce846.system.js","./p-81f62123.system.js"],(function(t){"use strict";var n,i,e,o,r,s,a,c,u;return{setters:[function(t){n=t.r,i=t.h,e=t.H,o=t.g},function(t){r=t.c},function(t){s=t.c,a=t.f,c=t.s,u=t.o}],execute:function(){var d=t("x_dropdown",function(){function t(t){n(this,t),this.show=!1,this.align="bottom",this.hover=!1,this.syncWidth=!1,this.offset=0}return t.prototype.watchAlignAndShow=function(){this.updateDropdownContainer()},t.prototype.componentDidLoad=function(){this.container=this.el.querySelector(".dropdown-container"),this.updateDropdownContainer(),this.el.addEventListener("mouseenter",this.onMouseEnterOnContainer.bind(this)),this.el.addEventListener("mouseleave",this.onMouseLeaveOnContainer.bind(this))},t.prototype.disconectedCallback=function(){this.el&&(this.el.removeEventListener("mouseenter",this.onMouseEnterOnContainer),this.el.removeEventListener("mouseleave",this.onMouseLeaveOnContainer))},t.prototype.onMouseEnterOnContainer=function(){this.hover&&(this.show=!0)},t.prototype.onMouseLeaveOnContainer=function(){this.hover&&(this.show=!1)},t.prototype.updateDropdownContainer=function(){var t=this;this.syncWidth?(this.container.style.maxWidth="".concat(this.el.offsetWidth,"px"),this.container.style.width="100%"):(this.container.style.maxWidth="auto",this.container.style.width="auto"),setTimeout((function(){s(t.el,t.container,{placement:t.align,middleware:[a(),c({padding:10}),u(t.offset)]}).then((function(n){var i=n.x,e=n.y;t.container.style.left="".concat(i,"px"),t.container.style.top="".concat(e,"px")}))}),50)},t.prototype.display=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return this.show=t,[2]}))}))},t.prototype.render=function(){return i(e,{key:"80bf6eac618f9c292a47b281a802dde192411982"},i("slot",{key:"3bf28c31f3734ff4438daafc2328e683023e9ae1"}),i("div",{key:"d892df537a426e52aeda05bb7480011161958bec",class:r("dropdown-container",{"dropdown-show":this.show,"dropdown-hover":this.hover})},i("slot",{key:"2118cbed17013ef340c335699cdf2f557c7b3024",name:"dropdown"})))},Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:!1,configurable:!0}),Object.defineProperty(t,"watchers",{get:function(){return{align:["watchAlignAndShow"],show:["watchAlignAndShow"]}},enumerable:!1,configurable:!0}),t}());d.style="x-dropdown{display:inherit;text-align:inherit}x-dropdown .dropdown-container{display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;top:0;left:0;position:absolute;z-index:10000;visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;pointer-events:none}x-dropdown .dropdown-container.dropdown-show{pointer-events:initial;opacity:1;visibility:visible}"}}}))}}]);