@siemens/maps-ng 49.16.1 → 51.0.0-rc.10

package/fesm2022/siemens-maps-ng.mjs

@@ -10,6 +10,7 @@ import { fromLonLat } from 'ol/proj';
 import Cluster from 'ol/source/Cluster';
 import VectorSource from 'ol/source/Vector';
 import { Text, Stroke, Fill, Style, Circle, Icon } from 'ol/style';
+import { siMapStyle } from '@siemens/map-styles/common';
 import { apply } from 'ol-mapbox-style';
 import Control from 'ol/control/Control';
 import { defaults } from 'ol/control/defaults';
@@ -44,8 +45,6 @@ const DEFAULT_FEATURE_CLICK_ZOOM = 15;
 const DEFAULT_CLUSTER_CLICK_ZOOM = 15;
 const DEFAULT_GLOBAL_ZOOM = 5;
 const DEFAULT_CLUSTER_DISTANCE = 40;
-/** @deprecated will be removed in favour of individual inputs. */
-const DEFAULT_FIT_PADDING = [20, 20, 20, 20];
 /** Updates the amount of buildings to be shown in a cluster tooltip after hovering over it */
 const TOOLTIP_FEATURES_TO_DISPLAY = 4;
 /** Specifies the maximum amount of buildings allowed to be displayed as a number in a cluster */
@@ -68,21 +67,25 @@ class SiMapTooltipComponent {
      *
      * @defaultValue
      * ```
-     * t(() =>$localize`:@@SI_MAPS.TOOLTIP_MORE_TEXT:and {{length}} more...`)
+     * t(() =>$localize`:@@SI_MAPS.TOOLTIP_MORE_TEXT:+ {{length}} locations`)
      * ```
      */
-    moreText = input(t(() => $localize `:@@SI_MAPS.TOOLTIP_MORE_TEXT:and {{length}} more...`), ...(ngDevMode ? [{ debugName: "moreText" }] : []));
+    moreText = input(t(() => $localize `:@@SI_MAPS.TOOLTIP_MORE_TEXT:+ {{length}} locations`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "moreText" }] : /* istanbul ignore next */ []));
     /**
      * Adds the maximum length of a string thats allowed in a tooltip and if its longer it cuts off the rest and adds 3 dots at the end.
      * If set to -1, it will not cut off the string.
      * @defaultValue 50
      */
