@siemens/maps-ng 48.0.0-next.5

package/index.d.ts

@@ -0,0 +1,731 @@
+import * as _siemens_element_translate_ng from '@siemens/element-translate-ng';
+import * as _angular_core from '@angular/core';
+import { ElementRef, Type, ViewContainerRef, TemplateRef, AfterViewInit, OnChanges, OnDestroy, AfterViewChecked, SimpleChanges } from '@angular/core';
+import Map from 'ol/Map';
+import Control from 'ol/control/Control';
+import Overlay, { Positioning } from 'ol/Overlay';
+import Feature, { FeatureLike } 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 { Coordinate } from 'ol/coordinate';
+import MapBrowserEvent from 'ol/MapBrowserEvent';
+import { StyleLike } from 'ol/style/Style';
+import Select, { SelectEvent } from 'ol/interaction/Select';
+export * from '@siemens/maps-ng/translate';
+
+declare class SiMapTooltipComponent {
+    protected readonly content: _angular_core.Signal<ElementRef<any>>;
+    /**
+     * Cutoff text for tooltips, when cluster combines more than 4 features
+     *
+     * @defaultValue
+     * ```
+     * t(() =>$localize`:@@SI_MAPS.TOOLTIP_MORE_TEXT:and {{length}} more...`)
+     * ```
+     */
+    readonly moreText: _angular_core.InputSignal<_siemens_element_translate_ng.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: _angular_core.InputSignal<number>;
+    get nativeElement(): HTMLElement;
+    protected readonly hiddenEntries: _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: _angular_core.ɵɵFactoryDeclaration<SiMapTooltipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiMapTooltipComponent, "si-map-tooltip", never, { "moreText": { "alias": "moreText"; "required": false; "isSignal": true; }; "maxLabelLength": { "alias": "maxLabelLength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+/** */
+interface MapPoint extends MapPointMetaData {
+    /**
+     * Latitude value for marker
+     */
+    lat: number;
+    /**
+     * Longtitude value for marker
+     */
+    lon: number;
+}
+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;
+}
+type MarkerStatusType = 'success' | 'info' | 'warning' | 'danger' | 'caution' | 'critical' | 'default' | 'unknown';
+interface LabelOptions {
+    /**
+     * Text to display as label
+     */
+    text: string;
+}
+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;
+}
+interface IconMarkerOptions {
+    /**
+     * Path to the icon image
+     */
+    src?: string;
+    /**
+     * Scale value for marker
+     */
+    scale?: number;
+}
+
+interface RenderOptions {
+    component?: Type<any>;
+    mapPoints: MapPointMetaData | MapPointMetaData[];
+    map?: Map;
+}
+declare class SiMapPopoverComponent {
+    private readonly elementRef;
+    protected readonly maxHeight: _angular_core.WritableSignal<number | null>;
+    protected readonly contentContainer: _angular_core.Signal<ViewContainerRef>;
+    protected readonly defaultContent: _angular_core.Signal<TemplateRef<any>>;
+    protected readonly defaultCluster: _angular_core.Signal<TemplateRef<any>>;
+    render({ component, mapPoints, map }: RenderOptions): void;
+    private renderCustomComponent;
+    private renderDefault;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiMapPopoverComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiMapPopoverComponent, "si-map-popover", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+/** */
+declare const DEFAULT_STROKE_WEIGHT = 2;
+declare const DEFAULT_CLUSTER_TYPE = "donut";
+declare const DEFAULT_DONUT_RATIO = 0.6;
+declare const ANIMATION_DURATION = 500;
+declare const DEFAULT_ICON = "assets/default-marker-icon.svg";
+declare const DEFAULT_ICON_SCALE = 1;
+declare const SIEMENS_FONT = "bold 13px \"Siemens sans\"";
+declare const SIEMENS_FONT_LABELS = "700 14px \"Siemens sans\"";
+declare const DEFAULT_OFFSET = 14;
+declare const DEFAULT_FEATURE_SELECT_ZOOM = 10;
+declare const DEFAULT_FEATURE_CLICK_ZOOM = 15;
+declare const DEFAULT_CLUSTER_CLICK_ZOOM = 15;
+declare const DEFAULT_GLOBAL_ZOOM = 5;
+declare const DEFAULT_CLUSTER_DISTANCE = 40;
+/** @deprecated will be removed in favour of individual inputs. */
+declare const DEFAULT_FIT_PADDING: number[];
+/** Updates the amount of buildings to be shown in a cluster tooltip after hovering over it */
+declare const TOOLTIP_FEATURES_TO_DISPLAY = 4;
+/** Specifies the maximum amount of buildings allowed to be displayed as a number in a cluster */
+declare const MAX_CLUSTER_BUILDINGS = 99;
+/** Defines the cluster radius size, so all the clusters are of the same size */
+declare const CLUSTER_RADIUS_SIZE = 20;
+/** Chart inside the cluster is internally divided into 20 fragments */
+declare const CLUSTER_CHARTS_FRAGMENTS = 20;
+declare const GEOJSON_LAYER = "geojson-layer";
+declare const POINTS_LAYER = "points-layer";
+declare const LAYER_NAME = "layerName";
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+/** */
+type ColorPalette = 'status' | 'element';
+type ColorPalettes = {
+    [key in ColorPalette]: string[];
+};
+
+/**
+ * Class for grouping functionality
+ */
+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;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+
+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[];
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+
+declare const themeElement: {
+    style: () => {
+        fillColor: string;
+        strokeColor: string;
+        textColor: string;
+        defaultMarkerColor: string;
+        status: Record<MarkerStatusType, string>;
+        colorPalette: ColorPalettes;
+    };
+};
+type ThemeType = ReturnType<typeof themeElement.style>;
+
+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: _angular_core.ɵɵFactoryDeclaration<MapService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<MapService>;
+}
+
+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;
+}
+
+interface ClusterHolder {
+    feature?: Feature;
+}
+declare class SiMapComponent implements AfterViewInit, OnChanges, OnDestroy, AfterViewChecked {
+    /**
+     * Points to be rendered on the map as features.
+     */
+    readonly points: _angular_core.ModelSignal<MapPoint[] | undefined>;
+    /**
+     * Payload of a geo-JSON object.
+     */
+    readonly geoJson: _angular_core.InputSignal<any>;
+    /**
+     * Callback function to add custom styling to the drawn geo-JSON features.
+     */
+    readonly styleFunction: _angular_core.InputSignal<StyleLike | undefined>;
+    /**
+     * Projection format used to render the geo-JSON payload.
+     *
+     * @defaultValue 'EPSG:3857'
+     */
+    readonly geoJsonProjection: _angular_core.InputSignal<string>;
+    /**
+     * Enable or disable animation of markers.
+     *
+     * @defaultValue false
+     */
+    readonly markerAnimation: _angular_core.InputSignal<boolean>;
+    /**
+     * Enable or disable clustering of points on the map.
+     *
+     * @defaultValue false
+     */
+    readonly cluster: _angular_core.InputSignal<boolean>;
+    /**
+     * Defines which colors should be used when points are grouped. Grouping means
+     * that points are painted with their group color and they are displayed as
+     * series in donut chart inside cluster.
+     *
+     * @defaultValue 'status'
+     */
+    readonly groupColors: _angular_core.InputSignal<Record<number, string> | ColorPalette>;
+    /**
+     * - **overlay**: Layer for popup element, an element to be displayed over the
+     *   map and attached to a single map location.
+     * - **controls**: List of controls to activate for map, additional controls
+     *   like full screen, etc. can be added here.
+     */
+    readonly nativeProperties: _angular_core.InputSignal<OverlayNativeProperties | undefined>;
+    /**
+     * Type of background map, for example `'https://api.maptiler.com/maps/voyager/style.json?key=xxx'`
+     * (Token key is required). The styleJson defines the tiler source and the
+     * used styles for different layers, should only be used if the siemens
+     * default styles by using `maptilerKey` isn't good enough.
+     */
+    readonly styleJson: _angular_core.InputSignal<any>;
+    /**
+     * Option to switch on/off the display of tooltip while hovering over single
+     * point.
+     *
+     * @defaultValue false
+     */
+    readonly displayTooltipOnHover: _angular_core.InputSignal<boolean>;
+    /**
+     * Option to switch on/off the display of popover when clicked.
+     * Default set to true (on).
+     *
+     * @defaultValue true
+     */
+    readonly displayPopoverOnClick: _angular_core.InputSignal<boolean>;
+    /**
+     * Option to switch on/off popover when hovered.
+     * Default is set to false (off)
+     *
+     * @defaultValue false
+     */
+    readonly displayPopoverOnHover: _angular_core.InputSignal<boolean>;
+    /**
+     * Provide your key for MapTiler, this will use the default siemens element
+     * styles which can be used in both light and dark mode. Shouldn't be used
+     * together with styleJson.
+     */
+    readonly maptilerKey: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Option to switch on/off the display of tooltip while hovering over cluster.
+     *
+     * @defaultValue false
+     */
+    readonly displayTooltipOnClusterHover: _angular_core.InputSignal<boolean>;
+    /**
+     * Defines range in which points are clustered. In pixels.
+     *
+     * @defaultValue DEFAULT_CLUSTER_DISTANCE
+     */
+    readonly clusterDistance: _angular_core.InputSignal<number>;
+    /**
+     * Zoom level when calling the `select()` method on the component.
+     * Defaults to 10.
+     *
+     * @defaultValue DEFAULT_FEATURE_SELECT_ZOOM
+     */
+    readonly featureSelectZoom: _angular_core.InputSignal<number>;
+    /**
+     * Max zoom level which is used when clicking on feature on the map.
+     * Defaults to 15.
+     *
+     * @defaultValue DEFAULT_FEATURE_CLICK_ZOOM
+     */
+    readonly featureClickZoom: _angular_core.InputSignal<number>;
+    /**
+     * Max zoom level for clicking on a cluster on the map. Defaults to 15.
+     *
+     * @defaultValue DEFAULT_CLUSTER_CLICK_ZOOM
+     */
+    readonly clusterClickZoom: _angular_core.InputSignal<number>;
+    /**
+     * Max zoom level on load or when clicking the reset button. Defaults to 5.
+     *
+     * @defaultValue DEFAULT_GLOBAL_ZOOM
+     */
+    readonly globalZoom: _angular_core.InputSignal<number>;
+    /**
+     * When enabled, features will be automatically zoom to on click.
+     *
+     * @defaultValue false
+     */
+    readonly autoZoomFeatureClick: _angular_core.InputSignal<boolean>;
+    /**
+     * When disabled, clusters will no longer automatically be zoomed to on click.
+     *
+     * @defaultValue true
+     */
+    readonly autoZoomClusterClick: _angular_core.InputSignal<boolean>;
+    /**
+     * Custom popover component
+     */
+    readonly popoverComponent: _angular_core.InputSignal<Type<any> | undefined>;
+    /**
+     * Custom popover component for clustering
+     */
+    readonly clusterPopoverComponent: _angular_core.InputSignal<Type<any> | undefined>;
+    /**
+     * Custom popover component
+     */
+    readonly popoverComponentProps: _angular_core.InputSignal<any>;
+    /**
+     * Close the popover on click
+     *
+     * @defaultValue true
+     */
+    readonly popoverCloseOnClick: _angular_core.InputSignal<boolean>;
+    /**
+     * Padding (in pixels) applied to the map view when zooming to a cluster, preventing points from being clipped at the edges.
+     * Specified as [top, right, bottom, left].
+     *
+     * @defaultValue [20, 20, 20, 20]
+     */
+    readonly fitClusterPadding: _angular_core.InputSignal<[number, number, number, number]>;
+    /**
+     * For Point geometry, padding (in pixels) to be cleared to fit the point inside the view after a click on it.
+     * Values in the array are: [top, right, bottom, left].
+     *
+     * @defaultValue [20, 20, 20, 20]
+     */
+    readonly fitPointPadding: _angular_core.InputSignal<number[]>;
+    /**
+     * For GeoJson, padding (in pixels) to be cleared to fit the GeoJson inside the view after a click on it.
+     * Values in the array are: [top, right, bottom, left].
+     *
+     * @defaultValue [20, 20, 20, 20]
+     */
+    readonly fitGeoJsonPadding: _angular_core.InputSignal<number[]>;
+    /**
+     * Cutoff text for tooltips, when cluster combines more than 4 features
+     *
+     * @deprecated Use `SiMapTooltipComponent` instead to set the `moreText` input e.g. `<si-map ...><si-map-tooltip [moreText]="'KEY_MORE'" /></si-map>`.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_MAPS.TOOLTIP_MORE_TEXT:and {{length}} more...`)
+     * ```
+     */
+    readonly moreText: _angular_core.InputSignal<_siemens_element_translate_ng.TranslatableString>;
+    /**
+     * Show multiple worlds, including points that cross the 180th meridian.
+     *
+     * @defaultValue true
+     */
+    readonly multiWorld: _angular_core.InputSignal<boolean>;
+    /**
+     * Show the label permanently next to the point.
+     * Normally the label is shown on hover or click.
+     * By enabling this it will always be visible next to the marker.
+     *
+     * @defaultValue false
+     */
+    readonly alwaysShowLabels: _angular_core.InputSignal<boolean>;
+    /**
+     * Maximum number of characters per line for always displayed labels of a point.
+     * If the label exceeds this limit, it will be wrapped or trimmed.
+     * If set to 0, label trimming will be disabled.
+     * This setting is effective only when {@link alwaysShowLabels} is enabled.
+     * Important: Changing this is not recommended in most cases and may cause issues with positioning of the labels.
+     *
+     * @defaultValue 20
+     */
+    readonly maxLabelLineLength: _angular_core.InputSignal<number>;
+    /**
+     * Maximum number of lines for always displayed labels of a point.
+     * If the label exceeds this limit, it will be trimmed.
+     * This setting is effective only when {@link alwaysShowLabels} is enabled and {@link maxLabelLineLength} is not 0.
+     * Important: Changing this is not recommended in most cases and may cause issues with positioning of the labels.
+     *
+     * @defaultValue 3
+     */
+    readonly maxLabelLines: _angular_core.InputSignal<number>;
+    /**
+     * Emitted when points on the map are selected or de-selected
+     */
+    readonly pointsSelected: _angular_core.OutputEmitterRef<MapPoint[]>;
+    /**
+     * Emitted when the points are available as features. So consumers can call methods like `zoomToPoints()` on the actual point list.
+     */
+    readonly pointsRefreshed: _angular_core.OutputEmitterRef<void>;
+    protected readonly popover: _angular_core.Signal<SiMapPopoverComponent>;
+    protected readonly popoverElement: _angular_core.Signal<ElementRef<any>>;
+    protected readonly defaultTooltip: _angular_core.Signal<SiMapTooltipComponent | undefined>;
+    protected readonly projectedTooltip: _angular_core.Signal<SiMapTooltipComponent | undefined>;
+    protected readonly tooltip: _angular_core.Signal<SiMapTooltipComponent>;
+    protected readonly mapReference: _angular_core.Signal<ElementRef<HTMLElement>>;
+    /** OpenLayers map instance. */
+    map?: Map;
+    tooltipOverlay: Overlay;
+    popoverOverlay: Overlay;
+    /** @defaultValue false */
+    isClicked: boolean;
+    /** @defaultValue [] */
+    features: Feature[];
+    selected?: Feature;
+    targetFeature?: Feature;
+    protected attributionsLabel: _siemens_element_translate_ng.TranslatableString;
+    protected zoomInLabel: _siemens_element_translate_ng.TranslatableString;
+    protected zoomOutLabel: _siemens_element_translate_ng.TranslatableString;
+    protected zoomToDefaultLabel: _siemens_element_translate_ng.TranslatableString;
+    protected clusterInteraction?: SelectCluster;
+    private selectedCluster?;
+    private darkTheme;
+    private readonly mapService;
+    private readonly ngZone;
+    private readonly translateService;
+    constructor();
+    private layerFilter;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngAfterViewChecked(): void;
+    ngOnDestroy(): void;
+    onThemeSwitchInternal(event: Event): void;
+    onThemeSwitch(dark: boolean): void;
+    /**
+     * @deprecated has no effect and will be removed in v48
+     */
+    onResize(): void;
+    private removePixelRatioListener;
+    private readonly updatePixelRatio;
+    /**
+     * Changes the pixel ration in OL which is not supported directly by OL.
+     */
+    private changeOpenLayerPixelRation;
+    /**
+     * Initialize map and it's layers
+     */
+    init(): void;
+    private centerValid;
+    private fixCenter;
+    /**
+     * Setting up the layers for the map (cluster/vector layer)
+     */
+    private setLayers;
+    /**
+     * Setting up the geoJson layer
+     */
+    setGeoJsonLayer(): void;
+    private setTheme;
+    private refreshLayersStyle;
+    /**
+     * Set Map style
+     * @param dark - boolean if dark theme should be active or not
+     * @param key - the api key for the maptiler styleJSON
+     * @param styleJSON - a preexisting styleJSON as url with key already provided
+     */
+    setMapStyle(dark?: boolean, key?: string, styleJSON?: string): void;
+    /**
+     * Set mapbox styles
+     * @param styleJSON - the styleJSON as a JSON object
+     */
+    mapboxStyles(styleJSON: any): void;
+    /**
+     * Create overlay for tooltip and popover
+     * @param nativeProperties - native properties
+     * @param container - to create overlay in
+     * @param position - overlay positioning
+     */
+    createOverlay(container: HTMLElement, position: Positioning, nativeProperties?: OverlayNativeProperties, isTooltip?: boolean): Overlay;
+    /**
+     * On feature hovering show tooltip and change cursor style
+     * @param event - A hovering event
+     */
+    onFeatureHover(event: MapBrowserEvent<UIEvent>): void;
+    /** Display tooltip on hovering over feature type of Feature. */
+    displayTooltip(feats: FeatureLike[]): void;
+    private doShowTooltip;
+    /**
+     * Clicking on cluster event
+     * @param event - openlayers event
+     */
+    onClusterClick(event: MapBrowserEvent<UIEvent>): void;
+    private emitSelection;
+    /**
+     * Zoom to cluster features
+     * @param clusterFeatures - features to zoom in
+     */
+    zoomCluster(clusterFeatures: Feature[]): void;
+    /**
+     * Close popup
+     */
+    closePopup(): boolean;
+    /**
+     * Return features inside feature object in case of cluster enabled/disabled
+     * @param feat - feature to get features from
+     */
+    featureCallback(feat: FeatureLike, clusterHolder?: ClusterHolder): Feature[] | undefined;
+    /**
+     * Zoom to features, gets coordinates of points and creates bounding extent
+     * @param points - list of points to zoom in, if empty all points will be zoomed to, need to be the same reference as the input
+     * @param zoomLevel - number for level to zoom in
+     */
+    zoomToPoints(points: MapPoint[], zoomLevel: number, shouldAnimate?: boolean): void;
+    /**
+     * Zoom to features, gets coordinates of features and creates bounding extent
+     * @param features - list of features to zoom in, if empty all features will be zoomed to
+     * @param zoomLevel - number for level to zoom in
+     */
+    zoomToFeatures(features: Feature[], zoomLevel: number, shouldAnimate?: boolean): void;
+    /**
+     * Zoom to GeoJson using coordinates of point of click
+     * @param coordinate - coordinates of point of click
+     * @param zoomLevel - number for level to zoom in
+     */
+    zoomToGeoJson(coordinate: Coordinate, zoomLevel: number, shouldAnimate?: boolean): void;
+    private zoomToCoordinates;
+    /**
+     * Refresh points with new set of points
+     * @param points - to refresh with
+     */
+    refresh(points: MapPoint[], zoomToFeatures?: boolean): void;
+    private doRefresh;
+    clear(): void;
+    private doClear;
+    /**
+     * Selecting the certain point on map with API
+     * @param point - which select
+     */
+    select(point: MapPoint, maxZoomLevel?: number): void;
+    private doSelect;
+    /** API for feature clicking with extra properties. */
+    featureClick(feature: Feature, event?: any, zoom?: boolean): void;
+    private setPopOver;
+    /**
+     * Show tooltip with content on hover over feature
+     * @param feature - to show popup on
+     */
+    showTooltipContent(feature: Feature): boolean;
+    /** Sends data into cluster tooltip based on number of
+     * @param features - in it
+     * */
+    showClusterTooltipContent(features: Feature[], cluster?: Feature): boolean;
+    hideOverlays(): void;
+    private getFeatureCoordinate;
+    /**
+     * Calculates cluster center coordinates (lon, lat) for cluster tooltip positioning base on
+     * @param features - (lon, lan)
+     */
+    private calculateClusterCoordinates;
+    private showClusterPopover;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiMapComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiMapComponent, "si-map", never, { "points": { "alias": "points"; "required": false; "isSignal": true; }; "geoJson": { "alias": "geoJson"; "required": false; "isSignal": true; }; "styleFunction": { "alias": "styleFunction"; "required": false; "isSignal": true; }; "geoJsonProjection": { "alias": "geoJsonProjection"; "required": false; "isSignal": true; }; "markerAnimation": { "alias": "markerAnimation"; "required": false; "isSignal": true; }; "cluster": { "alias": "cluster"; "required": false; "isSignal": true; }; "groupColors": { "alias": "groupColors"; "required": false; "isSignal": true; }; "nativeProperties": { "alias": "nativeProperties"; "required": false; "isSignal": true; }; "styleJson": { "alias": "styleJson"; "required": false; "isSignal": true; }; "displayTooltipOnHover": { "alias": "displayTooltipOnHover"; "required": false; "isSignal": true; }; "displayPopoverOnClick": { "alias": "displayPopoverOnClick"; "required": false; "isSignal": true; }; "displayPopoverOnHover": { "alias": "displayPopoverOnHover"; "required": false; "isSignal": true; }; "maptilerKey": { "alias": "maptilerKey"; "required": false; "isSignal": true; }; "displayTooltipOnClusterHover": { "alias": "displayTooltipOnClusterHover"; "required": false; "isSignal": true; }; "clusterDistance": { "alias": "clusterDistance"; "required": false; "isSignal": true; }; "featureSelectZoom": { "alias": "featureSelectZoom"; "required": false; "isSignal": true; }; "featureClickZoom": { "alias": "featureClickZoom"; "required": false; "isSignal": true; }; "clusterClickZoom": { "alias": "clusterClickZoom"; "required": false; "isSignal": true; }; "globalZoom": { "alias": "globalZoom"; "required": false; "isSignal": true; }; "autoZoomFeatureClick": { "alias": "autoZoomFeatureClick"; "required": false; "isSignal": true; }; "autoZoomClusterClick": { "alias": "autoZoomClusterClick"; "required": false; "isSignal": true; }; "popoverComponent": { "alias": "popoverComponent"; "required": false; "isSignal": true; }; "clusterPopoverComponent": { "alias": "clusterPopoverComponent"; "required": false; "isSignal": true; }; "popoverComponentProps": { "alias": "popoverComponentProps"; "required": false; "isSignal": true; }; "popoverCloseOnClick": { "alias": "popoverCloseOnClick"; "required": false; "isSignal": true; }; "fitClusterPadding": { "alias": "fitClusterPadding"; "required": false; "isSignal": true; }; "fitPointPadding": { "alias": "fitPointPadding"; "required": false; "isSignal": true; }; "fitGeoJsonPadding": { "alias": "fitGeoJsonPadding"; "required": false; "isSignal": true; }; "moreText": { "alias": "moreText"; "required": false; "isSignal": true; }; "multiWorld": { "alias": "multiWorld"; "required": false; "isSignal": true; }; "alwaysShowLabels": { "alias": "alwaysShowLabels"; "required": false; "isSignal": true; }; "maxLabelLineLength": { "alias": "maxLabelLineLength"; "required": false; "isSignal": true; }; "maxLabelLines": { "alias": "maxLabelLines"; "required": false; "isSignal": true; }; }, { "points": "pointsChange"; "pointsSelected": "pointsSelected"; "pointsRefreshed": "pointsRefreshed"; }, ["projectedTooltip"], ["si-map-tooltip"], true, never>;
+}
+
+declare class SiMapModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiMapModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiMapModule, never, [typeof SiMapComponent, typeof SiMapPopoverComponent, typeof SiMapTooltipComponent], [typeof SiMapComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiMapModule>;
+}
+
+declare class ElementMapsNgModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ElementMapsNgModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ElementMapsNgModule, never, never, [typeof SiMapModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ElementMapsNgModule>;
+}
+
+export { ANIMATION_DURATION, CLUSTER_CHARTS_FRAGMENTS, CLUSTER_RADIUS_SIZE, DEFAULT_CLUSTER_CLICK_ZOOM, DEFAULT_CLUSTER_DISTANCE, DEFAULT_CLUSTER_TYPE, DEFAULT_DONUT_RATIO, DEFAULT_FEATURE_CLICK_ZOOM, DEFAULT_FEATURE_SELECT_ZOOM, DEFAULT_FIT_PADDING, DEFAULT_GLOBAL_ZOOM, DEFAULT_ICON, DEFAULT_ICON_SCALE, DEFAULT_OFFSET, DEFAULT_STROKE_WEIGHT, ElementMapsNgModule, GEOJSON_LAYER, Grouping, LAYER_NAME, MAX_CLUSTER_BUILDINGS, MapService, POINTS_LAYER, SIEMENS_FONT, SIEMENS_FONT_LABELS, SiMapComponent, SiMapModule, SiMapPopoverComponent, SiMapTooltipComponent, TOOLTIP_FEATURES_TO_DISPLAY };
+export type { ColorPalette, ColorPalettes, IconMarkerOptions, LabelOptions, MapPoint, MapPointMetaData, MarkerOptions, MarkerStatusType, OverlayNativeProperties, RenderOptions };