@siemens/maps-ng 49.13.0 → 51.0.0-rc.3

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.
Files changed (7) hide show
  1. package/README.md +2 -2
  2. package/fesm2022/siemens-maps-ng.mjs +111 -2982
  3. package/fesm2022/siemens-maps-ng.mjs.map +1 -1
  4. package/package.json +11 -8
  5. package/types/siemens-maps-ng.d.ts +2 -15
  6. package/projects/maps-ng/README.md +0 -117
  7. /package/{LICENSE.md → LICENSE} +0 -0
package/fesm2022/siemens-maps-ng.mjs CHANGED
@@ -10,6 +10,7 @@ import { fromLonLat } from 'ol/proj';
10
10
  import Cluster from 'ol/source/Cluster';
11
11
  import VectorSource from 'ol/source/Vector';
12
12
  import { Text, Stroke, Fill, Style, Circle, Icon } from 'ol/style';
13
+ import { siMapStyle } from '@siemens/map-styles/common';
13
14
  import { apply } from 'ol-mapbox-style';
14
15
  import Control from 'ol/control/Control';
15
16
  import { defaults } from 'ol/control/defaults';
@@ -44,8 +45,6 @@ const DEFAULT_FEATURE_CLICK_ZOOM = 15;
44
45
  const DEFAULT_CLUSTER_CLICK_ZOOM = 15;
45
46
  const DEFAULT_GLOBAL_ZOOM = 5;
46
47
  const DEFAULT_CLUSTER_DISTANCE = 40;
47
- /** @deprecated will be removed in favour of individual inputs. */
48
- const DEFAULT_FIT_PADDING = [20, 20, 20, 20];
49
48
  /** Updates the amount of buildings to be shown in a cluster tooltip after hovering over it */
50
49
  const TOOLTIP_FEATURES_TO_DISPLAY = 4;
51
50
  /** Specifies the maximum amount of buildings allowed to be displayed as a number in a cluster */
