@mapvx/web-kit 1.2.0-develop.11 → 1.2.0-develop.13

package/dist/es/chunks/{dist-Cq65fMeu.js → dist-DNNWa2bQ.js}

@@ -1,2 +1,2 @@
-/*! Web-kit v1.2.0-develop.11 | (c) 2026 MapVX */
-!function(){try{var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},e=(new t.Error).stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="6f4625a7-0262-475f-b48d-046df6a31af0",t._sentryDebugIdIdentifier="sentry-dbid-6f4625a7-0262-475f-b48d-046df6a31af0")}catch(t){}}();import{$t as t,A as e,At as i,C as s,D as n,F as r,Ft as o,Gt as a,H as h,L as c,M as d,Nt as l,O as p,P as u,Qt as g,R as v,S as m,Ut as w,V as f,W as _,_ as y,a as P,an as b,at as C,b as M,dn as k,h as x,ht as S,in as E,it as R,j as L,k as D,l as I,n as T,nn as A,nt as V,o as z,r as F,rn as O,s as j,tn as B,ut as N,v as U,z as G,zt as W}from"./debug-hooks-A7fGcVSJ.js";import{g as Z,p as H,u as q}from"./shader-type-decoder-DV9QwQh3.js";import{f as $,n as X,r as Y,t as K}from"./globe-viewport-C_lLyBu9.js";var J={dataType:null,batchType:null,id:"JSON",name:"JSON",module:"",version:"",options:{},extensions:["json","geojson"],mimeTypes:["application/json","application/geo+json"],testText:function(t){const e=t[0],i=t[t.length-1];return"{"===e&&"}"===i||"["===e&&"]"===i},parseTextSync:JSON.parse};var Q=function(){const t="9.4.1",e=globalThis.deck&&globalThis.deck.VERSION;if(e&&e!==t)throw new Error(`deck.gl - multiple versions detected: ${e} vs ${t}`);return e||(O.log(1,`deck.gl ${t}`)(),globalThis.deck={...globalThis.deck,VERSION:t,version:t,log:O,_registerLoggers:A},b([J,[$,{imagebitmap:{premultiplyAlpha:"none"}}]])),t}(),tt="No matching device found. Ensure `@luma.gl/webgl` and/or `@luma.gl/webgpu` modules are imported.",et=class e{static defaultProps={...t,type:"best-available",adapters:void 0,waitForPageLoad:!0};stats=g;log=H;VERSION="9.4.2";spector;preregisteredAdapters=/* @__PURE__ */new Map;constructor(){if(globalThis.luma){if(globalThis.luma.VERSION!==this.VERSION)throw H.error(`Found luma.gl ${globalThis.luma.VERSION} while initialzing ${this.VERSION}`)(),H.error("'yarn why @luma.gl/core' can help identify the source of the conflict")(),new Error("luma.gl - multiple versions detected: see console log");H.error("This version of luma.gl has already been initialized")()}H.log(1,`${this.VERSION} - set luma.log.level=1 (or higher) to trace rendering`)(),globalThis.luma=this}async createDevice(t={}){const i={...e.defaultProps,...t},s=this.selectAdapter(i.type,i.adapters);if(!s)throw new Error(tt);return i.waitForPageLoad&&await s.pageLoaded,await s.create(i)}async attachDevice(t,e){const i=this._getTypeFromHandle(t,e.adapters),s=i&&this.selectAdapter(i,e.adapters);if(!s)throw new Error(tt);return await(s?.attach?.(t,e))}registerAdapters(t){for(const e of t)this.preregisteredAdapters.set(e.type,e)}getSupportedAdapters(t=[]){const e=this._getAdapterMap(t);return Array.from(e).map(([,t])=>t).filter(t=>t.isSupported?.()).map(t=>t.type)}getBestAvailableAdapterType(t=[]){const e=["webgpu","webgl","null"],i=this._getAdapterMap(t);for(const s of e)if(i.get(s)?.isSupported?.())return s;return null}selectAdapter(t,e=[]){let i=t;"best-available"===t&&(i=this.getBestAvailableAdapterType(e));const s=this._getAdapterMap(e);return i&&s.get(i)||null}enforceWebGL2(t=!0,e=[]){const i=this._getAdapterMap(e).get("webgl");i||H.warn("enforceWebGL2: webgl adapter not found")(),i?.enforceWebGL2?.(t)}setDefaultDeviceProps(t){Object.assign(e.defaultProps,t)}_getAdapterMap(t=[]){const e=new Map(this.preregisteredAdapters);for(const i of t)e.set(i.type,i);return e}_getTypeFromHandle(t,e=[]){return t instanceof WebGL2RenderingContext?"webgl":"undefined"!=typeof GPUDevice&&t instanceof GPUDevice||t?.queue?"webgpu":null===t?"null":(t instanceof WebGLRenderingContext?H.warn("WebGL1 is not supported",t)():H.warn("Unknown handle type",t)(),null)}},it=new et,st=class{get pageLoaded(){return function(){ot||(ot=rt()||"undefined"==typeof window?Promise.resolve():new Promise(t=>window.addEventListener("load",()=>t())));return ot}()}},nt=Z()&&"undefined"!=typeof document,rt=()=>nt&&"complete"===document.readyState,ot=null;var at="layout(std140) uniform layerUniforms {\n  uniform float opacity;\n} layer;\n",ht={name:"layer",source:"struct LayerUniforms {\n  opacity: f32,\n};\n\n@group(0) @binding(auto)\nvar<uniform> layer: LayerUniforms;\n",vs:at,fs:at,getUniforms:t=>({opacity:Math.pow(t.opacity,1/2.2)}),uniformTypes:{opacity:"f32"}},ct="\nlayout(std140) uniform shadowUniforms {\n  bool drawShadowMap;\n  bool useShadowMap;\n  vec4 color;\n  highp int lightId;\n  float lightCount;\n  mat4 viewProjectionMatrix0;\n  mat4 viewProjectionMatrix1;\n  vec4 projectCenter0;\n  vec4 projectCenter1;\n} shadow;\n",dt=`\n${ct}\n\nconst int max_lights = 2;\n\nout vec3 shadow_vPosition[max_lights];\n\nvec4 shadow_setVertexPosition(vec4 position_commonspace) {\n  mat4 viewProjectionMatrices[max_lights];\n  viewProjectionMatrices[0] = shadow.viewProjectionMatrix0;\n  viewProjectionMatrices[1] = shadow.viewProjectionMatrix1;\n  vec4 projectCenters[max_lights];\n  projectCenters[0] = shadow.projectCenter0;\n  projectCenters[1] = shadow.projectCenter1;\n\n  if (shadow.drawShadowMap) {\n    return project_common_position_to_clipspace(position_commonspace, viewProjectionMatrices[shadow.lightId], projectCenters[shadow.lightId]);\n  }\n  if (shadow.useShadowMap) {\n    for (int i = 0; i < max_lights; i++) {\n      if(i < int(shadow.lightCount)) {\n        vec4 shadowMap_position = project_common_position_to_clipspace(position_commonspace, viewProjectionMatrices[i], projectCenters[i]);\n        shadow_vPosition[i] = (shadowMap_position.xyz / shadowMap_position.w + 1.0) / 2.0;\n      }\n    }\n  }\n  return gl_Position;\n}\n\n`,lt=`\n${ct}\n\nconst int max_lights = 2;\nuniform sampler2D shadow_uShadowMap0;\nuniform sampler2D shadow_uShadowMap1;\n\nin vec3 shadow_vPosition[max_lights];\n\nconst vec4 bitPackShift = vec4(1.0, 255.0, 65025.0, 16581375.0);\nconst vec4 bitUnpackShift = 1.0 / bitPackShift;\nconst vec4 bitMask = vec4(1.0 / 255.0, 1.0 / 255.0, 1.0 / 255.0,  0.0);\n\nfloat shadow_getShadowWeight(vec3 position, sampler2D shadowMap) {\n  vec4 rgbaDepth = texture(shadowMap, position.xy);\n\n  float z = dot(rgbaDepth, bitUnpackShift);\n  return smoothstep(0.001, 0.01, position.z - z);\n}\n\nvec4 shadow_filterShadowColor(vec4 color) {\n  if (shadow.drawShadowMap) {\n    vec4 rgbaDepth = fract(gl_FragCoord.z * bitPackShift);\n    rgbaDepth -= rgbaDepth.gbaa * bitMask;\n    return rgbaDepth;\n  }\n  if (shadow.useShadowMap) {\n    float shadowAlpha = 0.0;\n    shadowAlpha += shadow_getShadowWeight(shadow_vPosition[0], shadow_uShadowMap0);\n    if(shadow.lightCount > 1.0) {\n      shadowAlpha += shadow_getShadowWeight(shadow_vPosition[1], shadow_uShadowMap1);\n    }\n    shadowAlpha *= shadow.color.a / shadow.lightCount;\n    float blendedAlpha = shadowAlpha + color.a * (1.0 - shadowAlpha);\n\n    return vec4(\n      mix(color.rgb, shadow.color.rgb, shadowAlpha / blendedAlpha),\n      blendedAlpha\n    );\n  }\n  return color;\n}\n\n`,pt=r(function({viewport:t,center:e}){return new _(t.viewProjectionMatrix).invert().transform(e)}),ut=r(function({viewport:t,shadowMatrices:e}){const i=[],s=function(t){const{width:e,height:i,pixelUnprojectionMatrix:s}=t,n=[[0,0],[e,0],[e,i],[0,i]],r=n.map(([t,e])=>p([t,e,-1],s)),o=n.map(([t,e])=>p([t,e,1],s));if(!t.isGeospatial)return r.concat(o);const a=r.concat(o).filter(t=>t[2]>=0);for(let h=0;h<4;h++){const t=(h+1)%4;for(const[e,i]of[[r[h],o[h]],[r[h],r[t]],[o[h],o[t]]])if(e[2]<0!=i[2]<0){const t=e[2]/(e[2]-i[2]);a.push([e[0]+(i[0]-e[0])*t,e[1]+(i[1]-e[1])*t,0])}}return a.length>0?a:r.concat(o)}(t);for(const n of e){const e=n.clone().translate(new V(t.center).negate()),r=s.map(t=>e.transform(t)),o=(new _).ortho({left:Math.min(...r.map(t=>t[0])),right:Math.max(...r.map(t=>t[0])),bottom:Math.min(...r.map(t=>t[1])),top:Math.max(...r.map(t=>t[1])),near:Math.min(...r.map(t=>-t[2])),far:Math.max(...r.map(t=>-t[2]))});i.push(o.multiplyRight(n))}return i}),gt=[0,0,0,1],vt=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,0];var mt={name:"shadow",dependencies:[d],vs:dt,fs:lt,inject:{"vs:DECKGL_FILTER_GL_POSITION":"\n    position = shadow_setVertexPosition(geometry.position);\n    ","fs:DECKGL_FILTER_COLOR":"\n    color = shadow_filterShadowColor(color);\n    "},getUniforms:function(t){const{shadowEnabled:e=!0,project:i}=t;if(!(e&&i&&t.shadowMatrices&&t.shadowMatrices.length))return{drawShadowMap:!1,useShadowMap:!1,shadow_uShadowMap0:t.dummyShadowMap,shadow_uShadowMap1:t.dummyShadowMap};const s=d.getUniforms(i),n=pt({viewport:i.viewport,center:s.center}),r=[],o=ut({shadowMatrices:t.shadowMatrices,viewport:i.viewport}).slice();for(let h=0;h<t.shadowMatrices.length;h++){const t=o[h],e=t.clone().translate(new V(i.viewport.center).negate());s.coordinateSystem===u("lnglat")&&s.projectionMode===v.WEB_MERCATOR?(o[h]=e,r[h]=n):(o[h]=t.clone().multiplyRight(vt),r[h]=e.transform(n))}const a={drawShadowMap:Boolean(t.drawToShadowMap),useShadowMap:!!t.shadowMaps&&t.shadowMaps.length>0,color:t.shadowColor||gt,lightId:t.shadowLightId||0,lightCount:t.shadowMatrices.length,shadow_uShadowMap0:t.dummyShadowMap,shadow_uShadowMap1:t.dummyShadowMap};for(let h=0;h<o.length;h++)a[`viewProjectionMatrix${h}`]=o[h],a[`projectCenter${h}`]=r[h];for(let h=0;h<2;h++)a[`shadow_uShadowMap${h}`]=t.shadowMaps&&t.shadowMaps[h]||t.dummyShadowMap;return a},uniformTypes:{drawShadowMap:"f32",useShadowMap:"f32",color:"vec4<f32>",lightId:"i32",lightCount:"f32",viewProjectionMatrix0:"mat4x4<f32>",viewProjectionMatrix1:"mat4x4<f32>",projectCenter0:"vec4<f32>",projectCenter1:"vec4<f32>"}},wt=[h],ft=["vs:DECKGL_FILTER_SIZE(inout vec3 size, VertexGeometry geometry)","vs:DECKGL_FILTER_GL_POSITION(inout vec4 position, VertexGeometry geometry)","vs:DECKGL_FILTER_COLOR(inout vec4 color, VertexGeometry geometry)","fs:DECKGL_FILTER_COLOR(inout vec4 color, FragmentGeometry geometry)"],_t=[];function yt(t){const e=W.getDefaultShaderAssembler(t);for(const s of wt)e.addDefaultModule(s);e._hookFunctions.length=0;const i="glsl"===t?ft:_t;for(const s of i)e.addShaderHook(s);return e}var Pt=[255,255,255],bt=1,Ct=0,Mt=class{constructor(t={}){this.type="ambient";const{color:e=Pt}=t,{intensity:i=bt}=t;this.id=t.id||"ambient-"+Ct++,this.color=e,this.intensity=i}},kt=[255,255,255],xt=1,St=[0,0,-1],Et=0,Rt=class{constructor(t={}){this.type="directional";const{color:e=kt}=t,{intensity:i=xt}=t,{direction:s=St}=t,{_shadow:n=!1}=t;this.id=t.id||"directional-"+Et++,this.color=e,this.intensity=i,this.type="directional",this.direction=new V(s).normalize().toArray(),this.shadow=n}getProjectedLight(t){return this}},Lt=class{constructor(t,e={id:"pass"}){const{id:i}=e;this.id=i,this.device=t,this.props={...e}}setProps(t){Object.assign(this.props,t)}render(t){}cleanup(){}},Dt={depthWriteEnabled:!0,depthCompare:"less-equal",blendColorOperation:"add",blendColorSrcFactor:"one",blendColorDstFactor:"one-minus-src-alpha",blendAlphaOperation:"add",blendAlphaSrcFactor:"one",blendAlphaDstFactor:"one-minus-src-alpha"},It=class extends Lt{constructor(){super(...arguments),this._lastRenderIndex=-1}render(t){this._render(t)}_render(t){const{canvasContext:e=this.device.canvasContext}=t,i=t.target??e.getCurrentFramebuffer(),[s,n]=e.getDrawingBufferSize(),r=t.clearCanvas??!0;let o=t.clearColor??(!!r&&[0,0,0,0]),a=!!r&&1,h=!!r&&0;const c=t.colorMask??15,d={viewport:[0,0,s,n]};t.colorMask&&(d.colorMask=c),t.scissorRect&&(d.scissorRect=t.scissorRect);const{shaderModuleProps:l,viewports:p,views:u,onViewportActive:g,clearStack:v=!0}=t,m=t.pass||"unknown",w="webgpu"===this.device.type;v&&(this._lastRenderIndex=-1);const f=[];if(!p.length)return this.device.beginRenderPass({framebuffer:i,parameters:d,clearColor:o,clearDepth:a,clearStencil:h}).end(),this.device.submit(),f;try{for(const s of p){g?.(s);const n=this._getDrawLayerParams(s,t),r=u&&u[s.id],c=s.subViewports||[s],p=w?c.map(t=>[t]):[c];for(const s of p){const c=this.device.beginRenderPass({framebuffer:i,parameters:d,clearColor:o,clearDepth:a,clearStencil:h});try{for(const o of s){const s=this._drawLayersInViewport(c,{target:i,canvasContext:e,shaderModuleProps:l,viewport:o,view:r,pass:m,layers:t.layers,isPicking:t.isPicking},n);f.push(s)}}finally{c.end(),w&&this.device.submit()}o=!1,a=!1,h=!1}}return f}finally{w||this.device.submit()}}_getDrawLayerParams(t,{layers:e,pass:i,isPicking:s=!1,layerFilter:n,cullRect:r,views:o,effects:a,canvasContext:h=this.device.canvasContext,shaderModuleProps:c},d=!1){const l=[],p=Tt(this._lastRenderIndex+1),u={layer:e[0],viewport:t,isPicking:s,renderPass:i,cullRect:r},g={};for(let v=0;v<e.length;v++){const s=e[v],r=this._shouldDrawLayer(s,u,n,g),m={shouldDrawLayer:r};r&&!d&&(m.shouldDrawLayer=!0,m.layerRenderIndex=p(s,r),m.shaderModuleProps=this._getShaderModuleProps(s,a,i,h,c),m.layerParameters={..."webgpu"===s.context.device.type?Dt:null,...s.context.deck?.props.parameters,...o?.[t.id]?.props.parameters,...this.getLayerParameters(s,v,t)}),l[v]=m}return l}_drawLayersInViewport(t,{layers:e,shaderModuleProps:i,pass:s,target:n,canvasContext:r,viewport:o,view:a,isPicking:h},c){const d=function(t,{canvasContext:e=t.canvasContext,shaderModuleProps:i,target:s,viewport:n}){const r=i?.project?.devicePixelRatio??e.cssToDeviceRatio(),[,o]=e.getDrawingBufferSize(),a=s?s.height:o,h=n;return[h.x*r,a-(h.y+h.height)*r,h.width*r,h.height*r]}(this.device,{canvasContext:r,shaderModuleProps:i,target:n,viewport:o});if(a){const{clear:t,clearColor:e,clearDepth:i,clearStencil:s}=a.props;if(t){let t=[0,0,0,0],r=1,o=0;Array.isArray(e)&&!h?t=[...e.slice(0,3),e[3]||255].map(t=>t/255):!1===e&&(t=!1),void 0!==i&&(r=i),void 0!==s&&(o=s),this.device.beginRenderPass({framebuffer:n,parameters:{viewport:d,scissorRect:d},clearColor:t,clearDepth:r,clearStencil:o}).end()}}const l={totalCount:e.length,visibleCount:0,compositeCount:0,pickableCount:0};t.setParameters({viewport:d});for(let u=0;u<e.length;u++){const i=e[u],n=c[u],{shouldDrawLayer:r}=n;if(r&&i.props.pickable&&l.pickableCount++,i.isComposite&&l.compositeCount++,i.isDrawable&&n.shouldDrawLayer){const{layerRenderIndex:e,shaderModuleProps:r,layerParameters:a}=n;l.visibleCount++,this._lastRenderIndex=Math.max(this._lastRenderIndex,e),r.project&&(r.project.viewport=o),i.context.renderPass=t;try{i._drawLayer({renderPass:t,shaderModuleProps:r,uniforms:{layerIndex:e},parameters:a})}catch(p){i.raiseError(p,`drawing ${i} to ${s}`)}}}return l}shouldDrawLayer(t){return!0}getShaderModuleProps(t,e,i){return null}getLayerParameters(t,e,i){return t.props.parameters}_shouldDrawLayer(t,e,i,s){if(!t.props.visible||!this.shouldDrawLayer(t))return!1;e.layer=t;let n=t.parent;for(;n;){if(!n.props.visible||!n.filterSubLayer(e))return!1;e.layer=n,n=n.parent}if(i){const t=e.layer.id;if(t in s||(s[t]=i(e)),!s[t])return!1}return t.activateViewport(e.viewport),!0}_getShaderModuleProps(t,e,i,s,n){const r=s.cssToDeviceRatio(),o=t.internalState?.propsInTransition||t.props,a={layer:o,picking:{isActive:!1},project:{viewport:t.context.viewport,devicePixelRatio:r,modelMatrix:o.modelMatrix,coordinateSystem:o.coordinateSystem,coordinateOrigin:o.coordinateOrigin,autoWrapLongitude:t.wrapLongitude}};if(e)for(const h of e)At(a,h.getShaderModuleProps?.(t,a));for(const h of t.context.defaultShaderModules)h.name in a||(a[h.name]={});return At(a,this.getShaderModuleProps(t,e,a),n)}};function Tt(t=0,e={}){const i={},s=(n,r)=>{const o=n.props._offset,a=n.id,h=n.parent&&n.parent.id;let c;if(h&&!(h in e)&&s(n.parent,!1),h in i){const t=i[h]=i[h]||Tt(e[h],e);c=t(n,r),i[a]=t}else Number.isFinite(o)?(c=o+(e[h]||0),i[a]=null):c=t;return r&&c>=t&&(t=c+1),e[a]=c,c};return s}function At(t,...e){for(const i of e)if(i)for(const e in i)t[e]?Object.assign(t[e],i[e]):t[e]=i[e];return t}var Vt=class extends It{constructor(t,e){super(t,e);const i=t.createTexture({format:"rgba8unorm",width:1,height:1,sampler:{minFilter:"linear",magFilter:"linear",addressModeU:"clamp-to-edge",addressModeV:"clamp-to-edge"}}),s=t.createTexture({format:"depth16unorm",width:1,height:1});this.fbo=t.createFramebuffer({id:"shadowmap",width:1,height:1,colorAttachments:[i],depthStencilAttachment:s})}delete(){this.fbo&&(this.fbo.destroy(),this.fbo=null)}getShadowMap(){return this.fbo.colorAttachments[0].texture}render(t){const e=this.fbo,i=this.device.canvasContext.cssToDeviceRatio(),s=t.viewports[0],n=s.width*i,r=s.height*i;n===e.width&&r===e.height||e.resize({width:n,height:r}),super.render({...t,clearColor:[1,1,1,1],target:e,pass:"shadow"})}getLayerParameters(t,e,i){return{...t.props.parameters,blend:!1,depthWriteEnabled:!0,depthCompare:"less-equal",depthBias:0}}shouldDrawLayer(t){return!1!==t.props.shadowEnabled}getShaderModuleProps(t,e,i){return{shadow:{project:i.project,drawToShadowMap:!0},lighting:{enabled:!1}}}},zt={color:[255,255,255],intensity:1},Ft=[{color:[255,255,255],intensity:1,direction:[-1,3,-1]},{color:[255,255,255],intensity:.9,direction:[1,-8,-2.5]}],Ot=[0,0,0,200/255],jt=class{constructor(t={}){this.id="lighting-effect",this.shadowColor=Ot,this.shadow=!1,this.directionalLights=[],this.pointLights=[],this.shadowPasses=[],this.dummyShadowMap=null,this.setProps(t)}setup(t){this.context=t;const{device:e,deck:i}=t;this.shadow&&!this.dummyShadowMap&&(this._createShadowPasses(e),i._addDefaultShaderModule(mt),this.dummyShadowMap=e.createTexture({width:1,height:1}))}setProps(t){this.ambientLight=void 0,this.directionalLights=[],this.pointLights=[];for(const e in t){const i=t[e];switch(i.type){case"ambient":this.ambientLight=i;break;case"directional":this.directionalLights.push(i);break;case"point":this.pointLights.push(i)}}this._applyDefaultLights(),this.shadow=this.directionalLights.some(t=>t.shadow),this.context&&(this.shadow||this.cleanup(this.context),this.setup(this.context)),this.props=t}preRender({layers:t,layerFilter:e,viewports:i,onViewportActive:s,views:n}){if(this.shadow){this.shadowMatrices=this._calculateMatrices();for(let r=0;r<this.shadowPasses.length;r++)this.shadowPasses[r].render({layers:t,layerFilter:e,viewports:i,onViewportActive:s,views:n,shaderModuleProps:{shadow:{shadowLightId:r,dummyShadowMap:this.dummyShadowMap,shadowMatrices:this.shadowMatrices}}})}}getShaderModuleProps(t,e){const i=this.shadow?{project:e.project,shadowMaps:this.shadowPasses.map(t=>t.getShadowMap()),dummyShadowMap:this.dummyShadowMap,shadowColor:this.shadowColor,shadowMatrices:this.shadowMatrices}:{},s={enabled:!0,lights:this._getLights(t)},n=t.props.material;return{shadow:i,lighting:s,phongMaterial:n,gouraudMaterial:n}}cleanup(t){for(const e of this.shadowPasses)e.delete();this.shadowPasses.length=0,this.dummyShadowMap&&(this.dummyShadowMap.destroy(),this.dummyShadowMap=null,t.deck._removeDefaultShaderModule(mt))}_calculateMatrices(){const t=[];for(const e of this.directionalLights){const i=(new _).lookAt({eye:new V(e.direction).negate()});t.push(i)}return t}_createShadowPasses(t){for(let e=0;e<this.directionalLights.length;e++){const i=new Vt(t);this.shadowPasses[e]=i}}_applyDefaultLights(){const{ambientLight:t,pointLights:e,directionalLights:i}=this;t||0!==e.length||0!==i.length||(this.ambientLight=new Mt(zt),this.directionalLights.push(new Rt(Ft[0]),new Rt(Ft[1])))}_getLights(t){const e=[];this.ambientLight&&e.push(this.ambientLight);for(const i of this.pointLights)e.push(i.getProjectedLight({layer:t}));for(const i of this.directionalLights)e.push(i.getProjectedLight({layer:t}));return e}},Bt=1,Nt=1,Ut=class{time=0;channels=/* @__PURE__ */new Map;animations=/* @__PURE__ */new Map;playing=!1;lastEngineTime=-1;constructor(){}addChannel(t){const{delay:e=0,duration:i=Number.POSITIVE_INFINITY,rate:s=1,repeat:n=1}=t,r=Bt++,o={time:0,delay:e,duration:i,rate:s,repeat:n};return this._setChannelTime(o,this.time),this.channels.set(r,o),r}removeChannel(t){this.channels.delete(t);for(const[e,i]of this.animations)i.channel===t&&this.detachAnimation(e)}isFinished(t){const e=this.channels.get(t);return void 0!==e&&this.time>=e.delay+e.duration*e.repeat}getTime(t){if(void 0===t)return this.time;const e=this.channels.get(t);return void 0===e?-1:e.time}setTime(t){this.time=Math.max(0,t);const e=this.channels.values();for(const s of e)this._setChannelTime(s,this.time);const i=this.animations.values();for(const s of i){const{animation:t,channel:e}=s;t.setTime(this.getTime(e))}}play(){this.playing=!0}pause(){this.playing=!1,this.lastEngineTime=-1}reset(){this.setTime(0)}attachAnimation(t,e){const i=Nt++;return this.animations.set(i,{animation:t,channel:e}),t.setTime(this.getTime(e)),i}detachAnimation(t){this.animations.delete(t)}update(t){this.playing&&(-1===this.lastEngineTime&&(this.lastEngineTime=t),this.setTime(this.time+(t-this.lastEngineTime)),this.lastEngineTime=t)}_setChannelTime(t,e){const i=e-t.delay;i>=t.duration*t.repeat?t.time=t.duration*t.rate:(t.time=Math.max(0,i)%t.duration,t.time*=t.rate)}};var Gt=0,Wt={requestAnimationFrame:t=>function(t){const e="undefined"!=typeof window?window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame:null;return e?e.call(window,t):setTimeout(()=>t("undefined"!=typeof performance?performance.now():Date.now()),1e3/60)}(t),cancelAnimationFrame:t=>function(t){const e="undefined"!=typeof window?window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame:null;e?e.call(window,t):clearTimeout(t)}(t)},Zt=class t{static defaultAnimationLoopProps={device:null,onAddHTML:()=>"",onInitialize:async()=>null,onRender:()=>{},onFinalize:()=>{},onError:t=>{console.error(t)},stats:void 0,autoResizeViewport:!1,animationFrameProvider:Wt};device=null;canvas=null;props;animationProps=null;timeline=null;stats;sharedStats;cpuTime;gpuTime;frameRate;display;_needsRedraw="initialized";_initialized=!1;_running=!1;_animationFrameId=null;_nextFramePromise=null;_resolveNextFrame=null;_cpuStartTime=0;_error=null;_lastFrameTime=0;constructor(e){if(this.props={...t.defaultAnimationLoopProps,...e},!(e=this.props).device)throw new Error("No device provided");this.stats=e.stats||new k({id:"animation-loop-"+Gt++}),this.sharedStats=it.stats.get("Animation Loop"),this.frameRate=this.stats.get("Frame Rate"),this.frameRate.setSampleSize(1),this.cpuTime=this.stats.get("CPU Time"),this.gpuTime=this.stats.get("GPU Time"),this.setProps({autoResizeViewport:e.autoResizeViewport,animationFrameProvider:e.animationFrameProvider}),this.start=this.start.bind(this),this.stop=this.stop.bind(this),this._onMousemove=this._onMousemove.bind(this),this._onMouseleave=this._onMouseleave.bind(this)}destroy(){this.stop(),this._setDisplay(null),this.device?._disableDebugGPUTime()}delete(){this.destroy()}reportError(e){this._error=e,this.props.onError(e),this.props.onError===t.defaultAnimationLoopProps.onError&&"undefined"!=typeof window&&"undefined"!=typeof ErrorEvent&&window.dispatchEvent(new ErrorEvent("error",{error:e,message:e.message}))}setNeedsRedraw(t){return this._needsRedraw=this._needsRedraw||t,this}needsRedraw(){const t=this._needsRedraw;return this._needsRedraw=!1,t}setProps(t){if("autoResizeViewport"in t&&(this.props.autoResizeViewport=t.autoResizeViewport||!1),"animationFrameProvider"in t){const e=t.animationFrameProvider||Wt;if(e!==this.props.animationFrameProvider){const t=null!==this._animationFrameId;t&&this._cancelAnimationFrame(),this.props.animationFrameProvider=e,t&&this._requestAnimationFrame()}}return this}async start(){if(this._running)return this;this._running=!0;try{if(!this._initialized){if(this._initialized=!0,await this._initDevice(),this._initialize(),!this._running)return null;await this.props.onInitialize(this._getAnimationProps())}return this._running?(this._cancelAnimationFrame(),this._requestAnimationFrame(),this):null}catch(t){const e=t instanceof Error?t:/* @__PURE__ */new Error("Unknown error");throw this.props.onError(e),e}}stop(){if(this._running){const t=this.animationProps;this._cancelAnimationFrame(),this._nextFramePromise=null,this._resolveNextFrame=null,this._running=!1,this._lastFrameTime=0,t&&this.props.onFinalize(t)}return this}redraw(t,e=null){return this.device?.isLost||this._error||(this._beginFrameTimers(t),this._setupFrame(),this.animationProps&&(this.animationProps.animationFrame=e),this._updateAnimationProps(),this._renderFrame(this._getAnimationProps()),this._clearNeedsRedraw(),this._resolveNextFrame&&(this._resolveNextFrame(this),this._nextFramePromise=null,this._resolveNextFrame=null),this._endFrameTimers()),this}attachTimeline(t){return this.timeline=t,this.timeline}detachTimeline(){this.timeline=null}waitForRender(){return this.setNeedsRedraw("waitForRender"),this._nextFramePromise||(this._nextFramePromise=new Promise(t=>{this._resolveNextFrame=t})),this._nextFramePromise}async toDataURL(){if(this.setNeedsRedraw("toDataURL"),await this.waitForRender(),this.canvas instanceof HTMLCanvasElement)return this.canvas.toDataURL();throw new Error("OffscreenCanvas")}_initialize(){this._startEventHandling(),this._initializeAnimationProps(),this._updateAnimationProps(),this._resizeViewport(),this.device?._enableDebugGPUTime()}_setDisplay(t){this.display&&(this.display.destroy(),this.display.animationLoop=null),t&&(t.animationLoop=this),this.display=t}_requestAnimationFrame(){this._running&&(this._animationFrameId=this.props.animationFrameProvider.requestAnimationFrame(this._animationFrame.bind(this)))}_cancelAnimationFrame(){null!==this._animationFrameId&&(this.props.animationFrameProvider.cancelAnimationFrame(this._animationFrameId),this._animationFrameId=null)}_animationFrame(t,e){if(this._running)try{this.redraw(t,e??null),this._requestAnimationFrame()}catch(i){const t=i instanceof Error?i:new Error(String(i));this.reportError(t),this.stop()}}_renderFrame(t){if(this.display)return void this.display._renderFrame(t);const e=this.props.onRender(this._getAnimationProps());this.device&&!1!==e&&this.device.submit()}_clearNeedsRedraw(){this._needsRedraw=!1}_setupFrame(){this._resizeViewport()}_initializeAnimationProps(){const t=this.device?.getDefaultCanvasContext();if(!this.device||!t)throw new Error("loop");const e=t?.canvas,i=t.props.useDevicePixels;this.animationProps={animationLoop:this,device:this.device,canvasContext:t,canvas:e,useDevicePixels:i,timeline:this.timeline,needsRedraw:!1,width:1,height:1,aspect:1,time:0,startTime:Date.now(),engineTime:0,tick:0,tock:0,animationFrame:null,_mousePosition:null}}_getAnimationProps(){if(!this.animationProps)throw new Error("animationProps");return this.animationProps}_updateAnimationProps(){if(!this.animationProps)return;const{width:t,height:e,aspect:i}=this._getSizeAndAspect();t===this.animationProps.width&&e===this.animationProps.height||this.setNeedsRedraw("drawing buffer resized"),i!==this.animationProps.aspect&&this.setNeedsRedraw("drawing buffer aspect changed"),this.animationProps.width=t,this.animationProps.height=e,this.animationProps.aspect=i,this.animationProps.needsRedraw=this._needsRedraw,this.animationProps.engineTime=Date.now()-this.animationProps.startTime,this.timeline&&this.timeline.update(this.animationProps.engineTime),this.animationProps.tick=Math.floor(this.animationProps.time/1e3*60),this.animationProps.tock++,this.animationProps.time=this.timeline?this.timeline.getTime():this.animationProps.engineTime}async _initDevice(){if(this.device=await this.props.device,!this.device)throw new Error("No device provided");this.canvas=this.device.getDefaultCanvasContext().canvas||null}_createInfoDiv(){if(this.canvas&&this.props.onAddHTML){const t=document.createElement("div");document.body.appendChild(t),t.style.position="relative";const e=document.createElement("div");e.style.position="absolute",e.style.left="10px",e.style.bottom="10px",e.style.width="300px",e.style.background="white",this.canvas instanceof HTMLCanvasElement&&t.appendChild(this.canvas),t.appendChild(e);const i=this.props.onAddHTML(e);i&&(e.innerHTML=i)}}_getSizeAndAspect(){if(!this.device)return{width:1,height:1,aspect:1};const[t,e]=this.device.getDefaultCanvasContext().getDrawingBufferSize();return{width:t,height:e,aspect:t>0&&e>0?t/e:1}}_resizeViewport(){this.props.autoResizeViewport&&this.device.gl&&this.device.gl.viewport(0,0,this.device.gl.drawingBufferWidth,this.device.gl.drawingBufferHeight)}_beginFrameTimers(t){const e=t??("undefined"!=typeof performance?performance.now():Date.now());if(this._lastFrameTime){const t=e-this._lastFrameTime;t>0&&this.frameRate.addTime(t)}this._lastFrameTime=e,this.device?._isDebugGPUTimeEnabled()&&this._consumeEncodedGpuTime(),this.cpuTime.timeStart()}_endFrameTimers(){this.device?._isDebugGPUTimeEnabled()&&this._consumeEncodedGpuTime(),this.cpuTime.timeEnd(),this._updateSharedStats()}_consumeEncodedGpuTime(){if(!this.device)return;const t=this.device.commandEncoder._gpuTimeMs;void 0!==t&&(this.gpuTime.addTime(t),this.device.commandEncoder._gpuTimeMs=void 0)}_updateSharedStats(){if(this.stats!==this.sharedStats){for(const t of Object.keys(this.sharedStats.stats))this.stats.stats[t]||delete this.sharedStats.stats[t];this.stats.forEach(t=>{const e=this.sharedStats.get(t.name,t.type);e.sampleSize=t.sampleSize,e.time=t.time,e.count=t.count,e.samples=t.samples,e.lastTiming=t.lastTiming,e.lastSampleTime=t.lastSampleTime,e.lastSampleCount=t.lastSampleCount,e._count=t._count,e._time=t._time,e._samples=t._samples,e._startTime=t._startTime,e._timerPending=t._timerPending})}}_startEventHandling(){this.canvas&&(this.canvas.addEventListener("mousemove",this._onMousemove.bind(this)),this.canvas.addEventListener("mouseleave",this._onMouseleave.bind(this)))}_onMousemove(t){t instanceof MouseEvent&&(this._getAnimationProps()._mousePosition=[t.offsetX,t.offsetY])}_onMouseleave(t){this._getAnimationProps()._mousePosition=null}},Ht={blendColorOperation:"add",blendColorSrcFactor:"one",blendColorDstFactor:"zero",blendAlphaOperation:"add",blendAlphaSrcFactor:"constant",blendAlphaDstFactor:"zero"},qt=class extends It{constructor(){super(...arguments),this._colorEncoderState=null}render(t){return"pickingFBO"in t?this._drawPickingBuffer(t):{decodePickingColor:null,stats:super._render(t)}}_drawPickingBuffer({layers:t,layerFilter:e,views:i,viewports:s,onViewportActive:n,pickingFBO:r,deviceRect:{x:o,y:a,width:h,height:c},cullRect:d,effects:l,pass:p="picking",pickZ:u,canvasContext:g,shaderModuleProps:v,clearColor:m}){this.pickZ=u;const w=this._resetColorEncoder(u),f=[o,a,h,c],_=super._render({target:r,layers:t,layerFilter:e,views:i,viewports:s,onViewportActive:n,cullRect:d,effects:l?.filter(t=>t.useInPicking),pass:p,canvasContext:g,isPicking:!0,shaderModuleProps:v,clearColor:m??[0,0,0,0],colorMask:15,scissorRect:f});return this._colorEncoderState=null,{decodePickingColor:w&&Xt.bind(null,w),stats:_}}shouldDrawLayer(t){const{pickable:e,operation:i}=t.props;return e&&i.includes("draw")||i.includes("terrain")||i.includes("mask")}getShaderModuleProps(t,e,i){return{picking:{isActive:1,isAttribute:this.pickZ,disabledPickingIndices:t.internalState?.disabledPickingIndices},lighting:{enabled:!1}}}getLayerParameters(t,e,i){const s={...t.props.parameters},{pickable:n,operation:r}=t.props;return this._colorEncoderState?n&&r.includes("draw")?(Object.assign(s,Ht),s.blend=!0,"webgpu"===this.device.type?s.blendConstant=$t(this._colorEncoderState,t,i):s.blendColor=$t(this._colorEncoderState,t,i),r.includes("terrain")&&t.state?._hasPickingCover&&(s.blendAlphaSrcFactor="one")):r.includes("terrain")&&(s.blend=!1):s.blend=!1,s}_resetColorEncoder(t){return this._colorEncoderState=t?null:{byLayer:/* @__PURE__ */new Map,byAlpha:[]},this._colorEncoderState}};function $t(t,e,i){const{byLayer:s,byAlpha:n}=t;let r,o=s.get(e);return o?(o.viewports.push(i),r=o.a):(r=s.size+1,r<=255?(o={a:r,layer:e,viewports:[i]},s.set(e,o),n[r]=o):(O.warn("Too many pickable layers, only picking the first 255")(),r=0)),[0,0,0,r/255]}function Xt(t,e){const i=t.byAlpha[e[3]];return i&&{pickedLayer:i.layer,pickedViewports:i.viewports,pickedObjectIndex:i.layer.decodePickingColor(e)}}var Yt=class{constructor(t,e,i){this._loadCount=0,this._subscribers=/* @__PURE__ */new Set,this.id=t,this.context=i,this.setData(e)}subscribe(t){this._subscribers.add(t)}unsubscribe(t){this._subscribers.delete(t)}inUse(){return this._subscribers.size>0}delete(){}getData(){return this.isLoaded?this._error?Promise.reject(this._error):this._content:this._loader.then(()=>this.getData())}setData(t,e){if(t===this._data&&!e)return;this._data=t;const i=++this._loadCount;let s=t;"string"==typeof t&&(s=E(t)),s instanceof Promise?(this.isLoaded=!1,this._loader=s.then(t=>{this._loadCount===i&&(this.isLoaded=!0,this._error=void 0,this._content=t)}).catch(t=>{this._loadCount===i&&(this.isLoaded=!0,this._error=t||!0)})):(this.isLoaded=!0,this._error=void 0,this._content=t);for(const n of this._subscribers)n.onChange(this.getData())}},Kt=class{constructor(t){this.protocol=t.protocol||"resource://",this._context={device:t.device,gl:t.device?.gl,resourceManager:this},this._resources={},this._consumers={},this._pruneRequest=null}contains(t){return!!t.startsWith(this.protocol)||t in this._resources}add({resourceId:t,data:e,forceUpdate:i=!1,persistent:s=!0}){let n=this._resources[t];n?n.setData(e,i):(n=new Yt(t,e,this._context),this._resources[t]=n),n.persistent=s}remove(t){const e=this._resources[t];e&&(e.delete(),delete this._resources[t])}unsubscribe({consumerId:t}){const e=this._consumers[t];if(e){for(const t in e){const i=e[t],s=this._resources[i.resourceId];s&&s.unsubscribe(i)}delete this._consumers[t],this.prune()}}subscribe({resourceId:t,onChange:e,consumerId:i,requestId:s="default"}){const{_resources:n,protocol:r}=this;t.startsWith(r)&&(n[t=t.replace(r,"")]||this.add({resourceId:t,data:null,persistent:!1}));const o=n[t];if(this._track(i,s,o,e),o)return o.getData()}prune(){this._pruneRequest||(this._pruneRequest=setTimeout(()=>this._prune(),0))}finalize(){for(const t in this._resources)this._resources[t].delete()}_track(t,e,i,s){const n=this._consumers,r=n[t]=n[t]||{};let o=r[e];const a=o&&o.resourceId&&this._resources[o.resourceId];a&&(a.unsubscribe(o),this.prune()),i&&(o?(o.onChange=s,o.resourceId=i.id):o={onChange:s,resourceId:i.id},r[e]=o,i.subscribe(o))}_prune(){this._pruneRequest=null;for(const t of Object.keys(this._resources)){const e=this._resources[t];e.persistent||e.inUse()||(e.delete(),delete this._resources[t])}}},Jt=class{constructor(t,e){this._lastRenderedLayers=[],this._needsRedraw=!1,this._needsUpdate=!1,this._nextLayers=null,this._debug=!1,this._defaultShaderModulesChanged=!1,this.activateViewport=t=>{B("layerManager.activateViewport",this,t),t&&(this.context.viewport=t)};const{deck:i,stats:s,viewport:n,timeline:r}=e||{};this.layers=[],this.resourceManager=new Kt({device:t,protocol:"deck://"}),this.context={mousePosition:null,userData:{},layerManager:this,device:t,gl:t?.gl,deck:i,shaderAssembler:yt(t?.info?.shadingLanguage||"glsl"),defaultShaderModules:[ht],renderPass:void 0,stats:s||new k({id:"deck.gl"}),viewport:n||new U({id:"DEFAULT-INITIAL-VIEWPORT"}),timeline:r||new Ut,resourceManager:this.resourceManager,onError:void 0},Object.seal(this)}finalize(){this.resourceManager.finalize();for(const t of this.layers)this._finalizeLayer(t)}needsRedraw(t={clearRedrawFlags:!1}){let e=this._needsRedraw;t.clearRedrawFlags&&(this._needsRedraw=!1);for(const i of this.layers){const s=i.getNeedsRedraw(t);e=e||s}return e}needsUpdate(){return this._nextLayers&&this._nextLayers!==this._lastRenderedLayers?"layers changed":this._defaultShaderModulesChanged?"shader modules changed":this._needsUpdate}setNeedsRedraw(t){this._needsRedraw=this._needsRedraw||t}setNeedsUpdate(t){this._needsUpdate=this._needsUpdate||t}getLayers({layerIds:t}={}){return t?this.layers.filter(e=>t.find(t=>0===e.id.indexOf(t))):this.layers}setProps(t){"debug"in t&&(this._debug=t.debug),"userData"in t&&(this.context.userData=t.userData),"layers"in t&&(this._nextLayers=t.layers),"onError"in t&&(this.context.onError=t.onError)}setLayers(t,e){B("layerManager.setLayers",this,e,t),this._lastRenderedLayers=t;const i=I(t,Boolean);for(const s of i)s.context=this.context;this._updateLayers(this.layers,i)}updateLayers(){const t=this.needsUpdate();t&&(this.setNeedsRedraw(`updating layers: ${t}`),this.setLayers(this._nextLayers||this._lastRenderedLayers,t)),this._nextLayers=null}addDefaultShaderModule(t){const{defaultShaderModules:e}=this.context;e.find(e=>e.name===t.name)||(e.push(t),this._defaultShaderModulesChanged=!0)}removeDefaultShaderModule(t){const{defaultShaderModules:e}=this.context,i=e.findIndex(e=>e.name===t.name);i>=0&&(e.splice(i,1),this._defaultShaderModulesChanged=!0)}_handleError(t,e,i){i.raiseError(e,`${t} of ${i}`)}_updateLayers(t,e){const i={};for(const r of t)i[r.id]?O.warn(`Multiple old layers with same id ${r.id}`)():i[r.id]=r;if(this._defaultShaderModulesChanged){for(const e of t)e.setNeedsUpdate(),e.setChangeFlags({extensionsChanged:!0});this._defaultShaderModulesChanged=!1}const s=[];this._updateSublayersRecursively(e,i,s),this._finalizeOldLayers(i);let n=!1;for(const r of s)if(r.hasUniformTransition()){n=`Uniform transition in ${r}`;break}this._needsUpdate=n,this.layers=s}_updateSublayersRecursively(t,e,i){for(const n of t){n.context=this.context;const t=e[n.id];null===t&&O.warn(`Multiple new layers with same id ${n.id}`)(),e[n.id]=null;let r=null;try{this._debug&&t!==n&&n.validateProps(),t?(this._transferLayerState(t,n),this._updateLayer(n)):this._initializeLayer(n),i.push(n),r=n.isComposite?n.getSubLayers():null}catch(s){this._handleError("matching",s,n)}r&&this._updateSublayersRecursively(r,e,i)}}_finalizeOldLayers(t){for(const e in t){const i=t[e];i&&this._finalizeLayer(i)}}_initializeLayer(t){try{t._initialize(),t.lifecycle=x.INITIALIZED}catch(e){this._handleError("initialization",e,t)}}_transferLayerState(t,e){e._transferState(t),e.lifecycle=x.MATCHED,e!==t&&(t.lifecycle=x.AWAITING_GC)}_updateLayer(t){try{t._update()}catch(e){this._handleError("update",e,t)}}_finalizeLayer(t){this._needsRedraw=this._needsRedraw||`finalized ${t}`,t.lifecycle=x.AWAITING_FINALIZATION;try{t._finalize(),t.lifecycle=x.FINALIZED}catch(e){this._handleError("finalization",e,t)}}},Qt="default-canvas",te=class{constructor(t){this.views=[],this.width=100,this.height=100,this.viewState={},this.controllers={},this.timeline=t.timeline,this._viewports=[],this._viewportMap={},this._isUpdating=!1,this._needsRedraw="First render",this._needsUpdate="Initialize",this._eventManager=t.eventManager,this._eventManagers=t.eventManagers||{},this._viewEventManagers={},this._eventCallbacks={onViewStateChange:t.onViewStateChange,onInteractionStateChange:t.onInteractionStateChange},this._pickPosition=t.pickPosition,this._getCanvasContext=t.getCanvasContext,Object.seal(this),this.setProps(t)}finalize(){for(const t in this.controllers){const e=this.controllers[t];e&&e.finalize()}this.controllers={}}needsRedraw(t={clearRedrawFlags:!1}){const e=this._needsRedraw;return t.clearRedrawFlags&&(this._needsRedraw=!1),e}setNeedsUpdate(t){this._needsUpdate=this._needsUpdate||t,this._needsRedraw=this._needsRedraw||t}updateViewStates(){for(const t in this.controllers){const e=this.controllers[t];e&&e.updateTransition()}}getViewports(t){return t?this._viewports.filter(e=>{const i=!t.canvasId||this.getCanvasId(e.id)===t.canvasId,s=!("x"in t)||e.containsPixel(t);return i&&s}):this._viewports}getViews(){const t={};return this.views.forEach(e=>{t[e.id]=e}),t}getView(t){return this.views.find(e=>e.id===t)}getViewState(t){const e="string"==typeof t?this.getView(t):t,i=e&&this.viewState[e.getViewStateId()]||this.viewState;return e?e.filterViewState(i):i}getViewport(t){return this._viewportMap[t]}getCanvasId(t){const e="string"==typeof t?this.getView(t):t;return e?this._viewEventManagers[e.id]?.canvasId||this._getCanvasIdFromView(e):void 0}unproject(t,e){const i=this.getViewports(),s={x:t[0],y:t[1]};for(let n=i.length-1;n>=0;--n){const r=i[n];if(r.containsPixel(s)){const i=t.slice();return i[0]-=r.x,i[1]-=r.y,r.unproject(i,e)}}return null}setProps(t){t.views&&this._setViews(t.views),t.viewState&&this._setViewState(t.viewState),("width"in t||"height"in t)&&this._setSize(t.width,t.height),"pickPosition"in t&&(this._pickPosition=t.pickPosition),"eventManagers"in t&&this._setEventManagers(t.eventManagers||{}),this._isUpdating||this._update()}_update(){this._isUpdating=!0;try{this._needsUpdate&&(this._needsUpdate=!1,this._rebuildViewports()),this._needsUpdate&&(this._needsUpdate=!1,this._rebuildViewports())}finally{this._isUpdating=!1}}_hasViewState(t){const e=t.props.viewState;if(e&&"object"==typeof e&&!e.id)return!0;if(this.viewState[t.getViewStateId()])return!0;const i=Object.values(this.viewState);return 0===i.length||i.some(t=>!t||"object"!=typeof t||Array.isArray(t))}_setSize(t,e){t===this.width&&e===this.height||(this.width=t,this.height=e,this.setNeedsUpdate("Size changed"))}_setViews(t){t=I(t,Boolean),this._diffViews(t,this.views)&&this.setNeedsUpdate("views changed"),this.views=t}_setViewState(t){t?(j(t,this.viewState,3)||this.setNeedsUpdate("viewState changed"),this.viewState=t):O.warn("missing `viewState` or `initialViewState`")()}_setEventManagers(t){this._eventManagers!==t&&(this._eventManagers=t,this.setNeedsUpdate("eventManagers changed"))}_getCanvasIdFromView(t){return t.props.canvasId||this._getCanvasContext?.(t.id)?.id||"default-canvas"}_getCanvasDimensions(t){const[e,i]=(this._getCanvasContext?.(t.id))?.getCSSSize()||[this.width,this.height];return{width:e,height:i}}_getViewEventManager(t){const e=this.getCanvasId(t)||"default-canvas";return{canvasId:e,eventManager:this._eventManagers[e]||this._eventManager}}_startViewportRebuild(){const t=this.controllers,e=this._viewEventManagers;return this._viewports=[],this.controllers={},this._viewEventManagers={},{oldControllers:t,oldViewEventManagers:e}}_getReusableController(t,e,i){return!t||e?.canvasId===i.canvasId&&e?.eventManager===i.eventManager?t:(t.finalize(),null)}_createController(t,e){return new(0,e.type)({timeline:this.timeline,eventManager:this._getViewEventManager(t).eventManager,onViewStateChange:this._eventCallbacks.onViewStateChange,onStateChange:this._eventCallbacks.onInteractionStateChange,makeViewport:e=>this.getView(t.id)?.makeViewport({viewState:e,...this._getCanvasDimensions(t)}),pickPosition:(e,i)=>this._pickPosition?.(e,i,t.id)})}_updateController(t,e,i,s){const n=t.controller;if(n&&i){const r={...e,...n,id:t.id,x:i.x,y:i.y,width:i.width,height:i.height};return s&&s.constructor===n.type||(s=this._createController(t,r)),s&&s.setProps(r),s}return null}_rebuildViewports(){const{views:t}=this,{oldControllers:e,oldViewEventManagers:i}=this._startViewportRebuild();let s=!1;for(let n=t.length;n--;){const r=t[n],{width:o,height:a}=this._getCanvasDimensions(r),h=this._getViewEventManager(r);this._viewEventManagers[r.id]=h;const c=this.getViewState(r),d=r.makeViewport({viewState:c,width:o,height:a});let l=this._getReusableController(e[r.id],i[r.id],h),p=Boolean(r.controller);p&&!this._hasViewState(r)&&(p=!1),p&&!l&&(s=!0),!s&&p||!l||(l.finalize(),l=null),this.controllers[r.id]=p?this._updateController(r,c,d,l):null,d&&this._viewports.unshift(d)}for(const n in e){const t=e[n];t&&!this.controllers[n]&&t.finalize()}this._buildViewportMap()}_buildViewportMap(){this._viewportMap={},this._viewports.forEach(t=>{t.id&&(this._viewportMap[t.id]=this._viewportMap[t.id]||t)})}_diffViews(t,e){return t.length!==e.length||t.some((i,s)=>!t[s].equals(e[s]))}},ee=/^(?:\d+\.?\d*|\.\d+)$/;function ie(t){switch(typeof t){case"number":if(!Number.isFinite(t))throw new Error(`Could not parse position string ${t}`);return{type:"literal",value:t};case"string":try{const e=function(t){const e=[];let i=0;for(;i<t.length;){const s=t[i];if(/\s/.test(s))i++;else{if("+"!==s&&"-"!==s&&"("!==s&&")"!==s&&"%"!==s){if(oe(s)||"."===s){const n=i;let r="."===s;for(i++;i<t.length;){const e=t[i];if(oe(e))i++;else{if("."!==e||r)break;r=!0,i++}}const o=t.slice(n,i);if(!ee.test(o))throw new Error("Invalid number token");e.push({type:"number",value:parseFloat(o)});continue}if(ae(s)){const s=i;for(;i<t.length&&ae(t[i]);)i++;const n=t.slice(s,i).toLowerCase();e.push({type:"word",value:n});continue}throw new Error("Invalid token in position string")}e.push({type:"symbol",value:s}),i++}}return e}(t);return new re(e).parseExpression()}catch(e){const i=e instanceof Error?e.message:String(e);throw new Error(`Could not parse position string ${t}: ${i}`)}default:throw new Error(`Could not parse position string ${t}`)}}function se(t,e){switch(t.type){case"literal":return t.value;case"percentage":return Math.round(t.value*e);case"binary":const i=se(t.left,e),s=se(t.right,e);return"+"===t.operator?i+s:i-s;default:throw new Error("Unknown layout expression type")}}function ne(t,e){return se(t,e)}var re=class{constructor(t){this.index=0,this.tokens=t}parseExpression(){const t=this.parseBinaryExpression();if(this.index<this.tokens.length)throw new Error("Unexpected token at end of expression");return t}parseBinaryExpression(){let t=this.parseFactor(),e=this.peek();for(;he(e);){this.index++;const i=this.parseFactor();t={type:"binary",operator:e.value,left:t,right:i},e=this.peek()}return t}parseFactor(){const t=this.peek();if(!t)throw new Error("Unexpected end of expression");if("symbol"===t.type&&"+"===t.value)return this.index++,this.parseFactor();if("symbol"===t.type&&"-"===t.value)return this.index++,{type:"binary",operator:"-",left:{type:"literal",value:0},right:this.parseFactor()};if("symbol"===t.type&&"("===t.value){this.index++;const t=this.parseBinaryExpression();if(!this.consumeSymbol(")"))throw new Error("Missing closing parenthesis");return t}if("word"===t.type&&"calc"===t.value){if(this.index++,!this.consumeSymbol("("))throw new Error("Missing opening parenthesis after calc");const t=this.parseBinaryExpression();if(!this.consumeSymbol(")"))throw new Error("Missing closing parenthesis");return t}if("number"===t.type){this.index++;const e=t.value,i=this.peek();return i&&"symbol"===i.type&&"%"===i.value?(this.index++,{type:"percentage",value:e/100}):i&&"word"===i.type&&"px"===i.value?(this.index++,{type:"literal",value:e}):{type:"literal",value:e}}throw new Error("Unexpected token in expression")}consumeSymbol(t){const e=this.peek();return!(!e||"symbol"!==e.type||e.value!==t)&&(this.index++,!0)}peek(){return this.tokens[this.index]||null}};function oe(t){return t>="0"&&t<="9"}function ae(t){return t>="a"&&t<="z"||t>="A"&&t<="Z"}function he(t){return Boolean(t&&"symbol"===t.type&&("+"===t.value||"-"===t.value))}function ce(t,e){t=t.slice();for(let i=0;i<e.length;i++){const s=e[i];Number.isFinite(s)&&(t[i]=s)}return t}var de=class{constructor(t){const{id:e,x:i=0,y:s=0,width:n="100%",height:r="100%",padding:o=null}=t;this.id=e||this.constructor.displayName||"view",this.props={...t,id:this.id},this._x=ie(i),this._y=ie(s),this._width=ie(n),this._height=ie(r),this._padding=o&&{left:ie(o.left||0),right:ie(o.right||0),top:ie(o.top||0),bottom:ie(o.bottom||0)},this.equals=this.equals.bind(this),Object.seal(this)}equals(t){return this===t||this.constructor===t.constructor&&j(this.props,t.props,2)}clone(t){return new(0,this.constructor)({...this.props,...t})}makeViewport({width:t,height:e,viewState:i}){i=this.filterViewState(i);const s=this.getDimensions({width:t,height:e});return s.height&&s.width?new(this.getViewportType(i))({...i,...this.props,...s}):null}getViewStateId(){const{viewState:t}=this.props;return"string"==typeof t?t:t?.id||this.id}filterViewState(t){return this.props.viewState&&"object"==typeof this.props.viewState?this.props.viewState.id?function(t,e){const i={...t};for(const s in e)"id"!==s&&(Array.isArray(i[s])&&Array.isArray(e[s])?i[s]=ce(i[s],e[s]):i[s]=e[s]);return i}(t,this.props.viewState):this.props.viewState:t}getDimensions({width:t,height:e}){const i={x:ne(this._x,t),y:ne(this._y,e),width:ne(this._width,t),height:ne(this._height,e)};return this._padding&&(i.padding={left:ne(this._padding.left,t),top:ne(this._padding.top,e),right:ne(this._padding.right,t),bottom:ne(this._padding.bottom,e)}),i}get controller(){const t=this.props.controller;return t?!0===t?{type:this.ControllerType}:"function"==typeof t?{type:t}:{type:this.ControllerType,...t}:null}},le=()=>{},pe={mode:"preserve"},ue={mode:"hard"},ge=2,ve=3,me=t=>t,we=1,fe=class{constructor(t){this._onTransitionUpdate=t=>{const{time:e,settings:{interpolator:i,startProps:s,endProps:n,duration:r,easing:o}}=t,a=o(e/r),h=i.interpolateProps(s,n,a);this.propsInTransition=this.getControllerState({...this.props,...h},pe).getViewportProps(),this.onViewStateChange({viewState:this.propsInTransition,oldViewState:this.props})},this.getControllerState=t.getControllerState,this.propsInTransition=null,this.transition=new z(t.timeline),this.onViewStateChange=t.onViewStateChange||le,this.onStateChange=t.onStateChange||le}finalize(){this.transition.cancel()}getViewportInTransition(){return this.propsInTransition}processViewStateChange(t){let e=!1;const i=this.props;if(this.props=t,!i||this._shouldIgnoreViewportChange(i,t))return!1;if(this._isTransitionEnabled(t)){let s=i;if(this.transition.inProgress){const{interruption:t,endProps:e}=this.transition.settings;s={...i,...t===ge?e:this.propsInTransition||i}}this._triggerTransition(s,t),e=!0}else this.transition.cancel();return e}updateTransition(){this.transition.update()}_isTransitionEnabled(t){const{transitionDuration:e,transitionInterpolator:i}=t;return(e>0||"auto"===e)&&Boolean(i)}_isUpdateDueToCurrentTransition(t){return!(!this.transition.inProgress||!this.propsInTransition)&&this.transition.settings.interpolator.arePropsEqual(t,this.propsInTransition)}_shouldIgnoreViewportChange(t,e){return this.transition.inProgress?this.transition.settings.interruption===ve||this._isUpdateDueToCurrentTransition(e):!this._isTransitionEnabled(e)||e.transitionInterpolator.arePropsEqual(t,e)}_triggerTransition(t,e){const i=this.getControllerState(t,pe),s=this.getControllerState(e,ue).shortestPathFrom(i),n=e.transitionInterpolator,r=n.getDuration?n.getDuration(t,e):e.transitionDuration;if(0===r)return;const o=n.initializeProps(t,s);this.propsInTransition={};const a={duration:r,easing:e.transitionEasing||me,interpolator:n,interruption:e.transitionInterruption||we,startProps:o.start,endProps:o.end,onStart:e.onTransitionStart,onUpdate:this._onTransitionUpdate,onInterrupt:this._onTransitionEnd(e.onTransitionInterrupt),onEnd:this._onTransitionEnd(e.onTransitionEnd)};this.transition.start(a),this.onStateChange({inTransition:!0}),this.updateTransition()}_onTransitionEnd(t){return e=>{this.propsInTransition=null,this.onStateChange({inTransition:!1,isZooming:!1,isPanning:!1,isRotating:!1}),t?.(e)}}},_e=class{constructor(t){const{compare:e,extract:i,required:s}=t;this._propsToCompare=e,this._propsToExtract=i||e,this._requiredProps=s}arePropsEqual(t,e){for(const i of this._propsToCompare)if(!(i in t)||!(i in e)||!l(t[i],e[i]))return!1;return!0}initializeProps(t,e){const i={},s={};for(const n of this._propsToExtract)(n in t||n in e)&&(i[n]=t[n],s[n]=e[n]);return this._checkRequiredProps(i),this._checkRequiredProps(s),{start:i,end:s}}getDuration(t,e){return e.transitionDuration}_checkRequiredProps(t){this._requiredProps&&this._requiredProps.forEach(e=>{const i=t[e];P(Number.isFinite(i)||Array.isArray(i),`${e} is required for transition`)})}},ye=["longitude","latitude","zoom","bearing","pitch"],Pe=["longitude","latitude","zoom"],be=class extends _e{constructor(t={}){const e=Array.isArray(t)?t:t.transitionProps,i=Array.isArray(t)?{}:t;i.transitionProps=Array.isArray(e)?{compare:e,required:e}:e||{compare:ye,required:Pe},super(i.transitionProps),this.opts=i}initializeProps(t,e){const i=super.initializeProps(t,e),{makeViewport:s,around:n}=this.opts;if(s&&n){const r=s(t),o=s(e),a=r.unproject(n);i.start.around=n,Object.assign(i.end,{around:o.project(a),aroundPosition:a,width:e.width,height:e.height})}return i}interpolateProps(t,e,i){const s={};for(const n of this._propsToExtract)s[n]=o(t[n]||0,e[n]||0,i);if(e.aroundPosition&&this.opts.makeViewport){const n=this.opts.makeViewport({...e,...s});Object.assign(s,n.panByPosition(e.aroundPosition,o(t.around,e.around,i)))}return s}},Ce={transitionDuration:0},Me=t=>1-(1-t)*(1-t),ke=t=>1===t?1:1-Math.pow(2,-10*t),xe=["wheel"],Se=["panstart","panmove","panend"],Ee=["pinchstart","pinchmove","pinchend"],Re=["multipanstart","multipanmove","multipanend"],Le=["dblclick"],De=["dblclickdragstart","dblclickdragmove","dblclickdragend","dblclickdragcancel"],Ie=["keydown"],Te={},Ae=class{constructor(t){this.state={},this._events={},this._interactionState={isDragging:!1},this._customEvents=[],this._eventStartBlocked=null,this._panMove=!1,this._multiPanMode=null,this._multiPanStartCenter=null,this._doubleClickDragAnchor=null,this._suppressDoubleClickUntil=0,this.invertPan=!1,this.dragMode="rotate",this.inertia=0,this.scrollZoom=!0,this.dragPan=!0,this.dragRotate=!0,this.doubleClickZoom=!0,this.doubleClickDragZoom=!0,this.touchZoom=!0,this.touchRotate=!1,this.multiTouchDrag=null,this.trackpadGesture=!1,this.zoomAround="pointer",this.keyboard=!0,this.transitionManager=new fe({...t,getControllerState:(e,i)=>new this.ControllerState({...e,constraintContext:i,makeViewport:t.makeViewport}),onViewStateChange:this._onTransition.bind(this),onStateChange:this._setInteractionState.bind(this)}),this.handleEvent=this.handleEvent.bind(this),this.eventManager=t.eventManager,this.onViewStateChange=t.onViewStateChange||(()=>{}),this.onStateChange=t.onStateChange||(()=>{}),this.makeViewport=t.makeViewport,this.pickPosition=t.pickPosition}set events(t){this.toggleEvents(this._customEvents,!1),this.toggleEvents(t,!0),this._customEvents=t,this.props&&this.setProps(this.props)}finalize(){for(const t in this._events)this._events[t]&&this.eventManager?.off(t,this.handleEvent);this.transitionManager.finalize()}handleEvent(t){this._controllerState=void 0;const e=this._eventStartBlocked;switch(t.type){case"panstart":return!e&&this._onPanStart(t);case"panmove":return this._onPan(t);case"panend":return this._onPanEnd(t);case"pinchstart":return!(e||!this._isTrackpadGestureAllowed(t))&&this._onPinchStart(t);case"pinchmove":return!!this._isTrackpadGestureAllowed(t)&&this._onPinch(t);case"pinchend":return!!this._isTrackpadGestureAllowed(t)&&this._onPinchEnd(t);case"multipanstart":return!e&&this._onMultiPanStart(t);case"multipanmove":return this._onMultiPan(t);case"multipanend":return this._onMultiPanEnd(t);case"dblclick":return this._onDoubleClick(t);case"dblclickdragstart":return!e&&this._onDoubleClickDragStart(t);case"dblclickdragmove":return this._onDoubleClickDrag(t);case"dblclickdragend":case"dblclickdragcancel":return this._onDoubleClickDragEnd(t);case"wheel":return this._onWheel(t);case"keydown":return this._onKeyDown(t);default:return!1}}get controllerState(){return this._controllerState=this._controllerState||new this.ControllerState({makeViewport:this.makeViewport,...this.props,...this.state}),this._controllerState}getCenter(t){const{x:e,y:i}=this.props,{offsetCenter:s}=t;return[s.x-e,s.y-i]}getZoomPosition(t){if("pointer"===this.zoomAround)return t;const e=this.makeViewport(this.controllerState.getViewportProps()),[i,s]=L(e.center,e.pixelProjectionMatrix);return[i,s]}isPointInBounds(t,e){const{width:i,height:s}=this.props;if(e&&e.handled)return!1;const n=t[0]>=0&&t[0]<=i&&t[1]>=0&&t[1]<=s;return n&&e&&e.stopPropagation(),n}isFunctionKeyPressed(t){const{srcEvent:e}=t;return Boolean(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}isDragging(){return this._interactionState.isDragging||!1}blockEvents(t){const e=setTimeout(()=>{this._eventStartBlocked===e&&(this._eventStartBlocked=null)},t);this._eventStartBlocked=e}setProps(t){void 0===t.maxBoundsPadding&&(t.maxBoundsPadding=null),t.dragMode&&(this.dragMode=t.dragMode);const e=this.props;this.props=t,"transitionInterpolator"in t||(t.transitionInterpolator=this._getTransitionProps().transitionInterpolator),this.transitionManager.processViewStateChange(t);const{inertia:i}=t;this.inertia=Number.isFinite(i)?i:!0===i?300:0;const{scrollZoom:s=!0,dragPan:n=!0,dragRotate:r=!0,doubleClickZoom:o=!0,doubleClickDragZoom:a=!1,touchZoom:h=!0,touchRotate:c=!1,multiTouchDrag:d=(c?"rotate":null),trackpadGesture:l=!1,zoomAround:p="pointer",keyboard:u=!0}=t,g=Boolean(this.onViewStateChange);if(this.toggleEvents(xe,g&&s),this.toggleEvents(Se,g),this.toggleEvents(Ee,g&&(h||"rotate"===d)),this.toggleEvents(Re,g&&Boolean(d)),this.toggleEvents(Le,g&&o),this.toggleEvents(De,g&&a),this.toggleEvents(Ie,g&&u),this.scrollZoom=s,this.dragPan=n,this.dragRotate=r,this.doubleClickZoom=o,this.doubleClickDragZoom=a,this.touchZoom=h,this.touchRotate="rotate"===d,this.multiTouchDrag=d,this.trackpadGesture=l,this.zoomAround=p,this.keyboard=u,(!e||e.height!==t.height||e.width!==t.width||e.maxBounds!==t.maxBounds||e.maxBoundsPadding!==t.maxBoundsPadding)&&t.maxBounds){const e=new this.ControllerState({...t,makeViewport:this.makeViewport}),i=e.getViewportProps();Object.keys(i).some(e=>!j(i[e],t[e],1))&&this.updateViewport(e)}}updateTransition(){this.transitionManager.updateTransition()}toggleEvents(t,e){this.eventManager&&t.forEach(t=>{this._events[t]!==e&&(this._events[t]=e,e?this.eventManager.on(t,this.handleEvent):this.eventManager.off(t,this.handleEvent))})}updateViewport(t,e=null,i={}){const s={...t.getViewportProps(),...e},n=this.controllerState!==t;if(this.state=t.getState(),this._setInteractionState(i),n){const t=this.controllerState&&this.controllerState.getViewportProps();this.onViewStateChange&&this.onViewStateChange({viewState:s,interactionState:this._interactionState,oldViewState:t,viewId:this.props.id})}}_onTransition(t){this.onViewStateChange({...t,interactionState:this._interactionState,viewId:this.props.id})}_setInteractionState(t){Object.assign(this._interactionState,t),this.onStateChange(this._interactionState)}_getConstraintContext(t,e){return this.props.rubberBand?{mode:"update"===e?"elastic":"end"===e?"rebound":"hard"}:{mode:"hard"}}_getReboundTransition(t,e){if("rebound"!==t.mode)return null;const i=e.getViewportProps();return Object.keys(i).some(t=>!j(this.props[t],i[t],1))?{...this._getTransitionProps(),transitionDuration:300,transitionEasing:ke}:null}_onPanStart(t){const e=this.getCenter(t);if(!this.isPointInBounds(e,t))return!1;let i=this.isFunctionKeyPressed(t)||t.rightButton||!1;(this.invertPan||"pan"===this.dragMode)&&(i=!i);const s=i?"pan":"rotate",n=this._getConstraintContext(s,"start"),r=i?this.controllerState.panStart({pos:e},n):this.controllerState.rotateStart({pos:e},n);return this._panMove=i,this.updateViewport(r,Ce,{isDragging:!0}),!0}_onPan(t){return!!this.isDragging()&&(this._panMove?this._onPanMove(t):this._onPanRotate(t))}_onPanEnd(t){return!!this.isDragging()&&(this._panMove?this._onPanMoveEnd(t):this._onPanRotateEnd(t))}_onPanMove(t){if(!this.dragPan)return!1;const e=this.getCenter(t),i=this.controllerState.pan({pos:e},this._getConstraintContext("pan","update"));return this.updateViewport(i,Ce,{isDragging:!0,isPanning:!0}),!0}_onPanMoveEnd(t){const{inertia:e}=this;if(this.dragPan&&e&&t.velocity){const i=this.getCenter(t),s=[i[0]+t.velocityX*e/2,i[1]+t.velocityY*e/2],n=this.controllerState.pan({pos:s}).panEnd();this.updateViewport(n,{...this._getTransitionProps(),transitionDuration:e,transitionEasing:Me},{isDragging:!1,isPanning:!0})}else{const t=this.controllerState,e=this._getConstraintContext("pan","end"),i=t.panEnd(e),s=this._getReboundTransition(e,i);this.updateViewport(i,s,{isDragging:!1,isPanning:Boolean(s)})}return!0}_onPanRotate(t){if(!this.dragRotate)return!1;const e=this.getCenter(t),i=this.controllerState.rotate({pos:e},this._getConstraintContext("rotate","update"));return this.updateViewport(i,Ce,{isDragging:!0,isRotating:!0}),!0}_onPanRotateEnd(t){const{inertia:e}=this;if(this.dragRotate&&e&&t.velocity){const i=this.getCenter(t),s=[i[0]+t.velocityX*e/2,i[1]+t.velocityY*e/2],n=this.controllerState.rotate({pos:s}).rotateEnd();this.updateViewport(n,{...this._getTransitionProps(),transitionDuration:e,transitionEasing:Me},{isDragging:!1,isRotating:!0})}else{const t=this.controllerState,e=this._getConstraintContext("rotate","end"),i=t.rotateEnd(e),s=this._getReboundTransition(e,i);this.updateViewport(i,s,{isDragging:!1,isRotating:Boolean(s)})}return!0}_onWheel(t){if(!this.scrollZoom)return!1;if(this.trackpadGesture&&"mouse"!==t.device)return!1;const e=this.getCenter(t);if(!this.isPointInBounds(e,t))return!1;t.srcEvent.preventDefault();const{speed:i=.01,smooth:s=!1}=!0===this.scrollZoom?{}:this.scrollZoom,{delta:n}=t;let r=2/(1+Math.exp(-Math.abs(n*i)));n<0&&0!==r&&(r=1/r);const o=this.getZoomPosition(e),a=s?{...this._getTransitionProps({around:o}),transitionDuration:250}:Ce,h=this.controllerState.zoom({pos:o,scale:r});return this.updateViewport(h,a,{isZooming:!0,isPanning:!0}),s||this._setInteractionState({isZooming:!1,isPanning:!1}),!0}_onMultiPanStart(t){const{multiTouchDrag:e}=this;if(!e||!this._isMultiPanEventAllowed(t,e))return!1;const i=t.offsetCenter;if(!this.isPointInBounds(this.getCenter(t),t))return!1;const s="trackpad"===t.pointerType,n={x:i.x-(s?0:t.deltaX),y:i.y-(s?0:t.deltaY)},r={...t,offsetCenter:n},o=this.getCenter(r),a="pan"===e?this.controllerState.panStart({pos:o},this._getConstraintContext("pan","start")):this.controllerState.rotateStart({pos:o},this._getConstraintContext("rotate","start"));return this._multiPanMode=e,this._multiPanStartCenter=n,this.updateViewport(a,Ce,{isDragging:!0}),!0}_onMultiPan(t){const{mode:e,event:i}=this._getMultiPanEvent(t);return!!(e&&i&&this.isDragging())&&("pan"===e?this._onPanMove(i):this._onPanRotate(i))}_onMultiPanEnd(t){const{mode:e,event:i}=this._getMultiPanEvent(t);if(!e||!i||!this.isDragging())return this._resetMultiPan(),!1;const s="pan"===e?this._onPanMoveEnd(i):this._onPanRotateEnd(i);return this._resetMultiPan(),s}_isTrackpadGestureAllowed(t){return"trackpad"!==t.pointerType||this.trackpadGesture}_isMultiPanEventAllowed(t,e){return"trackpad"===t.pointerType?this.trackpadGesture&&("pan"===e?this.dragPan:this.dragRotate):"touch"===t.pointerType&&("pan"===e?this.dragPan:this.dragRotate)}_getMultiPanEvent(t){const e=this._multiPanMode,i=this._multiPanStartCenter;return e&&i?{mode:e,event:{...t,offsetCenter:{x:i.x+t.deltaX,y:i.y+t.deltaY}}}:{mode:null,event:null}}_resetMultiPan(){this._multiPanMode=null,this._multiPanStartCenter=null}_onPinchStart(t){this._doubleClickDragAnchor=null;const e=this.getCenter(t);if(!this.isPointInBounds(e,t))return!1;const i=this.controllerState.zoomStart({pos:this.getZoomPosition(e)},this._getConstraintContext("zoom","start")).rotateStart({pos:e},this._getConstraintContext("rotate","start"));return Te._startPinchRotation=t.rotation,Te._lastPinchEvent=t,this.updateViewport(i,Ce,{isDragging:!0}),!0}_onPinch(t){if(!this.touchZoom&&!this.touchRotate)return!1;if(!this.isDragging())return!1;let e=this.controllerState;if(this.touchZoom){const{scale:i}=t,s=this.getCenter(t);e=e.zoom({pos:this.getZoomPosition(s),scale:i},this._getConstraintContext("zoom","update"))}if(this.touchRotate){const{rotation:i}=t;e=e.rotate({deltaAngleX:Te._startPinchRotation-i},this._getConstraintContext("rotate","update"))}return this.updateViewport(e,Ce,{isDragging:!0,isPanning:this.touchZoom,isZooming:this.touchZoom,isRotating:this.touchRotate}),Te._lastPinchEvent=t,!0}_onPinchEnd(t){if(!this.isDragging())return!1;const{inertia:e}=this,{_lastPinchEvent:i}=Te;if(this.touchZoom&&e&&i&&t.scale!==i.scale){const s=this.getCenter(t),n=this.getZoomPosition(s);let r=this.controllerState.rotateEnd();const o=Math.log2(t.scale),a=(o-Math.log2(i.scale))/(t.deltaTime-i.deltaTime),h=Math.pow(2,o+a*e/2);r=r.zoom({pos:n,scale:h}).zoomEnd(),this.updateViewport(r,{...this._getTransitionProps({around:n}),transitionDuration:e,transitionEasing:Me},{isDragging:!1,isPanning:this.touchZoom,isZooming:this.touchZoom,isRotating:!1}),this.blockEvents(e)}else{const t=this.controllerState,e=this._getConstraintContext("zoom","end"),i=this._getConstraintContext("rotate","end"),s=t.zoomEnd(e).rotateEnd(i),n=this._getReboundTransition(this.touchZoom?e:i,s);this.updateViewport(s,n,{isDragging:!1,isPanning:Boolean(n)&&this.touchZoom,isZooming:Boolean(n)&&this.touchZoom,isRotating:Boolean(n)&&this.touchRotate})}return Te._startPinchRotation=null,Te._lastPinchEvent=null,!0}_onDoubleClick(t){if(!this.doubleClickZoom)return!1;if(Date.now()<this._suppressDoubleClickUntil)return!1;const e=this.getCenter(t);if(!this.isPointInBounds(e,t))return!1;const i=this.isFunctionKeyPressed(t),s=this.getZoomPosition(e),n=this.controllerState.zoom({pos:s,scale:i?.5:2});return this.updateViewport(n,this._getTransitionProps({around:s}),{isZooming:!0,isPanning:!0}),this.blockEvents(100),!0}_onDoubleClickDragStart(t){if(!this.doubleClickDragZoom)return this._doubleClickDragAnchor=null,!1;const e=this.getCenter(t);if(!this.isPointInBounds(e,t))return this._doubleClickDragAnchor=null,!1;this._doubleClickDragAnchor=this.getZoomPosition(e);let i=this.controllerState.zoomStart({pos:this._doubleClickDragAnchor},this._getConstraintContext("zoom","start"));return 1!==t.scale&&(i=i.zoom({pos:this._doubleClickDragAnchor,scale:t.scale},this._getConstraintContext("zoom","update"))),this.updateViewport(i,Ce,{isDragging:!0,isPanning:!0,isZooming:!0}),!0}_onDoubleClickDrag(t){const e=this._doubleClickDragAnchor;if(!e)return!1;const i=this.controllerState.zoom({pos:e,scale:t.scale},this._getConstraintContext("zoom","update"));return this.updateViewport(i,Ce,{isDragging:!0,isPanning:!0,isZooming:!0}),!0}_onDoubleClickDragEnd(t){if(!this._doubleClickDragAnchor)return!1;this._doubleClickDragAnchor=null;const e=this.controllerState,i=this._getConstraintContext("zoom","end"),s=e.zoomEnd(i),n=this._getReboundTransition(i,s);return this.updateViewport(s,n,{isDragging:!1,isPanning:Boolean(n),isZooming:Boolean(n)}),this._suppressDoubleClickUntil=Date.now()+100,this.blockEvents(100),!0}_onKeyDown(t){if(!this.keyboard)return!1;const e=this.isFunctionKeyPressed(t),{zoomSpeed:i,moveSpeed:s,rotateSpeedX:n,rotateSpeedY:r}=!0===this.keyboard?{}:this.keyboard,{controllerState:o}=this;let a;const h={};switch(t.srcEvent.code){case"Minus":a=e?o.zoomOut(i).zoomOut(i):o.zoomOut(i),h.isZooming=!0;break;case"Equal":a=e?o.zoomIn(i).zoomIn(i):o.zoomIn(i),h.isZooming=!0;break;case"ArrowLeft":e?(a=o.rotateLeft(n),h.isRotating=!0):(a=o.moveLeft(s),h.isPanning=!0);break;case"ArrowRight":e?(a=o.rotateRight(n),h.isRotating=!0):(a=o.moveRight(s),h.isPanning=!0);break;case"ArrowUp":e?(a=o.rotateUp(r),h.isRotating=!0):(a=o.moveUp(s),h.isPanning=!0);break;case"ArrowDown":e?(a=o.rotateDown(r),h.isRotating=!0):(a=o.moveDown(s),h.isPanning=!0);break;default:return!1}return this.updateViewport(a,this._getTransitionProps(),h),!0}_getTransitionProps(t){const{transition:e}=this;return e&&e.transitionInterpolator?t?{...e,transitionInterpolator:new be({...t,...e.transitionInterpolator.opts,makeViewport:this.controllerState.makeViewport})}:e:Ce}},Ve=Symbol("constraintAround"),ze=class{constructor(t,e,i,s){this.makeViewport=i,this._viewportProps=this.applyConstraints(t,s),this._state=e}getViewportProps(){return this._viewportProps}getState(){return this._state}};function Fe(t,e,i){const s=t-e;return s&&Number.isFinite(s)?e+s*i/(i+Math.abs(s)):e}function Oe(t,e,i){const s=ne(ie(i?.left??0),t),n=ne(ie(i?.right??0),t),r=ne(ie(i?.top??0),e);return{x:s,y:r,width:t-s-n,height:e-r-ne(ie(i?.bottom??0),e)}}function je(t,e,i){let[s,n]=t.project(e);return s=Number.isFinite(s)?s:t.width/2,n=Number.isFinite(n)?n:t.height/2,{left:s-i.x,right:i.x+i.width-s,top:n-i.y,bottom:i.y+i.height-n}}var Be=[[-1/0,-90],[1/0,90]];function Ne([t,e]){if(Math.abs(e)>90&&(e=90*Math.sign(e)),Number.isFinite(t)){const[s,r]=n([t,e]);return[s,i(r,0,512)]}const[,s]=n([0,e]);return[t,i(s,0,512)]}var Ue=class extends ze{constructor(t){const{width:e,height:i,latitude:s,longitude:n,zoom:r,bearing:o=0,pitch:a=0,altitude:h=1.5,position:c=[0,0,0],maxZoom:d=20,minZoom:l=0,maxPitch:p=60,minPitch:u=0,startPanLngLat:g,startZoomLngLat:v,startRotatePos:m,startRotateLngLat:w,startBearing:f,startPitch:_,startZoom:y,normalize:b=!0,rubberBand:C=!1}=t,{[Ve]:M}=t;P(Number.isFinite(n)),P(Number.isFinite(s)),P(Number.isFinite(r));super({width:e,height:i,latitude:s,longitude:n,zoom:r,bearing:o,pitch:a,altitude:h,maxZoom:d,minZoom:l,maxPitch:p,minPitch:u,normalize:b,position:c,maxBounds:t.maxBounds||(b?Be:null),maxBoundsPadding:t.maxBoundsPadding||null,rubberBand:C,[Ve]:M},{startPanLngLat:g,startZoomLngLat:v,startRotatePos:m,startRotateLngLat:w,startBearing:f,startPitch:_,startZoom:y},t.makeViewport,t.constraintContext),this.getAltitude=t.getAltitude}panStart({pos:t},e){return this._getUpdatedState({startPanLngLat:this._unproject(t)},e)}pan({pos:t,startPos:e},i){const s=this.getState().startPanLngLat||this._unproject(e);if(!s)return this;const n=this.makeViewport(this.getViewportProps()).panByPosition(s,t);return this._getUpdatedState(n,i)}panEnd(t){return this._getUpdatedState({startPanLngLat:null},t)}rotateStart({pos:t}){const e=this.getAltitude?.(t);return this._getUpdatedState({startRotatePos:t,startRotateLngLat:void 0!==e?this._unproject3D(t,e):void 0,startBearing:this.getViewportProps().bearing,startPitch:this.getViewportProps().pitch})}rotate({pos:t,deltaAngleX:e=0,deltaAngleY:i=0}){const{startRotatePos:s,startRotateLngLat:n,startBearing:r,startPitch:o}=this.getState();if(!s||void 0===r||void 0===o)return this;let a;if(a=t?this._getNewRotation(t,s,o,r):{bearing:r+e,pitch:o+i},n){const t=this.makeViewport({...this.getViewportProps(),...a}),e="panByPosition3D"in t?"panByPosition3D":"panByPosition";return this._getUpdatedState({...a,...t[e](n,s)})}return this._getUpdatedState(a)}rotateEnd(){return this._getUpdatedState({startRotatePos:null,startRotateLngLat:null,startBearing:null,startPitch:null})}zoomStart({pos:t},e){return this._getUpdatedState({startZoomLngLat:this._unproject(t),startZoom:this.getViewportProps().zoom},e)}zoom({pos:t,startPos:e,scale:i},s){let{startZoom:n,startZoomLngLat:r}=this.getState();return r||(n=this.getViewportProps().zoom,r=this._unproject(e)||this._unproject(t)),r?this._getUpdatedState({zoom:n+Math.log2(i),[Ve]:{position:r,screenPosition:t}},s):this}zoomEnd(t){return this._getUpdatedState({startZoomLngLat:null,startZoom:null},t)}zoomIn(t=2,e){return this._zoomFromCenter(t,e)}zoomOut(t=2,e){return this._zoomFromCenter(1/t,e)}moveLeft(t=100,e){return this._panFromCenter([t,0],e)}moveRight(t=100,e){return this._panFromCenter([-t,0],e)}moveUp(t=100,e){return this._panFromCenter([0,t],e)}moveDown(t=100,e){return this._panFromCenter([0,-t],e)}rotateLeft(t=15){return this._getUpdatedState({bearing:this.getViewportProps().bearing-t})}rotateRight(t=15){return this._getUpdatedState({bearing:this.getViewportProps().bearing+t})}rotateUp(t=10){return this._getUpdatedState({pitch:this.getViewportProps().pitch+t})}rotateDown(t=10){return this._getUpdatedState({pitch:this.getViewportProps().pitch-t})}shortestPathFrom(t){const e=t.getViewportProps(),i={...this.getViewportProps()},{bearing:s,longitude:n}=i;return Math.abs(s-e.bearing)>180&&(i.bearing=s<0?s+360:s-360),Math.abs(n-e.longitude)>180&&(i.longitude=n<0?n+360:n-360),i}applyConstraints(t,s){const n=t,r=n[Ve];delete n[Ve];const{maxPitch:o,minPitch:a,pitch:h,bearing:c,normalize:d,maxBounds:l,rubberBand:p}=t;d&&(c<-180||c>180)&&(t.bearing=M(c+180,360)-180),t.pitch=i(h,a,o);const u=this._constrainZoom(t.zoom,t),g=p&&"elastic"===s?.mode;if(t.zoom="preserve"===s?.mode?t.zoom:g?Fe(t.zoom,u,1):u,r){const e=this.makeViewport(t);Object.assign(t,e.panByPosition(r.position,r.screenPosition))}if(d&&(t.longitude<-180||t.longitude>180)&&(t.longitude=M(t.longitude+180,360)-180),l){const n=Oe(t.width,t.height,t.maxBoundsPadding),r=je(this.makeViewport({...t,bearing:0,pitch:0}),[t.longitude,t.latitude],n),o=Ne(l[0]),a=Ne(l[1]),h=2**t.zoom,c=[o[0]+r.left/h,o[1]+r.bottom/h],d=[a[0]-r.right/h,a[1]-r.top/h],p=Ne([t.longitude,t.latitude]),u=[i(p[0],c[0],d[0]),i(p[1],c[1],d[1])],v=p.slice();if(n.width>=0&&(v[0]="preserve"===s?.mode?p[0]:g?Fe(p[0],u[0],n.width/2/h):u[0]),n.height>=0&&(v[1]="preserve"===s?.mode?p[1]:g?Fe(p[1],u[1],n.height/2/h):u[1]),v[0]!==p[0]||v[1]!==p[1]){const[i,s]=e(v);v[0]!==p[0]&&(t.longitude=i),v[1]!==p[1]&&(t.latitude=s)}}return t}_constrainZoom(t,e){e||(e=this.getViewportProps());const{maxZoom:s,maxBounds:n}=e,r=null!==n&&e.width>0&&e.height>0;let{minZoom:o}=e;if(r){const t=Oe(e.width,e.height,e.maxBoundsPadding),i=Ne(n[0]),r=Ne(n[1]),a=r[0]-i[0],h=r[1]-i[1];t.width>0&&Number.isFinite(a)&&a>0&&(o=Math.max(o,Math.log2(t.width/a))),t.height>0&&Number.isFinite(h)&&h>0&&(o=Math.max(o,Math.log2(t.height/h))),o>s&&(o=s)}return i(t,o,s)}_zoomFromCenter(t,e){const{width:i,height:s}=this.getViewportProps();return this.zoom({pos:[i/2,s/2],scale:t},e)}_panFromCenter(t,e){const{width:i,height:s}=this.getViewportProps();return this.pan({startPos:[i/2,s/2],pos:[i/2+t[0],s/2+t[1]]},e)}_getUpdatedState(t,e){return new this.constructor({makeViewport:this.makeViewport,...this.getViewportProps(),...this.getState(),...t,constraintContext:e})}_unproject(t){const e=this.makeViewport(this.getViewportProps());return t&&e.unproject(t)}_unproject3D(t,e){return this.makeViewport(this.getViewportProps()).unproject(t,{targetZ:e})}_getNewRotation(t,e,s,n){const r=t[0]-e[0],o=t[1]-e[1],a=t[1],h=e[1],{width:c,height:d}=this.getViewportProps(),l=r/c;let p=0;o>0?Math.abs(d-h)>5&&(p=o/(h-d)*1.2):o<0&&h>5&&(p=1-a/h),p=i(p,-1,1);const{minPitch:u,maxPitch:g}=this.getViewportProps();let v=s;return p>0?v=s+p*(g-s):p<0&&(v=s-p*(u-s)),{pitch:v,bearing:n+180*l}}},Ge=class extends Ae{constructor(){super(...arguments),this.ControllerState=Ue,this.transition={transitionDuration:300,transitionInterpolator:new be({transitionProps:{compare:["longitude","latitude","zoom","bearing","pitch","position"],required:["longitude","latitude","zoom"]}})},this.dragMode="pan",this.rotationPivot="center",this._getAltitude=t=>{if("2d"===this.rotationPivot)return 0;if("3d"===this.rotationPivot&&this.pickPosition){const{x:e,y:i}=this.props,s=this.pickPosition(e+t[0],i+t[1]);if(s&&s.coordinate&&s.coordinate.length>=3)return s.coordinate[2]}}}setProps(t){"rotationPivot"in t&&(this.rotationPivot=t.rotationPivot||"center"),t.getAltitude=this._getAltitude,t.position=t.position||[0,0,0],t.maxBounds=t.maxBounds||(!1===t.normalize?null:Be),super.setProps(t)}updateViewport(t,e=null,i={}){const s=t.getState();i.isDragging&&s.startRotateLngLat?i={...i,rotationPivotPosition:s.startRotateLngLat}:!1===i.isDragging&&(i={...i,rotationPivotPosition:void 0}),super.updateViewport(t,e,i)}},We=class extends de{constructor(t={}){super(t)}getViewportType(){return y}get ControllerType(){return Ge}};We.displayName="MapView";var Ze=new jt;var He=class{constructor(t){this._resolvedEffects=[],this._defaultEffects=[],this.effects=[],this._context=t,this._needsRedraw="Initial render",this._setEffects([])}addDefaultEffect(t){const e=this._defaultEffects;if(!e.find(e=>e.id===t.id)){const i=e.findIndex(e=>{return i=t,(e.order??1/0)-(i.order??1/0)>0;var i});i<0?e.push(t):e.splice(i,0,t),t.setup(this._context),this._setEffects(this.effects)}}setProps(t){"effects"in t&&(j(t.effects,this.effects,1)||this._setEffects(t.effects))}needsRedraw(t={clearRedrawFlags:!1}){const e=this._needsRedraw;return t.clearRedrawFlags&&(this._needsRedraw=!1),e}getEffects(){return this._resolvedEffects}_setEffects(t){const e={};for(const s of this.effects)e[s.id]=s;const i=[];for(const s of t){const t=e[s.id];let n=s;t&&t!==s?t.setProps?(t.setProps(s.props),n=t):t.cleanup(this._context):t||s.setup(this._context),i.push(n),delete e[s.id]}for(const s in e)e[s].cleanup(this._context);this.effects=i,this._resolvedEffects=i.concat(this._defaultEffects),t.some(t=>t instanceof jt)||this._resolvedEffects.push(Ze),this._needsRedraw="effects changed"}finalize(){for(const t of this._resolvedEffects)t.cleanup(this._context);this.effects.length=0,this._resolvedEffects.length=0,this._defaultEffects.length=0}},qe=class extends It{shouldDrawLayer(t){const{operation:e}=t.props;return e.includes("draw")||e.includes("terrain")}render(t){return this._render(t)}},$e=class{constructor(t,e={}){this.device=t,this.stats=e.stats,this.layerFilter=null,this.drawPickingColors=!1,this.drawLayersPass=new qe(t),this.pickLayersPass=new qt(t),this.renderCount=0,this._needsRedraw="Initial render",this.renderBuffers=[],this.lastPostProcessEffect=null}setProps(t){this.layerFilter!==t.layerFilter&&(this.layerFilter=t.layerFilter,this._needsRedraw="layerFilter changed"),this.drawPickingColors!==t.drawPickingColors&&(this.drawPickingColors=t.drawPickingColors,this._needsRedraw="drawPickingColors changed")}renderLayers(t){const e=this.drawPickingColors?this.pickLayersPass:this.drawLayersPass,i={layerFilter:this.layerFilter,isPicking:this.drawPickingColors,...t};if(!t.viewports.length){const t=e.render(i),s="stats"in t?t.stats:t;return void this._updateStats(s)}i.effects&&this._preRender(i.effects,i);const s=this.lastPostProcessEffect?this.renderBuffers[0]:i.target;this.lastPostProcessEffect&&(i.clearColor=[0,0,0,0],i.clearCanvas=!0);const n=e.render({...i,target:s}),r="stats"in n?n.stats:n;i.effects&&(this.lastPostProcessEffect&&(i.clearCanvas=void 0===t.clearCanvas||t.clearCanvas),this._postRender(i.effects,i)),this.renderCount++,B("deckRenderer.renderLayers",this,r,t),this._updateStats(r)}needsRedraw(t={clearRedrawFlags:!1}){const e=this._needsRedraw;return t.clearRedrawFlags&&(this._needsRedraw=!1),e}finalize(){const{renderBuffers:t}=this;for(const e of t)e.delete();t.length=0}_updateStats(t){if(!this.stats)return;let e=0;for(const{visibleCount:i}of t)e+=i;this.stats.get("Layers rendered").addCount(e)}_preRender(t,e){this.lastPostProcessEffect=null,e.preRenderStats=e.preRenderStats||{};for(const i of t)e.preRenderStats[i.id]=i.preRender(e),i.postRender&&(this.lastPostProcessEffect=i.id);this.lastPostProcessEffect&&this._resizeRenderBuffers(e.canvasContext)}_resizeRenderBuffers(t=this.device.canvasContext){const{renderBuffers:e}=this,i=t.getDrawingBufferSize(),[s,n]=i;0===e.length&&[0,1].map(t=>{const i=this.device.createTexture({sampler:{minFilter:"linear",magFilter:"linear"},width:s,height:n});e.push(this.device.createFramebuffer({id:`deck-renderbuffer-${t}`,colorAttachments:[i]}))});for(const r of e)r.resize(i)}_postRender(t,e){const{renderBuffers:i}=this,s=e.target??e.canvasContext?.getCurrentFramebuffer()??e.target,n={...e,inputBuffer:i[0],swapBuffer:i[1]};for(const r of t)if(r.postRender){n.target=r.id===this.lastPostProcessEffect?s:void 0;const t=r.postRender(n);n.inputBuffer=t,n.swapBuffer=t===i[0]?i[1]:i[0]}}},Xe={pickedColor:null,pickedObjectIndex:-1};function Ye({pickedColors:t,decodePickingColor:e,deviceX:i,deviceY:s,deviceRadius:n,deviceRect:r}){const{x:o,y:a,width:h,height:c}=r;let d=n*n,l=-1,p=0;for(let u=0;u<c;u++){const e=u+a-s,n=e*e;if(n>d)p+=4*h;else for(let s=0;s<h;s++){if(t[p+3]-1>=0){const t=s+o-i,e=t*t+n;e<=d&&(d=e,l=p)}p+=4}}if(l>=0){const i=t.slice(l,l+4),s=e(i);if(s){const t=Math.floor(l/4/h),e=l/4-t*h;return{...s,pickedColor:i,pickedX:o+e,pickedY:a+t}}O.error("Picked non-existent layer. Is picking buffer corrupt?")()}return Xe}function Ke({pickedColors:t,decodePickingColor:e}){const i=/* @__PURE__ */new Map;if(t)for(let s=0;s<t.length;s+=4)if(t[s+3]-1>=0){const n=t.slice(s,s+4),r=n.join(",");if(!i.has(r)){const t=e(n);t?i.set(r,{...t,color:n}):O.error("Picked non-existent layer. Is picking buffer corrupt?")()}}return Array.from(i.values())}function Je({pickInfo:t,viewports:e,pixelRatio:i,x:s,y:n,z:r}){let o,a=e[0];if(e.length>1&&(a=function(t,e){for(let i=t.length-1;i>=0;i--){const s=t[i];if(s.containsPixel(e))return s}return t[0]}(t?.pickedViewports||e,{x:s,y:n})),a){const t=[s-a.x,n-a.y];void 0!==r&&(t[2]=r),o=a.unproject(t)}return{color:null,layer:null,viewport:a,index:-1,picked:!1,x:s,y:n,pixel:[s,n],coordinate:o,devicePixel:t&&"pickedX"in t?[t.pickedX,t.pickedY]:void 0,pixelRatio:i}}function Qe(t){const{pickInfo:e,lastPickedInfo:i,mode:s,layers:n}=t,{pickedColor:r,pickedLayer:o,pickedObjectIndex:a}=e,h=o?[o]:[];if("hover"===s){const t=i.index,e=i.layerId,s=o?o.props.id:null;if(s!==e||a!==t){if(s!==e){const t=n.find(t=>t.props.id===e);t&&h.unshift(t)}i.layerId=s,i.index=a,i.info=null}}const c=Je(t),d=/* @__PURE__ */new Map;return d.set(null,c),h.forEach(t=>{let e={...c};t===o&&(e.color=r,e.index=a,e.picked=!0),e=ti({layer:t,info:e,mode:s});const n=e.layer;t===o&&"hover"===s&&(i.info=e),d.set(n.id,e),"hover"===s&&n.updateAutoHighlight(e)}),d}function ti({layer:t,info:e,mode:i}){for(;t&&e;){const s=e.layer||null;e.sourceLayer=s,e.layer=t,e=t.getPickingInfo({info:e,mode:i,sourceLayer:s}),t=t.parent}return e}var ei=class{constructor(t,e={}){this._pickable=!0,this.device=t,this.stats=e.stats,this.pickLayersPass=new qt(t),this.lastPickedInfo={index:-1,layerId:null,info:null}}setProps(t){"layerFilter"in t&&(this.layerFilter=t.layerFilter),"_pickable"in t&&(this._pickable=t._pickable)}finalize(){this.pickingFBO&&this.pickingFBO.destroy(),this.depthFBO&&this.depthFBO.destroy()}pickObjectAsync(t){return this._pickClosestObjectAsync(t)}pickObjectsAsync(t){return this._pickVisibleObjectsAsync(t)}pickObject(t){return this._pickClosestObject(t)}pickObjects(t){return this._pickVisibleObjects(t)}getLastPickedObject({x:t,y:e,layers:i,viewports:s},n=this.lastPickedInfo.info){const r=n&&n.layer&&n.layer.id,o=n&&n.viewport&&n.viewport.id,a=r?i.find(t=>t.id===r):null,h=o&&s.find(t=>t.id===o)||s[0],c={x:t,y:e,viewport:h,coordinate:h&&h.unproject([t-h.x,e-h.y]),layer:a};return{...n,...c}}_resizeBuffer(t=this.device.getDefaultCanvasContext()){if(!this.pickingFBO){const t=this.device.createTexture({format:"rgba8unorm",width:1,height:1,usage:w.RENDER_ATTACHMENT|w.COPY_SRC});if(this.pickingFBO=this.device.createFramebuffer({colorAttachments:[t],depthStencilAttachment:"depth16unorm"}),this.device.isTextureFormatRenderable("rgba32float")){const t=this.device.createTexture({format:"rgba32float",width:1,height:1,usage:w.RENDER_ATTACHMENT|w.COPY_SRC}),e=this.device.createFramebuffer({colorAttachments:[t],depthStencilAttachment:"depth16unorm"});this.depthFBO=e}}const[e,i]=t.getDrawingBufferSize();this.pickingFBO?.resize({width:e,height:i}),this.depthFBO?.resize({width:e,height:i})}_getPickable(t){if(!1===this._pickable)return null;const e=t.filter(t=>this.pickLayersPass.shouldDrawLayer(t)&&!t.isComposite);return e.length?e:null}async _pickClosestObjectAsync({layers:t,views:e,viewports:i,x:s,y:n,radius:r=0,depth:o=1,mode:a="query",unproject3D:h,canvasContext:c=this.device.getDefaultCanvasContext(),onViewportActive:d,effects:l}){const p=c.cssToDeviceRatio(),u=this._getPickable(t);if(!u||0===i.length)return{result:[],emptyInfo:Je({viewports:i,x:s,y:n,pixelRatio:p})};this._resizeBuffer(c);const g=c.cssToDevicePixels([s,n],!0),v=[g.x+Math.floor(g.width/2),g.y+Math.floor(g.height/2)],m=Math.round(r*p),{width:w,height:f}=this.pickingFBO,_=this._getPickingRect({deviceX:v[0],deviceY:v[1],deviceRadius:m,deviceWidth:w,deviceHeight:f}),y={x:s-r,y:n-r,width:2*r+1,height:2*r+1};let P;const b=[],C=/* @__PURE__ */new Set;for(let M=0;M<o;M++){let t,r;if(_){t=Ye({...await this._drawAndSampleAsync({layers:u,views:e,viewports:i,onViewportActive:d,deviceRect:_,cullRect:y,effects:l,pass:`picking:${a}`,canvasContext:c}),deviceX:v[0],deviceY:v[1],deviceRadius:m,deviceRect:_})}else t={pickedColor:null,pickedObjectIndex:-1};const g=this._getDepthLayers(t,u,h);if(g.length>0){const{pickedColors:s}=await this._drawAndSampleAsync({layers:g,views:e,viewports:i,onViewportActive:d,deviceRect:{x:t.pickedX??v[0],y:t.pickedY??v[1],width:1,height:1},cullRect:y,effects:l,pass:`picking:${a}:z`,canvasContext:c},!0);s[3]&&(r=s[0])}t.pickedLayer&&M+1<o&&(C.add(t.pickedLayer),t.pickedLayer.disablePickingIndex(t.pickedObjectIndex)),P=Qe({pickInfo:t,lastPickedInfo:this.lastPickedInfo,mode:a,layers:u,viewports:i,x:s,y:n,z:r,pixelRatio:p});for(const e of P.values())e.layer&&b.push(e);if(!t.pickedColor)break}for(const M of C)M.restorePickingColors();return{result:b,emptyInfo:P.get(null)}}_pickClosestObject({layers:t,views:e,viewports:i,x:s,y:n,radius:r=0,depth:o=1,mode:a="query",unproject3D:h,canvasContext:c=this.device.getDefaultCanvasContext(),onViewportActive:d,effects:l}){const p=c.cssToDeviceRatio(),u=this._getPickable(t);if(!u||0===i.length)return{result:[],emptyInfo:Je({viewports:i,x:s,y:n,pixelRatio:p})};this._resizeBuffer(c);const g=c.cssToDevicePixels([s,n],!0),v=[g.x+Math.floor(g.width/2),g.y+Math.floor(g.height/2)],m=Math.round(r*p),{width:w,height:f}=this.pickingFBO,_=this._getPickingRect({deviceX:v[0],deviceY:v[1],deviceRadius:m,deviceWidth:w,deviceHeight:f}),y={x:s-r,y:n-r,width:2*r+1,height:2*r+1};let P;const b=[],C=/* @__PURE__ */new Set;for(let M=0;M<o;M++){let t,r;if(_){t=Ye({...this._drawAndSample({layers:u,views:e,viewports:i,onViewportActive:d,deviceRect:_,cullRect:y,effects:l,pass:`picking:${a}`,canvasContext:c}),deviceX:v[0],deviceY:v[1],deviceRadius:m,deviceRect:_})}else t={pickedColor:null,pickedObjectIndex:-1};const g=this._getDepthLayers(t,u,h);if(g.length>0){const{pickedColors:s}=this._drawAndSample({layers:g,views:e,viewports:i,onViewportActive:d,deviceRect:{x:t.pickedX??v[0],y:t.pickedY??v[1],width:1,height:1},cullRect:y,effects:l,pass:`picking:${a}:z`,canvasContext:c},!0);s[3]&&(r=s[0])}t.pickedLayer&&M+1<o&&(C.add(t.pickedLayer),t.pickedLayer.disablePickingIndex(t.pickedObjectIndex)),P=Qe({pickInfo:t,lastPickedInfo:this.lastPickedInfo,mode:a,layers:u,viewports:i,x:s,y:n,z:r,pixelRatio:p});for(const e of P.values())e.layer&&b.push(e);if(!t.pickedColor)break}for(const M of C)M.restorePickingColors();return{result:b,emptyInfo:P.get(null)}}async _pickVisibleObjectsAsync({layers:t,views:e,viewports:i,x:s,y:n,width:r=1,height:o=1,mode:a="query",maxObjects:h=null,canvasContext:c=this.device.getDefaultCanvasContext(),onViewportActive:d,effects:l}){const p=this._getPickable(t);if(!p||0===i.length)return[];this._resizeBuffer(c);const u=c.cssToDeviceRatio(),g=c.cssToDevicePixels([s,n],!0),v=g.x,m=g.y+g.height,w=c.cssToDevicePixels([s+r,n+o],!0),f=w.x+w.width,_=w.y,y={x:v,y:_,width:f-v,height:m-_},P=Ke(await this._drawAndSampleAsync({layers:p,views:e,viewports:i,onViewportActive:d,deviceRect:y,cullRect:{x:s,y:n,width:r,height:o},effects:l,pass:`picking:${a}`,canvasContext:c})),b=/* @__PURE__ */new Map,C=[],M=Number.isFinite(h);for(let k=0;k<P.length&&!(M&&C.length>=h);k++){const t=P[k];let e={color:t.pickedColor,layer:null,index:t.pickedObjectIndex,picked:!0,x:s,y:n,pixelRatio:u};e=ti({layer:t.pickedLayer,info:e,mode:a});const i=e.layer.id;b.has(i)||b.set(i,/* @__PURE__ */new Set);const r=b.get(i),o=e.object??e.index;r.has(o)||(r.add(o),C.push(e))}return C}_pickVisibleObjects({layers:t,views:e,viewports:i,x:s,y:n,width:r=1,height:o=1,mode:a="query",maxObjects:h=null,canvasContext:c=this.device.getDefaultCanvasContext(),onViewportActive:d,effects:l}){const p=this._getPickable(t);if(!p||0===i.length)return[];this._resizeBuffer(c);const u=c.cssToDeviceRatio(),g=c.cssToDevicePixels([s,n],!0),v=g.x,m=g.y+g.height,w=c.cssToDevicePixels([s+r,n+o],!0),f=w.x+w.width,_=w.y,y={x:v,y:_,width:f-v,height:m-_},P=Ke(this._drawAndSample({layers:p,views:e,viewports:i,onViewportActive:d,deviceRect:y,cullRect:{x:s,y:n,width:r,height:o},effects:l,pass:`picking:${a}`,canvasContext:c})),b=/* @__PURE__ */new Map,C=[],M=Number.isFinite(h);for(let k=0;k<P.length&&!(M&&C.length>=h);k++){const t=P[k];let e={color:t.pickedColor,layer:null,index:t.pickedObjectIndex,picked:!0,x:s,y:n,pixelRatio:u};e=ti({layer:t.pickedLayer,info:e,mode:a});const i=e.layer.id;b.has(i)||b.set(i,/* @__PURE__ */new Set);const r=b.get(i),o=e.object??e.index;r.has(o)||(r.add(o),C.push(e))}return C}async _drawAndSampleAsync({layers:t,views:e,viewports:i,onViewportActive:s,deviceRect:n,cullRect:r,effects:o,pass:a,canvasContext:h},c=!1){const d=c?this.depthFBO:this.pickingFBO,l={layers:t,layerFilter:this.layerFilter,views:e,viewports:i,onViewportActive:s,pickingFBO:d,deviceRect:n,cullRect:r,effects:o,pass:a,canvasContext:h,pickZ:c,preRenderStats:{},isPicking:!0};for(const y of o)y.useInPicking&&(l.preRenderStats[y.id]=y.preRender(l));const{decodePickingColor:p,stats:u}=this.pickLayersPass.render(l);this._updateStats(u);const{x:g,y:v,width:m,height:w}=n,f=d.colorAttachments[0]?.texture;if(!f)throw new Error("Picking framebuffer color attachment is missing");const _=await this._readTextureDataAsync(f,{x:g,y:v,width:m,height:w},c?Float32Array:Uint8Array);if(!c){let t=!1;for(let e=3;e<_.length;e+=4)if(0!==_[e]){t=!0;break}!t&&_.length>0&&O.warn("Async pick readback returned only zero alpha values",{deviceRect:n,bytes:Array.from(_.subarray(0,Math.min(_.length,16)))})()}return{pickedColors:_,decodePickingColor:p}}async _readTextureDataAsync(t,e,i){const{width:s,height:n}=e,r=t.computeMemoryLayout(e),o=this.device.createBuffer({byteLength:r.byteLength,usage:q.COPY_DST|q.MAP_READ});try{t.readBuffer(e,o);const a=await o.readAsync(0,r.byteLength),h=i.BYTES_PER_ELEMENT;if(r.bytesPerRow%h!==0)throw new Error(`Texture readback row stride ${r.bytesPerRow} is not aligned to ${h}-byte elements.`);const c=new i(a.buffer,a.byteOffset,r.byteLength/h),d=4*s,l=r.bytesPerRow/h;if(l<d)throw new Error(`Texture readback row stride ${l} is smaller than packed row length ${d}.`);const p=new i(s*n*4);for(let t=0;t<n;t++){const e=t*l;p.set(c.subarray(e,e+d),t*d)}return p}finally{o.destroy()}}_drawAndSample({layers:t,views:e,viewports:i,onViewportActive:s,deviceRect:n,cullRect:r,effects:o,pass:a,canvasContext:h},c=!1){const d=c?this.depthFBO:this.pickingFBO,l={layers:t,layerFilter:this.layerFilter,views:e,viewports:i,onViewportActive:s,pickingFBO:d,deviceRect:n,cullRect:r,effects:o,pass:a,canvasContext:h,pickZ:c,preRenderStats:{},isPicking:!0};for(const _ of o)_.useInPicking&&(l.preRenderStats[_.id]=_.preRender(l));const{decodePickingColor:p,stats:u}=this.pickLayersPass.render(l);this._updateStats(u);const{x:g,y:v,width:m,height:w}=n,f=new(c?Float32Array:Uint8Array)(m*w*4);return this.device.readPixelsToArrayWebGL(d,{sourceX:g,sourceY:v,sourceWidth:m,sourceHeight:w,target:f}),{pickedColors:f,decodePickingColor:p}}_updateStats(t){if(!this.stats)return;let e=0;for(const{visibleCount:i}of t)e+=i;this.stats.get("Layers picked").addCount(e)}_getDepthLayers(t,e,i){if(!i||!this.depthFBO)return[];const{pickedLayer:s}=t;return s&&!("drape"===s?.state?.terrainDrawMode)?[s]:e.filter(t=>t.props.operation.includes("terrain"))}_getPickingRect({deviceX:t,deviceY:e,deviceRadius:i,deviceWidth:s,deviceHeight:n}){const r=Math.max(0,t-i),o=Math.max(0,e-i),a=Math.min(s,t+i+1)-r,h=Math.min(n,e+i+1)-o;return a<=0||h<=0?null:{x:r,y:o,width:a,height:h}}},ii={"top-left":{top:0,left:0},"top-right":{top:0,right:0},"bottom-left":{bottom:0,left:0},"bottom-right":{bottom:0,right:0},fill:{top:0,left:0,bottom:0,right:0}},si="top-left",ni="root",ri=class{constructor({deck:t,parentElement:e}){this.defaultWidgets=[],this.widgets=[],this.resolvedWidgets=[],this.containers={},this.lastViewports={},this.deck=t,e?.classList.add("deck-widget-container"),this.parentElement=e}getWidgets(){return this.resolvedWidgets}setProps(t){if(t.widgets&&!j(t.widgets,this.widgets,1)){const e=t.widgets.filter(Boolean);this._setWidgets(e)}}finalize(){for(const t of this.getWidgets())this._removeWidget(t);this.defaultWidgets.length=0,this.resolvedWidgets.length=0;for(const t in this.containers)this.containers[t].remove()}addDefault(t){this.defaultWidgets.find(e=>e.id===t.id)||(this._addWidget(t),this.defaultWidgets.push(t),this._setWidgets(this.widgets))}onRedraw({viewports:t,layers:e}){const i=t.reduce((t,e)=>(t[e.id]=e,t),{});for(const s of this.getWidgets()){const{viewId:n}=s;if(n){const t=i[n];t&&(s.onViewportChange&&s.onViewportChange(t),s.onRedraw?.({viewports:[t],layers:e}))}else{if(s.onViewportChange)for(const e of t)s.onViewportChange(e);s.onRedraw?.({viewports:t,layers:e})}}this.lastViewports=i,this._updateContainers()}onHover(t,e){for(const i of this.getWidgets()){const{viewId:s}=i;s&&s!==t.viewport?.id||i.onHover?.(t,e)}}getCanvasBounds(t){const e=(this.deck?.getCanvas?.())?.getBoundingClientRect(),i=this.parentElement?.getBoundingClientRect(),s=this.deck?.getCanvasContext?.(t?.id);if(s&&i){s.updatePosition();const[t,e]=s.getPosition(),[n,r]=s.getCSSSize();return{x:t-i.left,y:e-i.top,width:n,height:r}}return{x:e&&i?e.left-i.left:0,y:e&&i?e.top-i.top:0,width:e?.width||this.deck?.width||0,height:e?.height||this.deck?.height||0}}onEvent(t,e){const i=c[e.type];if(i)for(const s of this.getWidgets()){const{viewId:n}=s;n&&n!==t.viewport?.id||s[i]?.(t,e)}}_setWidgets(t){const e={};for(const i of this.resolvedWidgets)e[i.id]=i;this.resolvedWidgets.length=0;for(const i of this.defaultWidgets)e[i.id]=null,this.resolvedWidgets.push(i);for(let i of t){const t=e[i.id];t?t.viewId!==i.viewId||t.placement!==i.placement?(this._removeWidget(t),this._addWidget(i)):i!==t&&(t.setProps(i.props),i=t):this._addWidget(i),e[i.id]=null,this.resolvedWidgets.push(i)}for(const i in e){const t=e[i];t&&this._removeWidget(t)}this.widgets=t}_addWidget(t){const{viewId:e=null,placement:i=si}=t,s=t.props._container??e;t.widgetManager=this,t.deck=this.deck,t.rootElement=t._onAdd({deck:this.deck,viewId:e}),t.rootElement&&this._getContainer(s,i).append(t.rootElement),t.updateHTML()}_removeWidget(t){t.onRemove?.(),t.rootElement&&t.rootElement.remove(),t.rootElement=void 0,t.deck=void 0,t.widgetManager=void 0}_getContainer(t,e){if(t&&"string"!=typeof t)return t;const i=t||ni;let s=this.containers[i];s||(s=document.createElement("div"),s.style.pointerEvents="none",s.style.position="absolute",s.style.overflow="hidden",this.parentElement?.append(s),this.containers[i]=s);let n=s.querySelector(`.${e}`);return n||(n=globalThis.document.createElement("div"),n.className=e,n.style.position="absolute",n.style.zIndex="2",Object.assign(n.style,ii[e]),s.append(n)),n}_updateContainers(){for(const t in this.containers){const e=this.lastViewports[t]||null,i=t===ni||e,s=this.containers[t];if(i){const t=this._getContainerBounds(e);s.style.display="block",s.style.left=`${t.x}px`,s.style.top=`${t.y}px`,s.style.width=`${t.width}px`,s.style.height=`${t.height}px`}else s.style.display="none"}}_getContainerBounds(t){if(!t)return{x:0,y:0,width:this.parentElement?.clientWidth||this.deck.width,height:this.parentElement?.clientHeight||this.deck.height};const e=this.getCanvasBounds(t);return{x:e.x+t.x,y:e.y+t.y,width:t.width,height:t.height}}};function oi(t,e){e&&Object.entries(e).map(([e,i])=>{e.startsWith("--")?t.style.setProperty(e,i):t.style[e]=i})}var ai=class{constructor(t){this.viewId=null,this.props={...this.constructor.defaultProps,...t},this.id=this.props.id}setProps(t){const e=this.props,i=this.rootElement;var s,n;i&&e.className!==t.className&&(e.className&&i.classList.remove(e.className),t.className&&i.classList.add(t.className)),i&&!j(e.style,t.style,1)&&(s=i,(n=e.style)&&Object.keys(n).map(t=>{t.startsWith("--")?s.style.removeProperty(t):s.style[t]=""}),oi(i,t.style)),Object.assign(this.props,t),this.updateHTML()}updateHTML(){this.rootElement&&this.onRenderHTML(this.rootElement)}get viewIds(){return this.viewId?[this.viewId]:this.deck?.getViews().map(t=>t.id)??[]}getViewState(t){return this.deck?.viewManager?.getViewState(t)||{}}setViewState(t,e){this.deck?._onViewStateChange({viewId:t,viewState:e,interactionState:{}})}onCreateRootElement(){const t=["deck-widget",this.className,this.props.className],e=document.createElement("div");return t.filter(t=>"string"==typeof t&&t.length>0).forEach(t=>e.classList.add(t)),oi(e,this.props.style),e}_onAdd(t){return this.onAdd(t)??this.onCreateRootElement()}onAdd(t){}onRemove(){}onViewportChange(t){}onRedraw(t){}onHover(t,e){}onClick(t,e){}onDrag(t,e){}onDragStart(t,e){}onDragEnd(t,e){}};ai.defaultProps={id:"widget",style:{},_container:null,className:""};var hi={zIndex:"1",position:"absolute",pointerEvents:"none",color:"#a0a7b4",backgroundColor:"#29323c",padding:"10px",top:"0",left:"0",display:"none"},ci=class extends ai{constructor(t={}){super(t),this.id="default-tooltip",this.placement="fill",this.className="deck-tooltip",this.isVisible=!1,this.setProps(t)}onCreateRootElement(){const t=document.createElement("div");return t.className=this.className,Object.assign(t.style,hi),t}onRenderHTML(t){}onViewportChange(t){this.isVisible&&t.id===this.lastViewport?.id&&!t.equals(this.lastViewport)&&this.setTooltip(null),this.lastViewport=t}onHover(t){const{deck:e}=this,i=e&&e.props.getTooltip;if(!i)return;const s=i(t),n=this.widgetManager?.getCanvasBounds(t.viewport),r=t.x+(n?.x||0),o=t.y+(n?.y||0);this.setTooltip(s,r,o)}setTooltip(t,e,i){const s=this.rootElement;if(s){if("string"==typeof t)s.innerText=t;else{if(!t)return this.isVisible=!1,void(s.style.display="none");t.text&&(s.innerText=t.text),t.html&&(s.innerHTML=t.html),t.className&&(s.className=t.className)}this.isVisible=!0,s.style.display="block",s.style.transform=`translate(${e}px, ${i}px)`,t&&"object"==typeof t&&"style"in t&&Object.assign(s.style,t.style)}}};ci.defaultProps={...ai.defaultProps};var di=class{constructor(t){this.targets={},this.order=[],this.eventManagers={},this._eventRootToCanvasId=/* @__PURE__ */new WeakMap,this._createEventManager=t.createEventManager,this._getEventRoot=t.getEventRoot}finalize(){for(const t of Object.values(this.targets))t.eventManager.destroy(),t.presentationContext.destroy();this.targets={},this.order=[],this.eventManagers={},this._eventRootToCanvasId=/* @__PURE__ */new WeakMap}syncCanvasEntries(t){const e=this._normalizeCanvasList(t.canvases),i={},s=[],n=/* @__PURE__ */new Map;for(const{canvas:o}of e){const t=this._getEventRoot(o);n.set(t,(n.get(t)||0)+1)}for(const{id:o,canvas:a}of e){const e=this._getEventRoot(a),r=1===n.get(e)?e:a;let h=this.targets[o];if(!h||h.device!==t.device||h.canvas!==a||h.eventRoot!==r){h?.eventManager.destroy(),h?.presentationContext.destroy();const e=t.device.createPresentationContext({id:o,canvas:a,useDevicePixels:t.useDevicePixels,autoResize:!0});h={id:o,device:t.device,canvas:a,eventRoot:r,presentationContext:e,eventManager:this._createEventManager(r)}}this._eventRootToCanvasId.set(r,o),this._eventRootToCanvasId.set(a,o),i[o]=h,s.push(o)}for(const[o,a]of Object.entries(this.targets))i[o]||(a.eventManager.destroy(),a.presentationContext.destroy());this.targets=i,this.order=s;const r=Object.fromEntries(Object.entries(i).map(([t,e])=>[t,e.eventManager]));this._haveSameEventManagers(r)||(this.eventManagers=r)}getCanvasIdFromEvent(t){return t?this._eventRootToCanvasId.get(t):void 0}getTarget(t){return this.targets[t||this.order[0]||"default-canvas"]||null}_normalizeCanvasList(t=[]){const e=/* @__PURE__ */new Set;return t.map((t,i)=>{let s,n;return"string"==typeof t?(s=document.getElementById(t),P(s,`Canvas with id ${t} not found`),n=t):(s=t,n=s.id||`deckgl-canvas-${i}`),P(!e.has(n),`Duplicate canvas id ${n}`),e.add(n),{id:n,canvas:s}})}_haveSameEventManagers(t){const e=Object.keys(t),i=Object.keys(this.eventManagers);return e.length===i.length&&e.every(e=>t[e]===this.eventManagers[e])}},li={WEBGL_depth_texture:{UNSIGNED_INT_24_8_WEBGL:34042},OES_element_index_uint:{},OES_texture_float:{},OES_texture_half_float:{HALF_FLOAT_OES:5131},EXT_color_buffer_float:{},OES_standard_derivatives:{FRAGMENT_SHADER_DERIVATIVE_HINT_OES:35723},EXT_frag_depth:{},EXT_blend_minmax:{MIN_EXT:32775,MAX_EXT:32776},EXT_shader_texture_lod:{}},pi=t=>({drawBuffersWEBGL:e=>t.drawBuffers(e),COLOR_ATTACHMENT0_WEBGL:36064,COLOR_ATTACHMENT1_WEBGL:36065,COLOR_ATTACHMENT2_WEBGL:36066,COLOR_ATTACHMENT3_WEBGL:36067}),ui=t=>({VERTEX_ARRAY_BINDING_OES:34229,createVertexArrayOES:()=>t.createVertexArray(),deleteVertexArrayOES:e=>t.deleteVertexArray(e),isVertexArrayOES:e=>t.isVertexArray(e),bindVertexArrayOES:e=>t.bindVertexArray(e)}),gi=t=>({VERTEX_ATTRIB_ARRAY_DIVISOR_ANGLE:35070,drawArraysInstancedANGLE:(...e)=>t.drawArraysInstanced(...e),drawElementsInstancedANGLE:(...e)=>t.drawElementsInstanced(...e),vertexAttribDivisorANGLE:(...e)=>t.vertexAttribDivisor(...e)});function vi(t=!0){const e=HTMLCanvasElement.prototype;if(!t&&e.originalGetContext)return e.getContext=e.originalGetContext,void(e.originalGetContext=void 0);e.originalGetContext=e.getContext,e.getContext=function(t,e){if("webgl"===t||"experimental-webgl"===t){const t=this.originalGetContext("webgl2",e);return t instanceof HTMLElement&&function(t){t.getExtension("EXT_color_buffer_float");const e={...li,WEBGL_disjoint_timer_query:t.getExtension("EXT_disjoint_timer_query_webgl2"),WEBGL_draw_buffers:pi(t),OES_vertex_array_object:ui(t),ANGLE_instanced_arrays:gi(t)},i=t.getExtension.bind(t);t.getExtension=function(t){const s=i(t);return s||(t in e?e[t]:null)};const s=t.getSupportedExtensions;t.getSupportedExtensions=function(){return(s.apply(t)||[])?.concat(Object.keys(e))}}(t),t}return this.originalGetContext(t,e)}}var mi=new class extends st{type="webgl";enforceWebGL2(t){vi(t)}isSupported(){return"undefined"!=typeof WebGL2RenderingContext}isDeviceHandle(t){return"undefined"!=typeof WebGL2RenderingContext&&t instanceof WebGL2RenderingContext||("undefined"!=typeof WebGLRenderingContext&&t instanceof WebGLRenderingContext&&H.warn("WebGL1 is not supported",t)(),!1)}async attach(t,e={}){const{WebGLDevice:i}=await import("./webgl-device-Bht0bA0i.js").then(t=>t.n);if(t instanceof i)return t;const s=i.getDeviceFromContext(t);if(s)return s;if(!function(t){return"undefined"!=typeof WebGL2RenderingContext&&t instanceof WebGL2RenderingContext||Boolean(t&&"function"==typeof t.createVertexArray)}(t))throw new Error("Invalid WebGL2RenderingContext");e=wi(e),await fi(e);const n=!0===e.createCanvasContext?{}:e.createCanvasContext;return new i({...e,_handle:t,createCanvasContext:{canvas:t.canvas,autoResize:!1,...n}})}async create(t={}){const{WebGLDevice:e}=await import("./webgl-device-Bht0bA0i.js").then(t=>t.n);t=wi(t),await fi(t);try{const i=new e(t);H.groupCollapsed(1,`WebGLDevice ${i.id} created`)();const s=`${i._reused?"Reusing":"Created"} device with WebGL2 ${i.props.debug?"debug ":""}context: ${i.info.vendor}, ${i.info.renderer} for canvas: ${i.canvasContext.id}`;return H.probe(1,s)(),H.table(1,i.info)(),i}finally{H.groupEnd(1)(),H.info(1,"%cWebGL call tracing: luma.log.set('debug-webgl') ","color: white; background: blue; padding: 2px 6px; border-radius: 3px;")()}}};function wi(t){return{...t,debug:t.debug??a.defaultProps.debug,debugWebGL:t.debugWebGL??a.defaultProps.debugWebGL,debugSpectorJS:t.debugSpectorJS??Boolean(H.get("debug-spectorjs"))}}async function fi(t){const e=[];(t.debugWebGL||t.debug)&&e.push(F()),t.debugSpectorJS&&e.push(T(t));const i=await Promise.allSettled(e);for(const s of i)"rejected"===s.status&&H.error(`Failed to initialize debug libraries ${s.reason}`)()}function _i(){}function yi(t){return t.deviceProps?.debug??t.debug}var Pi={id:"",width:"100%",height:"100%",style:null,viewState:null,initialViewState:null,pickingRadius:0,pickAsync:"auto",layerFilter:null,parameters:{},parent:null,device:null,deviceProps:{},gl:null,canvas:null,_canvases:null,layers:[],effects:[],views:null,controller:null,useDevicePixels:!0,touchAction:"none",eventRecognizerOptions:{},_framebuffer:null,_animate:!1,_pickable:!0,_typedArrayManagerProps:{},_customRender:null,widgets:[],onDeviceInitialized:_i,onWebGLInitialized:_i,onResize:_i,onViewStateChange:_i,onInteractionStateChange:_i,onBeforeRender:_i,onAfterRender:_i,onLoad:_i,onError:t=>O.error(t.message,t.cause)(),onHover:null,onClick:null,onDragStart:null,onDrag:null,onDragEnd:null,_onMetrics:null,getCursor:({isDragging:t})=>t?"grabbing":"grab",getTooltip:null,debug:!1,drawPickingColors:!1},bi=class{constructor(t){this.width=0,this.height=0,this.userData={},this.device=null,this.canvas=null,this.viewManager=null,this.layerManager=null,this.effectManager=null,this.deckRenderer=null,this.deckPicker=null,this.eventManager=null,this.eventManagers={},this.widgetManager=null,this.tooltip=null,this.animationLoop=null,this._canvasContext=null,this._deviceResizeHandler=null,this.cursorState={isHovering:!1,isDragging:!1},this.stats=new k({id:"deck.gl"}),this.metrics={fps:0,setPropsTime:0,layersCount:0,drawLayersCount:0,updateLayersCount:0,updateAttributesCount:0,updateAttributesTime:0,framesRedrawn:0,pickTime:0,pickCount:0,pickLayersCount:0,gpuTime:0,gpuTimePerFrame:0,cpuTime:0,cpuTimePerFrame:0,bufferMemory:0,textureMemory:0,renderbufferMemory:0,gpuMemory:0},this._metricsCounter=0,this._hoverPickSequence=0,this._pointerDownPickSequence=0,this._needsRedraw="Initial render",this._canvasManager=new di({createEventManager:t=>this._createEventManager(t),getEventRoot:t=>this._getEventRoot(t)}),this._ownedCanvas=null,this._pickRequest={mode:"hover",x:-1,y:-1,radius:0,canvasId:void 0,event:null,unproject3D:!1},this._lastPointerDownInfo=null,this._lastPointerDownInfoPromise=null,this._onPointerMove=t=>{const{_pickRequest:e}=this,i=this._getCanvasIdFromEvent(t);if("pointerleave"===t.type)e.x=-1,e.y=-1,e.radius=0,e.canvasId=i;else{if(t.leftButton||t.rightButton)return;{const s=t.offsetCenter;if(!s)return;e.x=s.x,e.y=s.y,e.radius=this.props.pickingRadius,e.canvasId=i}}this.layerManager&&(this.layerManager.context.mousePosition={x:e.x,y:e.y}),e.event=t},this._onEvent=t=>{const e=c[t.type],i=t.offsetCenter,s=this._getCanvasIdFromEvent(t);if(!e||!i||!this.layerManager)return;const n=this.layerManager.getLayers(),r=this._getInternalPickingMode();if(r){if("sync"===r){const e="click"===t.type&&this._shouldUnproject3D(n)?this._getFirstPickedInfo(this._pickPointSync(this._getPointPickOptions(i.x,i.y,{unproject3D:!0,canvasId:s},n))):this._getLastPointerDownPickingInfo(i.x,i.y,s,n);return void this._dispatchPickingEvent(e,t)}(this._lastPointerDownInfoPromise||Promise.resolve(this._getLastPointerDownPickingInfo(i.x,i.y,s,n))).then(e=>{this._dispatchPickingEvent(e,t)}).catch(t=>this.props.onError?.(t))}},this._onPointerDown=t=>{const e=t.offsetCenter,i=this._getCanvasIdFromEvent(t);if(!e)return;const s=this._getInternalPickingMode();if(!s)return;const n=this.layerManager?.getLayers()||[],r=++this._pointerDownPickSequence;if("sync"===s){const t=this._pickPointSync({x:e.x,y:e.y,canvasId:i,radius:this.props.pickingRadius}),s=this._getFirstPickedInfo(t);return this._lastPointerDownInfo=s,void(this._lastPointerDownInfoPromise=Promise.resolve(s))}const o=this._pickPointAsync(this._getPointPickOptions(e.x,e.y,{canvasId:i},n)).then(t=>this._getFirstPickedInfo(t)).then(t=>(r===this._pointerDownPickSequence&&(this._lastPointerDownInfo=t),t)).catch(t=>{this.props.onError?.(t);const s=this.deckPicker&&this.viewManager?this._getLastPointerDownPickingInfo(e.x,e.y,i,n):{};return r===this._pointerDownPickSequence&&(this._lastPointerDownInfo=s),s});this._lastPointerDownInfo=null,this._lastPointerDownInfoPromise=o};const e=t;this.props={...Pi,...t},t=this.props,this._validateCanvasConfiguration(t),t.viewState&&t.initialViewState&&O.warn("View state tracking is disabled. Use either `initialViewState` for auto update or `viewState` for manual update.")(),this.viewState=this.props.initialViewState,t.device&&(this.device=t.device,this._setDeviceCanvasContext(t.device));let i=this.device;!i&&t.gl&&(t.gl instanceof WebGLRenderingContext&&O.error("WebGL1 context not supported.")(),i=mi.attach(t.gl,{_cacheShaders:!0,_cachePipelines:!0,...t.deviceProps,debug:yi(t)})),i||(i=this._createDevice(t)),this.animationLoop=this._createAnimationLoop(i,t),this.setProps(e),t._typedArrayManagerProps&&m.setOptions(t._typedArrayManagerProps),this.animationLoop.start()}finalize(){this._restoreDeviceResizeHandler(),this.animationLoop?.stop(),this.animationLoop?.destroy(),this.animationLoop=null,this._hoverPickSequence++,this._pointerDownPickSequence++,this._lastPointerDownInfo=null,this._lastPointerDownInfoPromise=null,this.layerManager?.finalize(),this.layerManager=null,this.viewManager?.finalize(),this.viewManager=null,this.effectManager?.finalize(),this.effectManager=null,this.deckRenderer?.finalize(),this.deckRenderer=null,this.deckPicker?.finalize(),this.deckPicker=null,Object.keys(this._canvasManager.targets).length||this.eventManager?.destroy(),this.eventManager=null,this.eventManagers={},this.widgetManager?.finalize(),this.widgetManager=null,this._canvasManager.finalize(),this._isMultiCanvasMode()?this.canvas=null:this.canvas&&this.canvas===this._ownedCanvas&&(this.canvas.parentElement?.removeChild(this.canvas),this.canvas=null,this._ownedCanvas=null),this._canvasContext=null}setProps(t){this.stats.get("setProps Time").timeStart(),"onLayerHover"in t&&O.removed("onLayerHover","onHover")(),"onLayerClick"in t&&O.removed("onLayerClick","onClick")(),t.initialViewState&&!j(this.props.initialViewState,t.initialViewState,3)&&(this.viewState=t.initialViewState),P(!("_canvases"in t)||Array.isArray(t._canvases)===this._isMultiCanvasMode()),Object.assign(this.props,t),this._validateCanvasConfiguration(this.props),this._validateInternalPickingMode(),this.device&&this._isMultiCanvasMode()&&this._syncCanvasTargets(),this._setCanvasSize(this.props);const e=Object.create(this.props);if(Object.assign(e,{views:this._getViews(),width:this.width,height:this.height,viewState:this._getViewState(),eventManagers:this.eventManagers}),t.device&&t.device.id!==this.device?.id){const e=t.device.getDefaultCanvasContext();this.animationLoop?.stop(),this._isMultiCanvasMode()||this.canvas===e.canvas||(this.canvas?.remove(),this.eventManager?.destroy(),this.canvas=null),this._setDeviceCanvasContext(t.device),O.log(`recreating animation loop for new device! id=${t.device.id}`)(),this.animationLoop=this._createAnimationLoop(t.device,t),this.animationLoop.start()}if(this.animationLoop?.setProps(e),void 0!==t.useDevicePixels&&this._canvasContext?.setProps){this._canvasContext.setProps({useDevicePixels:t.useDevicePixels});for(const e of Object.values(this._canvasManager.targets))e.presentationContext.setProps({useDevicePixels:t.useDevicePixels})}this.layerManager&&(this.viewManager.setProps(e),this.layerManager.activateViewport(this.getViewports()[0]),this.layerManager.setProps(e),this.effectManager.setProps(e),this.deckRenderer.setProps(e),this.deckPicker.setProps(e),this.widgetManager.setProps(e)),this.stats.get("setProps Time").timeEnd()}needsRedraw(t={clearRedrawFlags:!1}){if(!this.layerManager)return!1;if(this.props._animate)return"Deck._animate";let e=this._needsRedraw;t.clearRedrawFlags&&(this._needsRedraw=!1);const i=this.viewManager.needsRedraw(t),s=this.layerManager.needsRedraw(t),n=this.effectManager.needsRedraw(t),r=this.deckRenderer.needsRedraw(t);return e=e||i||s||n||r,e}redraw(t){if(!this.layerManager)return;let e=this.needsRedraw({clearRedrawFlags:!0});e=t||e,e&&(this.stats.get("Redraw Count").incrementCount(),this.props._customRender?this.props._customRender(e):this._drawLayers(e))}get isInitialized(){return null!==this.viewManager}getViews(){return P(this.viewManager),this.viewManager.views}getView(t){return P(this.viewManager),this.viewManager.getView(t)}getViewports(t){return P(this.viewManager),this.viewManager.getViewports(t)}getCanvas(){return this.canvas}getCanvasContext(t){const e=t?this.viewManager?.getView(t)?.props.canvasId:void 0;return this._getCanvasContext(e)}getEventManager(t){if(!t||!this.viewManager)return this.eventManager;const e=this.viewManager.getCanvasId(t)||"default-canvas";return this.eventManagers[e]||this.eventManager}async pickObjectAsync(t){const e=(await this._pickAsync("pickObjectAsync","pickObject Time",t)).result;return e.length?e[0]:null}async pickObjectsAsync(t){return await this._pickAsync("pickObjectsAsync","pickObjects Time",t)}pickObject(t){const e=this._pick("pickObject","pickObject Time",t).result;return e.length?e[0]:null}pickMultipleObjects(t){return t.depth=t.depth||10,this._pick("pickObject","pickMultipleObjects Time",t).result}pickObjects(t){return this._pick("pickObjects","pickObjects Time",t)}_pickPositionForController(t,e,i){return"sync"!==this._getInternalPickingMode()?null:this.pickObject({x:t,y:e,radius:0,unproject3D:!0,canvasId:i?this.viewManager?.getCanvasId(i):void 0})}_addResources(t,e=!1){for(const i in t)this.layerManager.resourceManager.add({resourceId:i,data:t[i],forceUpdate:e})}_removeResources(t){for(const e of t)this.layerManager.resourceManager.remove(e)}_addDefaultEffect(t){this.effectManager.addDefaultEffect(t)}_addDefaultShaderModule(t){this.layerManager.addDefaultShaderModule(t)}_removeDefaultShaderModule(t){this.layerManager?.removeDefaultShaderModule(t)}_resolveInternalPickingMode(){const{pickAsync:t}=this.props,e=this.device?.type||this.props.deviceProps?.type;if("auto"===t)return"webgpu"===e?"async":"sync";if("sync"===t&&"webgpu"===e)throw new Error('`pickAsync: "sync"` is not supported when Deck is using a WebGPU device.');return t}_getInternalPickingMode(){try{return this._resolveInternalPickingMode()}catch(t){return this.props.onError?.(t),null}}_validateInternalPickingMode(){this._getInternalPickingMode()}_getFirstPickedInfo({result:t,emptyInfo:e}){return t[0]||e}_shouldUnproject3D(t=this.layerManager?.getLayers()||[]){return t.some(t=>"3d"===t.props.pickable)}_getPointPickOptions(t,e,i={},s=this.layerManager?.getLayers()||[]){return{x:t,y:e,canvasId:i.canvasId,radius:this.props.pickingRadius,unproject3D:this._shouldUnproject3D(s),...i}}_pickPointSync(t){return this._pick("pickObject","pickObject Time",t)}_pickPointAsync(t){return this._pickAsync("pickObjectAsync","pickObject Time",t)}_getLastPointerDownPickingInfo(t,e,i,s=this.layerManager?.getLayers()||[]){return this.deckPicker.getLastPickedObject({x:t,y:e,layers:s,viewports:this.getViewports({x:t,y:e,canvasId:i})},this._lastPointerDownInfo)}_applyHoverCallbacks({result:t,emptyInfo:e},i){if(!this.widgetManager)return;this.cursorState.isHovering=t.length>0;let s=e,n=!1;for(const r of t)s=r,n=r.layer?.onHover(r,i)||n;n||(this.props.onHover?.(s,i),this.widgetManager.onHover(s,i))}_dispatchPickingEvent(t,e){if(!this.layerManager||!this.widgetManager)return;const i=c[e.type];if(!i)return;const{layer:s}=t,n=s&&(s[i]||s.props[i]),r=this.props[i];let o=!1;n&&(o=n.call(s,t,e)),o||(r?.(t,e),this.widgetManager.onEvent(t,e))}_pickAsync(t,e,i){P(this.deckPicker);const{stats:s}=this,n=this._isMultiCanvasMode()?i.canvasId||this._getDefaultCanvasId():i.canvasId,r=this._getCanvasContext(n)||void 0;s.get("Pick Count").incrementCount(),s.get(e).timeStart(),this._resizeForCanvasTarget(n);const o=this.deckPicker[t]({layers:this.layerManager.getLayers(i),views:this.viewManager.getViews(),viewports:this.getViewports({...i,canvasId:n}),onViewportActive:this.layerManager.activateViewport,effects:this.effectManager.getEffects(),...i,canvasId:n,canvasContext:r});return s.get(e).timeEnd(),o}_pick(t,e,i){P(this.deckPicker);const{stats:s}=this,n=this._isMultiCanvasMode()?i.canvasId||this._getDefaultCanvasId():i.canvasId,r=this._getCanvasContext(n)||void 0;s.get("Pick Count").incrementCount(),s.get(e).timeStart(),this._resizeForCanvasTarget(n);const o=this.deckPicker[t]({layers:this.layerManager.getLayers(i),views:this.viewManager.getViews(),viewports:this.getViewports({...i,canvasId:n}),onViewportActive:this.layerManager.activateViewport,effects:this.effectManager.getEffects(),...i,canvasId:n,canvasContext:r});return s.get(e).timeEnd(),o}_createCanvas(t){let e=t.canvas;return"string"==typeof e&&(e=document.getElementById(e),P(e)),e?this._ownedCanvas=null:(e=document.createElement("canvas"),e.id=t.id||"deckgl-overlay",t.width&&"number"==typeof t.width&&(e.width=t.width),t.height&&"number"==typeof t.height&&(e.height=t.height),(t.parent||document.body).appendChild(e),this._ownedCanvas=e),Object.assign(e.style,t.style),e}_isMultiCanvasMode(){return Array.isArray(this.props._canvases)}_getDefaultCanvasId(){return this._canvasManager.order[0]||"default-canvas"}_validateCanvasConfiguration(t){Array.isArray(t._canvases)&&(P(!t.canvas),P(!t.gl),P(!t.device?.canvasContext||t.device.getDefaultCanvasContext().offscreenCanvas))}_createEventManager(t){const e=new f(t,{touchAction:this.props.touchAction,recognizers:Object.keys(G).map(t=>{const[e,i,s,n]=G[t],r=this.props.eventRecognizerOptions?.[t];return{recognizer:new e({...i,...r,event:t}),recognizeWith:s,requireFailure:n}}),events:{pointerdown:this._onPointerDown,pointermove:this._onPointerMove,pointerleave:this._onPointerMove}});for(const i in c)"dblclick"===i?e.watch(i,this._onEvent):e.on(i,this._onEvent);return e}_getEventRoot(t){return t.closest(".deck-events-root")||this.props.parent?.querySelector(".deck-events-root")||t}_syncCanvasTargets(){if(!this.device||!this._isMultiCanvasMode())return;this._canvasManager.syncCanvasEntries({device:this.device,canvases:this.props._canvases||[],useDevicePixels:this.props.useDevicePixels}),this.eventManagers=this._canvasManager.eventManagers;const t=this._getDefaultCanvasId();this.eventManager=this.eventManagers[t]||null,this.canvas=this._canvasManager.targets[t]?.canvas||null}_setCanvasContext(t){this._canvasContext=t,"style"in t.canvas&&(this.canvas=t.canvas)}_setDeviceCanvasContext(t,e={}){const i=t.getDefaultCanvasContext();this._setCanvasContext(i),this._setDeviceResizeHandler(t,e)}_setDeviceResizeHandler(t,e={}){const i=Boolean(e.syncDrawingBuffer);if(this._deviceResizeHandler?.device===t)return void(this._deviceResizeHandler.syncDrawingBuffer=i);this._restoreDeviceResizeHandler();const s=t=>{this._isMultiCanvasMode()?this._updateMultiCanvasDimensions():t===this._canvasContext&&this._canvasContext&&this._onCanvasContextResize(this._canvasContext,{syncDrawingBuffer:this._deviceResizeHandler?.syncDrawingBuffer})};t.props.onResize=s,this._deviceResizeHandler={device:t,onResize:s,syncDrawingBuffer:i}}_restoreDeviceResizeHandler(){const t=this._deviceResizeHandler;t&&t.device.props?.onResize===t.onResize&&(t.device.props.onResize=_i),this._deviceResizeHandler=null}_setCanvasSize(t){if(this._isMultiCanvasMode()||!this.canvas)return;const{width:e,height:i}=t;if(e||0===e){const t=Number.isFinite(e)?`${e}px`:e;this.canvas.style.width=t}if(i||0===i){const e=Number.isFinite(i)?`${i}px`:i;this.canvas.style.position=t.style?.position||"absolute",this.canvas.style.height=e}}_getCanvasIdFromEvent(t){return this._canvasManager.getCanvasIdFromEvent(t?.rootElement)}_getCanvasContext(t){return this._canvasManager.getTarget(t)?.presentationContext||this._canvasContext}_resizeForCanvasTarget(t){const e=this._canvasManager.getTarget(t);if(!e||!this.device?.canvasContext)return;const[i,s]=e.presentationContext.getDrawingBufferSize();this.device.canvasContext.setDrawingBufferSize(i,s)}_createDeviceCanvas(t){if(this._isMultiCanvasMode()){const e=globalThis.OffscreenCanvas;if(!e)throw new Error("`_canvases` requires OffscreenCanvas support.");return new e("number"==typeof t.width&&Number.isFinite(t.width)?t.width:1,"number"==typeof t.height&&Number.isFinite(t.height)?t.height:1)}return this._createCanvas(t)}_updateCanvasSize(t=this._canvasContext){if(this._isMultiCanvasMode())return void this._updateMultiCanvasDimensions();const{canvas:e}=this,[i,s]=t?t.getCSSSize():[e?.clientWidth??e?.width??0,e?.clientHeight??e?.height??0];i===this.width&&s===this.height||(this.width=i,this.height=s,this.viewManager?.setProps({width:i,height:s}),this.layerManager?.activateViewport(this.getViewports()[0]),this.props.onResize({width:i,height:s},t||void 0))}_onCanvasContextResize(t,e={}){if(e.syncDrawingBuffer){const{width:e,height:i}=t.canvas;t.setDrawingBufferSize(e,i)}this._needsRedraw="Canvas resized",this._updateCanvasSize(t)}_updateMultiCanvasDimensions(){const[t,e]=this._getCanvasContext()?.getCSSSize()||[0,0];t===this.width&&e===this.height||(this.width=t,this.height=e,this.props.onResize({width:t,height:e})),this._needsRedraw="Canvas resized",this.viewManager?.setNeedsUpdate("Canvas resized"),this.viewManager?.setProps({width:this.width,height:this.height})}_createAnimationLoop(t,e){const{gl:i,onError:s}=e;return new Zt({device:t,autoResizeDrawingBuffer:!i&&!Array.isArray(e._canvases),autoResizeViewport:!1,onInitialize:t=>this._setDevice(t.device),onRender:this._onRenderFrame.bind(this),onError:s})}_createDevice(t){const e=this.props.deviceProps?.createCanvasContext,i="object"==typeof e?e:void 0,s={adapters:[],_cacheShaders:!0,_cachePipelines:!0,...t.deviceProps,debug:yi(t)};s.adapters.includes(mi)||s.adapters.push(mi);const n={alphaMode:"webgpu"===this.props.deviceProps?.type?"premultiplied":void 0};return it.createDevice({_reuseDevices:!0,type:"webgl",...s,createCanvasContext:{...n,...i,canvas:this._createDeviceCanvas(t),useDevicePixels:this.props.useDevicePixels,autoResize:!0}})}_getViewState(){return this.props.viewState||this.viewState}_getViews(){const{views:t}=this.props,e=Array.isArray(t)?t:t?[t]:[new We({id:"default-view"})];return e.length&&this.props.controller&&(e[0]=e[0].clone({controller:this.props.controller})),e}_onContextLost(){const{onError:t}=this.props;this.animationLoop&&t&&t(/* @__PURE__ */new Error("WebGL context is lost"))}_pickAndCallback(){const{_pickRequest:t}=this;if(t.event){const e=t.event,i=this.layerManager?.getLayers()||[],s=this._getPointPickOptions(t.x,t.y,{canvasId:t.canvasId,radius:t.radius,mode:t.mode},i),n=this._getInternalPickingMode(),r=++this._hoverPickSequence;if(t.event=null,t.canvasId=void 0,!n)return;if("sync"===n)return void this._applyHoverCallbacks(this._pickPointSync(s),e);this._pickPointAsync(s).then(({result:t,emptyInfo:i})=>{r===this._hoverPickSequence&&this._applyHoverCallbacks({result:t,emptyInfo:i},e)}).catch(t=>this.props.onError?.(t))}}_updateCursor(){const t=this.props.getCursor(this.cursorState);if(this._isMultiCanvasMode()){for(const e of Object.values(this._canvasManager.targets))e.canvas.style.cursor=t;return}const e=this.props.parent||this.canvas;e&&(e.style.cursor=t)}_setDevice(t){if(this.device=t,this._validateInternalPickingMode(),!this.animationLoop)return;this._setDeviceCanvasContext(t,{syncDrawingBuffer:Boolean(this.props.gl&&this.props.device!==t)}),this._isMultiCanvasMode()?this._syncCanvasTargets():this.canvas&&!this.canvas.isConnected&&this.props.parent&&this.props.parent.insertBefore(this.canvas,this.props.parent.firstChild),"webgl"===this.device.type&&this.device.setParametersWebGL({blend:!0,blendFunc:[770,771,1,771],polygonOffsetFill:!0,depthTest:!0,depthFunc:515}),this.props.onDeviceInitialized(this.device),"webgl"===this.device.type&&this.props.onWebGLInitialized(this.device.gl);const e=new Ut;if(e.play(),this.animationLoop.attachTimeline(e),!this._isMultiCanvasMode()){const t=this.canvas&&this._getEventRoot(this.canvas);P(t),this.eventManager=this._createEventManager(t),this.eventManagers={[Qt]:this.eventManager}}this.viewManager=new te({timeline:e,eventManager:this.eventManager,eventManagers:this.eventManagers,getCanvasContext:this._isMultiCanvasMode()?this.getCanvasContext.bind(this):void 0,onViewStateChange:this._onViewStateChange.bind(this),onInteractionStateChange:this._onInteractionStateChange.bind(this),pickPosition:this._pickPositionForController.bind(this),views:this._getViews(),viewState:this._getViewState(),width:this.width,height:this.height});const i=this.viewManager.getViewports()[0];this.layerManager=new Jt(this.device,{deck:this,stats:this.stats,viewport:i,timeline:e}),this.effectManager=new He({deck:this,device:this.device}),this.deckRenderer=new $e(this.device,{stats:this.stats}),this.deckPicker=new ei(this.device,{stats:this.stats});const s=this.props.parent?.querySelector(".deck-widgets-root")||(this._isMultiCanvasMode()?this.props.parent||this.canvas?.parentElement:null)||this.canvas?.parentElement;this.widgetManager=new ri({deck:this,parentElement:s}),this.widgetManager.addDefault(new ci),this.setProps({}),this._updateCanvasSize(this._canvasContext),this.props.onLoad()}_drawLayers(t,e){const{device:i,gl:s}=this.layerManager.context;this.props.onBeforeRender({device:i,gl:s});const n={target:this.props._framebuffer,layers:this.layerManager.getLayers(),viewports:this.viewManager.getViewports(),onViewportActive:this.layerManager.activateViewport,views:this.viewManager.getViews(),pass:"screen",effects:this.effectManager.getEffects(),...e};if(this._isMultiCanvasMode()&&"screen"===n.pass&&!n.target&&this._canvasManager.order.length)for(const r of this._canvasManager.order){const t=n.viewports.filter(t=>this.viewManager.getCanvasId(t.id)===r);if(!t.length){const t=this._canvasManager.targets[r];this._resizeForCanvasTarget(r),this.deckRenderer?.renderLayers({...n,canvasContext:t.presentationContext,target:t.presentationContext.getCurrentFramebuffer(),viewports:[],clearCanvas:!0}),t.presentationContext.present();continue}const e=this._canvasManager.targets[r];this._resizeForCanvasTarget(r);const i=e.presentationContext.getCurrentFramebuffer();this.deckRenderer?.renderLayers({...n,canvasContext:e.presentationContext,target:i,viewports:t}),e.presentationContext.present()}else this.deckRenderer?.renderLayers(n);"screen"===n.pass&&this.widgetManager.onRedraw({viewports:n.viewports,layers:n.layers}),this.props.onAfterRender({device:i,gl:s})}_onRenderFrame(){this._getFrameStats(),this._metricsCounter++%60==0&&(this._getMetrics(),this.stats.reset(),O.table(4,this.metrics)(),this.props._onMetrics&&this.props._onMetrics(this.metrics)),this._updateCursor(),this.layerManager.updateLayers(),this._pickAndCallback(),this.redraw(),this.viewManager&&this.viewManager.updateViewStates()}_onViewStateChange(t){const e=this.props.onViewStateChange(t)||t.viewState;this.viewState&&(this.viewState={...this.viewState,[t.viewId]:e},this.props.viewState||this.viewManager&&this.viewManager.setProps({viewState:this.viewState}))}_onInteractionStateChange(t){this.cursorState.isDragging=t.isDragging||!1,this.props.onInteractionStateChange(t)}_getFrameStats(){const{stats:t}=this;t.get("frameRate").timeEnd(),t.get("frameRate").timeStart();const e=this.animationLoop.stats;t.get("GPU Time").addTime(e.get("GPU Time").lastTiming),t.get("CPU Time").addTime(e.get("CPU Time").lastTiming)}_getMetrics(){const{metrics:t,stats:e}=this;t.fps=e.get("frameRate").getHz(),t.setPropsTime=e.get("setProps Time").time,t.updateAttributesTime=e.get("Update Attributes").time,t.framesRedrawn=e.get("Redraw Count").count,t.pickTime=e.get("pickObject Time").time+e.get("pickMultipleObjects Time").time+e.get("pickObjects Time").time,t.pickCount=e.get("Pick Count").count,t.layersCount=this.layerManager?.layers.length??0,t.drawLayersCount=e.get("Layers rendered").lastSampleCount,t.pickLayersCount=e.get("Layers picked").lastSampleCount,t.updateLayersCount=e.get("Layer updates").count,t.updateAttributesCount=e.get("Attributes updated").count,t.gpuTime=e.get("GPU Time").time,t.cpuTime=e.get("CPU Time").time,t.gpuTimePerFrame=e.get("GPU Time").getAverageTime(),t.cpuTimePerFrame=e.get("CPU Time").getAverageTime();const i=it.stats.get("GPU Time and Memory");t.bufferMemory=i.get("Buffer Memory").count,t.textureMemory=i.get("Texture Memory").count,t.renderbufferMemory=i.get("Renderbuffer Memory").count,t.gpuMemory=i.get("GPU Memory").count}};bi.defaultProps=Pi,bi.VERSION=Q;var Ci=Math.PI/180,Mi=180/Math.PI,ki=class t{static toPosition(t,e){const i=e*Ci,s=t*Ci,n=Math.cos(i);return[n*Math.cos(s),n*Math.sin(s),Math.sin(i)]}static toLngLat(t){return[Math.atan2(t[1],t[0])*Mi,Math.asin(i(t[2],-1,1))*Mi]}static tangentBasis(t,e){const i=e*Ci,s=t*Ci,n=Math.sin(i),r=Math.cos(i),o=Math.sin(s),a=Math.cos(s);return{N:[-n*a,-n*o,r],E:[-o,a,0]}}static upVector(e,i,s){const{N:n,E:r}=t.tangentBasis(e,i),o=s*Ci,a=Math.cos(o),h=Math.sin(o);return[n[0]*a+r[0]*h,n[1]*a+r[1]*h,n[2]*a+r[2]*h]}static bearing(e,i,s){const{N:n,E:r}=t.tangentBasis(i,s);return Math.atan2(C(e,r),C(e,n))*Mi}static cameraFrame(e,i,s){const n=t.toPosition(e,i),r=t.upVector(e,i,s),{N:o,E:a}=t.tangentBasis(e,i),h=s*Ci,c=Math.cos(h),d=Math.sin(h),l=[a[0]*c-o[0]*d,a[1]*c-o[1]*d,a[2]*c-o[2]*d];return{position:n,up:r,axisHorizontal:R([],n,l),axisVertical:R([],n,r),longitude:e,latitude:i,bearing:s}}static angularDistance(e,s){const n=t.toPosition(e.longitude,e.latitude),r=t.toPosition(s.longitude,s.latitude);return Math.acos(i(C(n,r),-1,1))}static greatCircleAxis(e,i){const s=t.toPosition(e.longitude,e.latitude),n=t.toPosition(i.longitude,i.latitude);return N([],R([],s,n))}static rotate(t,e,i){const s=(new Y).fromAxisRotation(e,i);return S([],t,s)}static rotateFrame(e,i,s,n){let r=t.rotate(e.position,e.axisHorizontal,i);r=t.rotate(r,e.axisVertical,s);let o=t.rotate(e.up,e.axisHorizontal,i);o=t.rotate(o,e.axisVertical,s);const[a,h]=t.toLngLat(r),c=n?0:t.bearing(o,a,h);return{...e,position:r,up:o,longitude:a,latitude:h,bearing:c}}},xi=1/(1-Math.exp(-5)),Si=t=>(1-Math.exp(-5*t))*xi,Ei=class extends _e{constructor(t){const e="axis"in t;super({compare:["longitude","latitude"],extract:e?["longitude","latitude","zoom","bearing"]:["longitude","latitude","zoom"],required:["longitude","latitude"]}),e?(this._mode="rotation",this._axis=t.axis,this._totalAngle=t.totalAngle):(this._mode="linear",this._targetLongitude=t.targetLongitude)}initializeProps(t,e){const i=super.initializeProps(t,e);return this._startZoom=t.zoom,"rotation"===this._mode?this._startFrame={...ki.cameraFrame(t.longitude,t.latitude,t.bearing||0),axisHorizontal:this._axis}:i.end.longitude=this._targetLongitude,i}interpolateProps(t,e,i){if("rotation"===this._mode){const{longitude:t,latitude:e,bearing:s}=ki.rotateFrame(this._startFrame,this._totalAngle*i,0);return{bearing:s,longitude:t,latitude:e,zoom:this._startZoom+X(e,!0)-X(this._startFrame.latitude,!0)}}const s=t.longitude+(e.longitude-t.longitude)*i,n=t.latitude+(e.latitude-t.latitude)*i;return{longitude:s,latitude:n,zoom:this._startZoom+X(n,!0)-X(t.latitude,!0)}}},Ri=Math.PI/180,Li=180/Math.PI;function Di(t,e=0){const i=Math.min(180,t)*Ri;return 512*Math.sin(i/2)*Math.pow(2,e)}function Ii(t,e=0){const i=t/Math.pow(2,e);return 2*Math.asin(Math.min(1,i/256/2))*Li}var Ti=class extends Ue{constructor(t){const{startPanPos:e,startPanCameraFrame:i,startPanAngularRate:s,startPanLockBearing:n,...r}=t;r.normalize=!1,super(r);const o=this._state;void 0!==e&&(o.startPanPos=e),void 0!==i&&(o.startPanCameraFrame=i),void 0!==s&&(o.startPanAngularRate=s),void 0!==n&&(o.startPanLockBearing=n)}panStart({pos:t}){const{latitude:e,longitude:i,zoom:s,bearing:n=0}=this.getViewportProps(),r=ki.cameraFrame(i,e,n),o=Math.abs(n)<1;o&&(r.axisHorizontal=[0,0,1]);const a=.25/Math.pow(2,s-X(e,!0))*Ri;return this._getUpdatedState({startPanPos:t,startPanCameraFrame:r,startPanAngularRate:a,startPanLockBearing:o,startZoom:s})}pan({pos:t,startPos:e}){const n=this.getState(),r=n.startPanPos||e;if(!r)return this;const o=n.startPanCameraFrame,a=n.startPanAngularRate,h=n.startZoom??this.getViewportProps().zoom;if(!o||!a)return this;const c=r[0]-t[0];let d=c*a,l=-(r[1]-t[1])*a;const p=n.startPanLockBearing;if(p){const t=Math.cos(o.latitude*Ri);d=c*a/Math.max(t,.25);const e=(s-o.latitude)*Ri,n=-(s+o.latitude)*Ri;l=i(l,n,e)}const u=ki.rotateFrame(o,d,l,p),g=h+X(u.latitude,!0)-X(o.latitude,!0);return this._getUpdatedState({longitude:u.longitude,latitude:u.latitude,bearing:u.bearing,zoom:g})}panEnd(){return this._getUpdatedState({startPanPos:null,startPanCameraFrame:null,startPanAngularRate:null,startPanLockBearing:null,startZoom:null})}_panFromCenter(t){const{width:e,height:i}=this.getViewportProps(),s=[e/2,i/2];return this.panStart({pos:s}).pan({pos:[s[0]+t[0],s[1]+t[1]]}).panEnd()}applyConstraints(t){const e=t,s=e[Ve];delete e[Ve];const{latitude:n,maxBounds:r}=t;if(t.zoom=this._constrainZoom(t.zoom,t),s){const e=this.makeViewport(t);Object.assign(t,e.panByPosition(s.position,s.screenPosition))}(t.longitude<-180||t.longitude>180)&&(t.longitude=M(t.longitude+180,360)-180),t.latitude=i(t.latitude,-90,90),(t.bearing<-180||t.bearing>180)&&(t.bearing=M(t.bearing+180,360)-180),t.pitch=i(t.pitch,t.minPitch,t.maxPitch);const o=r?Oe(t.width,t.height,t.maxBoundsPadding):null;if(r&&o&&(o.width>=0&&(t.longitude=i(t.longitude,r[0][0],r[1][0])),o.height>=0&&(t.latitude=i(t.latitude,r[0][1],r[1][1]))),r&&o){const e=je(this.makeViewport({...t,bearing:0,pitch:0}),[t.longitude,t.latitude],o),s=t.zoom-X(n),a=r[1][0]-r[0][0],h=r[1][1]-r[0][1];if(o.height>=0&&h>0&&h<180){const n=Math.min(Ii(o.height,s),h),a=o.height?n*e.bottom/o.height:Ii(e.bottom,s),c=o.height?n*e.top/o.height:Ii(e.top,s);t.latitude=i(t.latitude,r[0][1]+a,r[1][1]-c)}if(o.width>=0&&a>0&&a<360){const n=Math.min(Ii(o.width/Math.cos(t.latitude*Ri),s),a),h=o.width?n*e.left/o.width:Ii(e.left/Math.cos(t.latitude*Ri),s),c=o.width?n*e.right/o.width:Ii(e.right/Math.cos(t.latitude*Ri),s);t.longitude=i(t.longitude,r[0][0]+h,r[1][0]-c)}}return t.latitude!==n&&(t.zoom+=X(t.latitude,!0)-X(n,!0)),t}_constrainZoom(t,e){e||(e=this.getViewportProps());const{maxZoom:s,maxBounds:n}=e;let{minZoom:r}=e;if(null!==n&&e.width>0&&e.height>0){const t=Oe(e.width,e.height,e.maxBoundsPadding),i=n[0][1],o=n[1][1],a=Math.sign(i)===Math.sign(o)?Math.min(Math.abs(i),Math.abs(o)):0,h=X(0),c=Di(n[1][0]-n[0][0])*Math.cos(a*Ri),d=Di(n[1][1]-n[0][1]);t.width>0&&c>0&&(r=Math.max(r,Math.log2(t.width/c)+h)),t.height>0&&d>0&&(r=Math.max(r,Math.log2(t.height/d)+h)),r>s&&(r=s)}const o=X(e.latitude,!0)-X(0,!0);return i(t,r+o,s+o)}},Ai=class extends Ae{constructor(){super(...arguments),this.ControllerState=Ti,this.transition={transitionDuration:300,transitionInterpolator:new be({transitionProps:{compare:["longitude","latitude","zoom","bearing","pitch"],required:["longitude","latitude","zoom"]}})},this.dragMode="pan",this._panHistory=[]}getZoomPosition(t){const e=super.getZoomPosition(t),i=this.makeViewport(this.controllerState.getViewportProps());return!(i instanceof K)||i.getZoomAnchorStrength(e)>0?e:i.project([i.longitude,i.latitude])}_onPanStart(t){return this._panHistory=[],super._onPanStart(t)}_onMultiPanStart(t){return this._panHistory=[],super._onMultiPanStart(t)}_onPanMove(t){if(!this.dragPan)return!1;const e=this.getCenter(t),i=this.controllerState.pan({pos:e});this.updateViewport(i,{transitionDuration:0},{isDragging:!0,isPanning:!0});const{longitude:s,latitude:n}=i.getViewportProps();return this._panHistory.push({longitude:s,latitude:n,timestamp:Date.now()}),this._panHistory.length>5&&this._panHistory.shift(),!0}_onPanMoveEnd(t){const{inertia:e}=this;if(this.dragPan&&e&&this._panHistory.length>=2){const t=this._panHistory[0],s=this._panHistory[this._panHistory.length-1],n=s.timestamp-t.timestamp;if(n>0){const r=this.controllerState.getViewportProps(),o=this.controllerState.getState(),a=ki.angularDistance(t,s)/n;if(a>1e-6){const h=a*e/2;let c,d,l;if(o.startPanLockBearing){let o=s.longitude-t.longitude;o>180?o-=360:o<-180&&(o+=360);const a=o/n,h=(s.latitude-t.latitude)/n;d=r.longitude+a*e/2,l=i(r.latitude+h*e/2,-90,90),c=new Ei({targetLongitude:d})}else{const e=ki.greatCircleAxis(t,s),n=ki.cameraFrame(r.longitude,r.latitude,r.bearing||0),o=ki.rotateFrame({...n,axisHorizontal:e},h,0);d=o.longitude,l=i(o.latitude,-90,90),c=new Ei({axis:e,totalAngle:h})}const p=this.controllerState.panEnd();return this.updateViewport(p,{transitionInterpolator:c,transitionDuration:e,transitionEasing:Si,longitude:d,latitude:l},{isDragging:!1,isPanning:!0}),this._panHistory=[],!0}}}this._panHistory=[];const s=this.controllerState.panEnd();return this.updateViewport(s,null,{isDragging:!1,isPanning:!1}),!0}},Vi={cullMode:"back"},zi=class extends de{constructor(t={}){super({...t,parameters:{...Vi,...t.parameters}})}getViewportType(t){return t.zoom>12?y:K}get ControllerType(){return Ai}};zi.displayName="GlobeView";var Fi=class{constructor(t){P(t.id,"id is required"),this.id=t.id,this.type="custom",this.renderingMode=t.renderingMode||"3d",this.slot=t.slot,this.beforeId=t.beforeId,this.map=null}onAdd(t,e){this.map=t}render(t,e){this.map&&function(t,e,i,s){if(!t.isInitialized)return;let{currentViewport:n}=t.userData,r=!1;n||(n=Xi(t,e,s),t.userData.currentViewport=n,r=!0);if(!n)return;t._drawLayers("mapbox-repaint",{viewports:[n],layerFilter:e=>{if(t.props.layerFilter&&!t.props.layerFilter(e))return!1;const s=e.layer;return s.props.beforeId===i.beforeId&&s.props.slot===i.slot},clearStack:r,clearCanvas:!1})}(this.map.__deck,this.map,this,e)}},Oi="__UNDEFINED__";function ji(t){return t.props.beforeId?`deck-layer-group-before:${t.props.beforeId}`:t.props.slot?`deck-layer-group-slot:${t.props.slot}`:"deck-layer-group-last"}var Bi="mapbox",Ni=512,Ui=Math.PI/180;function Gi({map:t,deck:e}){if(t.__deck)return t.__deck;const i=e.props._customRender,s=e.props.onLoad,n={...e.props,_customRender:()=>{t.triggerRepaint(),i?.("")}};return n.views||(n.views=qi(t)),Object.assign(n,{width:null,height:null,touchAction:"unset",viewState:$i(t)}),e.isInitialized?Wi(e,t):n.onLoad=()=>{Wi(e,t),Yi(e,t),s?.()},e.setProps(n),t.__deck=e,t.on("render",()=>{e.isInitialized&&function(t,e){const i=I(t.props.layers,Boolean).some(t=>t&&!e.getLayer(ji(t)));let s=t.getViewports();const n=s.findIndex(t=>t.id===Bi),r=s.length>1||n<0;if(i||r){if(n>=0){s=s.slice();const i=Xi(t,e);i?s[n]=i:s.splice(n,1)}t._drawLayers("mapbox-repaint",{viewports:s,layerFilter:i=>(!t.props.layerFilter||t.props.layerFilter(i))&&("mapbox"!==i.viewport.id||!e.getLayer(ji(i.layer))),clearCanvas:!1})}else{const e=t.device,i=e?.gl;t.props.onBeforeRender?.({device:e,gl:i}),t.props.onAfterRender?.({device:e,gl:i})}t.userData.currentViewport=null}(e,t)}),e}function Wi(t,e){const i=()=>{t.isInitialized?Yi(t,e):e.off("move",i)};e.on("move",i)}function Zi(t,e){return e?{depthWriteEnabled:!0,depthCompare:"less-equal",depthBias:0,blend:!0,blendColorSrcFactor:"src-alpha",blendColorDstFactor:"one-minus-src-alpha",blendAlphaSrcFactor:"one",blendAlphaDstFactor:"one-minus-src-alpha",blendColorOperation:"add",blendAlphaOperation:"add"}:{}}function Hi(t){let e;try{e=t.getProjection?.()}catch{return"mercator"}const i=e?.type||e?.name;if("globe"===i)return"globe";if(i&&"mercator"!==i)throw new Error("Unsupported projection");return"mercator"}function qi(t){return"globe"===Hi(t)?new zi({id:Bi}):new We({id:Bi})}function $i(t){const{lng:e,lat:i}=t.getCenter(),s={longitude:(e+540)%360-180,latitude:i,zoom:t.getZoom(),bearing:t.getBearing(),pitch:t.getPitch(),padding:t.getPadding(),repeat:t.getRenderWorldCopies()};return t.getTerrain?.()&&function(t,e){if(t.getFreeCameraOptions){const{position:i}=t.getFreeCameraOptions();if(!i||void 0===i.z)return;const s=t.transform.height,{longitude:r,latitude:o,pitch:a}=e,h=i.x*Ni,c=(1-i.y)*Ni,d=i.z*Ni,l=n([r,o]),p=h-l[0],u=c-l[1],g=Math.sqrt(p*p+u*u),v=a*Ui,m=1.5*s,w=v<.001?m*Math.cos(v)/d:m*Math.sin(v)/g;e.zoom=Math.log2(w),e.position=[0,0,(d-m*Math.cos(v)/w)/D(o)]}else"number"==typeof t.transform.elevation&&(e.position=[0,0,t.transform.elevation])}(t,s),s}function Xi(t,e,i){const s=$i(e),n=t.getView("mapbox")||qi(e);i&&(n.props.nearZMultiplier=.2);const r=i?.nearZ??e.transform._nearZ,o=i?.farZ??e.transform._farZ;return Number.isFinite(r)&&(s.nearZ=r/e.transform.height,s.farZ=o/e.transform.height),n.makeViewport({width:t.width,height:t.height,viewState:s})}function Yi(t,e){t.setProps({viewState:$i(e)}),t.needsRedraw({clearRedrawFlags:!0})}var Ki=class{constructor(t){this._handleStyleChange=()=>{this._resolveLayers(this._map,this._deck,this._props.layers,this._props.layers),this._map&&Hi(this._map)&&this._deck?.setProps({views:this._getViews(this._map)})},this._updateContainerSize=()=>{if(this._map&&this._container){const{clientWidth:t,clientHeight:e}=this._map.getContainer();Object.assign(this._container.style,{width:`${t}px`,height:`${e}px`})}},this._updateViewState=()=>{const t=this._deck,e=this._map;t&&e&&(t.setProps({views:this._getViews(e),viewState:$i(e)}),t.isInitialized&&t.redraw())},this._handleMouseEvent=t=>{const e=this._deck;if(!e||!e.isInitialized)return;const i={type:t.type,offsetCenter:t.point,srcEvent:t},s=this._lastMouseDownPoint;switch(!t.point&&s&&(i.deltaX=t.originalEvent.clientX-s.clientX,i.deltaY=t.originalEvent.clientY-s.clientY,i.offsetCenter={x:s.x+i.deltaX,y:s.y+i.deltaY}),i.type){case"mousedown":e._onPointerDown(i),this._lastMouseDownPoint={...t.point,clientX:t.originalEvent.clientX,clientY:t.originalEvent.clientY};break;case"dragstart":i.type="panstart",e._onEvent(i);break;case"drag":i.type="panmove",e._onEvent(i);break;case"dragend":i.type="panend",e._onEvent(i);break;case"click":i.tapCount=1,e._onEvent(i);break;case"dblclick":i.type="click",i.tapCount=2,e._onEvent(i);break;case"mousemove":i.type="pointermove",e._onPointerMove(i);break;case"mouseout":i.type="pointerleave",e._onPointerMove(i);break;default:return}};const{interleaved:e=!1}=t;this._interleaved=e,this._props=this.filterProps(t)}filterProps(t){const{interleaved:e,useDevicePixels:i,...s}=t;return this._interleaved||void 0===i||(s.useDevicePixels=i),s}setProps(t){this._interleaved&&t.layers&&this._resolveLayers(this._map,this._deck,this._props.layers,t.layers),Object.assign(this._props,this.filterProps(t)),this._deck&&this._map&&this._deck.setProps({...this._props,views:this._getViews(this._map),parameters:{...Zi(this._map,this._interleaved),...this._props.parameters}})}onAdd(t){return this._map=t,this._interleaved?this._onAddInterleaved(t):this._onAddOverlaid(t)}_onAddOverlaid(t){const e=document.createElement("div");return Object.assign(e.style,{position:"absolute",left:0,top:0,textAlign:"initial",pointerEvents:"none"}),this._container=e,this._deck=new bi({...this._props,parent:e,deviceProps:{...this._props.deviceProps,createCanvasContext:{..."object"==typeof this._props.deviceProps?.createCanvasContext?this._props.deviceProps.createCanvasContext:void 0,pixelSizeSource:"css-dpr"}},parameters:{...Zi(0,!1),...this._props.parameters},views:this._getViews(t),viewState:$i(t)}),t.on("resize",this._updateContainerSize),t.on("render",this._updateViewState),t.on("mousedown",this._handleMouseEvent),t.on("dragstart",this._handleMouseEvent),t.on("drag",this._handleMouseEvent),t.on("dragend",this._handleMouseEvent),t.on("mousemove",this._handleMouseEvent),t.on("mouseout",this._handleMouseEvent),t.on("click",this._handleMouseEvent),t.on("dblclick",this._handleMouseEvent),this._updateContainerSize(),e}_onAddInterleaved(t){const e=t.painter.context.gl;return e instanceof WebGLRenderingContext&&O.warn("Incompatible basemap library. See: https://deck.gl/docs/api-reference/mapbox/overview#compatibility")(),this._deck=Gi({map:t,deck:new bi({...this._props,views:this._getViews(t),gl:e,parameters:{...Zi(0,!0),...this._props.parameters}})}),t.on("styledata",this._handleStyleChange),this._resolveLayers(t,this._deck,[],this._props.layers),document.createElement("div")}_resolveLayers(t,e,i,s){!function(t,e,i){if(!t||!t.style||!t.style._loaded)return;const s=I(i,Boolean);if(e!==i){const i=I(e,Boolean),n=new Set(i.map(t=>ji(t))),r=new Set(s.map(t=>ji(t)));for(const e of n)r.has(e)||t.getLayer(e)&&t.removeLayer(e)}const n={};for(const o of s){const e=ji(o),i=t.getLayer(e);if(i)n[e]=i.implementation||i;else{const i=new Fi({id:e,slot:o.props.slot,beforeId:o.props.beforeId});n[e]=i,t.addLayer(i,o.props.beforeId)}}const r=t.style._order;for(const[o,a]of Object.entries(n)){const e=a.beforeId||Oi,i=e===Oi?r.length:r.indexOf(e);if(-1!==i&&r.indexOf(o)!==i-1){const i=e===Oi?void 0:e;t.moveLayer(o,i)}}}(t,i,s)}onRemove(){const t=this._map;t&&(this._interleaved?this._onRemoveInterleaved(t):this._onRemoveOverlaid(t)),this._deck=void 0,this._map=void 0,this._container=void 0}_onRemoveOverlaid(t){t.off("resize",this._updateContainerSize),t.off("render",this._updateViewState),t.off("mousedown",this._handleMouseEvent),t.off("dragstart",this._handleMouseEvent),t.off("drag",this._handleMouseEvent),t.off("dragend",this._handleMouseEvent),t.off("mousemove",this._handleMouseEvent),t.off("mouseout",this._handleMouseEvent),t.off("click",this._handleMouseEvent),t.off("dblclick",this._handleMouseEvent),this._deck?.finalize(),this._container?.remove()}_onRemoveInterleaved(t){t.off("styledata",this._handleStyleChange),this._resolveLayers(t,this._deck,this._props.layers,[]),function(t){t.__deck?.finalize(),t.__deck=null}(t)}getDefaultPosition(){return"top-left"}pickObject(t){return P(this._deck),this._deck.pickObject(t)}pickMultipleObjects(t){return P(this._deck),this._deck.pickMultipleObjects(t)}pickObjects(t){return P(this._deck),this._deck.pickObjects(t)}finalize(){this._map&&this._map.removeControl(this)}getCanvas(){return this._map?this._interleaved?this._map.getCanvas():this._deck.getCanvas():null}_getViews(t){if(!this._props.views)return qi(t);const e=Array.isArray(this._props.views)?this._props.views:[this._props.views];return e.some(t=>"mapbox"===t.id)?this._props.views:[qi(t),...e]}};export{Ki as MapboxOverlay};
+/*! Web-kit v1.2.0-develop.13 | (c) 2026 MapVX */
+!function(){try{var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},e=(new t.Error).stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="548ccdd0-0e1a-4d53-82a4-f88f8fadb039",t._sentryDebugIdIdentifier="sentry-dbid-548ccdd0-0e1a-4d53-82a4-f88f8fadb039")}catch(t){}}();import{$t as t,A as e,At as i,C as s,D as n,F as r,Ft as o,Gt as a,H as h,L as c,M as d,Nt as l,O as p,P as u,Qt as g,R as v,S as m,Ut as w,V as f,W as _,_ as y,a as P,an as b,at as C,b as M,dn as k,h as x,ht as S,in as E,it as R,j as L,k as D,l as I,n as T,nn as A,nt as V,o as z,r as F,rn as O,s as j,tn as B,ut as N,v as U,z as G,zt as W}from"./debug-hooks-NzJ2oy3C.js";import{g as Z,p as H,u as q}from"./shader-type-decoder-CFX5sij5.js";import{f as $,n as X,r as Y,t as K}from"./globe-viewport-BmqhgdhG.js";var J={dataType:null,batchType:null,id:"JSON",name:"JSON",module:"",version:"",options:{},extensions:["json","geojson"],mimeTypes:["application/json","application/geo+json"],testText:function(t){const e=t[0],i=t[t.length-1];return"{"===e&&"}"===i||"["===e&&"]"===i},parseTextSync:JSON.parse};var Q=function(){const t="9.4.1",e=globalThis.deck&&globalThis.deck.VERSION;if(e&&e!==t)throw new Error(`deck.gl - multiple versions detected: ${e} vs ${t}`);return e||(O.log(1,`deck.gl ${t}`)(),globalThis.deck={...globalThis.deck,VERSION:t,version:t,log:O,_registerLoggers:A},b([J,[$,{imagebitmap:{premultiplyAlpha:"none"}}]])),t}(),tt="No matching device found. Ensure `@luma.gl/webgl` and/or `@luma.gl/webgpu` modules are imported.",et=class e{static defaultProps={...t,type:"best-available",adapters:void 0,waitForPageLoad:!0};stats=g;log=H;VERSION="9.4.2";spector;preregisteredAdapters=/* @__PURE__ */new Map;constructor(){if(globalThis.luma){if(globalThis.luma.VERSION!==this.VERSION)throw H.error(`Found luma.gl ${globalThis.luma.VERSION} while initialzing ${this.VERSION}`)(),H.error("'yarn why @luma.gl/core' can help identify the source of the conflict")(),new Error("luma.gl - multiple versions detected: see console log");H.error("This version of luma.gl has already been initialized")()}H.log(1,`${this.VERSION} - set luma.log.level=1 (or higher) to trace rendering`)(),globalThis.luma=this}async createDevice(t={}){const i={...e.defaultProps,...t},s=this.selectAdapter(i.type,i.adapters);if(!s)throw new Error(tt);return i.waitForPageLoad&&await s.pageLoaded,await s.create(i)}async attachDevice(t,e){const i=this._getTypeFromHandle(t,e.adapters),s=i&&this.selectAdapter(i,e.adapters);if(!s)throw new Error(tt);return await(s?.attach?.(t,e))}registerAdapters(t){for(const e of t)this.preregisteredAdapters.set(e.type,e)}getSupportedAdapters(t=[]){const e=this._getAdapterMap(t);return Array.from(e).map(([,t])=>t).filter(t=>t.isSupported?.()).map(t=>t.type)}getBestAvailableAdapterType(t=[]){const e=["webgpu","webgl","null"],i=this._getAdapterMap(t);for(const s of e)if(i.get(s)?.isSupported?.())return s;return null}selectAdapter(t,e=[]){let i=t;"best-available"===t&&(i=this.getBestAvailableAdapterType(e));const s=this._getAdapterMap(e);return i&&s.get(i)||null}enforceWebGL2(t=!0,e=[]){const i=this._getAdapterMap(e).get("webgl");i||H.warn("enforceWebGL2: webgl adapter not found")(),i?.enforceWebGL2?.(t)}setDefaultDeviceProps(t){Object.assign(e.defaultProps,t)}_getAdapterMap(t=[]){const e=new Map(this.preregisteredAdapters);for(const i of t)e.set(i.type,i);return e}_getTypeFromHandle(t,e=[]){return t instanceof WebGL2RenderingContext?"webgl":"undefined"!=typeof GPUDevice&&t instanceof GPUDevice||t?.queue?"webgpu":null===t?"null":(t instanceof WebGLRenderingContext?H.warn("WebGL1 is not supported",t)():H.warn("Unknown handle type",t)(),null)}},it=new et,st=class{get pageLoaded(){return function(){ot||(ot=rt()||"undefined"==typeof window?Promise.resolve():new Promise(t=>window.addEventListener("load",()=>t())));return ot}()}},nt=Z()&&"undefined"!=typeof document,rt=()=>nt&&"complete"===document.readyState,ot=null;var at="layout(std140) uniform layerUniforms {\n  uniform float opacity;\n} layer;\n",ht={name:"layer",source:"struct LayerUniforms {\n  opacity: f32,\n};\n\n@group(0) @binding(auto)\nvar<uniform> layer: LayerUniforms;\n",vs:at,fs:at,getUniforms:t=>({opacity:Math.pow(t.opacity,1/2.2)}),uniformTypes:{opacity:"f32"}},ct="\nlayout(std140) uniform shadowUniforms {\n  bool drawShadowMap;\n  bool useShadowMap;\n  vec4 color;\n  highp int lightId;\n  float lightCount;\n  mat4 viewProjectionMatrix0;\n  mat4 viewProjectionMatrix1;\n  vec4 projectCenter0;\n  vec4 projectCenter1;\n} shadow;\n",dt=`\n${ct}\n\nconst int max_lights = 2;\n\nout vec3 shadow_vPosition[max_lights];\n\nvec4 shadow_setVertexPosition(vec4 position_commonspace) {\n  mat4 viewProjectionMatrices[max_lights];\n  viewProjectionMatrices[0] = shadow.viewProjectionMatrix0;\n  viewProjectionMatrices[1] = shadow.viewProjectionMatrix1;\n  vec4 projectCenters[max_lights];\n  projectCenters[0] = shadow.projectCenter0;\n  projectCenters[1] = shadow.projectCenter1;\n\n  if (shadow.drawShadowMap) {\n    return project_common_position_to_clipspace(position_commonspace, viewProjectionMatrices[shadow.lightId], projectCenters[shadow.lightId]);\n  }\n  if (shadow.useShadowMap) {\n    for (int i = 0; i < max_lights; i++) {\n      if(i < int(shadow.lightCount)) {\n        vec4 shadowMap_position = project_common_position_to_clipspace(position_commonspace, viewProjectionMatrices[i], projectCenters[i]);\n        shadow_vPosition[i] = (shadowMap_position.xyz / shadowMap_position.w + 1.0) / 2.0;\n      }\n    }\n  }\n  return gl_Position;\n}\n\n`,lt=`\n${ct}\n\nconst int max_lights = 2;\nuniform sampler2D shadow_uShadowMap0;\nuniform sampler2D shadow_uShadowMap1;\n\nin vec3 shadow_vPosition[max_lights];\n\nconst vec4 bitPackShift = vec4(1.0, 255.0, 65025.0, 16581375.0);\nconst vec4 bitUnpackShift = 1.0 / bitPackShift;\nconst vec4 bitMask = vec4(1.0 / 255.0, 1.0 / 255.0, 1.0 / 255.0,  0.0);\n\nfloat shadow_getShadowWeight(vec3 position, sampler2D shadowMap) {\n  vec4 rgbaDepth = texture(shadowMap, position.xy);\n\n  float z = dot(rgbaDepth, bitUnpackShift);\n  return smoothstep(0.001, 0.01, position.z - z);\n}\n\nvec4 shadow_filterShadowColor(vec4 color) {\n  if (shadow.drawShadowMap) {\n    vec4 rgbaDepth = fract(gl_FragCoord.z * bitPackShift);\n    rgbaDepth -= rgbaDepth.gbaa * bitMask;\n    return rgbaDepth;\n  }\n  if (shadow.useShadowMap) {\n    float shadowAlpha = 0.0;\n    shadowAlpha += shadow_getShadowWeight(shadow_vPosition[0], shadow_uShadowMap0);\n    if(shadow.lightCount > 1.0) {\n      shadowAlpha += shadow_getShadowWeight(shadow_vPosition[1], shadow_uShadowMap1);\n    }\n    shadowAlpha *= shadow.color.a / shadow.lightCount;\n    float blendedAlpha = shadowAlpha + color.a * (1.0 - shadowAlpha);\n\n    return vec4(\n      mix(color.rgb, shadow.color.rgb, shadowAlpha / blendedAlpha),\n      blendedAlpha\n    );\n  }\n  return color;\n}\n\n`,pt=r(function({viewport:t,center:e}){return new _(t.viewProjectionMatrix).invert().transform(e)}),ut=r(function({viewport:t,shadowMatrices:e}){const i=[],s=function(t){const{width:e,height:i,pixelUnprojectionMatrix:s}=t,n=[[0,0],[e,0],[e,i],[0,i]],r=n.map(([t,e])=>p([t,e,-1],s)),o=n.map(([t,e])=>p([t,e,1],s));if(!t.isGeospatial)return r.concat(o);const a=r.concat(o).filter(t=>t[2]>=0);for(let h=0;h<4;h++){const t=(h+1)%4;for(const[e,i]of[[r[h],o[h]],[r[h],r[t]],[o[h],o[t]]])if(e[2]<0!=i[2]<0){const t=e[2]/(e[2]-i[2]);a.push([e[0]+(i[0]-e[0])*t,e[1]+(i[1]-e[1])*t,0])}}return a.length>0?a:r.concat(o)}(t);for(const n of e){const e=n.clone().translate(new V(t.center).negate()),r=s.map(t=>e.transform(t)),o=(new _).ortho({left:Math.min(...r.map(t=>t[0])),right:Math.max(...r.map(t=>t[0])),bottom:Math.min(...r.map(t=>t[1])),top:Math.max(...r.map(t=>t[1])),near:Math.min(...r.map(t=>-t[2])),far:Math.max(...r.map(t=>-t[2]))});i.push(o.multiplyRight(n))}return i}),gt=[0,0,0,1],vt=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,0];var mt={name:"shadow",dependencies:[d],vs:dt,fs:lt,inject:{"vs:DECKGL_FILTER_GL_POSITION":"\n    position = shadow_setVertexPosition(geometry.position);\n    ","fs:DECKGL_FILTER_COLOR":"\n    color = shadow_filterShadowColor(color);\n    "},getUniforms:function(t){const{shadowEnabled:e=!0,project:i}=t;if(!(e&&i&&t.shadowMatrices&&t.shadowMatrices.length))return{drawShadowMap:!1,useShadowMap:!1,shadow_uShadowMap0:t.dummyShadowMap,shadow_uShadowMap1:t.dummyShadowMap};const s=d.getUniforms(i),n=pt({viewport:i.viewport,center:s.center}),r=[],o=ut({shadowMatrices:t.shadowMatrices,viewport:i.viewport}).slice();for(let h=0;h<t.shadowMatrices.length;h++){const t=o[h],e=t.clone().translate(new V(i.viewport.center).negate());s.coordinateSystem===u("lnglat")&&s.projectionMode===v.WEB_MERCATOR?(o[h]=e,r[h]=n):(o[h]=t.clone().multiplyRight(vt),r[h]=e.transform(n))}const a={drawShadowMap:Boolean(t.drawToShadowMap),useShadowMap:!!t.shadowMaps&&t.shadowMaps.length>0,color:t.shadowColor||gt,lightId:t.shadowLightId||0,lightCount:t.shadowMatrices.length,shadow_uShadowMap0:t.dummyShadowMap,shadow_uShadowMap1:t.dummyShadowMap};for(let h=0;h<o.length;h++)a[`viewProjectionMatrix${h}`]=o[h],a[`projectCenter${h}`]=r[h];for(let h=0;h<2;h++)a[`shadow_uShadowMap${h}`]=t.shadowMaps&&t.shadowMaps[h]||t.dummyShadowMap;return a},uniformTypes:{drawShadowMap:"f32",useShadowMap:"f32",color:"vec4<f32>",lightId:"i32",lightCount:"f32",viewProjectionMatrix0:"mat4x4<f32>",viewProjectionMatrix1:"mat4x4<f32>",projectCenter0:"vec4<f32>",projectCenter1:"vec4<f32>"}},wt=[h],ft=["vs:DECKGL_FILTER_SIZE(inout vec3 size, VertexGeometry geometry)","vs:DECKGL_FILTER_GL_POSITION(inout vec4 position, VertexGeometry geometry)","vs:DECKGL_FILTER_COLOR(inout vec4 color, VertexGeometry geometry)","fs:DECKGL_FILTER_COLOR(inout vec4 color, FragmentGeometry geometry)"],_t=[];function yt(t){const e=W.getDefaultShaderAssembler(t);for(const s of wt)e.addDefaultModule(s);e._hookFunctions.length=0;const i="glsl"===t?ft:_t;for(const s of i)e.addShaderHook(s);return e}var Pt=[255,255,255],bt=1,Ct=0,Mt=class{constructor(t={}){this.type="ambient";const{color:e=Pt}=t,{intensity:i=bt}=t;this.id=t.id||"ambient-"+Ct++,this.color=e,this.intensity=i}},kt=[255,255,255],xt=1,St=[0,0,-1],Et=0,Rt=class{constructor(t={}){this.type="directional";const{color:e=kt}=t,{intensity:i=xt}=t,{direction:s=St}=t,{_shadow:n=!1}=t;this.id=t.id||"directional-"+Et++,this.color=e,this.intensity=i,this.type="directional",this.direction=new V(s).normalize().toArray(),this.shadow=n}getProjectedLight(t){return this}},Lt=class{constructor(t,e={id:"pass"}){const{id:i}=e;this.id=i,this.device=t,this.props={...e}}setProps(t){Object.assign(this.props,t)}render(t){}cleanup(){}},Dt={depthWriteEnabled:!0,depthCompare:"less-equal",blendColorOperation:"add",blendColorSrcFactor:"one",blendColorDstFactor:"one-minus-src-alpha",blendAlphaOperation:"add",blendAlphaSrcFactor:"one",blendAlphaDstFactor:"one-minus-src-alpha"},It=class extends Lt{constructor(){super(...arguments),this._lastRenderIndex=-1}render(t){this._render(t)}_render(t){const{canvasContext:e=this.device.canvasContext}=t,i=t.target??e.getCurrentFramebuffer(),[s,n]=e.getDrawingBufferSize(),r=t.clearCanvas??!0;let o=t.clearColor??(!!r&&[0,0,0,0]),a=!!r&&1,h=!!r&&0;const c=t.colorMask??15,d={viewport:[0,0,s,n]};t.colorMask&&(d.colorMask=c),t.scissorRect&&(d.scissorRect=t.scissorRect);const{shaderModuleProps:l,viewports:p,views:u,onViewportActive:g,clearStack:v=!0}=t,m=t.pass||"unknown",w="webgpu"===this.device.type;v&&(this._lastRenderIndex=-1);const f=[];if(!p.length)return this.device.beginRenderPass({framebuffer:i,parameters:d,clearColor:o,clearDepth:a,clearStencil:h}).end(),this.device.submit(),f;try{for(const s of p){g?.(s);const n=this._getDrawLayerParams(s,t),r=u&&u[s.id],c=s.subViewports||[s],p=w?c.map(t=>[t]):[c];for(const s of p){const c=this.device.beginRenderPass({framebuffer:i,parameters:d,clearColor:o,clearDepth:a,clearStencil:h});try{for(const o of s){const s=this._drawLayersInViewport(c,{target:i,canvasContext:e,shaderModuleProps:l,viewport:o,view:r,pass:m,layers:t.layers,isPicking:t.isPicking},n);f.push(s)}}finally{c.end(),w&&this.device.submit()}o=!1,a=!1,h=!1}}return f}finally{w||this.device.submit()}}_getDrawLayerParams(t,{layers:e,pass:i,isPicking:s=!1,layerFilter:n,cullRect:r,views:o,effects:a,canvasContext:h=this.device.canvasContext,shaderModuleProps:c},d=!1){const l=[],p=Tt(this._lastRenderIndex+1),u={layer:e[0],viewport:t,isPicking:s,renderPass:i,cullRect:r},g={};for(let v=0;v<e.length;v++){const s=e[v],r=this._shouldDrawLayer(s,u,n,g),m={shouldDrawLayer:r};r&&!d&&(m.shouldDrawLayer=!0,m.layerRenderIndex=p(s,r),m.shaderModuleProps=this._getShaderModuleProps(s,a,i,h,c),m.layerParameters={..."webgpu"===s.context.device.type?Dt:null,...s.context.deck?.props.parameters,...o?.[t.id]?.props.parameters,...this.getLayerParameters(s,v,t)}),l[v]=m}return l}_drawLayersInViewport(t,{layers:e,shaderModuleProps:i,pass:s,target:n,canvasContext:r,viewport:o,view:a,isPicking:h},c){const d=function(t,{canvasContext:e=t.canvasContext,shaderModuleProps:i,target:s,viewport:n}){const r=i?.project?.devicePixelRatio??e.cssToDeviceRatio(),[,o]=e.getDrawingBufferSize(),a=s?s.height:o,h=n;return[h.x*r,a-(h.y+h.height)*r,h.width*r,h.height*r]}(this.device,{canvasContext:r,shaderModuleProps:i,target:n,viewport:o});if(a){const{clear:t,clearColor:e,clearDepth:i,clearStencil:s}=a.props;if(t){let t=[0,0,0,0],r=1,o=0;Array.isArray(e)&&!h?t=[...e.slice(0,3),e[3]||255].map(t=>t/255):!1===e&&(t=!1),void 0!==i&&(r=i),void 0!==s&&(o=s),this.device.beginRenderPass({framebuffer:n,parameters:{viewport:d,scissorRect:d},clearColor:t,clearDepth:r,clearStencil:o}).end()}}const l={totalCount:e.length,visibleCount:0,compositeCount:0,pickableCount:0};t.setParameters({viewport:d});for(let u=0;u<e.length;u++){const i=e[u],n=c[u],{shouldDrawLayer:r}=n;if(r&&i.props.pickable&&l.pickableCount++,i.isComposite&&l.compositeCount++,i.isDrawable&&n.shouldDrawLayer){const{layerRenderIndex:e,shaderModuleProps:r,layerParameters:a}=n;l.visibleCount++,this._lastRenderIndex=Math.max(this._lastRenderIndex,e),r.project&&(r.project.viewport=o),i.context.renderPass=t;try{i._drawLayer({renderPass:t,shaderModuleProps:r,uniforms:{layerIndex:e},parameters:a})}catch(p){i.raiseError(p,`drawing ${i} to ${s}`)}}}return l}shouldDrawLayer(t){return!0}getShaderModuleProps(t,e,i){return null}getLayerParameters(t,e,i){return t.props.parameters}_shouldDrawLayer(t,e,i,s){if(!t.props.visible||!this.shouldDrawLayer(t))return!1;e.layer=t;let n=t.parent;for(;n;){if(!n.props.visible||!n.filterSubLayer(e))return!1;e.layer=n,n=n.parent}if(i){const t=e.layer.id;if(t in s||(s[t]=i(e)),!s[t])return!1}return t.activateViewport(e.viewport),!0}_getShaderModuleProps(t,e,i,s,n){const r=s.cssToDeviceRatio(),o=t.internalState?.propsInTransition||t.props,a={layer:o,picking:{isActive:!1},project:{viewport:t.context.viewport,devicePixelRatio:r,modelMatrix:o.modelMatrix,coordinateSystem:o.coordinateSystem,coordinateOrigin:o.coordinateOrigin,autoWrapLongitude:t.wrapLongitude}};if(e)for(const h of e)At(a,h.getShaderModuleProps?.(t,a));for(const h of t.context.defaultShaderModules)h.name in a||(a[h.name]={});return At(a,this.getShaderModuleProps(t,e,a),n)}};function Tt(t=0,e={}){const i={},s=(n,r)=>{const o=n.props._offset,a=n.id,h=n.parent&&n.parent.id;let c;if(h&&!(h in e)&&s(n.parent,!1),h in i){const t=i[h]=i[h]||Tt(e[h],e);c=t(n,r),i[a]=t}else Number.isFinite(o)?(c=o+(e[h]||0),i[a]=null):c=t;return r&&c>=t&&(t=c+1),e[a]=c,c};return s}function At(t,...e){for(const i of e)if(i)for(const e in i)t[e]?Object.assign(t[e],i[e]):t[e]=i[e];return t}var Vt=class extends It{constructor(t,e){super(t,e);const i=t.createTexture({format:"rgba8unorm",width:1,height:1,sampler:{minFilter:"linear",magFilter:"linear",addressModeU:"clamp-to-edge",addressModeV:"clamp-to-edge"}}),s=t.createTexture({format:"depth16unorm",width:1,height:1});this.fbo=t.createFramebuffer({id:"shadowmap",width:1,height:1,colorAttachments:[i],depthStencilAttachment:s})}delete(){this.fbo&&(this.fbo.destroy(),this.fbo=null)}getShadowMap(){return this.fbo.colorAttachments[0].texture}render(t){const e=this.fbo,i=this.device.canvasContext.cssToDeviceRatio(),s=t.viewports[0],n=s.width*i,r=s.height*i;n===e.width&&r===e.height||e.resize({width:n,height:r}),super.render({...t,clearColor:[1,1,1,1],target:e,pass:"shadow"})}getLayerParameters(t,e,i){return{...t.props.parameters,blend:!1,depthWriteEnabled:!0,depthCompare:"less-equal",depthBias:0}}shouldDrawLayer(t){return!1!==t.props.shadowEnabled}getShaderModuleProps(t,e,i){return{shadow:{project:i.project,drawToShadowMap:!0},lighting:{enabled:!1}}}},zt={color:[255,255,255],intensity:1},Ft=[{color:[255,255,255],intensity:1,direction:[-1,3,-1]},{color:[255,255,255],intensity:.9,direction:[1,-8,-2.5]}],Ot=[0,0,0,200/255],jt=class{constructor(t={}){this.id="lighting-effect",this.shadowColor=Ot,this.shadow=!1,this.directionalLights=[],this.pointLights=[],this.shadowPasses=[],this.dummyShadowMap=null,this.setProps(t)}setup(t){this.context=t;const{device:e,deck:i}=t;this.shadow&&!this.dummyShadowMap&&(this._createShadowPasses(e),i._addDefaultShaderModule(mt),this.dummyShadowMap=e.createTexture({width:1,height:1}))}setProps(t){this.ambientLight=void 0,this.directionalLights=[],this.pointLights=[];for(const e in t){const i=t[e];switch(i.type){case"ambient":this.ambientLight=i;break;case"directional":this.directionalLights.push(i);break;case"point":this.pointLights.push(i)}}this._applyDefaultLights(),this.shadow=this.directionalLights.some(t=>t.shadow),this.context&&(this.shadow||this.cleanup(this.context),this.setup(this.context)),this.props=t}preRender({layers:t,layerFilter:e,viewports:i,onViewportActive:s,views:n}){if(this.shadow){this.shadowMatrices=this._calculateMatrices();for(let r=0;r<this.shadowPasses.length;r++)this.shadowPasses[r].render({layers:t,layerFilter:e,viewports:i,onViewportActive:s,views:n,shaderModuleProps:{shadow:{shadowLightId:r,dummyShadowMap:this.dummyShadowMap,shadowMatrices:this.shadowMatrices}}})}}getShaderModuleProps(t,e){const i=this.shadow?{project:e.project,shadowMaps:this.shadowPasses.map(t=>t.getShadowMap()),dummyShadowMap:this.dummyShadowMap,shadowColor:this.shadowColor,shadowMatrices:this.shadowMatrices}:{},s={enabled:!0,lights:this._getLights(t)},n=t.props.material;return{shadow:i,lighting:s,phongMaterial:n,gouraudMaterial:n}}cleanup(t){for(const e of this.shadowPasses)e.delete();this.shadowPasses.length=0,this.dummyShadowMap&&(this.dummyShadowMap.destroy(),this.dummyShadowMap=null,t.deck._removeDefaultShaderModule(mt))}_calculateMatrices(){const t=[];for(const e of this.directionalLights){const i=(new _).lookAt({eye:new V(e.direction).negate()});t.push(i)}return t}_createShadowPasses(t){for(let e=0;e<this.directionalLights.length;e++){const i=new Vt(t);this.shadowPasses[e]=i}}_applyDefaultLights(){const{ambientLight:t,pointLights:e,directionalLights:i}=this;t||0!==e.length||0!==i.length||(this.ambientLight=new Mt(zt),this.directionalLights.push(new Rt(Ft[0]),new Rt(Ft[1])))}_getLights(t){const e=[];this.ambientLight&&e.push(this.ambientLight);for(const i of this.pointLights)e.push(i.getProjectedLight({layer:t}));for(const i of this.directionalLights)e.push(i.getProjectedLight({layer:t}));return e}},Bt=1,Nt=1,Ut=class{time=0;channels=/* @__PURE__ */new Map;animations=/* @__PURE__ */new Map;playing=!1;lastEngineTime=-1;constructor(){}addChannel(t){const{delay:e=0,duration:i=Number.POSITIVE_INFINITY,rate:s=1,repeat:n=1}=t,r=Bt++,o={time:0,delay:e,duration:i,rate:s,repeat:n};return this._setChannelTime(o,this.time),this.channels.set(r,o),r}removeChannel(t){this.channels.delete(t);for(const[e,i]of this.animations)i.channel===t&&this.detachAnimation(e)}isFinished(t){const e=this.channels.get(t);return void 0!==e&&this.time>=e.delay+e.duration*e.repeat}getTime(t){if(void 0===t)return this.time;const e=this.channels.get(t);return void 0===e?-1:e.time}setTime(t){this.time=Math.max(0,t);const e=this.channels.values();for(const s of e)this._setChannelTime(s,this.time);const i=this.animations.values();for(const s of i){const{animation:t,channel:e}=s;t.setTime(this.getTime(e))}}play(){this.playing=!0}pause(){this.playing=!1,this.lastEngineTime=-1}reset(){this.setTime(0)}attachAnimation(t,e){const i=Nt++;return this.animations.set(i,{animation:t,channel:e}),t.setTime(this.getTime(e)),i}detachAnimation(t){this.animations.delete(t)}update(t){this.playing&&(-1===this.lastEngineTime&&(this.lastEngineTime=t),this.setTime(this.time+(t-this.lastEngineTime)),this.lastEngineTime=t)}_setChannelTime(t,e){const i=e-t.delay;i>=t.duration*t.repeat?t.time=t.duration*t.rate:(t.time=Math.max(0,i)%t.duration,t.time*=t.rate)}};var Gt=0,Wt={requestAnimationFrame:t=>function(t){const e="undefined"!=typeof window?window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame:null;return e?e.call(window,t):setTimeout(()=>t("undefined"!=typeof performance?performance.now():Date.now()),1e3/60)}(t),cancelAnimationFrame:t=>function(t){const e="undefined"!=typeof window?window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame:null;e?e.call(window,t):clearTimeout(t)}(t)},Zt=class t{static defaultAnimationLoopProps={device:null,onAddHTML:()=>"",onInitialize:async()=>null,onRender:()=>{},onFinalize:()=>{},onError:t=>{console.error(t)},stats:void 0,autoResizeViewport:!1,animationFrameProvider:Wt};device=null;canvas=null;props;animationProps=null;timeline=null;stats;sharedStats;cpuTime;gpuTime;frameRate;display;_needsRedraw="initialized";_initialized=!1;_running=!1;_animationFrameId=null;_nextFramePromise=null;_resolveNextFrame=null;_cpuStartTime=0;_error=null;_lastFrameTime=0;constructor(e){if(this.props={...t.defaultAnimationLoopProps,...e},!(e=this.props).device)throw new Error("No device provided");this.stats=e.stats||new k({id:"animation-loop-"+Gt++}),this.sharedStats=it.stats.get("Animation Loop"),this.frameRate=this.stats.get("Frame Rate"),this.frameRate.setSampleSize(1),this.cpuTime=this.stats.get("CPU Time"),this.gpuTime=this.stats.get("GPU Time"),this.setProps({autoResizeViewport:e.autoResizeViewport,animationFrameProvider:e.animationFrameProvider}),this.start=this.start.bind(this),this.stop=this.stop.bind(this),this._onMousemove=this._onMousemove.bind(this),this._onMouseleave=this._onMouseleave.bind(this)}destroy(){this.stop(),this._setDisplay(null),this.device?._disableDebugGPUTime()}delete(){this.destroy()}reportError(e){this._error=e,this.props.onError(e),this.props.onError===t.defaultAnimationLoopProps.onError&&"undefined"!=typeof window&&"undefined"!=typeof ErrorEvent&&window.dispatchEvent(new ErrorEvent("error",{error:e,message:e.message}))}setNeedsRedraw(t){return this._needsRedraw=this._needsRedraw||t,this}needsRedraw(){const t=this._needsRedraw;return this._needsRedraw=!1,t}setProps(t){if("autoResizeViewport"in t&&(this.props.autoResizeViewport=t.autoResizeViewport||!1),"animationFrameProvider"in t){const e=t.animationFrameProvider||Wt;if(e!==this.props.animationFrameProvider){const t=null!==this._animationFrameId;t&&this._cancelAnimationFrame(),this.props.animationFrameProvider=e,t&&this._requestAnimationFrame()}}return this}async start(){if(this._running)return this;this._running=!0;try{if(!this._initialized){if(this._initialized=!0,await this._initDevice(),this._initialize(),!this._running)return null;await this.props.onInitialize(this._getAnimationProps())}return this._running?(this._cancelAnimationFrame(),this._requestAnimationFrame(),this):null}catch(t){const e=t instanceof Error?t:/* @__PURE__ */new Error("Unknown error");throw this.props.onError(e),e}}stop(){if(this._running){const t=this.animationProps;this._cancelAnimationFrame(),this._nextFramePromise=null,this._resolveNextFrame=null,this._running=!1,this._lastFrameTime=0,t&&this.props.onFinalize(t)}return this}redraw(t,e=null){return this.device?.isLost||this._error||(this._beginFrameTimers(t),this._setupFrame(),this.animationProps&&(this.animationProps.animationFrame=e),this._updateAnimationProps(),this._renderFrame(this._getAnimationProps()),this._clearNeedsRedraw(),this._resolveNextFrame&&(this._resolveNextFrame(this),this._nextFramePromise=null,this._resolveNextFrame=null),this._endFrameTimers()),this}attachTimeline(t){return this.timeline=t,this.timeline}detachTimeline(){this.timeline=null}waitForRender(){return this.setNeedsRedraw("waitForRender"),this._nextFramePromise||(this._nextFramePromise=new Promise(t=>{this._resolveNextFrame=t})),this._nextFramePromise}async toDataURL(){if(this.setNeedsRedraw("toDataURL"),await this.waitForRender(),this.canvas instanceof HTMLCanvasElement)return this.canvas.toDataURL();throw new Error("OffscreenCanvas")}_initialize(){this._startEventHandling(),this._initializeAnimationProps(),this._updateAnimationProps(),this._resizeViewport(),this.device?._enableDebugGPUTime()}_setDisplay(t){this.display&&(this.display.destroy(),this.display.animationLoop=null),t&&(t.animationLoop=this),this.display=t}_requestAnimationFrame(){this._running&&(this._animationFrameId=this.props.animationFrameProvider.requestAnimationFrame(this._animationFrame.bind(this)))}_cancelAnimationFrame(){null!==this._animationFrameId&&(this.props.animationFrameProvider.cancelAnimationFrame(this._animationFrameId),this._animationFrameId=null)}_animationFrame(t,e){if(this._running)try{this.redraw(t,e??null),this._requestAnimationFrame()}catch(i){const t=i instanceof Error?i:new Error(String(i));this.reportError(t),this.stop()}}_renderFrame(t){if(this.display)return void this.display._renderFrame(t);const e=this.props.onRender(this._getAnimationProps());this.device&&!1!==e&&this.device.submit()}_clearNeedsRedraw(){this._needsRedraw=!1}_setupFrame(){this._resizeViewport()}_initializeAnimationProps(){const t=this.device?.getDefaultCanvasContext();if(!this.device||!t)throw new Error("loop");const e=t?.canvas,i=t.props.useDevicePixels;this.animationProps={animationLoop:this,device:this.device,canvasContext:t,canvas:e,useDevicePixels:i,timeline:this.timeline,needsRedraw:!1,width:1,height:1,aspect:1,time:0,startTime:Date.now(),engineTime:0,tick:0,tock:0,animationFrame:null,_mousePosition:null}}_getAnimationProps(){if(!this.animationProps)throw new Error("animationProps");return this.animationProps}_updateAnimationProps(){if(!this.animationProps)return;const{width:t,height:e,aspect:i}=this._getSizeAndAspect();t===this.animationProps.width&&e===this.animationProps.height||this.setNeedsRedraw("drawing buffer resized"),i!==this.animationProps.aspect&&this.setNeedsRedraw("drawing buffer aspect changed"),this.animationProps.width=t,this.animationProps.height=e,this.animationProps.aspect=i,this.animationProps.needsRedraw=this._needsRedraw,this.animationProps.engineTime=Date.now()-this.animationProps.startTime,this.timeline&&this.timeline.update(this.animationProps.engineTime),this.animationProps.tick=Math.floor(this.animationProps.time/1e3*60),this.animationProps.tock++,this.animationProps.time=this.timeline?this.timeline.getTime():this.animationProps.engineTime}async _initDevice(){if(this.device=await this.props.device,!this.device)throw new Error("No device provided");this.canvas=this.device.getDefaultCanvasContext().canvas||null}_createInfoDiv(){if(this.canvas&&this.props.onAddHTML){const t=document.createElement("div");document.body.appendChild(t),t.style.position="relative";const e=document.createElement("div");e.style.position="absolute",e.style.left="10px",e.style.bottom="10px",e.style.width="300px",e.style.background="white",this.canvas instanceof HTMLCanvasElement&&t.appendChild(this.canvas),t.appendChild(e);const i=this.props.onAddHTML(e);i&&(e.innerHTML=i)}}_getSizeAndAspect(){if(!this.device)return{width:1,height:1,aspect:1};const[t,e]=this.device.getDefaultCanvasContext().getDrawingBufferSize();return{width:t,height:e,aspect:t>0&&e>0?t/e:1}}_resizeViewport(){this.props.autoResizeViewport&&this.device.gl&&this.device.gl.viewport(0,0,this.device.gl.drawingBufferWidth,this.device.gl.drawingBufferHeight)}_beginFrameTimers(t){const e=t??("undefined"!=typeof performance?performance.now():Date.now());if(this._lastFrameTime){const t=e-this._lastFrameTime;t>0&&this.frameRate.addTime(t)}this._lastFrameTime=e,this.device?._isDebugGPUTimeEnabled()&&this._consumeEncodedGpuTime(),this.cpuTime.timeStart()}_endFrameTimers(){this.device?._isDebugGPUTimeEnabled()&&this._consumeEncodedGpuTime(),this.cpuTime.timeEnd(),this._updateSharedStats()}_consumeEncodedGpuTime(){if(!this.device)return;const t=this.device.commandEncoder._gpuTimeMs;void 0!==t&&(this.gpuTime.addTime(t),this.device.commandEncoder._gpuTimeMs=void 0)}_updateSharedStats(){if(this.stats!==this.sharedStats){for(const t of Object.keys(this.sharedStats.stats))this.stats.stats[t]||delete this.sharedStats.stats[t];this.stats.forEach(t=>{const e=this.sharedStats.get(t.name,t.type);e.sampleSize=t.sampleSize,e.time=t.time,e.count=t.count,e.samples=t.samples,e.lastTiming=t.lastTiming,e.lastSampleTime=t.lastSampleTime,e.lastSampleCount=t.lastSampleCount,e._count=t._count,e._time=t._time,e._samples=t._samples,e._startTime=t._startTime,e._timerPending=t._timerPending})}}_startEventHandling(){this.canvas&&(this.canvas.addEventListener("mousemove",this._onMousemove.bind(this)),this.canvas.addEventListener("mouseleave",this._onMouseleave.bind(this)))}_onMousemove(t){t instanceof MouseEvent&&(this._getAnimationProps()._mousePosition=[t.offsetX,t.offsetY])}_onMouseleave(t){this._getAnimationProps()._mousePosition=null}},Ht={blendColorOperation:"add",blendColorSrcFactor:"one",blendColorDstFactor:"zero",blendAlphaOperation:"add",blendAlphaSrcFactor:"constant",blendAlphaDstFactor:"zero"},qt=class extends It{constructor(){super(...arguments),this._colorEncoderState=null}render(t){return"pickingFBO"in t?this._drawPickingBuffer(t):{decodePickingColor:null,stats:super._render(t)}}_drawPickingBuffer({layers:t,layerFilter:e,views:i,viewports:s,onViewportActive:n,pickingFBO:r,deviceRect:{x:o,y:a,width:h,height:c},cullRect:d,effects:l,pass:p="picking",pickZ:u,canvasContext:g,shaderModuleProps:v,clearColor:m}){this.pickZ=u;const w=this._resetColorEncoder(u),f=[o,a,h,c],_=super._render({target:r,layers:t,layerFilter:e,views:i,viewports:s,onViewportActive:n,cullRect:d,effects:l?.filter(t=>t.useInPicking),pass:p,canvasContext:g,isPicking:!0,shaderModuleProps:v,clearColor:m??[0,0,0,0],colorMask:15,scissorRect:f});return this._colorEncoderState=null,{decodePickingColor:w&&Xt.bind(null,w),stats:_}}shouldDrawLayer(t){const{pickable:e,operation:i}=t.props;return e&&i.includes("draw")||i.includes("terrain")||i.includes("mask")}getShaderModuleProps(t,e,i){return{picking:{isActive:1,isAttribute:this.pickZ,disabledPickingIndices:t.internalState?.disabledPickingIndices},lighting:{enabled:!1}}}getLayerParameters(t,e,i){const s={...t.props.parameters},{pickable:n,operation:r}=t.props;return this._colorEncoderState?n&&r.includes("draw")?(Object.assign(s,Ht),s.blend=!0,"webgpu"===this.device.type?s.blendConstant=$t(this._colorEncoderState,t,i):s.blendColor=$t(this._colorEncoderState,t,i),r.includes("terrain")&&t.state?._hasPickingCover&&(s.blendAlphaSrcFactor="one")):r.includes("terrain")&&(s.blend=!1):s.blend=!1,s}_resetColorEncoder(t){return this._colorEncoderState=t?null:{byLayer:/* @__PURE__ */new Map,byAlpha:[]},this._colorEncoderState}};function $t(t,e,i){const{byLayer:s,byAlpha:n}=t;let r,o=s.get(e);return o?(o.viewports.push(i),r=o.a):(r=s.size+1,r<=255?(o={a:r,layer:e,viewports:[i]},s.set(e,o),n[r]=o):(O.warn("Too many pickable layers, only picking the first 255")(),r=0)),[0,0,0,r/255]}function Xt(t,e){const i=t.byAlpha[e[3]];return i&&{pickedLayer:i.layer,pickedViewports:i.viewports,pickedObjectIndex:i.layer.decodePickingColor(e)}}var Yt=class{constructor(t,e,i){this._loadCount=0,this._subscribers=/* @__PURE__ */new Set,this.id=t,this.context=i,this.setData(e)}subscribe(t){this._subscribers.add(t)}unsubscribe(t){this._subscribers.delete(t)}inUse(){return this._subscribers.size>0}delete(){}getData(){return this.isLoaded?this._error?Promise.reject(this._error):this._content:this._loader.then(()=>this.getData())}setData(t,e){if(t===this._data&&!e)return;this._data=t;const i=++this._loadCount;let s=t;"string"==typeof t&&(s=E(t)),s instanceof Promise?(this.isLoaded=!1,this._loader=s.then(t=>{this._loadCount===i&&(this.isLoaded=!0,this._error=void 0,this._content=t)}).catch(t=>{this._loadCount===i&&(this.isLoaded=!0,this._error=t||!0)})):(this.isLoaded=!0,this._error=void 0,this._content=t);for(const n of this._subscribers)n.onChange(this.getData())}},Kt=class{constructor(t){this.protocol=t.protocol||"resource://",this._context={device:t.device,gl:t.device?.gl,resourceManager:this},this._resources={},this._consumers={},this._pruneRequest=null}contains(t){return!!t.startsWith(this.protocol)||t in this._resources}add({resourceId:t,data:e,forceUpdate:i=!1,persistent:s=!0}){let n=this._resources[t];n?n.setData(e,i):(n=new Yt(t,e,this._context),this._resources[t]=n),n.persistent=s}remove(t){const e=this._resources[t];e&&(e.delete(),delete this._resources[t])}unsubscribe({consumerId:t}){const e=this._consumers[t];if(e){for(const t in e){const i=e[t],s=this._resources[i.resourceId];s&&s.unsubscribe(i)}delete this._consumers[t],this.prune()}}subscribe({resourceId:t,onChange:e,consumerId:i,requestId:s="default"}){const{_resources:n,protocol:r}=this;t.startsWith(r)&&(n[t=t.replace(r,"")]||this.add({resourceId:t,data:null,persistent:!1}));const o=n[t];if(this._track(i,s,o,e),o)return o.getData()}prune(){this._pruneRequest||(this._pruneRequest=setTimeout(()=>this._prune(),0))}finalize(){for(const t in this._resources)this._resources[t].delete()}_track(t,e,i,s){const n=this._consumers,r=n[t]=n[t]||{};let o=r[e];const a=o&&o.resourceId&&this._resources[o.resourceId];a&&(a.unsubscribe(o),this.prune()),i&&(o?(o.onChange=s,o.resourceId=i.id):o={onChange:s,resourceId:i.id},r[e]=o,i.subscribe(o))}_prune(){this._pruneRequest=null;for(const t of Object.keys(this._resources)){const e=this._resources[t];e.persistent||e.inUse()||(e.delete(),delete this._resources[t])}}},Jt=class{constructor(t,e){this._lastRenderedLayers=[],this._needsRedraw=!1,this._needsUpdate=!1,this._nextLayers=null,this._debug=!1,this._defaultShaderModulesChanged=!1,this.activateViewport=t=>{B("layerManager.activateViewport",this,t),t&&(this.context.viewport=t)};const{deck:i,stats:s,viewport:n,timeline:r}=e||{};this.layers=[],this.resourceManager=new Kt({device:t,protocol:"deck://"}),this.context={mousePosition:null,userData:{},layerManager:this,device:t,gl:t?.gl,deck:i,shaderAssembler:yt(t?.info?.shadingLanguage||"glsl"),defaultShaderModules:[ht],renderPass:void 0,stats:s||new k({id:"deck.gl"}),viewport:n||new U({id:"DEFAULT-INITIAL-VIEWPORT"}),timeline:r||new Ut,resourceManager:this.resourceManager,onError:void 0},Object.seal(this)}finalize(){this.resourceManager.finalize();for(const t of this.layers)this._finalizeLayer(t)}needsRedraw(t={clearRedrawFlags:!1}){let e=this._needsRedraw;t.clearRedrawFlags&&(this._needsRedraw=!1);for(const i of this.layers){const s=i.getNeedsRedraw(t);e=e||s}return e}needsUpdate(){return this._nextLayers&&this._nextLayers!==this._lastRenderedLayers?"layers changed":this._defaultShaderModulesChanged?"shader modules changed":this._needsUpdate}setNeedsRedraw(t){this._needsRedraw=this._needsRedraw||t}setNeedsUpdate(t){this._needsUpdate=this._needsUpdate||t}getLayers({layerIds:t}={}){return t?this.layers.filter(e=>t.find(t=>0===e.id.indexOf(t))):this.layers}setProps(t){"debug"in t&&(this._debug=t.debug),"userData"in t&&(this.context.userData=t.userData),"layers"in t&&(this._nextLayers=t.layers),"onError"in t&&(this.context.onError=t.onError)}setLayers(t,e){B("layerManager.setLayers",this,e,t),this._lastRenderedLayers=t;const i=I(t,Boolean);for(const s of i)s.context=this.context;this._updateLayers(this.layers,i)}updateLayers(){const t=this.needsUpdate();t&&(this.setNeedsRedraw(`updating layers: ${t}`),this.setLayers(this._nextLayers||this._lastRenderedLayers,t)),this._nextLayers=null}addDefaultShaderModule(t){const{defaultShaderModules:e}=this.context;e.find(e=>e.name===t.name)||(e.push(t),this._defaultShaderModulesChanged=!0)}removeDefaultShaderModule(t){const{defaultShaderModules:e}=this.context,i=e.findIndex(e=>e.name===t.name);i>=0&&(e.splice(i,1),this._defaultShaderModulesChanged=!0)}_handleError(t,e,i){i.raiseError(e,`${t} of ${i}`)}_updateLayers(t,e){const i={};for(const r of t)i[r.id]?O.warn(`Multiple old layers with same id ${r.id}`)():i[r.id]=r;if(this._defaultShaderModulesChanged){for(const e of t)e.setNeedsUpdate(),e.setChangeFlags({extensionsChanged:!0});this._defaultShaderModulesChanged=!1}const s=[];this._updateSublayersRecursively(e,i,s),this._finalizeOldLayers(i);let n=!1;for(const r of s)if(r.hasUniformTransition()){n=`Uniform transition in ${r}`;break}this._needsUpdate=n,this.layers=s}_updateSublayersRecursively(t,e,i){for(const n of t){n.context=this.context;const t=e[n.id];null===t&&O.warn(`Multiple new layers with same id ${n.id}`)(),e[n.id]=null;let r=null;try{this._debug&&t!==n&&n.validateProps(),t?(this._transferLayerState(t,n),this._updateLayer(n)):this._initializeLayer(n),i.push(n),r=n.isComposite?n.getSubLayers():null}catch(s){this._handleError("matching",s,n)}r&&this._updateSublayersRecursively(r,e,i)}}_finalizeOldLayers(t){for(const e in t){const i=t[e];i&&this._finalizeLayer(i)}}_initializeLayer(t){try{t._initialize(),t.lifecycle=x.INITIALIZED}catch(e){this._handleError("initialization",e,t)}}_transferLayerState(t,e){e._transferState(t),e.lifecycle=x.MATCHED,e!==t&&(t.lifecycle=x.AWAITING_GC)}_updateLayer(t){try{t._update()}catch(e){this._handleError("update",e,t)}}_finalizeLayer(t){this._needsRedraw=this._needsRedraw||`finalized ${t}`,t.lifecycle=x.AWAITING_FINALIZATION;try{t._finalize(),t.lifecycle=x.FINALIZED}catch(e){this._handleError("finalization",e,t)}}},Qt="default-canvas",te=class{constructor(t){this.views=[],this.width=100,this.height=100,this.viewState={},this.controllers={},this.timeline=t.timeline,this._viewports=[],this._viewportMap={},this._isUpdating=!1,this._needsRedraw="First render",this._needsUpdate="Initialize",this._eventManager=t.eventManager,this._eventManagers=t.eventManagers||{},this._viewEventManagers={},this._eventCallbacks={onViewStateChange:t.onViewStateChange,onInteractionStateChange:t.onInteractionStateChange},this._pickPosition=t.pickPosition,this._getCanvasContext=t.getCanvasContext,Object.seal(this),this.setProps(t)}finalize(){for(const t in this.controllers){const e=this.controllers[t];e&&e.finalize()}this.controllers={}}needsRedraw(t={clearRedrawFlags:!1}){const e=this._needsRedraw;return t.clearRedrawFlags&&(this._needsRedraw=!1),e}setNeedsUpdate(t){this._needsUpdate=this._needsUpdate||t,this._needsRedraw=this._needsRedraw||t}updateViewStates(){for(const t in this.controllers){const e=this.controllers[t];e&&e.updateTransition()}}getViewports(t){return t?this._viewports.filter(e=>{const i=!t.canvasId||this.getCanvasId(e.id)===t.canvasId,s=!("x"in t)||e.containsPixel(t);return i&&s}):this._viewports}getViews(){const t={};return this.views.forEach(e=>{t[e.id]=e}),t}getView(t){return this.views.find(e=>e.id===t)}getViewState(t){const e="string"==typeof t?this.getView(t):t,i=e&&this.viewState[e.getViewStateId()]||this.viewState;return e?e.filterViewState(i):i}getViewport(t){return this._viewportMap[t]}getCanvasId(t){const e="string"==typeof t?this.getView(t):t;return e?this._viewEventManagers[e.id]?.canvasId||this._getCanvasIdFromView(e):void 0}unproject(t,e){const i=this.getViewports(),s={x:t[0],y:t[1]};for(let n=i.length-1;n>=0;--n){const r=i[n];if(r.containsPixel(s)){const i=t.slice();return i[0]-=r.x,i[1]-=r.y,r.unproject(i,e)}}return null}setProps(t){t.views&&this._setViews(t.views),t.viewState&&this._setViewState(t.viewState),("width"in t||"height"in t)&&this._setSize(t.width,t.height),"pickPosition"in t&&(this._pickPosition=t.pickPosition),"eventManagers"in t&&this._setEventManagers(t.eventManagers||{}),this._isUpdating||this._update()}_update(){this._isUpdating=!0;try{this._needsUpdate&&(this._needsUpdate=!1,this._rebuildViewports()),this._needsUpdate&&(this._needsUpdate=!1,this._rebuildViewports())}finally{this._isUpdating=!1}}_hasViewState(t){const e=t.props.viewState;if(e&&"object"==typeof e&&!e.id)return!0;if(this.viewState[t.getViewStateId()])return!0;const i=Object.values(this.viewState);return 0===i.length||i.some(t=>!t||"object"!=typeof t||Array.isArray(t))}_setSize(t,e){t===this.width&&e===this.height||(this.width=t,this.height=e,this.setNeedsUpdate("Size changed"))}_setViews(t){t=I(t,Boolean),this._diffViews(t,this.views)&&this.setNeedsUpdate("views changed"),this.views=t}_setViewState(t){t?(j(t,this.viewState,3)||this.setNeedsUpdate("viewState changed"),this.viewState=t):O.warn("missing `viewState` or `initialViewState`")()}_setEventManagers(t){this._eventManagers!==t&&(this._eventManagers=t,this.setNeedsUpdate("eventManagers changed"))}_getCanvasIdFromView(t){return t.props.canvasId||this._getCanvasContext?.(t.id)?.id||"default-canvas"}_getCanvasDimensions(t){const[e,i]=(this._getCanvasContext?.(t.id))?.getCSSSize()||[this.width,this.height];return{width:e,height:i}}_getViewEventManager(t){const e=this.getCanvasId(t)||"default-canvas";return{canvasId:e,eventManager:this._eventManagers[e]||this._eventManager}}_startViewportRebuild(){const t=this.controllers,e=this._viewEventManagers;return this._viewports=[],this.controllers={},this._viewEventManagers={},{oldControllers:t,oldViewEventManagers:e}}_getReusableController(t,e,i){return!t||e?.canvasId===i.canvasId&&e?.eventManager===i.eventManager?t:(t.finalize(),null)}_createController(t,e){return new(0,e.type)({timeline:this.timeline,eventManager:this._getViewEventManager(t).eventManager,onViewStateChange:this._eventCallbacks.onViewStateChange,onStateChange:this._eventCallbacks.onInteractionStateChange,makeViewport:e=>this.getView(t.id)?.makeViewport({viewState:e,...this._getCanvasDimensions(t)}),pickPosition:(e,i)=>this._pickPosition?.(e,i,t.id)})}_updateController(t,e,i,s){const n=t.controller;if(n&&i){const r={...e,...n,id:t.id,x:i.x,y:i.y,width:i.width,height:i.height};return s&&s.constructor===n.type||(s=this._createController(t,r)),s&&s.setProps(r),s}return null}_rebuildViewports(){const{views:t}=this,{oldControllers:e,oldViewEventManagers:i}=this._startViewportRebuild();let s=!1;for(let n=t.length;n--;){const r=t[n],{width:o,height:a}=this._getCanvasDimensions(r),h=this._getViewEventManager(r);this._viewEventManagers[r.id]=h;const c=this.getViewState(r),d=r.makeViewport({viewState:c,width:o,height:a});let l=this._getReusableController(e[r.id],i[r.id],h),p=Boolean(r.controller);p&&!this._hasViewState(r)&&(p=!1),p&&!l&&(s=!0),!s&&p||!l||(l.finalize(),l=null),this.controllers[r.id]=p?this._updateController(r,c,d,l):null,d&&this._viewports.unshift(d)}for(const n in e){const t=e[n];t&&!this.controllers[n]&&t.finalize()}this._buildViewportMap()}_buildViewportMap(){this._viewportMap={},this._viewports.forEach(t=>{t.id&&(this._viewportMap[t.id]=this._viewportMap[t.id]||t)})}_diffViews(t,e){return t.length!==e.length||t.some((i,s)=>!t[s].equals(e[s]))}},ee=/^(?:\d+\.?\d*|\.\d+)$/;function ie(t){switch(typeof t){case"number":if(!Number.isFinite(t))throw new Error(`Could not parse position string ${t}`);return{type:"literal",value:t};case"string":try{const e=function(t){const e=[];let i=0;for(;i<t.length;){const s=t[i];if(/\s/.test(s))i++;else{if("+"!==s&&"-"!==s&&"("!==s&&")"!==s&&"%"!==s){if(oe(s)||"."===s){const n=i;let r="."===s;for(i++;i<t.length;){const e=t[i];if(oe(e))i++;else{if("."!==e||r)break;r=!0,i++}}const o=t.slice(n,i);if(!ee.test(o))throw new Error("Invalid number token");e.push({type:"number",value:parseFloat(o)});continue}if(ae(s)){const s=i;for(;i<t.length&&ae(t[i]);)i++;const n=t.slice(s,i).toLowerCase();e.push({type:"word",value:n});continue}throw new Error("Invalid token in position string")}e.push({type:"symbol",value:s}),i++}}return e}(t);return new re(e).parseExpression()}catch(e){const i=e instanceof Error?e.message:String(e);throw new Error(`Could not parse position string ${t}: ${i}`)}default:throw new Error(`Could not parse position string ${t}`)}}function se(t,e){switch(t.type){case"literal":return t.value;case"percentage":return Math.round(t.value*e);case"binary":const i=se(t.left,e),s=se(t.right,e);return"+"===t.operator?i+s:i-s;default:throw new Error("Unknown layout expression type")}}function ne(t,e){return se(t,e)}var re=class{constructor(t){this.index=0,this.tokens=t}parseExpression(){const t=this.parseBinaryExpression();if(this.index<this.tokens.length)throw new Error("Unexpected token at end of expression");return t}parseBinaryExpression(){let t=this.parseFactor(),e=this.peek();for(;he(e);){this.index++;const i=this.parseFactor();t={type:"binary",operator:e.value,left:t,right:i},e=this.peek()}return t}parseFactor(){const t=this.peek();if(!t)throw new Error("Unexpected end of expression");if("symbol"===t.type&&"+"===t.value)return this.index++,this.parseFactor();if("symbol"===t.type&&"-"===t.value)return this.index++,{type:"binary",operator:"-",left:{type:"literal",value:0},right:this.parseFactor()};if("symbol"===t.type&&"("===t.value){this.index++;const t=this.parseBinaryExpression();if(!this.consumeSymbol(")"))throw new Error("Missing closing parenthesis");return t}if("word"===t.type&&"calc"===t.value){if(this.index++,!this.consumeSymbol("("))throw new Error("Missing opening parenthesis after calc");const t=this.parseBinaryExpression();if(!this.consumeSymbol(")"))throw new Error("Missing closing parenthesis");return t}if("number"===t.type){this.index++;const e=t.value,i=this.peek();return i&&"symbol"===i.type&&"%"===i.value?(this.index++,{type:"percentage",value:e/100}):i&&"word"===i.type&&"px"===i.value?(this.index++,{type:"literal",value:e}):{type:"literal",value:e}}throw new Error("Unexpected token in expression")}consumeSymbol(t){const e=this.peek();return!(!e||"symbol"!==e.type||e.value!==t)&&(this.index++,!0)}peek(){return this.tokens[this.index]||null}};function oe(t){return t>="0"&&t<="9"}function ae(t){return t>="a"&&t<="z"||t>="A"&&t<="Z"}function he(t){return Boolean(t&&"symbol"===t.type&&("+"===t.value||"-"===t.value))}function ce(t,e){t=t.slice();for(let i=0;i<e.length;i++){const s=e[i];Number.isFinite(s)&&(t[i]=s)}return t}var de=class{constructor(t){const{id:e,x:i=0,y:s=0,width:n="100%",height:r="100%",padding:o=null}=t;this.id=e||this.constructor.displayName||"view",this.props={...t,id:this.id},this._x=ie(i),this._y=ie(s),this._width=ie(n),this._height=ie(r),this._padding=o&&{left:ie(o.left||0),right:ie(o.right||0),top:ie(o.top||0),bottom:ie(o.bottom||0)},this.equals=this.equals.bind(this),Object.seal(this)}equals(t){return this===t||this.constructor===t.constructor&&j(this.props,t.props,2)}clone(t){return new(0,this.constructor)({...this.props,...t})}makeViewport({width:t,height:e,viewState:i}){i=this.filterViewState(i);const s=this.getDimensions({width:t,height:e});return s.height&&s.width?new(this.getViewportType(i))({...i,...this.props,...s}):null}getViewStateId(){const{viewState:t}=this.props;return"string"==typeof t?t:t?.id||this.id}filterViewState(t){return this.props.viewState&&"object"==typeof this.props.viewState?this.props.viewState.id?function(t,e){const i={...t};for(const s in e)"id"!==s&&(Array.isArray(i[s])&&Array.isArray(e[s])?i[s]=ce(i[s],e[s]):i[s]=e[s]);return i}(t,this.props.viewState):this.props.viewState:t}getDimensions({width:t,height:e}){const i={x:ne(this._x,t),y:ne(this._y,e),width:ne(this._width,t),height:ne(this._height,e)};return this._padding&&(i.padding={left:ne(this._padding.left,t),top:ne(this._padding.top,e),right:ne(this._padding.right,t),bottom:ne(this._padding.bottom,e)}),i}get controller(){const t=this.props.controller;return t?!0===t?{type:this.ControllerType}:"function"==typeof t?{type:t}:{type:this.ControllerType,...t}:null}},le=()=>{},pe={mode:"preserve"},ue={mode:"hard"},ge=2,ve=3,me=t=>t,we=1,fe=class{constructor(t){this._onTransitionUpdate=t=>{const{time:e,settings:{interpolator:i,startProps:s,endProps:n,duration:r,easing:o}}=t,a=o(e/r),h=i.interpolateProps(s,n,a);this.propsInTransition=this.getControllerState({...this.props,...h},pe).getViewportProps(),this.onViewStateChange({viewState:this.propsInTransition,oldViewState:this.props})},this.getControllerState=t.getControllerState,this.propsInTransition=null,this.transition=new z(t.timeline),this.onViewStateChange=t.onViewStateChange||le,this.onStateChange=t.onStateChange||le}finalize(){this.transition.cancel()}getViewportInTransition(){return this.propsInTransition}processViewStateChange(t){let e=!1;const i=this.props;if(this.props=t,!i||this._shouldIgnoreViewportChange(i,t))return!1;if(this._isTransitionEnabled(t)){let s=i;if(this.transition.inProgress){const{interruption:t,endProps:e}=this.transition.settings;s={...i,...t===ge?e:this.propsInTransition||i}}this._triggerTransition(s,t),e=!0}else this.transition.cancel();return e}updateTransition(){this.transition.update()}_isTransitionEnabled(t){const{transitionDuration:e,transitionInterpolator:i}=t;return(e>0||"auto"===e)&&Boolean(i)}_isUpdateDueToCurrentTransition(t){return!(!this.transition.inProgress||!this.propsInTransition)&&this.transition.settings.interpolator.arePropsEqual(t,this.propsInTransition)}_shouldIgnoreViewportChange(t,e){return this.transition.inProgress?this.transition.settings.interruption===ve||this._isUpdateDueToCurrentTransition(e):!this._isTransitionEnabled(e)||e.transitionInterpolator.arePropsEqual(t,e)}_triggerTransition(t,e){const i=this.getControllerState(t,pe),s=this.getControllerState(e,ue).shortestPathFrom(i),n=e.transitionInterpolator,r=n.getDuration?n.getDuration(t,e):e.transitionDuration;if(0===r)return;const o=n.initializeProps(t,s);this.propsInTransition={};const a={duration:r,easing:e.transitionEasing||me,interpolator:n,interruption:e.transitionInterruption||we,startProps:o.start,endProps:o.end,onStart:e.onTransitionStart,onUpdate:this._onTransitionUpdate,onInterrupt:this._onTransitionEnd(e.onTransitionInterrupt),onEnd:this._onTransitionEnd(e.onTransitionEnd)};this.transition.start(a),this.onStateChange({inTransition:!0}),this.updateTransition()}_onTransitionEnd(t){return e=>{this.propsInTransition=null,this.onStateChange({inTransition:!1,isZooming:!1,isPanning:!1,isRotating:!1}),t?.(e)}}},_e=class{constructor(t){const{compare:e,extract:i,required:s}=t;this._propsToCompare=e,this._propsToExtract=i||e,this._requiredProps=s}arePropsEqual(t,e){for(const i of this._propsToCompare)if(!(i in t)||!(i in e)||!l(t[i],e[i]))return!1;return!0}initializeProps(t,e){const i={},s={};for(const n of this._propsToExtract)(n in t||n in e)&&(i[n]=t[n],s[n]=e[n]);return this._checkRequiredProps(i),this._checkRequiredProps(s),{start:i,end:s}}getDuration(t,e){return e.transitionDuration}_checkRequiredProps(t){this._requiredProps&&this._requiredProps.forEach(e=>{const i=t[e];P(Number.isFinite(i)||Array.isArray(i),`${e} is required for transition`)})}},ye=["longitude","latitude","zoom","bearing","pitch"],Pe=["longitude","latitude","zoom"],be=class extends _e{constructor(t={}){const e=Array.isArray(t)?t:t.transitionProps,i=Array.isArray(t)?{}:t;i.transitionProps=Array.isArray(e)?{compare:e,required:e}:e||{compare:ye,required:Pe},super(i.transitionProps),this.opts=i}initializeProps(t,e){const i=super.initializeProps(t,e),{makeViewport:s,around:n}=this.opts;if(s&&n){const r=s(t),o=s(e),a=r.unproject(n);i.start.around=n,Object.assign(i.end,{around:o.project(a),aroundPosition:a,width:e.width,height:e.height})}return i}interpolateProps(t,e,i){const s={};for(const n of this._propsToExtract)s[n]=o(t[n]||0,e[n]||0,i);if(e.aroundPosition&&this.opts.makeViewport){const n=this.opts.makeViewport({...e,...s});Object.assign(s,n.panByPosition(e.aroundPosition,o(t.around,e.around,i)))}return s}},Ce={transitionDuration:0},Me=t=>1-(1-t)*(1-t),ke=t=>1===t?1:1-Math.pow(2,-10*t),xe=["wheel"],Se=["panstart","panmove","panend"],Ee=["pinchstart","pinchmove","pinchend"],Re=["multipanstart","multipanmove","multipanend"],Le=["dblclick"],De=["dblclickdragstart","dblclickdragmove","dblclickdragend","dblclickdragcancel"],Ie=["keydown"],Te={},Ae=class{constructor(t){this.state={},this._events={},this._interactionState={isDragging:!1},this._customEvents=[],this._eventStartBlocked=null,this._panMove=!1,this._multiPanMode=null,this._multiPanStartCenter=null,this._doubleClickDragAnchor=null,this._suppressDoubleClickUntil=0,this.invertPan=!1,this.dragMode="rotate",this.inertia=0,this.scrollZoom=!0,this.dragPan=!0,this.dragRotate=!0,this.doubleClickZoom=!0,this.doubleClickDragZoom=!0,this.touchZoom=!0,this.touchRotate=!1,this.multiTouchDrag=null,this.trackpadGesture=!1,this.zoomAround="pointer",this.keyboard=!0,this.transitionManager=new fe({...t,getControllerState:(e,i)=>new this.ControllerState({...e,constraintContext:i,makeViewport:t.makeViewport}),onViewStateChange:this._onTransition.bind(this),onStateChange:this._setInteractionState.bind(this)}),this.handleEvent=this.handleEvent.bind(this),this.eventManager=t.eventManager,this.onViewStateChange=t.onViewStateChange||(()=>{}),this.onStateChange=t.onStateChange||(()=>{}),this.makeViewport=t.makeViewport,this.pickPosition=t.pickPosition}set events(t){this.toggleEvents(this._customEvents,!1),this.toggleEvents(t,!0),this._customEvents=t,this.props&&this.setProps(this.props)}finalize(){for(const t in this._events)this._events[t]&&this.eventManager?.off(t,this.handleEvent);this.transitionManager.finalize()}handleEvent(t){this._controllerState=void 0;const e=this._eventStartBlocked;switch(t.type){case"panstart":return!e&&this._onPanStart(t);case"panmove":return this._onPan(t);case"panend":return this._onPanEnd(t);case"pinchstart":return!(e||!this._isTrackpadGestureAllowed(t))&&this._onPinchStart(t);case"pinchmove":return!!this._isTrackpadGestureAllowed(t)&&this._onPinch(t);case"pinchend":return!!this._isTrackpadGestureAllowed(t)&&this._onPinchEnd(t);case"multipanstart":return!e&&this._onMultiPanStart(t);case"multipanmove":return this._onMultiPan(t);case"multipanend":return this._onMultiPanEnd(t);case"dblclick":return this._onDoubleClick(t);case"dblclickdragstart":return!e&&this._onDoubleClickDragStart(t);case"dblclickdragmove":return this._onDoubleClickDrag(t);case"dblclickdragend":case"dblclickdragcancel":return this._onDoubleClickDragEnd(t);case"wheel":return this._onWheel(t);case"keydown":return this._onKeyDown(t);default:return!1}}get controllerState(){return this._controllerState=this._controllerState||new this.ControllerState({makeViewport:this.makeViewport,...this.props,...this.state}),this._controllerState}getCenter(t){const{x:e,y:i}=this.props,{offsetCenter:s}=t;return[s.x-e,s.y-i]}getZoomPosition(t){if("pointer"===this.zoomAround)return t;const e=this.makeViewport(this.controllerState.getViewportProps()),[i,s]=L(e.center,e.pixelProjectionMatrix);return[i,s]}isPointInBounds(t,e){const{width:i,height:s}=this.props;if(e&&e.handled)return!1;const n=t[0]>=0&&t[0]<=i&&t[1]>=0&&t[1]<=s;return n&&e&&e.stopPropagation(),n}isFunctionKeyPressed(t){const{srcEvent:e}=t;return Boolean(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}isDragging(){return this._interactionState.isDragging||!1}blockEvents(t){const e=setTimeout(()=>{this._eventStartBlocked===e&&(this._eventStartBlocked=null)},t);this._eventStartBlocked=e}setProps(t){void 0===t.maxBoundsPadding&&(t.maxBoundsPadding=null),t.dragMode&&(this.dragMode=t.dragMode);const e=this.props;this.props=t,"transitionInterpolator"in t||(t.transitionInterpolator=this._getTransitionProps().transitionInterpolator),this.transitionManager.processViewStateChange(t);const{inertia:i}=t;this.inertia=Number.isFinite(i)?i:!0===i?300:0;const{scrollZoom:s=!0,dragPan:n=!0,dragRotate:r=!0,doubleClickZoom:o=!0,doubleClickDragZoom:a=!1,touchZoom:h=!0,touchRotate:c=!1,multiTouchDrag:d=(c?"rotate":null),trackpadGesture:l=!1,zoomAround:p="pointer",keyboard:u=!0}=t,g=Boolean(this.onViewStateChange);if(this.toggleEvents(xe,g&&s),this.toggleEvents(Se,g),this.toggleEvents(Ee,g&&(h||"rotate"===d)),this.toggleEvents(Re,g&&Boolean(d)),this.toggleEvents(Le,g&&o),this.toggleEvents(De,g&&a),this.toggleEvents(Ie,g&&u),this.scrollZoom=s,this.dragPan=n,this.dragRotate=r,this.doubleClickZoom=o,this.doubleClickDragZoom=a,this.touchZoom=h,this.touchRotate="rotate"===d,this.multiTouchDrag=d,this.trackpadGesture=l,this.zoomAround=p,this.keyboard=u,(!e||e.height!==t.height||e.width!==t.width||e.maxBounds!==t.maxBounds||e.maxBoundsPadding!==t.maxBoundsPadding)&&t.maxBounds){const e=new this.ControllerState({...t,makeViewport:this.makeViewport}),i=e.getViewportProps();Object.keys(i).some(e=>!j(i[e],t[e],1))&&this.updateViewport(e)}}updateTransition(){this.transitionManager.updateTransition()}toggleEvents(t,e){this.eventManager&&t.forEach(t=>{this._events[t]!==e&&(this._events[t]=e,e?this.eventManager.on(t,this.handleEvent):this.eventManager.off(t,this.handleEvent))})}updateViewport(t,e=null,i={}){const s={...t.getViewportProps(),...e},n=this.controllerState!==t;if(this.state=t.getState(),this._setInteractionState(i),n){const t=this.controllerState&&this.controllerState.getViewportProps();this.onViewStateChange&&this.onViewStateChange({viewState:s,interactionState:this._interactionState,oldViewState:t,viewId:this.props.id})}}_onTransition(t){this.onViewStateChange({...t,interactionState:this._interactionState,viewId:this.props.id})}_setInteractionState(t){Object.assign(this._interactionState,t),this.onStateChange(this._interactionState)}_getConstraintContext(t,e){return this.props.rubberBand?{mode:"update"===e?"elastic":"end"===e?"rebound":"hard"}:{mode:"hard"}}_getReboundTransition(t,e){if("rebound"!==t.mode)return null;const i=e.getViewportProps();return Object.keys(i).some(t=>!j(this.props[t],i[t],1))?{...this._getTransitionProps(),transitionDuration:300,transitionEasing:ke}:null}_onPanStart(t){const e=this.getCenter(t);if(!this.isPointInBounds(e,t))return!1;let i=this.isFunctionKeyPressed(t)||t.rightButton||!1;(this.invertPan||"pan"===this.dragMode)&&(i=!i);const s=i?"pan":"rotate",n=this._getConstraintContext(s,"start"),r=i?this.controllerState.panStart({pos:e},n):this.controllerState.rotateStart({pos:e},n);return this._panMove=i,this.updateViewport(r,Ce,{isDragging:!0}),!0}_onPan(t){return!!this.isDragging()&&(this._panMove?this._onPanMove(t):this._onPanRotate(t))}_onPanEnd(t){return!!this.isDragging()&&(this._panMove?this._onPanMoveEnd(t):this._onPanRotateEnd(t))}_onPanMove(t){if(!this.dragPan)return!1;const e=this.getCenter(t),i=this.controllerState.pan({pos:e},this._getConstraintContext("pan","update"));return this.updateViewport(i,Ce,{isDragging:!0,isPanning:!0}),!0}_onPanMoveEnd(t){const{inertia:e}=this;if(this.dragPan&&e&&t.velocity){const i=this.getCenter(t),s=[i[0]+t.velocityX*e/2,i[1]+t.velocityY*e/2],n=this.controllerState.pan({pos:s}).panEnd();this.updateViewport(n,{...this._getTransitionProps(),transitionDuration:e,transitionEasing:Me},{isDragging:!1,isPanning:!0})}else{const t=this.controllerState,e=this._getConstraintContext("pan","end"),i=t.panEnd(e),s=this._getReboundTransition(e,i);this.updateViewport(i,s,{isDragging:!1,isPanning:Boolean(s)})}return!0}_onPanRotate(t){if(!this.dragRotate)return!1;const e=this.getCenter(t),i=this.controllerState.rotate({pos:e},this._getConstraintContext("rotate","update"));return this.updateViewport(i,Ce,{isDragging:!0,isRotating:!0}),!0}_onPanRotateEnd(t){const{inertia:e}=this;if(this.dragRotate&&e&&t.velocity){const i=this.getCenter(t),s=[i[0]+t.velocityX*e/2,i[1]+t.velocityY*e/2],n=this.controllerState.rotate({pos:s}).rotateEnd();this.updateViewport(n,{...this._getTransitionProps(),transitionDuration:e,transitionEasing:Me},{isDragging:!1,isRotating:!0})}else{const t=this.controllerState,e=this._getConstraintContext("rotate","end"),i=t.rotateEnd(e),s=this._getReboundTransition(e,i);this.updateViewport(i,s,{isDragging:!1,isRotating:Boolean(s)})}return!0}_onWheel(t){if(!this.scrollZoom)return!1;if(this.trackpadGesture&&"mouse"!==t.device)return!1;const e=this.getCenter(t);if(!this.isPointInBounds(e,t))return!1;t.srcEvent.preventDefault();const{speed:i=.01,smooth:s=!1}=!0===this.scrollZoom?{}:this.scrollZoom,{delta:n}=t;let r=2/(1+Math.exp(-Math.abs(n*i)));n<0&&0!==r&&(r=1/r);const o=this.getZoomPosition(e),a=s?{...this._getTransitionProps({around:o}),transitionDuration:250}:Ce,h=this.controllerState.zoom({pos:o,scale:r});return this.updateViewport(h,a,{isZooming:!0,isPanning:!0}),s||this._setInteractionState({isZooming:!1,isPanning:!1}),!0}_onMultiPanStart(t){const{multiTouchDrag:e}=this;if(!e||!this._isMultiPanEventAllowed(t,e))return!1;const i=t.offsetCenter;if(!this.isPointInBounds(this.getCenter(t),t))return!1;const s="trackpad"===t.pointerType,n={x:i.x-(s?0:t.deltaX),y:i.y-(s?0:t.deltaY)},r={...t,offsetCenter:n},o=this.getCenter(r),a="pan"===e?this.controllerState.panStart({pos:o},this._getConstraintContext("pan","start")):this.controllerState.rotateStart({pos:o},this._getConstraintContext("rotate","start"));return this._multiPanMode=e,this._multiPanStartCenter=n,this.updateViewport(a,Ce,{isDragging:!0}),!0}_onMultiPan(t){const{mode:e,event:i}=this._getMultiPanEvent(t);return!!(e&&i&&this.isDragging())&&("pan"===e?this._onPanMove(i):this._onPanRotate(i))}_onMultiPanEnd(t){const{mode:e,event:i}=this._getMultiPanEvent(t);if(!e||!i||!this.isDragging())return this._resetMultiPan(),!1;const s="pan"===e?this._onPanMoveEnd(i):this._onPanRotateEnd(i);return this._resetMultiPan(),s}_isTrackpadGestureAllowed(t){return"trackpad"!==t.pointerType||this.trackpadGesture}_isMultiPanEventAllowed(t,e){return"trackpad"===t.pointerType?this.trackpadGesture&&("pan"===e?this.dragPan:this.dragRotate):"touch"===t.pointerType&&("pan"===e?this.dragPan:this.dragRotate)}_getMultiPanEvent(t){const e=this._multiPanMode,i=this._multiPanStartCenter;return e&&i?{mode:e,event:{...t,offsetCenter:{x:i.x+t.deltaX,y:i.y+t.deltaY}}}:{mode:null,event:null}}_resetMultiPan(){this._multiPanMode=null,this._multiPanStartCenter=null}_onPinchStart(t){this._doubleClickDragAnchor=null;const e=this.getCenter(t);if(!this.isPointInBounds(e,t))return!1;const i=this.controllerState.zoomStart({pos:this.getZoomPosition(e)},this._getConstraintContext("zoom","start")).rotateStart({pos:e},this._getConstraintContext("rotate","start"));return Te._startPinchRotation=t.rotation,Te._lastPinchEvent=t,this.updateViewport(i,Ce,{isDragging:!0}),!0}_onPinch(t){if(!this.touchZoom&&!this.touchRotate)return!1;if(!this.isDragging())return!1;let e=this.controllerState;if(this.touchZoom){const{scale:i}=t,s=this.getCenter(t);e=e.zoom({pos:this.getZoomPosition(s),scale:i},this._getConstraintContext("zoom","update"))}if(this.touchRotate){const{rotation:i}=t;e=e.rotate({deltaAngleX:Te._startPinchRotation-i},this._getConstraintContext("rotate","update"))}return this.updateViewport(e,Ce,{isDragging:!0,isPanning:this.touchZoom,isZooming:this.touchZoom,isRotating:this.touchRotate}),Te._lastPinchEvent=t,!0}_onPinchEnd(t){if(!this.isDragging())return!1;const{inertia:e}=this,{_lastPinchEvent:i}=Te;if(this.touchZoom&&e&&i&&t.scale!==i.scale){const s=this.getCenter(t),n=this.getZoomPosition(s);let r=this.controllerState.rotateEnd();const o=Math.log2(t.scale),a=(o-Math.log2(i.scale))/(t.deltaTime-i.deltaTime),h=Math.pow(2,o+a*e/2);r=r.zoom({pos:n,scale:h}).zoomEnd(),this.updateViewport(r,{...this._getTransitionProps({around:n}),transitionDuration:e,transitionEasing:Me},{isDragging:!1,isPanning:this.touchZoom,isZooming:this.touchZoom,isRotating:!1}),this.blockEvents(e)}else{const t=this.controllerState,e=this._getConstraintContext("zoom","end"),i=this._getConstraintContext("rotate","end"),s=t.zoomEnd(e).rotateEnd(i),n=this._getReboundTransition(this.touchZoom?e:i,s);this.updateViewport(s,n,{isDragging:!1,isPanning:Boolean(n)&&this.touchZoom,isZooming:Boolean(n)&&this.touchZoom,isRotating:Boolean(n)&&this.touchRotate})}return Te._startPinchRotation=null,Te._lastPinchEvent=null,!0}_onDoubleClick(t){if(!this.doubleClickZoom)return!1;if(Date.now()<this._suppressDoubleClickUntil)return!1;const e=this.getCenter(t);if(!this.isPointInBounds(e,t))return!1;const i=this.isFunctionKeyPressed(t),s=this.getZoomPosition(e),n=this.controllerState.zoom({pos:s,scale:i?.5:2});return this.updateViewport(n,this._getTransitionProps({around:s}),{isZooming:!0,isPanning:!0}),this.blockEvents(100),!0}_onDoubleClickDragStart(t){if(!this.doubleClickDragZoom)return this._doubleClickDragAnchor=null,!1;const e=this.getCenter(t);if(!this.isPointInBounds(e,t))return this._doubleClickDragAnchor=null,!1;this._doubleClickDragAnchor=this.getZoomPosition(e);let i=this.controllerState.zoomStart({pos:this._doubleClickDragAnchor},this._getConstraintContext("zoom","start"));return 1!==t.scale&&(i=i.zoom({pos:this._doubleClickDragAnchor,scale:t.scale},this._getConstraintContext("zoom","update"))),this.updateViewport(i,Ce,{isDragging:!0,isPanning:!0,isZooming:!0}),!0}_onDoubleClickDrag(t){const e=this._doubleClickDragAnchor;if(!e)return!1;const i=this.controllerState.zoom({pos:e,scale:t.scale},this._getConstraintContext("zoom","update"));return this.updateViewport(i,Ce,{isDragging:!0,isPanning:!0,isZooming:!0}),!0}_onDoubleClickDragEnd(t){if(!this._doubleClickDragAnchor)return!1;this._doubleClickDragAnchor=null;const e=this.controllerState,i=this._getConstraintContext("zoom","end"),s=e.zoomEnd(i),n=this._getReboundTransition(i,s);return this.updateViewport(s,n,{isDragging:!1,isPanning:Boolean(n),isZooming:Boolean(n)}),this._suppressDoubleClickUntil=Date.now()+100,this.blockEvents(100),!0}_onKeyDown(t){if(!this.keyboard)return!1;const e=this.isFunctionKeyPressed(t),{zoomSpeed:i,moveSpeed:s,rotateSpeedX:n,rotateSpeedY:r}=!0===this.keyboard?{}:this.keyboard,{controllerState:o}=this;let a;const h={};switch(t.srcEvent.code){case"Minus":a=e?o.zoomOut(i).zoomOut(i):o.zoomOut(i),h.isZooming=!0;break;case"Equal":a=e?o.zoomIn(i).zoomIn(i):o.zoomIn(i),h.isZooming=!0;break;case"ArrowLeft":e?(a=o.rotateLeft(n),h.isRotating=!0):(a=o.moveLeft(s),h.isPanning=!0);break;case"ArrowRight":e?(a=o.rotateRight(n),h.isRotating=!0):(a=o.moveRight(s),h.isPanning=!0);break;case"ArrowUp":e?(a=o.rotateUp(r),h.isRotating=!0):(a=o.moveUp(s),h.isPanning=!0);break;case"ArrowDown":e?(a=o.rotateDown(r),h.isRotating=!0):(a=o.moveDown(s),h.isPanning=!0);break;default:return!1}return this.updateViewport(a,this._getTransitionProps(),h),!0}_getTransitionProps(t){const{transition:e}=this;return e&&e.transitionInterpolator?t?{...e,transitionInterpolator:new be({...t,...e.transitionInterpolator.opts,makeViewport:this.controllerState.makeViewport})}:e:Ce}},Ve=Symbol("constraintAround"),ze=class{constructor(t,e,i,s){this.makeViewport=i,this._viewportProps=this.applyConstraints(t,s),this._state=e}getViewportProps(){return this._viewportProps}getState(){return this._state}};function Fe(t,e,i){const s=t-e;return s&&Number.isFinite(s)?e+s*i/(i+Math.abs(s)):e}function Oe(t,e,i){const s=ne(ie(i?.left??0),t),n=ne(ie(i?.right??0),t),r=ne(ie(i?.top??0),e);return{x:s,y:r,width:t-s-n,height:e-r-ne(ie(i?.bottom??0),e)}}function je(t,e,i){let[s,n]=t.project(e);return s=Number.isFinite(s)?s:t.width/2,n=Number.isFinite(n)?n:t.height/2,{left:s-i.x,right:i.x+i.width-s,top:n-i.y,bottom:i.y+i.height-n}}var Be=[[-1/0,-90],[1/0,90]];function Ne([t,e]){if(Math.abs(e)>90&&(e=90*Math.sign(e)),Number.isFinite(t)){const[s,r]=n([t,e]);return[s,i(r,0,512)]}const[,s]=n([0,e]);return[t,i(s,0,512)]}var Ue=class extends ze{constructor(t){const{width:e,height:i,latitude:s,longitude:n,zoom:r,bearing:o=0,pitch:a=0,altitude:h=1.5,position:c=[0,0,0],maxZoom:d=20,minZoom:l=0,maxPitch:p=60,minPitch:u=0,startPanLngLat:g,startZoomLngLat:v,startRotatePos:m,startRotateLngLat:w,startBearing:f,startPitch:_,startZoom:y,normalize:b=!0,rubberBand:C=!1}=t,{[Ve]:M}=t;P(Number.isFinite(n)),P(Number.isFinite(s)),P(Number.isFinite(r));super({width:e,height:i,latitude:s,longitude:n,zoom:r,bearing:o,pitch:a,altitude:h,maxZoom:d,minZoom:l,maxPitch:p,minPitch:u,normalize:b,position:c,maxBounds:t.maxBounds||(b?Be:null),maxBoundsPadding:t.maxBoundsPadding||null,rubberBand:C,[Ve]:M},{startPanLngLat:g,startZoomLngLat:v,startRotatePos:m,startRotateLngLat:w,startBearing:f,startPitch:_,startZoom:y},t.makeViewport,t.constraintContext),this.getAltitude=t.getAltitude}panStart({pos:t},e){return this._getUpdatedState({startPanLngLat:this._unproject(t)},e)}pan({pos:t,startPos:e},i){const s=this.getState().startPanLngLat||this._unproject(e);if(!s)return this;const n=this.makeViewport(this.getViewportProps()).panByPosition(s,t);return this._getUpdatedState(n,i)}panEnd(t){return this._getUpdatedState({startPanLngLat:null},t)}rotateStart({pos:t}){const e=this.getAltitude?.(t);return this._getUpdatedState({startRotatePos:t,startRotateLngLat:void 0!==e?this._unproject3D(t,e):void 0,startBearing:this.getViewportProps().bearing,startPitch:this.getViewportProps().pitch})}rotate({pos:t,deltaAngleX:e=0,deltaAngleY:i=0}){const{startRotatePos:s,startRotateLngLat:n,startBearing:r,startPitch:o}=this.getState();if(!s||void 0===r||void 0===o)return this;let a;if(a=t?this._getNewRotation(t,s,o,r):{bearing:r+e,pitch:o+i},n){const t=this.makeViewport({...this.getViewportProps(),...a}),e="panByPosition3D"in t?"panByPosition3D":"panByPosition";return this._getUpdatedState({...a,...t[e](n,s)})}return this._getUpdatedState(a)}rotateEnd(){return this._getUpdatedState({startRotatePos:null,startRotateLngLat:null,startBearing:null,startPitch:null})}zoomStart({pos:t},e){return this._getUpdatedState({startZoomLngLat:this._unproject(t),startZoom:this.getViewportProps().zoom},e)}zoom({pos:t,startPos:e,scale:i},s){let{startZoom:n,startZoomLngLat:r}=this.getState();return r||(n=this.getViewportProps().zoom,r=this._unproject(e)||this._unproject(t)),r?this._getUpdatedState({zoom:n+Math.log2(i),[Ve]:{position:r,screenPosition:t}},s):this}zoomEnd(t){return this._getUpdatedState({startZoomLngLat:null,startZoom:null},t)}zoomIn(t=2,e){return this._zoomFromCenter(t,e)}zoomOut(t=2,e){return this._zoomFromCenter(1/t,e)}moveLeft(t=100,e){return this._panFromCenter([t,0],e)}moveRight(t=100,e){return this._panFromCenter([-t,0],e)}moveUp(t=100,e){return this._panFromCenter([0,t],e)}moveDown(t=100,e){return this._panFromCenter([0,-t],e)}rotateLeft(t=15){return this._getUpdatedState({bearing:this.getViewportProps().bearing-t})}rotateRight(t=15){return this._getUpdatedState({bearing:this.getViewportProps().bearing+t})}rotateUp(t=10){return this._getUpdatedState({pitch:this.getViewportProps().pitch+t})}rotateDown(t=10){return this._getUpdatedState({pitch:this.getViewportProps().pitch-t})}shortestPathFrom(t){const e=t.getViewportProps(),i={...this.getViewportProps()},{bearing:s,longitude:n}=i;return Math.abs(s-e.bearing)>180&&(i.bearing=s<0?s+360:s-360),Math.abs(n-e.longitude)>180&&(i.longitude=n<0?n+360:n-360),i}applyConstraints(t,s){const n=t,r=n[Ve];delete n[Ve];const{maxPitch:o,minPitch:a,pitch:h,bearing:c,normalize:d,maxBounds:l,rubberBand:p}=t;d&&(c<-180||c>180)&&(t.bearing=M(c+180,360)-180),t.pitch=i(h,a,o);const u=this._constrainZoom(t.zoom,t),g=p&&"elastic"===s?.mode;if(t.zoom="preserve"===s?.mode?t.zoom:g?Fe(t.zoom,u,1):u,r){const e=this.makeViewport(t);Object.assign(t,e.panByPosition(r.position,r.screenPosition))}if(d&&(t.longitude<-180||t.longitude>180)&&(t.longitude=M(t.longitude+180,360)-180),l){const n=Oe(t.width,t.height,t.maxBoundsPadding),r=je(this.makeViewport({...t,bearing:0,pitch:0}),[t.longitude,t.latitude],n),o=Ne(l[0]),a=Ne(l[1]),h=2**t.zoom,c=[o[0]+r.left/h,o[1]+r.bottom/h],d=[a[0]-r.right/h,a[1]-r.top/h],p=Ne([t.longitude,t.latitude]),u=[i(p[0],c[0],d[0]),i(p[1],c[1],d[1])],v=p.slice();if(n.width>=0&&(v[0]="preserve"===s?.mode?p[0]:g?Fe(p[0],u[0],n.width/2/h):u[0]),n.height>=0&&(v[1]="preserve"===s?.mode?p[1]:g?Fe(p[1],u[1],n.height/2/h):u[1]),v[0]!==p[0]||v[1]!==p[1]){const[i,s]=e(v);v[0]!==p[0]&&(t.longitude=i),v[1]!==p[1]&&(t.latitude=s)}}return t}_constrainZoom(t,e){e||(e=this.getViewportProps());const{maxZoom:s,maxBounds:n}=e,r=null!==n&&e.width>0&&e.height>0;let{minZoom:o}=e;if(r){const t=Oe(e.width,e.height,e.maxBoundsPadding),i=Ne(n[0]),r=Ne(n[1]),a=r[0]-i[0],h=r[1]-i[1];t.width>0&&Number.isFinite(a)&&a>0&&(o=Math.max(o,Math.log2(t.width/a))),t.height>0&&Number.isFinite(h)&&h>0&&(o=Math.max(o,Math.log2(t.height/h))),o>s&&(o=s)}return i(t,o,s)}_zoomFromCenter(t,e){const{width:i,height:s}=this.getViewportProps();return this.zoom({pos:[i/2,s/2],scale:t},e)}_panFromCenter(t,e){const{width:i,height:s}=this.getViewportProps();return this.pan({startPos:[i/2,s/2],pos:[i/2+t[0],s/2+t[1]]},e)}_getUpdatedState(t,e){return new this.constructor({makeViewport:this.makeViewport,...this.getViewportProps(),...this.getState(),...t,constraintContext:e})}_unproject(t){const e=this.makeViewport(this.getViewportProps());return t&&e.unproject(t)}_unproject3D(t,e){return this.makeViewport(this.getViewportProps()).unproject(t,{targetZ:e})}_getNewRotation(t,e,s,n){const r=t[0]-e[0],o=t[1]-e[1],a=t[1],h=e[1],{width:c,height:d}=this.getViewportProps(),l=r/c;let p=0;o>0?Math.abs(d-h)>5&&(p=o/(h-d)*1.2):o<0&&h>5&&(p=1-a/h),p=i(p,-1,1);const{minPitch:u,maxPitch:g}=this.getViewportProps();let v=s;return p>0?v=s+p*(g-s):p<0&&(v=s-p*(u-s)),{pitch:v,bearing:n+180*l}}},Ge=class extends Ae{constructor(){super(...arguments),this.ControllerState=Ue,this.transition={transitionDuration:300,transitionInterpolator:new be({transitionProps:{compare:["longitude","latitude","zoom","bearing","pitch","position"],required:["longitude","latitude","zoom"]}})},this.dragMode="pan",this.rotationPivot="center",this._getAltitude=t=>{if("2d"===this.rotationPivot)return 0;if("3d"===this.rotationPivot&&this.pickPosition){const{x:e,y:i}=this.props,s=this.pickPosition(e+t[0],i+t[1]);if(s&&s.coordinate&&s.coordinate.length>=3)return s.coordinate[2]}}}setProps(t){"rotationPivot"in t&&(this.rotationPivot=t.rotationPivot||"center"),t.getAltitude=this._getAltitude,t.position=t.position||[0,0,0],t.maxBounds=t.maxBounds||(!1===t.normalize?null:Be),super.setProps(t)}updateViewport(t,e=null,i={}){const s=t.getState();i.isDragging&&s.startRotateLngLat?i={...i,rotationPivotPosition:s.startRotateLngLat}:!1===i.isDragging&&(i={...i,rotationPivotPosition:void 0}),super.updateViewport(t,e,i)}},We=class extends de{constructor(t={}){super(t)}getViewportType(){return y}get ControllerType(){return Ge}};We.displayName="MapView";var Ze=new jt;var He=class{constructor(t){this._resolvedEffects=[],this._defaultEffects=[],this.effects=[],this._context=t,this._needsRedraw="Initial render",this._setEffects([])}addDefaultEffect(t){const e=this._defaultEffects;if(!e.find(e=>e.id===t.id)){const i=e.findIndex(e=>{return i=t,(e.order??1/0)-(i.order??1/0)>0;var i});i<0?e.push(t):e.splice(i,0,t),t.setup(this._context),this._setEffects(this.effects)}}setProps(t){"effects"in t&&(j(t.effects,this.effects,1)||this._setEffects(t.effects))}needsRedraw(t={clearRedrawFlags:!1}){const e=this._needsRedraw;return t.clearRedrawFlags&&(this._needsRedraw=!1),e}getEffects(){return this._resolvedEffects}_setEffects(t){const e={};for(const s of this.effects)e[s.id]=s;const i=[];for(const s of t){const t=e[s.id];let n=s;t&&t!==s?t.setProps?(t.setProps(s.props),n=t):t.cleanup(this._context):t||s.setup(this._context),i.push(n),delete e[s.id]}for(const s in e)e[s].cleanup(this._context);this.effects=i,this._resolvedEffects=i.concat(this._defaultEffects),t.some(t=>t instanceof jt)||this._resolvedEffects.push(Ze),this._needsRedraw="effects changed"}finalize(){for(const t of this._resolvedEffects)t.cleanup(this._context);this.effects.length=0,this._resolvedEffects.length=0,this._defaultEffects.length=0}},qe=class extends It{shouldDrawLayer(t){const{operation:e}=t.props;return e.includes("draw")||e.includes("terrain")}render(t){return this._render(t)}},$e=class{constructor(t,e={}){this.device=t,this.stats=e.stats,this.layerFilter=null,this.drawPickingColors=!1,this.drawLayersPass=new qe(t),this.pickLayersPass=new qt(t),this.renderCount=0,this._needsRedraw="Initial render",this.renderBuffers=[],this.lastPostProcessEffect=null}setProps(t){this.layerFilter!==t.layerFilter&&(this.layerFilter=t.layerFilter,this._needsRedraw="layerFilter changed"),this.drawPickingColors!==t.drawPickingColors&&(this.drawPickingColors=t.drawPickingColors,this._needsRedraw="drawPickingColors changed")}renderLayers(t){const e=this.drawPickingColors?this.pickLayersPass:this.drawLayersPass,i={layerFilter:this.layerFilter,isPicking:this.drawPickingColors,...t};if(!t.viewports.length){const t=e.render(i),s="stats"in t?t.stats:t;return void this._updateStats(s)}i.effects&&this._preRender(i.effects,i);const s=this.lastPostProcessEffect?this.renderBuffers[0]:i.target;this.lastPostProcessEffect&&(i.clearColor=[0,0,0,0],i.clearCanvas=!0);const n=e.render({...i,target:s}),r="stats"in n?n.stats:n;i.effects&&(this.lastPostProcessEffect&&(i.clearCanvas=void 0===t.clearCanvas||t.clearCanvas),this._postRender(i.effects,i)),this.renderCount++,B("deckRenderer.renderLayers",this,r,t),this._updateStats(r)}needsRedraw(t={clearRedrawFlags:!1}){const e=this._needsRedraw;return t.clearRedrawFlags&&(this._needsRedraw=!1),e}finalize(){const{renderBuffers:t}=this;for(const e of t)e.delete();t.length=0}_updateStats(t){if(!this.stats)return;let e=0;for(const{visibleCount:i}of t)e+=i;this.stats.get("Layers rendered").addCount(e)}_preRender(t,e){this.lastPostProcessEffect=null,e.preRenderStats=e.preRenderStats||{};for(const i of t)e.preRenderStats[i.id]=i.preRender(e),i.postRender&&(this.lastPostProcessEffect=i.id);this.lastPostProcessEffect&&this._resizeRenderBuffers(e.canvasContext)}_resizeRenderBuffers(t=this.device.canvasContext){const{renderBuffers:e}=this,i=t.getDrawingBufferSize(),[s,n]=i;0===e.length&&[0,1].map(t=>{const i=this.device.createTexture({sampler:{minFilter:"linear",magFilter:"linear"},width:s,height:n});e.push(this.device.createFramebuffer({id:`deck-renderbuffer-${t}`,colorAttachments:[i]}))});for(const r of e)r.resize(i)}_postRender(t,e){const{renderBuffers:i}=this,s=e.target??e.canvasContext?.getCurrentFramebuffer()??e.target,n={...e,inputBuffer:i[0],swapBuffer:i[1]};for(const r of t)if(r.postRender){n.target=r.id===this.lastPostProcessEffect?s:void 0;const t=r.postRender(n);n.inputBuffer=t,n.swapBuffer=t===i[0]?i[1]:i[0]}}},Xe={pickedColor:null,pickedObjectIndex:-1};function Ye({pickedColors:t,decodePickingColor:e,deviceX:i,deviceY:s,deviceRadius:n,deviceRect:r}){const{x:o,y:a,width:h,height:c}=r;let d=n*n,l=-1,p=0;for(let u=0;u<c;u++){const e=u+a-s,n=e*e;if(n>d)p+=4*h;else for(let s=0;s<h;s++){if(t[p+3]-1>=0){const t=s+o-i,e=t*t+n;e<=d&&(d=e,l=p)}p+=4}}if(l>=0){const i=t.slice(l,l+4),s=e(i);if(s){const t=Math.floor(l/4/h),e=l/4-t*h;return{...s,pickedColor:i,pickedX:o+e,pickedY:a+t}}O.error("Picked non-existent layer. Is picking buffer corrupt?")()}return Xe}function Ke({pickedColors:t,decodePickingColor:e}){const i=/* @__PURE__ */new Map;if(t)for(let s=0;s<t.length;s+=4)if(t[s+3]-1>=0){const n=t.slice(s,s+4),r=n.join(",");if(!i.has(r)){const t=e(n);t?i.set(r,{...t,color:n}):O.error("Picked non-existent layer. Is picking buffer corrupt?")()}}return Array.from(i.values())}function Je({pickInfo:t,viewports:e,pixelRatio:i,x:s,y:n,z:r}){let o,a=e[0];if(e.length>1&&(a=function(t,e){for(let i=t.length-1;i>=0;i--){const s=t[i];if(s.containsPixel(e))return s}return t[0]}(t?.pickedViewports||e,{x:s,y:n})),a){const t=[s-a.x,n-a.y];void 0!==r&&(t[2]=r),o=a.unproject(t)}return{color:null,layer:null,viewport:a,index:-1,picked:!1,x:s,y:n,pixel:[s,n],coordinate:o,devicePixel:t&&"pickedX"in t?[t.pickedX,t.pickedY]:void 0,pixelRatio:i}}function Qe(t){const{pickInfo:e,lastPickedInfo:i,mode:s,layers:n}=t,{pickedColor:r,pickedLayer:o,pickedObjectIndex:a}=e,h=o?[o]:[];if("hover"===s){const t=i.index,e=i.layerId,s=o?o.props.id:null;if(s!==e||a!==t){if(s!==e){const t=n.find(t=>t.props.id===e);t&&h.unshift(t)}i.layerId=s,i.index=a,i.info=null}}const c=Je(t),d=/* @__PURE__ */new Map;return d.set(null,c),h.forEach(t=>{let e={...c};t===o&&(e.color=r,e.index=a,e.picked=!0),e=ti({layer:t,info:e,mode:s});const n=e.layer;t===o&&"hover"===s&&(i.info=e),d.set(n.id,e),"hover"===s&&n.updateAutoHighlight(e)}),d}function ti({layer:t,info:e,mode:i}){for(;t&&e;){const s=e.layer||null;e.sourceLayer=s,e.layer=t,e=t.getPickingInfo({info:e,mode:i,sourceLayer:s}),t=t.parent}return e}var ei=class{constructor(t,e={}){this._pickable=!0,this.device=t,this.stats=e.stats,this.pickLayersPass=new qt(t),this.lastPickedInfo={index:-1,layerId:null,info:null}}setProps(t){"layerFilter"in t&&(this.layerFilter=t.layerFilter),"_pickable"in t&&(this._pickable=t._pickable)}finalize(){this.pickingFBO&&this.pickingFBO.destroy(),this.depthFBO&&this.depthFBO.destroy()}pickObjectAsync(t){return this._pickClosestObjectAsync(t)}pickObjectsAsync(t){return this._pickVisibleObjectsAsync(t)}pickObject(t){return this._pickClosestObject(t)}pickObjects(t){return this._pickVisibleObjects(t)}getLastPickedObject({x:t,y:e,layers:i,viewports:s},n=this.lastPickedInfo.info){const r=n&&n.layer&&n.layer.id,o=n&&n.viewport&&n.viewport.id,a=r?i.find(t=>t.id===r):null,h=o&&s.find(t=>t.id===o)||s[0],c={x:t,y:e,viewport:h,coordinate:h&&h.unproject([t-h.x,e-h.y]),layer:a};return{...n,...c}}_resizeBuffer(t=this.device.getDefaultCanvasContext()){if(!this.pickingFBO){const t=this.device.createTexture({format:"rgba8unorm",width:1,height:1,usage:w.RENDER_ATTACHMENT|w.COPY_SRC});if(this.pickingFBO=this.device.createFramebuffer({colorAttachments:[t],depthStencilAttachment:"depth16unorm"}),this.device.isTextureFormatRenderable("rgba32float")){const t=this.device.createTexture({format:"rgba32float",width:1,height:1,usage:w.RENDER_ATTACHMENT|w.COPY_SRC}),e=this.device.createFramebuffer({colorAttachments:[t],depthStencilAttachment:"depth16unorm"});this.depthFBO=e}}const[e,i]=t.getDrawingBufferSize();this.pickingFBO?.resize({width:e,height:i}),this.depthFBO?.resize({width:e,height:i})}_getPickable(t){if(!1===this._pickable)return null;const e=t.filter(t=>this.pickLayersPass.shouldDrawLayer(t)&&!t.isComposite);return e.length?e:null}async _pickClosestObjectAsync({layers:t,views:e,viewports:i,x:s,y:n,radius:r=0,depth:o=1,mode:a="query",unproject3D:h,canvasContext:c=this.device.getDefaultCanvasContext(),onViewportActive:d,effects:l}){const p=c.cssToDeviceRatio(),u=this._getPickable(t);if(!u||0===i.length)return{result:[],emptyInfo:Je({viewports:i,x:s,y:n,pixelRatio:p})};this._resizeBuffer(c);const g=c.cssToDevicePixels([s,n],!0),v=[g.x+Math.floor(g.width/2),g.y+Math.floor(g.height/2)],m=Math.round(r*p),{width:w,height:f}=this.pickingFBO,_=this._getPickingRect({deviceX:v[0],deviceY:v[1],deviceRadius:m,deviceWidth:w,deviceHeight:f}),y={x:s-r,y:n-r,width:2*r+1,height:2*r+1};let P;const b=[],C=/* @__PURE__ */new Set;for(let M=0;M<o;M++){let t,r;if(_){t=Ye({...await this._drawAndSampleAsync({layers:u,views:e,viewports:i,onViewportActive:d,deviceRect:_,cullRect:y,effects:l,pass:`picking:${a}`,canvasContext:c}),deviceX:v[0],deviceY:v[1],deviceRadius:m,deviceRect:_})}else t={pickedColor:null,pickedObjectIndex:-1};const g=this._getDepthLayers(t,u,h);if(g.length>0){const{pickedColors:s}=await this._drawAndSampleAsync({layers:g,views:e,viewports:i,onViewportActive:d,deviceRect:{x:t.pickedX??v[0],y:t.pickedY??v[1],width:1,height:1},cullRect:y,effects:l,pass:`picking:${a}:z`,canvasContext:c},!0);s[3]&&(r=s[0])}t.pickedLayer&&M+1<o&&(C.add(t.pickedLayer),t.pickedLayer.disablePickingIndex(t.pickedObjectIndex)),P=Qe({pickInfo:t,lastPickedInfo:this.lastPickedInfo,mode:a,layers:u,viewports:i,x:s,y:n,z:r,pixelRatio:p});for(const e of P.values())e.layer&&b.push(e);if(!t.pickedColor)break}for(const M of C)M.restorePickingColors();return{result:b,emptyInfo:P.get(null)}}_pickClosestObject({layers:t,views:e,viewports:i,x:s,y:n,radius:r=0,depth:o=1,mode:a="query",unproject3D:h,canvasContext:c=this.device.getDefaultCanvasContext(),onViewportActive:d,effects:l}){const p=c.cssToDeviceRatio(),u=this._getPickable(t);if(!u||0===i.length)return{result:[],emptyInfo:Je({viewports:i,x:s,y:n,pixelRatio:p})};this._resizeBuffer(c);const g=c.cssToDevicePixels([s,n],!0),v=[g.x+Math.floor(g.width/2),g.y+Math.floor(g.height/2)],m=Math.round(r*p),{width:w,height:f}=this.pickingFBO,_=this._getPickingRect({deviceX:v[0],deviceY:v[1],deviceRadius:m,deviceWidth:w,deviceHeight:f}),y={x:s-r,y:n-r,width:2*r+1,height:2*r+1};let P;const b=[],C=/* @__PURE__ */new Set;for(let M=0;M<o;M++){let t,r;if(_){t=Ye({...this._drawAndSample({layers:u,views:e,viewports:i,onViewportActive:d,deviceRect:_,cullRect:y,effects:l,pass:`picking:${a}`,canvasContext:c}),deviceX:v[0],deviceY:v[1],deviceRadius:m,deviceRect:_})}else t={pickedColor:null,pickedObjectIndex:-1};const g=this._getDepthLayers(t,u,h);if(g.length>0){const{pickedColors:s}=this._drawAndSample({layers:g,views:e,viewports:i,onViewportActive:d,deviceRect:{x:t.pickedX??v[0],y:t.pickedY??v[1],width:1,height:1},cullRect:y,effects:l,pass:`picking:${a}:z`,canvasContext:c},!0);s[3]&&(r=s[0])}t.pickedLayer&&M+1<o&&(C.add(t.pickedLayer),t.pickedLayer.disablePickingIndex(t.pickedObjectIndex)),P=Qe({pickInfo:t,lastPickedInfo:this.lastPickedInfo,mode:a,layers:u,viewports:i,x:s,y:n,z:r,pixelRatio:p});for(const e of P.values())e.layer&&b.push(e);if(!t.pickedColor)break}for(const M of C)M.restorePickingColors();return{result:b,emptyInfo:P.get(null)}}async _pickVisibleObjectsAsync({layers:t,views:e,viewports:i,x:s,y:n,width:r=1,height:o=1,mode:a="query",maxObjects:h=null,canvasContext:c=this.device.getDefaultCanvasContext(),onViewportActive:d,effects:l}){const p=this._getPickable(t);if(!p||0===i.length)return[];this._resizeBuffer(c);const u=c.cssToDeviceRatio(),g=c.cssToDevicePixels([s,n],!0),v=g.x,m=g.y+g.height,w=c.cssToDevicePixels([s+r,n+o],!0),f=w.x+w.width,_=w.y,y={x:v,y:_,width:f-v,height:m-_},P=Ke(await this._drawAndSampleAsync({layers:p,views:e,viewports:i,onViewportActive:d,deviceRect:y,cullRect:{x:s,y:n,width:r,height:o},effects:l,pass:`picking:${a}`,canvasContext:c})),b=/* @__PURE__ */new Map,C=[],M=Number.isFinite(h);for(let k=0;k<P.length&&!(M&&C.length>=h);k++){const t=P[k];let e={color:t.pickedColor,layer:null,index:t.pickedObjectIndex,picked:!0,x:s,y:n,pixelRatio:u};e=ti({layer:t.pickedLayer,info:e,mode:a});const i=e.layer.id;b.has(i)||b.set(i,/* @__PURE__ */new Set);const r=b.get(i),o=e.object??e.index;r.has(o)||(r.add(o),C.push(e))}return C}_pickVisibleObjects({layers:t,views:e,viewports:i,x:s,y:n,width:r=1,height:o=1,mode:a="query",maxObjects:h=null,canvasContext:c=this.device.getDefaultCanvasContext(),onViewportActive:d,effects:l}){const p=this._getPickable(t);if(!p||0===i.length)return[];this._resizeBuffer(c);const u=c.cssToDeviceRatio(),g=c.cssToDevicePixels([s,n],!0),v=g.x,m=g.y+g.height,w=c.cssToDevicePixels([s+r,n+o],!0),f=w.x+w.width,_=w.y,y={x:v,y:_,width:f-v,height:m-_},P=Ke(this._drawAndSample({layers:p,views:e,viewports:i,onViewportActive:d,deviceRect:y,cullRect:{x:s,y:n,width:r,height:o},effects:l,pass:`picking:${a}`,canvasContext:c})),b=/* @__PURE__ */new Map,C=[],M=Number.isFinite(h);for(let k=0;k<P.length&&!(M&&C.length>=h);k++){const t=P[k];let e={color:t.pickedColor,layer:null,index:t.pickedObjectIndex,picked:!0,x:s,y:n,pixelRatio:u};e=ti({layer:t.pickedLayer,info:e,mode:a});const i=e.layer.id;b.has(i)||b.set(i,/* @__PURE__ */new Set);const r=b.get(i),o=e.object??e.index;r.has(o)||(r.add(o),C.push(e))}return C}async _drawAndSampleAsync({layers:t,views:e,viewports:i,onViewportActive:s,deviceRect:n,cullRect:r,effects:o,pass:a,canvasContext:h},c=!1){const d=c?this.depthFBO:this.pickingFBO,l={layers:t,layerFilter:this.layerFilter,views:e,viewports:i,onViewportActive:s,pickingFBO:d,deviceRect:n,cullRect:r,effects:o,pass:a,canvasContext:h,pickZ:c,preRenderStats:{},isPicking:!0};for(const y of o)y.useInPicking&&(l.preRenderStats[y.id]=y.preRender(l));const{decodePickingColor:p,stats:u}=this.pickLayersPass.render(l);this._updateStats(u);const{x:g,y:v,width:m,height:w}=n,f=d.colorAttachments[0]?.texture;if(!f)throw new Error("Picking framebuffer color attachment is missing");const _=await this._readTextureDataAsync(f,{x:g,y:v,width:m,height:w},c?Float32Array:Uint8Array);if(!c){let t=!1;for(let e=3;e<_.length;e+=4)if(0!==_[e]){t=!0;break}!t&&_.length>0&&O.warn("Async pick readback returned only zero alpha values",{deviceRect:n,bytes:Array.from(_.subarray(0,Math.min(_.length,16)))})()}return{pickedColors:_,decodePickingColor:p}}async _readTextureDataAsync(t,e,i){const{width:s,height:n}=e,r=t.computeMemoryLayout(e),o=this.device.createBuffer({byteLength:r.byteLength,usage:q.COPY_DST|q.MAP_READ});try{t.readBuffer(e,o);const a=await o.readAsync(0,r.byteLength),h=i.BYTES_PER_ELEMENT;if(r.bytesPerRow%h!==0)throw new Error(`Texture readback row stride ${r.bytesPerRow} is not aligned to ${h}-byte elements.`);const c=new i(a.buffer,a.byteOffset,r.byteLength/h),d=4*s,l=r.bytesPerRow/h;if(l<d)throw new Error(`Texture readback row stride ${l} is smaller than packed row length ${d}.`);const p=new i(s*n*4);for(let t=0;t<n;t++){const e=t*l;p.set(c.subarray(e,e+d),t*d)}return p}finally{o.destroy()}}_drawAndSample({layers:t,views:e,viewports:i,onViewportActive:s,deviceRect:n,cullRect:r,effects:o,pass:a,canvasContext:h},c=!1){const d=c?this.depthFBO:this.pickingFBO,l={layers:t,layerFilter:this.layerFilter,views:e,viewports:i,onViewportActive:s,pickingFBO:d,deviceRect:n,cullRect:r,effects:o,pass:a,canvasContext:h,pickZ:c,preRenderStats:{},isPicking:!0};for(const _ of o)_.useInPicking&&(l.preRenderStats[_.id]=_.preRender(l));const{decodePickingColor:p,stats:u}=this.pickLayersPass.render(l);this._updateStats(u);const{x:g,y:v,width:m,height:w}=n,f=new(c?Float32Array:Uint8Array)(m*w*4);return this.device.readPixelsToArrayWebGL(d,{sourceX:g,sourceY:v,sourceWidth:m,sourceHeight:w,target:f}),{pickedColors:f,decodePickingColor:p}}_updateStats(t){if(!this.stats)return;let e=0;for(const{visibleCount:i}of t)e+=i;this.stats.get("Layers picked").addCount(e)}_getDepthLayers(t,e,i){if(!i||!this.depthFBO)return[];const{pickedLayer:s}=t;return s&&!("drape"===s?.state?.terrainDrawMode)?[s]:e.filter(t=>t.props.operation.includes("terrain"))}_getPickingRect({deviceX:t,deviceY:e,deviceRadius:i,deviceWidth:s,deviceHeight:n}){const r=Math.max(0,t-i),o=Math.max(0,e-i),a=Math.min(s,t+i+1)-r,h=Math.min(n,e+i+1)-o;return a<=0||h<=0?null:{x:r,y:o,width:a,height:h}}},ii={"top-left":{top:0,left:0},"top-right":{top:0,right:0},"bottom-left":{bottom:0,left:0},"bottom-right":{bottom:0,right:0},fill:{top:0,left:0,bottom:0,right:0}},si="top-left",ni="root",ri=class{constructor({deck:t,parentElement:e}){this.defaultWidgets=[],this.widgets=[],this.resolvedWidgets=[],this.containers={},this.lastViewports={},this.deck=t,e?.classList.add("deck-widget-container"),this.parentElement=e}getWidgets(){return this.resolvedWidgets}setProps(t){if(t.widgets&&!j(t.widgets,this.widgets,1)){const e=t.widgets.filter(Boolean);this._setWidgets(e)}}finalize(){for(const t of this.getWidgets())this._removeWidget(t);this.defaultWidgets.length=0,this.resolvedWidgets.length=0;for(const t in this.containers)this.containers[t].remove()}addDefault(t){this.defaultWidgets.find(e=>e.id===t.id)||(this._addWidget(t),this.defaultWidgets.push(t),this._setWidgets(this.widgets))}onRedraw({viewports:t,layers:e}){const i=t.reduce((t,e)=>(t[e.id]=e,t),{});for(const s of this.getWidgets()){const{viewId:n}=s;if(n){const t=i[n];t&&(s.onViewportChange&&s.onViewportChange(t),s.onRedraw?.({viewports:[t],layers:e}))}else{if(s.onViewportChange)for(const e of t)s.onViewportChange(e);s.onRedraw?.({viewports:t,layers:e})}}this.lastViewports=i,this._updateContainers()}onHover(t,e){for(const i of this.getWidgets()){const{viewId:s}=i;s&&s!==t.viewport?.id||i.onHover?.(t,e)}}getCanvasBounds(t){const e=(this.deck?.getCanvas?.())?.getBoundingClientRect(),i=this.parentElement?.getBoundingClientRect(),s=this.deck?.getCanvasContext?.(t?.id);if(s&&i){s.updatePosition();const[t,e]=s.getPosition(),[n,r]=s.getCSSSize();return{x:t-i.left,y:e-i.top,width:n,height:r}}return{x:e&&i?e.left-i.left:0,y:e&&i?e.top-i.top:0,width:e?.width||this.deck?.width||0,height:e?.height||this.deck?.height||0}}onEvent(t,e){const i=c[e.type];if(i)for(const s of this.getWidgets()){const{viewId:n}=s;n&&n!==t.viewport?.id||s[i]?.(t,e)}}_setWidgets(t){const e={};for(const i of this.resolvedWidgets)e[i.id]=i;this.resolvedWidgets.length=0;for(const i of this.defaultWidgets)e[i.id]=null,this.resolvedWidgets.push(i);for(let i of t){const t=e[i.id];t?t.viewId!==i.viewId||t.placement!==i.placement?(this._removeWidget(t),this._addWidget(i)):i!==t&&(t.setProps(i.props),i=t):this._addWidget(i),e[i.id]=null,this.resolvedWidgets.push(i)}for(const i in e){const t=e[i];t&&this._removeWidget(t)}this.widgets=t}_addWidget(t){const{viewId:e=null,placement:i=si}=t,s=t.props._container??e;t.widgetManager=this,t.deck=this.deck,t.rootElement=t._onAdd({deck:this.deck,viewId:e}),t.rootElement&&this._getContainer(s,i).append(t.rootElement),t.updateHTML()}_removeWidget(t){t.onRemove?.(),t.rootElement&&t.rootElement.remove(),t.rootElement=void 0,t.deck=void 0,t.widgetManager=void 0}_getContainer(t,e){if(t&&"string"!=typeof t)return t;const i=t||ni;let s=this.containers[i];s||(s=document.createElement("div"),s.style.pointerEvents="none",s.style.position="absolute",s.style.overflow="hidden",this.parentElement?.append(s),this.containers[i]=s);let n=s.querySelector(`.${e}`);return n||(n=globalThis.document.createElement("div"),n.className=e,n.style.position="absolute",n.style.zIndex="2",Object.assign(n.style,ii[e]),s.append(n)),n}_updateContainers(){for(const t in this.containers){const e=this.lastViewports[t]||null,i=t===ni||e,s=this.containers[t];if(i){const t=this._getContainerBounds(e);s.style.display="block",s.style.left=`${t.x}px`,s.style.top=`${t.y}px`,s.style.width=`${t.width}px`,s.style.height=`${t.height}px`}else s.style.display="none"}}_getContainerBounds(t){if(!t)return{x:0,y:0,width:this.parentElement?.clientWidth||this.deck.width,height:this.parentElement?.clientHeight||this.deck.height};const e=this.getCanvasBounds(t);return{x:e.x+t.x,y:e.y+t.y,width:t.width,height:t.height}}};function oi(t,e){e&&Object.entries(e).map(([e,i])=>{e.startsWith("--")?t.style.setProperty(e,i):t.style[e]=i})}var ai=class{constructor(t){this.viewId=null,this.props={...this.constructor.defaultProps,...t},this.id=this.props.id}setProps(t){const e=this.props,i=this.rootElement;var s,n;i&&e.className!==t.className&&(e.className&&i.classList.remove(e.className),t.className&&i.classList.add(t.className)),i&&!j(e.style,t.style,1)&&(s=i,(n=e.style)&&Object.keys(n).map(t=>{t.startsWith("--")?s.style.removeProperty(t):s.style[t]=""}),oi(i,t.style)),Object.assign(this.props,t),this.updateHTML()}updateHTML(){this.rootElement&&this.onRenderHTML(this.rootElement)}get viewIds(){return this.viewId?[this.viewId]:this.deck?.getViews().map(t=>t.id)??[]}getViewState(t){return this.deck?.viewManager?.getViewState(t)||{}}setViewState(t,e){this.deck?._onViewStateChange({viewId:t,viewState:e,interactionState:{}})}onCreateRootElement(){const t=["deck-widget",this.className,this.props.className],e=document.createElement("div");return t.filter(t=>"string"==typeof t&&t.length>0).forEach(t=>e.classList.add(t)),oi(e,this.props.style),e}_onAdd(t){return this.onAdd(t)??this.onCreateRootElement()}onAdd(t){}onRemove(){}onViewportChange(t){}onRedraw(t){}onHover(t,e){}onClick(t,e){}onDrag(t,e){}onDragStart(t,e){}onDragEnd(t,e){}};ai.defaultProps={id:"widget",style:{},_container:null,className:""};var hi={zIndex:"1",position:"absolute",pointerEvents:"none",color:"#a0a7b4",backgroundColor:"#29323c",padding:"10px",top:"0",left:"0",display:"none"},ci=class extends ai{constructor(t={}){super(t),this.id="default-tooltip",this.placement="fill",this.className="deck-tooltip",this.isVisible=!1,this.setProps(t)}onCreateRootElement(){const t=document.createElement("div");return t.className=this.className,Object.assign(t.style,hi),t}onRenderHTML(t){}onViewportChange(t){this.isVisible&&t.id===this.lastViewport?.id&&!t.equals(this.lastViewport)&&this.setTooltip(null),this.lastViewport=t}onHover(t){const{deck:e}=this,i=e&&e.props.getTooltip;if(!i)return;const s=i(t),n=this.widgetManager?.getCanvasBounds(t.viewport),r=t.x+(n?.x||0),o=t.y+(n?.y||0);this.setTooltip(s,r,o)}setTooltip(t,e,i){const s=this.rootElement;if(s){if("string"==typeof t)s.innerText=t;else{if(!t)return this.isVisible=!1,void(s.style.display="none");t.text&&(s.innerText=t.text),t.html&&(s.innerHTML=t.html),t.className&&(s.className=t.className)}this.isVisible=!0,s.style.display="block",s.style.transform=`translate(${e}px, ${i}px)`,t&&"object"==typeof t&&"style"in t&&Object.assign(s.style,t.style)}}};ci.defaultProps={...ai.defaultProps};var di=class{constructor(t){this.targets={},this.order=[],this.eventManagers={},this._eventRootToCanvasId=/* @__PURE__ */new WeakMap,this._createEventManager=t.createEventManager,this._getEventRoot=t.getEventRoot}finalize(){for(const t of Object.values(this.targets))t.eventManager.destroy(),t.presentationContext.destroy();this.targets={},this.order=[],this.eventManagers={},this._eventRootToCanvasId=/* @__PURE__ */new WeakMap}syncCanvasEntries(t){const e=this._normalizeCanvasList(t.canvases),i={},s=[],n=/* @__PURE__ */new Map;for(const{canvas:o}of e){const t=this._getEventRoot(o);n.set(t,(n.get(t)||0)+1)}for(const{id:o,canvas:a}of e){const e=this._getEventRoot(a),r=1===n.get(e)?e:a;let h=this.targets[o];if(!h||h.device!==t.device||h.canvas!==a||h.eventRoot!==r){h?.eventManager.destroy(),h?.presentationContext.destroy();const e=t.device.createPresentationContext({id:o,canvas:a,useDevicePixels:t.useDevicePixels,autoResize:!0});h={id:o,device:t.device,canvas:a,eventRoot:r,presentationContext:e,eventManager:this._createEventManager(r)}}this._eventRootToCanvasId.set(r,o),this._eventRootToCanvasId.set(a,o),i[o]=h,s.push(o)}for(const[o,a]of Object.entries(this.targets))i[o]||(a.eventManager.destroy(),a.presentationContext.destroy());this.targets=i,this.order=s;const r=Object.fromEntries(Object.entries(i).map(([t,e])=>[t,e.eventManager]));this._haveSameEventManagers(r)||(this.eventManagers=r)}getCanvasIdFromEvent(t){return t?this._eventRootToCanvasId.get(t):void 0}getTarget(t){return this.targets[t||this.order[0]||"default-canvas"]||null}_normalizeCanvasList(t=[]){const e=/* @__PURE__ */new Set;return t.map((t,i)=>{let s,n;return"string"==typeof t?(s=document.getElementById(t),P(s,`Canvas with id ${t} not found`),n=t):(s=t,n=s.id||`deckgl-canvas-${i}`),P(!e.has(n),`Duplicate canvas id ${n}`),e.add(n),{id:n,canvas:s}})}_haveSameEventManagers(t){const e=Object.keys(t),i=Object.keys(this.eventManagers);return e.length===i.length&&e.every(e=>t[e]===this.eventManagers[e])}},li={WEBGL_depth_texture:{UNSIGNED_INT_24_8_WEBGL:34042},OES_element_index_uint:{},OES_texture_float:{},OES_texture_half_float:{HALF_FLOAT_OES:5131},EXT_color_buffer_float:{},OES_standard_derivatives:{FRAGMENT_SHADER_DERIVATIVE_HINT_OES:35723},EXT_frag_depth:{},EXT_blend_minmax:{MIN_EXT:32775,MAX_EXT:32776},EXT_shader_texture_lod:{}},pi=t=>({drawBuffersWEBGL:e=>t.drawBuffers(e),COLOR_ATTACHMENT0_WEBGL:36064,COLOR_ATTACHMENT1_WEBGL:36065,COLOR_ATTACHMENT2_WEBGL:36066,COLOR_ATTACHMENT3_WEBGL:36067}),ui=t=>({VERTEX_ARRAY_BINDING_OES:34229,createVertexArrayOES:()=>t.createVertexArray(),deleteVertexArrayOES:e=>t.deleteVertexArray(e),isVertexArrayOES:e=>t.isVertexArray(e),bindVertexArrayOES:e=>t.bindVertexArray(e)}),gi=t=>({VERTEX_ATTRIB_ARRAY_DIVISOR_ANGLE:35070,drawArraysInstancedANGLE:(...e)=>t.drawArraysInstanced(...e),drawElementsInstancedANGLE:(...e)=>t.drawElementsInstanced(...e),vertexAttribDivisorANGLE:(...e)=>t.vertexAttribDivisor(...e)});function vi(t=!0){const e=HTMLCanvasElement.prototype;if(!t&&e.originalGetContext)return e.getContext=e.originalGetContext,void(e.originalGetContext=void 0);e.originalGetContext=e.getContext,e.getContext=function(t,e){if("webgl"===t||"experimental-webgl"===t){const t=this.originalGetContext("webgl2",e);return t instanceof HTMLElement&&function(t){t.getExtension("EXT_color_buffer_float");const e={...li,WEBGL_disjoint_timer_query:t.getExtension("EXT_disjoint_timer_query_webgl2"),WEBGL_draw_buffers:pi(t),OES_vertex_array_object:ui(t),ANGLE_instanced_arrays:gi(t)},i=t.getExtension.bind(t);t.getExtension=function(t){const s=i(t);return s||(t in e?e[t]:null)};const s=t.getSupportedExtensions;t.getSupportedExtensions=function(){return(s.apply(t)||[])?.concat(Object.keys(e))}}(t),t}return this.originalGetContext(t,e)}}var mi=new class extends st{type="webgl";enforceWebGL2(t){vi(t)}isSupported(){return"undefined"!=typeof WebGL2RenderingContext}isDeviceHandle(t){return"undefined"!=typeof WebGL2RenderingContext&&t instanceof WebGL2RenderingContext||("undefined"!=typeof WebGLRenderingContext&&t instanceof WebGLRenderingContext&&H.warn("WebGL1 is not supported",t)(),!1)}async attach(t,e={}){const{WebGLDevice:i}=await import("./webgl-device-KnEQ5CNv.js").then(t=>t.n);if(t instanceof i)return t;const s=i.getDeviceFromContext(t);if(s)return s;if(!function(t){return"undefined"!=typeof WebGL2RenderingContext&&t instanceof WebGL2RenderingContext||Boolean(t&&"function"==typeof t.createVertexArray)}(t))throw new Error("Invalid WebGL2RenderingContext");e=wi(e),await fi(e);const n=!0===e.createCanvasContext?{}:e.createCanvasContext;return new i({...e,_handle:t,createCanvasContext:{canvas:t.canvas,autoResize:!1,...n}})}async create(t={}){const{WebGLDevice:e}=await import("./webgl-device-KnEQ5CNv.js").then(t=>t.n);t=wi(t),await fi(t);try{const i=new e(t);H.groupCollapsed(1,`WebGLDevice ${i.id} created`)();const s=`${i._reused?"Reusing":"Created"} device with WebGL2 ${i.props.debug?"debug ":""}context: ${i.info.vendor}, ${i.info.renderer} for canvas: ${i.canvasContext.id}`;return H.probe(1,s)(),H.table(1,i.info)(),i}finally{H.groupEnd(1)(),H.info(1,"%cWebGL call tracing: luma.log.set('debug-webgl') ","color: white; background: blue; padding: 2px 6px; border-radius: 3px;")()}}};function wi(t){return{...t,debug:t.debug??a.defaultProps.debug,debugWebGL:t.debugWebGL??a.defaultProps.debugWebGL,debugSpectorJS:t.debugSpectorJS??Boolean(H.get("debug-spectorjs"))}}async function fi(t){const e=[];(t.debugWebGL||t.debug)&&e.push(F()),t.debugSpectorJS&&e.push(T(t));const i=await Promise.allSettled(e);for(const s of i)"rejected"===s.status&&H.error(`Failed to initialize debug libraries ${s.reason}`)()}function _i(){}function yi(t){return t.deviceProps?.debug??t.debug}var Pi={id:"",width:"100%",height:"100%",style:null,viewState:null,initialViewState:null,pickingRadius:0,pickAsync:"auto",layerFilter:null,parameters:{},parent:null,device:null,deviceProps:{},gl:null,canvas:null,_canvases:null,layers:[],effects:[],views:null,controller:null,useDevicePixels:!0,touchAction:"none",eventRecognizerOptions:{},_framebuffer:null,_animate:!1,_pickable:!0,_typedArrayManagerProps:{},_customRender:null,widgets:[],onDeviceInitialized:_i,onWebGLInitialized:_i,onResize:_i,onViewStateChange:_i,onInteractionStateChange:_i,onBeforeRender:_i,onAfterRender:_i,onLoad:_i,onError:t=>O.error(t.message,t.cause)(),onHover:null,onClick:null,onDragStart:null,onDrag:null,onDragEnd:null,_onMetrics:null,getCursor:({isDragging:t})=>t?"grabbing":"grab",getTooltip:null,debug:!1,drawPickingColors:!1},bi=class{constructor(t){this.width=0,this.height=0,this.userData={},this.device=null,this.canvas=null,this.viewManager=null,this.layerManager=null,this.effectManager=null,this.deckRenderer=null,this.deckPicker=null,this.eventManager=null,this.eventManagers={},this.widgetManager=null,this.tooltip=null,this.animationLoop=null,this._canvasContext=null,this._deviceResizeHandler=null,this.cursorState={isHovering:!1,isDragging:!1},this.stats=new k({id:"deck.gl"}),this.metrics={fps:0,setPropsTime:0,layersCount:0,drawLayersCount:0,updateLayersCount:0,updateAttributesCount:0,updateAttributesTime:0,framesRedrawn:0,pickTime:0,pickCount:0,pickLayersCount:0,gpuTime:0,gpuTimePerFrame:0,cpuTime:0,cpuTimePerFrame:0,bufferMemory:0,textureMemory:0,renderbufferMemory:0,gpuMemory:0},this._metricsCounter=0,this._hoverPickSequence=0,this._pointerDownPickSequence=0,this._needsRedraw="Initial render",this._canvasManager=new di({createEventManager:t=>this._createEventManager(t),getEventRoot:t=>this._getEventRoot(t)}),this._ownedCanvas=null,this._pickRequest={mode:"hover",x:-1,y:-1,radius:0,canvasId:void 0,event:null,unproject3D:!1},this._lastPointerDownInfo=null,this._lastPointerDownInfoPromise=null,this._onPointerMove=t=>{const{_pickRequest:e}=this,i=this._getCanvasIdFromEvent(t);if("pointerleave"===t.type)e.x=-1,e.y=-1,e.radius=0,e.canvasId=i;else{if(t.leftButton||t.rightButton)return;{const s=t.offsetCenter;if(!s)return;e.x=s.x,e.y=s.y,e.radius=this.props.pickingRadius,e.canvasId=i}}this.layerManager&&(this.layerManager.context.mousePosition={x:e.x,y:e.y}),e.event=t},this._onEvent=t=>{const e=c[t.type],i=t.offsetCenter,s=this._getCanvasIdFromEvent(t);if(!e||!i||!this.layerManager)return;const n=this.layerManager.getLayers(),r=this._getInternalPickingMode();if(r){if("sync"===r){const e="click"===t.type&&this._shouldUnproject3D(n)?this._getFirstPickedInfo(this._pickPointSync(this._getPointPickOptions(i.x,i.y,{unproject3D:!0,canvasId:s},n))):this._getLastPointerDownPickingInfo(i.x,i.y,s,n);return void this._dispatchPickingEvent(e,t)}(this._lastPointerDownInfoPromise||Promise.resolve(this._getLastPointerDownPickingInfo(i.x,i.y,s,n))).then(e=>{this._dispatchPickingEvent(e,t)}).catch(t=>this.props.onError?.(t))}},this._onPointerDown=t=>{const e=t.offsetCenter,i=this._getCanvasIdFromEvent(t);if(!e)return;const s=this._getInternalPickingMode();if(!s)return;const n=this.layerManager?.getLayers()||[],r=++this._pointerDownPickSequence;if("sync"===s){const t=this._pickPointSync({x:e.x,y:e.y,canvasId:i,radius:this.props.pickingRadius}),s=this._getFirstPickedInfo(t);return this._lastPointerDownInfo=s,void(this._lastPointerDownInfoPromise=Promise.resolve(s))}const o=this._pickPointAsync(this._getPointPickOptions(e.x,e.y,{canvasId:i},n)).then(t=>this._getFirstPickedInfo(t)).then(t=>(r===this._pointerDownPickSequence&&(this._lastPointerDownInfo=t),t)).catch(t=>{this.props.onError?.(t);const s=this.deckPicker&&this.viewManager?this._getLastPointerDownPickingInfo(e.x,e.y,i,n):{};return r===this._pointerDownPickSequence&&(this._lastPointerDownInfo=s),s});this._lastPointerDownInfo=null,this._lastPointerDownInfoPromise=o};const e=t;this.props={...Pi,...t},t=this.props,this._validateCanvasConfiguration(t),t.viewState&&t.initialViewState&&O.warn("View state tracking is disabled. Use either `initialViewState` for auto update or `viewState` for manual update.")(),this.viewState=this.props.initialViewState,t.device&&(this.device=t.device,this._setDeviceCanvasContext(t.device));let i=this.device;!i&&t.gl&&(t.gl instanceof WebGLRenderingContext&&O.error("WebGL1 context not supported.")(),i=mi.attach(t.gl,{_cacheShaders:!0,_cachePipelines:!0,...t.deviceProps,debug:yi(t)})),i||(i=this._createDevice(t)),this.animationLoop=this._createAnimationLoop(i,t),this.setProps(e),t._typedArrayManagerProps&&m.setOptions(t._typedArrayManagerProps),this.animationLoop.start()}finalize(){this._restoreDeviceResizeHandler(),this.animationLoop?.stop(),this.animationLoop?.destroy(),this.animationLoop=null,this._hoverPickSequence++,this._pointerDownPickSequence++,this._lastPointerDownInfo=null,this._lastPointerDownInfoPromise=null,this.layerManager?.finalize(),this.layerManager=null,this.viewManager?.finalize(),this.viewManager=null,this.effectManager?.finalize(),this.effectManager=null,this.deckRenderer?.finalize(),this.deckRenderer=null,this.deckPicker?.finalize(),this.deckPicker=null,Object.keys(this._canvasManager.targets).length||this.eventManager?.destroy(),this.eventManager=null,this.eventManagers={},this.widgetManager?.finalize(),this.widgetManager=null,this._canvasManager.finalize(),this._isMultiCanvasMode()?this.canvas=null:this.canvas&&this.canvas===this._ownedCanvas&&(this.canvas.parentElement?.removeChild(this.canvas),this.canvas=null,this._ownedCanvas=null),this._canvasContext=null}setProps(t){this.stats.get("setProps Time").timeStart(),"onLayerHover"in t&&O.removed("onLayerHover","onHover")(),"onLayerClick"in t&&O.removed("onLayerClick","onClick")(),t.initialViewState&&!j(this.props.initialViewState,t.initialViewState,3)&&(this.viewState=t.initialViewState),P(!("_canvases"in t)||Array.isArray(t._canvases)===this._isMultiCanvasMode()),Object.assign(this.props,t),this._validateCanvasConfiguration(this.props),this._validateInternalPickingMode(),this.device&&this._isMultiCanvasMode()&&this._syncCanvasTargets(),this._setCanvasSize(this.props);const e=Object.create(this.props);if(Object.assign(e,{views:this._getViews(),width:this.width,height:this.height,viewState:this._getViewState(),eventManagers:this.eventManagers}),t.device&&t.device.id!==this.device?.id){const e=t.device.getDefaultCanvasContext();this.animationLoop?.stop(),this._isMultiCanvasMode()||this.canvas===e.canvas||(this.canvas?.remove(),this.eventManager?.destroy(),this.canvas=null),this._setDeviceCanvasContext(t.device),O.log(`recreating animation loop for new device! id=${t.device.id}`)(),this.animationLoop=this._createAnimationLoop(t.device,t),this.animationLoop.start()}if(this.animationLoop?.setProps(e),void 0!==t.useDevicePixels&&this._canvasContext?.setProps){this._canvasContext.setProps({useDevicePixels:t.useDevicePixels});for(const e of Object.values(this._canvasManager.targets))e.presentationContext.setProps({useDevicePixels:t.useDevicePixels})}this.layerManager&&(this.viewManager.setProps(e),this.layerManager.activateViewport(this.getViewports()[0]),this.layerManager.setProps(e),this.effectManager.setProps(e),this.deckRenderer.setProps(e),this.deckPicker.setProps(e),this.widgetManager.setProps(e)),this.stats.get("setProps Time").timeEnd()}needsRedraw(t={clearRedrawFlags:!1}){if(!this.layerManager)return!1;if(this.props._animate)return"Deck._animate";let e=this._needsRedraw;t.clearRedrawFlags&&(this._needsRedraw=!1);const i=this.viewManager.needsRedraw(t),s=this.layerManager.needsRedraw(t),n=this.effectManager.needsRedraw(t),r=this.deckRenderer.needsRedraw(t);return e=e||i||s||n||r,e}redraw(t){if(!this.layerManager)return;let e=this.needsRedraw({clearRedrawFlags:!0});e=t||e,e&&(this.stats.get("Redraw Count").incrementCount(),this.props._customRender?this.props._customRender(e):this._drawLayers(e))}get isInitialized(){return null!==this.viewManager}getViews(){return P(this.viewManager),this.viewManager.views}getView(t){return P(this.viewManager),this.viewManager.getView(t)}getViewports(t){return P(this.viewManager),this.viewManager.getViewports(t)}getCanvas(){return this.canvas}getCanvasContext(t){const e=t?this.viewManager?.getView(t)?.props.canvasId:void 0;return this._getCanvasContext(e)}getEventManager(t){if(!t||!this.viewManager)return this.eventManager;const e=this.viewManager.getCanvasId(t)||"default-canvas";return this.eventManagers[e]||this.eventManager}async pickObjectAsync(t){const e=(await this._pickAsync("pickObjectAsync","pickObject Time",t)).result;return e.length?e[0]:null}async pickObjectsAsync(t){return await this._pickAsync("pickObjectsAsync","pickObjects Time",t)}pickObject(t){const e=this._pick("pickObject","pickObject Time",t).result;return e.length?e[0]:null}pickMultipleObjects(t){return t.depth=t.depth||10,this._pick("pickObject","pickMultipleObjects Time",t).result}pickObjects(t){return this._pick("pickObjects","pickObjects Time",t)}_pickPositionForController(t,e,i){return"sync"!==this._getInternalPickingMode()?null:this.pickObject({x:t,y:e,radius:0,unproject3D:!0,canvasId:i?this.viewManager?.getCanvasId(i):void 0})}_addResources(t,e=!1){for(const i in t)this.layerManager.resourceManager.add({resourceId:i,data:t[i],forceUpdate:e})}_removeResources(t){for(const e of t)this.layerManager.resourceManager.remove(e)}_addDefaultEffect(t){this.effectManager.addDefaultEffect(t)}_addDefaultShaderModule(t){this.layerManager.addDefaultShaderModule(t)}_removeDefaultShaderModule(t){this.layerManager?.removeDefaultShaderModule(t)}_resolveInternalPickingMode(){const{pickAsync:t}=this.props,e=this.device?.type||this.props.deviceProps?.type;if("auto"===t)return"webgpu"===e?"async":"sync";if("sync"===t&&"webgpu"===e)throw new Error('`pickAsync: "sync"` is not supported when Deck is using a WebGPU device.');return t}_getInternalPickingMode(){try{return this._resolveInternalPickingMode()}catch(t){return this.props.onError?.(t),null}}_validateInternalPickingMode(){this._getInternalPickingMode()}_getFirstPickedInfo({result:t,emptyInfo:e}){return t[0]||e}_shouldUnproject3D(t=this.layerManager?.getLayers()||[]){return t.some(t=>"3d"===t.props.pickable)}_getPointPickOptions(t,e,i={},s=this.layerManager?.getLayers()||[]){return{x:t,y:e,canvasId:i.canvasId,radius:this.props.pickingRadius,unproject3D:this._shouldUnproject3D(s),...i}}_pickPointSync(t){return this._pick("pickObject","pickObject Time",t)}_pickPointAsync(t){return this._pickAsync("pickObjectAsync","pickObject Time",t)}_getLastPointerDownPickingInfo(t,e,i,s=this.layerManager?.getLayers()||[]){return this.deckPicker.getLastPickedObject({x:t,y:e,layers:s,viewports:this.getViewports({x:t,y:e,canvasId:i})},this._lastPointerDownInfo)}_applyHoverCallbacks({result:t,emptyInfo:e},i){if(!this.widgetManager)return;this.cursorState.isHovering=t.length>0;let s=e,n=!1;for(const r of t)s=r,n=r.layer?.onHover(r,i)||n;n||(this.props.onHover?.(s,i),this.widgetManager.onHover(s,i))}_dispatchPickingEvent(t,e){if(!this.layerManager||!this.widgetManager)return;const i=c[e.type];if(!i)return;const{layer:s}=t,n=s&&(s[i]||s.props[i]),r=this.props[i];let o=!1;n&&(o=n.call(s,t,e)),o||(r?.(t,e),this.widgetManager.onEvent(t,e))}_pickAsync(t,e,i){P(this.deckPicker);const{stats:s}=this,n=this._isMultiCanvasMode()?i.canvasId||this._getDefaultCanvasId():i.canvasId,r=this._getCanvasContext(n)||void 0;s.get("Pick Count").incrementCount(),s.get(e).timeStart(),this._resizeForCanvasTarget(n);const o=this.deckPicker[t]({layers:this.layerManager.getLayers(i),views:this.viewManager.getViews(),viewports:this.getViewports({...i,canvasId:n}),onViewportActive:this.layerManager.activateViewport,effects:this.effectManager.getEffects(),...i,canvasId:n,canvasContext:r});return s.get(e).timeEnd(),o}_pick(t,e,i){P(this.deckPicker);const{stats:s}=this,n=this._isMultiCanvasMode()?i.canvasId||this._getDefaultCanvasId():i.canvasId,r=this._getCanvasContext(n)||void 0;s.get("Pick Count").incrementCount(),s.get(e).timeStart(),this._resizeForCanvasTarget(n);const o=this.deckPicker[t]({layers:this.layerManager.getLayers(i),views:this.viewManager.getViews(),viewports:this.getViewports({...i,canvasId:n}),onViewportActive:this.layerManager.activateViewport,effects:this.effectManager.getEffects(),...i,canvasId:n,canvasContext:r});return s.get(e).timeEnd(),o}_createCanvas(t){let e=t.canvas;return"string"==typeof e&&(e=document.getElementById(e),P(e)),e?this._ownedCanvas=null:(e=document.createElement("canvas"),e.id=t.id||"deckgl-overlay",t.width&&"number"==typeof t.width&&(e.width=t.width),t.height&&"number"==typeof t.height&&(e.height=t.height),(t.parent||document.body).appendChild(e),this._ownedCanvas=e),Object.assign(e.style,t.style),e}_isMultiCanvasMode(){return Array.isArray(this.props._canvases)}_getDefaultCanvasId(){return this._canvasManager.order[0]||"default-canvas"}_validateCanvasConfiguration(t){Array.isArray(t._canvases)&&(P(!t.canvas),P(!t.gl),P(!t.device?.canvasContext||t.device.getDefaultCanvasContext().offscreenCanvas))}_createEventManager(t){const e=new f(t,{touchAction:this.props.touchAction,recognizers:Object.keys(G).map(t=>{const[e,i,s,n]=G[t],r=this.props.eventRecognizerOptions?.[t];return{recognizer:new e({...i,...r,event:t}),recognizeWith:s,requireFailure:n}}),events:{pointerdown:this._onPointerDown,pointermove:this._onPointerMove,pointerleave:this._onPointerMove}});for(const i in c)"dblclick"===i?e.watch(i,this._onEvent):e.on(i,this._onEvent);return e}_getEventRoot(t){return t.closest(".deck-events-root")||this.props.parent?.querySelector(".deck-events-root")||t}_syncCanvasTargets(){if(!this.device||!this._isMultiCanvasMode())return;this._canvasManager.syncCanvasEntries({device:this.device,canvases:this.props._canvases||[],useDevicePixels:this.props.useDevicePixels}),this.eventManagers=this._canvasManager.eventManagers;const t=this._getDefaultCanvasId();this.eventManager=this.eventManagers[t]||null,this.canvas=this._canvasManager.targets[t]?.canvas||null}_setCanvasContext(t){this._canvasContext=t,"style"in t.canvas&&(this.canvas=t.canvas)}_setDeviceCanvasContext(t,e={}){const i=t.getDefaultCanvasContext();this._setCanvasContext(i),this._setDeviceResizeHandler(t,e)}_setDeviceResizeHandler(t,e={}){const i=Boolean(e.syncDrawingBuffer);if(this._deviceResizeHandler?.device===t)return void(this._deviceResizeHandler.syncDrawingBuffer=i);this._restoreDeviceResizeHandler();const s=t=>{this._isMultiCanvasMode()?this._updateMultiCanvasDimensions():t===this._canvasContext&&this._canvasContext&&this._onCanvasContextResize(this._canvasContext,{syncDrawingBuffer:this._deviceResizeHandler?.syncDrawingBuffer})};t.props.onResize=s,this._deviceResizeHandler={device:t,onResize:s,syncDrawingBuffer:i}}_restoreDeviceResizeHandler(){const t=this._deviceResizeHandler;t&&t.device.props?.onResize===t.onResize&&(t.device.props.onResize=_i),this._deviceResizeHandler=null}_setCanvasSize(t){if(this._isMultiCanvasMode()||!this.canvas)return;const{width:e,height:i}=t;if(e||0===e){const t=Number.isFinite(e)?`${e}px`:e;this.canvas.style.width=t}if(i||0===i){const e=Number.isFinite(i)?`${i}px`:i;this.canvas.style.position=t.style?.position||"absolute",this.canvas.style.height=e}}_getCanvasIdFromEvent(t){return this._canvasManager.getCanvasIdFromEvent(t?.rootElement)}_getCanvasContext(t){return this._canvasManager.getTarget(t)?.presentationContext||this._canvasContext}_resizeForCanvasTarget(t){const e=this._canvasManager.getTarget(t);if(!e||!this.device?.canvasContext)return;const[i,s]=e.presentationContext.getDrawingBufferSize();this.device.canvasContext.setDrawingBufferSize(i,s)}_createDeviceCanvas(t){if(this._isMultiCanvasMode()){const e=globalThis.OffscreenCanvas;if(!e)throw new Error("`_canvases` requires OffscreenCanvas support.");return new e("number"==typeof t.width&&Number.isFinite(t.width)?t.width:1,"number"==typeof t.height&&Number.isFinite(t.height)?t.height:1)}return this._createCanvas(t)}_updateCanvasSize(t=this._canvasContext){if(this._isMultiCanvasMode())return void this._updateMultiCanvasDimensions();const{canvas:e}=this,[i,s]=t?t.getCSSSize():[e?.clientWidth??e?.width??0,e?.clientHeight??e?.height??0];i===this.width&&s===this.height||(this.width=i,this.height=s,this.viewManager?.setProps({width:i,height:s}),this.layerManager?.activateViewport(this.getViewports()[0]),this.props.onResize({width:i,height:s},t||void 0))}_onCanvasContextResize(t,e={}){if(e.syncDrawingBuffer){const{width:e,height:i}=t.canvas;t.setDrawingBufferSize(e,i)}this._needsRedraw="Canvas resized",this._updateCanvasSize(t)}_updateMultiCanvasDimensions(){const[t,e]=this._getCanvasContext()?.getCSSSize()||[0,0];t===this.width&&e===this.height||(this.width=t,this.height=e,this.props.onResize({width:t,height:e})),this._needsRedraw="Canvas resized",this.viewManager?.setNeedsUpdate("Canvas resized"),this.viewManager?.setProps({width:this.width,height:this.height})}_createAnimationLoop(t,e){const{gl:i,onError:s}=e;return new Zt({device:t,autoResizeDrawingBuffer:!i&&!Array.isArray(e._canvases),autoResizeViewport:!1,onInitialize:t=>this._setDevice(t.device),onRender:this._onRenderFrame.bind(this),onError:s})}_createDevice(t){const e=this.props.deviceProps?.createCanvasContext,i="object"==typeof e?e:void 0,s={adapters:[],_cacheShaders:!0,_cachePipelines:!0,...t.deviceProps,debug:yi(t)};s.adapters.includes(mi)||s.adapters.push(mi);const n={alphaMode:"webgpu"===this.props.deviceProps?.type?"premultiplied":void 0};return it.createDevice({_reuseDevices:!0,type:"webgl",...s,createCanvasContext:{...n,...i,canvas:this._createDeviceCanvas(t),useDevicePixels:this.props.useDevicePixels,autoResize:!0}})}_getViewState(){return this.props.viewState||this.viewState}_getViews(){const{views:t}=this.props,e=Array.isArray(t)?t:t?[t]:[new We({id:"default-view"})];return e.length&&this.props.controller&&(e[0]=e[0].clone({controller:this.props.controller})),e}_onContextLost(){const{onError:t}=this.props;this.animationLoop&&t&&t(/* @__PURE__ */new Error("WebGL context is lost"))}_pickAndCallback(){const{_pickRequest:t}=this;if(t.event){const e=t.event,i=this.layerManager?.getLayers()||[],s=this._getPointPickOptions(t.x,t.y,{canvasId:t.canvasId,radius:t.radius,mode:t.mode},i),n=this._getInternalPickingMode(),r=++this._hoverPickSequence;if(t.event=null,t.canvasId=void 0,!n)return;if("sync"===n)return void this._applyHoverCallbacks(this._pickPointSync(s),e);this._pickPointAsync(s).then(({result:t,emptyInfo:i})=>{r===this._hoverPickSequence&&this._applyHoverCallbacks({result:t,emptyInfo:i},e)}).catch(t=>this.props.onError?.(t))}}_updateCursor(){const t=this.props.getCursor(this.cursorState);if(this._isMultiCanvasMode()){for(const e of Object.values(this._canvasManager.targets))e.canvas.style.cursor=t;return}const e=this.props.parent||this.canvas;e&&(e.style.cursor=t)}_setDevice(t){if(this.device=t,this._validateInternalPickingMode(),!this.animationLoop)return;this._setDeviceCanvasContext(t,{syncDrawingBuffer:Boolean(this.props.gl&&this.props.device!==t)}),this._isMultiCanvasMode()?this._syncCanvasTargets():this.canvas&&!this.canvas.isConnected&&this.props.parent&&this.props.parent.insertBefore(this.canvas,this.props.parent.firstChild),"webgl"===this.device.type&&this.device.setParametersWebGL({blend:!0,blendFunc:[770,771,1,771],polygonOffsetFill:!0,depthTest:!0,depthFunc:515}),this.props.onDeviceInitialized(this.device),"webgl"===this.device.type&&this.props.onWebGLInitialized(this.device.gl);const e=new Ut;if(e.play(),this.animationLoop.attachTimeline(e),!this._isMultiCanvasMode()){const t=this.canvas&&this._getEventRoot(this.canvas);P(t),this.eventManager=this._createEventManager(t),this.eventManagers={[Qt]:this.eventManager}}this.viewManager=new te({timeline:e,eventManager:this.eventManager,eventManagers:this.eventManagers,getCanvasContext:this._isMultiCanvasMode()?this.getCanvasContext.bind(this):void 0,onViewStateChange:this._onViewStateChange.bind(this),onInteractionStateChange:this._onInteractionStateChange.bind(this),pickPosition:this._pickPositionForController.bind(this),views:this._getViews(),viewState:this._getViewState(),width:this.width,height:this.height});const i=this.viewManager.getViewports()[0];this.layerManager=new Jt(this.device,{deck:this,stats:this.stats,viewport:i,timeline:e}),this.effectManager=new He({deck:this,device:this.device}),this.deckRenderer=new $e(this.device,{stats:this.stats}),this.deckPicker=new ei(this.device,{stats:this.stats});const s=this.props.parent?.querySelector(".deck-widgets-root")||(this._isMultiCanvasMode()?this.props.parent||this.canvas?.parentElement:null)||this.canvas?.parentElement;this.widgetManager=new ri({deck:this,parentElement:s}),this.widgetManager.addDefault(new ci),this.setProps({}),this._updateCanvasSize(this._canvasContext),this.props.onLoad()}_drawLayers(t,e){const{device:i,gl:s}=this.layerManager.context;this.props.onBeforeRender({device:i,gl:s});const n={target:this.props._framebuffer,layers:this.layerManager.getLayers(),viewports:this.viewManager.getViewports(),onViewportActive:this.layerManager.activateViewport,views:this.viewManager.getViews(),pass:"screen",effects:this.effectManager.getEffects(),...e};if(this._isMultiCanvasMode()&&"screen"===n.pass&&!n.target&&this._canvasManager.order.length)for(const r of this._canvasManager.order){const t=n.viewports.filter(t=>this.viewManager.getCanvasId(t.id)===r);if(!t.length){const t=this._canvasManager.targets[r];this._resizeForCanvasTarget(r),this.deckRenderer?.renderLayers({...n,canvasContext:t.presentationContext,target:t.presentationContext.getCurrentFramebuffer(),viewports:[],clearCanvas:!0}),t.presentationContext.present();continue}const e=this._canvasManager.targets[r];this._resizeForCanvasTarget(r);const i=e.presentationContext.getCurrentFramebuffer();this.deckRenderer?.renderLayers({...n,canvasContext:e.presentationContext,target:i,viewports:t}),e.presentationContext.present()}else this.deckRenderer?.renderLayers(n);"screen"===n.pass&&this.widgetManager.onRedraw({viewports:n.viewports,layers:n.layers}),this.props.onAfterRender({device:i,gl:s})}_onRenderFrame(){this._getFrameStats(),this._metricsCounter++%60==0&&(this._getMetrics(),this.stats.reset(),O.table(4,this.metrics)(),this.props._onMetrics&&this.props._onMetrics(this.metrics)),this._updateCursor(),this.layerManager.updateLayers(),this._pickAndCallback(),this.redraw(),this.viewManager&&this.viewManager.updateViewStates()}_onViewStateChange(t){const e=this.props.onViewStateChange(t)||t.viewState;this.viewState&&(this.viewState={...this.viewState,[t.viewId]:e},this.props.viewState||this.viewManager&&this.viewManager.setProps({viewState:this.viewState}))}_onInteractionStateChange(t){this.cursorState.isDragging=t.isDragging||!1,this.props.onInteractionStateChange(t)}_getFrameStats(){const{stats:t}=this;t.get("frameRate").timeEnd(),t.get("frameRate").timeStart();const e=this.animationLoop.stats;t.get("GPU Time").addTime(e.get("GPU Time").lastTiming),t.get("CPU Time").addTime(e.get("CPU Time").lastTiming)}_getMetrics(){const{metrics:t,stats:e}=this;t.fps=e.get("frameRate").getHz(),t.setPropsTime=e.get("setProps Time").time,t.updateAttributesTime=e.get("Update Attributes").time,t.framesRedrawn=e.get("Redraw Count").count,t.pickTime=e.get("pickObject Time").time+e.get("pickMultipleObjects Time").time+e.get("pickObjects Time").time,t.pickCount=e.get("Pick Count").count,t.layersCount=this.layerManager?.layers.length??0,t.drawLayersCount=e.get("Layers rendered").lastSampleCount,t.pickLayersCount=e.get("Layers picked").lastSampleCount,t.updateLayersCount=e.get("Layer updates").count,t.updateAttributesCount=e.get("Attributes updated").count,t.gpuTime=e.get("GPU Time").time,t.cpuTime=e.get("CPU Time").time,t.gpuTimePerFrame=e.get("GPU Time").getAverageTime(),t.cpuTimePerFrame=e.get("CPU Time").getAverageTime();const i=it.stats.get("GPU Time and Memory");t.bufferMemory=i.get("Buffer Memory").count,t.textureMemory=i.get("Texture Memory").count,t.renderbufferMemory=i.get("Renderbuffer Memory").count,t.gpuMemory=i.get("GPU Memory").count}};bi.defaultProps=Pi,bi.VERSION=Q;var Ci=Math.PI/180,Mi=180/Math.PI,ki=class t{static toPosition(t,e){const i=e*Ci,s=t*Ci,n=Math.cos(i);return[n*Math.cos(s),n*Math.sin(s),Math.sin(i)]}static toLngLat(t){return[Math.atan2(t[1],t[0])*Mi,Math.asin(i(t[2],-1,1))*Mi]}static tangentBasis(t,e){const i=e*Ci,s=t*Ci,n=Math.sin(i),r=Math.cos(i),o=Math.sin(s),a=Math.cos(s);return{N:[-n*a,-n*o,r],E:[-o,a,0]}}static upVector(e,i,s){const{N:n,E:r}=t.tangentBasis(e,i),o=s*Ci,a=Math.cos(o),h=Math.sin(o);return[n[0]*a+r[0]*h,n[1]*a+r[1]*h,n[2]*a+r[2]*h]}static bearing(e,i,s){const{N:n,E:r}=t.tangentBasis(i,s);return Math.atan2(C(e,r),C(e,n))*Mi}static cameraFrame(e,i,s){const n=t.toPosition(e,i),r=t.upVector(e,i,s),{N:o,E:a}=t.tangentBasis(e,i),h=s*Ci,c=Math.cos(h),d=Math.sin(h),l=[a[0]*c-o[0]*d,a[1]*c-o[1]*d,a[2]*c-o[2]*d];return{position:n,up:r,axisHorizontal:R([],n,l),axisVertical:R([],n,r),longitude:e,latitude:i,bearing:s}}static angularDistance(e,s){const n=t.toPosition(e.longitude,e.latitude),r=t.toPosition(s.longitude,s.latitude);return Math.acos(i(C(n,r),-1,1))}static greatCircleAxis(e,i){const s=t.toPosition(e.longitude,e.latitude),n=t.toPosition(i.longitude,i.latitude);return N([],R([],s,n))}static rotate(t,e,i){const s=(new Y).fromAxisRotation(e,i);return S([],t,s)}static rotateFrame(e,i,s,n){let r=t.rotate(e.position,e.axisHorizontal,i);r=t.rotate(r,e.axisVertical,s);let o=t.rotate(e.up,e.axisHorizontal,i);o=t.rotate(o,e.axisVertical,s);const[a,h]=t.toLngLat(r),c=n?0:t.bearing(o,a,h);return{...e,position:r,up:o,longitude:a,latitude:h,bearing:c}}},xi=1/(1-Math.exp(-5)),Si=t=>(1-Math.exp(-5*t))*xi,Ei=class extends _e{constructor(t){const e="axis"in t;super({compare:["longitude","latitude"],extract:e?["longitude","latitude","zoom","bearing"]:["longitude","latitude","zoom"],required:["longitude","latitude"]}),e?(this._mode="rotation",this._axis=t.axis,this._totalAngle=t.totalAngle):(this._mode="linear",this._targetLongitude=t.targetLongitude)}initializeProps(t,e){const i=super.initializeProps(t,e);return this._startZoom=t.zoom,"rotation"===this._mode?this._startFrame={...ki.cameraFrame(t.longitude,t.latitude,t.bearing||0),axisHorizontal:this._axis}:i.end.longitude=this._targetLongitude,i}interpolateProps(t,e,i){if("rotation"===this._mode){const{longitude:t,latitude:e,bearing:s}=ki.rotateFrame(this._startFrame,this._totalAngle*i,0);return{bearing:s,longitude:t,latitude:e,zoom:this._startZoom+X(e,!0)-X(this._startFrame.latitude,!0)}}const s=t.longitude+(e.longitude-t.longitude)*i,n=t.latitude+(e.latitude-t.latitude)*i;return{longitude:s,latitude:n,zoom:this._startZoom+X(n,!0)-X(t.latitude,!0)}}},Ri=Math.PI/180,Li=180/Math.PI;function Di(t,e=0){const i=Math.min(180,t)*Ri;return 512*Math.sin(i/2)*Math.pow(2,e)}function Ii(t,e=0){const i=t/Math.pow(2,e);return 2*Math.asin(Math.min(1,i/256/2))*Li}var Ti=class extends Ue{constructor(t){const{startPanPos:e,startPanCameraFrame:i,startPanAngularRate:s,startPanLockBearing:n,...r}=t;r.normalize=!1,super(r);const o=this._state;void 0!==e&&(o.startPanPos=e),void 0!==i&&(o.startPanCameraFrame=i),void 0!==s&&(o.startPanAngularRate=s),void 0!==n&&(o.startPanLockBearing=n)}panStart({pos:t}){const{latitude:e,longitude:i,zoom:s,bearing:n=0}=this.getViewportProps(),r=ki.cameraFrame(i,e,n),o=Math.abs(n)<1;o&&(r.axisHorizontal=[0,0,1]);const a=.25/Math.pow(2,s-X(e,!0))*Ri;return this._getUpdatedState({startPanPos:t,startPanCameraFrame:r,startPanAngularRate:a,startPanLockBearing:o,startZoom:s})}pan({pos:t,startPos:e}){const n=this.getState(),r=n.startPanPos||e;if(!r)return this;const o=n.startPanCameraFrame,a=n.startPanAngularRate,h=n.startZoom??this.getViewportProps().zoom;if(!o||!a)return this;const c=r[0]-t[0];let d=c*a,l=-(r[1]-t[1])*a;const p=n.startPanLockBearing;if(p){const t=Math.cos(o.latitude*Ri);d=c*a/Math.max(t,.25);const e=(s-o.latitude)*Ri,n=-(s+o.latitude)*Ri;l=i(l,n,e)}const u=ki.rotateFrame(o,d,l,p),g=h+X(u.latitude,!0)-X(o.latitude,!0);return this._getUpdatedState({longitude:u.longitude,latitude:u.latitude,bearing:u.bearing,zoom:g})}panEnd(){return this._getUpdatedState({startPanPos:null,startPanCameraFrame:null,startPanAngularRate:null,startPanLockBearing:null,startZoom:null})}_panFromCenter(t){const{width:e,height:i}=this.getViewportProps(),s=[e/2,i/2];return this.panStart({pos:s}).pan({pos:[s[0]+t[0],s[1]+t[1]]}).panEnd()}applyConstraints(t){const e=t,s=e[Ve];delete e[Ve];const{latitude:n,maxBounds:r}=t;if(t.zoom=this._constrainZoom(t.zoom,t),s){const e=this.makeViewport(t);Object.assign(t,e.panByPosition(s.position,s.screenPosition))}(t.longitude<-180||t.longitude>180)&&(t.longitude=M(t.longitude+180,360)-180),t.latitude=i(t.latitude,-90,90),(t.bearing<-180||t.bearing>180)&&(t.bearing=M(t.bearing+180,360)-180),t.pitch=i(t.pitch,t.minPitch,t.maxPitch);const o=r?Oe(t.width,t.height,t.maxBoundsPadding):null;if(r&&o&&(o.width>=0&&(t.longitude=i(t.longitude,r[0][0],r[1][0])),o.height>=0&&(t.latitude=i(t.latitude,r[0][1],r[1][1]))),r&&o){const e=je(this.makeViewport({...t,bearing:0,pitch:0}),[t.longitude,t.latitude],o),s=t.zoom-X(n),a=r[1][0]-r[0][0],h=r[1][1]-r[0][1];if(o.height>=0&&h>0&&h<180){const n=Math.min(Ii(o.height,s),h),a=o.height?n*e.bottom/o.height:Ii(e.bottom,s),c=o.height?n*e.top/o.height:Ii(e.top,s);t.latitude=i(t.latitude,r[0][1]+a,r[1][1]-c)}if(o.width>=0&&a>0&&a<360){const n=Math.min(Ii(o.width/Math.cos(t.latitude*Ri),s),a),h=o.width?n*e.left/o.width:Ii(e.left/Math.cos(t.latitude*Ri),s),c=o.width?n*e.right/o.width:Ii(e.right/Math.cos(t.latitude*Ri),s);t.longitude=i(t.longitude,r[0][0]+h,r[1][0]-c)}}return t.latitude!==n&&(t.zoom+=X(t.latitude,!0)-X(n,!0)),t}_constrainZoom(t,e){e||(e=this.getViewportProps());const{maxZoom:s,maxBounds:n}=e;let{minZoom:r}=e;if(null!==n&&e.width>0&&e.height>0){const t=Oe(e.width,e.height,e.maxBoundsPadding),i=n[0][1],o=n[1][1],a=Math.sign(i)===Math.sign(o)?Math.min(Math.abs(i),Math.abs(o)):0,h=X(0),c=Di(n[1][0]-n[0][0])*Math.cos(a*Ri),d=Di(n[1][1]-n[0][1]);t.width>0&&c>0&&(r=Math.max(r,Math.log2(t.width/c)+h)),t.height>0&&d>0&&(r=Math.max(r,Math.log2(t.height/d)+h)),r>s&&(r=s)}const o=X(e.latitude,!0)-X(0,!0);return i(t,r+o,s+o)}},Ai=class extends Ae{constructor(){super(...arguments),this.ControllerState=Ti,this.transition={transitionDuration:300,transitionInterpolator:new be({transitionProps:{compare:["longitude","latitude","zoom","bearing","pitch"],required:["longitude","latitude","zoom"]}})},this.dragMode="pan",this._panHistory=[]}getZoomPosition(t){const e=super.getZoomPosition(t),i=this.makeViewport(this.controllerState.getViewportProps());return!(i instanceof K)||i.getZoomAnchorStrength(e)>0?e:i.project([i.longitude,i.latitude])}_onPanStart(t){return this._panHistory=[],super._onPanStart(t)}_onMultiPanStart(t){return this._panHistory=[],super._onMultiPanStart(t)}_onPanMove(t){if(!this.dragPan)return!1;const e=this.getCenter(t),i=this.controllerState.pan({pos:e});this.updateViewport(i,{transitionDuration:0},{isDragging:!0,isPanning:!0});const{longitude:s,latitude:n}=i.getViewportProps();return this._panHistory.push({longitude:s,latitude:n,timestamp:Date.now()}),this._panHistory.length>5&&this._panHistory.shift(),!0}_onPanMoveEnd(t){const{inertia:e}=this;if(this.dragPan&&e&&this._panHistory.length>=2){const t=this._panHistory[0],s=this._panHistory[this._panHistory.length-1],n=s.timestamp-t.timestamp;if(n>0){const r=this.controllerState.getViewportProps(),o=this.controllerState.getState(),a=ki.angularDistance(t,s)/n;if(a>1e-6){const h=a*e/2;let c,d,l;if(o.startPanLockBearing){let o=s.longitude-t.longitude;o>180?o-=360:o<-180&&(o+=360);const a=o/n,h=(s.latitude-t.latitude)/n;d=r.longitude+a*e/2,l=i(r.latitude+h*e/2,-90,90),c=new Ei({targetLongitude:d})}else{const e=ki.greatCircleAxis(t,s),n=ki.cameraFrame(r.longitude,r.latitude,r.bearing||0),o=ki.rotateFrame({...n,axisHorizontal:e},h,0);d=o.longitude,l=i(o.latitude,-90,90),c=new Ei({axis:e,totalAngle:h})}const p=this.controllerState.panEnd();return this.updateViewport(p,{transitionInterpolator:c,transitionDuration:e,transitionEasing:Si,longitude:d,latitude:l},{isDragging:!1,isPanning:!0}),this._panHistory=[],!0}}}this._panHistory=[];const s=this.controllerState.panEnd();return this.updateViewport(s,null,{isDragging:!1,isPanning:!1}),!0}},Vi={cullMode:"back"},zi=class extends de{constructor(t={}){super({...t,parameters:{...Vi,...t.parameters}})}getViewportType(t){return t.zoom>12?y:K}get ControllerType(){return Ai}};zi.displayName="GlobeView";var Fi=class{constructor(t){P(t.id,"id is required"),this.id=t.id,this.type="custom",this.renderingMode=t.renderingMode||"3d",this.slot=t.slot,this.beforeId=t.beforeId,this.map=null}onAdd(t,e){this.map=t}render(t,e){this.map&&function(t,e,i,s){if(!t.isInitialized)return;let{currentViewport:n}=t.userData,r=!1;n||(n=Xi(t,e,s),t.userData.currentViewport=n,r=!0);if(!n)return;t._drawLayers("mapbox-repaint",{viewports:[n],layerFilter:e=>{if(t.props.layerFilter&&!t.props.layerFilter(e))return!1;const s=e.layer;return s.props.beforeId===i.beforeId&&s.props.slot===i.slot},clearStack:r,clearCanvas:!1})}(this.map.__deck,this.map,this,e)}},Oi="__UNDEFINED__";function ji(t){return t.props.beforeId?`deck-layer-group-before:${t.props.beforeId}`:t.props.slot?`deck-layer-group-slot:${t.props.slot}`:"deck-layer-group-last"}var Bi="mapbox",Ni=512,Ui=Math.PI/180;function Gi({map:t,deck:e}){if(t.__deck)return t.__deck;const i=e.props._customRender,s=e.props.onLoad,n={...e.props,_customRender:()=>{t.triggerRepaint(),i?.("")}};return n.views||(n.views=qi(t)),Object.assign(n,{width:null,height:null,touchAction:"unset",viewState:$i(t)}),e.isInitialized?Wi(e,t):n.onLoad=()=>{Wi(e,t),Yi(e,t),s?.()},e.setProps(n),t.__deck=e,t.on("render",()=>{e.isInitialized&&function(t,e){const i=I(t.props.layers,Boolean).some(t=>t&&!e.getLayer(ji(t)));let s=t.getViewports();const n=s.findIndex(t=>t.id===Bi),r=s.length>1||n<0;if(i||r){if(n>=0){s=s.slice();const i=Xi(t,e);i?s[n]=i:s.splice(n,1)}t._drawLayers("mapbox-repaint",{viewports:s,layerFilter:i=>(!t.props.layerFilter||t.props.layerFilter(i))&&("mapbox"!==i.viewport.id||!e.getLayer(ji(i.layer))),clearCanvas:!1})}else{const e=t.device,i=e?.gl;t.props.onBeforeRender?.({device:e,gl:i}),t.props.onAfterRender?.({device:e,gl:i})}t.userData.currentViewport=null}(e,t)}),e}function Wi(t,e){const i=()=>{t.isInitialized?Yi(t,e):e.off("move",i)};e.on("move",i)}function Zi(t,e){return e?{depthWriteEnabled:!0,depthCompare:"less-equal",depthBias:0,blend:!0,blendColorSrcFactor:"src-alpha",blendColorDstFactor:"one-minus-src-alpha",blendAlphaSrcFactor:"one",blendAlphaDstFactor:"one-minus-src-alpha",blendColorOperation:"add",blendAlphaOperation:"add"}:{}}function Hi(t){let e;try{e=t.getProjection?.()}catch{return"mercator"}const i=e?.type||e?.name;if("globe"===i)return"globe";if(i&&"mercator"!==i)throw new Error("Unsupported projection");return"mercator"}function qi(t){return"globe"===Hi(t)?new zi({id:Bi}):new We({id:Bi})}function $i(t){const{lng:e,lat:i}=t.getCenter(),s={longitude:(e+540)%360-180,latitude:i,zoom:t.getZoom(),bearing:t.getBearing(),pitch:t.getPitch(),padding:t.getPadding(),repeat:t.getRenderWorldCopies()};return t.getTerrain?.()&&function(t,e){if(t.getFreeCameraOptions){const{position:i}=t.getFreeCameraOptions();if(!i||void 0===i.z)return;const s=t.transform.height,{longitude:r,latitude:o,pitch:a}=e,h=i.x*Ni,c=(1-i.y)*Ni,d=i.z*Ni,l=n([r,o]),p=h-l[0],u=c-l[1],g=Math.sqrt(p*p+u*u),v=a*Ui,m=1.5*s,w=v<.001?m*Math.cos(v)/d:m*Math.sin(v)/g;e.zoom=Math.log2(w),e.position=[0,0,(d-m*Math.cos(v)/w)/D(o)]}else"number"==typeof t.transform.elevation&&(e.position=[0,0,t.transform.elevation])}(t,s),s}function Xi(t,e,i){const s=$i(e),n=t.getView("mapbox")||qi(e);i&&(n.props.nearZMultiplier=.2);const r=i?.nearZ??e.transform._nearZ,o=i?.farZ??e.transform._farZ;return Number.isFinite(r)&&(s.nearZ=r/e.transform.height,s.farZ=o/e.transform.height),n.makeViewport({width:t.width,height:t.height,viewState:s})}function Yi(t,e){t.setProps({viewState:$i(e)}),t.needsRedraw({clearRedrawFlags:!0})}var Ki=class{constructor(t){this._handleStyleChange=()=>{this._resolveLayers(this._map,this._deck,this._props.layers,this._props.layers),this._map&&Hi(this._map)&&this._deck?.setProps({views:this._getViews(this._map)})},this._updateContainerSize=()=>{if(this._map&&this._container){const{clientWidth:t,clientHeight:e}=this._map.getContainer();Object.assign(this._container.style,{width:`${t}px`,height:`${e}px`})}},this._updateViewState=()=>{const t=this._deck,e=this._map;t&&e&&(t.setProps({views:this._getViews(e),viewState:$i(e)}),t.isInitialized&&t.redraw())},this._handleMouseEvent=t=>{const e=this._deck;if(!e||!e.isInitialized)return;const i={type:t.type,offsetCenter:t.point,srcEvent:t},s=this._lastMouseDownPoint;switch(!t.point&&s&&(i.deltaX=t.originalEvent.clientX-s.clientX,i.deltaY=t.originalEvent.clientY-s.clientY,i.offsetCenter={x:s.x+i.deltaX,y:s.y+i.deltaY}),i.type){case"mousedown":e._onPointerDown(i),this._lastMouseDownPoint={...t.point,clientX:t.originalEvent.clientX,clientY:t.originalEvent.clientY};break;case"dragstart":i.type="panstart",e._onEvent(i);break;case"drag":i.type="panmove",e._onEvent(i);break;case"dragend":i.type="panend",e._onEvent(i);break;case"click":i.tapCount=1,e._onEvent(i);break;case"dblclick":i.type="click",i.tapCount=2,e._onEvent(i);break;case"mousemove":i.type="pointermove",e._onPointerMove(i);break;case"mouseout":i.type="pointerleave",e._onPointerMove(i);break;default:return}};const{interleaved:e=!1}=t;this._interleaved=e,this._props=this.filterProps(t)}filterProps(t){const{interleaved:e,useDevicePixels:i,...s}=t;return this._interleaved||void 0===i||(s.useDevicePixels=i),s}setProps(t){this._interleaved&&t.layers&&this._resolveLayers(this._map,this._deck,this._props.layers,t.layers),Object.assign(this._props,this.filterProps(t)),this._deck&&this._map&&this._deck.setProps({...this._props,views:this._getViews(this._map),parameters:{...Zi(this._map,this._interleaved),...this._props.parameters}})}onAdd(t){return this._map=t,this._interleaved?this._onAddInterleaved(t):this._onAddOverlaid(t)}_onAddOverlaid(t){const e=document.createElement("div");return Object.assign(e.style,{position:"absolute",left:0,top:0,textAlign:"initial",pointerEvents:"none"}),this._container=e,this._deck=new bi({...this._props,parent:e,deviceProps:{...this._props.deviceProps,createCanvasContext:{..."object"==typeof this._props.deviceProps?.createCanvasContext?this._props.deviceProps.createCanvasContext:void 0,pixelSizeSource:"css-dpr"}},parameters:{...Zi(0,!1),...this._props.parameters},views:this._getViews(t),viewState:$i(t)}),t.on("resize",this._updateContainerSize),t.on("render",this._updateViewState),t.on("mousedown",this._handleMouseEvent),t.on("dragstart",this._handleMouseEvent),t.on("drag",this._handleMouseEvent),t.on("dragend",this._handleMouseEvent),t.on("mousemove",this._handleMouseEvent),t.on("mouseout",this._handleMouseEvent),t.on("click",this._handleMouseEvent),t.on("dblclick",this._handleMouseEvent),this._updateContainerSize(),e}_onAddInterleaved(t){const e=t.painter.context.gl;return e instanceof WebGLRenderingContext&&O.warn("Incompatible basemap library. See: https://deck.gl/docs/api-reference/mapbox/overview#compatibility")(),this._deck=Gi({map:t,deck:new bi({...this._props,views:this._getViews(t),gl:e,parameters:{...Zi(0,!0),...this._props.parameters}})}),t.on("styledata",this._handleStyleChange),this._resolveLayers(t,this._deck,[],this._props.layers),document.createElement("div")}_resolveLayers(t,e,i,s){!function(t,e,i){if(!t||!t.style||!t.style._loaded)return;const s=I(i,Boolean);if(e!==i){const i=I(e,Boolean),n=new Set(i.map(t=>ji(t))),r=new Set(s.map(t=>ji(t)));for(const e of n)r.has(e)||t.getLayer(e)&&t.removeLayer(e)}const n={};for(const o of s){const e=ji(o),i=t.getLayer(e);if(i)n[e]=i.implementation||i;else{const i=new Fi({id:e,slot:o.props.slot,beforeId:o.props.beforeId});n[e]=i,t.addLayer(i,o.props.beforeId)}}const r=t.style._order;for(const[o,a]of Object.entries(n)){const e=a.beforeId||Oi,i=e===Oi?r.length:r.indexOf(e);if(-1!==i&&r.indexOf(o)!==i-1){const i=e===Oi?void 0:e;t.moveLayer(o,i)}}}(t,i,s)}onRemove(){const t=this._map;t&&(this._interleaved?this._onRemoveInterleaved(t):this._onRemoveOverlaid(t)),this._deck=void 0,this._map=void 0,this._container=void 0}_onRemoveOverlaid(t){t.off("resize",this._updateContainerSize),t.off("render",this._updateViewState),t.off("mousedown",this._handleMouseEvent),t.off("dragstart",this._handleMouseEvent),t.off("drag",this._handleMouseEvent),t.off("dragend",this._handleMouseEvent),t.off("mousemove",this._handleMouseEvent),t.off("mouseout",this._handleMouseEvent),t.off("click",this._handleMouseEvent),t.off("dblclick",this._handleMouseEvent),this._deck?.finalize(),this._container?.remove()}_onRemoveInterleaved(t){t.off("styledata",this._handleStyleChange),this._resolveLayers(t,this._deck,this._props.layers,[]),function(t){t.__deck?.finalize(),t.__deck=null}(t)}getDefaultPosition(){return"top-left"}pickObject(t){return P(this._deck),this._deck.pickObject(t)}pickMultipleObjects(t){return P(this._deck),this._deck.pickMultipleObjects(t)}pickObjects(t){return P(this._deck),this._deck.pickObjects(t)}finalize(){this._map&&this._map.removeControl(this)}getCanvas(){return this._map?this._interleaved?this._map.getCanvas():this._deck.getCanvas():null}_getViews(t){if(!this._props.views)return qi(t);const e=Array.isArray(this._props.views)?this._props.views:[this._props.views];return e.some(t=>"mapbox"===t.id)?this._props.views:[qi(t),...e]}};export{Ki as MapboxOverlay};