Merge remote-tracking branch 'origin/master'

dist/addons/heatmapChart.js

@@ -1,12 +1,7 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeatmapChartComponent = void 0;
+const tslib_1 = require("tslib");
 const core_1 = require("@angular/core");
 const base_chart_class_1 = require("../app/components/widgets/charts/base-chart.class");
 /**
@@ -242,6 +237,10 @@ let HeatmapChartComponent = class HeatmapChartComponent extends base_chart_class
         super(...arguments);
         this.stops = [];
     }
+    static { this.AddonInfo = {
+        type: 'chart',
+        chart: 'heatmap'
+    }; }
     ngOnInit() {
         super.ngOnInit();
         this.widget.isBtnValues = true;
@@ -397,14 +396,10 @@ let HeatmapChartComponent = class HeatmapChartComponent extends base_chart_class
         return { value: d };
     }
 };
-HeatmapChartComponent.AddonInfo = {
-    type: 'chart',
-    chart: 'heatmap'
-};
-HeatmapChartComponent = __decorate([
+exports.HeatmapChartComponent = HeatmapChartComponent;
+exports.HeatmapChartComponent = HeatmapChartComponent = tslib_1.__decorate([
     (0, core_1.Component)({
         selector: 'dsw-heatmap-chart',
         template: ''
     })
 ], HeatmapChartComponent);
-exports.HeatmapChartComponent = HeatmapChartComponent;

dist/addons/htmlViewer.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HtmlViewer = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const platform_browser_1 = require("@angular/platform-browser");
+const base_widget_class_1 = require("../app/components/widgets/base-widget.class");
+let HtmlViewer = class HtmlViewer extends base_widget_class_1.BaseWidget {
+    constructor() {
+        super(...arguments);
+        this.isSpinner = false;
+        this.san = (0, core_1.inject)(platform_browser_1.DomSanitizer);
+    }
+    static { this.AddonInfo = {
+        // Version of addon system, should be specified manually as number, not reference
+        // version always should be equal to BaseWidget.CURRENT_ADDON_VERSION
+        // used to compare unsupported addons when breaking changes are made into BaseWidget
+        // Note: do not use reference to BaseWidget.CURRENT_ADDON_VERSIO here!
+        // specify number MANUALLY
+        version: 1,
+        // Widget type
+        // 'custom' for all non-standard widgets
+        // 'chart' for highcharts widget
+        type: 'custom'
+    }; }
+    ngOnInit() {
+        this.url = this.san.bypassSecurityTrustResourceUrl(this.getUrl());
+        this.subOnFilter = this.fs.onApplyFilter.subscribe(flt => {
+            this.url = this.san.bypassSecurityTrustResourceUrl(this.getUrl().replace('$$$FILTERS', encodeURIComponent(flt.value)));
+        });
+    }
+    getUrl() {
+        return this.widget?.properties?.Data || '';
+    }
+    ngOnDestroy() {
+        this.subOnFilter.unsubscribe();
+        super.ngOnDestroy();
+    }
+};
+exports.HtmlViewer = HtmlViewer;
+exports.HtmlViewer = HtmlViewer = tslib_1.__decorate([
+    (0, core_1.Component)({
+        standalone: true,
+        template: `
+    <iframe [src]="url" style="border: none; width:100%; height:100%; flex: 1 1 100%"></iframe>`
+    })
+], HtmlViewer);

dist/addons/simpleAddon.js

@@ -0,0 +1,127 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleAddon = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const base_widget_class_1 = require("../app/components/widgets/base-widget.class");
+let SimpleAddon = class SimpleAddon extends base_widget_class_1.BaseWidget {
+    static { this.AddonInfo = {
+        // Widget type
+        // 'custom' for all non-standard widgets
+        // 'chart' for highcharts widget
+        type: 'custom'
+    }; }
+    /**
+     * Initialization
+     */
+    ngOnInit() {
+        super.ngOnInit();
+        // Initialize addon here
+        console.log('Hello!');
+    }
+    /**
+     * Initialization after DOM element has been created and accessible
+     */
+    ngAfterViewInit() {
+        // Here you can access this.el.nativeElement, to manipulate DOM
+        this.drawOnCanvas();
+    }
+    /**
+     * Draw on canvas
+     */
+    drawOnCanvas() {
+        const canvas = this.canvas?.nativeElement;
+        const ctx = canvas?.getContext('2d');
+        if (!ctx) {
+            return;
+        }
+        const x = canvas.width / 2;
+        const y = canvas.height / 2;
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+        ctx.beginPath();
+        ctx.ellipse(x, y, Math.min(x, y), Math.min(x, y), 0, 0, Math.PI * 2);
+        ctx.closePath();
+        ctx.stroke();
+    }
+    /**
+     * Request data from server if needed
+     */
+    requestData() {
+        super.requestData();
+        // You can make you own data request here if it not supposed to run MDX
+        // Or you need to call external REST API
+    }
+    /**
+     * Parse retrieved data
+     */
+    retrieveData(data) {
+        super.retrieveData(data);
+        // Here you can parse data, and display it as needed
+        // data - is MDX result
+        if (data.Error) {
+            return;
+        }
+        console.log(data);
+    }
+    /**
+     * Drilldown processing
+     */
+    doDrill(path, name, category, noDrillCallback) {
+        return super.doDrill(path, name, category, noDrillCallback);
+    }
+    /**
+     * Drillup processing
+     */
+    doDrillUp() {
+        super.doDrillUp();
+    }
+    /**
+     * Resize callback
+     */
+    onResize() {
+        // Use to redraw widget after resize event
+        super.onResize();
+        // Adjust canvas size to new widget size
+        const canvas = this.canvas?.nativeElement;
+        if (!canvas) {
+            return;
+        }
+        canvas.width = canvas.offsetWidth;
+        canvas.height = canvas.offsetHeight;
+        // Redraw
+        this.drawOnCanvas();
+    }
+};
+exports.SimpleAddon = SimpleAddon;
+tslib_1.__decorate([
+    (0, core_1.ViewChild)('canvas')
+], SimpleAddon.prototype, "canvas", void 0);
+exports.SimpleAddon = SimpleAddon = tslib_1.__decorate([
+    (0, core_1.Component)({
+        selector: 'dsw-simple-addon',
+        standalone: true,
+        template: `
+        <h2>Hello, this is simple addon component</h2>
+        <button (click)="requestData()">Refresh</button>
+        <canvas #canvas></canvas>
+    `,
+        styles: [`
+        :host {
+            padding: 10px;
+        }
+
+        h1 {
+            color: green;
+        }
+
+        canvas {
+            width: 100%;
+            height: 100%;
+            position: absolute;
+            left: 0;
+            top: 0;
+            pointer-events: none;
+        }
+    `]
+    })
+], SimpleAddon);