@mxtommy/kip 3.10.0 → 3.10.3

package/dist/out-tsc/src/app/widgets/widget-heel-gauge/widget-heel-gauge.component.js

@@ -0,0 +1,205 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component, computed, effect, signal, viewChild, inject, NgZone } from '@angular/core';
+import { BaseWidgetComponent } from '../../core/utils/base-widget.component';
+import { animateRotation } from '../../core/utils/svg-animate.util';
+import { getHighlights } from '../../core/utils/zones-highlight.utils';
+import { WidgetHostComponent } from '../../core/components/widget-host/widget-host.component';
+let WidgetHeelGaugeComponent = class WidgetHeelGaugeComponent extends BaseWidgetComponent {
+    ngZone = inject(NgZone);
+    needleGroup = viewChild('needleGroup');
+    heelDeg = signal(null);
+    absHeel = computed(() => {
+        const v = this.heelDeg();
+        return v == null ? null : Math.abs(v);
+    });
+    heelSide = computed(() => {
+        const v = this.heelDeg();
+        if (v == null)
+            return '';
+        return v > 0 ? 'Stbd' : v < 0 ? 'Port' : 'Level';
+    });
+    displayValue = computed(() => {
+        const v = this.heelDeg();
+        if (v == null)
+            return '--';
+        const dec = this.widgetProperties?.config?.numDecimal ?? 1;
+        return v.toFixed(dec);
+    });
+    needleAngle = signal(0); // rotation relative center (0 = up)
+    previousAngle = 0;
+    needleAnimFrames = new WeakMap();
+    // Dial tick marks (every 15° across -45..45, with longer major ticks every 30°)
+    majorTicks = computed(() => {
+        const ticks = [];
+        const min = -45, max = 45;
+        const centerX = 100, centerY = 100, outerR = 88, innerRMinor = 82, innerRMajor = 78, labelR = 70;
+        for (let v = min; v <= max; v += 15) {
+            const angle = this.valueToDialAngle(v, min, max); // -90..90
+            const rad = (angle - 90) * Math.PI / 180;
+            const isMajor = (v - min) % 30 === 0;
+            const innerR = isMajor ? innerRMajor : innerRMinor;
+            const xOuter = centerX + outerR * Math.cos(rad);
+            const yOuter = centerY + outerR * Math.sin(rad);
+            const xInner = centerX + innerR * Math.cos(rad);
+            const yInner = centerY + innerR * Math.sin(rad);
+            const xLabel = centerX + labelR * Math.cos(rad);
+            const yLabel = centerY + labelR * Math.sin(rad) + 4; // small vertical tweak
+            ticks.push({
+                x1: xInner,
+                y1: yInner,
+                x2: xOuter,
+                y2: yOuter,
+                tx: xLabel,
+                ty: yLabel,
+                label: isMajor ? `${Math.abs(v)}` : ''
+            });
+        }
+        return ticks;
+    });
+    // Zones metadata subscription
+    metaSub = null;
+    zoneHighlights = signal([]);
+    valueColor = signal('');
+    needleColor = signal('');
+    constructor() {
+        super();
+        this.defaultConfig = {
+            displayName: 'Heel',
+            filterSelfPaths: true,
+            paths: {
+                heelAngle: {
+                    description: 'Heel / Roll Angle',
+                    path: 'navigation.attitude.roll',
+                    source: '',
+                    pathType: 'number',
+                    isPathConfigurable: true,
+                    convertUnitTo: 'deg',
+                    sampleTime: 1000,
+                    pathRequired: true
+                }
+            },
+            numInt: 2,
+            numDecimal: 1,
+            enableTimeout: false,
+            dataTimeout: 5,
+            ignoreZones: false
+        };
+        effect(() => {
+            if (this.theme()) {
+                this.valueColor.set(this.theme().contrast);
+                this.needleColor.set(this.theme().contrast);
+            }
+        });
+    }
+    ngOnInit() {
+        this.validateConfig();
+        this.startWidget();
+    }
+    startWidget() {
+        this.unsubscribeDataStream();
+        this.unsubscribeMetaStream();
+        this.metaSub?.unsubscribe();
+        this.observeDataStream('heelAngle', newValue => {
+            if (!newValue || !newValue.data || newValue.data.value == null) {
+                this.heelDeg.set(null);
+                return;
+            }
+            const val = newValue.data.value;
+            this.heelDeg.set(val);
+            this.animateNeedle(val);
+        });
+        if (!this.widgetProperties.config.ignoreZones) {
+            this.observeMetaStream();
+            this.metaSub = this.zones$.subscribe(zones => {
+                if (zones && zones.length > 0) {
+                    // Convert zones to highlight arcs (simplified: map ranges to arc sectors)
+                    const lower = -45; // visualization domain
+                    const upper = 45;
+                    const min = lower;
+                    const max = upper;
+                    const highlightsRaw = getHighlights(zones, this.theme(), this.widgetProperties.config.paths['heelAngle'].convertUnitTo, this.unitsService, min, max, false);
+                    const arcs = [];
+                    for (const z of highlightsRaw) {
+                        if (z.from == null || z.to == null)
+                            continue;
+                        const clampedFrom = Math.max(min, Math.min(max, z.from));
+                        const clampedTo = Math.max(min, Math.min(max, z.to));
+                        const startAngle = this.valueToDialAngle(clampedFrom, min, max);
+                        const endAngle = this.valueToDialAngle(clampedTo, min, max);
+                        arcs.push({ path: this.describeArc(100, 100, 80, startAngle, endAngle), fill: z.color, width: 6 });
+                    }
+                    this.zoneHighlights.set(arcs);
+                }
+                else {
+                    this.zoneHighlights.set([]);
+                }
+            });
+        }
+    }
+    updateConfig(config) {
+        this.widgetProperties.config = config;
+        this.startWidget();
+    }
+    animateNeedle(val) {
+        const clamped = Math.max(-45, Math.min(45, val));
+        const targetAngle = this.valueToDialAngle(clamped, -45, 45);
+        const el = this.needleGroup()?.nativeElement;
+        if (!el) {
+            this.needleAngle.set(targetAngle);
+            this.previousAngle = targetAngle;
+            return;
+        }
+        animateRotation(el, this.previousAngle, targetAngle, 600, () => this.previousAngle = targetAngle, this.needleAnimFrames, [100, 100], this.ngZone);
+        this.needleAngle.set(targetAngle);
+    }
+    valueToDialAngle(value, min, max) {
+        // Map value range [-45,45] to dial arc [-90, 90]
+        const pct = (value - min) / (max - min); // 0..1
+        return -90 + pct * 180;
+    }
+    // SVG arc helper
+    polarToCartesian(centerX, centerY, radius, angleInDegrees) {
+        const angleInRadians = (angleInDegrees - 90) * Math.PI / 180.0;
+        return {
+            x: centerX + (radius * Math.cos(angleInRadians)),
+            y: centerY + (radius * Math.sin(angleInRadians))
+        };
+    }
+    describeArc(x, y, radius, startAngle, endAngle) {
+        const start = this.polarToCartesian(x, y, radius, endAngle);
+        const end = this.polarToCartesian(x, y, radius, startAngle);
+        const largeArcFlag = endAngle - startAngle <= 180 ? '0' : '1';
+        const d = ["M", start.x, start.y, "A", radius, radius, 0, largeArcFlag, 0, end.x, end.y].join(" ");
+        return d;
+    }
+    ngOnDestroy() {
+        this.unsubscribeDataStream();
+        this.unsubscribeMetaStream();
+        this.metaSub?.unsubscribe();
+        const el = this.needleGroup()?.nativeElement;
+        if (el) {
+            const id = this.needleAnimFrames.get(el);
+            if (id)
+                cancelAnimationFrame(id);
+        }
+    }
+};
+WidgetHeelGaugeComponent = __decorate([
+    Component({
+        selector: 'widget-heel-gauge',
+        templateUrl: './widget-heel-gauge.component.html',
+        styleUrls: ['./widget-heel-gauge.component.scss'],
+        imports: [WidgetHostComponent],
+    }),
+    __metadata("design:paramtypes", [])
+], WidgetHeelGaugeComponent);
+export { WidgetHeelGaugeComponent };
+//# sourceMappingURL=widget-heel-gauge.component.js.map