-    maxLabelLength = input(50, ...(ngDevMode ? [{ debugName: "maxLabelLength" }] : []));
+    maxLabelLength = input(50, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxLabelLength" }] : /* istanbul ignore next */ []));
     get nativeElement() {
         return this.elementRef.nativeElement;
     }
-    hiddenEntries = signal(0, ...(ngDevMode ? [{ debugName: "hiddenEntries" }] : []));
-    tooltipLabels = signal([], ...(ngDevMode ? [{ debugName: "tooltipLabels" }] : []));
+    hiddenEntries = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hiddenEntries" }] : /* istanbul ignore next */ []));
+    tooltipLabels = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tooltipLabels" }] : /* istanbul ignore next */ []));
     elementRef = inject(ElementRef);
     /**
      * Method sets tooltip content. If parameter is of type
@@ -102,12 +105,12 @@ class SiMapTooltipComponent {
         }
         return label;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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 } }, ngImport: i0, template: "<div class=\"si-map-tooltip\">\n  @for (label of tooltipLabels(); track $index) {\n    <div>{{ label }}</div>\n  }\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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMapTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.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 } }, ngImport: i0, template: "<div class=\"si-map-tooltip\">\n  @for (label of tooltipLabels(); track $index) {\n    <div>{{ label }}</div>\n  }\n  @if (hiddenEntries()) {\n    <div>{{ moreText() | translate: { length: hiddenEntries() } }}</div>\n  }\n</div>\n", styles: [".si-map-tooltip{text-align:start;margin-block-start:var(--si-sys-sizing-spacing-y-20);position:relative;max-inline-size:max-content;padding-block:var(--si-sys-sizing-spacing-y-20);padding-inline:var(--si-sys-sizing-spacing-x-40);color:var(--si-sys-text-inverse);background-color:var(--si-sys-background-inverse);border-radius:var(--element-radius-1)}.si-map-tooltip:before{content:\"\";position:absolute;inset-block-start:calc(var(--si-sys-sizing-spacing-y-20) * -1);left:50%;transform:translate(-50%) rotate(45deg);block-size:var(--si-sys-sizing-spacing-y-40);inline-size:var(--si-sys-sizing-spacing-x-40);background-color:inherit}\n"], dependencies: [{ kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMapTooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-map-tooltip', imports: [SiTranslatePipe], changeDetection: ChangeDetectionStrategy.Default, template: "<div class=\"si-map-tooltip\">\n  @for (label of tooltipLabels(); track $index) {\n    <div>{{ label }}</div>\n  }\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"] }]
+            args: [{ selector: 'si-map-tooltip', imports: [SiTranslatePipe], changeDetection: ChangeDetectionStrategy.Eager, template: "<div class=\"si-map-tooltip\">\n  @for (label of tooltipLabels(); track $index) {\n    <div>{{ label }}</div>\n  }\n  @if (hiddenEntries()) {\n    <div>{{ moreText() | translate: { length: hiddenEntries() } }}</div>\n  }\n</div>\n", styles: [".si-map-tooltip{text-align:start;margin-block-start:var(--si-sys-sizing-spacing-y-20);position:relative;max-inline-size:max-content;padding-block:var(--si-sys-sizing-spacing-y-20);padding-inline:var(--si-sys-sizing-spacing-x-40);color:var(--si-sys-text-inverse);background-color:var(--si-sys-background-inverse);border-radius:var(--element-radius-1)}.si-map-tooltip:before{content:\"\";position:absolute;inset-block-start:calc(var(--si-sys-sizing-spacing-y-20) * -1);left:50%;transform:translate(-50%) rotate(45deg);block-size:var(--si-sys-sizing-spacing-y-40);inline-size:var(--si-sys-sizing-spacing-x-40);background-color:inherit}\n"] }]
         }], propDecorators: { moreText: [{ type: i0.Input, args: [{ isSignal: true, alias: "moreText", required: false }] }], maxLabelLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLabelLength", required: false }] }] } });
 
 /**
@@ -118,10 +121,10 @@ class SiMapPopoverClusterTemplateDirective {
     static ngTemplateContextGuard(directive, context) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapPopoverClusterTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: SiMapPopoverClusterTemplateDirective, isStandalone: true, selector: "[siMapPopoverClusterTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMapPopoverClusterTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SiMapPopoverClusterTemplateDirective, isStandalone: true, selector: "[siMapPopoverClusterTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapPopoverClusterTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMapPopoverClusterTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[siMapPopoverClusterTemplate]`
@@ -136,10 +139,10 @@ class SiMapPopoverTemplateDirective {
     static ngTemplateContextGuard(directive, context) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapPopoverTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: SiMapPopoverTemplateDirective, isStandalone: true, selector: "[siMapPopoverTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMapPopoverTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SiMapPopoverTemplateDirective, isStandalone: true, selector: "[siMapPopoverTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapPopoverTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMapPopoverTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[siMapPopoverTemplate]`
@@ -151,17 +154,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiMapPopoverComponent {
-    elementRef = viewChild.required('popover');
-    maxHeight = signal(null, ...(ngDevMode ? [{ debugName: "maxHeight" }] : []));
-    contentContainer = viewChild.required('contentContainer', {
-        read: ViewContainerRef
-    });
-    defaultContent = viewChild.required('defaultContent', {
-        read: TemplateRef
-    });
-    defaultCluster = viewChild.required('defaultCluster', {
-        read: TemplateRef
-    });
+    elementRef = viewChild.required('popover', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "elementRef" }] : /* istanbul ignore next */ []));
+    maxHeight = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxHeight" }] : /* istanbul ignore next */ []));
+    contentContainer = viewChild.required('contentContainer', { ...(ngDevMode ? { debugName: "contentContainer" } : /* istanbul ignore next */ {}), read: ViewContainerRef });
+    defaultContent = viewChild.required('defaultContent', { ...(ngDevMode ? { debugName: "defaultContent" } : /* istanbul ignore next */ {}), read: TemplateRef });
+    defaultCluster = viewChild.required('defaultCluster', { ...(ngDevMode ? { debugName: "defaultCluster" } : /* istanbul ignore next */ {}), read: TemplateRef });
     render({ component, mapPoints, map }) {
         this.contentContainer().clear();
         if (component) {
@@ -189,12 +188,12 @@ class SiMapPopoverComponent {
         const template = Array.isArray(mapPoints) ? this.defaultCluster() : this.defaultContent();
         this.contentContainer().createEmbeddedView(template, context).detectChanges();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMapPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.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(--si-sys-background-3);background-clip:padding-box;border:1px solid var(--si-sys-border-4);border-radius:var(--element-radius-2);box-shadow:var(--si-sys-effects-shadow-3);margin-block-start:4px;inset-inline-start:calc(var(--si-sys-sizing-spacing-x-70) * -1)}.si-map-popover-arrow{position:absolute;display:block;inline-size:12px;block-size:6px;margin-block:0;margin-inline:calc(var(--si-sys-sizing-spacing-x-50) + 1px);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(--si-sys-border-4)}.si-map-popover-arrow:after{inset-block-start:1px;border-block-end-color:var(--si-sys-background-3)}.si-map-popover-content{padding-block:var(--si-sys-sizing-spacing-y-50);color:var(--si-sys-text-primary)}.si-map-popover .si-map-popover-item{display:flex;margin-block-end:var(--si-sys-sizing-spacing-y-50);flex-direction:column;gap:var(--si-sys-sizing-spacing-y-20) var(--si-sys-sizing-spacing-x-20)}.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapPopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMapPopoverComponent, decorators: [{
             type: Component,
-            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"] }]
+            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(--si-sys-background-3);background-clip:padding-box;border:1px solid var(--si-sys-border-4);border-radius:var(--element-radius-2);box-shadow:var(--si-sys-effects-shadow-3);margin-block-start:4px;inset-inline-start:calc(var(--si-sys-sizing-spacing-x-70) * -1)}.si-map-popover-arrow{position:absolute;display:block;inline-size:12px;block-size:6px;margin-block:0;margin-inline:calc(var(--si-sys-sizing-spacing-x-50) + 1px);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(--si-sys-border-4)}.si-map-popover-arrow:after{inset-block-start:1px;border-block-end-color:var(--si-sys-background-3)}.si-map-popover-content{padding-block:var(--si-sys-sizing-spacing-y-50);color:var(--si-sys-text-primary)}.si-map-popover .si-map-popover-item{display:flex;margin-block-end:var(--si-sys-sizing-spacing-y-50);flex-direction:column;gap:var(--si-sys-sizing-spacing-y-20) var(--si-sys-sizing-spacing-x-20)}.si-map-popover .si-map-popover-item-title{font-weight:bolder}\n"] }]
         }], propDecorators: { elementRef: [{ type: i0.ViewChild, args: ['popover', { isSignal: true }] }], contentContainer: [{ type: i0.ViewChild, args: ['contentContainer', { ...{
                             read: ViewContainerRef
                         }, isSignal: true }] }], defaultContent: [{ type: i0.ViewChild, args: ['defaultContent', { ...{
@@ -216,31 +215,31 @@ const themeElement = {
     style: () => {
         const style = window.getComputedStyle(document.documentElement);
         const status = {
-            info: getProp(style, '--element-status-information'), // $element-status-information / $siemens-blue-500
-            success: getProp(style, '--element-status-success'), // $element-status-success / $siemens-green-700
-            warning: getProp(style, '--element-status-warning'), // $element-status-warning / $siemens-orange-700
-            danger: getProp(style, '--element-status-danger'), // $element-status-danger / $siemens-red-500
-            caution: getProp(style, '--element-status-caution'), // $element-status-caution / $siemens-yellow-500
-            critical: getProp(style, '--element-status-critical'), // $element-status-critical / $siemens-red-900
-            default: getProp(style, '--element-ui-0'), // $element-ui-0 / $siemens-interactive-blue-500
-            unknown: getProp(style, '--element-ui-3') // $element-ui-3 / $siemens-deep-blue-400
+            info: getProp(style, '--si-sys-background-information'),
+            success: getProp(style, '--si-sys-background-success'),
+            warning: getProp(style, '--si-sys-background-warning'),
+            danger: getProp(style, '--si-sys-background-danger'),
+            caution: getProp(style, '--si-sys-background-caution'),
+            critical: getProp(style, '--si-sys-background-critical'),
+            default: getProp(style, '--si-sys-background-accent'),
+            unknown: getProp(style, '--si-sys-background-neutral')
         };
         return {
-            fillColor: getProp(style, '--element-base-1'), // $element-base-1 / $siemens-white
-            strokeColor: getProp(style, '--element-base-1'), // $element-base-1 / $siemens-white
-            textColor: getProp(style, '--element-text-primary'), // $element-text-primary / $siemens-deep-blue-900
-            defaultMarkerColor: getProp(style, '--element-text-primary'), // $element-text-primary / $siemens-deep-blue-900
+            fillColor: getProp(style, '--si-sys-background-1'),
+            strokeColor: getProp(style, '--si-sys-background-1'),
+            textColor: getProp(style, '--si-sys-text-primary'),
+            defaultMarkerColor: getProp(style, '--si-sys-text-primary'),
             status,
             colorPalette: {
                 status: [status.info, status.success, status.warning, status.danger],
                 element: [
-                    getProp(style, '--element-data-red-2'), // $siemens-red-500
-                    getProp(style, '--element-data-orange-4'), // $siemens-orange-700
-                    getProp(style, '--element-status-caution'), // $siemens-yellow-300
-                    getProp(style, '--element-data-green-2'), // $siemens-green-500
-                    getProp(style, '--element-status-information'), // $siemens-blue-500
-                    getProp(style, '--element-petrol'), // $element-petrol
-                    getProp(style, '--element-data-17') // $siemens-deep-blue-500
+                    getProp(style, '--si-sys-data-sequential-red-2'),
+                    getProp(style, '--si-sys-data-sequential-orange-4'),
+                    getProp(style, '--si-sys-background-caution'),
+                    getProp(style, '--si-sys-data-sequential-green-2'),
+                    getProp(style, '--si-sys-background-information'),
+                    getProp(style, '--si-sys-data-categorical-1'),
+                    getProp(style, '--si-sys-data-categorical-17')
                 ]
             }
         };
@@ -539,9 +538,6 @@ class MapService {
             marker: point.marker,
             label: alwaysShowLabels ? { text: point.name } : undefined,
             group: point.group,
-            // TODO: Remove extraProps in v50
-            // For backward compatibility, extraProps is still supported, but extraProperties should be used going forward
-            extraProps: point.extraProperties,
             extraProperties: point.extraProperties,
             click: point.click
         }));
@@ -879,10 +875,10 @@ class MapService {
             src: svgb64
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MapService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MapService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MapService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MapService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MapService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MapService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -930,2904 +926,6 @@ class SelectCluster extends Select {
     }
 }
 
-/**
- * Copyright (c) Siemens 2016 - 2026
- * SPDX-License-Identifier: MIT
- */
-// Fonts
-// TODO: This is a workaround to disable loading of google fonts.
-const italicFonts = ['SiemensSans Pro', 'sans-serif'];
-const regularFonts = ['SiemensSans Pro', 'sans-serif'];
-const boldFonts = ['SiemensSans Pro', 'sans-serif'];
-// Colors
-const deepBlue900 = 'rgba(32, 33, 50, 1)';
-const green700 = (opacity) => `rgba(28, 112, 63, ${opacity})`;
-const green500 = (opacity) => `rgba(40, 191, 102, ${opacity})`;
-const green300 = (opacity) => `rgba(114, 230, 163, ${opacity})`;
-const blue700 = 'rgb(30, 82, 153)';
-const blue100 = 'rgb(210, 226, 247)';
-const styleJson = (key, dark) => ({
-    'version': 8,
-    'name': 'siemens-brand',
-    'sources': {
-        'attribution': {
-            'attribution': '<a href="https://carto.com/" target="_blank">&copy; CARTO</a>',
-            'type': 'vector'
-        },
-        'openmaptiles': {
-            'url': `https://api.maptiler.com/tiles/v3/tiles.json?key=${key}`,
-            'type': 'vector'
-        },
-        'maptiler_attribution': {
-            '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>',
-            'type': 'vector'
-        }
-    },
-    'layers': [
-        {
-            'id': 'background',
-            'type': 'background',
-            'layout': {
-                'visibility': 'visible'
-            },
-            'paint': {
-                'background-color': dark ? deepBlue900 : 'rgb(247, 247, 246)',
-                'background-opacity': 1
-            }
-        },
-        {
-            'id': 'landcover',
-            'type': 'fill',
-            'source': 'openmaptiles',
-            'source-layer': 'landcover',
-            'paint': {
-                'fill-color': {
-                    'stops': [
-                        [8, dark ? green500(0.15) : green300(0.15)],
-                        [9, dark ? green500(0.15) : green300(0.2)],
-                        [11, dark ? green500(0.2) : green300(0.3)],
-                        [13, dark ? green500(0.1) : green300(0.35)],
-                        [15, dark ? green500(0.15) : green300(0.5)]
-                    ]
-                },
-                'fill-opacity': 1
-            },
-            'filter': [
-                'any',
-                ['==', 'class', 'wood'],
-                ['==', 'class', 'grass'],
-                ['==', 'subclass', 'recreation_ground']
-            ]
-        },
-        {
-            'id': 'park_national_park',
-            'type': 'fill',
-            'source': 'openmaptiles',
-            'source-layer': 'park',
-            'minzoom': 6,
-            'layout': {
-                'visibility': 'visible'
-            },
-            'paint': {
-                'fill-color': {
-                    'stops': [
-                        [8, dark ? green700(0.2) : green300(0.2)],
-                        [9, dark ? green700(0.25) : green300(0.25)],
-                        [11, dark ? green700(0.35) : green300(0.35)],
-                        [13, dark ? green700(0.4) : green300(0.4)],
-                        [15, dark ? green700(0.6) : green300(0.6)]
-                    ]
-                },
-                'fill-opacity': 1,
-                'fill-translate-anchor': 'map'
-            },
-            'filter': ['all', ['==', 'class', 'national_park']]
-        },
-        {
-            'id': 'park_nature_reserve',
-            'type': 'fill',
-            'source': 'openmaptiles',
-            'source-layer': 'park',
-            'minzoom': 0,
-            'layout': {
-                'visibility': 'visible'
-            },
-            'paint': {
-                'fill-color': {
-                    'stops': [
-                        [8, dark ? green700(0.2) : green300(0.2)],
-                        [9, dark ? green700(0.25) : green300(0.25)],
-                        [11, dark ? green700(0.35) : green300(0.35)],
-                        [13, dark ? green700(0.4) : green300(0.4)],
-                        [15, dark ? green700(0.6) : green300(0.6)]
-                    ]
-                },
-                'fill-opacity': {
-                    'stops': [
-                        [6, 0.7],
-                        [9, 0.9]
-                    ]
-                },
-                'fill-antialias': true
-            },
-            'filter': ['all', ['==', 'class', 'nature_reserve']]
-        },
-        {
-            'id': 'landuse_residential',
-            'type': 'fill',
-            'source': 'openmaptiles',
-            'source-layer': 'landuse',
-            'minzoom': 6,
-            'paint': {
-                'fill-color': {
-                    'stops': [
-                        [5, dark ? 'rgba(27, 28, 29, 0.5)' : 'rgba(222, 226, 232, 0.5)'],
-                        [8, dark ? 'rgba(27, 28, 29, 0.45)' : 'rgba(222, 226, 232, 0.45)'],
-                        [9, dark ? 'rgba(27, 28, 29, 0.4)' : 'rgba(222, 226, 232, 0.4)'],
-                        [11, dark ? 'rgba(27, 28, 29, 0.35)' : 'rgba(222, 226, 232, 0.35)'],
-                        [13, dark ? 'rgba(27, 28, 29, 0.3)' : 'rgba(222, 226, 232, 0.3)'],
-                        [15, dark ? 'rgba(27, 28, 29, 0.25)' : 'rgba(222, 226, 232, 0.25)'],
-                        [16, dark ? 'rgba(27, 28, 29, 0.15)' : 'rgba(222, 226, 232, 0.15)']
-                    ]
-                },
-                'fill-opacity': {
-                    'stops': [
-                        [6, 0.6],
-                        [9, 1]
-                    ]
-                }
-            },
-            'filter': ['any', ['==', 'class', 'residential']]
-        },
-        {
-            'id': 'landuse',
-            'type': 'fill',
-            'source': 'openmaptiles',
-            'source-layer': 'landuse',
-            'paint': {
-                'fill-color': {
-                    'stops': [
-                        [8, dark ? 'rgba(0, 0, 0, 0.2)' : 'rgba(195, 189, 205, 0.2)'],
-                        [9, dark ? 'rgba(0, 0, 0, 0.25)' : 'rgba(195, 189, 205, 0.25)'],
-                        [11, dark ? 'rgba(0, 0, 0, 0.35)' : 'rgba(195, 189, 205, 0.35)'],
-                        [13, dark ? 'rgba(0, 0, 0, 0.4)' : 'rgba(195, 189, 205, 0.4)'],
-                        [15, dark ? 'rgb(20, 20, 20)' : 'rgb(218, 216, 222)']
-                    ]
-                }
-            },
-            'filter': ['any', ['==', 'class', 'cemetery'], ['==', 'class', 'stadium']]
-        },
-        {
-            'id': 'waterway',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'waterway',
-            'layout': {
-                'visibility': 'visible'
-            },
-            'paint': {
-                'line-color': dark ? blue700 : blue100,
-                'line-width': {
-                    'stops': [
-                        [8, 0.5],
-                        [9, 1],
-                        [15, 2],
-                        [16, 3]
-                    ]
-                }
-            }
-        },
-        {
-            'id': 'boundary_county',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'boundary',
-            'minzoom': 9,
-            'maxzoom': 24,
-            'paint': {
-                'line-color': {
-                    'stops': [
-                        [4, dark ? 'rgba(110, 110, 110, 1)' : 'rgba(145, 145, 145, 0.6)'],
-                        [5, dark ? 'rgba(112, 112, 112, 1)' : 'rgba(145, 145, 145, 0.8)'],
-                        [6, dark ? 'rgba(189, 189, 189, 1)' : 'rgba(145, 145, 145, 0.9)']
-                    ]
-                },
-                'line-width': {
-                    'stops': [
-                        [4, 0.5],
-                        [7, 1]
-                    ]
-                }
-            },
-            'filter': ['all', ['==', 'admin_level', 6], ['==', 'maritime', 0], ['==', 'disputed', 0]]
-        },
-        {
-            'id': 'boundary_state',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'boundary',
-            'minzoom': 4,
-            'paint': {
-                'line-color': {
-                    'stops': [
-                        [4, dark ? 'rgba(68, 73, 76, 1)' : '#d4d5d6'],
-                        [5, dark ? 'rgba(68, 73, 76, 1)' : '#d4d5d6'],
-                        [6, dark ? '#656A6E' : '#e1c5c7']
-                    ]
-                },
-                'line-width': {
-                    'stops': [
-                        [4, 0.5],
-                        [7, 1],
-                        [8, 1],
-                        [9, 1.2]
-                    ]
-                }
-            },
-            'filter': ['all', ['==', 'admin_level', 4], ['==', 'maritime', 0], ['==', 'disputed', 0]]
-        },
-        {
-            'id': 'water',
-            'type': 'fill',
-            'source': 'openmaptiles',
-            'source-layer': 'water',
-            'minzoom': 0,
-            'maxzoom': 24,
-            'layout': {
-                'visibility': 'visible'
-            },
-            'paint': {
-                'fill-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgb(175, 201, 241)',
-                'fill-opacity': 1,
-                'fill-antialias': true,
-                'fill-translate-anchor': 'map'
-            },
-            'filter': ['all', ['==', '$type', 'Polygon'], ['!=', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'water_shadow',
-            'type': 'fill',
-            'source': 'openmaptiles',
-            'source-layer': 'water',
-            'minzoom': 0,
-            'layout': {
-                'visibility': 'visible'
-            },
-            'paint': {
-                'fill-color': dark ? 'rgba(74, 84, 113, 1)' : 'rgb(210, 226, 247)',
-                'fill-opacity': 1,
-                'fill-antialias': true,
-                'fill-translate': {
-                    'stops': [
-                        [0, [0, 2]],
-                        [6, [0, 1]],
-                        [14, [0, 1]],
-                        [17, [0, 2]]
-                    ]
-                },
-                'fill-translate-anchor': 'map'
-            },
-            'filter': ['all', ['==', '$type', 'Polygon'], ['!=', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'aeroway-runway',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'aeroway',
-            'minzoom': 12,
-            'layout': {
-                'line-cap': 'square'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(97, 97, 97)' : 'rgb(227, 226, 226)',
-                'line-width': {
-                    'stops': [
-                        [11, 1],
-                        [13, 4],
-                        [14, 6],
-                        [15, 8],
-                        [16, 10]
-                    ]
-                }
-            },
-            'filter': ['all', ['==', 'class', 'runway']]
-        },
-        {
-            'id': 'aeroway-taxiway',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'aeroway',
-            'minzoom': 13,
-            'paint': {
-                'line-color': dark ? 'rgb(97, 97, 97)' : 'rgb(227, 226, 226)',
-                'line-width': {
-                    'stops': [
-                        [13, 0.5],
-                        [14, 1],
-                        [15, 2],
-                        [16, 4]
-                    ]
-                }
-            },
-            'filter': ['all', ['==', 'class', 'taxiway']]
-        },
-        {
-            'id': 'waterway_label',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'waterway',
-            'layout': {
-                'text-font': italicFonts,
-                'text-size': {
-                    'stops': [
-                        [9, 8],
-                        [10, 9]
-                    ]
-                },
-                'text-field': '{name_en}',
-                'visibility': 'visible',
-                'text-offset': {
-                    'stops': [
-                        [6, [0, -0.2]],
-                        [11, [0, -0.4]],
-                        [12, [0, -0.6]]
-                    ]
-                },
-                'text-padding': 2,
-                'symbol-spacing': 300,
-                'symbol-placement': 'line',
-                'text-keep-upright': true,
-                'symbol-avoid-edges': false,
-                'text-letter-spacing': 0,
-                'text-pitch-alignment': 'auto',
-                'text-rotation-alignment': 'auto'
-            },
-            'paint': {
-                'text-color': dark ? 'rgba(129, 173, 235, 1)' : 'rgb(45, 113, 218)',
-                'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgb(240, 245, 252)',
-                'text-halo-width': 1
-            },
-            'filter': ['all', ['has', 'name'], ['==', 'class', 'river']]
-        },
-        {
-            'id': 'tunnel_service_case',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 15,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
-                'line-width': {
-                    'stops': [
-                        [15, 1],
-                        [16, 3],
-                        [17, 6],
-                        [18, 8]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'service'], ['==', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'tunnel_minor_case',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 13,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'butt',
-                'line-join': 'miter'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
-                'line-width': {
-                    'stops': [
-                        [11, 0.5],
-                        [12, 0.5],
-                        [14, 2],
-                        [15, 4],
-                        [16, 6],
-                        [17, 10],
-                        [18, 14]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'minor'], ['==', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'tunnel_sec_case',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 11,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
-                'line-width': {
-                    'stops': [
-                        [11, 0.5],
-                        [12, 1],
-                        [13, 2],
-                        [14, 5],
-                        [15, 6],
-                        [16, 8],
-                        [17, 12],
-                        [18, 16]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['in', 'class', 'secondary', 'tertiary'], ['==', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'tunnel_pri_case',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 8,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'butt',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
-                'line-width': {
-                    'stops': [
-                        [6, 0.5],
-                        [7, 0.8],
-                        [8, 1],
-                        [11, 3],
-                        [13, 4],
-                        [14, 6],
-                        [15, 8],
-                        [16, 10],
-                        [17, 14],
-                        [18, 18]
-                    ]
-                },
-                'line-opacity': {
-                    'stops': [
-                        [5, 0.5],
-                        [7, 1]
-                    ]
-                }
-            },
-            'filter': ['all', ['==', 'class', 'primary'], ['!=', 'ramp', 1], ['==', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'tunnel_trunk_case',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 5,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'butt',
-                'line-join': 'round',
-                'visibility': 'visible'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
-                'line-width': {
-                    'stops': [
-                        [6, 0.5],
-                        [7, 0.8],
-                        [8, 1],
-                        [11, 3],
-                        [13, 4],
-                        [14, 6],
-                        [15, 8],
-                        [16, 10],
-                        [17, 14],
-                        [18, 18]
-                    ]
-                },
-                'line-opacity': {
-                    'stops': [
-                        [5, 0.5],
-                        [7, 1]
-                    ]
-                }
-            },
-            'filter': ['all', ['==', 'class', 'trunk'], ['!=', 'ramp', 1], ['==', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'tunnel_mot_case',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 5,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'butt',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
-                'line-width': {
-                    'stops': [
-                        [6, 0.5],
-                        [7, 0.8],
-                        [8, 1],
-                        [11, 3],
-                        [12, 4],
-                        [13, 5],
-                        [14, 7],
-                        [15, 9],
-                        [16, 11],
-                        [17, 13],
-                        [18, 22]
-                    ]
-                },
-                'line-opacity': {
-                    'stops': [
-                        [6, 0.5],
-                        [7, 1]
-                    ]
-                }
-            },
-            'filter': ['all', ['==', 'class', 'motorway'], ['!=', 'ramp', 1], ['==', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'tunnel_path',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 15,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(80, 80, 80)' : 'rgb(210, 209, 209)',
-                'line-width': {
-                    'stops': [
-                        [15, 0.5],
-                        [16, 1],
-                        [18, 3]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'path'], ['==', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'tunnel_service_fill',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 15,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
-                'line-width': {
-                    'stops': [
-                        [15, 2],
-                        [16, 2],
-                        [17, 4],
-                        [18, 6]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'service'], ['==', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'tunnel_minor_fill',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 15,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'butt',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
-                'line-width': {
-                    'stops': [
-                        [15, 3],
-                        [16, 4],
-                        [17, 8],
-                        [18, 12]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'minor'], ['==', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'tunnel_sec_fill',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 13,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
-                'line-width': {
-                    'stops': [
-                        [11, 2],
-                        [13, 2],
-                        [14, 3],
-                        [15, 4],
-                        [16, 6],
-                        [17, 10],
-                        [18, 14]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['in', 'class', 'secondary', 'tertiary'], ['==', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'tunnel_pri_fill',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 11,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'butt',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
-                'line-width': {
-                    'stops': [
-                        [11, 1],
-                        [13, 2],
-                        [14, 4],
-                        [15, 6],
-                        [16, 8],
-                        [17, 12],
-                        [18, 16]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'primary'], ['!=', 'ramp', 1], ['==', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'tunnel_trunk_fill',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 11,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round',
-                'visibility': 'visible'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
-                'line-width': {
-                    'stops': [
-                        [11, 1],
-                        [13, 2],
-                        [14, 4],
-                        [15, 6],
-                        [16, 8],
-                        [17, 12],
-                        [18, 16]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'trunk'], ['!=', 'ramp', 1], ['==', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'tunnel_mot_fill',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 10,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'butt',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 0)' : 'rgb(163, 163, 152)',
-                'line-width': {
-                    'stops': [
-                        [10, 1],
-                        [12, 2],
-                        [13, 3],
-                        [14, 5],
-                        [15, 7],
-                        [16, 9],
-                        [17, 11],
-                        [18, 20]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'motorway'], ['!=', 'ramp', 1], ['==', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'tunnel_rail',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 13,
-            'layout': {
-                'line-join': 'round',
-                'visibility': 'visible'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(86, 86, 86)' : 'rgb(216, 215, 215)',
-                'line-width': {
-                    'base': 1.3,
-                    'stops': [
-                        [13, 0.5],
-                        [14, 1],
-                        [15, 1],
-                        [16, 3],
-                        [21, 7]
-                    ]
-                },
-                'line-opacity': 0.5
-            },
-            'filter': ['all', ['==', 'class', 'rail'], ['==', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'tunnel_rail_dash',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 15,
-            'layout': {
-                'line-join': 'round',
-                'visibility': 'visible'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(120, 120, 120)' : 'rgb(250, 249, 249)',
-                'line-width': {
-                    'base': 1.3,
-                    'stops': [
-                        [15, 0.5],
-                        [16, 1],
-                        [20, 5]
-                    ]
-                },
-                'line-opacity': 0.5
-            },
-            'filter': ['all', ['==', 'class', 'rail'], ['==', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'road_area_pier',
-            'type': 'fill',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'layout': {
-                'visibility': 'visible'
-            },
-            'paint': {
-                'fill-color': dark ? '#fbf8f3' : '#fbf8f3',
-                'fill-antialias': true
-            },
-            'metadata': {},
-            'filter': ['all', ['==', '$type', 'Polygon'], ['==', 'class', 'pier']]
-        },
-        {
-            'id': 'road_pier',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? '#fbf8f3' : '#fbf8f3',
-                'line-width': {
-                    'base': 1.2,
-                    'stops': [
-                        [15, 1],
-                        [17, 4]
-                    ]
-                }
-            },
-            'metadata': {},
-            'filter': ['all', ['==', '$type', 'LineString'], ['in', 'class', 'pier']]
-        },
-        {
-            'id': 'road_area_bridge',
-            'type': 'fill',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'layout': {
-                'visibility': 'visible'
-            },
-            'paint': {
-                'fill-color': dark ? 'rgba(246, 241, 229, 0.6)' : 'rgba(246, 241, 229, 0.6)',
-                'fill-antialias': true
-            },
-            'metadata': {},
-            'filter': ['all', ['==', '$type', 'Polygon'], ['==', 'brunnel', 'bridge']]
-        },
-        {
-            'id': 'road_service_case',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 15,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [15, 1],
-                        [16, 3],
-                        [17, 6],
-                        [18, 8]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'service'], ['!has', 'brunnel']]
-        },
-        {
-            'id': 'road_minor_case',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 13,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [11, 0.5],
-                        [12, 0.5],
-                        [14, 2],
-                        [15, 3],
-                        [16, 4.3],
-                        [17, 10],
-                        [18, 14]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'minor'], ['!has', 'brunnel']]
-        },
-        {
-            'id': 'road_pri_case_ramp',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 12,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [12, 2],
-                        [13, 3],
-                        [14, 4],
-                        [15, 5],
-                        [16, 8],
-                        [17, 10]
-                    ]
-                },
-                'line-opacity': {
-                    'stops': [
-                        [5, 0.5],
-                        [7, 1]
-                    ]
-                }
-            },
-            'filter': ['all', ['==', 'class', 'primary'], ['==', 'ramp', 1]]
-        },
-        {
-            'id': 'road_trunk_case_ramp',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 12,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [12, 2],
-                        [13, 3],
-                        [14, 4],
-                        [15, 5],
-                        [16, 8],
-                        [17, 10]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'trunk'], ['==', 'ramp', 1]]
-        },
-        {
-            'id': 'road_mot_case_ramp',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 12,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [12, 2],
-                        [13, 3],
-                        [14, 4],
-                        [15, 5],
-                        [16, 8],
-                        [17, 10]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'motorway'], ['==', 'ramp', 1]]
-        },
-        {
-            'id': 'road_sec_case_noramp',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 11,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [11, 0.5],
-                        [12, 1.5],
-                        [13, 3],
-                        [14, 5],
-                        [15, 6],
-                        [16, 8],
-                        [17, 12],
-                        [18, 16]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['in', 'class', 'secondary', 'tertiary'], ['!has', 'brunnel']]
-        },
-        {
-            'id': 'road_pri_case_noramp',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 7,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [6, 0.5],
-                        [7, 0.8],
-                        [8, 1],
-                        [11, 3],
-                        [13, 4],
-                        [14, 6],
-                        [15, 8],
-                        [16, 10],
-                        [17, 14],
-                        [18, 18]
-                    ]
-                },
-                'line-opacity': {
-                    'stops': [
-                        [5, 0.5],
-                        [7, 1]
-                    ]
-                }
-            },
-            'filter': ['all', ['==', 'class', 'primary'], ['!=', 'ramp', 1], ['!has', 'brunnel']]
-        },
-        {
-            'id': 'road_trunk_case_noramp',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 5,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [6, 0.5],
-                        [7, 0.8],
-                        [8, 1],
-                        [11, 3],
-                        [13, 4],
-                        [14, 6],
-                        [15, 8],
-                        [16, 10],
-                        [17, 14],
-                        [18, 18]
-                    ]
-                },
-                'line-opacity': {
-                    'stops': [
-                        [5, 0.5],
-                        [7, 1]
-                    ]
-                }
-            },
-            'filter': ['all', ['==', 'class', 'trunk'], ['!=', 'ramp', 1], ['!has', 'brunnel']]
-        },
-        {
-            'id': 'road_mot_case_noramp',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 5,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [6, 0.5],
-                        [7, 0.7],
-                        [8, 0.8],
-                        [11, 3],
-                        [12, 4],
-                        [13, 5],
-                        [14, 7],
-                        [15, 9],
-                        [16, 11],
-                        [17, 13],
-                        [18, 22]
-                    ]
-                },
-                'line-opacity': {
-                    'stops': [
-                        [6, 0.5],
-                        [7, 1]
-                    ]
-                }
-            },
-            'filter': ['all', ['==', 'class', 'motorway'], ['!=', 'ramp', 1], ['!has', 'brunnel']]
-        },
-        {
-            'id': 'road_path',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 15,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(80, 80, 80)' : 'rgb(210, 209, 209)',
-                'line-width': {
-                    'stops': [
-                        [15, 0.5],
-                        [16, 1],
-                        [18, 3]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['in', 'class', 'path', 'track'], ['!has', 'brunnel']]
-        },
-        {
-            'id': 'road_service_fill',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 15,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgba(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [15, 2],
-                        [16, 2],
-                        [17, 4],
-                        [18, 6]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'service'], ['!has', 'brunnel']]
-        },
-        {
-            'id': 'road_minor_fill',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 15,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [15, 3],
-                        [16, 4],
-                        [17, 8],
-                        [18, 12]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'minor'], ['!has', 'brunnel']]
-        },
-        {
-            'id': 'road_pri_fill_ramp',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 12,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [12, 1],
-                        [13, 1.5],
-                        [14, 2],
-                        [15, 3],
-                        [16, 6],
-                        [17, 8]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'primary'], ['==', 'ramp', 1]]
-        },
-        {
-            'id': 'road_trunk_fill_ramp',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 12,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'square',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [12, 1],
-                        [13, 1.5],
-                        [14, 2],
-                        [15, 3],
-                        [16, 6],
-                        [17, 8]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'trunk'], ['==', 'ramp', 1]]
-        },
-        {
-            'id': 'road_mot_fill_ramp',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 12,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [12, 1],
-                        [13, 1.5],
-                        [14, 2],
-                        [15, 3],
-                        [16, 6],
-                        [17, 8]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'motorway'], ['==', 'ramp', 1]]
-        },
-        {
-            'id': 'road_sec_fill_noramp',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 13,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [11, 2],
-                        [13, 2],
-                        [14, 3],
-                        [15, 4],
-                        [16, 6],
-                        [17, 10],
-                        [18, 14]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['in', 'class', 'secondary', 'tertiary'], ['!has', 'brunnel']]
-        },
-        {
-            'id': 'road_pri_fill_noramp',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 10,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [10, 0.3],
-                        [13, 2],
-                        [14, 4],
-                        [15, 6],
-                        [16, 8],
-                        [17, 12],
-                        [18, 16]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'primary'], ['!=', 'ramp', 1], ['!has', 'brunnel']]
-        },
-        {
-            'id': 'road_trunk_fill_noramp',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 10,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [11, 1],
-                        [13, 2],
-                        [14, 4],
-                        [15, 6],
-                        [16, 8],
-                        [17, 12],
-                        [18, 16]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'trunk'], ['!=', 'ramp', 1], ['!has', 'brunnel']]
-        },
-        {
-            'id': 'road_mot_fill_noramp',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 10,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [10, 1],
-                        [12, 2],
-                        [13, 3],
-                        [14, 5],
-                        [15, 7],
-                        [16, 9],
-                        [17, 11],
-                        [18, 20]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'motorway'], ['!=', 'ramp', 1], ['!has', 'brunnel']]
-        },
-        {
-            'id': 'rail',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 13,
-            'layout': {
-                'line-join': 'round',
-                'visibility': 'visible'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(153, 153, 169)' : 'rgb(153, 153, 169)',
-                'line-width': {
-                    'base': 1.3,
-                    'stops': [
-                        [13, 0.5],
-                        [14, 1],
-                        [15, 1],
-                        [16, 3],
-                        [21, 7]
-                    ]
-                }
-            },
-            'filter': ['all', ['==', 'class', 'rail'], ['!=', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'rail_dash',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 15,
-            'layout': {
-                'line-join': 'round',
-                'visibility': 'visible'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(120, 120, 120)' : 'rgb(250, 249, 249)',
-                'line-width': {
-                    'base': 1.3,
-                    'stops': [
-                        [15, 0.5],
-                        [16, 1],
-                        [20, 5]
-                    ]
-                }
-            },
-            'filter': ['all', ['==', 'class', 'rail'], ['!=', 'brunnel', 'tunnel']]
-        },
-        {
-            'id': 'bridge_service_case',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 15,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'butt',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [15, 1],
-                        [16, 3],
-                        [17, 6],
-                        [18, 8]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'service'], ['==', 'brunnel', 'bridge']]
-        },
-        {
-            'id': 'bridge_minor_case',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 13,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'butt',
-                'line-join': 'miter'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [11, 0.5],
-                        [12, 0.5],
-                        [14, 2],
-                        [15, 3],
-                        [16, 4.3],
-                        [17, 10],
-                        [18, 14]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'minor'], ['==', 'brunnel', 'bridge']]
-        },
-        {
-            'id': 'bridge_sec_case',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 11,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'butt',
-                'line-join': 'miter'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [11, 0.5],
-                        [12, 1.5],
-                        [13, 3],
-                        [14, 5],
-                        [15, 6],
-                        [16, 8],
-                        [17, 12],
-                        [18, 16]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['in', 'class', 'secondary', 'tertiary'], ['==', 'brunnel', 'bridge']]
-        },
-        {
-            'id': 'bridge_pri_case',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 8,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'butt',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [6, 0.5],
-                        [7, 0.8],
-                        [8, 1],
-                        [11, 3],
-                        [13, 4],
-                        [14, 6],
-                        [15, 8],
-                        [16, 10],
-                        [17, 14],
-                        [18, 18]
-                    ]
-                },
-                'line-opacity': {
-                    'stops': [
-                        [5, 0.5],
-                        [7, 1]
-                    ]
-                }
-            },
-            'filter': ['all', ['==', 'class', 'primary'], ['!=', 'ramp', 1], ['==', 'brunnel', 'bridge']]
-        },
-        {
-            'id': 'bridge_trunk_case',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 5,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'butt',
-                'line-join': 'round',
-                'visibility': 'visible'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [6, 0.5],
-                        [7, 0.8],
-                        [8, 1],
-                        [11, 3],
-                        [13, 4],
-                        [14, 6],
-                        [15, 8],
-                        [16, 10],
-                        [17, 14],
-                        [18, 18]
-                    ]
-                },
-                'line-opacity': {
-                    'stops': [
-                        [5, 0.5],
-                        [7, 1]
-                    ]
-                }
-            },
-            'filter': ['all', ['==', 'class', 'trunk'], ['!=', 'ramp', 1], ['==', 'brunnel', 'bridge']]
-        },
-        {
-            'id': 'bridge_mot_case',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 5,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'butt',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [6, 0.5],
-                        [7, 0.8],
-                        [8, 1],
-                        [11, 3],
-                        [12, 4],
-                        [13, 5],
-                        [14, 7],
-                        [15, 9],
-                        [16, 11],
-                        [17, 13],
-                        [18, 22]
-                    ]
-                },
-                'line-opacity': {
-                    'stops': [
-                        [6, 0.5],
-                        [7, 1]
-                    ]
-                }
-            },
-            'filter': ['all', ['==', 'class', 'motorway'], ['!=', 'ramp', 1], ['==', 'brunnel', 'bridge']]
-        },
-        {
-            'id': 'bridge_path',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 15,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(80, 80, 80)' : 'rgb(210, 209, 209)',
-                'line-width': {
-                    'stops': [
-                        [15, 0.5],
-                        [16, 1],
-                        [18, 3]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'path'], ['==', 'brunnel', 'bridge']]
-        },
-        {
-            'id': 'bridge_service_fill',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 15,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [15, 2],
-                        [16, 2],
-                        [17, 4],
-                        [18, 6]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'service'], ['==', 'brunnel', 'bridge']]
-        },
-        {
-            'id': 'bridge_minor_fill',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 15,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'butt',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [15, 3],
-                        [16, 4],
-                        [17, 8],
-                        [18, 12]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'minor'], ['==', 'brunnel', 'bridge']]
-        },
-        {
-            'id': 'bridge_sec_fill',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 13,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [11, 2],
-                        [13, 2],
-                        [14, 3],
-                        [15, 4],
-                        [16, 6],
-                        [17, 10],
-                        [18, 14]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['in', 'class', 'secondary', 'tertiary'], ['==', 'brunnel', 'bridge']]
-        },
-        {
-            'id': 'bridge_pri_fill',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 11,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'butt',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [11, 1],
-                        [13, 2],
-                        [14, 4],
-                        [15, 6],
-                        [16, 8],
-                        [17, 12],
-                        [18, 16]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'primary'], ['!=', 'ramp', 1], ['==', 'brunnel', 'bridge']]
-        },
-        {
-            'id': 'bridge_trunk_fill',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 11,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'butt',
-                'line-join': 'round',
-                'visibility': 'visible'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [11, 1],
-                        [13, 2],
-                        [14, 4],
-                        [15, 6],
-                        [16, 8],
-                        [17, 12],
-                        [18, 16]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'trunk'], ['!=', 'ramp', 1], ['==', 'brunnel', 'bridge']]
-        },
-        {
-            'id': 'bridge_mot_fill',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation',
-            'minzoom': 10,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'butt',
-                'line-join': 'round'
-            },
-            'paint': {
-                'line-color': dark ? 'rgb(0, 0, 40)' : 'rgb(217, 217, 211)',
-                'line-width': {
-                    'stops': [
-                        [10, 1],
-                        [12, 2],
-                        [13, 3],
-                        [14, 5],
-                        [15, 7],
-                        [16, 9],
-                        [17, 11],
-                        [18, 20]
-                    ]
-                },
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'class', 'motorway'], ['!=', 'ramp', 1], ['==', 'brunnel', 'bridge']]
-        },
-        {
-            'id': 'building',
-            'type': 'fill',
-            'source': 'openmaptiles',
-            'source-layer': 'building',
-            'layout': {
-                'visibility': 'visible'
-            },
-            'paint': {
-                'fill-color': {
-                    'stops': [
-                        [15, dark ? 'rgba(7, 72, 89, 1)' : 'rgba(255, 255, 255, 1)'],
-                        [16, dark ? 'rgba(7, 72, 89, 1)' : 'rgba(152, 145, 123, 0.18)']
-                    ]
-                },
-                'fill-antialias': true
-            }
-        },
-        {
-            'id': 'building-top',
-            'type': 'fill',
-            'source': 'openmaptiles',
-            'source-layer': 'building',
-            'layout': {
-                'visibility': 'visible'
-            },
-            'paint': {
-                'fill-color': dark ? 'rgba(7, 72, 89, 1)' : 'rgba(164, 146, 127, 1)',
-                'fill-opacity': {
-                    'base': 1,
-                    'stops': [
-                        [13, 0],
-                        [16, 1]
-                    ]
-                },
-                'fill-translate': {
-                    'base': 1,
-                    'stops': [
-                        [14, [0, 0]],
-                        [16, [-2, -2]]
-                    ]
-                },
-                'fill-outline-color': 'rgba(255, 255, 255, 1)'
-            }
-        },
-        {
-            'id': 'boundary_country_outline',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'boundary',
-            'minzoom': 6,
-            'maxzoom': 24,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round',
-                'visibility': 'visible'
-            },
-            'paint': {
-                'line-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 0.7)',
-                'line-width': 4,
-                'line-offset': 0,
-                'line-opacity': 0.5
-            },
-            'filter': ['all', ['==', 'admin_level', 2], ['==', 'maritime', 0], ['==', 'disputed', 0]]
-        },
-        {
-            'id': 'boundary_country_inner_z0-4',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'boundary',
-            'minzoom': 0,
-            'maxzoom': 5,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round',
-                'visibility': 'visible'
-            },
-            'paint': {
-                'line-color': {
-                    'stops': [
-                        [4, dark ? 'rgba(68, 73, 76, 0.8)' : 'rgba(151, 151, 151, 0.3)'],
-                        [5, dark ? 'rgba(163, 168, 173, 0.6)' : 'rgba(151, 151, 151, 0.51)'],
-                        [6, dark ? 'rgba(163, 168, 173, 0.6)' : 'rgba(151, 151, 151, 0.5)']
-                    ]
-                },
-                'line-width': {
-                    'stops': [
-                        [3, 1],
-                        [6, 1.5]
-                    ]
-                },
-                'line-offset': 0,
-                'line-opacity': 1
-            },
-            'filter': [
-                'all',
-                ['==', 'admin_level', 2],
-                ['==', 'maritime', 0],
-                ['!has', 'claimed_by'],
-                ['==', 'disputed', 0]
-            ]
-        },
-        {
-            'id': 'boundary_country_inner_z5-',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'boundary',
-            'minzoom': 5,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round',
-                'visibility': 'visible'
-            },
-            'paint': {
-                'line-color': {
-                    'stops': [
-                        [4, dark ? 'rgba(101, 106, 110, 0.72)' : 'rgba(127, 127, 127, 0.5)'],
-                        [5, dark ? 'rgba(131, 136, 142, 0.6)' : 'rgba(127, 127, 127, 0.5)'],
-                        [6, dark ? 'rgba(163, 168, 174, 0.8)' : 'rgba(127, 127, 127, 0.71)']
-                    ]
-                },
-                'line-width': {
-                    'stops': [
-                        [3, 1],
-                        [6, 1.5]
-                    ]
-                },
-                'line-offset': 0,
-                'line-opacity': 1
-            },
-            'filter': ['all', ['==', 'admin_level', 2], ['==', 'maritime', 0], ['==', 'disputed', 0]]
-        },
-        {
-            'id': 'boundary_2_disputed',
-            'type': 'line',
-            'source': 'openmaptiles',
-            'source-layer': 'boundary',
-            'minzoom': 0.0,
-            'layout': {
-                'line-cap': 'round',
-                'line-join': 'round',
-                'visibility': 'visible'
-            },
-            'paint': {
-                'line-color': {
-                    'stops': [
-                        [4, dark ? 'rgba(101, 106, 110, 0.72)' : 'rgba(127, 127, 127, 0.5)'],
-                        [5, dark ? 'rgba(131, 136, 142, 0.6)' : 'rgba(127, 127, 127, 0.5)'],
-                        [6, dark ? 'rgba(163, 168, 174, 0.8)' : 'rgba(127, 127, 127, 0.71)']
-                    ]
-                },
-                'line-width': {
-                    'base': 1,
-                    'stops': [
-                        [3, 0.3],
-                        [5, 1.2],
-                        [12, 2]
-                    ]
-                },
-                'line-opacity': 1,
-                'line-dasharray': [4, 3]
-            },
-            'metadata': {},
-            'filter': ['all', ['==', 'admin_level', 2], ['==', 'disputed', 1], ['==', 'maritime', 0]]
-        },
-        {
-            'id': 'watername_ocean',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'water_name',
-            'minzoom': 0,
-            'maxzoom': 5,
-            'layout': {
-                'text-font': italicFonts,
-                'text-size': {
-                    'stops': [
-                        [0, 13],
-                        [2, 14],
-                        [4, 18]
-                    ]
-                },
-                'text-field': '{name}',
-                'text-padding': 2,
-                'text-max-width': 6,
-                'symbol-placement': 'point',
-                'text-line-height': 1.2,
-                'text-allow-overlap': false,
-                'text-letter-spacing': 0.1,
-                'text-pitch-alignment': 'auto',
-                'text-ignore-placement': false,
-                'text-rotation-alignment': 'auto'
-            },
-            'paint': {
-                'text-color': dark ? 'rgba(179, 179, 190, 1)' : 'rgba(98, 143, 211, 1)',
-                'text-halo-blur': 0,
-                'text-halo-color': dark ? 'rgb(10, 21, 40)' : 'rgba(255, 255, 255, 0.47)',
-                'text-halo-width': 1
-            },
-            'filter': ['all', ['has', 'name'], ['==', '$type', 'Point'], ['==', 'class', 'ocean']]
-        },
-        {
-            'id': 'watername_sea',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'water_name',
-            'minzoom': 5,
-            'layout': {
-                'text-font': italicFonts,
-                'text-size': 12,
-                'text-field': '{name}',
-                'text-padding': 2,
-                'text-max-width': 6,
-                'symbol-placement': 'point',
-                'text-line-height': 1.2,
-                'text-allow-overlap': false,
-                'text-letter-spacing': 0.1,
-                'text-pitch-alignment': 'auto',
-                'text-ignore-placement': false,
-                'text-rotation-alignment': 'auto'
-            },
-            'paint': {
-                'text-color': dark ? 'rgba(179, 179, 190, 1)' : 'rgba(96, 131, 180, 1)',
-                'text-halo-blur': 0,
-                'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
-                'text-halo-width': 1
-            },
-            'filter': ['all', ['has', 'name'], ['==', '$type', 'Point'], ['==', 'class', 'sea']]
-        },
-        {
-            'id': 'watername_lake',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'water_name',
-            'minzoom': 4,
-            'layout': {
-                'text-font': italicFonts,
-                'text-size': {
-                    'stops': [
-                        [13, 9],
-                        [14, 10],
-                        [15, 11],
-                        [16, 12],
-                        [17, 13]
-                    ]
-                },
-                'text-field': {
-                    'stops': [
-                        [8, '{name_en}'],
-                        [13, '{name}']
-                    ]
-                },
-                'text-padding': 2,
-                'symbol-placement': 'point',
-                'text-line-height': 1.2,
-                'text-allow-overlap': false,
-                'text-pitch-alignment': 'auto',
-                'text-ignore-placement': false,
-                'text-rotation-alignment': 'auto'
-            },
-            'paint': {
-                'text-color': dark ? 'rgba(210, 226, 247, 1)' : 'rgb(45, 113, 218)',
-                'text-halo-blur': 1,
-                'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgb(240, 245, 252)',
-                'text-halo-width': 1
-            },
-            'filter': ['all', ['has', 'name'], ['==', '$type', 'Point'], ['==', 'class', 'lake']]
-        },
-        {
-            'id': 'watername_lake_line',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'water_name',
-            'layout': {
-                'text-font': italicFonts,
-                'text-size': {
-                    'stops': [
-                        [13, 9],
-                        [14, 10],
-                        [15, 11],
-                        [16, 12],
-                        [17, 13]
-                    ]
-                },
-                'text-field': {
-                    'stops': [
-                        [8, '{name_en}'],
-                        [13, '{name}']
-                    ]
-                },
-                'symbol-spacing': 350,
-                'symbol-placement': 'line',
-                'text-line-height': 1.2,
-                'text-pitch-alignment': 'auto',
-                'text-rotation-alignment': 'auto'
-            },
-            'paint': {
-                'text-color': dark ? 'rgba(129, 173, 235, 1)' : 'rgb(45, 113, 218)',
-                'text-halo-blur': 1,
-                'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgb(240, 245, 252)',
-                'text-halo-width': 1
-            },
-            'filter': ['all', ['has', 'name'], ['==', '$type', 'LineString']]
-        },
-        {
-            'id': 'park-label',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'park',
-            'minzoom': 0,
-            'layout': {
-                'text-font': regularFonts,
-                'text-size': {
-                    'base': 1.2,
-                    'stops': [
-                        [12, 10],
-                        [15, 14]
-                    ]
-                },
-                'text-field': '{name:latin}\n{name:nonlatin}',
-                'visibility': 'visible',
-                'text-max-width': 9,
-                'text-transform': 'none',
-                'text-allow-overlap': false,
-                'text-letter-spacing': 0.1,
-                'text-ignore-placement': false
-            },
-            'paint': {
-                'text-color': dark ? 'rgba(40, 191, 102, 1)' : 'rgba(29, 176, 51, 1)',
-                'text-halo-color': dark ? 'rgba(0, 0, 0, 0.8)' : 'rgba(255,255,255,0.8)',
-                'text-halo-width': 1.2
-            },
-            'metadata': {
-                'mapbox:group': '1444849242106.713'
-            },
-            'filter': ['all', ['==', 'rank', 1], ['==', '$type', 'Point']]
-        },
-        {
-            'id': 'place_hamlet',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'place',
-            'minzoom': 12,
-            'maxzoom': 16,
-            'layout': {
-                'icon-size': 1,
-                'text-font': regularFonts,
-                'text-size': {
-                    'stops': [
-                        [13, 8],
-                        [14, 10],
-                        [16, 11]
-                    ]
-                },
-                'icon-image': '',
-                'text-field': {
-                    'stops': [
-                        [8, '{name_en}'],
-                        [14, '{name}']
-                    ]
-                },
-                'icon-offset': [16, 0],
-                'text-anchor': 'center',
-                'text-offset': [0.2, 0.2],
-                'text-max-width': 10,
-                'text-transform': {
-                    'stops': [
-                        [12, 'none'],
-                        [14, 'uppercase']
-                    ]
-                },
-                'text-keep-upright': true
-            },
-            'paint': {
-                'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
-                'text-color': dark ? 'rgba(211, 211, 211, 1)' : 'rgb(57, 74, 86)',
-                'text-halo-color': dark ? 'rgba(32, 32, 32, 1)' : 'rgb(219, 225, 230)',
-                'text-halo-width': 1,
-                'icon-translate-anchor': 'map'
-            },
-            'filter': ['any', ['==', 'class', 'neighbourhood'], ['==', 'class', 'hamlet']]
-        },
-        {
-            'id': 'place_suburbs',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'place',
-            'minzoom': 12,
-            'maxzoom': 16,
-            'layout': {
-                'icon-size': 1,
-                'text-font': regularFonts,
-                'text-size': {
-                    'stops': [
-                        [12, 9],
-                        [13, 10],
-                        [14, 11],
-                        [15, 12],
-                        [16, 13]
-                    ]
-                },
-                'icon-image': '',
-                'text-field': {
-                    'stops': [
-                        [8, '{name_en}'],
-                        [13, '{name}']
-                    ]
-                },
-                'icon-offset': [16, 0],
-                'text-anchor': 'center',
-                'text-offset': [0.2, 0.2],
-                'text-max-width': 10,
-                'text-transform': {
-                    'stops': [
-                        [8, 'none'],
-                        [12, 'uppercase']
-                    ]
-                },
-                'text-keep-upright': true
-            },
-            'paint': {
-                'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
-                'text-color': dark ? 'rgba(218, 218, 218, 1)' : 'rgb(57, 74, 86)',
-                'text-halo-color': dark ? 'rgba(53, 53, 53, 1)' : 'rgba(255, 255, 255, 1)',
-                'text-halo-width': 1,
-                'icon-translate-anchor': 'map'
-            },
-            'filter': ['all', ['==', 'class', 'suburb']]
-        },
-        {
-            'id': 'place_villages',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'place',
-            'minzoom': 10,
-            'maxzoom': 16,
-            'layout': {
-                'icon-size': 1,
-                'text-font': boldFonts,
-                'text-size': {
-                    'stops': [
-                        [10, 9],
-                        [12, 10],
-                        [13, 11],
-                        [14, 12],
-                        [16, 13]
-                    ]
-                },
-                'icon-image': '',
-                'text-field': {
-                    'stops': [
-                        [8, '{name_en}'],
-                        [13, '{name}']
-                    ]
-                },
-                'icon-offset': [16, 0],
-                'text-anchor': 'center',
-                'text-offset': [0.2, 0.2],
-                'text-max-width': 10,
-                'text-transform': 'none',
-                'text-keep-upright': true
-            },
-            'paint': {
-                'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
-                'text-color': dark ? 'rgba(166, 166, 166, 1)' : 'rgb(57, 74, 86)',
-                'text-halo-color': dark ? 'rgba(7, 7, 7, 1)' : 'rgba(255, 255, 255, 1)',
-                'text-halo-width': 1,
-                'icon-translate-anchor': 'map'
-            },
-            'filter': ['all', ['==', 'class', 'village']]
-        },
-        {
-            'id': 'place_town',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'place',
-            'minzoom': 8,
-            'maxzoom': 14,
-            'layout': {
-                'icon-size': 1,
-                'text-font': boldFonts,
-                'text-size': {
-                    'stops': [
-                        [8, 10],
-                        [9, 10],
-                        [10, 11],
-                        [13, 14],
-                        [14, 15]
-                    ]
-                },
-                'icon-image': '',
-                'text-field': {
-                    'stops': [
-                        [8, '{name_en}'],
-                        [13, '{name}']
-                    ]
-                },
-                'icon-offset': [16, 0],
-                'text-anchor': 'center',
-                'text-offset': [0.2, 0.2],
-                'text-max-width': 10,
-                'text-transform': 'none',
-                'text-keep-upright': true
-            },
-            'paint': {
-                'icon-color': dark ? 'rgba(191, 191, 191, 1)' : 'rgb(57, 74, 86)',
-                'text-color': dark ? 'rgba(195, 195, 195, 1)' : 'rgb(57, 74, 86)',
-                'text-halo-color': dark ? 'rgba(53, 53, 53, 1)' : 'rgba(255, 255, 255, 1)',
-                'text-halo-width': 1,
-                'icon-translate-anchor': 'map'
-            },
-            'filter': ['all', ['==', 'class', 'town']]
-        },
-        {
-            'id': 'place_country_2',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'place',
-            'minzoom': 3,
-            'maxzoom': 10,
-            'layout': {
-                'text-font': boldFonts,
-                'text-size': {
-                    'stops': [
-                        [3, 10],
-                        [5, 11],
-                        [6, 12],
-                        [7, 13],
-                        [8, 14]
-                    ]
-                },
-                'text-field': '{name_en}',
-                'text-transform': 'sentencecase'
-            },
-            'paint': {
-                'text-color': {
-                    'stops': [
-                        [3, dark ? 'rgba(179, 179, 190, 1)' : 'rgb(101, 106, 110)'],
-                        [5, dark ? 'rgba(179, 179, 190, 1)' : 'rgb(127, 129, 131)'],
-                        [6, dark ? 'rgba(179, 179, 190, 1)' : 'rgba(131, 131, 131, 1)']
-                    ]
-                },
-                'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
-                'text-halo-width': 1
-            },
-            'filter': ['all', ['==', 'class', 'country'], ['>=', 'rank', 3], ['has', 'iso_a2']]
-        },
-        {
-            'id': 'place_country_1',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'place',
-            'minzoom': 2,
-            'maxzoom': 7,
-            'layout': {
-                'text-font': boldFonts,
-                'text-size': {
-                    'stops': [
-                        [3, 11],
-                        [4, 12],
-                        [5, 13],
-                        [6, 14]
-                    ]
-                },
-                'text-field': '{name_en}',
-                'text-max-width': {
-                    'stops': [
-                        [2, 6],
-                        [3, 6],
-                        [4, 9],
-                        [5, 12]
-                    ]
-                },
-                'text-transform': 'sentencecase'
-            },
-            'paint': {
-                'text-color': {
-                    'stops': [
-                        [3, dark ? 'rgba(179, 179, 190, 1)' : 'rgba(114, 114, 114, 1)'],
-                        [5, dark ? 'rgba(179, 179, 190, 1)' : 'rgba(116, 116, 116, 1)'],
-                        [6, dark ? 'rgba(179, 179, 190, 1)' : 'rgba(116, 116, 116, 1)']
-                    ]
-                },
-                'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
-                'text-halo-width': 1
-            },
-            'filter': ['all', ['==', 'class', 'country'], ['<=', 'rank', 2]]
-        },
-        {
-            'id': 'place_state',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'place',
-            'minzoom': 5,
-            'maxzoom': 10,
-            'layout': {
-                'text-font': boldFonts,
-                'text-size': {
-                    'stops': [
-                        [5, 12],
-                        [7, 14]
-                    ]
-                },
-                'text-field': '{name_en}',
-                'text-max-width': 9,
-                'text-transform': 'sentencecase'
-            },
-            'paint': {
-                'text-color': dark ? 'rgba(179, 179, 190, 1)' : 'rgb(116, 119, 122)',
-                'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgb(216, 238, 215)',
-                'text-halo-width': 1
-            },
-            'filter': ['all', ['==', 'class', 'state'], ['<=', 'rank', 4]]
-        },
-        {
-            'id': 'place_continent',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'place',
-            'minzoom': 0,
-            'maxzoom': 2,
-            'layout': {
-                'text-font': boldFonts,
-                'text-size': 14,
-                'text-field': '{name_en}',
-                'text-justify': 'center',
-                'text-max-width': 9,
-                'text-transform': 'uppercase',
-                'text-keep-upright': false,
-                'text-letter-spacing': 0.1
-            },
-            'paint': {
-                'text-color': dark ? 'rgba(209, 209, 209, 1)' : 'rgb(57, 74, 86)',
-                'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
-                'text-halo-width': 1
-            },
-            'filter': ['all', ['==', 'class', 'continent']]
-        },
-        {
-            'id': 'place_city_r6',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'place',
-            'minzoom': 8,
-            'maxzoom': 15,
-            'layout': {
-                'icon-size': 1,
-                'text-font': boldFonts,
-                'text-size': {
-                    'stops': [
-                        [8, 12],
-                        [9, 13],
-                        [10, 14],
-                        [13, 17],
-                        [14, 20]
-                    ]
-                },
-                'icon-image': '',
-                'text-field': {
-                    'stops': [
-                        [8, '{name_en}'],
-                        [13, '{name}']
-                    ]
-                },
-                'icon-offset': [16, 0],
-                'text-anchor': 'center',
-                'text-offset': [0.2, 0.2],
-                'text-max-width': 10,
-                'text-transform': 'uppercase',
-                'text-keep-upright': true
-            },
-            'paint': {
-                'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
-                'text-color': dark ? 'rgba(217, 217, 217, 1)' : 'rgb(57, 74, 86)',
-                'text-halo-color': dark ? 'rgba(36, 36, 36, 1)' : 'rgba(255, 255, 255, 1)',
-                'text-halo-width': 1,
-                'icon-translate-anchor': 'map'
-            },
-            'filter': ['all', ['==', 'class', 'city'], ['>=', 'rank', 6]]
-        },
-        {
-            'id': 'place_city_r5',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'place',
-            'minzoom': 8,
-            'maxzoom': 15,
-            'layout': {
-                'icon-size': 1,
-                'text-font': boldFonts,
-                'text-size': {
-                    'stops': [
-                        [8, 14],
-                        [10, 16],
-                        [13, 19],
-                        [14, 22]
-                    ]
-                },
-                'icon-image': '',
-                'text-field': {
-                    'stops': [
-                        [8, '{name_en}'],
-                        [13, '{name}']
-                    ]
-                },
-                'icon-offset': [16, 0],
-                'text-anchor': 'center',
-                'text-offset': [0.2, 0.2],
-                'text-max-width': 10,
-                'text-transform': 'uppercase',
-                'text-keep-upright': true
-            },
-            'paint': {
-                'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
-                'text-color': dark ? 'rgba(209, 209, 209, 1)' : 'rgb(57, 74, 86)',
-                'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
-                'text-halo-width': 1,
-                'icon-translate-anchor': 'map'
-            },
-            'filter': ['all', ['==', 'class', 'city'], ['>=', 'rank', 0], ['<=', 'rank', 5]]
-        },
-        {
-            'id': 'place_city_dot_r7',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'place',
-            'minzoom': 6,
-            'maxzoom': 7,
-            'layout': {
-                'icon-size': 0.4,
-                'text-font': boldFonts,
-                'text-size': 12,
-                'icon-image': 'circle-11',
-                'text-field': '{name_en}',
-                'icon-offset': [16, 5],
-                'text-anchor': 'right',
-                'text-offset': [0.2, 0.2],
-                'text-max-width': 8,
-                'text-keep-upright': true
-            },
-            'paint': {
-                'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
-                'text-color': dark ? 'rgba(193, 193, 193, 1)' : 'rgb(57, 74, 86)',
-                'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
-                'text-halo-width': 1,
-                'icon-translate-anchor': 'map'
-            },
-            'filter': ['all', ['==', 'class', 'city'], ['<=', 'rank', 7]]
-        },
-        {
-            'id': 'place_city_dot_r4',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'place',
-            'minzoom': 5,
-            'maxzoom': 7,
-            'layout': {
-                'icon-size': 0.4,
-                'text-font': boldFonts,
-                'text-size': 12,
-                'icon-image': 'circle-11',
-                'text-field': '{name_en}',
-                'icon-offset': [16, 5],
-                'text-anchor': 'right',
-                'text-offset': [0.2, 0.2],
-                'text-max-width': 8,
-                'text-keep-upright': true
-            },
-            'paint': {
-                'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
-                'text-color': dark ? 'rgba(196, 200, 204, 1)' : 'rgb(57, 74, 86)',
-                'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
-                'text-halo-width': 1,
-                'icon-translate-anchor': 'map'
-            },
-            'filter': ['all', ['==', 'class', 'city'], ['<=', 'rank', 4]]
-        },
-        {
-            'id': 'place_city_dot_r2',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'place',
-            'minzoom': 4,
-            'maxzoom': 7,
-            'layout': {
-                'icon-size': 0.4,
-                'text-font': boldFonts,
-                'text-size': 12,
-                'icon-image': 'circle-11',
-                'text-field': '{name_en}',
-                'icon-offset': [16, 5],
-                'text-anchor': 'right',
-                'text-offset': [0.2, 0.2],
-                'text-max-width': 8,
-                'text-keep-upright': true
-            },
-            'paint': {
-                'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
-                'text-color': dark ? 'rgba(196, 200, 204, 1)' : 'rgb(57, 74, 86)',
-                'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
-                'text-halo-width': 1,
-                'icon-translate-anchor': 'map'
-            },
-            'filter': ['all', ['==', 'class', 'city'], ['<=', 'rank', 2]]
-        },
-        {
-            'id': 'place_city_dot_z7',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'place',
-            'minzoom': 7,
-            'maxzoom': 8,
-            'layout': {
-                'icon-size': 0.4,
-                'text-font': boldFonts,
-                'text-size': 12,
-                'icon-image': 'circle-11',
-                'text-field': '{name_en}',
-                'icon-offset': [16, 5],
-                'text-anchor': 'right',
-                'text-offset': [0.2, 0.2],
-                'text-max-width': 8,
-                'text-keep-upright': true
-            },
-            'paint': {
-                'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
-                'text-color': dark ? 'rgba(209, 209, 209, 1)' : 'rgb(57, 74, 86)',
-                'text-halo-color': dark ? 'rgba(34, 34, 34, 1)' : 'rgba(255, 255, 255, 1)',
-                'text-halo-width': 1,
-                'icon-translate-anchor': 'map'
-            },
-            'filter': ['all', ['!has', 'capital'], ['!in', 'class', 'country', 'state']]
-        },
-        {
-            'id': 'place_capital_dot_z7',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'place',
-            'minzoom': 7,
-            'maxzoom': 8,
-            'layout': {
-                'icon-size': 0.4,
-                'text-font': boldFonts,
-                'text-size': 12,
-                'icon-image': 'circle-11',
-                'text-field': '{name_en}',
-                'icon-offset': [16, 5],
-                'text-anchor': 'right',
-                'text-offset': [0.2, 0.2],
-                'text-max-width': 8,
-                'text-transform': 'uppercase',
-                'text-keep-upright': true
-            },
-            'paint': {
-                'icon-color': dark ? 'rgb(30, 40, 46)' : 'rgb(57, 74, 86)',
-                'text-color': dark ? 'rgba(201, 201, 201, 1)' : 'rgb(57, 74, 86)',
-                'text-halo-color': dark ? 'rgba(30, 30, 30, 1)' : 'rgba(255, 255, 255, 1)',
-                'text-halo-width': 1,
-                'icon-translate-anchor': 'map'
-            },
-            'filter': ['all', ['>', 'capital', 0]]
-        },
-        {
-            'id': 'poi_stadium',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'poi',
-            'minzoom': 15,
-            'layout': {
-                'text-font': boldFonts,
-                'text-size': {
-                    'stops': [
-                        [15, 8],
-                        [17, 9],
-                        [18, 10]
-                    ]
-                },
-                'text-field': '{name}',
-                'text-transform': 'uppercase'
-            },
-            'paint': {
-                'text-color': dark ? 'rgb(48, 48, 48)' : 'rgb(82, 82, 82)',
-                'text-halo-color': dark ? 'rgba(201, 201, 201, 0.15)' : 'rgba(234, 234, 234, 0.15)',
-                'text-halo-width': 1
-            },
-            'filter': ['all', ['in', 'class', 'stadium', 'cemetery', 'attraction'], ['<=', 'rank', 3]]
-        },
-        {
-            'id': 'poi_park',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'poi',
-            'minzoom': 15,
-            'layout': {
-                'text-font': boldFonts,
-                'text-size': {
-                    'stops': [
-                        [15, 8],
-                        [17, 9],
-                        [18, 10]
-                    ]
-                },
-                'text-field': '{name}',
-                'text-transform': 'uppercase'
-            },
-            'paint': {
-                'text-color': dark ? 'rgba(193, 242, 214, 1)' : 'rgb(82, 82, 82)',
-                'text-halo-color': dark ? 'rgba(0, 0, 0, 0.5)' : 'rgba(234, 234, 234, 0.15)',
-                'text-halo-width': 1
-            },
-            'filter': ['all', ['==', 'class', 'park']]
-        },
-        {
-            'id': 'roadname_minor',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation_name',
-            'minzoom': 16,
-            'layout': {
-                'text-font': regularFonts,
-                'text-size': 9,
-                'text-field': '{name}',
-                'text-justify': 'center',
-                'symbol-spacing': 200,
-                'symbol-placement': 'line',
-                'symbol-avoid-edges': false,
-                'text-pitch-alignment': 'auto',
-                'text-rotation-alignment': 'auto'
-            },
-            'paint': {
-                'text-color': dark ? 'rgba(255, 255, 255, 1)' : 'rgba(73, 73, 53, 1)',
-                'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
-                'text-halo-width': 1
-            },
-            'filter': ['all', ['in', 'class', 'minor', 'service']]
-        },
-        {
-            'id': 'roadname_sec',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation_name',
-            'minzoom': 15,
-            'layout': {
-                'text-font': regularFonts,
-                'text-size': {
-                    'stops': [
-                        [15, 9],
-                        [16, 11],
-                        [18, 12]
-                    ]
-                },
-                'text-field': '{name}',
-                'text-justify': 'center',
-                'symbol-spacing': 200,
-                'symbol-placement': 'line',
-                'symbol-avoid-edges': false,
-                'text-pitch-alignment': 'auto',
-                'text-rotation-alignment': 'auto'
-            },
-            'paint': {
-                'text-color': dark ? 'rgba(255, 255, 255, 1)' : 'rgba(90, 92, 71, 1)',
-                'text-halo-color': dark ? 'rgba(0, 0, 0, 1)' : 'rgba(255, 255, 255, 1)',
-                'text-halo-width': 1
-            },
-            'filter': ['all', ['in', 'class', 'secondary', 'tertiary']]
-        },
-        {
-            'id': 'roadname_pri',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation_name',
-            'minzoom': 14,
-            'layout': {
-                'text-font': regularFonts,
-                'text-size': {
-                    'stops': [
-                        [14, 10],
-                        [15, 10],
-                        [16, 11],
-                        [18, 12]
-                    ]
-                },
-                'text-field': '{name}',
-                'text-justify': 'center',
-                'symbol-spacing': {
-                    'stops': [
-                        [6, 200],
-                        [16, 250]
-                    ]
-                },
-                'symbol-placement': 'line',
-                'symbol-avoid-edges': false,
-                'text-letter-spacing': {
-                    'stops': [
-                        [14, 0],
-                        [16, 0.2]
-                    ]
-                },
-                'text-pitch-alignment': 'auto',
-                'text-rotation-alignment': 'auto'
-            },
-            'paint': {
-                'text-color': dark ? 'rgb(255, 255, 255)' : 'rgb(0, 0, 0)',
-                'text-halo-color': dark ? 'rgb(0, 0, 0)' : 'rgb(255, 255, 255)',
-                'text-halo-width': 1
-            },
-            'filter': ['all', ['in', 'class', 'primary']]
-        },
-        {
-            'id': 'roadname_major',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'transportation_name',
-            'minzoom': 13,
-            'layout': {
-                'text-font': regularFonts,
-                'text-size': {
-                    'stops': [
-                        [14, 10],
-                        [15, 10],
-                        [16, 11],
-                        [18, 12]
-                    ]
-                },
-                'text-field': '{name}',
-                'text-justify': 'center',
-                'symbol-spacing': {
-                    'stops': [
-                        [6, 200],
-                        [16, 250]
-                    ]
-                },
-                'symbol-placement': 'line',
-                'symbol-avoid-edges': false,
-                'text-letter-spacing': {
-                    'stops': [
-                        [13, 0],
-                        [16, 0.2]
-                    ]
-                },
-                'text-pitch-alignment': 'auto',
-                'text-rotation-alignment': 'auto'
-            },
-            'paint': {
-                'text-color': dark ? 'rgb(255, 255, 255)' : 'rgb(0, 0, 0)',
-                'text-halo-color': dark ? 'rgb(0, 0, 0)' : 'rgb(255, 255, 255)',
-                'text-halo-width': 1
-            },
-            'filter': ['all', ['in', 'class', 'trunk', 'motorway']]
-        },
-        {
-            'id': 'housenumber',
-            'type': 'symbol',
-            'source': 'openmaptiles',
-            'source-layer': 'housenumber',
-            'minzoom': 17,
-            'maxzoom': 24,
-            'layout': {
-                'text-font': regularFonts,
-                'text-size': {
-                    'stops': [
-                        [17, 9],
-                        [18, 11]
-                    ]
-                },
-                'text-field': '{housenumber}'
-            },
-            'paint': {
-                'text-color': dark ? 'rgb(69, 158, 124)' : 'rgba(255, 255, 255, 1)',
-                'text-halo-color': dark ? 'rgba(201, 201, 201, 0.15)' : 'rgba(0, 0, 0, 0.15)',
-                'text-halo-width': 0.75
-            }
-        }
-    ],
-    'metadata': {
-        '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.'
-    },
-    'glyphs': `https://api.maptiler.com/fonts/{fontstack}/{range}.pbf?key=${key}`,
-    'sprite': 'https://api.maptiler.com/maps/17edd8b7-a153-4528-b076-32743671d394/sprite',
-    'bearing': 0,
-    'pitch': 0,
-    'center': [8.611423932402658, 46.76324669153797],
-    'zoom': 6.680213932099212
-});
-
 /**
  * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
@@ -3836,33 +934,39 @@ class SiMapComponent {
     /**
      * Points to be rendered on the map as features.
      */
