@qaecy/cue-ui 0.0.45 → 0.0.46

package/799.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[613,799],{7293(f,_,s){s.d(_,{x:()=>v});var c=s(7705),r=s(5802),o=s(2271),m=s(4613),p=s(9352),a=s(5547);function g(e,i){1&e&&a.nrm(0,"cue-logo",4)}let v=(()=>{class e{projectId=(0,c.hFB)(void 0);resourceId=(0,c.hFB)(void 0);_active=(0,r.vPA)(!0);onHover(){this._active.set(!1),requestAnimationFrame(()=>this._active.set(!0))}_title=(0,o.EW)(()=>this.projectId()&&this.resourceId()?"components.logoLink.showResourceInCue":this.projectId()?"components.logoLink.openProjectInCue":"components.logoLink.openCuePortal");_href=(0,o.EW)(()=>{const t=this.projectId(),n=this.resourceId();return t&&n?`https://cue.qaecy.com/r/${encodeURIComponent(t)}/${encodeURIComponent(n)}`:t?`https://cue.qaecy.com/home/projects?p=${encodeURIComponent(t)}`:"https://cue.qaecy.com/home/projects"});static \u0275fac=function(n){return new(n||e)};static \u0275cmp=a.VBU({type:e,selectors:[["cue-logo-link"]],inputs:{projectId:[1,"projectId"],resourceId:[1,"resourceId"]},decls:6,vars:5,consts:[["target","_blank","rel","noopener noreferrer",1,"link",3,"mouseenter","href","title"],[1,"logo-stack"],["size","xs",1,"logo-bg"],[1,"logo-fg"],["size","xs"]],template:function(n,l){1&n&&(a.j41(0,"a",0),a.nI1(1,"transloco"),a.bIt("mouseenter",function(){return l.onHover()}),a.j41(2,"div",1),a.nrm(3,"cue-logo",2),a.j41(4,"div",3),a.nVh(5,g,1,0,"cue-logo",4),a.k0s()()()),2&n&&(a.Y8G("href",l._href(),a.B4B)("title",a.bMT(1,3,l._title())),a.R7$(5),a.vxM(l._active()?5:-1))},dependencies:[m.Logo,p.Kj],styles:["[_nghost-%COMP%]{display:inline-block;line-height:0}.link[_ngcontent-%COMP%]{display:block;text-decoration:none;cursor:pointer}.logo-stack[_ngcontent-%COMP%]{position:relative;display:inline-block;line-height:0}.logo-bg[_ngcontent-%COMP%]{display:block;opacity:.3;transition:opacity .2s ease}.link[_ngcontent-%COMP%]:hover   .logo-bg[_ngcontent-%COMP%]{opacity:.15}.logo-fg[_ngcontent-%COMP%]{position:absolute;inset:0;opacity:0;transition:opacity .15s ease}.link[_ngcontent-%COMP%]:hover   .logo-fg[_ngcontent-%COMP%]{opacity:1}"],changeDetection:0})}return e})()},4613(f,_,s){s.d(_,{Logo:()=>a});var c=s(7705),r=s(5802),o=s(5547),m=s(2271),p=s(6170);let a=(()=>{class g{size=(0,c.hFB)("m");sizeMap={xs:"40px",s:"80px",m:"160px",l:"222px"};active=(0,c.hFB)(!0,{transform:c.L39});continuous=(0,c.hFB)(!1,{transform:c.L39});mode=(0,c.hFB)("default");isDarkMode=(0,c.geq)(!1);handleDarkModeChange(e){this.isDarkMode.set(e),-1===this.raf&&this.animate()}colorA=(0,m.EW)(()=>this.isDarkMode()?[221,246,18]:[18,28,43]);colorB=[0,202,204];paths=[];raf=-1;appearTime=0;disappearTime=0;tip=0;toe=0;mix=[0,0,0];norm=0;animate=e=>{if(void 0!==e){const i=5e-4*(e-this.appearTime);"glow"===this.mode()?this.tip=i%1:(this.tip=Math.min(1,i),this.active()||(this.toe=Math.min(1,6e-4*(e-this.disappearTime))))}if("glow"===this.mode()){const i=.06666666666666667,t=this.rgbToSvg(this.colorA());return this.paths.forEach((n,l)=>{this.norm=1/this.paths.length*l;let h=this.tip-this.norm;if(h<-(1-i)&&(h+=1),h>=0&&h<i){const u=1-h/i;n.setAttribute("stroke",this.rgbToSvg(this.colorB)),n.setAttribute("stroke-opacity",u.toFixed(3))}else n.setAttribute("stroke",t),n.setAttribute("stroke-opacity","0.005")}),void(this.raf=requestAnimationFrame(this.animate))}if(this.paths.forEach((i,t)=>{this.norm=1/this.paths.length*t,this.mix=this.mixRgb(this.colorA(),this.colorB,Math.max(0,Math.min(1,15*(this.tip-this.norm)))),i.setAttribute("stroke",this.tip*this.paths.length>t&&(this.active()||this.toe*this.paths.length<t)?this.rgbToSvg(this.mix):"transparent")}),this.tip>=1&&(this.active()||this.toe>=1))return this.continuous()?void setTimeout(()=>{this.appearTime=performance.now(),this.tip=0,this.toe=0,this.raf=requestAnimationFrame(this.animate)},500):void(this.raf=-1);this.raf=requestAnimationFrame(this.animate)};activate(){this.appearTime=performance.now(),this.animate(this.appearTime)}deactivate(){this.disappearTime=performance.now(),-1===this.raf&&this.animate(this.disappearTime)}mixChannel(e,i,t){return parseInt((e*t+i*(1-t)).toFixed())}mixRgb(e,i,t){return[this.mixChannel(e[0],i[0],t),this.mixChannel(e[1],i[1],t),this.mixChannel(e[2],i[2],t)]}rgbToSvg(e){return`rgb(${e[0]},${e[1]},${e[2]})`}constructor(){(0,r.QZP)(()=>{"glow"===this.mode()||this.active()?this.activate():this.deactivate()}),(0,r.QZP)(()=>{this.isDarkMode(),this.animate()});const e=(0,r.WQX)(o.aKT);(0,o.mal)({read:()=>{if(this.paths.length)return;const i=e.nativeElement.querySelector("svg"),t=e.nativeElement.querySelector("#original-path");if(!t)return;const n=t.getTotalLength(),h=[];for(let u=0;u<400;u++){const d=t.getPointAtLength(n/400*u);h.push({x:parseFloat(d.x.toFixed(2)),y:parseFloat(d.y.toFixed(2))})}h.push(t.getPointAtLength(n)),h.reverse(),h.forEach((u,d)=>{if(0===d||1===d)return;const M=document.createElementNS("http://www.w3.org/2000/svg","path");M.setAttribute("d",`M${h[d-2].x},${h[d-2].y}L${h[d-1].x},${h[d-1].y}L${u.x},${u.y}`),M.setAttribute("fill","none"),M.setAttribute("stroke","transparent"),M.setAttribute("stroke-width",t?.getAttribute("stroke-width")||"1"),M.setAttribute("stroke-miterlimit",t?.getAttribute("stroke-miterlimit")||"1"),i.appendChild(M),this.paths.push(M)})}})}ngOnDestroy(){this.paths=[],cancelAnimationFrame(this.raf),this.raf=-1}static \u0275fac=function(i){return new(i||g)};static \u0275cmp=o.VBU({type:g,selectors:[["cue-logo"]],hostVars:2,hostBindings:function(i,t){2&i&&o.xc7("width",t.sizeMap[t.size()])},inputs:{size:[1,"size"],active:[1,"active"],continuous:[1,"continuous"],mode:[1,"mode"],isDarkMode:[1,"isDarkMode"]},outputs:{isDarkMode:"isDarkModeChange"},decls:2,vars:0,consts:[["cueDarkMode","","xmlns","http://www.w3.org/2000/svg","viewBox","0 0 221.545 86.191","width","222","height","86","overflow","visible",3,"darkModeChange"],["id","original-path","fill","none","stroke","transparent","stroke-miterlimit","10","stroke-width","12","d","M216.046 56.638s-10.561 24.201-36.192 22.991c-25.631-1.21-22.771-24.751-20.351-37.622 2.42-12.871 10.451-20.351 16.831-18.041 6.283 2.275 8.03 9.68 2.09 21.891-5.94 12.211-21.341 37.567-35.862 33.992-12.413-3.056-13.281-23.162-13.281-23.162V29.762v26.925c0 14.471-12.47 23.212-24.672 23.212s-24.672-8.301-24.672-23.212V29.829l-.006.105v13.031c0 20.416-16.55 36.966-36.966 36.966S6 63.381 6 42.966 22.55 6 42.966 6c6.91 0 13.377 1.896 18.91 5.196"]],template:function(i,t){1&i&&(r.qSk(),o.j41(0,"svg",0),o.bIt("darkModeChange",function(l){return t.handleDarkModeChange(l)}),o.nrm(1,"path",1),o.k0s())},dependencies:[p.R],styles:["[_nghost-%COMP%]{display:block}svg[_ngcontent-%COMP%]{flex:1;display:block;width:100%;height:auto}"]})}return g})()},6170(f,_,s){s.d(_,{R:()=>p});var c=s(7705),r=s(5802),o=s(2271),m=s(5547);let p=(()=>{class a{destroyRef=(0,r.WQX)(r.abz);_isDarkMode=(0,r.vPA)(this.hasDarkClass());isDarkMode=(0,o.EW)(()=>this._isDarkMode());darkModeChange=(0,c.CGW)();constructor(){const v=new MutationObserver(e=>{e.forEach(i=>{if("attributes"===i.type&&"class"===i.attributeName){const t=this.hasDarkClass();t!==this._isDarkMode()&&this._isDarkMode.set(t)}})});v.observe(document.body,{attributes:!0,attributeFilter:["class"]}),this.destroyRef.onDestroy(()=>v.disconnect()),(0,r.QZP)(()=>{this.darkModeChange.emit(this._isDarkMode()),document.documentElement.style.colorScheme=this._isDarkMode()?"dark":"light"})}hasDarkClass(){return document.body.classList.contains("dark")}toggleDarkMode(){document.body.classList.toggle("dark")}static \u0275fac=function(e){return new(e||a)};static \u0275dir=m.FsC({type:a,selectors:[["","cueDarkMode",""]],outputs:{darkModeChange:"darkModeChange"},exportAs:["darkModeDetector"]})}return a})()},7851(f,_,s){s.d(_,{k:()=>v});var c=s(7705),r=s(5802),o=s(5547),m=s(4613),p=s(2245);function a(e,i){if(1&e&&(o.j41(0,"cue-typography",1),o.EFF(1),o.k0s()),2&e){const t=o.XpG();o.R7$(),o.JRh(t.message)}}let g=(()=>{class e{message="";static \u0275fac=function(n){return new(n||e)};static \u0275cmp=o.VBU({type:e,selectors:[["cue-logo-loader-overlay"]],decls:2,vars:1,consts:[["size","m","mode","glow"],["size","s",1,"message"]],template:function(n,l){1&n&&(o.nrm(0,"cue-logo",0),o.nVh(1,a,2,1,"cue-typography",1)),2&n&&(o.R7$(),o.vxM(l.message?1:-1))},dependencies:[m.Logo,p.Typography],styles:["[_nghost-%COMP%]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:1000;pointer-events:none}.message[_ngcontent-%COMP%]{color:var(--color-text-secondary)}"],changeDetection:0})}return e})(),v=(()=>{class e{cueLogoLoader=(0,c.hFB)(!1);cueLogoLoaderMessage=(0,c.hFB)("");el=(0,r.WQX)(o.aKT);appRef=(0,r.WQX)(o.o8S);envInjector=(0,r.WQX)(r.uvJ);renderer=(0,r.WQX)(o.sFG);overlayRef;constructor(){(0,r.QZP)(()=>{const t=this.cueLogoLoader(),n=this.cueLogoLoaderMessage();t?(this.overlayRef||this.createOverlay(),this.overlayRef&&(this.overlayRef.instance.message=n,this.overlayRef.changeDetectorRef.markForCheck())):this.destroyOverlay()})}createOverlay(){this.overlayRef=(0,c.a0P)(g,{environmentInjector:this.envInjector}),this.appRef.attachView(this.overlayRef.hostView),this.renderer.appendChild(this.el.nativeElement,this.overlayRef.hostView.rootNodes[0])}destroyOverlay(){this.overlayRef&&(this.appRef.detachView(this.overlayRef.hostView),this.overlayRef.destroy(),this.overlayRef=void 0)}ngOnDestroy(){this.destroyOverlay()}static \u0275fac=function(n){return new(n||e)};static \u0275dir=o.FsC({type:e,selectors:[["","cueLogoLoader",""]],hostVars:2,hostBindings:function(n,l){2&n&&o.xc7("position","relative")},inputs:{cueLogoLoader:[1,"cueLogoLoader"],cueLogoLoaderMessage:[1,"cueLogoLoaderMessage"]}})}return e})()}}]);
+"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[613,799],{7293(M,p,a){a.d(p,{x:()=>e});var h=a(7705),s=a(5802),c=a(2271),m=a(4613),f=a(9352),d=a(7089),n=a(5547);function _(o,t){1&o&&n.nrm(0,"cue-logo",4)}let e=(()=>{class o{projectId=(0,h.hFB)(void 0);resourceId=(0,h.hFB)(void 0);_active=(0,s.vPA)(!0);onHover(){this._active.set(!1),requestAnimationFrame(()=>this._active.set(!0))}_title=(0,c.EW)(()=>this.projectId()&&this.resourceId()?"components.logoLink.showResourceInCue":this.projectId()?"components.logoLink.openProjectInCue":"components.logoLink.openCuePortal");_href=(0,c.EW)(()=>{const i=this.projectId(),r=this.resourceId();return i&&r?`https://cue.qaecy.com/r/${encodeURIComponent(i)}/${encodeURIComponent(r)}`:i?`https://cue.qaecy.com/home/projects?p=${encodeURIComponent(i)}`:"https://cue.qaecy.com/home/projects"});static \u0275fac=function(r){return new(r||o)};static \u0275cmp=n.VBU({type:o,selectors:[["cue-logo-link"]],inputs:{projectId:[1,"projectId"],resourceId:[1,"resourceId"]},decls:6,vars:5,consts:[["target","_blank","rel","noopener noreferrer",1,"link",3,"mouseenter","href"],[1,"logo-stack",3,"cueTooltip"],["size","xs",1,"logo-bg"],[1,"logo-fg"],["size","xs"]],template:function(r,l){1&r&&(n.j41(0,"a",0),n.bIt("mouseenter",function(){return l.onHover()}),n.j41(1,"div",1),n.nI1(2,"transloco"),n.nrm(3,"cue-logo",2),n.j41(4,"div",3),n.nVh(5,_,1,0,"cue-logo",4),n.k0s()()()),2&r&&(n.Y8G("href",l._href(),n.B4B),n.R7$(),n.Y8G("cueTooltip",n.bMT(2,3,l._title())),n.R7$(4),n.vxM(l._active()?5:-1))},dependencies:[m.Logo,d.d,f.Kj],styles:["[_nghost-%COMP%]{display:inline-block;line-height:0}.link[_ngcontent-%COMP%]{display:block;text-decoration:none;cursor:pointer}.logo-stack[_ngcontent-%COMP%]{position:relative;display:inline-block;line-height:0}.logo-bg[_ngcontent-%COMP%]{display:block;opacity:.3;transition:opacity .2s ease}.link[_ngcontent-%COMP%]:hover   .logo-bg[_ngcontent-%COMP%]{opacity:.15}.logo-fg[_ngcontent-%COMP%]{position:absolute;inset:0;opacity:0;transition:opacity .15s ease}.link[_ngcontent-%COMP%]:hover   .logo-fg[_ngcontent-%COMP%]{opacity:1}"],changeDetection:0})}return o})()},4613(M,p,a){a.d(p,{Logo:()=>d});var h=a(7705),s=a(5547),c=a(5802),m=a(2271),f=a(6170);let d=(()=>{class n{size=(0,h.hFB)("m");sizeMap={xs:"40px",s:"80px",m:"160px",l:"222px"};active=(0,h.hFB)(!0,{transform:h.L39});continuous=(0,h.hFB)(!1,{transform:h.L39});mode=(0,h.hFB)("default");isDarkMode=(0,h.geq)(!1);handleDarkModeChange(e){this.isDarkMode.set(e),-1===this.raf&&this.animate()}colorA=(0,m.EW)(()=>this.isDarkMode()?[221,246,18]:[18,28,43]);colorB=[0,202,204];paths=[];raf=-1;playfulPhase="idle";playfulIdleUntil=0;playfulAnimStart=0;playfulAnimDuration=2e3;playfulRetractAmount=.3;appearTime=0;disappearTime=0;tip=0;toe=0;mix=[0,0,0];norm=0;animate=e=>{if(void 0!==e){const o=5e-4*(e-this.appearTime);"glow"===this.mode()?this.tip=o%1:"playful"!==this.mode()&&(this.tip=Math.min(1,o),this.active()||(this.toe=Math.min(1,6e-4*(e-this.disappearTime))))}if("playful"===this.mode())return void 0!==e&&("idle"===this.playfulPhase?e>=this.playfulIdleUntil&&(this.playfulPhase="animating",this.playfulAnimStart=e,this.playfulRetractAmount=.2+.75*Math.random(),this.playfulAnimDuration=2*this.playfulRetractAmount/5e-4):(e-this.playfulAnimStart)/this.playfulAnimDuration>=1&&(this.playfulPhase="idle",this.playfulIdleUntil=e+1e3+4e3*Math.random())),this.renderPlayful(e),void(void 0!==e&&(this.raf=requestAnimationFrame(this.animate)));if("glow"===this.mode()){const o=.06666666666666667,t=this.rgbToSvg(this.colorA());return this.paths.forEach((i,r)=>{this.norm=1/this.paths.length*r;let l=this.tip-this.norm;if(l<-(1-o)&&(l+=1),l>=0&&l<o){const u=1-l/o;i.setAttribute("stroke",this.rgbToSvg(this.colorB)),i.setAttribute("stroke-opacity",u.toFixed(3))}else i.setAttribute("stroke",t),i.setAttribute("stroke-opacity","0.005")}),void(this.raf=requestAnimationFrame(this.animate))}if(this.paths.forEach((o,t)=>{this.norm=1/this.paths.length*t,this.mix=this.mixRgb(this.colorA(),this.colorB,Math.max(0,Math.min(1,15*(this.tip-this.norm)))),o.setAttribute("stroke",this.tip*this.paths.length>t&&(this.active()||this.toe*this.paths.length<t)?this.rgbToSvg(this.mix):"transparent")}),this.tip>=1&&(this.active()||this.toe>=1))return this.continuous()?void setTimeout(()=>{this.appearTime=performance.now(),this.tip=0,this.toe=0,this.raf=requestAnimationFrame(this.animate)},500):void(this.raf=-1);this.raf=requestAnimationFrame(this.animate)};activate(){this.appearTime=performance.now(),"playful"===this.mode()&&(this.playfulPhase="intro",this.playfulAnimStart=this.appearTime),this.animate(this.appearTime)}deactivate(){this.disappearTime=performance.now(),-1===this.raf&&this.animate(this.disappearTime)}renderPlayful(e){if(void 0===e)return void this.renderPlayfulDraw(1);const o=Math.min(1,5e-4*(e-this.playfulAnimStart));if("intro"===this.playfulPhase)this.renderPlayfulDraw(o),o>=1&&(this.playfulPhase="idle",this.playfulIdleUntil=e+1e3+4e3*Math.random());else if("idle"===this.playfulPhase)this.renderPlayfulDraw(1);else{const t=Math.min(1,(e-this.playfulAnimStart)/this.playfulAnimDuration),r=1-this.playfulRetractAmount*(1-Math.cos(2*t*Math.PI))/2;this.renderPlayfulDraw(r)}}renderPlayfulDraw(e){const o=this.paths.length,t=this.colorA();this.paths.forEach((i,r)=>{if(this.norm=r/o,e*o>r){const l=Math.max(0,Math.min(1,15*(e-this.norm)));this.mix=this.mixRgb(t,this.colorB,l),i.setAttribute("stroke",this.rgbToSvg(this.mix)),i.setAttribute("stroke-opacity","1")}else i.setAttribute("stroke","transparent")})}mixChannel(e,o,t){return parseInt((e*t+o*(1-t)).toFixed())}mixRgb(e,o,t){return[this.mixChannel(e[0],o[0],t),this.mixChannel(e[1],o[1],t),this.mixChannel(e[2],o[2],t)]}rgbToSvg(e){return`rgb(${e[0]},${e[1]},${e[2]})`}constructor(){(0,c.QZP)(()=>{"glow"===this.mode()||"playful"===this.mode()||this.active()?this.activate():this.deactivate()}),(0,c.QZP)(()=>{this.isDarkMode(),this.animate()});const e=(0,c.WQX)(s.aKT);(0,s.mal)({read:()=>{if(this.paths.length)return;const o=e.nativeElement.querySelector("svg"),t=e.nativeElement.querySelector("#original-path");if(!t)return;const i=t.getTotalLength(),l=[];for(let u=0;u<400;u++){const g=t.getPointAtLength(i/400*u);l.push({x:parseFloat(g.x.toFixed(2)),y:parseFloat(g.y.toFixed(2))})}l.push(t.getPointAtLength(i)),l.reverse(),l.forEach((u,g)=>{if(0===g||1===g)return;const v=document.createElementNS("http://www.w3.org/2000/svg","path");v.setAttribute("d",`M${l[g-2].x},${l[g-2].y}L${l[g-1].x},${l[g-1].y}L${u.x},${u.y}`),v.setAttribute("fill","none"),v.setAttribute("stroke","transparent"),v.setAttribute("stroke-width",t?.getAttribute("stroke-width")||"1"),v.setAttribute("stroke-miterlimit",t?.getAttribute("stroke-miterlimit")||"1"),o.appendChild(v),this.paths.push(v)})}})}ngOnDestroy(){this.paths=[],cancelAnimationFrame(this.raf),this.raf=-1}static \u0275fac=function(o){return new(o||n)};static \u0275cmp=s.VBU({type:n,selectors:[["cue-logo"]],hostVars:2,hostBindings:function(o,t){2&o&&s.xc7("width",t.sizeMap[t.size()])},inputs:{size:[1,"size"],active:[1,"active"],continuous:[1,"continuous"],mode:[1,"mode"],isDarkMode:[1,"isDarkMode"]},outputs:{isDarkMode:"isDarkModeChange"},decls:2,vars:0,consts:[["cueDarkMode","","xmlns","http://www.w3.org/2000/svg","viewBox","0 0 221.545 86.191","width","222","height","86","overflow","visible",3,"darkModeChange"],["id","original-path","fill","none","stroke","transparent","stroke-miterlimit","10","stroke-width","12","d","M216.046 56.638s-10.561 24.201-36.192 22.991c-25.631-1.21-22.771-24.751-20.351-37.622 2.42-12.871 10.451-20.351 16.831-18.041 6.283 2.275 8.03 9.68 2.09 21.891-5.94 12.211-21.341 37.567-35.862 33.992-12.413-3.056-13.281-23.162-13.281-23.162V29.762v26.925c0 14.471-12.47 23.212-24.672 23.212s-24.672-8.301-24.672-23.212V29.829l-.006.105v13.031c0 20.416-16.55 36.966-36.966 36.966S6 63.381 6 42.966 22.55 6 42.966 6c6.91 0 13.377 1.896 18.91 5.196"]],template:function(o,t){1&o&&(c.qSk(),s.j41(0,"svg",0),s.bIt("darkModeChange",function(r){return t.handleDarkModeChange(r)}),s.nrm(1,"path",1),s.k0s())},dependencies:[f.R],styles:["[_nghost-%COMP%]{display:block}svg[_ngcontent-%COMP%]{flex:1;display:block;width:100%;height:auto}"]})}return n})()},6170(M,p,a){a.d(p,{R:()=>f});var h=a(7705),s=a(5802),c=a(2271),m=a(5547);let f=(()=>{class d{destroyRef=(0,s.WQX)(s.abz);_isDarkMode=(0,s.vPA)(this.hasDarkClass());isDarkMode=(0,c.EW)(()=>this._isDarkMode());darkModeChange=(0,h.CGW)();constructor(){const _=new MutationObserver(e=>{e.forEach(o=>{if("attributes"===o.type&&"class"===o.attributeName){const t=this.hasDarkClass();t!==this._isDarkMode()&&this._isDarkMode.set(t)}})});_.observe(document.body,{attributes:!0,attributeFilter:["class"]}),this.destroyRef.onDestroy(()=>_.disconnect()),(0,s.QZP)(()=>{this.darkModeChange.emit(this._isDarkMode()),document.documentElement.style.colorScheme=this._isDarkMode()?"dark":"light"})}hasDarkClass(){return document.body.classList.contains("dark")}toggleDarkMode(){document.body.classList.toggle("dark")}static \u0275fac=function(e){return new(e||d)};static \u0275dir=m.FsC({type:d,selectors:[["","cueDarkMode",""]],outputs:{darkModeChange:"darkModeChange"},exportAs:["darkModeDetector"]})}return d})()},7851(M,p,a){a.d(p,{k:()=>_});var h=a(7705),s=a(5547),c=a(5802),m=a(4613),f=a(2245);function d(e,o){if(1&e&&(s.j41(0,"cue-typography",1),s.EFF(1),s.k0s()),2&e){const t=s.XpG();s.R7$(),s.JRh(t.message)}}let n=(()=>{class e{message="";static \u0275fac=function(i){return new(i||e)};static \u0275cmp=s.VBU({type:e,selectors:[["cue-logo-loader-overlay"]],decls:2,vars:1,consts:[["size","m","mode","glow"],["size","s",1,"message"]],template:function(i,r){1&i&&(s.nrm(0,"cue-logo",0),s.nVh(1,d,2,1,"cue-typography",1)),2&i&&(s.R7$(),s.vxM(r.message?1:-1))},dependencies:[m.Logo,f.Typography],styles:["[_nghost-%COMP%]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:1000;pointer-events:none}.message[_ngcontent-%COMP%]{color:var(--color-text-secondary)}"],changeDetection:0})}return e})(),_=(()=>{class e{cueLogoLoader=(0,h.hFB)(!1);cueLogoLoaderMessage=(0,h.hFB)("");el=(0,c.WQX)(s.aKT);appRef=(0,c.WQX)(s.o8S);envInjector=(0,c.WQX)(c.uvJ);renderer=(0,c.WQX)(s.sFG);overlayRef;constructor(){(0,c.QZP)(()=>{const t=this.cueLogoLoader(),i=this.cueLogoLoaderMessage();t?(this.overlayRef||this.createOverlay(),this.overlayRef&&(this.overlayRef.instance.message=i,this.overlayRef.changeDetectorRef.markForCheck())):this.destroyOverlay()})}createOverlay(){this.overlayRef=(0,h.a0P)(n,{environmentInjector:this.envInjector}),this.appRef.attachView(this.overlayRef.hostView),this.renderer.appendChild(this.el.nativeElement,this.overlayRef.hostView.rootNodes[0])}destroyOverlay(){this.overlayRef&&(this.appRef.detachView(this.overlayRef.hostView),this.overlayRef.destroy(),this.overlayRef=void 0)}ngOnDestroy(){this.destroyOverlay()}static \u0275fac=function(i){return new(i||e)};static \u0275dir=s.FsC({type:e,selectors:[["","cueLogoLoader",""]],hostVars:2,hostBindings:function(i,r){2&i&&s.xc7("position","relative")},inputs:{cueLogoLoader:[1,"cueLogoLoader"],cueLogoLoaderMessage:[1,"cueLogoLoaderMessage"]}})}return e})()}}]);