@open-pioneer/map 1.3.0-dev-map-loading.20260202144650 → 1.3.0-dev-attributions.20260212134347

package/CHANGELOG.md

@@ -1,15 +1,24 @@
 # @open-pioneer/map
 
-## 1.3.0-dev-map-loading.20260202144650
+## 1.3.0-dev-attributions.20260212134347
 
 ### Minor Changes
 
-- f5030cc: MapModel: implement new `loading` property.
+- 9b5d5f3: Support for new common container props (role, aria-_, data-_ and css)
+- 6b1e2a3: WMSLayer, WMTSLayer: Derive `attributions` from service capabilities if no explicit attributions have been configured.
+- 2ceb1ca: MapModel: implement new `loading` property.
   This property is `true` if the map is currently loading any resources, `false` otherwise.
   The property is based on OpenLayers `loadstart` and `loadend` events (see [Documentation](https://openlayers.org/en/latest/apidoc/module-ol_MapEvent-MapEvent.html#event:loadstart)).
-- f5030cc: MapContainer: allow configuration of `rootProps` and `containerProps`.
+- 99a08e6: Sanitize HTML used for layer attributions.
+- d54ccfd: Update to Chakra UI 3.32.0
+- 2ceb1ca: MapContainer: allow configuration of `rootProps` and `containerProps`.
   This can be used to set custom attributes on the respective DOM elements.
 
+### Patch Changes
+
+- 4bcc8ce: Prevent update of `olMap.padding` by MapContainer if viewPadding did not change.
+  This caused running map animation to be cancelled.
+
 ## 1.2.0
 
 ### Patch Changes

package/layers/WMSLayer.js

@@ -7,10 +7,12 @@ import { sourceId$2 as sourceId } from '../_virtual/source-info.js';
 import { fetchText } from '../utils/fetch.js';
 import { INTERNAL_CONSTRUCTOR_TAG } from '../utils/InternalConstructorTag.js';
 import { AbstractLayer } from './AbstractLayer.js';
-import { GET_RAW_SUBLAYERS, ATTACH_TO_PARENT, ATTACH_TO_MAP, DETACH_FROM_MAP, SET_LEGEND, GET_DEPS } from './shared/internals.js';
+import { GET_RAW_SUBLAYERS, ATTACH_TO_PARENT, ATTACH_TO_MAP, DETACH_FROM_MAP, GET_DEPS, SET_LEGEND } from './shared/internals.js';
 import { SublayersCollection } from './shared/SublayersCollection.js';
+import { getAttributions } from './wms/getAttributions.js';
 import { getLegendUrl } from './wms/getLegendUrl.js';
 import { constructSublayers } from './wms/WMSSublayer.js';
+import { sanitizeAttributions } from '../utils/sanitize.js';
 
 const LOG = createLogger(sourceId);
 const deprecatedConstructor = deprecated({
@@ -44,11 +46,13 @@ class WMSLayer extends AbstractLayer {
       deps,
       internalTag
     );
+    const { attributions, ...sourceOptions } = config.sourceOptions ?? {};
     const source = new ImageWMS({
-      ...config.sourceOptions,
+      attributions: sanitizeAttributions(attributions),
+      ...sourceOptions,
       url: config.url,
       params: {
-        ...config.sourceOptions?.params
+        ...sourceOptions?.params
       },
       // Use http service to load tiles; needed for authentication etc.
       imageLoadFunction: (wrapper, url) => {
@@ -128,38 +132,16 @@ class WMSLayer extends AbstractLayer {
       return;
     }
     this.#loadStarted = true;
-    const getNestedSublayer = (sublayers, layers) => {
-      for (const sublayer of sublayers) {
-        const nested = sublayer.sublayers.getSublayers();
-        if (nested.length) {
-          getNestedSublayer(nested, layers);
-        } else {
-          if (sublayer.name) {
-            layers.push(sublayer);
-          }
-        }
-      }
-    };
     this.#fetchWMSCapabilities().then((result) => {
       batch(() => {
-        const parser = new WMSCapabilities();
-        const capabilities = parser.read(result);
-        this.#capabilities = capabilities;
-        const layers = [];
-        getNestedSublayer(this.#sublayers.getSublayers(), layers);
-        for (const layer of layers) {
-          if (layer.name) {
-            const legendUrl = getLegendUrl(capabilities, layer.name);
-            layer[SET_LEGEND](legendUrl);
-          }
-        }
+        this.#initializeWithMetadata(result);
       });
     }).catch((error) => {
       if (isAbortError(error)) {
         LOG.debug(`Layer '${this.id}' has been destroyed before fetching capabilities`);
         return;
       }
-      LOG.error(`Failed to fetch WMS capabilities for layer '${this.id}'`, error);
+      LOG.error(`Failed to initializes WMS layer '${this.id}'`, error);
     });
   }
   /**
@@ -177,23 +159,11 @@ class WMSLayer extends AbstractLayer {
   }
   #getVisibleLayerNames() {
     const layers = [];
-    const visitSublayer = (sublayer) => {
-      if (!sublayer.visible) {
-        return;
-      }
-      const nestedSublayers = sublayer.sublayers[GET_RAW_SUBLAYERS]();
-      if (nestedSublayers.length) {
-        for (const nestedSublayer of nestedSublayers) {
-          visitSublayer(nestedSublayer);
-        }
-      } else {
-        if (sublayer.name) {
-          layers.push(sublayer.name);
-        }
+    const filter = (sublayer) => sublayer.visible;
+    for (const sublayer of walkLeaves(this.#sublayers, filter)) {
+      if (sublayer.name) {
+        layers.push(sublayer.name);
       }
-    };
-    for (const sublayer of this.sublayers[GET_RAW_SUBLAYERS]()) {
-      visitSublayer(sublayer);
     }
     return layers;
   }
@@ -202,6 +172,23 @@ class WMSLayer extends AbstractLayer {
     const url = `${this.#url}?LANGUAGE=ger&SERVICE=WMS&REQUEST=GetCapabilities`;
     return fetchText(url, httpService, this.#abortController.signal);
   }
+  #initializeWithMetadata(metadata) {
+    const parser = new WMSCapabilities();
+    const capabilities = parser.read(metadata);
+    this.#capabilities = capabilities;
+    if (!this.#source.getAttributions()) {
+      const attributions = getAttributions(capabilities);
+      if (attributions) {
+        this.#source.setAttributions(sanitizeAttributions(attributions));
+      }
+    }
+    for (const layer of walkLeaves(this.#sublayers)) {
+      if (layer.name) {
+        const legendUrl = getLegendUrl(capabilities, layer.name);
+        layer[SET_LEGEND](legendUrl);
+      }
+    }
+  }
   async #loadImage(imageWrapper, imageUrl) {
     const httpService = this[GET_DEPS]().httpService;
     const image = imageWrapper.getImage();
@@ -221,6 +208,19 @@ class WMSLayer extends AbstractLayer {
     image.src = objectUrl;
   }
 }
+function* walkLeaves(sublayers, filter) {
+  for (const sublayer of sublayers[GET_RAW_SUBLAYERS]()) {
+    if (filter && !filter(sublayer)) {
+      continue;
+    }
+    const nested = sublayer.sublayers[GET_RAW_SUBLAYERS]();
+    if (nested.length) {
+      yield* walkLeaves(sublayer.sublayers, filter);
+    } else {
+      yield sublayer;
+    }
+  }
+}
 
 export { WMSLayer };
 //# sourceMappingURL=WMSLayer.js.map

package/layers/WMSLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"WMSLayer.js","sources":["WMSLayer.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { batch, computed, ReadonlyReactive, watch } from \"@conterra/reactivity-core\";\nimport {\n    createLogger,\n    deprecated,\n    destroyResource,\n    isAbortError,\n    Resource\n} from \"@open-pioneer/core\";\nimport { ImageWrapper } from \"ol\";\nimport WMSCapabilities from \"ol/format/WMSCapabilities\";\nimport ImageLayer from \"ol/layer/Image\";\nimport type ImageSource from \"ol/source/Image\";\nimport type { Options as WMSSourceOptions } from \"ol/source/ImageWMS\";\nimport ImageWMS from \"ol/source/ImageWMS\";\nimport { sourceId } from \"open-pioneer:source-info\";\nimport type { LayerFactory } from \"../LayerFactory\";\nimport { MapModel } from \"../model/MapModel\";\nimport { fetchText } from \"../utils/fetch\";\nimport { INTERNAL_CONSTRUCTOR_TAG, InternalConstructorTag } from \"../utils/InternalConstructorTag\";\nimport { AbstractLayer } from \"./AbstractLayer\";\nimport {\n    ATTACH_TO_MAP,\n    ATTACH_TO_PARENT,\n    DETACH_FROM_MAP,\n    GET_DEPS,\n    GET_RAW_SUBLAYERS,\n    LayerConstructor,\n    LayerDependencies,\n    SET_LEGEND\n} from \"./shared/internals\";\nimport { LayerConfig } from \"./shared/LayerConfig\";\nimport { SublayersCollection } from \"./shared/SublayersCollection\";\nimport { getLegendUrl } from \"./wms/getLegendUrl\";\nimport { constructSublayers, WMSSublayer, WMSSublayerConfig } from \"./wms/WMSSublayer\";\n\n/**\n * Configuration options to construct a {@link WMSLayer}.\n *\n * @group Layers\n */\nexport interface WMSLayerConfig extends LayerConfig {\n    /** URL of the WMS service. */\n    url: string;\n\n    /** Configures the layer's sublayers. */\n    sublayers?: WMSSublayerConfig[];\n\n    /**\n     * Additional source options for the layer's WMS source.\n     *\n     * NOTE: These options are intended for advanced configuration:\n     * the WMS Layer manages some of the OpenLayers source options itself.\n     */\n    sourceOptions?: Partial<WMSSourceOptions>;\n\n    /**\n     * Whether to automatically fetch capabilities from the service when needed (default: `true`).\n     *\n     * Setting this to `false` can be useful as a performance optimization when capabilities are not really required by the application.\n     * Note that this will disable some features of the WMS layer: for example, the legend URL will not be available.\n     */\n    fetchCapabilities?: boolean;\n}\n\nconst LOG = createLogger(sourceId);\n\nconst deprecatedConstructor = deprecated({\n    name: \"WMSLayer constructor\",\n    packageName: \"@open-pioneer/map\",\n    since: \"v1.0.0\",\n    alternative: \"use LayerFactory.create() instead\"\n});\n\n/**\n * Displays an OGC Web Map Service (WMS).\n *\n * @group Layers\n */\nexport class WMSLayer extends AbstractLayer {\n    #url: string;\n    #sublayers: SublayersCollection<WMSSublayer>;\n    #layer: ImageLayer<ImageSource>;\n    #source: ImageWMS;\n    #fetchCapabilities: boolean;\n\n    #loadStarted = false;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    #capabilities: Record<string, any> | undefined;\n    readonly #abortController = new AbortController();\n\n    #visibleSublayers: ReadonlyReactive<string[]>;\n    #sublayersWatch: Resource | undefined;\n\n    /**\n     * @deprecated Prefer using {@link LayerFactory.create} instead of calling the constructor directly\n     */\n    constructor(config: WMSLayerConfig);\n\n    /**\n     * NOTE: Do not use this overload. Use {@link LayerFactory.create} instead.\n     *\n     * @internal\n     */\n    constructor(\n        config: WMSLayerConfig,\n        deps: LayerDependencies,\n        internalTag: InternalConstructorTag\n    );\n    constructor(\n        config: WMSLayerConfig,\n        deps?: LayerDependencies,\n        internalTag?: InternalConstructorTag\n    ) {\n        if (!internalTag) {\n            deprecatedConstructor();\n        }\n\n        const layer = new ImageLayer();\n\n        super(\n            {\n                ...config,\n                olLayer: layer\n            },\n            deps,\n            internalTag\n        );\n\n        const source = new ImageWMS({\n            ...config.sourceOptions,\n            url: config.url,\n            params: {\n                ...config.sourceOptions?.params\n            },\n            // Use http service to load tiles; needed for authentication etc.\n            imageLoadFunction: (wrapper, url) => {\n                return this.#loadImage(wrapper, url).catch((error) => {\n                    LOG.error(`Failed to load tile at '${url}'`, error);\n                });\n            }\n        });\n        this.#url = config.url;\n        this.#fetchCapabilities = config.fetchCapabilities ?? true;\n        this.#source = source;\n        this.#layer = layer;\n\n        this.#sublayers = new SublayersCollection(\n            constructSublayers(config.sublayers),\n            INTERNAL_CONSTRUCTOR_TAG\n        );\n        this.#sublayers\n            [GET_RAW_SUBLAYERS]()\n            .forEach((sublayer) => sublayer[ATTACH_TO_PARENT](this, this));\n\n        this.#visibleSublayers = computed(() => this.#getVisibleLayerNames(), {\n            equal(a, b) {\n                return a.length === b.length && a.every((v, i) => v === b[i]);\n            }\n        });\n\n        this.#sublayersWatch = watch(\n            () => [this.#visibleSublayers.value],\n            ([layers]) => {\n                this.#updateLayersParam(layers);\n            },\n            {\n                immediate: true\n            }\n        );\n    }\n\n    override destroy() {\n        this.#abortController.abort();\n        this.#sublayersWatch = destroyResource(this.#sublayersWatch);\n        super.destroy();\n    }\n\n    get type() {\n        return \"wms\" as const;\n    }\n\n    get legend() {\n        return undefined;\n    }\n\n    /** The URL of the WMS service that was used during layer construction. */\n    get url(): string {\n        return this.#url;\n    }\n\n    get layers(): undefined {\n        return undefined;\n    }\n\n    /**\n     * Holds the sublayers of this layer.\n     */\n    get sublayers(): SublayersCollection<WMSSublayer> {\n        return this.#sublayers;\n    }\n\n    get capabilities() {\n        return this.#capabilities;\n    }\n\n    /** @internal */\n    [ATTACH_TO_MAP](map: MapModel): void {\n        super[ATTACH_TO_MAP](map);\n        for (const sublayer of this.#sublayers.getSublayers()) {\n            sublayer[ATTACH_TO_MAP](map);\n        }\n\n        this.#load();\n    }\n\n    /** @internal */\n    [DETACH_FROM_MAP](): void {\n        super[DETACH_FROM_MAP]();\n        for (const sublayer of this.#sublayers.getSublayers()) {\n            sublayer[DETACH_FROM_MAP]();\n        }\n    }\n\n    #load() {\n        if (this.#loadStarted || !this.#fetchCapabilities) {\n            return;\n        }\n        this.#loadStarted = true;\n\n        /** Find all leaf nodes representing a layer in the structure */\n        const getNestedSublayer = (sublayers: WMSSublayer[], layers: WMSSublayer[]) => {\n            for (const sublayer of sublayers) {\n                const nested = sublayer.sublayers.getSublayers();\n                if (nested.length) {\n                    getNestedSublayer(nested, layers);\n                } else {\n                    if (sublayer.name) {\n                        layers.push(sublayer);\n                    }\n                }\n            }\n        };\n\n        this.#fetchWMSCapabilities()\n            .then((result: string) => {\n                batch(() => {\n                    const parser = new WMSCapabilities();\n                    const capabilities = parser.read(result);\n                    this.#capabilities = capabilities;\n\n                    const layers: WMSSublayer[] = [];\n                    getNestedSublayer(this.#sublayers.getSublayers(), layers);\n\n                    for (const layer of layers) {\n                        if (layer.name) {\n                            const legendUrl = getLegendUrl(capabilities, layer.name);\n                            layer[SET_LEGEND](legendUrl);\n                        }\n                    }\n                });\n            })\n            .catch((error) => {\n                if (isAbortError(error)) {\n                    LOG.debug(`Layer '${this.id}' has been destroyed before fetching capabilities`);\n                    return;\n                }\n                LOG.error(`Failed to fetch WMS capabilities for layer '${this.id}'`, error);\n            });\n    }\n\n    /**\n     * Gathers the visibility of _all_ sublayers and assembles the 'layers' WMS parameter.\n     * The parameters are then applied to the WMS source.\n     */\n    #updateLayersParam(layers: string[]) {\n        this.#source.updateParams({\n            \"LAYERS\": layers\n        });\n\n        // only set source if there are visible sublayers, otherwise\n        // we send an invalid http request\n        const source = layers.length === 0 ? null : this.#source;\n        if (this.#layer.getSource() !== source) {\n            this.#layer.setSource(source);\n        }\n    }\n\n    #getVisibleLayerNames() {\n        const layers: string[] = [];\n        const visitSublayer = (sublayer: WMSSublayer) => {\n            if (!sublayer.visible) {\n                return;\n            }\n\n            const nestedSublayers = sublayer.sublayers[GET_RAW_SUBLAYERS]();\n            if (nestedSublayers.length) {\n                for (const nestedSublayer of nestedSublayers) {\n                    visitSublayer(nestedSublayer);\n                }\n            } else {\n                /**\n                 * Push sublayer only, if layer name is not an empty string | undefined | ...\n                 */\n                if (sublayer.name) {\n                    layers.push(sublayer.name);\n                }\n            }\n        };\n\n        for (const sublayer of this.sublayers[GET_RAW_SUBLAYERS]()) {\n            visitSublayer(sublayer);\n        }\n        return layers;\n    }\n\n    async #fetchWMSCapabilities(): Promise<string> {\n        const httpService = this[GET_DEPS]().httpService;\n        const url = `${this.#url}?LANGUAGE=ger&SERVICE=WMS&REQUEST=GetCapabilities`;\n        return fetchText(url, httpService, this.#abortController.signal);\n    }\n\n    async #loadImage(imageWrapper: ImageWrapper, imageUrl: string): Promise<void> {\n        const httpService = this[GET_DEPS]().httpService;\n        const image = imageWrapper.getImage() as HTMLImageElement;\n\n        const response = await httpService.fetch(imageUrl);\n        if (!response.ok) {\n            throw new Error(`Request failed with status ${response.status}.`);\n        }\n\n        const blob = await response.blob();\n        const objectUrl = URL.createObjectURL(blob);\n        const finish = () => {\n            // Cleanup object URL after load to prevent memory leaks.\n            // https://stackoverflow.com/questions/62473876/openlayers-6-settileloadfunction-documented-example-uses-url-createobjecturld\n            URL.revokeObjectURL(objectUrl);\n            image.removeEventListener(\"load\", finish);\n            image.removeEventListener(\"error\", finish);\n        };\n\n        image.addEventListener(\"load\", finish);\n        image.addEventListener(\"error\", finish);\n        image.src = objectUrl;\n    }\n}\n\n// Ensure layer class is assignable to the constructor interface (there is no \"implements\" for the class itself).\n// eslint-disable-next-line no-constant-condition\nif (false) {\n    const check: LayerConstructor<WMSLayerConfig, WMSLayer> = WMSLayer;\n    void check;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"WMSLayer.js","sources":["WMSLayer.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { batch, computed, ReadonlyReactive, watch } from \"@conterra/reactivity-core\";\nimport {\n    createLogger,\n    deprecated,\n    destroyResource,\n    isAbortError,\n    Resource\n} from \"@open-pioneer/core\";\nimport { ImageWrapper } from \"ol\";\nimport WMSCapabilities from \"ol/format/WMSCapabilities\";\nimport ImageLayer from \"ol/layer/Image\";\nimport type ImageSource from \"ol/source/Image\";\nimport type { Options as WMSSourceOptions } from \"ol/source/ImageWMS\";\nimport ImageWMS from \"ol/source/ImageWMS\";\nimport { sourceId } from \"open-pioneer:source-info\";\nimport type { LayerFactory } from \"../LayerFactory\";\nimport { MapModel } from \"../model/MapModel\";\nimport { fetchText } from \"../utils/fetch\";\nimport { INTERNAL_CONSTRUCTOR_TAG, InternalConstructorTag } from \"../utils/InternalConstructorTag\";\nimport { AbstractLayer } from \"./AbstractLayer\";\nimport {\n    ATTACH_TO_MAP,\n    ATTACH_TO_PARENT,\n    DETACH_FROM_MAP,\n    GET_DEPS,\n    GET_RAW_SUBLAYERS,\n    LayerConstructor,\n    LayerDependencies,\n    SET_LEGEND\n} from \"./shared/internals\";\nimport { LayerConfig } from \"./shared/LayerConfig\";\nimport { SublayersCollection } from \"./shared/SublayersCollection\";\nimport { getAttributions } from \"./wms/getAttributions\";\nimport { getLegendUrl } from \"./wms/getLegendUrl\";\nimport { constructSublayers, WMSSublayer, WMSSublayerConfig } from \"./wms/WMSSublayer\";\nimport { sanitizeAttributions } from \"../utils/sanitize\";\nimport { Sublayer } from \"./unions\";\n\n/**\n * Configuration options to construct a {@link WMSLayer}.\n *\n * @group Layers\n */\nexport interface WMSLayerConfig extends LayerConfig {\n    /** URL of the WMS service. */\n    url: string;\n\n    /** Configures the layer's sublayers. */\n    sublayers?: WMSSublayerConfig[];\n\n    /**\n     * Additional source options for the layer's WMS source.\n     *\n     * NOTE: These options are intended for advanced configuration:\n     * the WMS Layer manages some of the OpenLayers source options itself.\n     */\n    sourceOptions?: Partial<WMSSourceOptions>;\n\n    /**\n     * Whether to automatically fetch capabilities from the service when needed (default: `true`).\n     *\n     * Setting this to `false` can be useful as a performance optimization when capabilities are not really required by the application.\n     * Note that this will disable some features of the WMS layer: for example, the legend URL will not be available.\n     */\n    fetchCapabilities?: boolean;\n}\n\nconst LOG = createLogger(sourceId);\n\nconst deprecatedConstructor = deprecated({\n    name: \"WMSLayer constructor\",\n    packageName: \"@open-pioneer/map\",\n    since: \"v1.0.0\",\n    alternative: \"use LayerFactory.create() instead\"\n});\n\n/**\n * Displays an OGC Web Map Service (WMS).\n *\n * @group Layers\n */\nexport class WMSLayer extends AbstractLayer {\n    #url: string;\n    #sublayers: SublayersCollection<WMSSublayer>;\n    #layer: ImageLayer<ImageSource>;\n    #source: ImageWMS;\n    #fetchCapabilities: boolean;\n\n    #loadStarted = false;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    #capabilities: Record<string, any> | undefined;\n    readonly #abortController = new AbortController();\n\n    #visibleSublayers: ReadonlyReactive<string[]>;\n    #sublayersWatch: Resource | undefined;\n\n    /**\n     * @deprecated Prefer using {@link LayerFactory.create} instead of calling the constructor directly\n     */\n    constructor(config: WMSLayerConfig);\n\n    /**\n     * NOTE: Do not use this overload. Use {@link LayerFactory.create} instead.\n     *\n     * @internal\n     */\n    constructor(\n        config: WMSLayerConfig,\n        deps: LayerDependencies,\n        internalTag: InternalConstructorTag\n    );\n    constructor(\n        config: WMSLayerConfig,\n        deps?: LayerDependencies,\n        internalTag?: InternalConstructorTag\n    ) {\n        if (!internalTag) {\n            deprecatedConstructor();\n        }\n\n        const layer = new ImageLayer();\n        super(\n            {\n                ...config,\n                olLayer: layer\n            },\n            deps,\n            internalTag\n        );\n        const { attributions, ...sourceOptions } = config.sourceOptions ?? {};\n        const source = new ImageWMS({\n            attributions: sanitizeAttributions(attributions),\n            ...sourceOptions,\n            url: config.url,\n            params: {\n                ...sourceOptions?.params\n            },\n            // Use http service to load tiles; needed for authentication etc.\n            imageLoadFunction: (wrapper, url) => {\n                return this.#loadImage(wrapper, url).catch((error) => {\n                    LOG.error(`Failed to load tile at '${url}'`, error);\n                });\n            }\n        });\n        this.#url = config.url;\n        this.#fetchCapabilities = config.fetchCapabilities ?? true;\n        this.#source = source;\n        this.#layer = layer;\n\n        this.#sublayers = new SublayersCollection(\n            constructSublayers(config.sublayers),\n            INTERNAL_CONSTRUCTOR_TAG\n        );\n        this.#sublayers\n            [GET_RAW_SUBLAYERS]()\n            .forEach((sublayer) => sublayer[ATTACH_TO_PARENT](this, this));\n\n        this.#visibleSublayers = computed(() => this.#getVisibleLayerNames(), {\n            equal(a, b) {\n                return a.length === b.length && a.every((v, i) => v === b[i]);\n            }\n        });\n\n        this.#sublayersWatch = watch(\n            () => [this.#visibleSublayers.value],\n            ([layers]) => {\n                this.#updateLayersParam(layers);\n            },\n            {\n                immediate: true\n            }\n        );\n    }\n\n    override destroy() {\n        this.#abortController.abort();\n        this.#sublayersWatch = destroyResource(this.#sublayersWatch);\n        super.destroy();\n    }\n\n    get type() {\n        return \"wms\" as const;\n    }\n\n    get legend() {\n        return undefined;\n    }\n\n    /** The URL of the WMS service that was used during layer construction. */\n    get url(): string {\n        return this.#url;\n    }\n\n    get layers(): undefined {\n        return undefined;\n    }\n\n    /**\n     * Holds the sublayers of this layer.\n     */\n    get sublayers(): SublayersCollection<WMSSublayer> {\n        return this.#sublayers;\n    }\n\n    get capabilities() {\n        return this.#capabilities;\n    }\n\n    /** @internal */\n    [ATTACH_TO_MAP](map: MapModel): void {\n        super[ATTACH_TO_MAP](map);\n        for (const sublayer of this.#sublayers.getSublayers()) {\n            sublayer[ATTACH_TO_MAP](map);\n        }\n\n        this.#load();\n    }\n\n    /** @internal */\n    [DETACH_FROM_MAP](): void {\n        super[DETACH_FROM_MAP]();\n        for (const sublayer of this.#sublayers.getSublayers()) {\n            sublayer[DETACH_FROM_MAP]();\n        }\n    }\n\n    #load() {\n        if (this.#loadStarted || !this.#fetchCapabilities) {\n            return;\n        }\n        this.#loadStarted = true;\n        this.#fetchWMSCapabilities()\n            .then((result: string) => {\n                batch(() => {\n                    this.#initializeWithMetadata(result);\n                });\n            })\n            .catch((error) => {\n                if (isAbortError(error)) {\n                    LOG.debug(`Layer '${this.id}' has been destroyed before fetching capabilities`);\n                    return;\n                }\n                LOG.error(`Failed to initializes WMS layer '${this.id}'`, error);\n            });\n    }\n\n    /**\n     * Gathers the visibility of _all_ sublayers and assembles the 'layers' WMS parameter.\n     * The parameters are then applied to the WMS source.\n     */\n    #updateLayersParam(layers: string[]) {\n        this.#source.updateParams({\n            \"LAYERS\": layers\n        });\n\n        // only set source if there are visible sublayers, otherwise\n        // we send an invalid http request\n        const source = layers.length === 0 ? null : this.#source;\n        if (this.#layer.getSource() !== source) {\n            this.#layer.setSource(source);\n        }\n    }\n\n    #getVisibleLayerNames() {\n        const layers: string[] = [];\n        const filter = (sublayer: Sublayer) => sublayer.visible;\n        for (const sublayer of walkLeaves(this.#sublayers, filter)) {\n            // Push sublayer if layer name is not an empty string | undefined | ...\n            if (sublayer.name) {\n                layers.push(sublayer.name);\n            }\n        }\n        return layers;\n    }\n\n    async #fetchWMSCapabilities(): Promise<string> {\n        const httpService = this[GET_DEPS]().httpService;\n        const url = `${this.#url}?LANGUAGE=ger&SERVICE=WMS&REQUEST=GetCapabilities`;\n        return fetchText(url, httpService, this.#abortController.signal);\n    }\n\n    #initializeWithMetadata(metadata: string) {\n        const parser = new WMSCapabilities();\n        const capabilities = parser.read(metadata);\n        this.#capabilities = capabilities;\n\n        // Apply attributions from metadata none are set.\n        if (!this.#source.getAttributions()) {\n            const attributions = getAttributions(capabilities);\n            if (attributions) {\n                this.#source.setAttributions(sanitizeAttributions(attributions));\n            }\n        }\n\n        for (const layer of walkLeaves(this.#sublayers)) {\n            if (layer.name) {\n                const legendUrl = getLegendUrl(capabilities, layer.name);\n                layer[SET_LEGEND](legendUrl);\n            }\n        }\n    }\n\n    async #loadImage(imageWrapper: ImageWrapper, imageUrl: string): Promise<void> {\n        const httpService = this[GET_DEPS]().httpService;\n        const image = imageWrapper.getImage() as HTMLImageElement;\n\n        const response = await httpService.fetch(imageUrl);\n        if (!response.ok) {\n            throw new Error(`Request failed with status ${response.status}.`);\n        }\n\n        const blob = await response.blob();\n        const objectUrl = URL.createObjectURL(blob);\n        const finish = () => {\n            // Cleanup object URL after load to prevent memory leaks.\n            // https://stackoverflow.com/questions/62473876/openlayers-6-settileloadfunction-documented-example-uses-url-createobjecturld\n            URL.revokeObjectURL(objectUrl);\n            image.removeEventListener(\"load\", finish);\n            image.removeEventListener(\"error\", finish);\n        };\n\n        image.addEventListener(\"load\", finish);\n        image.addEventListener(\"error\", finish);\n        image.src = objectUrl;\n    }\n}\n\n/**\n * Yields all leaf notes in the given collection (recursively).\n */\nfunction* walkLeaves(\n    sublayers: SublayersCollection<WMSSublayer>,\n    filter?: (sublayer: Sublayer) => boolean\n): Generator<WMSSublayer> {\n    for (const sublayer of sublayers[GET_RAW_SUBLAYERS]()) {\n        if (filter && !filter(sublayer)) {\n            continue;\n        }\n\n        const nested = sublayer.sublayers[GET_RAW_SUBLAYERS]();\n        if (nested.length) {\n            yield* walkLeaves(sublayer.sublayers, filter);\n        } else {\n            yield sublayer;\n        }\n    }\n}\n\n// Ensure layer class is assignable to the constructor interface (there is no \"implements\" for the class itself).\n// eslint-disable-next-line no-constant-condition\nif (false) {\n    const check: LayerConstructor<WMSLayerConfig, WMSLayer> = WMSLayer;\n    void check;\n}\n"],"names":[],"mappings":"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"}

package/layers/WMTSLayer.js

@@ -1,4 +1,4 @@
-import { reactive } from '@conterra/reactivity-core';
+import { reactive, batch } from '@conterra/reactivity-core';
 import { createLogger, deprecated, isAbortError } from '@open-pioneer/core';
 import { ImageTile } from 'ol';
 import TileState from 'ol/TileState.js';
@@ -7,8 +7,10 @@ import TileLayer from 'ol/layer/Tile.js';
 import WMTS, { optionsFromCapabilities } from 'ol/source/WMTS.js';
 import { sourceId$3 as sourceId } from '../_virtual/source-info.js';
 import { fetchText } from '../utils/fetch.js';
+import { sanitizeAttributions } from '../utils/sanitize.js';
 import { AbstractLayer } from './AbstractLayer.js';
 import { ATTACH_TO_MAP, GET_DEPS } from './shared/internals.js';
+import { getAttributions } from './wmts/getAttributions.js';
 import { getLegendUrl } from './wmts/getLegendUrl.js';
 
 const LOG = createLogger(sourceId);
@@ -23,7 +25,6 @@ class WMTSLayer extends AbstractLayer {
   #name;
   #matrixSet;
   #layer;
-  #source;
   #sourceOptions;
   #legend = reactive();
   #loadStarted = false;
@@ -45,7 +46,7 @@ class WMTSLayer extends AbstractLayer {
     this.#name = config.name;
     this.#layer = layer;
     this.#matrixSet = config.matrixSet;
-    this.#sourceOptions = config.sourceOptions;
+    this.#sourceOptions = config.sourceOptions ?? {};
   }
   destroy() {
     this.#abortController.abort();
@@ -85,63 +86,57 @@ class WMTSLayer extends AbstractLayer {
     }
     this.#loadStarted = true;
     this.#fetchWMTSCapabilities().then((result) => {
-      const parser = new WMTSCapabilities();
-      const capabilities = parser.read(result);
-      const options = optionsFromCapabilities(capabilities, {
-        layer: this.#name,
-        matrixSet: this.#matrixSet
+      batch(() => {
+        this.#initializeWithMetadata(result);
       });
-      if (!options) {
-        throw new Error(`Layer '${this.#name}' was not found in capabilities`);
-      }
-      if (options.matrixSet !== this.#matrixSet) {
-        throw new Error(
-          `Tile matrix set '${this.#matrixSet}' was not found in capabilities`
-        );
-      }
-      if (this.#sourceOptions?.style && this.#sourceOptions.style !== options.style) {
-        const styleToUse = this.#existsStyleInCapabilities(
-          capabilities,
-          this.#sourceOptions.style
-        );
-        if (!styleToUse) {
-          throw new Error(
-            `Style '${this.#sourceOptions.style}' was not found in capabilities`
-          );
-        }
-      }
-      const source = new WMTS({
-        ...options,
-        ...this.#sourceOptions,
-        tileLoadFunction: (tile, tileUrl) => {
-          this.#loadTile(tile, tileUrl);
-        }
-      });
-      this.#source = source;
-      this.#layer.setSource(this.#source);
-      const activeStyleId = source.getStyle();
-      const legendUrl = getLegendUrl(capabilities, this.name, activeStyleId);
-      this.#legend.value = legendUrl;
     }).catch((error) => {
       if (isAbortError(error)) {
-        LOG.debug(`Layer ${this.name} has been destroyed before fetching the data`);
+        LOG.debug(`Layer '${this.name}' has been destroyed before fetching the data`);
         return;
       }
-      LOG.error(`Failed initialize WMTS for Layer ${this.name}`, error);
+      LOG.error(`Failed to initialize WMTS layer '${this.name}'`, error);
     });
   }
-  /* eslint-disable @typescript-eslint/no-explicit-any */
-  #existsStyleInCapabilities(capabilities, styleToUse) {
-    const layerDesc = capabilities.Contents?.Layer?.find(
-      (layer) => layer.Identifier === this.#name
-    );
-    return layerDesc?.Style?.some((style) => style.Identifier === styleToUse) ?? false;
-  }
-  /* eslint-enable @typescript-eslint/no-explicit-any */
   async #fetchWMTSCapabilities() {
     const httpService = this[GET_DEPS]().httpService;
     return fetchText(this.#url, httpService, this.#abortController.signal);
   }
+  #initializeWithMetadata(metadata) {
+    const parser = new WMTSCapabilities();
+    const capabilities = parser.read(metadata);
+    const options = optionsFromCapabilities(capabilities, {
+      layer: this.#name,
+      matrixSet: this.#matrixSet
+    });
+    if (!options) {
+      throw new Error(`Layer '${this.#name}' was not found in capabilities`);
+    }
+    if (options.matrixSet !== this.#matrixSet) {
+      throw new Error(`Tile matrix set '${this.#matrixSet}' was not found in capabilities`);
+    }
+    const { attributions: explicitAttributions, ...sourceOptions } = this.#sourceOptions;
+    if (sourceOptions.style && sourceOptions.style !== options.style) {
+      const styleToUse = this.#existsStyleInCapabilities(capabilities, sourceOptions.style);
+      if (!styleToUse) {
+        throw new Error(`Style '${sourceOptions.style}' was not found in capabilities`);
+      }
+    }
+    const attributions = sanitizeAttributions(
+      explicitAttributions ?? getAttributions(capabilities)
+    );
+    const source = new WMTS({
+      ...options,
+      attributions,
+      ...sourceOptions,
+      tileLoadFunction: (tile, tileUrl) => {
+        this.#loadTile(tile, tileUrl);
+      }
+    });
+    this.#layer.setSource(source);
+    const activeStyleId = source.getStyle();
+    const legendUrl = getLegendUrl(capabilities, this.name, activeStyleId);
+    this.#legend.value = legendUrl;
+  }
   async #loadTile(tile, tileUrl) {
     const httpService = this[GET_DEPS]().httpService;
     try {
@@ -173,6 +168,14 @@ class WMTSLayer extends AbstractLayer {
       }
     }
   }
+  /* eslint-disable @typescript-eslint/no-explicit-any */
+  #existsStyleInCapabilities(capabilities, styleToUse) {
+    const layerDesc = capabilities.Contents?.Layer?.find(
+      (layer) => layer.Identifier === this.#name
+    );
+    return layerDesc?.Style?.some((style) => style.Identifier === styleToUse) ?? false;
+  }
+  /* eslint-enable @typescript-eslint/no-explicit-any */
 }
 function isHtmlImage(htmlElement) {
   return "tagName" in htmlElement && htmlElement.tagName === "IMG";

package/layers/WMTSLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"WMTSLayer.js","sources":["WMTSLayer.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { reactive } from \"@conterra/reactivity-core\";\nimport { createLogger, deprecated, isAbortError } from \"@open-pioneer/core\";\nimport { ImageTile } from \"ol\";\nimport Tile from \"ol/Tile\";\nimport TileState from \"ol/TileState\";\nimport WMTSCapabilities from \"ol/format/WMTSCapabilities\";\nimport TileLayer from \"ol/layer/Tile\";\nimport type TileSourceType from \"ol/source/Tile\";\nimport WMTS, { optionsFromCapabilities, Options as WMTSSourceOptions } from \"ol/source/WMTS\";\nimport { sourceId } from \"open-pioneer:source-info\";\nimport type { LayerFactory } from \"../LayerFactory\";\nimport { MapModel } from \"../model/MapModel\";\nimport { InternalConstructorTag } from \"../utils/InternalConstructorTag\";\nimport { fetchText } from \"../utils/fetch\";\nimport { AbstractLayer } from \"./AbstractLayer\";\nimport { LayerConfig } from \"./shared/LayerConfig\";\nimport { ATTACH_TO_MAP, GET_DEPS, LayerConstructor, LayerDependencies } from \"./shared/internals\";\nimport { getLegendUrl } from \"./wmts/getLegendUrl\";\n\n/**\n * Configuration options supported by {@link WMTSLayer}.\n *\n * @group Layers\n */\nexport interface WMTSLayerConfig extends LayerConfig {\n    /** URL of the WMTS service. */\n    url: string;\n\n    /** The name of the WMTS layer in the service's capabilities. */\n    name: string;\n\n    /** The name of the tile matrix set in the service's capabilities. */\n    matrixSet: string;\n\n    /**\n     * Additional source options for the layer's WMTS source.\n     *\n     * NOTE: These options are intended for advanced configuration:\n     * the WMTS Layer manages some of the OpenLayers source options itself.\n     */\n    sourceOptions?: Partial<WMTSSourceOptions>;\n}\n\nconst LOG = createLogger(sourceId);\n\nconst deprecatedConstructor = deprecated({\n    name: \"WMTSLayer constructor\",\n    packageName: \"@open-pioneer/map\",\n    since: \"v1.0.0\",\n    alternative: \"use LayerFactory.create() instead\"\n});\n\n/**\n * Displays an OGC Web Map Tile Service (WMTS).\n *\n * @group Layers\n */\nexport class WMTSLayer extends AbstractLayer {\n    #url: string;\n    #name: string;\n    #matrixSet: string;\n    #layer: TileLayer<TileSourceType>;\n    #source: WMTS | undefined;\n    #sourceOptions?: Partial<WMTSSourceOptions>;\n    #legend = reactive<string | undefined>();\n\n    #loadStarted = false;\n\n    readonly #abortController = new AbortController();\n\n    /**\n     * @deprecated Prefer using {@link LayerFactory.create} instead of calling the constructor directly\n     */\n    constructor(config: WMTSLayerConfig);\n\n    /**\n     * NOTE: Do not use this overload. Use {@link LayerFactory.create} instead.\n     *\n     * @internal\n     */\n    constructor(\n        config: WMTSLayerConfig,\n        deps: LayerDependencies,\n        internalTag: InternalConstructorTag\n    );\n\n    constructor(\n        config: WMTSLayerConfig,\n        deps?: LayerDependencies,\n        internalTag?: InternalConstructorTag\n    ) {\n        if (!internalTag) {\n            deprecatedConstructor();\n        }\n\n        const layer = new TileLayer();\n        super(\n            {\n                ...config,\n                olLayer: layer\n            },\n            deps,\n            internalTag\n        );\n        this.#url = config.url;\n        this.#name = config.name;\n        this.#layer = layer;\n        this.#matrixSet = config.matrixSet;\n        this.#sourceOptions = config.sourceOptions;\n    }\n\n    destroy(): void {\n        this.#abortController.abort();\n        super.destroy();\n    }\n\n    get type() {\n        return \"wmts\" as const;\n    }\n\n    /** URL of the WMTS service. */\n    override get legend(): string | undefined {\n        return this.#legend.value;\n    }\n\n    override get sublayers(): undefined {\n        return undefined;\n    }\n\n    override get layers(): undefined {\n        return undefined;\n    }\n\n    get url() {\n        return this.#url;\n    }\n\n    /** The name of the WMTS layer in the service's capabilities. */\n    get name() {\n        return this.#name;\n    }\n\n    /** The name of the tile matrix set in the service's capabilities. */\n    get matrixSet() {\n        return this.#matrixSet;\n    }\n\n    override [ATTACH_TO_MAP](map: MapModel): void {\n        super[ATTACH_TO_MAP](map);\n        this.#load();\n    }\n\n    #load() {\n        if (this.#loadStarted) {\n            return;\n        }\n        this.#loadStarted = true;\n        this.#fetchWMTSCapabilities()\n            .then((result: string) => {\n                const parser = new WMTSCapabilities();\n                const capabilities = parser.read(result);\n                const options = optionsFromCapabilities(capabilities, {\n                    layer: this.#name,\n                    matrixSet: this.#matrixSet\n                });\n                if (!options) {\n                    throw new Error(`Layer '${this.#name}' was not found in capabilities`);\n                }\n                if (options.matrixSet !== this.#matrixSet) {\n                    throw new Error(\n                        `Tile matrix set '${this.#matrixSet}' was not found in capabilities`\n                    );\n                }\n                if (this.#sourceOptions?.style && this.#sourceOptions.style !== options.style) {\n                    const styleToUse = this.#existsStyleInCapabilities(\n                        capabilities,\n                        this.#sourceOptions.style\n                    );\n                    if (!styleToUse) {\n                        throw new Error(\n                            `Style '${this.#sourceOptions.style}' was not found in capabilities`\n                        );\n                    }\n                }\n\n                const source = new WMTS({\n                    ...options,\n                    ...this.#sourceOptions,\n                    tileLoadFunction: (tile, tileUrl) => {\n                        this.#loadTile(tile, tileUrl);\n                    }\n                });\n                this.#source = source;\n                this.#layer.setSource(this.#source);\n                const activeStyleId = source.getStyle();\n                const legendUrl = getLegendUrl(capabilities, this.name, activeStyleId);\n                this.#legend.value = legendUrl;\n            })\n            .catch((error) => {\n                if (isAbortError(error)) {\n                    LOG.debug(`Layer ${this.name} has been destroyed before fetching the data`);\n                    return;\n                }\n                LOG.error(`Failed initialize WMTS for Layer ${this.name}`, error);\n                //TODO: how to set the load state to error?\n            });\n    }\n\n    /* eslint-disable @typescript-eslint/no-explicit-any */\n    #existsStyleInCapabilities(capabilities: any, styleToUse: string): boolean {\n        // NOTE: we have a style override, check if the style exists in the capabilities\n        // the helper optionsFromCapabilities, supports style, too, but uses the Title instead of the Identifier, to find a match in the capabilities\n        const layerDesc = capabilities.Contents?.Layer?.find(\n            (layer: any) => layer.Identifier === this.#name\n        );\n        return layerDesc?.Style?.some((style: any) => style.Identifier === styleToUse) ?? false;\n    }\n    /* eslint-enable @typescript-eslint/no-explicit-any */\n\n    async #fetchWMTSCapabilities(): Promise<string> {\n        const httpService = this[GET_DEPS]().httpService;\n        return fetchText(this.#url, httpService, this.#abortController.signal);\n    }\n\n    async #loadTile(tile: Tile, tileUrl: string): Promise<void> {\n        const httpService = this[GET_DEPS]().httpService;\n        try {\n            if (!(tile instanceof ImageTile)) {\n                throw new Error(\"Only 'ImageTile' is supported for now.\");\n            }\n\n            const image = tile.getImage();\n            if (!isHtmlImage(image)) {\n                // Could also be canvas or video\n                throw new Error(\"Only <img> tags are supported as tiles for now.\");\n            }\n\n            const response = await httpService.fetch(tileUrl);\n            if (!response.ok) {\n                throw new Error(`Tile request failed with status ${response.status}.`);\n            }\n\n            const blob = await response.blob();\n            const objectUrl = URL.createObjectURL(blob);\n            const finish = () => {\n                // Cleanup object URL after load to prevent memory leaks.\n                // https://stackoverflow.com/questions/62473876/openlayers-6-settileloadfunction-documented-example-uses-url-createobjecturld\n                URL.revokeObjectURL(objectUrl);\n                image.removeEventListener(\"load\", finish);\n                image.removeEventListener(\"error\", finish);\n            };\n            image.addEventListener(\"load\", finish);\n            image.addEventListener(\"error\", finish);\n            image.src = objectUrl;\n        } catch (e) {\n            tile.setState(TileState.ERROR);\n            if (!isAbortError(e)) {\n                LOG.error(\"Failed to load tile\", e);\n            }\n        }\n    }\n}\n\n// Ensure layer class is assignable to the constructor interface (there is no \"implements\" for the class itself).\n// eslint-disable-next-line no-constant-condition\nif (false) {\n    const check: LayerConstructor<WMTSLayerConfig, WMTSLayer> = WMTSLayer;\n    void check;\n}\n\nfunction isHtmlImage(htmlElement: HTMLElement | OffscreenCanvas): htmlElement is HTMLImageElement {\n    return \"tagName\" in htmlElement && htmlElement.tagName === \"IMG\";\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"WMTSLayer.js","sources":["WMTSLayer.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { batch, reactive } from \"@conterra/reactivity-core\";\nimport { createLogger, deprecated, isAbortError } from \"@open-pioneer/core\";\nimport { ImageTile } from \"ol\";\nimport Tile from \"ol/Tile\";\nimport TileState from \"ol/TileState\";\nimport WMTSCapabilities from \"ol/format/WMTSCapabilities\";\nimport TileLayer from \"ol/layer/Tile\";\nimport type TileSourceType from \"ol/source/Tile\";\nimport WMTS, { optionsFromCapabilities, Options as WMTSSourceOptions } from \"ol/source/WMTS\";\nimport { sourceId } from \"open-pioneer:source-info\";\nimport type { LayerFactory } from \"../LayerFactory\";\nimport { MapModel } from \"../model/MapModel\";\nimport { InternalConstructorTag } from \"../utils/InternalConstructorTag\";\nimport { fetchText } from \"../utils/fetch\";\nimport { sanitizeAttributions } from \"../utils/sanitize\";\nimport { AbstractLayer } from \"./AbstractLayer\";\nimport { LayerConfig } from \"./shared/LayerConfig\";\nimport { ATTACH_TO_MAP, GET_DEPS, LayerConstructor, LayerDependencies } from \"./shared/internals\";\nimport { getAttributions } from \"./wmts/getAttributions\";\nimport { getLegendUrl } from \"./wmts/getLegendUrl\";\n\n/**\n * Configuration options supported by {@link WMTSLayer}.\n *\n * @group Layers\n */\nexport interface WMTSLayerConfig extends LayerConfig {\n    /** URL of the WMTS service. */\n    url: string;\n\n    /** The name of the WMTS layer in the service's capabilities. */\n    name: string;\n\n    /** The name of the tile matrix set in the service's capabilities. */\n    matrixSet: string;\n\n    /**\n     * Additional source options for the layer's WMTS source.\n     *\n     * NOTE: These options are intended for advanced configuration:\n     * the WMTS Layer manages some of the OpenLayers source options itself.\n     */\n    sourceOptions?: Partial<WMTSSourceOptions>;\n}\n\nconst LOG = createLogger(sourceId);\n\nconst deprecatedConstructor = deprecated({\n    name: \"WMTSLayer constructor\",\n    packageName: \"@open-pioneer/map\",\n    since: \"v1.0.0\",\n    alternative: \"use LayerFactory.create() instead\"\n});\n\n/**\n * Displays an OGC Web Map Tile Service (WMTS).\n *\n * @group Layers\n */\nexport class WMTSLayer extends AbstractLayer {\n    #url: string;\n    #name: string;\n    #matrixSet: string;\n    #layer: TileLayer<TileSourceType>;\n    #sourceOptions: Partial<WMTSSourceOptions>;\n    #legend = reactive<string | undefined>();\n\n    #loadStarted = false;\n\n    readonly #abortController = new AbortController();\n\n    /**\n     * @deprecated Prefer using {@link LayerFactory.create} instead of calling the constructor directly\n     */\n    constructor(config: WMTSLayerConfig);\n\n    /**\n     * NOTE: Do not use this overload. Use {@link LayerFactory.create} instead.\n     *\n     * @internal\n     */\n    constructor(\n        config: WMTSLayerConfig,\n        deps: LayerDependencies,\n        internalTag: InternalConstructorTag\n    );\n\n    constructor(\n        config: WMTSLayerConfig,\n        deps?: LayerDependencies,\n        internalTag?: InternalConstructorTag\n    ) {\n        if (!internalTag) {\n            deprecatedConstructor();\n        }\n\n        const layer = new TileLayer();\n        super(\n            {\n                ...config,\n                olLayer: layer\n            },\n            deps,\n            internalTag\n        );\n        this.#url = config.url;\n        this.#name = config.name;\n        this.#layer = layer;\n        this.#matrixSet = config.matrixSet;\n        this.#sourceOptions = config.sourceOptions ?? {};\n    }\n\n    destroy(): void {\n        this.#abortController.abort();\n        super.destroy();\n    }\n\n    get type() {\n        return \"wmts\" as const;\n    }\n\n    /** URL of the WMTS service. */\n    override get legend(): string | undefined {\n        return this.#legend.value;\n    }\n\n    override get sublayers(): undefined {\n        return undefined;\n    }\n\n    override get layers(): undefined {\n        return undefined;\n    }\n\n    get url() {\n        return this.#url;\n    }\n\n    /** The name of the WMTS layer in the service's capabilities. */\n    get name() {\n        return this.#name;\n    }\n\n    /** The name of the tile matrix set in the service's capabilities. */\n    get matrixSet() {\n        return this.#matrixSet;\n    }\n\n    override [ATTACH_TO_MAP](map: MapModel): void {\n        super[ATTACH_TO_MAP](map);\n        this.#load();\n    }\n\n    #load() {\n        if (this.#loadStarted) {\n            return;\n        }\n        this.#loadStarted = true;\n        this.#fetchWMTSCapabilities()\n            .then((result: string) => {\n                batch(() => {\n                    this.#initializeWithMetadata(result);\n                });\n            })\n            .catch((error) => {\n                if (isAbortError(error)) {\n                    LOG.debug(`Layer '${this.name}' has been destroyed before fetching the data`);\n                    return;\n                }\n                LOG.error(`Failed to initialize WMTS layer '${this.name}'`, error);\n                //TODO: how to set the load state to error?\n            });\n    }\n\n    async #fetchWMTSCapabilities(): Promise<string> {\n        const httpService = this[GET_DEPS]().httpService;\n        return fetchText(this.#url, httpService, this.#abortController.signal);\n    }\n\n    #initializeWithMetadata(metadata: string) {\n        const parser = new WMTSCapabilities();\n        const capabilities = parser.read(metadata);\n        const options = optionsFromCapabilities(capabilities, {\n            layer: this.#name,\n            matrixSet: this.#matrixSet\n        });\n        if (!options) {\n            throw new Error(`Layer '${this.#name}' was not found in capabilities`);\n        }\n        if (options.matrixSet !== this.#matrixSet) {\n            throw new Error(`Tile matrix set '${this.#matrixSet}' was not found in capabilities`);\n        }\n\n        const { attributions: explicitAttributions, ...sourceOptions } = this.#sourceOptions;\n        if (sourceOptions.style && sourceOptions.style !== options.style) {\n            const styleToUse = this.#existsStyleInCapabilities(capabilities, sourceOptions.style);\n            if (!styleToUse) {\n                throw new Error(`Style '${sourceOptions.style}' was not found in capabilities`);\n            }\n        }\n\n        const attributions = sanitizeAttributions(\n            explicitAttributions ?? getAttributions(capabilities)\n        );\n        const source = new WMTS({\n            ...options,\n            attributions,\n            ...sourceOptions,\n            tileLoadFunction: (tile, tileUrl) => {\n                this.#loadTile(tile, tileUrl);\n            }\n        });\n        this.#layer.setSource(source);\n\n        const activeStyleId = source.getStyle();\n        const legendUrl = getLegendUrl(capabilities, this.name, activeStyleId);\n        this.#legend.value = legendUrl;\n    }\n\n    async #loadTile(tile: Tile, tileUrl: string): Promise<void> {\n        const httpService = this[GET_DEPS]().httpService;\n        try {\n            if (!(tile instanceof ImageTile)) {\n                throw new Error(\"Only 'ImageTile' is supported for now.\");\n            }\n\n            const image = tile.getImage();\n            if (!isHtmlImage(image)) {\n                // Could also be canvas or video\n                throw new Error(\"Only <img> tags are supported as tiles for now.\");\n            }\n\n            const response = await httpService.fetch(tileUrl);\n            if (!response.ok) {\n                throw new Error(`Tile request failed with status ${response.status}.`);\n            }\n\n            const blob = await response.blob();\n            const objectUrl = URL.createObjectURL(blob);\n            const finish = () => {\n                // Cleanup object URL after load to prevent memory leaks.\n                // https://stackoverflow.com/questions/62473876/openlayers-6-settileloadfunction-documented-example-uses-url-createobjecturld\n                URL.revokeObjectURL(objectUrl);\n                image.removeEventListener(\"load\", finish);\n                image.removeEventListener(\"error\", finish);\n            };\n            image.addEventListener(\"load\", finish);\n            image.addEventListener(\"error\", finish);\n            image.src = objectUrl;\n        } catch (e) {\n            tile.setState(TileState.ERROR);\n            if (!isAbortError(e)) {\n                LOG.error(\"Failed to load tile\", e);\n            }\n        }\n    }\n\n    /* eslint-disable @typescript-eslint/no-explicit-any */\n    #existsStyleInCapabilities(capabilities: any, styleToUse: string): boolean {\n        // NOTE: we have a style override, check if the style exists in the capabilities\n        // the helper optionsFromCapabilities, supports style, too, but uses the Title instead of the Identifier, to find a match in the capabilities\n        const layerDesc = capabilities.Contents?.Layer?.find(\n            (layer: any) => layer.Identifier === this.#name\n        );\n        return layerDesc?.Style?.some((style: any) => style.Identifier === styleToUse) ?? false;\n    }\n    /* eslint-enable @typescript-eslint/no-explicit-any */\n}\n\n// Ensure layer class is assignable to the constructor interface (there is no \"implements\" for the class itself).\n// eslint-disable-next-line no-constant-condition\nif (false) {\n    const check: LayerConstructor<WMTSLayerConfig, WMTSLayer> = WMTSLayer;\n    void check;\n}\n\nfunction isHtmlImage(htmlElement: HTMLElement | OffscreenCanvas): htmlElement is HTMLImageElement {\n    return \"tagName\" in htmlElement && htmlElement.tagName === \"IMG\";\n}\n"],"names":[],"mappings":"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"}

