@open-pioneer/selection 1.4.0 → 1.5.0-dev.20260910103330

package/model/SelectionViewModel.js

@@ -0,0 +1,270 @@
+import { reactive, linked, computed, watchValue, effect } from '@conterra/reactivity-core';
+import { createLogger, shallowEqual, destroyResources, throwAbortError, isAbortError } from '@open-pioneer/core';
+import { sourceId } from '../_virtual/source-info.js';
+import { createElement } from 'react';
+import { ExtentSelectionInteraction } from '../interactions/ExtentSelectionInteraction.js';
+import { SelectionTooltipContent } from '../ui/SelectionTooltipContent.js';
+
+const LOG = createLogger(sourceId);
+const DEFAULT_MAX_RESULTS = 1e4;
+const ACTIVE_INTERACTION_CLASS = "selection-active";
+const INACTIVE_INTERACTION_CLASS = "selection-inactive";
+const CLEARED = /* @__PURE__ */ Symbol("cleared");
+class SelectionViewModel {
+  #map;
+  #messages;
+  /** Limits the number of results from a source. */
+  #maxResults;
+  /** Called whenever results were obtained from a source. */
+  #onComplete;
+  /** Called whenever an error happens, to show a notification. */
+  #onError;
+  /** The set of available selection sources. */
+  #sources = reactive([], { equal: shallowEqual });
+  /**
+   * The currently selected selection source (free choice within this.#sources).
+   *
+   * The state is linked to the set of sources:
+   *
+   * - while nothing has been selected yet, the first source is selected automatically
+   * - if the current source is removed from the set of sources, the selection source is cleared
+   *
+   * Once the selection source has been cleared that way, it remains empty until a source is
+   * selected explicitly again: later updates of the set of sources must not silently
+   * re-enable the selection source behind the user's back.
+   */
+  #currentSource = linked(
+    () => this.#sources.value,
+    (sources, previousSource) => {
+      if (previousSource === CLEARED) {
+        return CLEARED;
+      }
+      if (previousSource) {
+        return sources.includes(previousSource) ? previousSource : CLEARED;
+      }
+      return sources[0];
+    }
+  );
+  #interactionActive = computed(() => {
+    const source = this.currentSource;
+    return !!source && getSourceStatus(source).kind === "available";
+  });
+  #ariaMessage = computed(() => {
+    const messages = this.#messages;
+    if (!this.currentSource) {
+      return messages.noSource;
+    }
+    if (!this.isInteractionActive) {
+      return messages.inactive;
+    }
+    return messages.active;
+  });
+  // For debugging
+  // oxlint-disable-next-line no-unused-private-class-members
+  #currentInteraction;
+  // For debugging
+  // oxlint-disable-next-line no-unused-private-class-members
+  #tooltip;
+  /** The abort controller of the selection request that is currently running (if any). */
+  #currentAbortController;
+  /** Resources owned by this instance. */
+  #resources;
+  constructor(options) {
+    this.#map = options.map;
+    this.#messages = options.messages;
+    this.#maxResults = options.maxResults ?? DEFAULT_MAX_RESULTS;
+    this.#onComplete = options.onSelectionComplete;
+    this.#onError = options.onError;
+    this.#resources = [
+      this.#initSelectionInteraction(),
+      ...this.#initTooltip(),
+      ...this.#initViewport()
+    ];
+  }
+  destroy() {
+    this.#abortPendingSelection();
+    destroyResources(this.#resources);
+  }
+  get sources() {
+    return this.#sources.value;
+  }
+  set sources(newSources) {
+    this.#sources.value = newSources;
+  }
+  get currentSource() {
+    const source = this.#currentSource.value;
+    return source === CLEARED ? void 0 : source;
+  }
+  set currentSource(source) {
+    const sources = this.#sources.value;
+    if (sources.length > 0) {
+      if (!source) {
+        throw new Error(
+          "Internal error: cannot select 'undefined' if there are sources present."
+        );
+      }
+      if (!sources.includes(source)) {
+        throw new Error("Internal error: cannot select unknown selection source.");
+      }
+      this.#currentSource.value = source;
+    } else {
+      if (source) {
+        throw new Error(
+          "Internal error: can only select 'undefined' if there are no sources present."
+        );
+      }
+    }
+  }
+  /** Returns true if the selection interaction is currently active. */
+  get isInteractionActive() {
+    return this.#interactionActive.value;
+  }
+  /** Aria message to represent the current state. Also serves as the tooltip text. */
+  get ariaMessage() {
+    return this.#ariaMessage.value;
+  }
+  /** Runs the selection interaction while active. */
+  #initSelectionInteraction() {
+    return watchValue(
+      () => this.isInteractionActive,
+      (isActive) => {
+        if (!isActive) {
+          return;
+        }
+        const selection = this.#currentInteraction = new ExtentSelectionInteraction(
+          this.#map,
+          (geometry) => this.#onGeometrySelected(geometry)
+        );
+        return () => {
+          selection.destroy();
+          this.#abortPendingSelection();
+        };
+      },
+      {
+        immediate: true
+      }
+    );
+  }
+  /**
+   * Disables the viewport's context menu
+   * and marks the viewport with css classes when selection interaction is active or inactive.
+   */
+  #initViewport() {
+    const viewport = this.#map.olMap.getViewport();
+    const disableContextMenu = (e) => {
+      e.preventDefault();
+      return false;
+    };
+    viewport.addEventListener("contextmenu", disableContextMenu);
+    return [
+      {
+        destroy() {
+          viewport.removeEventListener("contextmenu", disableContextMenu);
+        }
+      },
+      effect(() => {
+        const active = this.isInteractionActive;
+        const className = active ? ACTIVE_INTERACTION_CLASS : INACTIVE_INTERACTION_CLASS;
+        viewport.classList.add(className);
+        return () => viewport.classList.remove(className);
+      })
+    ];
+  }
+  /**
+   * Creates a tooltip that follows the cursor and updates the message depending on the current state.
+   */
+  #initTooltip() {
+    const tooltip = this.#tooltip = createHelpTooltip(this.#map);
+    return [
+      tooltip,
+      watchValue(
+        () => this.ariaMessage,
+        (message) => {
+          const tooltipContent = createElement(SelectionTooltipContent, {
+            content: message
+          });
+          tooltip.setContent(tooltipContent);
+        },
+        { immediate: true }
+      )
+    ];
+  }
+  /**
+   * Called after a successful selection interaction on the map.
+   * Triggers search on the currently selected selection source.
+   */
+  async #onGeometrySelected(geometry) {
+    const source = this.currentSource;
+    if (!source) {
+      return;
+    }
+    this.#abortPendingSelection();
+    const abortController = this.#currentAbortController = new AbortController();
+    try {
+      LOG.debug(`Starting selection on source '${source.label}'`);
+      const extent = geometry.getExtent();
+      const results = await this.#selectFromSource(source, extent, abortController.signal);
+      if (abortController.signal.aborted) {
+        throwAbortError();
+      }
+      LOG.debug(`Found ${results.length} results on source '${source.label}'`);
+      this.#onComplete(source, results);
+    } catch (e) {
+      if (!isAbortError(e)) {
+        LOG.error(`selection from source ${source.label} failed`, e);
+        if (!abortController.signal.aborted) {
+          this.#onError();
+        }
+      }
+    } finally {
+      if (this.#currentAbortController === abortController) {
+        this.#currentAbortController = void 0;
+      }
+    }
+  }
+  async #selectFromSource(source, extent, signal) {
+    const map = this.#map;
+    const maxResults = this.#maxResults;
+    let results = await source.select(
+      { type: "extent", extent },
+      {
+        maxResults,
+        map,
+        mapProjection: map.projection,
+        signal
+      }
+    );
+    if (results.length > maxResults) {
+      results = results.slice(0, maxResults);
+    }
+    return results;
+  }
+  /** Cancels the current selection request (if any); its results will be ignored. */
+  #abortPendingSelection() {
+    this.#currentAbortController?.abort();
+    this.#currentAbortController = void 0;
+  }
+}
+function getSourceStatus(source) {
+  const status = source.status;
+  if (status == null) {
+    return { kind: "available" };
+  }
+  if (typeof status == "string") {
+    return { kind: status };
+  }
+  return status;
+}
+function createHelpTooltip(map) {
+  const overlay = map.overlays.add({
+    position: "follow-pointer",
+    offset: [15, 0],
+    positioning: "center-left",
+    ariaRole: "tooltip",
+    className: "selection-tooltip printing-hide"
+  });
+  return overlay;
+}
+
+export { SelectionViewModel, getSourceStatus };
+//# sourceMappingURL=SelectionViewModel.js.map

