@mxtommy/kip 3.10.0 → 3.10.3

package/dist/out-tsc/src/app/core/utils/dataTransforms.util.js

@@ -0,0 +1,138 @@
+/**
+* Normalizes a value to a range from 0 to 1 based on the specified scale type.
+*
+* @param V - The value to normalize.
+* @param L - The lower limit of the range to normalize to.
+* @param U - The upper limit of the range to normalize to.
+* @param scaleType - The type of scale to use. Can be 'linear', 'logarithmic', 'squareroot', or 'power'.
+* @param P - The power to use for the 'power' scale type. This parameter is optional and is only used when scaleType is 'power'.
+*
+* @returns The normalized value.
+*
+* @throws {Error} If an invalid scaleType is provided.
+*/
+export function normalizeDataToScaleType(V, L, U, scaleType, P) {
+    if (scaleType === 'logarithmic' || scaleType === 'squareroot' || scaleType === 'power') {
+        if (V < 0) {
+            console.warn(`Logarithmic scale cannot handle non-positive values. Received: ${V}`);
+            V = 0.00001; // or use another approach
+        }
+        if (V === 0) {
+            console.warn(`Value (V) is zero. Setting to 0.00001 to avoid mathematical issues.`);
+            V = 0.00001;
+        }
+        if (L === 0) {
+            console.warn(`Lower bound (L) is zero. Setting to 0.00001 to avoid mathematical issues.`);
+            L = 0.00001;
+        }
+        if (U === 0) {
+            console.warn(`Upper bound (U) is zero. Setting to 0.00001 to avoid mathematical issues.`);
+            U = 0.00001;
+        }
+    }
+    switch (scaleType) {
+        case 'linear':
+            return linearScale(V, L, U);
+        case 'logarithmic':
+            return logarithmicScale(V, L, U);
+        case 'squareroot':
+            return squareRootScale(V, L, U);
+        case 'power':
+            if (P === undefined) {
+                throw new Error('P is required for power scale');
+            }
+            return powerScale(V, L, U, P);
+        default:
+            throw new Error(`Invalid scale type: ${scaleType}`);
+    }
+}
+/**
+ * Scales a given value within a specified range to a normalized range between 0 and 1.
+ *
+ * @param {number} V - The value to be scaled.
+ * @param {number} L - The lower limit of the range.
+ * @param {number} U - The upper limit of the range.
+ * @returns {number} The scaled value, normalized to a range between 0 and 1.
+ * @throws {Error} Throws an error if the upper limit and lower limit are the same (to prevent division by zero).
+ */
+function linearScale(V, L, U) {
+    if (U === L) {
+        throw new Error('Upper and lower limits cannot be the same');
+    }
+    return (V - L) / (U - L);
+}
+/**
+ * Scales a given value within a specified range to a normalized range between 0 and 1 using a logarithmic scale.
+ *
+ * @param {number} V - The value to be scaled.
+ * @param {number} L - The lower limit of the range.
+ * @param {number} U - The upper limit of the range.
+ * @returns {number} The scaled value, normalized to a range between 0 and 1.
+ * @throws {Error} Throws an error if the upper limit and lower limit are the same (to prevent division by zero).
+ * @throws {Error} Throws an error if any of the values are less than or equal to zero (as logarithm of non-positive numbers is undefined).
+ */
+function logarithmicScale(V, L, U) {
+    if (U === L) {
+        throw new Error('Upper and lower limits cannot be the same');
+    }
+    if (V <= 0 || L <= 0 || U <= 0) {
+        throw new Error('Values must be greater than 0 for logarithmic scale');
+    }
+    return (Math.log(V) - Math.log(L)) / (Math.log(U) - Math.log(L));
+}
+/**
+ * Scales a given value within a specified range to a normalized range between 0 and 1 using a logarithmic scale.
+ *
+ * @param {number} V - The value to be scaled.
+ * @param {number} L - The lower limit of the range.
+ * @param {number} U - The upper limit of the range.
+ * @returns {number} The scaled value, normalized to a range between 0 and 1.
+ * @throws {Error} Throws an error if the upper limit and lower limit are the same (to prevent division by zero).
+ * @throws {Error} Throws an error if any of the values are less than or equal to zero (as logarithm of non-positive numbers is undefined).
+ */
+function squareRootScale(V, L, U) {
+    if (U === L) {
+        throw new Error('Upper and lower limits cannot be the same');
+    }
+    if (V < 0 || L < 0 || U < 0) {
+        throw new Error('Values must be non-negative for square root scale');
+    }
+    return (Math.sqrt(V) - Math.sqrt(L)) / (Math.sqrt(U) - Math.sqrt(L));
+}
+/**
+ * Scales a given value within a specified range to a normalized range between 0 and 1 using a power scale.
+ *
+ * @param {number} V - The value to be scaled.
+ * @param {number} L - The lower limit of the range.
+ * @param {number} U - The upper limit of the range.
+ * @param {number} P - The power to which the values are raised.
+ * @returns {number} The scaled value, normalized to a range between 0 and 1.
+ * @throws {Error} Throws an error if the upper limit and lower limit are the same (to prevent division by zero).
+ * @throws {Error} Throws an error if any of the values are negative (as power of negative numbers can result in complex numbers).
+ */
+function powerScale(V, L, U, P) {
+    if (U === L) {
+        throw new Error('Upper and lower limits cannot be the same');
+    }
+    if (V < 0 || L < 0 || U < 0) {
+        throw new Error('Values must be non-negative for power scale');
+    }
+    return (Math.pow(V, P) - Math.pow(L, P)) / (Math.pow(U, P) - Math.pow(L, P));
+}
+/**
+ * Converts a radian value to a degree value.
+ *
+ * The input is expected to be in the range of -π to +π.
+ * The output will be in the range of 0 to 360, where 0 radian is equivalent to 0 degree.
+ *
+ * @param {number} radian - The radian value to convert. Should be in the range -π to +π.
+ * @returns {number} The converted degree value, in the range 0 to 360.
+ */
+export function convertSplitRadianToDegree(radian) {
+    let degree = radian * (180 / Math.PI);
+    if (degree < 0) {
+        degree = 360 + degree;
+    }
+    return degree;
+}
+//# sourceMappingURL=dataTransforms.util.js.map