@@ -72,17 +71,20 @@ class SiMapTooltipComponent {
72
71
  * t(() =>$localize`:@@SI_MAPS.TOOLTIP_MORE_TEXT:and {{length}} more...`)
73
72
  * ```
74
73
  */
75
- moreText = input(t(() => $localize `:@@SI_MAPS.TOOLTIP_MORE_TEXT:and {{length}} more...`), ...(ngDevMode ? [{ debugName: "moreText" }] : []));
74
+ moreText = input(t(() => $localize `:@@SI_MAPS.TOOLTIP_MORE_TEXT:and {{length}} more...`), /* @ts-ignore */
75
+ ...(ngDevMode ? [{ debugName: "moreText" }] : /* istanbul ignore next */ []));
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, ...(ngDevMode ? [{ debugName: "maxLabelLength" }] : []));
81
+ maxLabelLength = input(50, /* @ts-ignore */
82
+ ...(ngDevMode ? [{ debugName: "maxLabelLength" }] : /* istanbul ignore next */ []));
82
83
  get nativeElement() {
83
84
  return this.elementRef.nativeElement;
84
85
  }
85
- hiddenEntries = signal(0, ...(ngDevMode ? [{ debugName: "hiddenEntries" }] : []));
86
+ hiddenEntries = signal(0, /* @ts-ignore */
87
+ ...(ngDevMode ? [{ debugName: "hiddenEntries" }] : /* istanbul ignore next */ []));
86
88
  elementRef = inject(ElementRef);
87
89
  /**
88
90
  * Method sets tooltip content. If parameter is of type
@@ -117,12 +119,12 @@ class SiMapTooltipComponent {
117
119
  setContent(tooltip) {
118
120
  this.content().nativeElement.innerHTML = tooltip;
119
121
  }
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" }], changeDetection: i0.ChangeDetectionStrategy.Default });
122
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiMapTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
123
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", 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" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
122
124
  }
123
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapTooltipComponent, decorators: [{
125
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiMapTooltipComponent, decorators: [{
124
126
  type: Component,
125
- args: [{ selector: 'si-map-tooltip', imports: [SiTranslatePipe], changeDetection: ChangeDetectionStrategy.Default, 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"] }]
127
+ args: [{ selector: 'si-map-tooltip', imports: [SiTranslatePipe], changeDetection: ChangeDetectionStrategy.Eager, 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
128
  }], 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
129
 
128
130
  /**
@@ -133,10 +135,10 @@ class SiMapPopoverClusterTemplateDirective {
133
135
  static ngTemplateContextGuard(directive, context) {
134
136
  return true;
135
137
  }
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
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiMapPopoverClusterTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
139
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: SiMapPopoverClusterTemplateDirective, isStandalone: true, selector: "[siMapPopoverClusterTemplate]", ngImport: i0 });
138
140
  }
139
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapPopoverClusterTemplateDirective, decorators: [{
141
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiMapPopoverClusterTemplateDirective, decorators: [{
140
142
  type: Directive,
141
143
  args: [{
142
144
  selector: `[siMapPopoverClusterTemplate]`
@@ -151,10 +153,10 @@ class SiMapPopoverTemplateDirective {
151
153
  static ngTemplateContextGuard(directive, context) {
152
154
  return true;
153
155
  }
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
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiMapPopoverTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
157
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: SiMapPopoverTemplateDirective, isStandalone: true, selector: "[siMapPopoverTemplate]", ngImport: i0 });
156
158
  }
157
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapPopoverTemplateDirective, decorators: [{
159
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiMapPopoverTemplateDirective, decorators: [{
158
160
  type: Directive,
159
161
  args: [{
160
162
  selector: `[siMapPopoverTemplate]`
@@ -167,7 +169,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
167
169
  */
168
170
  class SiMapPopoverComponent {
169
171
  elementRef = viewChild.required('popover');
170
- maxHeight = signal(null, ...(ngDevMode ? [{ debugName: "maxHeight" }] : []));
172
+ maxHeight = signal(null, /* @ts-ignore */
173
+ ...(ngDevMode ? [{ debugName: "maxHeight" }] : /* istanbul ignore next */ []));
171
174
  contentContainer = viewChild.required('contentContainer', {
172
175
  read: ViewContainerRef
173
176
  });
@@ -204,12 +207,12 @@ class SiMapPopoverComponent {
204
207
  const template = Array.isArray(mapPoints) ? this.defaultCluster() : this.defaultContent();
205
208
  this.contentContainer().createEmbeddedView(template, context).detectChanges();
206
209
  }
207
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
208
- 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]" }], changeDetection: i0.ChangeDetectionStrategy.Default });
210
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiMapPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
211
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", 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]" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
209
212
  }
210
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapPopoverComponent, decorators: [{
213
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiMapPopoverComponent, decorators: [{
211
214
  type: Component,
212
- args: [{ selector: 'si-map-popover', imports: [SiMapPopoverTemplateDirective, SiMapPopoverClusterTemplateDirective], changeDetection: ChangeDetectionStrategy.Default, 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"] }]
215
+ args: [{ selector: 'si-map-popover', imports: [SiMapPopoverTemplateDirective, SiMapPopoverClusterTemplateDirective], changeDetection: ChangeDetectionStrategy.Eager, 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"] }]
213
216
  }], propDecorators: { elementRef: [{ type: i0.ViewChild, args: ['popover', { isSignal: true }] }], contentContainer: [{ type: i0.ViewChild, args: ['contentContainer', { ...{
214
217
  read: ViewContainerRef
215
218
  }, isSignal: true }] }], defaultContent: [{ type: i0.ViewChild, args: ['defaultContent', { ...{
@@ -894,10 +897,10 @@ class MapService {
894
897
  src: svgb64
895
898
  });
896
899
  }
897
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MapService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
898
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MapService, providedIn: 'root' });
900
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MapService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
901
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MapService, providedIn: 'root' });
899
902
  }
900
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MapService, decorators: [{
903
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MapService, decorators: [{
901
904
  type: Injectable,
902
905
  args: [{
903
906
  providedIn: 'root'
@@ -945,2904 +948,6 @@ class SelectCluster extends Select {
945
948
  }
946
949
  }
947
950
 
948
- /**
949
- * Copyright (c) Siemens 2016 - 2026
950
- * SPDX-License-Identifier: MIT
951
- */
952
- // Fonts
953
- // TODO: This is a workaround to disable loading of google fonts.
954
- const italicFonts = ['SiemensSans Pro', 'sans-serif'];
955
- const regularFonts = ['SiemensSans Pro', 'sans-serif'];
956
- const boldFonts = ['SiemensSans Pro', 'sans-serif'];
957
- // Colors
958
- const deepBlue900 = 'rgba(32, 33, 50, 1)';
959
- const green700 = (opacity) => `rgba(28, 112, 63, ${opacity})`;
960
- const green500 = (opacity) => `rgba(40, 191, 102, ${opacity})`;
961
- const green300 = (opacity) => `rgba(114, 230, 163, ${opacity})`;
962
- const blue700 = 'rgb(30, 82, 153)';
963
- const blue100 = 'rgb(210, 226, 247)';
964
- const styleJson = (key, dark) => ({
965
- 'version': 8,
966
- 'name': 'siemens-brand',
967
- 'sources': {
968
- 'attribution': {
969
- 'attribution': '<a href="https://carto.com/" target="_blank">&copy; CARTO</a>',
970
- 'type': 'vector'
971
- },
972
- 'openmaptiles': {
973
- 'url': `https://api.maptiler.com/tiles/v3/tiles.json?key=${key}`,
974
- 'type': 'vector'
975
- },
976
- 'maptiler_attribution': {
977
- 'attribution': '<a href="https://www.maptiler.com/copyright/" target="_blank">&copy; MapTiler</a> <a href="https://www.openstreetmap.org/copyright" target="_blank">&copy; OpenStreetMap contributors</a>',
978
- 'type': 'vector'
979
- }
980
- },
981
- 'layers': [
982
- {
983
- 'id': 'background',
984
- 'type': 'background',
985
- 'layout': {
986
- 'visibility': 'visible'
987
- },
988
- 'paint': {
989
- 'background-color': dark ? deepBlue900 : 'rgb(247, 247, 246)',
990
- 'background-opacity': 1
991
- }
992
- },
993
- {
994
- 'id': 'landcover',
995
- 'type': 'fill',
996
- 'source': 'openmaptiles',
997
- 'source-layer': 'landcover',
998
- 'paint': {
999
- 'fill-color': {
1000
- 'stops': [
1001
- [8, dark ? green500(0.15) : green300(0.15)],
1002
- [9, dark ? green500(0.15) : green300(0.2)],
1003
- [11, dark ? green500(0.2) : green300(0.3)],
1004
- [13, dark ? green500(0.1) : green300(0.35)],
1005
- [15, dark ? green500(0.15) : green300(0.5)]
1006
- ]
1007
- },
1008
- 'fill-opacity': 1
1009
- },
1010
- 'filter': [
1011
- 'any',
1012
- ['==', 'class', 'wood'],
1013
- ['==', 'class', 'grass'],
1014
- ['==', 'subclass', 'recreation_ground']
1015
- ]
1016
- },
1017
- {
1018
- 'id': 'park_national_park',
1019
- 'type': 'fill',
1020
- 'source': 'openmaptiles',
1021
- 'source-layer': 'park',
1022
- 'minzoom': 6,
1023
- 'layout': {
1024
- 'visibility': 'visible'
1025
- },
1026
- 'paint': {
1027
- 'fill-color': {
1028
- 'stops': [
1029
- [8, dark ? green700(0.2) : green300(0.2)],
1030
- [9, dark ? green700(0.25) : green300(0.25)],
1031
- [11, dark ? green700(0.35) : green300(0.35)],
1032
- [13, dark ? green700(0.4) : green300(0.4)],
1033
- [15, dark ? green700(0.6) : green300(0.6)]
1034
- ]
1035
- },
1036
- 'fill-opacity': 1,
1037
- 'fill-translate-anchor': 'map'
1038
- },
1039
- 'filter': ['all', ['==', 'class', 'national_park']]
1040
- },
1041
- {
1042
- 'id': 'park_nature_reserve',
1043
- 'type': 'fill',
1044
- 'source': 'openmaptiles',
1045
- 'source-layer': 'park',
1046
- 'minzoom': 0,
1047
- 'layout': {
1048
- 'visibility': 'visible'
1049
- },
1050
- 'paint': {
1051
- 'fill-color': {
1052
- 'stops': [
1053
- [8, dark ? green700(0.2) : green300(0.2)],
1054
- [9, dark ? green700(0.25) : green300(0.25)],
1055
- [11, dark ? green700(0.35) : green300(0.35)],
1056
- [13, dark ? green700(0.4) : green300(0.4)],
1057
- [15, dark ? green700(0.6) : green300(0.6)]
1058
- ]
1059
- },
1060
- 'fill-opacity': {
1061
- 'stops': [
1062
- [6, 0.7],
1063
- [9, 0.9]
1064
- ]
1065
- },
1066
- 'fill-antialias': true
1067
- },
1068
- 'filter': ['all', ['==', 'class', 'nature_reserve']]
1069
- },
1070
- {
1071
- 'id': 'landuse_residential',
1072
- 'type': 'fill',
1073
- 'source': 'openmaptiles',
1074
- 'source-layer': 'landuse',
1075
- 'minzoom': 6,
1076
- 'paint': {
1077
- 'fill-color': {
1078
- 'stops': [
1079
- [5, dark ? 'rgba(27, 28, 29, 0.5)' : 'rgba(222, 226, 232, 0.5)'],
1080
- [8, dark ? 'rgba(27, 28, 29, 0.45)' : 'rgba(222, 226, 232, 0.45)'],
1081
- [9, dark ? 'rgba(27, 28, 29, 0.4)' : 'rgba(222, 226, 232, 0.4)'],
1082
- [11, dark ? 'rgba(27, 28, 29, 0.35)' : 'rgba(222, 226, 232, 0.35)'],
1083
- [13, dark ? 'rgba(27, 28, 29, 0.3)' : 'rgba(222, 226, 232, 0.3)'],
1084
- [15, dark ? 'rgba(27, 28, 29, 0.25)' : 'rgba(222, 226, 232, 0.25)'],
1085
- [16, dark ? 'rgba(27, 28, 29, 0.15)' : 'rgba(222, 226, 232, 0.15)']
1086
- ]
1087
- },
1088
- 'fill-opacity': {
1089
- 'stops': [
1090
- [6, 0.6],
1091
- [9, 1]
1092
- ]
1093
- }
1094
- },
1095
- 'filter': ['any', ['==', 'class', 'residential']]
1096
- },
1097
- {
1098
- 'id': 'landuse',
1099
- 'type': 'fill',
1100
- 'source': 'openmaptiles',
1101
- 'source-layer': 'landuse',
1102
- 'paint': {
1103
- 'fill-color': {
1104
- 'stops': [
1105
- [8, dark ? 'rgba(0, 0, 0, 0.2)' : 'rgba(195, 189, 205, 0.2)'],
1106
- [9, dark ? 'rgba(0, 0, 0, 0.25)' : 'rgba(195, 189, 205, 0.25)'],
1107
- [11, dark ? 'rgba(0, 0, 0, 0.35)' : 'rgba(195, 189, 205, 0.35)'],
1108
- [13, dark ? 'rgba(0, 0, 0, 0.4)' : 'rgba(195, 189, 205, 0.4)'],
1109
- [15, dark ? 'rgb(20, 20, 20)' : 'rgb(218, 216, 222)']
1110
- ]
1111
- }
1112
- },
1113
- 'filter': ['any', ['==', 'class', 'cemetery'], ['==', 'class', 'stadium']]
1114
- },
1115
- {
1116
- 'id': 'waterway',
1117
- 'type': 'line',
1118
- 'source': 'openmaptiles',
1119
- 'source-layer': 'waterway',
1120
- 'layout': {
1121
- 'visibility': 'visible'
1122
- },
1123
- 'paint': {
1124
- 'line-color': dark ? blue700 : blue100,
1125
- 'line-width': {
1126
- 'stops': [
1127
- [8, 0.5],
1128
- [9, 1],
1129
- [15, 2],
1130
- [16, 3]
1131
- ]
1132
- }
1133
- }
1134
- },
1135
- {
1136
- 'id': 'boundary_county',
1137
- 'type': 'line',
1138
- 'source': 'openmaptiles',
1139
- 'source-layer': 'boundary',
1140
- 'minzoom': 9,
1141
- 'maxzoom': 24,
1142
- 'paint': {
1143
- 'line-color': {
1144
- 'stops': [
1145
- [4, dark ? 'rgba(110, 110, 110, 1)' : 'rgba(145, 145, 145, 0.6)'],
1146
- [5, dark ? 'rgba(112, 112, 112, 1)' : 'rgba(145, 145, 145, 0.8)'],
1147
- [6, dark ? 'rgba(189, 189, 189, 1)' : 'rgba(145, 145, 145, 0.9)']
1148
- ]
1149
- },
1150
- 'line-width': {
1151
- 'stops': [
1152
- [4, 0.5],
1153
- [7, 1]
1154
- ]
1155
- }
1156
- },
1157
- 'filter': ['all', ['==', 'admin_level', 6], ['==', 'maritime', 0], ['==', 'disputed', 0]]
1158
- },
1159
- {
1160
- 'id': 'boundary_state',
1161
- 'type': 'line',
1162
- 'source': 'openmaptiles',
1163
- 'source-layer': 'boundary',
1164
- 'minzoom': 4,
1165
- 'paint': {
1166
- 'line-color': {
1167
- 'stops': [
1168
- [4, dark ? 'rgba(68, 73, 76, 1)' : '#d4d5d6'],
1169
- [5, dark ? 'rgba(68, 73, 76, 1)' : '#d4d5d6'],
1170
- [6, dark ? '#656A6E' : '#e1c5c7']
1171
- ]
1172
- },
1173
- 'line-width': {
1174
- 'stops': [
1175
- [4, 0.5],
1176
- [7, 1],
1177
- [8, 1],
1178
- [9, 1.2]
1179
- ]
1180
- }
1181
- },
1182
- 'filter': ['all', ['==', 'admin_level', 4], ['==', 'maritime', 0], ['==', 'disputed', 0]]
1183
- },
1184
- {
1185
- 'id': 'water',
1186
- 'type': 'fill',
1187
- 'source': 'openmaptiles',
1188
- 'source-layer': 'water',
1189
- 'minzoom': 0,
1190
- 'maxzoom': 24,
1191
- 'layout': {
1192
- 'visibility': 'visible'
1193
- },
1194
- 'paint': {
1195
- 'fill-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgb(175, 201, 241)',
1196
- 'fill-opacity': 1,
1197
- 'fill-antialias': true,
1198
- 'fill-translate-anchor': 'map'
1199
- },
1200
- 'filter': ['all', ['==', '$type', 'Polygon'], ['!=', 'brunnel', 'tunnel']]
1201
- },
1202
- {
1203
- 'id': 'water_shadow',
1204
- 'type': 'fill',
1205
- 'source': 'openmaptiles',
1206
- 'source-layer': 'water',
1207
- 'minzoom': 0,
1208
- 'layout': {
1209
- 'visibility': 'visible'
1210
- },
1211
- 'paint': {
1212
- 'fill-color': dark ? 'rgba(74, 84, 113, 1)' : 'rgb(210, 226, 247)',
1213
- 'fill-opacity': 1,
1214
- 'fill-antialias': true,
1215
- 'fill-translate': {
1216
- 'stops': [
1217
- [0, [0, 2]],
1218
- [6, [0, 1]],
1219
- [14, [0, 1]],
1220
- [17, [0, 2]]
1221
- ]
1222
- },
1223
- 'fill-translate-anchor': 'map'
1224
- },
1225
- 'filter': ['all', ['==', '$type', 'Polygon'], ['!=', 'brunnel', 'tunnel']]
1226
- },
1227
- {
1228
- 'id': 'aeroway-runway',
1229
- 'type': 'line',
1230
- 'source': 'openmaptiles',
1231
- 'source-layer': 'aeroway',
1232
- 'minzoom': 12,
1233
- 'layout': {
1234
- 'line-cap': 'square'
1235
- },
1236
- 'paint': {
1237
- 'line-color': dark ? 'rgb(97, 97, 97)' : 'rgb(227, 226, 226)',
1238
- 'line-width': {
1239
- 'stops': [
1240
- [11, 1],
1241
- [13, 4],
1242
- [14, 6],
1243
- [15, 8],
1244
- [16, 10]
1245
- ]
1246
- }
1247
- },
1248
- 'filter': ['all', ['==', 'class', 'runway']]
1249
- },
1250
- {
1251
- 'id': 'aeroway-taxiway',
1252
- 'type': 'line',
1253
- 'source': 'openmaptiles',
1254
- 'source-layer': 'aeroway',
1255
- 'minzoom': 13,
1256
- 'paint': {
1257
- 'line-color': dark ? 'rgb(97, 97, 97)' : 'rgb(227, 226, 226)',
1258
- 'line-width': {
1259
- 'stops': [
1260
- [13, 0.5],
1261
- [14, 1],
1262
- [15, 2],
1263
- [16, 4]
1264
- ]
1265
- }
1266
- },
1267
- 'filter': ['all', ['==', 'class', 'taxiway']]
1268
- },
1269
- {
1270
- 'id': 'waterway_label',
1271
- 'type': 'symbol',
1272
- 'source': 'openmaptiles',
1273
- 'source-layer': 'waterway',
1274
- 'layout': {
1275
- 'text-font': italicFonts,
1276
- 'text-size': {
1277
- 'stops': [
1278
- [9, 8],
1279
- [10, 9]
1280
- ]
1281
- },
1282
- 'text-field': '{name_en}',
1283
- 'visibility': 'visible',
1284
- 'text-offset': {
1285
- 'stops': [
1286
- [6, [0, -0.2]],
1287
- [11, [0, -0.4]],
1288
- [12, [0, -0.6]]
1289
- ]
1290
- },
1291
- 'text-padding': 2,
1292
- 'symbol-spacing': 300,
1293
- 'symbol-placement': 'line',
1294
- 'text-keep-upright': true,
1295
- 'symbol-avoid-edges': false,
1296
- 'text-letter-spacing': 0,
1297
- 'text-pitch-alignment': 'auto',
1298
- 'text-rotation-alignment': 'auto'
1299
- },
1300
- 'paint': {
1301
- 'text-color': dark ? 'rgba(129, 173, 235, 1)' : 'rgb(45, 113, 218)',
1302
- 'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgb(240, 245, 252)',
1303
- 'text-halo-width': 1
1304
- },
1305
- 'filter': ['all', ['has', 'name'], ['==', 'class', 'river']]
1306
- },
1307
- {
1308
- 'id': 'tunnel_service_case',
1309
- 'type': 'line',
1310
- 'source': 'openmaptiles',
1311
- 'source-layer': 'transportation',
1312
- 'minzoom': 15,
1313
- 'maxzoom': 24,
1314
- 'layout': {
1315
- 'line-cap': 'round',
1316
- 'line-join': 'round'
1317
- },
1318
- 'paint': {
1319
- 'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
1320
- 'line-width': {
1321
- 'stops': [
1322
- [15, 1],
1323
- [16, 3],
1324
- [17, 6],
1325
- [18, 8]
1326
- ]
1327
- },
1328
- 'line-opacity': 1
1329
- },
1330
- 'filter': ['all', ['==', 'class', 'service'], ['==', 'brunnel', 'tunnel']]
1331
- },
1332
- {
1333
- 'id': 'tunnel_minor_case',
1334
- 'type': 'line',
1335
- 'source': 'openmaptiles',
1336
- 'source-layer': 'transportation',
1337
- 'minzoom': 13,
1338
- 'maxzoom': 24,
1339
- 'layout': {
1340
- 'line-cap': 'butt',
1341
- 'line-join': 'miter'
1342
- },
1343
- 'paint': {
1344
- 'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
1345
- 'line-width': {
1346
- 'stops': [
1347
- [11, 0.5],
1348
- [12, 0.5],
1349
- [14, 2],
1350
- [15, 4],
1351
- [16, 6],
1352
- [17, 10],
1353
- [18, 14]
1354
- ]
1355
- },
1356
- 'line-opacity': 1
1357
- },
1358
- 'filter': ['all', ['==', 'class', 'minor'], ['==', 'brunnel', 'tunnel']]
1359
- },
1360
- {
1361
- 'id': 'tunnel_sec_case',
1362
- 'type': 'line',
1363
- 'source': 'openmaptiles',
1364
- 'source-layer': 'transportation',
1365
- 'minzoom': 11,
1366
- 'maxzoom': 24,
1367
- 'layout': {
1368
- 'line-cap': 'round',
1369
- 'line-join': 'round'
1370
- },
1371
- 'paint': {
1372
- 'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
1373
- 'line-width': {
1374
- 'stops': [
1375
- [11, 0.5],
1376
- [12, 1],
1377
- [13, 2],
1378
- [14, 5],
1379
- [15, 6],
1380
- [16, 8],
1381
- [17, 12],
1382
- [18, 16]
1383
- ]
1384
- },
1385
- 'line-opacity': 1
1386
- },
1387
- 'filter': ['all', ['in', 'class', 'secondary', 'tertiary'], ['==', 'brunnel', 'tunnel']]
1388
- },
1389
- {
1390
- 'id': 'tunnel_pri_case',
1391
- 'type': 'line',
1392
- 'source': 'openmaptiles',
1393
- 'source-layer': 'transportation',
1394
- 'minzoom': 8,
1395
- 'maxzoom': 24,
1396
- 'layout': {
1397
- 'line-cap': 'butt',
1398
- 'line-join': 'round'
1399
- },
1400
- 'paint': {
1401
- 'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
1402
- 'line-width': {
1403
- 'stops': [
1404
- [6, 0.5],
1405
- [7, 0.8],
1406
- [8, 1],
1407
- [11, 3],
1408
- [13, 4],
1409
- [14, 6],
1410
- [15, 8],
1411
- [16, 10],
1412
- [17, 14],
1413
- [18, 18]
1414
- ]
1415
- },
1416
- 'line-opacity': {
1417
- 'stops': [
1418
- [5, 0.5],
1419
- [7, 1]
1420
- ]
1421
- }
1422
- },
1423
- 'filter': ['all', ['==', 'class', 'primary'], ['!=', 'ramp', 1], ['==', 'brunnel', 'tunnel']]
1424
- },
1425
- {
1426
- 'id': 'tunnel_trunk_case',
1427
- 'type': 'line',
1428
- 'source': 'openmaptiles',
1429
- 'source-layer': 'transportation',
1430
- 'minzoom': 5,
1431
- 'maxzoom': 24,
1432
- 'layout': {
1433
- 'line-cap': 'butt',
1434
- 'line-join': 'round',
1435
- 'visibility': 'visible'
1436
- },
1437
- 'paint': {
1438
- 'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
1439
- 'line-width': {
1440
- 'stops': [
1441
- [6, 0.5],
1442
- [7, 0.8],
1443
- [8, 1],
1444
- [11, 3],
1445
- [13, 4],
1446
- [14, 6],
1447
- [15, 8],
1448
- [16, 10],
1449
- [17, 14],
1450
- [18, 18]
1451
- ]
1452
- },
1453
- 'line-opacity': {
1454
- 'stops': [
1455
- [5, 0.5],
1456
- [7, 1]
1457
- ]
1458
- }
1459
- },
1460
- 'filter': ['all', ['==', 'class', 'trunk'], ['!=', 'ramp', 1], ['==', 'brunnel', 'tunnel']]
1461
- },
1462
- {
1463
- 'id': 'tunnel_mot_case',
1464
- 'type': 'line',
1465
- 'source': 'openmaptiles',
1466
- 'source-layer': 'transportation',
1467
- 'minzoom': 5,
1468
- 'maxzoom': 24,
1469
- 'layout': {
1470
- 'line-cap': 'butt',
1471
- 'line-join': 'round'
1472
- },
1473
- 'paint': {
1474
- 'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
1475
- 'line-width': {
1476
- 'stops': [
1477
- [6, 0.5],
1478
- [7, 0.8],
1479
- [8, 1],
1480
- [11, 3],
1481
- [12, 4],
1482
- [13, 5],
1483
- [14, 7],
1484
- [15, 9],
1485
- [16, 11],
1486
- [17, 13],
1487
- [18, 22]
1488
- ]
1489
- },
1490
- 'line-opacity': {
1491
- 'stops': [
1492
- [6, 0.5],
1493
- [7, 1]
1494
- ]
1495
- }
1496
- },
1497
- 'filter': ['all', ['==', 'class', 'motorway'], ['!=', 'ramp', 1], ['==', 'brunnel', 'tunnel']]
1498
- },
1499
- {
1500
- 'id': 'tunnel_path',
1501
- 'type': 'line',
1502
- 'source': 'openmaptiles',
1503
- 'source-layer': 'transportation',
1504
- 'minzoom': 15,
1505
- 'maxzoom': 24,
1506
- 'layout': {
1507
- 'line-cap': 'round',
1508
- 'line-join': 'round'
1509
- },
1510
- 'paint': {
1511
- 'line-color': dark ? 'rgb(80, 80, 80)' : 'rgb(210, 209, 209)',
1512
- 'line-width': {
1513
- 'stops': [
1514
- [15, 0.5],
1515
- [16, 1],
1516
- [18, 3]
1517
- ]
1518
- },
1519
- 'line-opacity': 1
1520
- },
1521
- 'filter': ['all', ['==', 'class', 'path'], ['==', 'brunnel', 'tunnel']]
1522
- },
1523
- {
1524
- 'id': 'tunnel_service_fill',
1525
- 'type': 'line',
1526
- 'source': 'openmaptiles',
1527
- 'source-layer': 'transportation',
1528
- 'minzoom': 15,
1529
- 'maxzoom': 24,
1530
- 'layout': {
1531
- 'line-cap': 'round',
1532
- 'line-join': 'round'
1533
- },
1534
- 'paint': {
1535
- 'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
1536
- 'line-width': {
1537
- 'stops': [
1538
- [15, 2],
1539
- [16, 2],
1540
- [17, 4],
1541
- [18, 6]
1542
- ]
1543
- },
1544
- 'line-opacity': 1
1545
- },
1546
- 'filter': ['all', ['==', 'class', 'service'], ['==', 'brunnel', 'tunnel']]
1547
- },
1548
- {
1549
- 'id': 'tunnel_minor_fill',
1550
- 'type': 'line',
1551
- 'source': 'openmaptiles',
1552
- 'source-layer': 'transportation',
1553
- 'minzoom': 15,
1554
- 'maxzoom': 24,
1555
- 'layout': {
1556
- 'line-cap': 'butt',
1557
- 'line-join': 'round'
1558
- },
1559
- 'paint': {
1560
- 'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
1561
- 'line-width': {
1562
- 'stops': [
1563
- [15, 3],
1564
- [16, 4],
1565
- [17, 8],
1566
- [18, 12]
1567
- ]
1568
- },
1569
- 'line-opacity': 1
1570
- },
1571
- 'filter': ['all', ['==', 'class', 'minor'], ['==', 'brunnel', 'tunnel']]
1572
- },
1573
- {
1574
- 'id': 'tunnel_sec_fill',
1575
- 'type': 'line',
1576
- 'source': 'openmaptiles',
1577
- 'source-layer': 'transportation',
1578
- 'minzoom': 13,
1579
- 'maxzoom': 24,
1580
- 'layout': {
1581
- 'line-cap': 'round',
1582
- 'line-join': 'round'
1583
- },
1584
- 'paint': {
1585
- 'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
1586
- 'line-width': {
1587
- 'stops': [
1588
- [11, 2],
1589
- [13, 2],
1590
- [14, 3],
1591
- [15, 4],
1592
- [16, 6],
1593
- [17, 10],
1594
- [18, 14]
1595
- ]
1596
- },
1597
- 'line-opacity': 1
1598
- },
1599
- 'filter': ['all', ['in', 'class', 'secondary', 'tertiary'], ['==', 'brunnel', 'tunnel']]
1600
- },
1601
- {
1602
- 'id': 'tunnel_pri_fill',
1603
- 'type': 'line',
1604
- 'source': 'openmaptiles',
1605
- 'source-layer': 'transportation',
1606
- 'minzoom': 11,
1607
- 'maxzoom': 24,
1608
- 'layout': {
1609
- 'line-cap': 'butt',
1610
- 'line-join': 'round'
1611
- },
1612
- 'paint': {
1613
- 'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
1614
- 'line-width': {
1615
- 'stops': [
1616
- [11, 1],
1617
- [13, 2],
1618
- [14, 4],
1619
- [15, 6],
1620
- [16, 8],
1621
- [17, 12],
1622
- [18, 16]
1623
- ]
1624
- },
1625
- 'line-opacity': 1
1626
- },
1627
- 'filter': ['all', ['==', 'class', 'primary'], ['!=', 'ramp', 1], ['==', 'brunnel', 'tunnel']]
1628
- },
1629
- {
1630
- 'id': 'tunnel_trunk_fill',
1631
- 'type': 'line',
1632
- 'source': 'openmaptiles',
1633
- 'source-layer': 'transportation',
1634
- 'minzoom': 11,
1635
- 'maxzoom': 24,
1636
- 'layout': {
1637
- 'line-cap': 'round',
1638
- 'line-join': 'round',
1639
- 'visibility': 'visible'
1640
- },
1641
- 'paint': {
1642
- 'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
1643
- 'line-width': {
1644
- 'stops': [
1645
- [11, 1],
1646
- [13, 2],
1647
- [14, 4],
1648
- [15, 6],
1649
- [16, 8],
1650
- [17, 12],
1651
- [18, 16]
1652
- ]
1653
- },
1654
- 'line-opacity': 1
1655
- },
1656
- 'filter': ['all', ['==', 'class', 'trunk'], ['!=', 'ramp', 1], ['==', 'brunnel', 'tunnel']]
1657
- },
1658
- {
1659
- 'id': 'tunnel_mot_fill',
1660
- 'type': 'line',
1661
- 'source': 'openmaptiles',
1662
- 'source-layer': 'transportation',
1663
- 'minzoom': 10,
1664
- 'maxzoom': 24,
1665
- 'layout': {
1666
- 'line-cap': 'butt',
1667
- 'line-join': 'round'
1668
- },
1669
- 'paint': {
1670
- 'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
1671
- 'line-width': {
1672
- 'stops': [
1673
- [10, 1],
1674
- [12, 2],
1675
- [13, 3],
1676
- [14, 5],
1677
- [15, 7],
1678
- [16, 9],
1679
- [17, 11],
1680
- [18, 20]
1681
- ]
1682
- },
1683
- 'line-opacity': 1
1684
- },
1685
- 'filter': ['all', ['==', 'class', 'motorway'], ['!=', 'ramp', 1], ['==', 'brunnel', 'tunnel']]
1686
- },
1687
- {
1688
- 'id': 'tunnel_rail',
1689
- 'type': 'line',
1690
- 'source': 'openmaptiles',
1691
- 'source-layer': 'transportation',
1692
- 'minzoom': 13,
1693
- 'layout': {
1694
- 'line-join': 'round',
1695
- 'visibility': 'visible'
1696
- },
1697
- 'paint': {
1698
- 'line-color': dark ? 'rgb(86, 86, 86)' : 'rgb(216, 215, 215)',
1699
- 'line-width': {
1700
- 'base': 1.3,
1701
- 'stops': [
1702
- [13, 0.5],
1703
- [14, 1],
1704
- [15, 1],
1705
- [16, 3],
1706
- [21, 7]
1707
- ]
1708
- },
1709
- 'line-opacity': 0.5
1710
- },
1711
- 'filter': ['all', ['==', 'class', 'rail'], ['==', 'brunnel', 'tunnel']]
1712
- },
1713
- {
1714
- 'id': 'tunnel_rail_dash',
1715
- 'type': 'line',
1716
- 'source': 'openmaptiles',
1717
- 'source-layer': 'transportation',
1718
- 'minzoom': 15,
1719
- 'layout': {
1720
- 'line-join': 'round',
1721
- 'visibility': 'visible'
1722
- },
1723
- 'paint': {
1724
- 'line-color': dark ? 'rgb(120, 120, 120)' : 'rgb(250, 249, 249)',
1725
- 'line-width': {
1726
- 'base': 1.3,
1727
- 'stops': [
1728
- [15, 0.5],
1729
- [16, 1],
1730
- [20, 5]
1731
- ]
1732
- },
1733
- 'line-opacity': 0.5
1734
- },
1735
- 'filter': ['all', ['==', 'class', 'rail'], ['==', 'brunnel', 'tunnel']]
1736
- },
1737
- {
1738
- 'id': 'road_area_pier',
1739
- 'type': 'fill',
1740
- 'source': 'openmaptiles',
1741
- 'source-layer': 'transportation',
1742
- 'layout': {
1743
- 'visibility': 'visible'
1744
- },
1745
- 'paint': {
1746
- 'fill-color': dark ? '#fbf8f3' : '#fbf8f3',
1747
- 'fill-antialias': true
1748
- },
1749
- 'metadata': {},
1750
- 'filter': ['all', ['==', '$type', 'Polygon'], ['==', 'class', 'pier']]
1751
- },
1752
- {
1753
- 'id': 'road_pier',
1754
- 'type': 'line',
1755
- 'source': 'openmaptiles',
1756
- 'source-layer': 'transportation',
1757
- 'layout': {
1758
- 'line-cap': 'round',
1759
- 'line-join': 'round'
1760
- },
1761
- 'paint': {
1762
- 'line-color': dark ? '#fbf8f3' : '#fbf8f3',
1763
- 'line-width': {
1764
- 'base': 1.2,
1765
- 'stops': [
1766
- [15, 1],
1767
- [17, 4]
1768
- ]
1769
- }
1770
- },
1771
- 'metadata': {},
1772
- 'filter': ['all', ['==', '$type', 'LineString'], ['in', 'class', 'pier']]
1773
- },
1774
- {
1775
- 'id': 'road_area_bridge',
1776
- 'type': 'fill',
1777
- 'source': 'openmaptiles',
1778
- 'source-layer': 'transportation',
1779
- 'layout': {
1780
- 'visibility': 'visible'
1781
- },
1782
- 'paint': {
1783
- 'fill-color': dark ? 'rgba(246, 241, 229, 0.6)' : 'rgba(246, 241, 229, 0.6)',
1784
- 'fill-antialias': true
1785
- },
1786
- 'metadata': {},
1787
- 'filter': ['all', ['==', '$type', 'Polygon'], ['==', 'brunnel', 'bridge']]
1788
- },
1789
- {
1790
- 'id': 'road_service_case',
1791
- 'type': 'line',
1792
- 'source': 'openmaptiles',
1793
- 'source-layer': 'transportation',
1794
- 'minzoom': 15,
1795
- 'maxzoom': 24,
1796
- 'layout': {
1797
- 'line-cap': 'round',
1798
- 'line-join': 'round'
1799
- },
1800
- 'paint': {
1801
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
1802
- 'line-width': {
1803
- 'stops': [
1804
- [15, 1],
1805
- [16, 3],
1806
- [17, 6],
1807
- [18, 8]
1808
- ]
1809
- },
1810
- 'line-opacity': 1
1811
- },
1812
- 'filter': ['all', ['==', 'class', 'service'], ['!has', 'brunnel']]
1813
- },
1814
- {
1815
- 'id': 'road_minor_case',
1816
- 'type': 'line',
1817
- 'source': 'openmaptiles',
1818
- 'source-layer': 'transportation',
1819
- 'minzoom': 13,
1820
- 'maxzoom': 24,
1821
- 'layout': {
1822
- 'line-cap': 'round',
1823
- 'line-join': 'round'
1824
- },
1825
- 'paint': {
1826
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
1827
- 'line-width': {
1828
- 'stops': [
1829
- [11, 0.5],
1830
- [12, 0.5],
1831
- [14, 2],
1832
- [15, 3],
1833
- [16, 4.3],
1834
- [17, 10],
1835
- [18, 14]
1836
- ]
1837
- },
1838
- 'line-opacity': 1
1839
- },
1840
- 'filter': ['all', ['==', 'class', 'minor'], ['!has', 'brunnel']]
1841
- },
1842
- {
1843
- 'id': 'road_pri_case_ramp',
1844
- 'type': 'line',
1845
- 'source': 'openmaptiles',
1846
- 'source-layer': 'transportation',
1847
- 'minzoom': 12,
1848
- 'maxzoom': 24,
1849
- 'layout': {
1850
- 'line-cap': 'round',
1851
- 'line-join': 'round'
1852
- },
1853
- 'paint': {
1854
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
1855
- 'line-width': {
1856
- 'stops': [
1857
- [12, 2],
1858
- [13, 3],
1859
- [14, 4],
1860
- [15, 5],
1861
- [16, 8],
1862
- [17, 10]
1863
- ]
1864
- },
1865
- 'line-opacity': {
1866
- 'stops': [
1867
- [5, 0.5],
1868
- [7, 1]
1869
- ]
1870
- }
1871
- },
1872
- 'filter': ['all', ['==', 'class', 'primary'], ['==', 'ramp', 1]]
1873
- },
1874
- {
1875
- 'id': 'road_trunk_case_ramp',
1876
- 'type': 'line',
1877
- 'source': 'openmaptiles',
1878
- 'source-layer': 'transportation',
1879
- 'minzoom': 12,
1880
- 'maxzoom': 24,
1881
- 'layout': {
1882
- 'line-cap': 'round',
1883
- 'line-join': 'round'
1884
- },
1885
- 'paint': {
1886
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
1887
- 'line-width': {
1888
- 'stops': [
1889
- [12, 2],
1890
- [13, 3],
1891
- [14, 4],
1892
- [15, 5],
1893
- [16, 8],
1894
- [17, 10]
1895
- ]
1896
- },
1897
- 'line-opacity': 1
1898
- },
1899
- 'filter': ['all', ['==', 'class', 'trunk'], ['==', 'ramp', 1]]
1900
- },
1901
- {
1902
- 'id': 'road_mot_case_ramp',
1903
- 'type': 'line',
1904
- 'source': 'openmaptiles',
1905
- 'source-layer': 'transportation',
1906
- 'minzoom': 12,
1907
- 'maxzoom': 24,
1908
- 'layout': {
1909
- 'line-cap': 'round',
1910
- 'line-join': 'round'
1911
- },
1912
- 'paint': {
1913
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
1914
- 'line-width': {
1915
- 'stops': [
1916
- [12, 2],
1917
- [13, 3],
1918
- [14, 4],
1919
- [15, 5],
1920
- [16, 8],
1921
- [17, 10]
1922
- ]
1923
- },
1924
- 'line-opacity': 1
1925
- },
1926
- 'filter': ['all', ['==', 'class', 'motorway'], ['==', 'ramp', 1]]
1927
- },
1928
- {
1929
- 'id': 'road_sec_case_noramp',
1930
- 'type': 'line',
1931
- 'source': 'openmaptiles',
1932
- 'source-layer': 'transportation',
1933
- 'minzoom': 11,
1934
- 'maxzoom': 24,
1935
- 'layout': {
1936
- 'line-cap': 'round',
1937
- 'line-join': 'round'
1938
- },
1939
- 'paint': {
1940
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
1941
- 'line-width': {
1942
- 'stops': [
1943
- [11, 0.5],
1944
- [12, 1.5],
1945
- [13, 3],
1946
- [14, 5],
1947
- [15, 6],
1948
- [16, 8],
1949
- [17, 12],
1950
- [18, 16]
1951
- ]
1952
- },
1953
- 'line-opacity': 1
1954
- },
1955
- 'filter': ['all', ['in', 'class', 'secondary', 'tertiary'], ['!has', 'brunnel']]
1956
- },
1957
- {
1958
- 'id': 'road_pri_case_noramp',
1959
- 'type': 'line',
1960
- 'source': 'openmaptiles',
1961
- 'source-layer': 'transportation',
1962
- 'minzoom': 7,
1963
- 'maxzoom': 24,
1964
- 'layout': {
1965
- 'line-cap': 'round',
1966
- 'line-join': 'round'
1967
- },
1968
- 'paint': {
1969
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
1970
- 'line-width': {
1971
- 'stops': [
1972
- [6, 0.5],
1973
- [7, 0.8],
1974
- [8, 1],
1975
- [11, 3],
1976
- [13, 4],
1977
- [14, 6],
1978
- [15, 8],
1979
- [16, 10],
1980
- [17, 14],
1981
- [18, 18]
1982
- ]
1983
- },
1984
- 'line-opacity': {
1985
- 'stops': [
1986
- [5, 0.5],
1987
- [7, 1]
1988
- ]
1989
- }
1990
- },
1991
- 'filter': ['all', ['==', 'class', 'primary'], ['!=', 'ramp', 1], ['!has', 'brunnel']]
1992
- },
1993
- {
1994
- 'id': 'road_trunk_case_noramp',
1995
- 'type': 'line',
1996
- 'source': 'openmaptiles',
1997
- 'source-layer': 'transportation',
1998
- 'minzoom': 5,
1999
- 'maxzoom': 24,
2000
- 'layout': {
2001
- 'line-cap': 'round',
2002
- 'line-join': 'round'
2003
- },
2004
- 'paint': {
2005
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2006
- 'line-width': {
2007
- 'stops': [
2008
- [6, 0.5],
2009
- [7, 0.8],
2010
- [8, 1],
2011
- [11, 3],
2012
- [13, 4],
2013
- [14, 6],
2014
- [15, 8],
2015
- [16, 10],
2016
- [17, 14],
2017
- [18, 18]
2018
- ]
2019
- },
2020
- 'line-opacity': {
2021
- 'stops': [
2022
- [5, 0.5],
2023
- [7, 1]
2024
- ]
2025
- }
2026
- },
2027
- 'filter': ['all', ['==', 'class', 'trunk'], ['!=', 'ramp', 1], ['!has', 'brunnel']]
2028
- },
2029
- {
2030
- 'id': 'road_mot_case_noramp',
2031
- 'type': 'line',
2032
- 'source': 'openmaptiles',
2033
- 'source-layer': 'transportation',
2034
- 'minzoom': 5,
2035
- 'maxzoom': 24,
2036
- 'layout': {
2037
- 'line-cap': 'round',
2038
- 'line-join': 'round'
2039
- },
2040
- 'paint': {
2041
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2042
- 'line-width': {
2043
- 'stops': [
2044
- [6, 0.5],
2045
- [7, 0.7],
2046
- [8, 0.8],
2047
- [11, 3],
2048
- [12, 4],
2049
- [13, 5],
2050
- [14, 7],
2051
- [15, 9],
2052
- [16, 11],
2053
- [17, 13],
2054
- [18, 22]
2055
- ]
2056
- },
2057
- 'line-opacity': {
2058
- 'stops': [
2059
- [6, 0.5],
2060
- [7, 1]
2061
- ]
2062
- }
2063
- },
2064
- 'filter': ['all', ['==', 'class', 'motorway'], ['!=', 'ramp', 1], ['!has', 'brunnel']]
2065
- },
2066
- {
2067
- 'id': 'road_path',
2068
- 'type': 'line',
2069
- 'source': 'openmaptiles',
2070
- 'source-layer': 'transportation',
2071
- 'minzoom': 15,
2072
- 'maxzoom': 24,
2073
- 'layout': {
2074
- 'line-cap': 'round',
2075
- 'line-join': 'round'
2076
- },
2077
- 'paint': {
2078
- 'line-color': dark ? 'rgb(80, 80, 80)' : 'rgb(210, 209, 209)',
2079
- 'line-width': {
2080
- 'stops': [
2081
- [15, 0.5],
2082
- [16, 1],
2083
- [18, 3]
2084
- ]
2085
- },
2086
- 'line-opacity': 1
2087
- },
2088
- 'filter': ['all', ['in', 'class', 'path', 'track'], ['!has', 'brunnel']]
2089
- },
2090
- {
2091
- 'id': 'road_service_fill',
2092
- 'type': 'line',
2093
- 'source': 'openmaptiles',
2094
- 'source-layer': 'transportation',
2095
- 'minzoom': 15,
2096
- 'maxzoom': 24,
2097
- 'layout': {
2098
- 'line-cap': 'round',
2099
- 'line-join': 'round'
2100
- },
2101
- 'paint': {
2102
- 'line-color': dark ? 'rgba(0, 0, 40)' : 'rgb(217, 217, 211)',
2103
- 'line-width': {
2104
- 'stops': [
2105
- [15, 2],
2106
- [16, 2],
2107
- [17, 4],
2108
- [18, 6]
2109
- ]
2110
- },
2111
- 'line-opacity': 1
2112
- },
2113
- 'filter': ['all', ['==', 'class', 'service'], ['!has', 'brunnel']]
2114
- },
2115
- {
2116
- 'id': 'road_minor_fill',
2117
- 'type': 'line',
2118
- 'source': 'openmaptiles',
2119
- 'source-layer': 'transportation',
2120
- 'minzoom': 15,
2121
- 'maxzoom': 24,
2122
- 'layout': {
2123
- 'line-cap': 'round',
2124
- 'line-join': 'round'
2125
- },
2126
- 'paint': {
2127
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2128
- 'line-width': {
2129
- 'stops': [
2130
- [15, 3],
2131
- [16, 4],
2132
- [17, 8],
2133
- [18, 12]
2134
- ]
2135
- },
2136
- 'line-opacity': 1
2137
- },
2138
- 'filter': ['all', ['==', 'class', 'minor'], ['!has', 'brunnel']]
2139
- },
2140
- {
2141
- 'id': 'road_pri_fill_ramp',
2142
- 'type': 'line',
2143
- 'source': 'openmaptiles',
2144
- 'source-layer': 'transportation',
2145
- 'minzoom': 12,
2146
- 'maxzoom': 24,
2147
- 'layout': {
2148
- 'line-cap': 'round',
2149
- 'line-join': 'round'
2150
- },
2151
- 'paint': {
2152
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2153
- 'line-width': {
2154
- 'stops': [
2155
- [12, 1],
2156
- [13, 1.5],
2157
- [14, 2],
2158
- [15, 3],
2159
- [16, 6],
2160
- [17, 8]
2161
- ]
2162
- },
2163
- 'line-opacity': 1
2164
- },
2165
- 'filter': ['all', ['==', 'class', 'primary'], ['==', 'ramp', 1]]
2166
- },
2167
- {
2168
- 'id': 'road_trunk_fill_ramp',
2169
- 'type': 'line',
2170
- 'source': 'openmaptiles',
2171
- 'source-layer': 'transportation',
2172
- 'minzoom': 12,
2173
- 'maxzoom': 24,
2174
- 'layout': {
2175
- 'line-cap': 'square',
2176
- 'line-join': 'round'
2177
- },
2178
- 'paint': {
2179
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2180
- 'line-width': {
2181
- 'stops': [
2182
- [12, 1],
2183
- [13, 1.5],
2184
- [14, 2],
2185
- [15, 3],
2186
- [16, 6],
2187
- [17, 8]
2188
- ]
2189
- },
2190
- 'line-opacity': 1
2191
- },
2192
- 'filter': ['all', ['==', 'class', 'trunk'], ['==', 'ramp', 1]]
2193
- },
2194
- {
2195
- 'id': 'road_mot_fill_ramp',
2196
- 'type': 'line',
2197
- 'source': 'openmaptiles',
2198
- 'source-layer': 'transportation',
2199
- 'minzoom': 12,
2200
- 'maxzoom': 24,
2201
- 'layout': {
2202
- 'line-cap': 'round',
2203
- 'line-join': 'round'
2204
- },
2205
- 'paint': {
2206
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2207
- 'line-width': {
2208
- 'stops': [
2209
- [12, 1],
2210
- [13, 1.5],
2211
- [14, 2],
2212
- [15, 3],
2213
- [16, 6],
2214
- [17, 8]
2215
- ]
2216
- },
2217
- 'line-opacity': 1
2218
- },
2219
- 'filter': ['all', ['==', 'class', 'motorway'], ['==', 'ramp', 1]]
2220
- },
2221
- {
2222
- 'id': 'road_sec_fill_noramp',
2223
- 'type': 'line',
2224
- 'source': 'openmaptiles',
2225
- 'source-layer': 'transportation',
2226
- 'minzoom': 13,
2227
- 'maxzoom': 24,
2228
- 'layout': {
2229
- 'line-cap': 'round',
2230
- 'line-join': 'round'
2231
- },
2232
- 'paint': {
2233
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2234
- 'line-width': {
2235
- 'stops': [
2236
- [11, 2],
2237
- [13, 2],
2238
- [14, 3],
2239
- [15, 4],
2240
- [16, 6],
2241
- [17, 10],
2242
- [18, 14]
2243
- ]
2244
- },
2245
- 'line-opacity': 1
2246
- },
2247
- 'filter': ['all', ['in', 'class', 'secondary', 'tertiary'], ['!has', 'brunnel']]
2248
- },
2249
- {
2250
- 'id': 'road_pri_fill_noramp',
2251
- 'type': 'line',
2252
- 'source': 'openmaptiles',
2253
- 'source-layer': 'transportation',
2254
- 'minzoom': 10,
2255
- 'maxzoom': 24,
2256
- 'layout': {
2257
- 'line-cap': 'round',
2258
- 'line-join': 'round'
2259
- },
2260
- 'paint': {
2261
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2262
- 'line-width': {
2263
- 'stops': [
2264
- [10, 0.3],
2265
- [13, 2],
2266
- [14, 4],
2267
- [15, 6],
2268
- [16, 8],
2269
- [17, 12],
2270
- [18, 16]
2271
- ]
2272
- },
2273
- 'line-opacity': 1
2274
- },
2275
- 'filter': ['all', ['==', 'class', 'primary'], ['!=', 'ramp', 1], ['!has', 'brunnel']]
2276
- },
2277
- {
2278
- 'id': 'road_trunk_fill_noramp',
2279
- 'type': 'line',
2280
- 'source': 'openmaptiles',
2281
- 'source-layer': 'transportation',
2282
- 'minzoom': 10,
2283
- 'maxzoom': 24,
2284
- 'layout': {
2285
- 'line-cap': 'round',
2286
- 'line-join': 'round'
2287
- },
2288
- 'paint': {
2289
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2290
- 'line-width': {
2291
- 'stops': [
2292
- [11, 1],
2293
- [13, 2],
2294
- [14, 4],
2295
- [15, 6],
2296
- [16, 8],
2297
- [17, 12],
2298
- [18, 16]
2299
- ]
2300
- },
2301
- 'line-opacity': 1
2302
- },
2303
- 'filter': ['all', ['==', 'class', 'trunk'], ['!=', 'ramp', 1], ['!has', 'brunnel']]
2304
- },
2305
- {
2306
- 'id': 'road_mot_fill_noramp',
2307
- 'type': 'line',
2308
- 'source': 'openmaptiles',
2309
- 'source-layer': 'transportation',
2310
- 'minzoom': 10,
2311
- 'maxzoom': 24,
2312
- 'layout': {
2313
- 'line-cap': 'round',
2314
- 'line-join': 'round'
2315
- },
2316
- 'paint': {
2317
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2318
- 'line-width': {
2319
- 'stops': [
2320
- [10, 1],
2321
- [12, 2],
2322
- [13, 3],
2323
- [14, 5],
2324
- [15, 7],
2325
- [16, 9],
2326
- [17, 11],
2327
- [18, 20]
2328
- ]
2329
- },
2330
- 'line-opacity': 1
2331
- },
2332
- 'filter': ['all', ['==', 'class', 'motorway'], ['!=', 'ramp', 1], ['!has', 'brunnel']]
2333
- },
2334
- {
2335
- 'id': 'rail',
2336
- 'type': 'line',
2337
- 'source': 'openmaptiles',
2338
- 'source-layer': 'transportation',
2339
- 'minzoom': 13,
2340
- 'layout': {
2341
- 'line-join': 'round',
2342
- 'visibility': 'visible'
2343
- },
2344
- 'paint': {
2345
- 'line-color': dark ? 'rgb(153, 153, 169)' : 'rgb(153, 153, 169)',
2346
- 'line-width': {
2347
- 'base': 1.3,
2348
- 'stops': [
2349
- [13, 0.5],
2350
- [14, 1],
2351
- [15, 1],
2352
- [16, 3],
2353
- [21, 7]
2354
- ]
2355
- }
2356
- },
2357
- 'filter': ['all', ['==', 'class', 'rail'], ['!=', 'brunnel', 'tunnel']]
2358
- },
2359
- {
2360
- 'id': 'rail_dash',
2361
- 'type': 'line',
2362
- 'source': 'openmaptiles',
2363
- 'source-layer': 'transportation',
2364
- 'minzoom': 15,
2365
- 'layout': {
2366
- 'line-join': 'round',
2367
- 'visibility': 'visible'
2368
- },
2369
- 'paint': {
2370
- 'line-color': dark ? 'rgb(120, 120, 120)' : 'rgb(250, 249, 249)',
2371
- 'line-width': {
2372
- 'base': 1.3,
2373
- 'stops': [
2374
- [15, 0.5],
2375
- [16, 1],
2376
- [20, 5]
2377
- ]
2378
- }
2379
- },
2380
- 'filter': ['all', ['==', 'class', 'rail'], ['!=', 'brunnel', 'tunnel']]
2381
- },
2382
- {
2383
- 'id': 'bridge_service_case',
2384
- 'type': 'line',
2385
- 'source': 'openmaptiles',
2386
- 'source-layer': 'transportation',
2387
- 'minzoom': 15,
2388
- 'maxzoom': 24,
2389
- 'layout': {
2390
- 'line-cap': 'butt',
2391
- 'line-join': 'round'
2392
- },
2393
- 'paint': {
2394
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2395
- 'line-width': {
2396
- 'stops': [
2397
- [15, 1],
2398
- [16, 3],
2399
- [17, 6],
2400
- [18, 8]
2401
- ]
2402
- },
2403
- 'line-opacity': 1
2404
- },
2405
- 'filter': ['all', ['==', 'class', 'service'], ['==', 'brunnel', 'bridge']]
2406
- },
2407
- {
2408
- 'id': 'bridge_minor_case',
2409
- 'type': 'line',
2410
- 'source': 'openmaptiles',
2411
- 'source-layer': 'transportation',
2412
- 'minzoom': 13,
2413
- 'maxzoom': 24,
2414
- 'layout': {
2415
- 'line-cap': 'butt',
2416
- 'line-join': 'miter'
2417
- },
2418
- 'paint': {
2419
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2420
- 'line-width': {
2421
- 'stops': [
2422
- [11, 0.5],
2423
- [12, 0.5],
2424
- [14, 2],
2425
- [15, 3],
2426
- [16, 4.3],
2427
- [17, 10],
2428
- [18, 14]
2429
- ]
2430
- },
2431
- 'line-opacity': 1
2432
- },
2433
- 'filter': ['all', ['==', 'class', 'minor'], ['==', 'brunnel', 'bridge']]
2434
- },
2435
- {
2436
- 'id': 'bridge_sec_case',
2437
- 'type': 'line',
2438
- 'source': 'openmaptiles',
2439
- 'source-layer': 'transportation',
2440
- 'minzoom': 11,
2441
- 'maxzoom': 24,
2442
- 'layout': {
2443
- 'line-cap': 'butt',
2444
- 'line-join': 'miter'
2445
- },
2446
- 'paint': {
2447
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2448
- 'line-width': {
2449
- 'stops': [
2450
- [11, 0.5],
2451
- [12, 1.5],
2452
- [13, 3],
2453
- [14, 5],
2454
- [15, 6],
2455
- [16, 8],
2456
- [17, 12],
2457
- [18, 16]
2458
- ]
2459
- },
2460
- 'line-opacity': 1
2461
- },
2462
- 'filter': ['all', ['in', 'class', 'secondary', 'tertiary'], ['==', 'brunnel', 'bridge']]
2463
- },
2464
- {
2465
- 'id': 'bridge_pri_case',
2466
- 'type': 'line',
2467
- 'source': 'openmaptiles',
2468
- 'source-layer': 'transportation',
2469
- 'minzoom': 8,
2470
- 'maxzoom': 24,
2471
- 'layout': {
2472
- 'line-cap': 'butt',
2473
- 'line-join': 'round'
2474
- },
2475
- 'paint': {
2476
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2477
- 'line-width': {
2478
- 'stops': [
2479
- [6, 0.5],
2480
- [7, 0.8],
2481
- [8, 1],
2482
- [11, 3],
2483
- [13, 4],
2484
- [14, 6],
2485
- [15, 8],
2486
- [16, 10],
2487
- [17, 14],
2488
- [18, 18]
2489
- ]
2490
- },
2491
- 'line-opacity': {
2492
- 'stops': [
2493
- [5, 0.5],
2494
- [7, 1]
2495
- ]
2496
- }
2497
- },
2498
- 'filter': ['all', ['==', 'class', 'primary'], ['!=', 'ramp', 1], ['==', 'brunnel', 'bridge']]
2499
- },
2500
- {
2501
- 'id': 'bridge_trunk_case',
2502
- 'type': 'line',
2503
- 'source': 'openmaptiles',
2504
- 'source-layer': 'transportation',
2505
- 'minzoom': 5,
2506
- 'maxzoom': 24,
2507
- 'layout': {
2508
- 'line-cap': 'butt',
2509
- 'line-join': 'round',
2510
- 'visibility': 'visible'
2511
- },
2512
- 'paint': {
2513
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2514
- 'line-width': {
2515
- 'stops': [
2516
- [6, 0.5],
2517
- [7, 0.8],
2518
- [8, 1],
2519
- [11, 3],
2520
- [13, 4],
2521
- [14, 6],
2522
- [15, 8],
2523
- [16, 10],
2524
- [17, 14],
2525
- [18, 18]
2526
- ]
2527
- },
2528
- 'line-opacity': {
2529
- 'stops': [
2530
- [5, 0.5],
2531
- [7, 1]
2532
- ]
2533
- }
2534
- },
2535
- 'filter': ['all', ['==', 'class', 'trunk'], ['!=', 'ramp', 1], ['==', 'brunnel', 'bridge']]
2536
- },
2537
- {
2538
- 'id': 'bridge_mot_case',
2539
- 'type': 'line',
2540
- 'source': 'openmaptiles',
2541
- 'source-layer': 'transportation',
2542
- 'minzoom': 5,
2543
- 'maxzoom': 24,
2544
- 'layout': {
2545
- 'line-cap': 'butt',
2546
- 'line-join': 'round'
2547
- },
2548
- 'paint': {
2549
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2550
- 'line-width': {
2551
- 'stops': [
2552
- [6, 0.5],
2553
- [7, 0.8],
2554
- [8, 1],
2555
- [11, 3],
2556
- [12, 4],
2557
- [13, 5],
2558
- [14, 7],
2559
- [15, 9],
2560
- [16, 11],
2561
- [17, 13],
2562
- [18, 22]
2563
- ]
2564
- },
2565
- 'line-opacity': {
2566
- 'stops': [
2567
- [6, 0.5],
2568
- [7, 1]
2569
- ]
2570
- }
2571
- },
2572
- 'filter': ['all', ['==', 'class', 'motorway'], ['!=', 'ramp', 1], ['==', 'brunnel', 'bridge']]
2573
- },
2574
- {
2575
- 'id': 'bridge_path',
2576
- 'type': 'line',
2577
- 'source': 'openmaptiles',
2578
- 'source-layer': 'transportation',
2579
- 'minzoom': 15,
2580
- 'maxzoom': 24,
2581
- 'layout': {
2582
- 'line-cap': 'round',
2583
- 'line-join': 'round'
2584
- },
2585
- 'paint': {
2586
- 'line-color': dark ? 'rgb(80, 80, 80)' : 'rgb(210, 209, 209)',
2587
- 'line-width': {
2588
- 'stops': [
2589
- [15, 0.5],
2590
- [16, 1],
2591
- [18, 3]
2592
- ]
2593
- },
2594
- 'line-opacity': 1
2595
- },
2596
- 'filter': ['all', ['==', 'class', 'path'], ['==', 'brunnel', 'bridge']]
2597
- },
2598
- {
2599
- 'id': 'bridge_service_fill',
2600
- 'type': 'line',
2601
- 'source': 'openmaptiles',
2602
- 'source-layer': 'transportation',
2603
- 'minzoom': 15,
2604
- 'maxzoom': 24,
2605
- 'layout': {
2606
- 'line-cap': 'round',
2607
- 'line-join': 'round'
2608
- },
2609
- 'paint': {
2610
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2611
- 'line-width': {
2612
- 'stops': [
2613
- [15, 2],
2614
- [16, 2],
2615
- [17, 4],
2616
- [18, 6]
2617
- ]
2618
- },
2619
- 'line-opacity': 1
2620
- },
2621
- 'filter': ['all', ['==', 'class', 'service'], ['==', 'brunnel', 'bridge']]
2622
- },
2623
- {
2624
- 'id': 'bridge_minor_fill',
2625
- 'type': 'line',
2626
- 'source': 'openmaptiles',
2627
- 'source-layer': 'transportation',
2628
- 'minzoom': 15,
2629
- 'maxzoom': 24,
2630
- 'layout': {
2631
- 'line-cap': 'butt',
2632
- 'line-join': 'round'
2633
- },
2634
- 'paint': {
2635
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2636
- 'line-width': {
2637
- 'stops': [
2638
- [15, 3],
2639
- [16, 4],
2640
- [17, 8],
2641
- [18, 12]
2642
- ]
2643
- },
2644
- 'line-opacity': 1
2645
- },
2646
- 'filter': ['all', ['==', 'class', 'minor'], ['==', 'brunnel', 'bridge']]
2647
- },
2648
- {
2649
- 'id': 'bridge_sec_fill',
2650
- 'type': 'line',
2651
- 'source': 'openmaptiles',
2652
- 'source-layer': 'transportation',
2653
- 'minzoom': 13,
2654
- 'maxzoom': 24,
2655
- 'layout': {
2656
- 'line-cap': 'round',
2657
- 'line-join': 'round'
2658
- },
2659
- 'paint': {
2660
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2661
- 'line-width': {
2662
- 'stops': [
2663
- [11, 2],
2664
- [13, 2],
2665
- [14, 3],
2666
- [15, 4],
2667
- [16, 6],
2668
- [17, 10],
2669
- [18, 14]
2670
- ]
2671
- },
2672
- 'line-opacity': 1
2673
- },
2674
- 'filter': ['all', ['in', 'class', 'secondary', 'tertiary'], ['==', 'brunnel', 'bridge']]
2675
- },
2676
- {
2677
- 'id': 'bridge_pri_fill',
2678
- 'type': 'line',
2679
- 'source': 'openmaptiles',
2680
- 'source-layer': 'transportation',
2681
- 'minzoom': 11,
2682
- 'maxzoom': 24,
2683
- 'layout': {
2684
- 'line-cap': 'butt',
2685
- 'line-join': 'round'
2686
- },
2687
- 'paint': {
2688
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2689
- 'line-width': {
2690
- 'stops': [
2691
- [11, 1],
2692
- [13, 2],
2693
- [14, 4],
2694
- [15, 6],
2695
- [16, 8],
2696
- [17, 12],
2697
- [18, 16]
2698
- ]
2699
- },
2700
- 'line-opacity': 1
2701
- },
2702
- 'filter': ['all', ['==', 'class', 'primary'], ['!=', 'ramp', 1], ['==', 'brunnel', 'bridge']]
2703
- },
2704
- {
2705
- 'id': 'bridge_trunk_fill',
2706
- 'type': 'line',
2707
- 'source': 'openmaptiles',
2708
- 'source-layer': 'transportation',
2709
- 'minzoom': 11,
2710
- 'maxzoom': 24,
2711
- 'layout': {
2712
- 'line-cap': 'butt',
2713
- 'line-join': 'round',
2714
- 'visibility': 'visible'
2715
- },
2716
- 'paint': {
2717
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2718
- 'line-width': {
2719
- 'stops': [
2720
- [11, 1],
2721
- [13, 2],
2722
- [14, 4],
2723
- [15, 6],
2724
- [16, 8],
2725
- [17, 12],
2726
- [18, 16]
2727
- ]
2728
- },
2729
- 'line-opacity': 1
2730
- },
2731
- 'filter': ['all', ['==', 'class', 'trunk'], ['!=', 'ramp', 1], ['==', 'brunnel', 'bridge']]
2732
- },
2733
- {
2734
- 'id': 'bridge_mot_fill',
2735
- 'type': 'line',
2736
- 'source': 'openmaptiles',
2737
- 'source-layer': 'transportation',
2738
- 'minzoom': 10,
2739
- 'maxzoom': 24,
2740
- 'layout': {
2741
- 'line-cap': 'butt',
2742
- 'line-join': 'round'
2743
- },
2744
- 'paint': {
2745
- 'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
2746
- 'line-width': {
2747
- 'stops': [
2748
- [10, 1],
2749
- [12, 2],
2750
- [13, 3],
2751
- [14, 5],
2752
- [15, 7],
2753
- [16, 9],
2754
- [17, 11],
2755
- [18, 20]
2756
- ]
2757
- },
2758
- 'line-opacity': 1
2759
- },
2760
- 'filter': ['all', ['==', 'class', 'motorway'], ['!=', 'ramp', 1], ['==', 'brunnel', 'bridge']]
2761
- },
2762
- {
2763
- 'id': 'building',
2764
- 'type': 'fill',
2765
- 'source': 'openmaptiles',
2766
- 'source-layer': 'building',
2767
- 'layout': {
2768
- 'visibility': 'visible'
2769
- },
2770
- 'paint': {
2771
- 'fill-color': {
2772
- 'stops': [
2773
- [15, dark ? 'rgba(7, 72, 89, 1)' : 'rgba(255, 255, 255, 1)'],
2774
- [16, dark ? 'rgba(7, 72, 89, 1)' : 'rgba(152, 145, 123, 0.18)']
2775
- ]
2776
- },
2777
- 'fill-antialias': true
2778
- }
2779
- },
2780
- {
2781
- 'id': 'building-top',
2782
- 'type': 'fill',
2783
- 'source': 'openmaptiles',
2784
- 'source-layer': 'building',
2785
- 'layout': {
2786
- 'visibility': 'visible'
2787
- },
2788
- 'paint': {
2789
- 'fill-color': dark ? 'rgba(7, 72, 89, 1)' : 'rgba(164, 146, 127, 1)',
2790
- 'fill-opacity': {
2791
- 'base': 1,
2792
- 'stops': [
2793
- [13, 0],
2794
- [16, 1]
2795
- ]
2796
- },
2797
- 'fill-translate': {
2798
- 'base': 1,
2799
- 'stops': [
2800
- [14, [0, 0]],
2801
- [16, [-2, -2]]
2802
- ]
2803
- },
2804
- 'fill-outline-color': 'rgba(255, 255, 255, 1)'
2805
- }
2806
- },
2807
- {
2808
- 'id': 'boundary_country_outline',
2809
- 'type': 'line',
2810
- 'source': 'openmaptiles',
2811
- 'source-layer': 'boundary',
2812
- 'minzoom': 6,
2813
- 'maxzoom': 24,
2814
- 'layout': {
2815
- 'line-cap': 'round',
2816
- 'line-join': 'round',
2817
- 'visibility': 'visible'
2818
- },
2819
- 'paint': {
2820
- 'line-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 0.7)',
2821
- 'line-width': 4,
2822
- 'line-offset': 0,
2823
- 'line-opacity': 0.5
2824
- },
2825
- 'filter': ['all', ['==', 'admin_level', 2], ['==', 'maritime', 0], ['==', 'disputed', 0]]
2826
- },
2827
- {
2828
- 'id': 'boundary_country_inner_z0-4',
2829
- 'type': 'line',
2830
- 'source': 'openmaptiles',
2831
- 'source-layer': 'boundary',
2832
- 'minzoom': 0,
2833
- 'maxzoom': 5,
2834
- 'layout': {
2835
- 'line-cap': 'round',
2836
- 'line-join': 'round',
2837
- 'visibility': 'visible'
2838
- },
2839
- 'paint': {
2840
- 'line-color': {
2841
- 'stops': [
2842
- [4, dark ? 'rgba(68, 73, 76, 0.8)' : 'rgba(151, 151, 151, 0.3)'],
2843
- [5, dark ? 'rgba(163, 168, 173, 0.6)' : 'rgba(151, 151, 151, 0.51)'],
2844
- [6, dark ? 'rgba(163, 168, 173, 0.6)' : 'rgba(151, 151, 151, 0.5)']
2845
- ]
2846
- },
2847
- 'line-width': {
2848
- 'stops': [
2849
- [3, 1],
2850
- [6, 1.5]
2851
- ]
2852
- },
2853
- 'line-offset': 0,
2854
- 'line-opacity': 1
2855
- },
2856
- 'filter': [
2857
- 'all',
2858
- ['==', 'admin_level', 2],
2859
- ['==', 'maritime', 0],
2860
- ['!has', 'claimed_by'],
2861
- ['==', 'disputed', 0]
2862
- ]
2863
- },
2864
- {
2865
- 'id': 'boundary_country_inner_z5-',
2866
- 'type': 'line',
2867
- 'source': 'openmaptiles',
2868
- 'source-layer': 'boundary',
2869
- 'minzoom': 5,
2870
- 'layout': {
2871
- 'line-cap': 'round',
2872
- 'line-join': 'round',
2873
- 'visibility': 'visible'
2874
- },
2875
- 'paint': {
2876
- 'line-color': {
2877
- 'stops': [
2878
- [4, dark ? 'rgba(101, 106, 110, 0.72)' : 'rgba(127, 127, 127, 0.5)'],
2879
- [5, dark ? 'rgba(131, 136, 142, 0.6)' : 'rgba(127, 127, 127, 0.5)'],
2880
- [6, dark ? 'rgba(163, 168, 174, 0.8)' : 'rgba(127, 127, 127, 0.71)']
2881
- ]
2882
- },
2883
- 'line-width': {
2884
- 'stops': [
2885
- [3, 1],
2886
- [6, 1.5]
2887
- ]
2888
- },
2889
- 'line-offset': 0,
2890
- 'line-opacity': 1
2891
- },
2892
- 'filter': ['all', ['==', 'admin_level', 2], ['==', 'maritime', 0], ['==', 'disputed', 0]]
2893
- },
2894
- {
2895
- 'id': 'boundary_2_disputed',
2896
- 'type': 'line',
2897
- 'source': 'openmaptiles',
2898
- 'source-layer': 'boundary',
2899
- 'minzoom': 0.0,
2900
- 'layout': {
2901
- 'line-cap': 'round',
2902
- 'line-join': 'round',
2903
- 'visibility': 'visible'
2904
- },
2905
- 'paint': {
2906
- 'line-color': {
2907
- 'stops': [
2908
- [4, dark ? 'rgba(101, 106, 110, 0.72)' : 'rgba(127, 127, 127, 0.5)'],
2909
- [5, dark ? 'rgba(131, 136, 142, 0.6)' : 'rgba(127, 127, 127, 0.5)'],
2910
- [6, dark ? 'rgba(163, 168, 174, 0.8)' : 'rgba(127, 127, 127, 0.71)']
2911
- ]
2912
- },
2913
- 'line-width': {
2914
- 'base': 1,
2915
- 'stops': [
2916
- [3, 0.3],
2917
- [5, 1.2],
2918
- [12, 2]
2919
- ]
2920
- },
2921
- 'line-opacity': 1,
2922
- 'line-dasharray': [4, 3]
2923
- },
2924
- 'metadata': {},
2925
- 'filter': ['all', ['==', 'admin_level', 2], ['==', 'disputed', 1], ['==', 'maritime', 0]]
2926
- },
2927
- {
2928
- 'id': 'watername_ocean',
2929
- 'type': 'symbol',
2930
- 'source': 'openmaptiles',
2931
- 'source-layer': 'water_name',
2932
- 'minzoom': 0,
2933
- 'maxzoom': 5,
2934
- 'layout': {
2935
- 'text-font': italicFonts,
2936
- 'text-size': {
2937
- 'stops': [
2938
- [0, 13],
2939
- [2, 14],
2940
- [4, 18]
2941
- ]
2942
- },
2943
- 'text-field': '{name}',
2944
- 'text-padding': 2,
2945
- 'text-max-width': 6,
2946
- 'symbol-placement': 'point',
2947
- 'text-line-height': 1.2,
2948
- 'text-allow-overlap': false,
2949
- 'text-letter-spacing': 0.1,
2950
- 'text-pitch-alignment': 'auto',
2951
- 'text-ignore-placement': false,
2952
- 'text-rotation-alignment': 'auto'
2953
- },
2954
- 'paint': {
2955
- 'text-color': dark ? 'rgba(179, 179, 190, 1)' : 'rgba(98, 143, 211, 1)',
2956
- 'text-halo-blur': 0,
2957
- 'text-halo-color': dark ? 'rgb(10, 21, 40)' : 'rgba(255, 255, 255, 0.47)',
2958
- 'text-halo-width': 1
2959
- },
2960
- 'filter': ['all', ['has', 'name'], ['==', '$type', 'Point'], ['==', 'class', 'ocean']]
2961
- },
2962
- {
2963
- 'id': 'watername_sea',
2964
- 'type': 'symbol',
2965
- 'source': 'openmaptiles',
2966
- 'source-layer': 'water_name',
2967
- 'minzoom': 5,
2968
- 'layout': {
2969
- 'text-font': italicFonts,
2970
- 'text-size': 12,
2971
- 'text-field': '{name}',
2972
- 'text-padding': 2,
2973
- 'text-max-width': 6,
2974
- 'symbol-placement': 'point',
2975
- 'text-line-height': 1.2,
2976
- 'text-allow-overlap': false,
2977
- 'text-letter-spacing': 0.1,
2978
- 'text-pitch-alignment': 'auto',
2979
- 'text-ignore-placement': false,
2980
- 'text-rotation-alignment': 'auto'
2981
- },
2982
- 'paint': {
2983
- 'text-color': dark ? 'rgba(179, 179, 190, 1)' : 'rgba(96, 131, 180, 1)',
2984
- 'text-halo-blur': 0,
2985
- 'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
2986
- 'text-halo-width': 1
2987
- },
2988
- 'filter': ['all', ['has', 'name'], ['==', '$type', 'Point'], ['==', 'class', 'sea']]
2989
- },
2990
- {
2991
- 'id': 'watername_lake',
2992
- 'type': 'symbol',
2993
- 'source': 'openmaptiles',
2994
- 'source-layer': 'water_name',
2995
- 'minzoom': 4,
2996
- 'layout': {
2997
- 'text-font': italicFonts,
2998
- 'text-size': {
2999
- 'stops': [
3000
- [13, 9],
3001
- [14, 10],
3002
- [15, 11],
3003
- [16, 12],
3004
- [17, 13]
3005
- ]
3006
- },
3007
- 'text-field': {
3008
- 'stops': [
3009
- [8, '{name_en}'],
3010
- [13, '{name}']
3011
- ]
3012
- },
3013
- 'text-padding': 2,
3014
- 'symbol-placement': 'point',
3015
- 'text-line-height': 1.2,
3016
- 'text-allow-overlap': false,
3017
- 'text-pitch-alignment': 'auto',
3018
- 'text-ignore-placement': false,
3019
- 'text-rotation-alignment': 'auto'
3020
- },
3021
- 'paint': {
3022
- 'text-color': dark ? 'rgba(210, 226, 247, 1)' : 'rgb(45, 113, 218)',
3023
- 'text-halo-blur': 1,
3024
- 'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgb(240, 245, 252)',
3025
- 'text-halo-width': 1
3026
- },
3027
- 'filter': ['all', ['has', 'name'], ['==', '$type', 'Point'], ['==', 'class', 'lake']]
3028
- },
3029
- {
3030
- 'id': 'watername_lake_line',
3031
- 'type': 'symbol',
3032
- 'source': 'openmaptiles',
3033
- 'source-layer': 'water_name',
3034
- 'layout': {
3035
- 'text-font': italicFonts,
3036
- 'text-size': {
3037
- 'stops': [
3038
- [13, 9],
3039
- [14, 10],
3040
- [15, 11],
3041
- [16, 12],
3042
- [17, 13]
3043
- ]
3044
- },
3045
- 'text-field': {
3046
- 'stops': [
3047
- [8, '{name_en}'],
3048
- [13, '{name}']
3049
- ]
3050
- },
3051
- 'symbol-spacing': 350,
3052
- 'symbol-placement': 'line',
3053
- 'text-line-height': 1.2,
3054
- 'text-pitch-alignment': 'auto',
3055
- 'text-rotation-alignment': 'auto'
3056
- },
3057
- 'paint': {
3058
- 'text-color': dark ? 'rgba(129, 173, 235, 1)' : 'rgb(45, 113, 218)',
3059
- 'text-halo-blur': 1,
3060
- 'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgb(240, 245, 252)',
3061
- 'text-halo-width': 1
3062
- },
3063
- 'filter': ['all', ['has', 'name'], ['==', '$type', 'LineString']]
3064
- },
3065
- {
3066
- 'id': 'park-label',
3067
- 'type': 'symbol',
3068
- 'source': 'openmaptiles',
3069
- 'source-layer': 'park',
3070
- 'minzoom': 0,
3071
- 'layout': {
3072
- 'text-font': regularFonts,
3073
- 'text-size': {
3074
- 'base': 1.2,
3075
- 'stops': [
3076
- [12, 10],
3077
- [15, 14]
3078
- ]
3079
- },
3080
- 'text-field': '{name:latin}\n{name:nonlatin}',
3081
- 'visibility': 'visible',
3082
- 'text-max-width': 9,
3083
- 'text-transform': 'none',
3084
- 'text-allow-overlap': false,
3085
- 'text-letter-spacing': 0.1,
3086
- 'text-ignore-placement': false
3087
- },
3088
- 'paint': {
3089
- 'text-color': dark ? 'rgba(40, 191, 102, 1)' : 'rgba(29, 176, 51, 1)',
3090
- 'text-halo-color': dark ? 'rgba(0, 0, 0, 0.8)' : 'rgba(255,255,255,0.8)',
3091
- 'text-halo-width': 1.2
3092
- },
3093
- 'metadata': {
3094
- 'mapbox:group': '1444849242106.713'
3095
- },
3096
- 'filter': ['all', ['==', 'rank', 1], ['==', '$type', 'Point']]
3097
- },
3098
- {
3099
- 'id': 'place_hamlet',
3100
- 'type': 'symbol',
3101
- 'source': 'openmaptiles',
3102
- 'source-layer': 'place',
3103
- 'minzoom': 12,
3104
- 'maxzoom': 16,
3105
- 'layout': {
3106
- 'icon-size': 1,
3107
- 'text-font': regularFonts,
3108
- 'text-size': {
3109
- 'stops': [
3110
- [13, 8],
3111
- [14, 10],
3112
- [16, 11]
3113
- ]
3114
- },
3115
- 'icon-image': '',
3116
- 'text-field': {
3117
- 'stops': [
3118
- [8, '{name_en}'],
3119
- [14, '{name}']
3120
- ]
3121
- },
3122
- 'icon-offset': [16, 0],
3123
- 'text-anchor': 'center',
3124
- 'text-offset': [0.2, 0.2],
3125
- 'text-max-width': 10,
3126
- 'text-transform': {
3127
- 'stops': [
3128
- [12, 'none'],
3129
- [14, 'uppercase']
3130
- ]
3131
- },
3132
- 'text-keep-upright': true
3133
- },
3134
- 'paint': {
3135
- 'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
3136
- 'text-color': dark ? 'rgba(211, 211, 211, 1)' : 'rgb(57, 74, 86)',
3137
- 'text-halo-color': dark ? 'rgba(32, 32, 32, 1)' : 'rgb(219, 225, 230)',
3138
- 'text-halo-width': 1,
3139
- 'icon-translate-anchor': 'map'
3140
- },
3141
- 'filter': ['any', ['==', 'class', 'neighbourhood'], ['==', 'class', 'hamlet']]
3142
- },
3143
- {
3144
- 'id': 'place_suburbs',
3145
- 'type': 'symbol',
3146
- 'source': 'openmaptiles',
3147
- 'source-layer': 'place',
3148
- 'minzoom': 12,
3149
- 'maxzoom': 16,
3150
- 'layout': {
3151
- 'icon-size': 1,
3152
- 'text-font': regularFonts,
3153
- 'text-size': {
3154
- 'stops': [
3155
- [12, 9],
3156
- [13, 10],
3157
- [14, 11],
3158
- [15, 12],
3159
- [16, 13]
3160
- ]
3161
- },
3162
- 'icon-image': '',
3163
- 'text-field': {
3164
- 'stops': [
3165
- [8, '{name_en}'],
3166
- [13, '{name}']
3167
- ]
3168
- },
3169
- 'icon-offset': [16, 0],
3170
- 'text-anchor': 'center',
3171
- 'text-offset': [0.2, 0.2],
3172
- 'text-max-width': 10,
3173
- 'text-transform': {
3174
- 'stops': [
3175
- [8, 'none'],
3176
- [12, 'uppercase']
3177
- ]
3178
- },
3179
- 'text-keep-upright': true
3180
- },
3181
- 'paint': {
3182
- 'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
3183
- 'text-color': dark ? 'rgba(218, 218, 218, 1)' : 'rgb(57, 74, 86)',
3184
- 'text-halo-color': dark ? 'rgba(53, 53, 53, 1)' : 'rgba(255, 255, 255, 1)',
3185
- 'text-halo-width': 1,
3186
- 'icon-translate-anchor': 'map'
3187
- },
3188
- 'filter': ['all', ['==', 'class', 'suburb']]
3189
- },
3190
- {
3191
- 'id': 'place_villages',
3192
- 'type': 'symbol',
3193
- 'source': 'openmaptiles',
3194
- 'source-layer': 'place',
3195
- 'minzoom': 10,
3196
- 'maxzoom': 16,
3197
- 'layout': {
3198
- 'icon-size': 1,
3199
- 'text-font': boldFonts,
3200
- 'text-size': {
3201
- 'stops': [
3202
- [10, 9],
3203
- [12, 10],
3204
- [13, 11],
3205
- [14, 12],
3206
- [16, 13]
3207
- ]
3208
- },
3209
- 'icon-image': '',
3210
- 'text-field': {
3211
- 'stops': [
3212
- [8, '{name_en}'],
3213
- [13, '{name}']
3214
- ]
3215
- },
3216
- 'icon-offset': [16, 0],
3217
- 'text-anchor': 'center',
3218
- 'text-offset': [0.2, 0.2],
3219
- 'text-max-width': 10,
3220
- 'text-transform': 'none',
3221
- 'text-keep-upright': true
3222
- },
3223
- 'paint': {
3224
- 'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
3225
- 'text-color': dark ? 'rgba(166, 166, 166, 1)' : 'rgb(57, 74, 86)',
3226
- 'text-halo-color': dark ? 'rgba(7, 7, 7, 1)' : 'rgba(255, 255, 255, 1)',
3227
- 'text-halo-width': 1,
3228
- 'icon-translate-anchor': 'map'
3229
- },
3230
- 'filter': ['all', ['==', 'class', 'village']]
3231
- },
3232
- {
3233
- 'id': 'place_town',
3234
- 'type': 'symbol',
3235
- 'source': 'openmaptiles',
3236
- 'source-layer': 'place',
3237
- 'minzoom': 8,
3238
- 'maxzoom': 14,
3239
- 'layout': {
3240
- 'icon-size': 1,
3241
- 'text-font': boldFonts,
3242
- 'text-size': {
3243
- 'stops': [
3244
- [8, 10],
3245
- [9, 10],
3246
- [10, 11],
3247
- [13, 14],
3248
- [14, 15]
3249
- ]
3250
- },
3251
- 'icon-image': '',
3252
- 'text-field': {
3253
- 'stops': [
3254
- [8, '{name_en}'],
3255
- [13, '{name}']
3256
- ]
3257
- },
3258
- 'icon-offset': [16, 0],
3259
- 'text-anchor': 'center',
3260
- 'text-offset': [0.2, 0.2],
3261
- 'text-max-width': 10,
3262
- 'text-transform': 'none',
3263
- 'text-keep-upright': true
3264
- },
3265
- 'paint': {
3266
- 'icon-color': dark ? 'rgba(191, 191, 191, 1)' : 'rgb(57, 74, 86)',
3267
- 'text-color': dark ? 'rgba(195, 195, 195, 1)' : 'rgb(57, 74, 86)',
3268
- 'text-halo-color': dark ? 'rgba(53, 53, 53, 1)' : 'rgba(255, 255, 255, 1)',
3269
- 'text-halo-width': 1,
3270
- 'icon-translate-anchor': 'map'
3271
- },
3272
- 'filter': ['all', ['==', 'class', 'town']]
3273
- },
3274
- {
3275
- 'id': 'place_country_2',
3276
- 'type': 'symbol',
3277
- 'source': 'openmaptiles',
3278
- 'source-layer': 'place',
3279
- 'minzoom': 3,
3280
- 'maxzoom': 10,
3281
- 'layout': {
3282
- 'text-font': boldFonts,
3283
- 'text-size': {
3284
- 'stops': [
3285
- [3, 10],
3286
- [5, 11],
3287
- [6, 12],
3288
- [7, 13],
3289
- [8, 14]
3290
- ]
3291
- },
3292
- 'text-field': '{name_en}',
3293
- 'text-transform': 'sentencecase'
3294
- },
3295
- 'paint': {
3296
- 'text-color': {
3297
- 'stops': [
3298
- [3, dark ? 'rgba(179, 179, 190, 1)' : 'rgb(101, 106, 110)'],
3299
- [5, dark ? 'rgba(179, 179, 190, 1)' : 'rgb(127, 129, 131)'],
3300
- [6, dark ? 'rgba(179, 179, 190, 1)' : 'rgba(131, 131, 131, 1)']
3301
- ]
3302
- },
3303
- 'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
3304
- 'text-halo-width': 1
3305
- },
3306
- 'filter': ['all', ['==', 'class', 'country'], ['>=', 'rank', 3], ['has', 'iso_a2']]
3307
- },
3308
- {
3309
- 'id': 'place_country_1',
3310
- 'type': 'symbol',
3311
- 'source': 'openmaptiles',
3312
- 'source-layer': 'place',
3313
- 'minzoom': 2,
3314
- 'maxzoom': 7,
3315
- 'layout': {
3316
- 'text-font': boldFonts,
3317
- 'text-size': {
3318
- 'stops': [
3319
- [3, 11],
3320
- [4, 12],
3321
- [5, 13],
3322
- [6, 14]
3323
- ]
3324
- },
3325
- 'text-field': '{name_en}',
3326
- 'text-max-width': {
3327
- 'stops': [
3328
- [2, 6],
3329
- [3, 6],
3330
- [4, 9],
3331
- [5, 12]
3332
- ]
3333
- },
3334
- 'text-transform': 'sentencecase'
3335
- },
3336
- 'paint': {
3337
- 'text-color': {
3338
- 'stops': [
3339
- [3, dark ? 'rgba(179, 179, 190, 1)' : 'rgba(114, 114, 114, 1)'],
3340
- [5, dark ? 'rgba(179, 179, 190, 1)' : 'rgba(116, 116, 116, 1)'],
3341
- [6, dark ? 'rgba(179, 179, 190, 1)' : 'rgba(116, 116, 116, 1)']
3342
- ]
3343
- },
3344
- 'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
3345
- 'text-halo-width': 1
3346
- },
3347
- 'filter': ['all', ['==', 'class', 'country'], ['<=', 'rank', 2]]
3348
- },
3349
- {
3350
- 'id': 'place_state',
3351
- 'type': 'symbol',
3352
- 'source': 'openmaptiles',
3353
- 'source-layer': 'place',
3354
- 'minzoom': 5,
3355
- 'maxzoom': 10,
3356
- 'layout': {
3357
- 'text-font': boldFonts,
3358
- 'text-size': {
3359
- 'stops': [
3360
- [5, 12],
3361
- [7, 14]
3362
- ]
3363
- },
3364
- 'text-field': '{name_en}',
3365
- 'text-max-width': 9,
3366
- 'text-transform': 'sentencecase'
3367
- },
3368
- 'paint': {
3369
- 'text-color': dark ? 'rgba(179, 179, 190, 1)' : 'rgb(116, 119, 122)',
3370
- 'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgb(216, 238, 215)',
3371
- 'text-halo-width': 1
3372
- },
3373
- 'filter': ['all', ['==', 'class', 'state'], ['<=', 'rank', 4]]
3374
- },
3375
- {
3376
- 'id': 'place_continent',
3377
- 'type': 'symbol',
3378
- 'source': 'openmaptiles',
3379
- 'source-layer': 'place',
3380
- 'minzoom': 0,
3381
- 'maxzoom': 2,
3382
- 'layout': {
3383
- 'text-font': boldFonts,
3384
- 'text-size': 14,
3385
- 'text-field': '{name_en}',
3386
- 'text-justify': 'center',
3387
- 'text-max-width': 9,
3388
- 'text-transform': 'uppercase',
3389
- 'text-keep-upright': false,
3390
- 'text-letter-spacing': 0.1
3391
- },
3392
- 'paint': {
3393
- 'text-color': dark ? 'rgba(209, 209, 209, 1)' : 'rgb(57, 74, 86)',
3394
- 'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
3395
- 'text-halo-width': 1
3396
- },
3397
- 'filter': ['all', ['==', 'class', 'continent']]
3398
- },
3399
- {
3400
- 'id': 'place_city_r6',
3401
- 'type': 'symbol',
3402
- 'source': 'openmaptiles',
3403
- 'source-layer': 'place',
3404
- 'minzoom': 8,
3405
- 'maxzoom': 15,
3406
- 'layout': {
3407
- 'icon-size': 1,
3408
- 'text-font': boldFonts,
3409
- 'text-size': {
3410
- 'stops': [
3411
- [8, 12],
3412
- [9, 13],
3413
- [10, 14],
3414
- [13, 17],
3415
- [14, 20]
3416
- ]
3417
- },
3418
- 'icon-image': '',
3419
- 'text-field': {
3420
- 'stops': [
3421
- [8, '{name_en}'],
3422
- [13, '{name}']
3423
- ]
3424
- },
3425
- 'icon-offset': [16, 0],
3426
- 'text-anchor': 'center',
3427
- 'text-offset': [0.2, 0.2],
3428
- 'text-max-width': 10,
3429
- 'text-transform': 'uppercase',
3430
- 'text-keep-upright': true
3431
- },
3432
- 'paint': {
3433
- 'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
3434
- 'text-color': dark ? 'rgba(217, 217, 217, 1)' : 'rgb(57, 74, 86)',
3435
- 'text-halo-color': dark ? 'rgba(36, 36, 36, 1)' : 'rgba(255, 255, 255, 1)',
3436
- 'text-halo-width': 1,
3437
- 'icon-translate-anchor': 'map'
3438
- },
3439
- 'filter': ['all', ['==', 'class', 'city'], ['>=', 'rank', 6]]
3440
- },
3441
- {
3442
- 'id': 'place_city_r5',
3443
- 'type': 'symbol',
3444
- 'source': 'openmaptiles',
3445
- 'source-layer': 'place',
3446
- 'minzoom': 8,
3447
- 'maxzoom': 15,
3448
- 'layout': {
3449
- 'icon-size': 1,
3450
- 'text-font': boldFonts,
3451
- 'text-size': {
3452
- 'stops': [
3453
- [8, 14],
3454
- [10, 16],
3455
- [13, 19],
3456
- [14, 22]
3457
- ]
3458
- },
3459
- 'icon-image': '',
3460
- 'text-field': {
3461
- 'stops': [
3462
- [8, '{name_en}'],
3463
- [13, '{name}']
3464
- ]
3465
- },
3466
- 'icon-offset': [16, 0],
3467
- 'text-anchor': 'center',
3468
- 'text-offset': [0.2, 0.2],
3469
- 'text-max-width': 10,
3470
- 'text-transform': 'uppercase',
3471
- 'text-keep-upright': true
3472
- },
3473
- 'paint': {
3474
- 'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
3475
- 'text-color': dark ? 'rgba(209, 209, 209, 1)' : 'rgb(57, 74, 86)',
3476
- 'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
3477
- 'text-halo-width': 1,
3478
- 'icon-translate-anchor': 'map'
3479
- },
3480
- 'filter': ['all', ['==', 'class', 'city'], ['>=', 'rank', 0], ['<=', 'rank', 5]]
3481
- },
3482
- {
3483
- 'id': 'place_city_dot_r7',
3484
- 'type': 'symbol',
3485
- 'source': 'openmaptiles',
3486
- 'source-layer': 'place',
3487
- 'minzoom': 6,
3488
- 'maxzoom': 7,
3489
- 'layout': {
3490
- 'icon-size': 0.4,
3491
- 'text-font': boldFonts,
3492
- 'text-size': 12,
3493
- 'icon-image': 'circle-11',
3494
- 'text-field': '{name_en}',
3495
- 'icon-offset': [16, 5],
3496
- 'text-anchor': 'right',
3497
- 'text-offset': [0.2, 0.2],
3498
- 'text-max-width': 8,
3499
- 'text-keep-upright': true
3500
- },
3501
- 'paint': {
3502
- 'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
3503
- 'text-color': dark ? 'rgba(193, 193, 193, 1)' : 'rgb(57, 74, 86)',
3504
- 'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
3505
- 'text-halo-width': 1,
3506
- 'icon-translate-anchor': 'map'
3507
- },
3508
- 'filter': ['all', ['==', 'class', 'city'], ['<=', 'rank', 7]]
3509
- },
3510
- {
3511
- 'id': 'place_city_dot_r4',
3512
- 'type': 'symbol',
3513
- 'source': 'openmaptiles',
3514
- 'source-layer': 'place',
3515
- 'minzoom': 5,
3516
- 'maxzoom': 7,
3517
- 'layout': {
3518
- 'icon-size': 0.4,
3519
- 'text-font': boldFonts,
3520
- 'text-size': 12,
3521
- 'icon-image': 'circle-11',
3522
- 'text-field': '{name_en}',
3523
- 'icon-offset': [16, 5],
3524
- 'text-anchor': 'right',
3525
- 'text-offset': [0.2, 0.2],
3526
- 'text-max-width': 8,
3527
- 'text-keep-upright': true
3528
- },
3529
- 'paint': {
3530
- 'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
3531
- 'text-color': dark ? 'rgba(196, 200, 204, 1)' : 'rgb(57, 74, 86)',
3532
- 'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
3533
- 'text-halo-width': 1,
3534
- 'icon-translate-anchor': 'map'
3535
- },
3536
- 'filter': ['all', ['==', 'class', 'city'], ['<=', 'rank', 4]]
3537
- },
3538
- {
3539
- 'id': 'place_city_dot_r2',
3540
- 'type': 'symbol',
3541
- 'source': 'openmaptiles',
3542
- 'source-layer': 'place',
3543
- 'minzoom': 4,
3544
- 'maxzoom': 7,
3545
- 'layout': {
3546
- 'icon-size': 0.4,
3547
- 'text-font': boldFonts,
3548
- 'text-size': 12,
3549
- 'icon-image': 'circle-11',
3550
- 'text-field': '{name_en}',
3551
- 'icon-offset': [16, 5],
3552
- 'text-anchor': 'right',
3553
- 'text-offset': [0.2, 0.2],
3554
- 'text-max-width': 8,
3555
- 'text-keep-upright': true
3556
- },
3557
- 'paint': {
3558
- 'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
3559
- 'text-color': dark ? 'rgba(196, 200, 204, 1)' : 'rgb(57, 74, 86)',
3560
- 'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
3561
- 'text-halo-width': 1,
3562
- 'icon-translate-anchor': 'map'
3563
- },
3564
- 'filter': ['all', ['==', 'class', 'city'], ['<=', 'rank', 2]]
3565
- },
3566
- {
3567
- 'id': 'place_city_dot_z7',
3568
- 'type': 'symbol',
3569
- 'source': 'openmaptiles',
3570
- 'source-layer': 'place',
3571
- 'minzoom': 7,
3572
- 'maxzoom': 8,
3573
- 'layout': {
3574
- 'icon-size': 0.4,
3575
- 'text-font': boldFonts,
3576
- 'text-size': 12,
3577
- 'icon-image': 'circle-11',
3578
- 'text-field': '{name_en}',
3579
- 'icon-offset': [16, 5],
3580
- 'text-anchor': 'right',
3581
- 'text-offset': [0.2, 0.2],
3582
- 'text-max-width': 8,
3583
- 'text-keep-upright': true
3584
- },
3585
- 'paint': {
3586
- 'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
3587
- 'text-color': dark ? 'rgba(209, 209, 209, 1)' : 'rgb(57, 74, 86)',
3588
- 'text-halo-color': dark ? 'rgba(34, 34, 34, 1)' : 'rgba(255, 255, 255, 1)',
3589
- 'text-halo-width': 1,
3590
- 'icon-translate-anchor': 'map'
3591
- },
3592
- 'filter': ['all', ['!has', 'capital'], ['!in', 'class', 'country', 'state']]
3593
- },
3594
- {
3595
- 'id': 'place_capital_dot_z7',
3596
- 'type': 'symbol',
3597
- 'source': 'openmaptiles',
3598
- 'source-layer': 'place',
3599
- 'minzoom': 7,
3600
- 'maxzoom': 8,
3601
- 'layout': {
3602
- 'icon-size': 0.4,
3603
- 'text-font': boldFonts,
3604
- 'text-size': 12,
3605
- 'icon-image': 'circle-11',
3606
- 'text-field': '{name_en}',
3607
- 'icon-offset': [16, 5],
3608
- 'text-anchor': 'right',
3609
- 'text-offset': [0.2, 0.2],
3610
- 'text-max-width': 8,
3611
- 'text-transform': 'uppercase',
3612
- 'text-keep-upright': true
3613
- },
3614
- 'paint': {
3615
- 'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
3616
- 'text-color': dark ? 'rgba(201, 201, 201, 1)' : 'rgb(57, 74, 86)',
3617
- 'text-halo-color': dark ? 'rgba(30, 30, 30, 1)' : 'rgba(255, 255, 255, 1)',
3618
- 'text-halo-width': 1,
3619
- 'icon-translate-anchor': 'map'
3620
- },
3621
- 'filter': ['all', ['>', 'capital', 0]]
3622
- },
3623
- {
3624
- 'id': 'poi_stadium',
3625
- 'type': 'symbol',
3626
- 'source': 'openmaptiles',
3627
- 'source-layer': 'poi',
3628
- 'minzoom': 15,
3629
- 'layout': {
3630
- 'text-font': boldFonts,
3631
- 'text-size': {
3632
- 'stops': [
3633
- [15, 8],
3634
- [17, 9],
3635
- [18, 10]
3636
- ]
3637
- },
3638
- 'text-field': '{name}',
3639
- 'text-transform': 'uppercase'
3640
- },
3641
- 'paint': {
3642
- 'text-color': dark ? 'rgb(48, 48, 48)' : 'rgb(82, 82, 82)',
3643
- 'text-halo-color': dark ? 'rgba(201, 201, 201, 0.15)' : 'rgba(234, 234, 234, 0.15)',
3644
- 'text-halo-width': 1
3645
- },
3646
- 'filter': ['all', ['in', 'class', 'stadium', 'cemetery', 'attraction'], ['<=', 'rank', 3]]
3647
- },
3648
- {
3649
- 'id': 'poi_park',
3650
- 'type': 'symbol',
3651
- 'source': 'openmaptiles',
3652
- 'source-layer': 'poi',
3653
- 'minzoom': 15,
3654
- 'layout': {
3655
- 'text-font': boldFonts,
3656
- 'text-size': {
3657
- 'stops': [
3658
- [15, 8],
3659
- [17, 9],
3660
- [18, 10]
3661
- ]
3662
- },
3663
- 'text-field': '{name}',
3664
- 'text-transform': 'uppercase'
3665
- },
3666
- 'paint': {
3667
- 'text-color': dark ? 'rgba(193, 242, 214, 1)' : 'rgb(82, 82, 82)',
3668
- 'text-halo-color': dark ? 'rgba(0, 0, 0, 0.5)' : 'rgba(234, 234, 234, 0.15)',
3669
- 'text-halo-width': 1
3670
- },
3671
- 'filter': ['all', ['==', 'class', 'park']]
3672
- },
3673
- {
3674
- 'id': 'roadname_minor',
3675
- 'type': 'symbol',
3676
- 'source': 'openmaptiles',
3677
- 'source-layer': 'transportation_name',
3678
- 'minzoom': 16,
3679
- 'layout': {
3680
- 'text-font': regularFonts,
3681
- 'text-size': 9,
3682
- 'text-field': '{name}',
3683
- 'text-justify': 'center',
3684
- 'symbol-spacing': 200,
3685
- 'symbol-placement': 'line',
3686
- 'symbol-avoid-edges': false,
3687
- 'text-pitch-alignment': 'auto',
3688
- 'text-rotation-alignment': 'auto'
3689
- },
3690
- 'paint': {
3691
- 'text-color': dark ? 'rgba(255, 255, 255, 1)' : 'rgba(73, 73, 53, 1)',
3692
- 'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
3693
- 'text-halo-width': 1
3694
- },
3695
- 'filter': ['all', ['in', 'class', 'minor', 'service']]
3696
- },
3697
- {
3698
- 'id': 'roadname_sec',
3699
- 'type': 'symbol',
3700
- 'source': 'openmaptiles',
3701
- 'source-layer': 'transportation_name',
3702
- 'minzoom': 15,
3703
- 'layout': {
3704
- 'text-font': regularFonts,
3705
- 'text-size': {
3706
- 'stops': [
3707
- [15, 9],
3708
- [16, 11],
3709
- [18, 12]
3710
- ]
3711
- },
3712
- 'text-field': '{name}',
3713
- 'text-justify': 'center',
3714
- 'symbol-spacing': 200,
3715
- 'symbol-placement': 'line',
3716
- 'symbol-avoid-edges': false,
3717
- 'text-pitch-alignment': 'auto',
3718
- 'text-rotation-alignment': 'auto'
3719
- },
3720
- 'paint': {
3721
- 'text-color': dark ? 'rgba(255, 255, 255, 1)' : 'rgba(90, 92, 71, 1)',
3722
- 'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
3723
- 'text-halo-width': 1
3724
- },
3725
- 'filter': ['all', ['in', 'class', 'secondary', 'tertiary']]
3726
- },
3727
- {
3728
- 'id': 'roadname_pri',
3729
- 'type': 'symbol',
3730
- 'source': 'openmaptiles',
3731
- 'source-layer': 'transportation_name',
3732
- 'minzoom': 14,
3733
- 'layout': {
3734
- 'text-font': regularFonts,
3735
- 'text-size': {
3736
- 'stops': [
3737
- [14, 10],
3738
- [15, 10],
3739
- [16, 11],
3740
- [18, 12]
3741
- ]
3742
- },
3743
- 'text-field': '{name}',
3744
- 'text-justify': 'center',
3745
- 'symbol-spacing': {
3746
- 'stops': [
3747
- [6, 200],
3748
- [16, 250]
3749
- ]
3750
- },
3751
- 'symbol-placement': 'line',
3752
- 'symbol-avoid-edges': false,
3753
- 'text-letter-spacing': {
3754
- 'stops': [
3755
- [14, 0],
3756
- [16, 0.2]
3757
- ]
3758
- },
3759
- 'text-pitch-alignment': 'auto',
3760
- 'text-rotation-alignment': 'auto'
3761
- },
3762
- 'paint': {
3763
- 'text-color': dark ? 'rgb(255, 255, 255)' : 'rgb(0, 0, 0)',
3764
- 'text-halo-color': dark ? 'rgb(0, 0, 0)' : 'rgb(255, 255, 255)',
3765
- 'text-halo-width': 1
3766
- },
3767
- 'filter': ['all', ['in', 'class', 'primary']]
3768
- },
3769
- {
3770
- 'id': 'roadname_major',
3771
- 'type': 'symbol',
3772
- 'source': 'openmaptiles',
3773
- 'source-layer': 'transportation_name',
3774
- 'minzoom': 13,
3775
- 'layout': {
3776
- 'text-font': regularFonts,
3777
- 'text-size': {
3778
- 'stops': [
3779
- [14, 10],
3780
- [15, 10],
3781
- [16, 11],
3782
- [18, 12]
3783
- ]
3784
- },
3785
- 'text-field': '{name}',
3786
- 'text-justify': 'center',
3787
- 'symbol-spacing': {
3788
- 'stops': [
3789
- [6, 200],
3790
- [16, 250]
3791
- ]
3792
- },
3793
- 'symbol-placement': 'line',
3794
- 'symbol-avoid-edges': false,
3795
- 'text-letter-spacing': {
3796
- 'stops': [
3797
- [13, 0],
3798
- [16, 0.2]
3799
- ]
3800
- },
3801
- 'text-pitch-alignment': 'auto',
3802
- 'text-rotation-alignment': 'auto'
3803
- },
3804
- 'paint': {
3805
- 'text-color': dark ? 'rgb(255, 255, 255)' : 'rgb(0, 0, 0)',
3806
- 'text-halo-color': dark ? 'rgb(0, 0, 0)' : 'rgb(255, 255, 255)',
3807
- 'text-halo-width': 1
3808
- },
3809
- 'filter': ['all', ['in', 'class', 'trunk', 'motorway']]
3810
- },
3811
- {
3812
- 'id': 'housenumber',
3813
- 'type': 'symbol',
3814
- 'source': 'openmaptiles',
3815
- 'source-layer': 'housenumber',
3816
- 'minzoom': 17,
3817
- 'maxzoom': 24,
3818
- 'layout': {
3819
- 'text-font': regularFonts,
3820
- 'text-size': {
3821
- 'stops': [
3822
- [17, 9],
3823
- [18, 11]
3824
- ]
3825
- },
3826
- 'text-field': '{housenumber}'
3827
- },
3828
- 'paint': {
3829
- 'text-color': dark ? 'rgb(69, 158, 124)' : 'rgba(255, 255, 255, 1)',
3830
- 'text-halo-color': dark ? 'rgba(201, 201, 201, 0.15)' : 'rgba(0, 0, 0, 0.15)',
3831
- 'text-halo-width': 0.75
3832
- }
3833
- }
3834
- ],
3835
- 'metadata': {
3836
- 'maptiler:copyright': 'This style was generated on MapTiler Cloud. Usage outside of MapTiler Cloud or MapTiler Server requires valid MapTiler Data package: https://www.maptiler.com/data/ -- please contact us.'
3837
- },
3838
- 'glyphs': `https://api.maptiler.com/fonts/{fontstack}/{range}.pbf?key=${key}`,
3839
- 'sprite': 'https://api.maptiler.com/maps/17edd8b7-a153-4528-b076-32743671d394/sprite',
3840
- 'bearing': 0,
3841
- 'pitch': 0,
3842
- 'center': [8.611423932402658, 46.76324669153797],
3843
- 'zoom': 6.680213932099212
3844
- });
3845
-
3846
951
  /**
3847
952
  * Copyright (c) Siemens 2016 - 2026
3848
953
  * SPDX-License-Identifier: MIT
@@ -3851,33 +956,39 @@ class SiMapComponent {
3851
956
  /**
3852
957
  * Points to be rendered on the map as features.
3853
958
  */
