\n ) {\n this.initializeSubscriptions();\n }\n\n public updateConfiguration(properties: T): void {\n this.properties = properties;\n }\n\n protected initializeSubscriptions(): void {\n this.eventBus.getStream(INTERACTION).subscribe((event) => {\n if (\n !this.properties?.interactionType ||\n this.properties?.interactionType ===\n event.payload?.interactionType\n ) {\n // TODO: ensure that payload is defined\n // @ts-ignore\n this.handleInteraction(event.payload);\n }\n });\n }\n\n protected abstract handleInteraction(\n interaction: IInteractionPayload\n ): void;\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable } from \"@angular/core\";\n\nimport { LoggerService } from \"@nova-ui/bits\";\n\n@Injectable({\n providedIn: \"root\",\n})\nexport class UrlInteractionService {\n constructor(private logger: LoggerService) {}\n\n public template(url: string, data: any): string {\n const regex = new RegExp(/\\$\\{([a-zA-Z0-9.]*)\\}/g);\n return url.replace(regex, (match, captured) => {\n try {\n return this.evaluate(captured.split(\".\"), data) ?? \"\";\n } catch (e) {\n this.logger.error(e);\n return \"\";\n }\n });\n }\n\n private evaluate(expresion: string[], data: any): string {\n return expresion.reduce((result, item) => result[item], data);\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Inject, Injectable } from \"@angular/core\";\n\nimport { EventBus, IEvent, LoggerService } from \"@nova-ui/bits\";\n\nimport {\n IInteractionHandlerProperties,\n IInteractionPayload,\n InteractionHandler,\n} from \"./interaction-handler\";\nimport { UrlInteractionService } from \"../../../services/url-interaction.service\";\nimport { PIZZAGNA_EVENT_BUS } from \"../../../types\";\n\nexport interface IUrlInteractionHandlerProperties\n extends IInteractionHandlerProperties {\n url: string;\n newWindow?: boolean;\n}\n\n// Window is an interface, so it fails when used in constructor parameters for AoT\nexport class WindowObject extends Window {}\n\n@Injectable()\nexport class UrlInteractionHandler extends InteractionHandler<\n IUrlInteractionHandlerProperties,\n any\n> {\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) eventBus: EventBus,\n @Inject(\"windowObject\") private window: WindowObject,\n private logger: LoggerService,\n private urlInteractionService: UrlInteractionService\n ) {\n super(eventBus);\n }\n\n protected handleInteraction(interaction: IInteractionPayload): void {\n if (!this.properties?.url) {\n this.logger.warn(\"The target url has not been defined.\");\n return;\n }\n const href = this.urlInteractionService.template(this.properties.url, {\n data: interaction.data,\n });\n\n // if the link evaluates as empty, then don't go anywhere\n if (!href) {\n return;\n }\n\n if (this.properties.newWindow) {\n this.window.open(href);\n } else {\n this.window.location.href = href;\n }\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable } from \"@angular/core\";\n\nimport { IComparatorsDict } from \"../types\";\n\nexport const DEFAULT_COMPARATORS: IComparatorsDict = {\n \">\": {\n comparatorFn: (a: any, b: any) => a > b,\n label: \"Value is greater than\",\n },\n \"<\": {\n comparatorFn: (a: any, b: any) => a < b,\n label: \"Value is less than\",\n },\n \">=\": {\n comparatorFn: (a: any, b: any) => a >= b,\n label: \"Value is greater, or equal to\",\n },\n \"<=\": {\n comparatorFn: (a: any, b: any) => a <= b,\n label: \"Value is less than, or equal to\",\n },\n \"==\": {\n // eslint-disable-next-line eqeqeq\n comparatorFn: (a: any, b: any) => a == b,\n label: \"Value is exactly\",\n },\n};\n\n@Injectable({ providedIn: \"root\" })\nexport class KpiColorComparatorsRegistryService {\n protected comparators: IComparatorsDict;\n\n constructor() {\n this.comparators = { ...DEFAULT_COMPARATORS };\n }\n\n public registerComparators(comparators: IComparatorsDict): void {\n this.comparators = {\n ...this.comparators,\n ...comparators,\n };\n }\n\n public clearComparators(): void {\n this.comparators = {};\n }\n\n public getComparators(): IComparatorsDict {\n return this.comparators;\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Inject, Injectable, OnDestroy, Optional } from \"@angular/core\";\nimport { Subject, Subscription } from \"rxjs\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { IDataSource } from \"@nova-ui/bits\";\n\nimport { IDataSourceOutput, IKpiColorRules } from \"./types\";\nimport { PizzagnaService } from \"../../pizzagna/services/pizzagna.service\";\nimport { KpiColorComparatorsRegistryService } from \"../../services/kpi-color-comparators-registry.service\";\nimport { DATA_SOURCE, IComparatorsDict, IConfigurable } from \"../../types\";\nimport { IKpiData } from \"../kpi-widget/types\";\n\n@Injectable()\nexport class KpiColorPrioritizer implements IConfigurable, OnDestroy {\n protected readonly destroy$ = new Subject();\n protected componentId: string;\n protected propertyPath: string = \"backgroundColor\";\n protected rules: IKpiColorRules[] | undefined;\n protected comparators: IComparatorsDict;\n\n private dsSubscription$: Subscription;\n private latestValueFromDS: any;\n\n constructor(\n @Optional() @Inject(DATA_SOURCE) public dataSource: IDataSource,\n protected pizzagnaService: PizzagnaService,\n comparatorsRegistry: KpiColorComparatorsRegistryService\n ) {\n this.comparators = comparatorsRegistry.getComparators();\n }\n\n public ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n public updateConfiguration(properties: any): void {\n if (properties?.rules) {\n this.rules = properties?.rules;\n this.subscribeToDataChanges();\n this.checkColorConditions();\n }\n }\n\n public setComponent(component: any, componentId: string): void {\n this.subscribeToDataChanges();\n\n this.componentId = componentId;\n }\n\n private subscribeToDataChanges() {\n if (!this.dataSource) {\n return;\n }\n\n this.dsSubscription$?.unsubscribe();\n\n this.dsSubscription$ = this.dataSource.outputsSubject\n .pipe(takeUntil(this.destroy$))\n .subscribe((event: IDataSourceOutput) => {\n this.latestValueFromDS =\n event.result?.value || this.latestValueFromDS;\n this.checkColorConditions();\n });\n }\n\n private checkColorConditions() {\n if (!this.rules) {\n return;\n }\n\n if (this.rules.length === 0) {\n this.setColor(undefined);\n this.dsSubscription$?.unsubscribe();\n return;\n }\n\n let colorToSet: string | undefined;\n // reverse because last rule has top priority\n const newRules = this.rules && [...this.rules].reverse();\n for (const rule of newRules) {\n if (\n this.comparators[rule.comparisonType]?.comparatorFn(\n this.latestValueFromDS,\n rule.value\n )\n ) {\n colorToSet = rule.color;\n break; // exit if the rule matches\n }\n }\n\n this.setColor(colorToSet);\n }\n\n /**\n * Sets the color to pizzagna\n *\n * @param color - Color to set\n */\n private setColor(color: string | undefined) {\n this.pizzagnaService.setProperty(\n {\n componentId: this.componentId,\n propertyPath: [this.propertyPath],\n },\n color\n );\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { IKpiData } from \"../../../../components/kpi-widget/types\";\nimport { IProviderConfiguration } from \"../../../../types\";\nimport { IItemConfiguration } from \"../../types\";\n\nexport interface IKpiItemConfiguration extends IItemConfiguration {\n widgetData: IKpiData;\n thresholds: IKpiThresholdsConfig;\n dataSource: IProviderConfiguration;\n}\n\nexport interface IKpiThresholdsConfig {\n showThresholds: boolean;\n reversedThresholds: boolean;\n warningThresholdValue?: number;\n criticalThresholdValue: number;\n backgroundColor?: string;\n}\n\n/**\n * @deprecated - Please use IKpiData instead - NUI-5853\n */\nexport interface IKpiWidgetIndicatorData extends IKpiData {\n description?: string;\n}\n\n/** @ignore */\nexport enum KpiWidgetThresholdColors {\n Warning = \"var(--nui-color-semantic-warning)\",\n Critical = \"var(--nui-color-semantic-critical)\",\n}\n\nexport enum KpiWidgetFontSizes {\n Small = \"24px\",\n Medium = \"48px\",\n Large = \"72px\",\n ExtraLarge = \"120px\",\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { DecimalPipe } from \"@angular/common\";\nimport { Inject, Optional } from \"@angular/core\";\nimport _isNil from \"lodash/isNil\";\n\nimport { EventBus, IDataSource, IEvent } from \"@nova-ui/bits\";\n\nimport { DataSourceAdapter } from \"./data-source-adapter\";\nimport {\n IKpiThresholdsConfig,\n KpiWidgetThresholdColors,\n} from \"../../configurator/components/widgets/kpi/types\";\nimport { PizzagnaService } from \"../../pizzagna/services/pizzagna.service\";\nimport { DATA_SOURCE, PIZZAGNA_EVENT_BUS } from \"../../types\";\nimport { IKpiData } from \"../kpi-widget/types\";\n\nexport interface IKpiDataSourceAdapterConfiguration {\n thresholds: IKpiThresholdsConfig;\n}\n\nexport class KpiDataSourceAdapter extends DataSourceAdapter {\n private thresholds: IKpiThresholdsConfig;\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) eventBus: EventBus,\n @Optional() @Inject(DATA_SOURCE) dataSource: IDataSource,\n pizzagnaService: PizzagnaService,\n private numberPipe: DecimalPipe\n ) {\n super(eventBus, dataSource, pizzagnaService);\n }\n\n public updateConfiguration(\n properties: IKpiDataSourceAdapterConfiguration\n ): void {\n this.thresholds = properties.thresholds;\n\n super.updateConfiguration(properties);\n }\n\n protected processOutput(data: IKpiData): IKpiData {\n const processedValue = this.processThresholds(data);\n // processNumberFormat changes data.value to a string which is why this function needs to be run after processThresholds.\n return this.processNumberFormat(processedValue);\n }\n\n public setComponent(component: any, componentId: string): void {\n if (componentId) {\n this.componentId = componentId;\n }\n }\n\n private getThresholdColor(\n thresholdsConfig: IKpiThresholdsConfig,\n indicatorData: IKpiData,\n defaultColor: string | undefined\n ) {\n const thresholdChecks = this.getThresholdChecks(\n thresholdsConfig,\n indicatorData,\n thresholdsConfig.reversedThresholds\n );\n if (thresholdChecks.warningCheck) {\n return KpiWidgetThresholdColors.Warning;\n }\n if (thresholdChecks.criticalCheck) {\n return KpiWidgetThresholdColors.Critical;\n }\n return defaultColor;\n }\n\n private getThresholdChecks(\n indicatorConfig: IKpiThresholdsConfig,\n indicatorData: IKpiData,\n isReversed: boolean\n ) {\n const warningThreshold = indicatorConfig.warningThresholdValue;\n const criticalThreshold = indicatorConfig.criticalThresholdValue;\n const reversedWarningCheck =\n !_isNil(warningThreshold) &&\n indicatorData.value <= warningThreshold &&\n indicatorData.value > criticalThreshold;\n const reversedCriticalCheck = indicatorData.value <= criticalThreshold;\n const normalWarningCheck =\n !_isNil(warningThreshold) &&\n indicatorData.value >= warningThreshold &&\n indicatorData.value < criticalThreshold;\n const normalCriticalCheck = indicatorData.value >= criticalThreshold;\n return {\n warningCheck: isReversed\n ? reversedWarningCheck\n : normalWarningCheck,\n criticalCheck: isReversed\n ? reversedCriticalCheck\n : normalCriticalCheck,\n };\n }\n\n private processThresholds(data: IKpiData) {\n if (\n !data ||\n !this.thresholds?.showThresholds ||\n typeof data.value !== \"number\"\n ) {\n return data;\n }\n const thresholdColor = this.getThresholdColor(\n this.thresholds,\n data,\n data.backgroundColor\n );\n return {\n ...data,\n backgroundColor: thresholdColor,\n };\n }\n\n private processNumberFormat(data: IKpiData) {\n if (typeof data?.value !== \"number\" || !data?.numberFormat) {\n return data;\n }\n const numValue = this.numberPipe.transform(\n data.value,\n data.numberFormat\n );\n return {\n ...data,\n value: numValue,\n };\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Inject, Injectable } from \"@angular/core\";\nimport isArray from \"lodash/isArray\";\nimport { BehaviorSubject, Observable, Subject } from \"rxjs\";\nimport { distinctUntilChanged, filter, takeUntil, tap } from \"rxjs/operators\";\n\nimport { EventBus, IEvent } from \"@nova-ui/bits\";\n\nimport { IBroker, IBrokerUserConfig, IBrokerValue } from \"./types\";\nimport { IPizzagnaProperty } from \"../../pizzagna/functions/get-pizzagna-property-path\";\nimport { PizzagnaService } from \"../../pizzagna/services/pizzagna.service\";\nimport {\n IConfigurable,\n IProperties,\n PizzagnaLayer,\n PIZZAGNA_EVENT_BUS,\n} from \"../../types\";\n\n@Injectable()\nexport class KpiScaleSyncBroker implements IConfigurable {\n protected properties: IProperties;\n protected componentId: string;\n\n private valuesObject: Record>>;\n private brokers: IBroker[] = [];\n private builder = new KpiScaleSyncBrokerBuilder(this.brokers);\n private destroySubscriptions$ = new Subject();\n private tileNodes: string[];\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) private eventBus: EventBus,\n private pizzagnaService: PizzagnaService\n ) {\n this.valuesObject = this.builder.valuesObject;\n }\n\n public updateConfiguration(properties: IProperties): void {\n this.properties = properties;\n\n if (this.componentId) {\n this.createPropertiesAndSubscribeToBrokers();\n }\n }\n\n public configure(): KpiScaleSyncBrokerBuilder {\n return this.builder;\n }\n\n public getBrokers(): readonly IBroker[] {\n return [...this.brokers];\n }\n\n public subscribeToBrokers(): void {\n this.destroy();\n\n this.brokers.forEach((broker) => {\n broker.in$\n .pipe(\n filter((_) => !!broker.in$.observers.length),\n distinctUntilChanged(),\n tap((data) => this.configureValueModel(data)),\n tap((data) => this.processAndEmitSyncedValue(data, broker)),\n takeUntil(this.destroySubscriptions$)\n )\n .subscribe();\n });\n }\n\n public setComponent(component: any, componentId: string): void {\n this.componentId = componentId;\n this.updateConfiguration(this.properties);\n }\n\n public destroy(): void {\n this.destroySubscriptions$.next();\n this.destroySubscriptions$.complete();\n }\n\n private processAndEmitSyncedValue(data: IBrokerValue, broker: IBroker) {\n let fn: Function = this.getMin;\n\n if (broker?.type) {\n fn = broker.type === \"min\" ? this.getMin : this.getMax;\n }\n\n const valuesToCompare: (number | undefined)[] = this.valuesObject[\n broker.id\n ]\n .filter((item) => item.targetID && item.targetValue)\n .map((item) => item.targetValue);\n\n broker.out$.next({\n ...data,\n targetValue: fn([...valuesToCompare]),\n });\n }\n\n private configureValueModel(data: IBrokerValue) {\n const targetObj = this.valuesObject[data.id].filter(\n (obj) => obj.targetID === data.targetID\n );\n\n targetObj.length\n ? (targetObj[0].targetValue = data.targetValue)\n : this.valuesObject[data.id].push({\n targetID: data.targetID,\n targetValue: data.targetValue,\n });\n }\n\n private createPropertiesAndSubscribeToBrokers() {\n this.tileNodes = this.pizzagnaService.getComponent(\n this.componentId\n ).properties?.nodes;\n const { scaleSyncConfig } = this.properties;\n\n if (!this.tileNodes?.length) {\n return;\n }\n\n if (scaleSyncConfig && isArray(scaleSyncConfig)) {\n // remove brokers that are not in the scaleSyncConfig\n this.brokers\n .filter(\n (broker) => !scaleSyncConfig.find((s) => s.id === broker.id)\n )\n .forEach(({ id }) => this.builder.removeBroker(id));\n\n // add new brokers from scaleSyncConfig\n scaleSyncConfig.forEach((s: IBrokerUserConfig) =>\n this.configure().addBroker({ id: s.id, type: s?.type })\n );\n this.subscribeToBrokers();\n }\n\n this.tileNodes.forEach((node, i) => {\n const property: IPizzagnaProperty = {\n componentId: node,\n pizzagnaKey: PizzagnaLayer.Data,\n propertyPath: [`syncValuesBroker`],\n };\n this.pizzagnaService.setProperty(property, this.getBrokers());\n });\n }\n\n private getMin = (n: number[]) => Math.min(...n);\n private getMax = (n: number[]) => Math.max(...n);\n}\n\nclass KpiScaleSyncBrokerBuilder {\n public readonly valuesObject: Record>> =\n {};\n\n constructor(private brokers: IBroker[]) {}\n\n public addBroker(broker: IBrokerUserConfig): KpiScaleSyncBrokerBuilder {\n if (\n this.brokers.find(\n (existingBroker) => existingBroker.id === broker.id\n )\n ) {\n // Prevent adding the same broker multiple times\n return this;\n }\n\n const newBrokerSetting: IBrokerValue = {\n id: broker.id,\n targetID: \"\",\n targetValue: 1,\n };\n this.valuesObject[broker.id] = new Array>();\n this.brokers.push({\n ...broker,\n ...this.getDefaultBrokerObject(newBrokerSetting, newBrokerSetting),\n });\n return this;\n }\n\n public removeBroker(brokerId: string): void {\n const brokerIndex = this.brokers.findIndex((b) => b.id === brokerId);\n if (brokerIndex !== -1) {\n this.brokers.splice(brokerIndex, 1);\n delete this.valuesObject[brokerId];\n }\n }\n\n private getDefaultBrokerObject(input: IBrokerValue, output: IBrokerValue) {\n return {\n in$: new BehaviorSubject(input),\n out$: new BehaviorSubject(output),\n };\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Inject, Injectable, OnDestroy } from \"@angular/core\";\nimport { Subject } from \"rxjs\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { EventBus, IEvent } from \"@nova-ui/bits\";\n\nimport { IDataSourceOutputPayload } from \"./types\";\nimport { DATA_SOURCE_OUTPUT } from \"../../configurator/types\";\nimport { PizzagnaService } from \"../../pizzagna/services/pizzagna.service\";\nimport { IHasComponent, PizzagnaLayer, PIZZAGNA_EVENT_BUS } from \"../../types\";\n\n@Injectable()\nexport class StatusContentFallbackAdapter implements OnDestroy, IHasComponent {\n protected readonly destroy$ = new Subject();\n protected componentId: string;\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) protected eventBus: EventBus,\n protected pizzagnaService: PizzagnaService\n ) {\n this.eventBus\n .getStream(DATA_SOURCE_OUTPUT)\n .pipe(takeUntil(this.destroy$))\n .subscribe((event: IEvent>) => {\n this.handleDataSourceOutput(event);\n });\n }\n\n public ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n public setComponent(component: any, componentId: string): void {\n this.componentId = componentId;\n }\n\n protected handleDataSourceOutput(\n event: IEvent>\n ): void {\n this.pizzagnaService.setProperty(\n {\n componentId: this.componentId,\n propertyPath: [\"fallbackKey\"],\n pizzagnaKey: PizzagnaLayer.Data,\n },\n typeof event.payload?.error?.type !== \"undefined\"\n ? event.payload?.error?.type.toString()\n : undefined\n );\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Inject, Injectable, OnDestroy } from \"@angular/core\";\nimport isEmpty from \"lodash/isEmpty\";\nimport uniq from \"lodash/uniq\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { EventBus, IEvent } from \"@nova-ui/bits\";\n\nimport { StatusContentFallbackAdapter } from \"./status-content-fallback-adapter\";\nimport { IComponentIdPayload, IDataSourceOutputPayload } from \"./types\";\nimport { DATA_SOURCE_DESTROYED } from \"../../configurator/types\";\nimport { PizzagnaService } from \"../../pizzagna/services/pizzagna.service\";\nimport {\n HttpStatusCode,\n IConfigurable,\n IHasComponent,\n IProperties,\n PizzagnaLayer,\n PIZZAGNA_EVENT_BUS,\n} from \"../../types\";\n\nexport interface IKpiFallbackAdapterProperties extends IProperties {\n // Fallback node key to use if multiple tile data sources report different errors\n multipleErrorFallbackKey: string;\n}\n\n@Injectable()\nexport class KpiStatusContentFallbackAdapter\n extends StatusContentFallbackAdapter\n implements OnDestroy, IHasComponent, IConfigurable\n{\n /**\n * Fallback node key to use if multiple tile data sources report different errors\n */\n public multipleErrorFallbackKey: string = HttpStatusCode.Unknown;\n\n /**\n * Map of kpi tile component id's to their corresponding error\n */\n private errorMap: Record = {};\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) eventBus: EventBus,\n pizzagnaService: PizzagnaService\n ) {\n super(eventBus, pizzagnaService);\n\n this.eventBus\n .getStream(DATA_SOURCE_DESTROYED)\n .pipe(takeUntil(this.destroy$))\n .subscribe((event) => {\n this.handleDataSourceDestroyed(event);\n });\n }\n\n public updateConfiguration(\n properties: IKpiFallbackAdapterProperties\n ): void {\n if (properties.multipleErrorFallbackKey) {\n this.multipleErrorFallbackKey = properties.multipleErrorFallbackKey;\n }\n }\n\n protected handleDataSourceOutput(\n event: IEvent>\n ): void {\n this.errorMap = this.updateErrorMap(event);\n\n this.setFallbackKeyProperty();\n }\n\n protected handleDataSourceDestroyed(\n event: IEvent\n ): void {\n if (event.payload?.componentId) {\n delete this.errorMap[event.payload.componentId];\n }\n\n this.setFallbackKeyProperty();\n }\n\n private setFallbackKeyProperty() {\n this.pizzagnaService.setProperty(\n {\n componentId: this.componentId,\n propertyPath: [\"fallbackKey\"],\n pizzagnaKey: PizzagnaLayer.Data,\n },\n this.getFallbackKey()\n );\n }\n\n private getFallbackKey(): string | undefined {\n if (isEmpty(this.errorMap)) {\n return undefined;\n }\n\n const uniqueErrors = uniq(Object.values(this.errorMap));\n return uniqueErrors.length === 1\n ? uniqueErrors[0]\n : this.multipleErrorFallbackKey;\n }\n\n private updateErrorMap(event: IEvent>) {\n const errorMap = this.errorMap;\n const errorCode =\n typeof event.payload?.error?.type !== \"undefined\"\n ? event.payload?.error?.type.toString()\n : undefined;\n\n // an undefined result indicates the kpi tile was destroyed\n if (!errorCode) {\n delete errorMap[event.payload.componentId];\n } else if (errorCode) {\n errorMap[event.payload.componentId] = errorCode;\n }\n\n return errorMap;\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Inject, Injectable, OnDestroy } from \"@angular/core\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { Subject } from \"rxjs\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { EventBus, IEvent } from \"@nova-ui/bits\";\n\nimport { IDataSourceBusyPayload } from \"./types\";\nimport { PizzagnaService } from \"../../pizzagna/services/pizzagna.service\";\nimport { DATA_SOURCE_BUSY } from \"../../services/types\";\nimport { IHasComponent, PizzagnaLayer, PIZZAGNA_EVENT_BUS } from \"../../types\";\n\n@Injectable()\nexport class LoadingAdapter implements OnDestroy, IHasComponent {\n private loadingMap: Record = {};\n private readonly destroy$ = new Subject();\n private componentId: string;\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) private eventBus: EventBus,\n private pizzagnaService: PizzagnaService\n ) {\n this.eventBus\n .getStream(DATA_SOURCE_BUSY)\n .pipe(takeUntil(this.destroy$))\n .subscribe(({ payload }: IEvent) => {\n if (payload?.componentId) {\n if (payload?.busy) {\n this.loadingMap[payload.componentId] = true;\n } else {\n delete this.loadingMap[payload.componentId];\n }\n }\n\n this.pizzagnaService.setProperty(\n {\n componentId: this.componentId,\n propertyPath: [\"active\"],\n pizzagnaKey: PizzagnaLayer.Data,\n },\n !isEmpty(this.loadingMap)\n );\n });\n }\n\n public ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n public setComponent(component: any, componentId: string): void {\n this.componentId = componentId;\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\n/**\n * Gets parent component id in the pizzagna.\n * Valid ONLY for the component ids which have parent in the their own id!\n *\n * e.g. for \"kpi3/description\" gets \"kpi3\"\n */\nexport function getParentComponentId(path: string): string {\n const parts = path.split(\"/\");\n\n return parts?.length > 1 ? parts[parts.length - 2] : path;\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nconst keyToParseRegex = /\\{.*?\\}/g;\nconst paramsRegex = /\\{|\\}/g;\n\n/**\n * Parses the string with the values in brackets.\n * e.g. \"{componentId}.properties\" => \"chart.properties\", \"chart\" is taken from the \"data\" argument.\n */\nexport function parseStringWithData(path: string, data: any): string {\n const match = path.match(keyToParseRegex);\n\n if (!match) {\n return path;\n }\n\n let updatedPath = path;\n\n for (const input of match) {\n const key = getKeyFromParam(input);\n if (data[key]) {\n updatedPath = updatedPath.replace(input, data[key]);\n } else {\n console.warn(`There's no ${input} key found in the data: ${data}`);\n }\n }\n\n return updatedPath;\n}\n\nconst getKeyFromParam = (entry: string): string =>\n entry.replace(paramsRegex, \"\");\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable, OnDestroy } from \"@angular/core\";\nimport get from \"lodash/get\";\nimport { Observable, Subscription } from \"rxjs\";\nimport { distinctUntilChanged, map } from \"rxjs/operators\";\n\nimport { BroadcasterTrackOnType, IBroadcasterConfig } from \"./types\";\nimport { getParentComponentId } from \"../../functions/get-parent-component-id\";\nimport { parseStringWithData } from \"../../functions/parse-string-with-data\";\nimport { PizzagnaService } from \"../../pizzagna/services/pizzagna.service\";\nimport { IConfigurable, IProperties } from \"../../types\";\n\n@Injectable()\nexport class PizzagnaBroadcasterService implements IConfigurable, OnDestroy {\n private component: any;\n private configs: IBroadcasterConfig[];\n private readonly defaultTrackOn: BroadcasterTrackOnType = \"pizzagna\";\n\n private subscriptions: Subscription[] = [];\n private componentId: string;\n private parentComponentId: string;\n\n constructor(private pizzagnaService: PizzagnaService) {}\n\n public setComponent(component: any, componentId: string): void {\n this.component = component;\n this.componentId = componentId;\n this.parentComponentId = getParentComponentId(componentId);\n\n this.initChangeSubscriptions();\n }\n\n public updateConfiguration(properties: IProperties): void {\n this.configs = properties?.configs;\n }\n\n private initChangeSubscriptions() {\n for (const config of this.configs) {\n const observable = this.getObservableFor(config);\n\n if (!observable) {\n console.warn(\n \"no observable found on 'PizzagnaBroadcasterService', for part: \",\n config\n );\n return;\n }\n\n const subscription = observable.subscribe((v) => {\n for (const path of config.paths) {\n const validatedPath = parseStringWithData(path, this);\n this.pizzagnaService.setProperty(validatedPath, v);\n }\n });\n this.subscriptions.push(subscription);\n }\n }\n\n private getObservableFor(config: IBroadcasterConfig) {\n const trackOn: BroadcasterTrackOnType =\n config.trackOn || this.defaultTrackOn;\n const observable: Observable =\n trackOn === \"component\"\n ? this.getComponentObservableFor(config)\n : this.getPizzagnaObservableFor(config);\n return observable;\n }\n\n private getPizzagnaObservableFor(part: IBroadcasterConfig) {\n return this.pizzagnaService.pizzaChanged.pipe(\n map((v) => get(v, part.key)),\n distinctUntilChanged()\n );\n }\n\n private getComponentObservableFor(part: IBroadcasterConfig) {\n const obs: Observable = get(this.component, part.key);\n return obs?.pipe(distinctUntilChanged());\n }\n\n public ngOnDestroy(): void {\n for (const subscription of this.subscriptions) {\n subscription.unsubscribe();\n }\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { BehaviorSubject } from \"rxjs\";\n\nimport { ComparatorTypes, IProperties } from \"../../types\";\nimport { ITimeseriesWidgetSeries } from \"../timeseries-widget/types\";\nimport { IFormatter } from \"../types\";\n\n/** Default refresh interval in seconds */\nexport const DEFAULT_REFRESH_INTERVAL = 300;\n\nexport interface ITimeseriesDataSourceAdapterConfiguration extends IProperties {\n series: ITimeseriesWidgetSeries[];\n}\n\nexport interface IDataSourceOutput {\n result: T;\n error?: IDataSourceError;\n}\n\nexport interface IComponentIdPayload {\n componentId: string;\n}\n\nexport interface IDataSourceOutputPayload\n extends IDataSourceOutput,\n IComponentIdPayload {}\n\nexport interface IDataSourceBusyPayload extends IComponentIdPayload {\n busy: boolean;\n}\n\nexport interface IDataSourceError {\n type: string | number;\n message?: string;\n}\n\nexport type BroadcasterTrackOnType = \"component\" | \"pizzagna\";\n\nexport interface IBroadcasterConfig {\n trackOn?: BroadcasterTrackOnType;\n key: string;\n paths: string[];\n}\n\nexport interface IKpiColorRules {\n comparisonType: ComparatorTypes;\n value: any;\n color: any;\n}\n\nexport interface IDrilldownComponentConfiguration extends IFormatter {\n properties: Record;\n itemProperties?: IProperties;\n}\n\nexport interface IDrilldownComponentsConfiguration {\n group: IDrilldownComponentConfiguration;\n leaf: IDrilldownComponentConfiguration;\n}\n\nexport interface IBrokerValue {\n id: string;\n targetID: string;\n targetValue: number;\n}\n\nexport interface IBrokerUserConfig {\n id: string;\n type?: \"min\" | \"max\";\n}\n\nexport interface IBroker extends IBrokerUserConfig {\n in$: BehaviorSubject;\n out$: BehaviorSubject;\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable } from \"@angular/core\";\nimport { BehaviorSubject } from \"rxjs\";\n\nimport { DEFAULT_REFRESH_INTERVAL } from \"./types\";\n\n/**\n * This provider allows a system wide definition of widget refresh rates.\n */\n@Injectable({\n providedIn: \"root\",\n})\nexport class RefresherSettingsService {\n private _refreshRateSeconds: number = DEFAULT_REFRESH_INTERVAL;\n public refreshRateSeconds$ = new BehaviorSubject(this.refreshRateSeconds);\n\n /**\n * This is a system wide definition of refresh rate. Widgets have to be configured to use\n * the system settings to leverage this value.\n */\n public get refreshRateSeconds(): number {\n return this._refreshRateSeconds;\n }\n\n public set refreshRateSeconds(value: number) {\n this._refreshRateSeconds = value;\n this.refreshRateSeconds$.next(this._refreshRateSeconds);\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Inject, Injectable, NgZone, OnDestroy } from \"@angular/core\";\nimport { Subject } from \"rxjs\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { EventBus, EventDefinition } from \"@nova-ui/bits\";\n\nimport { RefresherSettingsService } from \"./refresher-settings.service\";\nimport { DEFAULT_REFRESH_INTERVAL } from \"./types\";\nimport { REFRESH } from \"../../services/types\";\nimport { IWidgetEvent } from \"../../services/widget-to-dashboard-event-proxy.service\";\nimport { IConfigurable, IProperties, PIZZAGNA_EVENT_BUS } from \"../../types\";\n\nexport interface IRefresherProperties extends IProperties {\n // refresh interval in seconds\n interval?: number;\n enabled?: boolean;\n overrideDefaultSettings?: boolean;\n eventDef?: EventDefinition;\n}\n\n/**\n * This provider emits the REFRESH event every X milliseconds\n */\n@Injectable()\nexport class Refresher implements OnDestroy, IConfigurable {\n private intervalRef?: number;\n\n protected enabled = true;\n protected overrideDefaultSettings = true;\n protected interval = DEFAULT_REFRESH_INTERVAL;\n protected eventDef = REFRESH;\n\n public readonly destroy$ = new Subject();\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) protected eventBus: EventBus,\n protected ngZone: NgZone,\n protected refresherSettings: RefresherSettingsService\n ) {\n this.refresherSettings.refreshRateSeconds$\n .pipe(takeUntil(this.destroy$))\n .subscribe((systemRefreshRate) => {\n if (!this.overrideDefaultSettings) {\n this.initializeInterval();\n }\n });\n }\n\n public updateConfiguration(properties: IRefresherProperties): void {\n this.interval = properties.interval ?? DEFAULT_REFRESH_INTERVAL;\n this.enabled = properties.enabled ?? true;\n this.overrideDefaultSettings =\n properties.overrideDefaultSettings ?? true;\n this.eventDef = properties.event ?? REFRESH;\n\n this.initializeInterval();\n }\n\n public ngOnDestroy(): void {\n this.clearInterval();\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n private initializeInterval() {\n this.clearInterval();\n\n if (\n typeof this.interval === \"undefined\" ||\n this.getInterval() <= 0 ||\n this.enabled === false\n ) {\n return;\n }\n\n this.ngZone.runOutsideAngular(() => {\n // running timeout outside of angular zone to prevent visual tests from timing out\n this.intervalRef = setInterval(() => {\n this.ngZone.run(() => {\n // callback function should be executed in zone to preserve the angular change detection\n this.performAction();\n });\n }, this.getInterval() * 1000) as any;\n });\n }\n\n protected performAction(): void {\n this.eventBus.getStream(this.eventDef).next({});\n }\n\n private getInterval() {\n return this.overrideDefaultSettings\n ? this.interval\n : this.refresherSettings.refreshRateSeconds;\n }\n\n private clearInterval() {\n if (typeof this.intervalRef !== \"undefined\") {\n clearInterval(this.intervalRef);\n this.intervalRef = undefined;\n }\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Inject, Optional } from \"@angular/core\";\n// eslint-disable-next-line import/no-deprecated\nimport { merge, Observable, zip } from \"rxjs\";\nimport {\n debounceTime,\n map,\n startWith,\n // eslint-disable-next-line import/no-deprecated\n switchMap,\n takeUntil,\n tap,\n} from \"rxjs/operators\";\n\nimport {\n EventBus,\n IDataSource,\n IEvent,\n IFilteringOutputs,\n VirtualViewportManager,\n} from \"@nova-ui/bits\";\n\nimport { DataSourceAdapter } from \"./data-source-adapter\";\nimport { PizzagnaService } from \"../../pizzagna/services/pizzagna.service\";\nimport {\n REFRESH,\n SCROLL_NEXT_PAGE,\n SET_NEXT_PAGE,\n WIDGET_READY,\n} from \"../../services/types\";\nimport {\n DATA_SOURCE,\n IProperties,\n PizzagnaLayer,\n PIZZAGNA_EVENT_BUS,\n} from \"../../types\";\n\nexport class TableDataSourceAdapter<\n T extends IFilteringOutputs\n> extends DataSourceAdapter {\n private dataPath: string;\n private dataFieldsPath: string;\n private totalItemsPath: string;\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) eventBus: EventBus,\n @Inject(DATA_SOURCE) dataSource: IDataSource,\n pizzagnaService: PizzagnaService,\n @Optional() protected virtualViewport: VirtualViewportManager\n ) {\n super(eventBus, dataSource, pizzagnaService);\n }\n\n protected setupRefreshListener(): void {\n // Note: We should wait until TableWidget is ready to be able to proceed with reset event\n // We can also listen after SCROLL_NEXT_PAGE instead of WIDGET_READY because right now\n // they are executed simultaneously but we don't know how things will change in the future\n const refresh$: Observable = zip(\n this.eventBus.getStream(WIDGET_READY),\n this.eventBus.getStream(REFRESH)\n ).pipe(\n // Note: Using startWith() to re-trigger the REFRESH stream that was triggered at least on time before WIDGET_READY\n // eslint-disable-next-line import/no-deprecated\n switchMap(() =>\n // eslint-disable-next-line import/no-deprecated\n this.eventBus.getStream(REFRESH).pipe(startWith(undefined))\n ),\n tap(() => this.virtualViewport.reset({ emitFirstPage: false })),\n map(() => {})\n );\n\n // eslint-disable-next-line import/no-deprecated\n merge(refresh$, this.eventBus.getStream(SCROLL_NEXT_PAGE), this.eventBus.getStream(SET_NEXT_PAGE))\n .pipe(\n // Note: While SCROLL_NEXT_PAGE is triggered on TableWidget initialization aka WIDGET_READY\n // we might encounter REFRESH and SCROLL_NEXT_PAGE triggered at the same time.\n // Setting a small debounceTime will help us manage simultaneous requests\n debounceTime(10),\n tap(() => this.handleRefresh()),\n takeUntil(this.destroy$)\n )\n .subscribe();\n }\n\n protected updateAdapterProperties(properties: IProperties): void {\n this.dataPath = properties.dataPath;\n this.dataFieldsPath = properties.dataFieldsPath;\n this.totalItemsPath = properties.totalItemsPath;\n }\n\n protected updateOutput(output: IFilteringOutputs | undefined): void {\n const total = output?.paginator?.total;\n const items = output?.repeat?.itemsSource;\n const dataFields = output?.dataFields;\n\n this.pizzagnaService.setProperty(\n {\n pizzagnaKey: PizzagnaLayer.Data,\n componentId: this.componentId,\n propertyPath: [this.totalItemsPath],\n },\n total\n );\n\n this.pizzagnaService.setProperty(\n {\n pizzagnaKey: PizzagnaLayer.Data,\n componentId: this.componentId,\n propertyPath: [this.dataPath],\n },\n items\n );\n\n this.pizzagnaService.setProperty(\n {\n pizzagnaKey: PizzagnaLayer.Data,\n componentId: this.componentId,\n propertyPath: [this.dataFieldsPath],\n },\n dataFields\n );\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Inject } from \"@angular/core\";\nimport clone from \"lodash/clone\";\n\nimport {\n EventBus,\n IDataSource,\n IEvent,\n IFilteringOutputs,\n} from \"@nova-ui/bits\";\n\nimport { DataSourceAdapter } from \"./data-source-adapter\";\nimport { ITimeseriesDataSourceAdapterConfiguration } from \"./types\";\nimport { PizzagnaService } from \"../../pizzagna/services/pizzagna.service\";\nimport { DATA_SOURCE, PIZZAGNA_EVENT_BUS } from \"../../types\";\nimport {\n ITimeseriesWidgetData,\n ITimeseriesWidgetSeries,\n} from \"../timeseries-widget/types\";\n\nexport class TimeseriesDataSourceAdapter extends DataSourceAdapter {\n private seriesIndex: ITimeseriesWidgetSeries[] = [];\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) eventBus: EventBus,\n @Inject(DATA_SOURCE) dataSource: IDataSource,\n pizzagnaService: PizzagnaService\n ) {\n super(eventBus, dataSource, pizzagnaService);\n }\n\n public updateConfiguration(\n properties: ITimeseriesDataSourceAdapterConfiguration\n ): void {\n this.seriesIndex = clone(properties.series);\n\n super.updateConfiguration(properties);\n }\n\n protected processOutput(value: IFilteringOutputs): IFilteringOutputs {\n if (!value) {\n return value;\n }\n return {\n ...value,\n series: this.buildSeriesSet(value?.series),\n };\n }\n\n /**\n * Builds the series set by mapping the series selected in the configurator to the data received from the data source.\n * @param data\n */\n private buildSeriesSet(data: ITimeseriesWidgetData[]) {\n if (!data) {\n return [];\n }\n\n // displaying only series which are in widget config\n return data\n .filter((series: ITimeseriesWidgetData) =>\n this.seriesIndex.find((s) => s.selectedSeriesId === series.id)\n )\n .map((series: ITimeseriesWidgetData) => ({\n id: series.id,\n data: series.data,\n link: series.link,\n secondaryLink: series.secondaryLink,\n legendDescriptionPrimary: this.seriesIndex.find(\n (s) => s.selectedSeriesId === series.id\n )?.label,\n legendDescriptionSecondary: series.description,\n }));\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable } from \"@angular/core\";\n\nimport { IDashwizComponent } from \"./model\";\n\n@Injectable({\n providedIn: \"root\",\n})\nexport class DashwizService {\n public component: IDashwizComponent | undefined;\n\n constructor() {}\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Inject, Injectable, OnDestroy } from \"@angular/core\";\nimport isUndefined from \"lodash/isUndefined\";\nimport { BehaviorSubject, Subject } from \"rxjs\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { EventBus, IDataField, IDataSource, IEvent } from \"@nova-ui/bits\";\n\nimport { IDataSourceError } from \"../../components/providers/types\";\nimport { PIZZAGNA_EVENT_BUS } from \"../../types\";\nimport { DashwizService } from \"../components/wizard/dashwiz/dashwiz.service\";\nimport { DATA_SOURCE_CREATED, DATA_SOURCE_OUTPUT } from \"../types\";\n\n@Injectable()\nexport class ConfiguratorDataSourceManagerService implements OnDestroy {\n private onDestroy$: Subject = new Subject();\n private dataSourceCreated$: Subject = new Subject();\n public dataSource: IDataSource;\n public error$: Subject =\n new Subject();\n public busy$: BehaviorSubject = new BehaviorSubject(\n false\n );\n public dataSourceFields$: BehaviorSubject> =\n new BehaviorSubject>([]);\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) private eventBus: EventBus,\n private dashwizService: DashwizService\n ) {\n this.eventBus.subscribeUntil(\n DATA_SOURCE_CREATED,\n this.onDestroy$,\n (event: IEvent) => {\n if (!event.payload) {\n return;\n }\n this.onDataSourceCreated(event.payload);\n }\n );\n\n this.eventBus.subscribeUntil(\n DATA_SOURCE_OUTPUT,\n this.onDestroy$,\n (event: IEvent) => {\n if (event.payload?.error) {\n this.error$.next(event.payload.error);\n } else {\n this.error$.next(null);\n const payload = isUndefined(event.payload.result)\n ? event.payload\n : event.payload.result || {};\n if (payload?.dataFields) {\n this.dataSourceFields$.next(payload.dataFields);\n }\n }\n }\n );\n }\n\n onDataSourceCreated(dataSource: IDataSource): void {\n this.dataSource = dataSource;\n this.dataSourceCreated$.next();\n\n this.dataSource.busy\n ?.pipe(takeUntil(this.dataSourceCreated$))\n .subscribe((isBusy: boolean) => {\n this.dashwizService?.component?.navigationControl.next({\n busyState: {\n busy: isBusy,\n },\n allowStepChange: !isBusy,\n });\n\n this.busy$.next(isBusy);\n });\n }\n\n public ngOnDestroy(): void {\n this.onDestroy$.next();\n this.onDestroy$.complete();\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable } from \"@angular/core\";\nimport { Subject } from \"rxjs\";\n\nimport { IPizzagnaLayer } from \"../../types\";\n\n@Injectable()\nexport class PreviewService {\n private _preview: IPizzagnaLayer;\n\n public get preview(): IPizzagnaLayer {\n return this._preview;\n }\n\n public set preview(value: IPizzagnaLayer) {\n this._preview = value;\n this.previewChanged.next(value);\n }\n\n public previewChanged = new Subject();\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { AfterViewInit, Inject, Injectable, OnDestroy } from \"@angular/core\";\nimport { FormGroup } from \"@angular/forms\";\nimport { Subject } from \"rxjs\";\n\nimport { EventBus, IEvent } from \"@nova-ui/bits\";\n\nimport { PizzagnaService } from \"../../../pizzagna/services/pizzagna.service\";\nimport {\n ISetPropertyPayload,\n SET_PROPERTY_VALUE,\n} from \"../../../services/types\";\nimport { IPizzagna, IPizzagnaLayer, PIZZAGNA_EVENT_BUS } from \"../../../types\";\nimport { PreviewService } from \"../preview.service\";\nimport { IConfiguratorConverter } from \"./types\";\n\n@Injectable()\nexport abstract class BaseConverter\n implements AfterViewInit, IConfiguratorConverter, OnDestroy\n{\n public component: any;\n public componentId: string;\n\n public readonly destroy$ = new Subject();\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) protected eventBus: EventBus,\n private previewService: PreviewService,\n protected pizzagnaService: PizzagnaService\n ) {}\n\n public ngAfterViewInit(): void {\n this.buildForm();\n\n this.toPreview(this.component.form);\n }\n\n public abstract buildForm(): void;\n\n public abstract toPreview(form: FormGroup): void;\n\n public setComponent(component: any, componentId: string): void {\n this.component = component;\n this.componentId = componentId;\n }\n\n public getPreview(): IPizzagnaLayer {\n return this.previewService.preview;\n }\n\n public updatePreview(preview: IPizzagnaLayer): void {\n this.previewService.preview = preview;\n }\n\n public updateFormPizzagna(pizzagna: IPizzagna): void {\n this.pizzagnaService.updatePizzagna(pizzagna);\n this.eventBus.getStream(SET_PROPERTY_VALUE).next({\n payload: { path: \"\", value: pizzagna } as ISetPropertyPayload,\n });\n }\n\n public ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Inject, Injectable } from \"@angular/core\";\nimport { FormGroup } from \"@angular/forms\";\nimport get from \"lodash/get\";\nimport pick from \"lodash/pick\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { EventBus, IEvent, immutableSet } from \"@nova-ui/bits\";\n\nimport { PizzagnaService } from \"../../../../../pizzagna/services/pizzagna.service\";\nimport { PizzagnaLayer, PIZZAGNA_EVENT_BUS } from \"../../../../../types\";\nimport { PreviewService } from \"../../../preview.service\";\nimport { BaseConverter } from \"../../base-converter\";\nimport { IConverterFormPartsProperties } from \"../../types\";\n\n@Injectable()\nexport class KpiSectionConverterService extends BaseConverter {\n private formParts: IConverterFormPartsProperties[];\n\n private get previewComponentId() {\n return this.componentId.split(\"/\")[0];\n }\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) eventBus: EventBus,\n previewService: PreviewService,\n pizzagnaService: PizzagnaService\n ) {\n super(eventBus, previewService, pizzagnaService);\n }\n\n public updateConfiguration(properties: {\n formParts: IConverterFormPartsProperties[];\n }): void {\n if (properties && properties.formParts) {\n this.formParts = properties.formParts;\n }\n }\n\n public buildForm(): void {\n const preview = this.getPreview();\n\n const updatedPizzagna = this.formParts.reduce((res, v) => {\n const previewPath = `${this.previewComponentId}.${v.previewPath}`;\n // TODO: Define correct index type\n const previewSlice: Record = get(preview, previewPath);\n\n if (previewSlice) {\n for (const key of v.keys) {\n if (previewSlice[key] !== undefined) {\n res = immutableSet(\n res,\n `${PizzagnaLayer.Data}.${this.componentId}.properties.${key}`,\n previewSlice[key]\n );\n }\n }\n }\n\n return res;\n }, this.pizzagnaService.pizzagna);\n this.updateFormPizzagna(updatedPizzagna);\n }\n\n public toPreview(form: FormGroup): void {\n form.valueChanges\n .pipe(takeUntil(this.destroy$))\n .subscribe((formData) => {\n const updatedPreview = this.formParts.reduce((p, v) => {\n let outPath = v.previewOutputPath || v.previewPath;\n outPath = `${this.previewComponentId}.${outPath}`;\n\n const preview = get(p, outPath) as any[];\n\n const fromForm = pick(formData, v.keys);\n const merged = { ...preview, ...fromForm };\n\n return immutableSet(p, `${outPath}`, merged);\n }, this.getPreview());\n\n this.updatePreview(updatedPreview);\n });\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { AfterViewInit, Inject, Injectable } from \"@angular/core\";\nimport { FormGroup } from \"@angular/forms\";\nimport difference from \"lodash/difference\";\nimport keyBy from \"lodash/keyBy\";\nimport omit from \"lodash/omit\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { immutableSet } from \"@nova-ui/bits\";\nimport { EventBus, IEvent } from \"@nova-ui/bits\";\n\nimport { PizzagnaService } from \"../../../../pizzagna/services/pizzagna.service\";\nimport {\n IComponentConfiguration,\n PizzagnaLayer,\n PIZZAGNA_EVENT_BUS,\n} from \"../../../../types\";\nimport { IItemConfiguration } from \"../../../components/types\";\nimport { IKpiItemConfiguration } from \"../../../components/widgets/kpi/types\";\nimport { PreviewService } from \"../../preview.service\";\nimport { BaseConverter } from \"../base-converter\";\n\n@Injectable()\nexport class KpiTilesConverterService\n extends BaseConverter\n implements AfterViewInit\n{\n private shouldReadForm = false;\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) eventBus: EventBus,\n previewService: PreviewService,\n pizzagnaService: PizzagnaService\n ) {\n super(eventBus, previewService, pizzagnaService);\n }\n\n public ngAfterViewInit(): void {\n super.ngAfterViewInit();\n }\n\n public buildForm(): void {\n const preview = this.getPreview();\n const tiles: IKpiItemConfiguration[] =\n preview?.tiles?.properties?.nodes?.map(\n (id: string) =>\n ({\n id,\n componentType: preview[id].componentType,\n } as IKpiItemConfiguration)\n ) || [];\n const tileIds = tiles?.map((tile) => tile.id);\n\n this.pizzagnaService.createComponentsFromTemplate(\"tiles\", tileIds);\n let updatedPizzagna = this.pizzagnaService.pizzagna;\n\n updatedPizzagna = immutableSet(\n updatedPizzagna,\n `${PizzagnaLayer.Data}.tiles.properties.tiles`,\n tiles\n );\n\n setTimeout(() => (this.shouldReadForm = true));\n this.updateFormPizzagna(updatedPizzagna);\n }\n\n public toPreview(form: FormGroup): void {\n form.get(\"tiles\")\n ?.valueChanges.pipe(takeUntil(this.destroy$))\n .subscribe((kpiTiles) => {\n if (!this.shouldReadForm) {\n return;\n }\n let preview = this.getPreview();\n const tileIds = (kpiTiles || []).map(\n (t: IItemConfiguration) => t.id\n );\n const idDifference: string[] = difference(\n preview?.tiles?.properties?.nodes,\n tileIds\n );\n if (idDifference.length) {\n preview = omit(preview, idDifference);\n }\n const tilesIndex = keyBy(kpiTiles, (t) => t.id); // this helps us to access the actual tile forms\n preview = immutableSet(\n preview,\n \"tiles.properties.nodes\",\n tileIds\n );\n\n for (const tileId of tileIds) {\n const tile = tilesIndex[tileId];\n if (!tile) {\n // tile might not have been created yet\n continue;\n }\n\n if (!preview[tile.id]) {\n const value: IComponentConfiguration =\n this.getTileConfiguration(\n tile.id,\n tile.componentType\n );\n preview = immutableSet(preview, tile.id, value);\n }\n }\n this.updatePreview(preview);\n });\n }\n\n protected getTileConfiguration(\n id: string,\n componentType: string\n ): IComponentConfiguration {\n return {\n id: id,\n // componentType: componentType,\n providers: {\n dataSource: {\n // @ts-ignore: The expected type comes from property 'providerId'\n // which is declared here on type 'IProviderConfiguration'\n providerId: undefined,\n },\n },\n };\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nexport enum LegendPlacement {\n None = \"None\",\n Right = \"Right\",\n Bottom = \"Bottom\",\n}\n\nexport interface ILegendPlacementOption {\n id: LegendPlacement;\n label: string;\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { AfterViewInit, Inject, Injectable } from \"@angular/core\";\nimport { FormGroup } from \"@angular/forms\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { EventBus, IEvent, immutableSet } from \"@nova-ui/bits\";\n\nimport { IProportionalWidgetChartOptions } from \"../../../../components/proportional-widget/types\";\nimport { PizzagnaService } from \"../../../../pizzagna/services/pizzagna.service\";\nimport { PizzagnaLayer, PIZZAGNA_EVENT_BUS } from \"../../../../types\";\nimport { LegendPlacement } from \"../../../../widget-types/common/widget/legend\";\nimport { PreviewService } from \"../../preview.service\";\nimport { BaseConverter } from \"../base-converter\";\n\n@Injectable()\nexport class ProportionalWidgetChartOptionsConverterService\n extends BaseConverter\n implements AfterViewInit\n{\n private readonly PROPERTIES_PATH = `${PizzagnaLayer.Configuration}.chartOptionsEditor.properties`;\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) eventBus: EventBus,\n previewService: PreviewService,\n pizzagnaService: PizzagnaService\n ) {\n super(eventBus, previewService, pizzagnaService);\n }\n\n public ngAfterViewInit(): void {\n super.ngAfterViewInit();\n }\n\n public buildForm(): void {\n const chartOptions: IProportionalWidgetChartOptions =\n this.getPreview().chart?.properties?.configuration?.chartOptions;\n let editorPizzagna = this.pizzagnaService.pizzagna;\n\n editorPizzagna = immutableSet(\n editorPizzagna,\n `${this.PROPERTIES_PATH}.chartType`,\n chartOptions?.type ?? undefined\n );\n\n editorPizzagna = immutableSet(\n editorPizzagna,\n `${this.PROPERTIES_PATH}.legendPlacement`,\n chartOptions?.legendPlacement ?? LegendPlacement.None\n );\n\n editorPizzagna = immutableSet(\n editorPizzagna,\n `${this.PROPERTIES_PATH}.legendFormatterComponentType`,\n chartOptions?.legendFormatter?.componentType ?? \"\"\n );\n\n editorPizzagna = immutableSet(\n editorPizzagna,\n `${this.PROPERTIES_PATH}.contentFormatterComponentType`,\n chartOptions?.contentFormatter?.componentType ??\n \"DonutContentRawFormatterComponent\"\n );\n\n editorPizzagna = immutableSet(\n editorPizzagna,\n `${this.PROPERTIES_PATH}.contentFormatterProperties`,\n chartOptions?.contentFormatter?.properties ?? \"\"\n );\n\n this.updateFormPizzagna(editorPizzagna);\n }\n\n public toPreview(form: FormGroup): void {\n form.valueChanges\n .pipe(takeUntil(this.destroy$))\n .subscribe((chartOptions) => {\n const preview = immutableSet(\n this.getPreview(),\n \"chart.properties.configuration.chartOptions\",\n chartOptions\n );\n this.updatePreview(preview);\n });\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Inject, Injectable } from \"@angular/core\";\nimport { FormGroup } from \"@angular/forms\";\nimport get from \"lodash/get\";\nimport pick from \"lodash/pick\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { EventBus, IEvent, immutableSet } from \"@nova-ui/bits\";\n\nimport { PizzagnaService } from \"../../../../../pizzagna/services/pizzagna.service\";\nimport { PizzagnaLayer, PIZZAGNA_EVENT_BUS } from \"../../../../../types\";\nimport { PreviewService } from \"../../../preview.service\";\nimport { BaseConverter } from \"../../base-converter\";\nimport { IConverterFormPartsProperties } from \"../../types\";\n\n@Injectable()\nexport class GenericArrayConverterService extends BaseConverter {\n private formParts: IConverterFormPartsProperties[];\n\n private get previewComponentId() {\n return this.componentId.split(\"/\")[0];\n }\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) eventBus: EventBus,\n previewService: PreviewService,\n pizzagnaService: PizzagnaService\n ) {\n super(eventBus, previewService, pizzagnaService);\n }\n\n public updateConfiguration(properties: {\n formParts: IConverterFormPartsProperties[];\n }): void {\n if (properties && properties.formParts) {\n this.formParts = properties.formParts;\n }\n }\n\n public buildForm(): void {\n const preview = this.getPreview();\n\n const updatedPizzagna = this.formParts.reduce((res, v) => {\n const previewSlice = get(preview, v.previewPath) as any[];\n const componentInArray = previewSlice?.find(\n (c) => c.id === this.previewComponentId\n );\n const fromPreview = pick(componentInArray, v.keys);\n\n res = immutableSet(\n res,\n `${PizzagnaLayer.Data}.${this.componentId}.properties`,\n fromPreview\n );\n\n return res;\n }, this.pizzagnaService.pizzagna);\n this.updateFormPizzagna(updatedPizzagna);\n }\n\n public toPreview(form: FormGroup): void {\n form.valueChanges\n .pipe(takeUntil(this.destroy$))\n .subscribe((formData) => {\n const updatedPreview = this.formParts.reduce((p, v) => {\n const outPath = v.previewOutputPath || v.previewPath;\n\n const preview = get(p, outPath) as any[];\n const compIndex = preview.findIndex(\n (c) => c.id === this.previewComponentId\n );\n const fromPreview = preview[compIndex];\n\n const fromForm = pick(formData, v.keys);\n const merged = { ...fromPreview, ...fromForm };\n\n return immutableSet(p, `${outPath}[${compIndex}]`, merged);\n }, this.getPreview());\n\n this.updatePreview(updatedPreview);\n });\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Inject, Injectable } from \"@angular/core\";\nimport { FormGroup } from \"@angular/forms\";\nimport get from \"lodash/get\";\nimport pick from \"lodash/pick\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { EventBus, IEvent, immutableSet } from \"@nova-ui/bits\";\n\nimport { PizzagnaService } from \"../../../../../pizzagna/services/pizzagna.service\";\nimport { PizzagnaLayer, PIZZAGNA_EVENT_BUS } from \"../../../../../types\";\nimport { PreviewService } from \"../../../preview.service\";\nimport { BaseConverter } from \"../../base-converter\";\nimport { IConverterFormPartsProperties } from \"../../types\";\n\n@Injectable()\nexport class GenericConverterService extends BaseConverter {\n private formParts: IConverterFormPartsProperties[];\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) eventBus: EventBus,\n previewService: PreviewService,\n pizzagnaService: PizzagnaService\n ) {\n super(eventBus, previewService, pizzagnaService);\n }\n\n public updateConfiguration(properties: {\n formParts: IConverterFormPartsProperties[];\n }): void {\n if (properties && properties.formParts) {\n this.formParts = properties.formParts;\n }\n }\n\n public buildForm(): void {\n const preview = this.getPreview();\n\n const updatedPizzagna = this.formParts.reduce((res, v) => {\n // TODO: Define correct index type\n const previewSlice: Record = get(\n preview,\n v.previewPath\n );\n\n if (previewSlice) {\n for (const key of v.keys) {\n if (previewSlice[key] !== undefined) {\n res = immutableSet(\n res,\n `${PizzagnaLayer.Data}.${this.componentId}.properties.${key}`,\n previewSlice[key]\n );\n }\n }\n }\n\n return res;\n }, this.pizzagnaService.pizzagna);\n this.updateFormPizzagna(updatedPizzagna);\n }\n\n public toPreview(form: FormGroup): void {\n form.valueChanges\n .pipe(takeUntil(this.destroy$))\n .subscribe((formData) => {\n const updatedPreview = this.formParts.reduce((p, v) => {\n const outPath = v.previewOutputPath || v.previewPath;\n const fromPreview = get(p, outPath);\n const fromForm = pick(formData, v.keys);\n const merged = { ...fromPreview, ...fromForm };\n\n return immutableSet(p, outPath, merged);\n }, this.getPreview());\n\n this.updatePreview(updatedPreview);\n });\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { AfterViewInit, Inject, Injectable } from \"@angular/core\";\nimport { FormGroup } from \"@angular/forms\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { EventBus, IEvent, immutableSet } from \"@nova-ui/bits\";\n\nimport { PizzagnaService } from \"../../../../../pizzagna/services/pizzagna.service\";\nimport { PizzagnaLayer, PIZZAGNA_EVENT_BUS } from \"../../../../../types\";\nimport { PreviewService } from \"../../../preview.service\";\nimport { BaseConverter } from \"../../base-converter\";\n\n@Injectable()\nexport class TitleAndDescriptionConverterService\n extends BaseConverter\n implements AfterViewInit\n{\n public static readonly PROPERTIES_PATH = `${PizzagnaLayer.Configuration}.titleAndDescription.properties`;\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) eventBus: EventBus,\n previewService: PreviewService,\n pizzagnaService: PizzagnaService\n ) {\n super(eventBus, previewService, pizzagnaService);\n }\n\n public ngAfterViewInit(): void {\n super.ngAfterViewInit();\n }\n\n public buildForm(): void {\n let editorPizzagna = this.pizzagnaService.pizzagna;\n const headerProperties = this.getPreview()?.header?.properties;\n\n editorPizzagna = immutableSet(\n editorPizzagna,\n `${TitleAndDescriptionConverterService.PROPERTIES_PATH}.title`,\n headerProperties?.title\n );\n editorPizzagna = immutableSet(\n editorPizzagna,\n `${TitleAndDescriptionConverterService.PROPERTIES_PATH}.subtitle`,\n headerProperties?.subtitle\n );\n editorPizzagna = immutableSet(\n editorPizzagna,\n `${TitleAndDescriptionConverterService.PROPERTIES_PATH}.url`,\n headerProperties?.url\n );\n editorPizzagna = immutableSet(\n editorPizzagna,\n `${TitleAndDescriptionConverterService.PROPERTIES_PATH}.description`,\n headerProperties?.description\n );\n editorPizzagna = immutableSet(\n editorPizzagna,\n `${TitleAndDescriptionConverterService.PROPERTIES_PATH}.collapsible`,\n headerProperties?.collapsible\n );\n\n this.updateFormPizzagna(editorPizzagna);\n }\n\n public toPreview(form: FormGroup): void {\n form.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n const preview = immutableSet(\n this.getPreview(),\n `header.properties`,\n value\n );\n this.updatePreview(preview);\n });\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { AfterViewInit, Inject, Injectable } from \"@angular/core\";\nimport {\n AbstractControl,\n FormArray,\n FormGroup,\n Validators,\n} from \"@angular/forms\";\nimport get from \"lodash/get\";\nimport isEmpty from \"lodash/isEmpty\";\nimport isEqual from \"lodash/isEqual\";\nimport {\n distinctUntilChanged,\n distinctUntilKeyChanged,\n filter,\n map,\n pluck,\n // eslint-disable-next-line import/no-deprecated\n startWith,\n takeUntil,\n tap,\n} from \"rxjs/operators\";\n\nimport { EventBus, IEvent, immutableSet } from \"@nova-ui/bits\";\n\nimport { ITableWidgetColumnConfig } from \"../../../../components/table-widget/types\";\nimport { PizzagnaService } from \"../../../../pizzagna/services/pizzagna.service\";\nimport { PizzagnaLayer, PIZZAGNA_EVENT_BUS } from \"../../../../types\";\nimport { IItemConfiguration } from \"../../../components/types\";\nimport { PreviewService } from \"../../preview.service\";\nimport { BaseConverter } from \"../base-converter\";\n\n@Injectable()\nexport class TableColumnsConverterService\n extends BaseConverter\n implements AfterViewInit\n{\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) eventBus: EventBus,\n previewService: PreviewService,\n pizzagnaService: PizzagnaService\n ) {\n super(eventBus, previewService, pizzagnaService);\n }\n\n public ngAfterViewInit(): void {\n super.ngAfterViewInit();\n }\n\n public buildForm(): void {\n const table = this.getPreview()?.table;\n const dataFields = table?.properties?.dataFields;\n const columns = table?.properties?.configuration?.columns;\n\n let formPizzagna = this.pizzagnaService.pizzagna;\n\n formPizzagna = immutableSet(\n formPizzagna,\n `${PizzagnaLayer.Data}.columns.properties.columns`,\n columns ?? []\n );\n formPizzagna = immutableSet(\n formPizzagna,\n `${PizzagnaLayer.Data}.columns.properties.dataFields`,\n dataFields\n );\n\n this.updateFormPizzagna(formPizzagna);\n }\n\n public toPreview(form: FormGroup): void {\n // table configurator v2 doesn't have `columnsOutput`, it just uses `columns` as source of truth\n const formControl = form.contains(\"columnsOutput\")\n ? form.get(\"columnsOutput\")\n : form.get(\"columns\");\n\n if (!formControl) {\n throw new Error(\"FormControl is not defined!\");\n }\n\n formControl.valueChanges\n .pipe(takeUntil(this.destroy$), distinctUntilChanged(isEqual))\n .subscribe((columns: ITableWidgetColumnConfig[]) => {\n const columnsPath = \"table.properties.configuration.columns\";\n\n // need to wait till forms are initialized in case of creating new column\n setTimeout(() => {\n const preview = this.getPreview();\n this.updatePreview(\n immutableSet(preview, columnsPath, columns)\n );\n });\n\n let formPizzagna = this.pizzagnaService.pizzagna;\n\n // using setTimeout here updates the \"filters\" component properly - without it it doesn't update the dropdown with sortable columns\n setTimeout(() => {\n // hackfix for NUI-5712\n // this assigment resolves a race condition that sometimes occured when data fields received from the data source would be\n // overwritten by an \"older\" formPizzagna value assigned above\n formPizzagna = immutableSet(\n formPizzagna,\n `${PizzagnaLayer.Structure}.columns.properties.template`,\n this.pizzagnaService.pizzagna[PizzagnaLayer.Structure]\n .columns.properties?.template\n );\n\n formPizzagna = immutableSet(\n formPizzagna,\n `${PizzagnaLayer.Data}.filters.properties.columns`,\n columns\n );\n // this triggers change detection on the \"filters\" component\n formPizzagna = immutableSet(\n formPizzagna,\n `${PizzagnaLayer.Structure}.presentation.properties.nodes`,\n [\n ...(formPizzagna?.structure?.presentation\n ?.properties?.nodes ?? []),\n ]\n );\n\n this.updateFormPizzagna(formPizzagna);\n });\n });\n\n this.subscribeToColumnsValueChange();\n }\n\n private subscribeToColumnsValueChange() {\n this.component.form\n .get(\"columnsOutput\")\n ?.valueChanges.pipe(\n // trigger subscription after tableColumnsFormArray is filled with values\n // eslint-disable-next-line import/no-deprecated\n startWith(this.component.form.get(\"columnsOutput\").value),\n filter((columns: IItemConfiguration[]) => columns.length > 0),\n tap(() => this.handleWidthValidation()),\n map((columns: ITableWidgetColumnConfig[]) =>\n this.filterColumnsWithoutSpecifiedWidth(columns)\n ),\n map((activeColumnsWithoutWidth: ITableWidgetColumnConfig[]) =>\n this.handleColumnsWithoutSpecifiedWidth(\n activeColumnsWithoutWidth\n )\n ),\n distinctUntilKeyChanged(\"id\"),\n pluck(\"id\"),\n takeUntil(this.destroy$)\n )\n .subscribe((columnId: string) => this.setWidthMessages(columnId));\n }\n\n /**\n * Filters columns which are active (visible) and don't have specified width\n * @param columns\n */\n private filterColumnsWithoutSpecifiedWidth(\n columns: ITableWidgetColumnConfig[]\n ) {\n return columns.filter((column) => column.isActive && !column.width);\n }\n\n /**\n * Receives columns which are active and don't have specified width and returns:\n * - if all columns have specified width, reset width of the last column and return its id\n * - if there are only one column, set this columns id as last without specified width\n * - if there are more than one column that don't have specified width, do nothing\n * @param activeColumnsWithoutWidth\n */\n private handleColumnsWithoutSpecifiedWidth(\n activeColumnsWithoutWidth: Array\n ) {\n switch (activeColumnsWithoutWidth.length) {\n // if all columns have specified width, reset last columns value so that other columns can resize\n case 0: {\n const activeColumns = (\n this.component.form.get(\"columns\") as FormArray\n ).controls.filter((control) =>\n get(\n control,\n `value.properties[${control.value.id}/description].isActive`\n )\n );\n if (isEmpty(activeColumns)) {\n return {\n id: undefined,\n label: undefined,\n };\n }\n const lastActiveColumn =\n activeColumns[activeColumns.length - 1];\n console.warn(\n `Cannot set width for all columns. Resetting \"${lastActiveColumn.value.label}\" width.`\n );\n lastActiveColumn.patchValue(\n { width: null },\n { emitEvent: false }\n );\n return lastActiveColumn.value;\n }\n case 1:\n return activeColumnsWithoutWidth[0];\n default:\n return {\n id: undefined,\n label: undefined,\n };\n }\n }\n\n private handleWidthValidation() {\n (this.component.form.get(\"columns\") as FormArray).controls.forEach(\n (formGroup: AbstractControl) => {\n const descriptionFormPath = `properties.${formGroup.value.id}/description`;\n const descriptionForm = formGroup.get(descriptionFormPath);\n\n if (!descriptionForm) {\n return;\n }\n const isActive = descriptionForm.get(\"isActive\")?.value;\n const widthFormField = descriptionForm.get(\"width\");\n if (isActive) {\n widthFormField?.setValidators([Validators.min(62)]);\n widthFormField?.markAllAsTouched();\n widthFormField?.updateValueAndValidity({\n emitEvent: false,\n });\n } else {\n widthFormField?.clearValidators();\n widthFormField?.updateValueAndValidity({\n emitEvent: false,\n });\n }\n }\n );\n }\n\n private setWidthMessages(columnId: string) {\n if (!this.pizzagnaService.pizzagna) {\n return;\n }\n\n const widthMessageInput = \"isWidthMessageDisplayed\";\n const { pizzagna } = this.pizzagnaService;\n const columns = pizzagna.data.columns.properties?.columns;\n columns.forEach((col: ITableWidgetColumnConfig) =>\n this.pizzagnaService.setProperty(\n `${PizzagnaLayer.Data}.${col.id}/description.properties.${widthMessageInput}`,\n false\n )\n );\n\n if (!columnId) {\n return;\n }\n this.pizzagnaService.setProperty(\n `${PizzagnaLayer.Data}.${columnId}/description.properties.${widthMessageInput}`,\n true\n );\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { AfterViewInit, Inject, Injectable } from \"@angular/core\";\nimport { FormGroup } from \"@angular/forms\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { EventBus, IEvent, immutableSet } from \"@nova-ui/bits\";\n\nimport { PizzagnaService } from \"../../../../pizzagna/services/pizzagna.service\";\nimport { PizzagnaLayer, PIZZAGNA_EVENT_BUS } from \"../../../../types\";\nimport { PreviewService } from \"../../preview.service\";\nimport { BaseConverter } from \"../base-converter\";\n\n@Injectable()\nexport class TableFiltersConverterService\n extends BaseConverter\n implements AfterViewInit\n{\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) eventBus: EventBus,\n previewService: PreviewService,\n pizzagnaService: PizzagnaService\n ) {\n super(eventBus, previewService, pizzagnaService);\n }\n\n public ngAfterViewInit(): void {\n super.ngAfterViewInit();\n }\n\n public buildForm(): void {\n let formPizzagna = this.pizzagnaService.pizzagna;\n\n const table = this.getPreview()?.table;\n const columns = table?.properties?.configuration?.columns;\n const sorterConfiguration =\n table?.properties?.configuration?.sorterConfiguration;\n\n formPizzagna = immutableSet(\n formPizzagna,\n `${PizzagnaLayer.Data}.filters.properties.columns`,\n columns\n );\n formPizzagna = immutableSet(\n formPizzagna,\n `${PizzagnaLayer.Data}.filters.properties.sorterConfiguration`,\n sorterConfiguration\n );\n\n this.updateFormPizzagna(formPizzagna);\n }\n\n public toPreview(form: FormGroup): void {\n form.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((form) => {\n let preview = this.getPreview();\n preview = immutableSet(\n preview,\n \"table.properties.configuration.sorterConfiguration\",\n form.sorterConfiguration\n );\n\n this.updatePreview(preview);\n // we need to update form with columns that are available\n this.buildForm();\n });\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { AfterViewInit, Inject, Injectable } from \"@angular/core\";\nimport { FormGroup } from \"@angular/forms\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { EventBus, IEvent, immutableSet } from \"@nova-ui/bits\";\n\nimport { PizzagnaService } from \"../../../../pizzagna/services/pizzagna.service\";\nimport { PizzagnaLayer, PIZZAGNA_EVENT_BUS } from \"../../../../types\";\nimport { PreviewService } from \"../../preview.service\";\nimport { BaseConverter } from \"../base-converter\";\n\n@Injectable()\nexport class TableScrollTypeConverterService\n extends BaseConverter\n implements AfterViewInit\n{\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) eventBus: EventBus,\n previewService: PreviewService,\n pizzagnaService: PizzagnaService\n ) {\n super(eventBus, previewService, pizzagnaService);\n }\n\n public ngAfterViewInit(): void {\n super.ngAfterViewInit();\n }\n\n public buildForm(): void {\n let formPizzagna = this.pizzagnaService.pizzagna;\n\n const table = this.getPreview()?.table;\n\n const paginatorConfiguration =\n table?.properties?.configuration?.paginatorConfiguration;\n const hasVirtualScroll =\n table?.properties?.configuration?.hasVirtualScroll;\n const scrollType = table?.properties?.configuration?.scrollType;\n\n formPizzagna = immutableSet(\n formPizzagna,\n `${PizzagnaLayer.Data}.scrollType.properties.paginatorConfiguration`,\n paginatorConfiguration\n );\n\n formPizzagna = immutableSet(\n formPizzagna,\n `${PizzagnaLayer.Data}.scrollType.properties.hasVirtualScroll`,\n hasVirtualScroll\n );\n\n formPizzagna = immutableSet(\n formPizzagna,\n `${PizzagnaLayer.Data}.scrollType.properties.scrollType`,\n scrollType\n );\n\n this.updateFormPizzagna(formPizzagna);\n }\n\n public toPreview(form: FormGroup): void {\n form.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((form) => {\n let preview = this.getPreview();\n\n preview = immutableSet(\n preview,\n \"table.properties.configuration.hasVirtualScroll\",\n false\n );\n\n preview = immutableSet(\n preview,\n \"table.properties.configuration.scrollType\",\n form.paginatorConfiguration.scrollType\n );\n\n preview = immutableSet(\n preview,\n \"table.properties.configuration.paginatorConfiguration.pageSizeSet\",\n form.paginatorConfiguration.pageSizeSet\n );\n\n preview = immutableSet(\n preview,\n \"table.properties.configuration.paginatorConfiguration.pageSize\",\n form.paginatorConfiguration.pageSize\n );\n\n this.updatePreview(preview);\n });\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { AfterViewInit, Inject, Injectable } from \"@angular/core\";\nimport { FormGroup } from \"@angular/forms\";\nimport get from \"lodash/get\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport {\n EventBus,\n IEvent,\n immutableSet,\n TimeframeService,\n} from \"@nova-ui/bits\";\n\nimport { ITimeseriesWidgetConfig } from \"../../../../components/timeseries-widget/types\";\nimport { PizzagnaService } from \"../../../../pizzagna/services/pizzagna.service\";\nimport { PizzagnaLayer, PIZZAGNA_EVENT_BUS } from \"../../../../types\";\nimport { PreviewService } from \"../../preview.service\";\nimport { BaseConverter } from \"../base-converter\";\n\n@Injectable()\nexport class TimeseriesMetadataConverterService\n extends BaseConverter\n implements AfterViewInit\n{\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) eventBus: EventBus,\n previewService: PreviewService,\n pizzagnaService: PizzagnaService,\n private timeframeService: TimeframeService\n ) {\n super(eventBus, previewService, pizzagnaService);\n }\n\n public ngAfterViewInit(): void {\n super.ngAfterViewInit();\n }\n\n public buildForm(): void {\n let formPizzagna = this.pizzagnaService.pizzagna;\n const preview = this.getPreview();\n const timeSpans = Object.keys(this.timeframeService.currentPresets).map(\n (k) => ({\n id: k,\n name: this.timeframeService.currentPresets[k].name,\n })\n );\n\n const propertyPrefix = `${PizzagnaLayer.Data}.timeseriesMetadata.properties`;\n formPizzagna = immutableSet(\n formPizzagna,\n `${propertyPrefix}.timeSpans`,\n timeSpans\n );\n\n const selectedPresetId = get(\n preview,\n `timeframeSelection.properties.timeframe.selectedPresetId`,\n \"last7Days\"\n ) as unknown as string;\n const selectedTimeSpan = timeSpans.find(\n (timeSpan) => timeSpan.id === selectedPresetId\n );\n if (selectedTimeSpan) {\n formPizzagna = immutableSet(\n formPizzagna,\n `${propertyPrefix}.startingTimespan`,\n selectedTimeSpan\n );\n }\n\n const configuration = get(\n preview,\n `chart.properties.configuration`\n ) as unknown as ITimeseriesWidgetConfig;\n if (configuration) {\n formPizzagna = immutableSet(\n formPizzagna,\n `${propertyPrefix}.legendPlacement`,\n configuration.legendPlacement\n );\n formPizzagna = immutableSet(\n formPizzagna,\n `${propertyPrefix}.leftAxisLabel`,\n configuration.leftAxisLabel\n );\n formPizzagna = immutableSet(\n formPizzagna,\n `${propertyPrefix}.preset`,\n configuration.preset\n );\n }\n\n this.updateFormPizzagna(formPizzagna);\n }\n\n public toPreview(form: FormGroup): void {\n form.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n let preview = this.getPreview();\n\n const presetId = get(value, \"startingTimespan.id\");\n if (presetId) {\n preview = immutableSet(\n preview,\n \"timeframeSelection.properties.timeframe.selectedPresetId\",\n presetId\n );\n }\n\n const chartConfig = `chart.properties.configuration`;\n preview = immutableSet(\n preview,\n `${chartConfig}.legendPlacement`,\n get(value, \"legendPlacement\", \"\")\n );\n preview = immutableSet(\n preview,\n `${chartConfig}.leftAxisLabel`,\n get(value, \"leftAxisLabel\", \"\")\n );\n preview = immutableSet(\n preview,\n `${chartConfig}.preset`,\n get(value, \"preset\", \"\")\n );\n\n this.updatePreview(preview);\n });\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { AfterViewInit, Inject, Injectable, OnDestroy } from \"@angular/core\";\nimport { FormGroup } from \"@angular/forms\";\nimport get from \"lodash/get\";\nimport isEmpty from \"lodash/isEmpty\";\nimport isEqual from \"lodash/isEqual\";\nimport isUndefined from \"lodash/isUndefined\";\n// eslint-disable-next-line import/no-deprecated\nimport { combineLatest, Subject } from \"rxjs\";\nimport { distinctUntilChanged, map, takeUntil } from \"rxjs/operators\";\n\nimport { EventBus, IEvent, immutableSet } from \"@nova-ui/bits\";\n\nimport { IDataSourceOutput } from \"../../../../components/providers/types\";\nimport {\n ITimeseriesWidgetData,\n ITimeseriesWidgetSeries,\n} from \"../../../../components/timeseries-widget/types\";\nimport { PizzagnaService } from \"../../../../pizzagna/services/pizzagna.service\";\nimport {\n PizzagnaLayer,\n PIZZAGNA_EVENT_BUS,\n WellKnownProviders,\n} from \"../../../../types\";\nimport { IItemConfiguration } from \"../../../components/types\";\nimport { ITimeseriesItemConfiguration } from \"../../../components/widgets/timeseries/types\";\nimport { DATA_SOURCE_CHANGE, DATA_SOURCE_OUTPUT } from \"../../../types\";\nimport { PreviewService } from \"../../preview.service\";\nimport { BaseConverter } from \"../base-converter\";\n\n@Injectable()\nexport class TimeseriesSeriesConverterService\n extends BaseConverter\n implements AfterViewInit, OnDestroy\n{\n private indicatorDataKey = \"indicatorData\";\n private previewSeriesPath = `providers.${WellKnownProviders.Adapter}.properties.series`;\n private formSeriesComponentPath = `${PizzagnaLayer.Data}.series.properties`;\n\n private dataSourceSeries$ = new Subject();\n private selectedSeriesIds$ = new Subject();\n private shouldReadForm = false;\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) eventBus: EventBus,\n previewService: PreviewService,\n pizzagnaService: PizzagnaService\n ) {\n super(eventBus, previewService, pizzagnaService);\n\n this.subscribeToAvailableDataFieldsChange();\n\n this.eventBus.subscribeUntil(DATA_SOURCE_CHANGE, this.destroy$, (v) => {\n const nodesPath = `${PizzagnaLayer.Structure}.series.properties.nodes`;\n const nodes = get(\n this.pizzagnaService.pizzagna,\n nodesPath\n ) as unknown as string[];\n this.pizzagnaService.removeComponents(nodes);\n\n let updatedPizzagna = this.pizzagnaService.pizzagna;\n updatedPizzagna = immutableSet(updatedPizzagna, nodesPath, []);\n updatedPizzagna = immutableSet(\n updatedPizzagna,\n `${this.formSeriesComponentPath}.series`,\n []\n );\n this.updateFormPizzagna(updatedPizzagna);\n });\n\n this.eventBus.subscribeUntil(\n DATA_SOURCE_OUTPUT,\n this.destroy$,\n (event: IEvent>) => {\n // Because typing is lenient for the data source output, the event may or may not contain an IDataSourceOutput\n // with a result property; the payload may actually be the result itself, so both possibilities are accommodated.\n const { series } = isUndefined(event.payload.result)\n ? event.payload\n : event.payload.result || {};\n\n if (series) {\n this.dataSourceSeries$.next(series);\n\n let updatedPizzagna = this.pizzagnaService.pizzagna;\n updatedPizzagna = immutableSet(\n updatedPizzagna,\n `${this.formSeriesComponentPath}.allSeries`,\n series\n );\n\n const seriesTemplate =\n this.pizzagnaService.pizzagna[PizzagnaLayer.Structure][\n this.component.componentId\n ].properties?.template;\n const indicatorDataIndex = seriesTemplate.findIndex(\n (val: IItemConfiguration) =>\n val.id === this.indicatorDataKey\n );\n const indicatorDataPath = `${PizzagnaLayer.Structure}.series.properties.template[${indicatorDataIndex}].properties.allSeries`;\n updatedPizzagna = immutableSet(\n updatedPizzagna,\n indicatorDataPath,\n series\n );\n\n const previewSeries = get(\n this.getPreview(),\n `chart.${this.previewSeriesPath}`,\n []\n ) as ITimeseriesWidgetSeries[];\n updatedPizzagna = previewSeries.reduce(\n (res, s) =>\n immutableSet(\n res,\n `${PizzagnaLayer.Data}.${s.id}/${this.indicatorDataKey}.properties.allSeries`,\n series\n ),\n updatedPizzagna\n );\n\n this.updateFormPizzagna(updatedPizzagna);\n\n // updating preview series if no series set in editor. this occurs when changing DS, for example.\n // in DS is changing all the series are removed and then all series from DS should be set.\n // that's why updating preview series.\n const editorSeriesPath = `${this.formSeriesComponentPath}.series`;\n const editorSeries = get(\n this.pizzagnaService.pizzagna,\n editorSeriesPath\n );\n if (isEmpty(editorSeries)) {\n this.shouldReadForm = false;\n\n const seriesForPreview: ITimeseriesWidgetSeries[] =\n series.map((s: ITimeseriesWidgetData) => ({\n id: s.id,\n selectedSeriesId: s.id,\n label: s.name,\n }));\n const updatedPreview = immutableSet(\n this.getPreview(),\n `chart.${this.previewSeriesPath}`,\n seriesForPreview\n );\n this.updatePreview(updatedPreview);\n\n this.buildForm();\n\n setTimeout(() => {\n this.updateAvailableSeries([]);\n this.shouldReadForm = true;\n });\n }\n }\n }\n );\n }\n\n public buildForm(): void {\n const preview = this.getPreview();\n const series = get(\n preview,\n `chart.${this.previewSeriesPath}`,\n []\n ) as ITimeseriesWidgetSeries[];\n const seriesToSet = series.map(\n (s) =>\n ({\n id: s.id,\n selectedSeriesId: s.selectedSeriesId,\n } as ITimeseriesItemConfiguration)\n );\n const seriesIds = series.map((s) => s.id);\n\n this.pizzagnaService.createComponentsFromTemplate(\"series\", seriesIds);\n const editorPizzagna = this.pizzagnaService.pizzagna;\n const pizzagnaWithSeries = immutableSet(\n editorPizzagna,\n `${this.formSeriesComponentPath}.series`,\n seriesToSet\n );\n\n this.updateFormPizzagna(pizzagnaWithSeries);\n this.selectedSeriesIds$.next(\n seriesToSet.map((s) => s.selectedSeriesId)\n );\n setTimeout(() => (this.shouldReadForm = true));\n }\n\n public toPreview(form: FormGroup): void {\n form.valueChanges\n .pipe(takeUntil(this.destroy$))\n .subscribe((formSeries) => {\n if (!this.shouldReadForm) {\n return;\n }\n const preview = this.getPreview();\n const { chart } = preview;\n const seriesFromPreview = get(\n chart,\n this.previewSeriesPath,\n []\n ) as ITimeseriesWidgetSeries[];\n\n const series: ITimeseriesWidgetSeries[] = formSeries.map(\n (s: ITimeseriesWidgetSeries) => ({\n id: s.id,\n selectedSeriesId: s.selectedSeriesId,\n ...seriesFromPreview.find(\n (previewSeries) => previewSeries.id === s.id\n ),\n })\n );\n\n const updatedPreview = immutableSet(\n preview,\n `chart.${this.previewSeriesPath}`,\n series\n );\n this.updatePreview(updatedPreview);\n\n const selectedSeriesIds = formSeries\n .map((s: ITimeseriesWidgetSeries) =>\n get(s, `properties[${s.id}/indicatorData].id`)\n )\n .filter((v: any) => !isEmpty(v)) as string[];\n this.selectedSeriesIds$.next(selectedSeriesIds);\n });\n }\n\n public ngOnDestroy(): void {\n this.dataSourceSeries$.complete();\n this.selectedSeriesIds$.complete();\n super.ngOnDestroy();\n }\n\n private updateAvailableSeries(availableSeries: ITimeseriesWidgetData[]) {\n if (!this.pizzagnaService.pizzagna) {\n return;\n }\n\n let updatedPizzagna = this.pizzagnaService.pizzagna;\n\n // configuration component\n updatedPizzagna = immutableSet(\n updatedPizzagna,\n `${this.formSeriesComponentPath}.availableSeries`,\n availableSeries\n );\n\n // template\n const seriesTemplate =\n this.pizzagnaService.pizzagna[PizzagnaLayer.Structure][\n this.component.componentId\n ].properties?.template;\n const indicatorDataIndex = seriesTemplate.findIndex(\n (val: ITimeseriesWidgetSeries) => val.id === this.indicatorDataKey\n );\n const indicatorDataPath = `${PizzagnaLayer.Structure}.series.properties.template[${indicatorDataIndex}].properties.availableSeries`;\n updatedPizzagna = immutableSet(\n updatedPizzagna,\n indicatorDataPath,\n availableSeries\n );\n\n // already created forms\n const seriesIds = get(\n this.pizzagnaService.pizzagna,\n `${PizzagnaLayer.Structure}.series.properties.nodes`\n ) as unknown as string[];\n updatedPizzagna = seriesIds.reduce(\n (res, id) =>\n immutableSet(\n res,\n `${PizzagnaLayer.Data}.${id}/${this.indicatorDataKey}.properties.availableSeries`,\n availableSeries\n ),\n updatedPizzagna\n );\n\n this.updateFormPizzagna(updatedPizzagna);\n }\n\n private subscribeToAvailableDataFieldsChange() {\n // eslint-disable-next-line import/no-deprecated\n combineLatest([this.dataSourceSeries$, this.selectedSeriesIds$])\n .pipe(\n takeUntil(this.destroy$),\n map(([dsSeries, usedSeriesIds]) =>\n dsSeries.filter(\n (ds) => !usedSeriesIds.find((id) => id === ds.id)\n )\n ),\n distinctUntilChanged(isEqual)\n )\n .subscribe(this.updateAvailableSeries.bind(this));\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Inject, Injectable } from \"@angular/core\";\nimport { FormGroup } from \"@angular/forms\";\nimport get from \"lodash/get\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { EventBus, IEvent, immutableSet } from \"@nova-ui/bits\";\n\nimport { ITimeseriesWidgetSeries } from \"../../../../components/timeseries-widget/types\";\nimport { PizzagnaService } from \"../../../../pizzagna/services/pizzagna.service\";\nimport {\n PizzagnaLayer,\n PIZZAGNA_EVENT_BUS,\n WellKnownProviders,\n} from \"../../../../types\";\nimport { PreviewService } from \"../../preview.service\";\nimport { BaseConverter } from \"../base-converter\";\n\n@Injectable()\nexport class TimeseriesTileIndicatorDataConverterService extends BaseConverter {\n private previewSeriesPath = `chart.providers.${WellKnownProviders.Adapter}.properties.series`;\n\n private get previewComponentId() {\n return this.componentId.split(\"/\")[0];\n }\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) eventBus: EventBus,\n previewService: PreviewService,\n pizzagnaService: PizzagnaService\n ) {\n super(eventBus, previewService, pizzagnaService);\n }\n\n public buildForm(): void {\n const series = get(\n this.getPreview(),\n this.previewSeriesPath,\n []\n ) as ITimeseriesWidgetSeries[];\n const currentSeries = series.find(\n (s) => s.id === this.previewComponentId\n );\n const selectedSeriesId =\n currentSeries && currentSeries.selectedSeriesId;\n\n const updatedPizzagna = immutableSet(\n this.pizzagnaService.pizzagna,\n `${PizzagnaLayer.Data}.${this.componentId}.properties`,\n { selectedSeriesId }\n );\n this.updateFormPizzagna(updatedPizzagna);\n }\n\n public toPreview(form: FormGroup): void {\n form.valueChanges\n .pipe(takeUntil(this.destroy$))\n .subscribe((formData) => {\n const selectedSeriesId = formData.id;\n const preview = this.getPreview();\n\n const seriesFromPreview = get(\n preview,\n this.previewSeriesPath,\n []\n ) as ITimeseriesWidgetSeries[];\n const currentSeriesIndex = seriesFromPreview.findIndex(\n (s) => s.id === this.previewComponentId\n );\n\n if (currentSeriesIndex > -1) {\n const newSeries = [...seriesFromPreview];\n newSeries[currentSeriesIndex] = {\n ...newSeries[currentSeriesIndex],\n selectedSeriesId,\n };\n\n const updatedPreview = immutableSet(\n preview,\n `${this.previewSeriesPath}`,\n newSeries\n );\n this.updatePreview(updatedPreview);\n }\n });\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { InjectionToken } from \"@angular/core\";\nimport { FormGroup } from \"@angular/forms\";\n\nimport { IPizzagna } from \"../../../types\";\n\nexport const CONFIGURATOR_CONVERTER =\n new InjectionToken(\"CONFIGURATOR_CONVERTER\");\n\nexport interface IConfiguratorForm {\n pizzagna: IPizzagna;\n formGroup: FormGroup;\n previousValue: any;\n}\n\nexport interface IConfiguratorConverter {\n buildForm(): any;\n\n toPreview(form: FormGroup): any;\n}\n\nexport interface IConverterFormPartsProperties {\n previewPath: string;\n keys: string[];\n /** In case you need to put data in different place use this property */\n previewOutputPath?: string;\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable } from \"@angular/core\";\n\nimport { IEventDefinition } from \"@nova-ui/bits\";\n@Injectable({\n providedIn: \"root\",\n})\nexport class EventRegistryService {\n private events: Record = {};\n\n public registerEvent(eventDefinition: IEventDefinition): void {\n this.events[eventDefinition.id] = eventDefinition;\n }\n\n public getEvent(id: string): IEventDefinition {\n const event = this.events[id];\n\n if (!event) {\n throw new Error(\n \"Event with id '\" +\n id +\n \"' is not registered. Registered events are: \" +\n JSON.stringify(Object.keys(this.events))\n );\n }\n\n return event;\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Directive, OnDestroy } from \"@angular/core\";\nimport { BehaviorSubject, Observable } from \"rxjs\";\nimport { map } from \"rxjs/operators\";\n\nimport { LoggerService, uuid } from \"@nova-ui/bits\";\n\nimport { IRegistryAddOptions } from \"./types\";\n\ntype IRegistryMap = Record;\n\n@Directive()\n// eslint-disable-next-line @angular-eslint/directive-class-suffix\nexport abstract class RegistryService implements OnDestroy {\n protected state$: BehaviorSubject> = new BehaviorSubject<\n IRegistryMap\n >({});\n\n public stateChanged$: Observable = this.state$\n .asObservable()\n .pipe(map(() => this.getItems()));\n\n private _stateVersion: string;\n /* Helper method for non-reactive usages */\n public get stateVersion(): string {\n return this._stateVersion;\n }\n\n private _isEmpty: boolean = true;\n public get isEmpty(): boolean {\n return this._isEmpty;\n }\n\n protected constructor(\n private logger: LoggerService,\n private className?: string\n ) {}\n\n public addItems(\n items: T[],\n options: IRegistryAddOptions = { overrideExisting: true }\n ): void {\n const storageValue: IRegistryMap = this.state$.value;\n\n items.forEach((item: T) => {\n if (\n storageValue[this.getItemKey(item)] &&\n !options.overrideExisting\n ) {\n this.logger.warn(`Logger - ${\n this.className\n }: item with ${this.getItemKey(item)}\n is already registered. Skipping.`);\n\n return;\n }\n\n storageValue[this.getItemKey(item)] = { ...item };\n });\n\n this.state$.next(storageValue);\n\n if (items.length > 0) {\n this.updateStateFlags(false);\n }\n }\n\n public getItem(id: string): T | undefined {\n return this.state$.value[id];\n }\n\n public getItems(): T[] {\n return Object.values(this.state$.value);\n }\n\n public reset(): void {\n this.state$.next({});\n this.updateStateFlags(true);\n }\n\n public ngOnDestroy(): void {\n this.state$.complete();\n }\n\n protected abstract getItemKey(item: T): string;\n\n private updateStateFlags(isEmpty: boolean): void {\n this._isEmpty = isEmpty;\n this._stateVersion = uuid();\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable } from \"@angular/core\";\nimport { Observable } from \"rxjs\";\n\nimport { LoggerService } from \"@nova-ui/bits\";\n\nimport { RegistryService } from \"./registry-service\";\nimport { IAddFormattersOptions } from \"./types\";\nimport {\n IFormatterDefinition,\n ITableFormatterDefinition,\n} from \"../components/types\";\n\nexport abstract class FormatterRegistryService<\n TFormatter extends IFormatterDefinition = IFormatterDefinition\n> extends RegistryService {\n /** @deprecated use 'stateChanged$' instead - NUI-5852 */\n public formattersStateChanged$: Observable =\n this.stateChanged$;\n\n /** @deprecated use 'addItems' instead - NUI-5852 */\n public addFormatters(\n formatters: TFormatter[],\n options: IAddFormattersOptions = { overrideExisting: true }\n ): void {\n super.addItems(formatters, options);\n }\n\n /** @deprecated use 'getItems' instead - NUI-5852 */\n public getFormatters(): TFormatter[] {\n return super.getItems();\n }\n\n protected getItemKey(item: TFormatter): string {\n return item.componentType;\n }\n}\n\n@Injectable({ providedIn: \"root\" })\nexport class TableFormatterRegistryService extends FormatterRegistryService {\n constructor(logger: LoggerService) {\n super(logger, \"TableFormatterRegistryService\");\n }\n}\n\n@Injectable({ providedIn: \"root\" })\nexport class KpiFormattersRegistryService extends FormatterRegistryService {\n constructor(logger: LoggerService) {\n super(logger, \"KpiFormattersRegistryService\");\n }\n}\n\n@Injectable({ providedIn: \"root\" })\nexport class RiskScoreFormattersRegistryService extends FormatterRegistryService {\n constructor(logger: LoggerService) {\n super(logger, \"RiskScoreFormattersRegistryService\");\n }\n}\n\n@Injectable({ providedIn: \"root\" })\nexport class ProportionalDonutContentFormattersRegistryService extends FormatterRegistryService {\n constructor(logger: LoggerService) {\n super(logger, \"ProportionalDonutContentFormattersRegistryService\");\n }\n}\n\n@Injectable({ providedIn: \"root\" })\nexport class ProportionalLegendFormattersRegistryService extends FormatterRegistryService {\n constructor(logger: LoggerService) {\n super(logger, \"ProportionalLegendFormattersRegistryService\");\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Inject, Injectable, OnDestroy, Optional } from \"@angular/core\";\nimport keyBy from \"lodash/keyBy\";\nimport uniq from \"lodash/uniq\";\nimport { Subject } from \"rxjs\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { EventBus, IEvent, IEventDefinition } from \"@nova-ui/bits\";\n\nimport { PizzagnaService } from \"../pizzagna/services/pizzagna.service\";\nimport {\n DASHBOARD_EVENT_BUS,\n IConfigurable,\n IProperties,\n PizzagnaLayer,\n PIZZAGNA_EVENT_BUS,\n} from \"../types\";\nimport { EventRegistryService } from \"./event-registry.service\";\nimport { WidgetConfigurationService } from \"./widget-configuration.service\";\n\nexport interface IWidgetEvent extends IEvent {\n widgetId?: string;\n}\n\n/**\n * Configuration of WidgetToDashboardEventProxy\n */\nexport interface IWidgetToDashboardEventProxyConfiguration extends IProperties {\n /**\n * List of events that are transmitted from widget to dashboard\n */\n upstreams?: string[];\n /**\n * List of events that are transmitted from dashboard to widget\n */\n downstreams?: string[];\n}\n\n/**\n * This provider transmits events between the dashboard event bus and the widget event bus.\n * It needs to be configured with the events that need transmission each way.\n */\n@Injectable()\nexport class WidgetToDashboardEventProxyService\n implements IConfigurable, OnDestroy\n{\n private upstreamSubscriptions: Record = {};\n private downstreamSubscriptions: Record = {};\n private readonly destroy$ = new Subject();\n private component: { componentId: string };\n\n private upstreams?: string[];\n private downstreams?: string[];\n public providerKey: string;\n\n constructor(\n @Inject(PIZZAGNA_EVENT_BUS) private pizzagnaBus: EventBus,\n @Optional()\n @Inject(DASHBOARD_EVENT_BUS)\n private dashboardBus: EventBus,\n @Optional()\n private widgetConfigurationService: WidgetConfigurationService,\n private eventRegistry: EventRegistryService,\n private pizzagnaService: PizzagnaService\n ) {}\n\n public ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n public setComponent(component: any): void {\n this.component = component;\n }\n\n public updateConfiguration(\n properties: IWidgetToDashboardEventProxyConfiguration\n ): void {\n this.providerKey = properties.providerKey;\n this.upstreams = properties.upstreams;\n this.downstreams = properties.downstreams;\n\n if (this.upstreams) {\n // upstream = widget -> dashboard\n this.registerUpstreamSubscriptions(...this.upstreams);\n }\n if (this.downstreams) {\n // downstream = dashboard -> widget\n this.registerDownstreamSubscriptions(...this.downstreams);\n }\n }\n\n public addUpstream(stream: IEventDefinition): void {\n this.addStream(stream, \"upstreams\");\n }\n\n public addDownstream(stream: IEventDefinition): void {\n this.addStream(stream, \"downstreams\");\n }\n\n private addStream(\n stream: IEventDefinition,\n streamKey: \"upstreams\" | \"downstreams\"\n ) {\n const streams = uniq((this[streamKey] || []).concat(stream.id));\n this[streamKey] = streams;\n\n if (!this.component) {\n return;\n }\n\n this.pizzagnaService.setProperty(\n {\n componentId: this.component.componentId,\n pizzagnaKey: PizzagnaLayer.Data,\n providerKey: this.providerKey,\n propertyPath: [streamKey],\n },\n streams\n );\n }\n\n private registerUpstreamSubscriptions(...upstreams: string[]) {\n if (!this.dashboardBus) {\n return;\n }\n\n this.registerSubscriptions(\n upstreams,\n this.upstreamSubscriptions,\n this.pizzagnaBus,\n (stream: IEventDefinition, event: IEvent) => {\n // add widgetId to all events passed to the dashboard\n const widgetId = this.widgetConfigurationService.getWidget().id;\n\n this.dashboardBus\n .getStream(stream)\n .next(Object.assign({}, event, { widgetId }));\n }\n );\n }\n\n private registerDownstreamSubscriptions(...downstreams: string[]) {\n if (!this.dashboardBus) {\n return;\n }\n\n this.registerSubscriptions(\n downstreams,\n this.downstreamSubscriptions,\n this.dashboardBus,\n (stream: IEventDefinition, event: IWidgetEvent) => {\n // pass only events that have matching widgetId or a widgetId that is not defined\n const widgetId = this.widgetConfigurationService.getWidget().id;\n if (\n typeof event.widgetId === \"undefined\" ||\n widgetId === event.widgetId\n ) {\n this.pizzagnaBus.getStream(stream).next(event);\n }\n }\n );\n }\n\n private registerSubscriptions(\n streams: string[] = [],\n subscriptions: Record,\n sourceBus: EventBus,\n handleEvent: (stream: IEventDefinition, event: IEvent) => void\n ) {\n const streamsIndex: Record | null = streams\n ? keyBy(streams, (x) => x)\n : null;\n\n // remove subscriptions that are not valid anymore\n for (const streamId of Object.keys(subscriptions)) {\n if (!streamsIndex || !streamsIndex[streamId]) {\n subscriptions[streamId].unsubscribe();\n delete subscriptions[streamId];\n }\n }\n\n // add subscriptions that were not registered before\n for (const streamId of Object.keys(streamsIndex ?? {}).filter(\n (s) => !subscriptions[s]\n )) {\n const eventDefinition = this.eventRegistry.getEvent(streamId);\n subscriptions[streamId] = (\n sourceBus.getStream(\n eventDefinition\n ) as object as Subject\n )\n .pipe(takeUntil(this.destroy$))\n .subscribe((event: IEvent) => {\n handleEvent(eventDefinition, event);\n });\n }\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { DecimalPipe } from \"@angular/common\";\nimport {\n Injectable,\n Injector,\n NgZone,\n Optional,\n StaticProvider,\n} from \"@angular/core\";\n\nimport {\n LoggerService,\n TimeframeService,\n VirtualViewportManager,\n} from \"@nova-ui/bits\";\n\nimport { DataSourceAdapter } from \"../components/providers/data-source-adapter\";\nimport { DrilldownDataSourceAdapter } from \"../components/providers/drilldown-data-source-adapter\";\nimport { EventBusDebugger } from \"../components/providers/event-bus-debugger\";\nimport { UrlInteractionHandler } from \"../components/providers/interaction/url-interaction-handler\";\nimport { KpiColorPrioritizer } from \"../components/providers/kpi-color-prioritizer\";\nimport { KpiDataSourceAdapter } from \"../components/providers/kpi-data-source-adapter\";\nimport { KpiScaleSyncBroker } from \"../components/providers/kpi-scale-sync-broker\";\nimport { KpiStatusContentFallbackAdapter } from \"../components/providers/kpi-status-content-fallback-adapter\";\nimport { LoadingAdapter } from \"../components/providers/loading-adapter\";\nimport { PizzagnaBroadcasterService } from \"../components/providers/pizzagna-broadcaster.service\";\nimport { Refresher } from \"../components/providers/refresher\";\nimport { RefresherSettingsService } from \"../components/providers/refresher-settings.service\";\nimport { StatusContentFallbackAdapter } from \"../components/providers/status-content-fallback-adapter\";\nimport { TableDataSourceAdapter } from \"../components/providers/table-data-source-adapter\";\nimport { TimeseriesDataSourceAdapter } from \"../components/providers/timeseries-data-source-adapter\";\nimport { DashwizService } from \"../configurator/components/wizard/dashwiz/dashwiz.service\";\nimport { ConfiguratorDataSourceManagerService } from \"../configurator/services/configurator-data-source-manager.service\";\nimport { KpiSectionConverterService } from \"../configurator/services/converters/kpi/kpi-section-converter/kpi-section-converter.service\";\nimport { KpiTilesConverterService } from \"../configurator/services/converters/kpi/kpi-tiles-converter.service\";\n// eslint-disable-next-line max-len\nimport { ProportionalWidgetChartOptionsConverterService } from \"../configurator/services/converters/proportional/proportional-widget-chart-options-converter.service\";\nimport { GenericArrayConverterService } from \"../configurator/services/converters/shared/generic-array-converter/generic-array-converter.service\";\nimport { GenericConverterService } from \"../configurator/services/converters/shared/generic-converter/generic-converter.service\";\n// eslint-disable-next-line max-len\nimport { TitleAndDescriptionConverterService } from \"../configurator/services/converters/shared/title-and-description-converter/title-and-description-converter.service\";\nimport { TableColumnsConverterService } from \"../configurator/services/converters/table/table-columns-converter.service\";\nimport { TableFiltersConverterService } from \"../configurator/services/converters/table/table-filters-converter.service\";\nimport { TableScrollTypeConverterService } from \"../configurator/services/converters/table/table-scroll-type-converter.service\";\nimport { TimeseriesMetadataConverterService } from \"../configurator/services/converters/timeseries/timeseries-metadata-converter.service\";\nimport { TimeseriesSeriesConverterService } from \"../configurator/services/converters/timeseries/timeseries-series-converter.service\";\nimport { TimeseriesTileIndicatorDataConverterService } from \"../configurator/services/converters/timeseries/timeseries-tile-indicator-data-converter.service\";\nimport { CONFIGURATOR_CONVERTER } from \"../configurator/services/converters/types\";\nimport { PreviewService } from \"../configurator/services/preview.service\";\nimport { PizzagnaService } from \"../pizzagna/services/pizzagna.service\";\nimport {\n DASHBOARD_EVENT_BUS,\n DATA_SOURCE,\n FORMATTERS_REGISTRY,\n PIZZAGNA_EVENT_BUS,\n} from \"../types\";\nimport { EventRegistryService } from \"./event-registry.service\";\nimport { KpiColorComparatorsRegistryService } from \"./kpi-color-comparators-registry.service\";\nimport {\n KpiFormattersRegistryService,\n ProportionalDonutContentFormattersRegistryService,\n RiskScoreFormattersRegistryService,\n TableFormatterRegistryService,\n} from \"./table-formatter-registry.service\";\nimport {\n IStaticProviders,\n NOVA_CONFIGURATOR_DATA_SOURCE_MANAGER,\n NOVA_DASHBOARD_EVENT_PROXY,\n NOVA_DATASOURCE_ADAPTER,\n NOVA_DATASOURCE_INTERVAL_REFRESHER,\n NOVA_DRILLDOWN_DATASOURCE_ADAPTER,\n NOVA_EVENT_BUS_DEBUGGER,\n NOVA_GENERIC_ARRAY_CONVERTER,\n NOVA_GENERIC_CONVERTER,\n NOVA_KPI_COLOR_PRIORITIZER,\n NOVA_KPI_DATASOURCE_ADAPTER,\n NOVA_KPI_FORMATTERS_REGISTRY,\n NOVA_KPI_SCALE_SYNC_BROKER,\n NOVA_KPI_SECTION_CONVERTER,\n NOVA_KPI_STATUS_CONTENT_FALLBACK_ADAPTER,\n NOVA_KPI_TILES_CONVERTER,\n NOVA_LOADING_ADAPTER,\n NOVA_PIZZAGNA_BROADCASTER,\n NOVA_PROPORTIONAL_CONTENT_FORMATTERS_REGISTRY,\n NOVA_PROPORTIONAL_WIDGET_CHART_OPTIONS_CONVERTER,\n NOVA_STATUS_CONTENT_FALLBACK_ADAPTER,\n NOVA_TABLE_COLUMNS_CONVERTER,\n NOVA_TABLE_DATASOURCE_ADAPTER,\n NOVA_TABLE_FILTERS_CONVERTER,\n NOVA_TABLE_FORMATTERS_REGISTRY,\n NOVA_TIMESERIES_DATASOURCE_ADAPTER,\n NOVA_TIMESERIES_METADATA_CONVERTER,\n NOVA_TIMESERIES_SERIES_CONVERTER,\n NOVA_TIMESERIES_TILE_INDICATOR_DATA_CONVERTER,\n NOVA_TITLE_AND_DESCRIPTION_CONVERTER,\n NOVA_URL_INTERACTION_HANDLER,\n NOVA_VIRTUAL_VIEWPORT_MANAGER,\n NOVA_RISK_SCORE_FORMATTERS_REGISTRY,\n NOVA_TABLE_SCROLL_TYPE_CONVERTER,\n} from \"./types\";\nimport { UrlInteractionService } from \"./url-interaction.service\";\nimport { WidgetConfigurationService } from \"./widget-configuration.service\";\nimport { WidgetToDashboardEventProxyService } from \"./widget-to-dashboard-event-proxy.service\";\n\n@Injectable({ providedIn: \"root\" })\nexport class ProviderRegistryService {\n public staticProviders: IStaticProviders = {};\n\n constructor(private logger: LoggerService) {\n this.setProviders({\n [NOVA_DATASOURCE_INTERVAL_REFRESHER]: {\n provide: Refresher,\n deps: [PIZZAGNA_EVENT_BUS, NgZone, RefresherSettingsService],\n },\n [NOVA_DASHBOARD_EVENT_PROXY]: {\n provide: WidgetToDashboardEventProxyService,\n deps: [\n PIZZAGNA_EVENT_BUS,\n [new Optional(), DASHBOARD_EVENT_BUS],\n [new Optional(), WidgetConfigurationService],\n EventRegistryService,\n PizzagnaService,\n ],\n },\n [NOVA_DATASOURCE_ADAPTER]: {\n provide: DataSourceAdapter,\n deps: [\n PIZZAGNA_EVENT_BUS,\n [new Optional(), DATA_SOURCE],\n PizzagnaService,\n ],\n },\n [NOVA_TABLE_DATASOURCE_ADAPTER]: {\n provide: TableDataSourceAdapter,\n deps: [\n PIZZAGNA_EVENT_BUS,\n [new Optional(), DATA_SOURCE],\n PizzagnaService,\n VirtualViewportManager,\n ],\n },\n [NOVA_TIMESERIES_DATASOURCE_ADAPTER]: {\n provide: TimeseriesDataSourceAdapter,\n deps: [\n PIZZAGNA_EVENT_BUS,\n [new Optional(), DATA_SOURCE],\n PizzagnaService,\n ],\n },\n [NOVA_KPI_DATASOURCE_ADAPTER]: {\n provide: KpiDataSourceAdapter,\n deps: [\n PIZZAGNA_EVENT_BUS,\n [new Optional(), DATA_SOURCE],\n PizzagnaService,\n DecimalPipe,\n ],\n },\n [NOVA_DRILLDOWN_DATASOURCE_ADAPTER]: {\n provide: DrilldownDataSourceAdapter,\n deps: [\n PIZZAGNA_EVENT_BUS,\n [new Optional(), DATA_SOURCE],\n PizzagnaService,\n ],\n },\n [NOVA_KPI_COLOR_PRIORITIZER]: {\n provide: KpiColorPrioritizer,\n deps: [\n [new Optional(), DATA_SOURCE],\n PizzagnaService,\n KpiColorComparatorsRegistryService,\n ],\n },\n [NOVA_TITLE_AND_DESCRIPTION_CONVERTER]: {\n provide: CONFIGURATOR_CONVERTER,\n useClass: TitleAndDescriptionConverterService,\n deps: [PIZZAGNA_EVENT_BUS, PreviewService, PizzagnaService],\n },\n [NOVA_PROPORTIONAL_WIDGET_CHART_OPTIONS_CONVERTER]: {\n provide: CONFIGURATOR_CONVERTER,\n useClass: ProportionalWidgetChartOptionsConverterService,\n deps: [PIZZAGNA_EVENT_BUS, PreviewService, PizzagnaService],\n },\n [NOVA_KPI_TILES_CONVERTER]: {\n provide: CONFIGURATOR_CONVERTER,\n useClass: KpiTilesConverterService,\n deps: [PIZZAGNA_EVENT_BUS, PreviewService, PizzagnaService],\n },\n [NOVA_KPI_SECTION_CONVERTER]: {\n provide: CONFIGURATOR_CONVERTER,\n useClass: KpiSectionConverterService,\n deps: [PIZZAGNA_EVENT_BUS, PreviewService, PizzagnaService],\n },\n [NOVA_GENERIC_CONVERTER]: {\n provide: CONFIGURATOR_CONVERTER,\n useClass: GenericConverterService,\n deps: [PIZZAGNA_EVENT_BUS, PreviewService, PizzagnaService],\n },\n [NOVA_GENERIC_ARRAY_CONVERTER]: {\n provide: CONFIGURATOR_CONVERTER,\n useClass: GenericArrayConverterService,\n deps: [PIZZAGNA_EVENT_BUS, PreviewService, PizzagnaService],\n },\n [NOVA_TIMESERIES_TILE_INDICATOR_DATA_CONVERTER]: {\n provide: CONFIGURATOR_CONVERTER,\n useClass: TimeseriesTileIndicatorDataConverterService,\n deps: [\n PIZZAGNA_EVENT_BUS,\n PreviewService,\n PizzagnaService,\n TimeframeService,\n ],\n },\n [NOVA_TIMESERIES_METADATA_CONVERTER]: {\n provide: CONFIGURATOR_CONVERTER,\n useClass: TimeseriesMetadataConverterService,\n deps: [\n PIZZAGNA_EVENT_BUS,\n PreviewService,\n PizzagnaService,\n TimeframeService,\n ],\n },\n [NOVA_TIMESERIES_SERIES_CONVERTER]: {\n provide: CONFIGURATOR_CONVERTER,\n useClass: TimeseriesSeriesConverterService,\n deps: [PIZZAGNA_EVENT_BUS, PreviewService, PizzagnaService],\n },\n [NOVA_TABLE_COLUMNS_CONVERTER]: {\n provide: CONFIGURATOR_CONVERTER,\n useClass: TableColumnsConverterService,\n deps: [PIZZAGNA_EVENT_BUS, PreviewService, PizzagnaService],\n },\n [NOVA_TABLE_FILTERS_CONVERTER]: {\n provide: CONFIGURATOR_CONVERTER,\n useClass: TableFiltersConverterService,\n deps: [PIZZAGNA_EVENT_BUS, PreviewService, PizzagnaService],\n },\n [NOVA_TABLE_SCROLL_TYPE_CONVERTER]: {\n provide: CONFIGURATOR_CONVERTER,\n useClass: TableScrollTypeConverterService,\n deps: [PIZZAGNA_EVENT_BUS, PreviewService, PizzagnaService],\n },\n [NOVA_LOADING_ADAPTER]: {\n provide: LoadingAdapter,\n deps: [PIZZAGNA_EVENT_BUS, PizzagnaService],\n },\n [NOVA_STATUS_CONTENT_FALLBACK_ADAPTER]: {\n provide: StatusContentFallbackAdapter,\n deps: [PIZZAGNA_EVENT_BUS, PizzagnaService],\n },\n [NOVA_KPI_STATUS_CONTENT_FALLBACK_ADAPTER]: {\n provide: KpiStatusContentFallbackAdapter,\n deps: [PIZZAGNA_EVENT_BUS, PizzagnaService],\n },\n [NOVA_KPI_SCALE_SYNC_BROKER]: {\n provide: KpiScaleSyncBroker,\n deps: [PIZZAGNA_EVENT_BUS, PizzagnaService],\n },\n [NOVA_URL_INTERACTION_HANDLER]: {\n provide: UrlInteractionHandler,\n deps: [\n PIZZAGNA_EVENT_BUS,\n \"windowObject\",\n LoggerService,\n UrlInteractionService,\n ],\n },\n [NOVA_EVENT_BUS_DEBUGGER]: {\n provide: EventBusDebugger,\n deps: [PIZZAGNA_EVENT_BUS],\n },\n [NOVA_VIRTUAL_VIEWPORT_MANAGER]: {\n provide: VirtualViewportManager,\n deps: [],\n },\n [NOVA_PIZZAGNA_BROADCASTER]: {\n provide: PizzagnaBroadcasterService,\n deps: [PizzagnaService],\n },\n [NOVA_TABLE_FORMATTERS_REGISTRY]: {\n provide: FORMATTERS_REGISTRY,\n useExisting: TableFormatterRegistryService,\n deps: [PizzagnaService],\n },\n [NOVA_KPI_FORMATTERS_REGISTRY]: {\n provide: FORMATTERS_REGISTRY,\n useExisting: KpiFormattersRegistryService,\n deps: [PizzagnaService],\n },\n [NOVA_RISK_SCORE_FORMATTERS_REGISTRY]: {\n provide: FORMATTERS_REGISTRY,\n useExisting: RiskScoreFormattersRegistryService,\n deps: [PizzagnaService],\n },\n [NOVA_PROPORTIONAL_CONTENT_FORMATTERS_REGISTRY]: {\n provide: FORMATTERS_REGISTRY,\n useExisting: ProportionalDonutContentFormattersRegistryService,\n deps: [PizzagnaService],\n },\n [NOVA_CONFIGURATOR_DATA_SOURCE_MANAGER]: {\n provide: ConfiguratorDataSourceManagerService,\n deps: [PIZZAGNA_EVENT_BUS, [new Optional(), DashwizService]],\n },\n });\n }\n\n public setProviders(providers: IStaticProviders): void {\n this.staticProviders = Object.assign(\n {},\n this.staticProviders,\n providers\n );\n }\n\n public getProvider(providerId: string): StaticProvider {\n const provider = this.staticProviders[providerId];\n if (!provider) {\n this.logger.warn(\"No provider registered for id\", providerId);\n this.logger.warn(\n \"Known providers:\",\n Object.keys(this.staticProviders).join(\", \")\n );\n }\n return provider;\n }\n\n public getProviderInstance(\n provider: StaticProvider,\n parentInjector: Injector\n ): any {\n const injector = Injector.create({\n providers: [provider],\n parent: parentInjector,\n });\n return injector.get(DATA_SOURCE);\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable, Type } from \"@angular/core\";\n\nimport { LoggerService } from \"@nova-ui/bits\";\n\n// Extending with Type to be compatible with EntryComponents type\nexport interface IComponentWithLateLoadKey extends Type {\n lateLoadKey: string;\n}\n\n@Injectable({\n providedIn: \"root\",\n})\nexport class ComponentRegistryService {\n private components: Record = {};\n\n constructor(private logger: LoggerService) {}\n\n public registerByLateLoadKey(component: IComponentWithLateLoadKey): void {\n this.registerComponentType(component.lateLoadKey, component);\n }\n\n public registerComponentType(key: string, component: any): void {\n this.components[key] = component;\n }\n\n public getComponentType(key: string): any {\n const component = this.components[key];\n\n if (!component) {\n this.logger.warn(\n \"Component '\" +\n key +\n \"' not defined. Available components: \" +\n JSON.stringify(Object.keys(this.components))\n );\n }\n\n return component;\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Component } from \"@angular/core\";\n\n/** @ignore */\n@Component({\n template: `\n Template load error!
\n `,\n standalone: false,\n})\nexport class TemplateLoadErrorComponent {\n static lateLoadKey = \"TemplateLoadErrorComponent\";\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { Injectable, Injector } from \"@angular/core\";\n\nimport { LoggerService } from \"@nova-ui/bits\";\n\nimport { ComponentRegistryService } from \"./component-registry.service\";\nimport { TemplateLoadErrorComponent } from \"../../components/template-load-error/template-load-error.component\";\nimport { IPortalEnvironment } from \"../../types\";\n\n/** @ignore */\n@Injectable({\n providedIn: \"root\",\n})\nexport class ComponentPortalService {\n constructor(\n private componentRegistry: ComponentRegistryService,\n private logger: LoggerService\n ) {}\n\n public createComponentPortal(\n componentType: string | Function,\n injector: Injector | null\n ): ComponentPortal {\n let loadType: any;\n if (typeof componentType === \"string\") {\n loadType = this.componentRegistry.getComponentType(componentType);\n } else {\n loadType = componentType;\n }\n\n if (!loadType) {\n this.logger.error(`Cannot Find Component Type ${componentType}`);\n loadType = TemplateLoadErrorComponent;\n }\n\n return new ComponentPortal(loadType, null, injector);\n }\n\n public createInjector(environment: IPortalEnvironment): Injector {\n const providers = environment.providers || [];\n return Injector.create({\n providers,\n parent: environment.injector,\n name: \"Component Injector\",\n });\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Portal } from \"@angular/cdk/portal\";\nimport {\n AfterViewInit,\n ComponentRef,\n Directive,\n EventEmitter,\n Injector,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n Renderer2,\n SimpleChange,\n SimpleChanges,\n StaticProvider,\n} from \"@angular/core\";\nimport isArray from \"lodash/isArray\";\nimport values from \"lodash/values\";\nimport xor from \"lodash/xor\";\nimport { ReplaySubject, Subject, Subscription } from \"rxjs\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { IEvent, LoggerService } from \"@nova-ui/bits\";\n\nimport { ProviderRegistryService } from \"../../../services/provider-registry.service\";\nimport { IConfigurable, IProviderConfiguration } from \"../../../types\";\nimport { ComponentPortalService } from \"../../services/component-portal.service\";\n\n@Directive({\n selector: \"[nuiComponentPortal]\",\n exportAs: \"nuiComponentPortal\",\n standalone: false,\n})\nexport class ComponentPortalDirective\n implements OnInit, AfterViewInit, OnDestroy, OnChanges\n{\n @Input() public componentId: string;\n @Input() public componentType: string | Function;\n @Input() public properties: Record;\n @Input() public providers: Record;\n @Input() public outputs: string[];\n\n @Output() public output = new EventEmitter();\n\n public portal: Portal;\n private component: any;\n private propertiesChanges = new ReplaySubject();\n private providerInstances: Record = {};\n private readonly destroy$ = new Subject();\n private changesSubscription?: Subscription;\n private listenerUnsubscriber?: () => void;\n\n constructor(\n private injector: Injector,\n private logger: LoggerService,\n private portalService: ComponentPortalService,\n private renderer: Renderer2,\n private providerRegistry: ProviderRegistryService\n ) {}\n\n public ngOnInit(): void {\n this.logger.debug(\"Portal created:\", this.componentId);\n this.recreatePortal();\n }\n\n public ngAfterViewInit(): void {\n Object.keys(this.providerInstances).forEach((key) => {\n const provider = this.providerInstances[key];\n if (provider.ngAfterViewInit) {\n provider.ngAfterViewInit();\n }\n });\n }\n\n public ngOnChanges(changes: SimpleChanges): void {\n let recreated = false;\n const providersChange = changes.providers;\n\n if (providersChange && !providersChange.isFirstChange()) {\n if (this.checkForProviderChanges(providersChange)) {\n this.logger.debug(\n \"Portal recreated (provider change):\",\n this.componentId\n );\n this.recreatePortal();\n recreated = true; // we want to prevent multiple recreations within one ngOnChanges cycle\n } else {\n this.updateProviderConfigurations(providersChange);\n }\n }\n\n if (\n changes.componentType &&\n !changes.componentType.isFirstChange() &&\n !recreated\n ) {\n this.logger.debug(\n \"Portal recreated (component change):\",\n this.componentId\n );\n this.recreatePortal();\n }\n\n if (changes.properties) {\n this.propertiesChanges.next(changes.properties);\n }\n }\n\n public ngOnDestroy(): void {\n this.logger.debug(\"Portal destroyed:\", this.componentId);\n\n this.destroyProviders();\n this.listenerUnsubscriber?.();\n\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n public attached(componentRef: ComponentRef): void {\n this.component = componentRef.instance;\n\n // ctrl+shift+click on a pizzagna to get a dump of its properties\n // this will propagate through the parent components, so it should dump the parent pizzagnas as well\n this.listenerUnsubscriber = this.renderer.listen(\n componentRef.location.nativeElement,\n \"click\",\n (event: MouseEvent) => {\n // event.metaKey is a CMD key for Mac\n if (\n (event.ctrlKey || event.metaKey) &&\n event.shiftKey &&\n event.button === 0\n ) {\n console.log(\n \"==================== PIZZAGNA DUMP =========================\"\n );\n console.log(\"componentId:\", this.componentId);\n console.log(\"component:\", this.component);\n console.log(\"componentType:\", this.componentType);\n console.log(\"properties:\", this.properties);\n console.log(\"providers:\", this.providers);\n console.log(\"providerInstances:\", this.providerInstances);\n console.log(\n \"============================================================\"\n );\n }\n }\n );\n\n for (const key of Object.keys(this.providerInstances)) {\n const provider = this.providerInstances[key];\n if (provider.setComponent) {\n // setting componentId separately because \"componentId\" is used as another input,\n // at the moment of setting the component here, 'this.component' doesn't have 'componentId' property,\n // because 'changesSubscription' has not received any changes. it leads to the issue\n // when providers do not know the ID until component property changed\n provider.setComponent(this.component, this.componentId);\n }\n if (provider.setProviders) {\n provider.setProviders(this.providerInstances, this.componentId);\n }\n }\n\n this.subscribeToOutputs();\n\n this.changesSubscription = this.propertiesChanges\n .pipe(takeUntil(this.destroy$))\n .subscribe((change) => this.applyPropertiesChange(change));\n }\n\n private recreatePortal() {\n if (this.changesSubscription) {\n this.changesSubscription.unsubscribe();\n this.changesSubscription = undefined;\n this.propertiesChanges = new ReplaySubject();\n }\n\n let injector = this.injector;\n\n this.destroyProviders();\n\n if (this.providers) {\n injector = this.updateProviders(injector);\n }\n\n this.portal = this.portalService.createComponentPortal(\n this.componentType,\n injector\n );\n\n // apply initial property values to the freshly (re)created component\n if (this.properties) {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n for (const key of Object.keys(this.properties)) {\n this.propertiesChanges.next(\n new SimpleChange(undefined, this.properties, true)\n );\n }\n }\n }\n\n private updateProviders(injector: Injector) {\n const providerKeys = Object.keys(this.providers);\n const registeredProviders = providerKeys.reduce((acc, next) => {\n // for cases when providerId is just empty string, null or undefined (for example adding a tile doesn't provide a DS to it)\n if (this.providers[next].providerId) {\n acc[next] = this.providerRegistry.getProvider(\n this.providers[next].providerId\n );\n }\n return acc;\n }, {} as Record);\n\n const portalInjector = this.portalService.createInjector({\n injector: injector,\n providers: values(registeredProviders),\n });\n\n this.providerInstances = providerKeys.reduce((acc, next) => {\n const registeredProvider = registeredProviders[next] as any;\n const providerConfig = this.providers[next];\n if (registeredProvider) {\n // TODO: Why do we pass null to the injectFlags parameter?\n // TODO: How to retrieve info about the provider options to inject?InjectOptions\n const injections = portalInjector.get(\n registeredProvider.provide,\n null\n );\n const providerInstance = isArray(injections)\n ? (injections as any).find(\n (v: any) => v instanceof registeredProvider.useClass\n )\n : injections;\n\n if (!providerInstance) {\n throw new Error(\"Provider '\" + next + \"' does not exist.\");\n }\n if (\n providerInstance.updateConfiguration &&\n providerConfig.properties\n ) {\n providerInstance.updateConfiguration({\n providerKey: next,\n ...(providerConfig.properties || {}),\n });\n }\n providerInstance.providerKey = next;\n\n acc[next] = providerInstance;\n } else if (providerConfig.providerId) {\n this.logger.error(\n \"There's no registered provider for id\",\n next\n );\n }\n return acc;\n }, this.providerInstances);\n\n for (const key of Object.keys(this.providerInstances)) {\n const pi = this.providerInstances[key];\n if (pi.ngOnInit) {\n pi.ngOnInit();\n }\n }\n\n return portalInjector;\n }\n\n private updateProviderConfigurations(providersChange: SimpleChange) {\n for (const providerKey of Object.keys(this.providers)) {\n // for cases when providerId is just empty string, null or undefined (for example adding a tile doesn't provide a DS to it)\n if (!this.providers[providerKey].providerId) {\n return;\n }\n const providerInstance = this.providerInstances[providerKey];\n if (!providerInstance) {\n throw new Error(\n \"Provider '\" + providerKey + \"' does not exist.\"\n );\n }\n\n const previousValue = providersChange.previousValue[providerKey];\n const currentValue = providersChange.currentValue[providerKey];\n\n const previousProperties =\n previousValue && previousValue.properties;\n const currentProperties = currentValue && currentValue.properties;\n\n if (\n previousProperties !== currentProperties &&\n providerInstance.updateConfiguration\n ) {\n (providerInstance as IConfigurable).updateConfiguration({\n providerKey,\n ...currentProperties,\n });\n }\n }\n }\n\n private subscribeToOutputs() {\n if (!this.outputs) {\n return;\n }\n\n for (const output of this.outputs.filter(\n (o) => this.component[o] instanceof EventEmitter\n )) {\n this.component[output]\n .pipe(takeUntil(this.destroy$))\n .subscribe(($event: any) => {\n this.output.emit({\n id: output,\n payload: $event,\n });\n });\n }\n }\n\n private checkForProviderChanges(change: SimpleChange): boolean {\n const previousKeys = change.previousValue\n ? Object.keys(change.previousValue)\n : [];\n const currentKeys = change.currentValue\n ? Object.keys(change.currentValue)\n : [];\n if (\n previousKeys.length !== currentKeys.length ||\n xor(previousKeys, currentKeys).length > 0\n ) {\n return true;\n }\n\n const previousIds = Object.keys(change.previousValue).map(\n (key: string) => change.previousValue[key].providerId\n );\n const currentIds = Object.keys(change.currentValue).map(\n (key: string) => change.currentValue[key].providerId\n );\n if (xor(previousIds, currentIds).length > 0) {\n return true;\n }\n\n return false;\n }\n\n private destroyProviders() {\n if (this.providerInstances) {\n for (const piKey of Object.keys(this.providerInstances)) {\n const providerInstance = this.providerInstances[piKey];\n if (providerInstance.ngOnDestroy) {\n providerInstance.ngOnDestroy();\n }\n delete this.providerInstances[piKey];\n }\n }\n }\n\n /**\n * There was a change in component properties, so we need to handle that here\n *\n * @param change a change of the `properties` input\n */\n private applyPropertiesChange(change: SimpleChange) {\n let properties = change.currentValue;\n if (!properties) {\n return;\n }\n\n // we add componentId to the mix, so components will be able to use it\n properties = {\n ...properties,\n componentId: this.componentId,\n };\n\n const changes: SimpleChanges = {};\n let changeHappened = false;\n for (const key of Object.keys(properties)) {\n const previousValue = this.component[key];\n\n // reference based change detection in action here!\n if (properties[key] !== previousValue) {\n changeHappened = true;\n this.component[key] = properties[key];\n // we're simulating angular by calling ngOnChanges manually\n if (this.component.ngOnChanges) {\n changes[key] = new SimpleChange(\n previousValue,\n properties[key],\n change.isFirstChange()\n );\n }\n }\n }\n\n if (changeHappened) {\n if (this.component.ngOnChanges) {\n this.component.ngOnChanges(changes);\n }\n const changeDetector = this.component.changeDetector;\n if (changeDetector) {\n changeDetector.markForCheck();\n } else {\n this.logger.warn(\n `Property 'changeDetector' is missing on component '${this.componentType}',` +\n ` so dynamic refresh of given component might not work.`\n );\n }\n }\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n Component,\n EventEmitter,\n Inject,\n Input,\n OnChanges,\n Output,\n SimpleChanges,\n} from \"@angular/core\";\n\nimport { EventBus, IEvent, immutableSet, LoggerService } from \"@nova-ui/bits\";\n\nimport { mergeChanges } from \"../../../functions/merge-changes\";\nimport {\n DEFAULT_PIZZAGNA_ROOT,\n ISetPropertyPayload,\n SET_PROPERTY_VALUE,\n} from \"../../../services/types\";\nimport {\n IComponentConfiguration,\n IPizza,\n IPizzagna,\n PizzagnaLayer,\n PIZZAGNA_EVENT_BUS,\n} from \"../../../types\";\nimport { DynamicComponentCreator } from \"../../services/dynamic-component-creator.service\";\nimport { PizzagnaService } from \"../../services/pizzagna.service\";\n\n@Component({\n selector: \"nui-pizzagna\",\n templateUrl: \"./pizzagna.component.html\",\n providers: [\n PizzagnaService,\n DynamicComponentCreator,\n {\n provide: PIZZAGNA_EVENT_BUS,\n useClass: EventBus,\n },\n ],\n standalone: false,\n})\nexport class PizzagnaComponent implements OnChanges {\n @Input() rootNode = DEFAULT_PIZZAGNA_ROOT;\n\n @Input()\n get pizzagna(): IPizzagna {\n return this._pizzagnaBuffer || this._pizzagna;\n }\n\n set pizzagna(value: IPizzagna) {\n this._pizzagna = value;\n this._pizzagnaBuffer = null;\n }\n\n private _pizzagna: IPizzagna;\n private _pizzagnaBuffer: IPizzagna | null;\n\n @Input() outputs: string[];\n\n @Output() pizzagnaChange = new EventEmitter();\n @Output() output = new EventEmitter();\n\n public pizza: Record;\n\n constructor(\n public pizzagnaService: PizzagnaService,\n public logger: LoggerService,\n @Inject(PIZZAGNA_EVENT_BUS) public eventBus: EventBus\n ) {\n eventBus\n .getStream(SET_PROPERTY_VALUE)\n .subscribe((event: IEvent) => {\n // TODO: Ensure that payload is defined\n const p = immutableSet(\n this.pizzagna,\n // @ts-ignore: Object is possibly 'undefined'.\n event.payload.path,\n // @ts-ignore: Object is possibly 'undefined'.\n event.payload.value\n );\n\n this._pizzagnaBuffer = p;\n this.pizzagnaChange.emit(p);\n });\n }\n\n public ngOnChanges(changes: SimpleChanges): void {\n if (changes.pizzagna) {\n const previousPizzagna = changes.pizzagna\n .previousValue as IPizzagna;\n\n this.pizzagnaService.updatePizzagna(this.pizzagna);\n\n this.pizza = this.mergePizzagnaIntoPizza(\n this.pizza,\n previousPizzagna,\n this.pizzagna\n );\n if (this.pizza && !this.pizza[this.rootNode]) {\n this.logger.warn(\n \"Pizzagna doesn't contain root node '\" +\n this.rootNode +\n \"'. Pizzagna = \",\n this.pizzagna\n );\n }\n this.pizzagnaService.updateComponents(this.pizza);\n }\n }\n\n public onOutput(event: IEvent): void {\n this.output.emit(event);\n }\n\n /**\n * This takes all the pizzagna layers and merges them into one component pizza\n *\n * @param pizza\n * @param previousPizzagna\n * @param currentPizzagna\n */\n private mergePizzagnaIntoPizza(\n pizza: IPizza,\n previousPizzagna: IPizzagna,\n currentPizzagna: IPizzagna\n ) {\n return mergeChanges(\n pizza,\n // These are merged in reverse priority order so that values in higher priority layers\n // override the corresponding values in lower priority layers\n this.getLayerChanges(\n previousPizzagna,\n currentPizzagna,\n PizzagnaLayer.Structure\n ),\n this.getLayerChanges(\n previousPizzagna,\n currentPizzagna,\n PizzagnaLayer.Configuration\n ),\n this.getLayerChanges(\n previousPizzagna,\n currentPizzagna,\n PizzagnaLayer.Data\n )\n ) as Record;\n }\n\n private getLayerChanges(\n previous: IPizzagna,\n current: IPizzagna,\n overlayKey: string\n ) {\n return {\n previousValue: this.getLayerSafe(previous, overlayKey),\n currentValue: this.getLayerSafe(current, overlayKey),\n };\n }\n\n private getLayerSafe(pizzagna: IPizzagna, overlayKey: string) {\n return pizzagna && pizzagna[overlayKey];\n }\n}\n","\n \n \n \n\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n Component,\n EventEmitter,\n Input,\n OnChanges,\n Output,\n SimpleChanges,\n} from \"@angular/core\";\n\nimport { IWidget } from \"./types\";\nimport { DEFAULT_PIZZAGNA_ROOT } from \"../../services/types\";\nimport { WidgetConfigurationService } from \"../../services/widget-configuration.service\";\nimport { WidgetTypesService } from \"../../services/widget-types.service\";\nimport { IPizzagna } from \"../../types\";\n\n@Component({\n selector: \"nui-widget\",\n templateUrl: \"./widget.component.html\",\n styleUrls: [\"./widget.component.less\"],\n providers: [WidgetConfigurationService],\n host: { class: \"nui-widget\" },\n standalone: false,\n})\nexport class WidgetComponent implements OnChanges {\n @Input() widget: IWidget;\n @Output() widgetChange = new EventEmitter();\n\n public rootNode = DEFAULT_PIZZAGNA_ROOT;\n\n constructor(\n private widgetConfigurationService: WidgetConfigurationService,\n private widgetTypesService: WidgetTypesService\n ) {}\n\n public ngOnChanges(changes: SimpleChanges): void {\n if (changes.widget) {\n const type = this.widget.type;\n const previousType =\n changes.widget.previousValue &&\n changes.widget.previousValue.type;\n if (previousType !== type) {\n const widgetType = this.widgetTypesService.getWidgetType(\n type,\n this.widget.version\n );\n this.rootNode =\n widgetType?.paths?.widget?.root || DEFAULT_PIZZAGNA_ROOT;\n }\n this.widgetConfigurationService.updateWidget(this.widget);\n }\n }\n\n public onPizzagnaChange(pizzagna: IPizzagna): void {\n this.widgetChange.emit({\n ...this.widget,\n pizzagna: pizzagna,\n });\n }\n}\n","\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { KeyValue } from \"@angular/common\";\nimport {\n AfterViewInit,\n Component,\n EventEmitter,\n HostBinding,\n Inject,\n Input,\n OnChanges,\n Output,\n QueryList,\n SimpleChanges,\n ViewChild,\n ViewChildren,\n ViewEncapsulation,\n} from \"@angular/core\";\nimport {\n GridsterComponent,\n GridsterConfig,\n GridsterItem,\n GridsterItemComponent,\n GridsterItemComponentInterface,\n} from \"angular-gridster2\";\nimport _defaultsDeep from \"lodash/defaultsDeep\";\n\nimport { EventBus, immutableSet } from \"@nova-ui/bits\";\n\nimport { DEFAULT_GRIDSTER_CONFIG } from \"./default-gridster-config\";\nimport { IDashboard, IDashboardBelowFoldLazyLoadingConfig } from \"./types\";\nimport {\n DASHBOARD_EDIT_MODE,\n WIDGET_POSITION_CHANGE,\n WIDGET_RESIZE,\n} from \"../../services/types\";\nimport { IWidgetEvent } from \"../../services/widget-to-dashboard-event-proxy.service\";\nimport { DASHBOARD_EVENT_BUS } from \"../../types\";\nimport { IWidget } from \"../widget/types\";\n\n@Component({\n selector: \"nui-dashboard\",\n templateUrl: \"./dashboard.component.html\",\n styleUrls: [\"./dashboard.component.less\"],\n encapsulation: ViewEncapsulation.None,\n providers: [\n {\n provide: DASHBOARD_EVENT_BUS,\n useClass: EventBus,\n },\n ],\n standalone: false,\n})\nexport class DashboardComponent implements OnChanges, AfterViewInit {\n @Input() gridsterConfig: GridsterConfig;\n\n @Input()\n get dashboard(): IDashboard {\n return this.dashboardBuffer || this._dashboard;\n }\n\n set dashboard(value: IDashboard) {\n this._dashboard = value;\n this.dashboardBuffer = null;\n }\n\n private _dashboard: IDashboard;\n // we use this buffer to store temporary values when cumulative changes are necessary before two-way binding kicks in\n public dashboardBuffer: IDashboard | null;\n\n @Input() editMode = false;\n @Input()\n public belowFoldLazyLoadingConfig: IDashboardBelowFoldLazyLoadingConfig;\n\n @Output() gridsterConfigChange = new EventEmitter();\n @Output() dashboardChange = new EventEmitter();\n\n @HostBinding(\"class.nui-dashboard\")\n get hostClass(): boolean {\n return true;\n }\n\n @ViewChild(GridsterComponent)\n public gridster: GridsterComponent;\n\n @ViewChildren(GridsterItemComponent)\n public gridsterItems: QueryList;\n\n public gridsterItemsVisibilityMap: Record = {};\n\n constructor(\n @Inject(DASHBOARD_EVENT_BUS)\n public readonly eventBus: EventBus\n ) {}\n\n public ngAfterViewInit(): void {\n // need to wait till DOM is rendered because of \"getBoundingClientRect\" under the hood\n setTimeout(() => this.calculateWidgetsVisibility());\n }\n\n public onGridsterScroll(): void {\n this.calculateWidgetsVisibility();\n }\n\n public ngOnChanges(changes: SimpleChanges): void {\n if (changes.gridsterConfig) {\n if (changes.gridsterConfig.isFirstChange()) {\n const gridsterConfig = _defaultsDeep(\n this.gridsterConfig || {},\n DEFAULT_GRIDSTER_CONFIG\n );\n\n this.hookEvent(\n gridsterConfig,\n \"itemChangeCallback\",\n this.updateWidgetPosition\n );\n this.hookEvent(\n gridsterConfig,\n \"itemResizeCallback\",\n this.emitWidgetResize\n );\n\n this.gridsterConfigChange.emit(gridsterConfig);\n }\n\n if (this.gridsterConfig?.api) {\n this.gridsterConfig.api.optionsChanged?.();\n }\n }\n\n if (changes.editMode) {\n if (!this.gridsterConfig.resizable) {\n throw new Error(`Gridster's resizable prop is undefined`);\n }\n this.gridsterConfig.resizable.enabled = this.editMode;\n\n if (!this.gridsterConfig.draggable) {\n throw new Error(`Gridster's draggable prop is undefined`);\n }\n this.gridsterConfig.draggable.enabled = this.editMode;\n\n this.gridsterConfigChange.emit(\n Object.assign({}, this.gridsterConfig)\n );\n\n this.eventBus\n .getStream(DASHBOARD_EDIT_MODE)\n .next({ payload: this.editMode });\n }\n\n // TODO: position doesn't update on external change of position\n // if (!changes.dashboard.isFirstChange() &&\n // changes.dashboard.currentValue.positions !== changes.dashboard.previousValue.positions) {\n // if (this.gridsterConfig.api) {\n // this.gridsterConfig.api.optionsChanged();\n // }\n // }\n }\n\n public orderWidgets = (\n a: KeyValue,\n b: KeyValue\n ): number => {\n const nextWidget = this.dashboard.positions[a.key];\n const currentWidget = this.dashboard.positions[b.key];\n\n return nextWidget.y - currentWidget.y || nextWidget.x - currentWidget.x;\n };\n\n public trackByFn = (\n index: number,\n item: KeyValue\n ): string => item.key;\n\n public onWidgetChange(widget: IWidget): void {\n // this could happen when changes are being made on a widget that is being removed\n if (!this.dashboard.widgets[widget.id]) {\n return;\n }\n this.updateWidget(widget);\n }\n\n public updateWidget(widget: IWidget): void {\n let dashboard: IDashboard = this.dashboard;\n if (!this.dashboard.positions[widget.id] && this.gridsterConfig?.api) {\n const gridsterItem =\n this.gridsterConfig.api.getFirstPossiblePosition?.({\n x: 0,\n y: 0,\n rows: this.gridsterConfig?.defaultItemRows as number,\n cols: this.gridsterConfig?.defaultItemCols as number,\n });\n dashboard = immutableSet(\n dashboard,\n `positions.${widget.id}`,\n gridsterItem\n );\n }\n\n dashboard = immutableSet(dashboard, `widgets.${widget.id}`, widget);\n this.dashboardBuffer = dashboard;\n this.dashboardChange.emit(dashboard);\n }\n\n public removeWidget(widgetId: string, removePosition = true): void {\n let dashboard: IDashboard = this.dashboard;\n if (!dashboard.widgets[widgetId]) {\n return;\n }\n\n const widgetsClone = Object.assign({}, dashboard.widgets);\n delete widgetsClone[widgetId];\n dashboard = immutableSet(dashboard, \"widgets\", widgetsClone);\n\n if (removePosition) {\n const positionsClone = Object.assign({}, dashboard.positions);\n delete positionsClone[widgetId];\n dashboard = immutableSet(dashboard, \"positions\", positionsClone);\n }\n\n this.dashboardChange.emit(dashboard);\n }\n\n public shouldWidgetRender(key: string): boolean {\n return this.belowFoldLazyLoadingConfig?.enabled\n ? this.gridsterItemsVisibilityMap[key]\n : true;\n }\n\n private updateWidgetPosition = (\n item: GridsterItem,\n itemComponent: GridsterItemComponentInterface\n ): void => {\n const widgetId = String((itemComponent as any).widgetId);\n const dashboard = immutableSet(\n this.dashboard,\n \"positions.\" + widgetId,\n item\n );\n\n this.dashboardChange.emit(dashboard);\n\n this.eventBus.getStream(WIDGET_POSITION_CHANGE).next({\n widgetId,\n payload: item,\n });\n };\n\n private emitWidgetResize = (\n item: GridsterItem,\n itemComponent: GridsterItemComponentInterface\n ): void => {\n const widgetId = (itemComponent as any).widgetId;\n\n this.eventBus.getStream(WIDGET_RESIZE).next({\n widgetId,\n payload: {\n widgetId,\n height: itemComponent.height,\n width: itemComponent.width,\n },\n });\n };\n\n private hookEvent(\n options: GridsterConfig,\n eventName: string,\n invoke: (\n item: GridsterItem,\n itemComponent: GridsterItemComponentInterface\n ) => void\n ) {\n const prevEvent = options[eventName];\n options[eventName] = (\n item: GridsterItem,\n itemComponent: GridsterItemComponentInterface\n ) => {\n invoke(item, itemComponent);\n\n if (prevEvent) {\n prevEvent(item, itemComponent);\n }\n };\n }\n\n private calculateWidgetsVisibility(): void {\n if (!this.belowFoldLazyLoadingConfig?.enabled) {\n return;\n }\n\n const gridsterRect: ClientRect =\n this.gridster.el.getBoundingClientRect();\n\n this.gridsterItemsVisibilityMap = this.gridsterItems.reduce(\n (acc: Record, next) => {\n const { el } = next;\n const idx: string = (next as any).widgetId;\n\n // if widget is already loaded don't hide it\n if (\n !this.belowFoldLazyLoadingConfig.configuration\n ?.reloadWidgetsOnScroll\n ) {\n const prevVisibility = acc[idx];\n if (prevVisibility) {\n return acc;\n }\n }\n\n const rect: ClientRect = el.getBoundingClientRect();\n\n const getHeightVisibility = () =>\n (rect.top > gridsterRect.top &&\n rect.top < gridsterRect.bottom) ||\n (rect.bottom > gridsterRect.top &&\n rect.bottom < gridsterRect.bottom);\n\n const getWidthVisibility = () =>\n (rect.left > gridsterRect.left &&\n rect.left < gridsterRect.right) ||\n (rect.right > gridsterRect.left &&\n rect.right < gridsterRect.right);\n\n const isVisible = getHeightVisibility() && getWidthVisibility();\n\n acc[idx] = isVisible;\n\n return acc;\n },\n this.gridsterItemsVisibilityMap\n );\n }\n}\n","\n \n \n \n \n\n\n\n \n \n
\n\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { IDataField, TableAlignmentOptions } from \"@nova-ui/bits\";\n\nimport { IFormatterData } from \"../configurator/components/formatters/types\";\nimport { IProperties } from \"../types\";\nexport interface IFormatterProperties extends IProperties {\n dataFieldIds?: IFormatterData;\n}\n\nexport interface IFormatter {\n componentType: string;\n properties: IFormatterProperties;\n}\n\nexport interface IFormatterConfigurator {\n formatter?: IFormatter;\n formatterDefinition: IFormatterDefinition;\n dataFields: IDataField[];\n}\n\nexport interface IFormatterDefinitionProperties {\n /** CSS class to be applied to the formatter host element */\n elementClass?: string;\n}\n\nexport interface IFormatterDefinition {\n componentType: string;\n label: string;\n /**\n * The formatter's compatible data types.\n */\n dataTypes: Record;\n /**\n * Component used to configure values for formatter.\n */\n configurationComponent?: string;\n properties?: IFormatterDefinitionProperties;\n}\n\nexport interface ITableFormatterDefinition extends IFormatterDefinition {\n alignment?: TableAlignmentOptions;\n}\n\nexport interface IInfoMessage {\n componentType: string;\n properties: IInfoMessageProperties;\n}\n\nexport interface IInfoMessageProperties {\n generalText: string;\n emphasizeText?: string;\n link?: ILinkDefinition;\n allowDismiss?: boolean;\n}\n\nexport interface ILinkDefinition {\n href: string;\n target: string;\n text: string;\n}\n\nexport enum EmbeddedContentMode {\n URL,\n HTML,\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { DOCUMENT } from \"@angular/common\";\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n HostBinding,\n Inject,\n Input,\n OnChanges,\n OnInit,\n SecurityContext,\n SimpleChanges,\n ViewChild,\n} from \"@angular/core\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\n\nimport { IHasChangeDetector } from \"../../types\";\nimport { EmbeddedContentMode } from \"../types\";\n\n/* @dynamic */\n@Component({\n selector: \"nui-embedded-content\",\n template: ``,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class EmbeddedContentComponent\n implements IHasChangeDetector, OnInit, OnChanges\n{\n public static lateLoadKey = \"EmbeddedContentComponent\";\n\n @Input() public mode: EmbeddedContentMode;\n @Input() public customEmbeddedContent: string;\n @Input() public sanitized: boolean = true;\n\n @Input() @HostBinding(\"class\") public elementClass = \"\";\n\n @ViewChild(\"anchor\", { static: true }) anchor: ElementRef;\n\n constructor(\n public changeDetector: ChangeDetectorRef,\n @Inject(DOCUMENT) private document: Document,\n private domSanitizer: DomSanitizer\n ) {}\n\n public ngOnInit(): void {\n this.validateAndApplyEmbeddedContent();\n }\n\n public ngOnChanges(changes: SimpleChanges): void {\n if (\n changes.customEmbeddedContent &&\n !changes.customEmbeddedContent.firstChange\n ) {\n this.validateAndApplyEmbeddedContent();\n }\n }\n\n private validateAndApplyEmbeddedContent() {\n const context =\n this.sanitized &&\n this.sanitizeContext(\n this.mode === EmbeddedContentMode.URL\n ? SecurityContext.URL\n : SecurityContext.HTML\n );\n\n this.anchor.nativeElement.innerHTML = \"\";\n\n if (this.mode === EmbeddedContentMode.URL) {\n const iframe = this.document.createElement(\"iframe\");\n iframe.src = (\n this.sanitized ? context : this.customEmbeddedContent\n ) as string;\n iframe.width = \"100%\";\n iframe.height = \"100%\";\n\n this.anchor.nativeElement.appendChild(iframe);\n } else {\n this.anchor.nativeElement.innerHTML = this.sanitized\n ? context\n : this.customEmbeddedContent;\n }\n }\n\n private sanitizeContext(\n securityContextValue: SecurityContext\n ): string | null {\n return this.domSanitizer.sanitize(\n securityContextValue,\n this.customEmbeddedContent?.trim()\n );\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { IFormatter } from \"../components/types\";\nimport { IFormatterData } from \"../configurator/components/formatters/types\";\n\n/**\n *\n * Takes formatter \"dataFieldIds\" from \"properties\" and maps the data to the formatter input.\n * Might be used for nuiComponentPortal directive for formatter \"properties\"\n *\n * @param formatter\n * @param data\n */\nexport function mapDataToFormatterProperties(\n formatter: IFormatter,\n data: T\n): { data: IFormatterData } {\n const { dataFieldIds } = formatter.properties || {};\n\n let formatterProps;\n if (!dataFieldIds) {\n // assign just \"value\" if no dataFields provided\n formatterProps = { value: data.value };\n } else {\n formatterProps = Object.keys(dataFieldIds).reduce(\n (dataFieldsAcc: any, formatterKey) => {\n const widgetDataKey: string = dataFieldIds[formatterKey];\n\n dataFieldsAcc[formatterKey] = data[widgetDataKey];\n return dataFieldsAcc;\n },\n {}\n );\n }\n\n return formatterProps;\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n HostBinding,\n Inject,\n Input,\n OnChanges,\n Optional,\n SimpleChanges,\n ViewEncapsulation,\n} from \"@angular/core\";\nimport _isNil from \"lodash/isNil\";\n\nimport { EventBus, IDataSource, IEvent } from \"@nova-ui/bits\";\n\nimport {\n IKpiConfiguration,\n IKpiData,\n IKpiFormatterProperties,\n IKpiFormattersConfiguration,\n} from \"./types\";\nimport { mapDataToFormatterProperties } from \"../../functions/map-data-to-formatter-properties\";\nimport { INTERACTION } from \"../../services/types\";\nimport {\n DATA_SOURCE,\n IHasChangeDetector,\n PIZZAGNA_EVENT_BUS,\n WellKnownDataSourceFeatures,\n} from \"../../types\";\nimport { IBroker } from \"../providers/types\";\n\n@Component({\n selector: \"nui-kpi\",\n templateUrl: \"./kpi.component.html\",\n styleUrls: [\"./kpi.component.less\"],\n encapsulation: ViewEncapsulation.Emulated,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class KpiComponent implements IHasChangeDetector, OnChanges {\n public static lateLoadKey = \"KpiComponent\";\n\n @Input()\n public widgetData: IKpiData;\n\n @Input()\n public backgroundColor: string;\n\n @Input()\n public syncValuesBroker: IBroker[];\n\n @Input()\n public configuration: IKpiConfiguration;\n\n @Input()\n public busy = false;\n\n @HostBinding(\"class\")\n public elementClass = \"\";\n\n public formattersProperties: IKpiFormatterProperties;\n public defaultColor: string = \"var(--nui-color-bg-secondary)\";\n\n public get interactive(): boolean {\n return (\n ((this.configuration?.interactive ||\n this.dataSource?.features?.getFeatureConfig(\n WellKnownDataSourceFeatures.Interactivity\n )?.enabled) &&\n !_isNil(this.widgetData?.value)) ||\n false\n );\n }\n\n constructor(\n public changeDetector: ChangeDetectorRef,\n @Optional() @Inject(DATA_SOURCE) public dataSource: IDataSource,\n @Inject(PIZZAGNA_EVENT_BUS) public eventBus: EventBus\n ) {}\n\n public onInteraction(): void {\n if (!this.interactive) {\n return;\n }\n this.eventBus\n .getStream(INTERACTION)\n .next({ payload: { data: this.widgetData } });\n }\n\n public getScaleBroker(id: string): IBroker | undefined {\n if (this.syncValuesBroker) {\n return this.syncValuesBroker.find((b) => b.id === id);\n }\n }\n\n public ngOnChanges(changes: SimpleChanges): void {\n if (changes.configuration) {\n const formattersConfiguration: IKpiFormattersConfiguration =\n changes.configuration.currentValue.formatters;\n\n if (formattersConfiguration) {\n this.formattersProperties = this.getFormatterProperties(\n formattersConfiguration\n );\n }\n }\n\n if (changes.widgetData) {\n if (this.configuration?.formatters) {\n this.formattersProperties = this.getFormatterProperties(\n this.configuration.formatters\n );\n }\n }\n }\n\n public get showEmpty(): boolean {\n if (typeof this.widgetData?.value === \"boolean\") {\n return false;\n }\n\n if (\n Array.isArray(this.widgetData?.value) &&\n this.widgetData?.value.length === 0\n ) {\n return true;\n }\n\n return !this.widgetData?.value && this.widgetData?.value !== 0;\n }\n\n /**\n * Iterates over formatters and maps their properties from the data\n *\n * @param formattersConfiguration\n */\n private getFormatterProperties(\n formattersConfiguration: IKpiFormattersConfiguration\n ) {\n const formatterKeys = Object.keys(formattersConfiguration);\n\n const formattersProperties = formatterKeys.reduce(\n (acc: IKpiFormatterProperties, key: string) => {\n const formatterCfg = formattersConfiguration[key]?.formatter;\n if (formatterCfg) {\n acc[key] = {\n data: mapDataToFormatterProperties(\n formatterCfg,\n this.widgetData\n ),\n };\n }\n return acc;\n },\n {}\n );\n\n return formattersProperties;\n }\n}\n","\n
\n \n \n \n \n\n
\n \n \n
\n \n
\n
\n \n
\n
\n {{widgetData?.label}}\n
\n\n
\n \n \n \n \n
\n \n\n
\n {{widgetData?.units}}\n
\n
\n
\n \n {{widgetData?.value}}\n
\n\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n ChangeDetectorRef,\n DoCheck,\n Injectable,\n Input,\n OnChanges,\n OnDestroy,\n SimpleChanges,\n} from \"@angular/core\";\nimport { Subject } from \"rxjs\";\n\nimport { LoggerService } from \"@nova-ui/bits\";\n\nimport { IValueChange, mergeChanges } from \"../../functions/merge-changes\";\nimport { PizzagnaService } from \"../../pizzagna/services/pizzagna.service\";\nimport { IComponentConfiguration, IHasChangeDetector } from \"../../types\";\n\n@Injectable()\nexport abstract class BaseLayout\n implements IHasChangeDetector, OnChanges, DoCheck, OnDestroy\n{\n // components config from 'pizza'\n public nodeComponentsConfigs: IComponentConfiguration[];\n // result config from merging 'nodeComponentsConfig' and parent 'template'\n public nodeConfigs: IComponentConfiguration[];\n\n protected destroyed$: Subject = new Subject();\n\n @Input() public template: Partial;\n\n constructor(\n public changeDetector: ChangeDetectorRef,\n protected pizzagnaService: PizzagnaService,\n protected logger: LoggerService\n ) {}\n\n public abstract getNodes(): string[];\n\n public ngOnChanges(changes: SimpleChanges): void {\n if (changes.nodes || changes.template) {\n this.updateNodeConfigs({\n changesNodes: changes.nodes,\n changesTemplate: changes.template,\n });\n }\n }\n\n public ngDoCheck(): void {\n if (this.checkNodeConfigs()) {\n this.updateNodeConfigs();\n this.changeDetector.detectChanges();\n }\n }\n\n public ngOnDestroy(): void {\n this.destroyed$.next();\n this.destroyed$.complete();\n }\n\n public trackByFn(index: number, node: IComponentConfiguration): string {\n return node.id;\n }\n\n private checkNodeConfigs(): boolean {\n const nodes = this.getNodes();\n\n if (\n !this.nodeComponentsConfigs ||\n nodes.length !== this.nodeComponentsConfigs.length\n ) {\n return true;\n }\n\n for (let i = 0; i < nodes.length; i++) {\n if (\n this.pizzagnaService.getComponent(nodes[i]) !==\n this.nodeComponentsConfigs[i]\n ) {\n return true;\n }\n }\n\n return false;\n }\n\n private updateNodeComponentConfigs() {\n const nodes = this.getNodes();\n\n this.nodeComponentsConfigs =\n nodes &&\n nodes.map((n) => {\n const c = this.pizzagnaService.getComponent(n);\n if (typeof c === \"undefined\") {\n throw new Error(\n \"No component with id '\" +\n n +\n \"' was defined in the configuration.\"\n );\n }\n return c;\n });\n }\n\n private updateNodeConfigs(changes?: SimpleChanges) {\n this.nodeConfigs = mergeChanges(\n this.nodeConfigs,\n this.getTemplateChangeForNodes(changes),\n this.getNodeComponentsConfigs()\n );\n }\n\n private getNodeComponentsConfigs() {\n const nodeComponentsConfigsChanges: IValueChange = {\n currentValue: undefined,\n previousValue: this.nodeComponentsConfigs\n ? [...this.nodeComponentsConfigs]\n : undefined,\n };\n this.updateNodeComponentConfigs();\n nodeComponentsConfigsChanges.currentValue = this.nodeComponentsConfigs;\n\n return nodeComponentsConfigsChanges;\n }\n\n private getTemplateChangeForNodes(changes?: SimpleChanges): IValueChange {\n const { changesNodes, changesTemplate } = changes || {};\n\n const getTemplatePerNode = (template: IComponentConfiguration) =>\n template && this.getNodes()?.map(() => template);\n\n return {\n currentValue: getTemplatePerNode(\n changesTemplate ? changesTemplate.currentValue : this.template\n ),\n previousValue: changesNodes\n ? this.template\n : getTemplatePerNode(\n changesTemplate\n ? changesTemplate.previousValue\n : this.template\n ),\n };\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n ChangeDetectorRef,\n Component,\n HostBinding,\n Input,\n OnDestroy,\n OnInit,\n} from \"@angular/core\";\n\nimport { LoggerService } from \"@nova-ui/bits\";\n\nimport { PizzagnaService } from \"../../../pizzagna/services/pizzagna.service\";\nimport { BaseLayout } from \"../base-layout\";\n\n@Component({\n selector: \"nui-stack\",\n templateUrl: \"./stack.component.html\",\n standalone: false,\n})\nexport class StackComponent extends BaseLayout implements OnInit, OnDestroy {\n public static lateLoadKey = \"StackComponent\";\n\n @Input() nodes: string[] = [];\n @Input() direction = \"column\";\n @Input() elementClass = \"\";\n\n @HostBinding(\"class\") public classNames: string;\n public readonly defaultClassNames = \"h-100 w-100 d-flex\";\n\n constructor(\n changeDetector: ChangeDetectorRef,\n pizzagnaService: PizzagnaService,\n logger: LoggerService\n ) {\n super(changeDetector, pizzagnaService, logger);\n }\n\n public ngOnInit(): void {\n this.classNames = `${this.defaultClassNames} flex-${this.direction} ${this.elementClass}`;\n }\n\n public ngOnDestroy(): void {\n // Ensures that any base class observables are unsubscribed.\n super.ngOnDestroy();\n }\n\n public getNodes(): string[] {\n return this.nodes;\n }\n}\n","\n \n \n \n\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n ElementRef,\n HostBinding,\n Input,\n NgZone,\n OnDestroy,\n ViewChild,\n} from \"@angular/core\";\n\nimport { LoggerService } from \"@nova-ui/bits\";\n\nimport { PizzagnaService } from \"../../../pizzagna/services/pizzagna.service\";\nimport { BaseLayout } from \"../base-layout\";\n\n@Component({\n selector: \"nui-tiles\",\n styleUrls: [\"./tiles.component.less\"],\n templateUrl: \"./tiles.component.html\",\n standalone: false,\n})\nexport class TilesComponent\n extends BaseLayout\n implements OnDestroy, AfterViewInit\n{\n public static lateLoadKey = \"TilesComponent\";\n\n @Input() public nodes: string[] = [];\n @Input() public direction = \"column\";\n\n @HostBinding(\"class\") public elementClass: string;\n public prioritizeGridRows: boolean = false;\n\n @ViewChild(\"gridItemsContainer\", { static: true })\n private gridItemsContainer: ElementRef;\n\n private tilesResizeObserver: ResizeObserver;\n\n constructor(\n changeDetector: ChangeDetectorRef,\n pizzagnaService: PizzagnaService,\n logger: LoggerService,\n private ngZone: NgZone\n ) {\n super(changeDetector, pizzagnaService, logger);\n }\n\n public ngAfterViewInit(): void {\n this.handleGridFlowOnResize();\n }\n\n public ngOnDestroy(): void {\n this.tilesResizeObserver?.disconnect();\n // Ensures that any base class observables are unsubscribed.\n super.ngOnDestroy();\n }\n\n public getNodes(): string[] {\n return this.nodes;\n }\n\n private handleGridFlowOnResize() {\n this.tilesResizeObserver = new ResizeObserver(() => this.onResize());\n this.ngZone.runOutsideAngular(() => {\n this.tilesResizeObserver.observe(\n this.gridItemsContainer.nativeElement\n );\n });\n }\n\n private onResize() {\n if (this.nodes?.length < 2) {\n return;\n }\n\n const cssAttributes =\n this.gridItemsContainer.nativeElement.getBoundingClientRect();\n const { height, width } = cssAttributes;\n\n const h2WRatio = height / width;\n const allowedH2WRatio = getHeightToWidthRatioFor(this.nodes.length);\n\n const gap = 0.05; // height/width gap used in transitions to avoid widget lagging\n\n if (h2WRatio - gap > allowedH2WRatio && !this.prioritizeGridRows) {\n this.prioritizeGridRows = true;\n this.changeDetector.detectChanges();\n return;\n }\n\n if (h2WRatio + gap < allowedH2WRatio && this.prioritizeGridRows) {\n this.prioritizeGridRows = false;\n this.changeDetector.detectChanges();\n return;\n }\n }\n}\n\n/**\n * Height to Width container ratio varies per tiles amount.\n * Experimentally was determined valid h/w ratio for 2...8 tiles and\n * This function represents the linear dependency (approximately).\n */\nconst getHeightToWidthRatioFor = (tilesAmount: number) =>\n 0.25 * tilesAmount + 0.7;\n","\n \n \n \n \n \n \n \n
\n\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n EventEmitter,\n Input,\n Output,\n} from \"@angular/core\";\n\nimport { IHasChangeDetector } from \"../../../../types\";\n\nconst MEDIUM_WIDTH = 600;\nconst SMALL_WIDTH = 480;\n\n@Component({\n selector: \"nui-list-group-item\",\n templateUrl: \"./list-group-item.component.html\",\n styleUrls: [\"list-group-item.component.less\"],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: \"w-100\",\n },\n standalone: false,\n})\nexport class ListGroupItemComponent implements IHasChangeDetector {\n static lateLoadKey = \"ListGroupItemComponent\";\n\n @Input() public id: string;\n @Input() public label: string;\n @Input() public statuses: Array<{ [key: string]: any }>;\n\n @Input() public canNavigate: boolean;\n @Input() set widgetWidth(res: number) {\n this.isMedium = res <= MEDIUM_WIDTH && res > SMALL_WIDTH;\n this.isSmall = res <= SMALL_WIDTH;\n }\n\n @Output() public navigated = new EventEmitter();\n\n public isMedium: boolean;\n public isSmall: boolean;\n\n constructor(public changeDetector: ChangeDetectorRef) {}\n\n public onButtonClick(): void {\n if (this.canNavigate) {\n this.navigated.emit(this);\n }\n }\n}\n","\n {{ label }}
\n \n
\n
\n \n {{\n status.value\n }}\n
\n
\n
\n
\n
\n\n \n {{ navBarConfig?.label }}
\n\n \n
\n\n\n \n \n
\n \n \n \n\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable } from \"@angular/core\";\n\nimport { LoggerService } from \"@nova-ui/bits\";\n\nimport { RegistryService } from \"./registry-service\";\nimport { IProportionalDonutContentAggregatorDefinition } from \"../functions/proportional-aggregators/types\";\n\n@Injectable({ providedIn: \"root\" })\nexport class ProportionalContentAggregatorsRegistryService extends RegistryService {\n constructor(logger: LoggerService) {\n super(logger, \"ProportionalContentAggregatorsRegistryService\");\n }\n\n getItemKey(item: IProportionalDonutContentAggregatorDefinition): string {\n return item.aggregatorType;\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable } from \"@angular/core\";\n\n@Injectable({ providedIn: \"root\" })\nexport class UnitTestRegistryService {\n public static providerId = \"UnitTestRegistryService\";\n public componentMap: any = {};\n public providersMap: any = {};\n\n setComponent(component: any, componentId: string): void {\n this.componentMap[componentId] = component;\n }\n\n setProviders(services: any, componentId: string): void {\n this.providersMap[componentId] = services;\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nexport * from \"./types\";\nexport * from \"./provider-registry.service\";\nexport * from \"./unit-test-registry.service\";\nexport * from \"./widget-configuration.service\";\nexport * from \"./widget-to-dashboard-event-proxy.service\";\nexport * from \"./widget-types.service\";\nexport * from \"./event-registry.service\";\nexport * from \"./table-formatter-registry.service\";\nexport * from \"./kpi-color-comparators-registry.service\";\nexport * from \"./proportional-content-aggregators-registry.service\";\nexport * from \"./url-interaction.service\";\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Input,\n OnChanges,\n OnDestroy,\n SimpleChanges,\n} from \"@angular/core\";\nimport { Subject, Subscription } from \"rxjs\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { LoggerService } from \"@nova-ui/bits\";\nimport {\n ChartAssist,\n IAccessors,\n IChartAssistEvent,\n IChartAssistSeries,\n} from \"@nova-ui/charts\";\n\nimport { mapDataToFormatterProperties } from \"../../../functions/map-data-to-formatter-properties\";\nimport {\n IProportionalDonutContentAggregator,\n IProportionalDonutContentAggregatorDefinition,\n IProportionalDonutContentAggregatorProperties,\n} from \"../../../functions/proportional-aggregators/types\";\nimport { ProportionalContentAggregatorsRegistryService } from \"../../../services/proportional-content-aggregators-registry.service\";\nimport { ProportionalDonutContentFormattersRegistryService } from \"../../../services/public-api\";\nimport { IHasChangeDetector } from \"../../../types\";\nimport {\n IFormatter,\n IFormatterDefinition,\n IFormatterProperties,\n} from \"../../types\";\nimport { IDonutContentConfig } from \"../types\";\n\n@Component({\n selector: \"nui-proportional-donut-content\",\n templateUrl: \"./proportional-donut-content.component.html\",\n styleUrls: [\"./proportional-donut-content.component.less\"],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class ProportionalDonutContentComponent\n implements OnChanges, OnDestroy, IHasChangeDetector\n{\n static lateLoadKey = \"ProportionalDonutContentComponent\";\n\n @Input() public widgetData: IChartAssistSeries[];\n @Input() public donutConfig: IDonutContentConfig;\n\n @Input() private chartAssist: ChartAssist;\n\n public aggregatedValue: string;\n public contentFormatter: IFormatter;\n public contentFormatterProperties: IFormatterProperties | undefined;\n\n private contentFormatterDefinition: IFormatterDefinition;\n private contentAggregatorDefinition: IProportionalDonutContentAggregatorDefinition;\n /** Hovered series Id */\n private emphasizedSeriesId: string;\n private destroy$ = new Subject();\n private chartAssistSubscription: Subscription;\n\n constructor(\n private aggregatorRegistry: ProportionalContentAggregatorsRegistryService,\n private formatterRegistry: ProportionalDonutContentFormattersRegistryService,\n public changeDetector: ChangeDetectorRef,\n private logger: LoggerService\n ) {}\n\n public ngOnChanges(changes: SimpleChanges): void {\n if (changes.donutConfig) {\n const donutConfig: IDonutContentConfig =\n changes.donutConfig.currentValue;\n\n const { formatter, aggregator } = donutConfig;\n if (aggregator?.aggregatorType) {\n this.updateAggregatorDefinition(aggregator);\n this.updateAggregatedValue();\n }\n\n if (formatter?.componentType) {\n this.contentFormatter = formatter;\n this.updateFormatterDefinition(formatter);\n this.updateFormatterProperties();\n }\n }\n\n if (changes.widgetData) {\n this.updateAggregatedValue();\n this.updateFormatterProperties();\n }\n\n if (changes.chartAssist) {\n this.subscribeToChartAssist();\n }\n }\n\n public ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n /**\n * Iterates over formatters and maps their properties from the data\n *\n * @param formattersConfiguration\n */\n private getFormatterProperties(formatter: IFormatter | undefined) {\n if (!formatter) {\n return undefined;\n }\n\n return {\n ...this.contentFormatterDefinition?.properties,\n data: mapDataToFormatterProperties(formatter, {\n // add \"aggregatedValue\" as \"value\" so that formatter processes it by default\n value: this.aggregatedValue,\n }),\n };\n }\n\n private updateAggregatorDefinition(\n aggregatorConfig: IProportionalDonutContentAggregator\n ) {\n const fromRegistry = this.aggregatorRegistry.getItem(\n aggregatorConfig.aggregatorType\n );\n\n if (fromRegistry) {\n this.contentAggregatorDefinition = fromRegistry;\n } else {\n this.logger.warn(\n `No aggregator with key ${aggregatorConfig.aggregatorType} found in registry.`\n );\n }\n }\n\n private updateFormatterDefinition(formatterConfig: IFormatter) {\n const fromRegistry = this.formatterRegistry.getItem(\n formatterConfig.componentType\n );\n\n if (fromRegistry) {\n this.contentFormatterDefinition = fromRegistry;\n } else {\n this.logger.warn(\n `No aggregator with key ${formatterConfig.componentType} found in registry.`\n );\n }\n }\n\n private updateAggregatedValue(): void {\n if (!this.widgetData || !this.contentAggregatorDefinition) {\n this.logger.warn(\n `Can't aggregate value. Aggregator key: ${this.contentAggregatorDefinition?.aggregatorType}. Data: ${this.widgetData}`\n );\n return;\n }\n\n const properties = this.getAggregatorProperties();\n\n this.aggregatedValue = this.contentAggregatorDefinition\n .fn(this.widgetData, {\n ...properties,\n // prioritize emphasizedSeriesId if series is hovered on the chart\n activeMetricId:\n this.emphasizedSeriesId || properties.activeMetricId,\n })\n .toString();\n }\n\n private updateFormatterProperties() {\n this.contentFormatterProperties = this.getFormatterProperties(\n this.contentFormatter\n );\n }\n\n private getAggregatorProperties(): IProportionalDonutContentAggregatorProperties {\n return {\n ...this.contentAggregatorDefinition?.properties,\n ...this.donutConfig?.aggregator?.properties,\n };\n }\n\n private subscribeToChartAssist() {\n this.chartAssistSubscription?.unsubscribe();\n this.chartAssistSubscription = this.chartAssist?.chartAssistSubject\n ?.pipe(takeUntil(this.destroy$))\n .subscribe((data: IChartAssistEvent) => {\n this.emphasizedSeriesId = data.payload?.seriesId;\n this.updateAggregatedValue();\n this.updateFormatterProperties();\n this.changeDetector.detectChanges();\n });\n }\n}\n","\n \n\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { BehaviorSubject } from \"rxjs\";\n\nimport { IDataField, IDataFieldsConfig } from \"@nova-ui/bits\";\nimport { IAllAround, IAccessors, IChartAssistSeries } from \"@nova-ui/charts\";\n\nimport { IProportionalDonutContentAggregator } from \"../../functions/proportional-aggregators/types\";\nimport {\n ILegendPlacementOption,\n LegendPlacement,\n} from \"../../widget-types/common/widget/legend\";\nimport { IFormatter, IFormatterDefinition } from \"../types\";\n\nexport enum ProportionalWidgetChartTypes {\n DonutChart = \"DonutChart\",\n PieChart = \"PieChart\",\n VerticalBarChart = \"VerticalBarChart\",\n HorizontalBarChart = \"HorizontalBarChart\",\n}\n\nexport interface IProportionalWidgetChartTypeConfiguration {\n id: ProportionalWidgetChartTypes;\n label: string;\n}\n\nexport interface ITickLabelConfig {\n maxWidth: Partial>;\n}\n\nexport interface IProportionalWidgetChartOptions {\n type: ProportionalWidgetChartTypes;\n contentFormatter?: IFormatter;\n legendPlacement?: LegendPlacement;\n legendFormatter?: IFormatter;\n chartFormatterComponentType?: string;\n donutContentConfig?: IDonutContentConfig;\n horizontalBarTickLabelConfig?: ITickLabelConfig;\n}\n\nexport interface IProportionalWidgetConfig {\n chartDonutContentLabel?: string;\n chartDonutContentIcon?: string;\n chartOptions: IProportionalWidgetChartOptions;\n /** Chart and legend will emit an INTERACTION event on click if this property is enabled */\n interactive?: boolean;\n chartColors?: string[] | { [key: string]: string };\n /** set \"true\" if you want for widget configuration to override colors that come built-in data */\n prioritizeWidgetColors?: boolean;\n}\n\nexport interface ILegendFormat {\n displayValue: string;\n formatKey: string;\n}\n\nexport interface IProportionalWidgetChartEditorOptions {\n chartTypes: ProportionalWidgetChartTypes[];\n legendPlacementOptions: ILegendPlacementOption[];\n legendFormats: Array;\n legendFormatters: IFormatterDefinition[];\n contentFormatters?: IFormatterDefinition[];\n}\n\nexport interface IDonutContentConfig {\n formatter: IFormatter;\n aggregator: IProportionalDonutContentAggregator;\n}\n\nexport interface IProportionalDataFieldsConfig extends IDataFieldsConfig {\n chartSeriesDataFields$: BehaviorSubject;\n}\n\nexport interface IProportionalWidgetData\n extends IChartAssistSeries {\n link?: string;\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable } from \"@angular/core\";\n\nimport {\n barAccessors,\n barGrid,\n BarRenderer,\n barScales,\n BarSeriesHighlightStrategy,\n ChartAssist,\n IAccessors,\n IBarChartConfig,\n IChartAssistSeries,\n IChartMarker,\n IDataSeries,\n IGrid,\n IRadialAccessors,\n IValueProvider,\n PieRenderer,\n radial,\n RadialAccessors,\n radialGrid,\n RadialRenderer,\n radialScales,\n Renderer,\n Scales,\n} from \"@nova-ui/charts\";\n\nimport { ProportionalWidgetChartTypes } from \"../components/proportional-widget/types\";\n\ntype PreprocessorType = (\n this: ChartAssist,\n series: IChartAssistSeries[]\n) => IChartAssistSeries[];\n\nexport interface IChartAttributes {\n grid: IGrid;\n accessors: IAccessors;\n renderer: Renderer;\n scales: Scales;\n preprocessor?: PreprocessorType;\n}\n\ninterface IChartTools {\n config?: IBarChartConfig;\n preprocessor?: PreprocessorType;\n gridFunction: () => IGrid;\n rendererFunction: () => Renderer;\n accessorFunction: (\n colors?: IValueProvider,\n markers?: IValueProvider\n ) => IAccessors;\n scaleFunction: () => Scales;\n}\n\n@Injectable()\nexport class CategoryChartUtilService {\n /**\n * Combines each of IDataSeries with accessors, renderer and scales provided\n *\n * @param data\n * @param accessors\n * @param renderer\n * @param scales\n *\n * @returns resulting set of IChartAssistSeries\n */\n public static buildChartSeries(\n data: IDataSeries[],\n accessors: IAccessors,\n renderer: Renderer,\n scales: Scales\n ): IChartAssistSeries[] {\n const result = (data || []).map((s) => ({\n ...s,\n accessors,\n renderer,\n scales,\n }));\n return result;\n }\n\n public static getChartAttributes(\n chartType: ProportionalWidgetChartTypes,\n colors?: IValueProvider,\n markers?: IValueProvider\n ): IChartAttributes | IChartAttributes {\n const t: IChartTools | IChartTools =\n CategoryChartUtilService.getChartTools(chartType);\n const result: IChartAttributes | IChartAttributes = {\n grid: t.gridFunction(),\n accessors: t.accessorFunction(colors, markers),\n renderer: t.rendererFunction(),\n scales: t.scaleFunction(),\n };\n\n if (t.preprocessor) {\n result.preprocessor =\n t.preprocessor as PreprocessorType;\n }\n return result;\n }\n\n private static getChartTools(\n chartType: ProportionalWidgetChartTypes\n ): IChartTools | IChartTools {\n const radialChartAccessors = (colors: IValueProvider) => {\n const accessors = new RadialAccessors(colors);\n accessors.series.color = (seriesId: any, series: any) =>\n series.color ?? colors.get(seriesId);\n return accessors;\n };\n\n function barChartAccessors(\n colors?: IValueProvider,\n markers?: IValueProvider\n ) {\n // TODO: Refactor to accept config reference from arguments not from outer context\n // @ts-ignore: TS2683: 'this' implicitly has type 'any' because it does not have a type annotation.;\n // An outer value of 'this' is shadowed by this container.\n const accessors = barAccessors(this.config, colors, markers);\n accessors.series.color = (\n seriesId: string,\n series: IDataSeries\n ) => series.color ?? colors?.get(seriesId);\n // TODO: Remove custom accessor after fixing NUI-3688 in charts\n accessors.data.value = (d: any) =>\n Number.isFinite(d) ? d : d.value;\n return accessors;\n }\n\n const chartTools: Record<\n ProportionalWidgetChartTypes,\n IChartTools | IChartTools\n > = {\n [ProportionalWidgetChartTypes.DonutChart]: {\n preprocessor: radial,\n gridFunction: radialGrid,\n rendererFunction: () => new RadialRenderer(),\n // TODO: replace with correct type\n accessorFunction: radialChartAccessors as (\n colors?: IValueProvider,\n markers?: IValueProvider\n ) => IAccessors,\n scaleFunction: radialScales,\n },\n [ProportionalWidgetChartTypes.PieChart]: {\n preprocessor: radial,\n gridFunction: radialGrid,\n rendererFunction: () => new PieRenderer(),\n // TODO: replace with correct type\n accessorFunction: radialChartAccessors as (\n colors?: IValueProvider