@geoql/v-maplibre 1.10.0 → 1.11.0

package/dist/{geohash-Bq6Va31-.js → geohash-Pq83atW2.js}

@@ -1,2 +1,2 @@
-import{c as e,o as t,t as n}from"./symbols-CVfar3bo.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{GeohashLayer as c}from"@deck.gl/geo-layers";const l=r({__name:`VLayerDeckglGeohash`,props:{id:{},data:{},getGeohash:{},getFillColor:{},getLineColor:{},getElevation:{},filled:{type:Boolean,default:!0},stroked:{type:Boolean,default:!0},extruded:{type:Boolean,default:!1},wireframe:{type:Boolean,default:!1},elevationScale:{default:1},lineWidthUnits:{default:`meters`},lineWidthScale:{default:1},lineWidthMinPixels:{default:0},lineWidthMaxPixels:{default:2**53-1},material:{type:[Boolean,Object]},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!0},autoHighlight:{type:Boolean,default:!1},highlightColor:{},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getGeohash:u.getGeohash,getFillColor:u.getFillColor??[255,0,0,255],getLineColor:u.getLineColor??[0,0,0,255],getElevation:u.getElevation??1e3,filled:u.filled,stroked:u.stroked,extruded:u.extruded,wireframe:u.wireframe,elevationScale:u.elevationScale,lineWidthUnits:u.lineWidthUnits,lineWidthScale:u.lineWidthScale,lineWidthMinPixels:u.lineWidthMinPixels,lineWidthMaxPixels:u.lineWidthMaxPixels,material:u.material,opacity:u.opacity,visible:u.visible,pickable:u.pickable,autoHighlight:u.autoHighlight,highlightColor:u.highlightColor,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getGeohash,u.getFillColor,u.getElevation,u.extruded,u.elevationScale,u.opacity,u.visible],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglGeohash};
-//# sourceMappingURL=geohash-Bq6Va31-.js.map
+import{c as e,o as t,t as n}from"./symbols-CFCXX1_B.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{GeohashLayer as c}from"@deck.gl/geo-layers";const l=r({__name:`VLayerDeckglGeohash`,props:{id:{},data:{},getGeohash:{},getFillColor:{},getLineColor:{},getElevation:{},filled:{type:Boolean,default:!0},stroked:{type:Boolean,default:!0},extruded:{type:Boolean,default:!1},wireframe:{type:Boolean,default:!1},elevationScale:{default:1},lineWidthUnits:{default:`meters`},lineWidthScale:{default:1},lineWidthMinPixels:{default:0},lineWidthMaxPixels:{default:2**53-1},material:{type:[Boolean,Object]},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!0},autoHighlight:{type:Boolean,default:!1},highlightColor:{},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getGeohash:u.getGeohash,getFillColor:u.getFillColor??[255,0,0,255],getLineColor:u.getLineColor??[0,0,0,255],getElevation:u.getElevation??1e3,filled:u.filled,stroked:u.stroked,extruded:u.extruded,wireframe:u.wireframe,elevationScale:u.elevationScale,lineWidthUnits:u.lineWidthUnits,lineWidthScale:u.lineWidthScale,lineWidthMinPixels:u.lineWidthMinPixels,lineWidthMaxPixels:u.lineWidthMaxPixels,material:u.material,opacity:u.opacity,visible:u.visible,pickable:u.pickable,autoHighlight:u.autoHighlight,highlightColor:u.highlightColor,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getGeohash,u.getFillColor,u.getElevation,u.extruded,u.elevationScale,u.opacity,u.visible],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglGeohash};
+//# sourceMappingURL=geohash-Pq83atW2.js.map

