@mxtommy/kip 3.10.0 → 3.10.3

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

@@ -0,0 +1,248 @@
+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 { 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 { NgxResizeObserverModule } from 'ngx-resize-observer';
+import { Subscription, Subject } from 'rxjs';
+import { debounceTime, distinctUntilChanged, map } from 'rxjs/operators';
+import { SignalkRequestsService } from '../../core/services/signalk-requests.service';
+import { AppService } from '../../core/services/app-service';
+import { WidgetTitleComponent } from '../../core/components/widget-title/widget-title.component';
+let WidgetSliderComponent = class WidgetSliderComponent extends BaseWidgetComponent {
+    svgElement = viewChild.required('svgSlider');
+    dashboard = inject(DashboardService);
+    signalkRequestsService = inject(SignalkRequestsService);
+    appService = inject(AppService);
+    labelColor = signal(undefined);
+    barColor = signal(undefined);
+    skRequestSub = new Subscription; // Request result observer
+    lineStartPx;
+    lineWidthPx;
+    lineEndPx;
+    resizeTimeout;
+    debounceTimeout;
+    handlePosition = 20;
+    pathValue = 0;
+    lineStart = this.handlePosition;
+    isDragStarted = false;
+    lineWidth = '0px';
+    VIEWBOX_WIDTH = 200;
+    LINE_START = 20;
+    LINE_WIDTH = 160;
+    colorMap = new Map([
+        ["contrast", { label: this.theme().contrastDim, bar: this.theme().contrast }],
+        ["blue", { label: this.theme().blueDim, bar: this.theme().blue }],
+        ["green", { label: this.theme().greenDim, bar: this.theme().green }],
+        ["pink", { label: this.theme().pinkDim, bar: this.theme().pink }],
+        ["orange", { label: this.theme().orangeDim, bar: this.theme().orange }],
+        ["purple", { label: this.theme().purpleDim, bar: this.theme().purple }],
+        ["grey", { label: this.theme().greyDim, bar: this.theme().grey }],
+        ["yellow", { label: this.theme().yellowDim, bar: this.theme().yellow }],
+    ]);
+    valueChange$ = new Subject();
+    constructor() {
+        super();
+        this.defaultConfig = {
+            displayName: 'Slider Label',
+            filterSelfPaths: true,
+            paths: {
+                'gaugePath': {
+                    description: 'PUT Supported Numeric Path. IMPORTANT: Format must be set to (base)',
+                    path: null,
+                    source: null,
+                    pathType: "number",
+                    isPathConfigurable: true,
+                    showPathSkUnitsFilter: false,
+                    pathSkUnitsFilter: null,
+                    showConvertUnitTo: false,
+                    convertUnitTo: null,
+                    supportsPut: true,
+                    sampleTime: 500
+                }
+            },
+            displayScale: {
+                lower: 0,
+                upper: 1,
+                type: "linear",
+            },
+            enableTimeout: false,
+            dataTimeout: 5,
+            color: "contrast",
+        };
+        effect(() => {
+            if (this.theme()) {
+                this.getColors(this.widgetProperties.config.color);
+            }
+        });
+    }
+    ngOnInit() {
+        this.validateConfig();
+        // Subscribe to value changes with rounding, debouncing, and distinct filtering
+        this.valueChange$
+            .pipe(map((value) => {
+            // Check if the value is within 1% of the lower or upper bounds
+            if (this.isWithinMargin(value, this.widgetProperties.config.displayScale.lower)) {
+                return this.widgetProperties.config.displayScale.lower; // Exact lower bound
+            }
+            else if (this.isWithinMargin(value, this.widgetProperties.config.displayScale.upper)) {
+                return this.widgetProperties.config.displayScale.upper; // Exact upper bound
+            }
+            return parseFloat(value.toFixed(2)); // Round to 2 decimal places
+        }), debounceTime(200), // Debounce updates by 200ms
+        distinctUntilChanged() // Only emit if the value has changed
+        )
+            .subscribe((value) => {
+            this.sendValue(value); // Send the rounded or exact value only if it has changed
+        });
+    }
+    ngAfterViewInit() {
+        this.startWidget();
+    }
+    startWidget() {
+        this.unsubscribeDataStream();
+        this.observeDataStream('gaugePath', newValue => {
+            if (!newValue || !newValue.data) {
+                this.handlePosition = this.mapValueToPosition(this.widgetProperties.config.displayScale.lower); // Default to lower bound
+                return;
+            }
+            this.updateHandlePosition(this.mapValueToPosition(newValue.data.value));
+        });
+        this.skRequestSub?.unsubscribe();
+        this.subscribeSKRequest();
+    }
+    mapValueToPosition(value) {
+        const scaleRange = this.widgetProperties.config.displayScale.upper - this.widgetProperties.config.displayScale.lower;
+        const lineRange = this.LINE_WIDTH;
+        return ((value - this.widgetProperties.config.displayScale.lower) / scaleRange) * lineRange + this.LINE_START;
+    }
+    mapPositionToValue(position) {
+        const scaleRange = this.widgetProperties.config.displayScale.upper - this.widgetProperties.config.displayScale.lower;
+        const lineRange = this.LINE_WIDTH;
+        return ((position - this.LINE_START) / lineRange) * scaleRange + this.widgetProperties.config.displayScale.lower;
+    }
+    isWithinMargin(value, target) {
+        const margin = (this.widgetProperties.config.displayScale.upper - this.widgetProperties.config.displayScale.lower) * 0.01; // 1% margin
+        return Math.abs(value - target) <= margin;
+    }
+    subscribeSKRequest() {
+        this.skRequestSub = this.signalkRequestsService.subscribeRequest().subscribe(requestResult => {
+            if (requestResult.widgetUUID == this.widgetProperties.uuid) {
+                let errMsg = `Toggle Widget ${this.widgetProperties.config.displayName}: `;
+                if (requestResult.statusCode != 200) {
+                    if (requestResult.message) {
+                        errMsg += requestResult.message;
+                    }
+                    else {
+                        errMsg += requestResult.statusCode + " - " + requestResult.statusCodeDescription;
+                    }
+                    this.appService.sendSnackbarNotification(errMsg, 0);
+                }
+            }
+        });
+    }
+    sendValue(value) {
+        const path = this.widgetProperties.config.paths['gaugePath'].path;
+        this.signalkRequestsService.putRequest(path, value, this.widgetProperties.uuid);
+    }
+    updateConfig(config) {
+        this.widgetProperties.config = config;
+        this.getColors(this.widgetProperties.config.color);
+        this.calculateLineBounds(); // Recalculate line bounds on config update
+        this.startWidget();
+    }
+    onResized() {
+        clearTimeout(this.resizeTimeout);
+        this.resizeTimeout = setTimeout(() => {
+            this.calculateLineBounds(); // Recalculate line bounds on resize
+        }, 200); // Adjust debounce time as needed
+    }
+    calculateLineBounds() {
+        if (!this.svgElement()?.nativeElement) {
+            console.warn('[Slider Widget] SVG element is not initialized yet.');
+            return;
+        }
+        const svgRect = this.svgElement().nativeElement.getBoundingClientRect();
+        const lineStartPx = (this.LINE_START / this.VIEWBOX_WIDTH) * svgRect.width;
+        const lineWidthPx = (this.LINE_WIDTH / this.VIEWBOX_WIDTH) * svgRect.width;
+        this.lineStartPx = lineStartPx;
+        this.lineWidthPx = lineWidthPx;
+        this.lineEndPx = this.lineStartPx + this.lineWidthPx;
+    }
+    updateHandlePosition(position) {
+        this.handlePosition = position;
+        this.lineWidth = `${position - this.lineStart}px`;
+    }
+    getPointerX(e) {
+        return e.clientX - this.svgElement().nativeElement.getBoundingClientRect().left;
+    }
+    onPointerDown(e) {
+        this.isDragStarted = true;
+        this.onPointerMove(e); // Update position immediately on pointer down
+        e.stopPropagation();
+        e.preventDefault();
+    }
+    onPointerMove(e) {
+        if (this.isDragStarted) {
+            const pointerX = this.getPointerX(e);
+            if (pointerX >= this.lineStartPx && pointerX <= this.lineEndPx) {
+                const constrainedX = ((pointerX - this.lineStartPx) / this.lineWidthPx) * this.LINE_WIDTH + this.LINE_START;
+                this.updateHandlePosition(constrainedX);
+                if (this.handlePosition <= this.LINE_START) {
+                    this.pathValue = this.widgetProperties.config.displayScale.lower; // Exact lower bound
+                }
+                else if (this.handlePosition >= this.LINE_START + this.LINE_WIDTH) {
+                    this.pathValue = this.widgetProperties.config.displayScale.upper; // Exact upper bound
+                }
+                else {
+                    this.pathValue = this.mapPositionToValue(this.handlePosition);
+                }
+                // Emit the raw value to the Subject
+                this.valueChange$.next(this.pathValue);
+            }
+        }
+    }
+    onPointerUp() {
+        this.isDragStarted = false;
+        // Emit the raw value immediately
+        this.valueChange$.next(this.pathValue);
+    }
+    onPointerLeave() {
+        if (this.isDragStarted) {
+            this.isDragStarted = false;
+            // Emit the raw value immediately
+            this.valueChange$.next(this.pathValue);
+        }
+    }
+    getColors(color) {
+        const colors = this.colorMap.get(color) || this.colorMap.get("contrast");
+        this.labelColor.set(colors.label);
+        this.barColor.set(colors.bar);
+    }
+    ngOnDestroy() {
+        this.destroyDataStreams();
+        this.skRequestSub?.unsubscribe();
+        this.valueChange$.complete(); // Complete the Subject to clean up resources
+        clearTimeout(this.debounceTimeout);
+        clearTimeout(this.resizeTimeout);
+    }
+};
+WidgetSliderComponent = __decorate([
+    Component({
+        selector: 'widget-slider',
+        imports: [WidgetHostComponent, NgxResizeObserverModule, WidgetTitleComponent],
+        templateUrl: './widget-slider.component.html',
+        styleUrl: './widget-slider.component.scss'
+    }),
+    __metadata("design:paramtypes", [])
+], WidgetSliderComponent);
+export { WidgetSliderComponent };
+//# sourceMappingURL=widget-slider.component.js.map

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

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

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

@@ -0,0 +1,19 @@
+import { TestBed } from '@angular/core/testing';
+import { WidgetSliderComponent } from './widget-slider.component';
+describe('WidgetRangeSliderComponent', () => {
+    let component;
+    let fixture;
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [WidgetSliderComponent]
+        })
+            .compileComponents();
+        fixture = TestBed.createComponent(WidgetSliderComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
+});
+//# sourceMappingURL=widget-slider.component.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget-slider.component.spec.js","sourceRoot":"","sources":["../../../../../../src/app/widgets/widget-slider/widget-slider.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IAC1C,IAAI,SAAgC,CAAC;IACrC,IAAI,OAAgD,CAAC;IAErD,UAAU,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,OAAO,CAAC,sBAAsB,CAAC;YACnC,OAAO,EAAE,CAAC,qBAAqB,CAAC;SACjC,CAAC;aACD,iBAAiB,EAAE,CAAC;QAErB,OAAO,GAAG,OAAO,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;QACzD,SAAS,GAAG,OAAO,CAAC,iBAAiB,CAAC;QACtC,OAAO,CAAC,aAAa,EAAE,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,138 @@
+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, viewChild, signal } from '@angular/core';
+import { BaseWidgetComponent } from '../../core/utils/base-widget.component';
+import { WidgetHostComponent } from '../../core/components/widget-host/widget-host.component';
+import { NgxResizeObserverModule } from 'ngx-resize-observer';
+import { CanvasService } from '../../core/services/canvas.service';
+import { getColors } from '../../core/utils/themeColors.utils';
+let WidgetTextComponent = class WidgetTextComponent extends BaseWidgetComponent {
+    canvasMainRef = viewChild.required('canvasMainRef');
+    canvasElement;
+    canvasCtx;
+    titleBitmap = null;
+    titleBitmapText = null;
+    canvas = inject(CanvasService);
+    cssWidth = 0;
+    cssHeight = 0;
+    dataValue = null;
+    labelColor = signal(undefined);
+    valueColor = undefined;
+    isDestroyed = false; // guard against callbacks after destroyed
+    constructor() {
+        super();
+        this.defaultConfig = {
+            displayName: 'Gauge Label',
+            filterSelfPaths: true,
+            paths: {
+                "stringPath": {
+                    description: "String Data",
+                    path: null,
+                    source: null,
+                    pathType: "string",
+                    isPathConfigurable: true,
+                    sampleTime: 500
+                }
+            },
+            color: 'contrast',
+            enableTimeout: false,
+            dataTimeout: 5
+        };
+        effect(() => {
+            if (this.theme()) {
+                this.setColors();
+                this.drawWidget();
+            }
+        });
+    }
+    ngOnInit() {
+        this.validateConfig();
+    }
+    ngAfterViewInit() {
+        this.canvasElement = this.canvasMainRef().nativeElement;
+        this.canvasCtx = this.canvasElement.getContext('2d');
+        this.canvas.registerCanvas(this.canvasElement, {
+            autoRelease: true,
+            onResize: (w, h) => {
+                this.cssWidth = w;
+                this.cssHeight = h;
+                this.drawWidget();
+            }
+        });
+        this.cssHeight = Math.round(this.canvasElement.getBoundingClientRect().height);
+        this.cssWidth = Math.round(this.canvasElement.getBoundingClientRect().width);
+        if (this.isDestroyed)
+            return;
+        this.startWidget();
+    }
+    startWidget() {
+        this.unsubscribeDataStream();
+        this.setColors();
+        this.observeDataStream('stringPath', newValue => {
+            this.dataValue = newValue.data.value;
+            this.drawWidget();
+        });
+    }
+    setColors() {
+        this.labelColor.set(getColors(this.widgetProperties.config.color, this.theme()).dim);
+        this.valueColor = getColors(this.widgetProperties.config.color, this.theme()).color;
+    }
+    updateConfig(config) {
+        this.widgetProperties.config = config;
+        this.startWidget();
+        this.drawWidget();
+    }
+    ngOnDestroy() {
+        this.isDestroyed = true;
+        this.destroyDataStreams();
+        try {
+            this.canvas.unregisterCanvas(this.canvasElement);
+        }
+        catch { /* ignore */ }
+    }
+    /* ******************************************************************************************* */
+    /*                                  Canvas Drawing                                             */
+    /* ******************************************************************************************* */
+    drawWidget() {
+        if (!this.canvasCtx)
+            return;
+        const titleHeight = Math.floor(this.cssHeight * 0.1);
+        if (!this.titleBitmap ||
+            this.titleBitmap.width !== this.canvasElement.width ||
+            this.titleBitmap.height !== this.canvasElement.height ||
+            this.titleBitmapText !== this.widgetProperties.config.displayName) {
+            this.titleBitmap = this.canvas.createTitleBitmap(this.widgetProperties.config.displayName, this.labelColor(), 'normal', this.cssWidth, this.cssHeight);
+            this.titleBitmapText = this.widgetProperties.config.displayName;
+        }
+        this.canvas.clearCanvas(this.canvasCtx, this.cssWidth, this.cssHeight);
+        if (this.titleBitmap && this.titleBitmap.width > 0 && this.titleBitmap.height > 0) {
+            this.canvasCtx.drawImage(this.titleBitmap, 0, 0, this.cssWidth, this.cssHeight);
+        }
+        const valueText = this.dataValue === null ? '--' : this.dataValue;
+        const edge = this.canvas.EDGE_BUFFER || 10;
+        const availableHeight = Math.max(0, this.cssHeight - titleHeight - 2 * edge);
+        const maxWidth = Math.max(0, Math.floor(this.cssWidth - 2 * edge));
+        const maxHeight = Math.max(0, Math.floor(availableHeight));
+        const centerX = Math.floor(this.cssWidth / 2);
+        const centerY = Math.floor(titleHeight + edge + availableHeight / 2);
+        this.canvas.drawText(this.canvasCtx, valueText, centerX, centerY, maxWidth, maxHeight, 'bold', this.valueColor, 'center', 'middle');
+    }
+};
+WidgetTextComponent = __decorate([
+    Component({
+        selector: 'widget-text',
+        templateUrl: './widget-text.component.html',
+        styleUrls: ['./widget-text.component.scss'],
+        imports: [WidgetHostComponent, NgxResizeObserverModule]
+    }),
+    __metadata("design:paramtypes", [])
+], WidgetTextComponent);
+export { WidgetTextComponent };
+//# sourceMappingURL=widget-text.component.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget-text.component.spec.js","sourceRoot":"","sources":["../../../../../../src/app/widgets/widget-text/widget-text.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEhF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,IAAI,SAA8B,CAAC;IACnC,IAAI,OAA8C,CAAC;IAEnD,UAAU,CAAC,YAAY,CAAC,GAAG,EAAE;QAC3B,OAAO,CAAC,sBAAsB,CAAC;YAC/B,OAAO,EAAE,CAAC,mBAAmB,CAAC;SACjC,CAAC;aACG,iBAAiB,EAAE,CAAC;IACvB,CAAC,CAAC,CAAC,CAAC;IAEJ,UAAU,CAAC,GAAG,EAAE;QACd,OAAO,GAAG,OAAO,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;QACvD,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-tutorial/widget-tutorial.component.js

