aur-openlayers 19.6.9 → 19.6.11

package/fesm2022/aur-openlayers.mjs

@@ -2360,7 +2360,12 @@ class ArrowDecorationManager {
         this.map.addLayer(this.layer);
         this.syncVisibility();
         this.syncOpacity();
-        this.visibilityKey = this.parentLayer.on('change:visible', () => this.syncVisibility());
+        this.visibilityKey = this.parentLayer.on('change:visible', () => {
+            this.syncVisibility();
+            if (this.parentLayer.getVisible()) {
+                this.scheduleUpdate();
+            }
+        });
         this.moveEndKey = this.map.on('moveend', () => this.scheduleUpdate());
         this.unsubCollection = this.parentApi.onModelsCollectionChanged(() => this.scheduleUpdate());
         this.unsubChanges = this.parentApi.onModelsChanged?.(() => this.scheduleUpdate());
@@ -2589,7 +2594,12 @@ class BufferDecorationManager {
         this.map.addLayer(this.layer);
         this.syncVisibility();
         this.syncOpacity();
-        this.visibilityKey = this.parentLayer.on('change:visible', () => this.syncVisibility());
+        this.visibilityKey = this.parentLayer.on('change:visible', () => {
+            this.syncVisibility();
+            if (this.parentLayer.getVisible()) {
+                this.scheduleUpdate();
+            }
+        });
         this.moveEndKey = this.map.on('moveend', () => this.scheduleUpdate());
         this.unsubCollection = this.parentApi.onModelsCollectionChanged(() => this.scheduleUpdate());
         this.unsubChanges = this.parentApi.onModelsChanged?.(() => this.scheduleUpdate());
@@ -2655,6 +2665,117 @@ class BufferDecorationManager {
     }
 }
 
+/** Creates a point Feature at `coord` with the given style and id. */
+function makePoint(coord, style, id) {
+    const f = new Feature({ geometry: new Point(coord) });
+    f.setId(id);
+    f.setStyle(Array.isArray(style) ? style : [style]);
+    return f;
+}
+class StartFinishDecorationManager {
+    source = new VectorSource();
+    layer;
+    config;
+    map;
+    parentLayer;
+    parentApi;
+    moveEndKey;
+    visibilityKey;
+    unsubCollection;
+    unsubChanges;
+    rafId = null;
+    constructor(options) {
+        this.config = options.config;
+        this.map = options.map;
+        this.parentLayer = options.parentLayer;
+        this.parentApi = options.parentApi;
+        const parentZ = this.parentLayer.getZIndex() ?? 0; // ?? 0 mirrors BufferDecorationManager: layers without explicit zIndex default to 0, so decoration sits at parentZ + 3
+        this.layer = new VectorLayer({
+            source: this.source,
+            zIndex: parentZ + 3,
+        });
+        this.layer.set('id', '__decoration_start_finish');
+        this.map.addLayer(this.layer);
+        this.syncVisibility();
+        this.syncOpacity();
+        this.visibilityKey = this.parentLayer.on('change:visible', () => {
+            this.syncVisibility();
+            if (this.parentLayer.getVisible()) {
+                this.scheduleUpdate();
+            }
+        });
+        this.moveEndKey = this.map.on('moveend', () => this.scheduleUpdate());
+        this.unsubCollection = this.parentApi.onModelsCollectionChanged(() => this.scheduleUpdate());
+        this.unsubChanges = this.parentApi.onModelsChanged?.(() => this.scheduleUpdate());
+    }
+    scheduleUpdate() {
+        if (this.rafId !== null)
+            return;
+        this.rafId = requestAnimationFrame(() => {
+            this.rafId = null;
+            this.rebuild();
+        });
+    }
+    rebuild() {
+        this.syncVisibility();
+        this.syncOpacity();
+        if (!this.parentLayer.getVisible()) {
+            this.source.clear();
+            return;
+        }
+        const parentSource = this.parentLayer.getSource();
+        if (!parentSource) {
+            this.source.clear();
+            return;
+        }
+        const { start, finish, collapsed } = this.config;
+        const features = [];
+        parentSource.getFeatures().forEach((feature, i) => {
+            const geom = feature.getGeometry();
+            if (!geom)
+                return;
+            if (!(geom instanceof LineString) && !(geom instanceof MultiLineString))
+                return;
+            const first = geom.getFirstCoordinate();
+            const last = geom.getLastCoordinate();
+            if (!first || !last || first.length < 2 || last.length < 2)
+                return;
+            const isCollapsed = first[0] === last[0] && first[1] === last[1];
+            if (isCollapsed) {
+                const style = collapsed ?? start ?? finish;
+                if (style)
+                    features.push(makePoint(first, style, `__startfinish_collapsed_${i}`));
+                return;
+            }
+            if (start)
+                features.push(makePoint(first, start, `__startfinish_start_${i}`));
+            if (finish)
+                features.push(makePoint(last, finish, `__startfinish_finish_${i}`));
+        });
+        this.source.clear();
+        if (features.length > 0) {
+            this.source.addFeatures(features);
+        }
+    }
+    syncVisibility() {
+        this.layer.setVisible(this.parentLayer.getVisible());
+    }
+    syncOpacity() {
+        this.layer.setOpacity(this.parentLayer.getOpacity());
+    }
+    dispose() {
+        if (this.rafId !== null) {
+            cancelAnimationFrame(this.rafId);
+            this.rafId = null;
+        }
+        unByKey(this.moveEndKey);
+        unByKey(this.visibilityKey);
+        this.unsubCollection();
+        this.unsubChanges?.();
+        this.map.removeLayer(this.layer);
+    }
+}
+
 class LayerManager {
     map;
     layers = {};
@@ -2730,6 +2851,17 @@ class LayerManager {
                 });
                 this.decorationManagers.push(decorationManager);
             }
+            if (descriptor.feature.decorations?.startFinish) {
+                const sf = descriptor.feature.decorations.startFinish;
+                if (sf.start || sf.finish || sf.collapsed) {
+                    this.decorationManagers.push(new StartFinishDecorationManager({
+                        map: this.map,
+                        parentLayer: layer,
+                        parentApi: api,
+                        config: sf,
+                    }));
+                }
+            }
         });
         this.interactions = new InteractionManager({
             ctx,