package/model/SelectionViewModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionViewModel.js","sources":["SelectionViewModel.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\n\nimport { computed, effect, linked, reactive, watchValue } from \"@conterra/reactivity-core\";\nimport {\n    createLogger,\n    destroyResources,\n    isAbortError,\n    Resource,\n    shallowEqual,\n    throwAbortError\n} from \"@open-pioneer/core\";\nimport { MapModel, Overlay } from \"@open-pioneer/map\";\nimport { Extent } from \"ol/extent\";\nimport { Geometry } from \"ol/geom\";\nimport { sourceId } from \"open-pioneer:source-info\";\nimport { createElement } from \"react\";\nimport { SelectionResult, SelectionSource, SelectionSourceStatusObject } from \"../api\";\nimport { ExtentSelectionInteraction } from \"../interactions/ExtentSelectionInteraction\";\nimport { SelectionTooltipContent } from \"../ui/SelectionTooltipContent\";\n\nconst LOG = createLogger(sourceId);\n\nconst DEFAULT_MAX_RESULTS = 10000;\n\nconst ACTIVE_INTERACTION_CLASS = \"selection-active\";\nconst INACTIVE_INTERACTION_CLASS = \"selection-inactive\";\n\nexport interface Messages {\n    active: string;\n    inactive: string;\n    noSource: string;\n}\n\n/**\n * Marker for a selection source that has been cleared.\n * The cleared state (when the selected source has been \"lost\") should be sticky, a new source\n * should not be selected automatically.\n */\nconst CLEARED = Symbol(\"cleared\");\n\nexport class SelectionViewModel {\n    #map: MapModel;\n    #messages: Messages;\n\n    /** Limits the number of results from a source. */\n    #maxResults: number;\n\n    /** Called whenever results were obtained from a source. */\n    #onComplete: (source: SelectionSource, results: SelectionResult[]) => void;\n\n    /** Called whenever an error happens, to show a notification. */\n    #onError: () => void;\n\n    /** The set of available selection sources. */\n    #sources = reactive<SelectionSource[]>([], { equal: shallowEqual });\n\n    /**\n     * The currently selected selection source (free choice within this.#sources).\n     *\n     * The state is linked to the set of sources:\n     *\n     * - while nothing has been selected yet, the first source is selected automatically\n     * - if the current source is removed from the set of sources, the selection source is cleared\n     *\n     * Once the selection source has been cleared that way, it remains empty until a source is\n     * selected explicitly again: later updates of the set of sources must not silently\n     * re-enable the selection source behind the user's back.\n     */\n    #currentSource = linked(\n        () => this.#sources.value,\n        (\n            sources: SelectionSource[],\n            previousSource: SelectionSource | typeof CLEARED | undefined\n        ): SelectionSource | typeof CLEARED | undefined => {\n            if (previousSource === CLEARED) {\n                return CLEARED;\n            }\n            if (previousSource) {\n                return sources.includes(previousSource) ? previousSource : CLEARED;\n            }\n            return sources[0];\n        }\n    );\n\n    #interactionActive = computed(() => {\n        const source = this.currentSource;\n        return !!source && getSourceStatus(source).kind === \"available\";\n    });\n\n    #ariaMessage = computed(() => {\n        const messages = this.#messages;\n        if (!this.currentSource) {\n            return messages.noSource;\n        }\n        if (!this.isInteractionActive) {\n            return messages.inactive;\n        }\n        return messages.active;\n    });\n\n    // For debugging\n    // oxlint-disable-next-line no-unused-private-class-members\n    #currentInteraction: ExtentSelectionInteraction | undefined;\n\n    // For debugging\n    // oxlint-disable-next-line no-unused-private-class-members\n    #tooltip: Overlay | undefined;\n\n    /** The abort controller of the selection request that is currently running (if any). */\n    #currentAbortController: AbortController | undefined;\n\n    /** Resources owned by this instance. */\n    #resources: Resource[];\n\n    constructor(options: {\n        map: MapModel;\n        messages: Messages;\n        onSelectionComplete: (source: SelectionSource, results: SelectionResult[]) => void;\n        onError: () => void;\n        maxResults?: number;\n    }) {\n        this.#map = options.map;\n        this.#messages = options.messages;\n        this.#maxResults = options.maxResults ?? DEFAULT_MAX_RESULTS;\n        this.#onComplete = options.onSelectionComplete;\n        this.#onError = options.onError;\n        this.#resources = [\n            this.#initSelectionInteraction(),\n            ...this.#initTooltip(),\n            ...this.#initViewport()\n        ];\n    }\n\n    destroy() {\n        this.#abortPendingSelection();\n        destroyResources(this.#resources);\n    }\n\n    get sources(): SelectionSource[] {\n        return this.#sources.value;\n    }\n\n    set sources(newSources: SelectionSource[]) {\n        this.#sources.value = newSources;\n    }\n\n    get currentSource(): SelectionSource | undefined {\n        const source = this.#currentSource.value;\n        return source === CLEARED ? undefined : source;\n    }\n\n    set currentSource(source: SelectionSource | undefined) {\n        const sources = this.#sources.value;\n        if (sources.length > 0) {\n            if (!source) {\n                throw new Error(\n                    \"Internal error: cannot select 'undefined' if there are sources present.\"\n                );\n            }\n            if (!sources.includes(source)) {\n                throw new Error(\"Internal error: cannot select unknown selection source.\");\n            }\n            this.#currentSource.value = source;\n        } else {\n            if (source) {\n                throw new Error(\n                    \"Internal error: can only select 'undefined' if there are no sources present.\"\n                );\n            }\n            // No source can be selected; the current state is already empty.\n        }\n    }\n\n    /** Returns true if the selection interaction is currently active. */\n    get isInteractionActive(): boolean {\n        return this.#interactionActive.value;\n    }\n\n    /** Aria message to represent the current state. Also serves as the tooltip text. */\n    get ariaMessage(): string {\n        return this.#ariaMessage.value;\n    }\n\n    /** Runs the selection interaction while active. */\n    #initSelectionInteraction(): Resource {\n        return watchValue(\n            () => this.isInteractionActive,\n            (isActive) => {\n                if (!isActive) {\n                    return;\n                }\n\n                const selection = (this.#currentInteraction = new ExtentSelectionInteraction(\n                    this.#map,\n                    (geometry) => this.#onGeometrySelected(geometry)\n                ));\n                return () => {\n                    selection.destroy();\n                    this.#abortPendingSelection();\n                };\n            },\n            {\n                immediate: true\n            }\n        );\n    }\n\n    /**\n     * Disables the viewport's context menu\n     * and marks the viewport with css classes when selection interaction is active or inactive.\n     */\n    #initViewport(): Resource[] {\n        const viewport = this.#map.olMap.getViewport();\n        const disableContextMenu = (e: MouseEvent) => {\n            e.preventDefault();\n            return false;\n        };\n        viewport.addEventListener(\"contextmenu\", disableContextMenu);\n\n        return [\n            {\n                destroy() {\n                    viewport.removeEventListener(\"contextmenu\", disableContextMenu);\n                }\n            },\n            effect(() => {\n                const active = this.isInteractionActive;\n                const className = active ? ACTIVE_INTERACTION_CLASS : INACTIVE_INTERACTION_CLASS;\n                viewport.classList.add(className);\n                return () => viewport.classList.remove(className);\n            })\n        ];\n    }\n\n    /**\n     * Creates a tooltip that follows the cursor and updates the message depending on the current state.\n     */\n    #initTooltip(): Resource[] {\n        const tooltip = (this.#tooltip = createHelpTooltip(this.#map));\n        return [\n            tooltip,\n            watchValue(\n                () => this.ariaMessage,\n                (message) => {\n                    // Aria message doubles as tooltip text at this time\n                    const tooltipContent = createElement(SelectionTooltipContent, {\n                        content: message\n                    });\n                    tooltip.setContent(tooltipContent);\n                },\n                { immediate: true }\n            )\n        ];\n    }\n\n    /**\n     * Called after a successful selection interaction on the map.\n     * Triggers search on the currently selected selection source.\n     */\n    async #onGeometrySelected(geometry: Geometry) {\n        const source = this.currentSource;\n        if (!source) {\n            return;\n        }\n\n        // Only the most recent selection is of interest; cancel the previous one (if any).\n        this.#abortPendingSelection();\n\n        const abortController = (this.#currentAbortController = new AbortController());\n        try {\n            LOG.debug(`Starting selection on source '${source.label}'`);\n\n            const extent = geometry.getExtent();\n            const results = await this.#selectFromSource(source, extent, abortController.signal);\n            if (abortController.signal.aborted) {\n                // Superseded by another selection, or the widget is gone.\n                throwAbortError();\n            }\n\n            LOG.debug(`Found ${results.length} results on source '${source.label}'`);\n            this.#onComplete(source, results);\n        } catch (e) {\n            if (!isAbortError(e)) {\n                LOG.error(`selection from source ${source.label} failed`, e);\n                if (!abortController.signal.aborted) {\n                    this.#onError();\n                }\n            }\n        } finally {\n            if (this.#currentAbortController === abortController) {\n                this.#currentAbortController = undefined;\n            }\n        }\n    }\n\n    async #selectFromSource(source: SelectionSource, extent: Extent, signal: AbortSignal) {\n        const map = this.#map;\n        const maxResults = this.#maxResults;\n        let results = await source.select(\n            { type: \"extent\", extent },\n            {\n                maxResults,\n                map: map,\n                mapProjection: map.projection,\n                signal\n            }\n        );\n        if (results.length > maxResults) {\n            results = results.slice(0, maxResults);\n        }\n        return results;\n    }\n\n    /** Cancels the current selection request (if any); its results will be ignored. */\n    #abortPendingSelection(): void {\n        this.#currentAbortController?.abort();\n        this.#currentAbortController = undefined;\n    }\n}\n\n/**\n * Normalizes the source's status into an object.\n */\nexport function getSourceStatus(source: SelectionSource): SelectionSourceStatusObject {\n    const status = source.status;\n    if (status == null) {\n        return { kind: \"available\" };\n    }\n    if (typeof status == \"string\") {\n        return { kind: status };\n    }\n    return status;\n}\n\nfunction createHelpTooltip(map: MapModel): Overlay {\n    const overlay = map.overlays.add({\n        position: \"follow-pointer\",\n        offset: [15, 0],\n        positioning: \"center-left\",\n        ariaRole: \"tooltip\",\n        className: \"selection-tooltip printing-hide\"\n    });\n    return overlay;\n}\n"],"names":[],"mappings":"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"}

