@alauda-fe/common 1.0.0-hotfix-znx-3.16.1-1

package/translate/translate.pipe.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @packageDocumentation
+ * @module translate
+ */
+import { Injector, OnDestroy, PipeTransform } from '@angular/core';
+import { TranslateKey } from './types';
+import * as i0 from "@angular/core";
+export declare class TranslatePipe<T extends string> implements PipeTransform, OnDestroy {
+    protected readonly injector: Injector;
+    private readonly cdr;
+    private readonly translate;
+    private value;
+    private lastKey?;
+    private lastData?;
+    private lastRemoteLoaded?;
+    private onChange;
+    private readonly destroy$$;
+    constructor(injector: Injector);
+    transform(key: TranslateKey<T>, data?: unknown, ignoreNonExist?: boolean): string;
+    private updateValue;
+    private dispose;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslatePipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TranslatePipe<any>, "translate", false>;
+}

package/translate/translate.service.d.ts

@@ -0,0 +1,68 @@
+/**
+ * @packageDocumentation
+ * @module translate
+ */
+import { HttpClient } from '@angular/common/http';
+import { OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+import { Locale } from './constants';
+import { TranslateKey, Translation, Translations } from './types';
+import * as i0 from "@angular/core";
+export declare class TranslateService<L extends string = Locale> implements OnDestroy {
+    private readonly locales;
+    locale: L;
+    defaultLocale: L;
+    private readonly loose;
+    private readonly baseHref;
+    private remoteTranslationsList;
+    private readonly remoteUrl;
+    private readonly http;
+    readonly locale$: Observable<L>;
+    readonly defaultLocale$: Observable<L>;
+    _remoteLoaded?: boolean;
+    get remoteLoaded(): boolean;
+    readonly remoteLoaded$: Observable<boolean | undefined>;
+    private readonly destroy$$;
+    private readonly translationsList;
+    constructor(locales: L[], locale: L, defaultLocale: L, translationsList: Array<Readonly<Translations<L>>>, loose: boolean, baseHref: string, remoteTranslationsList: Array<Readonly<Translations<L>>>, remoteUrl: string | string[], http: HttpClient);
+    ngOnDestroy(): void;
+    /**
+     * @param key - 翻译key
+     * @param data - 根据翻译上下文数据获取翻译内容，翻译项不存在直接返回 key 文本
+     * @param ignoreNonExist - 开发环境是否忽视不存在的翻译项
+     */
+    get(key: TranslateKey<L>, data?: unknown, ignoreNonExist?: boolean): string;
+    /**
+     * 直接返回翻译文本模板
+     * @param key - 翻译key
+     * @param ignoreNonExist - 开发环境是否忽视不存在的翻译项
+     */
+    getRaw(key: TranslateKey<L>, ignoreNonExist?: boolean): string;
+    /**
+     * 根据 `locales` 循环切换当前区域设置
+     */
+    toggleLocale(): void;
+    setLocale(locale: L): void;
+    /**
+     * 手动添加语言包
+     */
+    addTranslations(translations: Translations<L>): void;
+    /**
+     * 手动添加语言包
+     */
+    addRemoteTranslations(remoteUrl: string): void;
+    /**
+     * 从远程 url 模板和区域获取翻译包
+     */
+    fetchTranslation(remoteUrl: string): Observable<Translations<L>>;
+    fetchTranslation(remoteUrl: string, locale: string): Observable<Translation>;
+    private _getLooseLocale;
+    private _getValue;
+    private _getWithFallback;
+    private _getBase;
+    private _get;
+    private _compareTranslationKeys;
+    private _compareKeys;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslateService<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TranslateService<any>>;
+}

package/translate/types.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @packageDocumentation
+ * @module translate
+ */
+import { Arrayable } from '../core/public-api';
+export type TranslationValue = Arrayable<string | number | boolean | Translation>;
+export interface Translation {
+    [key: string]: TranslationValue;
+}
+export type Translations<T extends string = string> = Partial<Record<T, Translation>>;
+export type TranslateKey<T extends string = string> = string | Partial<Record<T, string>>;
+export interface TranslateOptions<T extends string = string> {
+    locale?: T;
+    defaultLocale?: T;
+    locales?: T[];
+    translations?: Translations<T>;
+    loose?: boolean;
+    remoteTranslations?: Translations<T>;
+    remoteUrl?: string | string[];
+}

package/view-chart/custom-template/dropdown-legend.d.ts

@@ -0,0 +1,11 @@
+import { TemplateRef } from '@angular/core';
+import { LegendItem } from '../../chart/common/public-api';
+import * as i0 from "@angular/core";
+export declare class LegendDropdownComponent {
+    data: LegendItem[];
+    legendTemplate: TemplateRef<unknown>;
+    noData: boolean;
+    isCard: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LegendDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LegendDropdownComponent, "acl-legend-dropdown", never, { "data": { "alias": "data"; "required": false; }; "legendTemplate": { "alias": "legendTemplate"; "required": false; }; "noData": { "alias": "noData"; "required": false; }; "isCard": { "alias": "isCard"; "required": false; }; }, {}, never, never, false, never>;
+}

package/view-chart/legend/legend.component.d.ts

@@ -0,0 +1,36 @@
+import { View, Legend as ChartLegend, LegendItem } from '@alauda/chart';
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { StringMap } from '../../core/public-api';
+import * as i0 from "@angular/core";
+export declare class LegendPayload {
+    legend: LegendItem;
+    source: LegendItem[];
+}
+export declare class LegendComponent implements OnInit, OnChanges {
+    private readonly cdr;
+    symbol: 'circle' | 'square' | 'line';
+    template: TemplateRef<unknown> | string | 'dropdown';
+    mode: 'card' | 'default';
+    translation: boolean;
+    leftOperation: TemplateRef<unknown>;
+    leftOperationContext: StringMap;
+    rightOperation: TemplateRef<unknown>;
+    hideLegend: boolean;
+    selectAllOperation: boolean;
+    selectAllName: string;
+    chart: View;
+    changeLegend: EventEmitter<LegendItem[]>;
+    get noData(): boolean;
+    get legendInstance(): ChartLegend;
+    legendEntries: LegendItem[];
+    isTemplateRef: (label: any) => label is TemplateRef<unknown>;
+    allSelected: boolean;
+    get symbolName(): string;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnChanges({ chart }: SimpleChanges): void;
+    ngOnInit(): void;
+    selected(legend: LegendItem): void;
+    allSelect(select: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LegendComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LegendComponent, "acl-base-legend", never, { "symbol": { "alias": "symbol"; "required": false; }; "template": { "alias": "template"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "translation": { "alias": "translation"; "required": false; }; "leftOperation": { "alias": "leftOperation"; "required": false; }; "leftOperationContext": { "alias": "leftOperationContext"; "required": false; }; "rightOperation": { "alias": "rightOperation"; "required": false; }; "hideLegend": { "alias": "hideLegend"; "required": false; }; "selectAllOperation": { "alias": "selectAllOperation"; "required": false; }; "selectAllName": { "alias": "selectAllName"; "required": false; }; "chart": { "alias": "chart"; "required": false; }; }, { "changeLegend": "changeLegend"; }, never, never, false, never>;
+}

package/view-chart/public-api.d.ts

@@ -0,0 +1,8 @@
+/**
+ * [[include:view-chart/README.md]]
+ * @module view-chart
+ * @preferred
+ */
+export * from './view-chart.component';
+export * from './view-chart.module';
+export * from './types';

package/view-chart/types.d.ts

@@ -0,0 +1,37 @@
+export interface ChartStatus {
+    loading?: boolean;
+    noData?: boolean;
+    failed?: boolean;
+    noLegend?: boolean;
+}
+export interface ChartData {
+    name: string;
+    color?: string;
+    values?: ChartDataItem[];
+    unit?: string;
+}
+export type ChartDataItem<T extends object = object> = {
+    x: string | number | Date;
+    y: number;
+} & T;
+export interface XPlotLines {
+    value: number;
+    dashType?: 'solid' | 'dash';
+    width?: number;
+    color?: string;
+    text?: string;
+}
+export interface AreaPosition {
+    x1?: number;
+    x2?: number;
+    startX: number | string;
+    endX: number | string;
+}
+export interface ContextItem {
+    name: string;
+    color: string;
+    x: string | number | Date;
+    y: number;
+    unit?: string;
+    active?: boolean;
+}

package/view-chart/view-chart.component.d.ts

@@ -0,0 +1,187 @@
+import { AChart, BarColumnParams, BarSeriesOption, ChartData, LineSeriesOption, ViewOptions, Percentage, PieSeriesOption, ScaleType, TooltipContext, TooltipContextItem, View } from '@alauda/chart';
+import { AfterViewInit, ApplicationRef, ChangeDetectorRef, ComponentFactoryResolver, ComponentRef, ElementRef, EmbeddedViewRef, EventEmitter, Injector, OnChanges, OnDestroy, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
+import { CurveFactory, CurveFactoryLineOnly } from 'd3';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { AreaPosition, ChartDataItem, ChartStatus, ContextItem, StringMap, TranslateService, XPlotLines } from '../public-api';
+import { LegendComponent } from './legend/legend.component';
+import * as i0 from "@angular/core";
+export declare class ViewChartComponent implements OnChanges, AfterViewInit, OnDestroy {
+    private readonly componentFactoryResolver;
+    private readonly injector;
+    private readonly appRef;
+    private readonly translate;
+    private readonly cdr;
+    private readonly viewContainerRef;
+    backgroundColor: string;
+    hideHeader: boolean;
+    chartContainer: ElementRef;
+    titleContainer: TemplateRef<unknown>;
+    tooltipItemVirtual: ElementRef;
+    tooltipTitleVirtual: ElementRef;
+    tooltipNameVirtual: ElementRef;
+    pieLabelContainer: TemplateRef<unknown>;
+    mode: 'card' | 'default';
+    customNoDataTitle: TemplateRef<unknown> | string;
+    customErrorContainer: TemplateRef<unknown>;
+    marginLeft: number;
+    gridOffsetTop: number;
+    rotated: boolean;
+    chartType: 'line' | 'area' | 'bar' | 'pie' | 'scatter';
+    series: ChartData[];
+    series$: Observable<ChartData[]>;
+    xAccessor: (d: ChartDataItem) => string | number | Date;
+    yAccessor: (d: ChartDataItem) => number;
+    unit: string;
+    unit$: Observable<string>;
+    contextCallbackFunction: (context: View) => void;
+    title: string | TemplateRef<unknown>;
+    hideTitle: boolean;
+    titleDescription: string | TemplateRef<unknown>;
+    titleDescriptionContext: StringMap;
+    titleOffsetX: number;
+    hideLegend: boolean;
+    legendTemplate: TemplateRef<unknown> | string;
+    leftOperation: TemplateRef<unknown>;
+    leftOperationContext: StringMap;
+    leftOperation$: Observable<TemplateRef<unknown>>;
+    rightOperation: TemplateRef<unknown>;
+    rightOperation$: Observable<TemplateRef<unknown>>;
+    legendSelectAllOperation: boolean;
+    legendSelectAllName: string;
+    yAxisTickSuffix: string;
+    dateAxisLabelFormats: string;
+    xAxisLabelTranslation: boolean;
+    xScaleType: ScaleType;
+    xAxisTickFormatter: string | ((value: string) => string);
+    ticks: unknown;
+    yAxisTickFormatter: string | ((value: number) => string);
+    yAxisMinStep?: number;
+    tooltipTrigger: 'axis' | 'item' | 'none';
+    tooltipAutoSort: boolean;
+    tooltipHideTitle: boolean;
+    tooltipColumnLayout: boolean;
+    tooltipTitleTemplate: TemplateRef<unknown>;
+    tooltipPointNameTemplate: TemplateRef<unknown>;
+    tooltipTranslation: boolean;
+    tooltipTitleTranslation: boolean;
+    hideTooltipUnit: boolean;
+    tooltipPointFormat: (d: ContextItem) => number | string;
+    tooltipPointTemplate: TemplateRef<unknown>;
+    tooltipPointTemplateContext: unknown;
+    bandWidth: number;
+    minHeight: number;
+    stepLine: boolean;
+    curveType: CurveFactory | CurveFactoryLineOnly;
+    barType: 'standard' | 'stacked';
+    startOpacity: number;
+    endOpacity: number;
+    lineWidth?: number;
+    isGroup: boolean;
+    barRadius: number;
+    closeRadiusLadder: boolean;
+    columnClick: (data: BarColumnParams) => void;
+    enableZoom: boolean;
+    chartStatus: ChartStatus;
+    yPlotLinesHide: boolean;
+    yPlotLines: TooltipContext;
+    pieInnerRadius: number | Percentage;
+    pieOuterRadius: number | Percentage;
+    pieStartAngle: number;
+    pieEndAngle: number;
+    pieBackgroundColor: string;
+    pieTotal: number;
+    pieInnerDisc: boolean;
+    pieLabelText: string | TemplateRef<unknown>;
+    pieLabelPosition: {
+        x: string;
+        y: string;
+    };
+    pieItemStyle?: {
+        borderRadius?: number;
+    };
+    scatterType: 'bubble';
+    scatterOpacity: number;
+    scatterSize: number;
+    scatterThreshold: {
+        minSize: number;
+        maxSize: number;
+    };
+    yPlotLines$: Observable<TooltipContext>;
+    xPlotLines: XPlotLines;
+    xPlotLines$: Observable<XPlotLines>;
+    chartStatus$: Observable<ChartStatus>;
+    mouseUpEvent: EventEmitter<AreaPosition>;
+    markClickEvent: EventEmitter<TooltipContext>;
+    refreshEvent: EventEmitter<any>;
+    private readonly onDestroy$;
+    _chartStatus$$: BehaviorSubject<ChartStatus>;
+    _status: ChartStatus;
+    chart: AChart;
+    areaPosition: AreaPosition;
+    status$: Observable<{
+        loading?: boolean;
+        noData?: boolean;
+        failed?: boolean;
+        noLegend?: boolean;
+    }>;
+    get background(): string;
+    isTemplateRef: (label: any) => label is TemplateRef<unknown>;
+    customLegendRef: ComponentRef<LegendComponent>;
+    customTitleRef: EmbeddedViewRef<unknown>;
+    customPieLabelTextRef: EmbeddedViewRef<unknown>;
+    tooltipItemContext: {
+        context: TooltipContextItem[];
+    };
+    tooltipTitleContext: {
+        context: TooltipContext;
+    };
+    get seriesOptions(): BarSeriesOption | LineSeriesOption | PieSeriesOption | {
+        type: "bubble";
+        opacity: number;
+        minSize: number;
+        maxSize: number;
+        size: number;
+    };
+    get isCardMode(): boolean;
+    get scaleType(): ScaleType;
+    get isScaleTime(): boolean;
+    get options(): ViewOptions;
+    get tooltipTriggerType(): "item" | "none" | "axis";
+    getTriggerType(): "none" | "axis" | "item";
+    constructor(componentFactoryResolver: ComponentFactoryResolver, injector: Injector, appRef: ApplicationRef, translate: TranslateService, cdr: ChangeDetectorRef, viewContainerRef: ViewContainerRef);
+    ngOnChanges({ enableZoom }: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    handelData(data: ChartData[]): {
+        values: ({
+            x: string | number | Date;
+            y: number;
+            name?: string;
+            size?: number;
+            color?: string;
+            value?: number;
+        } | {
+            x: string | number | Date;
+            y: number;
+            name?: string;
+            size?: number;
+            color?: string;
+        })[];
+        name: string;
+        color?: string;
+        value?: number;
+    }[];
+    addCustomLegend(chartUId: string): void;
+    addCustomTitle(chartUId: string): void;
+    addPieLabelText(chartUId: string): void;
+    refresh(): void;
+    ngOnDestroy(): void;
+    private readonly mergePointContext;
+    private handelChartStatus;
+    private limitMaxContext;
+    private readonly defaultPointFormat;
+    private conversionMaximum;
+    private readonly titleFormatter;
+    private readonly valueFormatter;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ViewChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ViewChartComponent, "acl-view-chart", never, { "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "customNoDataTitle": { "alias": "customNoDataTitle"; "required": false; }; "customErrorContainer": { "alias": "customErrorContainer"; "required": false; }; "marginLeft": { "alias": "marginLeft"; "required": false; }; "gridOffsetTop": { "alias": "gridOffsetTop"; "required": false; }; "rotated": { "alias": "rotated"; "required": false; }; "chartType": { "alias": "chartType"; "required": false; }; "series": { "alias": "series"; "required": false; }; "xAccessor": { "alias": "xAccessor"; "required": false; }; "yAccessor": { "alias": "yAccessor"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "contextCallbackFunction": { "alias": "contextCallbackFunction"; "required": false; }; "title": { "alias": "title"; "required": false; }; "hideTitle": { "alias": "hideTitle"; "required": false; }; "titleDescription": { "alias": "titleDescription"; "required": false; }; "titleDescriptionContext": { "alias": "titleDescriptionContext"; "required": false; }; "titleOffsetX": { "alias": "titleOffsetX"; "required": false; }; "hideLegend": { "alias": "hideLegend"; "required": false; }; "legendTemplate": { "alias": "legendTemplate"; "required": false; }; "leftOperation": { "alias": "leftOperation"; "required": false; }; "leftOperationContext": { "alias": "leftOperationContext"; "required": false; }; "rightOperation": { "alias": "rightOperation"; "required": false; }; "legendSelectAllOperation": { "alias": "legendSelectAllOperation"; "required": false; }; "legendSelectAllName": { "alias": "legendSelectAllName"; "required": false; }; "yAxisTickSuffix": { "alias": "yAxisTickSuffix"; "required": false; }; "dateAxisLabelFormats": { "alias": "dateAxisLabelFormats"; "required": false; }; "xAxisLabelTranslation": { "alias": "xAxisLabelTranslation"; "required": false; }; "xScaleType": { "alias": "xScaleType"; "required": false; }; "xAxisTickFormatter": { "alias": "xAxisTickFormatter"; "required": false; }; "ticks": { "alias": "ticks"; "required": false; }; "yAxisTickFormatter": { "alias": "yAxisTickFormatter"; "required": false; }; "yAxisMinStep": { "alias": "yAxisMinStep"; "required": false; }; "tooltipTrigger": { "alias": "tooltipTrigger"; "required": false; }; "tooltipAutoSort": { "alias": "tooltipAutoSort"; "required": false; }; "tooltipHideTitle": { "alias": "tooltipHideTitle"; "required": false; }; "tooltipColumnLayout": { "alias": "tooltipColumnLayout"; "required": false; }; "tooltipTitleTemplate": { "alias": "tooltipTitleTemplate"; "required": false; }; "tooltipPointNameTemplate": { "alias": "tooltipPointNameTemplate"; "required": false; }; "tooltipTranslation": { "alias": "tooltipTranslation"; "required": false; }; "tooltipTitleTranslation": { "alias": "tooltipTitleTranslation"; "required": false; }; "hideTooltipUnit": { "alias": "hideTooltipUnit"; "required": false; }; "tooltipPointFormat": { "alias": "tooltipPointFormat"; "required": false; }; "tooltipPointTemplate": { "alias": "tooltipPointTemplate"; "required": false; }; "tooltipPointTemplateContext": { "alias": "tooltipPointTemplateContext"; "required": false; }; "bandWidth": { "alias": "bandWidth"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "stepLine": { "alias": "stepLine"; "required": false; }; "curveType": { "alias": "curveType"; "required": false; }; "barType": { "alias": "barType"; "required": false; }; "startOpacity": { "alias": "startOpacity"; "required": false; }; "endOpacity": { "alias": "endOpacity"; "required": false; }; "lineWidth": { "alias": "lineWidth"; "required": false; }; "isGroup": { "alias": "isGroup"; "required": false; }; "barRadius": { "alias": "barRadius"; "required": false; }; "closeRadiusLadder": { "alias": "closeRadiusLadder"; "required": false; }; "columnClick": { "alias": "columnClick"; "required": false; }; "enableZoom": { "alias": "enableZoom"; "required": false; }; "chartStatus": { "alias": "chartStatus"; "required": false; }; "yPlotLinesHide": { "alias": "yPlotLinesHide"; "required": false; }; "yPlotLines": { "alias": "yPlotLines"; "required": false; }; "pieInnerRadius": { "alias": "pieInnerRadius"; "required": false; }; "pieOuterRadius": { "alias": "pieOuterRadius"; "required": false; }; "pieStartAngle": { "alias": "pieStartAngle"; "required": false; }; "pieEndAngle": { "alias": "pieEndAngle"; "required": false; }; "pieBackgroundColor": { "alias": "pieBackgroundColor"; "required": false; }; "pieTotal": { "alias": "pieTotal"; "required": false; }; "pieInnerDisc": { "alias": "pieInnerDisc"; "required": false; }; "pieLabelText": { "alias": "pieLabelText"; "required": false; }; "pieLabelPosition": { "alias": "pieLabelPosition"; "required": false; }; "pieItemStyle": { "alias": "pieItemStyle"; "required": false; }; "scatterType": { "alias": "scatterType"; "required": false; }; "scatterOpacity": { "alias": "scatterOpacity"; "required": false; }; "scatterSize": { "alias": "scatterSize"; "required": false; }; "scatterThreshold": { "alias": "scatterThreshold"; "required": false; }; "xPlotLines": { "alias": "xPlotLines"; "required": false; }; }, { "mouseUpEvent": "mouseUpEvent"; "markClickEvent": "markClickEvent"; "refreshEvent": "refreshEvent"; }, never, never, false, never>;
+}

package/view-chart/view-chart.module.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./view-chart.component";
+import * as i2 from "./legend/legend.component";
+import * as i3 from "./custom-template/dropdown-legend";
+import * as i4 from "@angular/common";
+import * as i5 from "../chart/chart.module";
+import * as i6 from "../translate/translate.module";
+import * as i7 from "@alauda/ui";
+import * as i8 from "../core/module";
+import * as i9 from "@angular/forms";
+export declare class ViewChartModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ViewChartModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ViewChartModule, [typeof i1.ViewChartComponent, typeof i2.LegendComponent, typeof i3.LegendDropdownComponent], [typeof i4.CommonModule, typeof i5.ChartModule, typeof i6.TranslateModule, typeof i7.IconModule, typeof i7.ButtonModule, typeof i7.TooltipModule, typeof i8.CoreModule, typeof i9.FormsModule, typeof i7.CheckboxModule, typeof i7.DropdownModule], [typeof i1.ViewChartComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ViewChartModule>;
+}

package/view-zchart/custom-template/dropdown-legend.d.ts

@@ -0,0 +1,11 @@
+import { TemplateRef } from '@angular/core';
+import { LegendItem } from '../../chart/common/public-api';
+import * as i0 from "@angular/core";
+export declare class LegendDropdownComponent {
+    data: LegendItem[];
+    legendTemplate: TemplateRef<unknown>;
+    noData: boolean;
+    isCard: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LegendDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LegendDropdownComponent, "acl-legend-dropdown", never, { "data": { "alias": "data"; "required": false; }; "legendTemplate": { "alias": "legendTemplate"; "required": false; }; "noData": { "alias": "noData"; "required": false; }; "isCard": { "alias": "isCard"; "required": false; }; }, {}, never, never, false, never>;
+}

package/view-zchart/legend/legend.component.d.ts

@@ -0,0 +1,42 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { Chart, Legend as ChartLegend } from 'zz-chart';
+import { StringMap } from '../../core/public-api';
+import * as i0 from "@angular/core";
+export interface LegendItem {
+    name: string;
+    color: string;
+    activate?: boolean;
+}
+export declare class LegendPayload {
+    legend: LegendItem;
+    source: LegendItem[];
+}
+export declare class LegendComponent implements OnInit, OnChanges {
+    readonly cdr: ChangeDetectorRef;
+    symbol: 'circle' | 'square' | 'line';
+    template: TemplateRef<unknown> | string | 'dropdown';
+    mode: 'card' | 'default';
+    translation: boolean;
+    leftOperation: TemplateRef<unknown>;
+    leftOperationContext: StringMap;
+    rightOperation: TemplateRef<unknown>;
+    hideLegend: boolean;
+    selectAllOperation: boolean;
+    selectAllName: string;
+    chart: Chart;
+    changeLegend: EventEmitter<LegendItem[]>;
+    get noData(): boolean;
+    get legendInstance(): ChartLegend;
+    get legendItem(): LegendItem[];
+    legendEntries: LegendItem[];
+    isTemplateRef: (label: any) => label is TemplateRef<unknown>;
+    allSelected: boolean;
+    get symbolName(): string;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnChanges({ chart }: SimpleChanges): void;
+    ngOnInit(): void;
+    selected(legend: LegendItem): void;
+    allSelect(select: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LegendComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LegendComponent, "acl-base-legend", never, { "symbol": { "alias": "symbol"; "required": false; }; "template": { "alias": "template"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "translation": { "alias": "translation"; "required": false; }; "leftOperation": { "alias": "leftOperation"; "required": false; }; "leftOperationContext": { "alias": "leftOperationContext"; "required": false; }; "rightOperation": { "alias": "rightOperation"; "required": false; }; "hideLegend": { "alias": "hideLegend"; "required": false; }; "selectAllOperation": { "alias": "selectAllOperation"; "required": false; }; "selectAllName": { "alias": "selectAllName"; "required": false; }; "chart": { "alias": "chart"; "required": false; }; }, { "changeLegend": "changeLegend"; }, never, never, false, never>;
+}

package/view-zchart/public-api.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @module view-chart
+ * @preferred
+ */
+export * from './view-zchart.component';
+export * from './view-zchart.module';
+export * from './units';

package/view-zchart/types.d.ts

@@ -0,0 +1,22 @@
+export interface ChartStatus {
+    loading?: boolean;
+    noData?: boolean;
+    failed?: boolean;
+    noLegend?: boolean;
+}
+export interface ChartData {
+    name: string;
+    color?: string;
+    values?: ChartDataItem[];
+    unit?: string;
+}
+export type ChartDataItem<T extends object = object> = {
+    x: string | number | Date;
+    y: number;
+} & T;
+export interface XPlotLines {
+    value: number;
+    dashType?: 'solid' | 'dash';
+    width?: number;
+    color?: string;
+}

package/view-zchart/units.d.ts

@@ -0,0 +1,2 @@
+import type { DataItem } from 'zz-chart';
+export declare function getMethodValue(methods: string[], items: DataItem['values'], defaultKey?: string): Record<string, number>;