@versatiledatakit/data-pipelines
Version:
Data Pipelines help Data Engineers develop, deploy, run, and manage data processing workloads (called 'Data Job')
65 lines • 7.79 kB
JavaScript
/*
* Copyright 2023-2025 Broadcom
* SPDX-License-Identifier: Apache-2.0
*/
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@clr/angular";
function WidgetValueComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementStart(1, "span", 2);
i0.ɵɵtext(2);
i0.ɵɵelementEnd();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const data_r3 = ctx.ngIf;
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate1("", ctx_r0.prop ? data_r3[ctx_r0.prop] : data_r3, " ");
} }
function WidgetValueComponent_ng_template_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementStart(1, "div", 4);
i0.ɵɵelement(2, "cds-icon", 5);
i0.ɵɵelementEnd();
i0.ɵɵelementContainerEnd();
} }
function WidgetValueComponent_ng_template_2_ng_template_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 4)(1, "clr-spinner", 6);
i0.ɵɵtext(2, "Loading ...");
i0.ɵɵelementEnd()();
} if (rf & 2) {
i0.ɵɵadvance(1);
i0.ɵɵproperty("clrSmall", true);
} }
function WidgetValueComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, WidgetValueComponent_ng_template_2_ng_container_0_Template, 3, 0, "ng-container", 0);
i0.ɵɵtemplate(1, WidgetValueComponent_ng_template_2_ng_template_1_Template, 3, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
} if (rf & 2) {
const _r5 = i0.ɵɵreference(2);
const ctx_r2 = i0.ɵɵnextContext();
i0.ɵɵproperty("ngIf", ctx_r2.showErrorState)("ngIfElse", _r5);
} }
export class WidgetValueComponent {
}
WidgetValueComponent.ɵfac = function WidgetValueComponent_Factory(t) { return new (t || WidgetValueComponent)(); };
WidgetValueComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WidgetValueComponent, selectors: [["lib-widget-value"]], inputs: { observable$: "observable$", prop: "prop", showErrorState: "showErrorState" }, decls: 4, vars: 4, consts: [[4, "ngIf", "ngIfElse"], ["loadingOrErrorTemplate", ""], ["data-cy", "widget-value-data"], ["loadingTemplate", ""], [1, "col-12", "text-center"], ["data-cy", "widget-value-error", "shape", "error-standard", "size", "md", "status", "danger", "title", "Error fetching data"], ["data-cy", "widget-value-loading", 3, "clrSmall"]], template: function WidgetValueComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, WidgetValueComponent_ng_container_0_Template, 3, 1, "ng-container", 0);
i0.ɵɵpipe(1, "async");
i0.ɵɵtemplate(2, WidgetValueComponent_ng_template_2_Template, 3, 2, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
} if (rf & 2) {
const _r1 = i0.ɵɵreference(3);
i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 2, ctx.observable$))("ngIfElse", _r1);
} }, directives: [i1.NgIf, i2.CdsIconCustomTag, i2.ClrSpinner], pipes: [i1.AsyncPipe], encapsulation: 2, changeDetection: 0 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WidgetValueComponent, [{
type: Component,
args: [{ selector: 'lib-widget-value', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n ~ Copyright 2023-2025 Broadcom\n ~ SPDX-License-Identifier: Apache-2.0\n -->\n\n<ng-container *ngIf=\"observable$ | async as data; else loadingOrErrorTemplate\">\n <span data-cy=\"widget-value-data\">{{ prop ? data[prop] : data }} </span>\n</ng-container>\n\n<ng-template #loadingOrErrorTemplate>\n <ng-container *ngIf=\"showErrorState; else loadingTemplate\">\n <div class=\"col-12 text-center\">\n <cds-icon\n data-cy=\"widget-value-error\"\n shape=\"error-standard\"\n size=\"md\"\n status=\"danger\"\n title=\"Error fetching data\"\n ></cds-icon>\n </div>\n </ng-container>\n\n <ng-template #loadingTemplate>\n <div class=\"col-12 text-center\">\n <clr-spinner data-cy=\"widget-value-loading\" [clrSmall]=\"true\"\n >Loading ...</clr-spinner\n >\n </div>\n </ng-template>\n</ng-template>\n" }]
}], null, { observable$: [{
type: Input
}], prop: [{
type: Input
}], showErrorState: [{
type: Input
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2lkZ2V0LXZhbHVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGEtcGlwZWxpbmVzL3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvd2lkZ2V0LXZhbHVlL3dpZGdldC12YWx1ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhLXBpcGVsaW5lcy9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3dpZGdldC12YWx1ZS93aWRnZXQtdmFsdWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBRUgsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0lDQTFFLDZCQUErRTtJQUMzRSwrQkFBa0M7SUFBQSxZQUErQjtJQUFBLGlCQUFPO0lBQzVFLDBCQUFlOzs7O0lBRHVCLGVBQStCO0lBQS9CLDRFQUErQjs7O0lBSWpFLDZCQUEyRDtJQUN2RCw4QkFBZ0M7SUFDNUIsOEJBTVk7SUFDaEIsaUJBQU07SUFDViwwQkFBZTs7O0lBR1gsOEJBQWdDLHFCQUFBO0lBRXZCLDJCQUFXO0lBQUEsaUJBQ2YsRUFBQTs7SUFGMkMsZUFBaUI7SUFBakIsK0JBQWlCOzs7SUFkckUscUdBVWU7SUFFZixvSUFNYzs7OztJQWxCQyw0Q0FBc0IsaUJBQUE7O0FER3pDLE1BQU0sT0FBTyxvQkFBb0I7O3dGQUFwQixvQkFBb0I7dUVBQXBCLG9CQUFvQjtRQ1JqQyx1RkFFZTs7UUFFZixzSEFvQmM7OztRQXhCQyw0REFBMEIsaUJBQUE7O3VGRFE1QixvQkFBb0I7Y0FMaEMsU0FBUzsyQkFDSSxrQkFBa0IsbUJBRVgsdUJBQXVCLENBQUMsTUFBTTtnQkFHdEMsV0FBVztrQkFBbkIsS0FBSztZQUNHLElBQUk7a0JBQVosS0FBSztZQUNHLGNBQWM7a0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjMtMjAyNSBCcm9hZGNvbVxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEFwYWNoZS0yLjBcbiAqL1xuXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2xpYi13aWRnZXQtdmFsdWUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi93aWRnZXQtdmFsdWUuY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFdpZGdldFZhbHVlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBvYnNlcnZhYmxlJDogT2JzZXJ2YWJsZTx1bmtub3duPjtcbiAgICBASW5wdXQoKSBwcm9wOiBzdHJpbmc7XG4gICAgQElucHV0KCkgc2hvd0Vycm9yU3RhdGU6IGJvb2xlYW47XG59XG4iLCI8IS0tXG4gICB+IENvcHlyaWdodCAyMDIzLTIwMjUgQnJvYWRjb21cbiAgIH4gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEFwYWNoZS0yLjBcbiAgLS0+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJvYnNlcnZhYmxlJCB8IGFzeW5jIGFzIGRhdGE7IGVsc2UgbG9hZGluZ09yRXJyb3JUZW1wbGF0ZVwiPlxuICAgIDxzcGFuIGRhdGEtY3k9XCJ3aWRnZXQtdmFsdWUtZGF0YVwiPnt7IHByb3AgPyBkYXRhW3Byb3BdIDogZGF0YSB9fSA8L3NwYW4+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNsb2FkaW5nT3JFcnJvclRlbXBsYXRlPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzaG93RXJyb3JTdGF0ZTsgZWxzZSBsb2FkaW5nVGVtcGxhdGVcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC0xMiB0ZXh0LWNlbnRlclwiPlxuICAgICAgICAgICAgPGNkcy1pY29uXG4gICAgICAgICAgICAgICAgZGF0YS1jeT1cIndpZGdldC12YWx1ZS1lcnJvclwiXG4gICAgICAgICAgICAgICAgc2hhcGU9XCJlcnJvci1zdGFuZGFyZFwiXG4gICAgICAgICAgICAgICAgc2l6ZT1cIm1kXCJcbiAgICAgICAgICAgICAgICBzdGF0dXM9XCJkYW5nZXJcIlxuICAgICAgICAgICAgICAgIHRpdGxlPVwiRXJyb3IgZmV0Y2hpbmcgZGF0YVwiXG4gICAgICAgICAgICA+PC9jZHMtaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctdGVtcGxhdGUgI2xvYWRpbmdUZW1wbGF0ZT5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC0xMiB0ZXh0LWNlbnRlclwiPlxuICAgICAgICAgICAgPGNsci1zcGlubmVyIGRhdGEtY3k9XCJ3aWRnZXQtdmFsdWUtbG9hZGluZ1wiIFtjbHJTbWFsbF09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICA+TG9hZGluZyAuLi48L2Nsci1zcGlubmVyXG4gICAgICAgICAgICA+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG48L25nLXRlbXBsYXRlPlxuIl19