@vcmap/ui 5.3.3 → 6.0.0-rc.2

package/src/manager/window/WindowComponent.vue

@@ -2,7 +2,7 @@
   <v-sheet
     :id="`window-component--${windowState.id}`"
     class="elevation-3 position-absolute d-flex flex-column"
-    v-on="{ ...$listeners }"
+    v-bind="$attrs"
     @dragstart="dragStart"
     @dragend="dragEnd"
     :draggable="isDraggable"
@@ -45,7 +45,7 @@
 
 <script>
   import { computed, inject, provide, ref } from 'vue';
-  import { VDivider, VSheet } from 'vuetify/lib';
+  import { VDivider, VSheet } from 'vuetify/components';
   import { WindowSlot } from './windowManager.js';
 
   /**
@@ -61,6 +61,7 @@
    */
   export default {
     name: 'WindowComponent',
+    inheritAttrs: false,
     components: {
       VSheet,
       VDivider,

package/src/manager/window/WindowComponent.vue.d.ts

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     dragStart: (e: DragEvent) => void;
     dragEnd: (endEvent: DragEvent) => void;
     mousedown: (e: MouseEvent) => void;
-}, {}, {}, {}, 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<{
     windowState: {
         type: ObjectConstructor;
         required: true;
@@ -36,5 +36,5 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/src/manager/window/WindowComponentHeader.vue

@@ -24,7 +24,7 @@
           :actions="windowState.headerActions"
           :overflow-count="windowState.headerActionsOverflow ?? 3"
         />
-        <v-divider vertical inset class="mx-1" />
+        <v-divider vertical inset class="mx-1 my-1" />
       </template>
       <VcsButton
         v-if="infoAction"
@@ -61,10 +61,13 @@
       margin-top: 2px;
     }
   }
+  .user-select-none {
+    user-select: none;
+  }
 </style>
 
 <script>
-  import { VIcon, VDivider } from 'vuetify/lib';
+  import { VIcon, VDivider } from 'vuetify/components';
   import { computed, getCurrentInstance } from 'vue';
   import VcsButton from '../../components/buttons/VcsButton.vue';
   import VcsActionButtonList from '../../components/buttons/VcsActionButtonList.vue';
@@ -86,6 +89,7 @@
       VIcon,
       VDivider,
     },
