@solid-design-system/components 3.18.0 → 3.19.0

package/dist/components/es/wave.js

@@ -0,0 +1 @@
+class t{constructor(t){this.fixedEnd=!0,this.fixedStart=!0,this.gradient=!1,this.outline=!1,this.map=(t,i,s,h,e)=>(t-i)*(e-h)/(s-i)+h,this.damp=(t,i,s)=>2*(1-i/t)*(i/t)*s,this.canvas=t.canvas,this.frequency=t.frequency,this.phase=t.phase,this.amplitude=t.amplitude,this.color=t.color,this.shift=t.shift,this.lineWidth=2,this.damping=t.damping,this.context=this.canvas.getContext("2d"),this.paused=!0,this.playbackSpeed=1,this.origin={x:0,y:this.canvas.height}}drawPoint(t,i,s){if(!this.context)return;const h=this.lineWidth/2;if(this.context.beginPath(),this.outline&&(this.context.fillStyle=s,this.context.lineWidth=2,this.context.arc(t,i,h,0,2*Math.PI),this.context.fill()),this.gradient){const t=this.context.createLinearGradient(0,0,0,this.canvas.height);t.addColorStop(.1,s),t.addColorStop(1,"transparent"),this.context.fillStyle=t}else this.context.fillStyle=s;this.context.fillRect(t-h,i-h,h,this.canvas.height-i+h)}buildSine(t,i,s,h,e){for(let a=this.origin.x,n=this.origin.x+t;a<n;a+=1){const t=h*Math.sin(e*(a+i));this.fixedStart&&this.fixedEnd?this.drawPoint(a,this.origin.y+this.damp(n,a,this.damping)*t,s):this.fixedStart?this.drawPoint(a,this.origin.y+this.map(a,this.origin.x,n,0,this.damping)*t,s):this.fixedEnd?this.drawPoint(a,this.origin.y+(this.damping-this.map(a,this.origin.x,n,0,this.damping))*t,s):this.drawPoint(a,this.origin.y+t,s)}}redraw(){this.phase+=this.shift*(this.paused?1:2*this.playbackSpeed),this.buildSine(this.canvas.width,this.phase,this.color,this.amplitude,this.frequency)}setPlay(){this.paused=!1}setPause(){this.paused=!0}setPlaybackSpeed(t){this.playbackSpeed=t}}export{t as Wave};