3854
- points = model(...(ngDevMode ? [undefined, { debugName: "points" }] : []));
959
+ points = model(/* @ts-ignore */
960
+ ...(ngDevMode ? [undefined, { debugName: "points" }] : /* istanbul ignore next */ []));
3855
961
  /**
3856
962
  * Payload of a geo-JSON object.
3857
963
  */
3858
- geoJson = input(...(ngDevMode ? [undefined, { debugName: "geoJson" }] : []));
964
+ geoJson = input(/* @ts-ignore */
965
+ ...(ngDevMode ? [undefined, { debugName: "geoJson" }] : /* istanbul ignore next */ []));
3859
966
  /**
3860
967
  * Callback function to add custom styling to the drawn geo-JSON features.
3861
968
  */
3862
- styleFunction = input(...(ngDevMode ? [undefined, { debugName: "styleFunction" }] : []));
969
+ styleFunction = input(/* @ts-ignore */
970
+ ...(ngDevMode ? [undefined, { debugName: "styleFunction" }] : /* istanbul ignore next */ []));
3863
971
  /**
3864
972
  * Projection format used to render the geo-JSON payload.
3865
973
  *
3866
974
  * @defaultValue 'EPSG:3857'
3867
975
  */
3868
- geoJsonProjection = input('EPSG:3857', ...(ngDevMode ? [{ debugName: "geoJsonProjection" }] : []));
976
+ geoJsonProjection = input('EPSG:3857', /* @ts-ignore */
977
+ ...(ngDevMode ? [{ debugName: "geoJsonProjection" }] : /* istanbul ignore next */ []));
3869
978
  /**
3870
979
  * Enable or disable animation of markers.
3871
980
  *
3872
981
  * @defaultValue false
3873
982
  */
