@mapvx/web-components-ssr 1.6.1 → 1.7.0

package/dist/browser/chunk-Dkhxm9pV.js

@@ -1 +0,0 @@
-import{i as u,n as s,t as r}from"./main.js";import{L as Ya,Q as jv,St as z,b as Mt,d as Hr,f as Ix,gt as ue,i as C$1}from"./chunk-CP_etSVX.js";var b=class{constructor(e){z(e.id,`id is required`),this.id=e.id,this.type=`custom`,this.renderingMode=e.renderingMode||`3d`,this.slot=e.slot,this.beforeId=e.beforeId,this.map=null}onAdd(e,r){this.map=e}render(e,r){this.map&&G(this.map.__deck,this.map,this,r)}};var M=`__UNDEFINED__`;function f(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`}function A(t,e,r){if(!t||!t.style||!t.style._loaded)return;let i=Mt(r,Boolean);if(e!==r){let a=Mt(e,Boolean),n=new Set(a.map(l=>f(l))),c=new Set(i.map(l=>f(l)));for(let l of n)c.has(l)||t.getLayer(l)&&t.removeLayer(l)}let o={};for(let a of i){let n=f(a),c=t.getLayer(n);if(c)o[n]=c.implementation||c;else{let l=new b({id:n,slot:a.props.slot,beforeId:a.props.beforeId});o[n]=l,t.addLayer(l,a.props.beforeId)}}let s=t.style._order;for(let[a,n]of Object.entries(o)){let c=n.beforeId||M,l=c===M?s.length:s.indexOf(c);if(l===-1)continue;if(s.indexOf(a)!==l-1){let w=c===M?void 0:c;t.moveLayer(a,w)}}}var h=`mapbox`;var k=512;var T=Math.PI/180;function Z({map:t,deck:e}){if(t.__deck)return t.__deck;let r$1=e.props._customRender,i=e.props.onLoad,o=s(r({},e.props),{_customRender:()=>{t.triggerRepaint(),r$1?.(``)}});return o.views||(o.views=g(t)),Object.assign(o,{width:null,height:null,touchAction:`unset`,viewState:_(t)}),e.isInitialized?F(e,t):o.onLoad=()=>{i?.(),F(e,t)},e.setProps(o),t.__deck=e,t.on(`render`,()=>{e.isInitialized&&q(e,t)}),e}function F(t,e){let r=()=>{t.isInitialized?U(t,e):e.off(`move`,r)};e.on(`move`,r)}function B(t){t.__deck?.finalize(),t.__deck=null}function m(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 G(t,e,r,i){if(!t.isInitialized)return;let{currentViewport:o}=t.userData,s=!1;o||(o=X(t,e,i),t.userData.currentViewport=o,s=!0),o&&t._drawLayers(`mapbox-repaint`,{viewports:[o],layerFilter:a=>{if(t.props.layerFilter&&!t.props.layerFilter(a))return!1;let n=a.layer;return n.props.beforeId===r.beforeId&&n.props.slot===r.slot},clearStack:s,clearCanvas:!1})}function C(t){let e=t.getProjection?.(),r=e?.type||e?.name;if(r===`globe`)return`globe`;if(r&&r!==`mercator`)throw new Error(`Unsupported projection`);return`mercator`}function g(t){return C(t)===`globe`?new jv({id:h}):new Ya({id:h})}function _(t){let{lng:e,lat:r}=t.getCenter(),i={longitude:(e+540)%360-180,latitude:r,zoom:t.getZoom(),bearing:t.getBearing(),pitch:t.getPitch(),padding:t.getPadding(),repeat:t.getRenderWorldCopies()};return t.getTerrain?.()&&$(t,i),i}function $(t,e){if(t.getFreeCameraOptions){let{position:r}=t.getFreeCameraOptions();if(!r||r.z===void 0)return;let i=t.transform.height,{longitude:o,latitude:s,pitch:a}=e,n=r.x*k,c=(1-r.y)*k,l=r.z*k,I=ue([o,s]),w=n-I[0],D=c-I[1],N=Math.sqrt(w*w+D*D),y=a*T,x=1.5*i,L=y<.001?x*Math.cos(y)/l:x*Math.sin(y)/N;e.zoom=Math.log2(L);e.position=[0,0,(l-x*Math.cos(y)/L)/Hr(s)]}else typeof t.transform.elevation==`number`&&(e.position=[0,0,t.transform.elevation])}function X(t,e,r){let i=_(e),o=t.getView(h)||g(e);r&&(o.props.nearZMultiplier=.2);let s=r?.nearZ??e.transform._nearZ,a=r?.farZ??e.transform._farZ;return Number.isFinite(s)&&(i.nearZ=s/e.transform.height,i.farZ=a/e.transform.height),o.makeViewport({width:t.width,height:t.height,viewState:i})}function q(t,e){let i=Mt(t.props.layers,Boolean).some(n=>n&&!e.getLayer(f(n))),o=t.getViewports(),s=o.findIndex(n=>n.id===h),a=o.length>1||s<0;if(i||a){if(s>=0){o=o.slice();let n=X(t,e);n?o[s]=n:o.splice(s,1)}t._drawLayers(`mapbox-repaint`,{viewports:o,layerFilter:n=>(!t.props.layerFilter||t.props.layerFilter(n))&&(n.viewport.id!==h||!e.getLayer(f(n.layer))),clearCanvas:!1})}else{let n=t.device,c=n?.gl;t.props.onBeforeRender?.({device:n,gl:c}),t.props.onAfterRender?.({device:n,gl:c})}t.userData.currentViewport=null}function U(t,e){t.setProps({viewState:_(e)}),t.needsRedraw({clearRedrawFlags:!0})}var P=class{constructor(e){this._handleStyleChange=()=>{if(this._resolveLayers(this._map,this._deck,this._props.layers,this._props.layers),!this._map)return;C(this._map)&&this._deck?.setProps({views:this._getViews(this._map)})},this._updateContainerSize=()=>{if(this._map&&this._container){let{clientWidth:i,clientHeight:o}=this._map.getContainer();Object.assign(this._container.style,{width:`${i}px`,height:`${o}px`})}},this._updateViewState=()=>{let i=this._deck,o=this._map;i&&o&&(i.setProps({views:this._getViews(o),viewState:_(o)}),i.isInitialized&&i.redraw())},this._handleMouseEvent=i=>{let o=this._deck;if(!o||!o.isInitialized)return;let s$1={type:i.type,offsetCenter:i.point,srcEvent:i},a=this._lastMouseDownPoint;switch(!i.point&&a&&(s$1.deltaX=i.originalEvent.clientX-a.clientX,s$1.deltaY=i.originalEvent.clientY-a.clientY,s$1.offsetCenter={x:a.x+s$1.deltaX,y:a.y+s$1.deltaY}),s$1.type){case`mousedown`:o._onPointerDown(s$1),this._lastMouseDownPoint=s(r({},i.point),{clientX:i.originalEvent.clientX,clientY:i.originalEvent.clientY});break;case`dragstart`:s$1.type=`panstart`,o._onEvent(s$1);break;case`drag`:s$1.type=`panmove`,o._onEvent(s$1);break;case`dragend`:s$1.type=`panend`,o._onEvent(s$1);break;case`click`:s$1.tapCount=1,o._onEvent(s$1);break;case`dblclick`:s$1.type=`click`,s$1.tapCount=2,o._onEvent(s$1);break;case`mousemove`:s$1.type=`pointermove`,o._onPointerMove(s$1);break;case`mouseout`:s$1.type=`pointerleave`,o._onPointerMove(s$1);break;default:return}};let{interleaved:r$2=!1}=e;this._interleaved=r$2,this._props=this.filterProps(e)}filterProps(e){let s=e,{interleaved:r,useDevicePixels:i}=s,o=u(s,[`interleaved`,`useDevicePixels`]);return!this._interleaved&&i!==void 0&&(o.useDevicePixels=i),o}setProps(e){this._interleaved&&e.layers&&this._resolveLayers(this._map,this._deck,this._props.layers,e.layers),Object.assign(this._props,this.filterProps(e)),this._deck&&this._map&&this._deck.setProps(s(r({},this._props),{views:this._getViews(this._map),parameters:r(r({},m(this._map,this._interleaved)),this._props.parameters)}))}onAdd(e){return this._map=e,this._interleaved?this._onAddInterleaved(e):this._onAddOverlaid(e)}_onAddOverlaid(e){let r$3=document.createElement(`div`);return Object.assign(r$3.style,{position:`absolute`,left:0,top:0,textAlign:`initial`,pointerEvents:`none`}),this._container=r$3,this._deck=new Ix(s(r({},this._props),{parent:r$3,deviceProps:s(r({},this._props.deviceProps),{createCanvasContext:s(r({},typeof this._props.deviceProps?.createCanvasContext==`object`?this._props.deviceProps.createCanvasContext:void 0),{pixelSizeSource:`css-dpr`})}),parameters:r(r({},m(e,!1)),this._props.parameters),views:this._getViews(e),viewState:_(e)})),e.on(`resize`,this._updateContainerSize),e.on(`render`,this._updateViewState),e.on(`mousedown`,this._handleMouseEvent),e.on(`dragstart`,this._handleMouseEvent),e.on(`drag`,this._handleMouseEvent),e.on(`dragend`,this._handleMouseEvent),e.on(`mousemove`,this._handleMouseEvent),e.on(`mouseout`,this._handleMouseEvent),e.on(`click`,this._handleMouseEvent),e.on(`dblclick`,this._handleMouseEvent),this._updateContainerSize(),r$3}_onAddInterleaved(e){let r$4=e.painter.context.gl;return r$4 instanceof WebGLRenderingContext&&C$1.warn(`Incompatible basemap library. See: https://deck.gl/docs/api-reference/mapbox/overview#compatibility`)(),this._deck=Z({map:e,deck:new Ix(s(r({},this._props),{views:this._getViews(e),gl:r$4,parameters:r(r({},m(e,!0)),this._props.parameters)}))}),e.on(`styledata`,this._handleStyleChange),this._resolveLayers(e,this._deck,[],this._props.layers),document.createElement(`div`)}_resolveLayers(e,r,i,o){A(e,i,o)}onRemove(){let e=this._map;e&&(this._interleaved?this._onRemoveInterleaved(e):this._onRemoveOverlaid(e)),this._deck=void 0,this._map=void 0,this._container=void 0}_onRemoveOverlaid(e){e.off(`resize`,this._updateContainerSize),e.off(`render`,this._updateViewState),e.off(`mousedown`,this._handleMouseEvent),e.off(`dragstart`,this._handleMouseEvent),e.off(`drag`,this._handleMouseEvent),e.off(`dragend`,this._handleMouseEvent),e.off(`mousemove`,this._handleMouseEvent),e.off(`mouseout`,this._handleMouseEvent),e.off(`click`,this._handleMouseEvent),e.off(`dblclick`,this._handleMouseEvent),this._deck?.finalize()}_onRemoveInterleaved(e){e.off(`styledata`,this._handleStyleChange),this._resolveLayers(e,this._deck,this._props.layers,[]),B(e)}getDefaultPosition(){return`top-left`}pickObject(e){return z(this._deck),this._deck.pickObject(e)}pickMultipleObjects(e){return z(this._deck),this._deck.pickMultipleObjects(e)}pickObjects(e){return z(this._deck),this._deck.pickObjects(e)}finalize(){this._map&&this._map.removeControl(this)}getCanvas(){return this._map?this._interleaved?this._map.getCanvas():this._deck.getCanvas():null}_getViews(e){if(!this._props.views)return g(e);let r=Array.isArray(this._props.views)?this._props.views:[this._props.views];return r.some(o=>o.id===h)?this._props.views:[g(e),...r]}};export{P as MapboxOverlay};

package/dist/browser/chunk-Dm8HBhbB.js

@@ -1 +0,0 @@
-import"./main.js";import{Et as Mr}from"./chunk-CP_etSVX.js";export{Mr as WebGLDevice};

package/dist/browser/chunk-UfDdP4s_.js

@@ -1 +0,0 @@
-import"./main.js";import"./chunk-CP_etSVX.js";import{_ as ye,a as Se,c as _t,f as le,g as wt,i as Lt,l as dn,m as lt,n as Ho,o as Zn,p as ln,r as Ks,s as _s,t as Bo,u as dt}from"./chunk-CdqAsQa0.js";export{Bo as ArcLayer,Ho as BitmapLayer,dt as ColumnLayer,Ks as GeoJsonLayer,Zn as GridCellLayer,le as IconLayer,ln as LineLayer,ye as PathLayer,dn as PointCloudLayer,_s as PolygonLayer,lt as ScatterplotLayer,Se as SolidPolygonLayer,wt as TextLayer,_t as _MultiIconLayer,Lt as _TextBackgroundLayer};