@vcmap/ui 6.0.14 → 6.1.0-rc.2

package/dist/assets/ui.js

@@ -1 +1 @@
-export * from "./ui-b6bff1d9.js";
+export * from "./ui-5135917c.js";

package/dist/assets/vue.js

@@ -1 +1 @@
-export * from "./vue-74e8343e.js";
+export * from "./vue-c3c55d88.js";

package/dist/assets/{vuetify-2d64c180.js → vuetify-f02b7bb9.js}

@@ -10,7 +10,7 @@ function loadCss(href) {
     elem.onerror = reject;
     document.head.appendChild(elem);
   });
-} await loadCss('./assets/vuetify-2d64c180.css');import { watch as X, onScopeDispose as tt, effectScope as Ul, shallowRef as K, Fragment as ie, reactive as it, computed as b, watchEffect as Ne, toRefs as Wt, capitalize as On, isVNode as Oc, Comment as Rc, unref as ot, warn as Ha, getCurrentInstance as Nc, ref as W, provide as Ae, inject as ye, defineComponent as Hc, camelize as Ir, h as jt, toRaw as Ee, createVNode as r, mergeProps as N, onBeforeUnmount as nt, readonly as Kl, onDeactivated as _r, onActivated as zc, onMounted as Ke, nextTick as Se, TransitionGroup as ql, Transition as Ht, isRef as _n, toRef as F, onBeforeMount as Xl, withDirectives as $e, resolveDirective as dt, vShow as xt, onUpdated as Wc, Text as jc, resolveDynamicComponent as Yc, markRaw as Gc, Teleport as Uc, cloneVNode as Kc, createTextVNode as Pt, onUnmounted as qc, onBeforeUpdate as Xc, withModifiers as Pl, toDisplayString as Zc, vModelText as Qc, resolveComponent as Jc, render as Tr } from "./vue-74e8343e.js";
+} await loadCss('./assets/vuetify-f02b7bb9.css');import { watch as X, onScopeDispose as tt, effectScope as Ul, shallowRef as K, Fragment as ie, reactive as it, computed as b, watchEffect as Ne, toRefs as Wt, capitalize as On, isVNode as Oc, Comment as Rc, unref as ot, warn as Ha, getCurrentInstance as Nc, ref as W, provide as Ae, inject as ye, defineComponent as Hc, camelize as Ir, h as jt, toRaw as Ee, createVNode as r, mergeProps as N, onBeforeUnmount as nt, readonly as Kl, onDeactivated as _r, onActivated as zc, onMounted as Ke, nextTick as Se, TransitionGroup as ql, Transition as Ht, isRef as _n, toRef as F, onBeforeMount as Xl, withDirectives as $e, resolveDirective as dt, vShow as xt, onUpdated as Wc, Text as jc, resolveDynamicComponent as Yc, markRaw as Gc, Teleport as Uc, cloneVNode as Kc, createTextVNode as Pt, onUnmounted as qc, onBeforeUpdate as Xc, withModifiers as Pl, toDisplayString as Zc, vModelText as Qc, resolveComponent as Jc, render as Tr } from "./vue-c3c55d88.js";
 function rt(e, n) {
   let t;
   function a() {

package/dist/assets/vuetify.js

@@ -1 +1 @@
-export * from "./vuetify-2d64c180.js";
+export * from "./vuetify-f02b7bb9.js";

package/index.d.ts

@@ -8,6 +8,14 @@ export { default as GoToViewpointCallback } from "./src/callback/goToViewpointCa
 export type * from "./src/callback/goToViewpointCallback.d.ts";
 export { default as ApplyLayerStyleCallback } from "./src/callback/applyLayerStyleCallback.js";
 export type * from "./src/callback/applyLayerStyleCallback.d.ts";
+export { default as StopRotationCallback } from "./src/callback/stopRotationCallback.js";
+export type * from "./src/callback/stopRotationCallback.d.ts";
+export { default as StartRotationCallback } from "./src/callback/startRotationCallback.js";
+export type * from "./src/callback/startRotationCallback.d.ts";
+export { default as AddModuleCallback } from "./src/callback/addModuleCallback.js";
+export type * from "./src/callback/addModuleCallback.d.ts";
+export { default as RemoveModuleCallback } from "./src/callback/removeModuleCallback.js";
+export type * from "./src/callback/removeModuleCallback.d.ts";
 export { default as VcsNavbar } from "./src/application/VcsNavbar.vue";
 export type * from "./src/application/VcsNavbar.vue.d.ts";
 export { default as VcsAppWrapper } from "./src/application/VcsAppWrapper.vue";
@@ -164,6 +172,8 @@ export { default as VcsListItemComponent } from "./src/components/lists/VcsListI
 export type * from "./src/components/lists/VcsListItemComponent.vue.d.ts";
 export { default as VcsTreeview } from "./src/components/lists/VcsTreeview.vue";
 export type * from "./src/components/lists/VcsTreeview.vue.d.ts";
+export { default as VcsTreeNode } from "./src/components/lists/VcsTreeNode.vue";
+export type * from "./src/components/lists/VcsTreeNode.vue.d.ts";
 export { default as VcsTreeviewTitle } from "./src/components/lists/VcsTreeviewTitle.vue";
 export type * from "./src/components/lists/VcsTreeviewTitle.vue.d.ts";
 export { default as VcsTreeviewSearchbar } from "./src/components/lists/VcsTreeviewSearchbar.vue";
@@ -230,6 +240,8 @@ export * from "./src/components/composables.js";
 export type * from "./src/components/composables.d.ts";
 export { default as Search } from "./src/search/search.js";
 export type * from "./src/search/search.d.ts";
+export { markText } from "./src/search/markText.js";
+export type * from "./src/search/markText.d.ts";
 export { default as ResultItemComponent } from "./src/search/ResultItem.vue";
 export type * from "./src/search/ResultItem.vue.d.ts";
 export { default as ResultsComponent } from "./src/search/ResultsComponent.vue";
@@ -286,7 +298,7 @@ export { createVcsThemes, createVcsVuetify, isDark, getDefaultPrimaryColor, getC
 export type * from "./src/vuePlugins/vuetify.d.ts";
 export { downloadURI, downloadBlob, downloadText, downloadCanvas } from "./src/downloadHelper.js";
 export type * from "./src/downloadHelper.d.ts";
-export { default as initApp, VcsUiAppConfigPattern, initAppFromModule, initAppFromAppConfig } from "./src/init.js";
+export { default as initApp, VcsUiAppConfigPattern, initAppFromModule, initAppFromAppConfig, createModuleFromObjectOrUrl } from "./src/init.js";
 export type * from "./src/init.d.ts";
 export { vcsAppSymbol, pluginFactorySymbol, pluginBaseUrlSymbol, pluginModuleUrlSymbol, getPluginAssetUrl, isValidPackageName, loadPlugin, serializePlugin, deserializePlugin } from "./src/pluginHelper.js";
 export type * from "./src/pluginHelper.d.ts";

package/index.js

@@ -52,6 +52,10 @@ export { default as ActivateLayersCallback } from './src/callback/activateLayers
 export { default as DeactivateLayersCallback } from './src/callback/deactivateLayersCallback.js';
 export { default as GoToViewpointCallback } from './src/callback/goToViewpointCallback.js';
 export { default as ApplyLayerStyleCallback } from './src/callback/applyLayerStyleCallback.js';
+export { default as StopRotationCallback } from './src/callback/stopRotationCallback.js';
+export { default as StartRotationCallback } from './src/callback/startRotationCallback.js';
+export { default as AddModuleCallback } from './src/callback/addModuleCallback.js';
+export { default as RemoveModuleCallback } from './src/callback/removeModuleCallback.js';
 export { default as VcsNavbar } from './src/application/VcsNavbar.vue';
 export {
   default as VcsApp,
@@ -210,6 +214,7 @@ export {
   VcsUiAppConfigPattern,
   initAppFromModule,
   initAppFromAppConfig,
+  createModuleFromObjectOrUrl,
 } from './src/init.js';
 export {
   vcsAppSymbol,
@@ -266,6 +271,7 @@ export {
 export { default as VcsList } from './src/components/lists/VcsList.vue';
 export { default as VcsListItemComponent } from './src/components/lists/VcsListItemComponent.vue';
 export { default as VcsTreeview } from './src/components/lists/VcsTreeview.vue';
+export { default as VcsTreeNode } from './src/components/lists/VcsTreeNode.vue';
 export { default as VcsTreeviewTitle } from './src/components/lists/VcsTreeviewTitle.vue';
 export { default as VcsTreeviewSearchbar } from './src/components/lists/VcsTreeviewSearchbar.vue';
 export { default as VcsBadge } from './src/components/notification/VcsBadge.vue';
@@ -319,5 +325,6 @@ export * from './src/components/modelHelper.js';
 export * from './src/components/composables.js';
 export { LegendType, StyleRowType } from './src/legend/legendHelper.js';
 export { default as Search } from './src/search/search.js';
+export { markText } from './src/search/markText.js';
 export { default as ResultItemComponent } from './src/search/ResultItem.vue';
 export { default as ResultsComponent } from './src/search/ResultsComponent.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vcmap/ui",
-  "version": "6.0.14",
+  "version": "6.1.0-rc.2",
   "author": "Virtual City Systems",
   "license": "MIT",
   "scripts": {
@@ -57,7 +57,7 @@
   },
   "peerDependencies": {
     "@vcmap-cesium/engine": "^11.0.2",
-    "@vcmap/core": "^6.0.7",
+    "@vcmap/core": "^6.1.0-rc.1",
     "ol": "^10.2.1",
     "vue": "~3.4.38",
     "vuetify": "^3.7.3"

package/plugins/@vcmap-show-case/dev-tools/package.json

@@ -0,0 +1,5 @@
+{
+  "name": "@vcmap-show-case/dev-tools",
+  "version": "1.0.0",
+  "mapVersion": "^6.0"
+}

package/plugins/@vcmap-show-case/dev-tools/src/eventLogger.js

@@ -0,0 +1,35 @@
+import { AbstractInteraction, EventType } from '@vcmap/core';
+
+export default class EventLogger extends AbstractInteraction {
+  constructor() {
+    super();
+
+    this.setActive(false);
+  }
+
+  pipe(event) {
+    console.log(event);
+    this.lastEvent = event;
+    return Promise.resolve(event);
+  }
+
+  off() {
+    this.setActive(false);
+  }
+
+  click() {
+    this.setActive(EventType.CLICK);
+  }
+
+  clickMove() {
+    this.setActive(EventType.CLICKMOVE);
+  }
+
+  drag() {
+    this.setActive(EventType.DRAGEVENTS);
+  }
+
+  all() {
+    this.setActive(EventType.ALL);
+  }
+}

package/plugins/@vcmap-show-case/dev-tools/src/index.js

@@ -0,0 +1,59 @@
+import { CesiumMap, ObliqueMap, OpenlayersMap } from '@vcmap/core';
+import { name, version, mapVersion } from '../package.json';
+import EventLogger from './eventLogger.js';
+
+/**
+ * @typedef {Object} DevTools
+ * @property {() => import("@vcmap/core").VcsApp} getApp
+ * @property {() => import("@vcmap/core").CesiumMap | undefined} getCesiumMap
+ * @property {() => import("@vcmap/core").OpenlayersMap | undefined} getOpenlayersMap
+ * @property {() => import("@vcmap/core").ObliqueMap | undefined} getObliqueMap
+ * @property {EventLogger} eventLogger
+ */
+
+/**
+ * @param {DevTools} plugin
+ * @param {VcsUiApp} app
+ */
+function setup(plugin, app) {
+  plugin.getApp = () => {
+    return app;
+  };
+
+  plugin.getCesiumMap = () => {
+    return app.maps.getByType(CesiumMap.className)[0];
+  };
+
+  plugin.getOpenlayersMap = () => {
+    return app.maps.getByType(OpenlayersMap.className)[0];
+  };
+
+  plugin.getObliqueMap = () => {
+    return app.maps.getByType(ObliqueMap.className)[0];
+  };
+
+  plugin.eventLogger = new EventLogger();
+  app.maps.eventHandler.addPersistentInteraction(plugin.eventLogger);
+}
+
+export default function devTools() {
+  return {
+    name,
+    version,
+    mapVersion,
+    initialize(app) {
+      if (window.vcs.devTools) {
+        console.error(
+          'dev tool already loaded! something must have gone wrong somewhere',
+        );
+      }
+      window.vcs.devTools = this;
+      setup(this, app);
+    },
+    destroy() {
+      if (window.vcs.devTools === this) {
+        window.vcs.devTools = undefined;
+      }
+    },
+  };
+}

package/plugins/@vcmap-show-case/search-example/src/searchImpl.js

@@ -121,6 +121,16 @@ export default class SearchImpl {
     );
   }
 
+  suggest(query) {
+    const lowerQuery = query.toLowerCase();
+    return Promise.resolve(
+      this.lines.filter((l) => {
+        const lowerLine = l.toLowerCase();
+        return lowerLine !== lowerQuery && lowerLine.startsWith(lowerQuery);
+      }),
+    );
+  }
+
   // eslint-disable-next-line class-methods-use-this
   abort() {}
 

package/src/application/VcsApp.vue.d.ts

@@ -174,6 +174,13 @@ declare const _default: import("vue").DefineComponent<{
             readonly name?: string | undefined;
             readonly checkBoxText?: string | undefined;
             readonly buttonTitle?: string | undefined;
+            readonly secondaryButtonTitle?: string | undefined;
+            readonly exitCallbackOptions?: readonly {
+                readonly type: string;
+            }[] | undefined;
+            readonly secondaryCallbackOptions?: readonly {
+                readonly type: string;
+            }[] | undefined;
             readonly menuEntry?: boolean | undefined;
             readonly acceptInput?: boolean | undefined;
             readonly position?: {
@@ -246,6 +253,14 @@ declare const _default: import("vue").DefineComponent<{
          * - an optional flag whether to show the Locator in the map.
          */
         readonly showLocator?: boolean | undefined;
+        /**
+         * - an optional flag to hide the Rotator in the map.
+         */
+        readonly hideRotationButton?: boolean | undefined;
+        /**
+         * - an optional flag that describes the time per rotation in seconds.
+         */
+        readonly timePerRotation?: number | undefined;
         /**
          * - can be used to hide the default Header of the map
          */
@@ -343,6 +358,10 @@ declare const _default: import("vue").DefineComponent<{
          * - open the legend window, if new layer has a config
          */
         readonly openLegendOnAdd?: boolean | undefined;
+        /**
+         * - can be used to apply a scale factor the the overviewMap
+         */
+        readonly overviewMapScaleFactor?: number | undefined;
     };
     showFooter: import("vue").ComputedRef<boolean>;
     footerHeight: import("vue").ComputedRef<number>;
@@ -397,6 +416,13 @@ declare const _default: import("vue").DefineComponent<{
         name?: string | undefined;
         checkBoxText?: string | undefined;
         buttonTitle?: string | undefined;
+        secondaryButtonTitle?: string | undefined;
+        exitCallbackOptions?: readonly {
+            readonly type: string;
+        }[] | undefined;
+        secondaryCallbackOptions?: readonly {
+            readonly type: string;
+        }[] | undefined;
         menuEntry?: boolean | undefined;
         acceptInput?: boolean | undefined;
         position: {

package/src/application/VcsContainer.vue

@@ -10,13 +10,14 @@
     fluid
     absolute
   >
-    <template v-if="xs">
+    <template v-if="smAndDown">
       <img
         v-if="mobileLogo"
         :src="mobileLogo"
         alt="Logo"
         draggable="false"
         class="mobile-logo"
+        :class="{ 'mobile-logo': sm }"
       />
     </template>
     <!--VcsButton
@@ -69,7 +70,6 @@
     left: 1rem;
     z-index: 1;
   }
-
   .mobile-attribution-btn {
     position: fixed;
     right: 2px;
@@ -111,10 +111,12 @@
     setup() {
       /** @type {import("../vcsUiApp.js").default} */
       const app = inject('vcsApp');
-      const { xs } = useDisplay();
+      const { smAndDown, xs, sm } = useDisplay();
       return {
         config: app.uiConfig.config,
+        smAndDown,
         xs,
+        sm,
         mobileLogo: computed(
           () =>
             app.uiConfig.config.mobileLogo ??

package/src/application/VcsContainer.vue.d.ts

@@ -94,6 +94,13 @@ declare const _default: import("vue").DefineComponent<{
             readonly name?: string | undefined;
             readonly checkBoxText?: string | undefined;
             readonly buttonTitle?: string | undefined;
+            readonly secondaryButtonTitle?: string | undefined;
+            readonly exitCallbackOptions?: readonly {
+                readonly type: string;
+            }[] | undefined;
+            readonly secondaryCallbackOptions?: readonly {
+                readonly type: string;
+            }[] | undefined;
             readonly menuEntry?: boolean | undefined;
             readonly acceptInput?: boolean | undefined;
             readonly position?: {
@@ -166,6 +173,14 @@ declare const _default: import("vue").DefineComponent<{
          * - an optional flag whether to show the Locator in the map.
          */
         readonly showLocator?: boolean | undefined;
+        /**
+         * - an optional flag to hide the Rotator in the map.
+         */
+        readonly hideRotationButton?: boolean | undefined;
+        /**
+         * - an optional flag that describes the time per rotation in seconds.
+         */
+        readonly timePerRotation?: number | undefined;
         /**
          * - can be used to hide the default Header of the map
          */
@@ -263,8 +278,14 @@ declare const _default: import("vue").DefineComponent<{
          * - open the legend window, if new layer has a config
          */
         readonly openLegendOnAdd?: boolean | undefined;
+        /**
+         * - can be used to apply a scale factor the the overviewMap
+         */
+        readonly overviewMapScaleFactor?: number | undefined;
     };
+    smAndDown: import("vue").Ref<boolean>;
     xs: import("vue").Ref<boolean>;
+    sm: import("vue").Ref<boolean>;
     mobileLogo: import("vue").ComputedRef<any>;
 }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     attributionAction: {

package/src/application/VcsNavbar.vue

@@ -14,7 +14,7 @@
             <div class="d-flex">
               <VcsActionButtonList
                 :actions="mapActions"
-                :overflow-count="3"
+                :overflow-count="smAndDown ? 2 : 3"
                 :force-overflow="false"
                 button="VcsToolButton"
               />
@@ -29,7 +29,7 @@
               />
               <VcsActionButtonList
                 :actions="contentActions"
-                :overflow-count="xs ? 3 : 4"
+                :overflow-count="smAndDown ? 2 : 3"
                 :force-overflow="false"
                 button="VcsToolButton"
               />
@@ -41,8 +41,9 @@
               />
               <VcsActionButtonList
                 :actions="toolActions"
+                :overflow-count="smAndDown ? 1 : 2"
                 :force-overflow="false"
-                v-if="mdAndUp"
+                v-if="smAndUp"
                 button="VcsToolButton"
               />
             </div>
@@ -50,7 +51,7 @@
         </v-col>
         <v-col class="d-flex justify-center flex-grow-2 mx-2">
           <div class="d-flex align-center">
-            <template v-if="!xs">
+            <template v-if="!smAndDown">
               <img class="logo" :src="logo" draggable="false" alt="Logo" />
             </template>
             <div
@@ -63,10 +64,11 @@
           </div>
         </v-col>
         <v-col class="align-content-end d-flex justify-end">
-          <v-toolbar-items v-if="mdAndUp">
+          <v-toolbar-items v-if="smAndUp">
             <div class="d-flex">
               <VcsActionButtonList
                 :actions="projectActions"
+                :overflow-count="smAndDown ? 1 : 2"
                 :force-overflow="false"
                 button="VcsToolButton"
               />
@@ -206,7 +208,7 @@
         destroySearchAction();
       });
 
-      const { xs, mdAndUp } = useDisplay();
+      const { xs, mdAndUp, smAndDown, smAndUp } = useDisplay();
 
       const density = computed(() => {
         return xs.value ? 'comfortable' : 'compact';
@@ -228,8 +230,10 @@
         config: app.uiConfig.config,
         logo,
         xs,
+        smAndDown,
         density,
         mdAndUp,
+        smAndUp,
         toolbarHeight,
       };
     },

package/src/application/VcsNavbar.vue.d.ts

@@ -42,8 +42,10 @@ declare const _default: import("vue").DefineComponent<{}, {
     config: any;
     logo: import("vue").ComputedRef<any>;
     xs: import("vue").Ref<boolean>;
+    smAndDown: import("vue").Ref<boolean>;
     density: import("vue").ComputedRef<"compact" | "comfortable">;
     mdAndUp: import("vue").Ref<boolean>;
+    smAndUp: import("vue").Ref<boolean>;
     toolbarHeight: import("vue").ComputedRef<number>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/src/application/VcsSplashScreen.vue

@@ -28,36 +28,34 @@
       </v-card-text>
 
       <v-card-actions>
-        <v-row no-gutters>
-          <v-col class="text-right">
-            <VcsFormButton
-              color="primary"
-              variant="filled"
-              @click="exitScreen"
-              :disabled="options.acceptInput && !checkBox"
-              >{{
-                $st(
-                  options.buttonTitle || 'components.splashScreen.buttonTitle',
-                )
-              }}</VcsFormButton
-            >
-          </v-col>
-        </v-row>
+        <div class="d-flex gc-2 w-100 justify-end">
+          <VcsFormButton
+            v-if="
+              options.secondaryButtonTitle && options.secondaryCallbackOptions
+            "
+            @click="secondaryButtonClicked"
+          >
+            {{ $st(options.secondaryButtonTitle) }}
+          </VcsFormButton>
+          <VcsFormButton
+            color="primary"
+            variant="filled"
+            @click="exitScreen"
+            :disabled="options.acceptInput && !checkBox"
+            >{{
+              $st(options.buttonTitle || 'components.splashScreen.buttonTitle')
+            }}</VcsFormButton
+          >
+        </div>
       </v-card-actions>
     </v-card>
   </v-dialog>
 </template>
 
 <script>
-  import {
-    VDialog,
-    VCard,
-    VCardText,
-    VCardActions,
-    VRow,
-    VCol,
-  } from 'vuetify/components';
-  import { computed, ref } from 'vue';
+  import { VDialog, VCard, VCardText, VCardActions } from 'vuetify/components';
+  import { computed, ref, inject } from 'vue';
+  import { executeCallbacks } from '../callback/vcsCallback.js';
   import VcsFormButton from '../components/buttons/VcsFormButton.vue';
   import VcsCheckbox from '../components/form-inputs-controls/VcsCheckbox.vue';
   import VcsMarkdown from '../components/form-output/VcsMarkdown.vue';
@@ -72,8 +70,6 @@
       VCardActions,
       VcsFormButton,
       VcsCheckbox,
-      VRow,
-      VCol,
       VcsMarkdown,
     },
     props: {
@@ -87,13 +83,23 @@
       },
     },
     setup(props, { emit }) {
+      const app = inject('vcsApp');
       const localValue = useProxiedAtomicModel(props, 'modelValue', emit);
 
       const checkBox = ref(false);
-      const exitScreen = () => {
+      function exitScreen() {
         localValue.value = false;
         checkBox.value = false;
-      };
+        if (Array.isArray(props.options.exitCallbackOptions)) {
+          executeCallbacks(app, props.options.exitCallbackOptions);
+        }
+      }
+
+      function secondaryButtonClicked() {
+        if (Array.isArray(props.options.secondaryCallbackOptions)) {
+          executeCallbacks(app, props.options.secondaryCallbackOptions);
+        }
+      }
 
       const position = computed(() => ({
         width: props.options.position?.width || 800,
@@ -105,6 +111,7 @@
       return {
         localValue,
         exitScreen,
+        secondaryButtonClicked,
         checkBox,
         position,
       };

package/src/application/VcsSplashScreen.vue.d.ts

@@ -10,6 +10,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     localValue: import("vue").Ref<any>;
     exitScreen: () => void;
+    secondaryButtonClicked: () => void;
     checkBox: import("vue").Ref<boolean>;
     position: import("vue").ComputedRef<{
         width: any;

package/src/callback/addModuleCallback.d.ts

@@ -0,0 +1,29 @@
+export default AddModuleCallback;
+export type AddModuleCallbackOptions = import("./vcsCallback.js").VcsCallbackOptions & {
+    module: import("@vcmap/core").VcsModuleConfig | string;
+};
+/**
+ * @typedef {import("./vcsCallback.js").VcsCallbackOptions & { module: import("@vcmap/core").VcsModuleConfig|string }} AddModuleCallbackOptions
+ * @property {import("@vcmap/core").VcsModuleConfig|string} module - config or url to a config file
+ */
+/**
+ * @class
+ * @extends {VcsCallback}
+ */
+declare class AddModuleCallback extends VcsCallback {
+    /**
+     * @param {AddModuleCallbackOptions} options
+     * @param {import("@src/vcsUiApp.js").default} app
+     */
+    constructor(options: AddModuleCallbackOptions, app: import("@src/vcsUiApp.js").default);
+    /**
+     * @type {import("@vcmap/core").VcsModuleConfig|string}
+     * @private
+     */
+    private _module;
+    /**
+     * @returns {AddModuleCallbackOptions}
+     */
+    toJSON(): AddModuleCallbackOptions;
+}
+import VcsCallback from './vcsCallback.js';

package/src/callback/addModuleCallback.js

@@ -0,0 +1,61 @@
+import { getLogger } from '@vcsuite/logger';
+import { createModuleFromObjectOrUrl } from '../init.js';
+import VcsCallback, { callbackClassRegistry } from './vcsCallback.js';
+
+/**
+ * @typedef {import("./vcsCallback.js").VcsCallbackOptions & { module: import("@vcmap/core").VcsModuleConfig|string }} AddModuleCallbackOptions
+ * @property {import("@vcmap/core").VcsModuleConfig|string} module - config or url to a config file
+ */
+
+/**
+ * @class
+ * @extends {VcsCallback}
+ */
+class AddModuleCallback extends VcsCallback {
+  /**
+   * @type {string}
+   */
+  static get className() {
+    return 'AddModuleCallback';
+  }
+
+  /**
+   * @param {AddModuleCallbackOptions} options
+   * @param {import("@src/vcsUiApp.js").default} app
+   */
+  constructor(options, app) {
+    super(options, app);
+    /**
+     * @type {import("@vcmap/core").VcsModuleConfig|string}
+     * @private
+     */
+    this._module = options.module;
+  }
+
+  callback() {
+    createModuleFromObjectOrUrl(this._module)
+      .then((module) => {
+        if (module) {
+          this._app.addModule(module);
+        }
+      })
+      .catch((e) => {
+        getLogger('addModuleCallback').error('Error adding module', e);
+      });
+  }
+
+  /**
+   * @returns {AddModuleCallbackOptions}
+   */
+  toJSON() {
+    const config = super.toJSON();
+    config.module = this._module;
+    return config;
+  }
+}
+
+export default AddModuleCallback;
+callbackClassRegistry.registerClass(
+  AddModuleCallback.className,
+  AddModuleCallback,
+);