@pacem/pacem-ui 2.0.0-jacobi → 2.0.0-kepler

package/dist/bundle/pacem-ui.min.mjs

@@ -1,5 +1,5 @@
 /*!
- * @pacem/pacem-ui v2.0.0-jacobi (https://js.pacem.it)
+ * @pacem/pacem-ui v2.0.0-kepler (https://js.pacem.it)
  * Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -21,7 +21,7 @@ var ca=Object.defineProperty;var ko=(r,e)=>{for(var t in e)ca(r,t,{get:e[t],enum
             </${x}-button>
         </li>
         </template>
-    </ol></${x}-repeater></${x}-panel>`})],C);import{P as ma,PCSS as zs,CustomElement as fa,Watch as Pt,Utils as $,PropertyConverters as Gt,Components as va,PropertyChangeEvent as Ro}from"@pacem/pacem-core";var it=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},$e=class extends va.PacemElement{constructor(){super("link"),this._fetching=!1}get fetching(){return this._fetching}connectedCallback(){super.connectedCallback(),this.hasAttribute("tab-order")||(this.tabOrder=0)}propertyChangedCallback(e,t,s,o){switch(super.propertyChangedCallback(e,t,s,o),e){case"target":($.isNullOrEmpty(s)?$.removeClass:$.addClass)(this,"a-target");break;case"href":($.isNull(s)?$.removeClass:$.addClass)(this,"a-url");break;case"download":($.isNullOrEmpty(s)?$.removeClass:$.addClass)(this,"a-download");break}}emit(e){if(super.emit(e),this.disabled)return;switch(e.type){case"mousedown":$.addClass(this,zs+"-active");break;case"keydown":e.key==="Enter"&&(e.preventDefault(),$.addClass(this,zs+"-active"));break;case"blur":case"mouseup":$.removeClass(this,zs+"-active");break;case"keyup":e.key==="Enter"&&(this.click(),$.removeClass(this,zs+"-active"));break}let t=this.href,s=this.target,o=this.router,i=this.download,a=()=>$.isNull(o)?t:$.URIs.format(t,o.state);!$.isNull(t)&&!e.defaultPrevented&&(e.type==="click"&&e.ctrlKey||e.type==="mousedown"&&e.button===1?window.open(a(),"_blank"):e.type==="click"&&(i===!0?this._download(a()):typeof i=="string"&&!$.isNullOrEmpty(i)?this._download(a(),i):$.isNullOrEmpty(s)?$.isNull(o)?location.assign(t):o.path=t:window.open(a(),s)))}async _download(e,t){this.dispatchEvent(new Ro({propertyName:"fetching",oldValue:this._fetching,currentValue:this._fetching=!0}));try{await $.download(e,{credentials:this.fetchCredentials,headers:this.fetchHeaders,filename:t})}finally{this.dispatchEvent(new Ro({propertyName:"fetching",oldValue:this._fetching,currentValue:this._fetching=!1}))}}};it([Pt({emit:!1,converter:Gt.String})],$e.prototype,"fetchCredentials",void 0);it([Pt({emit:!1,converter:Gt.Json})],$e.prototype,"fetchHeaders",void 0);it([Pt({reflectBack:!0,converter:Gt.String})],$e.prototype,"href",void 0);it([Pt({reflectBack:!0,converter:Gt.String})],$e.prototype,"target",void 0);it([Pt({reflectBack:!1,converter:{convert:r=>{switch(r){case"true":return!0;case"false":return!1;default:return r}},convertBack:r=>r}})],$e.prototype,"download",void 0);it([Pt({reflectBack:!1,converter:Gt.Element})],$e.prototype,"router",void 0);$e=it([fa({tagName:ma+"-a",modifiers:["hoverable","focusable","pressable"]})],$e);import{P as ot,PCSS as Oe,CustomElement as ba,Watch as Ho,Utils as v,PropertyConverters as _a,Components as Ti,PropertyChangeEvent as Lo,ViewChild as js,stopPropagationHandler as Qt,preventDefaultHandler as ga}from"@pacem/pacem-core";var St={convert:r=>document.querySelector(r)??JSON.parse(r)};var rt=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},De;(function(r){r.Menu="menu",r.Tooltip="tooltip",r.Inert="inert"})(De||(De={}));var D;(function(r){r.Hover="hover",r.Click="click",r.ContextMenu="contextmenu",r.Focus="focus"})(D||(D={}));var y;(function(r){r.Start="start",r.Center="center",r.End="end",r.Auto="auto"})(y||(y={}));var Ms={Top:"top",Left:"left",Bottom:"bottom",Right:"right"},ya={Auto:"auto",HorizontalAuto:"x",VerticalAuto:"y"},w={...Ms,...ya},Kt;(function(r){r.Auto="auto",r.Match="match"})(Kt||(Kt={}));var To="popup",zo="popout",Ai={Defaults:{trigger:D.Hover,position:w.Auto,size:Kt.Auto,behavior:De.Menu,verticalOffset:0,horizontalOffset:0,hoverDelay:250,hoverTimeout:500,align:y.Center,track:!0}},zi="--pacem-balloon-available-height",Hi=8,Mo="balloon-right balloon-left balloon-bottom balloon-top balloon-start balloon-center balloon-end",Ao=Oe+"-balloon "+Mo+" balloon-out balloon-in balloon-on",Ne=class extends Ti.PacemElement{constructor(){super(...arguments),this._options=Ai.Defaults,this._originalNeighborhood=null,this._popoutDelegate=e=>{this.popout()},this._hoverDelegate=e=>{this.disabled||this.popup(this._options.hoverDelay)},this._outConditionalDelegate=e=>{(e.srcElement||e.target)!=this&&this._outDelegate(e)},this._mousedownConditionalDelegate=e=>{ga(e),this._visible&&Qt(e)},this._outDelegate=e=>{this.popout(this._options.hoverTimeout)},this._toggleDelegate=e=>{e.preventDefault(),this._visible?this._outDelegate(e):this._hoverDelegate(e)}}get visible(){return this._visible}propertyChangedCallback(e,t,s,o){super.propertyChangedCallback(e,t,s,o),e==="target"?(t instanceof Element&&this._removeHandlers(t),s instanceof Element||this._adjust()):e==="options"?(this.target instanceof Element&&this._removeHandlers(this.target),this._options=v.extend({},v.clone(Ai.Defaults),s),this._synchronizeOptions()):e==="disabled"&&s&&this.popout(),this.target instanceof Element&&e!=="disabled"&&this._setHandlers(this.target)}viewActivatedCallback(){super.viewActivatedCallback(),this._ensurePopup(),this.target=this.target||this.parentElement,this._synchronizeOptions()}disconnectedCallback(){super.disconnectedCallback(),this._destroyPopup(),this.target instanceof Element&&this._removeHandlers(this.target)}_synchronizeOptions(){let e=this,t=e.options||{};if(t.moveToRoot&&v.isNull(this._originalNeighborhood))this._originalNeighborhood={parent:e.parentElement,nextSibling:e.nextElementSibling},document.body.appendChild(e);else if(!t.moveToRoot&&!v.isNull(this._originalNeighborhood)){let s=this._originalNeighborhood.parent;v.isNull(s)||s.appendChild(e),this._originalNeighborhood=null}}_ensurePopup(){let e=this,t=e._container;return e&&t&&!v.hasClass(e,Oe+"-balloon")&&(v.addClass(e,Oe+"-balloon"),e.style.position="absolute",t.style.position="relative",t.style.zIndex="1",e.style.visibility="hidden"),e}_destroyPopup(){var e=this,t=e._container;v.removeClass(e,Ao),e.style.position="",v.isNull(t)||(t.style.position="",t.style.zIndex="")}_registerEvents(){let e=this._ensurePopup(),t=this._options;switch(t.behavior){case De.Menu:switch(t.trigger){case D.Focus:e.addEventListener("mousedown",Qt,!1),e.addEventListener("focus",this._hoverDelegate,!1);break;case D.Click:case D.ContextMenu:e.addEventListener("mousedown",Qt,!1),window.document.body.addEventListener("mousedown",this._outConditionalDelegate,!1);break;default:e.addEventListener("mouseenter",this._hoverDelegate,!1),e.addEventListener("mouseleave",this._outDelegate,!1);break}break;case De.Tooltip:switch(t.trigger){case D.Focus:case D.Click:case D.ContextMenu:window.document.body.addEventListener("mousedown",this._outConditionalDelegate,!1);break;default:break}break}}_unregisterEvents(){var e=this._ensurePopup(),t=this._options;switch(t.behavior){case De.Menu:switch(t.trigger){case D.Focus:e.removeEventListener("mousedown",Qt,!1),e.removeEventListener("focus",this._hoverDelegate,!1);break;case D.Click:case D.ContextMenu:e.removeEventListener("mousedown",Qt,!1),window.document.body.removeEventListener("mousedown",this._outConditionalDelegate,!1);break;default:e.removeEventListener("mouseenter",this._hoverDelegate,!1),e.removeEventListener("mouseleave",this._outDelegate,!1);break}break;case De.Tooltip:switch(t.trigger){case D.Click:case D.ContextMenu:window.document.body.removeEventListener("mousedown",this._outConditionalDelegate,!1);break}break}}_onLayoutChange(e){this._visible&&this._adjust()}_preferredSide(e,t){let s=e.prefer;return v.isNull(s)||!(s in t)?null:(s===Ms.Top||s===Ms.Bottom?this.offsetHeight:this.offsetWidth)+Hi<=t[s]?s:null}_availableHeight(e,t,s,o){switch(e){case w.Top:return Math.max(t-Hi,0);case w.Bottom:return Math.max(s-Hi,0);default:return o}}_adjust(){let e=this,t=e.target;if(v.isNull(t))return;let s=t instanceof Element?v.offset(t):{top:t.y,left:t.x,width:0,height:0},o=v.windowSize;var i=this._options,a=i.position,n=i.align;let l=o.height,h=o.width,p=s.left-v.scrollLeft,u=s.top-v.scrollTop,f=l-(u+s.height),_=h-(p+s.width);if(e.style.removeProperty(zi),a!=w.Top&&a!=w.Bottom&&a!=w.Left&&a!=w.Right){let je={top:u,bottom:f,left:p,right:_},ke=this._preferredSide(i,je);v.isNull(ke)?a===w.HorizontalAuto?a=p>_?w.Left:w.Right:a=u>f?w.Top:w.Bottom:a=ke}let R=this._availableHeight(a,u,f,l);if(e.style.setProperty(zi,`${R}px`),i.size===Kt.Match)switch(a){case w.Bottom:case w.Top:e.style.minWidth=s.width+"px",e.style.minHeight="";break;case w.Left:case w.Right:e.style.minHeight=s.height+"px",e.style.minWidth="";break}else e.style.minWidth=e.style.minHeight="";let L={width:e.offsetWidth,height:e.offsetHeight},A=s.width-L.width,se=A*.5,U=s.height-L.height,q=U*.5;switch(n){case y.Center:case y.Start:case y.End:break;case y.Auto:switch(n=y.Center,a){case w.Right:case w.Left:let je=v.scrollTop+o.height/2;s.top+s.height<je?n=y.Start:s.top>je&&(n=y.End);break;case w.Top:case w.Bottom:let ke=v.scrollLeft+o.width/2;s.left+s.width<ke?n=y.Start:s.left>ke&&(n=y.End);break}break;default:n=Ai.Defaults.align;break}v.removeClass(e,Mo),v.addClass(e,"balloon-"+a),v.addClass(e,"balloon-"+n);let xe=v.Css.getVariableValue(`--${Oe}-balloon-tail-size`),Et=v.Css.getVariableValue(`--${Oe}-balloon-tail-inset`),T=parseInt(Et)+.5*parseInt(xe),S={width:s.width/2,height:s.height/2},j=i.autoAdjust&&T>S.width,Y=i.autoAdjust&&T>S.height;switch(a){case w.Top:switch(s.top-=L.height,n){case y.Center:s.left+=se;break;case y.End:s.left+=A,j&&(s.left+=T-S.width);break;case y.Start:j&&(s.left-=T-S.width);break}break;case w.Left:switch(s.left-=L.width,n){case y.Center:s.top+=q;break;case y.End:s.top+=U,Y&&(s.top+=T-S.height);break;case y.Start:Y&&(s.top-=T-S.height);break}break;case w.Right:switch(s.left+=s.width,n){case y.Center:s.top+=q;break;case y.End:s.top+=U,Y&&(s.top+=T-S.height);break;case y.Start:Y&&(s.top-=T-S.height);break}break;default:switch(s.top+=s.height,n){case y.Center:s.left+=se;break;case y.End:s.left+=A,j&&(s.left+=T-S.width);break;case y.Start:j&&(s.left-=T-S.width);break}break}s.left=Math.min(o.width-L.width,Math.max(0,s.left)),s.top+=i.verticalOffset,s.left+=i.horizontalOffset,e.style.top=Math.round(s.top)+"px",e.style.left=Math.round(s.left)+"px"}_adjustWatchers(e){let t=this.options||{};v.isNull(this._resize)||(this._resize.disabled=!e,this._position.disabled=!e||!(t.track||t.trackPosition))}popup(e=0){if(clearTimeout(this._timer),e>0){this._timer=setTimeout(()=>this.popup(),e);return}let t=this,s=v.isVisible(t),o=v.hasClass(t,"balloon-out");this._adjustWatchers(!0),!(s&&!o||this.disabled)&&(v.removeClass(t,"balloon-out"),this._registerEvents(),t.style.pointerEvents="none",this._visible=!0,t.style.visibility="visible",this._adjust(),v.addClass(t,"balloon-in"),v.addAnimationEndCallback(t,()=>{v.addClass(t,"balloon-on"),t.dispatchEvent(new Lo({propertyName:"visible",oldValue:!1,currentValue:!0})),t.dispatchEvent(new Event(To)),t.style.pointerEvents="auto"},500))}popout(e=0){if(clearTimeout(this._timer),e>0){this._timer=setTimeout(()=>this.popout(),e);return}var t=this;let s=v.isVisible(t);this._adjustWatchers(!1),s&&(this._unregisterEvents(),t.style.pointerEvents="none",v.removeClass(t,"balloon-in balloon-on"),v.addClass(t,"balloon-out"),v.addAnimationEndCallback(t,()=>{v.hasClass(t,"balloon-out")&&(t.style.visibility="hidden",this._visible=!1,v.removeClass(t,Ao),t.dispatchEvent(new Event(zo)),t.dispatchEvent(new Lo({propertyName:"visible",oldValue:!0,currentValue:!1})))},500))}toggle(e=0){!v.isVisible(this)&&!this.disabled?this.popup(e):this.popout(e)}_removeHandlers(e){v.isNull(e)||(e.removeEventListener("mouseenter",this._hoverDelegate,!1),e.removeEventListener("mouseleave",this._outDelegate,!1),e.removeEventListener("mousedown",this._popoutDelegate,!1),e.removeEventListener("mousedown",this._mousedownConditionalDelegate,!1),e.removeEventListener("click",this._toggleDelegate,!1),e.removeEventListener("focus",this._hoverDelegate,!1),e.removeEventListener("blur",this._outDelegate,!1),e.removeEventListener("contextmenu",this._toggleDelegate,!1))}_setHandlers(e){this.popout();var t=this._options;if(t.behavior!=De.Inert)switch(t.trigger){case D.Hover:e.addEventListener("mouseenter",this._hoverDelegate,!1),e.addEventListener("mouseleave",this._outDelegate,!1),e.addEventListener("mousedown",this._popoutDelegate,!1);break;case D.Focus:e.addEventListener("focus",this._hoverDelegate,!1),e.addEventListener("blur",this._outDelegate,!1);break;case D.Click:t.hoverDelay=t.hoverTimeout=0,e.addEventListener("mousedown",this._mousedownConditionalDelegate,!1),e.addEventListener("click",this._toggleDelegate,!1);break;case D.ContextMenu:t.hoverDelay=t.hoverTimeout=0,e.addEventListener("contextmenu",this._toggleDelegate,!1);break}}};rt([js(`.${Oe}-balloon-face`,!0,!1)],Ne.prototype,"_face",void 0);rt([js(`.${Oe}-balloon`)],Ne.prototype,"_container",void 0);rt([js(ot+"-resize[content]")],Ne.prototype,"_resize",void 0);rt([js(ot+"-resize[watch-position=true]")],Ne.prototype,"_position",void 0);rt([Ho({converter:St})],Ne.prototype,"target",void 0);rt([Ho({emit:!1,converter:_a.Json})],Ne.prototype,"options",void 0);Ne=rt([ba({tagName:ot+"-balloon",shadow:!0,template:`<${ot}-resize target="{{ :host.target }}" disabled="true" watch-position="true" on-${Ti.ResizeEventName}=":host._onLayoutChange($event)"></${ot}-resize>
+    </ol></${x}-repeater></${x}-panel>`})],C);import{P as ma,PCSS as zs,CustomElement as fa,Watch as Pt,Utils as $,PropertyConverters as Gt,Components as va,PropertyChangeEvent as Ro}from"@pacem/pacem-core";var it=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},$e=class extends va.PacemElement{constructor(){super("link"),this._fetching=!1}get fetching(){return this._fetching}connectedCallback(){super.connectedCallback(),this.hasAttribute("tab-order")||(this.tabOrder=0)}propertyChangedCallback(e,t,s,o){switch(super.propertyChangedCallback(e,t,s,o),e){case"target":($.isNullOrEmpty(s)?$.removeClass:$.addClass)(this,"a-target");break;case"href":($.isNull(s)?$.removeClass:$.addClass)(this,"a-url");break;case"download":($.isNullOrEmpty(s)?$.removeClass:$.addClass)(this,"a-download");break}}emit(e){if(super.emit(e),this.disabled)return;switch(e.type){case"mousedown":$.addClass(this,zs+"-active");break;case"keydown":e.key==="Enter"&&(e.preventDefault(),$.addClass(this,zs+"-active"));break;case"blur":case"mouseup":$.removeClass(this,zs+"-active");break;case"keyup":e.key==="Enter"&&(this.click(),$.removeClass(this,zs+"-active"));break}let t=this.href,s=this.target,o=this.router,i=this.download,a=()=>$.isNull(o)?t:$.URIs.format(t,o.state);!$.isNull(t)&&!e.defaultPrevented&&(e.type==="click"&&e.ctrlKey||e.type==="mousedown"&&e.button===1?window.open(a(),"_blank"):e.type==="click"&&(i===!0?this._download(a()):typeof i=="string"&&!$.isNullOrEmpty(i)?this._download(a(),i):$.isNullOrEmpty(s)?$.isNull(o)?location.assign(t):o.path=t:window.open(a(),s)))}async _download(e,t){this.dispatchEvent(new Ro({propertyName:"fetching",oldValue:this._fetching,currentValue:this._fetching=!0}));try{await $.download(e,{credentials:this.fetchCredentials,headers:this.fetchHeaders,filename:t})}finally{this.dispatchEvent(new Ro({propertyName:"fetching",oldValue:this._fetching,currentValue:this._fetching=!1}))}}};it([Pt({emit:!1,converter:Gt.String})],$e.prototype,"fetchCredentials",void 0);it([Pt({emit:!1,converter:Gt.Json})],$e.prototype,"fetchHeaders",void 0);it([Pt({reflectBack:!0,converter:Gt.String})],$e.prototype,"href",void 0);it([Pt({reflectBack:!0,converter:Gt.String})],$e.prototype,"target",void 0);it([Pt({reflectBack:!1,converter:{convert:r=>{switch(r){case"true":return!0;case"false":return!1;default:return r}},convertBack:r=>r}})],$e.prototype,"download",void 0);it([Pt({reflectBack:!1,converter:Gt.Element})],$e.prototype,"router",void 0);$e=it([fa({tagName:ma+"-a",modifiers:["hoverable","focusable","pressable"]})],$e);import{P as ot,PCSS as Oe,CustomElement as ba,Watch as Ho,Utils as v,PropertyConverters as _a,Components as Ti,PropertyChangeEvent as Lo,ViewChild as js,stopPropagationHandler as Qt,preventDefaultHandler as ga}from"@pacem/pacem-core";var St={convert:r=>document.querySelector(r)??JSON.parse(r)};var rt=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},De;(function(r){r.Menu="menu",r.Tooltip="tooltip",r.Inert="inert"})(De||(De={}));var D;(function(r){r.Hover="hover",r.Click="click",r.ContextMenu="contextmenu",r.Focus="focus"})(D||(D={}));var y;(function(r){r.Start="start",r.Center="center",r.End="end",r.Auto="auto"})(y||(y={}));var Ms={Top:"top",Left:"left",Bottom:"bottom",Right:"right"},ya={Auto:"auto",HorizontalAuto:"x",VerticalAuto:"y"},w={...Ms,...ya},Kt;(function(r){r.Auto="auto",r.Match="match"})(Kt||(Kt={}));var To="popup",zo="popout",Ai={Defaults:{trigger:D.Hover,position:w.Auto,size:Kt.Auto,behavior:De.Menu,verticalOffset:0,horizontalOffset:0,hoverDelay:250,hoverTimeout:500,align:y.Center,track:!0}},zi="--pacem-balloon-available-height",Hi=8,Mo="balloon-right balloon-left balloon-bottom balloon-top balloon-start balloon-center balloon-end",Ao=Oe+"-balloon "+Mo+" balloon-out balloon-in balloon-on",Ne=class extends Ti.PacemElement{constructor(){super(...arguments),this._options=Ai.Defaults,this._originalNeighborhood=null,this._popoutDelegate=e=>{this.popout()},this._hoverDelegate=e=>{this.disabled||this.popup(this._options.hoverDelay)},this._outConditionalDelegate=e=>{(e.srcElement||e.target)!=this&&this._outDelegate(e)},this._mousedownConditionalDelegate=e=>{ga(e),this._visible&&Qt(e)},this._outDelegate=e=>{this.popout(this._options.hoverTimeout)},this._toggleDelegate=e=>{e.preventDefault(),this._visible?this._outDelegate(e):this._hoverDelegate(e)}}get visible(){return this._visible}propertyChangedCallback(e,t,s,o){super.propertyChangedCallback(e,t,s,o),e==="target"?(t instanceof Element&&this._removeHandlers(t),s instanceof Element||this._adjust()):e==="options"?(this.target instanceof Element&&this._removeHandlers(this.target),this._options=v.extend({},v.clone(Ai.Defaults),s),this._synchronizeOptions()):e==="disabled"&&s&&this.popout(),this.target instanceof Element&&e!=="disabled"&&this._setHandlers(this.target)}viewActivatedCallback(){super.viewActivatedCallback(),this._ensurePopup(),this.target=this.target||this.parentElement,this._synchronizeOptions()}disconnectedCallback(){super.disconnectedCallback(),this._destroyPopup(),this.target instanceof Element&&this._removeHandlers(this.target)}_synchronizeOptions(){let e=this,t=e.options||{};if(t.moveToRoot&&v.isNull(this._originalNeighborhood))this._originalNeighborhood={parent:e.parentElement,nextSibling:e.nextElementSibling},document.body.appendChild(e);else if(!t.moveToRoot&&!v.isNull(this._originalNeighborhood)){let s=this._originalNeighborhood.parent;v.isNull(s)||s.appendChild(e),this._originalNeighborhood=null}}_ensurePopup(){let e=this,t=e._container;return e&&t&&!v.hasClass(e,Oe+"-balloon")&&(v.addClass(e,Oe+"-balloon"),e.style.position="absolute",t.style.position="relative",t.style.zIndex="1",e.style.visibility="hidden"),e}_destroyPopup(){var e=this,t=e._container;v.removeClass(e,Ao),e.style.position="",v.isNull(t)||(t.style.position="",t.style.zIndex="")}_registerEvents(){let e=this._ensurePopup(),t=this._options;switch(t.behavior){case De.Menu:switch(t.trigger){case D.Focus:e.addEventListener("mousedown",Qt,!1),e.addEventListener("focus",this._hoverDelegate,!1);break;case D.Click:case D.ContextMenu:e.addEventListener("mousedown",Qt,!1),window.document.body.addEventListener("mousedown",this._outConditionalDelegate,!1);break;default:e.addEventListener("mouseenter",this._hoverDelegate,!1),e.addEventListener("mouseleave",this._outDelegate,!1);break}break;case De.Tooltip:switch(t.trigger){case D.Focus:case D.Click:case D.ContextMenu:window.document.body.addEventListener("mousedown",this._outConditionalDelegate,!1);break;default:break}break}}_unregisterEvents(){var e=this._ensurePopup(),t=this._options;switch(t.behavior){case De.Menu:switch(t.trigger){case D.Focus:e.removeEventListener("mousedown",Qt,!1),e.removeEventListener("focus",this._hoverDelegate,!1);break;case D.Click:case D.ContextMenu:e.removeEventListener("mousedown",Qt,!1),window.document.body.removeEventListener("mousedown",this._outConditionalDelegate,!1);break;default:e.removeEventListener("mouseenter",this._hoverDelegate,!1),e.removeEventListener("mouseleave",this._outDelegate,!1);break}break;case De.Tooltip:switch(t.trigger){case D.Click:case D.ContextMenu:window.document.body.removeEventListener("mousedown",this._outConditionalDelegate,!1);break}break}}_onLayoutChange(e){this._visible&&this._adjust()}_preferredSide(e,t){let s=e.prefer;return v.isNull(s)||!(s in t)?null:(s===Ms.Top||s===Ms.Bottom?this.offsetHeight:this.offsetWidth)+Hi<=t[s]?s:null}_availableHeight(e,t,s,o){switch(e){case w.Top:return Math.max(t-Hi,0);case w.Bottom:return Math.max(s-Hi,0);default:return o}}_adjust(){let e=this,t=e.target;if(v.isNull(t))return;let s=t instanceof Element?v.offset(t):{top:t.y,left:t.x,width:0,height:0},o=v.windowSize;var i=this._options,a=i.position,n=i.align;let l=o.height,h=o.width,p=s.left-v.scrollLeft,u=s.top-v.scrollTop,f=l-(u+s.height),_=h-(p+s.width);if(e.style.removeProperty(zi),a!=w.Top&&a!=w.Bottom&&a!=w.Left&&a!=w.Right){let je={top:u,bottom:f,left:p,right:_},ke=this._preferredSide(i,je);v.isNull(ke)?a===w.HorizontalAuto?a=p>_?w.Left:w.Right:a=u>f?w.Top:w.Bottom:a=ke}let R=this._availableHeight(a,u,f,l);if(e.style.setProperty(zi,`${R}px`),i.size===Kt.Match)switch(a){case w.Bottom:case w.Top:e.style.minWidth=s.width+"px",e.style.minHeight="";break;case w.Left:case w.Right:e.style.minHeight=s.height+"px",e.style.minWidth="";break}else e.style.minWidth=e.style.minHeight="";let L={width:e.offsetWidth,height:e.offsetHeight},A=s.width-L.width,se=A*.5,U=s.height-L.height,q=U*.5;switch(n){case y.Center:case y.Start:case y.End:break;case y.Auto:switch(n=y.Center,a){case w.Right:case w.Left:let je=v.scrollTop+o.height/2;s.top+s.height<je?n=y.Start:s.top>je&&(n=y.End);break;case w.Top:case w.Bottom:let ke=v.scrollLeft+o.width/2;s.left+s.width<ke?n=y.Start:s.left>ke&&(n=y.End);break}break;default:n=Ai.Defaults.align;break}v.removeClass(e,Mo),v.addClass(e,"balloon-"+a),v.addClass(e,"balloon-"+n);let xe=v.Css.getVariableValue(`--${Oe}-balloon-tail-size`),Et=v.Css.getVariableValue(`--${Oe}-balloon-tail-inset`),T=parseInt(Et)+.5*parseInt(xe),S={width:s.width/2,height:s.height/2},j=i.autoAdjust&&T>S.width,Y=i.autoAdjust&&T>S.height;switch(a){case w.Top:switch(s.top-=L.height,n){case y.Center:s.left+=se;break;case y.End:s.left+=A,j&&(s.left+=T-S.width);break;case y.Start:j&&(s.left-=T-S.width);break}break;case w.Left:switch(s.left-=L.width,n){case y.Center:s.top+=q;break;case y.End:s.top+=U,Y&&(s.top+=T-S.height);break;case y.Start:Y&&(s.top-=T-S.height);break}break;case w.Right:switch(s.left+=s.width,n){case y.Center:s.top+=q;break;case y.End:s.top+=U,Y&&(s.top+=T-S.height);break;case y.Start:Y&&(s.top-=T-S.height);break}break;default:switch(s.top+=s.height,n){case y.Center:s.left+=se;break;case y.End:s.left+=A,j&&(s.left+=T-S.width);break;case y.Start:j&&(s.left-=T-S.width);break}break}s.left=Math.min(o.width-L.width,Math.max(0,s.left)),s.top+=i.verticalOffset,s.left+=i.horizontalOffset,e.style.top=Math.round(s.top)+"px",e.style.left=Math.round(s.left)+"px"}_adjustWatchers(e){let t=this.options||{};v.isNull(this._resize)||(this._resize.disabled=!e,this._position.disabled=!e||!(t.track||t.trackPosition))}popup(e=0){if(clearTimeout(this._timer),e>0){this._timer=setTimeout(()=>this.popup(),e);return}let t=this,s=v.isVisible(t),o=v.hasClass(t,"balloon-out");this._adjustWatchers(!0),!(s&&!o||this.disabled)&&(v.removeClass(t,"balloon-out"),this._registerEvents(),t.style.pointerEvents="none",this._visible=!0,t.style.visibility="visible",this._adjust(),v.addClass(t,"balloon-in"),v.addAnimationEndCallback(t,()=>{v.addClass(t,"balloon-on"),t.dispatchEvent(new Lo({propertyName:"visible",oldValue:!1,currentValue:!0})),t.dispatchEvent(new Event(To)),t.style.pointerEvents="auto"},500))}popout(e=0){if(clearTimeout(this._timer),e>0){this._timer=setTimeout(()=>this.popout(),e);return}var t=this;let s=v.isVisible(t);this._adjustWatchers(!1),s&&(this._unregisterEvents(),t.style.pointerEvents="none",v.removeClass(t,"balloon-in balloon-on"),v.addClass(t,"balloon-out"),v.addAnimationEndCallback(t,()=>{v.hasClass(t,"balloon-out")&&(t.style.visibility="hidden",t.style.top=t.style.left="0px",this._visible=!1,v.removeClass(t,Ao),t.dispatchEvent(new Event(zo)),t.dispatchEvent(new Lo({propertyName:"visible",oldValue:!0,currentValue:!1})))},500))}toggle(e=0){!v.isVisible(this)&&!this.disabled?this.popup(e):this.popout(e)}_removeHandlers(e){v.isNull(e)||(e.removeEventListener("mouseenter",this._hoverDelegate,!1),e.removeEventListener("mouseleave",this._outDelegate,!1),e.removeEventListener("mousedown",this._popoutDelegate,!1),e.removeEventListener("mousedown",this._mousedownConditionalDelegate,!1),e.removeEventListener("click",this._toggleDelegate,!1),e.removeEventListener("focus",this._hoverDelegate,!1),e.removeEventListener("blur",this._outDelegate,!1),e.removeEventListener("contextmenu",this._toggleDelegate,!1))}_setHandlers(e){this.popout();var t=this._options;if(t.behavior!=De.Inert)switch(t.trigger){case D.Hover:e.addEventListener("mouseenter",this._hoverDelegate,!1),e.addEventListener("mouseleave",this._outDelegate,!1),e.addEventListener("mousedown",this._popoutDelegate,!1);break;case D.Focus:e.addEventListener("focus",this._hoverDelegate,!1),e.addEventListener("blur",this._outDelegate,!1);break;case D.Click:t.hoverDelay=t.hoverTimeout=0,e.addEventListener("mousedown",this._mousedownConditionalDelegate,!1),e.addEventListener("click",this._toggleDelegate,!1);break;case D.ContextMenu:t.hoverDelay=t.hoverTimeout=0,e.addEventListener("contextmenu",this._toggleDelegate,!1);break}}};rt([js(`.${Oe}-balloon-face`,!0,!1)],Ne.prototype,"_face",void 0);rt([js(`.${Oe}-balloon`)],Ne.prototype,"_container",void 0);rt([js(ot+"-resize[content]")],Ne.prototype,"_resize",void 0);rt([js(ot+"-resize[watch-position=true]")],Ne.prototype,"_position",void 0);rt([Ho({converter:St})],Ne.prototype,"target",void 0);rt([Ho({emit:!1,converter:_a.Json})],Ne.prototype,"options",void 0);Ne=rt([ba({tagName:ot+"-balloon",shadow:!0,template:`<${ot}-resize target="{{ :host.target }}" disabled="true" watch-position="true" on-${Ti.ResizeEventName}=":host._onLayoutChange($event)"></${ot}-resize>
 <div class="${Oe}-balloon-face"></div>
 <div class="${Oe}-balloon"><${ot}-resize on-${Ti.ResizeEventName}=":host._onLayoutChange($event)" disabled="true" content style="display: block"><slot></slot></${ot}-resize></div>
 <div class="corner top-left" part="corner-topleft"></div><div class="corner bottom-left" part="corner-bottomleft"></div><div class="corner top-right" part="corner-topright"></div><div class="corner bottom-right" part="corner-bottomright"></div>`})],Ne);import{P as wa,PCSS as jo,CustomElement as Ca,Watch as me,Utils as g,PropertyConverters as We,Components as $t,CustomUIEvent as Ea,CustomElementUtils as Is}from"@pacem/pacem-core";import{Point as xa}from"@pacem/pacem-foundation";var ce=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},c;(function(r){r.Auto="auto",r.Left="left",r.Top="top",r.Right="right",r.Bottom="bottom",r.Center="center"})(c||(c={}));var le;(function(r){r.Default="default",r.Arrow="arrow",r.FatArrow="fatarrow",r.None="none"})(le||(le={}));var Vs;(function(r){r.Mass="mass",r.Path="path"})(Vs||(Vs={}));var Bo="interact",Us=class extends Ea{constructor(e){super(Bo,null,e)}},Bs="pacem:components:ui:binders",Mi=class{constructor(e){this.binders=[],this.refresh=()=>{for(var s of this.binders)s.refresh(this.resize.target,this.resize.currentSize)},this.fire=s=>{for(var o of this.binders)o.refresh(this.resize.target,s.detail)};let t=this.resize=new $t.PacemResizeElement;t.target=e,t.watchPosition=!0,document.body.appendChild(t),(e instanceof HTMLElement||e instanceof SVGElement)&&g.addAnimationEndCallback(e,this.refresh)}dispose(){this.resize.remove()}},Ue=class{static{this._pageBinders=[]}static _updateResizeListener(){let e=this._pageBinders;if(g.isNull(this._bodyResizeListener)){let t=this._bodyResizeListener=new $t.PacemResizeElement;t.target=document.body,document.body.appendChild(t),document.addEventListener($t.ResizeEventName,()=>{for(let s of e)s.invalidateSize()},!1)}this._bodyResizeListener.disabled=e.length===0}static register(e,t){var s=Is.getAttachedPropertyValue(e,Bs),o=this._pageBinders;g.isNull(s)&&(s=new Mi(e),Is.setAttachedPropertyValue(e,Bs,s)),s.binders.indexOf(t)==-1&&(s.binders.length===0&&s.resize.addEventListener($t.ResizeEventName,s.fire,!1),t.refresh(e,s.resize.currentSize),s.binders.push(t)),o.indexOf(t)===-1&&(o.push(t),this._updateResizeListener())}static unregister(e,t){var s=Is.getAttachedPropertyValue(e,Bs),o,i=this._pageBinders,a;!g.isNull(s)&&(o=s.binders.indexOf(t))>-1&&(s.binders.splice(o,1),s.binders.length===0&&(s.resize.removeEventListener($t.ResizeEventName,s.fire,!1),s.dispose(),Is.deleteAttachedPropertyValue(e,Bs))),(a=i.indexOf(t))>=0&&(i.splice(a,1),this._updateResizeListener())}},Io=["click","dblclick","mouseover","mouseout","mouseenter","mouseleave","mousedown","mouseup","mousemove","contextmenu"],K=class extends $t.PacemElement{constructor(){super(...arguments),this._broadcastHandler=e=>{var t=new Us(e);this.dispatchEvent(t)},this._state={}}connectedCallback(){super.connectedCallback(),this._ensurePath()}viewActivatedCallback(){super.viewActivatedCallback(),this.from instanceof Element&&Ue.register(this.from,this),this.to instanceof Element&&Ue.register(this.to,this)}propertyChangedCallback(e,t,s,o){switch(super.propertyChangedCallback(e,t,s,o),e){case"from":case"to":t instanceof Element&&Ue.unregister(t,this),s instanceof Element?Ue.register(s,this):this.refresh(s);break;case"fromLimit":case"toLimit":case"fromEnd":case"toEnd":case"tension":this._draw();break;case"fromAnchor":this.refresh(this.from);break;case"toAnchor":this.refresh(this.to);break;case"cssClass":g.isNull(this._svg)||this._svg.setAttribute("class",jo+"-binder "+this.className);break;case"hide":o||this._setPathVisibility();break;case"layer":this._hostSvg(),this._draw();break}}disconnectedCallback(){g.isNull(this._path)||(Io.forEach(e=>{this._path.removeEventListener(e,this._broadcastHandler,!1)}),this._svg.remove(),this._path=void 0),this.from instanceof Element&&Ue.unregister(this.from,this),this.to instanceof Element&&Ue.unregister(this.to,this),super.disconnectedCallback()}_setPathVisibility(e=this._path,t=this.hide,s=this.interactive){g.isNull(e)||(t?e.setAttribute("display","none"):e.removeAttribute("display"),s?(e.setAttribute("pointer-events","visibleStroke"),e.tabIndex=0):(e.removeAttribute("pointer-events"),e.tabIndex=-1))}_ensurePath(){if(g.isNull(this._path)){let e=this._svg=document.createElementNS("http://www.w3.org/2000/svg","svg");e.style.position="absolute",g.addClass(e,jo+"-binder "+this.className),e.style.top="0",e.style.left="0",e.style.pointerEvents="none";let t=this._path=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttribute("fill","none"),t.setAttribute("display","none"),this._setPathVisibility(),e.appendChild(t),this._hostSvg(),Io.forEach(s=>{t.addEventListener(s,this._broadcastHandler,!1)})}}get _layered(){let e=this.layer;return!g.isNull(e)&&e!==document.body}_hostSvg(){let e=this._svg;if(g.isNull(e))return;let t=this._layered;e.style.overflow=t?"visible":"hidden",this.invalidateSize();let s=t?this.layer:document.body;e.parentNode!==s&&s.appendChild(e)}invalidateSize(){let e=this._svg;if(!g.isNull(e)){if(this._layered){e.setAttribute("width","100%"),e.setAttribute("height","100%");return}e.setAttribute("width",document.body.scrollWidth.toString()),e.setAttribute("height",document.body.scrollHeight.toString())}}_getOrigin(){if(!this._layered)return{x:0,y:0};let e=this.layer,t=g.offset(e);return{x:t.left+e.clientLeft-e.scrollLeft,y:t.top+e.clientTop-e.scrollTop}}_toLocal(e,t){return{...e,left:e.left-t.x,top:e.top-t.y}}_computeAnchorPoints(e,t,s,o,i,a,n){var l,h,p,u;let f=e.top,_=e.left,R=e.width,L=e.height,A=R/2,se=L/2,U=o.top,q=o.left,xe=o.width,Et=o.height,T=xe/2,S=Et/2,j={x:_+A,y:f+se},Y={x:q+T,y:U+S},je={x:_+A,y:f},ke={x:_+A,y:f+L},$i={x:_,y:f+se},Di={x:_+R,y:f+se},Oi={x:q+T,y:U},Ni={x:q+T,y:U+Et},Ri={x:q,y:U+S},Li={x:q+xe,y:U+S},Co={p1_top:je,p1_bottom:ke,p1_left:$i,p1_right:Di,p2_top:Oi,p2_bottom:Ni,p2_left:Ri,p2_right:Li};var Eo={};function I(B,qt){let Pe=B+"_"+qt;return Eo[Pe]=Eo[Pe]||xa.distance(Co["p1_"+B],Co["p2_"+qt])}if(t==c.Auto||i==c.Auto){let B={x:j.x,y:-j.y},qt={x:Y.x,y:-Y.y},Pe=Math.atan2(qt.y-B.y,qt.x-B.x)*180/Math.PI;switch(Pe){case 0:t==c.Auto&&(t=c.Right),i==c.Auto&&(i=c.Left);break;case 90:t==c.Auto&&(t=c.Top),i==c.Auto&&(i=c.Bottom);break;case 180:t==c.Auto&&(t=c.Left),i==c.Auto&&(i=c.Right);break;case-90:t==c.Auto&&(t=c.Bottom),i==c.Auto&&(i=c.Top);break;default:if(Pe<90&&Pe>0){let oe=I("top","left"),ue=I("right","left"),re=I("right","bottom"),Ve=I("top","bottom");var tt=Math.min(oe,ue,re,Ve);switch(tt){case oe:t==c.Auto&&(t=c.Top),i==c.Auto&&(i=c.Left);break;case Ve:t==c.Auto&&(t=c.Top),i==c.Auto&&(i=c.Bottom);break;case re:t==c.Auto&&(t=c.Right),i==c.Auto&&(i=c.Bottom);break;default:t==c.Auto&&(t=c.Right),i==c.Auto&&(i=c.Left);break}}else if(Pe<180&&Pe>90){let oe=I("top","right"),ue=I("left","right"),re=I("left","bottom"),Ve=I("top","bottom");var tt=Math.min(oe,ue,re,Ve);switch(tt){case oe:t==c.Auto&&(t=c.Top),i==c.Auto&&(i=c.Right);break;case ue:t==c.Auto&&(t=c.Left),i==c.Auto&&(i=c.Right);break;case re:t==c.Auto&&(t=c.Left),i==c.Auto&&(i=c.Bottom);break;default:t==c.Auto&&(t=c.Top),i==c.Auto&&(i=c.Bottom);break}}else if(Pe<-90){let oe=I("bottom","right"),ue=I("left","right"),re=I("left","top"),Ve=I("bottom","top");var tt=Math.min(oe,ue,re,Ve);switch(tt){case oe:t==c.Auto&&(t=c.Bottom),i==c.Auto&&(i=c.Right);break;case ue:t==c.Auto&&(t=c.Left),i==c.Auto&&(i=c.Right);break;case re:t==c.Auto&&(t=c.Left),i==c.Auto&&(i=c.Top);break;default:t==c.Auto&&(t=c.Bottom),i==c.Auto&&(i=c.Top);break}}else{let oe=I("bottom","left"),ue=I("right","left"),re=I("right","top"),Ve=I("bottom","top");var tt=Math.min(oe,ue,re,Ve);switch(tt){case oe:t==c.Auto&&(t=c.Bottom),i==c.Auto&&(i=c.Left);break;case ue:t==c.Auto&&(t=c.Right),i==c.Auto&&(i=c.Left);break;case re:t==c.Auto&&(t=c.Right),i==c.Auto&&(i=c.Top);break;default:t==c.Auto&&(t=c.Bottom),i==c.Auto&&(i=c.Top);break}}break}}function xo(B){switch(B){case le.Arrow:case le.FatArrow:return 2;default:return 1}}let Ie=xo(s),Be=xo(a);switch(t){case c.Bottom:l=ke;break;case c.Center:l={x:_+A,y:f+se},p=l;break;case c.Left:l=$i;break;case c.Right:l=Di;break;case c.Top:l=je;break}switch(i){case c.Bottom:h=Ni;break;case c.Center:h={x:q+T,y:U+S},u=h;break;case c.Left:h=Ri;break;case c.Right:h=Li;break;case c.Top:h=Oi;break}switch(n){case Vs.Path:let B=.333;switch(t){case c.Bottom:p={x:l.x,y:l.y+Math.abs(Ie*B*(h.y-l.y))};break;case c.Left:p={x:l.x-Math.abs(Ie*B*(h.x-l.x)),y:l.y};break;case c.Right:p={x:l.x+Math.abs(Ie*B*(h.x-l.x)),y:l.y};break;case c.Top:p={x:l.x,y:l.y-Math.abs(Ie*B*(l.y-h.y))};break}switch(i){case c.Bottom:u={x:h.x,y:h.y+Math.abs(Be*B*(h.y-l.y))};break;case c.Left:u={x:h.x-Math.abs(Be*B*(h.x-l.x)),y:h.y};break;case c.Right:u={x:h.x+Math.abs(Be*B*(h.x-l.x)),y:h.y};break;case c.Top:u={x:h.x,y:h.y-Math.abs(Be*B*(h.y-l.y))};break}break;default:switch(t){case c.Bottom:p={x:l.x,y:l.y+Math.abs(Ie*(ke.y-j.y))};break;case c.Left:p={x:l.x-Math.abs(Ie*(j.x-$i.x)),y:l.y};break;case c.Right:p={x:l.x+Math.abs(Ie*(Di.x-j.x)),y:l.y};break;case c.Top:p={x:l.x,y:l.y-Math.abs(Ie*(je.y-j.y))};break}switch(i){case c.Bottom:u={x:h.x,y:h.y+Math.abs(Be*(Ni.y-Y.y))};break;case c.Left:u={x:h.x-Math.abs(Be*(Y.x-Ri.x)),y:h.y};break;case c.Right:u={x:h.x+Math.abs(Be*(Li.x-Y.x)),y:h.y};break;case c.Top:u={x:h.x,y:h.y-Math.abs(Be*(Oi.y-Y.y))};break}}return{points:[l,p,h,u],anchors:[t,i]}}refresh(e,t){var s;if(g.isNull(e)||g.isNull(s=this._path))return;let o=!g.isNull(this.from)&&!g.isNull(this.to),i=g.isNull(this.from)&&g.isNull(this.to);if((this.disabled||!o)&&(s.removeAttribute("d"),i))return;let a=e===this.from?"from":"to";var n=(a==="from"?this.fromAnchor:this.toAnchor)||c.Auto;g.isNull(t)&&(e instanceof Element?a in this._state&&(t=this._state[a].size):(t={height:0,width:0,left:e.x,top:e.y},n=c.Center)),!g.isNull(t)&&(this._state[a]={size:t,anchor:n},o&&this._draw())}_draw(){var e=this._state.from,t=this._state.to,s=this._path;if(g.isNull(s))return;if(g.isNullOrEmpty(e)||g.isNullOrEmpty(t)||this.from instanceof HTMLElement&&!g.isVisible(this.from)||this.to instanceof HTMLElement&&!g.isVisible(this.to)){s.setAttribute("d","");return}let o=this._getOrigin(),i=this._toLocal(e.size,o),a=this._toLocal(t.size,o),{points:n,anchors:l}=this._computeAnchorPoints(i,e.anchor,this.fromEnd,a,t.anchor,this.toEnd,this.tension),h=n[0],p=n[1],u=n[2],f=n[3],_=l[0],R=l[1],L=h.x,A=h.y,se=p.x,U=p.y,q=u.x,xe=u.y,Et=f.x,T=f.y,S=this._getDefaultEndingPath(L,A);switch(this.fromEnd){case le.Arrow:S=this._getArrowEndingPath(L,A,_);break;case le.FatArrow:S=this._getFatArrowEndingPath(L,A,_);break;case le.None:S="";break}let j=this._getDefaultEndingPath(q,xe);switch(this.toEnd){case le.Arrow:j=this._getArrowEndingPath(q,xe,R);break;case le.FatArrow:j=this._getFatArrowEndingPath(q,xe,R);break;case le.None:j="";break}let Y=S+`M${L},${A} C${se},${U} ${Et},${T} ${q},${xe}`+j;Y.indexOf("NaN")===-1&&s.setAttribute("d",Y),g.isNullOrEmpty(this.color)||(s.style.stroke=this.color)}_getDefaultEndingPath(e,t){return`M${e-2},${t-2} h4 v4 h-4 z`}_getArrowEndingPath(e,t,s){switch(s){case c.Bottom:return`M${e-4},${t+4} l4,-4 l4,4`;case c.Top:return`M${e-4},${t-4} l4,4 l4,-4`;case c.Left:return`M${e-4},${t-4} l4,4 l-4,4`;case c.Right:return`M${e+4},${t-4} l-4,4 l4,4`;default:return""}}_getFatArrowEndingPath(e,t,s){switch(s){case c.Bottom:case c.Top:case c.Left:case c.Right:return this._getArrowEndingPath(e,t,s)+" z";default:return""}}};ce([me({emit:!1,converter:St})],K.prototype,"from",void 0);ce([me({emit:!1,converter:St})],K.prototype,"to",void 0);ce([me({emit:!1,converter:We.String})],K.prototype,"fromAnchor",void 0);ce([me({emit:!1,converter:We.String})],K.prototype,"toAnchor",void 0);ce([me({emit:!1,converter:We.String})],K.prototype,"fromEnd",void 0);ce([me({emit:!1,converter:We.String})],K.prototype,"toEnd",void 0);ce([me({emit:!1,converter:We.String})],K.prototype,"tension",void 0);ce([me({emit:!1,converter:We.String})],K.prototype,"color",void 0);ce([me({emit:!1,converter:We.Boolean})],K.prototype,"interactive",void 0);ce([me({emit:!1,converter:We.Element})],K.prototype,"layer",void 0);K=ce([Ca({tagName:wa+"-binder"})],K);import{P as ka,CustomElement as Pa,Watch as Sa,Utils as Vo,PropertyConverters as $a,Components as Da}from"@pacem/pacem-core";var Uo=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},Oa="blade-open",Ws=class extends Da.PacemElement{propertyChangedCallback(e,t,s,o){super.propertyChangedCallback(e,t,s,o),e==="open"&&this._toggle(s)}_toggle(e=this.open){(e?Vo.addClass:Vo.removeClass)(this,Oa);let s=e?"open":"close";this.dispatchEvent(new Event(s))}};Uo([Sa({emit:!1,converter:$a.Boolean})],Ws.prototype,"open",void 0);Ws=Uo([Pa({tagName:ka+"-blade",shadow:!0})],Ws);import{P as O,PCSS as Wo,CustomElement as Yo,Watch as ji,Utils as E,PropertyConverters as Ii,Components as Dt,preventDefaultHandler as Na,ViewChild as Jt,CustomElementUtils as Fo,UI as he,stopPropagationHandler as qo,avoidHandler as Ra}from"@pacem/pacem-core";var at;(function(r){r.ClickOutsideClose="clickOutsideClose",r.ExplicitClose="explicitClose"})(at||(at={}));var ve=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},La="bottom-sheet-open",Xt=class extends Dt.PacemElement{constructor(){super(...arguments),this._clickHandler=e=>{let t=this.#e;t.open=!t.open}}viewActivatedCallback(){super.viewActivatedCallback(),this._setIcon(),this._toggleHandle(),this.#e=Fo.findAncestorOfType(this,fe),this._bindToBottomSheet()}propertyChangedCallback(e,t,s,o){if(super.propertyChangedCallback(e,t,s,o),!o)switch(e){case"iconGlyph":this._setIcon(s);break;case"disabled":this._toggleHandle(s);break}}disconnectedCallback(){this.removeEventListener("click",this._clickHandler);let e=this.#e;!E.isNull(e)&&e.isReady&&e._setHandle(null),this.#e=null,super.disconnectedCallback()}#e;_bindToBottomSheet(){let e=this.#e;E.isNull(e)||(E.isNullOrEmpty(this.id)&&(this.id="handle_"+E.uniqueCode()),Fo.whenReady(e,()=>{e._setHandle(this),this.addEventListener("click",this._clickHandler,!1)}))}_toggleHandle(e=this.disabled){this.style.pointerEvents=e?"none":""}_setIcon(e=this.iconGlyph){let t=this._icon;E.isNull(t)||(t.icon=e??"horizontal_rule")}};ve([Jt(O+"-icon")],Xt.prototype,"_icon",void 0);ve([ji({emit:!1,converter:Ii.String})],Xt.prototype,"iconGlyph",void 0);Xt=ve([Yo({tagName:O+"-bottom-sheet-handle",shadow:!1,template:`<div class="bottom-sheet-handle">

package/dist/bundle/pacem-ui.mjs

@@ -1,5 +1,5 @@
 /*!
- * @pacem/pacem-ui v2.0.0-jacobi (https://js.pacem.it)
+ * @pacem/pacem-ui v2.0.0-kepler (https://js.pacem.it)
  * Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -1113,6 +1113,7 @@ var PacemBalloonElement = class PacemBalloonElement2 extends Components3.PacemEl
         return;
       }
       popup.style.visibility = "hidden";
+      popup.style.top = popup.style.left = "0px";
       this._visible = false;
       Utils3.removeClass(popup, allStyles);
       popup.dispatchEvent(new Event(BalloonPopoutEventName));