package/dist/out-tsc/src/app/core/utils/dataTransforms.util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataTransforms.util.js","sourceRoot":"","sources":["../../../../../../src/app/core/utils/dataTransforms.util.ts"],"names":[],"mappings":"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"}

package/dist/out-tsc/src/app/core/utils/iframe-inputs-inject.utils.js

@@ -0,0 +1,55 @@
+const DEFAULTS = {
+    minDist: 230,
+    maxDur: 550,
+    minVelocity: 1.5, // require even faster swipe (1500px/s)
+    axisDominance: 1.8,
+    deadzoneMs: 160,
+    purityRatio: 0.80,
+    lockThreshold: 28,
+    directionLockAngle: 25,
+    reversalPrimaryThreshold: 34,
+};
+export function generateSwipeScript(config) {
+    const opts = { ...DEFAULTS, ...config };
+    // Inline script as string, interpolating config
+    return `(() => {
+    if (window.__kipSwipeInit) return; window.__kipSwipeInit = true;
+    const instanceId='${opts.instanceId}';
+    let pointerId=null; let startX=0; let startY=0; let startT=0; let peakPrimary=0; let peakCross=0; let cancelled=false;
+    let lockedAxis=null; let lockedPrimarySign=0; let reversed=false;
+    const minDist=${opts.minDist};
+    const maxDur=${opts.maxDur};
+    const minVelocity=${opts.minVelocity};
+    const axisDominance=${opts.axisDominance};
+    const deadzoneMs=${opts.deadzoneMs};
+    const purityRatio=${opts.purityRatio};
+    const lockThreshold=${opts.lockThreshold};
+    const directionLockAngle=${opts.directionLockAngle};
+    const reversalPrimaryThreshold=${opts.reversalPrimaryThreshold};
+    function reset(){pointerId=null; cancelled=false; lockedAxis=null; lockedPrimarySign=0; reversed=false;}
+    function onDown(e){ if(pointerId!==null) return; pointerId=e.pointerId; startX=e.clientX; startY=e.clientY; startT=performance.now(); peakPrimary=0; peakCross=0; cancelled=false; lockedAxis=null; lockedPrimarySign=0; reversed=false; }
+    function track(e){ if(e.pointerId!==pointerId||cancelled) return; const dx=e.clientX-startX; const dy=e.clientY-startY; const adx=Math.abs(dx); const ady=Math.abs(dy); const primary=adx>ady?adx:ady; const cross=adx>ady?ady:adx; peakPrimary=Math.max(peakPrimary,primary); peakCross=Math.max(peakCross,cross);
+      if(!lockedAxis && primary>=lockThreshold){ lockedAxis = adx>ady?'x':'y'; lockedPrimarySign = lockedAxis==='x' ? (Math.sign(dx)||1) : (Math.sign(dy)||1); }
+      if(lockedAxis){
+        const angleRad = Math.atan2(lockedAxis==='x'?ady:adx, lockedAxis==='x'?adx:ady); // angle from primary axis
+        const angleDeg = angleRad * 180 / Math.PI;
+        if(angleDeg > directionLockAngle){ cancelled=true; return; }
+        if(lockedAxis==='x' && Math.sign(dx) && Math.sign(dx)!==lockedPrimarySign && Math.abs(dx) > reversalPrimaryThreshold){ reversed=true; cancelled=true; return; }
+        if(lockedAxis==='y' && Math.sign(dy) && Math.sign(dy)!==lockedPrimarySign && Math.abs(dy) > reversalPrimaryThreshold){ reversed=true; cancelled=true; return; }
+      }
+      if (!cancelled && peakCross>42 && peakCross*axisDominance>peakPrimary) { cancelled=true; }
+    }
+    function onUp(e){ if(e.pointerId!==pointerId) return; const endT=performance.now(); const dt=endT-startT; const dx=e.clientX-startX; const dy=e.clientY-startY; const adx=Math.abs(dx); const ady=Math.abs(dy); const dist=Math.hypot(dx,dy); const velocity=dist/dt; const primary=adx>ady?adx:ady; const cross=adx>ady?ady:adx; const purity= primary? (primary/dist):0; if(!cancelled && !reversed && dt>=deadzoneMs && dt<=maxDur && dist>=minDist && velocity>=minVelocity && purity>=purityRatio && primary/Math.max(cross,1)>=axisDominance){ if(adx>ady){ window.parent.postMessage({gesture: dx>0?'swiperight':'swipeleft', eventData:{dx,dy,duration:dt,velocity,instanceId}}, '*'); } else { window.parent.postMessage({gesture: dy>0?'swipedown':'swipeup', eventData:{dx,dy,duration:dt,velocity,instanceId}}, '*'); } } reset(); }
+    function onCancel(e){ if(e.pointerId===pointerId) reset(); }
+    document.addEventListener('pointerdown', onDown, {passive:true});
+    document.addEventListener('pointermove', track, {passive:true});
+    document.addEventListener('pointerup', onUp, {passive:true});
+    document.addEventListener('pointercancel', onCancel, {passive:true});
+    document.addEventListener('keydown', (event) => {
+      if (event.ctrlKey && event.shiftKey && ['ArrowLeft','ArrowRight','ArrowUp','ArrowDown','E','F','N'].includes(event.key)) {
+        window.parent.postMessage({ type:'keydown', keyEventData:{ key:event.key, ctrlKey:event.ctrlKey, shiftKey:event.shiftKey, instanceId }}, '*');
+      }
+    });
+  })();`;
+}
+//# sourceMappingURL=iframe-inputs-inject.utils.js.map

