@vcmap/ui 6.0.0-rc.1 → 6.0.0-rc.3

package/src/vcsUiApp.d.ts

@@ -11,19 +11,23 @@ export type PluginConfig = {
     /**
      * - path to the plugin's index.js
      */
-    entry: string | undefined;
+    entry?: string | undefined;
     /**
      * - version or version range
      */
-    version: string | undefined;
+    version?: string | undefined;
+};
+export type PluginConfigEditorComponent<Config extends Object> = import("vue").Component<{
+    getConfig(): Promise<Config>;
+    setConfig(config: Config): Promise<void>;
+}> & {
+    title?: string;
 };
 export type PluginConfigEditor = {
     /**
      * - A editor component to configure a plugin or item
      */
-    component: import("vue").Component & {
-        title: string | undefined;
-    };
+    component: PluginConfigEditorComponent<object>;
     /**
      * - The collection the item belongs to. Default is plugins collection.
      */
@@ -267,14 +271,18 @@ declare class VcsUiApp extends VcsApp {
     get vuetify(): {
         install: (app: import("vue").App<any>) => void;
         defaults: import("vue").Ref<import("vuetify").DefaultsInstance>;
-        display: import("vuetify").DisplayInstance; /**
-         * @type {import("@vcmap/core").OverrideCollection<AbstractFeatureInfoView>}
-         * @private
-         */
+        display: import("vuetify").DisplayInstance;
         theme: import("vuetify").ThemeInstance & {
             install: (app: import("vue").App<any>) => void;
         };
-        icons: Record<string, any>;
+        icons: {
+            defaultSet: string;
+            aliases: Partial<import("vuetify").IconAliases>;
+            sets: Record<string, import("vuetify").IconSet>; /**
+             * @type {Array<function():void>}
+             * @private
+             */
+        };
         locale: {
             isRtl: import("vue").Ref<boolean>;
             rtl: import("vue").Ref<Record<string, boolean>>;
@@ -305,11 +313,7 @@ declare class VcsUiApp extends VcsApp {
                 toISO: (date: unknown) => string;
                 startOfDay: (date: unknown) => unknown;
                 endOfDay: (date: unknown) => unknown;
-                startOfWeek: (date: unknown) => unknown; /**
-                 * An event triggered when the VcsApp was mounted and a target was set for the maps.
-                 * Provides the id of the target html element.
-                 * @type {import("@vcmap/core").VcsEvent<string>}
-                 */
+                startOfWeek: (date: unknown, firstDayOfWeek?: string | number | undefined) => unknown;
                 endOfWeek: (date: unknown) => unknown;
                 startOfMonth: (date: unknown) => unknown;
                 endOfMonth: (date: unknown) => unknown;
@@ -332,32 +336,26 @@ declare class VcsUiApp extends VcsApp {
                 getYear: (date: unknown) => number;
                 setYear: (date: unknown, year: number) => unknown;
                 getDiff: (date: unknown, comparing: unknown, unit?: string | undefined) => number;
-                getWeekArray: (date: unknown) => unknown[][];
-                getWeekdays: () => string[];
+                getWeekArray: (date: unknown, firstDayOfWeek?: string | number | undefined) => unknown[][];
+                getWeekdays: (firstDayOfWeek?: string | number | undefined) => string[];
                 getMonth: (date: unknown) => number;
                 setMonth: (date: unknown, month: number) => unknown;
                 getDate: (date: unknown) => number;
                 setDate: (date: unknown, day: number) => unknown;
                 getNextMonth: (date: unknown) => unknown;
                 getPreviousMonth: (date: unknown) => unknown;
-                /**
-                 * @type {I18nCollection}
-                 */
                 getHours: (date: unknown) => number;
                 setHours: (date: unknown, hours: number) => unknown;
                 getMinutes: (date: unknown) => number;
                 setMinutes: (date: unknown, minutes: number) => unknown;
             };
         };
-        goTo: {
-            rtl: import("vue").Ref<boolean>;
-            options: Record<string, any>;
-        };
+        goTo: import("vuetify").GoToInstance;
     };
     /**
-     * @returns {import("vue-i18n").VueI18n}
+     * @returns {import("vue-i18n").Composer<{}, {}, {}, string, string, string>}
      */
-    get vueI18n(): import("vue-i18n").VueI18n<any, any, any, string, string, string, import("vue-i18n").Composer<any, any, any, string, string, string>>;
+    get vueI18n(): import("vue-i18n").Composer<{}, {}, {}, string, string, string>;
     /**
      * @returns {CategoryManager}
      */

package/src/vcsUiApp.js

@@ -59,13 +59,20 @@ import { createVcsVuetify } from './vuePlugins/vuetify.js';
 /**
  * @typedef {Object} PluginConfig
  * @property {string} name
- * @property {string|undefined} entry - path to the plugin's index.js
- * @property {string|undefined} version - version or version range
+ * @property {string|undefined} [entry] - path to the plugin's index.js
+ * @property {string|undefined} [version] - version or version range
+ */
+
+/**
+ * @typedef {import("vue").Component<{ getConfig(): Promise<Config>, setConfig(config: Config): Promise<void> }> & {
+ *  title?: string
+ * }} PluginConfigEditorComponent
+ * @template {Object} Config
  */
 
 /**
  * @typedef {Object} PluginConfigEditor
- * @property {import("vue").Component & { title: string | undefined}} component - A editor component to configure a plugin or item
+ * @property {PluginConfigEditorComponent<object>} component - A editor component to configure a plugin or item
  * @property {string} [collectionName='plugins'] - The collection the item belongs to. Default is plugins collection.
  * @property {string} [itemName] - The item the editor can be used for. Can be a name or className. Default is the plugin's name.
  * @property {function():string} [infoUrlCallback] - An optional function returning an url referencing help or further information regarding the config editor.
@@ -459,7 +466,7 @@ class VcsUiApp extends VcsApp {
   }
 
   /**
-   * @returns {import("vue-i18n").VueI18n}
+   * @returns {import("vue-i18n").Composer<{}, {}, {}, string, string, string>}
    */
   get vueI18n() {
     return this._vueI18n;

package/src/vuePlugins/i18n.js

@@ -1,5 +1,6 @@
 import { createI18n } from 'vue-i18n';
 import { is } from '@vcsuite/check';
+import { resolveValue } from '@intlify/core-base';
 
 /**
  * creates a new VueI18n Instance.
@@ -12,6 +13,12 @@ export function createVueI18n() {
     missingWarn: false,
     fallbackWarn: false,
     fallbackLocale: ['en', 'de'],
+    messageResolver: (obj, path) => {
+      const value = resolveValue(obj, path);
+      return typeof value === 'string'
+        ? value.replaceAll(/@/g, "{'@'}")
+        : value;
+    },
     messages: {
       en: {},
     },

package/src/vuePlugins/vuetify.d.ts

@@ -48,6 +48,8 @@ export function createVcsThemes(): {
         };
         variables: {
             'hover-opacity': number;
+            'high-emphasis-opacity': number;
+            'medium-emphasis-opacity': number;
             'vcs-item-height': string;
             'vcs-font-size': string;
             'vcs-font-family': string;

package/src/vuePlugins/vuetify.js

@@ -64,6 +64,8 @@ export function createVcsThemes() {
       },
       variables: {
         'hover-opacity': 0.16,
+        'high-emphasis-opacity': 1,
+        'medium-emphasis-opacity': 1,
         'vcs-item-height': '40px',
         'vcs-font-size': '15px',
         'vcs-font-family': 'Titillium Web',
@@ -140,6 +142,19 @@ export function createVcsVuetify(i18n) {
         density: 'compact',
         ripple: false,
       },
+      VSwitch: {
+        density: 'compact',
+        ripple: false,
+      },
+      VColorPicker: {
+        elevation: 0,
+        tile: true,
+      },
+      VExpansionPanel: {
+        ripple: false,
+        elevation: 0,
+        tile: true,
+      },
     },
     defaultAssets: {
       font: {