package/model/SelectionViewModelFactory.d.ts

@@ -0,0 +1,21 @@
+import { MapModel } from "@open-pioneer/map";
+import { NotificationService } from "@open-pioneer/notifier";
+import { DECLARE_SERVICE_INTERFACE, ServiceOptions } from "@open-pioneer/runtime";
+import { SelectionResult, SelectionSource } from "../api";
+import { SelectionViewModel } from "./SelectionViewModel";
+interface References {
+    notifier: NotificationService;
+}
+/**
+ * @internal
+ */
+export declare class SelectionViewModelFactory {
+    #private;
+    [DECLARE_SERVICE_INTERFACE]: "selection.ViewModelFactory";
+    constructor({ references, currentIntl }: ServiceOptions<References>);
+    createViewModel(options: {
+        map: MapModel;
+        onSelectionComplete: (source: SelectionSource, results: SelectionResult[]) => void;
+    }): SelectionViewModel;
+}
+export {};

package/model/SelectionViewModelFactory.js

@@ -0,0 +1,43 @@
+import { FormattedMessage } from '@open-pioneer/react-utils';
+import { createElement } from 'react';
+import { SelectionViewModel } from './SelectionViewModel.js';
+
+class SelectionViewModelFactory {
+  #notifier;
+  #currentIntl;
+  #messages;
+  constructor({ references, currentIntl }) {
+    this.#notifier = references.notifier;
+    this.#currentIntl = currentIntl;
+    this.#messages = {
+      get active() {
+        return currentIntl.value.formatMessage({ id: "tooltip" });
+      },
+      get inactive() {
+        return currentIntl.value.formatMessage({ id: "disabledTooltip" });
+      },
+      get noSource() {
+        return currentIntl.value.formatMessage({ id: "noSourceTooltip" });
+      }
+    };
+  }
+  createViewModel(options) {
+    return new SelectionViewModel({
+      map: options.map,
+      messages: this.#messages,
+      onSelectionComplete: options.onSelectionComplete,
+      onError: () => {
+        this.#notifier.notify({
+          level: "error",
+          message: createElement(FormattedMessage, {
+            intl: this.#currentIntl,
+            id: "selectionFailed"
+          })
+        });
+      }
+    });
+  }
+}
+
+export { SelectionViewModelFactory };
+//# sourceMappingURL=SelectionViewModelFactory.js.map

