@alauda-fe/common/esm2022/widget/zero-state/zero-state.component.mjs

Alauda frontend team common codes.

import { handlePixel, isTemplateRef } from '@alauda/ui';
import { NgClass, NgIf, NgStyle, NgTemplateOutlet } from '@angular/common';
import { ChangeDetectionStrategy, Component, HostBinding, Input, } from '@angular/core';
import { EffectDirectiveModule } from '../../effect-directive/module';
import { PurePipe } from '../../public-api';
import { TranslateModule } from '../../translate/public-api';
import { LoadingMaskComponent } from '../loading-mask/loading-mask.component';
import * as i0 from "@angular/core";
import * as i1 from "../../translate/translate.pipe";
const _c0 = a0 => ({ minHeight: a0 });
const _c1 = a0 => ({ name: a0 });
function ZeroStateComponent_div_0_Conditional_2_ng_template_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵtext(0);
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext(3);
    i0.ɵɵtextInterpolate(ctx_r0.customPlaceholder);
} }
function ZeroStateComponent_div_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainer(0, 4);
    i0.ɵɵtemplate(1, ZeroStateComponent_div_0_Conditional_2_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
} if (rf & 2) {
    const literal_r2 = i0.ɵɵreference(2);
    const ctx_r0 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.isTemplateRef(ctx_r0.customPlaceholder) ? ctx_r0.customPlaceholder : literal_r2);
} }
function ZeroStateComponent_div_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵtext(0);
    i0.ɵɵpipe(1, "translate");
} if (rf & 2) {
    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(1, 1, "no_data"), " ");
} }
function ZeroStateComponent_div_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵtext(0);
    i0.ɵɵpipe(1, "translate");
    i0.ɵɵpipe(2, "translate");
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext(2);
    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 3, "no_named_data_hint", i0.ɵɵpureFunction1(6, _c1, ctx_r0.resourceNameTranslated || i0.ɵɵpipeBind1(1, 1, ctx_r0.resourceName))), " ");
} }
function ZeroStateComponent_div_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 3);
    i0.ɵɵpipe(1, "pure");
    i0.ɵɵtemplate(2, ZeroStateComponent_div_0_Conditional_2_Template, 3, 1)(3, ZeroStateComponent_div_0_Conditional_3_Template, 2, 3)(4, ZeroStateComponent_div_0_Conditional_4_Template, 3, 8);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵproperty("ngClass", ctx_r0.context)("ngStyle", i0.ɵɵpureFunction1(6, _c0, i0.ɵɵpipeBind2(1, 3, ctx_r0.minHeight, ctx_r0.handlePixel)));
    i0.ɵɵadvance(2);
    i0.ɵɵconditional(ctx_r0.customPlaceholder ? 2 : !(ctx_r0.resourceName || ctx_r0.resourceNameTranslated) ? 3 : 4);
} }
export class ZeroStateComponent {
    constructor() {
        this.zeroState = true;
        this.fetching = false;
        this.context = 'form';
        this.handlePixel = handlePixel;
        this.isTemplateRef = isTemplateRef;
    }
    get hiddenState() {
        return !this.zeroState && !this.fetching;
    }
    static { this.ɵfac = function ZeroStateComponent_Factory(t) { return new (t || ZeroStateComponent)(); }; }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ZeroStateComponent, selectors: [["acl-zero-state"]], hostVars: 1, hostBindings: function ZeroStateComponent_HostBindings(rf, ctx) { if (rf & 2) {
            i0.ɵɵhostProperty("hidden", ctx.hiddenState);
        } }, inputs: { resourceName: "resourceName", resourceNameTranslated: "resourceNameTranslated", customPlaceholder: "customPlaceholder", zeroState: "zeroState", fetching: "fetching", context: "context", minHeight: "minHeight" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 2, vars: 2, consts: [["literal", ""], ["class", "zero-placeholder", 3, "ngClass", "ngStyle", 4, "ngIf"], [1, "zero-placeholder", 3, "loading"], [1, "zero-placeholder", 3, "ngClass", "ngStyle"], [3, "ngTemplateOutlet"]], template: function ZeroStateComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵtemplate(0, ZeroStateComponent_div_0_Template, 5, 8, "div", 1);
            i0.ɵɵelement(1, "acl-loading-mask", 2);
        } if (rf & 2) {
            i0.ɵɵproperty("ngIf", ctx.zeroState && !ctx.fetching);
            i0.ɵɵadvance();
            i0.ɵɵproperty("loading", ctx.fetching);
        } }, dependencies: [NgClass,
            NgStyle,
            PurePipe,
            TranslateModule, i1.TranslatePipe, LoadingMaskComponent,
            EffectDirectiveModule,
            NgTemplateOutlet,
            NgIf], styles: ["[_nghost-%COMP%]  .zero-placeholder{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:15px 10px;min-height:60px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-placeholder-text));background-color:rgb(var(--aui-color-n-10));border:solid 1px rgb(var(--aui-color-n-8));border-radius:var(--aui-border-radius-l);position:sticky;left:0}[_nghost-%COMP%]  .zero-placeholder>aui-icon:first-child{margin-right:var(--aui-spacing-m)}[_nghost-%COMP%]  .aui-table .aui-table__row+.zero-placeholder{border-top-left-radius:0;border-top-right-radius:0}.zero-placeholder.form[_ngcontent-%COMP%]{border:none;padding:14px 0}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ZeroStateComponent, [{
        type: Component,
        args: [{ selector: 'acl-zero-state', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                    NgClass,
                    NgStyle,
                    PurePipe,
                    TranslateModule,
                    LoadingMaskComponent,
                    EffectDirectiveModule,
                    NgTemplateOutlet,
                    NgIf,
                ], standalone: true, template: "<div\n  *ngIf=\"zeroState && !fetching\"\n  class=\"zero-placeholder\"\n  [ngClass]=\"context\"\n  [ngStyle]=\"{\n    minHeight: (minHeight | pure: handlePixel),\n  }\"\n>\n  @if (customPlaceholder) {\n    <ng-container\n      [ngTemplateOutlet]=\"\n        isTemplateRef(customPlaceholder) ? customPlaceholder : literal\n      \"\n    ></ng-container>\n    <ng-template #literal>{{ customPlaceholder }}</ng-template>\n  } @else if (!(resourceName || resourceNameTranslated)) {\n    {{ 'no_data' | translate }}\n  } @else {\n    {{\n      'no_named_data_hint'\n        | translate\n          : {\n              name: resourceNameTranslated || (resourceName | translate),\n            }\n    }}\n  }\n</div>\n<acl-loading-mask\n  class=\"zero-placeholder\"\n  [loading]=\"fetching\"\n></acl-loading-mask>\n", styles: [":host::ng-deep .zero-placeholder{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:15px 10px;min-height:60px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-placeholder-text));background-color:rgb(var(--aui-color-n-10));border:solid 1px rgb(var(--aui-color-n-8));border-radius:var(--aui-border-radius-l);position:sticky;left:0}:host::ng-deep .zero-placeholder>aui-icon:first-child{margin-right:var(--aui-spacing-m)}:host::ng-deep .aui-table .aui-table__row+.zero-placeholder{border-top-left-radius:0;border-top-right-radius:0}.zero-placeholder.form{border:none;padding:14px 0}\n"] }]
    }], null, { resourceName: [{
            type: Input
        }], resourceNameTranslated: [{
            type: Input
        }], customPlaceholder: [{
            type: Input
        }], zeroState: [{
            type: Input
        }], fetching: [{
            type: Input
        }], context: [{
            type: Input
        }], minHeight: [{
            type: Input
        }], hiddenState: [{
            type: HostBinding,
            args: ['hidden']
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ZeroStateComponent, { className: "ZeroStateComponent" }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiemVyby1zdGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvd2lkZ2V0L3plcm8tc3RhdGUvemVyby1zdGF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvd2lkZ2V0L3plcm8tc3RhdGUvemVyby1zdGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUN4RCxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzRSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxHQUVOLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM1QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7Ozs7OztJQ0NwRCxZQUF1Qjs7O0lBQXZCLDhDQUF1Qjs7O0lBTDdDLDJCQUlnQjtJQUNoQix3SUFBc0I7Ozs7SUFKcEIseUhBRUM7OztJQUlILFlBQ0Y7OztJQURFLGdFQUNGOzs7SUFDRSxZQU9GOzs7OztJQVBFLG1MQU9GOzs7SUF6QkYsOEJBT0M7O0lBVUcsQUFGQSxBQVBGLHVFQUF5QiwwREFPK0IsMERBRS9DO0lBU1gsaUJBQU07OztJQXRCSixBQURBLHdDQUFtQixtR0FHakI7SUFFRixlQWlCQztJQWpCRCxnSEFpQkM7O0FET0gsTUFBTSxPQUFPLGtCQUFrQjtJQWpCL0I7UUEyQkUsY0FBUyxHQUFHLElBQUksQ0FBQztRQUdqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBR2pCLFlBQU8sR0FBcUIsTUFBTSxDQUFDO1FBVW5DLGdCQUFXLEdBQUcsV0FBVyxDQUFDO1FBRTFCLGtCQUFhLEdBQUcsYUFBYSxDQUFDO0tBQy9CO0lBUkMsSUFDSSxXQUFXO1FBQ2IsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQzNDLENBQUM7bUZBeEJVLGtCQUFrQjtvRUFBbEIsa0JBQWtCO1lBQWxCLDRDQUFrQjs7WUNoQy9CLG1FQU9DO1lBb0JELHNDQUdvQjs7WUE3QmpCLHFEQUE0QjtZQTRCN0IsY0FBb0I7WUFBcEIsc0NBQW9COzRCRFJsQixPQUFPO1lBQ1AsT0FBTztZQUNQLFFBQVE7WUFDUixlQUFlLG9CQUNmLG9CQUFvQjtZQUNwQixxQkFBcUI7WUFDckIsZ0JBQWdCO1lBQ2hCLElBQUk7O2lGQUlLLGtCQUFrQjtjQWpCOUIsU0FBUzsyQkFDRSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTSxXQUN0QztvQkFDUCxPQUFPO29CQUNQLE9BQU87b0JBQ1AsUUFBUTtvQkFDUixlQUFlO29CQUNmLG9CQUFvQjtvQkFDcEIscUJBQXFCO29CQUNyQixnQkFBZ0I7b0JBQ2hCLElBQUk7aUJBQ0wsY0FDVyxJQUFJO2dCQUloQixZQUFZO2tCQURYLEtBQUs7WUFJTixzQkFBc0I7a0JBRHJCLEtBQUs7WUFHRyxpQkFBaUI7a0JBQXpCLEtBQUs7WUFHTixTQUFTO2tCQURSLEtBQUs7WUFJTixRQUFRO2tCQURQLEtBQUs7WUFJTixPQUFPO2tCQUROLEtBQUs7WUFJTixTQUFTO2tCQURSLEtBQUs7WUFJRixXQUFXO2tCQURkLFdBQVc7bUJBQUMsUUFBUTs7a0ZBckJWLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGhhbmRsZVBpeGVsLCBpc1RlbXBsYXRlUmVmIH0gZnJvbSAnQGFsYXVkYS91aSc7XG5pbXBvcnQgeyBOZ0NsYXNzLCBOZ0lmLCBOZ1N0eWxlLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgVGVtcGxhdGVSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBFZmZlY3REaXJlY3RpdmVNb2R1bGUgfSBmcm9tICcuLi8uLi9lZmZlY3QtZGlyZWN0aXZlL21vZHVsZSc7XG5pbXBvcnQgeyBQdXJlUGlwZSB9IGZyb20gJy4uLy4uL3B1YmxpYy1hcGknO1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnLi4vLi4vdHJhbnNsYXRlL3B1YmxpYy1hcGknO1xuaW1wb3J0IHsgTG9hZGluZ01hc2tDb21wb25lbnQgfSBmcm9tICcuLi9sb2FkaW5nLW1hc2svbG9hZGluZy1tYXNrLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FjbC16ZXJvLXN0YXRlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3plcm8tc3RhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi96ZXJvLXN0YXRlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbXG4gICAgTmdDbGFzcyxcbiAgICBOZ1N0eWxlLFxuICAgIFB1cmVQaXBlLFxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcbiAgICBMb2FkaW5nTWFza0NvbXBvbmVudCxcbiAgICBFZmZlY3REaXJlY3RpdmVNb2R1bGUsXG4gICAgTmdUZW1wbGF0ZU91dGxldCxcbiAgICBOZ0lmLFxuICBdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBaZXJvU3RhdGVDb21wb25lbnQge1xuICBASW5wdXQoKVxuICByZXNvdXJjZU5hbWU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICByZXNvdXJjZU5hbWVUcmFuc2xhdGVkOiBzdHJpbmc7XG5cbiAgQElucHV0KCkgY3VzdG9tUGxhY2Vob2xkZXI6IFRlbXBsYXRlUmVmPHVua25vd24+IHwgc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHplcm9TdGF0ZSA9IHRydWU7XG5cbiAgQElucHV0KClcbiAgZmV0Y2hpbmcgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBjb250ZXh0OiAnZm9ybScgfCAndGFibGUnID0gJ2Zvcm0nO1xuXG4gIEBJbnB1dCgpXG4gIG1pbkhlaWdodDogc3RyaW5nIHwgbnVtYmVyO1xuXG4gIEBIb3N0QmluZGluZygnaGlkZGVuJylcbiAgZ2V0IGhpZGRlblN0YXRlKCkge1xuICAgIHJldHVybiAhdGhpcy56ZXJvU3RhdGUgJiYgIXRoaXMuZmV0Y2hpbmc7XG4gIH1cblxuICBoYW5kbGVQaXhlbCA9IGhhbmRsZVBpeGVsO1xuXG4gIGlzVGVtcGxhdGVSZWYgPSBpc1RlbXBsYXRlUmVmO1xufVxuIiwiPGRpdlxuICAqbmdJZj1cInplcm9TdGF0ZSAmJiAhZmV0Y2hpbmdcIlxuICBjbGFzcz1cInplcm8tcGxhY2Vob2xkZXJcIlxuICBbbmdDbGFzc109XCJjb250ZXh0XCJcbiAgW25nU3R5bGVdPVwie1xuICAgIG1pbkhlaWdodDogKG1pbkhlaWdodCB8IHB1cmU6IGhhbmRsZVBpeGVsKSxcbiAgfVwiXG4+XG4gIEBpZiAoY3VzdG9tUGxhY2Vob2xkZXIpIHtcbiAgICA8bmctY29udGFpbmVyXG4gICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJcbiAgICAgICAgaXNUZW1wbGF0ZVJlZihjdXN0b21QbGFjZWhvbGRlcikgPyBjdXN0b21QbGFjZWhvbGRlciA6IGxpdGVyYWxcbiAgICAgIFwiXG4gICAgPjwvbmctY29udGFpbmVyPlxuICAgIDxuZy10ZW1wbGF0ZSAjbGl0ZXJhbD57eyBjdXN0b21QbGFjZWhvbGRlciB9fTwvbmctdGVtcGxhdGU+XG4gIH0gQGVsc2UgaWYgKCEocmVzb3VyY2VOYW1lIHx8IHJlc291cmNlTmFtZVRyYW5zbGF0ZWQpKSB7XG4gICAge3sgJ25vX2RhdGEnIHwgdHJhbnNsYXRlIH19XG4gIH0gQGVsc2Uge1xuICAgIHt7XG4gICAgICAnbm9fbmFtZWRfZGF0YV9oaW50J1xuICAgICAgICB8IHRyYW5zbGF0ZVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICBuYW1lOiByZXNvdXJjZU5hbWVUcmFuc2xhdGVkIHx8IChyZXNvdXJjZU5hbWUgfCB0cmFuc2xhdGUpLFxuICAgICAgICAgICAgfVxuICAgIH19XG4gIH1cbjwvZGl2PlxuPGFjbC1sb2FkaW5nLW1hc2tcbiAgY2xhc3M9XCJ6ZXJvLXBsYWNlaG9sZGVyXCJcbiAgW2xvYWRpbmddPVwiZmV0Y2hpbmdcIlxuPjwvYWNsLWxvYWRpbmctbWFzaz5cbiJdfQ==