+    inheritAttrs: false,
     props: {
       windowState: {
         type: Object,
@@ -116,8 +120,8 @@
 
       const translatedHeaderTitle = computed(() =>
         Array.isArray(props.windowState.headerTitle)
-          ? props.windowState.headerTitle.map((t) => vm.$t(t)).join(' ')
-          : vm.$t(props.windowState.headerTitle),
+          ? props.windowState.headerTitle.map((t) => vm.$st(t)).join(' ')
+          : vm.$st(props.windowState.headerTitle),
       );
 
       const infoAction =

package/src/manager/window/WindowComponentHeader.vue.d.ts

@@ -17,8 +17,8 @@ declare const _default: import("vue").DefineComponent<{
     close: () => void;
     isDockable: import("vue").ComputedRef<any>;
     translatedHeaderTitle: import("vue").ComputedRef<any>;
-    infoAction: import("../../actions/actionHelper.js").VcsAction | undefined;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    infoAction: import("../../actions/actionHelper.js", { with: { "resolution-mode": "import" } }).VcsAction | undefined;
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     windowState: {
         type: ObjectConstructor;
         required: true;
@@ -32,5 +32,5 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/src/manager/window/WindowManager.vue

@@ -56,8 +56,8 @@
 </style>
 
 <script>
-  import { computed, getCurrentInstance, inject, onUnmounted, ref } from 'vue';
-
+  import { computed, inject, onUnmounted, ref } from 'vue';
+  import { useDisplay } from 'vuetify';
   import WindowComponent from './WindowComponent.vue';
   import WindowComponentHeader from './WindowComponentHeader.vue';
   import BalloonComponent from '../../featureInfo/BalloonComponent.vue';
@@ -161,13 +161,8 @@
         moveWindow(id, translation, windowManager, targetSize.value, position);
       };
 
-      const componentIdRef = ref(componentIds);
-
       const addMobileClass = computed(() => {
-        return (
-          getCurrentInstance().proxy.$vuetify.breakpoint.xs &&
-          componentIdRef.value.length > 0
-        );
+        return useDisplay().xs.value && componentIds.length > 0;
       });
 
       const setTargetSize = () => {
@@ -183,7 +178,7 @@
       });
 
       return {
-        componentIds: componentIdRef,
+        componentIds,
         getComponent: (id) => windowManager.get(id).component,
         getHeaderComponent: (id) =>
           windowManager.get(id).headerComponent || WindowComponentHeader,

package/src/manager/window/WindowManager.vue.d.ts

@@ -14,6 +14,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         dx: number;
         dy: number;
     }) => void;
-    addMobileClass: 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<{}>>, {}>;
+    addMobileClass: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/src/manager/window/windowManager.d.ts

@@ -12,15 +12,26 @@ export function compareWindowPositions(pos1: WindowPosition, pos2: WindowPositio
  */
 export function isSlotPosition(windowPosition: WindowPosition): boolean;
 /**
- * @typedef {Object} WindowComponentOptions
+ * @typedef {{
+ *   id?: string,
+ *   parentId?: string,
+ *   component: import("vue").Component<T, unknown, unknown>,
+ *   headerComponent?: import("vue").Component<T, unknown, unknown>,
+ *   state? : Partial<WindowState>,
+ *   position? : Partial<WindowPositionOptions>,
+ *   slot: WindowSlot,
+ *   props?: T,
+ *   provides?: Record<string, unknown>
+ * }} WindowComponentOptions
+ * @template {Object} [T=Object]
  * @property {string} [id] Optional ID, If not provided an uuid will be generated.
  * @property {string} [parentId] An optional ID of a parent window for 'dynamicChild' slot. Parent windows with slot dynamicRight are not supported.
- * @property {import("vue").Component} component Main Component which is shown below the header.
- * @property {import("vue").Component} [headerComponent] Replaces the Header Component.
+ * @property {import("vue").Component<T, unknown, unknown>} component Main Component which is shown below the header.
+ * @property {import("vue").Component<T, unknown, unknown>} [headerComponent] Replaces the Header Component.
  * @property {Partial<WindowState>} [state]
  * @property {Partial<WindowPositionOptions>} [position] Will be merged with default position for slot
  * @property {WindowSlot} [slot]
- * @property {Object} [props]
+ * @property {T} [props]
  * @property {Object} [provides]
  */
 /**
@@ -40,17 +51,29 @@ export function isSlotPosition(windowPosition: WindowPosition): boolean;
  * @property {Array<string>|Object<string,string>} [classes] Can be used to add additional classes to the root WindowComponent. Use Vue Class Bindings Syntax https://vuejs.org/v2/guide/class-and-style.html
  */
 /**
- * @typedef {Object} WindowComponent
+ * @typedef {{
+ *   id: string,
+ *   parentId?: string,
+ *   component: import("vue").Component<T, unknown, unknown>,
+ *   headerComponent?: import("vue").Component<T, unknown, unknown>,
+ *   state : Partial<WindowState>,
+ *   position : Partial<WindowPositionOptions>,
+ *   slot: WindowSlot,
+ *   props: T,
+ *   provides: Record<string, unknown>,
+ *   zIndex: import("vue").ComputedGetter<number>
+ * }} WindowComponent
+ * @template {Object} [T=Object]
  * @property {string} id
  * @property {string} [parentId]
- * @property {import("vue").Component} component
- * @property {import("vue").Component} [headerComponent]
+ * @property {import("vue").Component<T, unknown, unknown>} component
+ * @property {import("vue").Component<T, unknown, unknown>} [headerComponent]
  * @property {WindowState} state
  * @property {WindowPosition} [position]
  * @property {WindowPositionOptions} initialPositionOptions
  * @property {import("vue").Ref<WindowSlot>} slot
  * @property {WindowSlot} initialSlot
- * @property {Object} props
+ * @property {T} props
  * @property {Object} provides
  * @property {import("vue").ComputedGetter<number>} zIndex
  */
@@ -106,31 +129,16 @@ export namespace WindowPositions {
     export { DETACHED_1 as DETACHED };
 }
 export default WindowManager;
-export type WindowComponentOptions = {
-    /**
-     * Optional ID, If not provided an uuid will be generated.
-     */
-    id?: string | undefined;
-    /**
-     * An optional ID of a parent window for 'dynamicChild' slot. Parent windows with slot dynamicRight are not supported.
-     */
-    parentId?: string | undefined;
-    /**
-     * Main Component which is shown below the header.
-     */
-    component: import("vue").Component;
-    /**
-     * Replaces the Header Component.
-     */
-    headerComponent?: import("vue").Component<import("vue/types/options.js").DefaultData<never>, import("vue/types/options.js").DefaultMethods<never>, import("vue/types/options.js").DefaultComputed, import("vue/types/options.js").DefaultProps, {}> | undefined;
-    state?: Partial<WindowState> | undefined;
-    /**
-     * Will be merged with default position for slot
-     */
-    position?: Partial<WindowPositionOptions> | undefined;
-    slot?: string | undefined;
-    props?: Object | undefined;
-    provides?: Object | undefined;
+export type WindowComponentOptions<T extends Object = Object> = {
+    id?: string;
+    parentId?: string;
+    component: import("vue").Component<T, unknown, unknown>;
+    headerComponent?: import("vue").Component<T, unknown, unknown>;
+    state?: Partial<WindowState>;
+    position?: Partial<WindowPositionOptions>;
+    slot: WindowSlot;
+    props?: T;
+    provides?: Record<string, unknown>;
 };
 export type WindowState = {
     id: string;
@@ -178,18 +186,16 @@ export type WindowState = {
         [x: string]: string;
     } | undefined;
 };
-export type WindowComponent = {
+export type WindowComponent<T extends Object = Object> = {
     id: string;
-    parentId?: string | undefined;
-    component: import("vue").Component;
-    headerComponent?: import("vue").Component<import("vue/types/options.js").DefaultData<never>, import("vue/types/options.js").DefaultMethods<never>, import("vue/types/options.js").DefaultComputed, import("vue/types/options.js").DefaultProps, {}> | undefined;
-    state: WindowState;
-    position?: WindowPosition | undefined;
-    initialPositionOptions: WindowPositionOptions;
-    slot: import("vue").Ref<WindowSlot>;
-    initialSlot: WindowSlot;
-    props: Object;
-    provides: Object;
+    parentId?: string;
+    component: import("vue").Component<T, unknown, unknown>;
+    headerComponent?: import("vue").Component<T, unknown, unknown>;
+    state: Partial<WindowState>;
+    position: Partial<WindowPositionOptions>;
+    slot: WindowSlot;
+    props: T;
+    provides: Record<string, unknown>;
     zIndex: import("vue").ComputedGetter<number>;
 };
 export type WindowPositionOptions = {
@@ -296,9 +302,9 @@ declare class WindowManager implements IWindowManager {
     removed: import("@vcmap/core").VcsEvent<WindowComponent>;
     /**
      * reactive ordered array of ids,
-     * @type {Array<string>}
+     * @type {import("vue").UnwrapRef<string[]>}
      */
-    componentIds: Array<string>;
+    componentIds: import("vue").UnwrapRef<string[]>;
     /**
      * reactive ordered array of ids, defining the zIndex of a component
      * @type {import("vue").Ref<Array<string>>}

package/src/manager/window/windowManager.js

@@ -102,15 +102,26 @@ export function isSlotPosition(windowPosition) {
 }
 
 /**
- * @typedef {Object} WindowComponentOptions
+ * @typedef {{
+ *   id?: string,
+ *   parentId?: string,
+ *   component: import("vue").Component<T, unknown, unknown>,
+ *   headerComponent?: import("vue").Component<T, unknown, unknown>,
+ *   state? : Partial<WindowState>,
+ *   position? : Partial<WindowPositionOptions>,
+ *   slot: WindowSlot,
+ *   props?: T,
+ *   provides?: Record<string, unknown>
+ * }} WindowComponentOptions
+ * @template {Object} [T=Object]
  * @property {string} [id] Optional ID, If not provided an uuid will be generated.
  * @property {string} [parentId] An optional ID of a parent window for 'dynamicChild' slot. Parent windows with slot dynamicRight are not supported.
- * @property {import("vue").Component} component Main Component which is shown below the header.
- * @property {import("vue").Component} [headerComponent] Replaces the Header Component.
+ * @property {import("vue").Component<T, unknown, unknown>} component Main Component which is shown below the header.
+ * @property {import("vue").Component<T, unknown, unknown>} [headerComponent] Replaces the Header Component.
  * @property {Partial<WindowState>} [state]
  * @property {Partial<WindowPositionOptions>} [position] Will be merged with default position for slot
  * @property {WindowSlot} [slot]
- * @property {Object} [props]
+ * @property {T} [props]
  * @property {Object} [provides]
  */
 
@@ -132,17 +143,29 @@ export function isSlotPosition(windowPosition) {
  */
 
 /**
- * @typedef {Object} WindowComponent
+ * @typedef {{
+ *   id: string,
+ *   parentId?: string,
+ *   component: import("vue").Component<T, unknown, unknown>,
+ *   headerComponent?: import("vue").Component<T, unknown, unknown>,
+ *   state : Partial<WindowState>,
+ *   position : Partial<WindowPositionOptions>,
+ *   slot: WindowSlot,
+ *   props: T,
+ *   provides: Record<string, unknown>,
+ *   zIndex: import("vue").ComputedGetter<number>
+ * }} WindowComponent
+ * @template {Object} [T=Object]
  * @property {string} id
  * @property {string} [parentId]
- * @property {import("vue").Component} component
- * @property {import("vue").Component} [headerComponent]
+ * @property {import("vue").Component<T, unknown, unknown>} component
+ * @property {import("vue").Component<T, unknown, unknown>} [headerComponent]
  * @property {WindowState} state
  * @property {WindowPosition} [position]
  * @property {WindowPositionOptions} initialPositionOptions
  * @property {import("vue").Ref<WindowSlot>} slot
  * @property {WindowSlot} initialSlot
- * @property {Object} props
+ * @property {T} props
  * @property {Object} provides
  * @property {import("vue").ComputedGetter<number>} zIndex
  */
@@ -267,9 +290,9 @@ class WindowManager {
     this.removed = new VcsEvent();
     /**
      * reactive ordered array of ids,
-     * @type {Array<string>}
+     * @type {import("vue").UnwrapRef<string[]>}
      */
-    this.componentIds = [];
+    this.componentIds = reactive([]);
     /**
      * reactive ordered array of ids, defining the zIndex of a component
      * @type {import("vue").Ref<Array<string>>}

package/src/navigation/MapNavCompass.vue.d.ts

@@ -7,9 +7,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {}, {}, {}, {
+}, any, any, {}, {
     emit(event: any, dir: any): void;
-}, 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<{
     canEmit: {
         type: BooleanConstructor;
         default: boolean;
@@ -21,5 +21,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     canEmit: boolean;
     hideTicks: boolean;
-}>;
+}, {}>;
 export default _default;

package/src/navigation/MapNavigation.vue

@@ -1,7 +1,5 @@
 <template>
-  <v-container
-    :class="$vuetify.breakpoint.xs ? 'nav-container mobile' : 'nav-container'"
-  >
+  <v-container :class="xs ? 'nav-container mobile' : 'nav-container'">
     <v-row>
       <VcsCompass
         :view-mode="viewMode"
@@ -12,7 +10,7 @@
     <v-row v-if="isOblique">
       <ObliqueRotation v-model="heading" :disabled="movementApiCallsDisabled" />
     </v-row>
-    <template v-if="$vuetify.breakpoint.mobile">
+    <template v-if="mobile">
       <v-row justify="center">
         <OrientationToolsButton
           v-if="showLocatorButton"
@@ -24,7 +22,7 @@
         ></OrientationToolsButton>
       </v-row>
     </template>
-    <template v-if="$vuetify.breakpoint.mdAndUp">
+    <template v-if="mdAndUp">
       <v-row justify="center">
         <VcsZoomButton
           @zoom-out="zoomOut()"
@@ -32,7 +30,7 @@
           :disabled="movementApiCallsDisabled"
         />
       </v-row>
-      <v-row justify="center" v-if="is3D && $vuetify.breakpoint.mdAndUp">
+      <v-row justify="center" v-if="is3D && mdAndUp">
         <TiltSlider v-model="tilt" :disabled="movementApiCallsDisabled" />
       </v-row>
       <v-row justify="center">
@@ -60,7 +58,8 @@
 <script>
   import { computed, inject, ref, reactive, onUnmounted } from 'vue';
   import { ObliqueMap, CesiumMap } from '@vcmap/core';
-  import { VContainer, VRow } from 'vuetify/lib';
+  import { VContainer, VRow } from 'vuetify/components';
+  import { useDisplay } from 'vuetify';
   import { createOverviewMapAction } from '../actions/actionHelper.js';
   import { createLocatorAction } from './locatorHelper.js';
   import {
@@ -301,7 +300,12 @@
         removeMovementDisabledListener();
       });
 
+      const { xs, mdAndUp, mobile } = useDisplay();
+
       return {
+        xs,
+        mdAndUp,
+        mobile,
         viewMode,
         heading,
         tilt,
@@ -331,9 +335,12 @@
 <style lang="scss" scoped>
   .nav-container {
     position: absolute;
-    right: 2rem;
-    bottom: 1rem;
+    right: 26px;
+    // right: 26px --> the 2rem were 26px in the old map, now 32px ?Important?
+    bottom: 13px;
+    // bottom: 13px --> the 1rem were 13px in the old map, now 16px ?Important?
     width: unset;
+    padding: 12px;
     &.mobile {
       top: 1rem;
       right: 1rem;
@@ -341,7 +348,7 @@
     }
   }
   .nav-container > {
-    .row {
+    .v-row {
       margin-top: 15px;
       margin-bottom: 0;
     }

package/src/navigation/MapNavigation.vue.d.ts

@@ -1,4 +1,7 @@
 declare const _default: import("vue").DefineComponent<{}, {
+    xs: import("vue").Ref<boolean>;
+    mdAndUp: import("vue").Ref<boolean>;
+    mobile: import("vue").ComputedRef<boolean>;
     viewMode: import("vue").Ref<string>;
     heading: import("vue").WritableComputedRef<number>;
     tilt: import("vue").WritableComputedRef<number>;
@@ -22,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         /**
          * - callback function is triggered when the button is clicked
          */
-        callback: import("../actions/actionHelper.js").ActionCallback;
+        callback: import("../actions/actionHelper.js", { with: { "resolution-mode": "import" } }).ActionCallback;
         /**
          * - optional state of button. If active, button is rendered in primary color
          */
@@ -56,7 +59,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         /**
          * - callback function is triggered when the button is clicked
          */
-        callback: import("../actions/actionHelper.js").ActionCallback;
+        callback: import("../actions/actionHelper.js", { with: { "resolution-mode": "import" } }).ActionCallback;
         /**
          * - optional state of button. If active, button is rendered in primary color
          */
@@ -78,5 +81,5 @@ declare const _default: import("vue").DefineComponent<{}, {
     showLocatorButton: import("vue").Ref<boolean>;
     homeAction: any;
     movementApiCallsDisabled: 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/navigation/ObliqueRotation.vue

@@ -31,7 +31,7 @@
     name: 'ObliqueRotation',
     components: { OrientationToolsButton },
     props: {
-      value: {
+      modelValue: {
         type: Number,
         required: true,
       },
@@ -43,13 +43,13 @@
     },
     methods: {
       input(rotation) {
-        let currentValue = this.value + rotation;
+        let currentValue = this.modelValue + rotation;
         if (currentValue > 360) {
           currentValue -= 360;
         } else if (currentValue < 0) {
           currentValue += 360;
         }
-        this.$emit('input', currentValue);
+        this.$emit('update:modelValue', currentValue);
       },
     },
   };
@@ -61,20 +61,18 @@
     .inner {
       box-shadow: rgba(0, 0, 0, 0.25) 0 -2px 2px 0 inset;
     }
-    ::v-deep {
-      .btn-orientation-tools {
-        &:first-child {
-          box-shadow:
-            rgba(0, 0, 0, 0.25) 2px 2px 1px -2px,
-            rgba(0, 0, 0, 0.02) -3px 2px 2px 0,
-            rgba(0, 0, 0, 0.12) 0 1px 1px 0 !important;
-        }
-        &:last-child {
-          box-shadow:
-            rgba(0, 0, 0, 0.02) 1px 4px 1px -2px,
-            rgba(0, 0, 0, 0.02) 1px 2px 1px 0,
-            rgba(0, 0, 0, 0.1) 1px 1px 1px 0 !important;
-        }
+    :deep(.btn-orientation-tools) {
+      &:first-child {
+        box-shadow:
+          rgba(0, 0, 0, 0.25) 2px 2px 1px -2px,
+          rgba(0, 0, 0, 0.02) -3px 2px 2px 0,
+          rgba(0, 0, 0, 0.12) 0 1px 1px 0 !important;
+      }
+      &:last-child {
+        box-shadow:
+          rgba(0, 0, 0, 0.02) 1px 4px 1px -2px,
+          rgba(0, 0, 0, 0.02) 1px 2px 1px 0,
+          rgba(0, 0, 0, 0.1) 1px 1px 1px 0 !important;
       }
     }
   }

package/src/navigation/ObliqueRotation.vue.d.ts

@@ -1,5 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
-    value: {
+    modelValue: {
         type: NumberConstructor;
         required: true;
     };
@@ -8,10 +8,10 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         required: false;
     };
-}, {}, {}, {}, {
+}, any, any, {}, {
     input(rotation: any): void;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    value: {
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
         type: NumberConstructor;
         required: true;
     };
@@ -22,5 +22,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     disabled: boolean;
-}>;
+}, {}>;
 export default _default;