-    points = model(...(ngDevMode ? [undefined, { debugName: "points" }] : []));
+    points = model(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "points" }] : /* istanbul ignore next */ []));
     /**
      * Payload of a geo-JSON object.
      */
-    geoJson = input(...(ngDevMode ? [undefined, { debugName: "geoJson" }] : []));
+    geoJson = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "geoJson" }] : /* istanbul ignore next */ []));
     /**
      * Callback function to add custom styling to the drawn geo-JSON features.
      */
-    styleFunction = input(...(ngDevMode ? [undefined, { debugName: "styleFunction" }] : []));
+    styleFunction = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "styleFunction" }] : /* istanbul ignore next */ []));
     /**
      * Projection format used to render the geo-JSON payload.
      *
      * @defaultValue 'EPSG:3857'
      */
-    geoJsonProjection = input('EPSG:3857', ...(ngDevMode ? [{ debugName: "geoJsonProjection" }] : []));
+    geoJsonProjection = input('EPSG:3857', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "geoJsonProjection" }] : /* istanbul ignore next */ []));
     /**
      * Enable or disable animation of markers.
      *
      * @defaultValue false
      */
-    markerAnimation = input(false, ...(ngDevMode ? [{ debugName: "markerAnimation" }] : []));
+    markerAnimation = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "markerAnimation" }] : /* istanbul ignore next */ []));
     /**
      * Enable or disable clustering of points on the map.
      *
      * @defaultValue false
      */