3874
- markerAnimation = input(false, ...(ngDevMode ? [{ debugName: "markerAnimation" }] : []));
983
+ markerAnimation = input(false, /* @ts-ignore */
984
+ ...(ngDevMode ? [{ debugName: "markerAnimation" }] : /* istanbul ignore next */ []));
3875
985
  /**
3876
986
  * Enable or disable clustering of points on the map.
3877
987
  *
3878
988
  * @defaultValue false
3879
989
  */
3880
- cluster = input(false, ...(ngDevMode ? [{ debugName: "cluster" }] : []));
990
+ cluster = input(false, /* @ts-ignore */
991
+ ...(ngDevMode ? [{ debugName: "cluster" }] : /* istanbul ignore next */ []));
3881
992
  /**
3882
993
  * Defines which colors should be used when points are grouped. Grouping means
3883
994
  * that points are painted with their group color and they are displayed as
@@ -3885,154 +996,166 @@ class SiMapComponent {
3885
996
  *
3886
997
  * @defaultValue 'status'
3887
998
  */
3888
- groupColors = input('status', ...(ngDevMode ? [{ debugName: "groupColors" }] : []));
999
+ groupColors = input('status', /* @ts-ignore */
1000
+ ...(ngDevMode ? [{ debugName: "groupColors" }] : /* istanbul ignore next */ []));
3889
1001
  /**
3890
1002
  * - **overlay**: Layer for popup element, an element to be displayed over the
3891
1003
  * map and attached to a single map location.
3892
1004
  * - **controls**: List of controls to activate for map, additional controls
3893
1005
  * like full screen, etc. can be added here.
3894
1006
  */
