@vcmap/ui 5.3.3 → 6.0.0-rc.2

package/src/actions/flightActions.js

@@ -141,7 +141,7 @@ export function createFastAction(app, instance, direction) {
     player?.pause();
   }
 
-  const action = {
+  const action = reactive({
     name: `fast-${direction}`,
     icon,
     title: `flight.${direction}FastTooltip`,
@@ -158,7 +158,7 @@ export function createFastAction(app, instance, direction) {
         }
       },
     },
-  };
+  });
 
   const playerChangedListener = app.flights.playerChanged.addEventListener(
     (activePlayer) => {
@@ -245,14 +245,14 @@ export function setupFlightListItemPlayer(app, instance, actions) {
     );
   }
 
-  const stopAction = {
+  const stopAction = reactive({
     name: 'stop',
     icon: 'mdi-square',
     title: 'flight.stopTooltip',
     callback: () => {
       player?.stop();
     },
-  };
+  });
 
   const playAction = reactive({
     name: 'play',
@@ -308,7 +308,7 @@ export function setupFlightListItemPlayer(app, instance, actions) {
 export function createZoomToFlightAction(app, instance) {
   let flightVis;
 
-  const action = {
+  const action = reactive({
     name: 'components.flight.zoom',
     title: 'components.flight.zoom',
     disabled: !instance.isValid(),
@@ -318,7 +318,7 @@ export function createZoomToFlightAction(app, instance) {
       }
       await flightVis.zoomToExtent();
     },
-  };
+  });
   const listener = instance.anchorsChanged.addEventListener(() => {
     action.disabled = !instance.isValid();
   });
@@ -390,7 +390,7 @@ export function createExportFlightAction(instance, isPathExport = false) {
     ? 'components.flight.exportPath'
     : 'components.flight.export';
 
-  const action = {
+  const action = reactive({
     name,
     title: name,
     disabled: !instance.isValid(),
@@ -403,7 +403,7 @@ export function createExportFlightAction(instance, isPathExport = false) {
         }.json`,
       );
     },
-  };
+  });
 
   const destroy = instance.anchorsChanged.addEventListener(() => {
     action.disabled = !instance.isValid();

package/src/actions/listActions.d.ts

@@ -1,5 +1,5 @@
 /**
- * Creates an action for renaming an item in a VcsList. Sho VcsTextfield in VcsList.
+ * Creates an action for renaming an item in a VcsList. Shows VcsTextfield in VcsList.
  * @param {import("../components/lists/VcsList.vue").VcsListItem} item
  * @param {Partial<import("./actionHelper.js").ActionOptions>} [actionOptions={}]
  * @returns {import("./actionHelper.js").VcsAction}
@@ -13,7 +13,7 @@ export function createListItemRenameAction(item: import("../components/lists/Vcs
  * @template {Object} T
  * @returns {import("./actionHelper.js").VcsAction}
  */
-export function createListItemDeleteAction<T extends Object>(collection: import("@vcmap/core/dist/src/util/collection.js").default<T>, item: T, actionOptions?: Partial<import("./actionHelper.js").ActionOptions> | undefined): import("./actionHelper.js").VcsAction;
+export function createListItemDeleteAction<T extends Object>(collection: import("@vcmap/core").Collection<T>, item: T, actionOptions?: Partial<import("./actionHelper.js").ActionOptions> | undefined): import("./actionHelper.js").VcsAction;
 /**
  * Creates an action based on a provided selection
  * @param {import("vue").Ref<Array<import("../components/lists/VcsList.vue").VcsListItem>>} selection

package/src/actions/listActions.js

@@ -2,14 +2,14 @@ import { reactive, watch } from 'vue';
 import { check } from '@vcsuite/check';
 import { getLogger } from '@vcsuite/logger';
 import { parseGeoJSON } from '@vcmap/core';
+import VcsImportComponent from '../components/import/VcsImportComponent.vue';
 import { createToggleAction } from './actionHelper.js';
-import ImportComponent from '../components/import/ImportComponent.vue';
 import { WindowSlot } from '../manager/window/windowManager.js';
 import { vcsAppSymbol } from '../pluginHelper.js';
 import { NotificationType } from '../notifier/notifier.js';
 
 /**
- * Creates an action for renaming an item in a VcsList. Sho VcsTextfield in VcsList.
+ * Creates an action for renaming an item in a VcsList. Shows VcsTextfield in VcsList.
  * @param {import("../components/lists/VcsList.vue").VcsListItem} item
  * @param {Partial<import("./actionHelper.js").ActionOptions>} [actionOptions={}]
  * @returns {import("./actionHelper.js").VcsAction}
@@ -228,7 +228,7 @@ export function createListImportAction(
     {
       id: `list-import`,
       parentId,
-      component: ImportComponent,
+      component: VcsImportComponent,
       slot: WindowSlot.DYNAMIC_CHILD,
       state: {
         headerTitle: `list.import`,

package/src/actions/stateRefAction.js

@@ -1,4 +1,4 @@
-import { watch } from 'vue';
+import { reactive, watch } from 'vue';
 import { check } from '@vcsuite/check';
 
 /**
@@ -32,11 +32,11 @@ export function createStateRefAction(name, stateRef, callback) {
   check(callback, Function);
 
   const currentState = stateRef.value;
-  const action = {
+  const action = reactive({
     name,
     icon: stateIconMap[currentState],
     callback,
-  };
+  });
 
   const destroy = watch(stateRef, () => {
     action.icon = stateIconMap[stateRef.value];

package/src/application/VcsApp.vue

@@ -2,18 +2,12 @@
   <v-container class="fill-height pa-0" absolute fluid>
     <VcsSplashScreen
       v-if="splashScreen"
-      v-model="splashScreenRef"
       :options="splashScreen"
-      :window-id="'splashScreen'"
+      v-model="splashScreenRef"
     ></VcsSplashScreen>
     <VcsNavbar />
     <VcsContainer :attribution-action="attributionAction" />
-    <v-footer
-      absolute
-      v-if="$vuetify.breakpoint.smAndUp"
-      min-height="22px"
-      class="d-flex gap-1 pa-0"
-    >
+    <v-footer v-if="smAndUp" app absolute height="22" class="d-flex gc-1 pa-0">
       <VcsPositionDisplay />
       <VcsTextPageFooter
         v-if="imprint"
@@ -35,7 +29,7 @@
 </template>
 
 <style scoped lang="scss">
-  ::v-deep .v-application--wrap {
+  :deep(.v-application--wrap) {
     min-height: fit-content;
   }
   .align-wrapper {
@@ -46,17 +40,10 @@
 </style>
 
 <script>
-  import {
-    computed,
-    getCurrentInstance,
-    onMounted,
-    onUnmounted,
-    provide,
-    ref,
-    watch,
-  } from 'vue';
+  import { computed, onMounted, onUnmounted, provide, watch, ref } from 'vue';
+  import { useDisplay } from 'vuetify';
   import { getVcsAppById, moduleIdSymbol } from '@vcmap/core';
-  import { VContainer, VFooter } from 'vuetify/lib';
+  import { VContainer, VFooter } from 'vuetify/components';
   import { getLogger } from '@vcsuite/logger';
   import VcsContainer from './VcsContainer.vue';
   import { ButtonLocation } from '../manager/navbarManager.js';
@@ -534,28 +521,31 @@
    * the theming keys. Returns a function to stop syncing.
    * Also adds a watcher to vuetify theme, which triggers themeChanged event on the VcsUiApp.
    * @param {import("../vcsUiApp.js").default} app
-   * @param {import("vuetify").Framework} vuetify
    * @returns {function():void} - call to stop syncing
    */
-  export function setupUiConfigTheming(app, vuetify) {
+  export function setupUiConfigTheming(app) {
     const listeners = [
       app.uiConfig.added.addEventListener((item) => {
         if (item.name === 'primaryColor') {
-          vuetify.theme.themes.dark.primary = item.value?.dark || item.value;
-          vuetify.theme.themes.light.primary = item.value?.light || item.value;
+          app.vuetify.theme.themes.value.dark.colors.primary =
+            item.value?.dark || item.value;
+          app.vuetify.theme.themes.value.light.colors.primary =
+            item.value?.light || item.value;
           app.themeChanged.raiseEvent();
         }
       }),
       app.uiConfig.removed.addEventListener((item) => {
         if (item.name === 'primaryColor') {
-          vuetify.theme.themes.dark.primary = defaultPrimaryColor.dark;
-          vuetify.theme.themes.light.primary = defaultPrimaryColor.light;
+          app.vuetify.theme.themes.value.dark.colors.primary =
+            defaultPrimaryColor.dark;
+          app.vuetify.theme.themes.value.light.colors.primary =
+            defaultPrimaryColor.light;
           app.themeChanged.raiseEvent();
         }
       }),
     ];
     const stopWatching = watch(
-      () => vuetify.theme.dark,
+      () => app.vuetify.theme.current.value.dark,
       () => app.themeChanged.raiseEvent(),
     );
 
@@ -669,10 +659,7 @@
       const stopSplashScreen = setupSplashScreen(app, splashScreenRef);
       setupHelpButton(app);
       const destroyComponentsWindow = setupCategoryManagerWindow(app);
-      const destroyThemingListener = setupUiConfigTheming(
-        app,
-        getCurrentInstance().proxy.$vuetify,
-      );
+      const destroyThemingListener = setupUiConfigTheming(app);
       const destroyDisplayQualityListener = setupUiConfigDisplayQuality(app);
       const { attributionEntries, attributionAction, destroyAttributions } =
         setupAttributions(app);
@@ -697,7 +684,10 @@
         destroyDisplayQualityListener();
       });
 
+      const { smAndUp } = useDisplay();
+
       return {
+        smAndUp,
         mobileLogo: computed(
           () =>
             app.uiConfig.config.value.mobileLogo ??

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

@@ -45,10 +45,9 @@ export function setupCategoryManagerWindow(app: import("../vcsUiApp.js").default
  * the theming keys. Returns a function to stop syncing.
  * Also adds a watcher to vuetify theme, which triggers themeChanged event on the VcsUiApp.
  * @param {import("../vcsUiApp.js").default} app
- * @param {import("vuetify").Framework} vuetify
  * @returns {function():void} - call to stop syncing
  */
-export function setupUiConfigTheming(app: import("../vcsUiApp.js").default, vuetify: import("vuetify").Framework): () => void;
+export function setupUiConfigTheming(app: import("../vcsUiApp.js").default): () => void;
 /**
  * This helper sets up a listener to sync the display quality settings from the {@see UiConfigObject}
  * @param {import("../vcsUiApp.js").default} app
@@ -72,6 +71,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }, {
+    smAndUp: import("vue").Ref<boolean>;
     mobileLogo: import("vue").ComputedRef<any>;
     imprint: import("vue").ComputedRef<{
         title: string;
@@ -90,12 +90,12 @@ declare const _default: import("vue").DefineComponent<{
             height: string;
         };
     } | undefined>;
-    attributionEntries: import("vue").Ref<import("./attributionsHelper.js").AttributionEntry[]>;
-    attributionAction: import("../actions/actionHelper.js").VcsAction;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    attributionEntries: import("vue").Ref<import("./attributionsHelper.js", { with: { "resolution-mode": "import" } }).AttributionEntry[]>;
+    attributionAction: import("../actions/actionHelper.js", { with: { "resolution-mode": "import" } }).VcsAction;
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     appId: {
         type: StringConstructor;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/src/application/VcsAppWrapper.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-  import { VApp } from 'vuetify/lib';
+  import { VApp } from 'vuetify/components';
   import VcsApp from './VcsApp.vue';
 
   /**

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

@@ -3,10 +3,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, any, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     appId: {
         type: StringConstructor;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/src/application/VcsAttributions.vue

@@ -6,18 +6,16 @@
         :key="key"
         class="px-0"
       >
-        <v-list-item-content>
-          <v-list-item-title>{{ $t(title) }}</v-list-item-title>
-          <v-list-item-subtitle
-            v-for="attribution in attributions"
-            :key="attribution.provider"
-            :title="`${$t(attribution.provider)} ${attribution.year}`"
-          >
-            <a :href="attribution.url" target="_blank">
-              {{ $t(attribution.provider) }} {{ attribution.year }}
-            </a>
-          </v-list-item-subtitle>
-        </v-list-item-content>
+        <v-list-item-title>{{ $st(title) }}</v-list-item-title>
+        <v-list-item-subtitle
+          v-for="attribution in attributions"
+          :key="attribution.provider"
+          :title="`${$st(attribution.provider)} ${attribution.year}`"
+        >
+          <a :href="attribution.url" target="_blank">
+            {{ $st(attribution.provider) }} {{ attribution.year }}
+          </a>
+        </v-list-item-subtitle>
       </v-list-item>
     </v-list>
     <v-sheet v-else class="ma-2">
@@ -53,30 +51,28 @@
   import {
     VList,
     VListItem,
-    VListItemContent,
     VListItemTitle,
     VListItemSubtitle,
     VSheet,
-  } from 'vuetify/lib';
+  } from 'vuetify/components';
 
   /**
    * @description Lists attributions of maps, layers and oblique collections
-   * @vue-prop {import("vue").Ref<Array<AttributionEntry>} entries - array with one entry per active VcsObject
+   * @vue-prop {import("vue").UnwrapRef<Array<AttributionEntry>} entries - array with one entry per active VcsObject
    */
   export default {
     name: 'VcsAttributions',
     components: {
       VList,
       VListItem,
-      VListItemContent,
       VListItemTitle,
       VListItemSubtitle,
       VSheet,
     },
     props: {
       entries: {
-        type: Object,
-        default: () => {},
+        type: Array,
+        default: () => [],
       },
     },
   };

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

@@ -1,14 +1,14 @@
 declare const _default: import("vue").DefineComponent<{
     entries: {
-        type: ObjectConstructor;
-        default: () => void;
+        type: ArrayConstructor;
+        default: () => never[];
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, any, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     entries: {
-        type: ObjectConstructor;
-        default: () => void;
+        type: ArrayConstructor;
+        default: () => never[];
     };
 }>>, {
-    entries: Record<string, any>;
-}>;
+    entries: unknown[];
+}, {}>;
 export default _default;

package/src/application/VcsAttributionsFooter.vue

@@ -6,7 +6,7 @@
       :key="attribution.provider"
     >
       <a :href="attribution.url" target="_blank"
-        >{{ $t(attribution.provider) }} <span>{{ attribution.years }}</span>
+        >{{ $st(attribution.provider) }} <span>{{ attribution.years }}</span>
       </a>
     </span>
     <VcsButton

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

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         years: string;
         url: URL;
     }[]>;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     entries: {
         type: ArrayConstructor;
         required: true;
@@ -22,5 +22,5 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/src/application/VcsContainer.vue

@@ -1,11 +1,12 @@
 <template>
   <v-container
     class="vcs-container pa-0"
-    :class="{ 'vcs-container-xs': $vuetify.breakpoint.xs }"
+    :class="{ 'vcs-container-xs': xs }"
     fluid
     absolute
+    style="background: #1b5e20"
   >
-    <template v-if="$vuetify.breakpoint.xs">
+    <template v-if="xs">
       <img
         v-if="mobileLogo"
         :src="mobileLogo"
@@ -14,7 +15,7 @@
         class="mobile-logo"
       />
     </template>
-    <VcsButton
+    <!--VcsButton
       v-if="!$vuetify.breakpoint.smAndUp && $vuetify.breakpoint.mobile"
       :key="attributionAction.name"
       :tooltip="attributionAction.title"
@@ -22,7 +23,7 @@
       :active="attributionAction.active"
       @click.stop="attributionAction.callback($event)"
       class="z-index-1 mobile-attribution-btn"
-    />
+    /-->
     <PanelManagerComponent />
     <ToolboxManagerComponent />
     <WindowManagerComponent />
@@ -58,15 +59,18 @@
     right: 2px;
     bottom: 36px;
   }
+  .z-index-1 {
+    z-index: 1;
+  }
 </style>
 
 <script>
   import { computed, inject } from 'vue';
-  import { VContainer } from 'vuetify/lib';
+  import { useDisplay } from 'vuetify';
+  import { VContainer } from 'vuetify/components';
   import PanelManagerComponent from '../manager/panel/PanelManagerComponent.vue';
   import WindowManagerComponent from '../manager/window/WindowManager.vue';
   import ToolboxManagerComponent from '../manager/toolbox/ToolboxManager.vue';
-  import VcsButton from '../components/buttons/VcsButton.vue';
   import NotifierComponent from '../notifier/NotifierComponent.vue';
   import VcsDefaultLogoMobile from '../logo-mobile.svg';
 
@@ -76,7 +80,6 @@
    */
   export default {
     components: {
-      VcsButton,
       PanelManagerComponent,
       WindowManagerComponent,
       ToolboxManagerComponent,
@@ -92,7 +95,10 @@
     setup() {
       const app = inject('vcsApp');
 
+      const { xs } = useDisplay();
+
       return {
+        xs,
         mobileLogo: computed(
           () =>
             app.uiConfig.config.value.mobileLogo ??

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

@@ -4,11 +4,12 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }, {
+    xs: import("vue").Ref<boolean>;
     mobileLogo: import("vue").ComputedRef<any>;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     attributionAction: {
         type: ObjectConstructor;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/src/application/VcsCustomScreen.vue

@@ -2,21 +2,22 @@
   <v-card>
     <div class="px-2 pt-2 pb-1">
       <v-card-text>
-        <div v-html="customScreenText"></div>
+        <VcsMarkdown :content="customScreenText"></VcsMarkdown>
       </v-card-text>
     </div>
   </v-card>
 </template>
 
 <script>
-  import { VCard, VCardText } from 'vuetify/lib';
+  import { VCard, VCardText } from 'vuetify/components';
 
   import { computed, getCurrentInstance } from 'vue';
-  import { parseAndSanitizeMarkdown } from './markdownHelper.js';
+  import VcsMarkdown from '../components/form-output/VcsMarkdown.vue';
 
   export default {
     name: 'VcsCustomScreen',
     components: {
+      VcsMarkdown,
       VCard,
       VCardText,
     },
@@ -30,8 +31,7 @@
       const vm = getCurrentInstance().proxy;
       const dialog = true;
       const customScreenText = computed(() => {
-        const translatedContent = vm.$t(props.content);
-        return parseAndSanitizeMarkdown(translatedContent);
+        return vm.$st(props.content);
       });
 
       return {

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

@@ -5,11 +5,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     dialog: boolean;
-    customScreenText: import("vue").ComputedRef<string>;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    customScreenText: import("vue").ComputedRef<any>;
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     content: {
         type: StringConstructor;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/src/application/VcsMainMap.vue

@@ -41,7 +41,10 @@
    */
   export default {
     name: 'VcsMainMap',
-    components: { MapNavigation, VcsMap },
+    components: {
+      MapNavigation,
+      VcsMap,
+    },
     setup() {
       const app = inject('vcsApp');
       const id = uuid();

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

@@ -5,5 +5,5 @@ export function setupMapNavigation(app: any): {
 declare const _default: import("vue").DefineComponent<{}, {
     mapId: string;
     showMapNavigation: import("vue").Ref<boolean>;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/src/application/VcsMap.vue

@@ -10,31 +10,29 @@
 </template>
 
 <style lang="scss" scoped>
-  ::v-deep {
-    .mapElement {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      overflow: hidden; /* Fix for iFrame content */
-    }
+  :deep(.mapElement) {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    overflow: hidden; /* Fix for iFrame content */
+  }
 
-    .overviewMapElement {
-      position: absolute;
-      top: 3px;
-      bottom: 3px;
-      left: 3px;
-      right: 3px;
-      overflow: hidden; /* Fix for iFrame content */
-    }
+  :deep(.overviewMapElement) {
+    position: absolute;
+    top: 3px;
+    bottom: 3px;
+    left: 3px;
+    right: 3px;
+    overflow: hidden; /* Fix for iFrame content */
+  }
 
-    .cesium-widget,
-    .cesium-widget canvas {
-      width: 100%;
-      height: 100%;
-      touch-action: none;
-    }
+  :deep(.cesium-widget),
+  :deep(.cesium-widget canvas) {
+    width: 100%;
+    height: 100%;
+    touch-action: none;
   }
 </style>
 

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

@@ -3,10 +3,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, any, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     mapId: {
         type: StringConstructor;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;