@siemens/maps-ng 48.9.0 → 49.0.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.
@@ -72,17 +72,17 @@ class SiMapTooltipComponent {
72
72
  * t(() =>$localize`:@@SI_MAPS.TOOLTIP_MORE_TEXT:and {{length}} more...`)
73
73
  * ```
74
74
  */
75
- moreText = input(t(() => $localize `:@@SI_MAPS.TOOLTIP_MORE_TEXT:and {{length}} more...`));
75
+ moreText = input(t(() => $localize `:@@SI_MAPS.TOOLTIP_MORE_TEXT:and {{length}} more...`), ...(ngDevMode ? [{ debugName: "moreText" }] : []));
76
76
  /**
77
77
  * 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.
78
78
  * If set to -1, it will not cut off the string.
79
79
  * @defaultValue 50
80
80
  */
81
- maxLabelLength = input(50);
81
+ maxLabelLength = input(50, ...(ngDevMode ? [{ debugName: "maxLabelLength" }] : []));
82
82
  get nativeElement() {
83
83
  return this.elementRef.nativeElement;
84
84
  }
85
- hiddenEntries = signal(0);
85
+ hiddenEntries = signal(0, ...(ngDevMode ? [{ debugName: "hiddenEntries" }] : []));
86
86
  elementRef = inject(ElementRef);
87
87
  /**
88
88
  * Method sets tooltip content. If parameter is of type
@@ -117,13 +117,13 @@ class SiMapTooltipComponent {
117
117
  setContent(tooltip) {
118
118
  this.content().nativeElement.innerHTML = tooltip;
119
119
  }
120
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
121
- 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" }] });
120
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
121
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", 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" }] });
122
122
  }
123
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapTooltipComponent, decorators: [{
123
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapTooltipComponent, decorators: [{
124
124
  type: Component,
125
125
  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"] }]
126
- }] });
126
+ }], propDecorators: { content: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }], moreText: [{ type: i0.Input, args: [{ isSignal: true, alias: "moreText", required: false }] }], maxLabelLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLabelLength", required: false }] }] } });
127
127
 
128
128
  /**
129
129
  * Copyright (c) Siemens 2016 - 2025
@@ -133,10 +133,10 @@ class SiMapPopoverClusterTemplateDirective {
133
133
  static ngTemplateContextGuard(directive, context) {
134
134
  return true;
135
135
  }
136
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapPopoverClusterTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
137
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: SiMapPopoverClusterTemplateDirective, isStandalone: true, selector: "[siMapPopoverClusterTemplate]", ngImport: i0 });
136
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapPopoverClusterTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
137
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: SiMapPopoverClusterTemplateDirective, isStandalone: true, selector: "[siMapPopoverClusterTemplate]", ngImport: i0 });
138
138
  }
139
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapPopoverClusterTemplateDirective, decorators: [{
139
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapPopoverClusterTemplateDirective, decorators: [{
140
140
  type: Directive,
141
141
  args: [{
142
142
  selector: `[siMapPopoverClusterTemplate]`
@@ -151,10 +151,10 @@ class SiMapPopoverTemplateDirective {
151
151
  static ngTemplateContextGuard(directive, context) {
152
152
  return true;
153
153
  }
154
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapPopoverTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
155
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: SiMapPopoverTemplateDirective, isStandalone: true, selector: "[siMapPopoverTemplate]", ngImport: i0 });
154
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapPopoverTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
155
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: SiMapPopoverTemplateDirective, isStandalone: true, selector: "[siMapPopoverTemplate]", ngImport: i0 });
156
156
  }
157
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapPopoverTemplateDirective, decorators: [{
157
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapPopoverTemplateDirective, decorators: [{
158
158
  type: Directive,
159
159
  args: [{
160
160
  selector: `[siMapPopoverTemplate]`
@@ -167,7 +167,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
167
167
  */
168
168
  class SiMapPopoverComponent {
169
169
  elementRef = viewChild.required('popover');
170
- maxHeight = signal(null);
170
+ maxHeight = signal(null, ...(ngDevMode ? [{ debugName: "maxHeight" }] : []));
171
171
  contentContainer = viewChild.required('contentContainer', {
172
172
  read: ViewContainerRef
173
173
  });
@@ -203,13 +203,19 @@ class SiMapPopoverComponent {
203
203
  const context = Array.isArray(mapPoints) ? { mapPoints } : { mapPoint: mapPoints };
204
204
  this.contentContainer().createEmbeddedView(this.defaultCluster(), context).detectChanges();
205
205
  }
206
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
207
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiMapPopoverComponent, isStandalone: true, selector: "si-map-popover", viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["popover"], descendants: true, isSignal: true }, { propertyName: "contentContainer", first: true, predicate: ["contentContainer"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "defaultContent", first: true, predicate: ["defaultContent"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "defaultCluster", first: true, predicate: ["defaultCluster"], descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<div #popover class=\"si-map-popover\">\n <div class=\"si-map-popover-arrow\"></div>\n\n <div class=\"si-map-popover-content\">\n <div class=\"overflow-auto px-5\">\n <div #contentContainer></div>\n </div>\n </div>\n</div>\n\n<ng-template #defaultContent let-mapPoint=\"mapPoint\" siMapPopoverTemplate>\n <div>{{ mapPoint?.name }}</div>\n <div [innerHTML]=\"mapPoint?.description\"></div>\n</ng-template>\n<ng-template #defaultCluster let-mapPoints=\"mapPoints\" siMapPopoverClusterTemplate>\n <div [style.max-block-size.px]=\"maxHeight()\">\n <div class=\"si-map-popover-list\">\n @for (point of mapPoints; track $index) {\n <div class=\"si-map-popover-item\">\n <div class=\"si-map-popover-item-title\">{{ point.name }}</div>\n <div class=\"si-map-popover-item-description\" [innerHTML]=\"point.description\"></div>\n </div>\n }\n </div>\n </div>\n</ng-template>\n", styles: [".si-map-popover{position:absolute;z-index:1070;display:block;min-inline-size:280px;word-wrap:break-word;background-color:var(--element-base-3);background-clip:padding-box;border:1px solid var(--element-ui-4);border-radius:var(--element-radius-2);box-shadow:0 0 8px var(--element-box-shadow-color-1),0 8px 8px var(--element-box-shadow-color-2);margin-block-start:4px;inset-inline-start:-20px}.si-map-popover-arrow{position:absolute;display:block;inline-size:12px;block-size:6px;margin-block:0;margin-inline:13px;inset-block-start:-7px}.si-map-popover-arrow:before,.si-map-popover-arrow:after{position:absolute;display:block;content:\"\";border-color:transparent;border-style:solid;border-inline-width:6px;border-block-width:0 6px}.si-map-popover-arrow:before{inset-block-start:0;border-block-end-color:var(--element-ui-4)}.si-map-popover-arrow:after{inset-block-start:1px;border-block-end-color:var(--element-base-3)}.si-map-popover-content{padding-block:12px;color:var(--element-text-primary)}.si-map-popover .si-map-popover-item{display:flex;margin-block-end:12px;flex-direction:column;gap:4px}.si-map-popover .si-map-popover-item-title{font-weight:bolder}\n"], dependencies: [{ kind: "directive", type: SiMapPopoverTemplateDirective, selector: "[siMapPopoverTemplate]" }, { kind: "directive", type: SiMapPopoverClusterTemplateDirective, selector: "[siMapPopoverClusterTemplate]" }] });
206
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
207
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiMapPopoverComponent, isStandalone: true, selector: "si-map-popover", viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["popover"], descendants: true, isSignal: true }, { propertyName: "contentContainer", first: true, predicate: ["contentContainer"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "defaultContent", first: true, predicate: ["defaultContent"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "defaultCluster", first: true, predicate: ["defaultCluster"], descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<div #popover class=\"si-map-popover\">\n <div class=\"si-map-popover-arrow\"></div>\n\n <div class=\"si-map-popover-content\">\n <div class=\"overflow-auto px-5\">\n <div #contentContainer></div>\n </div>\n </div>\n</div>\n\n<ng-template #defaultContent let-mapPoint=\"mapPoint\" siMapPopoverTemplate>\n <div>{{ mapPoint?.name }}</div>\n <div [innerHTML]=\"mapPoint?.description\"></div>\n</ng-template>\n<ng-template #defaultCluster let-mapPoints=\"mapPoints\" siMapPopoverClusterTemplate>\n <div [style.max-block-size.px]=\"maxHeight()\">\n <div class=\"si-map-popover-list\">\n @for (point of mapPoints; track $index) {\n <div class=\"si-map-popover-item\">\n <div class=\"si-map-popover-item-title\">{{ point.name }}</div>\n <div class=\"si-map-popover-item-description\" [innerHTML]=\"point.description\"></div>\n </div>\n }\n </div>\n </div>\n</ng-template>\n", styles: [".si-map-popover{position:absolute;z-index:1070;display:block;min-inline-size:280px;word-wrap:break-word;background-color:var(--element-base-3);background-clip:padding-box;border:1px solid var(--element-ui-4);border-radius:var(--element-radius-2);box-shadow:0 0 8px var(--element-box-shadow-color-1),0 8px 8px var(--element-box-shadow-color-2);margin-block-start:4px;inset-inline-start:-20px}.si-map-popover-arrow{position:absolute;display:block;inline-size:12px;block-size:6px;margin-block:0;margin-inline:13px;inset-block-start:-7px}.si-map-popover-arrow:before,.si-map-popover-arrow:after{position:absolute;display:block;content:\"\";border-color:transparent;border-style:solid;border-inline-width:6px;border-block-width:0 6px}.si-map-popover-arrow:before{inset-block-start:0;border-block-end-color:var(--element-ui-4)}.si-map-popover-arrow:after{inset-block-start:1px;border-block-end-color:var(--element-base-3)}.si-map-popover-content{padding-block:12px;color:var(--element-text-primary)}.si-map-popover .si-map-popover-item{display:flex;margin-block-end:12px;flex-direction:column;gap:4px}.si-map-popover .si-map-popover-item-title{font-weight:bolder}\n"], dependencies: [{ kind: "directive", type: SiMapPopoverTemplateDirective, selector: "[siMapPopoverTemplate]" }, { kind: "directive", type: SiMapPopoverClusterTemplateDirective, selector: "[siMapPopoverClusterTemplate]" }] });
208
208
  }
209
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapPopoverComponent, decorators: [{
209
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapPopoverComponent, decorators: [{
210
210
  type: Component,
211
211
  args: [{ selector: 'si-map-popover', imports: [SiMapPopoverTemplateDirective, SiMapPopoverClusterTemplateDirective], template: "<div #popover class=\"si-map-popover\">\n <div class=\"si-map-popover-arrow\"></div>\n\n <div class=\"si-map-popover-content\">\n <div class=\"overflow-auto px-5\">\n <div #contentContainer></div>\n </div>\n </div>\n</div>\n\n<ng-template #defaultContent let-mapPoint=\"mapPoint\" siMapPopoverTemplate>\n <div>{{ mapPoint?.name }}</div>\n <div [innerHTML]=\"mapPoint?.description\"></div>\n</ng-template>\n<ng-template #defaultCluster let-mapPoints=\"mapPoints\" siMapPopoverClusterTemplate>\n <div [style.max-block-size.px]=\"maxHeight()\">\n <div class=\"si-map-popover-list\">\n @for (point of mapPoints; track $index) {\n <div class=\"si-map-popover-item\">\n <div class=\"si-map-popover-item-title\">{{ point.name }}</div>\n <div class=\"si-map-popover-item-description\" [innerHTML]=\"point.description\"></div>\n </div>\n }\n </div>\n </div>\n</ng-template>\n", styles: [".si-map-popover{position:absolute;z-index:1070;display:block;min-inline-size:280px;word-wrap:break-word;background-color:var(--element-base-3);background-clip:padding-box;border:1px solid var(--element-ui-4);border-radius:var(--element-radius-2);box-shadow:0 0 8px var(--element-box-shadow-color-1),0 8px 8px var(--element-box-shadow-color-2);margin-block-start:4px;inset-inline-start:-20px}.si-map-popover-arrow{position:absolute;display:block;inline-size:12px;block-size:6px;margin-block:0;margin-inline:13px;inset-block-start:-7px}.si-map-popover-arrow:before,.si-map-popover-arrow:after{position:absolute;display:block;content:\"\";border-color:transparent;border-style:solid;border-inline-width:6px;border-block-width:0 6px}.si-map-popover-arrow:before{inset-block-start:0;border-block-end-color:var(--element-ui-4)}.si-map-popover-arrow:after{inset-block-start:1px;border-block-end-color:var(--element-base-3)}.si-map-popover-content{padding-block:12px;color:var(--element-text-primary)}.si-map-popover .si-map-popover-item{display:flex;margin-block-end:12px;flex-direction:column;gap:4px}.si-map-popover .si-map-popover-item-title{font-weight:bolder}\n"] }]
212
- }] });
212
+ }], propDecorators: { elementRef: [{ type: i0.ViewChild, args: ['popover', { isSignal: true }] }], contentContainer: [{ type: i0.ViewChild, args: ['contentContainer', { ...{
213
+ read: ViewContainerRef
214
+ }, isSignal: true }] }], defaultContent: [{ type: i0.ViewChild, args: ['defaultContent', { ...{
215
+ read: TemplateRef
216
+ }, isSignal: true }] }], defaultCluster: [{ type: i0.ViewChild, args: ['defaultCluster', { ...{
217
+ read: TemplateRef
218
+ }, isSignal: true }] }] } });
213
219
 
214
220
  /**
215
221
  * Copyright (c) Siemens 2016 - 2025
@@ -884,10 +890,10 @@ class MapService {
884
890
  src: svgb64
885
891
  });
886
892
  }
887
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
888
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapService, providedIn: 'root' });
893
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MapService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
894
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MapService, providedIn: 'root' });
889
895
  }
890
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapService, decorators: [{
896
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MapService, decorators: [{
891
897
  type: Injectable,
892
898
  args: [{
893
899
  providedIn: 'root'
@@ -3841,33 +3847,33 @@ class SiMapComponent {
3841
3847
  /**
3842
3848
  * Points to be rendered on the map as features.
3843
3849
  */
3844
- points = model();
3850
+ points = model(...(ngDevMode ? [undefined, { debugName: "points" }] : []));
3845
3851
  /**
3846
3852
  * Payload of a geo-JSON object.
3847
3853
  */
3848
- geoJson = input();
3854
+ geoJson = input(...(ngDevMode ? [undefined, { debugName: "geoJson" }] : []));
3849
3855
  /**
3850
3856
  * Callback function to add custom styling to the drawn geo-JSON features.
3851
3857
  */
3852
- styleFunction = input();
3858
+ styleFunction = input(...(ngDevMode ? [undefined, { debugName: "styleFunction" }] : []));
3853
3859
  /**
3854
3860
  * Projection format used to render the geo-JSON payload.
3855
3861
  *
3856
3862
  * @defaultValue 'EPSG:3857'
3857
3863
  */
3858
- geoJsonProjection = input('EPSG:3857');
3864
+ geoJsonProjection = input('EPSG:3857', ...(ngDevMode ? [{ debugName: "geoJsonProjection" }] : []));
3859
3865
  /**
3860
3866
  * Enable or disable animation of markers.
3861
3867
  *
3862
3868
  * @defaultValue false
3863
3869
  */
3864
- markerAnimation = input(false);
3870
+ markerAnimation = input(false, ...(ngDevMode ? [{ debugName: "markerAnimation" }] : []));
3865
3871
  /**
3866
3872
  * Enable or disable clustering of points on the map.
3867
3873
  *
3868
3874
  * @defaultValue false
3869
3875
  */
3870
- cluster = input(false);
3876
+ cluster = input(false, ...(ngDevMode ? [{ debugName: "cluster" }] : []));
3871
3877
  /**
3872
3878
  * Defines which colors should be used when points are grouped. Grouping means
3873
3879
  * that points are painted with their group color and they are displayed as
@@ -3875,137 +3881,137 @@ class SiMapComponent {
3875
3881
  *
3876
3882
  * @defaultValue 'status'
3877
3883
  */
3878
- groupColors = input('status');
3884
+ groupColors = input('status', ...(ngDevMode ? [{ debugName: "groupColors" }] : []));
3879
3885
  /**
3880
3886
  * - **overlay**: Layer for popup element, an element to be displayed over the
3881
3887
  * map and attached to a single map location.
3882
3888
  * - **controls**: List of controls to activate for map, additional controls
3883
3889
  * like full screen, etc. can be added here.
3884
3890
  */
3885
- nativeProperties = input();
3891
+ nativeProperties = input(...(ngDevMode ? [undefined, { debugName: "nativeProperties" }] : []));
3886
3892
  /**
3887
3893
  * Type of background map, for example `'https://api.maptiler.com/maps/voyager/style.json?key=xxx'`
3888
3894
  * (Token key is required). The styleJson defines the tiler source and the
3889
3895
  * used styles for different layers, should only be used if the siemens
3890
3896
  * default styles by using `maptilerKey` isn't good enough.
3891
3897
  */
3892
- styleJson = input();
3898
+ styleJson = input(...(ngDevMode ? [undefined, { debugName: "styleJson" }] : []));
3893
3899
  /**
3894
3900
  * Option to switch on/off the display of tooltip while hovering over single
3895
3901
  * point.
3896
3902
  *
3897
3903
  * @defaultValue false
3898
3904
  */
3899
- displayTooltipOnHover = input(false);
3905
+ displayTooltipOnHover = input(false, ...(ngDevMode ? [{ debugName: "displayTooltipOnHover" }] : []));
3900
3906
  /**
3901
3907
  * Option to switch on/off the display of popover when clicked.
3902
3908
  * Default set to true (on).
3903
3909
  *
3904
3910
  * @defaultValue true
3905
3911
  */
3906
- displayPopoverOnClick = input(true);
3912
+ displayPopoverOnClick = input(true, ...(ngDevMode ? [{ debugName: "displayPopoverOnClick" }] : []));
3907
3913
  /**
3908
3914
  * Option to switch on/off popover when hovered.
3909
3915
  * Default is set to false (off)
3910
3916
  *
3911
3917
  * @defaultValue false
3912
3918
  */
3913
- displayPopoverOnHover = input(false);
3919
+ displayPopoverOnHover = input(false, ...(ngDevMode ? [{ debugName: "displayPopoverOnHover" }] : []));
3914
3920
  /**
3915
3921
  * Provide your key for MapTiler, this will use the default siemens element
3916
3922
  * styles which can be used in both light and dark mode. Shouldn't be used
3917
3923
  * together with styleJson.
3918
3924
  */
3919
- maptilerKey = input();
3925
+ maptilerKey = input(...(ngDevMode ? [undefined, { debugName: "maptilerKey" }] : []));
3920
3926
  /**
3921
3927
  * Option to switch on/off the display of tooltip while hovering over cluster.
3922
3928
  *
3923
3929
  * @defaultValue false
3924
3930
  */
3925
- displayTooltipOnClusterHover = input(false);
3931
+ displayTooltipOnClusterHover = input(false, ...(ngDevMode ? [{ debugName: "displayTooltipOnClusterHover" }] : []));
3926
3932
  /**
3927
3933
  * Defines range in which points are clustered. In pixels.
3928
3934
  *
3929
3935
  * @defaultValue DEFAULT_CLUSTER_DISTANCE
3930
3936
  */
3931
- clusterDistance = input(DEFAULT_CLUSTER_DISTANCE);
3937
+ clusterDistance = input(DEFAULT_CLUSTER_DISTANCE, ...(ngDevMode ? [{ debugName: "clusterDistance" }] : []));
3932
3938
  /**
3933
3939
  * Zoom level when calling the `select()` method on the component.
3934
3940
  * Defaults to 10.
3935
3941
  *
3936
3942
  * @defaultValue DEFAULT_FEATURE_SELECT_ZOOM
3937
3943
  */
3938
- featureSelectZoom = input(DEFAULT_FEATURE_SELECT_ZOOM);
3944
+ featureSelectZoom = input(DEFAULT_FEATURE_SELECT_ZOOM, ...(ngDevMode ? [{ debugName: "featureSelectZoom" }] : []));
3939
3945
  /**
3940
3946
  * Max zoom level which is used when clicking on feature on the map.
3941
3947
  * Defaults to 15.
3942
3948
  *
3943
3949
  * @defaultValue DEFAULT_FEATURE_CLICK_ZOOM
3944
3950
  */
3945
- featureClickZoom = input(DEFAULT_FEATURE_CLICK_ZOOM);
3951
+ featureClickZoom = input(DEFAULT_FEATURE_CLICK_ZOOM, ...(ngDevMode ? [{ debugName: "featureClickZoom" }] : []));
3946
3952
  /**
3947
3953
  * Max zoom level for clicking on a cluster on the map. Defaults to 15.
3948
3954
  *
3949
3955
  * @defaultValue DEFAULT_CLUSTER_CLICK_ZOOM
3950
3956
  */
3951
- clusterClickZoom = input(DEFAULT_CLUSTER_CLICK_ZOOM);
3957
+ clusterClickZoom = input(DEFAULT_CLUSTER_CLICK_ZOOM, ...(ngDevMode ? [{ debugName: "clusterClickZoom" }] : []));
3952
3958
  /**
3953
3959
  * Max zoom level on load or when clicking the reset button. Defaults to 5.
3954
3960
  *
3955
3961
  * @defaultValue DEFAULT_GLOBAL_ZOOM
3956
3962
  */
3957
- globalZoom = input(DEFAULT_GLOBAL_ZOOM);
3963
+ globalZoom = input(DEFAULT_GLOBAL_ZOOM, ...(ngDevMode ? [{ debugName: "globalZoom" }] : []));
3958
3964
  /**
3959
3965
  * When enabled, features will be automatically zoom to on click.
3960
3966
  *
3961
3967
  * @defaultValue false
3962
3968
  */
3963
- autoZoomFeatureClick = input(false);
3969
+ autoZoomFeatureClick = input(false, ...(ngDevMode ? [{ debugName: "autoZoomFeatureClick" }] : []));
3964
3970
  /**
3965
3971
  * When disabled, clusters will no longer automatically be zoomed to on click.
3966
3972
  *
3967
3973
  * @defaultValue true
3968
3974
  */
3969
- autoZoomClusterClick = input(true);
3975
+ autoZoomClusterClick = input(true, ...(ngDevMode ? [{ debugName: "autoZoomClusterClick" }] : []));
3970
3976
  /**
3971
3977
  * Custom popover component
3972
3978
  */
3973
- popoverComponent = input();
3979
+ popoverComponent = input(...(ngDevMode ? [undefined, { debugName: "popoverComponent" }] : []));
3974
3980
  /**
3975
3981
  * Custom popover component for clustering
3976
3982
  */
3977
- clusterPopoverComponent = input();
3983
+ clusterPopoverComponent = input(...(ngDevMode ? [undefined, { debugName: "clusterPopoverComponent" }] : []));
3978
3984
  /**
3979
3985
  * Custom popover component
3980
3986
  */
3981
- popoverComponentProps = input();
3987
+ popoverComponentProps = input(...(ngDevMode ? [undefined, { debugName: "popoverComponentProps" }] : []));
3982
3988
  /**
3983
3989
  * Close the popover on click
3984
3990
  *
3985
3991
  * @defaultValue true
3986
3992
  */
3987
- popoverCloseOnClick = input(true);
3993
+ popoverCloseOnClick = input(true, ...(ngDevMode ? [{ debugName: "popoverCloseOnClick" }] : []));
3988
3994
  /**
3989
3995
  * Padding (in pixels) applied to the map view when zooming to a cluster, preventing points from being clipped at the edges.
3990
3996
  * Specified as [top, right, bottom, left].
3991
3997
  *
3992
3998
  * @defaultValue [20, 20, 20, 20]
3993
3999
  */
3994
- fitClusterPadding = input([20, 20, 20, 20]);
4000
+ fitClusterPadding = input([20, 20, 20, 20], ...(ngDevMode ? [{ debugName: "fitClusterPadding" }] : []));
3995
4001
  /**
3996
4002
  * For Point geometry, padding (in pixels) to be cleared to fit the point inside the view after a click on it.
3997
4003
  * Values in the array are: [top, right, bottom, left].
3998
4004
  *
3999
4005
  * @defaultValue [20, 20, 20, 20]
4000
4006
  */
4001
- fitPointPadding = input([20, 20, 20, 20]);
4007
+ fitPointPadding = input([20, 20, 20, 20], ...(ngDevMode ? [{ debugName: "fitPointPadding" }] : []));
4002
4008
  /**
4003
4009
  * For GeoJson, padding (in pixels) to be cleared to fit the GeoJson inside the view after a click on it.
4004
4010
  * Values in the array are: [top, right, bottom, left].
4005
4011
  *
4006
4012
  * @defaultValue [20, 20, 20, 20]
4007
4013
  */
4008
- fitGeoJsonPadding = input([20, 20, 20, 20]);
4014
+ fitGeoJsonPadding = input([20, 20, 20, 20], ...(ngDevMode ? [{ debugName: "fitGeoJsonPadding" }] : []));
4009
4015
  /**
4010
4016
  * Cutoff text for tooltips, when cluster combines more than 4 features
4011
4017
  *
@@ -4016,13 +4022,13 @@ class SiMapComponent {
4016
4022
  * t(() => $localize`:@@SI_MAPS.TOOLTIP_MORE_TEXT:and {{length}} more...`)
4017
4023
  * ```
4018
4024
  */
4019
- moreText = input(t(() => $localize `:@@SI_MAPS.TOOLTIP_MORE_TEXT:and {{length}} more...`));
4025
+ moreText = input(t(() => $localize `:@@SI_MAPS.TOOLTIP_MORE_TEXT:and {{length}} more...`), ...(ngDevMode ? [{ debugName: "moreText" }] : []));
4020
4026
  /**
4021
4027
  * Show multiple worlds, including points that cross the 180th meridian.
4022
4028
  *
4023
4029
  * @defaultValue true
4024
4030
  */
4025
- multiWorld = input(true);
4031
+ multiWorld = input(true, ...(ngDevMode ? [{ debugName: "multiWorld" }] : []));
4026
4032
  /**
4027
4033
  * Show the label permanently next to the point.
4028
4034
  * Normally the label is shown on hover or click.
@@ -4030,7 +4036,7 @@ class SiMapComponent {
4030
4036
  *
4031
4037
  * @defaultValue false
4032
4038
  */
4033
- alwaysShowLabels = input(false);
4039
+ alwaysShowLabels = input(false, ...(ngDevMode ? [{ debugName: "alwaysShowLabels" }] : []));
4034
4040
  /**
4035
4041
  * Maximum number of characters per line for always displayed labels of a point.
4036
4042
  * If the label exceeds this limit, it will be wrapped or trimmed.
@@ -4040,7 +4046,7 @@ class SiMapComponent {
4040
4046
  *
4041
4047
  * @defaultValue 20
4042
4048
  */
4043
- maxLabelLineLength = input(20);
4049
+ maxLabelLineLength = input(20, ...(ngDevMode ? [{ debugName: "maxLabelLineLength" }] : []));
4044
4050
  /**
4045
4051
  * Maximum number of lines for always displayed labels of a point.
4046
4052
  * If the label exceeds this limit, it will be trimmed.
@@ -4049,7 +4055,7 @@ class SiMapComponent {
4049
4055
  *
4050
4056
  * @defaultValue 3
4051
4057
  */
4052
- maxLabelLines = input(3);
4058
+ maxLabelLines = input(3, ...(ngDevMode ? [{ debugName: "maxLabelLines" }] : []));
4053
4059
  /**
4054
4060
  * Emitted when points on the map are selected or de-selected
4055
4061
  */
@@ -4062,9 +4068,9 @@ class SiMapComponent {
4062
4068
  popoverElement = viewChild.required('popover', {
4063
4069
  read: ElementRef
4064
4070
  });
4065
- defaultTooltip = viewChild(SiMapTooltipComponent);
4066
- projectedTooltip = contentChild(SiMapTooltipComponent);
4067
- tooltip = computed(() => this.projectedTooltip() ?? this.defaultTooltip());
4071
+ defaultTooltip = viewChild(SiMapTooltipComponent, ...(ngDevMode ? [{ debugName: "defaultTooltip" }] : []));
4072
+ projectedTooltip = contentChild(SiMapTooltipComponent, ...(ngDevMode ? [{ debugName: "projectedTooltip" }] : []));
4073
+ tooltip = computed(() => this.projectedTooltip() ?? this.defaultTooltip(), ...(ngDevMode ? [{ debugName: "tooltip" }] : []));
4068
4074
  mapReference = viewChild.required('map');
4069
4075
  /** OpenLayers map instance. */
4070
4076
  map;
@@ -4172,10 +4178,6 @@ class SiMapComponent {
4172
4178
  onThemeSwitch(dark) {
4173
4179
  this.setTheme(dark, this.maptilerKey());
4174
4180
  }
4175
- /**
4176
- * @deprecated has no effect and will be removed in v48
4177
- */
4178
- onResize() { }
4179
4181
  removePixelRatioListener = () => { };
4180
4182
  updatePixelRatio = () => {
4181
4183
  // on browser zoom the pixel ratio changes. No other updates are needed as OL has a
@@ -4832,13 +4834,15 @@ class SiMapComponent {
4832
4834
  // Remember the selected cluster to avoid showing the a tooltip for cluster which has an open popover.
4833
4835
  this.selectedCluster = cluster;
4834
4836
  }
4835
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4836
- 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 });
4837
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4838
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.8", 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 });
4837
4839
  }
4838
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapComponent, decorators: [{
4840
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapComponent, decorators: [{
4839
4841
  type: Component,
4840
4842
  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"] }]
4841
- }], ctorParameters: () => [], propDecorators: { onThemeSwitchInternal: [{
4843
+ }], ctorParameters: () => [], propDecorators: { points: [{ type: i0.Input, args: [{ isSignal: true, alias: "points", required: false }] }, { type: i0.Output, args: ["pointsChange"] }], geoJson: [{ type: i0.Input, args: [{ isSignal: true, alias: "geoJson", required: false }] }], styleFunction: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleFunction", required: false }] }], geoJsonProjection: [{ type: i0.Input, args: [{ isSignal: true, alias: "geoJsonProjection", required: false }] }], markerAnimation: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerAnimation", required: false }] }], cluster: [{ type: i0.Input, args: [{ isSignal: true, alias: "cluster", required: false }] }], groupColors: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupColors", required: false }] }], nativeProperties: [{ type: i0.Input, args: [{ isSignal: true, alias: "nativeProperties", required: false }] }], styleJson: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleJson", required: false }] }], displayTooltipOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayTooltipOnHover", required: false }] }], displayPopoverOnClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayPopoverOnClick", required: false }] }], displayPopoverOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayPopoverOnHover", required: false }] }], maptilerKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "maptilerKey", required: false }] }], displayTooltipOnClusterHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayTooltipOnClusterHover", required: false }] }], clusterDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "clusterDistance", required: false }] }], featureSelectZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "featureSelectZoom", required: false }] }], featureClickZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "featureClickZoom", required: false }] }], clusterClickZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "clusterClickZoom", required: false }] }], globalZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "globalZoom", required: false }] }], autoZoomFeatureClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoZoomFeatureClick", required: false }] }], autoZoomClusterClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoZoomClusterClick", required: false }] }], popoverComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "popoverComponent", required: false }] }], clusterPopoverComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "clusterPopoverComponent", required: false }] }], popoverComponentProps: [{ type: i0.Input, args: [{ isSignal: true, alias: "popoverComponentProps", required: false }] }], popoverCloseOnClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "popoverCloseOnClick", required: false }] }], fitClusterPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "fitClusterPadding", required: false }] }], fitPointPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "fitPointPadding", required: false }] }], fitGeoJsonPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "fitGeoJsonPadding", required: false }] }], moreText: [{ type: i0.Input, args: [{ isSignal: true, alias: "moreText", required: false }] }], multiWorld: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiWorld", required: false }] }], alwaysShowLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "alwaysShowLabels", required: false }] }], maxLabelLineLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLabelLineLength", required: false }] }], maxLabelLines: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLabelLines", required: false }] }], pointsSelected: [{ type: i0.Output, args: ["pointsSelected"] }], pointsRefreshed: [{ type: i0.Output, args: ["pointsRefreshed"] }], popover: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SiMapPopoverComponent), { isSignal: true }] }], popoverElement: [{ type: i0.ViewChild, args: ['popover', { ...{
4844
+ read: ElementRef
4845
+ }, isSignal: true }] }], defaultTooltip: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SiMapTooltipComponent), { isSignal: true }] }], projectedTooltip: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SiMapTooltipComponent), { isSignal: true }] }], mapReference: [{ type: i0.ViewChild, args: ['map', { isSignal: true }] }], onThemeSwitchInternal: [{
4842
4846
  type: HostListener,
4843
4847
  args: ['window:theme-switch', ['$event']]
4844
4848
  }] } });