3895
- nativeProperties = input(...(ngDevMode ? [undefined, { debugName: "nativeProperties" }] : []));
1007
+ nativeProperties = input(/* @ts-ignore */
1008
+ ...(ngDevMode ? [undefined, { debugName: "nativeProperties" }] : /* istanbul ignore next */ []));
3896
1009
  /**
3897
1010
  * Type of background map, for example `'https://api.maptiler.com/maps/voyager/style.json?key=xxx'`
3898
1011
  * (Token key is required). The styleJson defines the tiler source and the
3899
1012
  * used styles for different layers, should only be used if the siemens
3900
1013
  * default styles by using `maptilerKey` isn't good enough.
3901
1014
  */
3902
- styleJson = input(...(ngDevMode ? [undefined, { debugName: "styleJson" }] : []));
1015
+ styleJson = input(/* @ts-ignore */
1016
+ ...(ngDevMode ? [undefined, { debugName: "styleJson" }] : /* istanbul ignore next */ []));
3903
1017
  /**
3904
1018
  * Option to switch on/off the display of tooltip while hovering over single
3905
1019
  * point.
3906
1020
  *
3907
1021
  * @defaultValue false
3908
1022
  */
3909
- displayTooltipOnHover = input(false, ...(ngDevMode ? [{ debugName: "displayTooltipOnHover" }] : []));
1023
+ displayTooltipOnHover = input(false, /* @ts-ignore */
1024
+ ...(ngDevMode ? [{ debugName: "displayTooltipOnHover" }] : /* istanbul ignore next */ []));
3910
1025
  /**
3911
1026
  * Option to switch on/off the display of popover when clicked.
3912
1027
  * Default set to true (on).
3913
1028
  *
3914
1029
  * @defaultValue true
3915
1030
  */
