@qaecy/cue-ui 0.0.45 → 0.0.47

package/911.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[613,911],{6911(f,v,o){o.d(v,{ByCueLogo:()=>_});var a=o(7705),n=o(4613),i=o(5547);let _=(()=>{class c{src=a.hFB.required();alt=(0,a.hFB)("");active=(0,a.hFB)(!0,{transform:a.L39});continuous=(0,a.hFB)(!1,{transform:a.L39});static \u0275fac=function(l){return new(l||c)};static \u0275cmp=i.VBU({type:c,selectors:[["cue-by-cue-logo"]],inputs:{src:[1,"src"],alt:[1,"alt"],active:[1,"active"],continuous:[1,"continuous"]},decls:7,vars:5,consts:[[1,"wrapper"],[1,"main-logo",3,"src","alt"],[1,"by-cue"],[1,"by-text"],[1,"logo-wrapper"],[3,"size","active","continuous"]],template:function(l,t){1&l&&(i.j41(0,"div",0),i.nrm(1,"img",1),i.j41(2,"div",2)(3,"span",3),i.EFF(4,"by"),i.k0s(),i.j41(5,"div",4),i.nrm(6,"cue-logo",5),i.k0s()()()),2&l&&(i.R7$(),i.Y8G("src",t.src(),i.B4B)("alt",t.alt()),i.R7$(5),i.Y8G("size","xs")("active",t.active())("continuous",t.continuous()))},dependencies:[n.Logo],styles:[":host{display:inline-block}.wrapper{position:relative;display:inline-block;width:var(--by-cue-logo-width, 200px);container-type:inline-size}.main-logo{display:block;width:100%;height:auto}.by-cue{position:absolute;bottom:clamp(-20px,-7cqi,-8px);right:clamp(-30px,-10cqi,-10px);display:flex;align-items:flex-end;gap:clamp(2px,2cqi,6px);opacity:.55}.by-cue:hover{opacity:1;transition:opacity .3s ease}.by-text{font-family:Poppins,sans-serif;font-size:clamp(8px,5cqi,13px);font-weight:300;font-style:italic;letter-spacing:.04em;color:currentColor;line-height:1}.logo-wrapper{width:clamp(24px,20cqi,56px);aspect-ratio:221.545 / 86.191;display:block}cue-logo{width:100%!important;height:100%!important;display:block}\n"],encapsulation:3})}return c})()},4613(f,v,o){o.d(v,{Logo:()=>g});var a=o(7705),n=o(5802),i=o(5547),_=o(2271),c=o(6170);let g=(()=>{class m{size=(0,a.hFB)("m");sizeMap={xs:"40px",s:"80px",m:"160px",l:"222px"};active=(0,a.hFB)(!0,{transform:a.L39});continuous=(0,a.hFB)(!1,{transform:a.L39});mode=(0,a.hFB)("default");isDarkMode=(0,a.geq)(!1);handleDarkModeChange(t){this.isDarkMode.set(t),-1===this.raf&&this.animate()}colorA=(0,_.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=t=>{if(void 0!==t){const s=5e-4*(t-this.appearTime);"glow"===this.mode()?this.tip=s%1:(this.tip=Math.min(1,s),this.active()||(this.toe=Math.min(1,6e-4*(t-this.disappearTime))))}if("glow"===this.mode()){const s=.06666666666666667,e=this.rgbToSvg(this.colorA());return this.paths.forEach((d,M)=>{this.norm=1/this.paths.length*M;let r=this.tip-this.norm;if(r<-(1-s)&&(r+=1),r>=0&&r<s){const u=1-r/s;d.setAttribute("stroke",this.rgbToSvg(this.colorB)),d.setAttribute("stroke-opacity",u.toFixed(3))}else d.setAttribute("stroke",e),d.setAttribute("stroke-opacity","0.005")}),void(this.raf=requestAnimationFrame(this.animate))}if(this.paths.forEach((s,e)=>{this.norm=1/this.paths.length*e,this.mix=this.mixRgb(this.colorA(),this.colorB,Math.max(0,Math.min(1,15*(this.tip-this.norm)))),s.setAttribute("stroke",this.tip*this.paths.length>e&&(this.active()||this.toe*this.paths.length<e)?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(t,s,e){return parseInt((t*e+s*(1-e)).toFixed())}mixRgb(t,s,e){return[this.mixChannel(t[0],s[0],e),this.mixChannel(t[1],s[1],e),this.mixChannel(t[2],s[2],e)]}rgbToSvg(t){return`rgb(${t[0]},${t[1]},${t[2]})`}constructor(){(0,n.QZP)(()=>{"glow"===this.mode()||this.active()?this.activate():this.deactivate()}),(0,n.QZP)(()=>{this.isDarkMode(),this.animate()});const t=(0,n.WQX)(i.aKT);(0,i.mal)({read:()=>{if(this.paths.length)return;const s=t.nativeElement.querySelector("svg"),e=t.nativeElement.querySelector("#original-path");if(!e)return;const d=e.getTotalLength(),r=[];for(let u=0;u<400;u++){const h=e.getPointAtLength(d/400*u);r.push({x:parseFloat(h.x.toFixed(2)),y:parseFloat(h.y.toFixed(2))})}r.push(e.getPointAtLength(d)),r.reverse(),r.forEach((u,h)=>{if(0===h||1===h)return;const p=document.createElementNS("http://www.w3.org/2000/svg","path");p.setAttribute("d",`M${r[h-2].x},${r[h-2].y}L${r[h-1].x},${r[h-1].y}L${u.x},${u.y}`),p.setAttribute("fill","none"),p.setAttribute("stroke","transparent"),p.setAttribute("stroke-width",e?.getAttribute("stroke-width")||"1"),p.setAttribute("stroke-miterlimit",e?.getAttribute("stroke-miterlimit")||"1"),s.appendChild(p),this.paths.push(p)})}})}ngOnDestroy(){this.paths=[],cancelAnimationFrame(this.raf),this.raf=-1}static \u0275fac=function(s){return new(s||m)};static \u0275cmp=i.VBU({type:m,selectors:[["cue-logo"]],hostVars:2,hostBindings:function(s,e){2&s&&i.xc7("width",e.sizeMap[e.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(s,e){1&s&&(n.qSk(),i.j41(0,"svg",0),i.bIt("darkModeChange",function(M){return e.handleDarkModeChange(M)}),i.nrm(1,"path",1),i.k0s())},dependencies:[c.R],styles:["[_nghost-%COMP%]{display:block}svg[_ngcontent-%COMP%]{flex:1;display:block;width:100%;height:auto}"]})}return m})()},6170(f,v,o){o.d(v,{R:()=>c});var a=o(7705),n=o(5802),i=o(2271),_=o(5547);let c=(()=>{class g{destroyRef=(0,n.WQX)(n.abz);_isDarkMode=(0,n.vPA)(this.hasDarkClass());isDarkMode=(0,i.EW)(()=>this._isDarkMode());darkModeChange=(0,a.CGW)();constructor(){const l=new MutationObserver(t=>{t.forEach(s=>{if("attributes"===s.type&&"class"===s.attributeName){const e=this.hasDarkClass();e!==this._isDarkMode()&&this._isDarkMode.set(e)}})});l.observe(document.body,{attributes:!0,attributeFilter:["class"]}),this.destroyRef.onDestroy(()=>l.disconnect()),(0,n.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(t){return new(t||g)};static \u0275dir=_.FsC({type:g,selectors:[["","cueDarkMode",""]],outputs:{darkModeChange:"darkModeChange"},exportAs:["darkModeDetector"]})}return g})()}}]);
+"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[613,911],{6911(v,y,a){a.d(y,{ByCueLogo:()=>M});var o=a(7705),n=a(4613),s=a(5547);let M=(()=>{class c{src=o.hFB.required();alt=(0,o.hFB)("");active=(0,o.hFB)(!0,{transform:o.L39});continuous=(0,o.hFB)(!1,{transform:o.L39});static \u0275fac=function(d){return new(d||c)};static \u0275cmp=s.VBU({type:c,selectors:[["cue-by-cue-logo"]],inputs:{src:[1,"src"],alt:[1,"alt"],active:[1,"active"],continuous:[1,"continuous"]},decls:7,vars:5,consts:[[1,"wrapper"],[1,"main-logo",3,"src","alt"],[1,"by-cue"],[1,"by-text"],[1,"logo-wrapper"],[3,"size","active","continuous"]],template:function(d,t){1&d&&(s.j41(0,"div",0),s.nrm(1,"img",1),s.j41(2,"div",2)(3,"span",3),s.EFF(4,"by"),s.k0s(),s.j41(5,"div",4),s.nrm(6,"cue-logo",5),s.k0s()()()),2&d&&(s.R7$(),s.Y8G("src",t.src(),s.B4B)("alt",t.alt()),s.R7$(5),s.Y8G("size","xs")("active",t.active())("continuous",t.continuous()))},dependencies:[n.Logo],styles:[":host{display:inline-block}.wrapper{position:relative;display:inline-block;width:var(--by-cue-logo-width, 200px);container-type:inline-size}.main-logo{display:block;width:100%;height:auto}.by-cue{position:absolute;bottom:clamp(-20px,-7cqi,-8px);right:clamp(-30px,-10cqi,-10px);display:flex;align-items:flex-end;gap:clamp(2px,2cqi,6px);opacity:.55}.by-cue:hover{opacity:1;transition:opacity .3s ease}.by-text{font-family:Poppins,sans-serif;font-size:clamp(8px,5cqi,13px);font-weight:300;font-style:italic;letter-spacing:.04em;color:currentColor;line-height:1}.logo-wrapper{width:clamp(24px,20cqi,56px);aspect-ratio:221.545 / 86.191;display:block}cue-logo{width:100%!important;height:100%!important;display:block}\n"],encapsulation:3})}return c})()},4613(v,y,a){a.d(y,{Logo:()=>g});var o=a(7705),n=a(5547),s=a(5802),M=a(2271),c=a(6170);let g=(()=>{class f{size=(0,o.hFB)("m");sizeMap={xs:"40px",s:"80px",m:"160px",l:"222px",xl:"320px"};active=(0,o.hFB)(!0,{transform:o.L39});continuous=(0,o.hFB)(!1,{transform:o.L39});mode=(0,o.hFB)("default");isDarkMode=(0,o.geq)(!1);handleDarkModeChange(t){this.isDarkMode.set(t),-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=t=>{if(void 0!==t){const e=5e-4*(t-this.appearTime);"glow"===this.mode()?this.tip=e%1:"playful"!==this.mode()&&(this.tip=Math.min(1,e),this.active()||(this.toe=Math.min(1,6e-4*(t-this.disappearTime))))}if("playful"===this.mode())return void 0!==t&&("idle"===this.playfulPhase?t>=this.playfulIdleUntil&&(this.playfulPhase="animating",this.playfulAnimStart=t,this.playfulRetractAmount=.2+.75*Math.random(),this.playfulAnimDuration=2*this.playfulRetractAmount/5e-4):(t-this.playfulAnimStart)/this.playfulAnimDuration>=1&&(this.playfulPhase="idle",this.playfulIdleUntil=t+1e3+4e3*Math.random())),this.renderPlayful(t),void(void 0!==t&&(this.raf=requestAnimationFrame(this.animate)));if("glow"===this.mode()){const e=.06666666666666667,i=this.rgbToSvg(this.colorA());return this.paths.forEach((l,h)=>{this.norm=1/this.paths.length*h;let r=this.tip-this.norm;if(r<-(1-e)&&(r+=1),r>=0&&r<e){const p=1-r/e;l.setAttribute("stroke",this.rgbToSvg(this.colorB)),l.setAttribute("stroke-opacity",p.toFixed(3))}else l.setAttribute("stroke",i),l.setAttribute("stroke-opacity","0.005")}),void(this.raf=requestAnimationFrame(this.animate))}if(this.paths.forEach((e,i)=>{this.norm=1/this.paths.length*i,this.mix=this.mixRgb(this.colorA(),this.colorB,Math.max(0,Math.min(1,15*(this.tip-this.norm)))),e.setAttribute("stroke",this.tip*this.paths.length>i&&(this.active()||this.toe*this.paths.length<i)?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(t){if(void 0===t)return void this.renderPlayfulDraw(1);const e=Math.min(1,5e-4*(t-this.playfulAnimStart));if("intro"===this.playfulPhase)this.renderPlayfulDraw(e),e>=1&&(this.playfulPhase="idle",this.playfulIdleUntil=t+1e3+4e3*Math.random());else if("idle"===this.playfulPhase)this.renderPlayfulDraw(1);else{const i=Math.min(1,(t-this.playfulAnimStart)/this.playfulAnimDuration),h=1-this.playfulRetractAmount*(1-Math.cos(2*i*Math.PI))/2;this.renderPlayfulDraw(h)}}renderPlayfulDraw(t){const e=this.paths.length,i=this.colorA();this.paths.forEach((l,h)=>{if(this.norm=h/e,t*e>h){const r=Math.max(0,Math.min(1,15*(t-this.norm)));this.mix=this.mixRgb(i,this.colorB,r),l.setAttribute("stroke",this.rgbToSvg(this.mix)),l.setAttribute("stroke-opacity","1")}else l.setAttribute("stroke","transparent")})}mixChannel(t,e,i){return parseInt((t*i+e*(1-i)).toFixed())}mixRgb(t,e,i){return[this.mixChannel(t[0],e[0],i),this.mixChannel(t[1],e[1],i),this.mixChannel(t[2],e[2],i)]}rgbToSvg(t){return`rgb(${t[0]},${t[1]},${t[2]})`}constructor(){(0,s.QZP)(()=>{"glow"===this.mode()||"playful"===this.mode()||this.active()?this.activate():this.deactivate()}),(0,s.QZP)(()=>{this.isDarkMode(),this.animate()});const t=(0,s.WQX)(n.aKT);(0,n.mal)({read:()=>{if(this.paths.length)return;const e=t.nativeElement.querySelector("svg"),i=t.nativeElement.querySelector("#original-path");if(!i)return;const l=i.getTotalLength(),r=[];for(let p=0;p<400;p++){const u=i.getPointAtLength(l/400*p);r.push({x:parseFloat(u.x.toFixed(2)),y:parseFloat(u.y.toFixed(2))})}r.push(i.getPointAtLength(l)),r.reverse(),r.forEach((p,u)=>{if(0===u||1===u)return;const m=document.createElementNS("http://www.w3.org/2000/svg","path");m.setAttribute("d",`M${r[u-2].x},${r[u-2].y}L${r[u-1].x},${r[u-1].y}L${p.x},${p.y}`),m.setAttribute("fill","none"),m.setAttribute("stroke","transparent"),m.setAttribute("stroke-width",i?.getAttribute("stroke-width")||"1"),m.setAttribute("stroke-miterlimit",i?.getAttribute("stroke-miterlimit")||"1"),e.appendChild(m),this.paths.push(m)})}})}ngOnDestroy(){this.paths=[],cancelAnimationFrame(this.raf),this.raf=-1}static \u0275fac=function(e){return new(e||f)};static \u0275cmp=n.VBU({type:f,selectors:[["cue-logo"]],hostVars:2,hostBindings:function(e,i){2&e&&n.xc7("width",i.sizeMap[i.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(e,i){1&e&&(s.qSk(),n.j41(0,"svg",0),n.bIt("darkModeChange",function(h){return i.handleDarkModeChange(h)}),n.nrm(1,"path",1),n.k0s())},dependencies:[c.R],styles:["[_nghost-%COMP%]{display:block}svg[_ngcontent-%COMP%]{flex:1;display:block;width:100%;height:auto}"]})}return f})()},6170(v,y,a){a.d(y,{R:()=>c});var o=a(7705),n=a(5802),s=a(2271),M=a(5547);let c=(()=>{class g{destroyRef=(0,n.WQX)(n.abz);_isDarkMode=(0,n.vPA)(this.hasDarkClass());isDarkMode=(0,s.EW)(()=>this._isDarkMode());darkModeChange=(0,o.CGW)();constructor(){const d=new MutationObserver(t=>{t.forEach(e=>{if("attributes"===e.type&&"class"===e.attributeName){const i=this.hasDarkClass();i!==this._isDarkMode()&&this._isDarkMode.set(i)}})});d.observe(document.body,{attributes:!0,attributeFilter:["class"]}),this.destroyRef.onDestroy(()=>d.disconnect()),(0,n.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(t){return new(t||g)};static \u0275dir=M.FsC({type:g,selectors:[["","cueDarkMode",""]],outputs:{darkModeChange:"darkModeChange"},exportAs:["darkModeDetector"]})}return g})()}}]);