@siemens/maps-ng 47.11.0

package/LICENSE.md

@@ -0,0 +1,20 @@
+The MIT License
+
+Copyright (c) Siemens 2016 - 2025
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the “Software”), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,119 @@
+# Element Maps
+
+Element maps library based on OpenLayers.
+
+## Usage
+
+To use this library in other projects, add it to your dependencies using:
+
+```sh
+npm install --save @siemens/maps-ng
+
+# Also install the needed peer dependencies
+npm install --save ol@~10.2.0 ol-ext ol-mapbox-style
+```
+
+Add library assets and CommonJs dependencies in your _angular.json_ under the build options
+
+```json
+{
+  "architect": {
+    "build": {
+      "options": {
+        "assets": [
+          // ... other assets
+          {
+            "glob": "**/*",
+            "input": "./node_modules/@siemens/maps-ng/assets",
+            "output": "/assets/"
+          }
+        ],
+        // ... other options
+        "allowedCommonJsDependencies": [
+          "xml-utils/find-tags-by-name.js",
+          "xml-utils/get-attribute.js",
+          "web-worker",
+          "pbf",
+          "earcut",
+          "rbush"
+        ]
+      }
+    }
+  }
+}
+```
+
+Import openlayers styles into your main global stylesheet
+
+```scss
+@use 'ol/ol.css';
+```
+
+Add the library to the list of _imports_ in your Angular _AppModule_ like this:
+
+```ts
+// [...]
+
+// Import this library and required dependencies
+import { SiMapModule } from '@siemens/maps-ng';
+
+@NgModule({
+  declarations: [AppComponent],
+  imports: [
+    BrowserModule,
+
+    // Import this library
+    SiMapModule
+  ],
+  bootstrap: [AppComponent]
+})
+export class AppModule {}
+```
+
+Or simply _import_ the `SiMapComponent` in your standalone component.
+
+```ts
+@Component({
+  selector: 'app-map',
+  standalone: true,
+  imports: [SiMapComponent],
+  templateUrl: './sample.component.html',
+  host: { class: 'h-100' }
+})
+export class SampleComponent {}
+```
+
+And lastly, add the map to your template and add a MapTiler key.
+Note, the map has not height per default and comes with a `block`
+display. Set the height or put it in a related container.
+
+The demo key works on localhost. It will be renewed regularly
+to avoid missuses of the key. Contact the SiMPL team to receive
+a key for your SI BP product.
+
+```html
+<si-map [maptilerKey]="'REPLACE_WITH_YOUR_MAPTILER_KEY'" style="height: 500px;"></si-map>
+```
+
+### Testing
+
+Do **not** load map data (tiles) from maptiler in automated tests, to reduce the number of
+payed requests to a minimum. E.g. during testing, you want to test your functions and not the
+tile data provided by maptiler.
+
+- **Unit tests:** Do simply **not** provide an API key during
+- **Playwright tests:** Stub the `tiles.json` request (and some others) using [page.route(...)](playwright/e2e/simpl-element/maps/static.spec.ts).
+
+### Running Unit Tests
+
+Run `yarn maps:test` to perform the unit tests via [Karma](https://karma-runner.github.io).
+You can set a seed for running the tests in a specific using an environment variable: `SEED=71384 yarn maps:test`
+
+## License
+
+The following applies for code and documentation of the git repository,
+unless explicitly mentioned.
+
+Copyright (c) Siemens 2016 - 2025
+
+MIT, see [LICENSE.md](LICENSE.md).

package/assets/default-marker-icon.svg

@@ -0,0 +1,9 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect x="2" y="2" width="25" height="25" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0" transform="scale(0.02)"/>
+</pattern>
+<image id="image0" width="50" height="50" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAADJklEQVRoge2az4tVZRyHn9d+TOKULRKVhBQUzIRmFbZo0aJNKP4BBe38A3ThTkFC3LjIQUaahW7bBJEtJAgKKxVFAynDUJSRYVBU0oHx59PinOQ6TPd+3/eee49IDwxc7vmc9/0+9z0/3vOegeeE1GRj6qvAZuBDYAxYDbxeb74NXAZ+A34Avksp3Wmy/75RV6oT6qxxZtVJdW3b9aOOqHvUuxkC87mv7lNH2pJ4Q/2xD4H5/KKuGLbERvVqgxL/ckXdOCyJ5QOS6JRZPmiJV6wOgUHzs4M8Z6xO7GGxN6e28H1EXQlcBJbk/gCF3AfeTildioQXZTS8i+FJALwM7IyGQyOijgLTwGhhUaXMAitSSnd7BaMjsoU8iXvAAWBTvd9o/Xm83hZlCfBxRr476pcZJ+mU+m6XtsbqTJRDTYqcCnY6101insxcsM0TTYpcD3b6RUab48E2Z5oUuRfs9L2MNjcF25yLtBc92Q3mfg/mAM4Hc48joajI7WAuh0b7jjZ2K5jbEMzlZG9GQlGRi8Hcp8EcwCfB3J+RUFQkejxvU8d6herMtib7joqcC+ZGgKPdZOptR6nmUhHOBHO9UZepj4KXS+vL9Xh9iR2t/96vv4teylUfqK9FasyZxp+lWuIZJsdTSh9EgjnT+G8Li+mHb6LBnBFZD/xRVE4ZAmtSSlci4fCIpJQuAGdLqyrgp6gE5B1aAJOZ+X6YyAlnrf1aPSlOAUtz9itgGngrpfQgukPWiNSPnIdzqyrgYI4EFKzGq6uAv6hufoPgb6rRyJqo5p4jpJSmgCO5+2UwnisBhe9H1DepJnNNLw/dBNallEIz3k6yRwQgpXQN2F+ybw92l0j0hbrYZhezL6gvDVWiQ+azBkU2tyJRiyxSTzcg8X1rEh0yY1avz0qZVde17QGAurcPke1t1/8Eq5ei5wskTqovtF3/U1g9DT7MkJhT32m77gVRP88Q2dF2vf+J+qJ6PCBxTC26GQ8NdZV6o4vEjNVrvGcfdav6eAGJh+pHbdeXhbp7AZHwO8FnBjWpX3VIfK02+t9IQ8NqYe6E+qvVY/L/9OIfE3CKlaPsSH4AAAAASUVORK5CYII="/>
+</defs>
+</svg>

package/assets/marker-default.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="30" height="30">
+    <path fill="#00f"
+        d="m256,64c-69.37,0-125.8,56.43-125.8,125.8,0,1.44.04,2.95.12,4.62.46,12.87,2.86,25.46,7.1,37.44,24.76,81.02,105.75,183.3,109.19,187.62,2.28,2.86,5.73,4.52,9.39,4.52s7.11-1.67,9.39-4.52c3.44-4.32,84.44-106.59,109.2-187.62,4.25-11.99,6.64-24.57,7.1-37.41.08-1.51.12-3.07.12-4.64,0-69.37-56.44-125.8-125.81-125.8Z" />
+    <path fill="#f0f"
+        d="m255.99,277.81c-48.59,0-87.99-39.4-87.99-88.01s39.4-87.99,87.99-87.99,88.01,39.41,88.01,87.99-39.39,88.01-88.01,88.01Z" />
+</svg>

package/components/si-map/components/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-map-tooltip/si-map-tooltip.component';
+export * from './si-map-popover/si-map-popover.component';

package/components/si-map/components/si-map-popover/si-map-popover-cluster-template.directive.d.ts

@@ -0,0 +1,9 @@
+import { MapPointMetaData } from '../../models';
+import * as i0 from "@angular/core";
+export declare class SiMapPopoverClusterTemplateDirective {
+    static ngTemplateContextGuard(directive: SiMapPopoverClusterTemplateDirective, context: unknown): context is {
+        mapPoints: MapPointMetaData[];
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMapPopoverClusterTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiMapPopoverClusterTemplateDirective, "[siMapPopoverClusterTemplate]", never, {}, {}, never, never, true, never>;
+}

package/components/si-map/components/si-map-popover/si-map-popover-template.directive.d.ts

@@ -0,0 +1,9 @@
+import { MapPointMetaData } from '../../models';
+import * as i0 from "@angular/core";
+export declare class SiMapPopoverTemplateDirective {
+    static ngTemplateContextGuard(directive: SiMapPopoverTemplateDirective, context: unknown): context is {
+        mapPoint: MapPointMetaData;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMapPopoverTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiMapPopoverTemplateDirective, "[siMapPopoverTemplate]", never, {}, {}, never, never, true, never>;
+}

package/components/si-map/components/si-map-popover/si-map-popover.component.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+import { TemplateRef, Type, ViewContainerRef } from '@angular/core';
+import Map from 'ol/Map';
+import { MapPointMetaData } from '../../models/map-point.interface';
+import * as i0 from "@angular/core";
+export interface RenderOptions {
+    component?: Type<any>;
+    mapPoints: MapPointMetaData | MapPointMetaData[];
+    map?: Map;
+}
+export declare class SiMapPopoverComponent {
+    private readonly elementRef;
+    protected readonly maxHeight: import("@angular/core").WritableSignal<number | null>;
+    protected readonly contentContainer: import("@angular/core").Signal<ViewContainerRef>;
+    protected readonly defaultContent: import("@angular/core").Signal<TemplateRef<any>>;
+    protected readonly defaultCluster: import("@angular/core").Signal<TemplateRef<any>>;
+    render({ component, mapPoints, map }: RenderOptions): void;
+    private renderCustomComponent;
+    private renderDefault;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMapPopoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiMapPopoverComponent, "si-map-popover", never, {}, {}, never, never, true, never>;
+}

package/components/si-map/components/si-map-tooltip/si-map-tooltip.component.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SiMapTooltipComponent {
+    protected readonly content: import("@angular/core").Signal<ElementRef<any>>;
+    /**
+     * Cutoff text for tooltips, when cluster combines more than 4 features
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_MAPS.TOOLTIP_MORE_TEXT:and {{length}} more...`
+     * ```
+     */
+    readonly moreText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Adds the maximum length of a string thats allowed in a tooltip and if its longer it cuts off the rest and adds 3 dots at the end.
+     * If set to -1, it will not cut off the string.
+     * @defaultValue 50
+     */
+    readonly maxLabelLength: import("@angular/core").InputSignal<number>;
+    get nativeElement(): HTMLElement;
+    protected readonly hiddenEntries: import("@angular/core").WritableSignal<number>;
+    private readonly elementRef;
+    /**
+     * Method sets tooltip content. If parameter is of type
+     * string, it will directly set it as tooltip content.
+     * If it is array of string, it will render it as list of those strings.
+     *
+     * @param labels - array of strings or string itself
+     */
+    setTooltip(labels: string[] | string): void;
+    private getLabelSnippet;
+    private setContent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMapTooltipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiMapTooltipComponent, "si-map-tooltip", never, { "moreText": { "alias": "moreText"; "required": false; "isSignal": true; }; "maxLabelLength": { "alias": "maxLabelLength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/si-map/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+export * from './components/index';
+export * from './models/index';
+export * from './services/map.service';
+export * from './si-map.module';
+export * from './si-map.component';

package/components/si-map/models/color-palette.type.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+/** */
+export type ColorPalette = 'status' | 'element';
+export type ColorPalettes = {
+    [key in ColorPalette]: string[];
+};

package/components/si-map/models/constants.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+/** */
+export declare const DEFAULT_STROKE_WEIGHT = 2;
+export declare const DEFAULT_CLUSTER_TYPE = "donut";
+export declare const DEFAULT_DONUT_RATIO = 0.6;
+export declare const ANIMATION_DURATION = 500;
+export declare const DEFAULT_ICON = "assets/default-marker-icon.svg";
+export declare const DEFAULT_ICON_SCALE = 1;
+export declare const SIEMENS_FONT = "bold 13px \"Siemens sans\"";
+export declare const SIEMENS_FONT_LABELS = "700 14px \"Siemens sans\"";
+export declare const DEFAULT_OFFSET = 14;
+export declare const DEFAULT_FEATURE_SELECT_ZOOM = 10;
+export declare const DEFAULT_FEATURE_CLICK_ZOOM = 15;
+export declare const DEFAULT_CLUSTER_CLICK_ZOOM = 15;
+export declare const DEFAULT_GLOBAL_ZOOM = 5;
+export declare const DEFAULT_CLUSTER_DISTANCE = 40;
+/** @deprecated will be removed in favour of individual inputs. */
+export declare const DEFAULT_FIT_PADDING: number[];
+/** Updates the amount of buildings to be shown in a cluster tooltip after hovering over it */
+export declare const TOOLTIP_FEATURES_TO_DISPLAY = 4;
+/** Specifies the maximum amount of buildings allowed to be displayed as a number in a cluster */
+export declare const MAX_CLUSTER_BUILDINGS = 99;
+/** Defines the cluster radius size, so all the clusters are of the same size */
+export declare const CLUSTER_RADIUS_SIZE = 20;
+/** Chart inside the cluster is internally divided into 20 fragments */
+export declare const CLUSTER_CHARTS_FRAGMENTS = 20;
+export declare const GEOJSON_LAYER = "geojson-layer";
+export declare const POINTS_LAYER = "points-layer";
+export declare const LAYER_NAME = "layerName";

package/components/si-map/models/grouping.model.d.ts

@@ -0,0 +1,13 @@
+import { ColorPalette } from './color-palette.type';
+/**
+ * Class for grouping functionality
+ */
+export declare class Grouping {
+    private readonly _colors;
+    private readonly _palette?;
+    constructor(groupColors?: Record<number, string> | ColorPalette);
+    get colors(): string[];
+    get palette(): string | undefined;
+    get length(): number;
+    getColor(groupId: number): string;
+}

package/components/si-map/models/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+export * from './constants';
+export * from './color-palette.type';
+export * from './grouping.model';
+export * from './overlay-native-properties.interface';
+export * from './map-point.interface';

package/components/si-map/models/map-point.interface.d.ts

@@ -0,0 +1,78 @@
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+/** */
+export interface MapPoint extends MapPointMetaData {
+    /**
+     * Latitude value for marker
+     */
+    lat: number;
+    /**
+     * Longtitude value for marker
+     */
+    lon: number;
+}
+export interface MapPointMetaData {
+    /**
+     * Marker name
+     */
+    name: string;
+    /**
+     * Marker description, can be simple string or HTML as string
+     */
+    description: string;
+    /**
+     * Marker style
+     */
+    marker?: MarkerOptions;
+    /**
+     * Extra properties to be passed along (click function consumes it)
+     */
+    extraProperties?: any;
+    /**
+     * If you want your point to be clustered by it's group, you need to set the group id here for this point
+     * Color with the same id will be assigned. Must be higher than 0
+     */
+    group?: number;
+    /**
+     * Click functionality, do any extra staff when clicking on the point, just create needed logic for click functionality
+     */
+    click?(extraProperties?: any): void;
+}
+export type MarkerStatusType = 'success' | 'info' | 'warning' | 'danger' | 'caution' | 'critical' | 'default' | 'unknown';
+export interface LabelOptions {
+    /**
+     * Text to display as label
+     */
+    text: string;
+}
+export interface MarkerOptions {
+    /**
+     * Visual representation of marker
+     */
+    type: 'icon' | 'dot' | 'status';
+    /**
+     * Color of the marker, HEX or css compliant color value. Only use when a semantic status
+     * isn't working for the use-case.
+     */
+    color?: string;
+    /**
+     * Semantic status for coloring. This is also theme-aware.
+     */
+    status?: MarkerStatusType;
+    /**
+     * Icon options
+     */
+    icon?: IconMarkerOptions;
+}
+export interface IconMarkerOptions {
+    /**
+     * Path to the icon image
+     */
+    src?: string;
+    /**
+     * Scale value for marker
+     */
+    scale?: number;
+}

package/components/si-map/models/overlay-native-properties.interface.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+import Control from 'ol/control/Control';
+import Overlay from 'ol/Overlay';
+export interface OverlayNativeProperties {
+    /**
+     * Layer for popup element, an element to be displayed over the map and attached to a single map location.
+     */
+    overlay?: Overlay;
+    /**
+     * List of controls to activate for map, additional controls like full screen, etc. can be added here
+     * Defaults are zoom in and out
+     */
+    controls?: Control[];
+}

package/components/si-map/services/SelectCluster.d.ts

@@ -0,0 +1,16 @@
+import Feature from 'ol/Feature';
+import Select, { SelectEvent } from 'ol/interaction/Select';
+import { StyleLike } from 'ol/style/Style';
+export declare class SelectCluster extends Select {
+    private zoomOnClick;
+    private maxZoom;
+    private fitClusterPadding;
+    constructor(options: {
+        fitClusterPadding: () => number[];
+        maxZoom: () => number;
+        style?: StyleLike | null;
+        zoomOnClick: () => boolean;
+    });
+    selectCluster(e: SelectEvent): void;
+    zoomToCluster(cluster: Feature[]): void;
+}

package/components/si-map/services/map.service.d.ts

@@ -0,0 +1,85 @@
+import Feature from 'ol/Feature';
+import Point from 'ol/geom/Point';
+import Layer from 'ol/layer/Layer';
+import VectorLayer from 'ol/layer/Vector';
+import Cluster from 'ol/source/Cluster';
+import VectorSource from 'ol/source/Vector';
+import { Style } from 'ol/style';
+import { ColorPalette } from '../models/color-palette.type';
+import { MapPoint } from '../models/map-point.interface';
+import { ThemeType } from '../shared/themes/element';
+import * as i0 from "@angular/core";
+export declare class MapService {
+    private styleCache;
+    private clusterStyleCache;
+    private labelStyleCache;
+    private grouping?;
+    private _theme?;
+    private wrappedTextCache;
+    private labelTextStyleCache;
+    resetCaches(): void;
+    private wrapLabelText;
+    private getLabelTextStyle;
+    private zoomCallback;
+    private getZoom;
+    setZoomCallback(callback?: () => number | undefined): void;
+    setTheme(groupColors: Record<number, string> | ColorPalette | undefined): void;
+    get theme(): ThemeType;
+    /**
+     * Create feature with parameters
+     * @param points - the list of points
+     */
+    createFeatures(points: MapPoint[], alwaysShowLabels?: boolean): Feature[];
+    /**
+     * Initialize animated cluster layer for points if clustering is enabled
+     * @param features - for the source
+     * @param markerAnimation - animation value for markers
+     * @param clusterDistance - number distance between clusters
+     * @param multiWorld - boolean if points should be repeated on multiple world maps
+     */
+    clusterLayer(features: Feature[], markerAnimation: boolean, clusterDistance: number, multiWorld: boolean): Layer;
+    /**
+     * Create vector layer when clustering is disabled
+     * @param features - list of Features
+     * @param multiWorld - boolean if points should be repeated on multiple world maps
+     */
+    vectorLayer(features: Feature[], multiWorld: boolean, defaultStyle?: boolean): VectorLayer<VectorSource>;
+    labelLayer(features: Feature[], multiWorld: boolean, maxLabelLength: number, maxLines: number, clusterLayer?: Layer): VectorLayer<VectorSource>;
+    /**
+     * Cluster styling
+     *
+     * @param feature - Feature
+     */
+    getClusterStyle(feature: Feature): Style[];
+    /**
+     * Separate feature styling with icon
+     * @param feature - to style
+     * @param cluster - indication
+     * @param grouping - colors
+     */
+    getFeatureStyle(feature: Feature, cluster: boolean, features: Feature[], dummy?: boolean): Style[];
+    getLabelStyle(feature: Feature<Point>, features: Feature<Point>[], maxLabelLength: number, maxLines: number, clusterSource?: Cluster<Feature<Point>>, dummy?: boolean): Style[];
+    getMarkerOffset(feature: Feature): [number, number];
+    getMarkerSize(feature: Feature): [number, number];
+    private getClusterChart;
+    private getClusterChartData;
+    /**
+     * Calculates minimal safe distance for clustering to avoid overlapping of clusters
+     */
+    private calculateClusteringDistance;
+    private transformChartData;
+    private getMarkerStyle;
+    /**
+     * Decides what color should Marker be painted with.
+     *
+     * Markers are painted with group colors if group id is present. If marker color is specified,
+     * it takes precedence over the group color.
+     */
+    private getMarkerColor;
+    private getDotMarker;
+    private getIconMarker;
+    private getStatusMarkerColor;
+    private getStatusMarker;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MapService>;
+}

package/components/si-map/shared/themes/element.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+import { ColorPalettes } from '../../models/color-palette.type';
+import { MarkerStatusType } from '../../models/map-point.interface';
+export declare const themeElement: {
+    style: () => {
+        fillColor: string;
+        strokeColor: string;
+        textColor: string;
+        defaultMarkerColor: string;
+        status: Record<MarkerStatusType, string>;
+        colorPalette: ColorPalettes;
+    };
+};
+export type ThemeType = ReturnType<typeof themeElement.style>;

package/components/si-map/shared/themes/marker.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+import { MarkerStatusType } from '../../models/map-point.interface';
+import { ThemeType } from './element';
+export declare const getMarker: (status: MarkerStatusType, theme: ThemeType) => string;

package/components/si-map/shared/themes/style.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+export declare const styleJson: (key: string, dark?: boolean) => any;