package/model/SelectionViewModelFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionViewModelFactory.js","sources":["SelectionViewModelFactory.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ReadonlyReactive } from \"@conterra/reactivity-core\";\nimport { MapModel } from \"@open-pioneer/map\";\nimport { NotificationService } from \"@open-pioneer/notifier\";\nimport { FormattedMessage } from \"@open-pioneer/react-utils\";\nimport { DECLARE_SERVICE_INTERFACE, PackageIntl, ServiceOptions } from \"@open-pioneer/runtime\";\nimport { createElement } from \"react\";\nimport { SelectionResult, SelectionSource } from \"../api\";\nimport { Messages, SelectionViewModel } from \"./SelectionViewModel\";\n\ninterface References {\n    notifier: NotificationService;\n}\n\n/**\n * @internal\n */\nexport class SelectionViewModelFactory {\n    declare [DECLARE_SERVICE_INTERFACE]: \"selection.ViewModelFactory\";\n\n    #notifier: NotificationService;\n    #currentIntl: ReadonlyReactive<PackageIntl>;\n    #messages: Messages;\n\n    constructor({ references, currentIntl }: ServiceOptions<References>) {\n        this.#notifier = references.notifier;\n        this.#currentIntl = currentIntl;\n        this.#messages = {\n            get active() {\n                return currentIntl.value.formatMessage({ id: \"tooltip\" });\n            },\n            get inactive() {\n                return currentIntl.value.formatMessage({ id: \"disabledTooltip\" });\n            },\n            get noSource() {\n                return currentIntl.value.formatMessage({ id: \"noSourceTooltip\" });\n            }\n        };\n    }\n\n    createViewModel(options: {\n        map: MapModel;\n        onSelectionComplete: (source: SelectionSource, results: SelectionResult[]) => void;\n    }): SelectionViewModel {\n        return new SelectionViewModel({\n            map: options.map,\n            messages: this.#messages,\n            onSelectionComplete: options.onSelectionComplete,\n            onError: () => {\n                this.#notifier.notify({\n                    level: \"error\",\n                    message: createElement(FormattedMessage, {\n                        intl: this.#currentIntl,\n                        id: \"selectionFailed\"\n                    })\n                });\n            }\n        });\n    }\n}\n"],"names":[],"mappings":";;;;AAmBO,MAAM,yBAAA,CAA0B;AAAA,EAGnC,SAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EAEA,WAAA,CAAY,EAAE,UAAA,EAAY,WAAA,EAAY,EAA+B;AACjE,IAAA,IAAA,CAAK,YAAY,UAAA,CAAW,QAAA;AAC5B,IAAA,IAAA,CAAK,YAAA,GAAe,WAAA;AACpB,IAAA,IAAA,CAAK,SAAA,GAAY;AAAA,MACb,IAAI,MAAA,GAAS;AACT,QAAA,OAAO,YAAY,KAAA,CAAM,aAAA,CAAc,EAAE,EAAA,EAAI,WAAW,CAAA;AAAA,MAC5D,CAAA;AAAA,MACA,IAAI,QAAA,GAAW;AACX,QAAA,OAAO,YAAY,KAAA,CAAM,aAAA,CAAc,EAAE,EAAA,EAAI,mBAAmB,CAAA;AAAA,MACpE,CAAA;AAAA,MACA,IAAI,QAAA,GAAW;AACX,QAAA,OAAO,YAAY,KAAA,CAAM,aAAA,CAAc,EAAE,EAAA,EAAI,mBAAmB,CAAA;AAAA,MACpE;AAAA,KACJ;AAAA,EACJ;AAAA,EAEA,gBAAgB,OAAA,EAGO;AACnB,IAAA,OAAO,IAAI,kBAAA,CAAmB;AAAA,MAC1B,KAAK,OAAA,CAAQ,GAAA;AAAA,MACb,UAAU,IAAA,CAAK,SAAA;AAAA,MACf,qBAAqB,OAAA,CAAQ,mBAAA;AAAA,MAC7B,SAAS,MAAM;AACX,QAAA,IAAA,CAAK,UAAU,MAAA,CAAO;AAAA,UAClB,KAAA,EAAO,OAAA;AAAA,UACP,OAAA,EAAS,cAAc,gBAAA,EAAkB;AAAA,YACrC,MAAM,IAAA,CAAK,YAAA;AAAA,YACX,EAAA,EAAI;AAAA,WACP;AAAA,SACJ,CAAA;AAAA,MACL;AAAA,KACH,CAAA;AAAA,EACL;AACJ;;;;"}