3916
- displayPopoverOnClick = input(true, ...(ngDevMode ? [{ debugName: "displayPopoverOnClick" }] : []));
1031
+ displayPopoverOnClick = input(true, /* @ts-ignore */
1032
+ ...(ngDevMode ? [{ debugName: "displayPopoverOnClick" }] : /* istanbul ignore next */ []));
3917
1033
  /**
3918
1034
  * Option to switch on/off popover when hovered.
3919
1035
  * Default is set to false (off)
3920
1036
  *
3921
1037
  * @defaultValue false
3922
1038
  */
3923
- displayPopoverOnHover = input(false, ...(ngDevMode ? [{ debugName: "displayPopoverOnHover" }] : []));
1039
+ displayPopoverOnHover = input(false, /* @ts-ignore */
1040
+ ...(ngDevMode ? [{ debugName: "displayPopoverOnHover" }] : /* istanbul ignore next */ []));
3924
1041
  /**
3925
1042
  * Provide your key for MapTiler, this will use the default siemens element
3926
1043
  * styles which can be used in both light and dark mode. Shouldn't be used
3927
1044
  * together with styleJson.
3928
1045
  */
3929
- maptilerKey = input(...(ngDevMode ? [undefined, { debugName: "maptilerKey" }] : []));
1046
+ maptilerKey = input(/* @ts-ignore */
1047
+ ...(ngDevMode ? [undefined, { debugName: "maptilerKey" }] : /* istanbul ignore next */ []));
3930
1048
  /**
3931
1049
  * Option to switch on/off the display of tooltip while hovering over cluster.
3932
1050
  *
3933
1051
  * @defaultValue false
3934
1052
  */