package/dist/out-tsc/src/app/core/utils/iframe-inputs-inject.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframe-inputs-inject.utils.js","sourceRoot":"","sources":["../../../../../../src/app/core/utils/iframe-inputs-inject.utils.ts"],"names":[],"mappings":"AAeA,MAAM,QAAQ,GAAG;IACf,OAAO,EAAE,GAAG;IACZ,MAAM,EAAE,GAAG;IACX,WAAW,EAAE,GAAG,EAAE,uCAAuC;IACzD,aAAa,EAAE,GAAG;IAClB,UAAU,EAAE,GAAG;IACf,WAAW,EAAE,IAAI;IACjB,aAAa,EAAE,EAAE;IACjB,kBAAkB,EAAE,EAAE;IACtB,wBAAwB,EAAE,EAAE;CAC7B,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAC,MAAyB;IAC3D,MAAM,IAAI,GAAG,EAAE,GAAG,QAAQ,EAAE,GAAG,MAAM,EAAE,CAAC;IACxC,gDAAgD;IAChD,OAAO;;wBAEe,IAAI,CAAC,UAAU;;;oBAGnB,IAAI,CAAC,OAAO;mBACb,IAAI,CAAC,MAAM;wBACN,IAAI,CAAC,WAAW;0BACd,IAAI,CAAC,aAAa;uBACrB,IAAI,CAAC,UAAU;wBACd,IAAI,CAAC,WAAW;0BACd,IAAI,CAAC,aAAa;+BACb,IAAI,CAAC,kBAAkB;qCACjB,IAAI,CAAC,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;QAyB1D,CAAC;AACT,CAAC"}

