@vcmap/ui 6.0.0-rc.5 → 6.0.0-rc.6

package/src/components/style/VcsImageSelector.vue.d.ts

@@ -98,6 +98,7 @@ declare const _default: import("vue").DefineComponent<{
         idx: number;
     }[]>;
     selectedImageTypeTab: import("vue").Ref<number>;
+    cid: string;
 }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: ObjectConstructor;

package/src/components/style/VcsStrokeSelector.vue

@@ -3,13 +3,13 @@
     <v-container class="px-1 py-0">
       <v-row no-gutters>
         <v-col>
-          <VcsLabel html-for="draw-stroke-width">
+          <VcsLabel :html-for="`${cid}-draw-stroke-width`">
             {{ $t('components.style.lineWidth') }}
           </VcsLabel>
         </v-col>
         <v-col cols="3">
           <VcsTextField
-            id="draw-stroke-width"
+            :id="`${cid}-draw-stroke-width`"
             v-model.number="width"
             :hide-spin-buttons="true"
             type="number"
@@ -38,6 +38,7 @@
     VRow,
     VCol,
   } from 'vuetify/components';
+  import { useComponentId } from '../composables.js';
   import VcsLabel from '../form-inputs-controls/VcsLabel.vue';
   import VcsTextField from '../form-inputs-controls/VcsTextField.vue';
   import { useColorObject } from './composables.js';
@@ -66,6 +67,7 @@
     },
     setup(props, { emit }) {
       const localValue = useProxiedComplexModel(props, 'modelValue', emit);
+      const cid = useComponentId();
       return {
         rgbaObject: useColorObject(() => localValue.value?.color),
         width: computed({
@@ -81,6 +83,7 @@
         updateColor(rgba) {
           localValue.value.color = [rgba.r, rgba.g, rgba.b, rgba.a];
         },
+        cid,
       };
     },
   };

package/src/components/style/VcsStrokeSelector.vue.d.ts

@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     width: import("vue").WritableComputedRef<any>;
     updateColor(rgba: any): void;
+    cid: string;
 }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: ObjectConstructor;

package/src/components/style/VcsTextMenu.vue

@@ -6,7 +6,7 @@
   >
     <template #preview>
       <div v-if="modelValue" class="d-flex justify-center align-center">
-        <span id="text-preview">T</span>
+        <span class="vcs-text-menu-preview">T</span>
       </div>
     </template>
     <template #content>
@@ -68,7 +68,7 @@
 </script>
 
 <style>
