raain-ui 2.3.22 → 2.3.24

package/factories/MapElement.js

@@ -5,7 +5,7 @@ const leaflet_1 = require("leaflet");
 const tools_1 = require("../tools");
 const layers_1 = require("../layers");
 class MapElementInput {
-    constructor(timeframeContainers, markers) {
+    constructor(timeframeContainers, markers = []) {
         this.timeframeContainers = timeframeContainers;
         this.markers = markers;
     }
@@ -19,7 +19,6 @@ class MapElement {
         const lat = typeof this.center.lat !== 'undefined' ? this.center.lat : this.center.latitude;
         const lng = typeof this.center.lng !== 'undefined' ? this.center.lng : this.center.longitude;
         this.center = new tools_1.MapLatLng(lat, lng);
-        this.markerStyles = [];
     }
     build(element, inputs) {
         var _a;
@@ -37,7 +36,7 @@ class MapElement {
             scrollWheelZoom: false,
             renderer: (0, leaflet_1.canvas)(),
         }).setView([this.center.lat, this.center.lng], 10);
-        // Hook into the 'zoomend' event
+        // Hook into zoom events to preserve marker rotations
         mapLeaflet.on('zoomend', this.onZoomEnd.bind(this));
         (0, leaflet_1.tileLayer)('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
             attribution: '&copy;<a href="https://www.openstreetmap.org/copyright">osm</a>',
@@ -52,16 +51,12 @@ class MapElement {
             }
         }
         compositeLayer.addToMap(mapLeaflet);
-        // if (firstLayerIdPushed) {
-        //     compositeLayer.showTheFistMatchingId(firstLayerIdPushed);
-        // }
         compositeLayer.showAll(this.alpha);
         // Markers
-        let markersProduced = [];
         const markersLayer = new layers_1.MarkersLayer();
         markersLayer.setCurrentWidth(width);
         markersLayer.setCurrentHeight(height);
-        markersProduced = markersLayer.render(inputs.markers).markers;
+        const markersProduced = markersLayer.render(inputs.markers).markers;
         markersLayer.addToMap(mapLeaflet);
         mapLeaflet.invalidateSize({ animate: true });
         this.mapLeaflet = mapLeaflet;
@@ -87,142 +82,44 @@ class MapElement {
         this.mapLeaflet.invalidateSize({ animate: true });
     }
     updateMarkers(markers) {
-        if (this.markerStyles.length === 0) {
-            // remove all wind-speed-label
-            document.querySelectorAll('.wind-speed-label').forEach((el) => el.remove());
-        }
-        this.markersProduced = this.markersLayer.render(markers).markers;
+        const result = this.markersLayer.render(markers);
+        this.markersProduced = result.markers;
+        this.markersLayer.addToMap(this.mapLeaflet);
         return this.markersProduced;
     }
     /**
-     * Change marker style by adding CSS classes and/or setting CSS custom properties
-     * @param marker The marker to style (MapLatLng)
-     * @param style CSS class(es) to add (space-separated string) or object with classes and cssVars
-     * @param cssVars Optional object with CSS custom properties (e.g., {strength: 10})
-     *
-     * Examples:
-     * - changeMarkerStyle(marker, 'marker-red')
-     * - changeMarkerStyle(marker, 'marker-wind marker-wind-200', {strength: 10})
-     * - changeMarkerStyle(marker, {classes: 'marker-wind marker-wind-200', cssVars: {strength: 10}})
+     * Set rotation for a marker using RaainDivIcon
+     * @param marker The marker to rotate (MapLatLng)
+     * @param angle Rotation angle in degrees (0 = North, 90 = East, 180 = South, 270 = West)
+     * @returns true if rotation was applied, false if marker not found or not using RaainDivIcon
      */
-    changeMarkerStyle(marker, style, cssVars) {
+    setMarkerRotation(marker, angle) {
         const markerFound = this.getMarkerElement(marker);
         if (!markerFound) {
-            return;
-        }
-        const element = markerFound.getElement();
-        if (!element) {
-            return;
-        }
-        // Handle different input formats
-        let classesToAdd;
-        let varsToSet;
-        if (typeof style === 'string') {
-            classesToAdd = style;
-            varsToSet = cssVars;
-        }
-        else {
-            classesToAdd = style.classes;
-            varsToSet = style.cssVars;
+            return false;
         }
-        // Add CSS classes (space-separated)
-        if (classesToAdd) {
-            const classes = classesToAdd.split(' ').filter((c) => c.trim());
-            classes.forEach((className) => {
-                element.classList.add(className);
-            });
+        const icon = markerFound.options.icon;
+        if (icon instanceof tools_1.RaainDivIcon) {
+            icon.setRotation(angle);
+            return true;
         }
-        // Set CSS custom properties and data attributes
-        if (varsToSet) {
-            Object.entries(varsToSet).forEach(([key, value]) => {
-                // Set as CSS custom property
-                element.style.setProperty(`--${key}`, String(value));
-                // Also set as data attribute for use with attr() in CSS
-                element.setAttribute(`data-${key}`, String(value));
-            });
-        }
-        // Apply rotation to static wind markers by modifying the transform property
-        if (classesToAdd && classesToAdd.includes('marker-wind-static')) {
-            const currentTransform = element.style.transform || '';
-            // Get computed CSS variable value (from CSS classes, not inline styles)
-            const computedStyle = window.getComputedStyle(element);
-            const rotationValue = computedStyle.getPropertyValue('--rotation').trim() || '0deg';
-            // console.log('Rotation value from CSS:', rotationValue);
-            // Set transform-origin separately (not part of transform value)
-            element.style.transformOrigin = 'center center';
-            // Preserve existing translate3d and add rotation
-            if (currentTransform.includes('translate3d')) {
-                element.style.transform = `${currentTransform} rotate(${rotationValue})`;
-                // console.log('Applied rotation to transform:', element.style.transform);
-            }
-            else {
-                element.style.transform = `rotate(${rotationValue})`;
-            }
+        return false;
+    }
+    /**
+     * Get the rotation angle of a marker using RaainDivIcon
+     * @param marker The marker to query (MapLatLng)
+     * @returns The rotation angle in degrees, or null if not found or not using RaainDivIcon
+     */
+    getMarkerRotation(marker) {
+        const markerFound = this.getMarkerElement(marker);
+        if (!markerFound) {
+            return null;
         }
-        // Special handling for static wind markers: add speed text and arrow as DOM elements
-        // (since <img> elements cannot have ::before/::after pseudo-elements)
-        if (classesToAdd && classesToAdd.includes('marker-wind-static')) {
-            const parent = element.parentElement;
-            // console.log('Static wind marker detected, parent:', parent);
-            if (parent) {
-                // Get the marker's position from its transform style
-                const transformStyle = element.style.transform || '';
-                // console.log('Element transform:', transformStyle);
-                // Extract translate3d values using regex
-                const match = transformStyle.match(/translate3d\(([^,]+),\s*([^,]+),\s*([^)]+)\)/);
-                let leftPos = '50%';
-                let topPosSpeed = '-25px';
-                if (match) {
-                    const xPos = match[1].trim();
-                    const yPos = match[2].trim();
-                    // console.log('Extracted position:', xPos, yPos);
-                    // Position labels at the marker's exact position (from translate3d)
-                    leftPos = xPos;
-                    // Parse the Y position and offset it upward for labels
-                    const yValue = parseFloat(yPos);
-                    if (!isNaN(yValue)) {
-                        topPosSpeed = `${yValue - 25}px`;
-                        // topPosArrow = `${yValue - 45}px`;
-                        // console.log(
-                        //     'Calculated label positions - speed:',
-                        //     topPosSpeed,
-                        //     'arrow:',
-                        //     topPosArrow
-                        // );
-                    }
-                }
-                if (this.markerStyles.length === 0) {
-                    // remove all wind-speed-label
-                    document.querySelectorAll('.wind-speed-label').forEach((el) => el.remove());
-                }
-                // Add speed text label
-                if (varsToSet && varsToSet['speed-text']) {
-                    const speedLabel = document.createElement('div');
-                    speedLabel.className = 'wind-speed-label';
-                    speedLabel.textContent = String(varsToSet['speed-text']);
-                    speedLabel.style.cssText = `position: absolute; left: ${leftPos}; top: ${topPosSpeed}; transform: translateX(-50%); font-size: 11px; font-weight: bold; color: rgba(255, 255, 255, 0.95); background: rgba(0, 0, 0, 0.6); padding: 2px 5px; border-radius: 3px; text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); pointer-events: none; white-space: nowrap; z-index: 10000;`;
-                    parent.appendChild(speedLabel);
-                    // console.log(
-                    //     'Added speed label:',
-                    //     speedLabel.textContent,
-                    //     'at position',
-                    //     leftPos,
-                    //     topPosSpeed
-                    // );
-                }
-                // Add direction arrow
-                // const arrow = document.createElement('div');
-                // arrow.className = 'wind-arrow-indicator';
-                // arrow.textContent = '→';
-                // arrow.style.cssText = `position: absolute; left: ${leftPos}; top: ${topPosArrow}; font-size: 18px; font-weight: bold; color: rgba(100, 150, 255, 0.95); text-shadow: 0 0 4px rgba(0, 0, 0, 0.7); pointer-events: none; transform-origin: center; z-index: 10000; transform: translateX(-50%);`;
-                // parent.appendChild(arrow);
-                // console.log('Added arrow indicator at position', leftPos, topPosArrow);
-                this.markerStyles.push({ marker: markerFound, style, cssVars });
-            }
-            else {
-                console.warn('No parent element found for static wind marker');
-            }
+        const icon = markerFound.options.icon;
+        if (icon instanceof tools_1.RaainDivIcon) {
+            return icon.getRotation();
         }
+        return null;
     }
     getMarkerElement(markerToFind) {
         var _a;
@@ -237,12 +134,17 @@ class MapElement {
         return founds[0];
     }
     onZoomEnd(event) {
-        const styles = this.markerStyles.filter((m) => !!m);
-        // Rebuild styles
-        this.markerStyles = [];
-        for (const markerStyle of styles) {
-            this.changeMarkerStyle(markerStyle.marker.getLatLng(), markerStyle.style, markerStyle.cssVars);
+        var _a;
+        // Re-apply rotation to all RaainDivIcon markers after zoom
+        if (!((_a = this.markersProduced) === null || _a === void 0 ? void 0 : _a.length)) {
+            return;
         }
+        this.markersProduced.forEach((marker) => {
+            const icon = marker.options.icon;
+            if (typeof icon.applyRotation === 'function') {
+                icon.applyRotation();
+            }
+        });
     }
     addCompositeLayer(mapLeaflet, compositeLayer, timeFrameContainer) {
         const layerIds = [];
@@ -270,4 +172,4 @@ class MapElement {
     }
 }
 exports.MapElement = MapElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWFwRWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mYWN0b3JpZXMvTWFwRWxlbWVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSxxQ0FBeUU7QUFDekUsb0NBQW1GO0FBRW5GLHNDQVFtQjtBQUVuQixNQUFhLGVBQWU7SUFDeEIsWUFDVyxtQkFBeUMsRUFDekMsT0FHSjtRQUpJLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBc0I7UUFDekMsWUFBTyxHQUFQLE9BQU8sQ0FHWDtJQUNKLENBQUM7Q0FDUDtBQVJELDBDQVFDO0FBRUQsTUFBYSxVQUFVO0lBU25CLFlBQ1csU0FJSyxFQUFDLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBQyxFQUNsQixvQkFBb0IsS0FBSztRQUw1QixXQUFNLEdBQU4sTUFBTSxDQUllO1FBQ2xCLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBUTtRQVZoQyxVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBWWIsTUFBTSxHQUFHLEdBQUcsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQztRQUM1RixNQUFNLEdBQUcsR0FDTCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDO1FBQ3JGLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxpQkFBUyxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUN0QyxJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU0sS0FBSyxDQUFDLE9BQW9CLEVBQUUs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWFwRWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mYWN0b3JpZXMvTWFwRWxlbWVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSxxQ0FBNEQ7QUFDNUQsb0NBQWlHO0FBRWpHLHNDQVFtQjtBQUVuQixNQUFhLGVBQWU7SUFDeEIsWUFDVyxtQkFBeUMsRUFDekMsVUFHRCxFQUFFO1FBSkQsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFzQjtRQUN6QyxZQUFPLEdBQVAsT0FBTyxDQUdOO0lBQ1QsQ0FBQztDQUNQO0FBUkQsMENBUUM7QUFFRCxNQUFhLFVBQVU7SUFPbkIsWUFDVyxTQUlLLEVBQUMsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFDLEVBQ2xCLG9CQUFvQixLQUFLO1FBTDVCLFdBQU0sR0FBTixNQUFNLENBSWU7UUFDbEIsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFRO1FBUmhDLFVBQUssR0FBRyxDQUFDLENBQUM7UUFVYixNQUFNLEdBQUcsR0FBRyxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO1FBQzVGLE1BQU0sR0FBRyxHQUNMLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEtBQUssV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUM7UUFDckYsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLGlCQUFTLENBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFTSxLQUFLLENBQUMsT0FBb0IsRUFBRSxNQUF1Qjs7UUFDdEQsY0FBYztRQUNkLE1BQU0sS0FB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

package/layers/MarkersLayer.d.ts

@@ -1,6 +1,6 @@
-import { IconOptions, LayerGroup, Map, Marker } from 'leaflet';
+import { LayerGroup, Map, Marker } from 'leaflet';
 import { IPixiLayer } from './IPixiLayer';
-import { MapLatLng } from '../tools/MapLatLng';
+import { MapLatLng, RaainDivIcon } from '../tools';
 export declare class MarkersLayer implements IPixiLayer {
     protected _layerGroup: LayerGroup;
     protected _width: number;
@@ -12,7 +12,7 @@ export declare class MarkersLayer implements IPixiLayer {
     setCurrentHeight(height: number): void;
     render(markers: {
         iconsLatLng: MapLatLng[];
-        iconOptions?: IconOptions;
+        raainDivIcon?: RaainDivIcon;
     }[]): {
         markers: Marker[];
     };

package/layers/MarkersLayer.js

@@ -34,18 +34,12 @@ class MarkersLayer {
         if (this._layerGroup) {
             this._layerGroup.clearLayers();
         }
-        if (!markers) {
-            return { markers: [] };
-        }
         // Add markers
         const ms = [];
         let x;
         let y;
         for (const marker of markers) {
-            let iconOption;
-            if (marker.iconOptions) {
-                iconOption = (0, leaflet_1.icon)(marker.iconOptions);
-            }
+            const raainDivIcon = marker.raainDivIcon;
             for (const iconsLatLng of marker.iconsLatLng) {
                 x = iconsLatLng.lat;
                 y = iconsLatLng.lng;
@@ -54,14 +48,21 @@ class MarkersLayer {
                         title: iconsLatLng.name,
                         alt: iconsLatLng.id,
                     };
-                    if (iconOption) {
-                        options.icon = iconOption;
+                    if (raainDivIcon) {
+                        options.icon = raainDivIcon;
+                    }
+                    const leafletMarkerInstance = (0, leaflet_1.marker)([x, y], options);
+                    if (raainDivIcon) {
+                        raainDivIcon.bindToMarker(leafletMarkerInstance);
+                    }
+                    else {
+                        console.warn('raain-ui >> no raainDivIcon provided for this marker!');
                     }
-                    ms.push((0, leaflet_1.marker)([x, y], options));
+                    ms.push(leafletMarkerInstance);
                 }
                 else {
                     // implement your own error handling
-                    console.error('MARKER ERROR: ', iconsLatLng.id, 'x: ', x, ' y: ', y);
+                    console.error('raain-ui >> MARKER ERROR: ', iconsLatLng.id, 'x: ', x, ' y: ', y);
                 }
             }
         }
@@ -70,4 +71,4 @@ class MarkersLayer {
     }
 }
 exports.MarkersLayer = MarkersLayer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWFya2Vyc0xheWVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xheWVycy9NYXJrZXJzTGF5ZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEscUNBVWlCO0FBSWpCLE1BQWEsWUFBWTtJQUtyQjtRQUNJLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ2hCLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxDQUFDO0lBQ3JCLENBQUM7SUFFTSxRQUFRLENBQUMsR0FBUTtRQUNwQixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNuQixPQUFPO1NBQ1Y7UUFFRCxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQUU7WUFDakMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7U0FDbEM7SUFDTCxDQUFDO0lBRU0sYUFBYSxDQUFDLEdBQVE7UUFDekIsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDbkIsT0FBTztTQUNWO1FBRUQsSUFBSSxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsRUFBRTtZQUNoQyxHQUFHLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztTQUNyQztJQUNMLENBQUM7SUFFTSxlQUFlLENBQUMsS0FBYTtRQUNoQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDO0lBRU0sZ0JBQWdCLENBQUMsTUFBYztRQUNsQyxJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztJQUMxQixDQUFDO0lBRU0sTUFBTSxDQUFDLE9BQWdFO1FBRzFFLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNsQixJQUFJLENBQUMsV0FBVyxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ2xDO1FBRUQsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNWLE9BQU8sRUFBQyxPQUFPLEVBQUUsRUFBRSxFQUFDLENBQUM7U0FDeEI7UUFFRCxjQUFjO1FBQ2QsTUFBTSxFQUFFLEdBQWEsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBUyxDQUFDO1FBQ2QsSUFBSSxDQUFTLENBQUM7UUFDZCxLQUFLLE1BQU0sTUFBTSxJQUFJLE9BQU8sRUFBRTtZQUMxQixJQUFJLFVBQWdCLENBQUM7WUFDckIsSUFBSSxNQUFNLENBQUMsV0FBVyxFQUFFO2dCQUNwQixVQUFVLEdBQUcsSUFBQSxjQUFXLEVBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO2FBQ2hEO1lBRUQsS0FBSyxNQUFNLFdBQVcsSUFBSSxNQUFNLENBQUMsV0FBVyxFQUFFO2dCQUMxQyxDQUFDLEdBQUcsV0FBVyxDQUFDLEdBQUcsQ0FBQztnQkFDcEIsQ0FBQyxHQUFHLFdBQVcsQ0FBQyxHQUFHLENBQUM7Z0JBQ3BCLElBQUksQ0FBQyxLQUFLLFNBQVMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssU0FBUyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFO29CQUM5RCxNQUFNLE9BQU8sR0FBa0I7d0JBQzNCLEtBQUssRUFBRSxXQUFXLENBQUMsSUFBSTt3QkFDdkIsR0FBRyxFQUFFLFdBQVcsQ0FBQyxFQUFFO3FCQUN0QixDQUFDO29CQUNGLElBQUksVUFBVSxFQUFFO3dCQUNaLE9BQU8sQ0FBQyxJQUFJLEdBQUcsVUFBVSxDQUFDO3FCQUM3QjtvQkFDRCxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUEsZ0JBQWEsRUFBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDO2lCQUMzQztxQkFBTTtvQkFDSCxvQ0FBb0M7b0JBQ3BDLE9BQU8sQ0FBQyxLQUFLLENBQUMsZ0JBQWdCLEVBQUUsV0FBVyxDQUFDLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQztpQkFDeEU7YUFDSjtTQUNKO1FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFBLG9CQUFVLEVBQUMsRUFBRSxDQUFDLENBQUM7UUFDbEMsT0FBTyxFQUFDLE9BQU8sRUFBRSxFQUFFLEVBQUMsQ0FBQztJQUN6QixDQUFDO0NBQ0o7QUFsRkQsb0NBa0ZDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWFya2Vyc0xheWVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xheWVycy9NYXJrZXJzTGF5ZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEscUNBQW9HO0FBSXBHLE1BQWEsWUFBWTtJQUtyQjtRQUNJLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ2hCLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxDQUFDO0lBQ3JCLENBQUM7SUFFTSxRQUFRLENBQUMsR0FBUTtRQUNwQixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNuQixPQUFPO1NBQ1Y7UUFFRCxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQUU7WUFDakMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7U0FDbEM7SUFDTCxDQUFDO0lBRU0sYUFBYSxDQUFDLEdBQVE7UUFDekIsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDbkIsT0FBTztTQUNWO1FBRUQsSUFBSSxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsRUFBRTtZQUNoQyxHQUFHLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztTQUNyQztJQUNMLENBQUM7SUFFTSxlQUFlLENBQUMsS0FBYTtRQUNoQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDO0lBRU0sZ0JBQWdCLENBQUMsTUFBYztRQUNsQyxJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztJQUMxQixDQUFDO0lBRU0sTUFBTSxDQUFDLE9BQWtFO1FBRzVFLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNsQixJQUFJLENBQUMsV0FBVyxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ2xDO1FBRUQsY0FBYztRQUNkLE1BQU0sRUFBRSxHQUFhLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQVMsQ0FBQztRQUNkLElBQUksQ0FBUyxDQUFDO1FBQ2QsS0FBSyxNQUFNLE1BQU0sSUFBSSxPQUFPLEVBQUU7WUFDMUIsTUFBTSxZQUFZLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQztZQUV6QyxLQUFLLE1BQU0sV0FBVyxJQUFJLE1BQU0sQ0FBQyxXQUFXLEVBQUU7Z0JBQzFDLENBQUMsR0FBRyxXQUFXLENBQUMsR0FBRyxDQUFDO2dCQUNwQixDQUFDLEdBQUcsV0FBVyxDQUFDLEdBQUcsQ0FBQztnQkFFcEIsSUFBSSxDQUFDLEtBQUssU0FBUyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxTQUFTLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUU7b0JBQzlELE1BQU0sT0FBTyxHQUFrQjt3QkFDM0IsS0FBSyxFQUFFLFdBQVcsQ0FBQyxJQUFJO3dCQUN2QixHQUFHLEVBQUUsV0FBVyxDQUFDLEVBQUU7cUJBQ3RCLENBQUM7b0JBRUYsSUFBSSxZQUFZLEVBQUU7d0JBQ2QsT0FBTyxDQUFDLElBQUksR0FBRyxZQUFZLENBQUM7cUJBQy9CO29CQUVELE1BQU0scUJBQXFCLEdBQUcsSUFBQSxnQkFBYSxFQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxDQUFDO29CQUU3RCxJQUFJLFlBQVksRUFBRTt3QkFDZCxZQUFZLENBQUMsWUFBWSxDQUFDLHFCQUFxQixDQUFDLENBQUM7cUJBQ3BEO3lCQUFNO3dCQUNILE9BQU8sQ0FBQyxJQUFJLENBQUMsdURBQXVELENBQUMsQ0FBQztxQkFDekU7b0JBRUQsRUFBRSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO2lCQUNsQztxQkFBTTtvQkFDSCxvQ0FBb0M7b0JBQ3BDLE9BQU8sQ0FBQyxLQUFLLENBQ1QsNEJBQTRCLEVBQzVCLFdBQVcsQ0FBQyxFQUFFLEVBQ2QsS0FBSyxFQUNMLENBQUMsRUFDRCxNQUFNLEVBQ04sQ0FBQyxDQUNKLENBQUM7aUJBQ0w7YUFDSjtTQUNKO1FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFBLG9CQUFVLEVBQUMsRUFBRSxDQUFDLENBQUM7UUFDbEMsT0FBTyxFQUFDLE9BQU8sRUFBRSxFQUFFLEVBQUMsQ0FBQztJQUN6QixDQUFDO0NBQ0o7QUE3RkQsb0NBNkZDIn0=

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "raain-ui",
-  "version": "2.3.22",
+  "version": "2.3.24",
   "author": "contact@raain.io",
   "homepage": "https://github.com/raainio/raain-ui",
   "description": "raain.io ui layers",
@@ -35,7 +35,7 @@
     "geolib": "~3.3.4",
     "leaflet": "~1.9.4",
     "pixi.js": "~5.3.12",
-    "raain-model": "~3.0.35",
+    "raain-model": "~3.1.1",
     "satellite-view": "~2.1.2",
     "spinning-ball": "~0.5.0",
     "tile-setter": "~0.1.12",

package/tools/RaainDivIcon.d.ts

@@ -0,0 +1,136 @@
+import { DivIcon, DivIconOptions, Marker, PointExpression } from 'leaflet';
+/**
+ * Extended DivIconOptions to include rotation and dynamic sizing properties
+ */
+export interface RaainDivIconOptions extends DivIconOptions {
+    html?: string | HTMLElement | false;
+    iconSize?: PointExpression | undefined;
+    iconAnchor?: PointExpression | undefined;
+    popupAnchor?: PointExpression | undefined;
+    className?: string | undefined;
+    /**
+     * Initial rotation angle in degrees (0 = North, 90 = East, 180 = South, 270 = West)
+     */
+    rotationAngle?: number;
+    /**
+     * CSS transform-origin for rotation (default: 'center center')
+     */
+    rotationOrigin?: string;
+    /**
+     * Dynamic width in pixels (overrides iconSize width if provided)
+     */
+    width?: number;
+    /**
+     * Dynamic height in pixels (overrides iconSize height if provided)
+     */
+    height?: number;
+    /**
+     * HTML template with {width} and {height} placeholders for dynamic sizing
+     * Use this for icons that need to change size at runtime using setSize()
+     */
+    htmlTemplate?: string;
+}
+/**
+ * A DivIcon with built-in rotation and dynamic sizing support
+ *
+ * Usage:
+ * ```typescript
+ * // Basic usage with rotation
+ * const icon = new RaainDivIcon({
+ *     html: '<div style="width: 30px; height: 30px; background: red;"></div>',
+ *     rotationAngle: 0,
+ *     className: 'my-custom-marker'
+ * });
+ *
+ * // With dynamic sizing (for wind speed visualization)
+ * const windIcon = new RaainDivIcon({
+ *     htmlTemplate: `<div style="width: {width}px; height: {height}px; background: blue;"></div>`,
+ *     width: 40,
+ *     height: 40,
+ *     rotationAngle: 45
+ * });
+ *
+ * const marker = L.marker([51.505, -0.09], { icon: windIcon }).addTo(map);
+ *
+ * // Update rotation dynamically
+ * windIcon.setRotation(90);
+ *
+ * // Update size dynamically (e.g., based on wind speed)
+ * windIcon.setSize(60, 60);
+ *
+ * // Update both size and rotation
+ * windIcon.update({ width: 50, height: 50, rotationAngle: 180 });
+ * ```
+ */
+export declare class RaainDivIcon extends DivIcon {
+    options: RaainDivIconOptions;
+    private _icon;
+    private _marker;
+    constructor(options: RaainDivIconOptions);
+    /**
+     * Process size options and generate HTML from template if needed
+     */
+    private static _processSizeOptions;
+    /**
+     * Override createIcon to store reference and apply initial rotation
+     */
+    createIcon(oldIcon?: HTMLElement): HTMLElement;
+    /**
+     * Set the rotation angle in degrees
+     * @param angle Rotation angle (0 = North, 90 = East, 180 = South, 270 = West)
+     */
+    setRotation(angle: number): this;
+    /**
+     * Get the current rotation angle
+     */
+    getRotation(): number;
+    /**
+     * Set the size (width and height) of the icon dynamically
+     * @param width New width in pixels
+     * @param height New height in pixels
+     */
+    setSize(width: number, height: number): this;
+    /**
+     * Get the current size
+     */
+    getSize(): {
+        width: number;
+        height: number;
+    };
+    /**
+     * Update multiple properties at once (size, rotation)
+     * @param updates Object with properties to update
+     */
+    update(updates: {
+        width?: number;
+        height?: number;
+        rotationAngle?: number;
+    }): this;
+    /**
+     * Set the transform origin for rotation
+     * @param origin CSS transform-origin value (e.g., 'center center', '50% 50%')
+     */
+    setRotationOrigin(origin: string): this;
+    /**
+     * Apply the current rotation to the icon element
+     * This preserves any existing translate3d transformations from Leaflet
+     */
+    applyRotation(): this;
+    /**
+     * Bind this icon to a marker for automatic rotation updates
+     * @param marker The Leaflet marker to bind to
+     */
+    bindToMarker(marker: Marker): this;
+    /**
+     * Unbind from the current marker
+     */
+    unbindFromMarker(): this;
+    /**
+     * Get the icon HTML element (if created)
+     */
+    getIconElement(): HTMLElement | null;
+    /**
+     * Internal method to update the icon's size
+     */
+    private _updateSize;
+}