package/dist/out-tsc/src/app/widgets/widget-heel-gauge/widget-heel-gauge.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-heel-gauge.component.js","sourceRoot":"","sources":["../../../../../../src/app/widgets/widget-heel-gauge/widget-heel-gauge.component.ts"],"names":[],"mappings":"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"}

package/dist/out-tsc/src/app/widgets/widget-heel-gauge/widget-heel-gauge.component.spec.js

@@ -0,0 +1,15 @@
+import { TestBed } from '@angular/core/testing';
+import { WidgetHeelGaugeComponent } from './widget-heel-gauge.component';
+describe('WidgetHeelGaugeComponent', () => {
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [WidgetHeelGaugeComponent]
+        }).compileComponents();
+    });
+    it('should create', () => {
+        const fixture = TestBed.createComponent(WidgetHeelGaugeComponent);
+        const comp = fixture.componentInstance;
+        expect(comp).toBeTruthy();
+    });
+});
+//# sourceMappingURL=widget-heel-gauge.component.spec.js.map

package/dist/out-tsc/src/app/widgets/widget-heel-gauge/widget-heel-gauge.component.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-heel-gauge.component.spec.js","sourceRoot":"","sources":["../../../../../../src/app/widgets/widget-heel-gauge/widget-heel-gauge.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,UAAU,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,OAAO,CAAC,sBAAsB,CAAC;YACnC,OAAO,EAAE,CAAC,wBAAwB,CAAC;SACpC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,MAAM,OAAO,GAAG,OAAO,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;QAClE,MAAM,IAAI,GAAG,OAAO,CAAC,iBAAiB,CAAC;QACvC,MAAM,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;IAC5B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/out-tsc/src/app/widgets/widget-horizon/widget-horizon.component.js

