@vcmap/ui 6.3.10 → 7.0.0-rc.1

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

@@ -1,5 +1,3 @@
-/// <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.
@@ -15,7 +13,20 @@ export namespace EditorTransformationIcons {
     let scale: string;
     let extrude: string;
 }
-declare const _default: import("vue").DefineComponent<{
+declare const _default: typeof __VLS_export;
+export default _default;
+export type EditorManager = {
+    currentLayer: import("vue").ShallowRef<import("@vcmap/core").Layer | undefined>;
+    currentFeatures: import("vue").ShallowRef<import("ol").Feature[]>;
+    currentEditSession: import("vue").ShallowRef<import("@vcmap/core").EditGeometrySession | import("@vcmap/core").EditFeaturesSession | undefined>;
+    currentSession: import("vue").ShallowRef<import("@vcmap/core").SelectFeaturesSession | import("@vcmap/core").CreateFeatureSession<import("@vcmap/core").GeometryType> | undefined>;
+    stopEditing: () => void;
+    startEditSession: (arg0: import("ol").Feature | undefined) => Promise<void> | void;
+    startTransformSession: (arg0: import("@vcmap/core").TransformationMode, arg1: import("ol").Feature[] | undefined) => Promise<void> | void;
+};
+import { GeometryType } from '@vcmap/core';
+import { TransformationMode } from '@vcmap/core';
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{
     allowedVectorProperties: {
         type: ArrayConstructor;
         default: () => string[];
@@ -49,17 +60,17 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    featureProperties: import("vue").ShallowRef<any>;
-    session: import("vue").ShallowRef<import("@vcmap/core", { with: { "resolution-mode": "import" } }).SelectFeaturesSession | import("@vcmap/core", { with: { "resolution-mode": "import" } }).CreateFeatureSession<GeometryType> | undefined>;
-    snapTo: import("vue").WritableComputedRef<never[] | undefined>;
+    featureProperties: import("vue", { with: { "resolution-mode": "import" } }).ShallowRef<any>;
+    session: import("vue", { with: { "resolution-mode": "import" } }).ShallowRef<import("@vcmap/core", { with: { "resolution-mode": "import" } }).SelectFeaturesSession | import("@vcmap/core", { with: { "resolution-mode": "import" } }).CreateFeatureSession<GeometryType> | undefined>;
+    snapTo: import("vue", { with: { "resolution-mode": "import" } }).WritableComputedRef<never[] | undefined>;
     SessionType: typeof SessionType;
-    currentTransformationMode: import("vue").Ref<any>;
+    currentTransformationMode: import("vue", { with: { "resolution-mode": "import" } }).Ref<any>;
     TransformationMode: typeof TransformationMode;
-    availableModifyActions: import("vue").ShallowRef<never[]>;
-    availableVectorProperties: import("vue").ShallowRef<never[]>;
-    is3D: import("vue").Ref<boolean>;
-    is2DFeature: import("vue").ComputedRef<boolean>;
-    isGeometryEditing: import("vue").ComputedRef<boolean>;
+    availableModifyActions: import("vue", { with: { "resolution-mode": "import" } }).ShallowRef<never[]>;
+    availableVectorProperties: import("vue", { with: { "resolution-mode": "import" } }).ShallowRef<never[]>;
+    is3D: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
+    is2DFeature: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
+    isGeometryEditing: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
     updateFeatureProperties: (update: import("@vcmap/core").VectorPropertiesOptions) => void;
     defaultVectorProperties: {
         altitudeMode?: import("@vcmap/core/dist/src/layer/vectorProperties.js", { with: { "resolution-mode": "import" } }).AltitudeModeType | undefined;
@@ -73,8 +84,8 @@ declare const _default: import("vue").DefineComponent<{
         extrudedHeight?: number | undefined;
         storeysAboveGround?: number | undefined;
         storeysBelowGround?: number | undefined;
-        storeyHeightsAboveGround?: number | number[] | undefined;
-        storeyHeightsBelowGround?: number | number[] | undefined;
+        storeyHeightsAboveGround?: number[] | number | undefined;
+        storeyHeightsBelowGround?: number[] | number | undefined;
         modelUrl?: string | undefined;
         modelScaleX?: number | undefined;
         modelScaleY?: number | undefined;
@@ -116,18 +127,18 @@ declare const _default: import("vue").DefineComponent<{
                     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;
+                    clone: (result?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3) => import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3;
+                    equals: (right?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3) => boolean;
+                    equalsEpsilon: (right?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3, relativeEpsilon?: number, absoluteEpsilon?: number) => 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;
+                    clone: (result?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3) => import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3;
+                    equals: (right?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3) => boolean;
+                    equalsEpsilon: (right?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3, relativeEpsilon?: number, absoluteEpsilon?: number) => boolean;
                     toString: () => string;
                 } | undefined;
                 minimumClock?: number | undefined;
@@ -149,18 +160,18 @@ declare const _default: import("vue").DefineComponent<{
                     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;
+                    clone: (result?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3) => import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3;
+                    equals: (right?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3) => boolean;
+                    equalsEpsilon: (right?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3, relativeEpsilon?: number, absoluteEpsilon?: number) => 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;
+                    clone: (result?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3) => import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3;
+                    equals: (right?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3) => boolean;
+                    equalsEpsilon: (right?: import("@vcmap-cesium/engine", { with: { "resolution-mode": "import" } }).Cartesian3, relativeEpsilon?: number, absoluteEpsilon?: number) => boolean;
                     toString: () => string;
                 };
                 vertexFormat?: {
@@ -173,7 +184,7 @@ declare const _default: import("vue").DefineComponent<{
                 } | undefined;
             } | undefined;
             depthFailColor?: string | number[] | {
-                setTransform: (transform?: DOMMatrix2DInit | undefined) => void;
+                setTransform: (transform?: DOMMatrix2DInit) => void;
             } | {
                 addColorStop: (offset: number, color: string) => void;
             } | undefined;
@@ -182,8 +193,8 @@ declare const _default: import("vue").DefineComponent<{
         } | undefined;
         baseUrl?: string | undefined;
     };
-    showInputs: import("vue").ComputedRef<boolean>;
-}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    showInputs: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
+}, any, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
     allowedVectorProperties: {
         type: ArrayConstructor;
         default: () => string[];
@@ -226,16 +237,4 @@ declare const _default: import("vue").DefineComponent<{
     showSnapping: boolean;
     showInputEditor: boolean;
 }, {}>;
-export default _default;
-export type EditorManager = {
-    currentLayer: import("vue").ShallowRef<import("@vcmap/core").Layer | undefined>;
-    currentFeatures: import("vue").ShallowRef<import("ol").Feature[]>;
-    currentEditSession: import("vue").ShallowRef<import("@vcmap/core").EditGeometrySession | import("@vcmap/core").EditFeaturesSession | undefined>;
-    currentSession: import("vue").ShallowRef<import("@vcmap/core").SelectFeaturesSession | import("@vcmap/core").CreateFeatureSession<import("@vcmap/core").GeometryType> | undefined>;
-    stopEditing: () => void;
-    startEditSession: (arg0: import("ol").Feature | undefined) => Promise<void> | void;
-    startTransformSession: (arg0: import("@vcmap/core").TransformationMode, arg1: import("ol").Feature[] | undefined) => Promise<void> | void;
-};
-import { GeometryType } from '@vcmap/core';
-import { TransformationMode } from '@vcmap/core';
 import { SessionType } from '@vcmap/core';

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

@@ -65,9 +65,9 @@
     Projection,
   } from '@vcmap/core';
   import { getLogger } from '@vcsuite/logger';
-  import VcsLabel from '../form-inputs-controls/VcsLabel.vue';
-  import VcsTextField from '../form-inputs-controls/VcsTextField.vue';
-  import VcsToolButton from '../buttons/VcsToolButton.vue';
+  import VcsLabel from '../form-inputs-controls/VcsLabel.ts.vue';
+  import VcsTextField from '../form-inputs-controls/VcsTextField.ts.vue';
+  import VcsToolButton from '../buttons/VcsToolButton.ts.vue';
 
   /**
    * @description Component to edit the position of a feature in a vector layer. Currently

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

@@ -1,17 +1,18 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{
     is3D: {
         type: BooleanConstructor;
         required: true;
     };
 }, {
-    isEdited: import("vue").Ref<boolean>;
-    coordinates: import("vue").Ref<number[]>;
+    isEdited: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
+    coordinates: import("vue", { with: { "resolution-mode": "import" } }).Ref<number[]>;
     apply: () => void;
     cancel: () => void;
-}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, any, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
     is3D: {
         type: BooleanConstructor;
         required: true;
     };
 }>>, {}, {}>;
-export default _default;

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

@@ -127,8 +127,8 @@
   } from '@vcmap/core';
   import { VSheet, VContainer, VRow, VCol, VIcon } from 'vuetify/components';
   import { inject, ref, watch } from 'vue';
-  import VcsButton from '../buttons/VcsButton.vue';
-  import VcsTextField from '../form-inputs-controls/VcsTextField.vue';
+  import VcsButton from '../buttons/VcsButton.ts.vue';
+  import VcsTextField from '../form-inputs-controls/VcsTextField.ts.vue';
 
   /**
    * A component to handle transforms applied to features of an editor manager. Must have a manager provided.

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

@@ -1,4 +1,6 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{
     transformationMode: {
         type: StringConstructor;
         required: true;
@@ -12,21 +14,21 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    showTranslate: import("vue").Ref<boolean>;
-    showRotate: import("vue").Ref<boolean>;
-    showScale: import("vue").Ref<boolean>;
+    showTranslate: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
+    showRotate: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
+    showScale: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
     TransformationMode: typeof TransformationMode;
-    xValue: import("vue").Ref<null>;
-    yValue: import("vue").Ref<null>;
-    zValue: import("vue").Ref<null>;
+    xValue: import("vue", { with: { "resolution-mode": "import" } }).Ref<null>;
+    yValue: import("vue", { with: { "resolution-mode": "import" } }).Ref<null>;
+    zValue: import("vue", { with: { "resolution-mode": "import" } }).Ref<null>;
     translate(): Promise<void>;
     rotate(): Promise<void>;
     cw(): Promise<void>;
     ccw(): Promise<void>;
     scale(): Promise<void>;
-    placeOnTerrainLoading: import("vue").Ref<boolean>;
+    placeOnTerrainLoading: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
     placeOnTerrain(): Promise<void>;
-}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, any, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
     transformationMode: {
         type: StringConstructor;
         required: true;
@@ -42,5 +44,4 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     allowZInput: boolean;
 }, {}>;
-export default _default;
 import { TransformationMode } from '@vcmap/core';

package/src/components/vector-properties/{VcsSnapTo.vue → VcsSnapTo.ts.vue}

@@ -1,10 +1,12 @@
-<script setup>
-  import { computed, defineModel, reactive } from 'vue';
+<script setup lang="ts">
+  import { computed, reactive } from 'vue';
+  import type { PropType } from 'vue';
   import { snapTypes } from '@vcmap/core';
-  import VcsFormSection from '../section/VcsFormSection.vue';
+  import type { VcsAction } from '../../actions/actionHelper.js';
+  import VcsFormSection from '../section/VcsFormSection.ts.vue';
 
   const model = defineModel({
-    type: Array,
+    type: Array as PropType<string[]>,
     required: false,
     default: () => snapTypes.slice(),
   });
@@ -16,7 +18,7 @@
     edge: 'mdi-circle-outline',
   };
 
-  function createToggleAction(key) {
+  function createToggleAction(key: keyof typeof keyIcons): VcsAction {
     const keyComputed = computed({
       get() {
         return model.value.includes(key);
@@ -31,7 +33,7 @@
     });
 
     return reactive({
-      name: `toggele${key}`,
+      name: `toggle${key}`,
       icon: keyIcons[key],
       title: `components.editor.snapping.${key}Tooltip`,
       active: keyComputed,
@@ -56,7 +58,7 @@
     :action-button-list-overflow-count="4"
   >
     <div class="px-1 py-1">
-      {{ $t('components.editor.snapping.help') }}
+      {{ $st('components.editor.snapping.help') }}
     </div>
   </vcs-form-section>
 </template>

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

@@ -0,0 +1,19 @@
+declare const model: import("vue", { with: { "resolution-mode": "import" } }).ModelRef<string[], string>;
+type __VLS_ModelProps = {
+    modelValue?: typeof model['value'];
+};
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_TypePropsToOption<__VLS_ModelProps>, unknown, unknown, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => void;
+}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<__VLS_TypePropsToOption<__VLS_ModelProps>>> & {
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}, {}, {}>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -480,14 +480,14 @@
   import {
     useProxiedComplexModel,
     useModelHasProperty,
-  } from '../modelHelper.js';
-  import VcsFormSection from '../section/VcsFormSection.vue';
-  import VcsLabel from '../form-inputs-controls/VcsLabel.vue';
-  import VcsTextField from '../form-inputs-controls/VcsTextField.vue';
-  import VcsSelect from '../form-inputs-controls/VcsSelect.vue';
-  import VcsCheckbox from '../form-inputs-controls/VcsCheckbox.vue';
-  import VcsChipArrayInput from '../form-inputs-controls/VcsChipArrayInput.vue';
-  import { useComponentId } from '../composables.js';
+  } from '../modelHelper.ts';
+  import VcsFormSection from '../section/VcsFormSection.ts.vue';
+  import VcsLabel from '../form-inputs-controls/VcsLabel.ts.vue';
+  import VcsTextField from '../form-inputs-controls/VcsTextField.ts.vue';
+  import VcsSelect from '../form-inputs-controls/VcsSelect.ts.vue';
+  import VcsCheckbox from '../form-inputs-controls/VcsCheckbox.ts.vue';
+  import VcsChipArrayInput from '../form-inputs-controls/VcsChipArrayInput.ts.vue';
+  import { useComponentId } from '../composables.ts';
 
   export const genericVectorProperties = [
     'altitudeMode',