https://ciptagelar.info/ui/chunk-HZKQR6MR.js

1import{i as d}from"./chunk-NU4FUAG2.js";import{Ah as f,Ia as u,Na as c,T as p,yh as v,zh as g}from"./chunk-CPOZEFYP.js";var a=function(h,i,t,e){var r=arguments.length,s=r<3?i:e===null?e=Object.getOwnPropertyDescriptor(i,t):e,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(h,i,t,e);else for(var l=h.length-1;l>=0;l--)(o=h[l])&&(s=(r<3?o(s):r>3?o(i,t,s):o(i,t))||s);return r>3&&s&&Object.defineProperty(i,t,s),s},n,w=(n=class{constructor(i,t){this.router=i,this.window=t,this.prevHighlightDiv=null,this.prevSubscription=null,this.clickOutsideListener=null}navigateAndHighlight(i,t){this.router.navigate(i,{fragment:t}).then(()=>{setTimeout(()=>{let e=this.window.document.getElementById(t);e&&this.scrollIntoView(e)},150)})}scrollIntoView(i){i.scrollIntoView({block:"center"}),this.createOverlay(i)}createOverlay(i){if(!i)return;this.cleanupPreviousHighlight(),this.prevHighlightDiv=this.window.document.createElement("div");let t=i.getBoundingClientRect();this.prevHighlightDiv.style.position="absolute",this.prevHighlightDiv.style.top="".concat(t.top+this.window.scrollY,"px"),this.prevHighlightDiv.style.left="".concat(t.left+this.window.scrollX,"px"),this.prevHighlightDiv.style.width="".concat(t.width,"px"),this.prevHighlightDiv.style.height="".concat(t.height,"px"),this.prevHighlightDiv.style.border="2px solid var(--primary)",this.prevHighlightDiv.style.pointerEvents="none",this.prevHighlightDiv.style.zIndex="1000",this.window.document.body.appendChild(this.prevHighlightDiv);let e=()=>this.updateOverlayPosition(i,this.prevHighlightDiv);this.window.addEventListener("scroll",e,!0),this.prevSubscription=p(2150).pipe(g(this)).subscribe(()=>{this.cleanupPreviousHighlight(),this.window.removeEventListener("scroll",e,!0)}),i.addEventListener("click",()=>{this.cleanupPreviousHighlight(),this.window.removeEventListener("scroll",e,!0)},{once:!0}),this.addClickOutsideListener(i)}updateOverlayPosition(i,t){if(!i||!t)return;let e=i.getBoundingClientRect(),r=this.window.pageYOffset||this.window.document.documentElement.scrollTop,s=this.window.pageXOffset||this.window.document.documentElement.scrollLeft;t.style.top="".concat(e.top+r,"px"),t.style.left="".concat(e.left+s,"px"),t.style.width="".concat(e.width,"px"),t.style.height="".concat(e.height,"px")}addClickOutsideListener(i){this.clickOutsideListener=t=>{i.contains(t.target)||this.cleanupPreviousHighlight()},this.window.document.addEventListener("click",this.clickOutsideListener,!0)}cleanupPreviousHighlight(){this.prevHighlightDiv&&(this.prevHighlightDiv.remove(),this.prevHighlightDiv=null),this.prevSubscription&&(this.prevSubscription.unsubscribe(),this.prevSubscription=null),this.clickOutsideListener&&(this.window.document.removeEventListener("click",this.clickOutsideListener,!0),this.clickOutsideListener=null)}},n.\u0275fac=function(t){return new(t||n)(c(d),c(f))},n.\u0275prov=u({token:n,factory:n.\u0275fac,providedIn:"root"}),n);w=a([v()],w);export{w as a};
2//# sourceMappingURL=chunk-HZKQR6MR.js.map