3935
- displayTooltipOnClusterHover = input(false, ...(ngDevMode ? [{ debugName: "displayTooltipOnClusterHover" }] : []));
1053
+ displayTooltipOnClusterHover = input(false, /* @ts-ignore */
1054
+ ...(ngDevMode ? [{ debugName: "displayTooltipOnClusterHover" }] : /* istanbul ignore next */ []));
3936
1055
  /**
3937
1056
  * Defines range in which points are clustered. In pixels.
3938
1057
  *
3939
1058
  * @defaultValue DEFAULT_CLUSTER_DISTANCE
3940
1059
  */
3941
- clusterDistance = input(DEFAULT_CLUSTER_DISTANCE, ...(ngDevMode ? [{ debugName: "clusterDistance" }] : []));
1060
+ clusterDistance = input(DEFAULT_CLUSTER_DISTANCE, /* @ts-ignore */
1061
+ ...(ngDevMode ? [{ debugName: "clusterDistance" }] : /* istanbul ignore next */ []));
3942
1062
  /**
3943
1063
  * Zoom level when calling the `select()` method on the component.
3944
1064
  * Defaults to 10.
3945
1065
  *
3946
1066
  * @defaultValue DEFAULT_FEATURE_SELECT_ZOOM
3947
1067
  */
3948
- featureSelectZoom = input(DEFAULT_FEATURE_SELECT_ZOOM, ...(ngDevMode ? [{ debugName: "featureSelectZoom" }] : []));
1068
+ featureSelectZoom = input(DEFAULT_FEATURE_SELECT_ZOOM, /* @ts-ignore */
1069
+ ...(ngDevMode ? [{ debugName: "featureSelectZoom" }] : /* istanbul ignore next */ []));
3949
1070
  /**
3950
1071
  * Max zoom level which is used when clicking on feature on the map.
3951
1072
  * Defaults to 15.
3952
1073
  *
3953
1074
  * @defaultValue DEFAULT_FEATURE_CLICK_ZOOM
3954
1075
  */