package/layers/wms/getAttributions.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns the attribution derived from the WMS service metadata (if any).
+ *
+ * @param capabilities Parsed service capabilities
+ */
+export declare function getAttributions(capabilities: Record<string, any>): string | undefined;

package/layers/wms/getAttributions.js

@@ -0,0 +1,22 @@
+function getAttributions(capabilities) {
+  const service = capabilities?.Service;
+  if (!service) {
+    return void 0;
+  }
+  const constraints = service.AccessConstraints;
+  if (isSet(constraints)) {
+    return constraints;
+  }
+  const fees = service.Fees;
+  if (isSet(fees)) {
+    return fees;
+  }
+  return void 0;
+}
+const NONE = /none/i;
+function isSet(value) {
+  return typeof value === "string" && !!value && !NONE.test(value);
+}
+
+export { getAttributions };
+//# sourceMappingURL=getAttributions.js.map

package/layers/wms/getAttributions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAttributions.js","sources":["getAttributions.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * Returns the attribution derived from the WMS service metadata (if any).\n *\n * @param capabilities Parsed service capabilities\n */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport function getAttributions(capabilities: Record<string, any>): string | undefined {\n    const service = capabilities?.Service;\n    if (!service) {\n        return undefined;\n    }\n\n    const constraints = service.AccessConstraints;\n    if (isSet(constraints)) {\n        return constraints;\n    }\n\n    const fees = service.Fees;\n    if (isSet(fees)) {\n        return fees;\n    }\n\n    return undefined;\n}\n\nconst NONE = /none/i;\n\nfunction isSet(value: any): value is string {\n    return typeof value === \"string\" && !!value && !NONE.test(value);\n}\n\n/* eslint-enable @typescript-eslint/no-explicit-any */\n"],"names":[],"mappings":"AASO,SAAS,gBAAgB,YAAA,EAAuD;AACnF,EAAA,MAAM,UAAU,YAAA,EAAc,OAAA;AAC9B,EAAA,IAAI,CAAC,OAAA,EAAS;AACV,IAAA,OAAO,MAAA;AAAA,EACX;AAEA,EAAA,MAAM,cAAc,OAAA,CAAQ,iBAAA;AAC5B,EAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACpB,IAAA,OAAO,WAAA;AAAA,EACX;AAEA,EAAA,MAAM,OAAO,OAAA,CAAQ,IAAA;AACrB,EAAA,IAAI,KAAA,CAAM,IAAI,CAAA,EAAG;AACb,IAAA,OAAO,IAAA;AAAA,EACX;AAEA,EAAA,OAAO,MAAA;AACX;AAEA,MAAM,IAAA,GAAO,OAAA;AAEb,SAAS,MAAM,KAAA,EAA6B;AACxC,EAAA,OAAO,OAAO,UAAU,QAAA,IAAY,CAAC,CAAC,KAAA,IAAS,CAAC,IAAA,CAAK,IAAA,CAAK,KAAK,CAAA;AACnE;;;;"}