package/model/index.d.ts

@@ -0,0 +1 @@
+export { SelectionViewModel, getSourceStatus, type Messages } from "./SelectionViewModel";

package/model/index.js

@@ -0,0 +1,2 @@
+import './SelectionViewModel.js';
+//# sourceMappingURL=index.js.map

package/model/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/selection",
-  "version": "1.4.0",
+  "version": "1.5.0-dev.20260910103330",
   "description": "This package provides a UI component to perform a selection on given selection sources from the map.",
   "keywords": [
     "open-pioneer-trails"
@@ -14,19 +14,23 @@
     "directory": "src/packages/selection"
   },
   "dependencies": {
-    "@chakra-ui/react": "^3.36.1",
-    "@conterra/reactivity-core": "^0.8.6",
-    "@open-pioneer/chakra-snippets": "^4.7.0",
-    "@open-pioneer/core": "^4.7.0",
-    "@open-pioneer/notifier": "^4.7.0",
-    "@open-pioneer/react-utils": "^4.7.0",
-    "@open-pioneer/reactivity": "^4.7.0",
-    "@open-pioneer/runtime": "^4.7.0",
-    "ol": "^10.9.0",
+    "@chakra-ui/react": "^3.37.0",
+    "@conterra/reactivity-core": "^0.8.8",
+    "@open-pioneer/chakra-snippets": "4.8.0-dev.20260910101405",
+    "@open-pioneer/core": "4.8.0-dev.20260910101405",
+    "@open-pioneer/map": "1.5.0-dev.20260910103330",
+    "@open-pioneer/notifier": "4.8.0-dev.20260910101405",
+    "@open-pioneer/react-utils": "4.8.0-dev.20260910101405",
+    "@open-pioneer/reactivity": "4.8.0-dev.20260910101405",
+    "@open-pioneer/runtime": "4.8.0-dev.20260910101405",
+    "ol": "^10.10.0",
     "react": "^19.2.8",
     "react-icons": "^5.7.0",
-    "uuid": "^14.0.1",
-    "@open-pioneer/map": "1.4.0"
+    "uuid": "^14.0.2"
+  },
+  "publishConfig": {
+    "directory": "dist",
+    "linkDirectory": false
   },
   "exports": {
     "./package.json": "./package.json",
@@ -38,11 +42,26 @@
       "import": "./services.js",
       "types": "./services.d.ts"
     },