-  #text-preview {
+  .vcs-text-menu-preview {
     font: v-bind(fontStyle) !important;
     font-size: 20px !important;
     -webkit-text-stroke-color: v-bind(strokeColor);

package/src/components/tables/VcsDataTable.vue

@@ -38,12 +38,8 @@
       v-model:items-per-page="itemsPerPageRef"
       @update:options="(o) => $emit('update:items', { ...o, search })"
     >
-      <template v-for="slot of Object.keys($slots)" #[slot]="scope">
-        <slot
-          v-if="!['prepend', 'default', 'append'].includes(slot)"
-          :name="slot"
-          v-bind="scope"
-        />
+      <template v-for="slot of forwardSlots" #[slot]="scope">
+        <slot :name="slot" v-bind="scope ?? {}" />
       </template>
       <template
         #header.data-table-select="{ allSelected, selectAll, someSelected }"
@@ -137,6 +133,7 @@
   import VcsTreeviewSearchbar from '../lists/VcsTreeviewSearchbar.vue';
   import VcsButton from '../buttons/VcsButton.vue';
   import VcsCheckbox from '../form-inputs-controls/VcsCheckbox.vue';
+  import { useForwardSlots } from '../composables.js';
 
   /**
    * @typedef {Object} UpdateItemsEvent
@@ -220,7 +217,7 @@
         default: 'isSelectable',
       },
     },
-    setup(props, { attrs, emit }) {
+    setup(props, { attrs, emit, slots }) {
       const vm = getCurrentInstance().proxy;
       const hovering = ref(null);
       /**
@@ -366,6 +363,12 @@
           props.serverItemsLength > itemsPerPageRef.value,
       );
 
+      const forwardSlots = useForwardSlots(slots, [
+        'prepend',
+        'default',
+        'append',
+      ]);
+
       return {
         hovering,
         search,
@@ -393,6 +396,7 @@
         handleSearch,
         translatedHeaders,
         showFooter,
+        forwardSlots,
       };
     },
   };
@@ -446,10 +450,10 @@
   }
 
   .v-table--density-compact {
-    --v-table-header-height: var(--v-vcs-item-height);
-    --v-table-row-height: var(--v-vcs-item-height);
+    --v-table-header-height: calc(var(--v-vcs-font-size) * 2 + 6px);
+    --v-table-row-height: calc(var(--v-vcs-font-size) * 2 + 6px);
     & :deep(.v-selection-control--density-default) {
-      --v-selection-control-size: var(--v-vcs-item-height);
+      --v-selection-control-size: calc(var(--v-vcs-font-size) * 2 + 6px);
     }
   }
 

package/src/components/tables/VcsDataTable.vue.d.ts

@@ -54,6 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     handleSearch: () => void;
     translatedHeaders: ComputedRef<Object[]>;
     showFooter: import("vue").ComputedRef<boolean>;
+    forwardSlots: import("vue").ComputedRef<string[]>;
 }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     headers: {
         type: ArrayConstructor;

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

@@ -9,13 +9,13 @@
       <template v-if="show3DProperties">
         <v-row v-if="visibleProperties.has('altitudeMode')" no-gutters>
           <v-col>
-            <VcsLabel html-for="vp-altitude-mode">{{
+            <VcsLabel :html-for="`${cid}-vp-altitude-mode`">{{
               $t('components.vectorProperties.altitudeMode')
             }}</VcsLabel>
           </v-col>
           <v-col>
             <VcsSelect
-              id="vp-altitude-mode"
+              :id="`${cid}-vp-altitude-mode`"
               :items="availableAltitudeModes"
               v-model="localValue.altitudeMode"
             />
@@ -29,13 +29,13 @@
           no-gutters
         >
           <v-col>
-            <VcsLabel html-for="vp-height-above-ground">{{
+            <VcsLabel :html-for="`${cid}-vp-height-above-ground`">{{
               $t('components.vectorProperties.heightAboveGround')
             }}</VcsLabel>
           </v-col>
           <v-col>
             <VcsTextField
-              id="vp-height-above-ground"
+              :id="`${cid}-vp-height-above-ground`"
               v-model.number="localValue.heightAboveGround"
               :hide-spin-buttons="true"
               type="number"
@@ -46,13 +46,13 @@
         </v-row>
         <v-row v-if="visibleProperties.has('groundLevel')" no-gutters>
           <v-col>
-            <VcsLabel html-for="vp-ground-level">{{
+            <VcsLabel :html-for="`${cid}-vp-ground-level`">{{
               $t('components.vectorProperties.groundLevel')
             }}</VcsLabel>
           </v-col>
           <v-col>
             <VcsTextField
-              id="vp-ground-level"
+              :id="`${cid}-vp-ground-level`"
               v-model.number="localValue.groundLevel"
               :hide-spin-buttons="true"
               type="number"
@@ -142,13 +142,13 @@
         no-gutters
       >
         <v-col>
-          <VcsLabel html-for="vp-classification-type">
+          <VcsLabel :html-for="`${cid}-vp-classification-type`">
             {{ $t('components.vectorProperties.classificationType') }}
           </VcsLabel>
         </v-col>
         <v-col>
           <VcsSelect
-            id="vp-classification-type"
+            :id="`${cid}-vp-classification-type`"
             :items="availableClassificationTypes"
             v-model="classificationType"
           />
@@ -186,7 +186,7 @@
         <v-row v-if="visibleProperties.has('extrudedHeight')" no-gutters>
           <v-col>
             <VcsLabel
-              html-for="vp-extruded-height"
+              :html-for="`${cid}-vp-extruded-height`"
               :class="{
                 'px-4':
                   visibleProperties.has('storeysAboveGround') ||
@@ -197,7 +197,7 @@
           </v-col>
           <v-col>
             <VcsTextField
-              id="vp-extruded-height"
+              :id="`${cid}-vp-extruded-height`"
               v-model.number="localValue.extrudedHeight"
               :hide-spin-buttons="true"
               type="number"
@@ -212,13 +212,13 @@
         </v-row>
         <v-row v-if="visibleProperties.has('storeysAboveGround')" no-gutters>
           <v-col>
-            <VcsLabel html-for="vp-storeys-above" class="px-4">{{
+            <VcsLabel :html-for="`${cid}-vp-storeys-above`" class="px-4">{{
               $t('components.vectorProperties.storeys')
             }}</VcsLabel>
           </v-col>
           <v-col>
             <VcsTextField
-              id="vp-storeys-above"
+              :id="`${cid}-vp-storeys-above`"
               v-model.number="localValue.storeysAboveGround"
               :hide-spin-buttons="true"
               type="number"
@@ -235,13 +235,15 @@
           no-gutters
         >
           <v-col>
-            <VcsLabel :html-for="'vp-storey-heights-above'" class="px-4">{{
-              $t('components.vectorProperties.storeyHeights')
-            }}</VcsLabel>
+            <VcsLabel
+              :html-for="`${cid}-vp-storey-heights-above`"
+              class="px-4"
+              >{{ $t('components.vectorProperties.storeyHeights') }}</VcsLabel
+            >
           </v-col>
           <v-col>
             <VcsChipArrayInput
-              id="vp-storey-heights-above"
+              :id="`${cid}-vp-storey-heights-above`"
               column
               type="number"
               v-model="storeyHeights.storeyHeightsAboveGround.value"
@@ -266,7 +268,7 @@
         <v-row v-if="visibleProperties.has('skirt')" no-gutters>
           <v-col>
             <VcsLabel
-              html-for="vp-skirt"
+              :html-for="`${cid}-vp-skirt`"
               :class="{
                 'px-4':
                   visibleProperties.has('storeysBelowGround') ||
@@ -277,7 +279,7 @@
           </v-col>
           <v-col>
             <VcsTextField
-              id="vp-skirt"
+              :id="`${cid}-vp-skirt`"
               v-model.number="localValue.skirt"
               :hide-spin-buttons="true"
               type="number"
@@ -292,13 +294,13 @@
         </v-row>
         <v-row v-if="visibleProperties.has('storeysBelowGround')" no-gutters>
           <v-col>
-            <VcsLabel html-for="vp-storeys-below" class="px-4">{{
+            <VcsLabel :html-for="`${cid}-vp-storeys-below`" class="px-4">{{
               $t('components.vectorProperties.storeys')
             }}</VcsLabel>
           </v-col>
           <v-col>
             <VcsTextField
-              id="vp-storeys-below"
+              :id="`${cid}-vp-storeys-below`"
               v-model.number="localValue.storeysBelowGround"
               :hide-spin-buttons="true"
               type="number"
@@ -315,13 +317,15 @@
           no-gutters
         >
           <v-col>
-            <VcsLabel :html-for="'vp-storey-heights-below'" class="px-4">{{
-              $t('components.vectorProperties.storeyHeights')
-            }}</VcsLabel>
+            <VcsLabel
+              :html-for="`${cid}-vp-storey-heights-below`"
+              class="px-4"
+              >{{ $t('components.vectorProperties.storeyHeights') }}</VcsLabel
+            >
           </v-col>
           <v-col>
             <VcsChipArrayInput
-              :id="'vp-storey-heights-below'"
+              :id="`${cid}-vp-storey-heights-below`"
               column
               type="number"
               v-model="storeyHeights.storeyHeightsBelowGround.value"
@@ -348,13 +352,13 @@
       <v-container class="px-1 py-0">
         <v-row v-if="visibleProperties.has('modelUrl')" no-gutters>
           <v-col>
-            <VcsLabel html-for="vp-model-url">
+            <VcsLabel :html-for="`${cid}-vp-model-url`">
               {{ $t('components.vectorProperties.modelUrl') }}
             </VcsLabel>
           </v-col>
           <v-col>
             <VcsTextField
-              id="vp-model-url"
+              :id="`${cid}-vp-model-url`"
               v-model="localValue.modelUrl"
               clearable
               :placeholder="'modelUrl' in localValue ? 'example.glb' : ''"
@@ -384,12 +388,13 @@
         </template>
         <v-row v-if="visibleProperties.has('modelHeading')" no-gutters>
           <v-col cols="6">
-            <VcsLabel>{{
+            <VcsLabel :html-for="`${cid}-vp-model-heading`">{{
               $t('components.vectorProperties.modelHeading')
             }}</VcsLabel>
           </v-col>
           <v-col>
             <VcsTextField
+              :id="`${cid}-vp-model-heading`"
               v-model.number="localValue.modelHeading"
               :hide-spin-buttons="true"
               type="number"
@@ -401,12 +406,13 @@
         </v-row>
         <v-row v-if="visibleProperties.has('modelPitch')" no-gutters>
           <v-col cols="6">
-            <VcsLabel>{{
+            <VcsLabel :html-for="`${cid}-vp-model-pitch`">{{
               $t('components.vectorProperties.modelPitch')
             }}</VcsLabel>
           </v-col>
           <v-col>
             <VcsTextField
+              :id="`${cid}-vp-model-pitch`"
               v-model.number="localValue.modelPitch"
               :hide-spin-buttons="true"
               type="number"
@@ -418,12 +424,13 @@
         </v-row>
         <v-row v-if="visibleProperties.has('modelRoll')" no-gutters>
           <v-col cols="6">
-            <VcsLabel>{{
+            <VcsLabel :html-for="`${cid}-vp-model-roll`">{{
               $t('components.vectorProperties.modelRoll')
             }}</VcsLabel>
           </v-col>
           <v-col>
             <VcsTextField
+              :id="`${cid}-vp-model-roll`"
               v-model.number="localValue.modelRoll"
               :hide-spin-buttons="true"
               type="number"
@@ -435,13 +442,13 @@
         </v-row>
         <v-row v-if="visibleProperties.has('baseUrl')" no-gutters>
           <v-col>
-            <VcsLabel html-for="vp-base-url">{{
+            <VcsLabel :html-for="`${cid}-vp-base-url`">{{
               $t('components.vectorProperties.baseUrl')
             }}</VcsLabel>
           </v-col>
           <v-col>
             <VcsTextField
-              id="vp-base-url"
+              :id="`${cid}-vp-base-url`"
               clearable
               v-model="localValue.baseUrl"
               :placeholder="'baseUrl' in localValue ? 'path/to/files/' : ''"
@@ -466,6 +473,7 @@
   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';
 
   export const genericVectorProperties = [
     'altitudeMode',
@@ -698,6 +706,8 @@
           : [],
       );
 
+      const cid = useComponentId();
+
       return {
         localValue,
         headerActions,
@@ -712,6 +722,7 @@
         storeyHeights,
         modelScale,
         dimensionsUpperCase,
+        cid,
       };
     },
   };

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

@@ -241,6 +241,7 @@ declare const _default: import("vue").DefineComponent<{
     storeyHeights: import("vue").ComputedRef<{}>;
     modelScale: import("vue").ComputedRef<{}>;
     dimensionsUpperCase: string[];
+    cid: string;
 }, any, {}, {
     computed: typeof import("@vue/reactivity").computed;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/src/components/viewpoint/VcsViewpointComponent.vue

@@ -9,13 +9,13 @@
       <v-container class="py-0 px-1">
         <v-row no-gutters v-if="!hideName">
           <v-col cols="6">
-            <VcsLabel html-for="name" dense required>
+            <VcsLabel :html-for="`${cid}-name`" dense required>
               {{ $t('components.viewpoint.name') }}
             </VcsLabel>
           </v-col>
           <v-col>
             <VcsTextField
-              id="name"
+              :id="`${cid}-name`"
               clearable
               v-model="localValue.name"
               :rules="nameRules"
@@ -24,13 +24,13 @@
         </v-row>
         <v-row no-gutters v-if="!hideTitle">
           <v-col cols="6">
-            <VcsLabel html-for="title" dense>
+            <VcsLabel :html-for="`${cid}-title`" dense>
               {{ $t('components.viewpoint.title') }}
             </VcsLabel>
           </v-col>
           <v-col>
             <VcsTextField
-              id="title"
+              :id="`${cid}-title`"
               clearable
               :placeholder="$t('components.viewpoint.titlePlaceholder')"
               v-model="title"
@@ -40,7 +40,6 @@
         <v-row no-gutters v-if="!hideAnimate">
           <v-col cols="6">
             <VcsCheckbox
-              id="animate"
               label="components.viewpoint.animate"
               v-model="localValue.animate"
             />
@@ -48,7 +47,6 @@
           <v-col>
             <VcsTextField
               v-if="localValue.animate"
-              id="duration"
               clearable
               :hide-spin-buttons="true"
               type="number"
@@ -102,12 +100,13 @@
         <template v-if="!isCesiumMap">
           <v-row no-gutters>
             <v-col>
-              <VcsLabel html-for="distance" dense>
+              <VcsLabel :html-for="`${cid}-distance`" dense>
                 {{ $t('components.viewpoint.distance') }}
               </VcsLabel>
             </v-col>
             <v-col>
               <VcsTextField
+                :id="`${cid}-distance`"
                 :min="0"
                 :step="100"
                 prefix="d"
@@ -128,13 +127,13 @@
           <div v-for="key in ['heading', 'pitch', 'roll']" :key="key">
             <v-row no-gutters>
               <v-col cols="9">
-                <VcsLabel :html-for="key" dense>
+                <VcsLabel :html-for="`${cid}-${key}`" dense>
                   {{ $st(`components.viewpoint.${key}`) }}
                 </VcsLabel>
               </v-col>
               <v-col cols="3">
                 <VcsTextField
-                  :id="key"
+                  :id="`${cid}-${key}`"
                   :hide-spin-buttons="true"
                   type="number"
                   unit="°"
@@ -188,6 +187,7 @@
   import VcsCoordinate from '../form-inputs-controls/VcsCoordinate.vue';
   import VcsSlider from '../form-inputs-controls/VcsSlider.vue';
   import { useProxiedComplexModel } from '../modelHelper.js';
+  import { useComponentId } from '../composables.js';
 
   /**
    * Updates the localValue ref by keeping name and properties
@@ -489,6 +489,8 @@
         }
       }
 
+      const cid = useComponentId();
+
       return {
         isCesiumMap,
         localValue,
@@ -500,6 +502,7 @@
         hprSliderOptions,
         isFiniteNumber,
         isPositiveNumber,
+        cid,
       };
     },
   };

package/src/components/viewpoint/VcsViewpointComponent.vue.d.ts

@@ -79,6 +79,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     isFiniteNumber: typeof isFiniteNumber;
     isPositiveNumber: typeof isPositiveNumber;
+    cid: string;
 }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: ObjectConstructor;

package/src/contentTree/contentTreeItem.d.ts

@@ -1,7 +1,7 @@
 /**
- * @type {ClassRegistry<import("@vcmap/core").Ctor<typeof ContentTreeItem>>}
+ * @type {ClassRegistry<typeof ContentTreeItem>}
  */
-export const contentTreeClassRegistry: ClassRegistry<import("@vcmap/core").Ctor<typeof ContentTreeItem>>;
+export const contentTreeClassRegistry: ClassRegistry<typeof ContentTreeItem>;
 export default ContentTreeItem;
 export type ContentTreeItemOptions = {
     type?: string | undefined;

package/src/contentTree/contentTreeItem.js

@@ -47,7 +47,7 @@ import { executeCallbacks } from '../callback/vcsCallback.js';
 const actionWeightSymbol = Symbol('ActionWeight');
 
 /**
- * @type {ClassRegistry<import("@vcmap/core").Ctor<typeof ContentTreeItem>>}
+ * @type {ClassRegistry<typeof ContentTreeItem>}
  */
 export const contentTreeClassRegistry = new ClassRegistry();
 

package/src/featureInfo/BalloonComponent.vue

@@ -2,19 +2,23 @@
   <v-card class="mx-auto elevation-0" v-if="position">
     <slot name="balloon-header" :attrs="{ ...$props, ...$attrs }">
       <v-list-item class="px-1">
-        <template #prepend>
-          <div class="pl-1 pr-2">
-            <v-icon color="primary" size="16"> $vcsInfo </v-icon>
-          </div>
+        <template #prepend="prependScope">
+          <slot name="prepend" v-bind="prependScope">
+            <div class="pl-1 pr-2">
+              <v-icon color="primary" :size="iconSize"> $vcsInfo </v-icon>
+            </div>
+          </slot>
         </template>
-        <v-list-item-title>
-          <h3 class="font-weight-bold">
-            {{ $st(balloonTitle) }}
-          </h3>
-        </v-list-item-title>
-        <v-list-item-subtitle v-if="balloonSubtitle">
-          {{ $st(balloonSubtitle) }}
-        </v-list-item-subtitle>
+        <slot name="balloon-title" :attrs="{ ...$props, ...$attrs }">
+          <v-list-item-title>
+            <h3 class="font-weight-bold">
+              {{ $st(balloonTitle) }}
+            </h3>
+          </v-list-item-title>
+          <v-list-item-subtitle v-if="balloonSubtitle">
+            {{ $st(balloonSubtitle) }}
+          </v-list-item-subtitle>
+        </slot>
         <template #append>
           <VcsButton
             @click.stop="close"
@@ -73,6 +77,7 @@
   import { setupBalloonPositionListener } from './balloonHelper.js';
   import VcsButton from '../components/buttons/VcsButton.vue';
   import { getTag, getTagOptions } from '../components/tables/VcsTable.vue';
+  import { useIconSize } from '../vuePlugins/vuetify.js';
 
   /**
    * @description A balloon viewing feature attributes. Size dynamic dependent on number of attributes.
@@ -84,7 +89,9 @@
    * @vue-prop {Object} tags - optional object containing keys rendered as tags
    * @vue-prop {Array<import("ol/coordinate").Coordinate>} position - clicked position balloon is rendered at
    * @vue-data {slot} [#balloon-header] - slot to override balloon header, $props and $attrs are passed to `attrs`
+   * @vue-data {slot} [#balloon-title] - slot to override balloon title and subtitle, $props and $attrs are passed to `attrs`. Is overwritten by balloon-header slot.
    * @vue-data {slot} [#default] - slot to override balloon content, $props and $attrs are passed to `attrs`
+   * @vue-data {slot} [#prepend] - slot to override balloon header icon
    */
   export default {
     name: 'BalloonComponent',
@@ -186,8 +193,9 @@
         app.windowManager.remove(attrs['window-state'].id);
         destroyListener();
       };
-
+      const iconSize = useIconSize();
       return {
+        iconSize,
         close,
         getTag,
         getTagOptions,

package/src/featureInfo/BalloonComponent.vue.d.ts

@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
 }, {
+    iconSize: import("vue").ComputedRef<number>;
     close: () => void;
     getTag: typeof getTag;
     getTagOptions: typeof getTagOptions;

package/src/featureInfo/abstractFeatureInfoView.d.ts

@@ -103,7 +103,7 @@ export type FeatureInfoViewOptions = import("@vcmap/core").VcsObjectOptions & {
     keyMapping?: Record<string, string>;
     valueMapping?: Record<string, string | Record<string, string>>;
     tags?: Record<string, HTMLTagOptions>;
-    window?: import("../manager/window/windowManager.js").WindowComponentOptions;
+    window?: Pick<import("../manager/window/windowManager.js").WindowComponentOptions, 'state' | 'slot' | 'position'>;
 };
 /**
  * Abstract class to be extended by FeatureInfoView classes
@@ -145,7 +145,7 @@ declare class AbstractFeatureInfoView extends VcsObject {
         [x: string]: HTMLTagOptions;
     };
     /**
-     * @type {import("../manager/window/windowManager.js").WindowComponentOptions|Object}
+     * @type {Pick<import("../manager/window/windowManager.js").WindowComponentOptions,'state'|'slot'|'position'>|Object}
      * @private
      */
     private _window;
@@ -156,9 +156,9 @@ declare class AbstractFeatureInfoView extends VcsObject {
     private _component;
     /**
      * window options, configured in a module, used only internally by AbstractFeatureInfoView or subclass
-     * @type {import("../manager/window/windowManager.js").WindowComponentOptions|Object}
+     * @type {Pick<import("../manager/window/windowManager.js").WindowComponentOptions<FeatureInfoProps>,'state'|'slot'|'position'>|Object}
      */
-    get window(): Object | import("../manager/window/windowManager.js").WindowComponentOptions<Object>;
+    get window(): Object | Pick<import("../manager/window/windowManager.js").WindowComponentOptions<FeatureInfoProps>, "slot" | "state" | "position">;
     /**
      * component provided by a FeatureInfoView class, passed to featureInfo via `getWindowComponentOptions()`
      * @type {import("vue").Component<FeatureInfoProps, unknown, unknown>|undefined}