@siemens/maps-ng 48.1.0 → 48.2.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { viewChild, input, signal, inject, ElementRef, Component, Directive, ViewContainerRef, TemplateRef, Injectable, model, output, contentChild, computed, NgZone, Injector, HostListener, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
3
|
-
import
|
|
4
|
-
import { t, SiTranslateModule } from '@siemens/element-translate-ng/translate';
|
|
3
|
+
import { t, SiTranslatePipe } from '@siemens/element-translate-ng/translate';
|
|
5
4
|
import AnimatedCluster from 'ol-ext/layer/AnimatedCluster';
|
|
6
5
|
import Chart from 'ol-ext/style/Chart';
|
|
7
6
|
import Feature from 'ol/Feature';
|
|
@@ -11,7 +10,7 @@ import { fromLonLat } from 'ol/proj';
|
|
|
11
10
|
import Cluster from 'ol/source/Cluster';
|
|
12
11
|
import VectorSource from 'ol/source/Vector';
|
|
13
12
|
import { Text, Stroke, Fill, Style, Circle, Icon } from 'ol/style';
|
|
14
|
-
import { t as t$1, SiTranslateServiceBuilder, SiNoTranslateService
|
|
13
|
+
import { t as t$1, SiTranslateServiceBuilder, SiNoTranslateService } from '@siemens/element-translate-ng';
|
|
15
14
|
import { apply } from 'ol-mapbox-style';
|
|
16
15
|
import Control from 'ol/control/Control';
|
|
17
16
|
import { defaults } from 'ol/control/defaults';
|
|
@@ -120,11 +119,11 @@ class SiMapTooltipComponent {
|
|
|
120
119
|
this.content().nativeElement.innerHTML = tooltip;
|
|
121
120
|
}
|
|
122
121
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
123
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiMapTooltipComponent, isStandalone: true, selector: "si-map-tooltip", inputs: { moreText: { classPropertyName: "moreText", publicName: "moreText", isSignal: true, isRequired: false, transformFunction: null }, maxLabelLength: { classPropertyName: "maxLabelLength", publicName: "maxLabelLength", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"si-map-tooltip\">\n <div #content></div>\n @if (hiddenEntries()) {\n <div>{{ moreText() | translate: { length: hiddenEntries() } }}</div>\n }\n</div>\n", styles: [".si-map-tooltip{text-align:start;margin-block-start:4px;position:relative;max-inline-size:max-content;padding-block:4px;padding-inline:8px;color:var(--element-ui-5);background-color:var(--element-ui-1);border-radius:var(--element-radius-1)}.si-map-tooltip:before{content:\"\";position:absolute;inset-block-start:-4px;left:50%;transform:translate(-50%) rotate(45deg);block-size:8px;inline-size:8px;background-color:inherit}\n"], dependencies: [{ kind: "
|
|
122
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiMapTooltipComponent, isStandalone: true, selector: "si-map-tooltip", inputs: { moreText: { classPropertyName: "moreText", publicName: "moreText", isSignal: true, isRequired: false, transformFunction: null }, maxLabelLength: { classPropertyName: "maxLabelLength", publicName: "maxLabelLength", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"si-map-tooltip\">\n <div #content></div>\n @if (hiddenEntries()) {\n <div>{{ moreText() | translate: { length: hiddenEntries() } }}</div>\n }\n</div>\n", styles: [".si-map-tooltip{text-align:start;margin-block-start:4px;position:relative;max-inline-size:max-content;padding-block:4px;padding-inline:8px;color:var(--element-ui-5);background-color:var(--element-ui-1);border-radius:var(--element-radius-1)}.si-map-tooltip:before{content:\"\";position:absolute;inset-block-start:-4px;left:50%;transform:translate(-50%) rotate(45deg);block-size:8px;inline-size:8px;background-color:inherit}\n"], dependencies: [{ kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
|
|
124
123
|
}
|
|
125
124
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapTooltipComponent, decorators: [{
|
|
126
125
|
type: Component,
|
|
127
|
-
args: [{ selector: 'si-map-tooltip', imports: [
|
|
126
|
+
args: [{ selector: 'si-map-tooltip', imports: [SiTranslatePipe], template: "<div class=\"si-map-tooltip\">\n <div #content></div>\n @if (hiddenEntries()) {\n <div>{{ moreText() | translate: { length: hiddenEntries() } }}</div>\n }\n</div>\n", styles: [".si-map-tooltip{text-align:start;margin-block-start:4px;position:relative;max-inline-size:max-content;padding-block:4px;padding-inline:8px;color:var(--element-ui-5);background-color:var(--element-ui-1);border-radius:var(--element-radius-1)}.si-map-tooltip:before{content:\"\";position:absolute;inset-block-start:-4px;left:50%;transform:translate(-50%) rotate(45deg);block-size:8px;inline-size:8px;background-color:inherit}\n"] }]
|
|
128
127
|
}] });
|
|
129
128
|
|
|
130
129
|
/**
|
|
@@ -701,7 +700,7 @@ class MapService {
|
|
|
701
700
|
// Here we iterate over all clusters and check if the feature is among them
|
|
702
701
|
clusterSource.getFeatures().forEach(cluster => {
|
|
703
702
|
clusterFeatures = cluster.get('features');
|
|
704
|
-
if (clusterFeatures
|
|
703
|
+
if (clusterFeatures?.length === 1 && clusterFeatures[0] === feature) {
|
|
705
704
|
isClustered = false;
|
|
706
705
|
}
|
|
707
706
|
});
|
|
@@ -4204,7 +4203,7 @@ class SiMapComponent {
|
|
|
4204
4203
|
this.map.getLayers().forEach(layer => {
|
|
4205
4204
|
if (layer instanceof Layer) {
|
|
4206
4205
|
const source = layer.getSource();
|
|
4207
|
-
if (source
|
|
4206
|
+
if (source?.tilePixelRatio_ !== undefined) {
|
|
4208
4207
|
source.tilePixelRatio_ = devicePixelRatio;
|
|
4209
4208
|
source.refresh();
|
|
4210
4209
|
}
|
|
@@ -4478,7 +4477,7 @@ class SiMapComponent {
|
|
|
4478
4477
|
}
|
|
4479
4478
|
for (const feat of feats) {
|
|
4480
4479
|
const features = this.featureCallback(feat);
|
|
4481
|
-
if (features
|
|
4480
|
+
if (features?.length === 1) {
|
|
4482
4481
|
this.showTooltipContent(features[0]);
|
|
4483
4482
|
return;
|
|
4484
4483
|
}
|
|
@@ -4835,11 +4834,11 @@ class SiMapComponent {
|
|
|
4835
4834
|
this.selectedCluster = cluster;
|
|
4836
4835
|
}
|
|
4837
4836
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4838
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.6", type: SiMapComponent, isStandalone: true, selector: "si-map", inputs: { points: { classPropertyName: "points", publicName: "points", isSignal: true, isRequired: false, transformFunction: null }, geoJson: { classPropertyName: "geoJson", publicName: "geoJson", isSignal: true, isRequired: false, transformFunction: null }, styleFunction: { classPropertyName: "styleFunction", publicName: "styleFunction", isSignal: true, isRequired: false, transformFunction: null }, geoJsonProjection: { classPropertyName: "geoJsonProjection", publicName: "geoJsonProjection", isSignal: true, isRequired: false, transformFunction: null }, markerAnimation: { classPropertyName: "markerAnimation", publicName: "markerAnimation", isSignal: true, isRequired: false, transformFunction: null }, cluster: { classPropertyName: "cluster", publicName: "cluster", isSignal: true, isRequired: false, transformFunction: null }, groupColors: { classPropertyName: "groupColors", publicName: "groupColors", isSignal: true, isRequired: false, transformFunction: null }, nativeProperties: { classPropertyName: "nativeProperties", publicName: "nativeProperties", isSignal: true, isRequired: false, transformFunction: null }, styleJson: { classPropertyName: "styleJson", publicName: "styleJson", isSignal: true, isRequired: false, transformFunction: null }, displayTooltipOnHover: { classPropertyName: "displayTooltipOnHover", publicName: "displayTooltipOnHover", isSignal: true, isRequired: false, transformFunction: null }, displayPopoverOnClick: { classPropertyName: "displayPopoverOnClick", publicName: "displayPopoverOnClick", isSignal: true, isRequired: false, transformFunction: null }, displayPopoverOnHover: { classPropertyName: "displayPopoverOnHover", publicName: "displayPopoverOnHover", isSignal: true, isRequired: false, transformFunction: null }, maptilerKey: { classPropertyName: "maptilerKey", publicName: "maptilerKey", isSignal: true, isRequired: false, transformFunction: null }, displayTooltipOnClusterHover: { classPropertyName: "displayTooltipOnClusterHover", publicName: "displayTooltipOnClusterHover", isSignal: true, isRequired: false, transformFunction: null }, clusterDistance: { classPropertyName: "clusterDistance", publicName: "clusterDistance", isSignal: true, isRequired: false, transformFunction: null }, featureSelectZoom: { classPropertyName: "featureSelectZoom", publicName: "featureSelectZoom", isSignal: true, isRequired: false, transformFunction: null }, featureClickZoom: { classPropertyName: "featureClickZoom", publicName: "featureClickZoom", isSignal: true, isRequired: false, transformFunction: null }, clusterClickZoom: { classPropertyName: "clusterClickZoom", publicName: "clusterClickZoom", isSignal: true, isRequired: false, transformFunction: null }, globalZoom: { classPropertyName: "globalZoom", publicName: "globalZoom", isSignal: true, isRequired: false, transformFunction: null }, autoZoomFeatureClick: { classPropertyName: "autoZoomFeatureClick", publicName: "autoZoomFeatureClick", isSignal: true, isRequired: false, transformFunction: null }, autoZoomClusterClick: { classPropertyName: "autoZoomClusterClick", publicName: "autoZoomClusterClick", isSignal: true, isRequired: false, transformFunction: null }, popoverComponent: { classPropertyName: "popoverComponent", publicName: "popoverComponent", isSignal: true, isRequired: false, transformFunction: null }, clusterPopoverComponent: { classPropertyName: "clusterPopoverComponent", publicName: "clusterPopoverComponent", isSignal: true, isRequired: false, transformFunction: null }, popoverComponentProps: { classPropertyName: "popoverComponentProps", publicName: "popoverComponentProps", isSignal: true, isRequired: false, transformFunction: null }, popoverCloseOnClick: { classPropertyName: "popoverCloseOnClick", publicName: "popoverCloseOnClick", isSignal: true, isRequired: false, transformFunction: null }, fitClusterPadding: { classPropertyName: "fitClusterPadding", publicName: "fitClusterPadding", isSignal: true, isRequired: false, transformFunction: null }, fitPointPadding: { classPropertyName: "fitPointPadding", publicName: "fitPointPadding", isSignal: true, isRequired: false, transformFunction: null }, fitGeoJsonPadding: { classPropertyName: "fitGeoJsonPadding", publicName: "fitGeoJsonPadding", isSignal: true, isRequired: false, transformFunction: null }, moreText: { classPropertyName: "moreText", publicName: "moreText", isSignal: true, isRequired: false, transformFunction: null }, multiWorld: { classPropertyName: "multiWorld", publicName: "multiWorld", isSignal: true, isRequired: false, transformFunction: null }, alwaysShowLabels: { classPropertyName: "alwaysShowLabels", publicName: "alwaysShowLabels", isSignal: true, isRequired: false, transformFunction: null }, maxLabelLineLength: { classPropertyName: "maxLabelLineLength", publicName: "maxLabelLineLength", isSignal: true, isRequired: false, transformFunction: null }, maxLabelLines: { classPropertyName: "maxLabelLines", publicName: "maxLabelLines", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { points: "pointsChange", pointsSelected: "pointsSelected", pointsRefreshed: "pointsRefreshed" }, host: { listeners: { "window:theme-switch": "onThemeSwitchInternal($event)" } }, providers: [MapService], queries: [{ propertyName: "projectedTooltip", first: true, predicate: SiMapTooltipComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "popover", first: true, predicate: SiMapPopoverComponent, descendants: true, isSignal: true }, { propertyName: "popoverElement", first: true, predicate: ["popover"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "defaultTooltip", first: true, predicate: SiMapTooltipComponent, descendants: true, isSignal: true }, { propertyName: "mapReference", first: true, predicate: ["map"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div #map class=\"map\"></div>\n<ng-content select=\"si-map-tooltip\">\n <si-map-tooltip [moreText]=\"moreText()\" />\n</ng-content>\n<si-map-popover #popover />\n", styles: [":host{display:block;inline-size:auto}.map{inline-size:100%;block-size:100%;z-index:-1}:host::ng-deep .ol-control{background-color:unset}:host::ng-deep .ol-control button{display:flex;align-items:center;justify-content:center;position:relative;background:var(--element-base-3);color:var(--element-action-secondary-text);margin:0;line-height:1;border-radius:0;inline-size:32px;block-size:32px;font-size:1.5rem;outline:none}:host::ng-deep .ol-control button:hover{color:var(--element-action-secondary-text-hover);background:var(--element-action-secondary-hover)}:host::ng-deep .ol-control button:focus-visible{outline:var(--element-button-focus-width) solid var(--element-focus-default);outline-offset:calc(-1 * var(--element-button-focus-width))}:host::ng-deep .ol-control button+button{margin-block-start:1px}:host::ng-deep .ol-attribution,:host::ng-deep .ol-full-screen,:host::ng-deep .ol-zoom,:host::ng-deep .ol-zoom-extent{left:unset;right:unset;top:unset;bottom:unset}:host::ng-deep .ol-zoom,:host::ng-deep .ol-zoom-extent{inset-inline-end:0;inset-block-end:0;padding-inline-end:8px;padding-block-end:8px}:host::ng-deep .ol-zoom{padding-block-end:41px}:host::ng-deep .ol-attribution{inset-inline-start:0;inset-block-end:0;padding:8px}:host::ng-deep .ol-attribution button{inline-size:1.5rem;block-size:1.5rem;font-size:1.5rem;border-radius:50%}:host::ng-deep .ol-full-screen{inset-block-end:80px;inset-inline-end:8px}:host::ng-deep .ol-overlay-container{left:0}\n"], dependencies: [{ kind: "component", type: SiMapTooltipComponent, selector: "si-map-tooltip", inputs: ["moreText", "maxLabelLength"] }, { kind: "component", type: SiMapPopoverComponent, selector: "si-map-popover" }
|
|
4837
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.6", type: SiMapComponent, isStandalone: true, selector: "si-map", inputs: { points: { classPropertyName: "points", publicName: "points", isSignal: true, isRequired: false, transformFunction: null }, geoJson: { classPropertyName: "geoJson", publicName: "geoJson", isSignal: true, isRequired: false, transformFunction: null }, styleFunction: { classPropertyName: "styleFunction", publicName: "styleFunction", isSignal: true, isRequired: false, transformFunction: null }, geoJsonProjection: { classPropertyName: "geoJsonProjection", publicName: "geoJsonProjection", isSignal: true, isRequired: false, transformFunction: null }, markerAnimation: { classPropertyName: "markerAnimation", publicName: "markerAnimation", isSignal: true, isRequired: false, transformFunction: null }, cluster: { classPropertyName: "cluster", publicName: "cluster", isSignal: true, isRequired: false, transformFunction: null }, groupColors: { classPropertyName: "groupColors", publicName: "groupColors", isSignal: true, isRequired: false, transformFunction: null }, nativeProperties: { classPropertyName: "nativeProperties", publicName: "nativeProperties", isSignal: true, isRequired: false, transformFunction: null }, styleJson: { classPropertyName: "styleJson", publicName: "styleJson", isSignal: true, isRequired: false, transformFunction: null }, displayTooltipOnHover: { classPropertyName: "displayTooltipOnHover", publicName: "displayTooltipOnHover", isSignal: true, isRequired: false, transformFunction: null }, displayPopoverOnClick: { classPropertyName: "displayPopoverOnClick", publicName: "displayPopoverOnClick", isSignal: true, isRequired: false, transformFunction: null }, displayPopoverOnHover: { classPropertyName: "displayPopoverOnHover", publicName: "displayPopoverOnHover", isSignal: true, isRequired: false, transformFunction: null }, maptilerKey: { classPropertyName: "maptilerKey", publicName: "maptilerKey", isSignal: true, isRequired: false, transformFunction: null }, displayTooltipOnClusterHover: { classPropertyName: "displayTooltipOnClusterHover", publicName: "displayTooltipOnClusterHover", isSignal: true, isRequired: false, transformFunction: null }, clusterDistance: { classPropertyName: "clusterDistance", publicName: "clusterDistance", isSignal: true, isRequired: false, transformFunction: null }, featureSelectZoom: { classPropertyName: "featureSelectZoom", publicName: "featureSelectZoom", isSignal: true, isRequired: false, transformFunction: null }, featureClickZoom: { classPropertyName: "featureClickZoom", publicName: "featureClickZoom", isSignal: true, isRequired: false, transformFunction: null }, clusterClickZoom: { classPropertyName: "clusterClickZoom", publicName: "clusterClickZoom", isSignal: true, isRequired: false, transformFunction: null }, globalZoom: { classPropertyName: "globalZoom", publicName: "globalZoom", isSignal: true, isRequired: false, transformFunction: null }, autoZoomFeatureClick: { classPropertyName: "autoZoomFeatureClick", publicName: "autoZoomFeatureClick", isSignal: true, isRequired: false, transformFunction: null }, autoZoomClusterClick: { classPropertyName: "autoZoomClusterClick", publicName: "autoZoomClusterClick", isSignal: true, isRequired: false, transformFunction: null }, popoverComponent: { classPropertyName: "popoverComponent", publicName: "popoverComponent", isSignal: true, isRequired: false, transformFunction: null }, clusterPopoverComponent: { classPropertyName: "clusterPopoverComponent", publicName: "clusterPopoverComponent", isSignal: true, isRequired: false, transformFunction: null }, popoverComponentProps: { classPropertyName: "popoverComponentProps", publicName: "popoverComponentProps", isSignal: true, isRequired: false, transformFunction: null }, popoverCloseOnClick: { classPropertyName: "popoverCloseOnClick", publicName: "popoverCloseOnClick", isSignal: true, isRequired: false, transformFunction: null }, fitClusterPadding: { classPropertyName: "fitClusterPadding", publicName: "fitClusterPadding", isSignal: true, isRequired: false, transformFunction: null }, fitPointPadding: { classPropertyName: "fitPointPadding", publicName: "fitPointPadding", isSignal: true, isRequired: false, transformFunction: null }, fitGeoJsonPadding: { classPropertyName: "fitGeoJsonPadding", publicName: "fitGeoJsonPadding", isSignal: true, isRequired: false, transformFunction: null }, moreText: { classPropertyName: "moreText", publicName: "moreText", isSignal: true, isRequired: false, transformFunction: null }, multiWorld: { classPropertyName: "multiWorld", publicName: "multiWorld", isSignal: true, isRequired: false, transformFunction: null }, alwaysShowLabels: { classPropertyName: "alwaysShowLabels", publicName: "alwaysShowLabels", isSignal: true, isRequired: false, transformFunction: null }, maxLabelLineLength: { classPropertyName: "maxLabelLineLength", publicName: "maxLabelLineLength", isSignal: true, isRequired: false, transformFunction: null }, maxLabelLines: { classPropertyName: "maxLabelLines", publicName: "maxLabelLines", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { points: "pointsChange", pointsSelected: "pointsSelected", pointsRefreshed: "pointsRefreshed" }, host: { listeners: { "window:theme-switch": "onThemeSwitchInternal($event)" } }, providers: [MapService], queries: [{ propertyName: "projectedTooltip", first: true, predicate: SiMapTooltipComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "popover", first: true, predicate: SiMapPopoverComponent, descendants: true, isSignal: true }, { propertyName: "popoverElement", first: true, predicate: ["popover"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "defaultTooltip", first: true, predicate: SiMapTooltipComponent, descendants: true, isSignal: true }, { propertyName: "mapReference", first: true, predicate: ["map"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div #map class=\"map\"></div>\n<ng-content select=\"si-map-tooltip\">\n <si-map-tooltip [moreText]=\"moreText()\" />\n</ng-content>\n<si-map-popover #popover />\n", styles: [":host{display:block;inline-size:auto}.map{inline-size:100%;block-size:100%;z-index:-1}:host::ng-deep .ol-control{background-color:unset}:host::ng-deep .ol-control button{display:flex;align-items:center;justify-content:center;position:relative;background:var(--element-base-3);color:var(--element-action-secondary-text);margin:0;line-height:1;border-radius:0;inline-size:32px;block-size:32px;font-size:1.5rem;outline:none}:host::ng-deep .ol-control button:hover{color:var(--element-action-secondary-text-hover);background:var(--element-action-secondary-hover)}:host::ng-deep .ol-control button:focus-visible{outline:var(--element-button-focus-width) solid var(--element-focus-default);outline-offset:calc(-1 * var(--element-button-focus-width))}:host::ng-deep .ol-control button+button{margin-block-start:1px}:host::ng-deep .ol-attribution,:host::ng-deep .ol-full-screen,:host::ng-deep .ol-zoom,:host::ng-deep .ol-zoom-extent{left:unset;right:unset;top:unset;bottom:unset}:host::ng-deep .ol-zoom,:host::ng-deep .ol-zoom-extent{inset-inline-end:0;inset-block-end:0;padding-inline-end:8px;padding-block-end:8px}:host::ng-deep .ol-zoom{padding-block-end:41px}:host::ng-deep .ol-attribution{inset-inline-start:0;inset-block-end:0;padding:8px}:host::ng-deep .ol-attribution button{inline-size:1.5rem;block-size:1.5rem;font-size:1.5rem;border-radius:50%}:host::ng-deep .ol-full-screen{inset-block-end:80px;inset-inline-end:8px}:host::ng-deep .ol-overlay-container{left:0}\n"], dependencies: [{ kind: "component", type: SiMapTooltipComponent, selector: "si-map-tooltip", inputs: ["moreText", "maxLabelLength"] }, { kind: "component", type: SiMapPopoverComponent, selector: "si-map-popover" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4839
4838
|
}
|
|
4840
4839
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapComponent, decorators: [{
|
|
4841
4840
|
type: Component,
|
|
4842
|
-
args: [{ selector: 'si-map', imports: [SiMapTooltipComponent, SiMapPopoverComponent
|
|
4841
|
+
args: [{ selector: 'si-map', imports: [SiMapTooltipComponent, SiMapPopoverComponent], providers: [MapService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #map class=\"map\"></div>\n<ng-content select=\"si-map-tooltip\">\n <si-map-tooltip [moreText]=\"moreText()\" />\n</ng-content>\n<si-map-popover #popover />\n", styles: [":host{display:block;inline-size:auto}.map{inline-size:100%;block-size:100%;z-index:-1}:host::ng-deep .ol-control{background-color:unset}:host::ng-deep .ol-control button{display:flex;align-items:center;justify-content:center;position:relative;background:var(--element-base-3);color:var(--element-action-secondary-text);margin:0;line-height:1;border-radius:0;inline-size:32px;block-size:32px;font-size:1.5rem;outline:none}:host::ng-deep .ol-control button:hover{color:var(--element-action-secondary-text-hover);background:var(--element-action-secondary-hover)}:host::ng-deep .ol-control button:focus-visible{outline:var(--element-button-focus-width) solid var(--element-focus-default);outline-offset:calc(-1 * var(--element-button-focus-width))}:host::ng-deep .ol-control button+button{margin-block-start:1px}:host::ng-deep .ol-attribution,:host::ng-deep .ol-full-screen,:host::ng-deep .ol-zoom,:host::ng-deep .ol-zoom-extent{left:unset;right:unset;top:unset;bottom:unset}:host::ng-deep .ol-zoom,:host::ng-deep .ol-zoom-extent{inset-inline-end:0;inset-block-end:0;padding-inline-end:8px;padding-block-end:8px}:host::ng-deep .ol-zoom{padding-block-end:41px}:host::ng-deep .ol-attribution{inset-inline-start:0;inset-block-end:0;padding:8px}:host::ng-deep .ol-attribution button{inline-size:1.5rem;block-size:1.5rem;font-size:1.5rem;border-radius:50%}:host::ng-deep .ol-full-screen{inset-block-end:80px;inset-inline-end:8px}:host::ng-deep .ol-overlay-container{left:0}\n"] }]
|
|
4843
4842
|
}], ctorParameters: () => [], propDecorators: { onThemeSwitchInternal: [{
|
|
4844
4843
|
type: HostListener,
|
|
4845
4844
|
args: ['window:theme-switch', ['$event']]
|
|
@@ -4852,7 +4851,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
4852
4851
|
class SiMapModule {
|
|
4853
4852
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4854
4853
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: SiMapModule, imports: [SiMapComponent, SiMapPopoverComponent, SiMapTooltipComponent], exports: [SiMapComponent] });
|
|
4855
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapModule
|
|
4854
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapModule });
|
|
4856
4855
|
}
|
|
4857
4856
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapModule, decorators: [{
|
|
4858
4857
|
type: NgModule,
|