-    cluster = input(false, ...(ngDevMode ? [{ debugName: "cluster" }] : []));
+    cluster = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cluster" }] : /* istanbul ignore next */ []));
     /**
      * Defines which colors should be used when points are grouped. Grouping means
      * that points are painted with their group color and they are displayed as
@@ -3870,154 +974,166 @@ class SiMapComponent {
      *
      * @defaultValue 'status'
      */
-    groupColors = input('status', ...(ngDevMode ? [{ debugName: "groupColors" }] : []));
+    groupColors = input('status', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "groupColors" }] : /* istanbul ignore next */ []));
     /**
      * - **overlay**: Layer for popup element, an element to be displayed over the
      *   map and attached to a single map location.
      * - **controls**: List of controls to activate for map, additional controls
      *   like full screen, etc. can be added here.
      */
-    nativeProperties = input(...(ngDevMode ? [undefined, { debugName: "nativeProperties" }] : []));
+    nativeProperties = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "nativeProperties" }] : /* istanbul ignore next */ []));
     /**
      * Type of background map, for example `'https://api.maptiler.com/maps/voyager/style.json?key=xxx'`
      * (Token key is required). The styleJson defines the tiler source and the
      * used styles for different layers, should only be used if the siemens
      * default styles by using `maptilerKey` isn't good enough.
      */