@@ -0,0 +1,43 @@
+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, inject } from '@angular/core';
+import { BaseWidgetComponent } from '../../core/utils/base-widget.component';
+import { WidgetHostComponent } from '../../core/components/widget-host/widget-host.component';
+import { MatButton } from '@angular/material/button';
+import { AppSettingsService } from '../../core/services/app-settings.service';
+import { DashboardService } from '../../core/services/dashboard.service';
+let WidgetTutorialComponent = class WidgetTutorialComponent extends BaseWidgetComponent {
+    dashboard = inject(DashboardService);
+    settings = inject(AppSettingsService);
+    constructor() {
+        super();
+    }
+    loadDemoConfig() {
+        this.settings.loadDemoConfig();
+    }
+    startWidget() {
+    }
+    updateConfig() {
+    }
+    ngOnDestroy() {
+        this.destroyDataStreams();
+    }
+};
+WidgetTutorialComponent = __decorate([
+    Component({
+        selector: 'widget-tutorial',
+        templateUrl: './widget-tutorial.component.html',
+        styleUrls: ['./widget-tutorial.component.scss'],
+        imports: [WidgetHostComponent, MatButton]
+    }),
+    __metadata("design:paramtypes", [])
+], WidgetTutorialComponent);
+export { WidgetTutorialComponent };
+//# sourceMappingURL=widget-tutorial.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget-tutorial.component.js","sourceRoot":"","sources":["../../../../../../src/app/widgets/widget-tutorial/widget-tutorial.component.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAa,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yDAAyD,CAAC;AAC9F,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAQlE,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,mBAAmB;IACpD,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACrC,QAAQ,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAEhD;QACE,KAAK,EAAE,CAAC;IACT,CAAC;IAEM,cAAc;QACpB,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC;IACjC,CAAC;IAES,WAAW;IACrB,CAAC;IAES,YAAY;IACtB,CAAC;IAED,WAAW;QACT,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;CACF,CAAA;AArBY,uBAAuB;IANnC,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,WAAW,EAAE,kCAAkC;QAC/C,SAAS,EAAE,CAAC,kCAAkC,CAAC;QAC/C,OAAO,EAAE,CAAE,mBAAmB,EAAE,SAAS,CAAC;KAC7C,CAAC;;GACW,uBAAuB,CAqBnC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget-tutorial.component.spec.js","sourceRoot":"","sources":["../../../../../../src/app/widgets/widget-tutorial/widget-tutorial.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEhF,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,IAAI,SAAkC,CAAC;IACvC,IAAI,OAAkD,CAAC;IAEvD,UAAU,CAAC,YAAY,CAAC,GAAG,EAAE;QAC3B,OAAO,CAAC,sBAAsB,CAAC;YAC/B,OAAO,EAAE,CAAC,uBAAuB,CAAC;SACrC,CAAC;aACG,iBAAiB,EAAE,CAAC;IACvB,CAAC,CAAC,CAAC,CAAC;IAEJ,UAAU,CAAC,GAAG,EAAE;QACd,OAAO,GAAG,OAAO,CAAC,eAAe,CAAC,uBAAuB,CAAC,CAAC;QAC3D,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"}