package/dist/out-tsc/src/app/core/utils/svg-animate.util.js

@@ -0,0 +1,303 @@
+/**
+ * SVG Animation Utilities
+ * -------------------------------------------------------------
+ * Helpers for lightweight, allocation‑minimal animations using requestAnimationFrame.
+ * All mutative work (DOM attribute updates) can run outside Angular's zone to avoid
+ * triggering change detection on every frame. Pass an NgZone instance as the final
+ * argument (where supported) to opt into outside‑zone execution; omit for pure / non‑Angular usage.
+ *
+ * Available helpers:
+ *  - animateRotation: Smoothly rotate a <g> element (or any element) via transform rotate().
+ *  - animateRudderWidth: Smoothly animate an <rect> width attribute.
+ *  - animateAngleTransition: Interpolate a scalar angle value (degrees) with wrap handling.
+ *  - animateSectorTransition: Interpolate a set of three angles (min/mid/max) simultaneously.
+ *
+ * Cancellation patterns:
+ *  - All functions return (or internally store) a requestAnimationFrame id. Use cancelAnimationFrame(id) to stop early.
+ *  - For animateRotation / animateRudderWidth you may supply a WeakMap<Element, number> (frameMap); if a new
+ *    animation starts for the same element, the previous id is auto‑cancelled.
+ *  - For custom callers of animateAngleTransition / animateSectorTransition keep and cancel the returned id manually.
+ *
+ * Performance notes:
+ *  - Easing function is cubic in/out to match existing widget feel.
+ *  - Angle interpolation normalizes shortest path (avoids >180° spins) where relevant.
+ *  - No setTimeout fallbacks; if you need reduced frame rate sampling, throttle at the call site.
+ *
+ * Memory / GC:
+ *  - WeakMap avoids leaks for element‑bound animations; entries are removed when animations finish.
+ *
+ * Example (rotation outside zone with tracking & completion):
+ *  const ngZone = inject(NgZone);
+ *  const frames = new WeakMap<SVGGElement, number>();
+ *  animateRotation(el, oldAngle, newAngle, 900, () => console.log('done'), frames, undefined, ngZone);
+ */
+/**
+ * Smoothly animates the rotation of an SVG <g> element from a starting angle to a target angle.
+ *
+ * The function uses requestAnimationFrame for smooth animation and cubic easing for a natural feel.
+ * It can optionally manage and cancel overlapping animations for the same element using a WeakMap.
+ *
+ * @param element    The SVG <g> (or other) element to rotate.
+ * @param from       The starting angle in degrees.
+ * @param to         The target angle in degrees.
+ * @param duration   Animation duration in milliseconds (default: 1000).
+ * @param onDone     Optional callback to run when the animation completes.
+ * @param frameMap   Optional WeakMap<element, frameId> to auto-cancel previous animation on same element.
+ * @param center     Optional [cx, cy] array for the rotation center (default: [500, 500]).
+ * @param ngZone     Optional Angular NgZone. If provided, frames run outside Angular's zone to avoid per-frame
+ *                   change detection; onDone (if any) is re-entered inside the zone. Omit for non-Angular usage.
+ *
+ * @example
+ * // 1. In your component, create a WeakMap to track animation frames:
+ * private animationFrameIds = new WeakMap<SVGGElement, number>();
+ *
+ * // 2. In your SVG template, assign a template reference variable to your <g> element:
+ * <g #rotatingDial> ... </g>
+ *
+ * // 3. In your component, get a reference to the element using viewChild:
+ * private readonly rotatingDial = viewChild.required<ElementRef<SVGGElement>>('rotatingDial');
+ *
+ * // 4. Use the utility to animate rotation (with custom center):
+ * import { animateRotation } from 'src/app/core/utils/svg-animate.util';
+ *
+ * // (A) Minimal (no tracking, no NgZone):
+ * animateRotation(el, oldAngle, newAngle);
+ *
+ * // (B) With WeakMap frame tracking & custom center:
+ * animateRotation(el, oldAngle, newAngle, 800, undefined, animationFrameIds, [400, 400]);
+ *
+ * // (C) Running rAF outside Angular zone (recommended in components):
+ * const ngZone = inject(NgZone);
+ * animateRotation(el, oldAngle, newAngle, 800, () => console.log('done'), animationFrameIds, [500, 500], ngZone);
+ *
+ * // (D) Cancel manually at any time:
+ * const id = animationFrameIds.get(el); if (id) cancelAnimationFrame(id);
+ */
+export function animateRotation(element, from, to, duration = 1000, onDone, frameMap, center = [500, 500], ngZone) {
+    if (frameMap) {
+        const prevId = frameMap.get(element);
+        if (prevId)
+            cancelAnimationFrame(prevId);
+    }
+    // Read current angle from element if possible
+    const getCurrentAngle = () => {
+        const transform = element.getAttribute('transform');
+        if (transform) {
+            const match = /rotate\((-?\d+(\.\d+)?)/.exec(transform);
+            if (match)
+                return parseFloat(match[1]);
+        }
+        return from;
+    };
+    from = getCurrentAngle();
+    const normalize = (angle) => (angle + 360) % 360;
+    from = normalize(from);
+    to = normalize(to);
+    let delta = to - from;
+    if (delta > 180)
+        delta -= 360;
+    if (delta < -180)
+        delta += 360;
+    const easeInOutCubic = (t) => t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;
+    const runOutside = (fn) => ngZone ? ngZone.runOutsideAngular(fn) : fn();
+    const runInside = (fn) => ngZone ? ngZone.run(fn) : fn();
+    runOutside(() => {
+        const start = performance.now();
+        const animate = (now) => {
+            const elapsed = now - start;
+            const progress = Math.min(elapsed / duration, 1);
+            const eased = easeInOutCubic(progress);
+            const current = from + delta * eased;
+            element.setAttribute('transform', `rotate(${current} ${center[0]} ${center[1]})`);
+            if (progress < 1) {
+                const id = requestAnimationFrame(animate);
+                if (frameMap)
+                    frameMap.set(element, id);
+            }
+            else {
+                element.setAttribute('transform', `rotate(${to} ${center[0]} ${center[1]})`);
+                if (onDone)
+                    runInside(onDone);
+                if (frameMap)
+                    frameMap.delete(element);
+            }
+        };
+        const id = requestAnimationFrame(animate);
+        if (frameMap)
+            frameMap.set(element, id);
+    });
+}
+/**
+ * Smoothly animates the width of an SVG <rect> element from a starting value to a target value.
+ *
+ * The function uses requestAnimationFrame for smooth animation and cubic easing for a natural feel.
+ * It can optionally manage and cancel overlapping animations for the same element using a WeakMap.
+ *
+ * @param element    The SVG <rect> element to animate.
+ * @param from       The starting width.
+ * @param to         The target width.
+ * @param duration   Animation duration in milliseconds (default: 500).
+ * @param onDone     Optional callback to run when the animation completes.
+ * @param frameMap   Optional WeakMap<element, frameId> to auto-cancel previous animation on same element.
+ *
+ * @example
+ * // 1. In your component, create a WeakMap to track animation frames:
+ * private animationFrameIds = new WeakMap<SVGRectElement, number>();
+ *
+ * // 2. In your SVG template, assign a template reference variable to your <rect> element:
+ * <rect #rudderWidth ... />
+ *
+ * // 3. In your component, get a reference to the element using viewChild:
+ * private readonly rudderWidth = viewChild.required<ElementRef<SVGRectElement>>('rudderWidth');
+ *
+ * // 4. Use the utility to animate width:
+ * import { animateRudderWidth } from 'src/app/core/utils/svg-animate.util';
+ *
+ * // (A) Simple:
+ * animateRudderWidth(rectEl, oldWidth, newWidth);
+ *
+ * // (B) Outside Angular zone + callback:
+ * const ngZone = inject(NgZone);
+ * animateRudderWidth(rectEl, oldWidth, newWidth, 500, () => console.log('done'), frameMap, ngZone);
+ *
+ * // (C) Manual cancel:
+ * const id = frameMap.get(rectEl); if (id) cancelAnimationFrame(id);
+ */
+export function animateRudderWidth(element, from, to, duration = 500, onDone, frameMap, ngZone) {
+    if (frameMap) {
+        const prevId = frameMap.get(element);
+        if (prevId)
+            cancelAnimationFrame(prevId);
+    }
+    const runOutside = (fn) => ngZone ? ngZone.runOutsideAngular(fn) : fn();
+    const runInside = (fn) => ngZone ? ngZone.run(fn) : fn();
+    runOutside(() => {
+        const start = performance.now();
+        const delta = to - from;
+        const easeInOutCubic = (t) => t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;
+        const animate = (now) => {
+            const elapsed = now - start;
+            const progress = Math.min(elapsed / duration, 1);
+            const eased = easeInOutCubic(progress);
+            const current = from + delta * eased;
+            element.setAttribute('width', current.toString());
+            if (progress < 1) {
+                const id = requestAnimationFrame(animate);
+                if (frameMap)
+                    frameMap.set(element, id);
+            }
+            else {
+                element.setAttribute('width', to.toString());
+                if (onDone)
+                    runInside(onDone);
+                if (frameMap)
+                    frameMap.delete(element);
+            }
+        };
+        const id = requestAnimationFrame(animate);
+        if (frameMap)
+            frameMap.set(element, id);
+    });
+}
+// ---- Generic path animation helpers (laylines & sectors) ----
+/** Internal easing identical to other helpers */
+const _easeInOutCubic = (t) => t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;
+/** Normalize angle to [0,360) */
+const _norm = (a) => (a % 360 + 360) % 360;
+/** Smallest signed delta (-180,180] */
+const _angleDeltaSigned = (from, to) => {
+    let d = _norm(to) - _norm(from);
+    if (d > 180)
+        d -= 360;
+    if (d <= -180)
+        d += 360;
+    return d;
+};
+/**
+ * Animates an angle value (degrees) from "from" to "to" over duration using cubic easing.
+ * Calls apply(currentAngle) each frame (angle already normalized to [0,360)).
+ * If ngZone is provided, the loop runs outside Angular and onDone re-enters the zone.
+ * Returns the requestAnimationFrame id.
+ *
+ * @example
+ * // Layline angle inside component (outside zone):
+ * this.portLaylineAnimId = animateAngleTransition(
+ *   prevAngle,
+ *   nextAngle,
+ *   900,
+ *   a => this.drawLayline(a, true),
+ *   () => { this.portLaylineAnimId = null; },
+ *   inject(NgZone)
+ * );
+ * // Cancel mid-animation:
+ * cancelAnimationFrame(this.portLaylineAnimId!);
+ */
+export function animateAngleTransition(from, to, duration, apply, onDone, ngZone) {
+    const runOutside = (fn) => ngZone ? ngZone.runOutsideAngular(fn) : fn();
+    const runInside = (fn) => ngZone ? ngZone.run(fn) : fn();
+    let frameId = 0;
+    runOutside(() => {
+        const start = performance.now();
+        const delta = _angleDeltaSigned(from, to);
+        const base = _norm(from);
+        const step = (now) => {
+            const progress = Math.min((now - start) / duration, 1);
+            const eased = _easeInOutCubic(progress);
+            const current = base + delta * eased;
+            apply(_norm(current));
+            if (progress < 1) {
+                frameId = requestAnimationFrame(step);
+            }
+            else if (onDone) {
+                runInside(onDone);
+            }
+        };
+        frameId = requestAnimationFrame(step);
+    });
+    return frameId;
+}
+/** Linear interpolate sector angles */
+const _lerpSector = (a, b, t) => ({
+    min: a.min + (b.min - a.min) * t,
+    mid: a.mid + (b.mid - a.mid) * t,
+    max: a.max + (b.max - a.max) * t,
+});
+/**
+ * Animates sector angles (min/mid/max) with easing.
+ * Each frame apply(current) receives interpolated angles (not normalized for wrapping; supply original domain if needed).
+ * If ngZone supplied, runs outside Angular.
+ *
+ * @example
+ * this.portSectorAnimId = animateSectorTransition(
+ *   prevState,
+ *   nextState,
+ *   900,
+ *   s => this.portWindSectorPath = this.computeSectorPath(s, true),
+ *   () => { this.portSectorAnimId = null; },
+ *   inject(NgZone)
+ * );
+ * // Cancel:
+ * cancelAnimationFrame(this.portSectorAnimId!);
+ */
+export function animateSectorTransition(from, to, duration, apply, onDone, ngZone) {
+    const runOutside = (fn) => ngZone ? ngZone.runOutsideAngular(fn) : fn();
+    const runInside = (fn) => ngZone ? ngZone.run(fn) : fn();
+    let frameId = 0;
+    runOutside(() => {
+        const start = performance.now();
+        const step = (now) => {
+            const progress = Math.min((now - start) / duration, 1);
+            const eased = _easeInOutCubic(progress);
+            apply(_lerpSector(from, to, eased));
+            if (progress < 1) {
+                frameId = requestAnimationFrame(step);
+            }
+            else if (onDone) {
+                runInside(onDone);
+            }
+        };
+        frameId = requestAnimationFrame(step);
+    });
+    return frameId;
+}
+//# sourceMappingURL=svg-animate.util.js.map

package/dist/out-tsc/src/app/core/utils/svg-animate.util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-animate.util.js","sourceRoot":"","sources":["../../../../../../src/app/core/utils/svg-animate.util.ts"],"names":[],"mappings":"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"}

package/dist/out-tsc/src/app/core/utils/themeColors.utils.js

@@ -0,0 +1,34 @@
+/**
+ * Returns a set of color values (main, dim, and dimmer) from the theme palette
+ * based on the provided color key.
+ *
+ * @param {string} color - The color key to retrieve from the theme palette.
+ *   Supported keys: "contrast", "blue", "green", "pink", "orange", "purple", "yellow", "grey".
+ * @param {ITheme} theme - The KIP theme object containing color definitions. ie.: this.theme() from a widget.
+ * @returns {{ color: string, dim: string, dimmer: string }} An object with the main KIP theme color hex value,
+ *   a dimmed version, and a dimmer version for the specified color key.
+ *
+ * palette = { color: '#2196f3', dim: '#90caf9', dimmer: '#e3f2fd' }
+ *
+ * @example
+ * ```typescript
+ * // As part of a widget theme signal object. Get the dim value for blue color::
+ * const hexColor = getColors('blue', this.theme()).dim;
+ * // or get the widget config's primary color hex value:
+ * const hexColor = getColors(this.widgetProperties.config.color, this.theme()).color;
+ * ```
+ */
+export function getColors(color, theme) {
+    const themePalette = {
+        "contrast": { color: theme.contrast, dim: theme.contrastDim, dimmer: theme.contrastDimmer },
+        "blue": { color: theme.blue, dim: theme.blueDim, dimmer: theme.blueDimmer },
+        "green": { color: theme.green, dim: theme.greenDim, dimmer: theme.greenDimmer },
+        "pink": { color: theme.pink, dim: theme.pinkDim, dimmer: theme.pinkDimmer },
+        "orange": { color: theme.orange, dim: theme.orangeDim, dimmer: theme.orangeDimmer },
+        "purple": { color: theme.purple, dim: theme.purpleDim, dimmer: theme.purpleDimmer },
+        "yellow": { color: theme.yellow, dim: theme.yellowDim, dimmer: theme.yellowDimmer },
+        "grey": { color: theme.grey, dim: theme.greyDim, dimmer: theme.greyDimmer }
+    };
+    return themePalette[color];
+}
+//# sourceMappingURL=themeColors.utils.js.map

package/dist/out-tsc/src/app/core/utils/themeColors.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeColors.utils.js","sourceRoot":"","sources":["../../../../../../src/app/core/utils/themeColors.utils.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,SAAS,CAAC,KAAa,EAAE,KAAa;IACpD,MAAM,YAAY,GAAG;QACnB,UAAU,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,cAAc,EAAE;QAC3F,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,UAAU,EAAE;QAC3E,OAAO,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,WAAW,EAAE;QAC/E,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,UAAU,EAAE;QAC3E,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,YAAY,EAAE;QACnF,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,YAAY,EAAE;QACnF,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,YAAY,EAAE;QACnF,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,UAAU,EAAE;KAC5E,CAAC;IACF,OAAO,YAAY,CAAC,KAAK,CAAC,CAAC;AAC7B,CAAC"}

package/dist/out-tsc/src/app/core/utils/uuid.util.js

@@ -0,0 +1,17 @@
+export class UUID {
+    /**
+     * Generates a new UUID using UUID.create()
+     *
+     * @static
+     * @return {*}  {string} UUID
+     * @memberof UUID
+     */
+    static create() {
+        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+            const r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
+            return v.toString(16);
+        });
+    }
+    ;
+}
+//# sourceMappingURL=uuid.util.js.map

package/dist/out-tsc/src/app/core/utils/uuid.util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uuid.util.js","sourceRoot":"","sources":["../../../../../../src/app/core/utils/uuid.util.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,IAAI;IACf;;;;;;OAMG;IACH,MAAM,CAAC,MAAM;QACX,OAAO,sCAAsC,CAAC,OAAO,CAAC,OAAO,EAAE,UAAS,CAAC;YACvE,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAC,EAAE,GAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAC,GAAG,GAAC,GAAG,CAAC,CAAC;YAC7D,OAAO,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC;IAAC,CAAC;CACJ"}