@alauda-fe/common
Version:
Alauda frontend team common codes.
117 lines (116 loc) • 11.4 kB
JavaScript
import { ChangeDetectionStrategy, Component, Input, TemplateRef, } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@alauda/ui";
import * as i3 from "../../effect-directive/e2e-attribute-binding.directive";
import * as i4 from "../../translate/translate.pipe";
const _c0 = () => [];
const _c1 = a0 => ({ data: a0 });
function LegendDropdownComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelement(1, "aui-icon", 4);
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
i0.ɵɵnextContext();
const dropdownItemTemplate_r1 = i0.ɵɵreference(4);
i0.ɵɵadvance();
i0.ɵɵproperty("auiTooltip", dropdownItemTemplate_r1)("auiTooltipContext", i0.ɵɵpureFunction1(3, _c1, i0.ɵɵpureFunction0(2, _c0)));
} }
function LegendDropdownComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "button", 5);
i0.ɵɵelement(1, "aui-icon", 6);
i0.ɵɵelementEnd();
} if (rf & 2) {
i0.ɵɵnextContext();
const dropdownItemTemplate_r1 = i0.ɵɵreference(4);
i0.ɵɵproperty("square", true)("auiTooltip", dropdownItemTemplate_r1)("auiTooltipContext", i0.ɵɵpureFunction1(4, _c1, i0.ɵɵpureFunction0(3, _c0)));
} }
function LegendDropdownComponent_ng_template_3_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementStart(1, "div", 7);
i0.ɵɵelementContainer(2, 8);
i0.ɵɵelementEnd();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext(2);
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.legendTemplate);
} }
function LegendDropdownComponent_ng_template_3_ng_template_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 9);
i0.ɵɵtext(1);
i0.ɵɵpipe(2, "translate");
i0.ɵɵelementEnd();
} if (rf & 2) {
i0.ɵɵadvance();
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "no_data"));
} }
function LegendDropdownComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, LegendDropdownComponent_ng_template_3_ng_container_0_Template, 3, 1, "ng-container", 3)(1, LegendDropdownComponent_ng_template_3_ng_template_1_Template, 3, 3, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
} if (rf & 2) {
const noDataTemplate_r3 = i0.ɵɵreference(2);
const ctx_r1 = i0.ɵɵnextContext();
i0.ɵɵproperty("ngIf", ctx_r1.data.length && !ctx_r1.noData)("ngIfElse", noDataTemplate_r3);
} }
export class LegendDropdownComponent {
static { this.ɵfac = function LegendDropdownComponent_Factory(t) { return new (t || LegendDropdownComponent)(); }; }
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LegendDropdownComponent, selectors: [["acl-view-legend-dropdown"]], inputs: { data: "data", legendTemplate: "legendTemplate", noData: "noData", isCard: "isCard" }, decls: 5, vars: 2, consts: [["elseTemplate", ""], ["dropdownItemTemplate", ""], ["noDataTemplate", ""], [4, "ngIf", "ngIfElse"], ["icon", "prod:chart_legend", "auiTooltipType", "info", "auiTooltipPosition", "bottom end", "auiTooltipTrigger", "click", "auiTooltipActive", "legendActive", 1, "btn", 3, "auiTooltip", "auiTooltipContext"], ["aui-button", "", "icon", "prod:chart_legend", "auiTooltipType", "info", "auiTooltipPosition", "bottom end", "auiTooltipTrigger", "click", "auiTooltipActive", "legendActive", 1, "btn", 3, "square", "auiTooltip", "auiTooltipContext"], ["icon", "prod:chart_legend"], [1, "legend-vertical"], [3, "ngTemplateOutlet"], [1, "no-data"]], template: function LegendDropdownComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, LegendDropdownComponent_ng_container_0_Template, 2, 5, "ng-container", 3)(1, LegendDropdownComponent_ng_template_1_Template, 2, 6, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, LegendDropdownComponent_ng_template_3_Template, 3, 2, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
} if (rf & 2) {
const elseTemplate_r4 = i0.ɵɵreference(2);
i0.ɵɵproperty("ngIf", !ctx.isCard)("ngIfElse", elseTemplate_r4);
} }, dependencies: [i1.NgIf, i1.NgTemplateOutlet, i2.IconComponent, i2.ButtonComponent, i2.TooltipDirective, i2.TooltipActiveDirective, i3.E2eAttributeBindingDirective, i4.TranslatePipe], styles: [".btn[_ngcontent-%COMP%]{color:rgb(var(--aui-color-n-2));cursor:pointer} .legend-label{padding:0;margin:0;list-style:none;display:flex;align-items:center;cursor:pointer;justify-content:flex-start} .legend-label:not(:last-child){margin-bottom:8px} .label-name{flex:1;color:rgb(var(--aui-color-secondary-text));overflow:hidden;word-wrap:normal;text-overflow:ellipsis} .label-symbol{margin-right:4px}[_nghost-%COMP%] .legend-labels[_ngcontent-%COMP%]{padding:0;margin:0;list-style:none;display:flex;flex-direction:column}.legendActive[_ngcontent-%COMP%]{color:rgb(var(--aui-color-primary))}.no-data[_ngcontent-%COMP%]{color:rgb(var(--aui-color-n-4));font-size:14px}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LegendDropdownComponent, [{
type: Component,
args: [{ selector: 'acl-view-legend-dropdown', template: `
<ng-container *ngIf="!isCard; else elseTemplate">
<aui-icon
class="btn"
icon="prod:chart_legend"
[auiTooltip]="dropdownItemTemplate"
[auiTooltipContext]="{ data: [] }"
auiTooltipType="info"
auiTooltipPosition="bottom end"
auiTooltipTrigger="click"
auiTooltipActive="legendActive"
></aui-icon>
</ng-container>
<ng-template #elseTemplate>
<button
aui-button
[square]="true"
class="btn"
icon="prod:chart_legend"
[auiTooltip]="dropdownItemTemplate"
[auiTooltipContext]="{ data: [] }"
auiTooltipType="info"
auiTooltipPosition="bottom end"
auiTooltipTrigger="click"
auiTooltipActive="legendActive"
>
<aui-icon icon="prod:chart_legend"></aui-icon>
</button>
</ng-template>
<ng-template #dropdownItemTemplate>
<ng-container *ngIf="data.length && !noData; else noDataTemplate">
<div class="legend-vertical">
<ng-container [ngTemplateOutlet]="legendTemplate"></ng-container>
</div>
</ng-container>
<ng-template #noDataTemplate>
<span class="no-data">{{ 'no_data' | translate }}</span>
</ng-template>
</ng-template>
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".btn{color:rgb(var(--aui-color-n-2));cursor:pointer}::ng-deep .legend-label{padding:0;margin:0;list-style:none;display:flex;align-items:center;cursor:pointer;justify-content:flex-start}::ng-deep .legend-label:not(:last-child){margin-bottom:8px}::ng-deep .label-name{flex:1;color:rgb(var(--aui-color-secondary-text));overflow:hidden;word-wrap:normal;text-overflow:ellipsis}::ng-deep .label-symbol{margin-right:4px}:host .legend-labels{padding:0;margin:0;list-style:none;display:flex;flex-direction:column}.legendActive{color:rgb(var(--aui-color-primary))}.no-data{color:rgb(var(--aui-color-n-4));font-size:14px}\n"] }]
}], null, { data: [{
type: Input
}], legendTemplate: [{
type: Input
}], noData: [{
type: Input
}], isCard: [{
type: Input
}] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LegendDropdownComponent, { className: "LegendDropdownComponent" }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tbGVnZW5kLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL3ZpZXctemNoYXJ0L2N1c3RvbS10ZW1wbGF0ZS9kcm9wZG93bi1sZWdlbmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0lBT25CLDZCQUFpRDtJQUMvQyw4QkFTWTs7Ozs7SUFOVixjQUFtQztJQUNuQyxBQURBLG9EQUFtQyw2RUFDRDs7O0lBUXBDLGlDQVdDO0lBQ0MsOEJBQThDO0lBQ2hELGlCQUFTOzs7O0lBUFAsQUFEQSxBQUhBLDZCQUFlLHVDQUdvQiw2RUFDRDs7O0lBV3BDLDZCQUFrRTtJQUNoRSw4QkFBNkI7SUFDM0IsMkJBQWlFO0lBQ25FLGlCQUFNOzs7O0lBRFUsZUFBbUM7SUFBbkMsd0RBQW1DOzs7SUFJbkQsK0JBQXNCO0lBQUEsWUFBMkI7O0lBQUEsaUJBQU87O0lBQWxDLGNBQTJCO0lBQTNCLHFEQUEyQjs7O0lBRG5ELEFBTEEsd0dBQWtFLDBIQUtyQzs7OztJQUxnQixBQUE5QiwyREFBOEIsK0JBQW1COztBQWF0RSxNQUFNLE9BQU8sdUJBQXVCO3dGQUF2Qix1QkFBdUI7b0VBQXZCLHVCQUF1QjtZQWRoQyxBQWpCQSxBQVpBLDBGQUFpRCw0R0FZdEIsNEdBaUJROzs7WUE3QkwsQUFBZixrQ0FBZSw2QkFBaUI7OztpRkEyQ3RDLHVCQUF1QjtjQTlDbkMsU0FBUzsyQkFDRSwwQkFBMEIsWUFDMUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F3Q1QsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU07Z0JBR3RDLElBQUk7a0JBQVosS0FBSztZQUNHLGNBQWM7a0JBQXRCLEtBQUs7WUFDRyxNQUFNO2tCQUFkLEtBQUs7WUFDRyxNQUFNO2tCQUFkLEtBQUs7O2tGQUpLLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBUZW1wbGF0ZVJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IExlZ2VuZEl0ZW0gfSBmcm9tICcuLi8uLi9jaGFydC9jb21tb24vcHVibGljLWFwaSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FjbC12aWV3LWxlZ2VuZC1kcm9wZG93bicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFpc0NhcmQ7IGVsc2UgZWxzZVRlbXBsYXRlXCI+XG4gICAgICA8YXVpLWljb25cbiAgICAgICAgY2xhc3M9XCJidG5cIlxuICAgICAgICBpY29uPVwicHJvZDpjaGFydF9sZWdlbmRcIlxuICAgICAgICBbYXVpVG9vbHRpcF09XCJkcm9wZG93bkl0ZW1UZW1wbGF0ZVwiXG4gICAgICAgIFthdWlUb29sdGlwQ29udGV4dF09XCJ7IGRhdGE6IFtdIH1cIlxuICAgICAgICBhdWlUb29sdGlwVHlwZT1cImluZm9cIlxuICAgICAgICBhdWlUb29sdGlwUG9zaXRpb249XCJib3R0b20gZW5kXCJcbiAgICAgICAgYXVpVG9vbHRpcFRyaWdnZXI9XCJjbGlja1wiXG4gICAgICAgIGF1aVRvb2x0aXBBY3RpdmU9XCJsZWdlbmRBY3RpdmVcIlxuICAgICAgPjwvYXVpLWljb24+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLXRlbXBsYXRlICNlbHNlVGVtcGxhdGU+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIGF1aS1idXR0b25cbiAgICAgICAgW3NxdWFyZV09XCJ0cnVlXCJcbiAgICAgICAgY2xhc3M9XCJidG5cIlxuICAgICAgICBpY29uPVwicHJvZDpjaGFydF9sZWdlbmRcIlxuICAgICAgICBbYXVpVG9vbHRpcF09XCJkcm9wZG93bkl0ZW1UZW1wbGF0ZVwiXG4gICAgICAgIFthdWlUb29sdGlwQ29udGV4dF09XCJ7IGRhdGE6IFtdIH1cIlxuICAgICAgICBhdWlUb29sdGlwVHlwZT1cImluZm9cIlxuICAgICAgICBhdWlUb29sdGlwUG9zaXRpb249XCJib3R0b20gZW5kXCJcbiAgICAgICAgYXVpVG9vbHRpcFRyaWdnZXI9XCJjbGlja1wiXG4gICAgICAgIGF1aVRvb2x0aXBBY3RpdmU9XCJsZWdlbmRBY3RpdmVcIlxuICAgICAgPlxuICAgICAgICA8YXVpLWljb24gaWNvbj1cInByb2Q6Y2hhcnRfbGVnZW5kXCI+PC9hdWktaWNvbj5cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICA8bmctdGVtcGxhdGUgI2Ryb3Bkb3duSXRlbVRlbXBsYXRlPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImRhdGEubGVuZ3RoICYmICFub0RhdGE7IGVsc2Ugbm9EYXRhVGVtcGxhdGVcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImxlZ2VuZC12ZXJ0aWNhbFwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwibGVnZW5kVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjbm9EYXRhVGVtcGxhdGU+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwibm8tZGF0YVwiPnt7ICdub19kYXRhJyB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vZHJvcGRvd24tbGVnZW5kLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIExlZ2VuZERyb3Bkb3duQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YTogTGVnZW5kSXRlbVtdO1xuICBASW5wdXQoKSBsZWdlbmRUZW1wbGF0ZTogVGVtcGxhdGVSZWY8dW5rbm93bj47XG4gIEBJbnB1dCgpIG5vRGF0YTogYm9vbGVhbjtcbiAgQElucHV0KCkgaXNDYXJkOiBib29sZWFuO1xufVxuIl19