-    styleJson = input(...(ngDevMode ? [undefined, { debugName: "styleJson" }] : []));
+    styleJson = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "styleJson" }] : /* istanbul ignore next */ []));
     /**
      * Option to switch on/off the display of tooltip while hovering over single
      * point.
      *
      * @defaultValue false
      */
-    displayTooltipOnHover = input(false, ...(ngDevMode ? [{ debugName: "displayTooltipOnHover" }] : []));
+    displayTooltipOnHover = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayTooltipOnHover" }] : /* istanbul ignore next */ []));
     /**
      * Option to switch on/off the display of popover when clicked.
      * Default set to true (on).
      *
      * @defaultValue true
      */
-    displayPopoverOnClick = input(true, ...(ngDevMode ? [{ debugName: "displayPopoverOnClick" }] : []));
+    displayPopoverOnClick = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayPopoverOnClick" }] : /* istanbul ignore next */ []));
     /**
      * Option to switch on/off popover when hovered.
      * Default is set to false (off)
      *
      * @defaultValue false
      */
-    displayPopoverOnHover = input(false, ...(ngDevMode ? [{ debugName: "displayPopoverOnHover" }] : []));
+    displayPopoverOnHover = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayPopoverOnHover" }] : /* istanbul ignore next */ []));
     /**
      * Provide your key for MapTiler, this will use the default siemens element
      * styles which can be used in both light and dark mode. Shouldn't be used
      * together with styleJson.
      */
