@versatiledatakit/data-pipelines
Version:
Data Pipelines help Data Engineers develop, deploy, run, and manage data processing workloads (called 'Data Job')
80 lines • 9.3 kB
JavaScript
/*
* Copyright 2023-2025 Broadcom
* SPDX-License-Identifier: Apache-2.0
*/
/** @format */
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@versatiledatakit/shared";
import * as i2 from "@angular/common";
import * as i3 from "ngx-lottie";
function EmptyStateComponent_img_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "img", 4);
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵstyleProp("opacity", ctx_r0.opacity)("width", ctx_r0.width + "px");
i0.ɵɵproperty("src", ctx_r0.imgSrc, i0.ɵɵsanitizeUrl);
} }
const _c0 = function (a0) { return { path: a0 }; };
function EmptyStateComponent_ng_template_3_ng_lottie_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "ng-lottie", 6);
} if (rf & 2) {
const ctx_r3 = i0.ɵɵnextContext(2);
i0.ɵɵpropertyInterpolate1("width", "", ctx_r3.width, "px");
i0.ɵɵproperty("options", i0.ɵɵpureFunction1(2, _c0, ctx_r3.animSrc));
} }
function EmptyStateComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, EmptyStateComponent_ng_template_3_ng_lottie_0_Template, 1, 4, "ng-lottie", 5);
} if (rf & 2) {
const ctx_r2 = i0.ɵɵnextContext();
i0.ɵɵproperty("ngIf", ctx_r2.animSrc);
} }
export class EmptyStateComponent {
constructor() {
this.title = 'Empty State';
this.description = 'Description';
this.width = 256;
this.hideImage = false;
this.opacity = 1;
this.animSrc = 'assets/animations/no-events-in-timeframe-animation.json';
this.marginTop = '3rem';
this.marginBottom = '20px';
}
}
EmptyStateComponent.ɵfac = function EmptyStateComponent_Factory(t) { return new (t || EmptyStateComponent)(); };
EmptyStateComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EmptyStateComponent, selectors: [["lib-empty-state"]], inputs: { title: "title", description: "description", width: "width", imgSrc: "imgSrc", hideImage: "hideImage", opacity: "opacity", animSrc: "animSrc", marginTop: "marginTop", marginBottom: "marginBottom" }, decls: 5, vars: 8, consts: [[1, "empty-state-container"], [3, "title", "description"], [3, "opacity", "width", "src", 4, "ngIf", "ngIfElse"], ["lottieAnimationTemplate", ""], [3, "src"], [3, "width", "options", 4, "ngIf"], [3, "width", "options"]], template: function EmptyStateComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 0)(1, "vdk-empty-state-placeholder", 1);
i0.ɵɵtemplate(2, EmptyStateComponent_img_2_Template, 1, 5, "img", 2);
i0.ɵɵtemplate(3, EmptyStateComponent_ng_template_3_Template, 1, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
i0.ɵɵelementEnd()();
} if (rf & 2) {
const _r1 = i0.ɵɵreference(4);
i0.ɵɵadvance(1);
i0.ɵɵstyleProp("margin-top", ctx.marginTop)("margin-bottom", ctx.marginBottom);
i0.ɵɵproperty("title", ctx.title)("description", ctx.description);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx.imgSrc)("ngIfElse", _r1);
} }, directives: [i1.VdkEmptyStatePlaceholderComponent, i2.NgIf, i3.LottieComponent], styles: [".empty-state-container[_ngcontent-%COMP%] vdk-empty-state-placeholder[_ngcontent-%COMP%]{text-align:center}.empty-state-container[_ngcontent-%COMP%] vdk-empty-state-placeholder[_ngcontent-%COMP%] h2{font-size:18px!important;font-weight:500;margin-top:.1rem!important;line-height:1rem}.empty-state-container[_ngcontent-%COMP%] vdk-empty-state-placeholder[_ngcontent-%COMP%] h3{font-size:13px!important;line-height:1rem;margin-top:.3rem}"] });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EmptyStateComponent, [{
type: Component,
args: [{ selector: 'lib-empty-state', template: "<!--\n ~ Copyright 2023-2025 Broadcom\n ~ SPDX-License-Identifier: Apache-2.0\n -->\n\n<!-- @format -->\n\n<div class=\"empty-state-container\">\n <vdk-empty-state-placeholder\n [style.margin-top]=\"marginTop\"\n [style.margin-bottom]=\"marginBottom\"\n [title]=\"title\"\n [description]=\"description\"\n >\n <img\n *ngIf=\"imgSrc; else lottieAnimationTemplate\"\n [style.opacity]=\"opacity\"\n [style.width]=\"width + 'px'\"\n [src]=\"imgSrc\"\n />\n\n <ng-template #lottieAnimationTemplate>\n <ng-lottie\n *ngIf=\"animSrc\"\n width=\"{{ width }}px\"\n [options]=\"{ path: animSrc }\"\n >\n </ng-lottie>\n </ng-template>\n </vdk-empty-state-placeholder>\n</div>\n", styles: ["/*!\n * Copyright 2023-2025 Broadcom\n * SPDX-License-Identifier: Apache-2.0\n */.empty-state-container vdk-empty-state-placeholder{text-align:center}.empty-state-container vdk-empty-state-placeholder ::ng-deep h2{font-size:18px!important;font-weight:500;margin-top:.1rem!important;line-height:1rem}.empty-state-container vdk-empty-state-placeholder ::ng-deep h3{font-size:13px!important;line-height:1rem;margin-top:.3rem}\n"] }]
}], null, { title: [{
type: Input
}], description: [{
type: Input
}], width: [{
type: Input
}], imgSrc: [{
type: Input
}], hideImage: [{
type: Input
}], opacity: [{
type: Input
}], animSrc: [{
type: Input
}], marginTop: [{
type: Input
}], marginBottom: [{
type: Input
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YS1waXBlbGluZXMvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9lbXB0eS1zdGF0ZS9lbXB0eS1zdGF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhLXBpcGVsaW5lcy9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL2VtcHR5LXN0YXRlL2VtcHR5LXN0YXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7R0FHRztBQUVILGNBQWM7QUFFZCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0lDT3pDLHlCQUtFOzs7SUFIRSx5Q0FBeUIsOEJBQUE7SUFFekIscURBQWM7Ozs7SUFJZCwrQkFLWTs7O0lBSFIsMERBQXFCO0lBQ3JCLG9FQUE2Qjs7O0lBSGpDLDhGQUtZOzs7SUFKUCxxQ0FBYTs7QURUOUIsTUFBTSxPQUFPLG1CQUFtQjtJQUxoQztRQU1hLFVBQUssR0FBRyxhQUFhLENBQUM7UUFDdEIsZ0JBQVcsR0FBRyxhQUFhLENBQUM7UUFDNUIsVUFBSyxHQUFHLEdBQUcsQ0FBQztRQUVaLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsWUFBTyxHQUFHLENBQUMsQ0FBQztRQUNaLFlBQU8sR0FBRyx5REFBeUQsQ0FBQztRQUNwRSxjQUFTLEdBQUcsTUFBTSxDQUFDO1FBQ25CLGlCQUFZLEdBQUcsTUFBTSxDQUFDO0tBQ2xDOztzRkFWWSxtQkFBbUI7c0VBQW5CLG1CQUFtQjtRQ1BoQyw4QkFBbUMscUNBQUE7UUFPM0Isb0VBS0U7UUFFRixxSEFPYztRQUNsQixpQkFBOEIsRUFBQTs7O1FBcEIxQixlQUE4QjtRQUE5QiwyQ0FBOEIsbUNBQUE7UUFFOUIsaUNBQWUsZ0NBQUE7UUFJVixlQUFjO1FBQWQsaUNBQWMsaUJBQUE7O3VGRERkLG1CQUFtQjtjQUwvQixTQUFTOzJCQUNJLGlCQUFpQjtnQkFLbEIsS0FBSztrQkFBYixLQUFLO1lBQ0csV0FBVztrQkFBbkIsS0FBSztZQUNHLEtBQUs7a0JBQWIsS0FBSztZQUNHLE1BQU07a0JBQWQsS0FBSztZQUNHLFNBQVM7a0JBQWpCLEtBQUs7WUFDRyxPQUFPO2tCQUFmLEtBQUs7WUFDRyxPQUFPO2tCQUFmLEtBQUs7WUFDRyxTQUFTO2tCQUFqQixLQUFLO1lBQ0csWUFBWTtrQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAyMy0yMDI1IEJyb2FkY29tXG4gKiBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMFxuICovXG5cbi8qKiBAZm9ybWF0ICovXG5cbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdsaWItZW1wdHktc3RhdGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9lbXB0eS1zdGF0ZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZW1wdHktc3RhdGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBFbXB0eVN0YXRlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSB0aXRsZSA9ICdFbXB0eSBTdGF0ZSc7XG4gICAgQElucHV0KCkgZGVzY3JpcHRpb24gPSAnRGVzY3JpcHRpb24nO1xuICAgIEBJbnB1dCgpIHdpZHRoID0gMjU2O1xuICAgIEBJbnB1dCgpIGltZ1NyYzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGhpZGVJbWFnZSA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIG9wYWNpdHkgPSAxO1xuICAgIEBJbnB1dCgpIGFuaW1TcmMgPSAnYXNzZXRzL2FuaW1hdGlvbnMvbm8tZXZlbnRzLWluLXRpbWVmcmFtZS1hbmltYXRpb24uanNvbic7XG4gICAgQElucHV0KCkgbWFyZ2luVG9wID0gJzNyZW0nO1xuICAgIEBJbnB1dCgpIG1hcmdpbkJvdHRvbSA9ICcyMHB4Jztcbn1cbiIsIjwhLS1cbiAgIH4gQ29weXJpZ2h0IDIwMjMtMjAyNSBCcm9hZGNvbVxuICAgfiBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMFxuICAtLT5cblxuPCEtLSBAZm9ybWF0IC0tPlxuXG48ZGl2IGNsYXNzPVwiZW1wdHktc3RhdGUtY29udGFpbmVyXCI+XG4gICAgPHZkay1lbXB0eS1zdGF0ZS1wbGFjZWhvbGRlclxuICAgICAgICBbc3R5bGUubWFyZ2luLXRvcF09XCJtYXJnaW5Ub3BcIlxuICAgICAgICBbc3R5bGUubWFyZ2luLWJvdHRvbV09XCJtYXJnaW5Cb3R0b21cIlxuICAgICAgICBbdGl0bGVdPVwidGl0bGVcIlxuICAgICAgICBbZGVzY3JpcHRpb25dPVwiZGVzY3JpcHRpb25cIlxuICAgID5cbiAgICAgICAgPGltZ1xuICAgICAgICAgICAgKm5nSWY9XCJpbWdTcmM7IGVsc2UgbG90dGllQW5pbWF0aW9uVGVtcGxhdGVcIlxuICAgICAgICAgICAgW3N0eWxlLm9wYWNpdHldPVwib3BhY2l0eVwiXG4gICAgICAgICAgICBbc3R5bGUud2lkdGhdPVwid2lkdGggKyAncHgnXCJcbiAgICAgICAgICAgIFtzcmNdPVwiaW1nU3JjXCJcbiAgICAgICAgLz5cblxuICAgICAgICA8bmctdGVtcGxhdGUgI2xvdHRpZUFuaW1hdGlvblRlbXBsYXRlPlxuICAgICAgICAgICAgPG5nLWxvdHRpZVxuICAgICAgICAgICAgICAgICpuZ0lmPVwiYW5pbVNyY1wiXG4gICAgICAgICAgICAgICAgd2lkdGg9XCJ7eyB3aWR0aCB9fXB4XCJcbiAgICAgICAgICAgICAgICBbb3B0aW9uc109XCJ7IHBhdGg6IGFuaW1TcmMgfVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICA8L25nLWxvdHRpZT5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L3Zkay1lbXB0eS1zdGF0ZS1wbGFjZWhvbGRlcj5cbjwvZGl2PlxuIl19