@vcmap/ui 5.3.2 → 6.0.0-rc.1

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,
+ *   parendId?: 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,
+ *   parendId?: 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;
+    parendId?: 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;
+    parendId?: 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,
+ *   parendId?: 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,
+ *   parendId?: 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,

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;

package/src/navigation/OrientationToolsButton.vue

@@ -1,10 +1,9 @@
 <template>
   <VcsTooltip :tooltip-position="tooltipPosition" :tooltip="tooltip">
-    <template #activator="{ on, attrs }">
+    <template #activator="{ props }">
       <v-card
         class="h-8 w-8 d-flex align-center justify-center text-center btn-orientation-tools"
-        v-bind="{ ...$attrs, ...attrs }"
-        v-on="{ ...$listeners, ...on }"
+        v-bind="{ ...$attrs, ...props }"
       >
         <v-icon size="16">{{ icon }}</v-icon>
       </v-card>
@@ -17,9 +16,15 @@
       background-color: transparent !important;
     }
   }
+  .h-8 {
+    height: 32px;
+  }
+  .w-8 {
+    width: 32px;
+  }
 </style>
 <script>
-  import { VCard, VIcon } from 'vuetify/lib';
+  import { VCard, VIcon } from 'vuetify/components';
   import VcsTooltip from '../components/notification/VcsTooltip.vue';
 
   /**

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

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, {}, {}, {}, {}, 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<{
     icon: {
         type: StringConstructor;
         required: true;
@@ -26,5 +26,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     tooltipPosition: string;
-}>;
+}, {}>;
 export default _default;

package/src/navigation/TiltSlider.vue

@@ -1,16 +1,16 @@
 <template>
   <VcsTooltip
-    :tooltip="$t('navigation.pitchTooltip', [Math.round(value)])"
+    :tooltip="$t('navigation.pitchTooltip', [Math.round(modelValue)])"
     tooltip-position="left"
   >
-    <template #activator="{ on, attrs }">
-      <v-card class="w-8" v-on="on" v-bind="attrs" :disabled="disabled">
+    <template #activator="{ props }">
+      <v-card class="w-8" v-bind="props" :disabled="disabled">
         <v-slider
           track-color="base lighten-3"
           v-model="tilt"
           :max="0"
           :min="-90"
-          vertical
+          direction="vertical"
           hide-details
           class="vcs-slider"
           v-bind="{ ...$attrs }"
@@ -22,57 +22,54 @@
 <style lang="scss" scoped>
   @import '../styles/shades.scss';
   .vcs-slider {
-    ::v-deep {
-      .v-slider {
-        min-height: 48px;
-        margin-top: 8px;
-        margin-bottom: 8px;
-      }
-      .v-slider__thumb {
-        cursor: pointer;
-        border-radius: 3px;
-        width: 16px;
-        height: 4px;
-        border: 0;
-        left: -8px;
-        &:before {
-          background-color: transparent;
-        }
+    :deep(.v-slider) {
+      min-height: 48px;
+      margin-top: 8px;
+      margin-bottom: 8px;
+    }
+    :deep(.v-slider__thumb) {
+      cursor: pointer;
+      border-radius: 3px;
+      width: 16px;
+      height: 4px;
+      border: 0;
+      left: -8px;
+      &:before {
+        background-color: transparent;
       }
     }
   }
   .v-application .theme--light.vcs-slider {
-    ::v-deep {
-      .v-slider {
-        .v-slider__track-container {
-          .v-slider__track-fill {
-            background-color: map-get($shades, 'black') !important;
-          }
-        }
-        .v-slider__thumb {
+    :deep(.v-slider) {
+      .v-slider__track-container {
+        .v-slider__track-fill {
           background-color: map-get($shades, 'black') !important;
         }
       }
+      .v-slider__thumb {
+        background-color: map-get($shades, 'black') !important;
+      }
     }
   }
   .v-application .theme--dark.vcs-slider {
-    ::v-deep {
-      .v-slider {
-        .v-slider__track-container {
-          .v-slider__track-fill {
-            background-color: map-get($shades, 'white') !important;
-          }
-        }
-        .v-slider__thumb {
+    :deep(.v-slider) {
+      .v-slider__track-container {
+        .v-slider__track-fill {
           background-color: map-get($shades, 'white') !important;
         }
       }
+      .v-slider__thumb {
+        background-color: map-get($shades, 'white') !important;
+      }
     }
   }
+  .w-8 {
+    width: 32px;
+  }
 </style>
 <script>
   import { clamp } from 'ol/math.js';
-  import { VCard, VSlider } from 'vuetify/lib';
+  import { VCard, VSlider } from 'vuetify/components';
   import VcsTooltip from '../components/notification/VcsTooltip.vue';
 
   /**
@@ -89,7 +86,7 @@
       VSlider,
     },
     props: {
-      value: {
+      modelValue: {
         type: Number,
         required: true,
       },
@@ -101,12 +98,12 @@
     },
     data() {
       return {
-        localValue: Math.round(this.value),
+        localValue: Math.round(this.modelValue),
       };
     },
     watch: {
-      value() {
-        this.localValue = clamp(Math.round(this.value), -90, 0);
+      modelValue() {
+        this.localValue = clamp(Math.round(this.modelValue), -90, 0);
       },
     },
     computed: {
@@ -117,7 +114,7 @@
         set(value) {
           if (value !== this.localValue) {
             this.localValue = value;
-            this.$emit('input', value);
+            this.$emit('update:modelValue', value);
           }
         },
       },

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

@@ -1,5 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
-    value: {
+    modelValue: {
         type: NumberConstructor;
         required: true;
     };
@@ -8,15 +8,15 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
-}, {}, {
+}, any, {
     localValue: number;
 }, {
     tilt: {
         get(): number;
         set(value: 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;
     };
@@ -27,5 +27,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     disabled: boolean;
-}>;
+}, {}>;
 export default _default;