@@ -0,0 +1,196 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component, ChangeDetectorRef, inject } from '@angular/core';
+import { CanvasService } from '../../core/services/canvas.service';
+import { BaseWidgetComponent } from '../../core/utils/base-widget.component';
+import { WidgetHostComponent } from '../../core/components/widget-host/widget-host.component';
+import { NgxResizeObserverModule } from 'ngx-resize-observer';
+// Provide minimal mock for unit tests when external script not loaded.
+if (typeof steelseries === 'undefined') {
+    globalThis.steelseries = {};
+}
+// Augment missing collections (idempotent) with minimal placeholders.
+const ss = globalThis.steelseries;
+// dynamic augmentation for test shim
+ss['ColorDef'] = ss['ColorDef'] || {
+    RED: 'red', GREEN: 'green', BLUE: 'blue', ORANGE: 'orange', YELLOW: 'yellow', CYAN: 'cyan', MAGENTA: 'magenta',
+    WHITE: 'white', GRAY: 'gray', BLACK: 'black', RAITH: 'raith', GREEN_LCD: 'greenLcd', JUG_GREEN: 'jugGreen'
+};
+// dynamic augmentation for test shim
+ss['FrameDesign'] = ss['FrameDesign'] || {
+    BLACK_METAL: 'blackMetal', METAL: 'metal', SHINY_METAL: 'shinyMetal', BRASS: 'brass', STEEL: 'steel', CHROME: 'chrome',
+    GOLD: 'gold', ANTHRACITE: 'anthracite', TILTED_GRAY: 'tiltedGray', TILTED_BLACK: 'tiltedBlack', GLOSSY_METAL: 'glossyMetal'
+};
+export const SteelPointerColors = {
+    'Red': steelseries.ColorDef.RED,
+    'Green': steelseries.ColorDef.GREEN,
+    'Blue': steelseries.ColorDef.BLUE,
+    'Orange': steelseries.ColorDef.ORANGE,
+    'Yellow': steelseries.ColorDef.YELLOW,
+    'Cyan': steelseries.ColorDef.CYAN,
+    'Magenta': steelseries.ColorDef.MAGENTA,
+    'White': steelseries.ColorDef.WHITE,
+    'Gray': steelseries.ColorDef.GRAY,
+    'Black': steelseries.ColorDef.BLACK,
+    'Raith': steelseries.ColorDef.RAITH,
+    'Green LCD': steelseries.ColorDef.GREEN_LCD,
+    'JUG Green': steelseries.ColorDef.JUG_GREEN
+};
+export const SteelFrameDesign = {
+    'blackMetal': steelseries.FrameDesign.BLACK_METAL,
+    'metal': steelseries.FrameDesign.METAL,
+    'shinyMetal': steelseries.FrameDesign.SHINY_METAL,
+    'brass': steelseries.FrameDesign.BRASS,
+    'steel': steelseries.FrameDesign.STEEL,
+    'chrome': steelseries.FrameDesign.CHROME,
+    'gold': steelseries.FrameDesign.GOLD,
+    'anthracite': steelseries.FrameDesign.ANTHRACITE,
+    'tiltedGray': steelseries.FrameDesign.TILTED_GRAY,
+    'tiltedBlack': steelseries.FrameDesign.TILTED_BLACK,
+    'glossyMetal': steelseries.FrameDesign.GLOSSY_METAL
+};
+let WidgetHorizonComponent = class WidgetHorizonComponent extends BaseWidgetComponent {
+    cdr = inject(ChangeDetectorRef);
+    canvasService = inject(CanvasService);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    gaugeOptions = {};
+    gauge = null;
+    streamsInitialized = false;
+    lastSizeSignature = '';
+    resizeTimer = null;
+    pendingStructuralRebuild = false;
+    constructor() {
+        super();
+        this.defaultConfig = {
+            filterSelfPaths: true,
+            paths: {
+                "gaugePitchPath": {
+                    description: "Attitude Pitch Data",
+                    path: "self.navigation.attitude.pitch",
+                    source: "default",
+                    pathType: 'number',
+                    pathRequired: false,
+                    isPathConfigurable: true,
+                    showPathSkUnitsFilter: false,
+                    pathSkUnitsFilter: 'rad',
+                    convertUnitTo: "deg",
+                    sampleTime: 1000
+                },
+                "gaugeRollPath": {
+                    description: "Attitude Roll Data",
+                    path: "self.navigation.attitude.roll",
+                    source: "default",
+                    pathType: 'number',
+                    pathRequired: false,
+                    isPathConfigurable: true,
+                    showPathSkUnitsFilter: false,
+                    pathSkUnitsFilter: 'rad',
+                    convertUnitTo: "deg",
+                    sampleTime: 1000
+                }
+            },
+            gauge: {
+                type: 'horizon',
+                noFrameVisible: false,
+                faceColor: 'anthracite',
+                invertPitch: false,
+                invertRoll: false
+            },
+            enableTimeout: false,
+            dataTimeout: 5,
+        };
+    }
+    ngOnInit() {
+        this.validateConfig();
+    }
+    ngAfterContentInit() {
+        this.cdr.detectChanges(); // Force DOM update
+        this.startWidget();
+        // Perform an initial resize to avoid first-draw jump
+        const canvas = document.getElementById(this.widgetProperties.uuid + '-canvas');
+        const container = canvas?.parentElement;
+        if (container) {
+            const rect = container.getBoundingClientRect();
+            this.onResized({ contentRect: { width: rect.width, height: rect.height } });
+        }
+    }
+    startWidget(forceRebuild = false) {
+        this.buildOptions();
+        const id = this.widgetProperties.uuid + '-canvas';
+        if (!id)
+            return;
+        if (this.gauge && !forceRebuild && !this.pendingStructuralRebuild) {
+            // mutable-only update path (no direct setters beyond pitch/roll used later)
+        }
+        else {
+            this.pendingStructuralRebuild = false;
+            this.gauge = new steelseries.Horizon(id, this.gaugeOptions);
+        }
+        if (!this.streamsInitialized) {
+            this.observeDataStream('gaugePitchPath', newValue => {
+                const v = newValue.data.value ?? 0;
+                this.gauge.setPitchAnimated(this.widgetProperties.config.gauge.invertPitch ? -v : v);
+            });
+            this.observeDataStream('gaugeRollPath', newValue => {
+                const v = newValue.data.value ?? 0;
+                this.gauge.setRollAnimated(this.widgetProperties.config.gauge.invertRoll ? -v : v);
+            });
+            this.streamsInitialized = true;
+        }
+    }
+    updateConfig(config) {
+        this.widgetProperties.config = config;
+        this.pendingStructuralRebuild = true; // horizon face/frame toggles etc.
+        this.startWidget(true);
+    }
+    buildOptions() {
+        this.gaugeOptions['pointerColor'] = SteelPointerColors.Red;
+        this.gaugeOptions['frameVisible'] = this.widgetProperties.config.gauge.noFrameVisible ?? false;
+        this.gaugeOptions['frameDesign'] = SteelFrameDesign[this.widgetProperties.config.gauge.faceColor ?? 'anthracite'];
+        this.gaugeOptions['foregroundVisible'] = false;
+    }
+    onResized(event) {
+        if (event.contentRect.height < 50 || event.contentRect.width < 50)
+            return;
+        const size = Math.min(event.contentRect.height, event.contentRect.width);
+        const signature = 'horizon:' + size;
+        if (signature === this.lastSizeSignature)
+            return;
+        this.lastSizeSignature = signature;
+        this.gaugeOptions['size'] = size;
+        if (this.resizeTimer)
+            window.clearTimeout(this.resizeTimer);
+        this.resizeTimer = window.setTimeout(() => {
+            this.startWidget(true);
+            this.resizeTimer = null;
+        }, 120);
+    }
+    ngOnDestroy() {
+        this.destroyDataStreams();
+        if (this.gauge) {
+            this.gauge = null;
+        }
+        // Release horizon canvas
+        const canvas = document.getElementById(this.widgetProperties.uuid + '-canvas');
+        this.canvasService.releaseCanvas(canvas, { clear: true, removeFromDom: true });
+    }
+};
+WidgetHorizonComponent = __decorate([
+    Component({
+        selector: 'widget-horizon',
+        templateUrl: './widget-horizon.component.html',
+        styleUrls: ['./widget-horizon.component.scss'],
+        standalone: true,
+        imports: [WidgetHostComponent, NgxResizeObserverModule]
+    }),
+    __metadata("design:paramtypes", [])
+], WidgetHorizonComponent);
+export { WidgetHorizonComponent };
+//# sourceMappingURL=widget-horizon.component.js.map

