@c8y/ngx-components 1023.30.0 → 1023.42.1

package/fesm2022/c8y-ngx-components-widgets-implementations-pie-chart.mjs

@@ -0,0 +1,366 @@
+import * as i0 from '@angular/core';
+import { Injectable, inject, ViewChild, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { WidgetConfigService } from '@c8y/ngx-components/context-dashboard';
+import { of, BehaviorSubject, switchMap, tap, map as map$1, combineLatest, Subject } from 'rxjs';
+import { map, catchError, takeUntil } from 'rxjs/operators';
+import * as i2 from '@angular/forms';
+import { FormBuilder, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i3 from '@c8y/ngx-components/datapoint-selector';
+import { DatapointSelectorModule } from '@c8y/ngx-components/datapoint-selector';
+import * as i1 from '@c8y/ngx-components';
+import { DynamicComponentAlertAggregator, DynamicComponentAlert, MeasurementRealtimeService, CommonModule, CoreModule } from '@c8y/ngx-components';
+import * as i1$1 from 'ngx-echarts';
+import { NgxEchartsModule, NGX_ECHARTS_CONFIG } from 'ngx-echarts';
+import { AsyncPipe } from '@angular/common';
+import { ChartAlertsComponent } from '@c8y/ngx-components/echart';
+import { TranslateService } from '@ngx-translate/core';
+import { gettext } from '@c8y/ngx-components/gettext';
+import * as echarts from 'echarts';
+
+class CurrentMeasurementService {
+    constructor(realtime) {
+        this.realtime = realtime;
+    }
+    /**
+     * Fetches the latest measurement value for a given datapoint.
+     * Combines initial historical value with realtime updates.
+     *
+     * @param datapoint - The KPI datapoint configuration
+     * @returns Observable emitting measurement value, unit, date, and notFound flag
+     */
+    getLatest(datapoint) {
+        return this.realtime
+            .latestValueOfSpecificMeasurement$(datapoint.fragment, datapoint.series, datapoint.__target, 1, true)
+            .pipe(map(m => {
+            if (!m) {
+                return {
+                    value: Number.NaN,
+                    unit: datapoint.unit || '',
+                    date: '',
+                    notFound: true
+                };
+            }
+            const v = m[datapoint.fragment][datapoint.series];
+            return {
+                value: v.value,
+                unit: v.unit || datapoint.unit,
+                date: m.time
+            };
+        }), catchError(() => of({
+            value: Number.NaN,
+            unit: datapoint.unit || '',
+            date: '',
+            notFound: true
+        })));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CurrentMeasurementService, deps: [{ token: i1.MeasurementRealtimeService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CurrentMeasurementService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CurrentMeasurementService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.MeasurementRealtimeService }] });
+
+/** Chart layout constants */
+const CHART_LAYOUT = {
+    LEGEND_TOP: '5%',
+    SERIES_TOP: '5%',
+    PIE_RADIUS: '80%',
+    EMPTY_STATE_FONT_SIZE: 30
+};
+class PieChartWidgetViewComponent {
+    constructor() {
+        this.activeDatapoints = [];
+        this.alerts = new DynamicComponentAlertAggregator();
+        this.configChanged$ = new BehaviorSubject(undefined);
+        this.measurements = inject(CurrentMeasurementService);
+        this.translateService = inject(TranslateService);
+        this.chartOptions$ = this.configChanged$.pipe(switchMap(() => this.fetchMeasurements()), tap(entries => this.handleNegativeValues(entries)), map$1(entries => this.buildChartOptions(entries)), tap(options => this.updateChartInstance(options)));
+    }
+    ngOnChanges(_) {
+        if (this.config?.datapoints?.length) {
+            this.configChanged$.next();
+        }
+    }
+    onChartInit(ec) {
+        this.echartsInstance = ec;
+    }
+    /**
+     * Fetches latest measurements for all configured datapoints.
+     */
+    fetchMeasurements() {
+        this.activeDatapoints = this.config?.datapoints?.filter(dp => dp.__active);
+        const streams = this.activeDatapoints.map(dp => this.measurements.getLatest(dp).pipe(map$1(m => this.mapToDatapointValue(dp, m))));
+        return combineLatest(streams);
+    }
+    /**
+     * Maps a datapoint and its measurement to a DatapointValue.
+     */
+    mapToDatapointValue(datapoint, measurement) {
+        const rawValue = measurement.value;
+        return {
+            label: datapoint.label || '',
+            value: rawValue < 0 || Number.isNaN(rawValue) ? 0 : rawValue,
+            rawValue,
+            unit: datapoint.unit || measurement.unit || '',
+            color: datapoint.color || ''
+        };
+    }
+    /**
+     * Handles negative value alerts - clears existing alerts and adds warning if needed.
+     */
+    handleNegativeValues(entries) {
+        this.alerts.clear();
+        const negatives = entries.filter(e => e.rawValue < 0);
+        if (negatives.length === 0) {
+            return;
+        }
+        const negativeDpList = negatives
+            .map(n => `${this.encodeHtml(n.label)}: ${n.rawValue} ${this.encodeHtml(n.unit)}`)
+            .join('; ');
+        const errorMessage = this.translateService.instant(gettext('Negative measurements received from data point(s): {{ datapoints }}'), { datapoints: negativeDpList });
+        this.alerts.addAlerts(new DynamicComponentAlert({ type: 'warning', text: errorMessage }));
+    }
+    /**
+     * Builds the ECharts options based on datapoint values.
+     */
+    buildChartOptions(datapoints) {
+        if (this.isEmptyState(datapoints)) {
+            return this.buildEmptyStateOptions();
+        }
+        return this.buildPieChartOptions(datapoints);
+    }
+    /**
+     * Checks if chart should display empty state (no positive data).
+     */
+    isEmptyState(entries) {
+        const hasPositiveData = entries.some(e => e.rawValue > 0);
+        const hasNegativeData = entries.some(e => e.rawValue < 0);
+        return !hasPositiveData && !hasNegativeData;
+    }
+    /**
+     * Builds options for empty state display.
+     */
+    buildEmptyStateOptions() {
+        return {
+            title: {
+                text: gettext('No data available.'),
+                left: 'center',
+                top: 'center',
+                textStyle: { fontSize: CHART_LAYOUT.EMPTY_STATE_FONT_SIZE }
+            },
+            series: []
+        };
+    }
+    /**
+     * Builds the pie chart options with data.
+     */
+    buildPieChartOptions(entries) {
+        const options = this.config.pieChartOptions;
+        const total = this.calculateTotal(entries);
+        return {
+            tooltip: this.buildTooltipConfig(entries, options),
+            legend: this.buildLegendConfig(options),
+            series: [this.buildPieSeriesConfig(entries, total, options)]
+        };
+    }
+    /**
+     * Calculates total of all entry values.
+     */
+    calculateTotal(entries) {
+        return entries.reduce((sum, e) => sum + e.value, 0);
+    }
+    /**
+     * Builds tooltip configuration.
+     */
+    buildTooltipConfig(entries, options) {
+        return {
+            show: options?.showTooltips ?? false,
+            formatter: (params) => {
+                const entry = entries.find(e => e.label === params.name);
+                const unit = entry?.unit || '';
+                const value = params.value.toFixed(2);
+                return `${this.encodeHtml(params.name)}: ${value} ${this.encodeHtml(unit)}`;
+            }
+        };
+    }
+    /**
+     * Builds legend configuration.
+     */
+    buildLegendConfig(options) {
+        return {
+            top: CHART_LAYOUT.LEGEND_TOP,
+            left: 'right',
+            show: options?.showLegend ?? false,
+            formatter: (name) => {
+                const match = name.match(/^(.+)_\d+$/);
+                return match ? match[1] : name;
+            }
+        };
+    }
+    /**
+     * Builds pie series configuration.
+     */
+    buildPieSeriesConfig(entries, total, options) {
+        return {
+            top: CHART_LAYOUT.SERIES_TOP,
+            type: 'pie',
+            radius: CHART_LAYOUT.PIE_RADIUS,
+            label: {
+                show: options?.showLabels ?? false,
+                position: 'inside',
+                formatter: (params) => this.formatPercentageLabel(params.value, total)
+            },
+            data: entries.map((e, index) => ({
+                name: `${e.label}_${index}`,
+                value: e.value,
+                itemStyle: { color: e.color }
+            }))
+        };
+    }
+    /**
+     * Formats percentage label for pie slice.
+     */
+    formatPercentageLabel(value, total) {
+        const percentage = total > 0 ? Math.round((value / total) * 100) : 0;
+        return percentage === 0 ? '' : `${percentage}%`;
+    }
+    /**
+     * Updates the ECharts instance with new options.
+     */
+    updateChartInstance(options) {
+        if (this.echartsInstance) {
+            this.echartsInstance.setOption(options, true);
+        }
+    }
+    /**
+     * Encodes HTML to prevent XSS attacks.
+     */
+    encodeHtml(text) {
+        return echarts.format.encodeHTML(text);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PieChartWidgetViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: PieChartWidgetViewComponent, isStandalone: true, selector: "c8y-pie-chart", inputs: { config: "config" }, providers: [
+            MeasurementRealtimeService,
+            CurrentMeasurementService,
+            { provide: NGX_ECHARTS_CONFIG, useFactory: () => ({ echarts: () => import('echarts') }) }
+        ], viewQueries: [{ propertyName: "chart", first: true, predicate: ["chart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"p-relative fit-h\">\n  <div\n    class=\"p-absolute fit-w fit-h\"\n    #chart\n    echarts\n    [options]=\"chartOptions$ | async\"\n    (chartInit)=\"onChartInit($event)\"\n  ></div>\n\n  <c8y-chart-alerts [alerts]=\"alerts\"></c8y-chart-alerts>\n</div>\n", dependencies: [{ kind: "ngmodule", type: NgxEchartsModule }, { kind: "directive", type: i1$1.NgxEchartsDirective, selector: "echarts, [echarts]", inputs: ["options", "theme", "initOpts", "merge", "autoResize", "loading", "loadingType", "loadingOpts"], outputs: ["chartInit", "optionsError", "chartClick", "chartDblClick", "chartMouseDown", "chartMouseMove", "chartMouseUp", "chartMouseOver", "chartMouseOut", "chartGlobalOut", "chartContextMenu", "chartHighlight", "chartDownplay", "chartSelectChanged", "chartLegendSelectChanged", "chartLegendSelected", "chartLegendUnselected", "chartLegendLegendSelectAll", "chartLegendLegendInverseSelect", "chartLegendScroll", "chartDataZoom", "chartDataRangeSelected", "chartGraphRoam", "chartGeoRoam", "chartTreeRoam", "chartTimelineChanged", "chartTimelinePlayChanged", "chartRestore", "chartDataViewChanged", "chartMagicTypeChanged", "chartGeoSelectChanged", "chartGeoSelected", "chartGeoUnselected", "chartAxisAreaSelected", "chartBrush", "chartBrushEnd", "chartBrushSelected", "chartGlobalCursorTaken", "chartRendered", "chartFinished"], exportAs: ["echarts"] }, { kind: "component", type: ChartAlertsComponent, selector: "c8y-chart-alerts", inputs: ["alerts"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PieChartWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-pie-chart', providers: [
+                        MeasurementRealtimeService,
+                        CurrentMeasurementService,
+                        { provide: NGX_ECHARTS_CONFIG, useFactory: () => ({ echarts: () => import('echarts') }) }
+                    ], imports: [NgxEchartsModule, AsyncPipe, ChartAlertsComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"p-relative fit-h\">\n  <div\n    class=\"p-absolute fit-w fit-h\"\n    #chart\n    echarts\n    [options]=\"chartOptions$ | async\"\n    (chartInit)=\"onChartInit($event)\"\n  ></div>\n\n  <c8y-chart-alerts [alerts]=\"alerts\"></c8y-chart-alerts>\n</div>\n" }]
+        }], ctorParameters: () => [], propDecorators: { config: [{
+                type: Input
+            }], chart: [{
+                type: ViewChild,
+                args: ['chart', { static: false }]
+            }] } });
+
+class PieChartWidgetConfigComponent {
+    constructor() {
+        this.differentUnits = false;
+        this.destroy$ = new Subject();
+        this.widgetConfigService = inject(WidgetConfigService);
+        this.formBuilder = inject(FormBuilder);
+    }
+    set previewMapSet(template) {
+        if (template) {
+            this.widgetConfigService.setPreview(template);
+            return;
+        }
+        this.widgetConfigService.setPreview(null);
+    }
+    ngOnInit() {
+        this.formGroup = this.initForm();
+        this.subscribeToDatapointsChanges();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    onBeforeSave(config) {
+        if (!this.formGroup.valid || !config)
+            return false;
+        const formValue = this.formGroup.value;
+        config.datapoints = formValue.datapoints;
+        config.pieChartOptions = config.pieChartOptions || {
+            showLabels: false,
+            showLegend: false,
+            showTooltips: false
+        };
+        config.pieChartOptions.showLabels = formValue.pieChartOptions.showLabels;
+        config.pieChartOptions.showLegend = formValue.pieChartOptions.showLegend;
+        config.pieChartOptions.showTooltips = formValue.pieChartOptions.showTooltips;
+        this.widgetConfigService.updateConfig(config);
+        return true;
+    }
+    initForm() {
+        const form = this.formBuilder.group({
+            datapoints: [this.config.datapoints, [Validators.required, Validators.minLength(1)]],
+            pieChartOptions: this.formBuilder.group({
+                showLabels: [this.config.pieChartOptions?.showLabels ?? false],
+                showLegend: [this.config.pieChartOptions?.showLegend ?? false],
+                showTooltips: [this.config.pieChartOptions?.showTooltips ?? false]
+            })
+        });
+        return form;
+    }
+    subscribeToDatapointsChanges() {
+        this.formGroup
+            .get('datapoints')
+            ?.valueChanges.pipe(takeUntil(this.destroy$))
+            .subscribe(datapoints => {
+            this.checkUnitsMatch(datapoints);
+        });
+        // Initial check
+        this.checkUnitsMatch(this.formGroup.get('datapoints')?.value);
+    }
+    /**
+     * Checks if selected datapoints have different units and sets warning flag.
+     * Different units in a pie chart can be misleading to users.
+     *
+     * @param datapoints - Array of selected datapoints to check
+     */
+    checkUnitsMatch(datapoints) {
+        if (!datapoints || datapoints.length <= 1) {
+            this.differentUnits = false;
+            return;
+        }
+        const units = datapoints.filter(dp => dp && dp.unit).map(dp => dp.unit);
+        if (units.length <= 1) {
+            this.differentUnits = false;
+            return;
+        }
+        const firstUnit = units[0];
+        this.differentUnits = units.some(unit => unit !== firstUnit);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PieChartWidgetConfigComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: PieChartWidgetConfigComponent, isStandalone: true, selector: "app-pie-chart-config", inputs: { config: "config" }, viewQueries: [{ propertyName: "previewMapSet", first: true, predicate: ["pieChartPreview"], descendants: true }], ngImport: i0, template: "@if (formGroup) {\n  <form\n    class=\"p-4\"\n    [formGroup]=\"formGroup\"\n  >\n    <c8y-datapoint-selection-list\n      class=\"bg-component separator-bottom d-block\"\n      name=\"datapoints\"\n      [minActiveCount]=\"1\"\n      formControlName=\"datapoints\"\n    >\n      @if (differentUnits) {\n        <div\n          class=\"alert alert-warning m-t-8\"\n          role=\"alert\"\n        >\n          <i class=\"c8y-icon c8y-icon-warning text-warning\"></i>\n          {{ 'Selected data points have different units.' | translate }}\n        </div>\n      }\n    </c8y-datapoint-selection-list>\n\n    <fieldset class=\"c8y-fieldset m-t-16 p-b-8\">\n      <legend>Pie chart options</legend>\n      <div\n        class=\"d-flex flex-column gap-8 form-group-sm\"\n        formGroupName=\"pieChartOptions\"\n      >\n        <label class=\"c8y-checkbox\">\n          <input\n            type=\"checkbox\"\n            formControlName=\"showLabels\"\n          />\n          <span></span>\n          <span>\n            {{ 'Show Labels' | translate }}\n          </span>\n        </label>\n        <label class=\"c8y-checkbox\">\n          <input\n            type=\"checkbox\"\n            formControlName=\"showLegend\"\n          />\n          <span></span>\n          <span>\n            {{ 'Show Legend' | translate }}\n          </span>\n        </label>\n        <label class=\"c8y-checkbox\">\n          <input\n            type=\"checkbox\"\n            formControlName=\"showTooltips\"\n          />\n          <span></span>\n          <span>\n            {{ 'Show Tooltips' | translate }}\n          </span>\n        </label>\n      </div>\n    </fieldset>\n  </form>\n\n  <ng-template #pieChartPreview>\n    @if (formGroup.value.datapoints?.length > 0) {\n      <c8y-pie-chart\n        class=\"w-100 h-100\"\n        [config]=\"{\n          datapoints: formGroup.value.datapoints,\n          pieChartOptions: {\n            showLabels: formGroup.value.pieChartOptions.showLabels,\n            showLegend: formGroup.value.pieChartOptions.showLegend,\n            showTooltips: formGroup.value.pieChartOptions.showTooltips\n          }\n        }\"\n      ></c8y-pie-chart>\n    } @else {\n      <div class=\"col-md-6 d-col a-i-start j-c-center\">\n        <c8y-ui-empty-state\n          [icon]=\"'c8y-data-points'\"\n          [title]=\"'No data points selected' | translate\"\n          [subtitle]=\"'Select data point to render content' | translate\"\n          [horizontal]=\"false\"\n          data-cy=\"kpi-widget--empty-state-no-data-point-selected\"\n        >\n          <p c8y-guide-docs>\n            <small\n              translate\n              ngNonBindable\n            >\n              Find out more in the\n              <a c8y-guide-href=\"/docs/cockpit/widgets-collection/#kpi\">user documentation</a>\n              .\n            </small>\n          </p>\n        </c8y-ui-empty-state>\n      </div>\n    }\n  </ng-template>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: i1.EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "directive", type: i1.GuideHrefDirective, selector: "[c8y-guide-href]", inputs: ["c8y-guide-href"] }, { kind: "component", type: i1.GuideDocsComponent, selector: "[c8y-guide-docs]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "ngmodule", type: DatapointSelectorModule }, { kind: "component", type: i3.DatapointSelectionListComponent, selector: "c8y-datapoint-selection-list", inputs: ["actions", "allowDragAndDrop", "config", "defaultFormOptions", "maxActiveCount", "minActiveCount", "resolveContext", "listTitle"], outputs: ["isValid", "change"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: PieChartWidgetViewComponent, selector: "c8y-pie-chart", inputs: ["config"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PieChartWidgetConfigComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-pie-chart-config', imports: [
+                        CommonModule,
+                        CoreModule,
+                        DatapointSelectorModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        PieChartWidgetViewComponent
+                    ], template: "@if (formGroup) {\n  <form\n    class=\"p-4\"\n    [formGroup]=\"formGroup\"\n  >\n    <c8y-datapoint-selection-list\n      class=\"bg-component separator-bottom d-block\"\n      name=\"datapoints\"\n      [minActiveCount]=\"1\"\n      formControlName=\"datapoints\"\n    >\n      @if (differentUnits) {\n        <div\n          class=\"alert alert-warning m-t-8\"\n          role=\"alert\"\n        >\n          <i class=\"c8y-icon c8y-icon-warning text-warning\"></i>\n          {{ 'Selected data points have different units.' | translate }}\n        </div>\n      }\n    </c8y-datapoint-selection-list>\n\n    <fieldset class=\"c8y-fieldset m-t-16 p-b-8\">\n      <legend>Pie chart options</legend>\n      <div\n        class=\"d-flex flex-column gap-8 form-group-sm\"\n        formGroupName=\"pieChartOptions\"\n      >\n        <label class=\"c8y-checkbox\">\n          <input\n            type=\"checkbox\"\n            formControlName=\"showLabels\"\n          />\n          <span></span>\n          <span>\n            {{ 'Show Labels' | translate }}\n          </span>\n        </label>\n        <label class=\"c8y-checkbox\">\n          <input\n            type=\"checkbox\"\n            formControlName=\"showLegend\"\n          />\n          <span></span>\n          <span>\n            {{ 'Show Legend' | translate }}\n          </span>\n        </label>\n        <label class=\"c8y-checkbox\">\n          <input\n            type=\"checkbox\"\n            formControlName=\"showTooltips\"\n          />\n          <span></span>\n          <span>\n            {{ 'Show Tooltips' | translate }}\n          </span>\n        </label>\n      </div>\n    </fieldset>\n  </form>\n\n  <ng-template #pieChartPreview>\n    @if (formGroup.value.datapoints?.length > 0) {\n      <c8y-pie-chart\n        class=\"w-100 h-100\"\n        [config]=\"{\n          datapoints: formGroup.value.datapoints,\n          pieChartOptions: {\n            showLabels: formGroup.value.pieChartOptions.showLabels,\n            showLegend: formGroup.value.pieChartOptions.showLegend,\n            showTooltips: formGroup.value.pieChartOptions.showTooltips\n          }\n        }\"\n      ></c8y-pie-chart>\n    } @else {\n      <div class=\"col-md-6 d-col a-i-start j-c-center\">\n        <c8y-ui-empty-state\n          [icon]=\"'c8y-data-points'\"\n          [title]=\"'No data points selected' | translate\"\n          [subtitle]=\"'Select data point to render content' | translate\"\n          [horizontal]=\"false\"\n          data-cy=\"kpi-widget--empty-state-no-data-point-selected\"\n        >\n          <p c8y-guide-docs>\n            <small\n              translate\n              ngNonBindable\n            >\n              Find out more in the\n              <a c8y-guide-href=\"/docs/cockpit/widgets-collection/#kpi\">user documentation</a>\n              .\n            </small>\n          </p>\n        </c8y-ui-empty-state>\n      </div>\n    }\n  </ng-template>\n}\n" }]
+        }], propDecorators: { config: [{
+                type: Input
+            }], previewMapSet: [{
+                type: ViewChild,
+                args: ['pieChartPreview']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PieChartWidgetConfigComponent, PieChartWidgetViewComponent };
+//# sourceMappingURL=c8y-ngx-components-widgets-implementations-pie-chart.mjs.map

package/fesm2022/c8y-ngx-components-widgets-implementations-pie-chart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"c8y-ngx-components-widgets-implementations-pie-chart.mjs","sources":["../../widgets/implementations/pie-chart/current-measurement.service.ts","../../widgets/implementations/pie-chart/pie-chart-widget-view/pie-chart-widget-view.component.ts","../../widgets/implementations/pie-chart/pie-chart-widget-view/pie-chart-widget-view.component.html","../../widgets/implementations/pie-chart/pie-chart-widget-config/pie-chart-widget-config.component.ts","../../widgets/implementations/pie-chart/pie-chart-widget-config/pie-chart-widget-config.component.html","../../widgets/implementations/pie-chart/c8y-ngx-components-widgets-implementations-pie-chart.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { MeasurementRealtimeService } from '@c8y/ngx-components';\nimport { IMeasurementValue } from '@c8y/client';\nimport { KPIDetails } from '@c8y/ngx-components/datapoint-selector';\nimport { Observable, of } from 'rxjs';\nimport { map, catchError } from 'rxjs/operators';\n\n@Injectable({ providedIn: 'root' })\nexport class CurrentMeasurementService {\n  constructor(private realtime: MeasurementRealtimeService) {}\n\n  /**\n   * Fetches the latest measurement value for a given datapoint.\n   * Combines initial historical value with realtime updates.\n   *\n   * @param datapoint - The KPI datapoint configuration\n   * @returns Observable emitting measurement value, unit, date, and notFound flag\n   */\n  getLatest(datapoint: KPIDetails): Observable<{\n    value: number;\n    unit: string;\n    date: string;\n    notFound?: boolean;\n  }> {\n    return this.realtime\n      .latestValueOfSpecificMeasurement$(\n        datapoint.fragment,\n        datapoint.series,\n        datapoint.__target,\n        1,\n        true\n      )\n      .pipe(\n        map(m => {\n          if (!m) {\n            return {\n              value: Number.NaN,\n              unit: datapoint.unit || '',\n              date: '',\n              notFound: true\n            };\n          }\n\n          const v: IMeasurementValue = m[datapoint.fragment][datapoint.series];\n          return {\n            value: v.value,\n            unit: v.unit || datapoint.unit,\n            date: m.time\n          };\n        }),\n        catchError(() =>\n          of({\n            value: Number.NaN,\n            unit: datapoint.unit || '',\n            date: '',\n            notFound: true\n          })\n        )\n      );\n  }\n}\n","import {\n  Component,\n  ElementRef,\n  inject,\n  Input,\n  OnChanges,\n  SimpleChanges,\n  ChangeDetectionStrategy,\n  ViewChild\n} from '@angular/core';\nimport {\n  DatapointValue,\n  MeasurementValue,\n  PieChartConfig,\n  PieChartOptions\n} from '../pie-chart.model';\nimport { ECharts } from 'echarts/core';\nimport { BehaviorSubject, combineLatest, map, Observable, switchMap, tap } from 'rxjs';\nimport { NGX_ECHARTS_CONFIG, NgxEchartsModule } from 'ngx-echarts';\nimport { AsyncPipe } from '@angular/common';\nimport { CurrentMeasurementService } from '../current-measurement.service';\nimport {\n  DynamicComponent,\n  DynamicComponentAlert,\n  DynamicComponentAlertAggregator,\n  MeasurementRealtimeService\n} from '@c8y/ngx-components';\nimport { ChartAlertsComponent } from '@c8y/ngx-components/echart';\nimport { TranslateService } from '@ngx-translate/core';\nimport { gettext } from '@c8y/ngx-components/gettext';\nimport * as echarts from 'echarts';\nimport type { EChartsOption, PieSeriesOption } from 'echarts';\nimport { KPIDetails } from '@c8y/ngx-components/datapoint-selector';\nimport { CallbackDataParams } from 'echarts/types/dist/shared';\n\n/** Chart layout constants */\nconst CHART_LAYOUT = {\n  LEGEND_TOP: '5%',\n  SERIES_TOP: '5%',\n  PIE_RADIUS: '80%',\n  EMPTY_STATE_FONT_SIZE: 30\n} as const;\n\n@Component({\n  selector: 'c8y-pie-chart',\n  templateUrl: './pie-chart-widget-view.component.html',\n  providers: [\n    MeasurementRealtimeService,\n    CurrentMeasurementService,\n    { provide: NGX_ECHARTS_CONFIG, useFactory: () => ({ echarts: () => import('echarts') }) }\n  ],\n  imports: [NgxEchartsModule, AsyncPipe, ChartAlertsComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PieChartWidgetViewComponent implements OnChanges, DynamicComponent {\n  @Input() config!: PieChartConfig;\n  @ViewChild('chart', { static: false }) chart!: ElementRef;\n  activeDatapoints: KPIDetails[] = [];\n\n  chartOptions$!: Observable<EChartsOption>;\n  alerts = new DynamicComponentAlertAggregator();\n  echartsInstance!: ECharts;\n\n  private readonly configChanged$ = new BehaviorSubject<void>(undefined);\n  private readonly measurements = inject(CurrentMeasurementService);\n  private readonly translateService = inject(TranslateService);\n\n  constructor() {\n    this.chartOptions$ = this.configChanged$.pipe(\n      switchMap(() => this.fetchMeasurements()),\n      tap(entries => this.handleNegativeValues(entries)),\n      map(entries => this.buildChartOptions(entries)),\n      tap(options => this.updateChartInstance(options))\n    );\n  }\n\n  ngOnChanges(_: SimpleChanges) {\n    if (this.config?.datapoints?.length) {\n      this.configChanged$.next();\n    }\n  }\n\n  onChartInit(ec: ECharts) {\n    this.echartsInstance = ec;\n  }\n\n  /**\n   * Fetches latest measurements for all configured datapoints.\n   */\n  private fetchMeasurements(): Observable<DatapointValue[]> {\n    this.activeDatapoints = this.config?.datapoints?.filter(dp => dp.__active);\n    const streams = this.activeDatapoints.map(dp =>\n      this.measurements.getLatest(dp).pipe(map(m => this.mapToDatapointValue(dp, m)))\n    );\n    return combineLatest(streams);\n  }\n\n  /**\n   * Maps a datapoint and its measurement to a DatapointValue.\n   */\n  private mapToDatapointValue(\n    datapoint: KPIDetails,\n    measurement: MeasurementValue\n  ): DatapointValue {\n    const rawValue = measurement.value;\n    return {\n      label: datapoint.label || '',\n      value: rawValue < 0 || Number.isNaN(rawValue) ? 0 : rawValue,\n      rawValue,\n      unit: datapoint.unit || measurement.unit || '',\n      color: datapoint.color || ''\n    };\n  }\n\n  /**\n   * Handles negative value alerts - clears existing alerts and adds warning if needed.\n   */\n  private handleNegativeValues(entries: DatapointValue[]): void {\n    this.alerts.clear();\n\n    const negatives = entries.filter(e => e.rawValue < 0);\n    if (negatives.length === 0) {\n      return;\n    }\n\n    const negativeDpList = negatives\n      .map(n => `${this.encodeHtml(n.label)}: ${n.rawValue} ${this.encodeHtml(n.unit)}`)\n      .join('; ');\n\n    const errorMessage = this.translateService.instant(\n      gettext('Negative measurements received from data point(s): {{ datapoints }}'),\n      { datapoints: negativeDpList }\n    );\n\n    this.alerts.addAlerts(new DynamicComponentAlert({ type: 'warning', text: errorMessage }));\n  }\n\n  /**\n   * Builds the ECharts options based on datapoint values.\n   */\n  private buildChartOptions(datapoints: DatapointValue[]): EChartsOption {\n    if (this.isEmptyState(datapoints)) {\n      return this.buildEmptyStateOptions();\n    }\n    return this.buildPieChartOptions(datapoints);\n  }\n\n  /**\n   * Checks if chart should display empty state (no positive data).\n   */\n  private isEmptyState(entries: DatapointValue[]): boolean {\n    const hasPositiveData = entries.some(e => e.rawValue > 0);\n    const hasNegativeData = entries.some(e => e.rawValue < 0);\n    return !hasPositiveData && !hasNegativeData;\n  }\n\n  /**\n   * Builds options for empty state display.\n   */\n  private buildEmptyStateOptions(): EChartsOption {\n    return {\n      title: {\n        text: gettext('No data available.'),\n        left: 'center',\n        top: 'center',\n        textStyle: { fontSize: CHART_LAYOUT.EMPTY_STATE_FONT_SIZE }\n      },\n      series: []\n    };\n  }\n\n  /**\n   * Builds the pie chart options with data.\n   */\n  private buildPieChartOptions(entries: DatapointValue[]): EChartsOption {\n    const options = this.config.pieChartOptions;\n    const total = this.calculateTotal(entries);\n\n    return {\n      tooltip: this.buildTooltipConfig(entries, options),\n      legend: this.buildLegendConfig(options),\n      series: [this.buildPieSeriesConfig(entries, total, options)]\n    };\n  }\n\n  /**\n   * Calculates total of all entry values.\n   */\n  private calculateTotal(entries: DatapointValue[]): number {\n    return entries.reduce((sum, e) => sum + e.value, 0);\n  }\n\n  /**\n   * Builds tooltip configuration.\n   */\n  private buildTooltipConfig(\n    entries: DatapointValue[],\n    options?: PieChartOptions\n  ): EChartsOption['tooltip'] {\n    return {\n      show: options?.showTooltips ?? false,\n      formatter: (params: CallbackDataParams) => {\n        const entry = entries.find(e => e.label === params.name);\n        const unit = entry?.unit || '';\n        const value = (params.value as number).toFixed(2);\n        return `${this.encodeHtml(params.name as string)}: ${value} ${this.encodeHtml(unit)}`;\n      }\n    };\n  }\n\n  /**\n   * Builds legend configuration.\n   */\n  private buildLegendConfig(options?: PieChartOptions): EChartsOption['legend'] {\n    return {\n      top: CHART_LAYOUT.LEGEND_TOP,\n      left: 'right',\n      show: options?.showLegend ?? false,\n      formatter: (name: string) => {\n        const match = name.match(/^(.+)_\\d+$/);\n        return match ? match[1] : name;\n      }\n    };\n  }\n\n  /**\n   * Builds pie series configuration.\n   */\n  private buildPieSeriesConfig(\n    entries: DatapointValue[],\n    total: number,\n    options?: PieChartOptions\n  ): PieSeriesOption {\n    return {\n      top: CHART_LAYOUT.SERIES_TOP,\n      type: 'pie',\n      radius: CHART_LAYOUT.PIE_RADIUS,\n      label: {\n        show: options?.showLabels ?? false,\n        position: 'inside',\n        formatter: (params: CallbackDataParams) =>\n          this.formatPercentageLabel(params.value as number, total)\n      },\n      data: entries.map((e, index) => ({\n        name: `${e.label}_${index}`,\n        value: e.value,\n        itemStyle: { color: e.color }\n      }))\n    };\n  }\n\n  /**\n   * Formats percentage label for pie slice.\n   */\n  private formatPercentageLabel(value: number, total: number): string {\n    const percentage = total > 0 ? Math.round((value / total) * 100) : 0;\n    return percentage === 0 ? '' : `${percentage}%`;\n  }\n\n  /**\n   * Updates the ECharts instance with new options.\n   */\n  private updateChartInstance(options: EChartsOption): void {\n    if (this.echartsInstance) {\n      this.echartsInstance.setOption(options, true);\n    }\n  }\n\n  /**\n   * Encodes HTML to prevent XSS attacks.\n   */\n  private encodeHtml(text: string): string {\n    return echarts.format.encodeHTML(text);\n  }\n}\n","<div class=\"p-relative fit-h\">\n  <div\n    class=\"p-absolute fit-w fit-h\"\n    #chart\n    echarts\n    [options]=\"chartOptions$ | async\"\n    (chartInit)=\"onChartInit($event)\"\n  ></div>\n\n  <c8y-chart-alerts [alerts]=\"alerts\"></c8y-chart-alerts>\n</div>\n","import { Component, inject, Input, OnDestroy, OnInit, TemplateRef, ViewChild } from '@angular/core';\nimport { PieChartConfig } from '../pie-chart.model';\nimport { WidgetConfigService } from '@c8y/ngx-components/context-dashboard';\nimport { Observable, Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { FormBuilder, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';\nimport { DatapointSelectorModule, KPIDetails } from '@c8y/ngx-components/datapoint-selector';\nimport { CommonModule, CoreModule } from '@c8y/ngx-components';\nimport { PieChartWidgetViewComponent } from '../pie-chart-widget-view/pie-chart-widget-view.component';\n\n@Component({\n  selector: 'app-pie-chart-config',\n  templateUrl: './pie-chart-widget-config.component.html',\n  imports: [\n    CommonModule,\n    CoreModule,\n    DatapointSelectorModule,\n    FormsModule,\n    ReactiveFormsModule,\n    PieChartWidgetViewComponent\n  ]\n})\nexport class PieChartWidgetConfigComponent implements OnInit, OnDestroy {\n  @Input() config: PieChartConfig;\n  formGroup!: ReturnType<PieChartWidgetConfigComponent['initForm']>;\n  differentUnits = false;\n  private readonly destroy$ = new Subject<void>();\n\n  @ViewChild('pieChartPreview')\n  set previewMapSet(template: TemplateRef<any>) {\n    if (template) {\n      this.widgetConfigService.setPreview(template);\n      return;\n    }\n    this.widgetConfigService.setPreview(null);\n  }\n\n  private readonly widgetConfigService = inject(WidgetConfigService);\n  private readonly formBuilder = inject(FormBuilder);\n\n  ngOnInit() {\n    this.formGroup = this.initForm();\n    this.subscribeToDatapointsChanges();\n  }\n\n  ngOnDestroy() {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n\n  onBeforeSave(config?: PieChartConfig): boolean | Promise<boolean> | Observable<boolean> {\n    if (!this.formGroup.valid || !config) return false;\n\n    const formValue = this.formGroup.value;\n    config.datapoints = formValue.datapoints;\n    config.pieChartOptions = config.pieChartOptions || {\n      showLabels: false,\n      showLegend: false,\n      showTooltips: false\n    };\n    config.pieChartOptions.showLabels = formValue.pieChartOptions.showLabels;\n    config.pieChartOptions.showLegend = formValue.pieChartOptions.showLegend;\n    config.pieChartOptions.showTooltips = formValue.pieChartOptions.showTooltips;\n\n    this.widgetConfigService.updateConfig(config);\n\n    return true;\n  }\n\n  private initForm() {\n    const form = this.formBuilder.group({\n      datapoints: [this.config.datapoints, [Validators.required, Validators.minLength(1)]],\n      pieChartOptions: this.formBuilder.group({\n        showLabels: [this.config.pieChartOptions?.showLabels ?? false],\n        showLegend: [this.config.pieChartOptions?.showLegend ?? false],\n        showTooltips: [this.config.pieChartOptions?.showTooltips ?? false]\n      })\n    });\n    return form;\n  }\n\n  private subscribeToDatapointsChanges() {\n    this.formGroup\n      .get('datapoints')\n      ?.valueChanges.pipe(takeUntil(this.destroy$))\n      .subscribe(datapoints => {\n        this.checkUnitsMatch(datapoints);\n      });\n\n    // Initial check\n    this.checkUnitsMatch(this.formGroup.get('datapoints')?.value);\n  }\n\n  /**\n   * Checks if selected datapoints have different units and sets warning flag.\n   * Different units in a pie chart can be misleading to users.\n   *\n   * @param datapoints - Array of selected datapoints to check\n   */\n  private checkUnitsMatch(datapoints: KPIDetails[]) {\n    if (!datapoints || datapoints.length <= 1) {\n      this.differentUnits = false;\n      return;\n    }\n\n    const units = datapoints.filter(dp => dp && dp.unit).map(dp => dp.unit);\n\n    if (units.length <= 1) {\n      this.differentUnits = false;\n      return;\n    }\n\n    const firstUnit = units[0];\n    this.differentUnits = units.some(unit => unit !== firstUnit);\n  }\n}\n","@if (formGroup) {\n  <form\n    class=\"p-4\"\n    [formGroup]=\"formGroup\"\n  >\n    <c8y-datapoint-selection-list\n      class=\"bg-component separator-bottom d-block\"\n      name=\"datapoints\"\n      [minActiveCount]=\"1\"\n      formControlName=\"datapoints\"\n    >\n      @if (differentUnits) {\n        <div\n          class=\"alert alert-warning m-t-8\"\n          role=\"alert\"\n        >\n          <i class=\"c8y-icon c8y-icon-warning text-warning\"></i>\n          {{ 'Selected data points have different units.' | translate }}\n        </div>\n      }\n    </c8y-datapoint-selection-list>\n\n    <fieldset class=\"c8y-fieldset m-t-16 p-b-8\">\n      <legend>Pie chart options</legend>\n      <div\n        class=\"d-flex flex-column gap-8 form-group-sm\"\n        formGroupName=\"pieChartOptions\"\n      >\n        <label class=\"c8y-checkbox\">\n          <input\n            type=\"checkbox\"\n            formControlName=\"showLabels\"\n          />\n          <span></span>\n          <span>\n            {{ 'Show Labels' | translate }}\n          </span>\n        </label>\n        <label class=\"c8y-checkbox\">\n          <input\n            type=\"checkbox\"\n            formControlName=\"showLegend\"\n          />\n          <span></span>\n          <span>\n            {{ 'Show Legend' | translate }}\n          </span>\n        </label>\n        <label class=\"c8y-checkbox\">\n          <input\n            type=\"checkbox\"\n            formControlName=\"showTooltips\"\n          />\n          <span></span>\n          <span>\n            {{ 'Show Tooltips' | translate }}\n          </span>\n        </label>\n      </div>\n    </fieldset>\n  </form>\n\n  <ng-template #pieChartPreview>\n    @if (formGroup.value.datapoints?.length > 0) {\n      <c8y-pie-chart\n        class=\"w-100 h-100\"\n        [config]=\"{\n          datapoints: formGroup.value.datapoints,\n          pieChartOptions: {\n            showLabels: formGroup.value.pieChartOptions.showLabels,\n            showLegend: formGroup.value.pieChartOptions.showLegend,\n            showTooltips: formGroup.value.pieChartOptions.showTooltips\n          }\n        }\"\n      ></c8y-pie-chart>\n    } @else {\n      <div class=\"col-md-6 d-col a-i-start j-c-center\">\n        <c8y-ui-empty-state\n          [icon]=\"'c8y-data-points'\"\n          [title]=\"'No data points selected' | translate\"\n          [subtitle]=\"'Select data point to render content' | translate\"\n          [horizontal]=\"false\"\n          data-cy=\"kpi-widget--empty-state-no-data-point-selected\"\n        >\n          <p c8y-guide-docs>\n            <small\n              translate\n              ngNonBindable\n            >\n              Find out more in the\n              <a c8y-guide-href=\"/docs/cockpit/widgets-collection/#kpi\">user documentation</a>\n              .\n            </small>\n          </p>\n        </c8y-ui-empty-state>\n      </div>\n    }\n  </ng-template>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["map","i1"],"mappings":"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"}

package/fesm2022/c8y-ngx-components-widgets-widget-providers.mjs

@@ -23,6 +23,7 @@ import { legacyCockpitWelcomeWidgetProviders } from '@c8y/ngx-components/widgets
 import { deviceManagementWelcomeWidgetProviders } from '@c8y/ngx-components/widgets/definitions/device-management-welcome';
 import { assetNotesWidgetProviders } from '@c8y/ngx-components/widgets/definitions/asset-notes';
 import { eventListWidgetProviders } from '@c8y/ngx-components/widgets/definitions/event-list';
+import { pieChartWidgetProviders } from '@c8y/ngx-components/widgets/definitions/pie-chart';
 
 /**
  * Map of widget IDs to their respective providers
@@ -53,7 +54,8 @@ const WIDGET_PROVIDERS_MAP = {
     [defaultWidgetIds.LEGACY_COCKPIT_WELCOME]: legacyCockpitWelcomeWidgetProviders,
     [defaultWidgetIds.DEVICE_MANAGEMENT_WELCOME]: deviceManagementWelcomeWidgetProviders,
     [defaultWidgetIds.ASSET_NOTES]: assetNotesWidgetProviders,
-    [defaultWidgetIds.EVENT_LIST]: eventListWidgetProviders
+    [defaultWidgetIds.EVENT_LIST]: eventListWidgetProviders,
+    [defaultWidgetIds.PIE_CHART]: pieChartWidgetProviders
 };
 /**
  * Default widgets that are typically useful
@@ -84,7 +86,8 @@ const DEFAULT_WIDGETS = [
     defaultWidgetIds.LEGACY_COCKPIT_WELCOME,
     defaultWidgetIds.DEVICE_MANAGEMENT_WELCOME,
     defaultWidgetIds.ASSET_NOTES,
-    defaultWidgetIds.EVENT_LIST
+    defaultWidgetIds.EVENT_LIST,
+    defaultWidgetIds.PIE_CHART
 ];
 /**
  * Configures and returns widget providers.

package/fesm2022/c8y-ngx-components-widgets-widget-providers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"c8y-ngx-components-widgets-widget-providers.mjs","sources":["../../widgets/widget-providers/index.ts","../../widgets/widget-providers/c8y-ngx-components-widgets-widget-providers.ts"],"sourcesContent":["import { Provider } from '@angular/core';\nimport { defaultWidgetIds, DefaultWidgetIdValues } from '@c8y/ngx-components/widgets/definitions';\nimport { alarmListWidgetProviders } from '@c8y/ngx-components/widgets/definitions/alarms/alarm-list';\nimport { criticalAlarmsWidgetProviders } from '@c8y/ngx-components/widgets/definitions/alarms/all-critical-alarms';\nimport { recentAlarmsWidgetProviders } from '@c8y/ngx-components/widgets/definitions/alarms/recent-alarms';\nimport { dataPointsTableWidgetProviders } from '@c8y/ngx-components/widgets/definitions/datapoints-table';\nimport { datapointGraphWidgetproviders } from '@c8y/ngx-components/widgets/definitions/datapoints-graph';\nimport { infoGaugeWidgetProviders } from '@c8y/ngx-components/widgets/definitions/info-gauge';\nimport { kpiWidgetProviders } from '@c8y/ngx-components/widgets/definitions/kpi';\nimport { linearGaugeWidgetProviders } from '@c8y/ngx-components/widgets/definitions/linear-gauge';\nimport { mapWidgetProviders } from '@c8y/ngx-components/widgets/definitions/map';\nimport { radialGaugeWidgetProviders } from '@c8y/ngx-components/widgets/definitions/radial-gauge';\nimport { deviceControlMessageWidgetProviders } from '@c8y/ngx-components/widgets/definitions/device-control-message';\nimport { imageWidgetProviders } from '@c8y/ngx-components/widgets/definitions/image';\nimport { markdownWidgetProviders } from '@c8y/ngx-components/widgets/definitions/markdown';\nimport { htmlWidgetProviders } from '@c8y/ngx-components/widgets/definitions/html-widget';\nimport { helpAndServiceWidgetProviders } from '@c8y/ngx-components/widgets/definitions/help-and-service';\nimport { threeDRotationWidgetProviders } from '@c8y/ngx-components/widgets/definitions/three-d-rotation';\nimport { siloWidgetProviders } from '@c8y/ngx-components/widgets/definitions/silo';\nimport { applicationsWidgetProviders } from '@c8y/ngx-components/widgets/definitions/applications';\nimport { quickLinksWidgetProviders } from '@c8y/ngx-components/widgets/definitions/quick-links';\nimport { cockpitWelcomeWidgetProviders } from '@c8y/ngx-components/widgets/definitions/cockpit-welcome';\nimport { legacyCockpitWelcomeWidgetProviders } from '@c8y/ngx-components/widgets/definitions/cockpit-legacy-welcome';\nimport { deviceManagementWelcomeWidgetProviders } from '@c8y/ngx-components/widgets/definitions/device-management-welcome';\nimport { assetNotesWidgetProviders } from '@c8y/ngx-components/widgets/definitions/asset-notes';\nimport { eventListWidgetProviders } from '@c8y/ngx-components/widgets/definitions/event-list';\n\n/**\n * Type representing all available widget IDs that can be configured\n * This ensures type safety when specifying widget IDs\n */\nexport type WidgetId = DefaultWidgetIdValues;\n\n/**\n * Configuration interface for widget providers\n */\nexport interface WidgetProvidersConfig {\n  /**\n   * List of widget IDs to exclude from the providers\n   * Use defaultWidgetIds constants for type safety and autocomplete\n   * @example { exclude: [defaultWidgetIds.HTML, defaultWidgetIds.MARKDOWN] }\n   */\n  exclude?: WidgetId[];\n}\n\n/**\n * Map of widget IDs to their respective providers\n * This includes both widget definitions and configuration hooks\n */\nconst WIDGET_PROVIDERS_MAP: Partial<Record<WidgetId, Provider[]>> = {\n  [defaultWidgetIds.ALARM_LIST]: alarmListWidgetProviders,\n  [defaultWidgetIds.ALL_CRITICAL_ALARMS]: criticalAlarmsWidgetProviders,\n  [defaultWidgetIds.RECENT_ALARMS]: recentAlarmsWidgetProviders,\n  [defaultWidgetIds.DATA_POINTS_TABLE]: dataPointsTableWidgetProviders,\n  [defaultWidgetIds.DATAPOINTS_GRAPH]: datapointGraphWidgetproviders,\n  [defaultWidgetIds.DATAPOINTS_GRAPH_NEW]: datapointGraphWidgetproviders,\n  [defaultWidgetIds.KPI]: kpiWidgetProviders,\n  [defaultWidgetIds.INFO_GAUGE]: infoGaugeWidgetProviders,\n  [defaultWidgetIds.LINEAR_GAUGE]: linearGaugeWidgetProviders,\n  [defaultWidgetIds.RADIAL_GAUGE]: radialGaugeWidgetProviders,\n  [defaultWidgetIds.MAP]: mapWidgetProviders,\n  [defaultWidgetIds.DEVICE_CONTROL_MESSAGE_WIDGET]: deviceControlMessageWidgetProviders,\n  [defaultWidgetIds.THREE_D_ROTATION]: threeDRotationWidgetProviders,\n  [defaultWidgetIds.SILO]: siloWidgetProviders,\n  [defaultWidgetIds.APPLICATIONS]: applicationsWidgetProviders,\n  [defaultWidgetIds.QUICK_LINKS]: quickLinksWidgetProviders,\n  [defaultWidgetIds.HELP_AND_SERVICE]: helpAndServiceWidgetProviders,\n  [defaultWidgetIds.IMAGE]: imageWidgetProviders,\n  [defaultWidgetIds.MARKDOWN]: markdownWidgetProviders,\n  [defaultWidgetIds.HTML]: htmlWidgetProviders,\n  [defaultWidgetIds.COCKPIT_WELCOME]: cockpitWelcomeWidgetProviders,\n  [defaultWidgetIds.LEGACY_COCKPIT_WELCOME]: legacyCockpitWelcomeWidgetProviders,\n  [defaultWidgetIds.DEVICE_MANAGEMENT_WELCOME]: deviceManagementWelcomeWidgetProviders,\n  [defaultWidgetIds.ASSET_NOTES]: assetNotesWidgetProviders,\n  [defaultWidgetIds.EVENT_LIST]: eventListWidgetProviders\n};\n\n/**\n * Default widgets that are typically useful\n * These are the widgets that will be loaded unless explicitly excluded\n */\nexport const DEFAULT_WIDGETS: WidgetId[] = [\n  defaultWidgetIds.ALARM_LIST,\n  defaultWidgetIds.ALL_CRITICAL_ALARMS,\n  defaultWidgetIds.RECENT_ALARMS,\n  defaultWidgetIds.DATA_POINTS_TABLE,\n  defaultWidgetIds.DATAPOINTS_GRAPH,\n  defaultWidgetIds.DATAPOINTS_GRAPH_NEW,\n  defaultWidgetIds.KPI,\n  defaultWidgetIds.INFO_GAUGE,\n  defaultWidgetIds.LINEAR_GAUGE,\n  defaultWidgetIds.RADIAL_GAUGE,\n  defaultWidgetIds.MAP,\n  defaultWidgetIds.DEVICE_CONTROL_MESSAGE_WIDGET,\n  defaultWidgetIds.THREE_D_ROTATION,\n  defaultWidgetIds.SILO,\n  defaultWidgetIds.APPLICATIONS,\n  defaultWidgetIds.QUICK_LINKS,\n  defaultWidgetIds.HELP_AND_SERVICE,\n  defaultWidgetIds.IMAGE,\n  defaultWidgetIds.MARKDOWN,\n  defaultWidgetIds.HTML,\n  defaultWidgetIds.COCKPIT_WELCOME,\n  defaultWidgetIds.LEGACY_COCKPIT_WELCOME,\n  defaultWidgetIds.DEVICE_MANAGEMENT_WELCOME,\n  defaultWidgetIds.ASSET_NOTES,\n  defaultWidgetIds.EVENT_LIST\n];\n\n/**\n * Configures and returns widget providers.\n *\n * This function allows selective loading of widget providers with their configuration hooks.\n * Unlike `cockpitWidgets()` which only provides widget definitions, this includes\n * the full providers with `hookWidgetConfig` registrations for features like widget preview.\n *\n * @param config Configuration options for widget providers\n * @returns Array of providers to be included in app.module.ts\n *\n * @example\n * ```typescript\n * // In app.module.ts\n * providers: [\n *   ...configureWidgetProviders({\n *     exclude: [defaultWidgetIds.HTML, defaultWidgetIds.MARKDOWN]\n *   }),\n *   // other providers\n * ]\n * ```\n *\n * @example\n * ```typescript\n * // Load all default widgets\n * providers: [\n *   ...configureWidgetProviders(),\n *   // other providers\n * ]\n * ```\n */\nexport function configureWidgetProviders(config: WidgetProvidersConfig = {}): Provider[] {\n  const { exclude = [] } = config;\n  const excludeSet = new Set(exclude);\n\n  return DEFAULT_WIDGETS.filter(widgetId => !excludeSet.has(widgetId)).flatMap(widgetId => {\n    const providers = WIDGET_PROVIDERS_MAP[widgetId];\n    if (!providers) {\n      console.warn(`Widget providers not found for widget ID: ${widgetId}`);\n      return [];\n    }\n    return providers;\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"c8y-ngx-components-widgets-widget-providers.mjs","sources":["../../widgets/widget-providers/index.ts","../../widgets/widget-providers/c8y-ngx-components-widgets-widget-providers.ts"],"sourcesContent":["import { Provider } from '@angular/core';\nimport { defaultWidgetIds, DefaultWidgetIdValues } from '@c8y/ngx-components/widgets/definitions';\nimport { alarmListWidgetProviders } from '@c8y/ngx-components/widgets/definitions/alarms/alarm-list';\nimport { criticalAlarmsWidgetProviders } from '@c8y/ngx-components/widgets/definitions/alarms/all-critical-alarms';\nimport { recentAlarmsWidgetProviders } from '@c8y/ngx-components/widgets/definitions/alarms/recent-alarms';\nimport { dataPointsTableWidgetProviders } from '@c8y/ngx-components/widgets/definitions/datapoints-table';\nimport { datapointGraphWidgetproviders } from '@c8y/ngx-components/widgets/definitions/datapoints-graph';\nimport { infoGaugeWidgetProviders } from '@c8y/ngx-components/widgets/definitions/info-gauge';\nimport { kpiWidgetProviders } from '@c8y/ngx-components/widgets/definitions/kpi';\nimport { linearGaugeWidgetProviders } from '@c8y/ngx-components/widgets/definitions/linear-gauge';\nimport { mapWidgetProviders } from '@c8y/ngx-components/widgets/definitions/map';\nimport { radialGaugeWidgetProviders } from '@c8y/ngx-components/widgets/definitions/radial-gauge';\nimport { deviceControlMessageWidgetProviders } from '@c8y/ngx-components/widgets/definitions/device-control-message';\nimport { imageWidgetProviders } from '@c8y/ngx-components/widgets/definitions/image';\nimport { markdownWidgetProviders } from '@c8y/ngx-components/widgets/definitions/markdown';\nimport { htmlWidgetProviders } from '@c8y/ngx-components/widgets/definitions/html-widget';\nimport { helpAndServiceWidgetProviders } from '@c8y/ngx-components/widgets/definitions/help-and-service';\nimport { threeDRotationWidgetProviders } from '@c8y/ngx-components/widgets/definitions/three-d-rotation';\nimport { siloWidgetProviders } from '@c8y/ngx-components/widgets/definitions/silo';\nimport { applicationsWidgetProviders } from '@c8y/ngx-components/widgets/definitions/applications';\nimport { quickLinksWidgetProviders } from '@c8y/ngx-components/widgets/definitions/quick-links';\nimport { cockpitWelcomeWidgetProviders } from '@c8y/ngx-components/widgets/definitions/cockpit-welcome';\nimport { legacyCockpitWelcomeWidgetProviders } from '@c8y/ngx-components/widgets/definitions/cockpit-legacy-welcome';\nimport { deviceManagementWelcomeWidgetProviders } from '@c8y/ngx-components/widgets/definitions/device-management-welcome';\nimport { assetNotesWidgetProviders } from '@c8y/ngx-components/widgets/definitions/asset-notes';\nimport { eventListWidgetProviders } from '@c8y/ngx-components/widgets/definitions/event-list';\nimport { pieChartWidgetProviders } from '@c8y/ngx-components/widgets/definitions/pie-chart';\n\n/**\n * Type representing all available widget IDs that can be configured\n * This ensures type safety when specifying widget IDs\n */\nexport type WidgetId = DefaultWidgetIdValues;\n\n/**\n * Configuration interface for widget providers\n */\nexport interface WidgetProvidersConfig {\n  /**\n   * List of widget IDs to exclude from the providers\n   * Use defaultWidgetIds constants for type safety and autocomplete\n   * @example { exclude: [defaultWidgetIds.HTML, defaultWidgetIds.MARKDOWN] }\n   */\n  exclude?: WidgetId[];\n}\n\n/**\n * Map of widget IDs to their respective providers\n * This includes both widget definitions and configuration hooks\n */\nconst WIDGET_PROVIDERS_MAP: Partial<Record<WidgetId, Provider[]>> = {\n  [defaultWidgetIds.ALARM_LIST]: alarmListWidgetProviders,\n  [defaultWidgetIds.ALL_CRITICAL_ALARMS]: criticalAlarmsWidgetProviders,\n  [defaultWidgetIds.RECENT_ALARMS]: recentAlarmsWidgetProviders,\n  [defaultWidgetIds.DATA_POINTS_TABLE]: dataPointsTableWidgetProviders,\n  [defaultWidgetIds.DATAPOINTS_GRAPH]: datapointGraphWidgetproviders,\n  [defaultWidgetIds.DATAPOINTS_GRAPH_NEW]: datapointGraphWidgetproviders,\n  [defaultWidgetIds.KPI]: kpiWidgetProviders,\n  [defaultWidgetIds.INFO_GAUGE]: infoGaugeWidgetProviders,\n  [defaultWidgetIds.LINEAR_GAUGE]: linearGaugeWidgetProviders,\n  [defaultWidgetIds.RADIAL_GAUGE]: radialGaugeWidgetProviders,\n  [defaultWidgetIds.MAP]: mapWidgetProviders,\n  [defaultWidgetIds.DEVICE_CONTROL_MESSAGE_WIDGET]: deviceControlMessageWidgetProviders,\n  [defaultWidgetIds.THREE_D_ROTATION]: threeDRotationWidgetProviders,\n  [defaultWidgetIds.SILO]: siloWidgetProviders,\n  [defaultWidgetIds.APPLICATIONS]: applicationsWidgetProviders,\n  [defaultWidgetIds.QUICK_LINKS]: quickLinksWidgetProviders,\n  [defaultWidgetIds.HELP_AND_SERVICE]: helpAndServiceWidgetProviders,\n  [defaultWidgetIds.IMAGE]: imageWidgetProviders,\n  [defaultWidgetIds.MARKDOWN]: markdownWidgetProviders,\n  [defaultWidgetIds.HTML]: htmlWidgetProviders,\n  [defaultWidgetIds.COCKPIT_WELCOME]: cockpitWelcomeWidgetProviders,\n  [defaultWidgetIds.LEGACY_COCKPIT_WELCOME]: legacyCockpitWelcomeWidgetProviders,\n  [defaultWidgetIds.DEVICE_MANAGEMENT_WELCOME]: deviceManagementWelcomeWidgetProviders,\n  [defaultWidgetIds.ASSET_NOTES]: assetNotesWidgetProviders,\n  [defaultWidgetIds.EVENT_LIST]: eventListWidgetProviders,\n  [defaultWidgetIds.PIE_CHART]: pieChartWidgetProviders\n};\n\n/**\n * Default widgets that are typically useful\n * These are the widgets that will be loaded unless explicitly excluded\n */\nexport const DEFAULT_WIDGETS: WidgetId[] = [\n  defaultWidgetIds.ALARM_LIST,\n  defaultWidgetIds.ALL_CRITICAL_ALARMS,\n  defaultWidgetIds.RECENT_ALARMS,\n  defaultWidgetIds.DATA_POINTS_TABLE,\n  defaultWidgetIds.DATAPOINTS_GRAPH,\n  defaultWidgetIds.DATAPOINTS_GRAPH_NEW,\n  defaultWidgetIds.KPI,\n  defaultWidgetIds.INFO_GAUGE,\n  defaultWidgetIds.LINEAR_GAUGE,\n  defaultWidgetIds.RADIAL_GAUGE,\n  defaultWidgetIds.MAP,\n  defaultWidgetIds.DEVICE_CONTROL_MESSAGE_WIDGET,\n  defaultWidgetIds.THREE_D_ROTATION,\n  defaultWidgetIds.SILO,\n  defaultWidgetIds.APPLICATIONS,\n  defaultWidgetIds.QUICK_LINKS,\n  defaultWidgetIds.HELP_AND_SERVICE,\n  defaultWidgetIds.IMAGE,\n  defaultWidgetIds.MARKDOWN,\n  defaultWidgetIds.HTML,\n  defaultWidgetIds.COCKPIT_WELCOME,\n  defaultWidgetIds.LEGACY_COCKPIT_WELCOME,\n  defaultWidgetIds.DEVICE_MANAGEMENT_WELCOME,\n  defaultWidgetIds.ASSET_NOTES,\n  defaultWidgetIds.EVENT_LIST,\n  defaultWidgetIds.PIE_CHART\n];\n\n/**\n * Configures and returns widget providers.\n *\n * This function allows selective loading of widget providers with their configuration hooks.\n * Unlike `cockpitWidgets()` which only provides widget definitions, this includes\n * the full providers with `hookWidgetConfig` registrations for features like widget preview.\n *\n * @param config Configuration options for widget providers\n * @returns Array of providers to be included in app.module.ts\n *\n * @example\n * ```typescript\n * // In app.module.ts\n * providers: [\n *   ...configureWidgetProviders({\n *     exclude: [defaultWidgetIds.HTML, defaultWidgetIds.MARKDOWN]\n *   }),\n *   // other providers\n * ]\n * ```\n *\n * @example\n * ```typescript\n * // Load all default widgets\n * providers: [\n *   ...configureWidgetProviders(),\n *   // other providers\n * ]\n * ```\n */\nexport function configureWidgetProviders(config: WidgetProvidersConfig = {}): Provider[] {\n  const { exclude = [] } = config;\n  const excludeSet = new Set(exclude);\n\n  return DEFAULT_WIDGETS.filter(widgetId => !excludeSet.has(widgetId)).flatMap(widgetId => {\n    const providers = WIDGET_PROVIDERS_MAP[widgetId];\n    if (!providers) {\n      console.warn(`Widget providers not found for widget ID: ${widgetId}`);\n      return [];\n    }\n    return providers;\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}