@vcmap/ui 6.3.0-rc.2 → 6.3.0-rc.4

package/dist/assets/ui.js

@@ -1 +1 @@
-export * from "./ui-e61976d4.js";
+export * from "./ui-17b738da.js";

package/dist/assets/vue.js

@@ -1 +1 @@
-export * from "./vue-f6136dc6.js";
+export * from "./vue-0876557c.js";

package/dist/assets/{vuetify-de6f6eb0.js → vuetify-2cf9482d.js}

@@ -10,7 +10,7 @@ function loadCss(href) {
     elem.onerror = reject;
     document.head.appendChild(elem);
   });
-} await loadCss('./assets/vuetify-de6f6eb0.css');import { watch as Q, onScopeDispose as Ze, effectScope as Zl, shallowRef as K, Fragment as ie, reactive as it, computed as b, watchEffect as Fe, toRefs as Yt, capitalize as Nn, isVNode as Rc, Comment as Nc, unref as ot, warn as ja, getCurrentInstance as Hc, ref as j, provide as De, inject as ye, defineComponent as zc, camelize as Ir, h as Gt, toRaw as Be, createVNode as r, mergeProps as O, onBeforeUnmount as Qe, readonly as Ql, onDeactivated as _r, onActivated as Wc, onMounted as Ye, nextTick as we, TransitionGroup as Jl, Transition as jt, isRef as Tn, toRef as $, onBeforeMount as ra, withDirectives as $e, resolveDirective as gt, vShow as Ct, onUpdated as jc, Text as Uc, resolveDynamicComponent as Yc, markRaw as Gc, Teleport as Kc, cloneVNode as qc, createTextVNode as Tt, onUnmounted as Tr, onBeforeUpdate as Xc, withModifiers as Tl, toDisplayString as Zc, vModelText as Qc, resolveComponent as Jc, render as Ar } from "./vue-f6136dc6.js";
+} await loadCss('./assets/vuetify-2cf9482d.css');import { watch as Q, onScopeDispose as Ze, effectScope as Zl, shallowRef as K, Fragment as ie, reactive as it, computed as b, watchEffect as Fe, toRefs as Yt, capitalize as Nn, isVNode as Rc, Comment as Nc, unref as ot, warn as ja, getCurrentInstance as Hc, ref as j, provide as De, inject as ye, defineComponent as zc, camelize as Ir, h as Gt, toRaw as Be, createVNode as r, mergeProps as O, onBeforeUnmount as Qe, readonly as Ql, onDeactivated as _r, onActivated as Wc, onMounted as Ye, nextTick as we, TransitionGroup as Jl, Transition as jt, isRef as Tn, toRef as $, onBeforeMount as ra, withDirectives as $e, resolveDirective as gt, vShow as Ct, onUpdated as jc, Text as Uc, resolveDynamicComponent as Yc, markRaw as Gc, Teleport as Kc, cloneVNode as qc, createTextVNode as Tt, onUnmounted as Tr, onBeforeUpdate as Xc, withModifiers as Tl, toDisplayString as Zc, vModelText as Qc, resolveComponent as Jc, render as Ar } from "./vue-0876557c.js";
 function rt(e, n) {
   let t;
   function a() {

package/dist/assets/vuetify.js

@@ -1 +1 @@
-export * from "./vuetify-de6f6eb0.js";
+export * from "./vuetify-2cf9482d.js";

package/index.d.ts

@@ -37,6 +37,18 @@ export { default as ActivateOverviewMapCallback } from "./src/callback/activateO
 export type * from "./src/callback/activateOverviewMapCallback.d.ts";
 export { default as DeactivateOverviewMapCallback } from "./src/callback/deactivateOverviewMapCallback.js";
 export type * from "./src/callback/deactivateOverviewMapCallback.d.ts";
+export { default as HighlightObjectsCallback } from "./src/callback/highlightObjectsCallback.js";
+export type * from "./src/callback/highlightObjectsCallback.d.ts";
+export { default as ShowObjectsCallback } from "./src/callback/showObjectsCallback.js";
+export type * from "./src/callback/showObjectsCallback.d.ts";
+export { default as StartFlightCallback } from "./src/callback/startFlightCallback.js";
+export type * from "./src/callback/startFlightCallback.d.ts";
+export { default as StopFlightCallback } from "./src/callback/stopFlightCallback.js";
+export type * from "./src/callback/stopFlightCallback.d.ts";
+export { default as UnHighlightObjectsCallback } from "./src/callback/unHighlightObjectsCallback.js";
+export type * from "./src/callback/unHighlightObjectsCallback.d.ts";
+export { default as HideObjectsCallback } from "./src/callback/hideObjectsCallback.js";
+export type * from "./src/callback/hideObjectsCallback.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";
@@ -299,7 +311,7 @@ export { createPlayAction, PlayerDirection, createStepAction, createFastAction,
 export type * from "./src/actions/flightActions.d.ts";
 export { createListItemDeleteAction, createListItemBulkAction, createListExportAction, createListImportAction, importIntoLayer } from "./src/actions/listActions.js";
 export type * from "./src/actions/listActions.d.ts";
-export { default as VcsCallback, executeCallbacks } from "./src/callback/vcsCallback.js";
+export { default as VcsCallback, executeCallbacks, executeAsyncCallbacks } from "./src/callback/vcsCallback.js";
 export type * from "./src/callback/vcsCallback.d.ts";
 export { default as VcsApp, setupMapNavbar, setupPluginMountedListeners, setupCategoryManagerWindow, attributionsComponentId, categoryManagerWindowId, customScreenComponentId, helpComponentId, legendComponentId, settingsComponentId, splashScreenComponentId } from "./src/application/VcsApp.vue";
 export type * from "./src/application/VcsApp.vue.d.ts";

package/index.js

@@ -51,6 +51,7 @@ export {
 export {
   default as VcsCallback,
   executeCallbacks,
+  executeAsyncCallbacks,
 } from './src/callback/vcsCallback.js';
 export { default as ActivateLayersCallback } from './src/callback/activateLayersCallback.js';
 export { default as DeactivateLayersCallback } from './src/callback/deactivateLayersCallback.js';
@@ -69,6 +70,12 @@ export { default as ToggleToolbarButtonCallback } from './src/callback/toggleToo
 export { default as ActivateMapCallback } from './src/callback/activateMapCallback.js';
 export { default as ActivateOverviewMapCallback } from './src/callback/activateOverviewMapCallback.js';
 export { default as DeactivateOverviewMapCallback } from './src/callback/deactivateOverviewMapCallback.js';
+export { default as HighlightObjectsCallback } from './src/callback/highlightObjectsCallback.js';
+export { default as ShowObjectsCallback } from './src/callback/showObjectsCallback.js';
+export { default as StartFlightCallback } from './src/callback/startFlightCallback.js';
+export { default as StopFlightCallback } from './src/callback/stopFlightCallback.js';
+export { default as UnHighlightObjectsCallback } from './src/callback/unHighlightObjectsCallback.js';
+export { default as HideObjectsCallback } from './src/callback/hideObjectsCallback.js';
 export { default as VcsNavbar } from './src/application/VcsNavbar.vue';
 export {
   default as VcsApp,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vcmap/ui",
-  "version": "6.3.0-rc.2",
+  "version": "6.3.0-rc.4",
   "author": "Virtual City Systems",
   "license": "MIT",
   "scripts": {
@@ -57,8 +57,8 @@
     "vue-i18n": "^9.13.1"
   },
   "peerDependencies": {
-    "@vcmap-cesium/engine": "^11.0.3",
-    "@vcmap/core": "^6.3.0-rc.1",
+    "@vcmap-cesium/engine": "^11.0.4",
+    "@vcmap/core": "^6.3.0-rc.2",
     "ol": "^10.4.0",
     "vue": "~3.4.38",
     "vuetify": "~3.7.14"

package/plugins/@vcmap-show-case/extent-example/src/ExtentExample.vue

@@ -1,6 +1,10 @@
 <template>
   <v-container class="pa-0">
-    <VcsExtentEditor heading="Default WGS84 projection" v-model="wgs84Extent" />
+    <VcsExtentEditor
+      heading="Default WGS84 projection"
+      v-model="wgs84Extent"
+      show-extent-on-startup
+    />
     <VcsExtentEditor
       heading="Mercator projection example"
       v-model="mercatorExtent"

package/plugins/package.json

@@ -30,9 +30,10 @@
     "@vcmap/sensorthings": "^1.0.0",
     "@vcmap/cesium-inspector": "^2.0.0",
     "@vcmap/event-control": "^1.0.1",
-    "@vcmap/dynamic-layer": "^1.0.0",
+    "@vcmap/dynamic-layer": "^2.0.0",
     "@vcmap/geofence": "^1.0.2",
-    "@vcmap/panorama": "^1.0.0"
+    "@vcmap/panorama": "^1.0.0",
+    "@vcmap/layer-settings": "^1.0.1"
   },
   "optionalDependencies": {
     "@vcmap/planning": "^7.0.0"

package/src/actions/extentActions.d.ts

@@ -26,12 +26,19 @@ export function createExtentFeatureAction(app: import("@src/vcsUiApp.js").defaul
     action: import("./actionHelper.js").VcsAction;
     destroy: () => void;
 };
+/**
+ * @param {import("vue").WritableComputedRef<import("@vcmap/core").Extent>} extent
+ * @param {import("@vcmap/core").Extent} initialExtent
+ * @returns {import("./actionHelper.js").VcsAction}
+ */
+export function createResetExtentAction(extent: import("vue").WritableComputedRef<import("@vcmap/core").Extent>, initialExtent: import("@vcmap/core").Extent): import("./actionHelper.js").VcsAction;
 /**
  * @param {import("@src/vcsUiApp.js").default} app
  * @param {import("vue").ComputedRef<import("@vcmap/core").Extent>|import("vue").Ref<import("@vcmap/core").Extent>|import("vue").WritableComputedRef<import("@vcmap/core").Extent>} extent
+ * @param {boolean} [showExtentOnStartup=false]
  * @returns {{ actions: Array<import("./actionHelper.js").VcsAction>, destroy: () => void, layer: import("@vcmap/core").VectorLayer, featureId: string }}
  */
-export function setupExtentComponentActions(app: import("@src/vcsUiApp.js").default, extent: import("vue").ComputedRef<import("@vcmap/core").Extent> | import("vue").Ref<import("@vcmap/core").Extent> | import("vue").WritableComputedRef<import("@vcmap/core").Extent>): {
+export function setupExtentComponentActions(app: import("@src/vcsUiApp.js").default, extent: import("vue").ComputedRef<import("@vcmap/core").Extent> | import("vue").Ref<import("@vcmap/core").Extent> | import("vue").WritableComputedRef<import("@vcmap/core").Extent>, showExtentOnStartup?: boolean | undefined): {
     actions: Array<import("./actionHelper.js").VcsAction>;
     destroy: () => void;
     layer: import("@vcmap/core").VectorLayer;

package/src/actions/extentActions.js

@@ -21,6 +21,7 @@ import { createOrUpdateFromCoordinates } from 'ol/extent.js';
 import { Polygon } from 'ol/geom.js';
 import { unByKey } from 'ol/Observable.js';
 import { getLogger } from '@vcsuite/logger';
+import { callSafeAction } from './actionHelper.js';
 
 /**
  * @param {import("@src/vcsUiApp.js").default} app
@@ -148,6 +149,23 @@ export function createExtentFeatureAction(
   };
 }
 
+/**
+ * @param {import("vue").WritableComputedRef<import("@vcmap/core").Extent>} extent
+ * @param {import("@vcmap/core").Extent} initialExtent
+ * @returns {import("./actionHelper.js").VcsAction}
+ */
+export function createResetExtentAction(extent, initialExtent) {
+  return {
+    name: 'components.extent.reset',
+    title: 'components.extent.reset',
+    icon: '$vcsReturn',
+    active: false,
+    callback() {
+      extent.value = initialExtent.clone();
+    },
+  };
+}
+
 /**
  * @param {import("ol").Feature<import("ol/geom").Polygon>} feature
  * @param {import("vue").WritableComputedRef<import("@vcmap/core").Extent>} extent
@@ -318,9 +336,14 @@ function syncExtentFeature(extent, layer, featureId) {
 /**
  * @param {import("@src/vcsUiApp.js").default} app
  * @param {import("vue").ComputedRef<import("@vcmap/core").Extent>|import("vue").Ref<import("@vcmap/core").Extent>|import("vue").WritableComputedRef<import("@vcmap/core").Extent>} extent
+ * @param {boolean} [showExtentOnStartup=false]
  * @returns {{ actions: Array<import("./actionHelper.js").VcsAction>, destroy: () => void, layer: import("@vcmap/core").VectorLayer, featureId: string }}
  */
-export function setupExtentComponentActions(app, extent) {
+export function setupExtentComponentActions(
+  app,
+  extent,
+  showExtentOnStartup = false,
+) {
   const layer = new VectorLayer({
     projection: mercatorProjection.toJSON(),
     zIndex: maxZIndex - 1,
@@ -352,6 +375,10 @@ export function setupExtentComponentActions(app, extent) {
     createLayerToggleAction(layer, false);
   const { action: createExtentAction, destroy: destroyCreateExtent } =
     createExtentFeatureAction(app, layer, extent, featureId, false);
+  const resetExtentAction = createResetExtentAction(
+    extent,
+    extent.value.clone(),
+  );
   const zoomToExtentAction = createZoomToExtentAction(app, extent);
   zoomToExtentAction.title = 'components.extent.zoom';
   const { action: translateAction, destroy: destroyTranslate } =
@@ -363,11 +390,15 @@ export function setupExtentComponentActions(app, extent) {
     extent,
     suspendFeatureUpdate,
   );
+  if (showExtentOnStartup) {
+    callSafeAction(showExtentAction);
+  }
 
   return {
     actions: [
       showExtentAction,
       createExtentAction,
+      resetExtentAction,
       vertexAction,
       translateAction,
       zoomToExtentAction,

package/src/application/VcsNavbar.vue

@@ -17,6 +17,7 @@
                 :overflow-count="smAndDown ? 2 : 4"
                 :force-overflow="false"
                 button="VcsToolButton"
+                :data-vcs-button-location="ButtonLocation.MAP"
               />
               <v-divider
                 v-if="
@@ -32,6 +33,7 @@
                 :overflow-count="smAndDown ? 2 : 3"
                 :force-overflow="false"
                 button="VcsToolButton"
+                :data-vcs-button-location="ButtonLocation.CONTENT"
               />
               <v-divider
                 v-if="contentActions.length > 0 && toolActions.length > 0"
@@ -45,6 +47,7 @@
                 :force-overflow="false"
                 v-if="smAndUp"
                 button="VcsToolButton"
+                :data-vcs-button-location="ButtonLocation.TOOL"
               />
             </div>
           </v-toolbar-items>
@@ -71,6 +74,7 @@
                 :overflow-count="smAndDown ? 1 : 2"
                 :force-overflow="false"
                 button="VcsToolButton"
+                :data-vcs-button-location="ButtonLocation.PROJECT"
               />
               <v-divider
                 v-if="projectActions.length > 0 && menuActions.length > 0"
@@ -78,7 +82,7 @@
                 inset
                 class="mx-2"
               />
-              <div class="d-flex gc-2">
+              <div class="d-flex gc-2" data-vcs-nav-general-buttons>
                 <v-menu
                   v-if="!config.hideShareButton && shareActions.length > 0"
                 >
@@ -94,6 +98,7 @@
                     :actions="shareActions"
                     tooltip-position="left"
                     :show-icon="true"
+                    :data-vcs-button-location="ButtonLocation.SHARE"
                   />
                 </v-menu>
                 <VcsToolButton
@@ -121,6 +126,7 @@
                     :actions="menuActions"
                     tooltip-position="left"
                     :show-icon="true"
+                    :data-vcs-button-location="ButtonLocation.MENU"
                   />
                 </v-menu>
               </div>
@@ -237,6 +243,7 @@
         mdAndUp,
         smAndUp,
         toolbarHeight,
+        ButtonLocation,
       };
     },
   };

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

@@ -47,5 +47,13 @@ declare const _default: import("vue").DefineComponent<{}, {
     mdAndUp: import("vue").Ref<boolean>;
     smAndUp: import("vue").Ref<boolean>;
     toolbarHeight: import("vue").ComputedRef<number>;
+    ButtonLocation: {
+        MAP: number;
+        CONTENT: number;
+        TOOL: number;
+        PROJECT: number;
+        SHARE: number;
+        MENU: number;
+    };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/src/callback/activateClippingPolygonCallback.d.ts

@@ -21,6 +21,7 @@ declare class ActivateClippingPolygonCallback extends VcsCallback {
      * @private
      */
     private _names;
+    callback(): void;
     /**
      * @returns {ActivateClippingPolygonOptions}
      */

package/src/callback/activateLayersCallback.d.ts

@@ -21,6 +21,7 @@ declare class ActivateLayersCallback extends VcsCallback {
      * @private
      */
     private _layerNames;
+    callback(): void;
     /**
      * @returns {ActivateLayersOptions}
      */

package/src/callback/activateMapCallback.d.ts

@@ -22,6 +22,10 @@ declare class ActivateMapCallback extends VcsCallback {
      * @private
      */
     private _mapName;
+    /**
+     * Activates the map with the given name.
+     */
+    callback(): void;
     /**
      * @returns {ActivateMapCallbackOptions}
      */

package/src/callback/activateOverviewMapCallback.d.ts

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

package/src/callback/addModuleCallback.d.ts

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

package/src/callback/applyLayerStyleCallback.d.ts

@@ -28,6 +28,7 @@ declare class ApplyLayerStyleCallback extends VcsCallback {
      * @private
      */
     private _layerName;
+    callback(): void;
     /**
      * @returns {ApplyLayerStyleOptions}
      */

package/src/callback/closeSplashScreenCallback.d.ts

@@ -4,5 +4,6 @@ export default CloseSplashScreenCallback;
  * @extends {VcsCallback}
  */
 declare class CloseSplashScreenCallback extends VcsCallback {
+    callback(): void;
 }
 import VcsCallback from './vcsCallback.js';

package/src/callback/deactivateClippingPolygonCallback.d.ts

@@ -21,6 +21,7 @@ declare class DeactivateClippingPolygonCallback extends VcsCallback {
      * @private
      */
     private _names;
+    callback(): void;
     /**
      * @returns {DeactivateClippingPolygonOptions}
      */

package/src/callback/deactivateLayersCallback.d.ts

@@ -21,6 +21,7 @@ declare class DeactivateLayersCallback extends VcsCallback {
      * @private
      */
     private _layerNames;
+    callback(): void;
     /**
      * @returns {DeactivateLayersOptions}
      */

package/src/callback/deactivateOverviewMapCallback.d.ts

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

package/src/callback/goToViewpointCallback.d.ts

@@ -21,6 +21,7 @@ declare class GoToViewpointCallback extends VcsCallback {
      * @private
      */
     private _viewpoint;
+    callback(): Promise<void>;
     /**
      * @returns {GoToViewpointOptions}
      */

package/src/callback/goToViewpointCallback.js

@@ -30,10 +30,10 @@ class GoToViewpointCallback extends VcsCallback {
     this._viewpoint = options.viewpoint;
   }
 
-  callback() {
+  async callback() {
     const vp = this._app.viewpoints.getByKey(this._viewpoint);
     if (this._app.maps.activeMap && vp) {
-      this._app.maps.activeMap.gotoViewpoint(vp);
+      await this._app.maps.activeMap.gotoViewpoint(vp);
     }
   }
 

package/src/callback/hideObjectsCallback.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @typedef {import('@vcmap/ui').VcsCallbackOptions & {
+ *   layerName?: string;
+ *   objectIds: string[];
+ * }} HideObjectsCallbackOptions
+ */
+/**
+ * A callback to hide objects with given ids in a specific layer or globally if no layer is given.
+ */
+export default class HideObjectsCallback extends VcsCallback {
+    /**
+     * @param {HideObjectsCallbackOptions} options
+     * @param {import('@vcmap/ui').VcsUiApp} app
+     */
+    constructor(options: HideObjectsCallbackOptions, app: import('@vcmap/ui').VcsUiApp);
+    /** @type {string | undefined} */
+    _layerName: string | undefined;
+    /** @type {string[]} */
+    _objectIds: string[];
+    callback(): void;
+    /** @returns {HideObjectsCallbackOptions} */
+    toJSON(): HideObjectsCallbackOptions;
+}
+export type HideObjectsCallbackOptions = import('@vcmap/ui').VcsCallbackOptions & {
+    layerName?: string;
+    objectIds: string[];
+};
+import VcsCallback from './vcsCallback.js';

package/src/callback/hideObjectsCallback.js

@@ -0,0 +1,62 @@
+import { FeatureLayer } from '@vcmap/core';
+import VcsCallback, { callbackClassRegistry } from './vcsCallback.js';
+
+/**
+ * @typedef {import('@vcmap/ui').VcsCallbackOptions & {
+ *   layerName?: string;
+ *   objectIds: string[];
+ * }} HideObjectsCallbackOptions
+ */
+
+/**
+ * A callback to hide objects with given ids in a specific layer or globally if no layer is given.
+ */
+export default class HideObjectsCallback extends VcsCallback {
+  static get className() {
+    return 'HideObjectsCallback';
+  }
+
+  /** @type {string | undefined} */
+  _layerName;
+
+  /** @type {string[]} */
+  _objectIds;
+
+  /**
+   * @param {HideObjectsCallbackOptions} options
+   * @param {import('@vcmap/ui').VcsUiApp} app
+   */
+  constructor(options, app) {
+    super(options, app);
+
+    this._layerName = options.layerName;
+    this._objectIds = options.objectIds;
+  }
+
+  callback() {
+    /** @type {import('@vcmap/ui').VcsUiApp} */
+    const app = this._app;
+    if (this._layerName) {
+      const layer = app.layers.getByKey(this._layerName);
+      if (layer instanceof FeatureLayer) {
+        layer.featureVisibility.hideObjects(this._objectIds);
+      }
+    } else {
+      app.layers.globalHider.hideObjects(this._objectIds);
+    }
+  }
+
+  /** @returns {HideObjectsCallbackOptions} */
+  toJSON() {
+    return {
+      ...super.toJSON(),
+      layerName: this._layerName,
+      objectIds: [...this._objectIds],
+    };
+  }
+}
+
+callbackClassRegistry.registerClass(
+  HideObjectsCallback.className,
+  HideObjectsCallback,
+);

package/src/callback/highlightObjectsCallback.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @typedef {import('@vcmap/core').VectorStyleItemOptions} VectorStyleItemOptions
+ */
+/**
+ * @typedef {import('@vcmap/ui').VcsCallbackOptions & {
+ *   layerName: string;
+ *   toHighlight: Record<string, VectorStyleItemOptions>;
+ * }} HighlightObjectsCallbackOptions
+ */
+/**
+ * A callback to highlight objects of FeatureLayers.
+ */
+export default class HighlightObjectsCallback extends VcsCallback {
+    /**
+     * @param {HighlightObjectsCallbackOptions} options
+     * @param {import('@vcmap/ui').VcsUiApp} app
+     */
+    constructor(options: HighlightObjectsCallbackOptions, app: import('@vcmap/ui').VcsUiApp);
+    /** @type {string} */
+    _layerName: string;
+    /** @type {Record<string, VectorStyleItemOptions>} */
+    _toHighlight: Record<string, VectorStyleItemOptions>;
+    callback(): void;
+    /** @returns {HighlightObjectsCallbackOptions} */
+    toJSON(): HighlightObjectsCallbackOptions;
+}
+export type VectorStyleItemOptions = import('@vcmap/core').VectorStyleItemOptions;
+export type HighlightObjectsCallbackOptions = import('@vcmap/ui').VcsCallbackOptions & {
+    layerName: string;
+    toHighlight: Record<string, VectorStyleItemOptions>;
+};
+import VcsCallback from './vcsCallback.js';

package/src/callback/highlightObjectsCallback.js

@@ -0,0 +1,68 @@
+import { FeatureLayer, VectorStyleItem } from '@vcmap/core';
+import VcsCallback, { callbackClassRegistry } from './vcsCallback.js';
+
+/**
+ * @typedef {import('@vcmap/core').VectorStyleItemOptions} VectorStyleItemOptions
+ */
+
+/**
+ * @typedef {import('@vcmap/ui').VcsCallbackOptions & {
+ *   layerName: string;
+ *   toHighlight: Record<string, VectorStyleItemOptions>;
+ * }} HighlightObjectsCallbackOptions
+ */
+
+/**
+ * A callback to highlight objects of FeatureLayers.
+ */
+export default class HighlightObjectsCallback extends VcsCallback {
+  static get className() {
+    return 'HighlightObjectsCallback';
+  }
+
+  /** @type {string} */
+  _layerName;
+
+  /** @type {Record<string, VectorStyleItemOptions>} */
+  _toHighlight;
+
+  /**
+   * @param {HighlightObjectsCallbackOptions} options
+   * @param {import('@vcmap/ui').VcsUiApp} app
+   */
+  constructor(options, app) {
+    super(options, app);
+
+    this._layerName = options.layerName;
+    this._toHighlight = options.toHighlight;
+  }
+
+  callback() {
+    /** @type {import('@vcmap/ui').VcsUiApp} */
+    const app = this._app;
+    const layer = app.layers.getByKey(this._layerName);
+
+    if (layer instanceof FeatureLayer) {
+      /** @type {Record<string, VectorStyleItem>} */
+      const toHighlightInstances = {};
+      Object.keys(this._toHighlight).forEach((key) => {
+        toHighlightInstances[key] = new VectorStyleItem(this._toHighlight[key]);
+      });
+      layer.featureVisibility.highlight(toHighlightInstances);
+    }
+  }
+
+  /** @returns {HighlightObjectsCallbackOptions} */
+  toJSON() {
+    return {
+      ...super.toJSON(),
+      layerName: this._layerName,
+      toHighlight: structuredClone(this._toHighlight),
+    };
+  }
+}
+
+callbackClassRegistry.registerClass(
+  HighlightObjectsCallback.className,
+  HighlightObjectsCallback,
+);

package/src/callback/openSplashScreenCallback.d.ts

@@ -4,5 +4,6 @@ export default OpenSplashScreenCallback;
  * @extends {VcsCallback}
  */
 declare class OpenSplashScreenCallback extends VcsCallback {
+    callback(): void;
 }
 import VcsCallback from './vcsCallback.js';

package/src/callback/removeModuleCallback.d.ts

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

package/src/callback/showObjectsCallback.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @typedef {import('@vcmap/ui').VcsCallbackOptions & {
+ *   layerName?: string;
+ *   objectIds: string[];
+ * }} ShowObjectsCallbackOptions
+ */
+/**
+ * A callback to show objects that were previously hidden.
+ */
+export default class ShowObjectsCallback extends VcsCallback {
+    /**
+     * @param {ShowObjectsCallbackOptions} options
+     * @param {import('@vcmap/ui').VcsUiApp} app
+     */
+    constructor(options: ShowObjectsCallbackOptions, app: import('@vcmap/ui').VcsUiApp);
+    /** @type {string | undefined} */
+    _layerName: string | undefined;
+    /** @type {string[]} */
+    _objectIds: string[];
+    callback(): void;
+    /** @returns {ShowObjectsCallbackOptions} */
+    toJSON(): ShowObjectsCallbackOptions;
+}
+export type ShowObjectsCallbackOptions = import('@vcmap/ui').VcsCallbackOptions & {
+    layerName?: string;
+    objectIds: string[];
+};
+import VcsCallback from './vcsCallback.js';