package/dist/out-tsc/src/app/widgets/widget-horizon/widget-horizon.component.js.map

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

package/dist/out-tsc/src/app/widgets/widget-horizon/widget-horizon.component.spec.js

@@ -0,0 +1,21 @@
+import { TestBed, waitForAsync } from '@angular/core/testing';
+import { WidgetHorizonComponent } from './widget-horizon.component';
+describe('WidgetGaugeComponent', () => {
+    let component;
+    let fixture;
+    beforeEach(waitForAsync(() => {
+        TestBed.configureTestingModule({
+            imports: [WidgetHorizonComponent]
+        })
+            .compileComponents();
+    }));
+    beforeEach(() => {
+        fixture = TestBed.createComponent(WidgetHorizonComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+    it('should be created', () => {
+        expect(component).toBeTruthy();
+    });
+});
+//# sourceMappingURL=widget-horizon.component.spec.js.map

package/dist/out-tsc/src/app/widgets/widget-horizon/widget-horizon.component.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-horizon.component.spec.js","sourceRoot":"","sources":["../../../../../../src/app/widgets/widget-horizon/widget-horizon.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEhF,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,IAAI,SAAiC,CAAC;IACtC,IAAI,OAAiD,CAAC;IAEtD,UAAU,CAAC,YAAY,CAAC,GAAG,EAAE;QAC3B,OAAO,CAAC,sBAAsB,CAAC;YAC/B,OAAO,EAAE,CAAC,sBAAsB,CAAC;SACpC,CAAC;aACG,iBAAiB,EAAE,CAAC;IACvB,CAAC,CAAC,CAAC,CAAC;IAEJ,UAAU,CAAC,GAAG,EAAE;QACd,OAAO,GAAG,OAAO,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAAC;QAC1D,SAAS,GAAG,OAAO,CAAC,iBAAiB,CAAC;QACtC,OAAO,CAAC,aAAa,EAAE,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC3B,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/out-tsc/src/app/widgets/widget-iframe/widget-iframe.component.js

@@ -0,0 +1,173 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component, effect, inject, signal, viewChild } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { BaseWidgetComponent } from '../../core/utils/base-widget.component';
+import { WidgetHostComponent } from '../../core/components/widget-host/widget-host.component';
+import { DashboardService } from '../../core/services/dashboard.service';
+import { generateSwipeScript } from '../../core/utils/iframe-inputs-inject.utils';
+let WidgetIframeComponent = class WidgetIframeComponent extends BaseWidgetComponent {
+    _sanitizer = inject(DomSanitizer);
+    _dashboard = inject(DashboardService);
+    iframe = viewChild.required('plainIframe');
+    widgetUrl = null;
+    displayTransparentOverlay = signal('block');
+    constructor() {
+        super();
+        this.defaultConfig = {
+            widgetUrl: null,
+            allowInput: false
+        };
+        effect(() => {
+            if (!this._dashboard.isDashboardStatic()) {
+                this.displayTransparentOverlay.set('block');
+            }
+            else {
+                this.displayTransparentOverlay.set(this.widgetProperties.config.allowInput ? 'none' : 'block');
+            }
+        });
+    }
+    ngOnInit() {
+        this.validateConfig();
+        window.addEventListener('message', this.handleIframeGesture);
+        this.displayTransparentOverlay.set(this.widgetProperties.config.allowInput ? 'none' : 'block');
+        this.widgetUrl = this.resolveUrl(this.widgetProperties.config.widgetUrl);
+    }
+    ngAfterViewInit() {
+        if (this.iframe()) {
+            this.iframe().nativeElement.onload = () => this.injectSwipeScript();
+        }
+    }
+    startWidget() {
+    }
+    ngOnDestroy() {
+        window.removeEventListener('message', this.handleIframeGesture);
+        // Clear iframe onload to release closure references
+        if (this.iframe()) {
+            this.iframe().nativeElement.onload = null;
+        }
+        // Remove injected script from iframe (if same-origin) to avoid lingering closures
+        try {
+            const iframeDoc = this.iframe()?.nativeElement.contentDocument;
+            if (iframeDoc) {
+                const id = `kip-gesture-inject-${this.widgetProperties.uuid}`;
+                const existing = iframeDoc.getElementById(id);
+                if (existing && existing.parentNode)
+                    existing.parentNode.removeChild(existing);
+            }
+        }
+        catch { /* ignore cross-origin or access errors */ }
+        // Ensure any data streams from BaseWidget are cleaned up
+        try {
+            this.destroyDataStreams();
+        }
+        catch { /* noop if not present */ }
+    }
+    handleIframeGesture = (event) => {
+        if (!event.data)
+            return;
+        // Handle gestures
+        if (event.data.gesture && event.data.eventData.instanceId === this.widgetProperties.uuid) {
+            switch (event.data.gesture) {
+                case 'swipeup':
+                    this._dashboard.navigateToPreviousDashboard();
+                    break;
+                case 'swipedown':
+                    this._dashboard.navigateToNextDashboard();
+                    break;
+                case 'swipeleft': {
+                    const leftSidebarEvent = new Event('openLeftSidenav', { bubbles: true, cancelable: true });
+                    window.document.dispatchEvent(leftSidebarEvent);
+                    break;
+                }
+                case 'swiperight': {
+                    const rightSidebarEvent = new Event('openRightSidenav', { bubbles: true, cancelable: true });
+                    window.document.dispatchEvent(rightSidebarEvent);
+                    break;
+                }
+                default:
+                    break;
+            }
+        }
+        // Handle keydown events
+        if (event.data.type === 'keydown' && event.data.keyEventData.instanceId === this.widgetProperties.uuid) {
+            const { key, ctrlKey, shiftKey } = event.data.keyEventData;
+            // Re-dispatch the keydown event
+            const keyboardEvent = new KeyboardEvent('keydown', {
+                key,
+                ctrlKey,
+                shiftKey,
+                bubbles: true,
+                cancelable: true,
+            });
+            document.dispatchEvent(keyboardEvent);
+        }
+    };
+    injectSwipeScript() {
+        const iframeWindow = this.iframe().nativeElement.contentWindow;
+        const iframeDocument = this.iframe().nativeElement.contentDocument;
+        if (!iframeDocument || !iframeWindow) {
+            console.error('[WidgetIframe] Iframe contentDocument or contentWindow is undefined. Possible cross-origin issue or iframe not fully loaded.');
+            return;
+        }
+        try {
+            const id = `kip-gesture-inject-${this.widgetProperties.uuid}`;
+            // Avoid double-injecting the same script
+            if (iframeDocument.getElementById(id))
+                return;
+            const scriptText = generateSwipeScript({ instanceId: this.widgetProperties.uuid });
+            const script = iframeDocument.createElement('script');
+            script.id = id;
+            script.textContent = scriptText;
+            iframeDocument.body.appendChild(script);
+        }
+        catch (e) {
+            console.warn('[WidgetIframe] Failed to inject swipe script into iframe:', e);
+        }
+    }
+    updateConfig(config) {
+        this.widgetUrl = this.resolveUrl(config.widgetUrl);
+    }
+    isValidProtocol(url) {
+        try {
+            const parsedUrl = new URL(url);
+            return parsedUrl.protocol === 'http:' || parsedUrl.protocol === 'https:';
+        }
+        catch (e) {
+            console.warn(`[Embed Widget] Invalid Url: ${url}, Error: ${e}`);
+            return false;
+        }
+    }
+    resolveUrl(rawUrl) {
+        if (!rawUrl)
+            return null;
+        try {
+            // Check if the URL is absolute
+            const parsedUrl = new URL(rawUrl, window.location.origin);
+            const resolvedUrl = this.isValidProtocol(parsedUrl.href) ? this._sanitizer.bypassSecurityTrustResourceUrl(parsedUrl.href) : null;
+            return resolvedUrl;
+        }
+        catch (e) {
+            console.warn(`[Embed Widget] Can't resolve Url: ${rawUrl}, Error: ${e}`);
+            return null; // Return an empty string if the URL is invalid
+        }
+    }
+};
+WidgetIframeComponent = __decorate([
+    Component({
+        selector: 'widget-iframe',
+        templateUrl: './widget-iframe.component.html',
+        styleUrls: ['./widget-iframe.component.scss'],
+        imports: [WidgetHostComponent]
+    }),
+    __metadata("design:paramtypes", [])
+], WidgetIframeComponent);
+export { WidgetIframeComponent };
+//# sourceMappingURL=widget-iframe.component.js.map