@vcmap/ui 6.3.6 → 6.3.8

package/src/callback/activateOverviewMapCallback.d.ts

@@ -3,6 +3,6 @@ export default ActivateOverviewMapCallback;
  * Callback to activate the overview map using its API.
  */
 declare class ActivateOverviewMapCallback extends VcsCallback {
-    callback(): void;
+    callback(): Promise<void>;
 }
 import VcsCallback from './vcsCallback.js';

package/src/callback/activateOverviewMapCallback.js

@@ -9,13 +9,15 @@ class ActivateOverviewMapCallback extends VcsCallback {
     return 'ActivateOverviewMapCallback';
   }
 
-  callback() {
-    this._app.overviewMap.activate().catch((error) => {
+  async callback() {
+    try {
+      await this._app.overviewMap.activate();
+    } catch (error) {
       getLogger(ActivateOverviewMapCallback.className).error(
         'Failed to activate overview map:',
         error,
       );
-    });
+    }
   }
 }
 

package/src/callback/addModuleCallback.d.ts

@@ -21,7 +21,7 @@ declare class AddModuleCallback extends VcsCallback {
      * @private
      */
     private _module;
-    callback(): void;
+    callback(): Promise<void>;
     /**
      * @returns {AddModuleCallbackOptions}
      */

package/src/callback/addModuleCallback.js

@@ -32,17 +32,15 @@ class AddModuleCallback extends VcsCallback {
     this._module = options.module;
   }
 
-  callback() {
-    createModuleFromObjectOrUrl(this._module)
-      .then((module) => {
-        if (module) {
-          return this._app.addModule(module);
-        }
-        return undefined;
-      })
-      .catch((e) => {
-        getLogger('addModuleCallback').error('Error adding module', e);
-      });
+  async callback() {
+    try {
+      const module = await createModuleFromObjectOrUrl(this._module);
+      if (module) {
+        await this._app.addModule(module);
+      }
+    } catch (e) {
+      getLogger('addModuleCallback').error('Error adding module', e);
+    }
   }
 
   /**

package/src/callback/removeModuleCallback.d.ts

@@ -21,7 +21,7 @@ declare class RemoveModuleCallback extends VcsCallback {
      * @private
      */
     private _moduleId;
-    callback(): void;
+    callback(): Promise<void>;
     /**
      * @returns {RemoveModuleCallbackOptions}
      */

package/src/callback/removeModuleCallback.js

@@ -1,3 +1,4 @@
+import { getLogger } from '@vcsuite/logger';
 import VcsCallback, { callbackClassRegistry } from './vcsCallback.js';
 
 /**
@@ -30,9 +31,13 @@ class RemoveModuleCallback extends VcsCallback {
     this._moduleId = options.moduleId;
   }
 
-  callback() {
-    if (this._app.getModuleById(this._moduleId)) {
-      this._app.removeModule(this._moduleId);
+  async callback() {
+    try {
+      if (this._app.getModuleById(this._moduleId)) {
+        await this._app.removeModule(this._moduleId);
+      }
+    } catch (e) {
+      getLogger('removeModuleCallback').error('Error removing module', e);
     }
   }
 

package/src/components/form-inputs-controls/VcsLabeledSlider.vue

@@ -47,11 +47,11 @@
 
   /**
    * @description stylized component, rendering a row with a label and an inputfield, and another with a slider.
-   * @vue-prop {number} modelValue - The value modeled by the slider and inputfield.
+   * @vue-prop {number} [modelValue=0] - The value modeled by the slider and inputfield.
    * @vue-prop {string} label - The title of the value to be modeled. Will be translated.
    * @vue-prop {string} [tooltip] - An optional tooltip for the label.
    * @vue-prop {boolean} [allowTextInput=false] - Whether to allow the value to be manually set in an inputfield.
-   * @vue-prop {number} [textInputCols=6] - The number of columns the text input should take (out of 12).
+   * @vue-prop {number | string | boolean} [textInputCols=6] - The number of columns the text input should take (out of 12).
    * All other props will be forwarded to the slider and inputfield (if allowTextInput is true). E.g. min, max, step, disabled and unit can be provided to the component.
    */
   export default {
@@ -64,11 +64,11 @@
       VcsTextField,
     },
     props: {
-      modelValue: { type: Number, required: true },
+      modelValue: { type: [Number, String], default: 0 },
       label: { type: String, required: true },
       tooltip: { type: String, default: undefined },
       allowTextInput: { type: Boolean, default: false },
-      textInputCols: { type: Number, default: 6 },
+      textInputCols: { type: [Number, String, Boolean], default: 6 },
     },
     emits: ['update:modelValue'],
     setup(props, { attrs, emit }) {

package/src/components/form-inputs-controls/VcsLabeledSlider.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: NumberConstructor;
-        required: true;
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
     };
     label: {
         type: StringConstructor;
@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     textInputCols: {
-        type: NumberConstructor;
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: number;
     };
 }, {
@@ -25,8 +25,8 @@ declare const _default: import("vue").DefineComponent<{
     getVisibleValue: (value: any) => string;
 }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: NumberConstructor;
-        required: true;
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
     };
     label: {
         type: StringConstructor;
@@ -41,14 +41,15 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     textInputCols: {
-        type: NumberConstructor;
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: number;
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    modelValue: string | number;
     tooltip: string;
     allowTextInput: boolean;
-    textInputCols: number;
+    textInputCols: string | number | boolean;
 }, {}>;
 export default _default;

package/src/vuePlugins/vuetify.js

@@ -358,11 +358,9 @@ export function useFontSize() {
 export function isMobileLandscape() {
   const display = useDisplay();
   return computed(() => {
-    // Check if the device is a mobile platform (e.g., Android, iOS, or touch-based)
+    // Check if the device is a mobile platform (e.g., Android, iOS)
     const isMobilePlatform =
-      display.platform.value.android ||
-      display.platform.value.ios ||
-      display.platform.value.touch;
+      display.platform.value.android || display.platform.value.ios;
 
     // Check if the device height is less than the threshold for SM
     const isHeightXs = display.height.value <= display.thresholds.value.sm;