"use strict";(self.webpackChunkalvanon_analytics_platform_frontend=self.webpackChunkalvanon_analytics_platform_frontend||[]).push([[3895],{37564(t,i,e){var s=e(41314),n=e(71267),o=e(28494),a=e(18738),r=e(40115),l=e(75390),h=e(66762),f=e(5139),c=e(37901),p=e(16368),g=e(10369),u=e(13438),v=e(1403),y=e(45228),d=e(79237),b=e(40994),m=e(60973).nextPow2,x=new r,w=!1;if(document.body){var S=document.body.appendChild(document.createElement("div"));S.style.font="italic small-caps bold condensed 16px/2 cursive",getComputedStyle(S).fontStretch&&(w=!0),document.body.removeChild(S)}var A=function(t){!function(t){return"function"==typeof t&&t._gl&&t.prop&&t.texture&&t.buffer}(t)?this.gl=a(t):(t={regl:t},this.gl=t.regl._gl),this.shader=x.get(this.gl),this.shader?this.regl=this.shader.regl:this.regl=t.regl||o({gl:this.gl}),this.charBuffer=this.regl.buffer({type:"uint8",usage:"stream"}),this.sizeBuffer=this.regl.buffer({type:"float",usage:"stream"}),this.shader||(this.shader=this.createShader(),x.set(this.gl,this.shader)),this.batch=[],this.fontSize=[],this.font=[],this.fontAtlas=[],this.draw=this.shader.draw.bind(this),this.render=function(){this.regl._refresh(),this.draw(this.batch)},this.canvas=this.gl.canvas,this.update(p(t)?t:{})};A.prototype.createShader=function(){var t=this.regl,i=t({blend:{enable:!0,color:[0,0,0,1],func:{srcRGB:"src alpha",dstRGB:"one minus src alpha",srcAlpha:"one minus dst alpha",dstAlpha:"one"}},stencil:{enable:!1},depth:{enable:!1},count:t.prop("count"),offset:t.prop("offset"),attributes:{charOffset:{offset:4,stride:8,buffer:t.this("sizeBuffer")},width:{offset:0,stride:8,buffer:t.this("sizeBuffer")},char:t.this("charBuffer"),position:t.this("position")},uniforms:{atlasSize:function(t,i){return[i.atlas.width,i.atlas.height]},atlasDim:function(t,i){return[i.atlas.cols,i.atlas.rows]},atlas:function(t,i){return i.atlas.texture},charStep:function(t,i){return i.atlas.step},em:function(t,i){return i.atlas.em},color:t.prop("color"),opacity:t.prop("opacity"),viewport:t.this("viewportArray"),scale:t.this("scale"),align:t.prop("align"),baseline:t.prop("baseline"),translate:t.this("translate"),positionOffset:t.prop("positionOffset")},primitive:"points",viewport:t.this("viewport"),vert:"\n\t\t\tprecision highp float;\n\t\t\tattribute float width, charOffset, char;\n\t\t\tattribute vec2 position;\n\t\t\tuniform float fontSize, charStep, em, align, baseline;\n\t\t\tuniform vec4 viewport;\n\t\t\tuniform vec4 color;\n\t\t\tuniform vec2 atlasSize, atlasDim, scale, translate, positionOffset;\n\t\t\tvarying vec2 charCoord, charId;\n\t\t\tvarying float charWidth;\n\t\t\tvarying vec4 fontColor;\n\t\t\tvoid main () {\n\t\t\t\tvec2 offset = floor(em * (vec2(align + charOffset, baseline)\n\t\t\t\t\t+ vec2(positionOffset.x, -positionOffset.y)))\n\t\t\t\t\t/ (viewport.zw * scale.xy);\n\n\t\t\t\tvec2 position = (position + translate) * scale;\n\t\t\t\tposition += offset * scale;\n\n\t\t\t\tcharCoord = position * viewport.zw + viewport.xy;\n\n\t\t\t\tgl_Position = vec4(position * 2. - 1., 0, 1);\n\n\t\t\t\tgl_PointSize = charStep;\n\n\t\t\t\tcharId.x = mod(char, atlasDim.x);\n\t\t\t\tcharId.y = floor(char / atlasDim.x);\n\n\t\t\t\tcharWidth = width * em;\n\n\t\t\t\tfontColor = color / 255.;\n\t\t\t}",frag:"\n\t\t\tprecision highp float;\n\t\t\tuniform float fontSize, charStep, opacity;\n\t\t\tuniform vec2 atlasSize;\n\t\t\tuniform vec4 viewport;\n\t\t\tuniform sampler2D atlas;\n\t\t\tvarying vec4 fontColor;\n\t\t\tvarying vec2 charCoord, charId;\n\t\t\tvarying float charWidth;\n\n\t\t\tfloat lightness(vec4 color) {\n\t\t\t\treturn color.r * 0.299 + color.g * 0.587 + color.b * 0.114;\n\t\t\t}\n\n\t\t\tvoid main () {\n\t\t\t\tvec2 uv = gl_FragCoord.xy - charCoord + charStep * .5;\n\t\t\t\tfloat halfCharStep = floor(charStep * .5 + .5);\n\n\t\t\t\t// invert y and shift by 1px (FF expecially needs that)\n\t\t\t\tuv.y = charStep - uv.y;\n\n\t\t\t\t// ignore points outside of character bounding box\n\t\t\t\tfloat halfCharWidth = ceil(charWidth * .5);\n\t\t\t\tif (floor(uv.x) > halfCharStep + halfCharWidth ||\n\t\t\t\t\tfloor(uv.x) < halfCharStep - halfCharWidth) return;\n\n\t\t\t\tuv += charId * charStep;\n\t\t\t\tuv = uv / atlasSize;\n\n\t\t\t\tvec4 color = fontColor;\n\t\t\t\tvec4 mask = texture2D(atlas, uv);\n\n\t\t\t\tfloat maskY = lightness(mask);\n\t\t\t\t// float colorY = lightness(color);\n\t\t\t\tcolor.a *= maskY;\n\t\t\t\tcolor.a *= opacity;\n\n\t\t\t\t// color.a += .1;\n\n\t\t\t\t// antialiasing, see yiq color space y-channel formula\n\t\t\t\t// color.rgb += (1. - color.rgb) * (1. - mask.rgb);\n\n\t\t\t\tgl_FragColor = color;\n\t\t\t}"});return{regl:t,draw:i,atlas:{}}},A.prototype.update=function(t){var i=this;if("string"==typeof t)t={text:t};else if(!t)return;null!=(t=n(t,{position:"position positions coord coords coordinates",font:"font fontFace fontface typeface cssFont css-font family fontFamily",fontSize:"fontSize fontsize size font-size",text:"text texts chars characters value values symbols",align:"align alignment textAlign textbaseline",baseline:"baseline textBaseline textbaseline",direction:"dir direction textDirection",color:"color colour fill fill-color fillColor textColor textcolor",kerning:"kerning kern",range:"range dataBox",viewport:"vp viewport viewBox viewbox viewPort",opacity:"opacity alpha transparency visible visibility opaque",offset:"offset positionOffset padding shift indent indentation"},!0)).opacity&&(Array.isArray(t.opacity)?this.opacity=t.opacity.map(function(t){return parseFloat(t)}):this.opacity=parseFloat(t.opacity)),null!=t.viewport&&(this.viewport=c(t.viewport),this.viewportArray=[this.viewport.x,this.viewport.y,this.viewport.width,this.viewport.height]),null==this.viewport&&(this.viewport={x:0,y:0,width:this.gl.drawingBufferWidth,height:this.gl.drawingBufferHeight},this.viewportArray=[this.viewport.x,this.viewport.y,this.viewport.width,this.viewport.height]),null!=t.kerning&&(this.kerning=t.kerning),null!=t.offset&&("number"==typeof t.offset&&(t.offset=[t.offset,0]),this.positionOffset=b(t.offset)),t.direction&&(this.direction=t.direction),t.range&&(this.range=t.range,this.scale=[1/(t.range[2]-t.range[0]),1/(t.range[3]-t.range[1])],this.translate=[-t.range[0],-t.range[1]]),t.scale&&(this.scale=t.scale),t.translate&&(this.translate=t.translate),this.scale||(this.scale=[1/this.viewport.width,1/this.viewport.height]),this.translate||(this.translate=[0,0]),this.font.length||t.font||(t.font=A.baseFontSize+"px sans-serif");var e,o=!1,a=!1;if(t.font&&(Array.isArray(t.font)?t.font:[t.font]).forEach(function(t,e){if("string"==typeof t)try{t=s.parse(t)}catch(i){t=s.parse(A.baseFontSize+"px "+t)}else{var n=t.style,r=t.weight,l=t.stretch,h=t.variant;t=s.parse(s.stringify(t)),n&&(t.style=n),r&&(t.weight=r),l&&(t.stretch=l),h&&(t.variant=h)}var f=s.stringify({size:A.baseFontSize,family:t.family,stretch:w?t.stretch:void 0,variant:t.variant,weight:t.weight,style:t.style}),c=g(t.size),p=Math.round(c[0]*u(c[1]));if(p!==i.fontSize[e]&&(a=!0,i.fontSize[e]=p),!(i.font[e]&&f==i.font[e].baseString||(o=!0,i.font[e]=A.fonts[f],i.font[e]))){var v=t.family.join(", "),y=[t.style];t.style!=t.variant&&y.push(t.variant),t.variant!=t.weight&&y.push(t.weight),w&&t.weight!=t.stretch&&y.push(t.stretch),i.font[e]={baseString:f,family:v,weight:t.weight,stretch:t.stretch,style:t.style,variant:t.variant,width:{},kerning:{},metrics:d(v,{origin:"top",fontSize:A.baseFontSize,fontStyle:y.join(" ")})},A.fonts[f]=i.font[e]}}),(o||a)&&this.font.forEach(function(e,n){var o=s.stringify({size:i.fontSize[n],family:e.family,stretch:w?e.stretch:void 0,variant:e.variant,weight:e.weight,style:e.style});if(i.fontAtlas[n]=i.shader.atlas[o],!i.fontAtlas[n]){var a=e.metrics;i.shader.atlas[o]=i.fontAtlas[n]={fontString:o,step:2*Math.ceil(i.fontSize[n]*a.bottom*.5),em:i.fontSize[n],cols:0,rows:0,height:0,width:0,chars:[],ids:{},texture:i.regl.texture()}}null==t.text&&(t.text=i.text)}),"string"==typeof t.text&&t.position&&t.position.length>2){for(var r=Array(.5*t.position.length),p=0;p<r.length;p++)r[p]=t.text;t.text=r}if(null!=t.text||o){if(this.textOffsets=[0],Array.isArray(t.text)){this.count=t.text[0].length,this.counts=[this.count];for(var x=1;x<t.text.length;x++)this.textOffsets[x]=this.textOffsets[x-1]+t.text[x-1].length,this.count+=t.text[x].length,this.counts.push(t.text[x].length);this.text=t.text.join("")}else this.text=t.text,this.count=this.text.length,this.counts=[this.count];e=[],this.font.forEach(function(t,s){A.atlasContext.font=t.baseString;for(var n=i.fontAtlas[s],o=0;o<i.text.length;o++){var a=i.text.charAt(o);if(null==n.ids[a]&&(n.ids[a]=n.chars.length,n.chars.push(a),e.push(a)),null==t.width[a]&&(t.width[a]=A.atlasContext.measureText(a).width/A.baseFontSize,i.kerning)){var r=[];for(var l in t.width)r.push(l+a,a+l);y(t.kerning,v(t.family,{pairs:r}))}}})}if(t.position)if(t.position.length>2){for(var S=!t.position[0].length,O=f.mallocFloat(2*this.count),z=0,C=0;z<this.counts.length;z++){var k=this.counts[z];if(S)for(var F=0;F<k;F++)O[C++]=t.position[2*z],O[C++]=t.position[2*z+1];else for(var B=0;B<k;B++)O[C++]=t.position[z][0],O[C++]=t.position[z][1]}this.position.call?this.position({type:"float",data:O}):this.position=this.regl.buffer({type:"float",data:O}),f.freeFloat(O)}else this.position.destroy&&this.position.destroy(),this.position={constant:t.position};if(t.text||o){var _=f.mallocUint8(this.count),W=f.mallocFloat(2*this.count);this.textWidth=[];for(var D=0,E=0;D<this.counts.length;D++){for(var M=this.counts[D],I=this.font[D]||this.font[0],U=this.fontAtlas[D]||this.fontAtlas[0],P=0;P<M;P++){var j=this.text.charAt(E),Y=this.text.charAt(E-1);if(_[E]=U.ids[j],W[2*E]=I.width[j],P){var q=W[2*E-2],G=W[2*E],N=W[2*E-1]+.5*q+.5*G;if(this.kerning){var R=I.kerning[Y+j];R&&(N+=.001*R)}W[2*E+1]=N}else W[2*E+1]=.5*W[2*E];E++}this.textWidth.push(W.length?.5*W[2*E-2]+W[2*E-1]:0)}t.align||(t.align=this.align),this.charBuffer({data:_,type:"uint8",usage:"stream"}),this.sizeBuffer({data:W,type:"float",usage:"stream"}),f.freeUint8(_),f.freeFloat(W),e.length&&this.font.forEach(function(t,e){var s=i.fontAtlas[e],n=s.step,o=Math.floor(A.maxAtlasSize/n),a=Math.min(o,s.chars.length),r=Math.ceil(s.chars.length/a),l=m(a*n),f=m(r*n);s.width=l,s.height=f,s.rows=r,s.cols=a,s.em&&s.texture({data:h({canvas:A.atlasCanvas,font:s.fontString,chars:s.chars,shape:[l,f],step:[n,n]})})})}if(t.align&&(this.align=t.align,this.alignOffset=this.textWidth.map(function(t,e){var s=Array.isArray(i.align)?i.align.length>1?i.align[e]:i.align[0]:i.align;if("number"==typeof s)return s;switch(s){case"right":case"end":return-t;case"center":case"centre":case"middle":return.5*-t}return 0})),null==this.baseline&&null==t.baseline&&(t.baseline=0),null!=t.baseline&&(this.baseline=t.baseline,Array.isArray(this.baseline)||(this.baseline=[this.baseline]),this.baselineOffset=this.baseline.map(function(t,e){var s=(i.font[e]||i.font[0]).metrics,n=0;return n+=.5*s.bottom,-1*(n+="number"==typeof t?t-s.baseline:-s[t])})),null!=t.color)if(t.color||(t.color="transparent"),"string"!=typeof t.color&&isNaN(t.color)){var H;if("number"==typeof t.color[0]&&t.color.length>this.counts.length){var T=t.color.length;H=f.mallocUint8(T);for(var J=(t.color.subarray||t.color.slice).bind(t.color),K=0;K<T;K+=4)H.set(l(J(K,K+4),"uint8"),K)}else{var L=t.color.length;H=f.mallocUint8(4*L);for(var Q=0;Q<L;Q++)H.set(l(t.color[Q]||0,"uint8"),4*Q)}this.color=H}else this.color=l(t.color,"uint8");if(t.position||t.text||t.color||t.baseline||t.align||t.font||t.offset||t.opacity)if(this.color.length>4||this.baselineOffset.length>1||this.align&&this.align.length>1||this.fontAtlas.length>1||this.positionOffset.length>2){var V=Math.max(.5*this.position.length||0,.25*this.color.length||0,this.baselineOffset.length||0,this.alignOffset.length||0,this.font.length||0,this.opacity.length||0,.5*this.positionOffset.length||0);this.batch=Array(V);for(var X=0;X<this.batch.length;X++)this.batch[X]={count:this.counts.length>1?this.counts[X]:this.counts[0],offset:this.textOffsets.length>1?this.textOffsets[X]:this.textOffsets[0],color:this.color?this.color.length<=4?this.color:this.color.subarray(4*X,4*X+4):[0,0,0,255],opacity:Array.isArray(this.opacity)?this.opacity[X]:this.opacity,baseline:null!=this.baselineOffset[X]?this.baselineOffset[X]:this.baselineOffset[0],align:this.align?null!=this.alignOffset[X]?this.alignOffset[X]:this.alignOffset[0]:0,atlas:this.fontAtlas[X]||this.fontAtlas[0],positionOffset:this.positionOffset.length>2?this.positionOffset.subarray(2*X,2*X+2):this.positionOffset}}else this.count?this.batch=[{count:this.count,offset:0,color:this.color||[0,0,0,255],opacity:Array.isArray(this.opacity)?this.opacity[0]:this.opacity,baseline:this.baselineOffset[0],align:this.alignOffset?this.alignOffset[0]:0,atlas:this.fontAtlas[0],positionOffset:this.positionOffset}]:this.batch=[]},A.prototype.destroy=function(){},A.prototype.kerning=!0,A.prototype.position={constant:new Float32Array(2)},A.prototype.translate=null,A.prototype.scale=null,A.prototype.font=null,A.prototype.text="",A.prototype.positionOffset=[0,0],A.prototype.opacity=1,A.prototype.color=new Uint8Array([0,0,0,255]),A.prototype.alignOffset=[0,0],A.maxAtlasSize=1024,A.atlasCanvas=document.createElement("canvas"),A.atlasContext=A.atlasCanvas.getContext("2d",{alpha:!1}),A.baseFontSize=64,A.fonts={},t.exports=A}}]);