import { IIdentified, InventoryService } from '@c8y/client'; import * as _c8y_ngx_components_widgets_implementations_html_widget from '@c8y/ngx-components/widgets/implementations/html-widget'; import { HtmlWidgetConfig } from '@c8y/ngx-components/widgets/implementations/html-widget'; import * as _c8y_ngx_components_context_dashboard from '@c8y/ngx-components/context-dashboard'; import { ContextWidgetConfig, AssetPropertyMappings, WidgetConfigService, WidgetConfigSectionComponent } from '@c8y/ngx-components/context-dashboard'; import * as _c8y_ngx_components from '@c8y/ngx-components'; import { C8yPropertyType, AlertService, DropAreaComponent, DroppedFile, DynamicComponent, DashboardChildComponent, DynamicComponentAlertAggregator } from '@c8y/ngx-components'; import * as _angular_core from '@angular/core'; import { OnInit, DestroyRef, ElementRef } from '@angular/core'; import * as _c8y_ngx_components_ai from '@c8y/ngx-components/ai'; import { AIService, AgentChatConfig, AssistantMessageDisplayConfig, AIAssistantMessage, AIStreamResponse } from '@c8y/ngx-components/ai'; import * as _angular_forms from '@angular/forms'; import { FormBuilder } from '@angular/forms'; import * as rxjs from 'rxjs'; import { Subject, Observable } from 'rxjs'; import * as _c8y_ngx_components_global_context from '@c8y/ngx-components/global-context'; import { GlobalContextState, GLOBAL_CONTEXT_DISPLAY_MODE } from '@c8y/ngx-components/global-context'; import * as _c8y_ngx_components_dist_global_context from '@c8y/ngx-components/dist/global-context'; import * as _c8y_ngx_components_widgets_implementations_scada from '@c8y/ngx-components/widgets/implementations/scada'; import * as packages_client_lib from 'packages/client/lib'; declare const SCADA_WIDGET_FEATURE_FLAG_NAME = "ui.scada-widget.v2"; interface ScadaWidgetConfig extends ContextWidgetConfig { config: { htmlWidgetConfig: HtmlWidgetConfig; mappings: AssetPropertyMappings; svgDisplaySettings?: SvgDisplaySettings; }; } type DisplayOption = 'contain' | 'full-width'; type HorizontalAlignment = 'left' | 'center' | 'right'; type VerticalAlignment = 'top' | 'center' | 'bottom'; interface SvgDisplaySettings { displayOption: DisplayOption; horizontalAlignment: HorizontalAlignment; verticalAlignment: VerticalAlignment; } interface SvgComputedStyling { svgWidth: string; svgHeight: string; svgMaxWidth: string; svgMaxHeight: string; /** null means the preserveAspectRatio attribute should be removed */ preserveAspectRatio: string | null; containerDisplay: string; containerJustifyContent: string; containerAlignItems: string; containerOverflow: string; containerHeight: string; containerBoxSizing: string; } declare const defaultDisplayOption: DisplayOption; declare const defaultAlignment = "center"; interface ScadaWidgetConfigLegacy { binaryId: string; sanitization: 'strict' | 'lax' | 'none'; device: Pick; deviceIds: { [placeholderName: string]: string; }; mapping: { [placeholderName: string]: LegacyMapping; }; } type LegacyMapping = LegacyMappingBase | LegacyMappingComputed | LegacyMappingFieldbus; interface LegacyMappingBase { id: string; keyPath: string[]; label: string; type: C8yPropertyType; } interface LegacyMappingComputed extends LegacyMappingBase { computed: true; configSchema: object; config: { _id: string; [key: string]: any; }; } interface LegacyMappingFieldbus { fieldbus: true; id: string; keyPath: [string, string]; label: string; } interface ActiveAlarmsStatus { critical: number; major: number; minor: number; warning: number; } declare const INITIAL_SVG_CODE = "\n\n"; declare class ScadaWidgetService { getScadaFunctions(): { goToGroupDetails: (groupId: IIdentified["id"]) => void; goToDeviceDetails: (deviceId: IIdentified["id"]) => void; getActiveAlarmsStatusClass: (activeAlarmsStatus: ActiveAlarmsStatus) => keyof ActiveAlarmsStatus | "none"; }; getSvgComputedStyling(settings: SvgDisplaySettings | null | undefined): SvgComputedStyling; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } declare class ScadaWidgetConfigService { private readonly widgetConfigService; private readonly widgetConfigMigration; private readonly inventory; private readonly inventoryBinary; private readonly computedPropertiesService; private readonly fieldbusService; private readonly destroyRef; configChanged$: Subject; config$: rxjs.Observable; constructor(); initializeConfig(config: ContextWidgetConfig | null): Promise; save(config: ScadaWidgetConfig): void; updateConfigWithSvgFile(config: ScadaWidgetConfig, svgFile: File): Promise; updateConfigWithSvgCode(config: ScadaWidgetConfig, originalSvgCode: string): Promise; extractTagContent(text: string, tagName: string): string | undefined; applySvgCode(code: string): Promise; applyMappings(mappings: string): Promise; applyScadaOutput(content: string): Promise; /** * Safely parses an SVG string containing Lit expressions, allows DOM editing, and returns the edited SVG string. * Handles escaping/unescaping Lit syntax and expressions. * * @param svg The SVG string to process. * @param editFn A function that receives the parsed SVG document for editing. * @returns The edited SVG string, or throws an exception if parsing or editing failed. */ editSafelySvgWithLitExpressions(svg: string, editFn: (doc: Document) => Promise): Promise; updateMappings(config: ScadaWidgetConfig): void; /** * Removes hardcoded width and height attributes from the root SVG element. * * @param svg The SVG string to process. * @returns The modified SVG string with width and height attributes removed from the root SVG element. */ private removeHardcodedSvgDimensions; /** * Processes an SVG string to identify and mark potential text placeholders within `` and `` elements. * * This method performs the following steps: * 1. Escapes Lit syntax event bindings (e.g., `@click=${...}`) to avoid XML parsing issues. * 2. Parses the SVG string into a DOM structure. * 3. For each `` and `` element: * - Adds a unique `id` attribute if not already present. * - Adds the CSS class `potential-placeholder` if the element's text content does not already contain a placeholder expression (`this.c8yScadaValues?.`). * 4. Serializes the DOM back to an SVG string and restores the original Lit syntax. * * If parsing fails (e.g., due to unhandled Lit syntax), the original SVG string is returned unchanged. * * @param svg The SVG string to process. * @returns The modified SVG string with potential placeholders marked, or the original SVG if parsing fails. */ private findAndAddMarkupForPotentialTextPlaceholders; /** * Replaces `{{ key }}` placeholders with new template syntax `${this.c8yScadaValues?.key}`. * * @param svgCode The SVG code string with placeholders. * @returns The SVG code string with new template syntax. */ private replacePlaceholdersWithTemplateSyntax; /** * Extracts placeholder keys used in the template syntax (`${this.c8yScadaValues?.key}`) * from the provided SVG code string. * * @param svgCode The SVG code string containing template syntax placeholders. * @returns Array of unique placeholder keys. */ private extractScadaKeys; /** * Extracts placeholder keys used in the legacy template syntax (`{{ key }}`) * from the provided SVG code string. * * @param svgCode The SVG code string containing legacy template syntax placeholders. * @returns Array of unique placeholder keys. */ private extractLegacyScadaKeys; private migrateConfigIfNeeded; private migrateGlobalContextConfig; private migrateFromLegacyBinary; private migrateProperty; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } declare class ScadaWidgetSvgSelectorComponent implements OnInit { widgetConfigService: WidgetConfigService; scadaConfigService: ScadaWidgetConfigService; sectionComponent: WidgetConfigSectionComponent; inventoryService: InventoryService; alertService: AlertService; aiService: AIService; formBuilder: FormBuilder; destroyRef: DestroyRef; formGroup: _angular_forms.FormGroup<{ source: _angular_forms.FormControl<"file" | "text" | "ai">; svgCode: _angular_forms.FormControl; svgDisplaySettings: _angular_forms.FormGroup<{ displayOption: _angular_forms.FormControl<"contain" | "full-width">; horizontalAlignment: _angular_forms.FormControl; verticalAlignment: _angular_forms.FormControl; }>; }>; dropArea: _angular_core.Signal; placeholderText: string; displayOptions: ({ label: "Full width`image fitting option`"; value: string; description: "The image is resized to fit the widget's width while preserving the aspect ratio. Overflowing area is scrollable."; } | { label: "Contain`verb, image fitting option`"; value: string; description: "The image is entirely displayed within the widget while preserving the aspect ratio."; })[]; horizontalAlignmentOptions: ({ label: "left`horizontal alignment`"; value: string; } | { label: "center`horizontal alignment`"; value: string; } | { label: "right`horizontal alignment`"; value: string; })[]; verticalAlignmentOptions: ({ label: "top`vertical alignment`"; value: string; } | { label: "center`vertical alignment`"; value: string; } | { label: "bottom`vertical alignment`"; value: string; })[]; isAiAvailable: _angular_core.WritableSignal; aiInitialized: boolean; chatConfig: Partial; agent: _c8y_ngx_components_ai.ClientAgentDefinition; variables: { c8yContext: any; c8yContextMeasurements: any; }; suggestions: ({ label: "Analyze and suggest"; prompt: string; } | { label: "Best guess"; prompt: string; })[]; assistantMessageDisplayConfig: AssistantMessageDisplayConfig; readonly preprocessAgentMessage: (message: AIAssistantMessage, changedPart: AIStreamResponse["changedPart"]) => AIAssistantMessage; ngOnInit(): Promise; onSvgFileDropped(event: DroppedFile[]): Promise; applySvgCode(): Promise; private initializeAI; private applyScadaOutput; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class ScadaWidgetAdvancedEditorComponent { private modalService; private destroyRef; private alert; widgetConfigService: WidgetConfigService; scadaWidgetConfigService: ScadaWidgetConfigService; config$: rxjs.Observable<_c8y_ngx_components_widgets_implementations_scada.ScadaWidgetConfig | (_c8y_ngx_components_widgets_implementations_scada.ScadaWidgetConfig & _c8y_ngx_components_dist_global_context.GlobalContextState)>; propertyKeys$: rxjs.Observable; readonly PROPERTY_PREFIX = "this.c8yScadaValues"; private readonly isLegacy; private readonly scadaWidgetPreview; constructor(); readonly getFormattedPropertyExpressionFn: (key: string) => string; changeCode(newCode: string): Promise; /** * Adds a placeholder variable to a clicked SVG text or tspan element. * * This method handles the conversion of static text content in SVG elements into dynamic * placeholders that can be mapped to SCADA values. It locates the SVG node in the configuration, * prompts the user for a placeholder name, and updates both the SVG code and mappings. * * @param event - The event object containing the SVG Element that was clicked * @param event.node - The SVG Element (text or tspan) that was clicked * * @returns A promise that resolves when the placeholder has been added and configuration saved * * @remarks * - Only processes `` and `` SVG elements * - Skips elements that already contain placeholder syntax * - Removes the 'potential-placeholder' CSS class from the processed node * - Generates a camelCase placeholder name from the existing text content * - Updates the widget configuration with new placeholder and mapping * - If user cancels the placeholder name prompt, no changes are made */ addPlaceholder(event: { node: Element; }): Promise; confirmPlaceholderName(proposedName: string): Promise; private handleRename; private replaceAsync; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class ScadaWidgetViewComponent implements DynamicComponent { elementRef: ElementRef; scadaWidgetService: ScadaWidgetService; scadaWidgetConfigService: ScadaWidgetConfigService; config: _angular_core.InputSignal; private readonly contextOverride; private readonly initializedConfig; readonly effectiveConfig: _angular_core.Signal<{ dateTimeContext?: _c8y_ngx_components_global_context.DateTimeContext; aggregation?: packages_client_lib.aggregationType | null; isAutoRefreshEnabled?: boolean; refreshInterval?: number; refreshOption?: _c8y_ngx_components_global_context.RefreshOption; displayMode?: `${GLOBAL_CONTEXT_DISPLAY_MODE}`; source?: _c8y_ngx_components_global_context.GlobalContextSource; eventSourceId?: string; isGlobalContextReady?: boolean; config: { htmlWidgetConfig: _c8y_ngx_components_widgets_implementations_html_widget.HtmlWidgetConfig; mappings: _c8y_ngx_components_context_dashboard.AssetPropertyMappings; svgDisplaySettings?: SvgDisplaySettings; }; settings?: _c8y_ngx_components.WidgetSettings; displaySettings?: _c8y_ngx_components.WidgetDisplaySettings; device?: { id?: string | number; name?: string; [key: string]: any; }; export?: (config: any) => any | Promise; import?: (config: any, dashboardData: _c8y_ngx_components_context_dashboard.DashboardMetadata) => any | Promise; }>; svgDisplaySettings: _angular_core.Signal; readonly htmlFrameConfig: _angular_core.Signal<{ css: string; code: string; options: _c8y_ngx_components_widgets_implementations_html_widget.HtmlWidgetOptions; legacy: boolean; devMode: boolean; latestCodeHash?: string; }>; readonly device: _angular_core.Signal<{ [key: string]: any; id?: string | number; name?: string; }>; enablePotentialPlaceholders: _angular_core.InputSignal; potentialPlaceholderClick: _angular_core.OutputEmitterRef<{ node: Element; }>; private clickListenerController; webComponentRef: Element; legacyScopeRef: object; private legacyElementRef?; preview: _angular_core.InputSignal; private destroyRef; private alertService; protected readonly dashboardChild: DashboardChildComponent; alerts: DynamicComponentAlertAggregator; private readonly SERVER_ERROR_TEXT; private assetPropertyMappings; readonly realtimeControl$: Observable; private realtimeSubscription; private readonly refresh$; propertyValues$: Observable>; isLoading: _angular_core.WritableSignal; /** * Controls link state to global context: * - true/undefined: Widget follows global time context * - false: Widget uses local state, ignores global changes * Set to false when user is interacting (scrolling, zooming) to prevent interruption */ isLinkedToGlobal: _angular_core.WritableSignal; readonly GLOBAL_CONTEXT_DISPLAY_MODE: typeof GLOBAL_CONTEXT_DISPLAY_MODE; readonly PRESET_NAME: { readonly DEFAULT: "default"; readonly LIFETIME_LIST: "lifetimeList"; readonly DATA_TABLE: "dataTable"; readonly DATA_TABLE_CONFIG: "dataTableConfig"; readonly LIVE_ONLY: "liveOnly"; readonly AUTO_REFRESH_ONLY: "autoRefreshOnly"; readonly AUTO_REFRESH_ONLY_CONFIG: "autoRefreshOnlyConfig"; readonly HISTORY_ONLY: "historyOnly"; readonly LIFETIME_LIST_CONFIG: "lifetimeListConfig"; readonly DATAPOINTS_GRAPH: "datapointsGraph"; readonly DATAPOINTS_GRAPH_CONFIG: "datapointsGraphConfig"; readonly KPI: "kpi"; readonly KPI_CONFIG: "kpiConfig"; readonly DATA_POINTS_LIST: "dataPointsList"; readonly DATA_POINTS_LIST_CONFIG: "dataPointsListConfig"; }; constructor(); onContextChange(event: { context: GlobalContextState; diff: GlobalContextState; }): void; onRefresh(): void; private initializeHtmlWidget; private applyLegacySvgStyling; private setupRealtimeSubscription; private handleFetchError; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } export { INITIAL_SVG_CODE, SCADA_WIDGET_FEATURE_FLAG_NAME, ScadaWidgetAdvancedEditorComponent, ScadaWidgetConfigService, ScadaWidgetService, ScadaWidgetSvgSelectorComponent, ScadaWidgetViewComponent, defaultAlignment, defaultDisplayOption }; export type { ActiveAlarmsStatus, DisplayOption, HorizontalAlignment, LegacyMapping, LegacyMappingBase, LegacyMappingComputed, LegacyMappingFieldbus, ScadaWidgetConfig, ScadaWidgetConfigLegacy, SvgComputedStyling, SvgDisplaySettings, VerticalAlignment }; //# sourceMappingURL=index.d.ts.map