@vcmap/ui 6.2.3 → 6.3.0-rc.1

package/dist/assets/ui.js

@@ -1 +1 @@
-export * from "./ui-d3a7bd39.js";
+export * from "./ui-94adeedc.js";

package/dist/assets/vue.js

@@ -1 +1 @@
-export * from "./vue-cbd2bd60.js";
+export * from "./vue-225a7b37.js";

package/dist/assets/{vuetify-8e1623b2.js → vuetify-2f71239e.js}

@@ -10,7 +10,7 @@ function loadCss(href) {
     elem.onerror = reject;
     document.head.appendChild(elem);
   });
-} await loadCss('./assets/vuetify-8e1623b2.css');import { watch as Q, onScopeDispose as Ze, effectScope as Zl, shallowRef as K, Fragment as ie, reactive as it, computed as b, watchEffect as Fe, toRefs as Yt, capitalize as Nn, isVNode as Rc, Comment as Nc, unref as ot, warn as ja, getCurrentInstance as Hc, ref as j, provide as De, inject as ye, defineComponent as zc, camelize as Ir, h as Gt, toRaw as Be, createVNode as r, mergeProps as O, onBeforeUnmount as Qe, readonly as Ql, onDeactivated as _r, onActivated as Wc, onMounted as Ye, nextTick as we, TransitionGroup as Jl, Transition as jt, isRef as Tn, toRef as $, onBeforeMount as ra, withDirectives as $e, resolveDirective as gt, vShow as Ct, onUpdated as jc, Text as Uc, resolveDynamicComponent as Yc, markRaw as Gc, Teleport as Kc, cloneVNode as qc, createTextVNode as Tt, onUnmounted as Tr, onBeforeUpdate as Xc, withModifiers as Tl, toDisplayString as Zc, vModelText as Qc, resolveComponent as Jc, render as Ar } from "./vue-cbd2bd60.js";
+} await loadCss('./assets/vuetify-2f71239e.css');import { watch as Q, onScopeDispose as Ze, effectScope as Zl, shallowRef as K, Fragment as ie, reactive as it, computed as b, watchEffect as Fe, toRefs as Yt, capitalize as Nn, isVNode as Rc, Comment as Nc, unref as ot, warn as ja, getCurrentInstance as Hc, ref as j, provide as De, inject as ye, defineComponent as zc, camelize as Ir, h as Gt, toRaw as Be, createVNode as r, mergeProps as O, onBeforeUnmount as Qe, readonly as Ql, onDeactivated as _r, onActivated as Wc, onMounted as Ye, nextTick as we, TransitionGroup as Jl, Transition as jt, isRef as Tn, toRef as $, onBeforeMount as ra, withDirectives as $e, resolveDirective as gt, vShow as Ct, onUpdated as jc, Text as Uc, resolveDynamicComponent as Yc, markRaw as Gc, Teleport as Kc, cloneVNode as qc, createTextVNode as Tt, onUnmounted as Tr, onBeforeUpdate as Xc, withModifiers as Tl, toDisplayString as Zc, vModelText as Qc, resolveComponent as Jc, render as Ar } from "./vue-225a7b37.js";
 function rt(e, n) {
   let t;
   function a() {

package/dist/assets/vuetify.js

@@ -1 +1 @@
-export * from "./vuetify-8e1623b2.js";
+export * from "./vuetify-2f71239e.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vcmap/ui",
-  "version": "6.2.3",
+  "version": "6.3.0-rc.1",
   "author": "Virtual City Systems",
   "license": "MIT",
   "scripts": {
@@ -58,7 +58,7 @@
   },
   "peerDependencies": {
     "@vcmap-cesium/engine": "^11.0.3",
-    "@vcmap/core": "^6.2.3",
+    "@vcmap/core": "^6.3.0-rc.1",
     "ol": "^10.4.0",
     "vue": "~3.4.38",
     "vuetify": "~3.7.14"

package/plugins/@vcmap-show-case/extent-example/src/ExtentExample.vue

@@ -0,0 +1,28 @@
+<template>
+  <v-container class="pa-0">
+    <VcsExtentEditor heading="Default WGS84 projection" v-model="wgs84Extent" />
+    <VcsExtentEditor
+      heading="Mercator projection example"
+      v-model="mercatorExtent"
+    />
+  </v-container>
+</template>
+<script>
+  import { VcsExtentEditor } from '@vcmap/ui';
+  import { VContainer } from 'vuetify/components';
+  import { Extent, mercatorProjection, wgs84Projection } from '@vcmap/core';
+
+  export default {
+    name: 'ExtentExample',
+    components: { VcsExtentEditor, VContainer },
+    setup() {
+      const wgs84Extent = new Extent({ projection: wgs84Projection }).toJSON();
+      const mercatorExtent = new Extent({
+        projection: mercatorProjection,
+      }).toJSON();
+
+      return { wgs84Extent, mercatorExtent };
+    },
+  };
+</script>
+<style lang="scss" scoped></style>

package/plugins/@vcmap-show-case/extent-example/src/index.js

@@ -1,19 +1,11 @@
-import {
-  ButtonLocation,
-  createToggleAction,
-  WindowSlot,
-  VcsExtentEditor,
-} from '@vcmap/ui';
-import { Extent } from '@vcmap/core';
-import { reactive } from 'vue';
+import { ButtonLocation, createToggleAction, WindowSlot } from '@vcmap/ui';
 import packageJSON from '../package.json';
+import ExtentExample from './ExtentExample.vue';
 
 /**
  * @returns {VcsPlugin}
  */
 export default async function extentExample() {
-  const modelValue = reactive(new Extent().toJSON());
-
   return {
     get name() {
       return packageJSON.name;
@@ -33,15 +25,12 @@ export default async function extentExample() {
         },
         {
           id: 'extent-example',
-          component: VcsExtentEditor,
+          component: ExtentExample,
           slot: WindowSlot.DYNAMIC_LEFT,
           state: {
             headerTitle: 'Extent Example',
             headerIcon: '$vcsBoundingBox',
           },
-          props: {
-            modelValue,
-          },
         },
         app.windowManager,
         packageJSON.name,

package/plugins/@vcmap-show-case/panorama-inspector/src/PanoramaDebugTools.vue

@@ -17,7 +17,7 @@
   } from '@vcmap/core';
   import {
     createMapMarkerAction,
-    createOsmGlobeAction,
+    createGlobeToggleAction,
     setupClickedPrimitive,
   } from './api.js';
   import { name } from '../package.json';
@@ -51,7 +51,7 @@
     }
   });
 
-  const { action, destroy } = createOsmGlobeAction(app);
+  const action = createGlobeToggleAction(app);
   const { action: hideMarker, destroy: destroyMarker } =
     createMapMarkerAction(app);
 
@@ -72,6 +72,16 @@
     map.panoramaView.tilePrimitiveCollection.overlayOpacity = newOverlayOpacity;
   });
 