package/dist/{geohash-Bq6Va31-.js.map → geohash-Pq83atW2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"geohash-Bq6Va31-.js","names":[],"sources":["../src/layers/deckgl/geohash/VLayerDeckglGeohash.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Render Geohash cells as deck.gl polygons.\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/geo-layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/geo-layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { GeohashLayer } from '@deck.gl/geo-layers';\n  import type { GeohashLayerProps } from '@deck.gl/geo-layers';\n  import type { Color, PickingInfo } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D[] | string | Promise<D[]>;\n    getGeohash: Accessor<D, string>;\n    getFillColor?: Accessor<D, Color>;\n    getLineColor?: Accessor<D, Color>;\n    getElevation?: Accessor<D, number>;\n    filled?: boolean;\n    stroked?: boolean;\n    extruded?: boolean;\n    wireframe?: boolean;\n    elevationScale?: number;\n    lineWidthUnits?: 'meters' | 'common' | 'pixels';\n    lineWidthScale?: number;\n    lineWidthMinPixels?: number;\n    lineWidthMaxPixels?: number;\n    material?: boolean | object;\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    autoHighlight?: boolean;\n    highlightColor?: Color;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    filled: true,\n    stroked: true,\n    extruded: false,\n    wireframe: false,\n    elevationScale: 1,\n    lineWidthUnits: 'meters',\n    lineWidthScale: 1,\n    lineWidthMinPixels: 0,\n    lineWidthMaxPixels: Number.MAX_SAFE_INTEGER,\n    opacity: 1,\n    visible: true,\n    pickable: true,\n    autoHighlight: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new GeohashLayer({\n      id: props.id,\n      data: props.data,\n      getGeohash: props.getGeohash,\n      getFillColor: props.getFillColor ?? [255, 0, 0, 255],\n      getLineColor: props.getLineColor ?? [0, 0, 0, 255],\n      getElevation: props.getElevation ?? 1000,\n      filled: props.filled,\n      stroked: props.stroked,\n      extruded: props.extruded,\n      wireframe: props.wireframe,\n      elevationScale: props.elevationScale,\n      lineWidthUnits: props.lineWidthUnits,\n      lineWidthScale: props.lineWidthScale,\n      lineWidthMinPixels: props.lineWidthMinPixels,\n      lineWidthMaxPixels: props.lineWidthMaxPixels,\n      material: props.material,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      autoHighlight: props.autoHighlight,\n      highlightColor: props.highlightColor,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as GeohashLayerProps);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getGeohash,\n      props.getFillColor,\n      props.getElevation,\n      props.extruded,\n      props.elevationScale,\n      props.opacity,\n      props.visible,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"41BA6CE,IAAM,EAAQ,EAgBR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAa,CACtB,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,WAAY,EAAM,WAClB,aAAc,EAAM,cAAgB,CAAC,IAAK,EAAG,EAAG,IAAG,CACnD,aAAc,EAAM,cAAgB,CAAC,EAAG,EAAG,EAAG,IAAG,CACjD,aAAc,EAAM,cAAgB,IACpC,OAAQ,EAAM,OACd,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,UAAW,EAAM,UACjB,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,mBAAoB,EAAM,mBAC1B,mBAAoB,EAAM,mBAC1B,SAAU,EAAM,SAChB,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,cAAe,EAAM,cACrB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CAC9B,CAAA,CAGlB,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,WACN,EAAM,aACN,EAAM,aACN,EAAM,SACN,EAAM,eACN,EAAM,QACN,EAAM,QACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}
+{"version":3,"file":"geohash-Pq83atW2.js","names":[],"sources":["../src/layers/deckgl/geohash/VLayerDeckglGeohash.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Render Geohash cells as deck.gl polygons.\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/geo-layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/geo-layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { GeohashLayer } from '@deck.gl/geo-layers';\n  import type { GeohashLayerProps } from '@deck.gl/geo-layers';\n  import type { Color, PickingInfo } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D[] | string | Promise<D[]>;\n    getGeohash: Accessor<D, string>;\n    getFillColor?: Accessor<D, Color>;\n    getLineColor?: Accessor<D, Color>;\n    getElevation?: Accessor<D, number>;\n    filled?: boolean;\n    stroked?: boolean;\n    extruded?: boolean;\n    wireframe?: boolean;\n    elevationScale?: number;\n    lineWidthUnits?: 'meters' | 'common' | 'pixels';\n    lineWidthScale?: number;\n    lineWidthMinPixels?: number;\n    lineWidthMaxPixels?: number;\n    material?: boolean | object;\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    autoHighlight?: boolean;\n    highlightColor?: Color;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    filled: true,\n    stroked: true,\n    extruded: false,\n    wireframe: false,\n    elevationScale: 1,\n    lineWidthUnits: 'meters',\n    lineWidthScale: 1,\n    lineWidthMinPixels: 0,\n    lineWidthMaxPixels: Number.MAX_SAFE_INTEGER,\n    opacity: 1,\n    visible: true,\n    pickable: true,\n    autoHighlight: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new GeohashLayer({\n      id: props.id,\n      data: props.data,\n      getGeohash: props.getGeohash,\n      getFillColor: props.getFillColor ?? [255, 0, 0, 255],\n      getLineColor: props.getLineColor ?? [0, 0, 0, 255],\n      getElevation: props.getElevation ?? 1000,\n      filled: props.filled,\n      stroked: props.stroked,\n      extruded: props.extruded,\n      wireframe: props.wireframe,\n      elevationScale: props.elevationScale,\n      lineWidthUnits: props.lineWidthUnits,\n      lineWidthScale: props.lineWidthScale,\n      lineWidthMinPixels: props.lineWidthMinPixels,\n      lineWidthMaxPixels: props.lineWidthMaxPixels,\n      material: props.material,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      autoHighlight: props.autoHighlight,\n      highlightColor: props.highlightColor,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as GeohashLayerProps);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getGeohash,\n      props.getFillColor,\n      props.getElevation,\n      props.extruded,\n      props.elevationScale,\n      props.opacity,\n      props.visible,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"41BA6CE,IAAM,EAAQ,EAgBR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAa,CACtB,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,WAAY,EAAM,WAClB,aAAc,EAAM,cAAgB,CAAC,IAAK,EAAG,EAAG,IAAG,CACnD,aAAc,EAAM,cAAgB,CAAC,EAAG,EAAG,EAAG,IAAG,CACjD,aAAc,EAAM,cAAgB,IACpC,OAAQ,EAAM,OACd,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,UAAW,EAAM,UACjB,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,mBAAoB,EAAM,mBAC1B,mBAAoB,EAAM,mBAC1B,SAAU,EAAM,SAChB,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,cAAe,EAAM,cACrB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CAC9B,CAAA,CAGlB,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,WACN,EAAM,aACN,EAAM,aACN,EAAM,SACN,EAAM,eACN,EAAM,QACN,EAAM,QACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}

package/dist/{geojson-DmmblQfq.js → geojson-cOxJcO-8.js}

@@ -1,2 +1,2 @@
-import{c as e,o as t,t as n}from"./symbols-CVfar3bo.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{GeoJsonLayer as c}from"@deck.gl/layers";const l=r({__name:`VLayerDeckglGeojson`,props:{id:{},data:{},getFillColor:{},getLineColor:{},getLineWidth:{},getPointRadius:{},getElevation:{},getText:{},filled:{type:Boolean,default:!0},stroked:{type:Boolean,default:!0},extruded:{type:Boolean,default:!1},wireframe:{type:Boolean,default:!1},pointType:{default:`circle`},lineWidthUnits:{default:`meters`},lineWidthScale:{default:1},lineWidthMinPixels:{default:0},lineWidthMaxPixels:{default:2**53-1},lineJointRounded:{type:Boolean,default:!1},lineCapRounded:{type:Boolean,default:!1},lineMiterLimit:{default:4},pointRadiusUnits:{default:`meters`},pointRadiusScale:{default:1},pointRadiusMinPixels:{default:0},pointRadiusMaxPixels:{default:2**53-1},elevationScale:{default:1},material:{type:[Boolean,Object]},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!0},autoHighlight:{type:Boolean,default:!1},highlightColor:{},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getFillColor:u.getFillColor??[200,200,200,200],getLineColor:u.getLineColor??[0,0,0,255],getLineWidth:u.getLineWidth??1,getPointRadius:u.getPointRadius??1,getElevation:u.getElevation??1e3,getText:u.getText,filled:u.filled,stroked:u.stroked,extruded:u.extruded,wireframe:u.wireframe,pointType:u.pointType,lineWidthUnits:u.lineWidthUnits,lineWidthScale:u.lineWidthScale,lineWidthMinPixels:u.lineWidthMinPixels,lineWidthMaxPixels:u.lineWidthMaxPixels,lineJointRounded:u.lineJointRounded,lineCapRounded:u.lineCapRounded,lineMiterLimit:u.lineMiterLimit,pointRadiusUnits:u.pointRadiusUnits,pointRadiusScale:u.pointRadiusScale,pointRadiusMinPixels:u.pointRadiusMinPixels,pointRadiusMaxPixels:u.pointRadiusMaxPixels,elevationScale:u.elevationScale,material:u.material,opacity:u.opacity,visible:u.visible,pickable:u.pickable,autoHighlight:u.autoHighlight,highlightColor:u.highlightColor,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getFillColor,u.getLineColor,u.opacity,u.visible,u.extruded],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglGeojson};
-//# sourceMappingURL=geojson-DmmblQfq.js.map
+import{c as e,o as t,t as n}from"./symbols-CFCXX1_B.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{GeoJsonLayer as c}from"@deck.gl/layers";const l=r({__name:`VLayerDeckglGeojson`,props:{id:{},data:{},getFillColor:{},getLineColor:{},getLineWidth:{},getPointRadius:{},getElevation:{},getText:{},filled:{type:Boolean,default:!0},stroked:{type:Boolean,default:!0},extruded:{type:Boolean,default:!1},wireframe:{type:Boolean,default:!1},pointType:{default:`circle`},lineWidthUnits:{default:`meters`},lineWidthScale:{default:1},lineWidthMinPixels:{default:0},lineWidthMaxPixels:{default:2**53-1},lineJointRounded:{type:Boolean,default:!1},lineCapRounded:{type:Boolean,default:!1},lineMiterLimit:{default:4},pointRadiusUnits:{default:`meters`},pointRadiusScale:{default:1},pointRadiusMinPixels:{default:0},pointRadiusMaxPixels:{default:2**53-1},elevationScale:{default:1},material:{type:[Boolean,Object]},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!0},autoHighlight:{type:Boolean,default:!1},highlightColor:{},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getFillColor:u.getFillColor??[200,200,200,200],getLineColor:u.getLineColor??[0,0,0,255],getLineWidth:u.getLineWidth??1,getPointRadius:u.getPointRadius??1,getElevation:u.getElevation??1e3,getText:u.getText,filled:u.filled,stroked:u.stroked,extruded:u.extruded,wireframe:u.wireframe,pointType:u.pointType,lineWidthUnits:u.lineWidthUnits,lineWidthScale:u.lineWidthScale,lineWidthMinPixels:u.lineWidthMinPixels,lineWidthMaxPixels:u.lineWidthMaxPixels,lineJointRounded:u.lineJointRounded,lineCapRounded:u.lineCapRounded,lineMiterLimit:u.lineMiterLimit,pointRadiusUnits:u.pointRadiusUnits,pointRadiusScale:u.pointRadiusScale,pointRadiusMinPixels:u.pointRadiusMinPixels,pointRadiusMaxPixels:u.pointRadiusMaxPixels,elevationScale:u.elevationScale,material:u.material,opacity:u.opacity,visible:u.visible,pickable:u.pickable,autoHighlight:u.autoHighlight,highlightColor:u.highlightColor,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getFillColor,u.getLineColor,u.opacity,u.visible,u.extruded],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglGeojson};
+//# sourceMappingURL=geojson-cOxJcO-8.js.map

package/dist/{geojson-DmmblQfq.js.map → geojson-cOxJcO-8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"geojson-DmmblQfq.js","names":[],"sources":["../src/layers/deckgl/geojson/VLayerDeckglGeojson.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Render GeoJSON FeatureCollections as deck.gl points/lines/polygons.\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { GeoJsonLayer } from '@deck.gl/layers';\n  import type { PickingInfo } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n  import type { Color } from '../_shared/types';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D | string | Promise<D>;\n    getFillColor?: Accessor<D, Color>;\n    getLineColor?: Accessor<D, Color>;\n    getLineWidth?: Accessor<D, number>;\n    getPointRadius?: Accessor<D, number>;\n    getElevation?: Accessor<D, number>;\n    getText?: Accessor<D, string>;\n    filled?: boolean;\n    stroked?: boolean;\n    extruded?: boolean;\n    wireframe?: boolean;\n    pointType?: string;\n    lineWidthUnits?: 'meters' | 'common' | 'pixels';\n    lineWidthScale?: number;\n    lineWidthMinPixels?: number;\n    lineWidthMaxPixels?: number;\n    lineJointRounded?: boolean;\n    lineCapRounded?: boolean;\n    lineMiterLimit?: number;\n    pointRadiusUnits?: 'meters' | 'common' | 'pixels';\n    pointRadiusScale?: number;\n    pointRadiusMinPixels?: number;\n    pointRadiusMaxPixels?: number;\n    elevationScale?: number;\n    material?: boolean | object;\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    autoHighlight?: boolean;\n    highlightColor?: Color;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    filled: true,\n    stroked: true,\n    extruded: false,\n    wireframe: false,\n    pointType: 'circle',\n    lineWidthUnits: 'meters',\n    lineWidthScale: 1,\n    lineWidthMinPixels: 0,\n    lineWidthMaxPixels: Number.MAX_SAFE_INTEGER,\n    lineJointRounded: false,\n    lineCapRounded: false,\n    lineMiterLimit: 4,\n    pointRadiusUnits: 'meters',\n    pointRadiusScale: 1,\n    pointRadiusMinPixels: 0,\n    pointRadiusMaxPixels: Number.MAX_SAFE_INTEGER,\n    elevationScale: 1,\n    opacity: 1,\n    visible: true,\n    pickable: true,\n    autoHighlight: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new GeoJsonLayer({\n      id: props.id,\n      data: props.data,\n      getFillColor: props.getFillColor ?? [200, 200, 200, 200],\n      getLineColor: props.getLineColor ?? [0, 0, 0, 255],\n      getLineWidth: props.getLineWidth ?? 1,\n      getPointRadius: props.getPointRadius ?? 1,\n      getElevation: props.getElevation ?? 1000,\n      getText: props.getText,\n      filled: props.filled,\n      stroked: props.stroked,\n      extruded: props.extruded,\n      wireframe: props.wireframe,\n      pointType: props.pointType,\n      lineWidthUnits: props.lineWidthUnits,\n      lineWidthScale: props.lineWidthScale,\n      lineWidthMinPixels: props.lineWidthMinPixels,\n      lineWidthMaxPixels: props.lineWidthMaxPixels,\n      lineJointRounded: props.lineJointRounded,\n      lineCapRounded: props.lineCapRounded,\n      lineMiterLimit: props.lineMiterLimit,\n      pointRadiusUnits: props.pointRadiusUnits,\n      pointRadiusScale: props.pointRadiusScale,\n      pointRadiusMinPixels: props.pointRadiusMinPixels,\n      pointRadiusMaxPixels: props.pointRadiusMaxPixels,\n      elevationScale: props.elevationScale,\n      material: props.material,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      autoHighlight: props.autoHighlight,\n      highlightColor: props.highlightColor,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as unknown as ConstructorParameters<typeof GeoJsonLayer>[0]);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getFillColor,\n      props.getLineColor,\n      props.opacity,\n      props.visible,\n      props.extruded,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"4oCAuDE,IAAM,EAAQ,EAwBR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAa,CACtB,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,aAAc,EAAM,cAAgB,CAAC,IAAK,IAAK,IAAK,IAAG,CACvD,aAAc,EAAM,cAAgB,CAAC,EAAG,EAAG,EAAG,IAAG,CACjD,aAAc,EAAM,cAAgB,EACpC,eAAgB,EAAM,gBAAkB,EACxC,aAAc,EAAM,cAAgB,IACpC,QAAS,EAAM,QACf,OAAQ,EAAM,OACd,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,UAAW,EAAM,UACjB,UAAW,EAAM,UACjB,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,mBAAoB,EAAM,mBAC1B,mBAAoB,EAAM,mBAC1B,iBAAkB,EAAM,iBACxB,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,iBAAkB,EAAM,iBACxB,iBAAkB,EAAM,iBACxB,qBAAsB,EAAM,qBAC5B,qBAAsB,EAAM,qBAC5B,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,cAAe,EAAM,cACrB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CACS,CAAA,CAGzD,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,aACN,EAAM,aACN,EAAM,QACN,EAAM,QACN,EAAM,SACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}
+{"version":3,"file":"geojson-cOxJcO-8.js","names":[],"sources":["../src/layers/deckgl/geojson/VLayerDeckglGeojson.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Render GeoJSON FeatureCollections as deck.gl points/lines/polygons.\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { GeoJsonLayer } from '@deck.gl/layers';\n  import type { PickingInfo } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n  import type { Color } from '../_shared/types';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D | string | Promise<D>;\n    getFillColor?: Accessor<D, Color>;\n    getLineColor?: Accessor<D, Color>;\n    getLineWidth?: Accessor<D, number>;\n    getPointRadius?: Accessor<D, number>;\n    getElevation?: Accessor<D, number>;\n    getText?: Accessor<D, string>;\n    filled?: boolean;\n    stroked?: boolean;\n    extruded?: boolean;\n    wireframe?: boolean;\n    pointType?: string;\n    lineWidthUnits?: 'meters' | 'common' | 'pixels';\n    lineWidthScale?: number;\n    lineWidthMinPixels?: number;\n    lineWidthMaxPixels?: number;\n    lineJointRounded?: boolean;\n    lineCapRounded?: boolean;\n    lineMiterLimit?: number;\n    pointRadiusUnits?: 'meters' | 'common' | 'pixels';\n    pointRadiusScale?: number;\n    pointRadiusMinPixels?: number;\n    pointRadiusMaxPixels?: number;\n    elevationScale?: number;\n    material?: boolean | object;\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    autoHighlight?: boolean;\n    highlightColor?: Color;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    filled: true,\n    stroked: true,\n    extruded: false,\n    wireframe: false,\n    pointType: 'circle',\n    lineWidthUnits: 'meters',\n    lineWidthScale: 1,\n    lineWidthMinPixels: 0,\n    lineWidthMaxPixels: Number.MAX_SAFE_INTEGER,\n    lineJointRounded: false,\n    lineCapRounded: false,\n    lineMiterLimit: 4,\n    pointRadiusUnits: 'meters',\n    pointRadiusScale: 1,\n    pointRadiusMinPixels: 0,\n    pointRadiusMaxPixels: Number.MAX_SAFE_INTEGER,\n    elevationScale: 1,\n    opacity: 1,\n    visible: true,\n    pickable: true,\n    autoHighlight: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new GeoJsonLayer({\n      id: props.id,\n      data: props.data,\n      getFillColor: props.getFillColor ?? [200, 200, 200, 200],\n      getLineColor: props.getLineColor ?? [0, 0, 0, 255],\n      getLineWidth: props.getLineWidth ?? 1,\n      getPointRadius: props.getPointRadius ?? 1,\n      getElevation: props.getElevation ?? 1000,\n      getText: props.getText,\n      filled: props.filled,\n      stroked: props.stroked,\n      extruded: props.extruded,\n      wireframe: props.wireframe,\n      pointType: props.pointType,\n      lineWidthUnits: props.lineWidthUnits,\n      lineWidthScale: props.lineWidthScale,\n      lineWidthMinPixels: props.lineWidthMinPixels,\n      lineWidthMaxPixels: props.lineWidthMaxPixels,\n      lineJointRounded: props.lineJointRounded,\n      lineCapRounded: props.lineCapRounded,\n      lineMiterLimit: props.lineMiterLimit,\n      pointRadiusUnits: props.pointRadiusUnits,\n      pointRadiusScale: props.pointRadiusScale,\n      pointRadiusMinPixels: props.pointRadiusMinPixels,\n      pointRadiusMaxPixels: props.pointRadiusMaxPixels,\n      elevationScale: props.elevationScale,\n      material: props.material,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      autoHighlight: props.autoHighlight,\n      highlightColor: props.highlightColor,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as unknown as ConstructorParameters<typeof GeoJsonLayer>[0]);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getFillColor,\n      props.getLineColor,\n      props.opacity,\n      props.visible,\n      props.extruded,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"4oCAuDE,IAAM,EAAQ,EAwBR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAa,CACtB,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,aAAc,EAAM,cAAgB,CAAC,IAAK,IAAK,IAAK,IAAG,CACvD,aAAc,EAAM,cAAgB,CAAC,EAAG,EAAG,EAAG,IAAG,CACjD,aAAc,EAAM,cAAgB,EACpC,eAAgB,EAAM,gBAAkB,EACxC,aAAc,EAAM,cAAgB,IACpC,QAAS,EAAM,QACf,OAAQ,EAAM,OACd,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,UAAW,EAAM,UACjB,UAAW,EAAM,UACjB,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,mBAAoB,EAAM,mBAC1B,mBAAoB,EAAM,mBAC1B,iBAAkB,EAAM,iBACxB,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,iBAAkB,EAAM,iBACxB,iBAAkB,EAAM,iBACxB,qBAAsB,EAAM,qBAC5B,qBAAsB,EAAM,qBAC5B,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,cAAe,EAAM,cACrB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CACS,CAAA,CAGzD,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,aACN,EAAM,aACN,EAAM,QACN,EAAM,QACN,EAAM,SACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}

package/dist/{great-circle-B3wrKr2V.js → great-circle-C6GDbX1c.js}

@@ -1,2 +1,2 @@
-import{c as e,o as t,t as n}from"./symbols-CVfar3bo.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{GreatCircleLayer as c}from"@deck.gl/geo-layers";const l=r({__name:`VLayerDeckglGreatCircle`,props:{id:{},data:{},getSourcePosition:{},getTargetPosition:{},getSourceColor:{},getTargetColor:{},getWidth:{},getHeight:{},getTilt:{},numSegments:{default:50},widthUnits:{default:`pixels`},widthScale:{default:1},widthMinPixels:{default:0},widthMaxPixels:{default:2**53-1},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!0},autoHighlight:{type:Boolean,default:!1},highlightColor:{},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getSourcePosition:u.getSourcePosition,getTargetPosition:u.getTargetPosition,getSourceColor:u.getSourceColor??[0,0,255],getTargetColor:u.getTargetColor??[0,255,0],getWidth:u.getWidth??1,getHeight:u.getHeight??1,getTilt:u.getTilt??0,numSegments:u.numSegments,widthUnits:u.widthUnits,widthScale:u.widthScale,widthMinPixels:u.widthMinPixels,widthMaxPixels:u.widthMaxPixels,opacity:u.opacity,visible:u.visible,pickable:u.pickable,autoHighlight:u.autoHighlight,highlightColor:u.highlightColor,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getSourcePosition,u.getTargetPosition,u.getSourceColor,u.getTargetColor,u.getWidth,u.opacity,u.visible],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglGreatCircle};
-//# sourceMappingURL=great-circle-B3wrKr2V.js.map
+import{c as e,o as t,t as n}from"./symbols-CFCXX1_B.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{GreatCircleLayer as c}from"@deck.gl/geo-layers";const l=r({__name:`VLayerDeckglGreatCircle`,props:{id:{},data:{},getSourcePosition:{},getTargetPosition:{},getSourceColor:{},getTargetColor:{},getWidth:{},getHeight:{},getTilt:{},numSegments:{default:50},widthUnits:{default:`pixels`},widthScale:{default:1},widthMinPixels:{default:0},widthMaxPixels:{default:2**53-1},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!0},autoHighlight:{type:Boolean,default:!1},highlightColor:{},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getSourcePosition:u.getSourcePosition,getTargetPosition:u.getTargetPosition,getSourceColor:u.getSourceColor??[0,0,255],getTargetColor:u.getTargetColor??[0,255,0],getWidth:u.getWidth??1,getHeight:u.getHeight??1,getTilt:u.getTilt??0,numSegments:u.numSegments,widthUnits:u.widthUnits,widthScale:u.widthScale,widthMinPixels:u.widthMinPixels,widthMaxPixels:u.widthMaxPixels,opacity:u.opacity,visible:u.visible,pickable:u.pickable,autoHighlight:u.autoHighlight,highlightColor:u.highlightColor,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getSourcePosition,u.getTargetPosition,u.getSourceColor,u.getTargetColor,u.getWidth,u.opacity,u.visible],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglGreatCircle};
+//# sourceMappingURL=great-circle-C6GDbX1c.js.map

package/dist/{great-circle-B3wrKr2V.js.map → great-circle-C6GDbX1c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"great-circle-B3wrKr2V.js","names":[],"sources":["../src/layers/deckgl/great-circle/VLayerDeckglGreatCircle.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Render great-circle arcs between coordinate pairs.\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/geo-layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/geo-layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { GreatCircleLayer } from '@deck.gl/geo-layers';\n  import type { GreatCircleLayerProps } from '@deck.gl/geo-layers';\n  import type { Color, PickingInfo, Position } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D[] | string | Promise<D[]>;\n    getSourcePosition: Accessor<D, Position>;\n    getTargetPosition: Accessor<D, Position>;\n    getSourceColor?: Accessor<D, Color>;\n    getTargetColor?: Accessor<D, Color>;\n    getWidth?: Accessor<D, number>;\n    getHeight?: Accessor<D, number>;\n    getTilt?: Accessor<D, number>;\n    numSegments?: number;\n    widthUnits?: 'meters' | 'common' | 'pixels';\n    widthScale?: number;\n    widthMinPixels?: number;\n    widthMaxPixels?: number;\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    autoHighlight?: boolean;\n    highlightColor?: Color;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    numSegments: 50,\n    widthUnits: 'pixels',\n    widthScale: 1,\n    widthMinPixels: 0,\n    widthMaxPixels: Number.MAX_SAFE_INTEGER,\n    opacity: 1,\n    visible: true,\n    pickable: true,\n    autoHighlight: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new GreatCircleLayer({\n      id: props.id,\n      data: props.data,\n      getSourcePosition: props.getSourcePosition,\n      getTargetPosition: props.getTargetPosition,\n      getSourceColor: props.getSourceColor ?? [0, 0, 255],\n      getTargetColor: props.getTargetColor ?? [0, 255, 0],\n      getWidth: props.getWidth ?? 1,\n      getHeight: props.getHeight ?? 1,\n      getTilt: props.getTilt ?? 0,\n      numSegments: props.numSegments,\n      widthUnits: props.widthUnits,\n      widthScale: props.widthScale,\n      widthMinPixels: props.widthMinPixels,\n      widthMaxPixels: props.widthMaxPixels,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      autoHighlight: props.autoHighlight,\n      highlightColor: props.highlightColor,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as GreatCircleLayerProps);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getSourcePosition,\n      props.getTargetPosition,\n      props.getSourceColor,\n      props.getTargetColor,\n      props.getWidth,\n      props.opacity,\n      props.visible,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"2tBA2CE,IAAM,EAAQ,EAYR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAiB,CAC1B,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,kBAAmB,EAAM,kBACzB,kBAAmB,EAAM,kBACzB,eAAgB,EAAM,gBAAkB,CAAC,EAAG,EAAG,IAAG,CAClD,eAAgB,EAAM,gBAAkB,CAAC,EAAG,IAAK,EAAC,CAClD,SAAU,EAAM,UAAY,EAC5B,UAAW,EAAM,WAAa,EAC9B,QAAS,EAAM,SAAW,EAC1B,YAAa,EAAM,YACnB,WAAY,EAAM,WAClB,WAAY,EAAM,WAClB,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,cAAe,EAAM,cACrB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CAC1B,CAAA,CAGtB,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,kBACN,EAAM,kBACN,EAAM,eACN,EAAM,eACN,EAAM,SACN,EAAM,QACN,EAAM,QACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}
+{"version":3,"file":"great-circle-C6GDbX1c.js","names":[],"sources":["../src/layers/deckgl/great-circle/VLayerDeckglGreatCircle.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Render great-circle arcs between coordinate pairs.\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/geo-layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/geo-layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { GreatCircleLayer } from '@deck.gl/geo-layers';\n  import type { GreatCircleLayerProps } from '@deck.gl/geo-layers';\n  import type { Color, PickingInfo, Position } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D[] | string | Promise<D[]>;\n    getSourcePosition: Accessor<D, Position>;\n    getTargetPosition: Accessor<D, Position>;\n    getSourceColor?: Accessor<D, Color>;\n    getTargetColor?: Accessor<D, Color>;\n    getWidth?: Accessor<D, number>;\n    getHeight?: Accessor<D, number>;\n    getTilt?: Accessor<D, number>;\n    numSegments?: number;\n    widthUnits?: 'meters' | 'common' | 'pixels';\n    widthScale?: number;\n    widthMinPixels?: number;\n    widthMaxPixels?: number;\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    autoHighlight?: boolean;\n    highlightColor?: Color;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    numSegments: 50,\n    widthUnits: 'pixels',\n    widthScale: 1,\n    widthMinPixels: 0,\n    widthMaxPixels: Number.MAX_SAFE_INTEGER,\n    opacity: 1,\n    visible: true,\n    pickable: true,\n    autoHighlight: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new GreatCircleLayer({\n      id: props.id,\n      data: props.data,\n      getSourcePosition: props.getSourcePosition,\n      getTargetPosition: props.getTargetPosition,\n      getSourceColor: props.getSourceColor ?? [0, 0, 255],\n      getTargetColor: props.getTargetColor ?? [0, 255, 0],\n      getWidth: props.getWidth ?? 1,\n      getHeight: props.getHeight ?? 1,\n      getTilt: props.getTilt ?? 0,\n      numSegments: props.numSegments,\n      widthUnits: props.widthUnits,\n      widthScale: props.widthScale,\n      widthMinPixels: props.widthMinPixels,\n      widthMaxPixels: props.widthMaxPixels,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      autoHighlight: props.autoHighlight,\n      highlightColor: props.highlightColor,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as GreatCircleLayerProps);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getSourcePosition,\n      props.getTargetPosition,\n      props.getSourceColor,\n      props.getTargetColor,\n      props.getWidth,\n      props.opacity,\n      props.visible,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"2tBA2CE,IAAM,EAAQ,EAYR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAiB,CAC1B,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,kBAAmB,EAAM,kBACzB,kBAAmB,EAAM,kBACzB,eAAgB,EAAM,gBAAkB,CAAC,EAAG,EAAG,IAAG,CAClD,eAAgB,EAAM,gBAAkB,CAAC,EAAG,IAAK,EAAC,CAClD,SAAU,EAAM,UAAY,EAC5B,UAAW,EAAM,WAAa,EAC9B,QAAS,EAAM,SAAW,EAC1B,YAAa,EAAM,YACnB,WAAY,EAAM,WAClB,WAAY,EAAM,WAClB,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,cAAe,EAAM,cACrB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CAC1B,CAAA,CAGtB,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,kBACN,EAAM,kBACN,EAAM,eACN,EAAM,eACN,EAAM,SACN,EAAM,QACN,EAAM,QACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}

package/dist/{grid-d5GMfgA7.js → grid-BPfXfID8.js}

@@ -1,2 +1,2 @@
-import{c as e,o as t,t as n}from"./symbols-CVfar3bo.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{GridLayer as c}from"@deck.gl/aggregation-layers";const l=r({__name:`VLayerDeckglGrid`,props:{id:{},data:{},getPosition:{},getColorWeight:{},getElevationWeight:{},cellSize:{default:1e3},colorRange:{},coverage:{default:1},elevationDomain:{},elevationRange:{},elevationScale:{default:1},extruded:{type:Boolean,default:!1},upperPercentile:{default:100},lowerPercentile:{default:0},elevationUpperPercentile:{default:100},elevationLowerPercentile:{default:0},colorScaleType:{default:`quantize`},colorAggregation:{default:`SUM`},elevationAggregation:{default:`SUM`},gpuAggregation:{type:Boolean,default:!1},material:{type:[Boolean,Object]},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!0},autoHighlight:{type:Boolean,default:!1},highlightColor:{},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getPosition:u.getPosition,getColorWeight:u.getColorWeight??1,getElevationWeight:u.getElevationWeight??1,cellSize:u.cellSize,colorRange:u.colorRange,coverage:u.coverage,elevationDomain:u.elevationDomain,elevationRange:u.elevationRange,elevationScale:u.elevationScale,extruded:u.extruded,upperPercentile:u.upperPercentile,lowerPercentile:u.lowerPercentile,elevationUpperPercentile:u.elevationUpperPercentile,elevationLowerPercentile:u.elevationLowerPercentile,colorScaleType:u.colorScaleType,colorAggregation:u.colorAggregation,elevationAggregation:u.elevationAggregation,gpuAggregation:u.gpuAggregation,material:u.material,opacity:u.opacity,visible:u.visible,pickable:u.pickable,autoHighlight:u.autoHighlight,highlightColor:u.highlightColor,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getPosition,u.cellSize,u.colorRange,u.elevationScale,u.extruded,u.opacity,u.visible],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglGrid};
-//# sourceMappingURL=grid-d5GMfgA7.js.map
+import{c as e,o as t,t as n}from"./symbols-CFCXX1_B.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{GridLayer as c}from"@deck.gl/aggregation-layers";const l=r({__name:`VLayerDeckglGrid`,props:{id:{},data:{},getPosition:{},getColorWeight:{},getElevationWeight:{},cellSize:{default:1e3},colorRange:{},coverage:{default:1},elevationDomain:{},elevationRange:{},elevationScale:{default:1},extruded:{type:Boolean,default:!1},upperPercentile:{default:100},lowerPercentile:{default:0},elevationUpperPercentile:{default:100},elevationLowerPercentile:{default:0},colorScaleType:{default:`quantize`},colorAggregation:{default:`SUM`},elevationAggregation:{default:`SUM`},gpuAggregation:{type:Boolean,default:!1},material:{type:[Boolean,Object]},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!0},autoHighlight:{type:Boolean,default:!1},highlightColor:{},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getPosition:u.getPosition,getColorWeight:u.getColorWeight??1,getElevationWeight:u.getElevationWeight??1,cellSize:u.cellSize,colorRange:u.colorRange,coverage:u.coverage,elevationDomain:u.elevationDomain,elevationRange:u.elevationRange,elevationScale:u.elevationScale,extruded:u.extruded,upperPercentile:u.upperPercentile,lowerPercentile:u.lowerPercentile,elevationUpperPercentile:u.elevationUpperPercentile,elevationLowerPercentile:u.elevationLowerPercentile,colorScaleType:u.colorScaleType,colorAggregation:u.colorAggregation,elevationAggregation:u.elevationAggregation,gpuAggregation:u.gpuAggregation,material:u.material,opacity:u.opacity,visible:u.visible,pickable:u.pickable,autoHighlight:u.autoHighlight,highlightColor:u.highlightColor,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getPosition,u.cellSize,u.colorRange,u.elevationScale,u.extruded,u.opacity,u.visible],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglGrid};
+//# sourceMappingURL=grid-BPfXfID8.js.map

package/dist/{grid-d5GMfgA7.js.map → grid-BPfXfID8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"grid-d5GMfgA7.js","names":[],"sources":["../src/layers/deckgl/grid/VLayerDeckglGrid.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Aggregate points into a regular square grid (GPU or CPU).\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/aggregation-layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/aggregation-layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { GridLayer } from '@deck.gl/aggregation-layers';\n  import type { Color, PickingInfo, Position } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D[] | string | Promise<D[]>;\n    getPosition: Accessor<D, Position>;\n    getColorWeight?: Accessor<D, number>;\n    getElevationWeight?: Accessor<D, number>;\n    cellSize?: number;\n    colorRange?: Color[];\n    coverage?: number;\n    elevationDomain?: [number, number];\n    elevationRange?: [number, number];\n    elevationScale?: number;\n    extruded?: boolean;\n    upperPercentile?: number;\n    lowerPercentile?: number;\n    elevationUpperPercentile?: number;\n    elevationLowerPercentile?: number;\n    colorScaleType?: 'quantize' | 'linear' | 'quantile' | 'ordinal';\n    colorAggregation?: 'SUM' | 'MEAN' | 'MIN' | 'MAX';\n    elevationAggregation?: 'SUM' | 'MEAN' | 'MIN' | 'MAX';\n    gpuAggregation?: boolean;\n    material?: boolean | object;\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    autoHighlight?: boolean;\n    highlightColor?: Color;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    cellSize: 1000,\n    coverage: 1,\n    elevationScale: 1,\n    extruded: false,\n    upperPercentile: 100,\n    lowerPercentile: 0,\n    elevationUpperPercentile: 100,\n    elevationLowerPercentile: 0,\n    colorScaleType: 'quantize',\n    colorAggregation: 'SUM',\n    elevationAggregation: 'SUM',\n    gpuAggregation: false,\n    opacity: 1,\n    visible: true,\n    pickable: true,\n    autoHighlight: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new GridLayer({\n      id: props.id,\n      data: props.data,\n      getPosition: props.getPosition,\n      getColorWeight: props.getColorWeight ?? 1,\n      getElevationWeight: props.getElevationWeight ?? 1,\n      cellSize: props.cellSize,\n      colorRange: props.colorRange,\n      coverage: props.coverage,\n      elevationDomain: props.elevationDomain,\n      elevationRange: props.elevationRange,\n      elevationScale: props.elevationScale,\n      extruded: props.extruded,\n      upperPercentile: props.upperPercentile,\n      lowerPercentile: props.lowerPercentile,\n      elevationUpperPercentile: props.elevationUpperPercentile,\n      elevationLowerPercentile: props.elevationLowerPercentile,\n      colorScaleType: props.colorScaleType,\n      colorAggregation: props.colorAggregation,\n      elevationAggregation: props.elevationAggregation,\n      gpuAggregation: props.gpuAggregation,\n      material: props.material,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      autoHighlight: props.autoHighlight,\n      highlightColor: props.highlightColor,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as unknown as ConstructorParameters<typeof GridLayer>[0]);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getPosition,\n      props.cellSize,\n      props.colorRange,\n      props.elevationScale,\n      props.extruded,\n      props.opacity,\n      props.visible,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"u+BAiDE,IAAM,EAAQ,EAmBR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAU,CACnB,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,YAAa,EAAM,YACnB,eAAgB,EAAM,gBAAkB,EACxC,mBAAoB,EAAM,oBAAsB,EAChD,SAAU,EAAM,SAChB,WAAY,EAAM,WAClB,SAAU,EAAM,SAChB,gBAAiB,EAAM,gBACvB,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,gBAAiB,EAAM,gBACvB,gBAAiB,EAAM,gBACvB,yBAA0B,EAAM,yBAChC,yBAA0B,EAAM,yBAChC,eAAgB,EAAM,eACtB,iBAAkB,EAAM,iBACxB,qBAAsB,EAAM,qBAC5B,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,cAAe,EAAM,cACrB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CACM,CAAA,CAGtD,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,YACN,EAAM,SACN,EAAM,WACN,EAAM,eACN,EAAM,SACN,EAAM,QACN,EAAM,QACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}
+{"version":3,"file":"grid-BPfXfID8.js","names":[],"sources":["../src/layers/deckgl/grid/VLayerDeckglGrid.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Aggregate points into a regular square grid (GPU or CPU).\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/aggregation-layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/aggregation-layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { GridLayer } from '@deck.gl/aggregation-layers';\n  import type { Color, PickingInfo, Position } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D[] | string | Promise<D[]>;\n    getPosition: Accessor<D, Position>;\n    getColorWeight?: Accessor<D, number>;\n    getElevationWeight?: Accessor<D, number>;\n    cellSize?: number;\n    colorRange?: Color[];\n    coverage?: number;\n    elevationDomain?: [number, number];\n    elevationRange?: [number, number];\n    elevationScale?: number;\n    extruded?: boolean;\n    upperPercentile?: number;\n    lowerPercentile?: number;\n    elevationUpperPercentile?: number;\n    elevationLowerPercentile?: number;\n    colorScaleType?: 'quantize' | 'linear' | 'quantile' | 'ordinal';\n    colorAggregation?: 'SUM' | 'MEAN' | 'MIN' | 'MAX';\n    elevationAggregation?: 'SUM' | 'MEAN' | 'MIN' | 'MAX';\n    gpuAggregation?: boolean;\n    material?: boolean | object;\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    autoHighlight?: boolean;\n    highlightColor?: Color;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    cellSize: 1000,\n    coverage: 1,\n    elevationScale: 1,\n    extruded: false,\n    upperPercentile: 100,\n    lowerPercentile: 0,\n    elevationUpperPercentile: 100,\n    elevationLowerPercentile: 0,\n    colorScaleType: 'quantize',\n    colorAggregation: 'SUM',\n    elevationAggregation: 'SUM',\n    gpuAggregation: false,\n    opacity: 1,\n    visible: true,\n    pickable: true,\n    autoHighlight: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new GridLayer({\n      id: props.id,\n      data: props.data,\n      getPosition: props.getPosition,\n      getColorWeight: props.getColorWeight ?? 1,\n      getElevationWeight: props.getElevationWeight ?? 1,\n      cellSize: props.cellSize,\n      colorRange: props.colorRange,\n      coverage: props.coverage,\n      elevationDomain: props.elevationDomain,\n      elevationRange: props.elevationRange,\n      elevationScale: props.elevationScale,\n      extruded: props.extruded,\n      upperPercentile: props.upperPercentile,\n      lowerPercentile: props.lowerPercentile,\n      elevationUpperPercentile: props.elevationUpperPercentile,\n      elevationLowerPercentile: props.elevationLowerPercentile,\n      colorScaleType: props.colorScaleType,\n      colorAggregation: props.colorAggregation,\n      elevationAggregation: props.elevationAggregation,\n      gpuAggregation: props.gpuAggregation,\n      material: props.material,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      autoHighlight: props.autoHighlight,\n      highlightColor: props.highlightColor,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as unknown as ConstructorParameters<typeof GridLayer>[0]);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getPosition,\n      props.cellSize,\n      props.colorRange,\n      props.elevationScale,\n      props.extruded,\n      props.opacity,\n      props.visible,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"u+BAiDE,IAAM,EAAQ,EAmBR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAU,CACnB,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,YAAa,EAAM,YACnB,eAAgB,EAAM,gBAAkB,EACxC,mBAAoB,EAAM,oBAAsB,EAChD,SAAU,EAAM,SAChB,WAAY,EAAM,WAClB,SAAU,EAAM,SAChB,gBAAiB,EAAM,gBACvB,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,gBAAiB,EAAM,gBACvB,gBAAiB,EAAM,gBACvB,yBAA0B,EAAM,yBAChC,yBAA0B,EAAM,yBAChC,eAAgB,EAAM,eACtB,iBAAkB,EAAM,iBACxB,qBAAsB,EAAM,qBAC5B,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,cAAe,EAAM,cACrB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CACM,CAAA,CAGtD,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,YACN,EAAM,SACN,EAAM,WACN,EAAM,eACN,EAAM,SACN,EAAM,QACN,EAAM,QACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}

package/dist/{grid-cell-CTiUtStS.js → grid-cell-T0-xdlk_.js}

@@ -1,2 +1,2 @@
-import{c as e,o as t,t as n}from"./symbols-CVfar3bo.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{GridCellLayer as c}from"@deck.gl/layers";const l=r({__name:`VLayerDeckglGridCell`,props:{id:{},data:{},getPosition:{},getFillColor:{},getElevation:{},cellSize:{default:1e3},coverage:{default:1},elevationScale:{default:1},extruded:{type:Boolean,default:!0},material:{type:[Boolean,Object]},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!0},autoHighlight:{type:Boolean,default:!1},highlightColor:{},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getPosition:u.getPosition,getFillColor:u.getFillColor??[255,0,0,255],getElevation:u.getElevation??1e3,cellSize:u.cellSize,coverage:u.coverage,elevationScale:u.elevationScale,extruded:u.extruded,material:u.material,opacity:u.opacity,visible:u.visible,pickable:u.pickable,autoHighlight:u.autoHighlight,highlightColor:u.highlightColor,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getPosition,u.getFillColor,u.getElevation,u.cellSize,u.elevationScale,u.opacity,u.visible],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglGridCell};
-//# sourceMappingURL=grid-cell-CTiUtStS.js.map
+import{c as e,o as t,t as n}from"./symbols-CFCXX1_B.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{GridCellLayer as c}from"@deck.gl/layers";const l=r({__name:`VLayerDeckglGridCell`,props:{id:{},data:{},getPosition:{},getFillColor:{},getElevation:{},cellSize:{default:1e3},coverage:{default:1},elevationScale:{default:1},extruded:{type:Boolean,default:!0},material:{type:[Boolean,Object]},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!0},autoHighlight:{type:Boolean,default:!1},highlightColor:{},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getPosition:u.getPosition,getFillColor:u.getFillColor??[255,0,0,255],getElevation:u.getElevation??1e3,cellSize:u.cellSize,coverage:u.coverage,elevationScale:u.elevationScale,extruded:u.extruded,material:u.material,opacity:u.opacity,visible:u.visible,pickable:u.pickable,autoHighlight:u.autoHighlight,highlightColor:u.highlightColor,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getPosition,u.getFillColor,u.getElevation,u.cellSize,u.elevationScale,u.opacity,u.visible],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglGridCell};
+//# sourceMappingURL=grid-cell-T0-xdlk_.js.map

package/dist/{grid-cell-CTiUtStS.js.map → grid-cell-T0-xdlk_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"grid-cell-CTiUtStS.js","names":[],"sources":["../src/layers/deckgl/grid-cell/VLayerDeckglGridCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Render arbitrary axis-aligned grid cells with extrusion.\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { GridCellLayer } from '@deck.gl/layers';\n  import type { GridCellLayerProps } from '@deck.gl/layers';\n  import type { Color, PickingInfo, Position } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D[] | string | Promise<D[]>;\n    getPosition: Accessor<D, Position>;\n    getFillColor?: Accessor<D, Color>;\n    getElevation?: Accessor<D, number>;\n    cellSize?: number;\n    coverage?: number;\n    elevationScale?: number;\n    extruded?: boolean;\n    material?: boolean | object;\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    autoHighlight?: boolean;\n    highlightColor?: Color;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    cellSize: 1000,\n    coverage: 1,\n    elevationScale: 1,\n    extruded: true,\n    opacity: 1,\n    visible: true,\n    pickable: true,\n    autoHighlight: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new GridCellLayer({\n      id: props.id,\n      data: props.data,\n      getPosition: props.getPosition,\n      getFillColor: props.getFillColor ?? [255, 0, 0, 255],\n      getElevation: props.getElevation ?? 1000,\n      cellSize: props.cellSize,\n      coverage: props.coverage,\n      elevationScale: props.elevationScale,\n      extruded: props.extruded,\n      material: props.material,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      autoHighlight: props.autoHighlight,\n      highlightColor: props.highlightColor,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as GridCellLayerProps);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getPosition,\n      props.getFillColor,\n      props.getElevation,\n      props.cellSize,\n      props.elevationScale,\n      props.opacity,\n      props.visible,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"+oBAuCE,IAAM,EAAQ,EAWR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAc,CACvB,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,YAAa,EAAM,YACnB,aAAc,EAAM,cAAgB,CAAC,IAAK,EAAG,EAAG,IAAG,CACnD,aAAc,EAAM,cAAgB,IACpC,SAAU,EAAM,SAChB,SAAU,EAAM,SAChB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,SAAU,EAAM,SAChB,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,cAAe,EAAM,cACrB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CAC7B,CAAA,CAGnB,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,YACN,EAAM,aACN,EAAM,aACN,EAAM,SACN,EAAM,eACN,EAAM,QACN,EAAM,QACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}
+{"version":3,"file":"grid-cell-T0-xdlk_.js","names":[],"sources":["../src/layers/deckgl/grid-cell/VLayerDeckglGridCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Render arbitrary axis-aligned grid cells with extrusion.\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { GridCellLayer } from '@deck.gl/layers';\n  import type { GridCellLayerProps } from '@deck.gl/layers';\n  import type { Color, PickingInfo, Position } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D[] | string | Promise<D[]>;\n    getPosition: Accessor<D, Position>;\n    getFillColor?: Accessor<D, Color>;\n    getElevation?: Accessor<D, number>;\n    cellSize?: number;\n    coverage?: number;\n    elevationScale?: number;\n    extruded?: boolean;\n    material?: boolean | object;\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    autoHighlight?: boolean;\n    highlightColor?: Color;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    cellSize: 1000,\n    coverage: 1,\n    elevationScale: 1,\n    extruded: true,\n    opacity: 1,\n    visible: true,\n    pickable: true,\n    autoHighlight: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new GridCellLayer({\n      id: props.id,\n      data: props.data,\n      getPosition: props.getPosition,\n      getFillColor: props.getFillColor ?? [255, 0, 0, 255],\n      getElevation: props.getElevation ?? 1000,\n      cellSize: props.cellSize,\n      coverage: props.coverage,\n      elevationScale: props.elevationScale,\n      extruded: props.extruded,\n      material: props.material,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      autoHighlight: props.autoHighlight,\n      highlightColor: props.highlightColor,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as GridCellLayerProps);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getPosition,\n      props.getFillColor,\n      props.getElevation,\n      props.cellSize,\n      props.elevationScale,\n      props.opacity,\n      props.visible,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"+oBAuCE,IAAM,EAAQ,EAWR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAc,CACvB,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,YAAa,EAAM,YACnB,aAAc,EAAM,cAAgB,CAAC,IAAK,EAAG,EAAG,IAAG,CACnD,aAAc,EAAM,cAAgB,IACpC,SAAU,EAAM,SAChB,SAAU,EAAM,SAChB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,SAAU,EAAM,SAChB,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,cAAe,EAAM,cACrB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CAC7B,CAAA,CAGnB,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,YACN,EAAM,aACN,EAAM,aACN,EAAM,SACN,EAAM,eACN,EAAM,QACN,EAAM,QACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}

package/dist/{h3-cluster-BqU_KkMN.js → h3-cluster-BsvMbaYv.js}

@@ -1,2 +1,2 @@
-import{c as e,o as t,t as n}from"./symbols-CVfar3bo.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{H3ClusterLayer as c}from"@deck.gl/geo-layers";const l=r({__name:`VLayerDeckglH3Cluster`,props:{id:{},data:{},getHexagons:{},getFillColor:{},getLineColor:{},getElevation:{},filled:{type:Boolean,default:!0},stroked:{type:Boolean,default:!0},extruded:{type:Boolean,default:!1},wireframe:{type:Boolean,default:!1},elevationScale:{default:1},lineWidthUnits:{default:`meters`},lineWidthScale:{default:1},lineWidthMinPixels:{default:0},lineWidthMaxPixels:{default:2**53-1},material:{type:[Boolean,Object]},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!0},autoHighlight:{type:Boolean,default:!1},highlightColor:{},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getHexagons:u.getHexagons,getFillColor:u.getFillColor??[255,0,0,255],getLineColor:u.getLineColor??[0,0,0,255],getElevation:u.getElevation??1e3,filled:u.filled,stroked:u.stroked,extruded:u.extruded,wireframe:u.wireframe,elevationScale:u.elevationScale,lineWidthUnits:u.lineWidthUnits,lineWidthScale:u.lineWidthScale,lineWidthMinPixels:u.lineWidthMinPixels,lineWidthMaxPixels:u.lineWidthMaxPixels,material:u.material,opacity:u.opacity,visible:u.visible,pickable:u.pickable,autoHighlight:u.autoHighlight,highlightColor:u.highlightColor,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getHexagons,u.getFillColor,u.getElevation,u.extruded,u.elevationScale,u.opacity,u.visible],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglH3Cluster};
-//# sourceMappingURL=h3-cluster-BqU_KkMN.js.map
+import{c as e,o as t,t as n}from"./symbols-CFCXX1_B.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{H3ClusterLayer as c}from"@deck.gl/geo-layers";const l=r({__name:`VLayerDeckglH3Cluster`,props:{id:{},data:{},getHexagons:{},getFillColor:{},getLineColor:{},getElevation:{},filled:{type:Boolean,default:!0},stroked:{type:Boolean,default:!0},extruded:{type:Boolean,default:!1},wireframe:{type:Boolean,default:!1},elevationScale:{default:1},lineWidthUnits:{default:`meters`},lineWidthScale:{default:1},lineWidthMinPixels:{default:0},lineWidthMaxPixels:{default:2**53-1},material:{type:[Boolean,Object]},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!0},autoHighlight:{type:Boolean,default:!1},highlightColor:{},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getHexagons:u.getHexagons,getFillColor:u.getFillColor??[255,0,0,255],getLineColor:u.getLineColor??[0,0,0,255],getElevation:u.getElevation??1e3,filled:u.filled,stroked:u.stroked,extruded:u.extruded,wireframe:u.wireframe,elevationScale:u.elevationScale,lineWidthUnits:u.lineWidthUnits,lineWidthScale:u.lineWidthScale,lineWidthMinPixels:u.lineWidthMinPixels,lineWidthMaxPixels:u.lineWidthMaxPixels,material:u.material,opacity:u.opacity,visible:u.visible,pickable:u.pickable,autoHighlight:u.autoHighlight,highlightColor:u.highlightColor,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getHexagons,u.getFillColor,u.getElevation,u.extruded,u.elevationScale,u.opacity,u.visible],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglH3Cluster};
+//# sourceMappingURL=h3-cluster-BsvMbaYv.js.map

package/dist/{h3-cluster-BqU_KkMN.js.map → h3-cluster-BsvMbaYv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"h3-cluster-BqU_KkMN.js","names":[],"sources":["../src/layers/deckgl/h3-cluster/VLayerDeckglH3Cluster.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Render groups of contiguous H3 cells as merged polygons.\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/geo-layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/geo-layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { H3ClusterLayer } from '@deck.gl/geo-layers';\n  import type { H3ClusterLayerProps } from '@deck.gl/geo-layers';\n  import type { Color, PickingInfo } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D[] | string | Promise<D[]>;\n    getHexagons: Accessor<D, string[]>;\n    getFillColor?: Accessor<D, Color>;\n    getLineColor?: Accessor<D, Color>;\n    getElevation?: Accessor<D, number>;\n    filled?: boolean;\n    stroked?: boolean;\n    extruded?: boolean;\n    wireframe?: boolean;\n    elevationScale?: number;\n    lineWidthUnits?: 'meters' | 'common' | 'pixels';\n    lineWidthScale?: number;\n    lineWidthMinPixels?: number;\n    lineWidthMaxPixels?: number;\n    material?: boolean | object;\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    autoHighlight?: boolean;\n    highlightColor?: Color;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    filled: true,\n    stroked: true,\n    extruded: false,\n    wireframe: false,\n    elevationScale: 1,\n    lineWidthUnits: 'meters',\n    lineWidthScale: 1,\n    lineWidthMinPixels: 0,\n    lineWidthMaxPixels: Number.MAX_SAFE_INTEGER,\n    opacity: 1,\n    visible: true,\n    pickable: true,\n    autoHighlight: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new H3ClusterLayer({\n      id: props.id,\n      data: props.data,\n      getHexagons: props.getHexagons,\n      getFillColor: props.getFillColor ?? [255, 0, 0, 255],\n      getLineColor: props.getLineColor ?? [0, 0, 0, 255],\n      getElevation: props.getElevation ?? 1000,\n      filled: props.filled,\n      stroked: props.stroked,\n      extruded: props.extruded,\n      wireframe: props.wireframe,\n      elevationScale: props.elevationScale,\n      lineWidthUnits: props.lineWidthUnits,\n      lineWidthScale: props.lineWidthScale,\n      lineWidthMinPixels: props.lineWidthMinPixels,\n      lineWidthMaxPixels: props.lineWidthMaxPixels,\n      material: props.material,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      autoHighlight: props.autoHighlight,\n      highlightColor: props.highlightColor,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as H3ClusterLayerProps);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getHexagons,\n      props.getFillColor,\n      props.getElevation,\n      props.extruded,\n      props.elevationScale,\n      props.opacity,\n      props.visible,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"i2BA6CE,IAAM,EAAQ,EAgBR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAe,CACxB,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,YAAa,EAAM,YACnB,aAAc,EAAM,cAAgB,CAAC,IAAK,EAAG,EAAG,IAAG,CACnD,aAAc,EAAM,cAAgB,CAAC,EAAG,EAAG,EAAG,IAAG,CACjD,aAAc,EAAM,cAAgB,IACpC,OAAQ,EAAM,OACd,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,UAAW,EAAM,UACjB,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,mBAAoB,EAAM,mBAC1B,mBAAoB,EAAM,mBAC1B,SAAU,EAAM,SAChB,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,cAAe,EAAM,cACrB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CAC5B,CAAA,CAGpB,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,YACN,EAAM,aACN,EAAM,aACN,EAAM,SACN,EAAM,eACN,EAAM,QACN,EAAM,QACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}
+{"version":3,"file":"h3-cluster-BsvMbaYv.js","names":[],"sources":["../src/layers/deckgl/h3-cluster/VLayerDeckglH3Cluster.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Render groups of contiguous H3 cells as merged polygons.\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/geo-layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/geo-layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { H3ClusterLayer } from '@deck.gl/geo-layers';\n  import type { H3ClusterLayerProps } from '@deck.gl/geo-layers';\n  import type { Color, PickingInfo } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D[] | string | Promise<D[]>;\n    getHexagons: Accessor<D, string[]>;\n    getFillColor?: Accessor<D, Color>;\n    getLineColor?: Accessor<D, Color>;\n    getElevation?: Accessor<D, number>;\n    filled?: boolean;\n    stroked?: boolean;\n    extruded?: boolean;\n    wireframe?: boolean;\n    elevationScale?: number;\n    lineWidthUnits?: 'meters' | 'common' | 'pixels';\n    lineWidthScale?: number;\n    lineWidthMinPixels?: number;\n    lineWidthMaxPixels?: number;\n    material?: boolean | object;\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    autoHighlight?: boolean;\n    highlightColor?: Color;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    filled: true,\n    stroked: true,\n    extruded: false,\n    wireframe: false,\n    elevationScale: 1,\n    lineWidthUnits: 'meters',\n    lineWidthScale: 1,\n    lineWidthMinPixels: 0,\n    lineWidthMaxPixels: Number.MAX_SAFE_INTEGER,\n    opacity: 1,\n    visible: true,\n    pickable: true,\n    autoHighlight: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new H3ClusterLayer({\n      id: props.id,\n      data: props.data,\n      getHexagons: props.getHexagons,\n      getFillColor: props.getFillColor ?? [255, 0, 0, 255],\n      getLineColor: props.getLineColor ?? [0, 0, 0, 255],\n      getElevation: props.getElevation ?? 1000,\n      filled: props.filled,\n      stroked: props.stroked,\n      extruded: props.extruded,\n      wireframe: props.wireframe,\n      elevationScale: props.elevationScale,\n      lineWidthUnits: props.lineWidthUnits,\n      lineWidthScale: props.lineWidthScale,\n      lineWidthMinPixels: props.lineWidthMinPixels,\n      lineWidthMaxPixels: props.lineWidthMaxPixels,\n      material: props.material,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      autoHighlight: props.autoHighlight,\n      highlightColor: props.highlightColor,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as H3ClusterLayerProps);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getHexagons,\n      props.getFillColor,\n      props.getElevation,\n      props.extruded,\n      props.elevationScale,\n      props.opacity,\n      props.visible,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"i2BA6CE,IAAM,EAAQ,EAgBR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAe,CACxB,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,YAAa,EAAM,YACnB,aAAc,EAAM,cAAgB,CAAC,IAAK,EAAG,EAAG,IAAG,CACnD,aAAc,EAAM,cAAgB,CAAC,EAAG,EAAG,EAAG,IAAG,CACjD,aAAc,EAAM,cAAgB,IACpC,OAAQ,EAAM,OACd,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,UAAW,EAAM,UACjB,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,mBAAoB,EAAM,mBAC1B,mBAAoB,EAAM,mBAC1B,SAAU,EAAM,SAChB,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,cAAe,EAAM,cACrB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CAC5B,CAAA,CAGpB,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,YACN,EAAM,aACN,EAAM,aACN,EAAM,SACN,EAAM,eACN,EAAM,QACN,EAAM,QACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}

package/dist/{h3-hexagon-E-7rMATA.js → h3-hexagon-Cx1qlgKb.js}

@@ -1,2 +1,2 @@
-import{c as e,o as t,t as n}from"./symbols-CVfar3bo.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{H3HexagonLayer as c}from"@deck.gl/geo-layers";const l=r({__name:`VLayerDeckglH3Hexagon`,props:{id:{},data:{},getHexagon:{},getFillColor:{},getLineColor:{},getElevation:{},highPrecision:{type:[Boolean,String],default:`auto`},coverage:{default:1},elevationScale:{default:1},filled:{type:Boolean,default:!0},stroked:{type:Boolean,default:!0},extruded:{type:Boolean,default:!1},wireframe:{type:Boolean,default:!1},lineWidthUnits:{default:`meters`},lineWidthScale:{default:1},lineWidthMinPixels:{default:0},lineWidthMaxPixels:{default:2**53-1},material:{type:[Boolean,Object]},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!0},autoHighlight:{type:Boolean,default:!1},highlightColor:{},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getHexagon:u.getHexagon,getFillColor:u.getFillColor??[255,0,0,255],getLineColor:u.getLineColor??[0,0,0,255],getElevation:u.getElevation??1e3,highPrecision:u.highPrecision,coverage:u.coverage,elevationScale:u.elevationScale,filled:u.filled,stroked:u.stroked,extruded:u.extruded,wireframe:u.wireframe,lineWidthUnits:u.lineWidthUnits,lineWidthScale:u.lineWidthScale,lineWidthMinPixels:u.lineWidthMinPixels,lineWidthMaxPixels:u.lineWidthMaxPixels,material:u.material,opacity:u.opacity,visible:u.visible,pickable:u.pickable,autoHighlight:u.autoHighlight,highlightColor:u.highlightColor,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getHexagon,u.getFillColor,u.getElevation,u.extruded,u.elevationScale,u.opacity,u.visible],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglH3Hexagon};
-//# sourceMappingURL=h3-hexagon-E-7rMATA.js.map
+import{c as e,o as t,t as n}from"./symbols-CFCXX1_B.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{H3HexagonLayer as c}from"@deck.gl/geo-layers";const l=r({__name:`VLayerDeckglH3Hexagon`,props:{id:{},data:{},getHexagon:{},getFillColor:{},getLineColor:{},getElevation:{},highPrecision:{type:[Boolean,String],default:`auto`},coverage:{default:1},elevationScale:{default:1},filled:{type:Boolean,default:!0},stroked:{type:Boolean,default:!0},extruded:{type:Boolean,default:!1},wireframe:{type:Boolean,default:!1},lineWidthUnits:{default:`meters`},lineWidthScale:{default:1},lineWidthMinPixels:{default:0},lineWidthMaxPixels:{default:2**53-1},material:{type:[Boolean,Object]},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!0},autoHighlight:{type:Boolean,default:!1},highlightColor:{},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getHexagon:u.getHexagon,getFillColor:u.getFillColor??[255,0,0,255],getLineColor:u.getLineColor??[0,0,0,255],getElevation:u.getElevation??1e3,highPrecision:u.highPrecision,coverage:u.coverage,elevationScale:u.elevationScale,filled:u.filled,stroked:u.stroked,extruded:u.extruded,wireframe:u.wireframe,lineWidthUnits:u.lineWidthUnits,lineWidthScale:u.lineWidthScale,lineWidthMinPixels:u.lineWidthMinPixels,lineWidthMaxPixels:u.lineWidthMaxPixels,material:u.material,opacity:u.opacity,visible:u.visible,pickable:u.pickable,autoHighlight:u.autoHighlight,highlightColor:u.highlightColor,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getHexagon,u.getFillColor,u.getElevation,u.extruded,u.elevationScale,u.opacity,u.visible],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglH3Hexagon};
+//# sourceMappingURL=h3-hexagon-Cx1qlgKb.js.map

package/dist/{h3-hexagon-E-7rMATA.js.map → h3-hexagon-Cx1qlgKb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"h3-hexagon-E-7rMATA.js","names":[],"sources":["../src/layers/deckgl/h3-hexagon/VLayerDeckglH3Hexagon.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Render Uber H3 hexagons as individual filled cells.\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/geo-layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/geo-layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { H3HexagonLayer } from '@deck.gl/geo-layers';\n  import type { H3HexagonLayerProps } from '@deck.gl/geo-layers';\n  import type { Color, PickingInfo } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D[] | string | Promise<D[]>;\n    getHexagon: Accessor<D, string>;\n    getFillColor?: Accessor<D, Color>;\n    getLineColor?: Accessor<D, Color>;\n    getElevation?: Accessor<D, number>;\n    highPrecision?: boolean | 'auto';\n    coverage?: number;\n    elevationScale?: number;\n    filled?: boolean;\n    stroked?: boolean;\n    extruded?: boolean;\n    wireframe?: boolean;\n    lineWidthUnits?: 'meters' | 'common' | 'pixels';\n    lineWidthScale?: number;\n    lineWidthMinPixels?: number;\n    lineWidthMaxPixels?: number;\n    material?: boolean | object;\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    autoHighlight?: boolean;\n    highlightColor?: Color;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    highPrecision: 'auto',\n    coverage: 1,\n    elevationScale: 1,\n    filled: true,\n    stroked: true,\n    extruded: false,\n    wireframe: false,\n    lineWidthUnits: 'meters',\n    lineWidthScale: 1,\n    lineWidthMinPixels: 0,\n    lineWidthMaxPixels: Number.MAX_SAFE_INTEGER,\n    opacity: 1,\n    visible: true,\n    pickable: true,\n    autoHighlight: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new H3HexagonLayer({\n      id: props.id,\n      data: props.data,\n      getHexagon: props.getHexagon,\n      getFillColor: props.getFillColor ?? [255, 0, 0, 255],\n      getLineColor: props.getLineColor ?? [0, 0, 0, 255],\n      getElevation: props.getElevation ?? 1000,\n      highPrecision: props.highPrecision,\n      coverage: props.coverage,\n      elevationScale: props.elevationScale,\n      filled: props.filled,\n      stroked: props.stroked,\n      extruded: props.extruded,\n      wireframe: props.wireframe,\n      lineWidthUnits: props.lineWidthUnits,\n      lineWidthScale: props.lineWidthScale,\n      lineWidthMinPixels: props.lineWidthMinPixels,\n      lineWidthMaxPixels: props.lineWidthMaxPixels,\n      material: props.material,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      autoHighlight: props.autoHighlight,\n      highlightColor: props.highlightColor,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as H3HexagonLayerProps);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getHexagon,\n      props.getFillColor,\n      props.getElevation,\n      props.extruded,\n      props.elevationScale,\n      props.opacity,\n      props.visible,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"06BA+CE,IAAM,EAAQ,EAkBR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAe,CACxB,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,WAAY,EAAM,WAClB,aAAc,EAAM,cAAgB,CAAC,IAAK,EAAG,EAAG,IAAG,CACnD,aAAc,EAAM,cAAgB,CAAC,EAAG,EAAG,EAAG,IAAG,CACjD,aAAc,EAAM,cAAgB,IACpC,cAAe,EAAM,cACrB,SAAU,EAAM,SAChB,eAAgB,EAAM,eACtB,OAAQ,EAAM,OACd,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,UAAW,EAAM,UACjB,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,mBAAoB,EAAM,mBAC1B,mBAAoB,EAAM,mBAC1B,SAAU,EAAM,SAChB,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,cAAe,EAAM,cACrB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CAC5B,CAAA,CAGpB,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,WACN,EAAM,aACN,EAAM,aACN,EAAM,SACN,EAAM,eACN,EAAM,QACN,EAAM,QACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}
+{"version":3,"file":"h3-hexagon-Cx1qlgKb.js","names":[],"sources":["../src/layers/deckgl/h3-hexagon/VLayerDeckglH3Hexagon.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Render Uber H3 hexagons as individual filled cells.\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/geo-layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/geo-layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { H3HexagonLayer } from '@deck.gl/geo-layers';\n  import type { H3HexagonLayerProps } from '@deck.gl/geo-layers';\n  import type { Color, PickingInfo } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D[] | string | Promise<D[]>;\n    getHexagon: Accessor<D, string>;\n    getFillColor?: Accessor<D, Color>;\n    getLineColor?: Accessor<D, Color>;\n    getElevation?: Accessor<D, number>;\n    highPrecision?: boolean | 'auto';\n    coverage?: number;\n    elevationScale?: number;\n    filled?: boolean;\n    stroked?: boolean;\n    extruded?: boolean;\n    wireframe?: boolean;\n    lineWidthUnits?: 'meters' | 'common' | 'pixels';\n    lineWidthScale?: number;\n    lineWidthMinPixels?: number;\n    lineWidthMaxPixels?: number;\n    material?: boolean | object;\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    autoHighlight?: boolean;\n    highlightColor?: Color;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    highPrecision: 'auto',\n    coverage: 1,\n    elevationScale: 1,\n    filled: true,\n    stroked: true,\n    extruded: false,\n    wireframe: false,\n    lineWidthUnits: 'meters',\n    lineWidthScale: 1,\n    lineWidthMinPixels: 0,\n    lineWidthMaxPixels: Number.MAX_SAFE_INTEGER,\n    opacity: 1,\n    visible: true,\n    pickable: true,\n    autoHighlight: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new H3HexagonLayer({\n      id: props.id,\n      data: props.data,\n      getHexagon: props.getHexagon,\n      getFillColor: props.getFillColor ?? [255, 0, 0, 255],\n      getLineColor: props.getLineColor ?? [0, 0, 0, 255],\n      getElevation: props.getElevation ?? 1000,\n      highPrecision: props.highPrecision,\n      coverage: props.coverage,\n      elevationScale: props.elevationScale,\n      filled: props.filled,\n      stroked: props.stroked,\n      extruded: props.extruded,\n      wireframe: props.wireframe,\n      lineWidthUnits: props.lineWidthUnits,\n      lineWidthScale: props.lineWidthScale,\n      lineWidthMinPixels: props.lineWidthMinPixels,\n      lineWidthMaxPixels: props.lineWidthMaxPixels,\n      material: props.material,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      autoHighlight: props.autoHighlight,\n      highlightColor: props.highlightColor,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as H3HexagonLayerProps);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getHexagon,\n      props.getFillColor,\n      props.getElevation,\n      props.extruded,\n      props.elevationScale,\n      props.opacity,\n      props.visible,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"06BA+CE,IAAM,EAAQ,EAkBR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAe,CACxB,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,WAAY,EAAM,WAClB,aAAc,EAAM,cAAgB,CAAC,IAAK,EAAG,EAAG,IAAG,CACnD,aAAc,EAAM,cAAgB,CAAC,EAAG,EAAG,EAAG,IAAG,CACjD,aAAc,EAAM,cAAgB,IACpC,cAAe,EAAM,cACrB,SAAU,EAAM,SAChB,eAAgB,EAAM,eACtB,OAAQ,EAAM,OACd,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,UAAW,EAAM,UACjB,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,mBAAoB,EAAM,mBAC1B,mBAAoB,EAAM,mBAC1B,SAAU,EAAM,SAChB,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,cAAe,EAAM,cACrB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CAC5B,CAAA,CAGpB,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,WACN,EAAM,aACN,EAAM,aACN,EAAM,SACN,EAAM,eACN,EAAM,QACN,EAAM,QACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}

package/dist/{heatmap-CToABGhe.js → heatmap-ByafStP6.js}

@@ -1,2 +1,2 @@
-import{c as e,o as t,t as n}from"./symbols-CVfar3bo.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{HeatmapLayer as c}from"@deck.gl/aggregation-layers";const l=r({__name:`VLayerDeckglHeatmap`,props:{id:{},data:{},getPosition:{},getWeight:{},intensity:{default:1},radiusPixels:{default:30},colorRange:{},threshold:{default:.05},colorDomain:{},aggregation:{default:`SUM`},weightsTextureSize:{default:2048},debounceTimeout:{default:500},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!1},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getPosition:u.getPosition,getWeight:u.getWeight??1,intensity:u.intensity,radiusPixels:u.radiusPixels,colorRange:u.colorRange,threshold:u.threshold,colorDomain:u.colorDomain,aggregation:u.aggregation,weightsTextureSize:u.weightsTextureSize,debounceTimeout:u.debounceTimeout,opacity:u.opacity,visible:u.visible,pickable:u.pickable,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getPosition,u.getWeight,u.intensity,u.radiusPixels,u.opacity,u.visible],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglHeatmap};
-//# sourceMappingURL=heatmap-CToABGhe.js.map
+import{c as e,o as t,t as n}from"./symbols-CFCXX1_B.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{HeatmapLayer as c}from"@deck.gl/aggregation-layers";const l=r({__name:`VLayerDeckglHeatmap`,props:{id:{},data:{},getPosition:{},getWeight:{},intensity:{default:1},radiusPixels:{default:30},colorRange:{},threshold:{default:.05},colorDomain:{},aggregation:{default:`SUM`},weightsTextureSize:{default:2048},debounceTimeout:{default:500},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!1},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getPosition:u.getPosition,getWeight:u.getWeight??1,intensity:u.intensity,radiusPixels:u.radiusPixels,colorRange:u.colorRange,threshold:u.threshold,colorDomain:u.colorDomain,aggregation:u.aggregation,weightsTextureSize:u.weightsTextureSize,debounceTimeout:u.debounceTimeout,opacity:u.opacity,visible:u.visible,pickable:u.pickable,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getPosition,u.getWeight,u.intensity,u.radiusPixels,u.opacity,u.visible],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglHeatmap};
+//# sourceMappingURL=heatmap-ByafStP6.js.map

package/dist/{heatmap-CToABGhe.js.map → heatmap-ByafStP6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"heatmap-CToABGhe.js","names":[],"sources":["../src/layers/deckgl/heatmap/VLayerDeckglHeatmap.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Gaussian-kernel heatmap from point data, GPU-aggregated.\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/aggregation-layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/aggregation-layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { HeatmapLayer } from '@deck.gl/aggregation-layers';\n  import type { PickingInfo, Position } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n  import type { Color } from '../_shared/types';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D[] | string | Promise<D[]>;\n    getPosition: Accessor<D, Position>;\n    getWeight?: Accessor<D, number>;\n    intensity?: number;\n    radiusPixels?: number;\n    colorRange?: Color[];\n    threshold?: number;\n    colorDomain?: [number, number];\n    aggregation?: 'SUM' | 'MEAN';\n    weightsTextureSize?: number;\n    debounceTimeout?: number;\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    intensity: 1,\n    radiusPixels: 30,\n    threshold: 0.05,\n    aggregation: 'SUM',\n    weightsTextureSize: 2048,\n    debounceTimeout: 500,\n    opacity: 1,\n    visible: true,\n    pickable: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new HeatmapLayer({\n      id: props.id,\n      data: props.data,\n      getPosition: props.getPosition,\n      getWeight: props.getWeight ?? 1,\n      intensity: props.intensity,\n      radiusPixels: props.radiusPixels,\n      colorRange: props.colorRange,\n      threshold: props.threshold,\n      colorDomain: props.colorDomain,\n      aggregation: props.aggregation,\n      weightsTextureSize: props.weightsTextureSize,\n      debounceTimeout: props.debounceTimeout,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as unknown as ConstructorParameters<typeof HeatmapLayer>[0]);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getPosition,\n      props.getWeight,\n      props.intensity,\n      props.radiusPixels,\n      props.opacity,\n      props.visible,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"koBAuCE,IAAM,EAAQ,EAYR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAa,CACtB,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,YAAa,EAAM,YACnB,UAAW,EAAM,WAAa,EAC9B,UAAW,EAAM,UACjB,aAAc,EAAM,aACpB,WAAY,EAAM,WAClB,UAAW,EAAM,UACjB,YAAa,EAAM,YACnB,YAAa,EAAM,YACnB,mBAAoB,EAAM,mBAC1B,gBAAiB,EAAM,gBACvB,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CACS,CAAA,CAGzD,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,YACN,EAAM,UACN,EAAM,UACN,EAAM,aACN,EAAM,QACN,EAAM,QACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}
+{"version":3,"file":"heatmap-ByafStP6.js","names":[],"sources":["../src/layers/deckgl/heatmap/VLayerDeckglHeatmap.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Gaussian-kernel heatmap from point data, GPU-aggregated.\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/aggregation-layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/aggregation-layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { HeatmapLayer } from '@deck.gl/aggregation-layers';\n  import type { PickingInfo, Position } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n  import type { Color } from '../_shared/types';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D[] | string | Promise<D[]>;\n    getPosition: Accessor<D, Position>;\n    getWeight?: Accessor<D, number>;\n    intensity?: number;\n    radiusPixels?: number;\n    colorRange?: Color[];\n    threshold?: number;\n    colorDomain?: [number, number];\n    aggregation?: 'SUM' | 'MEAN';\n    weightsTextureSize?: number;\n    debounceTimeout?: number;\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    intensity: 1,\n    radiusPixels: 30,\n    threshold: 0.05,\n    aggregation: 'SUM',\n    weightsTextureSize: 2048,\n    debounceTimeout: 500,\n    opacity: 1,\n    visible: true,\n    pickable: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new HeatmapLayer({\n      id: props.id,\n      data: props.data,\n      getPosition: props.getPosition,\n      getWeight: props.getWeight ?? 1,\n      intensity: props.intensity,\n      radiusPixels: props.radiusPixels,\n      colorRange: props.colorRange,\n      threshold: props.threshold,\n      colorDomain: props.colorDomain,\n      aggregation: props.aggregation,\n      weightsTextureSize: props.weightsTextureSize,\n      debounceTimeout: props.debounceTimeout,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as unknown as ConstructorParameters<typeof HeatmapLayer>[0]);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getPosition,\n      props.getWeight,\n      props.intensity,\n      props.radiusPixels,\n      props.opacity,\n      props.visible,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"koBAuCE,IAAM,EAAQ,EAYR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAa,CACtB,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,YAAa,EAAM,YACnB,UAAW,EAAM,WAAa,EAC9B,UAAW,EAAM,UACjB,aAAc,EAAM,aACpB,WAAY,EAAM,WAClB,UAAW,EAAM,UACjB,YAAa,EAAM,YACnB,YAAa,EAAM,YACnB,mBAAoB,EAAM,mBAC1B,gBAAiB,EAAM,gBACvB,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CACS,CAAA,CAGzD,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,YACN,EAAM,UACN,EAAM,UACN,EAAM,aACN,EAAM,QACN,EAAM,QACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}

package/dist/hexagon-CWRkTkkj.js

@@ -0,0 +1,2 @@
+import{c as e,o as t,t as n}from"./symbols-CFCXX1_B.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{HexagonLayer as c}from"@deck.gl/aggregation-layers";const l=r({__name:`VLayerDeckglHexagon`,props:{id:{},data:{},getPosition:{},getColorWeight:{},getElevationWeight:{},gpuAggregation:{type:Boolean,default:!1},radius:{default:1e3},elevationScale:{default:1},elevationRange:{},colorRange:{},colorDomain:{},coverage:{default:1},extruded:{type:Boolean,default:!1},upperPercentile:{default:100},lowerPercentile:{default:0},elevationUpperPercentile:{default:100},elevationLowerPercentile:{default:0},colorScaleType:{default:`quantize`},material:{type:[Boolean,Object]},colorAggregation:{default:`SUM`},elevationAggregation:{default:`SUM`},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!0},autoHighlight:{type:Boolean,default:!1},highlightColor:{},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getPosition:u.getPosition,getColorWeight:u.getColorWeight??(()=>1),getElevationWeight:u.getElevationWeight??(()=>1),gpuAggregation:u.gpuAggregation,radius:u.radius,elevationScale:u.elevationScale,elevationRange:u.elevationRange,colorRange:u.colorRange,colorDomain:u.colorDomain,coverage:u.coverage,extruded:u.extruded,upperPercentile:u.upperPercentile,lowerPercentile:u.lowerPercentile,elevationUpperPercentile:u.elevationUpperPercentile,elevationLowerPercentile:u.elevationLowerPercentile,colorScaleType:u.colorScaleType,material:u.material,colorAggregation:u.colorAggregation,elevationAggregation:u.elevationAggregation,opacity:u.opacity,visible:u.visible,pickable:u.pickable,autoHighlight:u.autoHighlight,highlightColor:u.highlightColor,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getPosition,u.radius,u.elevationScale,u.opacity,u.visible,u.extruded],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglHexagon};
+//# sourceMappingURL=hexagon-CWRkTkkj.js.map

package/dist/hexagon-CWRkTkkj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hexagon-CWRkTkkj.js","names":[],"sources":["../src/layers/deckgl/hexagon/VLayerDeckglHexagon.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Aggregate points into screen-resolved hexagons with extrusion.\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/aggregation-layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/aggregation-layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { HexagonLayer } from '@deck.gl/aggregation-layers';\n  import type { PickingInfo, Position } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n  import type { Color } from '../_shared/types';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D[] | string | Promise<D[]>;\n    getPosition: Accessor<D, Position>;\n    getColorWeight?: Accessor<D, number>;\n    getElevationWeight?: Accessor<D, number>;\n    gpuAggregation?: boolean;\n    radius?: number;\n    elevationScale?: number;\n    elevationRange?: [number, number];\n    colorRange?: Color[];\n    colorDomain?: [number, number];\n    coverage?: number;\n    extruded?: boolean;\n    upperPercentile?: number;\n    lowerPercentile?: number;\n    elevationUpperPercentile?: number;\n    elevationLowerPercentile?: number;\n    colorScaleType?: 'quantize' | 'linear' | 'quantile' | 'ordinal';\n    material?: boolean | object;\n    colorAggregation?: 'SUM' | 'MEAN' | 'MIN' | 'MAX' | 'COUNT';\n    elevationAggregation?: 'SUM' | 'MEAN' | 'MIN' | 'MAX' | 'COUNT';\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    autoHighlight?: boolean;\n    highlightColor?: Color;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    gpuAggregation: false,\n    radius: 1000,\n    elevationScale: 1,\n    coverage: 1,\n    extruded: false,\n    upperPercentile: 100,\n    lowerPercentile: 0,\n    elevationUpperPercentile: 100,\n    elevationLowerPercentile: 0,\n    colorScaleType: 'quantize',\n    colorAggregation: 'SUM',\n    elevationAggregation: 'SUM',\n    opacity: 1,\n    visible: true,\n    pickable: true,\n    autoHighlight: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new HexagonLayer({\n      id: props.id,\n      data: props.data,\n      getPosition: props.getPosition,\n      getColorWeight: props.getColorWeight ?? (() => 1),\n      getElevationWeight: props.getElevationWeight ?? (() => 1),\n      gpuAggregation: props.gpuAggregation,\n      radius: props.radius,\n      elevationScale: props.elevationScale,\n      elevationRange: props.elevationRange,\n      colorRange: props.colorRange,\n      colorDomain: props.colorDomain,\n      coverage: props.coverage,\n      extruded: props.extruded,\n      upperPercentile: props.upperPercentile,\n      lowerPercentile: props.lowerPercentile,\n      elevationUpperPercentile: props.elevationUpperPercentile,\n      elevationLowerPercentile: props.elevationLowerPercentile,\n      colorScaleType: props.colorScaleType,\n      material: props.material,\n      colorAggregation: props.colorAggregation,\n      elevationAggregation: props.elevationAggregation,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      autoHighlight: props.autoHighlight,\n      highlightColor: props.highlightColor,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as unknown as ConstructorParameters<typeof HexagonLayer>[0]);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getPosition,\n      props.radius,\n      props.elevationScale,\n      props.opacity,\n      props.visible,\n      props.extruded,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"u+BAkDE,IAAM,EAAQ,EAmBR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAa,CACtB,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,YAAa,EAAM,YACnB,eAAgB,EAAM,qBAAyB,GAC/C,mBAAoB,EAAM,yBAA6B,GACvD,eAAgB,EAAM,eACtB,OAAQ,EAAM,OACd,eAAgB,EAAM,eACtB,eAAgB,EAAM,eACtB,WAAY,EAAM,WAClB,YAAa,EAAM,YACnB,SAAU,EAAM,SAChB,SAAU,EAAM,SAChB,gBAAiB,EAAM,gBACvB,gBAAiB,EAAM,gBACvB,yBAA0B,EAAM,yBAChC,yBAA0B,EAAM,yBAChC,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,iBAAkB,EAAM,iBACxB,qBAAsB,EAAM,qBAC5B,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,cAAe,EAAM,cACrB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CACS,CAAA,CAGzD,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,YACN,EAAM,OACN,EAAM,eACN,EAAM,QACN,EAAM,QACN,EAAM,SACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}

package/dist/{icon-dGkYJha7.js → icon-WggKPJv7.js}

@@ -1,2 +1,2 @@
-import{c as e,o as t,t as n}from"./symbols-CVfar3bo.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{IconLayer as c}from"@deck.gl/layers";const l=r({__name:`VLayerDeckglIcon`,props:{id:{},data:{},getPosition:{},getIcon:{},getSize:{},getColor:{},getAngle:{},iconAtlas:{},iconMapping:{},sizeScale:{default:1},sizeUnits:{default:`pixels`},sizeMinPixels:{default:0},sizeMaxPixels:{default:2**53-1},billboard:{type:Boolean,default:!0},alphaCutoff:{default:.05},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!0},autoHighlight:{type:Boolean,default:!1},highlightColor:{},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getPosition:u.getPosition,getIcon:u.getIcon??`marker`,getSize:u.getSize??1,getColor:u.getColor??[255,255,255,255],getAngle:u.getAngle??0,iconAtlas:u.iconAtlas,iconMapping:u.iconMapping,sizeScale:u.sizeScale,sizeUnits:u.sizeUnits,sizeMinPixels:u.sizeMinPixels,sizeMaxPixels:u.sizeMaxPixels,billboard:u.billboard,alphaCutoff:u.alphaCutoff,opacity:u.opacity,visible:u.visible,pickable:u.pickable,autoHighlight:u.autoHighlight,highlightColor:u.highlightColor,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getPosition,u.getIcon,u.getSize,u.getColor,u.opacity,u.visible],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglIcon};
-//# sourceMappingURL=icon-dGkYJha7.js.map
+import{c as e,o as t,t as n}from"./symbols-CFCXX1_B.js";import{defineComponent as r,onBeforeUnmount as i,onMounted as a,renderSlot as o,watch as s}from"vue";import{IconLayer as c}from"@deck.gl/layers";const l=r({__name:`VLayerDeckglIcon`,props:{id:{},data:{},getPosition:{},getIcon:{},getSize:{},getColor:{},getAngle:{},iconAtlas:{},iconMapping:{},sizeScale:{default:1},sizeUnits:{default:`pixels`},sizeMinPixels:{default:0},sizeMaxPixels:{default:2**53-1},billboard:{type:Boolean,default:!0},alphaCutoff:{default:.05},opacity:{default:1},visible:{type:Boolean,default:!0},pickable:{type:Boolean,default:!0},autoHighlight:{type:Boolean,default:!1},highlightColor:{},beforeId:{}},emits:[`click`,`hover`],setup(r,{emit:l}){let u=r,d=l,f=e(n),{addLayer:p,removeLayer:m,updateLayer:h}=t(f),g=()=>new c({id:u.id,data:u.data,getPosition:u.getPosition,getIcon:u.getIcon??`marker`,getSize:u.getSize??1,getColor:u.getColor??[255,255,255,255],getAngle:u.getAngle??0,iconAtlas:u.iconAtlas,iconMapping:u.iconMapping,sizeScale:u.sizeScale,sizeUnits:u.sizeUnits,sizeMinPixels:u.sizeMinPixels,sizeMaxPixels:u.sizeMaxPixels,billboard:u.billboard,alphaCutoff:u.alphaCutoff,opacity:u.opacity,visible:u.visible,pickable:u.pickable,autoHighlight:u.autoHighlight,highlightColor:u.highlightColor,beforeId:u.beforeId,onClick:e=>d(`click`,e),onHover:e=>d(`hover`,e)}),_=()=>{p(g())};return a(()=>{f.value?.isStyleLoaded()?_():f.value?.once(`style.load`,_)}),s(()=>[u.data,u.getPosition,u.getIcon,u.getSize,u.getColor,u.opacity,u.visible],()=>h(u.id,g()),{deep:!0}),i(()=>{m(u.id)}),(e,t)=>o(e.$slots,`default`)}});export{l as VLayerDeckglIcon};
+//# sourceMappingURL=icon-WggKPJv7.js.map

package/dist/{icon-dGkYJha7.js.map → icon-WggKPJv7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-dGkYJha7.js","names":[],"sources":["../src/layers/deckgl/icon/VLayerDeckglIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Sprite-sheet icon layer for many marker-like points (cheaper than DOM markers).\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { IconLayer } from '@deck.gl/layers';\n  import type { IconLayerProps } from '@deck.gl/layers';\n  import type { PickingInfo, Position } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n  import type { Color } from '../_shared/types';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface IconMapping {\n    [key: string]: {\n      x: number;\n      y: number;\n      width: number;\n      height: number;\n      anchorX?: number;\n      anchorY?: number;\n      mask?: boolean;\n    };\n  }\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D[] | string | Promise<D[]>;\n    getPosition: Accessor<D, Position>;\n    getIcon?: Accessor<D, string | object>;\n    getSize?: Accessor<D, number>;\n    getColor?: Accessor<D, Color>;\n    getAngle?: Accessor<D, number>;\n    iconAtlas?: string;\n    iconMapping?: IconMapping | string;\n    sizeScale?: number;\n    sizeUnits?: 'meters' | 'common' | 'pixels';\n    sizeMinPixels?: number;\n    sizeMaxPixels?: number;\n    billboard?: boolean;\n    alphaCutoff?: number;\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    autoHighlight?: boolean;\n    highlightColor?: Color;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    sizeScale: 1,\n    sizeUnits: 'pixels',\n    sizeMinPixels: 0,\n    sizeMaxPixels: Number.MAX_SAFE_INTEGER,\n    billboard: true,\n    alphaCutoff: 0.05,\n    opacity: 1,\n    visible: true,\n    pickable: true,\n    autoHighlight: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new IconLayer({\n      id: props.id,\n      data: props.data,\n      getPosition: props.getPosition,\n      getIcon: props.getIcon ?? 'marker',\n      getSize: props.getSize ?? 1,\n      getColor: props.getColor ?? [255, 255, 255, 255],\n      getAngle: props.getAngle ?? 0,\n      iconAtlas: props.iconAtlas,\n      iconMapping: props.iconMapping,\n      sizeScale: props.sizeScale,\n      sizeUnits: props.sizeUnits,\n      sizeMinPixels: props.sizeMinPixels,\n      sizeMaxPixels: props.sizeMaxPixels,\n      billboard: props.billboard,\n      alphaCutoff: props.alphaCutoff,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      autoHighlight: props.autoHighlight,\n      highlightColor: props.highlightColor,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as IconLayerProps);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getPosition,\n      props.getIcon,\n      props.getSize,\n      props.getColor,\n      props.opacity,\n      props.visible,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"itBAyDE,IAAM,EAAQ,EAaR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAU,CACnB,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,YAAa,EAAM,YACnB,QAAS,EAAM,SAAW,SAC1B,QAAS,EAAM,SAAW,EAC1B,SAAU,EAAM,UAAY,CAAC,IAAK,IAAK,IAAK,IAAG,CAC/C,SAAU,EAAM,UAAY,EAC5B,UAAW,EAAM,UACjB,YAAa,EAAM,YACnB,UAAW,EAAM,UACjB,UAAW,EAAM,UACjB,cAAe,EAAM,cACrB,cAAe,EAAM,cACrB,UAAW,EAAM,UACjB,YAAa,EAAM,YACnB,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,cAAe,EAAM,cACrB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CACjC,CAAA,CAGf,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,YACN,EAAM,QACN,EAAM,QACN,EAAM,SACN,EAAM,QACN,EAAM,QACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}
+{"version":3,"file":"icon-WggKPJv7.js","names":[],"sources":["../src/layers/deckgl/icon/VLayerDeckglIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  /**\n   * Sprite-sheet icon layer for many marker-like points (cheaper than DOM markers).\n   *\n   * @requires `@deck.gl/core`\n   * @requires `@deck.gl/mapbox`\n   * @requires `@deck.gl/layers`\n   *\n   * Install with:\n   * `pnpm add @deck.gl/core @deck.gl/mapbox @deck.gl/layers`\n   */\n  import { onMounted, onBeforeUnmount, watch } from 'vue';\n  import { IconLayer } from '@deck.gl/layers';\n  import type { IconLayerProps } from '@deck.gl/layers';\n  import type { PickingInfo, Position } from '@deck.gl/core';\n  import { injectStrict, MapKey } from '../../../utils';\n  import { useDeckOverlay } from '../_shared/useDeckOverlay';\n  import type { Color } from '../_shared/types';\n\n  type Accessor<In, Out> = Out | ((object: In) => Out);\n\n  interface IconMapping {\n    [key: string]: {\n      x: number;\n      y: number;\n      width: number;\n      height: number;\n      anchorX?: number;\n      anchorY?: number;\n      mask?: boolean;\n    };\n  }\n\n  interface Props<D = unknown> {\n    id: string;\n    data: D[] | string | Promise<D[]>;\n    getPosition: Accessor<D, Position>;\n    getIcon?: Accessor<D, string | object>;\n    getSize?: Accessor<D, number>;\n    getColor?: Accessor<D, Color>;\n    getAngle?: Accessor<D, number>;\n    iconAtlas?: string;\n    iconMapping?: IconMapping | string;\n    sizeScale?: number;\n    sizeUnits?: 'meters' | 'common' | 'pixels';\n    sizeMinPixels?: number;\n    sizeMaxPixels?: number;\n    billboard?: boolean;\n    alphaCutoff?: number;\n    opacity?: number;\n    visible?: boolean;\n    pickable?: boolean;\n    autoHighlight?: boolean;\n    highlightColor?: Color;\n    beforeId?: string;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    sizeScale: 1,\n    sizeUnits: 'pixels',\n    sizeMinPixels: 0,\n    sizeMaxPixels: Number.MAX_SAFE_INTEGER,\n    billboard: true,\n    alphaCutoff: 0.05,\n    opacity: 1,\n    visible: true,\n    pickable: true,\n    autoHighlight: false,\n  });\n\n  const emit = defineEmits<{\n    click: [info: PickingInfo];\n    hover: [info: PickingInfo];\n  }>();\n\n  const map = injectStrict(MapKey);\n  const { addLayer, removeLayer, updateLayer } = useDeckOverlay(map);\n\n  const createLayer = () => {\n    return new IconLayer({\n      id: props.id,\n      data: props.data,\n      getPosition: props.getPosition,\n      getIcon: props.getIcon ?? 'marker',\n      getSize: props.getSize ?? 1,\n      getColor: props.getColor ?? [255, 255, 255, 255],\n      getAngle: props.getAngle ?? 0,\n      iconAtlas: props.iconAtlas,\n      iconMapping: props.iconMapping,\n      sizeScale: props.sizeScale,\n      sizeUnits: props.sizeUnits,\n      sizeMinPixels: props.sizeMinPixels,\n      sizeMaxPixels: props.sizeMaxPixels,\n      billboard: props.billboard,\n      alphaCutoff: props.alphaCutoff,\n      opacity: props.opacity,\n      visible: props.visible,\n      pickable: props.pickable,\n      autoHighlight: props.autoHighlight,\n      highlightColor: props.highlightColor,\n      beforeId: props.beforeId,\n      onClick: (info: PickingInfo) => emit('click', info),\n      onHover: (info: PickingInfo) => emit('hover', info),\n    } as IconLayerProps);\n  };\n\n  const initializeLayer = () => {\n    addLayer(createLayer());\n  };\n\n  onMounted(() => {\n    if (map.value?.isStyleLoaded()) {\n      initializeLayer();\n    } else {\n      map.value?.once('style.load', initializeLayer);\n    }\n  });\n\n  watch(\n    () => [\n      props.data,\n      props.getPosition,\n      props.getIcon,\n      props.getSize,\n      props.getColor,\n      props.opacity,\n      props.visible,\n    ],\n    () => updateLayer(props.id, createLayer()),\n    { deep: true },\n  );\n\n  onBeforeUnmount(() => {\n    removeLayer(props.id);\n  });\n</script>\n\n<template>\n  <slot></slot>\n</template>\n"],"mappings":"itBAyDE,IAAM,EAAQ,EAaR,EAAO,EAKP,EAAM,EAAa,EAAM,CACzB,CAAE,WAAU,cAAa,eAAgB,EAAe,EAAG,CAE3D,MACG,IAAI,EAAU,CACnB,GAAI,EAAM,GACV,KAAM,EAAM,KACZ,YAAa,EAAM,YACnB,QAAS,EAAM,SAAW,SAC1B,QAAS,EAAM,SAAW,EAC1B,SAAU,EAAM,UAAY,CAAC,IAAK,IAAK,IAAK,IAAG,CAC/C,SAAU,EAAM,UAAY,EAC5B,UAAW,EAAM,UACjB,YAAa,EAAM,YACnB,UAAW,EAAM,UACjB,UAAW,EAAM,UACjB,cAAe,EAAM,cACrB,cAAe,EAAM,cACrB,UAAW,EAAM,UACjB,YAAa,EAAM,YACnB,QAAS,EAAM,QACf,QAAS,EAAM,QACf,SAAU,EAAM,SAChB,cAAe,EAAM,cACrB,eAAgB,EAAM,eACtB,SAAU,EAAM,SAChB,QAAU,GAAsB,EAAK,QAAS,EAAI,CAClD,QAAU,GAAsB,EAAK,QAAS,EAAI,CACjC,CAAA,CAGf,MAAwB,CAC5B,EAAS,GAAa,CAAA,SAGxB,MAAgB,CACV,EAAI,OAAO,eAAc,CAC3B,GAAgB,CAEhB,EAAI,OAAO,KAAK,aAAc,EAAe,EAEhD,CAED,MACQ,CACJ,EAAM,KACN,EAAM,YACN,EAAM,QACN,EAAM,QACN,EAAM,SACN,EAAM,QACN,EAAM,QACR,KACM,EAAY,EAAM,GAAI,GAAa,CAAA,CACzC,CAAE,KAAM,GACV,CAAA,CAEA,MAAsB,CACpB,EAAY,EAAM,GAAE,EACrB,QAID,EAAa,EAAA,OAAA,UAAA"}

package/dist/index.d.ts

@@ -347,10 +347,10 @@ declare const __VLS_base$14: _$vue.DefineComponent<__VLS_Props$8, {}, {}, {}, {}
   "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
   "onUpdate:opacity"?: ((opacity: number) => any) | undefined;
 }>, {
+  opacity: number;
+  visible: boolean;
   position: ControlPosition;
   title: string;
-  visible: boolean;
-  opacity: number;
   layerType: LayerType;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$15: __VLS_WithSlots$14<typeof __VLS_base$14, __VLS_Slots$14>;
@@ -962,13 +962,13 @@ declare const __VLS_base$4: _$vue.DefineComponent<Props$1, {}, {}, {}, {}, _$vue
   onMouseenter?: (() => any) | undefined;
   onMouseleave?: (() => any) | undefined;
 }>, {
-  interactive: boolean;
-  before: string;
   id: string;
+  opacity: number;
   visible: boolean;
+  interactive: boolean;
+  before: string;
   color: string;
   width: number;
-  opacity: number;
   lineCap: "butt" | "round" | "square";
   lineJoin: "bevel" | "round" | "miter";
   blur: number;
@@ -1036,13 +1036,13 @@ declare const __VLS_base$3: _$vue.DefineComponent<Props, {}, {}, {}, {}, _$vue.C
   onMouseenter?: ((feature: IsochroneFeature) => any) | undefined;
   onMouseleave?: (() => any) | undefined;
 }>, {
+  id: string;
+  visible: boolean;
   interactive: boolean;
   before: string;
-  id: string;
   fillOpacity: number;
   lineWidth: number;
   lineOpacity: number;
-  visible: boolean;
   reverseOrder: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$3: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
@@ -1134,6 +1134,13 @@ declare const DeckLayersKey: InjectionKey<{
 }>;
 interface UseDeckOverlayOptions {
   interleaved?: boolean;
+  /**
+   * Enable MapLibre globe projection. Implies `interleaved: true` (required for
+   * deck.gl layers to share depth with the globe) and auto-injects
+   * `parameters.cullMode = 'none'` on every layer so billboard-style layers
+   * (Scatterplot / Trips / Icon / Text) don't clip off the sphere on pitch.
+   */
+  globe?: boolean;
 }
 interface UseDeckOverlayReturn {
   overlay: ShallowRef<MapboxOverlay | null>;
@@ -1207,6 +1214,7 @@ declare const VLayerMaplibreStarfield: Component;
 type __VLS_Props$2 = {
   options: MapOptions;
   supportPmtiles?: boolean;
+  projection?: 'globe' | 'mercator';
 };
 declare var __VLS_1$2: {}, __VLS_3: {};
 type __VLS_Slots$2 = {} & {
@@ -1325,6 +1333,7 @@ declare const __VLS_base$2: _$vue.DefineComponent<__VLS_Props$2, {}, {}, {}, {},
 }>, {
   options: MapOptions;
   supportPmtiles: boolean;
+  projection: "globe" | "mercator";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$2: __VLS_WithSlots$2<typeof __VLS_base$2, __VLS_Slots$2>;
 declare const _default$19: typeof __VLS_export$2;
@@ -1380,12 +1389,12 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, _$v
   open: () => void;
   close: () => void;
 }, string, _$vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
-  onRemoved?: (() => any) | undefined;
-  onOpen?: (() => any) | undefined;
-  onClose?: (() => any) | undefined;
   onAdded?: ((payload: {
     popup: Popup;
   }) => any) | undefined;
+  onRemoved?: (() => any) | undefined;
+  onOpen?: (() => any) | undefined;
+  onClose?: (() => any) | undefined;
 }>, {
   options: PopupOptions;
   coordinates: LngLatLike;