@porscheinformatik/clr-addons 19.15.2 → 19.17.0

package/charts/area-chart/area-chart.component.d.ts

@@ -0,0 +1,40 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { ChartLegendItem } from '../chart-legend/chart-legend.component';
+import { XYChartPoint, XYChartSeries, XYChartValue } from '../shared/xy-chart.types';
+import { ChartBase } from '../shared/chart-base';
+import * as i0 from "@angular/core";
+export type { XYChartPoint as AreaChartPoint, XYChartSeries as AreaChartSeries, XYChartValue as AreaChartValue, } from '../shared/xy-chart.types';
+type AreaChartSelectedPoint = XYChartPoint & {
+    seriesKey: string;
+    seriesLabel: string;
+    color: string;
+};
+export declare class AreaChartComponent extends ChartBase<AreaChartSelectedPoint> implements OnChanges {
+    readonly series: import("@angular/core").InputSignal<XYChartSeries[]>;
+    readonly tooltipOrientation: import("@angular/core").InputSignal<"top" | "bottom">;
+    readonly showLegend: import("@angular/core").InputSignal<boolean>;
+    readonly showExportButton: import("@angular/core").InputSignal<boolean>;
+    readonly exportFilename: import("@angular/core").InputSignal<string>;
+    /** Area fill opacity (0–1). Default: 0.2. */
+    readonly areaOpacity: import("@angular/core").InputSignal<number>;
+    readonly noItemsMessage: import("@angular/core").InputSignal<string>;
+    readonly tooltipPercentOfTotal: import("@angular/core").InputSignal<string>;
+    /** Optional label rendered below the X axis. */
+    readonly xAxisLabel: import("@angular/core").InputSignal<string>;
+    /** Optional label rendered rotated to the left of the Y axis. */
+    readonly yAxisLabel: import("@angular/core").InputSignal<string>;
+    readonly valueClicked: import("@angular/core").OutputEmitterRef<XYChartValue>;
+    private readonly MARGIN;
+    protected readonly hasData: import("@angular/core").Signal<boolean>;
+    protected readonly total: import("@angular/core").Signal<number>;
+    readonly alertMessageAndType: import("@angular/core").Signal<[string, string]>;
+    readonly legendItems: import("@angular/core").Signal<ChartLegendItem[]>;
+    private svg;
+    ngOnChanges(_changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    protected updateChart(): void;
+    private drawSeries;
+    private openTooltip;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AreaChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AreaChartComponent, "clr-area-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "areaOpacity": { "alias": "areaOpacity"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; "isSignal": true; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
+}

package/charts/bar-chart/bar-chart.component.d.ts

@@ -0,0 +1,92 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { ChartLegendItem } from '../chart-legend/chart-legend.component';
+import { toChartColor } from '../utils';
+import { ChartBase } from '../shared/chart-base';
+import * as i0 from "@angular/core";
+export interface BarChartData {
+    key: string;
+    label: string;
+    fullLabel?: string;
+    value: number;
+    color?: string;
+    stackKey?: string;
+}
+export interface BarChartValue {
+    key: string[];
+    label: string;
+    value: number;
+}
+type BarChartDataPoint = BarChartData & {
+    stackValue0: number;
+    stackValue1: number;
+    percentageOfStack: number;
+};
+export declare class BarChartComponent extends ChartBase<BarChartDataPoint> implements OnChanges {
+    readonly data: import("@angular/core").InputSignal<BarChartData[]>;
+    readonly stackLabels: import("@angular/core").InputSignal<string[]>;
+    readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+    readonly tooltipOrientation: import("@angular/core").InputSignal<"top" | "bottom">;
+    readonly barSizePx: import("@angular/core").InputSignal<number>;
+    readonly barAreaSizePx: import("@angular/core").InputSignal<number>;
+    readonly tooltipPercentOfTotal: import("@angular/core").InputSignal<string>;
+    readonly tooltipPercentOf: import("@angular/core").InputSignal<string>;
+    readonly noItemsMessage: import("@angular/core").InputSignal<string>;
+    readonly tooManyItemsMessage: import("@angular/core").InputSignal<string>;
+    readonly tooManyItemsGroupedMessage: import("@angular/core").InputSignal<string>;
+    readonly showLegend: import("@angular/core").InputSignal<boolean>;
+    readonly showExportButton: import("@angular/core").InputSignal<boolean>;
+    readonly exportFilename: import("@angular/core").InputSignal<string>;
+    /** Optional label rendered below the X axis. */
+    readonly xAxisLabel: import("@angular/core").InputSignal<string>;
+    /** Optional label rendered rotated to the left of the Y axis. */
+    readonly yAxisLabel: import("@angular/core").InputSignal<string>;
+    readonly valueClicked: import("@angular/core").OutputEmitterRef<BarChartValue>;
+    private readonly textRenderer;
+    private readonly MARGIN;
+    private static readonly HORIZONTAL_BAR_MIN_HEIGHT_PX;
+    protected readonly toChartColor: typeof toChartColor;
+    protected readonly total: import("@angular/core").Signal<number>;
+    protected readonly totalByStack: import("@angular/core").Signal<Record<string, number>>;
+    protected readonly keysByStack: import("@angular/core").Signal<Record<string, string[]>>;
+    protected readonly totalBarCount: import("@angular/core").Signal<number>;
+    protected readonly showingBarCount: import("@angular/core").Signal<number>;
+    readonly alertMessageAndType: import("@angular/core").Signal<[string, string]>;
+    readonly legendItems: import("@angular/core").Signal<ChartLegendItem[]>;
+    /** Computed values used by the tooltip to avoid inline logic in the template. */
+    protected readonly tooltipKey: import("@angular/core").Signal<string[]>;
+    protected readonly tooltipLabel: import("@angular/core").Signal<string>;
+    protected readonly tooltipValue: import("@angular/core").Signal<number>;
+    /** Slices belonging to the currently selected stack – used by the tooltip @for loop. */
+    protected readonly selectedStackSlices: import("@angular/core").Signal<BarChartDataPoint[]>;
+    private readonly maxAmountOfItems;
+    private readonly slicedDataPoints;
+    private svg;
+    private barSelection;
+    private labelSelection;
+    constructor();
+    ngOnChanges(_changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    private createChart;
+    protected updateChart(): void;
+    private createVerticalChart;
+    private createHorizontalChart;
+    private createBarSelectionGroups;
+    private addTextCommonInfo;
+    private addTextHoverHandlers;
+    private setHoverStylesByStackKey;
+    private addBarClickHandler;
+    private addTextClickHandler;
+    private openTooltipByKey;
+    private addTextAndTitle;
+    private styleGridLines;
+    private addVerticalBarRectangle;
+    private addHorizontalBarRectangle;
+    /** Appends a shared-style axis description label to the chart group. */
+    private appendAxisLabel;
+    private stackItems;
+    private mapItems;
+    private getMaxAmountOfItems;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BarChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BarChartComponent, "clr-bar-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "stackLabels": { "alias": "stackLabels"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": true; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "barSizePx": { "alias": "barSizePx"; "required": false; "isSignal": true; }; "barAreaSizePx": { "alias": "barAreaSizePx"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; "tooltipPercentOf": { "alias": "tooltipPercentOf"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooManyItemsMessage": { "alias": "tooManyItemsMessage"; "required": false; "isSignal": true; }; "tooManyItemsGroupedMessage": { "alias": "tooManyItemsGroupedMessage"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; "isSignal": true; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
+}
+export {};

package/charts/chart-alert-overlay/chart-alert-overlay.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ChartAlertOverlayComponent {
+    readonly alertMessage: import("@angular/core").InputSignal<string>;
+    readonly alertType: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartAlertOverlayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartAlertOverlayComponent, "cng-chart-alert-overlay", never, { "alertMessage": { "alias": "alertMessage"; "required": true; "isSignal": true; }; "alertType": { "alias": "alertType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/charts/chart-export/chart-export-button.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ChartExportButtonComponent {
+    readonly svgRef: import("@angular/core").InputSignal<SVGSVGElement>;
+    readonly filename: import("@angular/core").InputSignal<string>;
+    private readonly exportService;
+    export(format: 'svg' | 'png'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartExportButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartExportButtonComponent, "cng-chart-export-button", never, { "svgRef": { "alias": "svgRef"; "required": false; "isSignal": true; }; "filename": { "alias": "filename"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/charts/chart-export/chart-export.service.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class ChartExportService {
+    exportSvg(svgEl: SVGSVGElement, filename: string): void;
+    exportPng(svgEl: SVGSVGElement, filename: string): void;
+    private toCanvas;
+    private cloneWithDimensions;
+    private download;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartExportService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ChartExportService>;
+}

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

@@ -0,0 +1,12 @@
+import { toChartColor } from '../utils';
+import * as i0 from "@angular/core";
+export interface ChartLegendItem {
+    label: string;
+    color: string;
+}
+export declare class ChartLegendComponent {
+    readonly items: import("@angular/core").InputSignal<ChartLegendItem[]>;
+    protected readonly toChartColor: typeof toChartColor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartLegendComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartLegendComponent, "cng-chart-legend", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/charts/chart-tooltip/chart-tooltip.component.d.ts

@@ -0,0 +1,16 @@
+import { toChartColor } from '../utils';
+import * as i0 from "@angular/core";
+export declare class ChartTooltipComponent {
+    readonly tooltipPosition: import("@angular/core").InputSignal<{
+        x: number;
+        y: number;
+    }>;
+    readonly tooltipOrientation: import("@angular/core").InputSignal<"top" | "bottom">;
+    readonly squareColor: import("@angular/core").InputSignal<string>;
+    readonly tooltipClickable: import("@angular/core").InputSignal<boolean>;
+    readonly tooltipClosed: import("@angular/core").OutputEmitterRef<void>;
+    readonly tooltipHeaderClicked: import("@angular/core").OutputEmitterRef<void>;
+    protected readonly toChartColor: typeof toChartColor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartTooltipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartTooltipComponent, "cng-chart-tooltip", never, { "tooltipPosition": { "alias": "tooltipPosition"; "required": true; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "squareColor": { "alias": "squareColor"; "required": true; "isSignal": true; }; "tooltipClickable": { "alias": "tooltipClickable"; "required": false; "isSignal": true; }; }, { "tooltipClosed": "tooltipClosed"; "tooltipHeaderClicked": "tooltipHeaderClicked"; }, never, ["cng-title", "*", "cng-footer"], true, never>;
+}

package/charts/charts.module.d.ts

@@ -0,0 +1,21 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./area-chart/area-chart.component";
+import * as i2 from "./bar-chart/bar-chart.component";
+import * as i3 from "./combo-chart/combo-chart.component";
+import * as i4 from "./funnel-chart/funnel-chart.component";
+import * as i5 from "./line-chart/line-chart.component";
+import * as i6 from "./pie-chart/pie-chart.component";
+import * as i7 from "@angular/common";
+import * as i8 from "@clr/angular";
+import * as i9 from "./chart-alert-overlay/chart-alert-overlay.component";
+import * as i10 from "./chart-export/chart-export-button.component";
+import * as i11 from "./chart-legend/chart-legend.component";
+import * as i12 from "./shared/chart-skeleton.component";
+import * as i13 from "./chart-tooltip/chart-tooltip.component";
+import * as i14 from "./directives/outside-click.directive";
+import * as i15 from "./directives/window-resize.directive";
+export declare class ClrChartsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrChartsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrChartsModule, [typeof i1.AreaChartComponent, typeof i2.BarChartComponent, typeof i3.ComboChartComponent, typeof i4.FunnelChartComponent, typeof i5.LineChartComponent, typeof i6.PieChartComponent], [typeof i7.CommonModule, typeof i7.DecimalPipe, typeof i8.ClrAlertModule, typeof i8.ClrIconModule, typeof i8.ClrSignpostModule, typeof i9.ChartAlertOverlayComponent, typeof i10.ChartExportButtonComponent, typeof i11.ChartLegendComponent, typeof i12.ChartSkeletonComponent, typeof i13.ChartTooltipComponent, typeof i14.OutsideClickDirective, typeof i15.WindowResizeDirective], [typeof i1.AreaChartComponent, typeof i2.BarChartComponent, typeof i3.ComboChartComponent, typeof i4.FunnelChartComponent, typeof i5.LineChartComponent, typeof i6.PieChartComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ClrChartsModule>;
+}

package/charts/combo-chart/combo-chart.component.d.ts

@@ -0,0 +1,77 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { ChartLegendItem } from '../chart-legend/chart-legend.component';
+import { ChartBase } from '../shared/chart-base';
+import * as i0 from "@angular/core";
+export interface ComboBarPoint {
+    /** X category key (must match keys used in line data). */
+    x: string;
+    /** Optional display label for the X-axis tick. */
+    xLabel?: string;
+    value: number;
+}
+export interface ComboBarSeries {
+    key: string;
+    label: string;
+    color: string;
+    data: ComboBarPoint[];
+}
+export interface ComboLinePoint {
+    x: string;
+    value: number;
+}
+export interface ComboLineSeries {
+    key: string;
+    label: string;
+    color: string;
+    data: ComboLinePoint[];
+}
+/** Emitted when the user clicks a bar segment or a line dot. */
+export interface ComboChartValue {
+    seriesKey: string;
+    seriesLabel: string;
+    seriesType: 'bar' | 'line';
+    x: string;
+    xLabel?: string;
+    value: number;
+}
+interface SelectedComboItem {
+    seriesKey: string;
+    seriesLabel: string;
+    seriesType: 'bar' | 'line';
+    color: string;
+    x: string;
+    xLabel?: string;
+    value: number;
+    total: number;
+}
+export declare class ComboChartComponent extends ChartBase<SelectedComboItem> implements OnChanges {
+    readonly barSeries: import("@angular/core").InputSignal<ComboBarSeries[]>;
+    readonly lineSeries: import("@angular/core").InputSignal<ComboLineSeries[]>;
+    readonly tooltipOrientation: import("@angular/core").InputSignal<"top" | "bottom">;
+    readonly showLegend: import("@angular/core").InputSignal<boolean>;
+    readonly showExportButton: import("@angular/core").InputSignal<boolean>;
+    readonly exportFilename: import("@angular/core").InputSignal<string>;
+    readonly noItemsMessage: import("@angular/core").InputSignal<string>;
+    readonly tooltipPercentOfTotal: import("@angular/core").InputSignal<string>;
+    /** Optional label rendered below the X axis. */
+    readonly xAxisLabel: import("@angular/core").InputSignal<string>;
+    /** Optional label rendered rotated to the left of the Y axis (bar scale). */
+    readonly yAxisLabel: import("@angular/core").InputSignal<string>;
+    /** Optional label rendered rotated to the right of the Y axis (line scale). */
+    readonly yLineAxisLabel: import("@angular/core").InputSignal<string>;
+    readonly valueClicked: import("@angular/core").OutputEmitterRef<ComboChartValue>;
+    private readonly MARGIN;
+    protected readonly hasData: import("@angular/core").Signal<boolean>;
+    protected readonly total: import("@angular/core").Signal<number>;
+    readonly alertMessageAndType: import("@angular/core").Signal<[string, string]>;
+    readonly legendItems: import("@angular/core").Signal<ChartLegendItem[]>;
+    private svg;
+    ngOnChanges(_changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    protected updateChart(): void;
+    private drawBars;
+    private drawLines;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComboChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComboChartComponent, "clr-combo-chart", never, { "barSeries": { "alias": "barSeries"; "required": false; "isSignal": true; }; "lineSeries": { "alias": "lineSeries"; "required": false; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; "isSignal": true; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; "isSignal": true; }; "yLineAxisLabel": { "alias": "yLineAxisLabel"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
+}
+export {};

package/charts/constants/alert-message-constants.d.ts

@@ -0,0 +1,5 @@
+export declare const TOO_MANY_ITEMS_MESSAGE = "too many items";
+export declare const TOO_MANY_ITEMS_GROUPED_MESSAGE = "too many items";
+export declare const TOO_MANY_ITEMS_ALERT_TYPE = "warning";
+export declare const NO_ITEMS_MESSAGE = "no items";
+export declare const NO_ITEMS_ALERT_TYPE = "info";

package/charts/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './alert-message-constants';

package/charts/directives/auto-position.directive.d.ts

@@ -0,0 +1,16 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AutoPositionDirective implements OnInit, OnDestroy {
+    private readonly signpostContent;
+    private readonly elementRef;
+    private resizeObserver?;
+    private trigger?;
+    ngOnInit(): void;
+    private readonly handleMouseDown;
+    private updatePosition;
+    private getBestPosition;
+    private hasSpace;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutoPositionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutoPositionDirective, "clr-signpost-content[autoPosition]", never, {}, {}, never, never, true, never>;
+}

package/charts/directives/index.d.ts

@@ -0,0 +1,4 @@
+export * from './auto-position.directive';
+export * from './outside-click.directive';
+export * from './tenant-full-date-range.directive';
+export * from './window-resize.directive';

package/charts/directives/outside-click.directive.d.ts

@@ -0,0 +1,10 @@
+import { AfterViewInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class OutsideClickDirective implements AfterViewInit {
+    readonly outsideClick: import("@angular/core").OutputEmitterRef<void>;
+    private readonly renderer;
+    private readonly destroyRef;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OutsideClickDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OutsideClickDirective, "[cngOutsideClick]", never, {}, { "outsideClick": "cngOutsideClick"; }, never, never, true, never>;
+}

package/charts/directives/screen-state.service.d.ts

@@ -0,0 +1,35 @@
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Enum for the Screen size in pixels, defined by clarity here https://vmware.github.io/clarity/documentation/v0.12/grid
+ * We consider screens above 1200px to be a desktop, between 576px and 1199px to be a tablet and below 576px to be a phone.
+ */
+export declare enum ScreenWidth {
+    EXTRA_LARGE = 1200,
+    LARGE = 992,
+    MEDIUM = 768,
+    SMALL = 576,
+    EXTRA_SMALL = 575
+}
+export declare enum ScreenOrientation {
+    PORTRAIT = "PORTRAIT",
+    LANDSCAPE = "LANDSCAPE"
+}
+export declare const DATEPICKER_ENABLE_BREAKPOINT = 768;
+export declare const MOBILE_USERAGENT_REGEX: RegExp;
+export declare class ScreenStateService {
+    private _document;
+    private screenOrientation;
+    private isUserAgentMobile;
+    private screenWidthSubject;
+    private screenOrientationSubject;
+    constructor(_document: Document);
+    getScreenWidthChanged(): Observable<number>;
+    getMobileStateChanged(): Observable<boolean>;
+    getScreenOrientationChanged(): Observable<ScreenOrientation>;
+    private onResize;
+    private onOrientationChange;
+    private determineMobileUserAgent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScreenStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ScreenStateService>;
+}

package/charts/directives/tenant-full-date-range.directive.d.ts

@@ -0,0 +1,10 @@
+import { AfterContentInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TenantFullDateRangeDirective implements AfterContentInit {
+    private readonly start;
+    private readonly end;
+    ngAfterContentInit(): void;
+    private toTenantDateTime;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TenantFullDateRangeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TenantFullDateRangeDirective, "clr-date-range-container[cngTenantFullDateRange]", never, {}, {}, ["start", "end"], never, true, never>;
+}

package/charts/directives/window-resize.directive.d.ts

@@ -0,0 +1,12 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class WindowResizeDirective implements OnInit {
+    readonly debounce: import("@angular/core").InputSignal<number>;
+    readonly includeFirst: import("@angular/core").InputSignal<boolean>;
+    readonly windowResize: import("@angular/core").OutputEmitterRef<number>;
+    private readonly screenStateService;
+    private readonly destroyRef;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WindowResizeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WindowResizeDirective, "[cngWindowResize]", never, { "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; "includeFirst": { "alias": "includeFirst"; "required": false; "isSignal": true; }; }, { "windowResize": "cngWindowResize"; }, never, never, true, never>;
+}

package/charts/funnel-chart/funnel-chart.component.d.ts

@@ -0,0 +1,153 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { ChartBase } from '../shared/chart-base';
+import * as i0 from "@angular/core";
+export interface FunnelChartSection {
+    key: string;
+    label: string;
+    value: number;
+    /** Hex value ('#009ADB') or CSS custom property ('--cds-global-color-blue-800'). */
+    color?: string;
+    /** Text color rendered inside this section. */
+    textColor?: string;
+}
+export interface FunnelChartData {
+    key: string;
+    label: string;
+    fullLabel?: string;
+    description?: string;
+    value: number;
+    /** Optional breakdown of the bar into named segments. Values should sum to `value`. */
+    sections?: FunnelChartSection[];
+}
+export interface FunnelValue {
+    value: number;
+    label: string;
+    key: string;
+    /** Key of the clicked section, or `undefined` when the whole bar was clicked. */
+    section?: string;
+}
+export interface FunnelChartLabels {
+    total: string;
+    all: string;
+}
+interface FunnelDataPointSection {
+    key: string;
+    label: string;
+    x: number;
+    width: number;
+    value: number;
+    percentage: number;
+    cssColor: string;
+    hoverColor: string;
+    textColor: string;
+}
+interface FunnelDataPoint {
+    key: string;
+    label: string;
+    fullLabel?: string;
+    description?: string;
+    value: number;
+    y: number;
+    width: number;
+    percentage: number;
+    delta?: number;
+    deltaPercentage?: number;
+    sections: FunnelDataPointSection[];
+}
+interface SectionTooltipData {
+    key: string;
+    x?: number;
+    y?: number;
+    description?: string;
+}
+interface SpacerDataPoint {
+    index: number;
+    topWidth: number;
+    bottomWidth: number;
+    topY: number;
+    bottomY: number;
+    topX: number;
+    bottomX: number;
+    deltaPercentage: number;
+}
+export declare class FunnelChartComponent extends ChartBase<FunnelDataPoint> implements OnChanges {
+    readonly data: import("@angular/core").InputSignal<FunnelChartData[]>;
+    readonly showExportButton: import("@angular/core").InputSignal<boolean>;
+    readonly exportFilename: import("@angular/core").InputSignal<string>;
+    /** Rendering mode. 'default' = horizontal bars with sections; 'centered' = centered trapezoid funnel. */
+    readonly orientation: import("@angular/core").InputSignal<"default" | "centered">;
+    /** Width reserved on each side for labels (px). */
+    readonly textSize: import("@angular/core").InputSignal<number>;
+    /** Gap between funnel bars and their side-line labels (px). */
+    readonly lineTextPadding: import("@angular/core").InputSignal<number>;
+    /** Vertical gap between funnel bars – default mode only (px). */
+    readonly barGap: import("@angular/core").InputSignal<number>;
+    /** Vertical padding inside the side measurement lines (px). */
+    readonly sideLineVerticalPadding: import("@angular/core").InputSignal<number>;
+    /** Minimum length of the horizontal measurement lines on each side (px). Centered mode only. */
+    readonly minLineSize: import("@angular/core").InputSignal<number>;
+    /** Ratio of bar height to spacer height. Centered mode only. */
+    readonly barToSpacerRatio: import("@angular/core").InputSignal<number>;
+    /** Vertical padding inside the center divider lines (px). Centered mode only. */
+    readonly middleLineVerticalPadding: import("@angular/core").InputSignal<number>;
+    /** Fill color of the centered-mode bars. Accepts hex or CSS custom property. Centered mode only. */
+    readonly barColor: import("@angular/core").InputSignal<string>;
+    /** Fill color of the trapezoid spacers. Accepts hex or CSS custom property. Centered mode only. */
+    readonly spacerColor: import("@angular/core").InputSignal<string>;
+    /**
+     * Override the chart labels shown in the tooltip (total / all rows).
+     * Partial – any key not provided falls back to the English default.
+     */
+    readonly chartLabels: import("@angular/core").InputSignal<Partial<FunnelChartLabels>>;
+    /**
+     * Override section colors by section key.
+     * Accepts hex values ('#009ADB') or CSS custom properties ('--cds-global-color-blue-800').
+     * Per-section `color` in the data takes priority over this map; this map takes priority over
+     * the built-in default palette.
+     */
+    readonly sectionColors: import("@angular/core").InputSignal<Record<string, string>>;
+    readonly valueClicked: import("@angular/core").OutputEmitterRef<FunnelValue>;
+    protected readonly resolvedChartLabels: import("@angular/core").Signal<FunnelChartLabels>;
+    /** CSS-ready color for the centered-mode bar. */
+    protected readonly centeredBarCssColor: import("@angular/core").Signal<string>;
+    /** CSS-ready spacer color. */
+    protected readonly centeredSpacerCssColor: import("@angular/core").Signal<string>;
+    protected readonly total: import("@angular/core").Signal<number>;
+    protected readonly hasData: import("@angular/core").Signal<boolean>;
+    protected readonly selectedItemLabel: import("@angular/core").Signal<string>;
+    protected readonly selectedSpacerItem: import("@angular/core").WritableSignal<SpacerDataPoint>;
+    protected readonly sectionTooltips: import("@angular/core").WritableSignal<SectionTooltipData[]>;
+    private svg;
+    ngOnChanges(_changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    protected updateChart(): void;
+    private calculateDataPoints;
+    private renderRightSideText;
+    private renderLeftSideText;
+    private renderSideLines;
+    private renderSideLine;
+    private renderFunnel;
+    private handleSectionClick;
+    resetTooltip(): void;
+    /** Formats a percentage to 2 decimal places for template use. */
+    protected pct(value: number, total: number): number;
+    private renderCenteredChart;
+    private calculateCenteredDataPoints;
+    private calculateSpacerDataPoints;
+    private renderCenteredLeftSideText;
+    private renderCenteredLeftSideLines;
+    private renderCenteredRightSideText;
+    private renderCenteredRightSideLines;
+    private renderCenteredMiddleLines;
+    private renderCenteredFunnel;
+    private getMaxFunnelWidth;
+    private getCenteredFractionHeight;
+    private getCenteredBarHeight;
+    private getCenteredSpacerHeight;
+    private getFunnelWidth;
+    private getBarHeight;
+    private round;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FunnelChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FunnelChartComponent, "clr-funnel-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "textSize": { "alias": "textSize"; "required": false; "isSignal": true; }; "lineTextPadding": { "alias": "lineTextPadding"; "required": false; "isSignal": true; }; "barGap": { "alias": "barGap"; "required": false; "isSignal": true; }; "sideLineVerticalPadding": { "alias": "sideLineVerticalPadding"; "required": false; "isSignal": true; }; "minLineSize": { "alias": "minLineSize"; "required": false; "isSignal": true; }; "barToSpacerRatio": { "alias": "barToSpacerRatio"; "required": false; "isSignal": true; }; "middleLineVerticalPadding": { "alias": "middleLineVerticalPadding"; "required": false; "isSignal": true; }; "barColor": { "alias": "barColor"; "required": false; "isSignal": true; }; "spacerColor": { "alias": "spacerColor"; "required": false; "isSignal": true; }; "chartLabels": { "alias": "chartLabels"; "required": false; "isSignal": true; }; "sectionColors": { "alias": "sectionColors"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
+}
+export {};

package/charts/index.d.ts

@@ -0,0 +1,8 @@
+export * from './shared/xy-chart.types';
+export * from './bar-chart/bar-chart.component';
+export * from './line-chart/line-chart.component';
+export * from './area-chart/area-chart.component';
+export * from './combo-chart/combo-chart.component';
+export * from './pie-chart/pie-chart.component';
+export * from './funnel-chart/funnel-chart.component';
+export * from './charts.module';

package/charts/line-chart/line-chart.component.d.ts

@@ -0,0 +1,40 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { ChartLegendItem } from '../chart-legend/chart-legend.component';
+import { XYChartPoint, XYChartSeries, XYChartValue } from '../shared/xy-chart.types';
+import { ChartBase } from '../shared/chart-base';
+import * as i0 from "@angular/core";
+export type { XYChartPoint as LineChartPoint, XYChartSeries as LineChartSeries, XYChartValue as LineChartValue, } from '../shared/xy-chart.types';
+type LineChartSelectedPoint = XYChartPoint & {
+    seriesKey: string;
+    seriesLabel: string;
+    color: string;
+};
+export declare class LineChartComponent extends ChartBase<LineChartSelectedPoint> implements OnChanges {
+    readonly series: import("@angular/core").InputSignal<XYChartSeries[]>;
+    readonly tooltipOrientation: import("@angular/core").InputSignal<"top" | "bottom">;
+    readonly showArea: import("@angular/core").InputSignal<boolean>;
+    readonly showLegend: import("@angular/core").InputSignal<boolean>;
+    readonly showValues: import("@angular/core").InputSignal<boolean>;
+    readonly showExportButton: import("@angular/core").InputSignal<boolean>;
+    readonly exportFilename: import("@angular/core").InputSignal<string>;
+    readonly noItemsMessage: import("@angular/core").InputSignal<string>;
+    readonly tooltipPercentOfTotal: import("@angular/core").InputSignal<string>;
+    /** Optional label rendered below the X axis. */
+    readonly xAxisLabel: import("@angular/core").InputSignal<string>;
+    /** Optional label rendered rotated to the left of the Y axis. */
+    readonly yAxisLabel: import("@angular/core").InputSignal<string>;
+    readonly valueClicked: import("@angular/core").OutputEmitterRef<XYChartValue>;
+    private readonly MARGIN;
+    protected readonly hasData: import("@angular/core").Signal<boolean>;
+    protected readonly total: import("@angular/core").Signal<number>;
+    readonly alertMessageAndType: import("@angular/core").Signal<[string, string]>;
+    readonly legendItems: import("@angular/core").Signal<ChartLegendItem[]>;
+    private svg;
+    ngOnChanges(_changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    protected updateChart(): void;
+    private drawSeries;
+    private openTooltip;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LineChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LineChartComponent, "clr-line-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "showArea": { "alias": "showArea"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showValues": { "alias": "showValues"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; "isSignal": true; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
+}