@@ -4848,11 +4852,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
4848
4852
  * SPDX-License-Identifier: MIT
4849
4853
  */
4850
4854
  class SiMapModule {
4851
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
4852
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: SiMapModule, imports: [SiMapComponent, SiMapPopoverComponent, SiMapTooltipComponent], exports: [SiMapComponent] });
4853
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapModule });
4855
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
4856
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SiMapModule, imports: [SiMapComponent, SiMapPopoverComponent, SiMapTooltipComponent], exports: [SiMapComponent] });
4857
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapModule });
4854
4858
  }
4855
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapModule, decorators: [{
4859
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapModule, decorators: [{
4856
4860
  type: NgModule,
4857
4861
  args: [{
4858
4862
  imports: [SiMapComponent, SiMapPopoverComponent, SiMapTooltipComponent],
@@ -4870,11 +4874,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
4870
4874
  * SPDX-License-Identifier: MIT
4871
4875
  */
4872
4876
  class SiMapsNgModule {
4873
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapsNgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
4874
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: SiMapsNgModule, exports: [SiMapModule] });
4875
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapsNgModule, imports: [SiMapModule] });
4877
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapsNgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
4878
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SiMapsNgModule, exports: [SiMapModule] });
4879
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapsNgModule, imports: [SiMapModule] });
4876
4880
  }
4877
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMapsNgModule, decorators: [{
4881
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapsNgModule, decorators: [{
4878
4882
  type: NgModule,
4879
4883
  args: [{
4880
4884
  exports: [SiMapModule]