-    maptilerKey = input(...(ngDevMode ? [undefined, { debugName: "maptilerKey" }] : []));
+    maptilerKey = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "maptilerKey" }] : /* istanbul ignore next */ []));
     /**
      * Option to switch on/off the display of tooltip while hovering over cluster.
      *
      * @defaultValue false
      */
-    displayTooltipOnClusterHover = input(false, ...(ngDevMode ? [{ debugName: "displayTooltipOnClusterHover" }] : []));
+    displayTooltipOnClusterHover = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayTooltipOnClusterHover" }] : /* istanbul ignore next */ []));
     /**
      * Defines range in which points are clustered. In pixels.
      *
      * @defaultValue DEFAULT_CLUSTER_DISTANCE
      */
-    clusterDistance = input(DEFAULT_CLUSTER_DISTANCE, ...(ngDevMode ? [{ debugName: "clusterDistance" }] : []));
+    clusterDistance = input(DEFAULT_CLUSTER_DISTANCE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "clusterDistance" }] : /* istanbul ignore next */ []));
     /**
      * Zoom level when calling the `select()` method on the component.
      * Defaults to 10.
      *
      * @defaultValue DEFAULT_FEATURE_SELECT_ZOOM
      */
-    featureSelectZoom = input(DEFAULT_FEATURE_SELECT_ZOOM, ...(ngDevMode ? [{ debugName: "featureSelectZoom" }] : []));
+    featureSelectZoom = input(DEFAULT_FEATURE_SELECT_ZOOM, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "featureSelectZoom" }] : /* istanbul ignore next */ []));
     /**
      * Max zoom level which is used when clicking on feature on the map.
      * Defaults to 15.
      *
      * @defaultValue DEFAULT_FEATURE_CLICK_ZOOM
      */