-    "./selection.css": "./selection.css"
+    "./ui/selection.css": "./ui/selection.css"
   },
   "openPioneerFramework": {
-    "styles": "./selection.css",
+    "styles": "./ui/selection.css",
     "services": [
+      {
+        "serviceName": "SelectionViewModelFactory",
+        "provides": [
+          {
+            "interfaceName": "selection.ViewModelFactory"
+          }
+        ],
+        "references": [
+          {
+            "referenceName": "notifier",
+            "type": "unique",
+            "interfaceName": "notifier.NotificationService"
+          }
+        ]
+      },
       {
         "serviceName": "VectorSelectionSourceFactory",
         "provides": [
@@ -64,7 +83,7 @@
       "references": [
         {
           "type": "unique",
-          "interfaceName": "notifier.NotificationService"
+          "interfaceName": "selection.ViewModelFactory"
         }
       ]
     },

package/services.d.ts

@@ -1,7 +1,2 @@
-import { type PackageIntl, ServiceOptions } from "@open-pioneer/runtime";
-import { VectorLayerSelectionSource, VectorLayerSelectionSourceFactory, VectorLayerSelectionSourceOptions } from "./api";
-export declare class VectorSelectionSourceFactory implements VectorLayerSelectionSourceFactory {
-    #private;
-    constructor({ currentIntl }: ServiceOptions<PackageIntl>);
-    createSelectionSource(options: VectorLayerSelectionSourceOptions): VectorLayerSelectionSource;
-}
+export { VectorSelectionSourceFactory } from "./sources/VectorSelectionSourceFactory";
+export { SelectionViewModelFactory } from "./model/SelectionViewModelFactory";

package/services.js

@@ -1,18 +1,3 @@
-import { VectorLayerSelectionSourceImpl } from './VectorSelectionSource.js';
-
-class VectorSelectionSourceFactory {
-  #currentIntl;
-  constructor({ currentIntl }) {
-    this.#currentIntl = currentIntl;
-  }
-  createSelectionSource(options) {
-    return new VectorLayerSelectionSourceImpl(
-      options.vectorLayer,
-      options.label,
-      this.#currentIntl
-    );
-  }
-}
-
-export { VectorSelectionSourceFactory };
+export { VectorSelectionSourceFactory } from './sources/VectorSelectionSourceFactory.js';
+export { SelectionViewModelFactory } from './model/SelectionViewModelFactory.js';
 //# sourceMappingURL=services.js.map

package/services.js.map

@@ -1 +1 @@
-{"version":3,"file":"services.js","sources":["services.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ReadonlyReactive } from \"@conterra/reactivity-core\";\nimport { type PackageIntl, ServiceOptions } from \"@open-pioneer/runtime\";\nimport {\n    VectorLayerSelectionSource,\n    VectorLayerSelectionSourceFactory,\n    VectorLayerSelectionSourceOptions\n} from \"./api\";\nimport { VectorLayerSelectionSourceImpl } from \"./VectorSelectionSource\";\n\nexport class VectorSelectionSourceFactory implements VectorLayerSelectionSourceFactory {\n    #currentIntl: ReadonlyReactive<PackageIntl>;\n\n    constructor({ currentIntl }: ServiceOptions<PackageIntl>) {\n        this.#currentIntl = currentIntl;\n    }\n    createSelectionSource(options: VectorLayerSelectionSourceOptions): VectorLayerSelectionSource {\n        return new VectorLayerSelectionSourceImpl(\n            options.vectorLayer,\n            options.label,\n            this.#currentIntl\n        );\n    }\n}\n"],"names":[],"mappings":";;AAYO,MAAM,4BAAA,CAA0E;AAAA,EACnF,YAAA;AAAA,EAEA,WAAA,CAAY,EAAE,WAAA,EAAY,EAAgC;AACtD,IAAA,IAAA,CAAK,YAAA,GAAe,WAAA;AAAA,EACxB;AAAA,EACA,sBAAsB,OAAA,EAAwE;AAC1F,IAAA,OAAO,IAAI,8BAAA;AAAA,MACP,OAAA,CAAQ,WAAA;AAAA,MACR,OAAA,CAAQ,KAAA;AAAA,MACR,IAAA,CAAK;AAAA,KACT;AAAA,EACJ;AACJ;;;;"}
+{"version":3,"file":"services.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/{VectorSelectionSource.d.ts → sources/VectorSelectionSource.d.ts}

@@ -3,19 +3,15 @@ import { PackageIntl } from "@open-pioneer/runtime";
 import Feature from "ol/Feature";
 import VectorLayer from "ol/layer/Vector";
 import VectorSource from "ol/source/Vector";
-import { SelectionResult, SelectionOptions, SelectionKind, VectorLayerSelectionSource, SelectionSourceStatusObject } from "./api";
+import { SelectionKind, SelectionOptions, SelectionResult, SelectionSourceStatusObject, VectorLayerSelectionSource } from "../api";
 /**
  * A SelectionSource to use an OpenLayers VectorLayer with an OpenLayers VectorSource (e.g. layer of the map).
- * Features are:
- * -   using only the extent as selection kind
- * -   listening to layer visibility changes and updating the status of the source
- * -   limiting the number of returned selection results to the corresponding selection option
- * -   throwing an event `changed:status` when the status updates
  */
 export declare class VectorLayerSelectionSourceImpl implements VectorLayerSelectionSource {
     #private;
+    readonly id: string | undefined;
     readonly label: string;
-    constructor(vectorLayer: VectorLayer<VectorSource, Feature>, label: string, currentIntl: ReadonlyReactive<PackageIntl>);
+    constructor(id: string | undefined, vectorLayer: VectorLayer<VectorSource, Feature>, label: string, currentIntl: ReadonlyReactive<PackageIntl>);
     destroy(): void;
     get status(): SelectionSourceStatusObject;
     select(selectionKind: SelectionKind, options: SelectionOptions): Promise<SelectionResult[]>;

package/{VectorSelectionSource.js → sources/VectorSelectionSource.js}

@@ -1,31 +1,34 @@
-import { reactive, computed } from '@conterra/reactivity-core';
+import { synchronized, computed } from '@conterra/reactivity-core';
 import { unByKey } from 'ol/Observable.js';
 import { v4 } from 'uuid';
 
 class VectorLayerSelectionSourceImpl {
+  id;
   label;
   #vectorLayer;
-  #eventHandler;
   #currentIntl;
-  #layerVisible = reactive(true);
+  #layerVisible;
   #status;
-  constructor(vectorLayer, label, currentIntl) {
+  constructor(id, vectorLayer, label, currentIntl) {
+    this.id = id;
     this.label = label;
     this.#vectorLayer = vectorLayer;
     this.#currentIntl = currentIntl;
-    this.#layerVisible.value = vectorLayer.getVisible();
+    this.#layerVisible = synchronized(
+      () => vectorLayer.getVisible(),
+      (cb) => {
+        const key = vectorLayer.on("change:visible", cb);
+        return () => unByKey(key);
+      }
+    );
     this.#status = computed(
       () => this.#layerVisible.value ? { kind: "available" } : {
         kind: "unavailable",
         reason: this.#currentIntl.value.formatMessage({ id: "layerNotVisibleReason" })
       }
     );
-    this.#eventHandler = this.#vectorLayer.on("change:visible", () => {
-      this.#layerVisible.value = this.#vectorLayer.getVisible();
-    });
   }
   destroy() {
-    unByKey(this.#eventHandler);
   }
   get status() {
     return this.#status.value;

package/sources/VectorSelectionSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VectorSelectionSource.js","sources":["VectorSelectionSource.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\n\nimport { computed, ReadonlyReactive, synchronized } from \"@conterra/reactivity-core\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\nimport Feature from \"ol/Feature\";\nimport VectorLayer from \"ol/layer/Vector\";\nimport { unByKey } from \"ol/Observable\";\nimport VectorSource from \"ol/source/Vector\";\nimport { v4 as uuid4v } from \"uuid\";\nimport {\n    SelectionKind,\n    SelectionOptions,\n    SelectionResult,\n    SelectionSourceStatusObject,\n    VectorLayerSelectionSource\n} from \"../api\";\n\n/**\n * A SelectionSource to use an OpenLayers VectorLayer with an OpenLayers VectorSource (e.g. layer of the map).\n */\nexport class VectorLayerSelectionSourceImpl implements VectorLayerSelectionSource {\n    readonly id: string | undefined;\n    readonly label: string;\n    #vectorLayer: VectorLayer<VectorSource, Feature>;\n    #currentIntl: ReadonlyReactive<PackageIntl>;\n    #layerVisible: ReadonlyReactive<boolean>;\n    #status: ReadonlyReactive<SelectionSourceStatusObject>;\n\n    constructor(\n        id: string | undefined,\n        vectorLayer: VectorLayer<VectorSource, Feature>,\n        label: string,\n        currentIntl: ReadonlyReactive<PackageIntl>\n    ) {\n        this.id = id;\n        this.label = label;\n        this.#vectorLayer = vectorLayer;\n        this.#currentIntl = currentIntl;\n        this.#layerVisible = synchronized(\n            () => vectorLayer.getVisible(),\n            (cb) => {\n                const key = vectorLayer.on(\"change:visible\", cb);\n                return () => unByKey(key);\n            }\n        );\n        this.#status = computed<SelectionSourceStatusObject>(() =>\n            this.#layerVisible.value\n                ? { kind: \"available\" }\n                : {\n                      kind: \"unavailable\",\n                      reason: this.#currentIntl.value.formatMessage({ id: \"layerNotVisibleReason\" })\n                  }\n        );\n    }\n\n    destroy() {}\n\n    get status() {\n        return this.#status.value;\n    }\n\n    async select(\n        selectionKind: SelectionKind,\n        options: SelectionOptions\n    ): Promise<SelectionResult[]> {\n        if (selectionKind.type !== \"extent\") {\n            throw new Error(`Unsupported selection kind: ${selectionKind.type}`);\n        }\n\n        if (this.#status.value.kind !== \"available\" || this.#vectorLayer.getSource() === null)\n            return [];\n\n        const allResults: SelectionResult[] = [];\n        // oxlint-disable-next-line @typescript-eslint/no-non-null-assertion\n        this.#vectorLayer\n            .getSource()!\n            .forEachFeatureIntersectingExtent(selectionKind.extent, (feature) => {\n                if (!feature.getGeometry()) return;\n\n                // TODO: Think about where to implement Date-Formatting, if the dates are already\n                //  encoded as Strings...\n\n                const filteredProperties = { ...feature.getProperties() };\n                delete filteredProperties.geometries;\n\n                const result: SelectionResult = {\n                    id: feature.getId()?.toString() || uuid4v(),\n                    // oxlint-disable-next-line @typescript-eslint/no-non-null-assertion\n                    geometry: feature.getGeometry()!,\n                    properties: filteredProperties\n                };\n\n                allResults.push(result);\n            });\n        const selectedFeatures = allResults.filter((s): s is SelectionResult => s != null);\n        const limitedFeatures =\n            selectedFeatures.length > options.maxResults\n                ? selectedFeatures.slice(0, options.maxResults)\n                : selectedFeatures;\n        return limitedFeatures;\n    }\n}\n"],"names":["uuid4v"],"mappings":";;;;AAqBO,MAAM,8BAAA,CAAqE;AAAA,EACrE,EAAA;AAAA,EACA,KAAA;AAAA,EACT,YAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EAEA,WAAA,CACI,EAAA,EACA,WAAA,EACA,KAAA,EACA,WAAA,EACF;AACE,IAAA,IAAA,CAAK,EAAA,GAAK,EAAA;AACV,IAAA,IAAA,CAAK,KAAA,GAAQ,KAAA;AACb,IAAA,IAAA,CAAK,YAAA,GAAe,WAAA;AACpB,IAAA,IAAA,CAAK,YAAA,GAAe,WAAA;AACpB,IAAA,IAAA,CAAK,aAAA,GAAgB,YAAA;AAAA,MACjB,MAAM,YAAY,UAAA,EAAW;AAAA,MAC7B,CAAC,EAAA,KAAO;AACJ,QAAA,MAAM,GAAA,GAAM,WAAA,CAAY,EAAA,CAAG,gBAAA,EAAkB,EAAE,CAAA;AAC/C,QAAA,OAAO,MAAM,QAAQ,GAAG,CAAA;AAAA,MAC5B;AAAA,KACJ;AACA,IAAA,IAAA,CAAK,OAAA,GAAU,QAAA;AAAA,MAAsC,MACjD,IAAA,CAAK,aAAA,CAAc,QACb,EAAE,IAAA,EAAM,aAAY,GACpB;AAAA,QACI,IAAA,EAAM,aAAA;AAAA,QACN,MAAA,EAAQ,KAAK,YAAA,CAAa,KAAA,CAAM,cAAc,EAAE,EAAA,EAAI,yBAAyB;AAAA;AACjF,KACV;AAAA,EACJ;AAAA,EAEA,OAAA,GAAU;AAAA,EAAC;AAAA,EAEX,IAAI,MAAA,GAAS;AACT,IAAA,OAAO,KAAK,OAAA,CAAQ,KAAA;AAAA,EACxB;AAAA,EAEA,MAAM,MAAA,CACF,aAAA,EACA,OAAA,EAC0B;AAC1B,IAAA,IAAI,aAAA,CAAc,SAAS,QAAA,EAAU;AACjC,MAAA,MAAM,IAAI,KAAA,CAAM,CAAA,4BAAA,EAA+B,aAAA,CAAc,IAAI,CAAA,CAAE,CAAA;AAAA,IACvE;AAEA,IAAA,IAAI,IAAA,CAAK,QAAQ,KAAA,CAAM,IAAA,KAAS,eAAe,IAAA,CAAK,YAAA,CAAa,WAAU,KAAM,IAAA;AAC7E,MAAA,OAAO,EAAC;AAEZ,IAAA,MAAM,aAAgC,EAAC;AAEvC,IAAA,IAAA,CAAK,aACA,SAAA,EAAU,CACV,iCAAiC,aAAA,CAAc,MAAA,EAAQ,CAAC,OAAA,KAAY;AACjE,MAAA,IAAI,CAAC,OAAA,CAAQ,WAAA,EAAY,EAAG;AAK5B,MAAA,MAAM,kBAAA,GAAqB,EAAE,GAAG,OAAA,CAAQ,eAAc,EAAE;AACxD,MAAA,OAAO,kBAAA,CAAmB,UAAA;AAE1B,MAAA,MAAM,MAAA,GAA0B;AAAA,QAC5B,IAAI,OAAA,CAAQ,KAAA,EAAM,EAAG,QAAA,MAAcA,EAAA,EAAO;AAAA;AAAA,QAE1C,QAAA,EAAU,QAAQ,WAAA,EAAY;AAAA,QAC9B,UAAA,EAAY;AAAA,OAChB;AAEA,MAAA,UAAA,CAAW,KAAK,MAAM,CAAA;AAAA,IAC1B,CAAC,CAAA;AACL,IAAA,MAAM,mBAAmB,UAAA,CAAW,MAAA,CAAO,CAAC,CAAA,KAA4B,KAAK,IAAI,CAAA;AACjF,IAAA,MAAM,eAAA,GACF,gBAAA,CAAiB,MAAA,GAAS,OAAA,CAAQ,UAAA,GAC5B,iBAAiB,KAAA,CAAM,CAAA,EAAG,OAAA,CAAQ,UAAU,CAAA,GAC5C,gBAAA;AACV,IAAA,OAAO,eAAA;AAAA,EACX;AACJ;;;;"}

package/sources/VectorSelectionSourceFactory.d.ts

@@ -0,0 +1,7 @@
+import { type PackageIntl, ServiceOptions } from "@open-pioneer/runtime";
+import { VectorLayerSelectionSource, VectorLayerSelectionSourceFactory, VectorLayerSelectionSourceOptions } from "../api";
+export declare class VectorSelectionSourceFactory implements VectorLayerSelectionSourceFactory {
+    #private;
+    constructor({ currentIntl }: ServiceOptions<PackageIntl>);
+    createSelectionSource(options: VectorLayerSelectionSourceOptions): VectorLayerSelectionSource;
+}

package/sources/VectorSelectionSourceFactory.js

@@ -0,0 +1,19 @@
+import { VectorLayerSelectionSourceImpl } from './VectorSelectionSource.js';
+
+class VectorSelectionSourceFactory {
+  #currentIntl;
+  constructor({ currentIntl }) {
+    this.#currentIntl = currentIntl;
+  }
+  createSelectionSource(options) {
+    return new VectorLayerSelectionSourceImpl(
+      options.id,
+      options.vectorLayer,
+      options.label,
+      this.#currentIntl
+    );
+  }
+}
+
+export { VectorSelectionSourceFactory };
+//# sourceMappingURL=VectorSelectionSourceFactory.js.map

package/sources/VectorSelectionSourceFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VectorSelectionSourceFactory.js","sources":["VectorSelectionSourceFactory.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ReadonlyReactive } from \"@conterra/reactivity-core\";\nimport { type PackageIntl, ServiceOptions } from \"@open-pioneer/runtime\";\nimport {\n    VectorLayerSelectionSource,\n    VectorLayerSelectionSourceFactory,\n    VectorLayerSelectionSourceOptions\n} from \"../api\";\nimport { VectorLayerSelectionSourceImpl } from \"./VectorSelectionSource\";\n\nexport class VectorSelectionSourceFactory implements VectorLayerSelectionSourceFactory {\n    #currentIntl: ReadonlyReactive<PackageIntl>;\n\n    constructor({ currentIntl }: ServiceOptions<PackageIntl>) {\n        this.#currentIntl = currentIntl;\n    }\n\n    createSelectionSource(options: VectorLayerSelectionSourceOptions): VectorLayerSelectionSource {\n        return new VectorLayerSelectionSourceImpl(\n            options.id,\n            options.vectorLayer,\n            options.label,\n            this.#currentIntl\n        );\n    }\n}\n"],"names":[],"mappings":";;AAYO,MAAM,4BAAA,CAA0E;AAAA,EACnF,YAAA;AAAA,EAEA,WAAA,CAAY,EAAE,WAAA,EAAY,EAAgC;AACtD,IAAA,IAAA,CAAK,YAAA,GAAe,WAAA;AAAA,EACxB;AAAA,EAEA,sBAAsB,OAAA,EAAwE;AAC1F,IAAA,OAAO,IAAI,8BAAA;AAAA,MACP,OAAA,CAAQ,EAAA;AAAA,MACR,OAAA,CAAQ,WAAA;AAAA,MACR,OAAA,CAAQ,KAAA;AAAA,MACR,IAAA,CAAK;AAAA,KACT;AAAA,EACJ;AACJ;;;;"}

package/{Selection.d.ts → ui/Selection.d.ts}

@@ -1,7 +1,7 @@
 import { MapModelProps } from "@open-pioneer/map";
 import { CommonComponentProps } from "@open-pioneer/react-utils";
 import { FC } from "react";
-import { SelectionResult, SelectionSource } from "./api";
+import { SelectionResult, SelectionSource } from "../api";
 /**
  * Properties supported by the {@link Selection} component.
  */