UNPKG

@versatiledatakit/data-pipelines

Version:

Data Pipelines help Data Engineers develop, deploy, run, and manage data processing workloads (called 'Data Job')

119 lines 33.1 kB
/* * Copyright 2023-2025 Broadcom * SPDX-License-Identifier: Apache-2.0 */ import { Component, Input } from '@angular/core'; import * as i0 from "@angular/core"; import * as i1 from "@angular/common"; import * as i2 from "@clr/angular"; import * as i3 from "@swimlane/ngx-charts"; function WidgetExecutionStatusGaugeComponent_div_0_clr_signpost_content_11_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementStart(0, "clr-signpost-content")(1, "p", 14); i0.ɵɵtext(2, " Success rate is calculated from all executions from the last 14 days (up to 336 for each job) "); i0.ɵɵelementEnd()(); } } const _c0 = function () { return ["#5AA454"]; }; const _c1 = function (a0) { return { domain: a0 }; }; const _c2 = function (a0, a1) { return { value: a0, name: a1 }; }; const _c3 = function (a0) { return [a0]; }; function WidgetExecutionStatusGaugeComponent_div_0_div_20_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementStart(0, "div", 15); i0.ɵɵelement(1, "ngx-charts-gauge", 16); i0.ɵɵelementEnd(); } if (rf & 2) { const ctx_r4 = i0.ɵɵnextContext(2); i0.ɵɵadvance(1); i0.ɵɵproperty("scheme", i0.ɵɵpureFunction1(9, _c1, i0.ɵɵpureFunction0(8, _c0)))("customColors", ctx_r4.customColors)("results", i0.ɵɵpureFunction1(14, _c3, i0.ɵɵpureFunction2(11, _c2, ctx_r4.successRate * 100, ctx_r4.successRate * 100)))("min", 0)("tooltipDisabled", true)("angleSpan", 270)("showAxis", false)("startAngle", -135); } } function WidgetExecutionStatusGaugeComponent_div_0_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementStart(0, "div")(1, "div", 2)(2, "div", 3); i0.ɵɵprojection(3); i0.ɵɵelementStart(4, "div", 4); i0.ɵɵtext(5, "Job Executions"); i0.ɵɵelementEnd(); i0.ɵɵelementStart(6, "div", 5)(7, "div", 6); i0.ɵɵtext(8, "Success Rate"); i0.ɵɵelementEnd(); i0.ɵɵelementStart(9, "div", 7)(10, "clr-signpost"); i0.ɵɵtemplate(11, WidgetExecutionStatusGaugeComponent_div_0_clr_signpost_content_11_Template, 3, 0, "clr-signpost-content", 8); i0.ɵɵelementEnd()()(); i0.ɵɵelementStart(12, "div", 9); i0.ɵɵtext(13); i0.ɵɵpipe(14, "percent"); i0.ɵɵelementEnd(); i0.ɵɵelementStart(15, "div", 10); i0.ɵɵtext(16); i0.ɵɵelementEnd(); i0.ɵɵelementStart(17, "div", 11); i0.ɵɵtext(18); i0.ɵɵelementEnd()(); i0.ɵɵelementStart(19, "div", 12); i0.ɵɵtemplate(20, WidgetExecutionStatusGaugeComponent_div_0_div_20_Template, 2, 16, "div", 13); i0.ɵɵelementEnd()()(); } if (rf & 2) { const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵadvance(12); i0.ɵɵstyleProp("color", ctx_r0.customColors(ctx_r0.successRate * 100)); i0.ɵɵadvance(1); i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 6, ctx_r0.successRate), " "); i0.ɵɵadvance(3); i0.ɵɵtextInterpolate1(" ", ctx_r0.failedExecutions, " failed "); i0.ɵɵadvance(2); i0.ɵɵtextInterpolate1(" ", ctx_r0.totalExecutions, " total "); i0.ɵɵadvance(2); i0.ɵɵproperty("ngIf", true); } } function WidgetExecutionStatusGaugeComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementStart(0, "div", 17); i0.ɵɵelement(1, "clr-spinner"); i0.ɵɵelementEnd(); } } const _c4 = [[["", 8, "gauge-title"]]]; const _c5 = [".gauge-title"]; export class WidgetExecutionStatusGaugeComponent { constructor() { this.loading = true; } ngOnChanges(changes) { if (changes['allJobs'].currentValue) { this.failedExecutions = 0; this.successfulExecutions = 0; changes['allJobs'].currentValue.forEach((dataJob) => { if (dataJob.deployments) { this.failedExecutions += dataJob.deployments[0].failedExecutions; this.successfulExecutions += dataJob.deployments[0].successfulExecutions; } }); this.totalExecutions = this.failedExecutions + this.successfulExecutions; this.successRate = this.successfulExecutions / this.totalExecutions; this.loading = false; } } customColors(name) { if (name >= 95) { return '#5AA220'; } else if (name >= 90) { return '#EFC006'; } else { return '#F35E44'; } } } WidgetExecutionStatusGaugeComponent.ɵfac = function WidgetExecutionStatusGaugeComponent_Factory(t) { return new (t || WidgetExecutionStatusGaugeComponent)(); }; WidgetExecutionStatusGaugeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WidgetExecutionStatusGaugeComponent, selectors: [["lib-widget-execution-status-gauge"]], inputs: { allJobs: "allJobs" }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c5, decls: 3, vars: 2, consts: [[4, "ngIf", "ngIfElse"], ["spinner", ""], [1, "gauge-container"], [1, "gauge-meta"], [1, "gauge-title"], [1, "success-rate-container"], [1, "success-rate-div"], [1, "info-button"], [4, "clrIfOpen"], ["data-cy", "dp-jobs-executions-status-gauge-widget-percentage", 1, "value-percent"], ["data-cy", "dp-jobs-executions-status-gauge-widget-failed", 1, "value-current", "small-and-up"], ["data-cy", "dp-jobs-executions-status-gauge-widget-total", 1, "value-limit", "small-and-up"], [1, "gauge-chart-container"], ["class", "gauge-chart", 4, "ngIf"], [1, "success-rate-info-panel"], [1, "gauge-chart"], [3, "scheme", "customColors", "results", "min", "tooltipDisabled", "angleSpan", "showAxis", "startAngle"], [1, "centered"]], template: function WidgetExecutionStatusGaugeComponent_Template(rf, ctx) { if (rf & 1) { i0.ɵɵprojectionDef(_c4); i0.ɵɵtemplate(0, WidgetExecutionStatusGaugeComponent_div_0_Template, 21, 8, "div", 0); i0.ɵɵtemplate(1, WidgetExecutionStatusGaugeComponent_ng_template_1_Template, 2, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor); } if (rf & 2) { const _r1 = i0.ɵɵreference(2); i0.ɵɵproperty("ngIf", !ctx.loading)("ngIfElse", _r1); } }, directives: [i1.NgIf, i2.ClrSignpost, i2.ClrIfOpen, i2.ClrSignpostContent, i3.GaugeComponent, i2.ClrSpinner], pipes: [i1.PercentPipe], styles: ["@media screen and (max-width: 990px){.medium-and-up[_ngcontent-%COMP%]{display:none!important}}@media screen and (max-width: 543px){.small-and-up[_ngcontent-%COMP%]{display:none!important}}@media screen and (min-width: 991px){.medium-and-down[_ngcontent-%COMP%]{display:none!important}}@media screen and (min-width: 767px){.small-and-down[_ngcontent-%COMP%]{display:none!important}} .dark lib-widget-execution-status-gauge .gauge-container{margin-top:50px} .dark lib-widget-execution-status-gauge .gauge-container svg.ngx-charts g[ngx-charts-pie-arc].background-arc>g.arc-group>path.arc{fill:#00000040} .dark vmw-gauge .gauge-container.above-threshold .gauge-meta .value-percent{color:#c25400!important} .dark vmw-gauge .gauge-container.above-threshold svg.ngx-charts g[ngx-charts-pie-arc]:not(.background-arc)>g.arc-group>path.arc{fill:#c25400!important} .dark vmw-gauge .gauge-container.above-threshold svg.ngx-charts g[ngx-charts-pie-arc].background-arc>g.arc-group>path.arc{fill:#00000040} lib-widget-execution-status-gauge svg.ngx-charts{margin:-20px} lib-widget-execution-status-gauge svg.ngx-charts g text{display:none} lib-widget-execution-status-gauge svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.1);opacity:.3} lib-widget-execution-status-gauge svg.ngx-charts g.gauge>g:nth-child(2) g.background-arc{display:none} lib-widget-execution-status-gauge .above-threshold svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.05)}.gauge-container[_ngcontent-%COMP%]{padding:0;height:216px;width:216px;position:relative;margin-top:50px;margin-left:auto;margin-right:auto}.gauge-container[_ngcontent-%COMP%] .gauge-chart-container[_ngcontent-%COMP%]{width:inherit;height:inherit;overflow:hidden}.gauge-container[_ngcontent-%COMP%] .gauge-chart[_ngcontent-%COMP%]{height:256px;width:256px;margin:0 auto}.gauge-container.above-threshold[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-percent[_ngcontent-%COMP%]{color:#c25400}.gauge-container[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%]{text-align:center;position:absolute;width:inherit;z-index:1}.gauge-container[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .gauge-title{display:block;font-size:19px;margin-top:40px}.gauge-container[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-percent[_ngcontent-%COMP%]{color:#006a90;margin-top:15px;margin-bottom:23px;font-size:42.5px}.gauge-container[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-current[_ngcontent-%COMP%]{font-size:16px}.gauge-container[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-limit[_ngcontent-%COMP%]{font-size:14px;color:#9a9a9a;margin-top:0}.large.gauge-container[_ngcontent-%COMP%]{height:200px;width:190px}.large[_ngcontent-%COMP%] .gauge-chart[_ngcontent-%COMP%]{height:230px;width:230px}.large[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-limit[_ngcontent-%COMP%]{margin-top:0} .large.above-threshold svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.07)!important}.large[_ngcontent-%COMP%] svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.12)}@media (min-width: 992px) and (max-width: 1199px){.auto.gauge-container[_ngcontent-%COMP%]{height:200px;width:190px}.auto[_ngcontent-%COMP%] .gauge-chart[_ngcontent-%COMP%]{height:230px;width:230px}.auto[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-limit[_ngcontent-%COMP%]{margin-top:0} .auto.above-threshold svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.07)!important}.auto[_ngcontent-%COMP%] svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.12)}}.medium.gauge-container[_ngcontent-%COMP%]{height:158px;width:148px}.medium[_ngcontent-%COMP%] .gauge-chart[_ngcontent-%COMP%]{height:188px;width:188px}.medium[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .gauge-title{font-size:20px;margin-top:28px}.medium[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-percent[_ngcontent-%COMP%]{margin:10px 0;font-size:26px}.medium[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-current[_ngcontent-%COMP%]{font-size:16px}.medium[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-limit[_ngcontent-%COMP%]{font-size:13px;margin-top:0} .medium.above-threshold svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.09)!important}.medium[_ngcontent-%COMP%] svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.16)}@media (min-width: 768px) and (max-width: 991px){.auto.gauge-container[_ngcontent-%COMP%]{height:158px;width:148px}.auto[_ngcontent-%COMP%] .gauge-chart[_ngcontent-%COMP%]{height:188px;width:188px}.auto[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .gauge-title{font-size:20px;margin-top:28px}.auto[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-percent[_ngcontent-%COMP%]{margin:10px 0;font-size:26px}.auto[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-current[_ngcontent-%COMP%]{font-size:16px}.auto[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-limit[_ngcontent-%COMP%]{font-size:13px;margin-top:0} .auto.above-threshold svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.09)!important}.auto[_ngcontent-%COMP%] svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.16)}}.small.gauge-container[_ngcontent-%COMP%]{height:134px;width:124px}.small[_ngcontent-%COMP%] .gauge-chart[_ngcontent-%COMP%]{height:164px;width:164px}.small[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .gauge-title{font-size:17px;margin-top:26px}.small[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-percent[_ngcontent-%COMP%]{margin:0;font-size:18.5px}.small[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-current[_ngcontent-%COMP%]{font-size:14px}.small[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-limit[_ngcontent-%COMP%]{font-size:10px;margin-top:0} .small.above-threshold svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.1)!important}.small[_ngcontent-%COMP%] svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.2)}@media (min-width: 544px) and (max-width: 767px){.auto.gauge-container[_ngcontent-%COMP%]{height:134px;width:124px}.auto[_ngcontent-%COMP%] .gauge-chart[_ngcontent-%COMP%]{height:164px;width:164px}.auto[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .gauge-title{font-size:17px;margin-top:26px}.auto[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-percent[_ngcontent-%COMP%]{margin:0;font-size:18.5px}.auto[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-current[_ngcontent-%COMP%]{font-size:14px}.auto[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-limit[_ngcontent-%COMP%]{font-size:10px;margin-top:0} .auto.above-threshold svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.1)!important}.auto[_ngcontent-%COMP%] svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.2)}}.xs.gauge-container[_ngcontent-%COMP%]{height:100px;width:90px}.xs[_ngcontent-%COMP%] .gauge-chart[_ngcontent-%COMP%]{height:130px;width:130px}.xs[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-current[_ngcontent-%COMP%], .xs[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-limit[_ngcontent-%COMP%]{display:none}.xs[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .gauge-title{width:inherit;font-size:14px;margin-top:14px}.xs[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-percent[_ngcontent-%COMP%]{margin-top:0;font-size:18.5px} .xs.above-threshold svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.15)!important}.xs[_ngcontent-%COMP%] svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.31)}@media (max-width: 543px){.auto.gauge-container[_ngcontent-%COMP%]{height:100px;width:90px}.auto[_ngcontent-%COMP%] .gauge-chart[_ngcontent-%COMP%]{height:130px;width:130px}.auto[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-current[_ngcontent-%COMP%], .auto[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-limit[_ngcontent-%COMP%]{display:none}.auto[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .gauge-title{width:100%;font-size:14px;margin-top:14px}.auto[_ngcontent-%COMP%] .gauge-meta[_ngcontent-%COMP%] .value-percent[_ngcontent-%COMP%]{margin-top:0;font-size:18.5px} .auto.above-threshold svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.15)!important}.auto[_ngcontent-%COMP%] svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.31)}}.centered[_ngcontent-%COMP%]{text-align:center;margin-top:100px}.success-rate-container[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}.success-rate-container[_ngcontent-%COMP%] .success-rate-info-panel[_ngcontent-%COMP%]{font-size:small;margin-top:0}"] }); (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WidgetExecutionStatusGaugeComponent, [{ type: Component, args: [{ selector: 'lib-widget-execution-status-gauge', template: "<!--\n ~ Copyright 2023-2025 Broadcom\n ~ SPDX-License-Identifier: Apache-2.0\n -->\n\n<div *ngIf=\"!loading; else spinner\">\n <div class=\"gauge-container\">\n <div class=\"gauge-meta\">\n <ng-content select=\".gauge-title\"></ng-content>\n <div class=\"gauge-title\">Job Executions</div>\n <div class=\"success-rate-container\">\n <div class=\"success-rate-div\">Success Rate</div>\n <div class=\"info-button\">\n <clr-signpost>\n <clr-signpost-content *clrIfOpen>\n <p class=\"success-rate-info-panel\">\n Success rate is calculated from all executions\n from the last 14 days (up to 336 for each job)\n </p>\n </clr-signpost-content>\n </clr-signpost>\n </div>\n </div>\n <div\n class=\"value-percent\"\n data-cy=\"dp-jobs-executions-status-gauge-widget-percentage\"\n [style.color]=\"customColors(successRate * 100)\"\n >\n {{ successRate | percent }}\n </div>\n <div\n class=\"value-current small-and-up\"\n data-cy=\"dp-jobs-executions-status-gauge-widget-failed\"\n >\n {{ failedExecutions }} failed\n </div>\n <div\n class=\"value-limit small-and-up\"\n data-cy=\"dp-jobs-executions-status-gauge-widget-total\"\n >\n {{ totalExecutions }} total\n </div>\n </div>\n <div class=\"gauge-chart-container\">\n <div class=\"gauge-chart\" *ngIf=\"true\">\n <ngx-charts-gauge\n [scheme]=\"{ domain: ['#5AA454'] }\"\n [customColors]=\"customColors\"\n [results]=\"[\n { value: successRate * 100, name: successRate * 100 }\n ]\"\n [min]=\"0\"\n [tooltipDisabled]=\"true\"\n [angleSpan]=\"270\"\n [showAxis]=\"false\"\n [startAngle]=\"-135\"\n >\n </ngx-charts-gauge>\n </div>\n </div>\n </div>\n</div>\n\n<ng-template #spinner>\n <div class=\"centered\">\n <clr-spinner></clr-spinner>\n </div>\n</ng-template>\n", styles: ["/*!\n * Copyright 2023-2025 Broadcom\n * SPDX-License-Identifier: Apache-2.0\n */@media screen and (max-width: 990px){.medium-and-up{display:none!important}}@media screen and (max-width: 543px){.small-and-up{display:none!important}}@media screen and (min-width: 991px){.medium-and-down{display:none!important}}@media screen and (min-width: 767px){.small-and-down{display:none!important}}::ng-deep .dark lib-widget-execution-status-gauge .gauge-container{margin-top:50px}::ng-deep .dark lib-widget-execution-status-gauge .gauge-container svg.ngx-charts g[ngx-charts-pie-arc].background-arc>g.arc-group>path.arc{fill:#00000040}::ng-deep .dark vmw-gauge .gauge-container.above-threshold .gauge-meta .value-percent{color:#c25400!important}::ng-deep .dark vmw-gauge .gauge-container.above-threshold svg.ngx-charts g[ngx-charts-pie-arc]:not(.background-arc)>g.arc-group>path.arc{fill:#c25400!important}::ng-deep .dark vmw-gauge .gauge-container.above-threshold svg.ngx-charts g[ngx-charts-pie-arc].background-arc>g.arc-group>path.arc{fill:#00000040}::ng-deep lib-widget-execution-status-gauge svg.ngx-charts{margin:-20px}::ng-deep lib-widget-execution-status-gauge svg.ngx-charts g text{display:none}::ng-deep lib-widget-execution-status-gauge svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.1);opacity:.3}::ng-deep lib-widget-execution-status-gauge svg.ngx-charts g.gauge>g:nth-child(2) g.background-arc{display:none}::ng-deep lib-widget-execution-status-gauge .above-threshold svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.05)}.gauge-container{padding:0;height:216px;width:216px;position:relative;margin-top:50px;margin-left:auto;margin-right:auto}.gauge-container .gauge-chart-container{width:inherit;height:inherit;overflow:hidden}.gauge-container .gauge-chart{height:256px;width:256px;margin:0 auto}.gauge-container.above-threshold .gauge-meta .value-percent{color:#c25400}.gauge-container .gauge-meta{text-align:center;position:absolute;width:inherit;z-index:1}.gauge-container .gauge-meta ::ng-deep .gauge-title{display:block;font-size:19px;margin-top:40px}.gauge-container .gauge-meta .value-percent{color:#006a90;margin-top:15px;margin-bottom:23px;font-size:42.5px}.gauge-container .gauge-meta .value-current{font-size:16px}.gauge-container .gauge-meta .value-limit{font-size:14px;color:#9a9a9a;margin-top:0}.large.gauge-container{height:200px;width:190px}.large .gauge-chart{height:230px;width:230px}.large .gauge-meta .value-limit{margin-top:0}::ng-deep .large.above-threshold svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.07)!important}.large ::ng-deep svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.12)}@media (min-width: 992px) and (max-width: 1199px){.auto.gauge-container{height:200px;width:190px}.auto .gauge-chart{height:230px;width:230px}.auto .gauge-meta .value-limit{margin-top:0}::ng-deep .auto.above-threshold svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.07)!important}.auto ::ng-deep svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.12)}}.medium.gauge-container{height:158px;width:148px}.medium .gauge-chart{height:188px;width:188px}.medium .gauge-meta ::ng-deep .gauge-title{font-size:20px;margin-top:28px}.medium .gauge-meta .value-percent{margin:10px 0;font-size:26px}.medium .gauge-meta .value-current{font-size:16px}.medium .gauge-meta .value-limit{font-size:13px;margin-top:0}::ng-deep .medium.above-threshold svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.09)!important}.medium ::ng-deep svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.16)}@media (min-width: 768px) and (max-width: 991px){.auto.gauge-container{height:158px;width:148px}.auto .gauge-chart{height:188px;width:188px}.auto .gauge-meta ::ng-deep .gauge-title{font-size:20px;margin-top:28px}.auto .gauge-meta .value-percent{margin:10px 0;font-size:26px}.auto .gauge-meta .value-current{font-size:16px}.auto .gauge-meta .value-limit{font-size:13px;margin-top:0}::ng-deep .auto.above-threshold svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.09)!important}.auto ::ng-deep svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.16)}}.small.gauge-container{height:134px;width:124px}.small .gauge-chart{height:164px;width:164px}.small .gauge-meta ::ng-deep .gauge-title{font-size:17px;margin-top:26px}.small .gauge-meta .value-percent{margin:0;font-size:18.5px}.small .gauge-meta .value-current{font-size:14px}.small .gauge-meta .value-limit{font-size:10px;margin-top:0}::ng-deep .small.above-threshold svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.1)!important}.small ::ng-deep svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.2)}@media (min-width: 544px) and (max-width: 767px){.auto.gauge-container{height:134px;width:124px}.auto .gauge-chart{height:164px;width:164px}.auto .gauge-meta ::ng-deep .gauge-title{font-size:17px;margin-top:26px}.auto .gauge-meta .value-percent{margin:0;font-size:18.5px}.auto .gauge-meta .value-current{font-size:14px}.auto .gauge-meta .value-limit{font-size:10px;margin-top:0}::ng-deep .auto.above-threshold svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.1)!important}.auto ::ng-deep svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.2)}}.xs.gauge-container{height:100px;width:90px}.xs .gauge-chart{height:130px;width:130px}.xs .gauge-meta .value-current,.xs .gauge-meta .value-limit{display:none}.xs .gauge-meta ::ng-deep .gauge-title{width:inherit;font-size:14px;margin-top:14px}.xs .gauge-meta .value-percent{margin-top:0;font-size:18.5px}::ng-deep .xs.above-threshold svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.15)!important}.xs ::ng-deep svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.31)}@media (max-width: 543px){.auto.gauge-container{height:100px;width:90px}.auto .gauge-chart{height:130px;width:130px}.auto .gauge-meta .value-current,.auto .gauge-meta .value-limit{display:none}.auto .gauge-meta ::ng-deep .gauge-title{width:100%;font-size:14px;margin-top:14px}.auto .gauge-meta .value-percent{margin-top:0;font-size:18.5px}::ng-deep .auto.above-threshold svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.15)!important}.auto ::ng-deep svg.ngx-charts g.gauge>g:nth-child(2){transform:rotate(225deg) scale(1.31)}}.centered{text-align:center;margin-top:100px}.success-rate-container{display:flex;justify-content:center;align-items:center}.success-rate-container .success-rate-info-panel{font-size:small;margin-top:0}\n"] }] }], null, { allJobs: [{ type: Input }] }); })(); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2lkZ2V0LWV4ZWN1dGlvbi1zdGF0dXMtZ2F1Z2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YS1waXBlbGluZXMvc3JjL2xpYi9jb21wb25lbnRzL3dpZGdldHMvd2lkZ2V0LWV4ZWN1dGlvbi1zdGF0dXMtZ2F1Z2Uvd2lkZ2V0LWV4ZWN1dGlvbi1zdGF0dXMtZ2F1Z2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YS1waXBlbGluZXMvc3JjL2xpYi9jb21wb25lbnRzL3dpZGdldHMvd2lkZ2V0LWV4ZWN1dGlvbi1zdGF0dXMtZ2F1Z2Uvd2lkZ2V0LWV4ZWN1dGlvbi1zdGF0dXMtZ2F1Z2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQTRCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7SUNTbkQsNENBQWlDLFlBQUE7SUFFekIsK0dBRUo7SUFBQSxpQkFBSSxFQUFBOzs7Ozs7O0lBMEJwQiwrQkFBc0M7SUFDbEMsdUNBWW1CO0lBQ3ZCLGlCQUFNOzs7SUFaRSxlQUFrQztJQUFsQywrRUFBa0MscUNBQUEseUhBQUEsVUFBQSx5QkFBQSxrQkFBQSxtQkFBQSxvQkFBQTs7O0lBekN0RCwyQkFBb0MsYUFBQSxhQUFBO0lBR3hCLGtCQUErQztJQUMvQyw4QkFBeUI7SUFBQSw4QkFBYztJQUFBLGlCQUFNO0lBQzdDLDhCQUFvQyxhQUFBO0lBQ0YsNEJBQVk7SUFBQSxpQkFBTTtJQUNoRCw4QkFBeUIsb0JBQUE7SUFFakIsOEhBS3VCO0lBQzNCLGlCQUFlLEVBQUEsRUFBQTtJQUd2QiwrQkFJQztJQUNHLGFBQ0o7O0lBQUEsaUJBQU07SUFDTixnQ0FHQztJQUNHLGFBQ0o7SUFBQSxpQkFBTTtJQUNOLGdDQUdDO0lBQ0csYUFDSjtJQUFBLGlCQUFNLEVBQUE7SUFFVixnQ0FBbUM7SUFDL0IsOEZBY007SUFDVixpQkFBTSxFQUFBLEVBQUE7OztJQWpDRSxnQkFBK0M7SUFBL0Msc0VBQStDO0lBRS9DLGVBQ0o7SUFESSwwRUFDSjtJQUtJLGVBQ0o7SUFESSwrREFDSjtJQUtJLGVBQ0o7SUFESSw2REFDSjtJQUcwQixlQUFVO0lBQVYsMkJBQVU7OztJQW9CNUMsK0JBQXNCO0lBQ2xCLDhCQUEyQjtJQUMvQixpQkFBTTs7OztBRHBEVixNQUFNLE9BQU8sbUNBQW1DO0lBTGhEO1FBV0ksWUFBTyxHQUFHLElBQUksQ0FBQztLQTJCbEI7SUF6QkcsV0FBVyxDQUFDLE9BQXNCO1FBQzlCLElBQUksT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLFlBQVksRUFBRTtZQUNqQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDO1lBQzFCLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxDQUFDLENBQUM7WUFDN0IsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLFlBQTBCLENBQUMsT0FBTyxDQUFDLENBQUMsT0FBTyxFQUFFLEVBQUU7Z0JBQy9ELElBQUksT0FBTyxDQUFDLFdBQVcsRUFBRTtvQkFDckIsSUFBSSxDQUFDLGdCQUFnQixJQUFJLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUM7b0JBQ2pFLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxPQUFPLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLG9CQUFvQixDQUFDO2lCQUM1RTtZQUNMLENBQUMsQ0FBQyxDQUFDO1lBQ0gsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixDQUFDO1lBQ3pFLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixHQUFHLElBQUksQ0FBQyxlQUFlLENBQUM7WUFDcEUsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7U0FDeEI7SUFDTCxDQUFDO0lBRUQsWUFBWSxDQUFDLElBQUk7UUFDYixJQUFJLElBQUksSUFBSSxFQUFFLEVBQUU7WUFDWixPQUFPLFNBQVMsQ0FBQztTQUNwQjthQUFNLElBQUksSUFBSSxJQUFJLEVBQUUsRUFBRTtZQUNuQixPQUFPLFNBQVMsQ0FBQztTQUNwQjthQUFNO1lBQ0gsT0FBTyxTQUFTLENBQUM7U0FDcEI7SUFDTCxDQUFDOztzSEFoQ1EsbUNBQW1DO3NGQUFuQyxtQ0FBbUM7O1FDVGhELHFGQXdETTtRQUVOLHFJQUljOzs7UUE5RFIsbUNBQWdCLGlCQUFBOzt1RkRTVCxtQ0FBbUM7Y0FML0MsU0FBUzsyQkFDSSxtQ0FBbUM7Z0JBS3BDLE9BQU87a0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAyMy0yMDI1IEJyb2FkY29tXG4gKiBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMFxuICovXG5cbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYXRhSm9iIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2xpYi13aWRnZXQtZXhlY3V0aW9uLXN0YXR1cy1nYXVnZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3dpZGdldC1leGVjdXRpb24tc3RhdHVzLWdhdWdlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi93aWRnZXQtZXhlY3V0aW9uLXN0YXR1cy1nYXVnZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFdpZGdldEV4ZWN1dGlvblN0YXR1c0dhdWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgICBASW5wdXQoKSBhbGxKb2JzOiBEYXRhSm9iW107XG4gICAgZmFpbGVkRXhlY3V0aW9uczogbnVtYmVyO1xuICAgIHN1Y2Nlc3NmdWxFeGVjdXRpb25zOiBudW1iZXI7XG4gICAgdG90YWxFeGVjdXRpb25zOiBudW1iZXI7XG4gICAgc3VjY2Vzc1JhdGU6IG51bWJlcjtcbiAgICBsb2FkaW5nID0gdHJ1ZTtcblxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICAgICAgaWYgKGNoYW5nZXNbJ2FsbEpvYnMnXS5jdXJyZW50VmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMuZmFpbGVkRXhlY3V0aW9ucyA9IDA7XG4gICAgICAgICAgICB0aGlzLnN1Y2Nlc3NmdWxFeGVjdXRpb25zID0gMDtcbiAgICAgICAgICAgIChjaGFuZ2VzWydhbGxKb2JzJ10uY3VycmVudFZhbHVlIGFzIERhdGFKb2JbXSkuZm9yRWFjaCgoZGF0YUpvYikgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChkYXRhSm9iLmRlcGxveW1lbnRzKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZmFpbGVkRXhlY3V0aW9ucyArPSBkYXRhSm9iLmRlcGxveW1lbnRzWzBdLmZhaWxlZEV4ZWN1dGlvbnM7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuc3VjY2Vzc2Z1bEV4ZWN1dGlvbnMgKz0gZGF0YUpvYi5kZXBsb3ltZW50c1swXS5zdWNjZXNzZnVsRXhlY3V0aW9ucztcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIHRoaXMudG90YWxFeGVjdXRpb25zID0gdGhpcy5mYWlsZWRFeGVjdXRpb25zICsgdGhpcy5zdWNjZXNzZnVsRXhlY3V0aW9ucztcbiAgICAgICAgICAgIHRoaXMuc3VjY2Vzc1JhdGUgPSB0aGlzLnN1Y2Nlc3NmdWxFeGVjdXRpb25zIC8gdGhpcy50b3RhbEV4ZWN1dGlvbnM7XG4gICAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGN1c3RvbUNvbG9ycyhuYW1lKSB7XG4gICAgICAgIGlmIChuYW1lID49IDk1KSB7XG4gICAgICAgICAgICByZXR1cm4gJyM1QUEyMjAnO1xuICAgICAgICB9IGVsc2UgaWYgKG5hbWUgPj0gOTApIHtcbiAgICAgICAgICAgIHJldHVybiAnI0VGQzAwNic7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICByZXR1cm4gJyNGMzVFNDQnO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPCEtLVxuICAgfiBDb3B5cmlnaHQgMjAyMy0yMDI1IEJyb2FkY29tXG4gICB+IFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBBcGFjaGUtMi4wXG4gIC0tPlxuXG48ZGl2ICpuZ0lmPVwiIWxvYWRpbmc7IGVsc2Ugc3Bpbm5lclwiPlxuICAgIDxkaXYgY2xhc3M9XCJnYXVnZS1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImdhdWdlLW1ldGFcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIi5nYXVnZS10aXRsZVwiPjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJnYXVnZS10aXRsZVwiPkpvYiBFeGVjdXRpb25zPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3VjY2Vzcy1yYXRlLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdWNjZXNzLXJhdGUtZGl2XCI+U3VjY2VzcyBSYXRlPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImluZm8tYnV0dG9uXCI+XG4gICAgICAgICAgICAgICAgICAgIDxjbHItc2lnbnBvc3Q+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Y2xyLXNpZ25wb3N0LWNvbnRlbnQgKmNscklmT3Blbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInN1Y2Nlc3MtcmF0ZS1pbmZvLXBhbmVsXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFN1Y2Nlc3MgcmF0ZSBpcyBjYWxjdWxhdGVkIGZyb20gYWxsIGV4ZWN1dGlvbnNcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZnJvbSB0aGUgbGFzdCAxNCBkYXlzICh1cCB0byAzMzYgZm9yIGVhY2ggam9iKVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvY2xyLXNpZ25wb3N0LWNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgIDwvY2xyLXNpZ25wb3N0PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ2YWx1ZS1wZXJjZW50XCJcbiAgICAgICAgICAgICAgICBkYXRhLWN5PVwiZHAtam9icy1leGVjdXRpb25zLXN0YXR1cy1nYXVnZS13aWRnZXQtcGVyY2VudGFnZVwiXG4gICAgICAgICAgICAgICAgW3N0eWxlLmNvbG9yXT1cImN1c3RvbUNvbG9ycyhzdWNjZXNzUmF0ZSAqIDEwMClcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt7IHN1Y2Nlc3NSYXRlIHwgcGVyY2VudCB9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ2YWx1ZS1jdXJyZW50IHNtYWxsLWFuZC11cFwiXG4gICAgICAgICAgICAgICAgZGF0YS1jeT1cImRwLWpvYnMtZXhlY3V0aW9ucy1zdGF0dXMtZ2F1Z2Utd2lkZ2V0LWZhaWxlZFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3sgZmFpbGVkRXhlY3V0aW9ucyB9fSBmYWlsZWRcbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzPVwidmFsdWUtbGltaXQgc21hbGwtYW5kLXVwXCJcbiAgICAgICAgICAgICAgICBkYXRhLWN5PVwiZHAtam9icy1leGVjdXRpb25zLXN0YXR1cy1nYXVnZS13aWRnZXQtdG90YWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt7IHRvdGFsRXhlY3V0aW9ucyB9fSB0b3RhbFxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZ2F1Z2UtY2hhcnQtY29udGFpbmVyXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZ2F1Z2UtY2hhcnRcIiAqbmdJZj1cInRydWVcIj5cbiAgICAgICAgICAgICAgICA8bmd4LWNoYXJ0cy1nYXVnZVxuICAgICAgICAgICAgICAgICAgICBbc2NoZW1lXT1cInsgZG9tYWluOiBbJyM1QUE0NTQnXSB9XCJcbiAgICAgICAgICAgICAgICAgICAgW2N1c3RvbUNvbG9yc109XCJjdXN0b21Db2xvcnNcIlxuICAgICAgICAgICAgICAgICAgICBbcmVzdWx0c109XCJbXG4gICAgICAgICAgICAgICAgICAgICAgICB7IHZhbHVlOiBzdWNjZXNzUmF0ZSAqIDEwMCwgbmFtZTogc3VjY2Vzc1JhdGUgKiAxMDAgfVxuICAgICAgICAgICAgICAgICAgICBdXCJcbiAgICAgICAgICAgICAgICAgICAgW21pbl09XCIwXCJcbiAgICAgICAgICAgICAgICAgICAgW3Rvb2x0aXBEaXNhYmxlZF09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgW2FuZ2xlU3Bhbl09XCIyNzBcIlxuICAgICAgICAgICAgICAgICAgICBbc2hvd0F4aXNdPVwiZmFsc2VcIlxuICAgICAgICAgICAgICAgICAgICBbc3RhcnRBbmdsZV09XCItMTM1XCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPC9uZ3gtY2hhcnRzLWdhdWdlPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjc3Bpbm5lcj5cbiAgICA8ZGl2IGNsYXNzPVwiY2VudGVyZWRcIj5cbiAgICAgICAgPGNsci1zcGlubmVyPjwvY2xyLXNwaW5uZXI+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19