-    featureClickZoom = input(DEFAULT_FEATURE_CLICK_ZOOM, ...(ngDevMode ? [{ debugName: "featureClickZoom" }] : []));
+    featureClickZoom = input(DEFAULT_FEATURE_CLICK_ZOOM, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "featureClickZoom" }] : /* istanbul ignore next */ []));
     /**
      * Max zoom level for clicking on a cluster on the map. Defaults to 15.
      *
      * @defaultValue DEFAULT_CLUSTER_CLICK_ZOOM
      */
-    clusterClickZoom = input(DEFAULT_CLUSTER_CLICK_ZOOM, ...(ngDevMode ? [{ debugName: "clusterClickZoom" }] : []));
+    clusterClickZoom = input(DEFAULT_CLUSTER_CLICK_ZOOM, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "clusterClickZoom" }] : /* istanbul ignore next */ []));
     /**
      * Max zoom level on load or when clicking the reset button. Defaults to 5.
      *
      * @defaultValue DEFAULT_GLOBAL_ZOOM
      */
-    globalZoom = input(DEFAULT_GLOBAL_ZOOM, ...(ngDevMode ? [{ debugName: "globalZoom" }] : []));
+    globalZoom = input(DEFAULT_GLOBAL_ZOOM, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "globalZoom" }] : /* istanbul ignore next */ []));
     /**
      * When enabled, features will be automatically zoom to on click.
      *
      * @defaultValue false
      */
-    autoZoomFeatureClick = input(false, ...(ngDevMode ? [{ debugName: "autoZoomFeatureClick" }] : []));
+    autoZoomFeatureClick = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "autoZoomFeatureClick" }] : /* istanbul ignore next */ []));
     /**
      * When disabled, clusters will no longer automatically be zoomed to on click.
      *
      * @defaultValue true
      */
