@versatiledatakit/shared
Version:
Versatile Data Kit Shared library enables reusability of shared features like: NgRx Redux, Error Handlers, Utils, Generic Components, etc.
64 lines • 7.66 kB
JavaScript
/*
* Copyright 2023-2025 Broadcom
* SPDX-License-Identifier: Apache-2.0
*/
/* eslint-disable */
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
function VdkEmptyStatePlaceholderComponent_cds_icon_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "cds-icon", 3);
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵattribute("shape", ctx_r0.icon);
} }
function VdkEmptyStatePlaceholderComponent_div_5_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 4);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext();
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", ctx_r1.description, "\n");
} }
const _c0 = [[["img"]], [["ng-lottie"]], [["button"]]];
const _c1 = ["img", "ng-lottie", "button"];
export class VdkEmptyStatePlaceholderComponent {
constructor() {
this.headingLevel = 2;
}
}
VdkEmptyStatePlaceholderComponent.ɵfac = function VdkEmptyStatePlaceholderComponent_Factory(t) { return new (t || VdkEmptyStatePlaceholderComponent)(); };
VdkEmptyStatePlaceholderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VdkEmptyStatePlaceholderComponent, selectors: [["vdk-empty-state-placeholder"]], inputs: { title: "title", icon: "icon", description: "description", headingLevel: "headingLevel" }, ngContentSelectors: _c1, decls: 7, vars: 4, consts: [["size", "64", 4, "ngIf"], ["role", "heading", 1, "empty-placeholder-heading"], ["class", "empty-placeholder-description", 4, "ngIf"], ["size", "64"], [1, "empty-placeholder-description"]], template: function VdkEmptyStatePlaceholderComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵprojectionDef(_c0);
i0.ɵɵtemplate(0, VdkEmptyStatePlaceholderComponent_cds_icon_0_Template, 1, 1, "cds-icon", 0);
i0.ɵɵprojection(1);
i0.ɵɵprojection(2, 1);
i0.ɵɵelementStart(3, "div", 1);
i0.ɵɵtext(4);
i0.ɵɵelementEnd();
i0.ɵɵtemplate(5, VdkEmptyStatePlaceholderComponent_div_5_Template, 2, 1, "div", 2);
i0.ɵɵprojection(6, 2);
} if (rf & 2) {
i0.ɵɵproperty("ngIf", ctx.icon);
i0.ɵɵadvance(3);
i0.ɵɵattribute("aria-level", ctx.headingLevel);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", ctx.title, "\n");
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx.description);
} }, directives: [i1.NgIf], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;flex-direction:column;margin:1rem 0}[_nghost-%COMP%] cds-icon[_ngcontent-%COMP%]{fill:#ccc}[_nghost-%COMP%] .empty-placeholder-heading[_ngcontent-%COMP%]{font-size:18px;color:#67747d;margin-top:18px;line-height:48px;font-weight:200}[_nghost-%COMP%] .empty-placeholder-description[_ngcontent-%COMP%]{margin-top:0;font-size:13px;color:#67747d;margin-bottom:18px;font-weight:200}[_nghost-%COMP%] button:last-child{margin-right:0!important}[_nghost-%COMP%] button.btn-link{margin-top:0!important}.dark[_nghost-%COMP%] h2[_ngcontent-%COMP%], .dark [_nghost-%COMP%] h2[_ngcontent-%COMP%], .dark[_nghost-%COMP%] h3[_ngcontent-%COMP%], .dark [_nghost-%COMP%] h3[_ngcontent-%COMP%]{color:#919fa8}"] });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(VdkEmptyStatePlaceholderComponent, [{
type: Component,
args: [{ selector: 'vdk-empty-state-placeholder', template: "<!--\n ~ Copyright 2023-2025 Broadcom\n ~ SPDX-License-Identifier: Apache-2.0\n -->\n\n<cds-icon *ngIf=\"icon\" [attr.shape]=\"icon\" size=\"64\"></cds-icon>\n\n<ng-content select=\"img\"></ng-content>\n<ng-content select=\"ng-lottie\"></ng-content>\n\n<div\n [attr.aria-level]=\"headingLevel\"\n class=\"empty-placeholder-heading\"\n role=\"heading\"\n>\n {{title}}\n</div>\n\n<div *ngIf=\"description\" class=\"empty-placeholder-description\">\n {{description}}\n</div>\n\n<ng-content select=\"button\"></ng-content>\n", styles: ["/*!\n * Copyright 2023-2025 Broadcom\n * SPDX-License-Identifier: Apache-2.0\n */:host{display:flex;align-items:center;flex-direction:column;margin:1rem 0}:host cds-icon{fill:#ccc}:host .empty-placeholder-heading{font-size:18px;color:#67747d;margin-top:18px;line-height:48px;font-weight:200}:host .empty-placeholder-description{margin-top:0;font-size:13px;color:#67747d;margin-bottom:18px;font-weight:200}:host ::ng-deep button:last-child{margin-right:0!important}:host ::ng-deep button.btn-link{margin-top:0!important}:host-context(.dark) h2,:host-context(.dark) h3{color:#919fa8}\n"] }]
}], null, { title: [{
type: Input,
args: ['title']
}], icon: [{
type: Input
}], description: [{
type: Input
}], headingLevel: [{
type: Input
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUtcGxhY2Vob2xkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvY29tbW9ucy9uZ3gtY29tcG9uZW50cy9lbXB0eS1zdGF0ZS1wbGFjZWhvbGRlci9lbXB0eS1zdGF0ZS1wbGFjZWhvbGRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9jb21tb25zL25neC1jb21wb25lbnRzL2VtcHR5LXN0YXRlLXBsYWNlaG9sZGVyL2VtcHR5LXN0YXRlLXBsYWNlaG9sZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7R0FHRztBQUVILG9CQUFvQjtBQUVwQixPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztJQ0ZqRCw4QkFBZ0U7OztJQUF6QyxvQ0FBbUI7OztJQWExQyw4QkFBK0Q7SUFDM0QsWUFDSjtJQUFBLGlCQUFNOzs7SUFERixlQUNKO0lBREksb0RBQ0o7Ozs7QUROQSxNQUFNLE9BQU8saUNBQWlDO0lBTDlDO1FBU2EsaUJBQVksR0FBRyxDQUFDLENBQUM7S0FDN0I7O2tIQUxZLGlDQUFpQztvRkFBakMsaUNBQWlDOztRQ1Q5Qyw0RkFBZ0U7UUFFaEUsa0JBQXNDO1FBQ3RDLHFCQUE0QztRQUU1Qyw4QkFJQztRQUNHLFlBQ0o7UUFBQSxpQkFBTTtRQUVOLGtGQUVNO1FBRU4scUJBQXlDOztRQWpCOUIsK0JBQVU7UUFNakIsZUFBZ0M7UUFBaEMsOENBQWdDO1FBSWhDLGVBQ0o7UUFESSwyQ0FDSjtRQUVNLGVBQWlCO1FBQWpCLHNDQUFpQjs7dUZESlYsaUNBQWlDO2NBTDdDLFNBQVM7MkJBQ0ksNkJBQTZCO2dCQUt2QixLQUFLO2tCQUFwQixLQUFLO21CQUFDLE9BQU87WUFDTCxJQUFJO2tCQUFaLEtBQUs7WUFDRyxXQUFXO2tCQUFuQixLQUFLO1lBQ0csWUFBWTtrQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAyMy0yMDI1IEJyb2FkY29tXG4gKiBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMFxuICovXG5cbi8qIGVzbGludC1kaXNhYmxlICovXG5cbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2ZGstZW1wdHktc3RhdGUtcGxhY2Vob2xkZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9lbXB0eS1zdGF0ZS1wbGFjZWhvbGRlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZW1wdHktc3RhdGUtcGxhY2Vob2xkZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBWZGtFbXB0eVN0YXRlUGxhY2Vob2xkZXJDb21wb25lbnQge1xuICAgIEBJbnB1dCgndGl0bGUnKSB0aXRsZTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGljb246IHN0cmluZztcbiAgICBASW5wdXQoKSBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGhlYWRpbmdMZXZlbCA9IDI7XG59XG4iLCI8IS0tXG4gICB+IENvcHlyaWdodCAyMDIzLTIwMjUgQnJvYWRjb21cbiAgIH4gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEFwYWNoZS0yLjBcbiAgLS0+XG5cbjxjZHMtaWNvbiAqbmdJZj1cImljb25cIiBbYXR0ci5zaGFwZV09XCJpY29uXCIgc2l6ZT1cIjY0XCI+PC9jZHMtaWNvbj5cblxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiaW1nXCI+PC9uZy1jb250ZW50PlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwibmctbG90dGllXCI+PC9uZy1jb250ZW50PlxuXG48ZGl2XG4gICAgW2F0dHIuYXJpYS1sZXZlbF09XCJoZWFkaW5nTGV2ZWxcIlxuICAgIGNsYXNzPVwiZW1wdHktcGxhY2Vob2xkZXItaGVhZGluZ1wiXG4gICAgcm9sZT1cImhlYWRpbmdcIlxuPlxuICAgIHt7dGl0bGV9fVxuPC9kaXY+XG5cbjxkaXYgKm5nSWY9XCJkZXNjcmlwdGlvblwiIGNsYXNzPVwiZW1wdHktcGxhY2Vob2xkZXItZGVzY3JpcHRpb25cIj5cbiAgICB7e2Rlc2NyaXB0aW9ufX1cbjwvZGl2PlxuXG48bmctY29udGVudCBzZWxlY3Q9XCJidXR0b25cIj48L25nLWNvbnRlbnQ+XG4iXX0=