3955
- featureClickZoom = input(DEFAULT_FEATURE_CLICK_ZOOM, ...(ngDevMode ? [{ debugName: "featureClickZoom" }] : []));
1076
+ featureClickZoom = input(DEFAULT_FEATURE_CLICK_ZOOM, /* @ts-ignore */
1077
+ ...(ngDevMode ? [{ debugName: "featureClickZoom" }] : /* istanbul ignore next */ []));
3956
1078
  /**
3957
1079
  * Max zoom level for clicking on a cluster on the map. Defaults to 15.
3958
1080
  *
3959
1081
  * @defaultValue DEFAULT_CLUSTER_CLICK_ZOOM
3960
1082
  */
3961
- clusterClickZoom = input(DEFAULT_CLUSTER_CLICK_ZOOM, ...(ngDevMode ? [{ debugName: "clusterClickZoom" }] : []));
1083
+ clusterClickZoom = input(DEFAULT_CLUSTER_CLICK_ZOOM, /* @ts-ignore */
1084
+ ...(ngDevMode ? [{ debugName: "clusterClickZoom" }] : /* istanbul ignore next */ []));
3962
1085
  /**
3963
1086
  * Max zoom level on load or when clicking the reset button. Defaults to 5.
3964
1087
  *
3965
1088
  * @defaultValue DEFAULT_GLOBAL_ZOOM
3966
1089
  */
3967
- globalZoom = input(DEFAULT_GLOBAL_ZOOM, ...(ngDevMode ? [{ debugName: "globalZoom" }] : []));
1090
+ globalZoom = input(DEFAULT_GLOBAL_ZOOM, /* @ts-ignore */
1091
+ ...(ngDevMode ? [{ debugName: "globalZoom" }] : /* istanbul ignore next */ []));
3968
1092
  /**
3969
1093
  * When enabled, features will be automatically zoom to on click.
3970
1094
  *
3971
1095
  * @defaultValue false
3972
1096
  */
3973
- autoZoomFeatureClick = input(false, ...(ngDevMode ? [{ debugName: "autoZoomFeatureClick" }] : []));
1097
+ autoZoomFeatureClick = input(false, /* @ts-ignore */
1098
+ ...(ngDevMode ? [{ debugName: "autoZoomFeatureClick" }] : /* istanbul ignore next */ []));
3974
1099
  /**
3975
1100
  * When disabled, clusters will no longer automatically be zoomed to on click.
3976
1101
  *
3977
1102
  * @defaultValue true
3978
1103
  */
3979
- autoZoomClusterClick = input(true, ...(ngDevMode ? [{ debugName: "autoZoomClusterClick" }] : []));
1104
+ autoZoomClusterClick = input(true, /* @ts-ignore */
1105
+ ...(ngDevMode ? [{ debugName: "autoZoomClusterClick" }] : /* istanbul ignore next */ []));
3980
1106
  /**
3981
1107
  * Custom popover component
3982
1108
  */
3983
- popoverComponent = input(...(ngDevMode ? [undefined, { debugName: "popoverComponent" }] : []));
1109
+ popoverComponent = input(/* @ts-ignore */
1110
+ ...(ngDevMode ? [undefined, { debugName: "popoverComponent" }] : /* istanbul ignore next */ []));
3984
1111
  /**
3985
1112
  * Custom popover component for clustering
3986
1113
  */
3987
- clusterPopoverComponent = input(...(ngDevMode ? [undefined, { debugName: "clusterPopoverComponent" }] : []));
1114
+ clusterPopoverComponent = input(/* @ts-ignore */
1115
+ ...(ngDevMode ? [undefined, { debugName: "clusterPopoverComponent" }] : /* istanbul ignore next */ []));
3988
1116
  /**
3989
1117
  * Custom popover component
3990
1118
  */
3991
- popoverComponentProps = input(...(ngDevMode ? [undefined, { debugName: "popoverComponentProps" }] : []));
1119
+ popoverComponentProps = input(/* @ts-ignore */
1120
+ ...(ngDevMode ? [undefined, { debugName: "popoverComponentProps" }] : /* istanbul ignore next */ []));
3992
1121
  /**
3993
1122
  * Close the popover on click
3994
1123
  *
3995
1124
  * @defaultValue true
3996
1125
  */
3997
- popoverCloseOnClick = input(true, ...(ngDevMode ? [{ debugName: "popoverCloseOnClick" }] : []));
1126
+ popoverCloseOnClick = input(true, /* @ts-ignore */
1127
+ ...(ngDevMode ? [{ debugName: "popoverCloseOnClick" }] : /* istanbul ignore next */ []));
3998
1128
  /**
3999
1129
  * Padding (in pixels) applied to the map view when zooming to a cluster, preventing points from being clipped at the edges.
4000
1130
  * Specified as [top, right, bottom, left].
4001
1131
  *
4002
1132
  * @defaultValue [20, 20, 20, 20]
4003
1133
  */
4004
- fitClusterPadding = input([20, 20, 20, 20], ...(ngDevMode ? [{ debugName: "fitClusterPadding" }] : []));
1134
+ fitClusterPadding = input([20, 20, 20, 20], /* @ts-ignore */
1135
+ ...(ngDevMode ? [{ debugName: "fitClusterPadding" }] : /* istanbul ignore next */ []));
4005
1136
  /**
4006
1137
  * For Point geometry, padding (in pixels) to be cleared to fit the point inside the view after a click on it.
4007
1138
  * Values in the array are: [top, right, bottom, left].
4008
1139
  *
4009
1140
  * @defaultValue [20, 20, 20, 20]
4010
1141
  */
4011
- fitPointPadding = input([20, 20, 20, 20], ...(ngDevMode ? [{ debugName: "fitPointPadding" }] : []));
1142
+ fitPointPadding = input([20, 20, 20, 20], /* @ts-ignore */
1143
+ ...(ngDevMode ? [{ debugName: "fitPointPadding" }] : /* istanbul ignore next */ []));
4012
1144
  /**
4013
1145
  * For GeoJson, padding (in pixels) to be cleared to fit the GeoJson inside the view after a click on it.
4014
1146
  * Values in the array are: [top, right, bottom, left].
4015
1147
  *
4016
1148
  * @defaultValue [20, 20, 20, 20]
4017
1149
  */
4018
- fitGeoJsonPadding = input([20, 20, 20, 20], ...(ngDevMode ? [{ debugName: "fitGeoJsonPadding" }] : []));
4019
- /**
4020
- * Cutoff text for tooltips, when cluster combines more than 4 features
4021
- *
4022
- * @deprecated Use `SiMapTooltipComponent` instead to set the `moreText` input e.g. `<si-map ...><si-map-tooltip [moreText]="'KEY_MORE'" /></si-map>`.
4023
- *
4024
- * @defaultValue
4025
- * ```
4026
- * t(() => $localize`:@@SI_MAPS.TOOLTIP_MORE_TEXT:and {{length}} more...`)
4027
- * ```
4028
- */
4029
- moreText = input(t(() => $localize `:@@SI_MAPS.TOOLTIP_MORE_TEXT:and {{length}} more...`), ...(ngDevMode ? [{ debugName: "moreText" }] : []));
1150
+ fitGeoJsonPadding = input([20, 20, 20, 20], /* @ts-ignore */
1151
+ ...(ngDevMode ? [{ debugName: "fitGeoJsonPadding" }] : /* istanbul ignore next */ []));
4030
1152
  /**
4031
1153
  * Show multiple worlds, including points that cross the 180th meridian.
4032
1154
  *
4033
1155
  * @defaultValue true
4034
1156
  */
4035
- multiWorld = input(true, ...(ngDevMode ? [{ debugName: "multiWorld" }] : []));
1157
+ multiWorld = input(true, /* @ts-ignore */
1158
+ ...(ngDevMode ? [{ debugName: "multiWorld" }] : /* istanbul ignore next */ []));
4036
1159
  /**
4037
1160
  * Show the label permanently next to the point.
4038
1161
  * Normally the label is shown on hover or click.
@@ -4040,7 +1163,8 @@ class SiMapComponent {
4040
1163
  *
4041
1164
  * @defaultValue false
4042
1165
  */
4043
- alwaysShowLabels = input(false, ...(ngDevMode ? [{ debugName: "alwaysShowLabels" }] : []));
1166
+ alwaysShowLabels = input(false, /* @ts-ignore */
1167
+ ...(ngDevMode ? [{ debugName: "alwaysShowLabels" }] : /* istanbul ignore next */ []));
4044
1168
  /**
4045
1169
  * Maximum number of characters per line for always displayed labels of a point.
4046
1170
  * If the label exceeds this limit, it will be wrapped or trimmed.
@@ -4050,7 +1174,8 @@ class SiMapComponent {
4050
1174
  *
4051
1175
  * @defaultValue 20
4052
1176
  */
4053
- maxLabelLineLength = input(20, ...(ngDevMode ? [{ debugName: "maxLabelLineLength" }] : []));
1177
+ maxLabelLineLength = input(20, /* @ts-ignore */
1178
+ ...(ngDevMode ? [{ debugName: "maxLabelLineLength" }] : /* istanbul ignore next */ []));
4054
1179
  /**
4055
1180
  * Maximum number of lines for always displayed labels of a point.
4056
1181
  * If the label exceeds this limit, it will be trimmed.
@@ -4059,7 +1184,8 @@ class SiMapComponent {
4059
1184
  *
4060
1185
  * @defaultValue 3
4061
1186
  */
4062
- maxLabelLines = input(3, ...(ngDevMode ? [{ debugName: "maxLabelLines" }] : []));
1187
+ maxLabelLines = input(3, /* @ts-ignore */
1188
+ ...(ngDevMode ? [{ debugName: "maxLabelLines" }] : /* istanbul ignore next */ []));
4063
1189
  /**
4064
1190
  * Emitted when points on the map are selected or de-selected
4065
1191
  */
@@ -4072,9 +1198,12 @@ class SiMapComponent {
4072
1198
  popoverElement = viewChild.required('popover', {
4073
1199
  read: ElementRef
4074
1200
  });
4075
- defaultTooltip = viewChild(SiMapTooltipComponent, ...(ngDevMode ? [{ debugName: "defaultTooltip" }] : []));
4076
- projectedTooltip = contentChild(SiMapTooltipComponent, ...(ngDevMode ? [{ debugName: "projectedTooltip" }] : []));
4077
- tooltip = computed(() => this.projectedTooltip() ?? this.defaultTooltip(), ...(ngDevMode ? [{ debugName: "tooltip" }] : []));
1201
+ defaultTooltip = viewChild(SiMapTooltipComponent, /* @ts-ignore */
1202
+ ...(ngDevMode ? [{ debugName: "defaultTooltip" }] : /* istanbul ignore next */ []));
1203
+ projectedTooltip = contentChild(SiMapTooltipComponent, /* @ts-ignore */
1204
+ ...(ngDevMode ? [{ debugName: "projectedTooltip" }] : /* istanbul ignore next */ []));
1205
+ tooltip = computed(() => this.projectedTooltip() ?? this.defaultTooltip(), /* @ts-ignore */
1206
+ ...(ngDevMode ? [{ debugName: "tooltip" }] : /* istanbul ignore next */ []));
4078
1207
  mapReference = viewChild.required('map');
4079
1208
  /** OpenLayers map instance. */
4080
1209
  map;
@@ -4405,7 +1534,7 @@ class SiMapComponent {
4405
1534
  this.map.removeLayer(layer);
4406
1535
  }
4407
1536
  });
4408
- this.mapboxStyles(styleJson(key, dark));
1537
+ this.mapboxStyles(siMapStyle(key, dark));
4409
1538
  }
4410
1539
  }
4411
1540
  /**
@@ -4838,13 +1967,13 @@ class SiMapComponent {
4838
1967
  // Remember the selected cluster to avoid showing the a tooltip for cluster which has an open popover.
4839
1968
  this.selectedCluster = cluster;
4840
1969
  }
4841
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4842
- 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:calc(1rem + 16px);block-size:calc(1rem + 16px);font-size:1.25rem;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:calc(25px + 1rem)}: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:calc(11px + 3*(1rem + 16px));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 });
1970
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1971
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", 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 }, 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 />\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:calc(1rem + 16px);block-size:calc(1rem + 16px);font-size:1.25rem;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:calc(25px + 1rem)}: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:calc(11px + 3*(1rem + 16px));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" }] });
4843
1972
  }
4844
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapComponent, decorators: [{
1973
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiMapComponent, decorators: [{
4845
1974
  type: Component,
4846
- 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:calc(1rem + 16px);block-size:calc(1rem + 16px);font-size:1.25rem;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:calc(25px + 1rem)}: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:calc(11px + 3*(1rem + 16px));inset-inline-end:8px}:host::ng-deep .ol-overlay-container{left:0}\n"] }]
4847
- }], 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', { ...{
1975
+ args: [{ selector: 'si-map', imports: [SiMapTooltipComponent, SiMapPopoverComponent], providers: [MapService], template: "<div #map class=\"map\"></div>\n<ng-content select=\"si-map-tooltip\">\n <si-map-tooltip />\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:calc(1rem + 16px);block-size:calc(1rem + 16px);font-size:1.25rem;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:calc(25px + 1rem)}: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:calc(11px + 3*(1rem + 16px));inset-inline-end:8px}:host::ng-deep .ol-overlay-container{left:0}\n"] }]
1976
+ }], 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 }] }], 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', { ...{
4848
1977
  read: ElementRef
4849
1978
  }, 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: [{
4850
1979
  type: HostListener,
@@ -4856,11 +1985,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
4856
1985
  * SPDX-License-Identifier: MIT
4857
1986
  */
4858
1987
  class SiMapModule {
4859
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
4860
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SiMapModule, imports: [SiMapComponent, SiMapPopoverComponent, SiMapTooltipComponent], exports: [SiMapComponent] });
4861
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapModule });
1988
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1989
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: SiMapModule, imports: [SiMapComponent, SiMapPopoverComponent, SiMapTooltipComponent], exports: [SiMapComponent] });
1990
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiMapModule });
4862
1991
  }
4863
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapModule, decorators: [{
1992
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiMapModule, decorators: [{
4864
1993
  type: NgModule,
4865
1994
  args: [{
4866
1995
  imports: [SiMapComponent, SiMapPopoverComponent, SiMapTooltipComponent],
@@ -4878,11 +2007,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
4878
2007
  * SPDX-License-Identifier: MIT
4879
2008
  */
4880
2009
  class SiMapsNgModule {
4881
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapsNgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
4882
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SiMapsNgModule, exports: [SiMapModule] });
4883
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapsNgModule, imports: [SiMapModule] });
2010
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiMapsNgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2011
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: SiMapsNgModule, exports: [SiMapModule] });
2012
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiMapsNgModule, imports: [SiMapModule] });
4884
2013
  }
4885
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapsNgModule, decorators: [{
2014
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiMapsNgModule, decorators: [{
4886
2015
  type: NgModule,
4887
2016
  args: [{
4888
2017
  exports: [SiMapModule]
@@ -4898,5 +2027,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
4898
2027
  * Generated bundle index. Do not edit.
4899
2028
  */
4900
2029
 
4901
- 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, GEOJSON_LAYER, Grouping, LAYER_NAME, MAX_CLUSTER_BUILDINGS, MapService, POINTS_LAYER, SIEMENS_FONT, SIEMENS_FONT_LABELS, SiMapComponent, SiMapModule, SiMapPopoverComponent, SiMapTooltipComponent, SiMapsNgModule, SiMapsNgModule as SimplMapsNgModule, TOOLTIP_FEATURES_TO_DISPLAY };
2030
+ 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_GLOBAL_ZOOM, DEFAULT_ICON, DEFAULT_ICON_SCALE, DEFAULT_OFFSET, DEFAULT_STROKE_WEIGHT, GEOJSON_LAYER, Grouping, LAYER_NAME, MAX_CLUSTER_BUILDINGS, MapService, POINTS_LAYER, SIEMENS_FONT, SIEMENS_FONT_LABELS, SiMapComponent, SiMapModule, SiMapPopoverComponent, SiMapTooltipComponent, SiMapsNgModule, SiMapsNgModule as SimplMapsNgModule, TOOLTIP_FEATURES_TO_DISPLAY };
4902
2031
  //# sourceMappingURL=siemens-maps-ng.mjs.map