-    autoZoomClusterClick = input(true, ...(ngDevMode ? [{ debugName: "autoZoomClusterClick" }] : []));
+    autoZoomClusterClick = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "autoZoomClusterClick" }] : /* istanbul ignore next */ []));
     /**
      * Custom popover component
      */
-    popoverComponent = input(...(ngDevMode ? [undefined, { debugName: "popoverComponent" }] : []));
+    popoverComponent = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "popoverComponent" }] : /* istanbul ignore next */ []));
     /**
      * Custom popover component for clustering
      */
-    clusterPopoverComponent = input(...(ngDevMode ? [undefined, { debugName: "clusterPopoverComponent" }] : []));
+    clusterPopoverComponent = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "clusterPopoverComponent" }] : /* istanbul ignore next */ []));
     /**
      * Custom popover component
      */
-    popoverComponentProps = input(...(ngDevMode ? [undefined, { debugName: "popoverComponentProps" }] : []));
+    popoverComponentProps = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "popoverComponentProps" }] : /* istanbul ignore next */ []));
     /**
      * Close the popover on click
      *
      * @defaultValue true
      */
-    popoverCloseOnClick = input(true, ...(ngDevMode ? [{ debugName: "popoverCloseOnClick" }] : []));
+    popoverCloseOnClick = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "popoverCloseOnClick" }] : /* istanbul ignore next */ []));
     /**
      * Padding (in pixels) applied to the map view when zooming to a cluster, preventing points from being clipped at the edges.
      * Specified as [top, right, bottom, left].
      *
      * @defaultValue [20, 20, 20, 20]
      */
-    fitClusterPadding = input([20, 20, 20, 20], ...(ngDevMode ? [{ debugName: "fitClusterPadding" }] : []));
+    fitClusterPadding = input([20, 20, 20, 20], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fitClusterPadding" }] : /* istanbul ignore next */ []));
     /**
      * For Point geometry, padding (in pixels) to be cleared to fit the point inside the view after a click on it.
      * Values in the array are: [top, right, bottom, left].
      *
      * @defaultValue [20, 20, 20, 20]
      */
-    fitPointPadding = input([20, 20, 20, 20], ...(ngDevMode ? [{ debugName: "fitPointPadding" }] : []));
+    fitPointPadding = input([20, 20, 20, 20], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fitPointPadding" }] : /* istanbul ignore next */ []));
     /**
      * For GeoJson, padding (in pixels) to be cleared to fit the GeoJson inside the view after a click on it.
      * Values in the array are: [top, right, bottom, left].
      *
      * @defaultValue [20, 20, 20, 20]
      */
-    fitGeoJsonPadding = input([20, 20, 20, 20], ...(ngDevMode ? [{ debugName: "fitGeoJsonPadding" }] : []));
-    /**
-     * Cutoff text for tooltips, when cluster combines more than 4 features
-     *
-     * @deprecated Use `SiMapTooltipComponent` instead to set the `moreText` input e.g. `<si-map ...><si-map-tooltip [moreText]="'KEY_MORE'" /></si-map>`.
-     *
-     * @defaultValue
-     * ```
-     * t(() => $localize`:@@SI_MAPS.TOOLTIP_MORE_TEXT:and {{length}} more...`)
-     * ```
-     */
-    moreText = input(t(() => $localize `:@@SI_MAPS.TOOLTIP_MORE_TEXT:and {{length}} more...`), ...(ngDevMode ? [{ debugName: "moreText" }] : []));
+    fitGeoJsonPadding = input([20, 20, 20, 20], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fitGeoJsonPadding" }] : /* istanbul ignore next */ []));
     /**
      * Show multiple worlds, including points that cross the 180th meridian.
      *
      * @defaultValue true
      */
-    multiWorld = input(true, ...(ngDevMode ? [{ debugName: "multiWorld" }] : []));
+    multiWorld = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "multiWorld" }] : /* istanbul ignore next */ []));
     /**
      * Show the label permanently next to the point.
      * Normally the label is shown on hover or click.
@@ -4025,7 +1141,8 @@ class SiMapComponent {
      *
      * @defaultValue false
      */
-    alwaysShowLabels = input(false, ...(ngDevMode ? [{ debugName: "alwaysShowLabels" }] : []));
+    alwaysShowLabels = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "alwaysShowLabels" }] : /* istanbul ignore next */ []));
     /**
      * Maximum number of characters per line for always displayed labels of a point.
      * If the label exceeds this limit, it will be wrapped or trimmed.
@@ -4035,7 +1152,8 @@ class SiMapComponent {
      *
      * @defaultValue 20
      */
-    maxLabelLineLength = input(20, ...(ngDevMode ? [{ debugName: "maxLabelLineLength" }] : []));
+    maxLabelLineLength = input(20, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxLabelLineLength" }] : /* istanbul ignore next */ []));
     /**
      * Maximum number of lines for always displayed labels of a point.
      * If the label exceeds this limit, it will be trimmed.
@@ -4044,7 +1162,8 @@ class SiMapComponent {
      *
      * @defaultValue 3
      */
-    maxLabelLines = input(3, ...(ngDevMode ? [{ debugName: "maxLabelLines" }] : []));
+    maxLabelLines = input(3, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxLabelLines" }] : /* istanbul ignore next */ []));
     /**
      * Emitted when points on the map are selected or de-selected
      */
@@ -4053,14 +1172,17 @@ class SiMapComponent {
      * Emitted when the points are available as features. So consumers can call methods like `zoomToPoints()` on the actual point list.
      */
     pointsRefreshed = output();
-    popover = viewChild.required(SiMapPopoverComponent);
-    popoverElement = viewChild.required('popover', {
-        read: ElementRef
-    });
-    defaultTooltip = viewChild(SiMapTooltipComponent, ...(ngDevMode ? [{ debugName: "defaultTooltip" }] : []));
-    projectedTooltip = contentChild(SiMapTooltipComponent, ...(ngDevMode ? [{ debugName: "projectedTooltip" }] : []));
-    tooltip = computed(() => this.projectedTooltip() ?? this.defaultTooltip(), ...(ngDevMode ? [{ debugName: "tooltip" }] : []));
-    mapReference = viewChild.required('map');
+    popover = viewChild.required(SiMapPopoverComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "popover" }] : /* istanbul ignore next */ []));
+    popoverElement = viewChild.required('popover', { ...(ngDevMode ? { debugName: "popoverElement" } : /* istanbul ignore next */ {}), read: ElementRef });
+    defaultTooltip = viewChild(SiMapTooltipComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultTooltip" }] : /* istanbul ignore next */ []));
+    projectedTooltip = contentChild(SiMapTooltipComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "projectedTooltip" }] : /* istanbul ignore next */ []));
+    tooltip = computed(() => this.projectedTooltip() ?? this.defaultTooltip(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tooltip" }] : /* istanbul ignore next */ []));
+    mapReference = viewChild.required('map', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mapReference" }] : /* istanbul ignore next */ []));
     /** OpenLayers map instance. */
     map;
     tooltipOverlay;
@@ -4074,7 +1196,7 @@ class SiMapComponent {
     attributionsLabel = t(() => $localize `:@@SI_MAPS.ATTRIBUTIONS_BUTTON:Attributions`);
     zoomInLabel = t(() => $localize `:@@SI_MAPS.ZOOM_IN_BUTTON:Zoom in`);
     zoomOutLabel = t(() => $localize `:@@SI_MAPS.ZOOM_OUT_BUTTON:Zoom out`);
-    zoomToDefaultLabel = t(() => $localize `:@@SI_MAPS.ZOOM_TO_DEFAULT_BUTTON:Zoom to default view`);
+    zoomToDefaultLabel = t(() => $localize `:@@SI_MAPS.ZOOM_TO_DEFAULT_BUTTON:Reset zoom`);
     clusterInteraction;
     selectedCluster;
     darkTheme = undefined;
@@ -4390,7 +1512,7 @@ class SiMapComponent {
                     this.map.removeLayer(layer);
                 }
             });
-            this.mapboxStyles(styleJson(key, dark));
+            this.mapboxStyles(siMapStyle(key, dark));
         }
     }
     /**
@@ -4716,7 +1838,7 @@ class SiMapComponent {
         this.setPopOver(feature, zoom, event);
     }
     setPopOver(feature, zoom, event) {
-        const extraProperties = feature.getProperties().extraProps;
+        const extraProperties = feature.getProperties().extraProperties;
         const geometry = feature?.getGeometry();
         /*If a Point geometry is present on top of a GeoJson layer, and when clicked on the point,
         "else if" statement will prevent repetition of the popover render and zoom method.*/
@@ -4823,13 +1945,13 @@ class SiMapComponent {
         // Remember the selected cluster to avoid showing the a tooltip for cluster which has an open popover.
         this.selectedCluster = cluster;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.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 }, 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(--si-sys-background-3);color:var(--si-sys-text-accent);margin:0;line-height:1;border-radius:0;inline-size:calc(1rem + 2 * var(--si-sys-sizing-spacing-y-40));block-size:calc(1rem + 2 * var(--si-sys-sizing-spacing-y-40));font-size:var(--si-sys-sizing-icon-md);outline:none}:host::ng-deep .ol-control button:hover{color:var(--si-sys-text-accent-hover);background:var(--si-sys-background-accent-secondary-hover)}:host::ng-deep .ol-control button:focus-visible{outline:var(--element-button-focus-width) solid var(--si-sys-effects-focus);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:var(--si-sys-sizing-spacing-x-40);padding-block-end:var(--si-sys-sizing-spacing-y-40)}:host::ng-deep .ol-zoom{padding-block-end:calc(var(--si-sys-sizing-spacing-y-40) + 1px + 1rem + 2 * var(--si-sys-sizing-spacing-y-40))}:host::ng-deep .ol-attribution{inset-inline-start:0;inset-block-end:0;padding:var(--si-sys-sizing-spacing-y-40) var(--si-sys-sizing-spacing-x-40)}: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(var(--si-sys-sizing-spacing-y-40) + 3px + 3 * (1rem + 2 * var(--si-sys-sizing-spacing-y-40)));inset-inline-end:var(--si-sys-sizing-spacing-x-40)}: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" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMapComponent, decorators: [{
             type: Component,
-            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"] }]
-        }], 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', { ...{
+            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(--si-sys-background-3);color:var(--si-sys-text-accent);margin:0;line-height:1;border-radius:0;inline-size:calc(1rem + 2 * var(--si-sys-sizing-spacing-y-40));block-size:calc(1rem + 2 * var(--si-sys-sizing-spacing-y-40));font-size:var(--si-sys-sizing-icon-md);outline:none}:host::ng-deep .ol-control button:hover{color:var(--si-sys-text-accent-hover);background:var(--si-sys-background-accent-secondary-hover)}:host::ng-deep .ol-control button:focus-visible{outline:var(--element-button-focus-width) solid var(--si-sys-effects-focus);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:var(--si-sys-sizing-spacing-x-40);padding-block-end:var(--si-sys-sizing-spacing-y-40)}:host::ng-deep .ol-zoom{padding-block-end:calc(var(--si-sys-sizing-spacing-y-40) + 1px + 1rem + 2 * var(--si-sys-sizing-spacing-y-40))}:host::ng-deep .ol-attribution{inset-inline-start:0;inset-block-end:0;padding:var(--si-sys-sizing-spacing-y-40) var(--si-sys-sizing-spacing-x-40)}: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(var(--si-sys-sizing-spacing-y-40) + 3px + 3 * (1rem + 2 * var(--si-sys-sizing-spacing-y-40)));inset-inline-end:var(--si-sys-sizing-spacing-x-40)}:host::ng-deep .ol-overlay-container{left:0}\n"] }]
+        }], 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', { ...{
                             read: ElementRef
                         }, 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: [{
                 type: HostListener,
@@ -4841,11 +1963,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiMapModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SiMapModule, imports: [SiMapComponent, SiMapPopoverComponent, SiMapTooltipComponent], exports: [SiMapComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: SiMapModule, imports: [SiMapComponent, SiMapPopoverComponent, SiMapTooltipComponent], exports: [SiMapComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMapModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMapModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SiMapComponent, SiMapPopoverComponent, SiMapTooltipComponent],
@@ -4863,11 +1985,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiMapsNgModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapsNgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SiMapsNgModule, exports: [SiMapModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapsNgModule, imports: [SiMapModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMapsNgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: SiMapsNgModule, exports: [SiMapModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMapsNgModule, imports: [SiMapModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiMapsNgModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMapsNgModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [SiMapModule]
@@ -4883,5 +2005,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-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 };
+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 };
 //# sourceMappingURL=siemens-maps-ng.mjs.map