+  const contrast = ref(map.panoramaView.tilePrimitiveCollection.contrast);
+  watch(contrast, (newContrast) => {
+    map.panoramaView.tilePrimitiveCollection.contrast = newContrast;
+  });
+
+  const brightness = ref(map.panoramaView.tilePrimitiveCollection.brightness);
+  watch(brightness, (newBrightness) => {
+    map.panoramaView.tilePrimitiveCollection.brightness = newBrightness;
+  });
+
   const overlayNaNColor = shallowRef(
     getStringColor(
       cesiumColorToColor(
@@ -132,7 +142,6 @@
 
   onUnmounted(() => {
     clickedPrimitive.destroy();
-    destroy();
     destroyMarker();
     map.panoramaView.tilePrimitiveCollection.opacity = 1;
   });
@@ -163,6 +172,22 @@
           <VcsCheckbox label="Show Depth" v-model="showDepth"></VcsCheckbox>
         </v-col>
       </v-row>
+      <v-row no-gutters>
+        <v-col cols="4">
+          <vcs-label>Brightness</vcs-label>
+        </v-col>
+        <v-col>
+          <vcs-slider v-model="brightness" :min="-1" :max="1" :step="0.001" />
+        </v-col>
+      </v-row>
+      <v-row no-gutters>
+        <v-col cols="4">
+          <vcs-label>Contrast</vcs-label>
+        </v-col>
+        <v-col>
+          <vcs-slider v-model="contrast" :min="0" :max="20" :step="0.01" />
+        </v-col>
+      </v-row>
       <template v-if="showDepth || showIntensity">
         <v-row no-gutters>
           <v-col cols="4">

package/plugins/@vcmap-show-case/panorama-inspector/src/api.js

@@ -7,9 +7,6 @@ import {
   SphereGeometry,
   Color,
   Cartesian3,
-  Globe,
-  ImageryLayer as CesiumImageryLayer,
-  OpenStreetMapImageryProvider,
 } from '@vcmap-cesium/engine';
 import {
   mercatorToCartesian,
@@ -80,42 +77,30 @@ export function setupClickedPrimitive(map, clickedInteraction) {
 
 /**
  * @param {import("@vcmap/core").VcsApp} app
- * @returns {{ action: import("@vcmap/ui").Action, destroy: () => void }}
+ * @returns {import("@vcmap/ui").Action}
  */
-export function createOsmGlobeAction(app) {
+export function createGlobeToggleAction(app) {
   /** @type {import("@vcmap/core").PanoramaMap} */
   const map = app.maps.getByType(PanoramaMap.className)[0];
+  const cachedLayerTypes = map.layerTypes.slice();
 
   const action = reactive({
-    name: 'OSM Globe',
+    name: 'globeToggle',
     icon: 'mdi-earth',
-    title: 'Open Street Map Globe',
+    title: 'Toggle additional layers',
     active: false,
     callback() {
       if (action.active) {
-        map.getCesiumWidget().scene.globe = undefined;
+        map.layerTypes = cachedLayerTypes;
         action.active = false;
       } else {
-        const { scene } = map.getCesiumWidget();
-        scene.globe = new Globe();
-        scene.imageryLayers.add(
-          new CesiumImageryLayer(
-            new OpenStreetMapImageryProvider({ maximumLevel: 18 }),
-          ),
-        );
+        map.layerTypes = [];
         action.active = true;
       }
     },
   });
 
-  return {
-    action,
-    destroy: () => {
-      if (map.initialized) {
-        map.getCesiumWidget().scene.globe = undefined;
-      }
-    },
-  };
+  return action;
 }
 
 /**

package/plugins/@vcmap-show-case/panorama-inspector/src/index.js

@@ -27,7 +27,7 @@ export default function panoramaInspector() {
         {
           id: 'panorama-inspector',
           state: {
-            headerTitle: 'panoramaInspector.title',
+            headerTitle: 'Panorama Inspector',
           },
           component: PanoramaInspector,
           slot: WindowSlot.DYNAMIC_RIGHT,

package/plugins/package.json

@@ -30,7 +30,8 @@
     "@vcmap/sensorthings": "^1.0.0",
     "@vcmap/cesium-inspector": "^2.0.0",
     "@vcmap/event-control": "^1.0.1",
-    "@vcmap/dynamic-layer": "^1.0.0"
+    "@vcmap/dynamic-layer": "^1.0.0",
+    "@vcmap/geofence": "^1.0.2"
   },
   "optionalDependencies": {
     "@vcmap/planning": "^7.0.0"

package/src/application/VcsApp.vue

@@ -17,6 +17,7 @@
     >
       <VcsPositionDisplay />
       <VcsObliqueFooter />
+      <vcs-panorama-footer />
       <VcsTextPageFooter
         v-if="imprint"
         :text-page="imprint"
@@ -89,6 +90,7 @@
   import { getAttributions } from './attributionsHelper.js';
   import VcsPositionDisplay from './VcsPositionDisplay.vue';
   import { getDataProtection, getImprint } from './uiConfigHelper.js';
+  import VcsPanoramaFooter from './VcsPanoramaFooter.vue';
 
   /**
    * This helper checks the uiConfig and depending on the value will setup/teardown the providedSetupFunction
@@ -775,6 +777,7 @@
    */
   export default {
     components: {
+      VcsPanoramaFooter,
       VcsContainer,
       VcsPositionDisplay,
       VcsAttributionsFooter,

package/src/application/VcsPanoramaFooter.vue

@@ -0,0 +1,52 @@
+<script setup>
+  import { ref, inject, onUnmounted } from 'vue';
+  import { PanoramaMap } from '@vcmap/core';
+
+  const app = inject('vcsApp');
+  const name = ref();
+  const time = ref();
+
+  let imageChangedListener = () => {};
+  const setImage = (image) => {
+    if (image) {
+      name.value = image.name;
+      if (image.time) {
+        time.value = new Intl.DateTimeFormat(app.locale, {
+          dateStyle: 'short',
+          timeStyle: 'short',
+        }).format(image.time);
+      } else {
+        time.value = undefined;
+      }
+    }
+  };
+  const setMap = (map) => {
+    imageChangedListener();
+    if (map instanceof PanoramaMap) {
+      setImage(map.currentPanoramaImage);
+      imageChangedListener = map.currentImageChanged.addEventListener(setImage);
+    } else {
+      name.value = undefined;
+      time.value = undefined;
+      imageChangedListener = () => {};
+    }
+  };
+
+  const mapChangedListener = app.maps.mapActivated.addEventListener(setMap);
+  setMap(app.maps.activeMap);
+
+  onUnmounted(() => {
+    imageChangedListener();
+    mapChangedListener();
+  });
+</script>
+
+<template>
+  <span
+    v-if="name && time"
+    class="d-flex align-center overflow-hidden vcs-panorama-footer"
+    >{{ time }} - {{ name }}
+  </span>
+</template>
+
+<style scoped lang="scss"></style>

package/src/application/VcsPanoramaFooter.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/src/components/extent/VcsExtent.vue

@@ -18,6 +18,7 @@
       hide-z
       v-model="min"
       :disabled="disabled"
+      :extent="extent"
       :axis-rules="[
         [(v) => checkInput(v, max[0])],
         [(v) => checkInput(v, max[1])],
@@ -35,6 +36,7 @@
       hide-z
       v-model="max"
       :disabled="disabled"
+      :extent="extent"
       :axis-rules="[
         [(v) => checkInput(min[0], v)],
         [(v) => checkInput(min[1], v)],
@@ -54,7 +56,7 @@
 <script>
   import { computed, toRaw } from 'vue';
   import { VCol, VContainer, VRow } from 'vuetify/components';
-  import { Extent } from '@vcmap/core';
+  import { Extent, Projection } from '@vcmap/core';
   import VcsLabel from '../form-inputs-controls/VcsLabel.vue';
   import VcsTextField from '../form-inputs-controls/VcsTextField.vue';
   import VcsCoordinate from '../form-inputs-controls/VcsCoordinate.vue';
@@ -100,6 +102,14 @@
     setup(props, { emit }) {
       const localValue = useProxiedComplexModel(props, 'modelValue', emit);
 
+      const { proj } = new Projection(localValue.value.projection);
+      const extent = proj.getExtent() || [
+        -Infinity,
+        -Infinity,
+        Infinity,
+        Infinity,
+      ];
+
       const getCoordinate = (start, end = 4) =>
         computed({
           get() {
@@ -121,6 +131,7 @@
         min: getCoordinate(0, 2),
         max: getCoordinate(2),
         checkInput,
+        extent,
         cid,
       };
     },

package/src/components/extent/VcsExtent.vue.d.ts

@@ -15,6 +15,7 @@ declare const _default: import("vue").DefineComponent<{
     min: import("vue").WritableComputedRef<any>;
     max: import("vue").WritableComputedRef<any>;
     checkInput: typeof checkInput;
+    extent: import("ol/extent.js", { with: { "resolution-mode": "import" } }).Extent;
     cid: string;
 }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {

package/src/components/vector-properties/VcsFeatureEditingWindow.vue

@@ -59,6 +59,7 @@
     CesiumMap,
     GeometryType,
     is2DLayout,
+    PanoramaMap,
     SessionType,
     TransformationMode,
     VectorProperties,
@@ -280,12 +281,21 @@
         }),
       );
 
-      function updateIs3D() {
-        is3D.value = vcsApp.maps.activeMap instanceof CesiumMap;
+      const defaultVectorProperties = reactive(
+        VectorProperties.getDefaultOptions(),
+      );
+      function activeMapHandler() {
+        const isPanorama = vcsApp.maps.activeMap instanceof PanoramaMap;
+        is3D.value = vcsApp.maps.activeMap instanceof CesiumMap || isPanorama;
+
+        defaultVectorProperties.altitudeMode = isPanorama
+          ? 'absolute'
+          : 'clampToGround';
       }
+
       const mapActivatedListener =
-        vcsApp.maps.mapActivated.addEventListener(updateIs3D);
-      updateIs3D();
+        vcsApp.maps.mapActivated.addEventListener(activeMapHandler);
+      activeMapHandler();
 
       const isGeometryEditing = computed(
         () => editSession.value?.type === SessionType.EDIT_GEOMETRY,
@@ -476,7 +486,7 @@
         is2DFeature,
         isGeometryEditing,
         updateFeatureProperties,
-        defaultVectorProperties: VectorProperties.getDefaultOptions(),
+        defaultVectorProperties,
         showInputs: computed(
           () =>
             !currentTransformationMode.value &&

package/src/components/vector-properties/VcsFeatureEditingWindow.vue.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="@vcmap-cesium/engine" />
+/// <reference types="@vcmap/core/dist/cesium.js" />
 /**
  * Returns the allowed transformation modes for the provided geometry types and number of features. Rotate is e.g. not allowed for a single point but for multiple points.
  * @param {Set<GeometryType>} geometryTypes A set with all geometry types of the features.
@@ -59,7 +61,127 @@ declare const _default: import("vue").DefineComponent<{
     is2DFeature: import("vue").ComputedRef<boolean>;
     isGeometryEditing: import("vue").ComputedRef<boolean>;
     updateFeatureProperties: (update: import("@vcmap/core").VectorPropertiesOptions) => void;
-    defaultVectorProperties: import("@vcmap/core", { with: { "resolution-mode": "import" } }).VectorPropertiesOptions;
+    defaultVectorProperties: {
+        altitudeMode?: import("@vcmap/core/dist/src/layer/vectorProperties.js", { with: { "resolution-mode": "import" } }).AltitudeModeType | undefined;
+        allowPicking?: boolean | undefined;
+        classificationType?: import("@vcmap/core/dist/src/layer/vectorProperties.js", { with: { "resolution-mode": "import" } }).ClassificationTypeType | undefined;
+        scaleByDistance?: number[] | undefined;
+        eyeOffset?: number[] | undefined;
+        heightAboveGround?: number | undefined;
+        skirt?: number | undefined;
+        groundLevel?: number | undefined;
+        extrudedHeight?: number | undefined;
+        storeysAboveGround?: number | undefined;
+        storeysBelowGround?: number | undefined;
+        storeyHeightsAboveGround?: number | number[] | undefined;
+        storeyHeightsBelowGround?: number | number[] | undefined;
+        modelUrl?: string | undefined;
+        modelScaleX?: number | undefined;
+        modelScaleY?: number | undefined;
+        modelScaleZ?: number | undefined;
+        modelHeading?: number | undefined;
+        modelPitch?: number | undefined;
+        modelRoll?: number | undefined;
+        modelAutoScale?: boolean | undefined;
+        modelOptions?: Record<string, unknown> | undefined;
+        primitiveOptions?: {
+            type: import("@vcmap/core", { with: { "resolution-mode": "import" } }).PrimitiveOptionsType;
+            geometryOptions: {
+                length: number;
+                topRadius: number;
+                bottomRadius: number;
+                slices?: number | undefined;
+                vertexFormat?: {
+                    position: boolean;
+                    normal: boolean;
+                    st: boolean;
+                    bitangent: boolean;
+                    tangent: boolean;
+                    color: boolean;
+                } | undefined;
+            } | {
+                radius?: number | undefined;
+                stackPartitions?: number | undefined;
+                slicePartitions?: number | undefined;
+                vertexFormat?: {
+                    position: boolean;
+                    normal: boolean;
+                    st: boolean;
+                    bitangent: boolean;
+                    tangent: boolean;
+                    color: boolean;
+                } | undefined;
+            } | {
+                radii?: {
+                    x: number;
+                    y: number;
+                    z: number;
+                    clone: (result?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3 | undefined) => import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3;
+                    equals: (right?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3 | undefined) => boolean;
+                    equalsEpsilon: (right?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3 | undefined, relativeEpsilon?: number | undefined, absoluteEpsilon?: number | undefined) => boolean;
+                    toString: () => string;
+                } | undefined;
+                innerRadii?: {
+                    x: number;
+                    y: number;
+                    z: number;
+                    clone: (result?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3 | undefined) => import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3;
+                    equals: (right?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3 | undefined) => boolean;
+                    equalsEpsilon: (right?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3 | undefined, relativeEpsilon?: number | undefined, absoluteEpsilon?: number | undefined) => boolean;
+                    toString: () => string;
+                } | undefined;
+                minimumClock?: number | undefined;
+                maximumClock?: number | undefined;
+                minimumCone?: number | undefined;
+                maximumCone?: number | undefined;
+                stackPartitions?: number | undefined;
+                slicePartitions?: number | undefined;
+                vertexFormat?: {
+                    position: boolean;
+                    normal: boolean;
+                    st: boolean;
+                    bitangent: boolean;
+                    tangent: boolean;
+                    color: boolean;
+                } | undefined;
+            } | {
+                minimum: {
+                    x: number;
+                    y: number;
+                    z: number;
+                    clone: (result?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3 | undefined) => import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3;
+                    equals: (right?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3 | undefined) => boolean;
+                    equalsEpsilon: (right?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3 | undefined, relativeEpsilon?: number | undefined, absoluteEpsilon?: number | undefined) => boolean;
+                    toString: () => string;
+                };
+                maximum: {
+                    x: number;
+                    y: number;
+                    z: number;
+                    clone: (result?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3 | undefined) => import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3;
+                    equals: (right?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3 | undefined) => boolean;
+                    equalsEpsilon: (right?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3 | undefined, relativeEpsilon?: number | undefined, absoluteEpsilon?: number | undefined) => boolean;
+                    toString: () => string;
+                };
+                vertexFormat?: {
+                    position: boolean;
+                    normal: boolean;
+                    st: boolean;
+                    bitangent: boolean;
+                    tangent: boolean;
+                    color: boolean;
+                } | undefined;
+            } | undefined;
+            depthFailColor?: string | number[] | {
+                setTransform: (transform?: DOMMatrix2DInit | undefined) => void;
+            } | {
+                addColorStop: (offset: number, color: string) => void;
+            } | undefined;
+            offset?: number[] | undefined;
+            additionalOptions?: Record<string, unknown> | undefined;
+        } | undefined;
+        baseUrl?: string | undefined;
+    };
     showInputs: import("vue").ComputedRef<boolean>;
 }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     allowedVectorProperties: {

package/src/contentTree/contentTreeItem.js

@@ -436,7 +436,7 @@ class ContentTreeItem {
   removeAction(actionName) {
     const index = this._getActionIndex(actionName);
     if (index > -1) {
-      this._actions.value.splice(index, 1);
+      this._actions.value = this._actions.value.filter((_, i) => i !== index);
     }
   }
 

package/src/contentTree/layerContentTreeItem.d.ts

@@ -74,6 +74,10 @@ declare class LayerContentTreeItem extends VcsObjectContentTreeItem<LayerContent
      * @private
      */
     private _clearListeners;
+    /**
+     * @private
+     */
+    private _determineSupport;
     /**
      * @private
      */