package/layers/wmts/getAttributions.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns the attribution derived from the WMTS service metadata (if any).
+ *
+ * @param capabilities Parsed service capabilities
+ */
+export declare function getAttributions(capabilities: Record<string, any>): string | undefined;

package/layers/wmts/getAttributions.js

@@ -0,0 +1,22 @@
+function getAttributions(capabilities) {
+  const service = capabilities?.ServiceIdentification;
+  if (!service) {
+    return void 0;
+  }
+  const constraints = service.AccessConstraints;
+  if (isSet(constraints)) {
+    return constraints;
+  }
+  const fees = service.Fees;
+  if (isSet(fees)) {
+    return fees;
+  }
+  return void 0;
+}
+const NONE = /none/i;
+function isSet(value) {
+  return typeof value === "string" && !!value && !NONE.test(value);
+}
+
+export { getAttributions };
+//# sourceMappingURL=getAttributions.js.map

package/layers/wmts/getAttributions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAttributions.js","sources":["getAttributions.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * Returns the attribution derived from the WMTS service metadata (if any).\n *\n * @param capabilities Parsed service capabilities\n */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport function getAttributions(capabilities: Record<string, any>): string | undefined {\n    const service = capabilities?.ServiceIdentification;\n    if (!service) {\n        return undefined;\n    }\n\n    const constraints = service.AccessConstraints;\n    if (isSet(constraints)) {\n        return constraints;\n    }\n\n    const fees = service.Fees;\n    if (isSet(fees)) {\n        return fees;\n    }\n\n    return undefined;\n}\n\nconst NONE = /none/i;\n\nfunction isSet(value: any): value is string {\n    return typeof value === \"string\" && !!value && !NONE.test(value);\n}\n\n/* eslint-enable @typescript-eslint/no-explicit-any */\n"],"names":[],"mappings":"AASO,SAAS,gBAAgB,YAAA,EAAuD;AACnF,EAAA,MAAM,UAAU,YAAA,EAAc,qBAAA;AAC9B,EAAA,IAAI,CAAC,OAAA,EAAS;AACV,IAAA,OAAO,MAAA;AAAA,EACX;AAEA,EAAA,MAAM,cAAc,OAAA,CAAQ,iBAAA;AAC5B,EAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACpB,IAAA,OAAO,WAAA;AAAA,EACX;AAEA,EAAA,MAAM,OAAO,OAAA,CAAQ,IAAA;AACrB,EAAA,IAAI,KAAA,CAAM,IAAI,CAAA,EAAG;AACb,IAAA,OAAO,IAAA;AAAA,EACX;AAEA,EAAA,OAAO,MAAA;AACX;AAEA,MAAM,IAAA,GAAO,OAAA;AAEb,SAAS,MAAM,KAAA,EAA6B;AACxC,EAAA,OAAO,OAAO,UAAU,QAAA,IAAY,CAAC,CAAC,KAAA,IAAS,CAAC,IAAA,CAAK,IAAA,CAAK,KAAK,CAAA;AACnE;;;;"}

