https://app.23degrees.io/chunk-5NJTL7DL.js

1import{a as O}from"./chunk-R5FILQJL.js";import{b as y}from"./chunk-LXJMNYKK.js";import{A as c,B as d,Hb as g,Pc as $,Ta as m,Tb as M,Ua as v,Wa as f,Xb as T,da as u,g as a,ha as n,p as h,v as p,va as r}from"./chunk-RL33O6RN.js";var I=(()=>{class s extends O{constructor(){super(...arguments),this.element=r(f),this.modalOverlayService=r(y),this.renderer=r(g),this.isOpen=!1,this.isMoving$=new a,this.hasEnded$=new a,this.modalSettings={originPosition:["end","center"],overlayPosition:["start","center"],fallbackPositionOrigin:["start","center"],fallbackPositionOverlay:["end","center"],autoClose:!0,autoSize:!0,shrinkHeader:!0,withBluring:!1,showButtons:!1,withBackdrop:!1,withShadow:!1,scrollStrategy:"close",maxWidth:"300px",preventAutoCloseOnOpen:!0},this.timeout=300,this.tooltipOnInit=!1}onMouseEnter(t){if(this.title){if(this.hasEnded$.next(null),!this.tooltipModal){let o=this.modalOverlayService.get("Tooltip",this.modalSettings);o&&o.closeModal()}this.initTooltip()}}onMouseMove(t){this.title&&this.isMoving$.next("move")}onMouseLeave(t){this.closeTooltip()}onMouseClick(t){this.closeTooltip()}ngOnInit(){}ngOnChanges(t){this.title||(this.titleBackup=void 0,this.renderer.removeAttribute(this.element.nativeElement,"title")),this.tooltipOnInit&&!this.isOpen&&this.title&&(this.tooltipModal||(this.hasEnded$.next(null),this.initTooltip()),this.openTooltip())}initTooltip(){this.titleBackup=this.title,this.tooltipModal=this.modalOverlayService.get("Tooltip",this.modalSettings),this.tooltipModal&&(this.originPosition&&(this.tooltipModal.originPosition=["center","bottom"]),this.overlayPosition&&(this.tooltipModal.overlayPosition=["center","top"]),this.tooltipModal.isOpen.pipe(n(this.componentDestroyed$)).subscribe(t=>{this.isOpen=t}),this.renderer.removeAttribute(this.element.nativeElement,"title"),this.moveAndStop$=this.isMoving$.pipe(n(this.componentDestroyed$),n(this.hasEnded$),p({each:this.timeout,with:()=>d(()=>c(h("stop"),this.moveAndStop$.pipe(u(this.isMoving$))))})),this.moveAndStop$.pipe(n(this.componentDestroyed$),n(this.hasEnded$)).subscribe(t=>{t==="stop"&&this.openTooltip()}))}openTooltip(){if(this.isOpen||!this.title)return;let t=`<h4>${this.title}</h4>`,o=this.text?`<p>${this.text}</p>`:"",e=this.icon?`<div class="tooltip-icon"><i class="icon-${this.icon}"></i></div>`:"",i=this.element.nativeElement.classList?.contains("error");this.tooltipModal.htmlContent=`
2      <div class="title-tooltip ${i?"error":""}">
3        <div class="flex flex-col">
4          ${t}
5          ${o}
6        </div>
7        ${e}
8      </div>`,this.tooltipModal.element=this.element.nativeElement,this.tooltipModal.open()}closeTooltip(){this.title&&(this.hasEnded$.next(null),this.renderer.setAttribute(this.element.nativeElement,"title",this.titleBackup),this.tooltipModal&&(this.tooltipModal.closeModal(),this.tooltipModal=void 0))}static{this.\u0275fac=(()=>{let t;return function(e){return(t||(t=v(s)))(e||s)}})()}static{this.\u0275dir=M({type:s,selectors:[["","title-tooltip",""]],hostBindings:function(o,e){o&1&&$("mouseenter",function(i){return e.onMouseEnter(i)})("mousemove",function(i){return e.onMouseMove(i)})("mouseleave",function(i){return e.onMouseLeave(i)})("click",function(i){return e.onMouseClick(i)})},inputs:{title:"title",timeout:[0,"tooltipTimeout","timeout"],text:[0,"tooltipText","text"],icon:[0,"tooltipIcon","icon"],originPosition:[0,"tooltipOriginPosition","originPosition"],overlayPosition:[0,"tooltipOverlayPosition","overlayPosition"],tooltipOnInit:"tooltipOnInit"},features:[T,m]})}}return s})();export{I as a};
9//# sourceMappingURL=chunk-5NJTL7DL.js.map