@angular-helpers/openlayers 21.14.1 → 22.0.1

package/fesm2022/angular-helpers-openlayers-overlays.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, input, output, DestroyRef, effect, ChangeDetectionStrategy, Component, Directive, EnvironmentInjector, ApplicationRef, createComponent, Injectable } from '@angular/core';
+import { inject, ElementRef, input, output, DestroyRef, effect, Component, Directive, EnvironmentInjector, ApplicationRef, createComponent, Injectable } from '@angular/core';
 import Overlay from 'ol/Overlay';
 import { OlMapService, OlZoneHelper } from '@angular-helpers/openlayers/core';
 import { OlLayerService } from '@angular-helpers/openlayers/layers';
@@ -30,15 +30,20 @@ class OlPopupComponent {
     mapService = inject(OlMapService);
     zoneHelper = inject(OlZoneHelper);
     /** Map coordinate where the popup is anchored. `null` hides the popup. */
-    position = input(null, ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    position = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
     /** Pixel offset relative to `position`. */
-    offset = input([0, 0], ...(ngDevMode ? [{ debugName: "offset" }] : /* istanbul ignore next */ []));
+    offset = input([0, 0], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "offset" }] : /* istanbul ignore next */ []));
     /** Anchor of the popup element relative to `position`. */
-    positioning = input('bottom-center', ...(ngDevMode ? [{ debugName: "positioning" }] : /* istanbul ignore next */ []));
+    positioning = input('bottom-center', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "positioning" }] : /* istanbul ignore next */ []));
     /** Whether the map auto-pans to keep the popup in view. */
-    autoPan = input(false, ...(ngDevMode ? [{ debugName: "autoPan" }] : /* istanbul ignore next */ []));
+    autoPan = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "autoPan" }] : /* istanbul ignore next */ []));
     /** Whether to render the default close button. */
-    closeButton = input(false, ...(ngDevMode ? [{ debugName: "closeButton" }] : /* istanbul ignore next */ []));
+    closeButton = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "closeButton" }] : /* istanbul ignore next */ []));
     /** Emitted when the popup transitions from visible to hidden (close button or `position` set to null). */
     closed = output();
     overlay = null;
@@ -107,19 +112,19 @@ class OlPopupComponent {
         this.overlay = null;
         this.currentMap = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: OlPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: OlPopupComponent, isStandalone: true, selector: "ol-popup", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, positioning: { classPropertyName: "positioning", publicName: "positioning", isSignal: true, isRequired: false, transformFunction: null }, autoPan: { classPropertyName: "autoPan", publicName: "autoPan", isSignal: true, isRequired: false, transformFunction: null }, closeButton: { classPropertyName: "closeButton", publicName: "closeButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { attributes: { "role": "dialog" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: OlPopupComponent, isStandalone: true, selector: "ol-popup", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, positioning: { classPropertyName: "positioning", publicName: "positioning", isSignal: true, isRequired: false, transformFunction: null }, autoPan: { classPropertyName: "autoPan", publicName: "autoPan", isSignal: true, isRequired: false, transformFunction: null }, closeButton: { classPropertyName: "closeButton", publicName: "closeButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { attributes: { "role": "dialog" } }, ngImport: i0, template: `
     @if (closeButton()) {
       <button type="button" class="ol-popup-close" aria-label="Close" (click)="onCloseClick()">
         ×
       </button>
     }
     <ng-content />
-  `, isInline: true, styles: [":host{display:block;position:relative}.ol-popup-close{position:absolute;top:4px;right:4px;width:20px;height:20px;padding:0;border:none;background:transparent;font-size:16px;line-height:1;cursor:pointer;color:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;position:relative}.ol-popup-close{position:absolute;top:4px;right:4px;width:20px;height:20px;padding:0;border:none;background:transparent;font-size:16px;line-height:1;cursor:pointer;color:inherit}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: OlPopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlPopupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ol-popup', changeDetection: ChangeDetectionStrategy.OnPush, template: `
+            args: [{ selector: 'ol-popup', template: `
     @if (closeButton()) {
       <button type="button" class="ol-popup-close" aria-label="Close" (click)="onCloseClick()">
         ×
@@ -154,9 +159,11 @@ class OlTooltipDirective {
     mapService = inject(OlMapService);
     zoneHelper = inject(OlZoneHelper);
     /** Property key to read from the hovered feature. */
-    olTooltip = input.required(...(ngDevMode ? [{ debugName: "olTooltip" }] : /* istanbul ignore next */ []));
+    olTooltip = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "olTooltip" }] : /* istanbul ignore next */ []));
     /** Optional layer id; when set, only features on that layer trigger the tooltip. */
-    olTooltipLayer = input(null, ...(ngDevMode ? [{ debugName: "olTooltipLayer" }] : /* istanbul ignore next */ []));
+    olTooltipLayer = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "olTooltipLayer" }] : /* istanbul ignore next */ []));
     element = null;
     listener = null;
     currentMap = null;
@@ -253,10 +260,10 @@ class OlTooltipDirective {
         this.listener = null;
         this.currentMap = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: OlTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.13", type: OlTooltipDirective, isStandalone: true, selector: "[olTooltip]", inputs: { olTooltip: { classPropertyName: "olTooltip", publicName: "olTooltip", isSignal: true, isRequired: true, transformFunction: null }, olTooltipLayer: { classPropertyName: "olTooltipLayer", publicName: "olTooltipLayer", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.0", type: OlTooltipDirective, isStandalone: true, selector: "[olTooltip]", inputs: { olTooltip: { classPropertyName: "olTooltip", publicName: "olTooltip", isSignal: true, isRequired: true, transformFunction: null }, olTooltipLayer: { classPropertyName: "olTooltipLayer", publicName: "olTooltipLayer", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: OlTooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlTooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[olTooltip]',
@@ -434,10 +441,10 @@ class OlPopupService {
             this.popups.set(id, { id, overlay, componentRef: ref, dispose });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: OlPopupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: OlPopupService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlPopupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlPopupService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: OlPopupService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlPopupService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 // -----------------------------------------------------------------------------

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular-helpers/openlayers",
-  "version": "21.14.1",
+  "version": "22.0.1",
   "description": "Modern Angular wrapper for OpenLayers with modular architecture, standalone components, and hybrid template/programmatic API",
   "homepage": "https://gaspar1992.github.io/angular-helpers/docs/openlayers",
   "repository": {
@@ -30,9 +30,9 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@angular-helpers/testing": "^21.14.0",
-    "@angular/common": "^21.0.0",
-    "@angular/core": "^21.0.0",
+    "@angular-helpers/testing": "workspace:*",
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
     "milsymbol": "^3.0.0",
     "ol": "^10.0.0"
   },

package/types/angular-helpers-openlayers-controls.d.ts

@@ -204,7 +204,7 @@ declare class OlGeolocationControlComponent {
     private destroyRef;
     position: _angular_core.InputSignal<ControlPosition>;
     trackingChange: _angular_core.OutputEmitterRef<boolean>;
-    controlElement: ElementRef<HTMLElement>;
+    controlElement: _angular_core.Signal<ElementRef<HTMLElement>>;
     protected tracking: _angular_core.WritableSignal<boolean>;
     private control?;
     private geolocation?;