package/model/MapModel.js

@@ -329,11 +329,9 @@ class MapModel {
    */
   #watchLoadingState() {
     this.#loadStartEventHandler = this.#olMap.on("loadstart", () => {
-      LOG.debug("Map is loading");
       this.#olLoading.value = true;
     });
     this.#loadEndEventHandler = this.#olMap.on("loadend", () => {
-      LOG.debug("Map finished loading");
       this.#olLoading.value = false;
     });
   }

package/model/MapModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapModel.js","sources":["MapModel.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { computed, reactive, ReadonlyReactive, synchronized } from \"@conterra/reactivity-core\";\nimport { emit, emitter, EventSource } from \"@conterra/reactivity-events\";\nimport type { Resource } from \"@open-pioneer/core\";\nimport {\n    createAbortError,\n    createLogger,\n    createManualPromise,\n    isAbortError,\n    ManualPromise\n} from \"@open-pioneer/core\";\nimport { HttpService } from \"@open-pioneer/http\";\nimport OlMap from \"ol/Map\";\nimport { unByKey } from \"ol/Observable\";\nimport OlView from \"ol/View\";\nimport { Coordinate } from \"ol/coordinate\";\nimport { EventsKey } from \"ol/events\";\nimport { getCenter } from \"ol/extent\";\nimport { Geometry } from \"ol/geom\";\nimport { getPointResolution, Projection } from \"ol/proj\";\nimport type { StyleLike } from \"ol/style/Style\";\nimport { sourceId } from \"open-pioneer:source-info\";\nimport { LAYER_DEPS, LayerDependencies } from \"../layers/shared/internals\";\nimport type { BaseFeature } from \"../utils/BaseFeature\";\nimport {\n    assertInternalConstructor,\n    INTERNAL_CONSTRUCTOR_TAG,\n    InternalConstructorTag\n} from \"../utils/InternalConstructorTag\";\nimport { Highlights } from \"./Highlights\";\nimport { LayerCollection } from \"./LayerCollection\";\nimport { ExtentConfig } from \"./MapConfig\";\n\nconst LOG = createLogger(sourceId);\n\nconst DEFAULT_DPI = 25.4 / 0.28;\nconst INCHES_PER_METRE = 39.37;\n\n/**\n * Style options supported when creating a new {@link Highlight}.\n *\n * @group Map Model\n **/\nexport interface HighlightOptions {\n    /**\n     * Optional styles to override the default styles.\n     */\n    highlightStyle?: HighlightStyle;\n}\n\n/**\n * Zoom options supported when creating a new {@link Highlight}.\n *\n * @group Map Model\n **/\nexport interface ZoomOptions {\n    /**\n     * The zoom-level used if there is no valid extend (such as for single points).\n     */\n    pointZoom?: number;\n\n    /**\n     * The maximum zoom-level for multiple points, line or polygon results.\n     */\n    maxZoom?: number;\n\n    /**\n     * The view padding to make all features visible.\n     */\n    viewPadding?: MapPadding;\n\n    /**\n     * The buffer factor around the extent of the zoomed features. E.g. a value of 1.1 will add\n     * 10% to specify the size increase of the extent's width and height.\n     */\n    buffer?: number;\n}\n\n/**\n * Options supported by the map model's {@link MapModel.highlightAndZoom | highlightAndZoom} method.\n *\n * @group Map Model\n **/\nexport interface HighlightZoomOptions extends HighlightOptions, ZoomOptions {}\n\n/**\n * Custom styles when creating a new {@link Highlight}.\n *\n * @group Map Model\n */\nexport type HighlightStyle = {\n    Point?: StyleLike;\n    LineString?: StyleLike;\n    Polygon?: StyleLike;\n    MultiPolygon?: StyleLike;\n    MultiPoint?: StyleLike;\n    MultiLineString?: StyleLike;\n};\n\n/**\n * Map padding, all values are pixels.\n *\n * See https://openlayers.org/en/latest/apidoc/module-ol_View-View.html#padding\n *\n * @group Map Model\n */\nexport interface MapPadding {\n    left?: number;\n    right?: number;\n    top?: number;\n    bottom?: number;\n}\n\n/**\n * Represents the additional graphical representations of objects.\n *\n * See also {@link MapModel.highlight}.\n *\n * @group Map Model\n */\nexport interface Highlight extends Resource {\n    readonly isActive: boolean;\n}\n\n/**\n * Represents an object in the map.\n *\n * @group Map Model\n */\nexport type DisplayTarget = BaseFeature | Geometry;\n\n/**\n * Represents a map.\n *\n * @group Map Model\n */\nexport class MapModel {\n    readonly #id: string;\n    readonly #olMap: OlMap;\n    readonly #olView: ReadonlyReactive<OlView>;\n    readonly #layers = new LayerCollection(this, INTERNAL_CONSTRUCTOR_TAG);\n    readonly #highlights: Highlights;\n    readonly #layerDeps: LayerDependencies;\n    readonly #destroyed = emitter();\n\n    #loadStartEventHandler: EventsKey | undefined;\n    #loadEndEventHandler: EventsKey | undefined;\n    readonly #olLoading = reactive(false);\n\n    #isDestroyed = false;\n    #container: ReadonlyReactive<HTMLElement | undefined>;\n    #initialExtent = reactive<ExtentConfig>();\n    #viewBindings: ReadonlyReactive<ViewBindings>;\n    #scale: ReadonlyReactive<number | undefined>;\n\n    readonly #abortController = new AbortController();\n    #displayStatus: \"waiting\" | \"ready\" | \"error\";\n    #displayWaiter: ManualPromise<void> | undefined;\n\n    /**\n     * @internal\n     */\n    constructor(\n        properties: {\n            id: string;\n            olMap: OlMap;\n            initialExtent: ExtentConfig | undefined;\n            httpService: HttpService;\n        },\n        tag: InternalConstructorTag\n    ) {\n        assertInternalConstructor(tag);\n\n        this.#id = properties.id;\n        this.#olMap = properties.olMap;\n        this.#olView = synchronized(\n            () => this.#olMap.getView(),\n            (cb) => {\n                const key = this.#olMap.on(\"change:view\", cb);\n                return () => unByKey(key);\n            }\n        );\n\n        // NOTE: As early as possible (before any async actions) so we don't miss any events.\n        this.#watchLoadingState();\n\n        this.#initialExtent.value = properties.initialExtent;\n        this.#layerDeps = {\n            httpService: properties.httpService\n        };\n\n        this.#displayStatus = \"waiting\";\n        this.#initializeView().then(\n            () => {\n                this.#displayStatus = \"ready\";\n                this.#displayWaiter?.resolve();\n                this.#displayWaiter = undefined;\n            },\n            (error) => {\n                if (!isAbortError(error)) {\n                    LOG.error(`Failed to initialize map`, error);\n                }\n\n                this.#displayStatus = \"error\";\n                this.#displayWaiter?.reject(new Error(`Failed to initialize map.`));\n                this.#displayWaiter = undefined;\n            }\n        );\n\n        this.#container = synchronized(\n            () => this.#olMap.getTargetElement() ?? undefined,\n            (cb) => {\n                const key = this.#olMap.on(\"change:target\", cb);\n                return () => unByKey(key);\n            }\n        );\n\n        this.#viewBindings = computed(() => createViewBindings(this.#olView.value));\n        this.#scale = computed(() => {\n            const { projection, resolution, center } = this;\n            if (projection == null || resolution == null || center == null) {\n                return undefined;\n            }\n\n            /**\n             * Returns the appropriate scale for the given resolution and units, see OpenLayers function getScaleForResolution()\n             * https://github.com/openlayers/openlayers/blob/7fa9df03431e9e1bc517e6c414565d9f848a3132/src/ol/control/ScaleLine.js#L454C3-L454C24\n             */\n            const pointResolution = getPointResolution(projection, resolution, center, \"m\"); //point resolution in meter per pixel\n            const scale = Math.round(pointResolution * INCHES_PER_METRE * DEFAULT_DPI);\n            return scale;\n        });\n\n        // expects fully constructed mapModel\n        this.#highlights = new Highlights(this, this.#layerDeps);\n    }\n\n    /**\n     * Destroys this objects, including all layers, highlights and the OL map itself.\n     */\n    destroy() {\n        if (this.#isDestroyed) {\n            return;\n        }\n\n        this.#isDestroyed = true;\n        try {\n            emit(this.#destroyed);\n        } catch (e) {\n            LOG.warn(`Unexpected error from event listener during map model destruction:`, e);\n        }\n\n        this.#loadStartEventHandler && unByKey(this.#loadStartEventHandler);\n        this.#loadStartEventHandler = undefined;\n        this.#loadEndEventHandler && unByKey(this.#loadEndEventHandler);\n        this.#loadEndEventHandler = undefined;\n\n        this.#abortController.abort();\n        this.#displayWaiter?.reject(new Error(\"Map model was destroyed.\"));\n        this.#layers.destroy();\n        this.#highlights.destroy();\n        this.#olMap.dispose();\n    }\n\n    /**\n     * Emitted when the map model is destroyed.\n     */\n    get destroyed(): EventSource<void> {\n        return this.#destroyed;\n    }\n\n    /**\n     * The unique id of the map.\n     */\n    get id(): string {\n        return this.#id;\n    }\n\n    /**\n     * The initial map extent.\n     *\n     * May be undefined before the map is shown.\n     * This is guaranteed to be initialized if the promise returned by {@link whenDisplayed} has resolved.\n     */\n    get initialExtent(): ExtentConfig | undefined {\n        return this.#initialExtent.value;\n    }\n\n    /**\n     * Returns the current projection of the map (reactive).\n     */\n    get projection(): Projection {\n        return this.#viewBindings.value.projection;\n    }\n\n    /**\n     * Returns the current center of the map.\n     * Same as `olView.getCenter()`, but reactive.\n     */\n    get center(): Coordinate | undefined {\n        return this.#viewBindings.value.center.value;\n    }\n\n    /**\n     * Returns the current resolution of the map.\n     * Same as `olView.getResolution()`, but reactive.\n     */\n    get resolution(): number | undefined {\n        return this.#viewBindings.value.resolution.value;\n    }\n\n    /**\n     * Returns the current zoom level of the map.\n     * Same as `olView.getZoom()`, but reactive.\n     */\n    get zoomLevel(): number | undefined {\n        return this.#viewBindings.value.zoom.value;\n    }\n\n    /**\n     * Returns the current scale of the map.\n     *\n     * The scale is a value derived from the current `center`, `resolution` and `projection` of the map.\n     * The scale will change when the map is zoomed in our out, but depending on the projection, it may also\n     * change when the map is _panned_.\n     *\n     * > NOTE: Technically, this is the _denominator_ of the current scale.\n     * > In order to display it, use a format like `1:${scale}`.\n     */\n    get scale(): number | undefined {\n        return this.#scale.value;\n    }\n\n    /**\n     * Returns true if the map is currently loading.\n     *\n     * This is based on the OpenLayers events `loadstart` and `loadend`,\n     * see [Documentation](https://openlayers.org/en/latest/apidoc/module-ol_MapEvent-MapEvent.html#event:loadstart).\n     */\n    get loading(): boolean {\n        return this.#olLoading.value;\n    }\n\n    /**\n     * Contains all known layers of this map.\n     *\n     * Note that not all layers in this collection may be active in the OpenLayers map.\n     * Also note that not all layers in the OpenLayers map may be contained in this collection.\n     */\n    get layers(): LayerCollection {\n        return this.#layers;\n    }\n\n    /**\n     * The container in which the map is currently being rendered.\n     * This is the same as the target element of the underlying OpenLayers map.\n     *\n     * May be undefined if the map is not being rendered at the moment.\n     * May change at runtime.\n     */\n    get container(): HTMLElement | undefined {\n        return this.#container.value;\n    }\n\n    /**\n     * The raw OpenLayers map.\n     */\n    get olMap(): OlMap {\n        return this.#olMap;\n    }\n\n    /**\n     * Returns the current view of the OpenLayers map.\n     */\n    get olView(): OlView {\n        return this.#olView.value;\n    }\n\n    /**\n     * TODO: Can be removed once the LayerFactory is the only supported way of constructing a layer.\n     *\n     * @internal\n     */\n    get [LAYER_DEPS](): LayerDependencies {\n        return this.#layerDeps;\n    }\n\n    /**\n     * Changes the current scale of the map to the given value.\n     *\n     * Internally, this computes a new zoom level / resolution based on the scale\n     * and the current center.\n     * The new resolution is then applied to the current `olView`.\n     *\n     * See also {@link scale}.\n     */\n    setScale(newScale: number): void {\n        const view = this.olView;\n        const projection = this.projection;\n        const center = this.center;\n        if (!center) {\n            return;\n        }\n\n        const mpu = projection.getMetersPerUnit() ?? 1;\n        const resolution = INCHES_PER_METRE * DEFAULT_DPI * mpu;\n        const pointResolution = newScale / getPointResolution(projection, resolution, center);\n        view.setResolution(pointResolution);\n    }\n\n    /**\n     * Creates a highlight at the given targets.\n     *\n     * A highlight is a temporary graphic on the map that calls attention to a point or an area.\n     *\n     * Call `destroy()` on the returned highlight object to remove the highlight again.\n     */\n    highlight(geometries: DisplayTarget[], options?: HighlightOptions | undefined): Highlight {\n        return this.#highlights.addHighlight(geometries, options);\n    }\n\n    /**\n     * Zooms to the given targets.\n     */\n    zoom(geometries: DisplayTarget[], options?: ZoomOptions | undefined): void {\n        this.#highlights.zoomToHighlight(geometries, options);\n    }\n\n    /**\n     * Creates a highlight and zooms to the given targets.\n     *\n     * See also {@link highlight} and {@link zoom}.\n     */\n    highlightAndZoom(geometries: DisplayTarget[], options?: HighlightZoomOptions) {\n        return this.#highlights.addHighlightAndZoom(geometries, options ?? {});\n    }\n\n    /**\n     * Removes any existing highlights from the map.\n     */\n    removeHighlights() {\n        this.#highlights.clearHighlight();\n    }\n\n    /**\n     * Returns a promise that resolves when the map has mounted in the DOM.\n     */\n    whenDisplayed(): Promise<void> {\n        if (this.#isDestroyed) {\n            return Promise.reject(new Error(\"Map model was destroyed.\"));\n        }\n        if (this.#displayStatus === \"error\") {\n            return Promise.reject(new Error(`Failed to initialize map.`));\n        }\n        if (this.#displayStatus === \"ready\") {\n            return Promise.resolve();\n        }\n        return (this.#displayWaiter ??= createManualPromise()).promise;\n    }\n\n    /**\n     * Waits for the map to be displayed and then initializes the view (if necessary).\n     *\n     * May simply resolve when done, or throw an error when a problem occurs.\n     * AbortError is thrown when cancelled via `this.#abortController`, for example\n     * when the map model is destroyed before it has ever been displayed.\n     */\n    async #initializeView(): Promise<void> {\n        try {\n            await waitForMapSize(this.olMap, this.#abortController.signal); // may throw on cancel\n        } catch (e) {\n            if (isAbortError(e)) {\n                throw e;\n            }\n            throw new Error(`Failed to wait for the map to be displayed.`, { cause: e });\n        }\n\n        try {\n            const olMap = this.#olMap;\n            const view = olMap.getView();\n\n            if (this.#initialExtent.value) {\n                // Initial extent was set from the outside. We simply ensure that it gets displayed by the map.\n                const extent = this.#initialExtent.value;\n                const olExtent = [extent.xMin, extent.yMin, extent.xMax, extent.yMax];\n\n                const olCenter = getCenter(olExtent);\n                const resolution = view.getResolutionForExtent(olExtent);\n                LOG.debug(`Applying initial extent`, extent);\n                LOG.debug(`  Computed center:`, olCenter);\n                LOG.debug(`  Computed resolution:`, resolution);\n\n                view.setCenter(olCenter);\n                view.setResolution(resolution);\n            } else {\n                // Initial extent was NOT set from the outside.\n                // We detect whatever the view is displaying and consider it to be the initial extent.\n                const olExtent = view.calculateExtent();\n                const [xMin = 0, yMin = 0, xMax = 0, yMax = 0] = olExtent;\n                const extent: ExtentConfig = { xMin, yMin, xMax, yMax };\n                LOG.debug(`Detected initial extent`, extent);\n\n                this.#initialExtent.value = extent;\n            }\n        } catch (e) {\n            throw new Error(`Failed to apply the initial extent.`, { cause: e });\n        }\n    }\n\n    /**\n     * Subscribes to the OpenLayers loading state.\n     */\n    #watchLoadingState() {\n        this.#loadStartEventHandler = this.#olMap.on(\"loadstart\", () => {\n            LOG.debug(\"Map is loading\");\n            this.#olLoading.value = true;\n        });\n        this.#loadEndEventHandler = this.#olMap.on(\"loadend\", () => {\n            LOG.debug(\"Map finished loading\");\n            this.#olLoading.value = false;\n        });\n    }\n}\n\ninterface ViewBindings {\n    resolution: ReadonlyReactive<number | undefined>;\n    center: ReadonlyReactive<Coordinate | undefined>;\n    zoom: ReadonlyReactive<number | undefined>;\n    projection: Projection; // not reactive (change view to change projection)\n}\n\nfunction createViewBindings(view: OlView): ViewBindings {\n    return {\n        resolution: synchronized(\n            () => view.getResolution(),\n            (cb) => {\n                const key = view.on(\"change:resolution\", cb);\n                return () => unByKey(key);\n            }\n        ),\n        center: synchronized(\n            () => view.getCenter(),\n            (cb) => {\n                const key = view.on(\"change:center\", cb);\n                return () => unByKey(key);\n            }\n        ),\n        zoom: synchronized(\n            () => view.getZoom(),\n            (cb) => {\n                const key = view.on(\"change:resolution\", cb);\n                return () => unByKey(key);\n            }\n        ),\n        projection: view.getProjection()\n    };\n}\n\nfunction waitForMapSize(olMap: OlMap, signal: AbortSignal): Promise<void> {\n    const promise = new Promise<void>((resolve, reject) => {\n        let eventKey: EventsKey | undefined;\n\n        function checkSize() {\n            const currentSize = olMap.getSize() ?? [];\n            const [width = 0, height = 0] = currentSize;\n            if (currentSize && width > 0 && height > 0) {\n                finish();\n            }\n        }\n\n        function onAbort() {\n            finish(createAbortError());\n        }\n\n        function finish(error?: Error | undefined) {\n            if (eventKey) {\n                unByKey(eventKey);\n                eventKey = undefined;\n            }\n            signal.removeEventListener(\"abort\", onAbort);\n\n            if (error) {\n                reject(error);\n            } else {\n                resolve(wait(25)); // Give the map some time to render\n            }\n        }\n\n        if (signal.aborted) {\n            finish(createAbortError());\n            return;\n        }\n\n        signal.addEventListener(\"abort\", onAbort);\n        eventKey = olMap.on(\"change:size\", checkSize);\n    });\n    return promise;\n}\n\nfunction wait(milliseconds: number): Promise<void> {\n    return new Promise((resolve) => setTimeout(resolve, milliseconds));\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MapModel.js","sources":["MapModel.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { computed, reactive, ReadonlyReactive, synchronized } from \"@conterra/reactivity-core\";\nimport { emit, emitter, EventSource } from \"@conterra/reactivity-events\";\nimport type { Resource } from \"@open-pioneer/core\";\nimport {\n    createAbortError,\n    createLogger,\n    createManualPromise,\n    isAbortError,\n    ManualPromise\n} from \"@open-pioneer/core\";\nimport { HttpService } from \"@open-pioneer/http\";\nimport OlMap from \"ol/Map\";\nimport { unByKey } from \"ol/Observable\";\nimport OlView from \"ol/View\";\nimport { Coordinate } from \"ol/coordinate\";\nimport { EventsKey } from \"ol/events\";\nimport { getCenter } from \"ol/extent\";\nimport { Geometry } from \"ol/geom\";\nimport { getPointResolution, Projection } from \"ol/proj\";\nimport type { StyleLike } from \"ol/style/Style\";\nimport { sourceId } from \"open-pioneer:source-info\";\nimport { LAYER_DEPS, LayerDependencies } from \"../layers/shared/internals\";\nimport type { BaseFeature } from \"../utils/BaseFeature\";\nimport {\n    assertInternalConstructor,\n    INTERNAL_CONSTRUCTOR_TAG,\n    InternalConstructorTag\n} from \"../utils/InternalConstructorTag\";\nimport { Highlights } from \"./Highlights\";\nimport { LayerCollection } from \"./LayerCollection\";\nimport { ExtentConfig } from \"./MapConfig\";\n\nconst LOG = createLogger(sourceId);\n\nconst DEFAULT_DPI = 25.4 / 0.28;\nconst INCHES_PER_METRE = 39.37;\n\n/**\n * Style options supported when creating a new {@link Highlight}.\n *\n * @group Map Model\n **/\nexport interface HighlightOptions {\n    /**\n     * Optional styles to override the default styles.\n     */\n    highlightStyle?: HighlightStyle;\n}\n\n/**\n * Zoom options supported when creating a new {@link Highlight}.\n *\n * @group Map Model\n **/\nexport interface ZoomOptions {\n    /**\n     * The zoom-level used if there is no valid extend (such as for single points).\n     */\n    pointZoom?: number;\n\n    /**\n     * The maximum zoom-level for multiple points, line or polygon results.\n     */\n    maxZoom?: number;\n\n    /**\n     * The view padding to make all features visible.\n     */\n    viewPadding?: MapPadding;\n\n    /**\n     * The buffer factor around the extent of the zoomed features. E.g. a value of 1.1 will add\n     * 10% to specify the size increase of the extent's width and height.\n     */\n    buffer?: number;\n}\n\n/**\n * Options supported by the map model's {@link MapModel.highlightAndZoom | highlightAndZoom} method.\n *\n * @group Map Model\n **/\nexport interface HighlightZoomOptions extends HighlightOptions, ZoomOptions {}\n\n/**\n * Custom styles when creating a new {@link Highlight}.\n *\n * @group Map Model\n */\nexport type HighlightStyle = {\n    Point?: StyleLike;\n    LineString?: StyleLike;\n    Polygon?: StyleLike;\n    MultiPolygon?: StyleLike;\n    MultiPoint?: StyleLike;\n    MultiLineString?: StyleLike;\n};\n\n/**\n * Map padding, all values are pixels.\n *\n * See https://openlayers.org/en/latest/apidoc/module-ol_View-View.html#padding\n *\n * @group Map Model\n */\nexport interface MapPadding {\n    left?: number;\n    right?: number;\n    top?: number;\n    bottom?: number;\n}\n\n/**\n * Represents the additional graphical representations of objects.\n *\n * See also {@link MapModel.highlight}.\n *\n * @group Map Model\n */\nexport interface Highlight extends Resource {\n    readonly isActive: boolean;\n}\n\n/**\n * Represents an object in the map.\n *\n * @group Map Model\n */\nexport type DisplayTarget = BaseFeature | Geometry;\n\n/**\n * Represents a map.\n *\n * @group Map Model\n */\nexport class MapModel {\n    readonly #id: string;\n    readonly #olMap: OlMap;\n    readonly #olView: ReadonlyReactive<OlView>;\n    readonly #layers = new LayerCollection(this, INTERNAL_CONSTRUCTOR_TAG);\n    readonly #highlights: Highlights;\n    readonly #layerDeps: LayerDependencies;\n    readonly #destroyed = emitter();\n\n    #loadStartEventHandler: EventsKey | undefined;\n    #loadEndEventHandler: EventsKey | undefined;\n    readonly #olLoading = reactive(false);\n\n    #isDestroyed = false;\n    #container: ReadonlyReactive<HTMLElement | undefined>;\n    #initialExtent = reactive<ExtentConfig>();\n    #viewBindings: ReadonlyReactive<ViewBindings>;\n    #scale: ReadonlyReactive<number | undefined>;\n\n    readonly #abortController = new AbortController();\n    #displayStatus: \"waiting\" | \"ready\" | \"error\";\n    #displayWaiter: ManualPromise<void> | undefined;\n\n    /**\n     * @internal\n     */\n    constructor(\n        properties: {\n            id: string;\n            olMap: OlMap;\n            initialExtent: ExtentConfig | undefined;\n            httpService: HttpService;\n        },\n        tag: InternalConstructorTag\n    ) {\n        assertInternalConstructor(tag);\n\n        this.#id = properties.id;\n        this.#olMap = properties.olMap;\n        this.#olView = synchronized(\n            () => this.#olMap.getView(),\n            (cb) => {\n                const key = this.#olMap.on(\"change:view\", cb);\n                return () => unByKey(key);\n            }\n        );\n\n        // NOTE: As early as possible (before any async actions) so we don't miss any events.\n        this.#watchLoadingState();\n\n        this.#initialExtent.value = properties.initialExtent;\n        this.#layerDeps = {\n            httpService: properties.httpService\n        };\n\n        this.#displayStatus = \"waiting\";\n        this.#initializeView().then(\n            () => {\n                this.#displayStatus = \"ready\";\n                this.#displayWaiter?.resolve();\n                this.#displayWaiter = undefined;\n            },\n            (error) => {\n                if (!isAbortError(error)) {\n                    LOG.error(`Failed to initialize map`, error);\n                }\n\n                this.#displayStatus = \"error\";\n                this.#displayWaiter?.reject(new Error(`Failed to initialize map.`));\n                this.#displayWaiter = undefined;\n            }\n        );\n\n        this.#container = synchronized(\n            () => this.#olMap.getTargetElement() ?? undefined,\n            (cb) => {\n                const key = this.#olMap.on(\"change:target\", cb);\n                return () => unByKey(key);\n            }\n        );\n\n        this.#viewBindings = computed(() => createViewBindings(this.#olView.value));\n        this.#scale = computed(() => {\n            const { projection, resolution, center } = this;\n            if (projection == null || resolution == null || center == null) {\n                return undefined;\n            }\n\n            /**\n             * Returns the appropriate scale for the given resolution and units, see OpenLayers function getScaleForResolution()\n             * https://github.com/openlayers/openlayers/blob/7fa9df03431e9e1bc517e6c414565d9f848a3132/src/ol/control/ScaleLine.js#L454C3-L454C24\n             */\n            const pointResolution = getPointResolution(projection, resolution, center, \"m\"); //point resolution in meter per pixel\n            const scale = Math.round(pointResolution * INCHES_PER_METRE * DEFAULT_DPI);\n            return scale;\n        });\n\n        // expects fully constructed mapModel\n        this.#highlights = new Highlights(this, this.#layerDeps);\n    }\n\n    /**\n     * Destroys this objects, including all layers, highlights and the OL map itself.\n     */\n    destroy() {\n        if (this.#isDestroyed) {\n            return;\n        }\n\n        this.#isDestroyed = true;\n        try {\n            emit(this.#destroyed);\n        } catch (e) {\n            LOG.warn(`Unexpected error from event listener during map model destruction:`, e);\n        }\n\n        this.#loadStartEventHandler && unByKey(this.#loadStartEventHandler);\n        this.#loadStartEventHandler = undefined;\n        this.#loadEndEventHandler && unByKey(this.#loadEndEventHandler);\n        this.#loadEndEventHandler = undefined;\n\n        this.#abortController.abort();\n        this.#displayWaiter?.reject(new Error(\"Map model was destroyed.\"));\n        this.#layers.destroy();\n        this.#highlights.destroy();\n        this.#olMap.dispose();\n    }\n\n    /**\n     * Emitted when the map model is destroyed.\n     */\n    get destroyed(): EventSource<void> {\n        return this.#destroyed;\n    }\n\n    /**\n     * The unique id of the map.\n     */\n    get id(): string {\n        return this.#id;\n    }\n\n    /**\n     * The initial map extent.\n     *\n     * May be undefined before the map is shown.\n     * This is guaranteed to be initialized if the promise returned by {@link whenDisplayed} has resolved.\n     */\n    get initialExtent(): ExtentConfig | undefined {\n        return this.#initialExtent.value;\n    }\n\n    /**\n     * Returns the current projection of the map (reactive).\n     */\n    get projection(): Projection {\n        return this.#viewBindings.value.projection;\n    }\n\n    /**\n     * Returns the current center of the map.\n     * Same as `olView.getCenter()`, but reactive.\n     */\n    get center(): Coordinate | undefined {\n        return this.#viewBindings.value.center.value;\n    }\n\n    /**\n     * Returns the current resolution of the map.\n     * Same as `olView.getResolution()`, but reactive.\n     */\n    get resolution(): number | undefined {\n        return this.#viewBindings.value.resolution.value;\n    }\n\n    /**\n     * Returns the current zoom level of the map.\n     * Same as `olView.getZoom()`, but reactive.\n     */\n    get zoomLevel(): number | undefined {\n        return this.#viewBindings.value.zoom.value;\n    }\n\n    /**\n     * Returns the current scale of the map.\n     *\n     * The scale is a value derived from the current `center`, `resolution` and `projection` of the map.\n     * The scale will change when the map is zoomed in our out, but depending on the projection, it may also\n     * change when the map is _panned_.\n     *\n     * > NOTE: Technically, this is the _denominator_ of the current scale.\n     * > In order to display it, use a format like `1:${scale}`.\n     */\n    get scale(): number | undefined {\n        return this.#scale.value;\n    }\n\n    /**\n     * Returns true if the map is currently loading.\n     *\n     * This is based on the OpenLayers events `loadstart` and `loadend`,\n     * see [Documentation](https://openlayers.org/en/latest/apidoc/module-ol_MapEvent-MapEvent.html#event:loadstart).\n     */\n    get loading(): boolean {\n        return this.#olLoading.value;\n    }\n\n    /**\n     * Contains all known layers of this map.\n     *\n     * Note that not all layers in this collection may be active in the OpenLayers map.\n     * Also note that not all layers in the OpenLayers map may be contained in this collection.\n     */\n    get layers(): LayerCollection {\n        return this.#layers;\n    }\n\n    /**\n     * The container in which the map is currently being rendered.\n     * This is the same as the target element of the underlying OpenLayers map.\n     *\n     * May be undefined if the map is not being rendered at the moment.\n     * May change at runtime.\n     */\n    get container(): HTMLElement | undefined {\n        return this.#container.value;\n    }\n\n    /**\n     * The raw OpenLayers map.\n     */\n    get olMap(): OlMap {\n        return this.#olMap;\n    }\n\n    /**\n     * Returns the current view of the OpenLayers map.\n     */\n    get olView(): OlView {\n        return this.#olView.value;\n    }\n\n    /**\n     * TODO: Can be removed once the LayerFactory is the only supported way of constructing a layer.\n     *\n     * @internal\n     */\n    get [LAYER_DEPS](): LayerDependencies {\n        return this.#layerDeps;\n    }\n\n    /**\n     * Changes the current scale of the map to the given value.\n     *\n     * Internally, this computes a new zoom level / resolution based on the scale\n     * and the current center.\n     * The new resolution is then applied to the current `olView`.\n     *\n     * See also {@link scale}.\n     */\n    setScale(newScale: number): void {\n        const view = this.olView;\n        const projection = this.projection;\n        const center = this.center;\n        if (!center) {\n            return;\n        }\n\n        const mpu = projection.getMetersPerUnit() ?? 1;\n        const resolution = INCHES_PER_METRE * DEFAULT_DPI * mpu;\n        const pointResolution = newScale / getPointResolution(projection, resolution, center);\n        view.setResolution(pointResolution);\n    }\n\n    /**\n     * Creates a highlight at the given targets.\n     *\n     * A highlight is a temporary graphic on the map that calls attention to a point or an area.\n     *\n     * Call `destroy()` on the returned highlight object to remove the highlight again.\n     */\n    highlight(geometries: DisplayTarget[], options?: HighlightOptions | undefined): Highlight {\n        return this.#highlights.addHighlight(geometries, options);\n    }\n\n    /**\n     * Zooms to the given targets.\n     */\n    zoom(geometries: DisplayTarget[], options?: ZoomOptions | undefined): void {\n        this.#highlights.zoomToHighlight(geometries, options);\n    }\n\n    /**\n     * Creates a highlight and zooms to the given targets.\n     *\n     * See also {@link highlight} and {@link zoom}.\n     */\n    highlightAndZoom(geometries: DisplayTarget[], options?: HighlightZoomOptions) {\n        return this.#highlights.addHighlightAndZoom(geometries, options ?? {});\n    }\n\n    /**\n     * Removes any existing highlights from the map.\n     */\n    removeHighlights() {\n        this.#highlights.clearHighlight();\n    }\n\n    /**\n     * Returns a promise that resolves when the map has mounted in the DOM.\n     */\n    whenDisplayed(): Promise<void> {\n        if (this.#isDestroyed) {\n            return Promise.reject(new Error(\"Map model was destroyed.\"));\n        }\n        if (this.#displayStatus === \"error\") {\n            return Promise.reject(new Error(`Failed to initialize map.`));\n        }\n        if (this.#displayStatus === \"ready\") {\n            return Promise.resolve();\n        }\n        return (this.#displayWaiter ??= createManualPromise()).promise;\n    }\n\n    /**\n     * Waits for the map to be displayed and then initializes the view (if necessary).\n     *\n     * May simply resolve when done, or throw an error when a problem occurs.\n     * AbortError is thrown when cancelled via `this.#abortController`, for example\n     * when the map model is destroyed before it has ever been displayed.\n     */\n    async #initializeView(): Promise<void> {\n        try {\n            await waitForMapSize(this.olMap, this.#abortController.signal); // may throw on cancel\n        } catch (e) {\n            if (isAbortError(e)) {\n                throw e;\n            }\n            throw new Error(`Failed to wait for the map to be displayed.`, { cause: e });\n        }\n\n        try {\n            const olMap = this.#olMap;\n            const view = olMap.getView();\n\n            if (this.#initialExtent.value) {\n                // Initial extent was set from the outside. We simply ensure that it gets displayed by the map.\n                const extent = this.#initialExtent.value;\n                const olExtent = [extent.xMin, extent.yMin, extent.xMax, extent.yMax];\n\n                const olCenter = getCenter(olExtent);\n                const resolution = view.getResolutionForExtent(olExtent);\n                LOG.debug(`Applying initial extent`, extent);\n                LOG.debug(`  Computed center:`, olCenter);\n                LOG.debug(`  Computed resolution:`, resolution);\n\n                view.setCenter(olCenter);\n                view.setResolution(resolution);\n            } else {\n                // Initial extent was NOT set from the outside.\n                // We detect whatever the view is displaying and consider it to be the initial extent.\n                const olExtent = view.calculateExtent();\n                const [xMin = 0, yMin = 0, xMax = 0, yMax = 0] = olExtent;\n                const extent: ExtentConfig = { xMin, yMin, xMax, yMax };\n                LOG.debug(`Detected initial extent`, extent);\n\n                this.#initialExtent.value = extent;\n            }\n        } catch (e) {\n            throw new Error(`Failed to apply the initial extent.`, { cause: e });\n        }\n    }\n\n    /**\n     * Subscribes to the OpenLayers loading state.\n     */\n    #watchLoadingState() {\n        this.#loadStartEventHandler = this.#olMap.on(\"loadstart\", () => {\n            this.#olLoading.value = true;\n        });\n        this.#loadEndEventHandler = this.#olMap.on(\"loadend\", () => {\n            this.#olLoading.value = false;\n        });\n    }\n}\n\ninterface ViewBindings {\n    resolution: ReadonlyReactive<number | undefined>;\n    center: ReadonlyReactive<Coordinate | undefined>;\n    zoom: ReadonlyReactive<number | undefined>;\n    projection: Projection; // not reactive (change view to change projection)\n}\n\nfunction createViewBindings(view: OlView): ViewBindings {\n    return {\n        resolution: synchronized(\n            () => view.getResolution(),\n            (cb) => {\n                const key = view.on(\"change:resolution\", cb);\n                return () => unByKey(key);\n            }\n        ),\n        center: synchronized(\n            () => view.getCenter(),\n            (cb) => {\n                const key = view.on(\"change:center\", cb);\n                return () => unByKey(key);\n            }\n        ),\n        zoom: synchronized(\n            () => view.getZoom(),\n            (cb) => {\n                const key = view.on(\"change:resolution\", cb);\n                return () => unByKey(key);\n            }\n        ),\n        projection: view.getProjection()\n    };\n}\n\nfunction waitForMapSize(olMap: OlMap, signal: AbortSignal): Promise<void> {\n    const promise = new Promise<void>((resolve, reject) => {\n        let eventKey: EventsKey | undefined;\n\n        function checkSize() {\n            const currentSize = olMap.getSize() ?? [];\n            const [width = 0, height = 0] = currentSize;\n            if (currentSize && width > 0 && height > 0) {\n                finish();\n            }\n        }\n\n        function onAbort() {\n            finish(createAbortError());\n        }\n\n        function finish(error?: Error | undefined) {\n            if (eventKey) {\n                unByKey(eventKey);\n                eventKey = undefined;\n            }\n            signal.removeEventListener(\"abort\", onAbort);\n\n            if (error) {\n                reject(error);\n            } else {\n                resolve(wait(25)); // Give the map some time to render\n            }\n        }\n\n        if (signal.aborted) {\n            finish(createAbortError());\n            return;\n        }\n\n        signal.addEventListener(\"abort\", onAbort);\n        eventKey = olMap.on(\"change:size\", checkSize);\n    });\n    return promise;\n}\n\nfunction wait(milliseconds: number): Promise<void> {\n    return new Promise((resolve) => setTimeout(resolve, milliseconds));\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/map",
-  "version": "1.3.0-dev-map-loading.20260202144650",
+  "version": "1.3.0-dev-attributions.20260212134347",
   "description": "This package integrates OpenLayers maps into an open pioneer trails application.",
   "keywords": [
     "open-pioneer-trails"
@@ -14,19 +14,21 @@
     "directory": "src/packages/map"
   },
   "dependencies": {
-    "@chakra-ui/react": "^3.31.0",
-    "@open-pioneer/core": "^4.4.0",
-    "@open-pioneer/http": "^4.4.0",
-    "@open-pioneer/react-utils": "^4.4.0",
-    "@open-pioneer/runtime": "^4.4.0",
+    "@chakra-ui/react": "^3.32.0",
+    "@conterra/reactivity-core": "^0.8.1",
+    "@conterra/reactivity-events": "^0.8.1",
+    "@esri/arcgis-html-sanitizer": "^4.1.0",
+    "@open-pioneer/core": "4.5.0-dev.20260211105402",
+    "@open-pioneer/http": "4.5.0-dev.20260211105402",
+    "@open-pioneer/react-utils": "4.5.0-dev.20260211105402",
+    "@open-pioneer/reactivity": "4.5.0-dev.20260211105402",
+    "@open-pioneer/runtime": "4.5.0-dev.20260211105402",
     "ol": "^10.7.0",
     "proj4": "^2.20.2",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
+    "react-dom": "^19.2.4",
     "react-use": "^17.6.0",
-    "uuid": "^13.0.0",
-    "@conterra/reactivity-core": "^0.8.1",
-    "@conterra/reactivity-events": "^0.8.1"
+    "react": "^19.2.4",
+    "uuid": "^13.0.0"
   },
   "exports": {
     "./package.json": "./package.json",

package/ui/MapAnchor.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { Box } from '@chakra-ui/react';
-import { useCommonComponentProps } from '@open-pioneer/react-utils';
+import { useCommonComponentProps, mergeChakraProps } from '@open-pioneer/react-utils';
 import { useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import { computeMapAnchorStyles } from './computeMapAnchorStyles.js';
@@ -11,14 +11,17 @@ function MapAnchor(props) {
   const { position = defaultPosition, children, horizontalGap, verticalGap } = props;
   const { containerProps } = useCommonComponentProps("map-anchor", props);
   const { mapAnchorsHost } = useMapContainerContext();
-  const styleProps = useMemo(
+  const css = useMemo(
     () => computeMapAnchorStyles(position, horizontalGap, verticalGap),
     [position, horizontalGap, verticalGap]
   );
-  return createPortal(
-    /* @__PURE__ */ jsx(Box, { ...containerProps, ...styleProps, children }),
-    mapAnchorsHost
+  const boxProps = mergeChakraProps(
+    {
+      css
+    },
+    containerProps
   );
+  return createPortal(/* @__PURE__ */ jsx(Box, { ...boxProps, children }), mapAnchorsHost);
 }
 
 export { MapAnchor };

package/ui/MapAnchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapAnchor.js","sources":["MapAnchor.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Box } from \"@chakra-ui/react\";\nimport { CommonComponentProps, useCommonComponentProps } from \"@open-pioneer/react-utils\";\nimport { ReactNode, useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { computeMapAnchorStyles } from \"./computeMapAnchorStyles\";\nimport { useMapContainerContext } from \"./MapContainerContext\";\n\n/**\n * The position of an anchor on the map.\n *\n * This is either a predefined position (like a corner) or a completely manual position.\n *\n * @group UI Components and Hooks\n */\nexport type MapAnchorPosition =\n    | \"manual\"\n    | \"top-left\"\n    | \"top-right\"\n    | \"top-center\"\n    | \"bottom-left\"\n    | \"bottom-right\"\n    | \"bottom-center\"\n    | \"left-center\"\n    | \"right-center\"\n    | \"center\";\n\nconst defaultPosition: MapAnchorPosition = \"top-right\";\n\n/**\n * @group UI Components and Hooks\n */\nexport interface MapAnchorProps extends CommonComponentProps {\n    /**\n     * The position of the anchor container above the map.\n     *\n     * Use `manual` if you wish to position the anchor manually using absolute positioning.\n     * This can be achieved by configuring a css class on the map anchor and using css properties like `left`, `top`, etc.\n     *\n     * @default \"top-right\"\n     */\n    position?: MapAnchorPosition;\n\n    /**\n     * Horizontal gap in pixel applied to anchor container.\n     * Only interpreted if a non-manual position is used.\n     *\n     * @default 0\n     */\n    horizontalGap?: number;\n\n    /**\n     * Vertical gap in pixel applied to anchor container.\n     * Only interpreted if a non-manual position is used.\n     *\n     * @default 0 (If positioned at the bottom, default verticalGap == `30`)\n     */\n    verticalGap?: number;\n\n    children?: ReactNode;\n}\n\n/**\n * A map anchor is a layout component that sits on top of the map.\n *\n * It can be used to position widgets (such as zoom buttons) at a specific location.\n *\n * Map anchors respect the map's current _view padding_.\n *\n * @group UI Components and Hooks\n */\nexport function MapAnchor(props: MapAnchorProps): ReactNode {\n    const { position = defaultPosition, children, horizontalGap, verticalGap } = props;\n    const { containerProps } = useCommonComponentProps(\"map-anchor\", props);\n    const { mapAnchorsHost } = useMapContainerContext();\n    const styleProps = useMemo(\n        () => computeMapAnchorStyles(position, horizontalGap, verticalGap),\n        [position, horizontalGap, verticalGap]\n    );\n\n    return createPortal(\n        <Box {...containerProps} {...styleProps}>\n            {children}\n        </Box>,\n        mapAnchorsHost\n    );\n}\n"],"names":[],"mappings":";;;;;;;;AA4BA,MAAM,eAAA,GAAqC,WAAA;AA4CpC,SAAS,UAAU,KAAA,EAAkC;AACxD,EAAA,MAAM,EAAE,QAAA,GAAW,eAAA,EAAiB,QAAA,EAAU,aAAA,EAAe,aAAY,GAAI,KAAA;AAC7E,EAAA,MAAM,EAAE,cAAA,EAAe,GAAI,uBAAA,CAAwB,cAAc,KAAK,CAAA;AACtE,EAAA,MAAM,EAAE,cAAA,EAAe,GAAI,sBAAA,EAAuB;AAClD,EAAA,MAAM,UAAA,GAAa,OAAA;AAAA,IACf,MAAM,sBAAA,CAAuB,QAAA,EAAU,aAAA,EAAe,WAAW,CAAA;AAAA,IACjE,CAAC,QAAA,EAAU,aAAA,EAAe,WAAW;AAAA,GACzC;AAEA,EAAA,OAAO,YAAA;AAAA,wBACF,GAAA,EAAA,EAAK,GAAG,cAAA,EAAiB,GAAG,YACxB,QAAA,EACL,CAAA;AAAA,IACA;AAAA,GACJ;AACJ;;;;"}
+{"version":3,"file":"MapAnchor.js","sources":["MapAnchor.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Box, BoxProps } from \"@chakra-ui/react\";\nimport {\n    CommonComponentProps,\n    mergeChakraProps,\n    useCommonComponentProps\n} from \"@open-pioneer/react-utils\";\nimport { ReactNode, useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { computeMapAnchorStyles } from \"./computeMapAnchorStyles\";\nimport { useMapContainerContext } from \"./MapContainerContext\";\n\n/**\n * The position of an anchor on the map.\n *\n * This is either a predefined position (like a corner) or a completely manual position.\n *\n * @group UI Components and Hooks\n */\nexport type MapAnchorPosition =\n    | \"manual\"\n    | \"top-left\"\n    | \"top-right\"\n    | \"top-center\"\n    | \"bottom-left\"\n    | \"bottom-right\"\n    | \"bottom-center\"\n    | \"left-center\"\n    | \"right-center\"\n    | \"center\";\n\nconst defaultPosition: MapAnchorPosition = \"top-right\";\n\n/**\n * @group UI Components and Hooks\n */\nexport interface MapAnchorProps extends CommonComponentProps {\n    /**\n     * The position of the anchor container above the map.\n     *\n     * Use `manual` if you wish to position the anchor manually using absolute positioning.\n     * This can be achieved by configuring a css class on the map anchor and using css properties like `left`, `top`, etc.\n     *\n     * @default \"top-right\"\n     */\n    position?: MapAnchorPosition;\n\n    /**\n     * Horizontal gap in pixel applied to anchor container.\n     * Only interpreted if a non-manual position is used.\n     *\n     * @default 0\n     */\n    horizontalGap?: number;\n\n    /**\n     * Vertical gap in pixel applied to anchor container.\n     * Only interpreted if a non-manual position is used.\n     *\n     * @default 0 (If positioned at the bottom, default verticalGap == `30`)\n     */\n    verticalGap?: number;\n\n    children?: ReactNode;\n}\n\n/**\n * A map anchor is a layout component that sits on top of the map.\n *\n * It can be used to position widgets (such as zoom buttons) at a specific location.\n *\n * Map anchors respect the map's current _view padding_.\n *\n * @group UI Components and Hooks\n */\nexport function MapAnchor(props: MapAnchorProps): ReactNode {\n    const { position = defaultPosition, children, horizontalGap, verticalGap } = props;\n    const { containerProps } = useCommonComponentProps(\"map-anchor\", props);\n    const { mapAnchorsHost } = useMapContainerContext();\n    const css = useMemo(\n        () => computeMapAnchorStyles(position, horizontalGap, verticalGap),\n        [position, horizontalGap, verticalGap]\n    );\n\n    const boxProps = mergeChakraProps<BoxProps>(\n        {\n            css\n        },\n        containerProps\n    );\n    return createPortal(<Box {...boxProps}>{children}</Box>, mapAnchorsHost);\n}\n"],"names":[],"mappings":";;;;;;;;AAgCA,MAAM,eAAA,GAAqC,WAAA;AA4CpC,SAAS,UAAU,KAAA,EAAkC;AACxD,EAAA,MAAM,EAAE,QAAA,GAAW,eAAA,EAAiB,QAAA,EAAU,aAAA,EAAe,aAAY,GAAI,KAAA;AAC7E,EAAA,MAAM,EAAE,cAAA,EAAe,GAAI,uBAAA,CAAwB,cAAc,KAAK,CAAA;AACtE,EAAA,MAAM,EAAE,cAAA,EAAe,GAAI,sBAAA,EAAuB;AAClD,EAAA,MAAM,GAAA,GAAM,OAAA;AAAA,IACR,MAAM,sBAAA,CAAuB,QAAA,EAAU,aAAA,EAAe,WAAW,CAAA;AAAA,IACjE,CAAC,QAAA,EAAU,aAAA,EAAe,WAAW;AAAA,GACzC;AAEA,EAAA,MAAM,QAAA,GAAW,gBAAA;AAAA,IACb;AAAA,MACI;AAAA,KACJ;AAAA,IACA;AAAA,GACJ;AACA,EAAA,OAAO,6BAAa,GAAA,CAAC,GAAA,EAAA,EAAK,GAAG,QAAA,EAAW,QAAA,EAAS,GAAQ,cAAc,CAAA;AAC3E;;;;"}

package/ui/MapContainer.js

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { chakra } from '@chakra-ui/react';
 import { createLogger } from '@open-pioneer/core';
-import { useCommonComponentProps } from '@open-pioneer/react-utils';
+import { useCommonComponentProps, mergeChakraProps } from '@open-pioneer/react-utils';
+import { useReactiveSnapshot } from '@open-pioneer/reactivity';
 import { sourceId$9 as sourceId } from '../_virtual/source-info.js';
 import { useRef, useState, useEffect, useMemo } from 'react';
 import { MapContainerContextProvider } from './MapContainerContext.js';
@@ -10,62 +11,56 @@ import { useMapModelValue } from './hooks/useMapModel.js';
 const LOG = createLogger(sourceId);
 function MapContainer(props) {
   const {
-    viewPadding,
+    viewPadding: viewPaddingProp,
     viewPaddingChangeBehavior,
     children,
     role = "application",
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
     rootProps,
-    containerProps
+    containerProps,
+    ...restProps
   } = props;
   const { containerProps: rootContainerProps } = useCommonComponentProps(
     "map-container-root",
-    props
+    restProps
+    // hide role, aria label etc from helper
   );
   const mapContainer = useRef(null);
   const mapAnchorsHost = useRef(null);
   const map = useMapModelValue(props);
+  const viewPadding = useViewPadding(viewPaddingProp);
   const [ready, setReady] = useState(false);
-  useEffect(() => {
-    if (mapContainer.current) {
-      const resource = registerMapTarget(map, mapContainer.current);
-      return () => resource?.destroy();
-    }
-  }, [map]);
+  useMapContainerRegistration(mapContainer, map);
   useEffect(() => {
     setReady(true);
   }, []);
-  const styleProps = useMemo(() => {
-    return {
-      height: "100%",
-      position: "relative",
-      // set css variables according to view padding
-      "--map-padding-top": `${viewPadding?.top ?? 0}px`,
-      "--map-padding-bottom": `${viewPadding?.bottom ?? 0}px`,
-      "--map-padding-left": `${viewPadding?.left ?? 0}px`,
-      "--map-padding-right": `${viewPadding?.right ?? 0}px`
-    };
-  }, [viewPadding]);
-  return /* @__PURE__ */ jsxs(chakra.div, { ...rootProps, ...rootContainerProps, css: styleProps, children: [
-    /* @__PURE__ */ jsx(
-      chakra.div,
+  const css = useRootCss(viewPadding);
+  const mergedRootProps = useMemo(
+    () => mergeChakraProps({ css }, rootContainerProps, rootProps ?? {}),
+    [css, rootProps, rootContainerProps]
+  );
+  const mergedContainerProps = useMemo(
+    () => mergeChakraProps(
       {
-        ...containerProps,
         className: "map-container",
-        ref: mapContainer,
         role,
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
         h: "100%",
         w: "100%",
         tabIndex: 0
-      }
+      },
+      containerProps ?? {}
     ),
+    [role, ariaLabel, ariaLabelledBy, containerProps]
+  );
+  return /* @__PURE__ */ jsxs(chakra.div, { ...mergedRootProps, children: [
+    /* @__PURE__ */ jsx(chakra.div, { ref: mapContainer, ...mergedContainerProps }),
     /* @__PURE__ */ jsx(chakra.div, { ref: mapAnchorsHost, className: "map-anchors", children: ready && map && /* @__PURE__ */ jsx(
       MapContainerReady,
       {
-        olMap: map.olMap,
+        map,
         mapAnchorsHost: mapAnchorsHost.current,
         viewPadding,
         viewPaddingChangeBehavior,
@@ -76,27 +71,69 @@ function MapContainer(props) {
 }
 function MapContainerReady(props) {
   const {
-    olMap,
+    map,
     mapAnchorsHost,
-    viewPadding: viewPaddingProp,
+    viewPadding,
     viewPaddingChangeBehavior = "preserve-center",
     children
   } = props;
-  const viewPadding = useMemo(() => {
+  useSyncViewPadding(viewPadding, viewPaddingChangeBehavior, map);
+  const mapContext = useMemo(() => {
+    return {
+      mapAnchorsHost
+    };
+  }, [mapAnchorsHost]);
+  return /* @__PURE__ */ jsx(MapContainerContextProvider, { value: mapContext, children });
+}
+function useMapContainerRegistration(mapContainer, map) {
+  useEffect(() => {
+    if (mapContainer.current) {
+      const resource = registerMapTarget(map, mapContainer.current);
+      return () => resource?.destroy();
+    }
+  }, [mapContainer, map]);
+}
+function useRootCss(viewPadding) {
+  return useMemo(() => {
+    return {
+      height: "100%",
+      position: "relative",
+      // set css variables according to view padding
+      "--map-padding-top": `${viewPadding.top}px`,
+      "--map-padding-bottom": `${viewPadding.bottom}px`,
+      "--map-padding-left": `${viewPadding.left}px`,
+      "--map-padding-right": `${viewPadding.right}px`
+    };
+  }, [viewPadding]);
+}
+function useViewPadding(viewPaddingProp) {
+  return useMemo(() => {
     return {
       left: viewPaddingProp?.left ?? 0,
       right: viewPaddingProp?.right ?? 0,
       top: viewPaddingProp?.top ?? 0,
       bottom: viewPaddingProp?.bottom ?? 0
     };
-  }, [viewPaddingProp]);
+  }, [
+    viewPaddingProp?.left,
+    viewPaddingProp?.right,
+    viewPaddingProp?.top,
+    viewPaddingProp?.bottom
+  ]);
+}
+function useSyncViewPadding(viewPadding, viewPaddingChangeBehavior, map) {
+  const mapView = useReactiveSnapshot(() => map.olView, [map]);
   useEffect(() => {
-    const mapView = olMap?.getView();
-    if (!olMap || !mapView) {
+    const olMap = map.olMap;
+    if (!mapView) {
       return;
     }
-    const oldCenter = mapView.getCenter();
     const oldPadding = fromOlPadding(mapView.padding);
+    const paddingNotChanged = isPaddingEqual(viewPadding, oldPadding);
+    if (paddingNotChanged) {
+      return;
+    }
+    const oldCenter = mapView.getCenter();
     const oldExtent = extentIncludingPadding(olMap, oldPadding);
     mapView.padding = toOlPadding(viewPadding);
     switch (viewPaddingChangeBehavior) {
@@ -114,13 +151,7 @@ function MapContainerReady(props) {
         break;
       }
     }
-  }, [viewPadding, olMap, viewPaddingChangeBehavior]);
-  const mapContext = useMemo(() => {
-    return {
-      mapAnchorsHost
-    };
-  }, [mapAnchorsHost]);
-  return /* @__PURE__ */ jsx(MapContainerContextProvider, { value: mapContext, children });
+  }, [viewPadding, viewPaddingChangeBehavior, map, mapView]);
 }
 function registerMapTarget(mapModel, target) {
   const mapId = mapModel.id;
@@ -181,6 +212,9 @@ function toOlPadding(padding) {
   const { top, right, bottom, left } = padding;
   return [top, right, bottom, left];
 }
+function isPaddingEqual(a, b) {
+  return a.top === b.top && a.right === b.right && a.bottom === b.bottom && a.left === b.left;
+}
 
 export { MapContainer };
 //# sourceMappingURL=MapContainer.js.map

package/ui/MapContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapContainer.js","sources":["MapContainer.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { BoxProps, chakra } from \"@chakra-ui/react\";\nimport { createLogger, Resource } from \"@open-pioneer/core\";\nimport { CommonComponentProps, useCommonComponentProps } from \"@open-pioneer/react-utils\";\nimport type OlMap from \"ol/Map\";\nimport { Extent } from \"ol/extent\";\nimport { sourceId } from \"open-pioneer:source-info\";\nimport { ReactNode, useEffect, useMemo, useRef, useState } from \"react\";\nimport { MapModel, MapPadding } from \"../model/MapModel\";\nimport { MapContainerContextProvider, MapContainerContextType } from \"./MapContainerContext\";\nimport { MapModelProps, useMapModelValue } from \"./hooks/useMapModel\";\n\nconst LOG = createLogger(sourceId);\n\n/**\n * @group UI Components and Hooks\n */\nexport interface MapContainerProps extends CommonComponentProps, MapModelProps {\n    /**\n     * Sets the map's padding directly.\n     * Do not use the view's padding property directly on the OL map.\n     *\n     * See: https://openlayers.org/en/latest/apidoc/module-ol_View-View.html#padding)\n     */\n    viewPadding?: MapPadding | undefined;\n\n    /**\n     * Behavior performed by the map when the view padding changes.\n     *\n     * - `none`: Do nothing.\n     * - `preserve-center`: Ensures that the center point remains the same by animating the view.\n     * - `preserve-extent`: Ensures that the extent remains the same by zooming.\n     *\n     * @default \"preserve-center\"\n     */\n    viewPaddingChangeBehavior?: \"none\" | \"preserve-center\" | \"preserve-extent\";\n\n    children?: ReactNode;\n\n    /**\n     * Optional role property.\n     *\n     * This property is directly applied to the map's container div element.\n     *\n     * @default \"application\"\n     */\n    role?: string;\n\n    /**\n     * Optional aria-labelledby property.\n     * Do not use together with aria-label.\n     *\n     * This property is directly applied to the map's container div element.\n     */\n    \"aria-labelledby\"?: string;\n\n    /**\n     * Optional aria-label property.\n     * Do not use together with aria-label.\n     *\n     * This property is directly applied to the map's container div element.\n     */\n    \"aria-label\"?: string;\n\n    /**\n     * Arbitrary html properties that will be applied to the map container's _root_ element.\n     * This is the element that contains the map container and any UI elements (like map anchors, for example).\n     *\n     * Use these at your own risk since they may be overwritten by the map container root itself.\n     *\n     * Use cases: setting custom data attributes, registering custom event handlers, ...\n     */\n    rootProps?: BoxProps;\n\n    /**\n     * Arbitrary html properties that will be applied to the map container's element.\n     * This is the element that _renders_ the OpenLayers map.\n     *\n     * Use these at your own risk since they may be overwritten by the map container itself.\n     *\n     * Use cases: setting custom data attributes, registering custom event handlers, ...\n     */\n    containerProps?: BoxProps;\n}\n\n/**\n * Displays the map with the given id.\n *\n * There can only be at most one MapContainer for every map.\n *\n * @group UI Components and Hooks\n */\nexport function MapContainer(props: MapContainerProps) {\n    const {\n        viewPadding,\n        viewPaddingChangeBehavior,\n        children,\n        role = \"application\",\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        rootProps,\n        containerProps\n    } = props;\n    const { containerProps: rootContainerProps } = useCommonComponentProps(\n        \"map-container-root\",\n        props\n    );\n    const mapContainer = useRef<HTMLDivElement>(null);\n    const mapAnchorsHost = useRef<HTMLDivElement>(null);\n    const map = useMapModelValue(props);\n\n    const [ready, setReady] = useState(false);\n\n    useEffect(() => {\n        // Mount the map into the DOM\n        if (mapContainer.current) {\n            const resource = registerMapTarget(map, mapContainer.current);\n            return () => resource?.destroy();\n        }\n    }, [map]);\n\n    // Wait for mount to make sure that the map anchors host is available\n    useEffect(() => {\n        setReady(true);\n    }, []);\n\n    const styleProps = useMemo(() => {\n        return {\n            height: \"100%\",\n            position: \"relative\",\n\n            // set css variables according to view padding\n            \"--map-padding-top\": `${viewPadding?.top ?? 0}px`,\n            \"--map-padding-bottom\": `${viewPadding?.bottom ?? 0}px`,\n            \"--map-padding-left\": `${viewPadding?.left ?? 0}px`,\n            \"--map-padding-right\": `${viewPadding?.right ?? 0}px`\n        };\n    }, [viewPadding]);\n\n    return (\n        <chakra.div {...rootProps} {...rootContainerProps} css={styleProps}>\n            {/* Used by open layers to mount the map. This node receives the keyboard focus when interacting with the map. */}\n            <chakra.div\n                {...containerProps}\n                className=\"map-container\"\n                ref={mapContainer}\n                role={role}\n                aria-label={ariaLabel}\n                aria-labelledby={ariaLabelledBy}\n                h=\"100%\"\n                w=\"100%\"\n                tabIndex={0}\n            />\n\n            {/* Contains user widgets (map anchors and raw children). These are separate from the map so they don't interfere with mouse/keyboard events. */}\n            <chakra.div ref={mapAnchorsHost} className=\"map-anchors\">\n                {ready && map && (\n                    <MapContainerReady\n                        olMap={map.olMap}\n                        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n                        mapAnchorsHost={mapAnchorsHost.current!}\n                        viewPadding={viewPadding}\n                        viewPaddingChangeBehavior={viewPaddingChangeBehavior}\n                    >\n                        {children}\n                    </MapContainerReady>\n                )}\n            </chakra.div>\n        </chakra.div>\n    );\n}\n\n/**\n * This inner component is rendered when the map has been loaded.\n *\n * It provides the map instance and additional properties down the component tree.\n */\nfunction MapContainerReady(\n    props: { olMap: OlMap; mapAnchorsHost: HTMLElement } & Omit<\n        MapContainerProps,\n        \"mapId\" | \"map\" | \"className\"\n    >\n): ReactNode {\n    const {\n        olMap,\n        mapAnchorsHost,\n        viewPadding: viewPaddingProp,\n        viewPaddingChangeBehavior = \"preserve-center\",\n        children\n    } = props;\n\n    const viewPadding = useMemo<Required<MapPadding>>(() => {\n        return {\n            left: viewPaddingProp?.left ?? 0,\n            right: viewPaddingProp?.right ?? 0,\n            top: viewPaddingProp?.top ?? 0,\n            bottom: viewPaddingProp?.bottom ?? 0\n        };\n    }, [viewPaddingProp]);\n\n    // Apply view padding\n    useEffect(() => {\n        const mapView = olMap?.getView();\n        if (!olMap || !mapView) {\n            return;\n        }\n\n        const oldCenter = mapView.getCenter();\n        const oldPadding = fromOlPadding(mapView.padding);\n        const oldExtent = extentIncludingPadding(olMap, oldPadding);\n\n        mapView.padding = toOlPadding(viewPadding);\n        switch (viewPaddingChangeBehavior) {\n            case \"preserve-center\":\n                mapView.animate({ center: oldCenter, duration: 300 });\n                break;\n            case \"preserve-extent\": {\n                if (oldExtent) {\n                    mapView.animate({\n                        center: oldCenter,\n                        resolution: mapView.getResolutionForExtent(oldExtent),\n                        duration: 300\n                    });\n                }\n                break;\n            }\n            case \"none\":\n        }\n    }, [viewPadding, olMap, viewPaddingChangeBehavior]);\n\n    const mapContext = useMemo((): MapContainerContextType => {\n        return {\n            mapAnchorsHost\n        };\n    }, [mapAnchorsHost]);\n    return <MapContainerContextProvider value={mapContext}>{children}</MapContainerContextProvider>;\n}\n\nfunction registerMapTarget(mapModel: MapModel, target: HTMLDivElement): Resource | undefined {\n    const mapId = mapModel.id;\n    const olMap = mapModel.olMap;\n    if (olMap.getTarget()) {\n        LOG.error(\n            `Failed to display the map: the map already has a target. There may be more than one <MapContainer />.`\n        );\n        return undefined;\n    }\n\n    LOG.isDebug() && LOG.debug(`Setting target of map '${mapId}':`, target);\n    if (!(\"keyboardEventTarget_\" in olMap)) {\n        throw new Error(\n            \"Internal error: failed to override keyboard event target. The property is no longer present.\"\n        );\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (olMap as any).keyboardEventTarget_ = target;\n    olMap.setTarget(target);\n\n    let unregistered = false;\n    return {\n        destroy() {\n            if (!unregistered) {\n                LOG.isDebug() && LOG.debug(`Removing target of map '${mapId}':`, target);\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                (olMap as any).keyboardEventTarget_ = undefined;\n                olMap.setTarget(undefined);\n                unregistered = true;\n            }\n        }\n    };\n}\n\n/**\n * Returns the extent visible in the non-padded region of the map.\n */\nfunction extentIncludingPadding(map: OlMap, padding: Required<MapPadding>): Extent | undefined {\n    const size = map.getSize();\n    if (!size || size.length < 2) {\n        return undefined;\n    }\n\n    const [width, height] = size as [number, number];\n    const bottomLeft = map.getCoordinateFromPixel([padding.left, padding.bottom]);\n    const topRight = map.getCoordinateFromPixel([\n        Math.max(0, width - padding.right),\n        Math.max(0, height - padding.top)\n    ]);\n    if (!bottomLeft || !topRight) {\n        return undefined;\n    }\n\n    const [xmin, ymin] = bottomLeft;\n    const [xmax, ymax] = topRight;\n    return [xmin, ymin, xmax, ymax] as Extent;\n}\n\nfunction fromOlPadding(padding: number[] | undefined): Required<MapPadding> {\n    // top, right, bottom, left\n    return {\n        top: padding?.[0] ?? 0,\n        right: padding?.[1] ?? 0,\n        bottom: padding?.[2] ?? 0,\n        left: padding?.[3] ?? 0\n    };\n}\n\nfunction toOlPadding(padding: Required<MapPadding>): number[] {\n    // top, right, bottom, left\n    const { top, right, bottom, left } = padding;\n    return [top, right, bottom, left];\n}\n"],"names":[],"mappings":";;;;;;;;;AAaA,MAAM,GAAA,GAAM,aAAa,QAAQ,CAAA;AAgF1B,SAAS,aAAa,KAAA,EAA0B;AACnD,EAAA,MAAM;AAAA,IACF,WAAA;AAAA,IACA,yBAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA,GAAO,aAAA;AAAA,IACP,YAAA,EAAc,SAAA;AAAA,IACd,iBAAA,EAAmB,cAAA;AAAA,IACnB,SAAA;AAAA,IACA;AAAA,GACJ,GAAI,KAAA;AACJ,EAAA,MAAM,EAAE,cAAA,EAAgB,kBAAA,EAAmB,GAAI,uBAAA;AAAA,IAC3C,oBAAA;AAAA,IACA;AAAA,GACJ;AACA,EAAA,MAAM,YAAA,GAAe,OAAuB,IAAI,CAAA;AAChD,EAAA,MAAM,cAAA,GAAiB,OAAuB,IAAI,CAAA;AAClD,EAAA,MAAM,GAAA,GAAM,iBAAiB,KAAK,CAAA;AAElC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,KAAK,CAAA;AAExC,EAAA,SAAA,CAAU,MAAM;AAEZ,IAAA,IAAI,aAAa,OAAA,EAAS;AACtB,MAAA,MAAM,QAAA,GAAW,iBAAA,CAAkB,GAAA,EAAK,YAAA,CAAa,OAAO,CAAA;AAC5D,MAAA,OAAO,MAAM,UAAU,OAAA,EAAQ;AAAA,IACnC;AAAA,EACJ,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAGR,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,QAAA,CAAS,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAM;AAC7B,IAAA,OAAO;AAAA,MACH,MAAA,EAAQ,MAAA;AAAA,MACR,QAAA,EAAU,UAAA;AAAA;AAAA,MAGV,mBAAA,EAAqB,CAAA,EAAG,WAAA,EAAa,GAAA,IAAO,CAAC,CAAA,EAAA,CAAA;AAAA,MAC7C,sBAAA,EAAwB,CAAA,EAAG,WAAA,EAAa,MAAA,IAAU,CAAC,CAAA,EAAA,CAAA;AAAA,MACnD,oBAAA,EAAsB,CAAA,EAAG,WAAA,EAAa,IAAA,IAAQ,CAAC,CAAA,EAAA,CAAA;AAAA,MAC/C,qBAAA,EAAuB,CAAA,EAAG,WAAA,EAAa,KAAA,IAAS,CAAC,CAAA,EAAA;AAAA,KACrD;AAAA,EACJ,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,uBACI,IAAA,CAAC,OAAO,GAAA,EAAP,EAAY,GAAG,SAAA,EAAY,GAAG,kBAAA,EAAoB,GAAA,EAAK,UAAA,EAEpD,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA,CAAO,GAAA;AAAA,MAAP;AAAA,QACI,GAAG,cAAA;AAAA,QACJ,SAAA,EAAU,eAAA;AAAA,QACV,GAAA,EAAK,YAAA;AAAA,QACL,IAAA;AAAA,QACA,YAAA,EAAY,SAAA;AAAA,QACZ,iBAAA,EAAiB,cAAA;AAAA,QACjB,CAAA,EAAE,MAAA;AAAA,QACF,CAAA,EAAE,MAAA;AAAA,QACF,QAAA,EAAU;AAAA;AAAA,KACd;AAAA,oBAGA,GAAA,CAAC,OAAO,GAAA,EAAP,EAAW,KAAK,cAAA,EAAgB,SAAA,EAAU,aAAA,EACtC,QAAA,EAAA,KAAA,IAAS,GAAA,oBACN,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACG,OAAO,GAAA,CAAI,KAAA;AAAA,QAEX,gBAAgB,cAAA,CAAe,OAAA;AAAA,QAC/B,WAAA;AAAA,QACA,yBAAA;AAAA,QAEC;AAAA;AAAA,KACL,EAER;AAAA,GAAA,EACJ,CAAA;AAER;AAOA,SAAS,kBACL,KAAA,EAIS;AACT,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA,EAAa,eAAA;AAAA,IACb,yBAAA,GAA4B,iBAAA;AAAA,IAC5B;AAAA,GACJ,GAAI,KAAA;AAEJ,EAAA,MAAM,WAAA,GAAc,QAA8B,MAAM;AACpD,IAAA,OAAO;AAAA,MACH,IAAA,EAAM,iBAAiB,IAAA,IAAQ,CAAA;AAAA,MAC/B,KAAA,EAAO,iBAAiB,KAAA,IAAS,CAAA;AAAA,MACjC,GAAA,EAAK,iBAAiB,GAAA,IAAO,CAAA;AAAA,MAC7B,MAAA,EAAQ,iBAAiB,MAAA,IAAU;AAAA,KACvC;AAAA,EACJ,CAAA,EAAG,CAAC,eAAe,CAAC,CAAA;AAGpB,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,MAAM,OAAA,GAAU,OAAO,OAAA,EAAQ;AAC/B,IAAA,IAAI,CAAC,KAAA,IAAS,CAAC,OAAA,EAAS;AACpB,MAAA;AAAA,IACJ;AAEA,IAAA,MAAM,SAAA,GAAY,QAAQ,SAAA,EAAU;AACpC,IAAA,MAAM,UAAA,GAAa,aAAA,CAAc,OAAA,CAAQ,OAAO,CAAA;AAChD,IAAA,MAAM,SAAA,GAAY,sBAAA,CAAuB,KAAA,EAAO,UAAU,CAAA;AAE1D,IAAA,OAAA,CAAQ,OAAA,GAAU,YAAY,WAAW,CAAA;AACzC,IAAA,QAAQ,yBAAA;AAA2B,MAC/B,KAAK,iBAAA;AACD,QAAA,OAAA,CAAQ,QAAQ,EAAE,MAAA,EAAQ,SAAA,EAAW,QAAA,EAAU,KAAK,CAAA;AACpD,QAAA;AAAA,MACJ,KAAK,iBAAA,EAAmB;AACpB,QAAA,IAAI,SAAA,EAAW;AACX,UAAA,OAAA,CAAQ,OAAA,CAAQ;AAAA,YACZ,MAAA,EAAQ,SAAA;AAAA,YACR,UAAA,EAAY,OAAA,CAAQ,sBAAA,CAAuB,SAAS,CAAA;AAAA,YACpD,QAAA,EAAU;AAAA,WACb,CAAA;AAAA,QACL;AACA,QAAA;AAAA,MACJ;AACK;AACT,EACJ,CAAA,EAAG,CAAC,WAAA,EAAa,KAAA,EAAO,yBAAyB,CAAC,CAAA;AAElD,EAAA,MAAM,UAAA,GAAa,QAAQ,MAA+B;AACtD,IAAA,OAAO;AAAA,MACH;AAAA,KACJ;AAAA,EACJ,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AACnB,EAAA,uBAAO,GAAA,CAAC,2BAAA,EAAA,EAA4B,KAAA,EAAO,UAAA,EAAa,QAAA,EAAS,CAAA;AACrE;AAEA,SAAS,iBAAA,CAAkB,UAAoB,MAAA,EAA8C;AACzF,EAAA,MAAM,QAAQ,QAAA,CAAS,EAAA;AACvB,EAAA,MAAM,QAAQ,QAAA,CAAS,KAAA;AACvB,EAAA,IAAI,KAAA,CAAM,WAAU,EAAG;AACnB,IAAA,GAAA,CAAI,KAAA;AAAA,MACA,CAAA,qGAAA;AAAA,KACJ;AACA,IAAA,OAAO,MAAA;AAAA,EACX;AAEA,EAAA,GAAA,CAAI,SAAQ,IAAK,GAAA,CAAI,MAAM,CAAA,uBAAA,EAA0B,KAAK,MAAM,MAAM,CAAA;AACtE,EAAA,IAAI,EAAE,0BAA0B,KAAA,CAAA,EAAQ;AACpC,IAAA,MAAM,IAAI,KAAA;AAAA,MACN;AAAA,KACJ;AAAA,EACJ;AAGA,EAAC,MAAc,oBAAA,GAAuB,MAAA;AACtC,EAAA,KAAA,CAAM,UAAU,MAAM,CAAA;AAEtB,EAAA,IAAI,YAAA,GAAe,KAAA;AACnB,EAAA,OAAO;AAAA,IACH,OAAA,GAAU;AACN,MAAA,IAAI,CAAC,YAAA,EAAc;AACf,QAAA,GAAA,CAAI,SAAQ,IAAK,GAAA,CAAI,MAAM,CAAA,wBAAA,EAA2B,KAAK,MAAM,MAAM,CAAA;AAEvE,QAAC,MAAc,oBAAA,GAAuB,MAAA;AACtC,QAAA,KAAA,CAAM,UAAU,MAAS,CAAA;AACzB,QAAA,YAAA,GAAe,IAAA;AAAA,MACnB;AAAA,IACJ;AAAA,GACJ;AACJ;AAKA,SAAS,sBAAA,CAAuB,KAAY,OAAA,EAAmD;AAC3F,EAAA,MAAM,IAAA,GAAO,IAAI,OAAA,EAAQ;AACzB,EAAA,IAAI,CAAC,IAAA,IAAQ,IAAA,CAAK,MAAA,GAAS,CAAA,EAAG;AAC1B,IAAA,OAAO,MAAA;AAAA,EACX;AAEA,EAAA,MAAM,CAAC,KAAA,EAAO,MAAM,CAAA,GAAI,IAAA;AACxB,EAAA,MAAM,UAAA,GAAa,IAAI,sBAAA,CAAuB,CAAC,QAAQ,IAAA,EAAM,OAAA,CAAQ,MAAM,CAAC,CAAA;AAC5E,EAAA,MAAM,QAAA,GAAW,IAAI,sBAAA,CAAuB;AAAA,IACxC,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,KAAA,GAAQ,QAAQ,KAAK,CAAA;AAAA,IACjC,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,MAAA,GAAS,QAAQ,GAAG;AAAA,GACnC,CAAA;AACD,EAAA,IAAI,CAAC,UAAA,IAAc,CAAC,QAAA,EAAU;AAC1B,IAAA,OAAO,MAAA;AAAA,EACX;AAEA,EAAA,MAAM,CAAC,IAAA,EAAM,IAAI,CAAA,GAAI,UAAA;AACrB,EAAA,MAAM,CAAC,IAAA,EAAM,IAAI,CAAA,GAAI,QAAA;AACrB,EAAA,OAAO,CAAC,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,IAAI,CAAA;AAClC;AAEA,SAAS,cAAc,OAAA,EAAqD;AAExE,EAAA,OAAO;AAAA,IACH,GAAA,EAAK,OAAA,GAAU,CAAC,CAAA,IAAK,CAAA;AAAA,IACrB,KAAA,EAAO,OAAA,GAAU,CAAC,CAAA,IAAK,CAAA;AAAA,IACvB,MAAA,EAAQ,OAAA,GAAU,CAAC,CAAA,IAAK,CAAA;AAAA,IACxB,IAAA,EAAM,OAAA,GAAU,CAAC,CAAA,IAAK;AAAA,GAC1B;AACJ;AAEA,SAAS,YAAY,OAAA,EAAyC;AAE1D,EAAA,MAAM,EAAE,GAAA,EAAK,KAAA,EAAO,MAAA,EAAQ,MAAK,GAAI,OAAA;AACrC,EAAA,OAAO,CAAC,GAAA,EAAK,KAAA,EAAO,MAAA,EAAQ,IAAI,CAAA;AACpC;;;;"}
+{"version":3,"file":"MapContainer.js","sources":["MapContainer.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { BoxProps, chakra, SystemStyleObject } from \"@chakra-ui/react\";\nimport { createLogger, Resource } from \"@open-pioneer/core\";\nimport {\n    CommonComponentProps,\n    mergeChakraProps,\n    useCommonComponentProps\n} from \"@open-pioneer/react-utils\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\nimport type OlMap from \"ol/Map\";\nimport { Extent } from \"ol/extent\";\nimport { sourceId } from \"open-pioneer:source-info\";\nimport { ReactNode, RefObject, useEffect, useMemo, useRef, useState } from \"react\";\nimport { MapModel, MapPadding } from \"../model/MapModel\";\nimport { MapContainerContextProvider, MapContainerContextType } from \"./MapContainerContext\";\nimport { MapModelProps, useMapModelValue } from \"./hooks/useMapModel\";\n\nconst LOG = createLogger(sourceId);\n\n/**\n * @group UI Components and Hooks\n */\nexport interface MapContainerProps extends CommonComponentProps, MapModelProps {\n    /**\n     * Sets the map's padding directly.\n     * Do not use the view's padding property directly on the OL map.\n     *\n     * See: https://openlayers.org/en/latest/apidoc/module-ol_View-View.html#padding)\n     */\n    viewPadding?: MapPadding | undefined;\n\n    /**\n     * Behavior performed by the map when the view padding changes.\n     *\n     * - `none`: Do nothing.\n     * - `preserve-center`: Ensures that the center point remains the same by animating the view.\n     * - `preserve-extent`: Ensures that the extent remains the same by zooming.\n     *\n     * @default \"preserve-center\"\n     */\n    viewPaddingChangeBehavior?: \"none\" | \"preserve-center\" | \"preserve-extent\";\n\n    children?: ReactNode;\n\n    /**\n     * Optional role property.\n     *\n     * This property is directly applied to the map's container div element.\n     *\n     * @default \"application\"\n     */\n    role?: string;\n\n    /**\n     * Optional aria-labelledby property.\n     * Do not use together with aria-label.\n     *\n     * This property is directly applied to the map's container div element.\n     */\n    \"aria-labelledby\"?: string;\n\n    /**\n     * Optional aria-label property.\n     * Do not use together with aria-label.\n     *\n     * This property is directly applied to the map's container div element.\n     */\n    \"aria-label\"?: string;\n\n    /**\n     * Arbitrary html properties that will be applied to the map container's _root_ element.\n     * This is the element that contains the map container and any UI elements (like map anchors, for example).\n     *\n     * Use these at your own risk since they may be overwritten by the map container root itself.\n     *\n     * Use cases: setting custom data attributes, registering custom event handlers, ...\n     */\n    rootProps?: BoxProps;\n\n    /**\n     * Arbitrary html properties that will be applied to the map container's element.\n     * This is the element that _renders_ the OpenLayers map.\n     *\n     * Use these at your own risk since they may be overwritten by the map container itself.\n     *\n     * Use cases: setting custom data attributes, registering custom event handlers, ...\n     */\n    containerProps?: BoxProps;\n}\n\n/**\n * Displays the map with the given id.\n *\n * There can only be at most one MapContainer for every map.\n *\n * @group UI Components and Hooks\n */\nexport function MapContainer(props: MapContainerProps) {\n    const {\n        viewPadding: viewPaddingProp,\n        viewPaddingChangeBehavior,\n        children,\n        role = \"application\",\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        rootProps,\n        containerProps,\n        ...restProps\n    } = props;\n    const { containerProps: rootContainerProps } = useCommonComponentProps(\n        \"map-container-root\",\n        restProps // hide role, aria label etc from helper\n    );\n    const mapContainer = useRef<HTMLDivElement>(null);\n    const mapAnchorsHost = useRef<HTMLDivElement>(null);\n    const map = useMapModelValue(props);\n    const viewPadding = useViewPadding(viewPaddingProp);\n    const [ready, setReady] = useState(false);\n\n    // Register as renderer for map model\n    useMapContainerRegistration(mapContainer, map);\n\n    // Wait for mount to make sure that the map anchors host is available\n    useEffect(() => {\n        setReady(true);\n    }, []);\n\n    const css = useRootCss(viewPadding);\n    const mergedRootProps = useMemo(\n        () => mergeChakraProps<BoxProps>({ css }, rootContainerProps, rootProps ?? {}),\n        [css, rootProps, rootContainerProps]\n    );\n    const mergedContainerProps = useMemo(\n        () =>\n            mergeChakraProps<BoxProps>(\n                {\n                    className: \"map-container\",\n                    role,\n                    \"aria-label\": ariaLabel,\n                    \"aria-labelledby\": ariaLabelledBy,\n                    h: \"100%\",\n                    w: \"100%\",\n                    tabIndex: 0\n                },\n                containerProps ?? {}\n            ),\n        [role, ariaLabel, ariaLabelledBy, containerProps]\n    );\n    return (\n        <chakra.div {...mergedRootProps}>\n            {/* Used by open layers to mount the map. This node receives the keyboard focus when interacting with the map. */}\n            <chakra.div ref={mapContainer} {...mergedContainerProps} />\n\n            {/* Contains user widgets (map anchors and raw children). These are separate from the map so they don't interfere with mouse/keyboard events. */}\n            <chakra.div ref={mapAnchorsHost} className=\"map-anchors\">\n                {ready && map && (\n                    <MapContainerReady\n                        map={map}\n                        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n                        mapAnchorsHost={mapAnchorsHost.current!}\n                        viewPadding={viewPadding}\n                        viewPaddingChangeBehavior={viewPaddingChangeBehavior}\n                    >\n                        {children}\n                    </MapContainerReady>\n                )}\n            </chakra.div>\n        </chakra.div>\n    );\n}\n\n/**\n * This inner component is rendered when the map has been loaded.\n *\n * It provides the map instance and additional properties down the component tree.\n */\nfunction MapContainerReady(\n    props: {\n        map: MapModel;\n        mapAnchorsHost: HTMLElement;\n        viewPadding: Required<MapPadding>;\n    } & Omit<MapContainerProps, \"mapId\" | \"map\" | \"className\">\n): ReactNode {\n    const {\n        map,\n        mapAnchorsHost,\n        viewPadding,\n        viewPaddingChangeBehavior = \"preserve-center\",\n        children\n    } = props;\n\n    // Apply view padding\n    useSyncViewPadding(viewPadding, viewPaddingChangeBehavior, map);\n\n    const mapContext = useMemo((): MapContainerContextType => {\n        return {\n            mapAnchorsHost\n        };\n    }, [mapAnchorsHost]);\n    return <MapContainerContextProvider value={mapContext}>{children}</MapContainerContextProvider>;\n}\n\n/**\n * Registers the map container as the map's renderer.\n * This can only be done once at a time: there cannot be two renderers for the same map model.\n */\nfunction useMapContainerRegistration(\n    mapContainer: RefObject<HTMLDivElement | null>,\n    map: MapModel\n) {\n    useEffect(() => {\n        // Mount the map into the DOM\n        if (mapContainer.current) {\n            const resource = registerMapTarget(map, mapContainer.current);\n            return () => resource?.destroy();\n        }\n    }, [mapContainer, map]);\n}\n\n/**\n * Custom CSS rules for the root element.\n */\nfunction useRootCss(viewPadding: Required<MapPadding>) {\n    return useMemo((): SystemStyleObject => {\n        return {\n            height: \"100%\",\n            position: \"relative\",\n\n            // set css variables according to view padding\n            \"--map-padding-top\": `${viewPadding.top}px`,\n            \"--map-padding-bottom\": `${viewPadding.bottom}px`,\n            \"--map-padding-left\": `${viewPadding.left}px`,\n            \"--map-padding-right\": `${viewPadding.right}px`\n        };\n    }, [viewPadding]);\n}\n\n/**\n * Normalizes the view padding property.\n */\nfunction useViewPadding(viewPaddingProp: MapPadding | undefined): Required<MapPadding> {\n    return useMemo<Required<MapPadding>>(() => {\n        return {\n            left: viewPaddingProp?.left ?? 0,\n            right: viewPaddingProp?.right ?? 0,\n            top: viewPaddingProp?.top ?? 0,\n            bottom: viewPaddingProp?.bottom ?? 0\n        };\n    }, [\n        viewPaddingProp?.left,\n        viewPaddingProp?.right,\n        viewPaddingProp?.top,\n        viewPaddingProp?.bottom\n    ]);\n}\n\n/**\n * Applies the current view padding to the view.\n */\nfunction useSyncViewPadding(\n    viewPadding: Required<MapPadding>,\n    viewPaddingChangeBehavior: MapContainerProps[\"viewPaddingChangeBehavior\"],\n    map: MapModel\n) {\n    const mapView = useReactiveSnapshot(() => map.olView, [map]);\n    useEffect(() => {\n        const olMap = map.olMap;\n        if (!mapView) {\n            return;\n        }\n\n        const oldPadding = fromOlPadding(mapView.padding);\n        const paddingNotChanged = isPaddingEqual(viewPadding, oldPadding);\n        if (paddingNotChanged) {\n            return;\n        }\n\n        const oldCenter = mapView.getCenter();\n        const oldExtent = extentIncludingPadding(olMap, oldPadding);\n        mapView.padding = toOlPadding(viewPadding);\n        switch (viewPaddingChangeBehavior) {\n            case \"preserve-center\":\n                mapView.animate({ center: oldCenter, duration: 300 });\n                break;\n            case \"preserve-extent\": {\n                if (oldExtent) {\n                    mapView.animate({\n                        center: oldCenter,\n                        resolution: mapView.getResolutionForExtent(oldExtent),\n                        duration: 300\n                    });\n                }\n                break;\n            }\n            case \"none\":\n        }\n    }, [viewPadding, viewPaddingChangeBehavior, map, mapView]);\n}\n\nfunction registerMapTarget(mapModel: MapModel, target: HTMLDivElement): Resource | undefined {\n    const mapId = mapModel.id;\n    const olMap = mapModel.olMap;\n    if (olMap.getTarget()) {\n        LOG.error(\n            `Failed to display the map: the map already has a target. There may be more than one <MapContainer />.`\n        );\n        return undefined;\n    }\n\n    LOG.isDebug() && LOG.debug(`Setting target of map '${mapId}':`, target);\n    if (!(\"keyboardEventTarget_\" in olMap)) {\n        throw new Error(\n            \"Internal error: failed to override keyboard event target. The property is no longer present.\"\n        );\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (olMap as any).keyboardEventTarget_ = target;\n    olMap.setTarget(target);\n\n    let unregistered = false;\n    return {\n        destroy() {\n            if (!unregistered) {\n                LOG.isDebug() && LOG.debug(`Removing target of map '${mapId}':`, target);\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                (olMap as any).keyboardEventTarget_ = undefined;\n                olMap.setTarget(undefined);\n                unregistered = true;\n            }\n        }\n    };\n}\n\n/**\n * Returns the extent visible in the non-padded region of the map.\n */\nfunction extentIncludingPadding(map: OlMap, padding: Required<MapPadding>): Extent | undefined {\n    const size = map.getSize();\n    if (!size || size.length < 2) {\n        return undefined;\n    }\n\n    const [width, height] = size as [number, number];\n    const bottomLeft = map.getCoordinateFromPixel([padding.left, padding.bottom]);\n    const topRight = map.getCoordinateFromPixel([\n        Math.max(0, width - padding.right),\n        Math.max(0, height - padding.top)\n    ]);\n    if (!bottomLeft || !topRight) {\n        return undefined;\n    }\n\n    const [xmin, ymin] = bottomLeft;\n    const [xmax, ymax] = topRight;\n    return [xmin, ymin, xmax, ymax] as Extent;\n}\n\nfunction fromOlPadding(padding: number[] | undefined): Required<MapPadding> {\n    // top, right, bottom, left\n    return {\n        top: padding?.[0] ?? 0,\n        right: padding?.[1] ?? 0,\n        bottom: padding?.[2] ?? 0,\n        left: padding?.[3] ?? 0\n    };\n}\n\nfunction toOlPadding(padding: Required<MapPadding>): number[] {\n    // top, right, bottom, left\n    const { top, right, bottom, left } = padding;\n    return [top, right, bottom, left];\n}\n\nfunction isPaddingEqual(a: Required<MapPadding>, b: Required<MapPadding>): boolean {\n    return a.top === b.top && a.right === b.right && a.bottom === b.bottom && a.left === b.left;\n}\n"],"names":[],"mappings":"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"}

package/utils/sanitize.d.ts

@@ -0,0 +1,11 @@
+import { AttributionLike } from "ol/source/Source";
+/**
+ * Sanitizes the given raw html string.
+ *
+ * The result is safe to use as raw HTML in properties like `innerHTML`.
+ */
+export declare function sanitizeHtml(rawHtml: string): string;
+/**
+ * Sanitizes an OpenLayers AttributionLike option.
+ */
+export declare function sanitizeAttributions(attributions: AttributionLike | undefined): AttributionLike | undefined;

package/utils/sanitize.js

@@ -0,0 +1,34 @@
+import { Sanitizer } from '@esri/arcgis-html-sanitizer';
+
+const sanitizer = new Sanitizer();
+function sanitizeHtml(rawHtml) {
+  return sanitizer.sanitize(rawHtml);
+}
+function sanitizeAttributions(attributions) {
+  if (!attributions) {
+    return attributions;
+  }
+  if (typeof attributions === "function") {
+    return function sanitizedAttributionFunction(...args) {
+      return sanitizeAttributionItems(attributions(...args));
+    };
+  }
+  return sanitizeAttributionItems(attributions);
+}
+function sanitizeAttributionItems(items) {
+  if (typeof items === "string") {
+    return sanitizeHtml(items);
+  }
+  if (Array.isArray(items)) {
+    return items.map((item) => {
+      if (typeof item === "string") {
+        return sanitizeHtml(item);
+      }
+      throw new Error("Expected a string");
+    });
+  }
+  throw new Error("Expected a string or an array of strings");
+}
+
+export { sanitizeAttributions };
+//# sourceMappingURL=sanitize.js.map

package/utils/sanitize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitize.js","sources":["sanitize.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Sanitizer } from \"@esri/arcgis-html-sanitizer\";\nimport { AttributionLike } from \"ol/source/Source\";\n\nconst sanitizer = new Sanitizer();\n\n/**\n * Sanitizes the given raw html string.\n *\n * The result is safe to use as raw HTML in properties like `innerHTML`.\n */\nexport function sanitizeHtml(rawHtml: string): string {\n    return sanitizer.sanitize(rawHtml);\n}\n\n/**\n * Sanitizes an OpenLayers AttributionLike option.\n */\nexport function sanitizeAttributions(\n    attributions: AttributionLike | undefined\n): AttributionLike | undefined {\n    if (!attributions) {\n        return attributions;\n    }\n    if (typeof attributions === \"function\") {\n        return function sanitizedAttributionFunction(...args) {\n            return sanitizeAttributionItems(attributions(...args));\n        };\n    }\n    return sanitizeAttributionItems(attributions);\n}\n\nfunction sanitizeAttributionItems(items: string | string[]): string | string[] {\n    if (typeof items === \"string\") {\n        return sanitizeHtml(items);\n    }\n    if (Array.isArray(items)) {\n        return items.map((item) => {\n            if (typeof item === \"string\") {\n                return sanitizeHtml(item);\n            }\n            throw new Error(\"Expected a string\");\n        });\n    }\n    throw new Error(\"Expected a string or an array of strings\");\n}\n"],"names":[],"mappings":";;AAKA,MAAM,SAAA,GAAY,IAAI,SAAA,EAAU;AAOzB,SAAS,aAAa,OAAA,EAAyB;AAClD,EAAA,OAAO,SAAA,CAAU,SAAS,OAAO,CAAA;AACrC;AAKO,SAAS,qBACZ,YAAA,EAC2B;AAC3B,EAAA,IAAI,CAAC,YAAA,EAAc;AACf,IAAA,OAAO,YAAA;AAAA,EACX;AACA,EAAA,IAAI,OAAO,iBAAiB,UAAA,EAAY;AACpC,IAAA,OAAO,SAAS,gCAAgC,IAAA,EAAM;AAClD,MAAA,OAAO,wBAAA,CAAyB,YAAA,CAAa,GAAG,IAAI,CAAC,CAAA;AAAA,IACzD,CAAA;AAAA,EACJ;AACA,EAAA,OAAO,yBAAyB,YAAY,CAAA;AAChD;AAEA,SAAS,yBAAyB,KAAA,EAA6C;AAC3E,EAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,IAAA,OAAO,aAAa,KAAK,CAAA;AAAA,EAC7B;AACA,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG;AACtB,IAAA,OAAO,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AACvB,MAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC1B,QAAA,OAAO,aAAa,IAAI,CAAA;AAAA,MAC5B;AACA,MAAA,MAAM,IAAI,MAAM,mBAAmB,CAAA;AAAA,IACvC,CAAC,CAAA;AAAA,EACL;AACA,EAAA,MAAM,IAAI,MAAM,0CAA0C,CAAA;AAC9D;;;;"}