@fluentui/chart-web-components 0.0.1-0 → 0.0.2

package/CHANGELOG.md

@@ -1,18 +1,26 @@
 # Change Log - @fluentui/chart-web-components
 
-This log was last generated on Mon, 20 Jan 2025 04:13:01 GMT and should not be manually modified.
+This log was last generated on Fri, 07 Feb 2025 04:07:24 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.1-0](https://github.com/microsoft/fluentui/tree/@fluentui/chart-web-components_v0.0.1-0)
+## [0.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/chart-web-components_v0.0.2)
 
-Mon, 20 Jan 2025 04:13:01 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/chart-web-components_v0.0.0..@fluentui/chart-web-components_v0.0.1-0)
+Fri, 07 Feb 2025 04:07:24 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/chart-web-components_v0.0.1..@fluentui/chart-web-components_v0.0.2)
 
-### Changes
+### Patches
+
+- Bump @fluentui/web-components to v3.0.0-beta.79 ([PR #33795](https://github.com/microsoft/fluentui/pull/33795) by beachball)
+
+## [0.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/chart-web-components_v0.0.1)
+
+Tue, 04 Feb 2025 04:07:18 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/chart-web-components_v0.0.0..@fluentui/chart-web-components_v0.0.1)
+
+### Patches
 
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/tokens to v0.0.0-nightly-20250120-0408.1 ([commit](https://github.com/microsoft/fluentui/commit/a62055796cadd29a7713bf95763cb097626ce4f0) by beachball)
+- Bump @fluentui/web-components to v3.0.0-beta.78 ([PR #33756](https://github.com/microsoft/fluentui/pull/33756) by beachball)
 
 ## [0.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/chart-web-components_v0.0.0)
 

package/dist/chart-web-components.d.ts

@@ -0,0 +1,213 @@
+import { ElementStyles } from '@microsoft/fast-element';
+import { ElementViewTemplate } from '@microsoft/fast-element';
+import { FASTElement } from '@microsoft/fast-element';
+import { FASTElementDefinition } from '@microsoft/fast-element';
+
+declare interface ChartDataPoint {
+    /**
+     * Legend text for the datapoint in the chart
+     */
+    legend: string;
+    /**
+     * data the datapoint in the chart
+     */
+    data: number;
+    /**
+     * total length of bar
+     */
+    total?: number;
+    /**
+     * onClick action for each datapoint in the chart
+     */
+    onClick?: VoidFunction;
+    /**
+     * Color for the legend in the chart. If not provided, it will fallback on the default color palette.
+     */
+    color?: string;
+    gradient?: [string, string];
+}
+
+declare interface ChartDataPoint_2 {
+    /**
+     * Legend text for the datapoint in the chart
+     */
+    legend: string;
+    /**
+     * data the datapoint in the chart
+     */
+    data: number;
+    /**
+     * Color for the legend in the chart. If not provided, it will fallback on the default color palette.
+     */
+    color?: string;
+    /**
+     * Callout data for x axis
+     * This is an optional prop, If haven;t given legend will take
+     */
+    xAxisCalloutData?: string;
+    /**
+     * Callout data for y axis
+     * This is an optional prop, If haven't given data will take
+     */
+    yAxisCalloutData?: string;
+}
+
+declare interface ChartProps {
+    /**
+     * title for the data series
+     */
+    chartSeriesTitle?: string;
+    /**
+     * data for the points in the chart
+     */
+    chartData: ChartDataPoint[];
+    benchmarkData?: number;
+    chartDataText?: string;
+}
+
+declare interface ChartProps_2 {
+    /**
+     * chart title for the chart
+     */
+    chartTitle?: string;
+    /**
+     * data for the points in the chart
+     */
+    chartData: ChartDataPoint_2[];
+}
+
+export declare class DonutChart extends FASTElement {
+    height: number;
+    width: number;
+    hideLegends: boolean;
+    hideTooltip: boolean;
+    data: ChartProps_2;
+    innerRadius: number;
+    valueInsideDonut?: string;
+    legendListLabel?: string;
+    legends: Legend[];
+    activeLegend: string;
+    protected activeLegendChanged(oldValue: string, newValue: string): void;
+    isLegendSelected: boolean;
+    tooltipProps: {
+        isVisible: boolean;
+        legend: string;
+        yValue: string;
+        color: string;
+        xPos: number;
+        yPos: number;
+    };
+    protected tooltipPropsChanged(oldValue: any, newValue: any): void;
+    chartWrapper: HTMLDivElement;
+    group: SVGGElement;
+    elementInternals: ElementInternals;
+    private _arcs;
+    private _isRTL;
+    private _textInsideDonut?;
+    constructor();
+    handleLegendMouseoverAndFocus(legendTitle: string): void;
+    handleLegendMouseoutAndBlur(): void;
+    handleLegendClick(legendTitle: string): void;
+    connectedCallback(): void;
+    private _render;
+    private _getLegends;
+    private _getTextInsideDonut;
+    private _updateTextInsideDonut;
+}
+
+/**
+ * @public
+ * @remarks
+ * HTML Element: `<fluent-donut-chart>`
+ */
+export declare const DonutChartDefinition: FASTElementDefinition<typeof DonutChart>;
+
+/**
+ * Styles for the DonutChart component.
+ *
+ * @public
+ */
+export declare const DonutChartStyles: ElementStyles;
+
+/**
+ * @internal
+ */
+export declare const DonutChartTemplate: ElementViewTemplate<DonutChart>;
+
+/**
+ * A Horizontal Bar Chart HTML Element.
+ *
+ * @public
+ */
+export declare class HorizontalBarChart extends FASTElement {
+    variant?: Variant;
+    data: ChartProps[];
+    hideRatio: boolean;
+    hideLegends: boolean;
+    hideTooltip: boolean;
+    legendListLabel?: string;
+    chartTitle?: string;
+    uniqueLegends: ChartDataPoint[];
+    activeLegend: string;
+    protected activeLegendChanged: (oldValue: string, newValue: string) => void;
+    isLegendSelected: boolean;
+    tooltipProps: {
+        isVisible: boolean;
+        legend: string;
+        yValue: string;
+        color: string;
+        xPos: number;
+        yPos: number;
+    };
+    chartContainer: HTMLDivElement;
+    elementInternals: ElementInternals;
+    private _isRTL;
+    private _barHeight;
+    private _bars;
+    constructor();
+    handleLegendMouseoverAndFocus: (legendTitle: string) => void;
+    handleLegendMouseoutAndBlur: () => void;
+    handleLegendClick: (legendTitle: string) => void;
+    connectedCallback(): void;
+    private _initializeData;
+    private _renderChart;
+    private _createSingleChartBars;
+    private _hydrateLegends;
+    private _hydrateData;
+    private _calculateBarSpacing;
+    private _createBarsAndLegends;
+}
+
+/**
+ * The Fluent Textarea Element definition.
+ *
+ * @public
+ * @remarks
+ * HTML Element: `<fluent-textarea>`
+ */
+export declare const HorizontalBarChartDefinition: FASTElementDefinition<typeof HorizontalBarChart>;
+
+/**
+ * Styles for the HorizontalBarChart component.
+ *
+ * @public
+ */
+export declare const HorizontalBarChartStyles: ElementStyles;
+
+/**
+ * @internal
+ */
+export declare const HorizontalBarChartTemplate: ElementViewTemplate<HorizontalBarChart>;
+
+declare type Legend = {
+    title: string;
+    color: string;
+};
+
+declare enum Variant {
+    PartToWhole = "part-to-whole",
+    AbsoluteScale = "absolute-scale",
+    SingleBar = "single-bar"
+}
+
+export { }