@vcmap/ui 5.3.3 → 6.0.0-rc.2

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

@@ -1,5 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
-    value: {
+    modelValue: {
         default: undefined;
         required: false;
         type: ObjectConstructor;
@@ -25,8 +25,8 @@ declare const _default: import("vue").DefineComponent<{
     reset(): void;
     close(): void;
     handleCheckbox(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: {
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
         default: undefined;
         required: false;
         type: ObjectConstructor;
@@ -48,8 +48,8 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
 }>>, {
-    value: Record<string, any>;
     disabled: boolean;
+    modelValue: Record<string, any>;
     valueDefault: Record<string, any>;
-}>;
+}, {}>;
 export default _default;

package/src/components/style/VcsFeatureStyleComponent.vue

@@ -1,6 +1,6 @@
 <template>
   <VcsVectorStyleComponent
-    :value="styleOptions"
+    :model-value="styleOptions"
     @update:fill="updateFill"
     @update:stroke="updateStroke"
     @update:image="updateImage"

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

@@ -11,21 +11,21 @@ declare const _default: import("vue").DefineComponent<{
         image: undefined;
         text: undefined;
     }>;
-    valueDefault: import("@vcmap/core").VectorStyleItemOptions;
+    valueDefault: import("@vcmap/core", { with: { "resolution-mode": "import" } }).VectorStyleItemOptions;
     updateFill(update: any): void;
     updateStroke(update: any): void;
     updateText(update: any): void;
     updateImage(update: any): 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<{
     featureProperties: {
         type: ObjectConstructor;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;
 export type StyleOptions = {
-    fill?: any | null | undefined;
-    stroke?: any | null | undefined;
-    image?: any | null | undefined;
-    text?: any | null | undefined;
+    fill?: import("ol/style/Fill").Options | null | undefined;
+    stroke?: import("ol/style/Stroke").Options | null | undefined;
+    image?: import("ol/style/Image").Options | null | undefined;
+    text?: import("ol/style/Text").Options | null | undefined;
 };

package/src/components/style/VcsFillMenu.vue

@@ -1,22 +1,21 @@
 <template>
   <MenuWrapper
-    v-bind="{ value, valueDefault, disabled }"
+    v-bind="{ ...$attrs, modelValue, valueDefault, disabled }"
     :value-fallback="{ color: [255, 255, 255, 1] }"
-    v-on="$listeners"
     name="components.style.fill"
   >
     <template #preview>
       <v-sheet :color="rgbaString" width="100%" height="100%" />
     </template>
     <template #content>
-      <VcsFillSelector :value="value" v-on="$listeners" />
+      <VcsFillSelector :model-value="modelValue" v-bind="$attrs" />
     </template>
   </MenuWrapper>
 </template>
 
 <script>
   import { computed } from 'vue';
-  import { VSheet } from 'vuetify/lib';
+  import { VSheet } from 'vuetify/components';
   import VcsFillSelector from './VcsFillSelector.vue';
   import MenuWrapper from './MenuWrapper.vue';
   import { useColorObject, rgbaObjectToString } from './composables.js';
@@ -36,7 +35,7 @@
       MenuWrapper,
     },
     props: {
-      value: {
+      modelValue: {
         type: Object,
         default: undefined,
       },
@@ -50,7 +49,7 @@
       },
     },
     setup(props) {
-      const rgbaObject = useColorObject(() => props.value?.color);
+      const rgbaObject = useColorObject(() => props.modelValue?.color);
       return {
         rgbaString: computed(() => rgbaObjectToString(rgbaObject.value)),
       };

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

@@ -1,5 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
-    value: {
+    modelValue: {
         type: ObjectConstructor;
         default: undefined;
     };
@@ -13,8 +13,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     rgbaString: 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<{
-    value: {
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
         type: ObjectConstructor;
         default: undefined;
     };
@@ -27,8 +27,8 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    value: Record<string, any>;
     disabled: boolean;
+    modelValue: Record<string, any>;
     valueDefault: Record<string, any>;
-}>;
+}, {}>;
 export default _default;

package/src/components/style/VcsFillSelector.vue

@@ -1,17 +1,16 @@
 <template>
   <v-sheet>
     <v-color-picker
-      :value="rgbaObject"
-      @input="updateColor"
+      :model-value="rgbaObject"
+      @update:model-value="updateColor"
       mode="rgba"
-      :hide-mode-switch="true"
       :disabled="!value"
     />
   </v-sheet>
 </template>
 
 <script>
-  import { VSheet, VColorPicker } from 'vuetify/lib';
+  import { VSheet, VColorPicker } from 'vuetify/components';
   import { useColorObject } from './composables.js';
 
   /**
@@ -25,19 +24,19 @@
       VColorPicker,
     },
     props: {
-      value: {
+      modelValue: {
         type: Object,
         default: undefined,
       },
     },
     setup(props, { emit }) {
       return {
-        rgbaObject: useColorObject(() => props.value?.color),
+        rgbaObject: useColorObject(() => props.modelValue?.color),
         updateColor(rgba) {
           const fill = {
             color: [rgba.r, rgba.g, rgba.b, rgba.a],
           };
-          emit('input', fill);
+          emit('update:modelValue', fill);
         },
       };
     },

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

@@ -1,5 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
-    value: {
+    modelValue: {
         type: ObjectConstructor;
         default: undefined;
     };
@@ -11,12 +11,12 @@ declare const _default: import("vue").DefineComponent<{
         a: number;
     }>;
     updateColor(rgba: any): void;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    value: {
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
         type: ObjectConstructor;
         default: undefined;
     };
 }>>, {
-    value: Record<string, any>;
-}>;
+    modelValue: Record<string, any>;
+}, {}>;
 export default _default;

package/src/components/style/VcsImageMenu.vue

@@ -1,12 +1,11 @@
 <template>
   <MenuWrapper
-    v-bind="{ value, valueDefault }"
+    v-bind="{ ...$attrs, modelValue, valueDefault }"
     :value-fallback="{
       radius: 10,
       fill: { color: [255, 255, 255, 1] },
       stroke: { color: [0, 0, 0, 1], width: 2 },
     }"
-    v-on="$listeners"
     name="components.style.image"
   >
     <template #preview>
@@ -14,8 +13,13 @@
     </template>
     <template #content>
       <VcsImageSelector
-        v-bind="{ value, valueDefault, iconOptions, extendedShapeSettings }"
-        v-on="$listeners"
+        v-bind="{
+          ...$attrs,
+          modelValue,
+          valueDefault,
+          iconOptions,
+          extendedShapeSettings,
+        }"
         class="pb-2"
       />
     </template>
@@ -29,7 +33,7 @@
 
   /**
    * @description A wrapper for the VcsImageSelector, that has a small shape/icon preview and a menu that pops up when clicking the preview, containing the image selector.
-   * @vue-prop {import("ol/style/RegularShape").Options | import("ol/style/Circle").Options | import("ol/style/Icon").Options} value - The Image options
+   * @vue-prop {import("ol/style/RegularShape").Options | import("ol/style/Circle").Options | import("ol/style/Icon").Options} modelValue - The Image options
    * @vue-prop {import("ol/style/RegularShape").Options | import("ol/style/Circle").Options | import("ol/style/Icon").Options} valueDefault - The default image options
    * @vue-prop {import("ol/style/Icon").Options} iconOptions - The icon options too choose from. Scale and opacity are ignored.
    * @vue-prop {boolean} [extendedShapeSettings=false] - If true, there are all the input fields needed to create arbitrary ol RegularShapes.
@@ -41,7 +45,7 @@
       VcsImageSelector,
     },
     props: {
-      value: {
+      modelValue: {
         type: Object,
         default: undefined,
       },
@@ -62,12 +66,12 @@
       const canvas = ref(null);
 
       onMounted(() => {
-        drawImageStyle(canvas.value, props.value, true);
+        drawImageStyle(canvas.value, props.modelValue, true);
         watch(
-          () => props.value,
+          () => props.modelValue,
           () => {
             // XXX Maybe add some sort of timeout funciton, so it draws only once when user stops using the slider
-            drawImageStyle(canvas.value, props.value, true);
+            drawImageStyle(canvas.value, props.modelValue, true);
           },
           { deep: true },
         );

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

@@ -1,5 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
-    value: {
+    modelValue: {
         type: ObjectConstructor;
         default: undefined;
     };
@@ -17,8 +17,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     canvas: import("vue").Ref<null>;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    value: {
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
         type: ObjectConstructor;
         default: undefined;
     };
@@ -35,9 +35,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    value: Record<string, any>;
+    modelValue: Record<string, any>;
     valueDefault: Record<string, any>;
     extendedShapeSettings: boolean;
     iconOptions: unknown[];
-}>;
+}, {}>;
 export default _default;

package/src/components/style/VcsImageSelector.vue

@@ -9,7 +9,7 @@
     </v-container>
     <v-divider />
     <div class="px-1">
-      <v-tabs v-model="selectedImageTypeTab" height="40" centered>
+      <v-tabs v-model="selectedImageTypeTab" height="40" align-tabs="center">
         <v-tab
           v-for="item in Object.values(ImageType).map((value) => ({
             value,
@@ -18,22 +18,22 @@
           :key="item.value"
           light
         >
-          {{ $t(item.label) }}
+          {{ $st(item.label) }}
         </v-tab>
       </v-tabs>
     </div>
     <v-divider />
     <v-container class="px-1 pt-1 pb-0">
-      <VcsRadioGrid
+      <VcsRadio
         v-model="selectedImage"
         :items="currentItems"
         :disabled="!value"
         item-value="src"
       >
-        <template #label="{ src }" v-if="selectedType === ImageType.SHAPE">
-          <v-icon size="24">{{ src }}</v-icon>
+        <template #top-label="{ item }" v-if="selectedType === ImageType.SHAPE">
+          <v-icon size="24">{{ item.src }}</v-icon>
         </template>
-      </VcsRadioGrid>
+      </VcsRadio>
       <div v-if="selectedType === ImageType.ICON">
         <v-row no-gutters>
           <v-col>
@@ -61,11 +61,12 @@
           :key="input.name"
         >
           <v-col>
-            <VcsLabel>{{ $t(`components.style.${input.text}`) }}</VcsLabel>
+            <VcsLabel>{{ $st(`components.style.${input.text}`) }}</VcsLabel>
           </v-col>
           <v-col cols="3">
             <VcsTextField
               :id="`style-shape-${input.text}`"
+              :hide-spin-buttons="true"
               type="number"
               :unit="input.unit || ''"
               v-model.number="input.value.value"
@@ -80,11 +81,10 @@
                   !input.range ||
                   (!input.isRequired && !v) ||
                   between(v, input.range) ||
-                  `${$t(
+                  `${$st(
                     'components.validation.allowedRange',
                   )}: ${input.range.join(' - ')}`,
               ]"
-              :show-spin-buttons="true"
             />
           </v-col>
         </v-row>
@@ -99,6 +99,7 @@
         <v-col cols="3">
           <VcsTextField
             id="style-shape-scale"
+            :hide-spin-buttons="true"
             type="number"
             v-model.number="selectedScale"
             placeholder="1"
@@ -134,14 +135,14 @@
     VIcon,
     VTabs,
     VTab,
-  } from 'vuetify/lib';
+  } from 'vuetify/components';
   import { Circle, Fill, Icon, RegularShape, Stroke, Style } from 'ol/style.js';
   import { toContext } from 'ol/render.js';
   import { Point } from 'ol/geom.js';
   import VcsLabel from '../form-inputs-controls/VcsLabel.vue';
   import VcsTextField from '../form-inputs-controls/VcsTextField.vue';
   import VcsSlider from '../form-inputs-controls/VcsSlider.vue';
-  import VcsRadioGrid from '../form-inputs-controls/VcsRadioGrid.vue';
+  import VcsRadio from '../form-inputs-controls/VcsRadio.vue';
   import VcsFillMenu from './VcsFillMenu.vue';
   import VcsStrokeMenu from './VcsStrokeMenu.vue';
   import { useSelectedKey, between } from './composables.js';
@@ -766,11 +767,11 @@
       VcsTextField,
       VcsFillMenu,
       VcsStrokeMenu,
-      VcsRadioGrid,
+      VcsRadio,
       VcsSlider,
     },
     props: {
-      value: {
+      modelValue: {
         type: Object,
         default: undefined,
       },
@@ -789,9 +790,9 @@
     },
     setup(props, { emit }) {
       const currentType = computed(() => {
-        if (props.value?.radius) {
+        if (props.modelValue?.radius) {
           return ImageType.SHAPE;
-        } else if (props.value?.src) {
+        } else if (props.modelValue?.src) {
           return ImageType.ICON;
         } else {
           return undefined;
@@ -828,7 +829,7 @@
           return {
             text: input.name,
             value: useSelectedKey(
-              () => props.value,
+              () => props.modelValue,
               input.name,
               props.valueDefault[input.name],
               emit,
@@ -844,39 +845,42 @@
 
       const selectedScale = computed({
         get() {
-          if (Array.isArray(props.value?.scale)) {
-            return props.value.scale[0];
+          if (Array.isArray(props.modelValue?.scale)) {
+            return props.modelValue.scale[0];
           } else {
-            return props.value?.scale;
+            return props.modelValue?.scale;
           }
         },
         set(value) {
           if (!value) {
-            const newImage = structuredClone(props.value);
+            const newImage = structuredClone(props.modelValue);
             delete newImage.scale;
-            emit('input', newImage);
+            emit('update:modelValue', newImage);
           } else if (value > 0) {
-            const newImage = structuredClone(props.value);
-            emit('input', Object.assign(newImage, { scale: value }));
+            const newImage = structuredClone(props.modelValue);
+            emit(
+              'update:modelValue',
+              Object.assign(newImage, { scale: value }),
+            );
           }
         },
       });
 
       const selectedOpacity = useSelectedKey(
-        () => props.value,
+        () => props.modelValue,
         'opacity',
         props.valueDefault.opacity,
         emit,
       );
 
       const selectedFill = useSelectedKey(
-        () => props.value,
+        () => props.modelValue,
         'fill',
         props.valueDefault.fill,
         emit,
       );
       const selectedStroke = useSelectedKey(
-        () => props.value,
+        () => props.modelValue,
         'stroke',
         props.valueDefault.stroke,
         emit,
@@ -888,7 +892,7 @@
             return undefined;
           } else if (currentType.value === ImageType.SHAPE) {
             const equalShape = defaultShapes.find((preset) =>
-              isEqualShape(props.value, preset.value),
+              isEqualShape(props.modelValue, preset.value),
             );
             if (equalShape) {
               return equalShape.src;
@@ -896,7 +900,7 @@
               return customIcon;
             }
           } else if (currentType.value === ImageType.ICON) {
-            return props.value?.src;
+            return props.modelValue?.src;
           } else {
             return undefined;
           }
@@ -938,7 +942,7 @@
               opacity: selectedOpacity.value || 1,
             });
           }
-          emit('input', JSON.parse(JSON.stringify(newImage)));
+          emit('update:modelValue', JSON.parse(JSON.stringify(newImage)));
         },
       });
 
@@ -956,11 +960,11 @@
       });
 
       onMounted(() => {
-        drawImageStyle(canvas.value, props.value);
+        drawImageStyle(canvas.value, props.modelValue);
         watch(
-          () => props.value,
+          () => props.modelValue,
           () => {
-            drawImageStyle(canvas.value, props.value);
+            drawImageStyle(canvas.value, props.modelValue);
           },
           { deep: true },
         );

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

@@ -4,7 +4,7 @@
  * @param {import("ol/style/Image").Options} imageOptions The JSON options of the image style.
  * @param {boolean} fitToCanvas If the circle, shape or icon should be fitted into the canvas or if it should be draw with it's actual size.
  */
-export function drawImageStyle(canvas: HTMLCanvasElement, imageOptions: any, fitToCanvas?: boolean): Promise<void>;
+export function drawImageStyle(canvas: HTMLCanvasElement, imageOptions: import("ol/style/Image").Options, fitToCanvas?: boolean): Promise<void>;
 /**
  * *
  */
@@ -56,7 +56,7 @@ export const defaultIcons: {
     anchor: number[];
 }[];
 declare const _default: import("vue").DefineComponent<{
-    value: {
+    modelValue: {
         type: ObjectConstructor;
         default: undefined;
     };
@@ -86,20 +86,20 @@ declare const _default: import("vue").DefineComponent<{
     canvas: import("vue").Ref<any>;
     shapeSingleValueInputs: import("vue").ComputedRef<{
         text: string;
-        value: import("vue").WritableComputedRef<any>;
+        value: import("vue").WritableComputedRef<unknown>;
         unit: string;
         range: number[];
         step: any;
     }[]>;
     selectedScale: import("vue").WritableComputedRef<any>;
-    selectedOpacity: import("vue").WritableComputedRef<any>;
-    selectedFill: import("vue").WritableComputedRef<any>;
-    selectedStroke: import("vue").WritableComputedRef<any>;
+    selectedOpacity: import("vue").WritableComputedRef<unknown>;
+    selectedFill: import("vue").WritableComputedRef<unknown>;
+    selectedStroke: import("vue").WritableComputedRef<unknown>;
     between: typeof between;
-    currentItems: import("vue").ComputedRef<any>;
+    currentItems: import("vue").ComputedRef<any[]>;
     selectedImageTypeTab: import("vue").Ref<number>;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    value: {
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
         type: ObjectConstructor;
         default: undefined;
     };
@@ -119,10 +119,10 @@ declare const _default: import("vue").DefineComponent<{
         }[];
     };
 }>>, {
-    value: Record<string, any>;
+    modelValue: Record<string, any>;
     valueDefault: Record<string, any>;
     extendedShapeSettings: boolean;
     iconOptions: unknown[];
-}>;
+}, {}>;
 export default _default;
 import { between } from './composables.js';

package/src/components/style/VcsStrokeMenu.vue

@@ -1,8 +1,7 @@
 <template>
   <MenuWrapper
-    v-bind="{ value, valueDefault, disabled }"
+    v-bind="{ ...$attrs, value, valueDefault, disabled }"
     :value-fallback="{ color: [0, 0, 0, 1], width: 1 }"
-    v-on="$listeners"
     name="components.style.stroke"
   >
     <template #preview>
@@ -16,14 +15,14 @@
       />
     </template>
     <template #content>
-      <VcsStrokeSelector :value="value" v-on="$listeners" />
+      <VcsStrokeSelector :model-value="modelValue" v-bind="$attrs" />
     </template>
   </MenuWrapper>
 </template>
 
 <script>
   import { computed } from 'vue';
-  import { VSheet } from 'vuetify/lib';
+  import { VSheet } from 'vuetify/components';
   import VcsStrokeSelector from './VcsStrokeSelector.vue';
   import MenuWrapper from './MenuWrapper.vue';
   import { useColorObject, rgbaObjectToString } from './composables.js';
@@ -31,7 +30,7 @@
   /**
    * @description A wrapper for the VcsStrokeSelector, that has a small color preview and a menu that pops up when clicking the preview, containing the stroke selector.
    * When clicking the reset button, the valueDefault is emitted, when unchecking the checkbox in front of the preview, null is emitted. If it is checked again, valueDefault is emitted. If the valueDefault is undefined or null, { color: [0, 0, 0, 1], width: 1 } is emitted.
-   * @vue-prop {import("ol/style/Stroke").Options} [value] - The Stroke Options
+   * @vue-prop {import("ol/style/Stroke").Options} [modelValue] - The Stroke Options
    * @vue-prop {import("ol/style/Stroke").Options} [valueDefault] - The default Stroke Options.
    * @vue-prop {boolean} [disabled=false] - Disable the input
    */
@@ -43,7 +42,7 @@
       MenuWrapper,
     },
     props: {
-      value: {
+      modelValue: {
         type: Object,
         default: undefined,
       },
@@ -57,7 +56,7 @@
       },
     },
     setup(props) {
-      const rgbaObject = useColorObject(() => props.value?.color);
+      const rgbaObject = useColorObject(() => props.modelValue?.color);
       return {
         rgbaString: computed(() => rgbaObjectToString(rgbaObject.value)),
       };

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

@@ -1,5 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
-    value: {
+    modelValue: {
         type: ObjectConstructor;
         default: undefined;
     };
@@ -13,8 +13,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     rgbaString: 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<{
-    value: {
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
         type: ObjectConstructor;
         default: undefined;
     };
@@ -27,8 +27,8 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    value: Record<string, any>;
     disabled: boolean;
+    modelValue: Record<string, any>;
     valueDefault: Record<string, any>;
-}>;
+}, {}>;
 export default _default;