@siemens/maps-ng 49.1.0 → 49.2.0

package/fesm2022/siemens-maps-ng.mjs

@@ -201,7 +201,8 @@ class SiMapPopoverComponent {
     renderDefault(mapPoints) {
         // Create an embedded view with the default content template
         const context = Array.isArray(mapPoints) ? { mapPoints } : { mapPoint: mapPoints };
-        this.contentContainer().createEmbeddedView(this.defaultCluster(), context).detectChanges();
+        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]" }] });
@@ -553,7 +554,10 @@ 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
         }));
     }