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

package/dist/dts/utils/benchmark-wrapper.d.ts

@@ -0,0 +1,2 @@
+declare const wrappedTests: {};
+export { wrappedTests as tests };

package/dist/dts/utils/chart-helpers.d.ts

@@ -0,0 +1,37 @@
+import type { ValueConverter } from '@microsoft/fast-element';
+export declare const jsonConverter: ValueConverter;
+export declare const validateChartPropsArray: (obj: any, objName: string) => void;
+export declare const validateChartProps: (obj: any, objName: string) => void;
+export declare const DataVizPalette: {
+    color1: string;
+    color2: string;
+    color3: string;
+    color4: string;
+    color5: string;
+    color6: string;
+    color7: string;
+    color8: string;
+    color9: string;
+    color10: string;
+    color11: string;
+    color12: string;
+    color13: string;
+    color14: string;
+    color15: string;
+    color16: string;
+    color17: string;
+    color18: string;
+    color19: string;
+    info: string;
+    disabled: string;
+    highError: string;
+    error: string;
+    warning: string;
+    success: string;
+    highSuccess: string;
+};
+export declare const getNextColor: (index: number, offset?: number, isDarkTheme?: boolean) => string;
+export declare const getColorFromToken: (token: string, isDarkTheme?: boolean) => string;
+export declare const getRTL: (rootNode: HTMLElement) => boolean;
+export declare const SVG_NAMESPACE_URI = "http://www.w3.org/2000/svg";
+export declare const wrapText: (text: SVGTextElement, width: number) => void;

package/dist/esm/donut-chart/define.js

@@ -0,0 +1,4 @@
+import { FluentDesignSystem } from '@fluentui/web-components';
+import { definition } from './donut-chart.definition.js';
+definition.define(FluentDesignSystem.registry);
+//# sourceMappingURL=define.js.map

package/dist/esm/donut-chart/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/donut-chart/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}

package/dist/esm/donut-chart/donut-chart.bench.js

@@ -0,0 +1,10 @@
+import { FluentDesignSystem } from '@fluentui/web-components';
+import { definition } from './donut-chart.definition.js';
+definition.define(FluentDesignSystem.registry);
+const itemRenderer = () => {
+    const donutChart = document.createElement('fluent-donut-chart');
+    return donutChart;
+};
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';
+//# sourceMappingURL=donut-chart.bench.js.map

package/dist/esm/donut-chart/donut-chart.bench.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"donut-chart.bench.js","sourceRoot":"","sources":["../../../src/donut-chart/donut-chart.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAE/C,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAChE,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/esm/donut-chart/donut-chart.definition.js

@@ -0,0 +1,18 @@
+import { FluentDesignSystem } from '@fluentui/web-components';
+import { DonutChart } from './donut-chart.js';
+import { styles } from './donut-chart.styles.js';
+import { template } from './donut-chart.template.js';
+/**
+ * @public
+ * @remarks
+ * HTML Element: `<fluent-donut-chart>`
+ */
+export const definition = DonutChart.compose({
+    name: `${FluentDesignSystem.prefix}-donut-chart`,
+    template,
+    styles,
+    shadowOptions: {
+        delegatesFocus: true,
+    },
+});
+//# sourceMappingURL=donut-chart.definition.js.map

package/dist/esm/donut-chart/donut-chart.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"donut-chart.definition.js","sourceRoot":"","sources":["../../../src/donut-chart/donut-chart.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,cAAc;IAChD,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,cAAc,EAAE,IAAI;KACrB;CACF,CAAC,CAAC"}

package/dist/esm/donut-chart/donut-chart.js

@@ -0,0 +1,227 @@
+import { __decorate } from "tslib";
+import { attr, FASTElement, nullableNumberConverter, observable } from '@microsoft/fast-element';
+import { arc as d3Arc, pie as d3Pie } from 'd3-shape';
+import { getColorFromToken, getNextColor, getRTL, jsonConverter, SVG_NAMESPACE_URI, validateChartProps, wrapText, } from '../utils/chart-helpers.js';
+export class DonutChart extends FASTElement {
+    activeLegendChanged(oldValue, newValue) {
+        var _a, _b;
+        if (newValue === '') {
+            (_a = this._arcs) === null || _a === void 0 ? void 0 : _a.forEach(arc => arc.classList.remove('inactive'));
+        }
+        else {
+            (_b = this._arcs) === null || _b === void 0 ? void 0 : _b.forEach(arc => {
+                if (arc.getAttribute('data-id') === newValue) {
+                    arc.classList.remove('inactive');
+                }
+                else {
+                    arc.classList.add('inactive');
+                }
+            });
+        }
+        this._updateTextInsideDonut();
+    }
+    tooltipPropsChanged(oldValue, newValue) {
+        this._updateTextInsideDonut();
+    }
+    constructor() {
+        super();
+        this.height = 200;
+        this.width = 200;
+        this.hideLegends = false;
+        this.hideTooltip = false;
+        this.innerRadius = 1;
+        this.legends = [];
+        this.activeLegend = '';
+        this.isLegendSelected = false;
+        this.tooltipProps = {
+            isVisible: false,
+            legend: '',
+            yValue: '',
+            color: '',
+            xPos: 0,
+            yPos: 0,
+        };
+        this.elementInternals = this.attachInternals();
+        this._arcs = [];
+        this._isRTL = false;
+        this.elementInternals.role = 'region';
+    }
+    handleLegendMouseoverAndFocus(legendTitle) {
+        if (this.isLegendSelected) {
+            return;
+        }
+        this.activeLegend = legendTitle;
+    }
+    handleLegendMouseoutAndBlur() {
+        if (this.isLegendSelected) {
+            return;
+        }
+        this.activeLegend = '';
+    }
+    handleLegendClick(legendTitle) {
+        if (this.isLegendSelected && this.activeLegend === legendTitle) {
+            this.activeLegend = '';
+            this.isLegendSelected = false;
+        }
+        else {
+            this.activeLegend = legendTitle;
+            this.isLegendSelected = true;
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        validateChartProps(this.data, 'data');
+        this.data.chartData.forEach((dataPoint, index) => {
+            if (dataPoint.color) {
+                dataPoint.color = getColorFromToken(dataPoint.color);
+            }
+            else {
+                dataPoint.color = getNextColor(index);
+            }
+        });
+        this.legends = this._getLegends();
+        this._isRTL = getRTL(this);
+        this.elementInternals.ariaLabel =
+            this.data.chartTitle || `Donut chart with ${this.data.chartData.length} segments.`;
+        this._render();
+    }
+    _render() {
+        const pie = d3Pie()
+            .value(d => d.data)
+            .padAngle(0.02);
+        const arc = d3Arc()
+            .innerRadius(this.innerRadius)
+            .outerRadius((Math.min(this.height, this.width) - 20) / 2);
+        pie(this.data.chartData).forEach(arcDatum => {
+            const arcGroup = document.createElementNS(SVG_NAMESPACE_URI, 'g');
+            this.group.appendChild(arcGroup);
+            const pathOutline = document.createElementNS(SVG_NAMESPACE_URI, 'path');
+            arcGroup.appendChild(pathOutline);
+            pathOutline.classList.add('arc-outline');
+            pathOutline.setAttribute('d', arc(arcDatum));
+            const path = document.createElementNS(SVG_NAMESPACE_URI, 'path');
+            arcGroup.appendChild(path);
+            this._arcs.push(path);
+            path.classList.add('arc');
+            path.setAttribute('d', arc(arcDatum));
+            path.setAttribute('fill', arcDatum.data.color);
+            path.setAttribute('data-id', arcDatum.data.legend);
+            path.setAttribute('tabindex', '0');
+            path.setAttribute('aria-label', `${arcDatum.data.legend}, ${arcDatum.data.data}.`);
+            path.setAttribute('role', 'img');
+            path.addEventListener('mouseover', event => {
+                if (this.activeLegend !== '' && this.activeLegend !== arcDatum.data.legend) {
+                    return;
+                }
+                const bounds = this.getBoundingClientRect();
+                this.tooltipProps = {
+                    isVisible: true,
+                    legend: arcDatum.data.legend,
+                    yValue: `${arcDatum.data.data}`,
+                    color: arcDatum.data.color,
+                    xPos: this._isRTL ? bounds.right - event.clientX : event.clientX - bounds.left,
+                    yPos: event.clientY - bounds.top - 85,
+                };
+            });
+            path.addEventListener('focus', event => {
+                if (this.activeLegend !== '' && this.activeLegend !== arcDatum.data.legend) {
+                    return;
+                }
+                const rootBounds = this.getBoundingClientRect();
+                const arcBounds = path.getBoundingClientRect();
+                this.tooltipProps = {
+                    isVisible: true,
+                    legend: arcDatum.data.legend,
+                    yValue: `${arcDatum.data.data}`,
+                    color: arcDatum.data.color,
+                    xPos: this._isRTL
+                        ? rootBounds.right - arcBounds.left - arcBounds.width / 2
+                        : arcBounds.left + arcBounds.width / 2 - rootBounds.left,
+                    yPos: arcBounds.top - rootBounds.top - 85,
+                };
+            });
+            path.addEventListener('blur', event => {
+                this.tooltipProps = { isVisible: false, legend: '', yValue: '', color: '', xPos: 0, yPos: 0 };
+            });
+        });
+        this.addEventListener('mouseleave', () => {
+            this.tooltipProps = { isVisible: false, legend: '', yValue: '', color: '', xPos: 0, yPos: 0 };
+        });
+        if (this.valueInsideDonut) {
+            this._textInsideDonut = document.createElementNS(SVG_NAMESPACE_URI, 'text');
+            this.group.appendChild(this._textInsideDonut);
+            this._textInsideDonut.classList.add('text-inside-donut');
+            this._textInsideDonut.setAttribute('x', '0');
+            this._textInsideDonut.setAttribute('y', '0');
+            this._textInsideDonut.setAttribute('text-anchor', 'middle');
+            this._textInsideDonut.setAttribute('dominant-baseline', 'middle');
+            this._updateTextInsideDonut();
+        }
+    }
+    _getLegends() {
+        return this.data.chartData.map((d, index) => ({
+            title: d.legend,
+            color: d.color,
+        }));
+    }
+    _getTextInsideDonut(valueInsideDonut) {
+        var _a;
+        let textInsideDonut = valueInsideDonut;
+        if (valueInsideDonut && (this.activeLegend !== '' || this.tooltipProps.isVisible)) {
+            const highlightedDataPoint = this.data.chartData.find(dataPoint => dataPoint.legend === this.activeLegend ||
+                (this.tooltipProps.isVisible && dataPoint.legend === this.tooltipProps.legend));
+            textInsideDonut = (_a = highlightedDataPoint.yAxisCalloutData) !== null && _a !== void 0 ? _a : highlightedDataPoint.data.toLocaleString();
+        }
+        return textInsideDonut;
+    }
+    _updateTextInsideDonut() {
+        if (!this._textInsideDonut || !this.valueInsideDonut) {
+            return;
+        }
+        this._textInsideDonut.textContent = this._getTextInsideDonut(this.valueInsideDonut);
+        const lineHeight = this._textInsideDonut.getBoundingClientRect().height;
+        wrapText(this._textInsideDonut, 2 * this.innerRadius);
+        const lines = this._textInsideDonut.getElementsByTagName('tspan');
+        const start = -1 * Math.trunc((lines.length - 1) / 2);
+        for (let i = 0; i < lines.length; i++) {
+            lines[i].setAttribute('dy', `${(start + i) * lineHeight}`);
+        }
+    }
+}
+__decorate([
+    attr({ converter: nullableNumberConverter })
+], DonutChart.prototype, "height", void 0);
+__decorate([
+    attr({ converter: nullableNumberConverter })
+], DonutChart.prototype, "width", void 0);
+__decorate([
+    attr({ attribute: 'hide-legends', mode: 'boolean' })
+], DonutChart.prototype, "hideLegends", void 0);
+__decorate([
+    attr({ attribute: 'hide-tooltip', mode: 'boolean' })
+], DonutChart.prototype, "hideTooltip", void 0);
+__decorate([
+    attr({ converter: jsonConverter })
+], DonutChart.prototype, "data", void 0);
+__decorate([
+    attr({ attribute: 'inner-radius', converter: nullableNumberConverter })
+], DonutChart.prototype, "innerRadius", void 0);
+__decorate([
+    attr({ attribute: 'value-inside-donut' })
+], DonutChart.prototype, "valueInsideDonut", void 0);
+__decorate([
+    attr({ attribute: 'legend-list-label' })
+], DonutChart.prototype, "legendListLabel", void 0);
+__decorate([
+    observable
+], DonutChart.prototype, "legends", void 0);
+__decorate([
+    observable
+], DonutChart.prototype, "activeLegend", void 0);
+__decorate([
+    observable
+], DonutChart.prototype, "isLegendSelected", void 0);
+__decorate([
+    observable
+], DonutChart.prototype, "tooltipProps", void 0);
+//# sourceMappingURL=donut-chart.js.map

package/dist/esm/donut-chart/donut-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"donut-chart.js","sourceRoot":"","sources":["../../../src/donut-chart/donut-chart.ts"],"names":[],"mappings":"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"}

package/dist/esm/donut-chart/donut-chart.options.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=donut-chart.options.js.map

package/dist/esm/donut-chart/donut-chart.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"donut-chart.options.js","sourceRoot":"","sources":["../../../src/donut-chart/donut-chart.options.ts"],"names":[],"mappings":""}

package/dist/esm/donut-chart/donut-chart.styles.js

@@ -0,0 +1,133 @@
+import { css } from '@microsoft/fast-element';
+import { borderRadiusMedium, colorNeutralBackground1, colorNeutralForeground1, colorNeutralShadowAmbient, colorNeutralShadowKey, colorStrokeFocus1, colorStrokeFocus2, colorTransparentStroke, display, forcedColorsStylesheetBehavior, spacingHorizontalL, spacingHorizontalNone, spacingHorizontalS, spacingVerticalL, spacingVerticalMNudge, spacingVerticalNone, spacingVerticalS, strokeWidthThickest, strokeWidthThin, typographyBody1Styles, typographyCaption1Styles, typographyTitle2Styles, typographyTitle3Styles, } from '@fluentui/web-components';
+/**
+ * Styles for the DonutChart component.
+ *
+ * @public
+ */
+export const styles = css `
+  ${display('inline-block')}
+
+  :host {
+    ${typographyBody1Styles}
+    align-items: center;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    position: relative;
+  }
+
+  .chart {
+    box-sizing: content-box;
+    overflow: visible;
+    display: block;
+  }
+
+  .arc.inactive {
+    opacity: 0.1;
+  }
+
+  .arc:focus {
+    outline: none;
+    stroke-width: ${strokeWidthThin};
+    stroke: ${colorStrokeFocus1};
+  }
+
+  .arc-outline {
+    fill: none;
+  }
+
+  .arc-outline:has(+ .arc:focus) {
+    stroke-width: ${strokeWidthThickest};
+    stroke: ${colorStrokeFocus2};
+  }
+
+  .text-inside-donut {
+    ${typographyTitle3Styles}
+    fill: ${colorNeutralForeground1};
+  }
+
+  .legend-container {
+    padding-top: ${spacingVerticalL};
+    white-space: nowrap;
+    width: 100%;
+    align-items: center;
+    margin: -${spacingVerticalS} ${spacingHorizontalNone} ${spacingVerticalNone} -${spacingHorizontalS};
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .legend {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    border: none;
+    padding: ${spacingHorizontalS};
+    background: none;
+    text-transform: capitalize;
+  }
+
+  .legend-rect {
+    width: 12px;
+    height: 12px;
+    margin-inline-end: ${spacingHorizontalS};
+    border: ${strokeWidthThin} solid;
+  }
+
+  .legend-text {
+    ${typographyCaption1Styles}
+    color: ${colorNeutralForeground1};
+  }
+
+  .legend.inactive .legend-rect {
+    background-color: transparent !important;
+  }
+
+  .legend.inactive .legend-text {
+    opacity: 0.67;
+  }
+
+  .tooltip {
+    display: grid;
+    overflow: hidden;
+    padding: ${spacingVerticalMNudge} ${spacingHorizontalL};
+    background-color: ${colorNeutralBackground1};
+    background-blend-mode: normal, luminosity;
+    border-radius: ${borderRadiusMedium};
+    border: 1px solid ${colorTransparentStroke};
+    filter: drop-shadow(0 0 2px ${colorNeutralShadowAmbient}) drop-shadow(0 8px 16px ${colorNeutralShadowKey});
+    position: absolute;
+    z-index: 1;
+    pointer-events: none;
+  }
+
+  .tooltip-body {
+    padding-inline-start: ${spacingHorizontalS};
+    color: ${colorNeutralForeground1};
+    border-inline-start: 4px solid;
+  }
+
+  .tooltip-legend-text {
+    ${typographyCaption1Styles}
+  }
+
+  .tooltip-content-y {
+    ${typographyTitle2Styles}
+  }
+`.withBehaviors(forcedColorsStylesheetBehavior(css `
+    .text-inside-donut {
+      fill: CanvasText;
+    }
+
+    .legend-rect,
+    .tooltip-body {
+      forced-color-adjust: none;
+    }
+
+    .tooltip-legend-text,
+    .tooltip-content-y {
+      forced-color-adjust: auto;
+      color: CanvasText;
+    }
+  `));
+//# sourceMappingURL=donut-chart.styles.js.map

package/dist/esm/donut-chart/donut-chart.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"donut-chart.styles.js","sourceRoot":"","sources":["../../../src/donut-chart/donut-chart.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,yBAAyB,EACzB,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,EACtB,OAAO,EACP,8BAA8B,EAC9B,kBAAkB,EAClB,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,qBAAqB,EACrB,wBAAwB,EACxB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,0BAA0B,CAAC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,cAAc,CAAC;;;MAGrB,qBAAqB;;;;;;;;;;;;;;;;;;;;oBAoBP,eAAe;cACrB,iBAAiB;;;;;;;;oBAQX,mBAAmB;cACzB,iBAAiB;;;;MAIzB,sBAAsB;YAChB,uBAAuB;;;;mBAIhB,gBAAgB;;;;eAIpB,gBAAgB,IAAI,qBAAqB,IAAI,mBAAmB,KAAK,kBAAkB;;;;;;;;;;eAUvF,kBAAkB;;;;;;;;yBAQR,kBAAkB;cAC7B,eAAe;;;;MAIvB,wBAAwB;aACjB,uBAAuB;;;;;;;;;;;;;;eAcrB,qBAAqB,IAAI,kBAAkB;wBAClC,uBAAuB;;qBAE1B,kBAAkB;wBACf,sBAAsB;kCACZ,yBAAyB,4BAA4B,qBAAqB;;;;;;;4BAOhF,kBAAkB;aACjC,uBAAuB;;;;;MAK9B,wBAAwB;;;;MAIxB,sBAAsB;;CAE3B,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;GAejC,CAAC,CACH,CAAC"}

package/dist/esm/donut-chart/donut-chart.template.js

@@ -0,0 +1,57 @@
+import { html, ref, repeat, when } from '@microsoft/fast-element';
+/**
+ * Generates a template for the DonutChart component.
+ *
+ * @public
+ */
+export function donutChartTemplate() {
+    return html `
+    <template>
+      <div ${ref('chartWrapper')}>
+        <svg class="chart" width="${x => x.width}" height="${x => x.height}">
+          <g ${ref('group')} transform="translate(${x => x.width / 2}, ${x => x.height / 2})"></g>
+        </svg>
+      </div>
+      ${when(x => !x.hideLegends, html `
+          <div class="legend-container" role="listbox" aria-label="${x => x.legendListLabel}">
+            ${repeat(x => x.legends, html ` <button
+                class="legend${(x, c) => c.parent.activeLegend === '' || c.parent.activeLegend === x.title ? '' : ' inactive'}"
+                role="option"
+                aria-setsize="${(x, c) => c.length}"
+                aria-posinset="${(x, c) => c.index + 1}"
+                aria-selected="${(x, c) => x.title === c.parent.activeLegend}"
+                @mouseover="${(x, c) => c.parent.handleLegendMouseoverAndFocus(x.title)}"
+                @mouseout="${(x, c) => c.parent.handleLegendMouseoutAndBlur()}"
+                @focus="${(x, c) => c.parent.handleLegendMouseoverAndFocus(x.title)}"
+                @blur="${(x, c) => c.parent.handleLegendMouseoutAndBlur()}"
+                @click="${(x, c) => c.parent.handleLegendClick(x.title)}"
+              >
+                <div
+                  class="legend-rect"
+                  style="background-color: ${x => x.color}; border-color: ${x => x.color};"
+                ></div>
+                <div class="legend-text">${x => x.title}</div>
+              </button>`)}
+          </div>
+        `)}
+      ${when(x => !x.hideTooltip && x.tooltipProps.isVisible, html `
+          <div
+            class="tooltip"
+            style="inset-inline-start: ${x => x.tooltipProps.xPos}px; top: ${x => x.tooltipProps.yPos}px"
+          >
+            <div class="tooltip-body" style="border-color: ${x => x.tooltipProps.color};">
+              <div class="tooltip-legend-text">${x => x.tooltipProps.legend}</div>
+              <div class="tooltip-content-y" style="color: ${x => x.tooltipProps.color};">
+                ${x => x.tooltipProps.yValue}
+              </div>
+            </div>
+          </div>
+        `)}
+    </template>
+  `;
+}
+/**
+ * @internal
+ */
+export const template = donutChartTemplate();
+//# sourceMappingURL=donut-chart.template.js.map

package/dist/esm/donut-chart/donut-chart.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"donut-chart.template.js","sourceRoot":"","sources":["../../../src/donut-chart/donut-chart.template.ts"],"names":[],"mappings":"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"}

package/dist/esm/donut-chart/index.js

@@ -0,0 +1,5 @@
+export { definition as DonutChartDefinition } from './donut-chart.definition.js';
+export { DonutChart } from './donut-chart.js';
+export { styles as DonutChartStyles } from './donut-chart.styles.js';
+export { template as DonutChartTemplate } from './donut-chart.template.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/donut-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/donut-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/esm/helpers.tests.js

@@ -0,0 +1,73 @@
+import qs from 'qs';
+import { expect as baseExpect } from '@playwright/test';
+/**
+ * Returns a formatted URL for a given Storybook fixture.
+ *
+ * @param id - the Storybook fixture ID
+ * @param args - Story args
+ * @returns - the local URL for the Storybook fixture iframe
+ */
+export function fixtureURL(id = 'debug--blank', args) {
+    const params = { id };
+    if (args) {
+        params.args = qs
+            .stringify(args, {
+            allowDots: true,
+            delimiter: ';',
+            format: 'RFC1738',
+            encode: false,
+        })
+            .replace(/=/g, ':')
+            .replace(/\//g, '--');
+    }
+    const url = qs.stringify(params, {
+        addQueryPrefix: true,
+        format: 'RFC1738',
+        encode: false,
+    });
+    return url;
+}
+/**
+ * Evaluate whether an element has the given state or not on its `elementInternals` property.
+ *
+ * @param locator - The Playwright locator for the element.
+ * @param state - The name of the state.
+ * @param expected - Whether the given state is expected to exist.
+ * @param has - Whether the element is expected to have or not have the given state, defaults to `true`.
+ */
+async function toHaveCustomState(locator, state, options) {
+    const assertionName = 'toHaveCustomState';
+    let pass;
+    let matcherResult;
+    const expected = !this.isNot;
+    try {
+        baseExpect(await locator.evaluate((el, state) => el.matches(`:state(${state})`), state, options)).toEqual(true);
+        pass = true;
+    }
+    catch (err) {
+        matcherResult = err.matcherResult;
+        pass = false;
+    }
+    const message = pass
+        ? () => this.utils.matcherHint(assertionName, undefined, undefined, { isNot: this.isNot }) +
+            '\n\n' +
+            `Locator: ${locator}\n` +
+            `Expected: ${this.isNot ? 'not' : ''}${this.utils.printExpected(expected)}\n` +
+            (matcherResult ? `Received: ${this.utils.printReceived(matcherResult.actual)}` : '')
+        : () => this.utils.matcherHint(assertionName, undefined, undefined, { isNot: this.isNot }) +
+            '\n\n' +
+            `Locator: ${locator}\n` +
+            `Expected: ${this.utils.printExpected(expected)}\n` +
+            (matcherResult ? `Received: ${this.utils.printReceived(matcherResult.actual)}` : '');
+    return {
+        name: assertionName,
+        message,
+        pass,
+        expected,
+        actual: matcherResult === null || matcherResult === void 0 ? void 0 : matcherResult.actual,
+    };
+}
+export const expect = baseExpect.extend({
+    toHaveCustomState,
+});
+//# sourceMappingURL=helpers.tests.js.map

package/dist/esm/helpers.tests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.tests.js","sourceRoot":"","sources":["../../src/helpers.tests.ts"],"names":[],"mappings":"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"}

package/dist/esm/horizontal-bar-chart/define.js

@@ -0,0 +1,4 @@
+import { FluentDesignSystem } from '@fluentui/web-components';
+import { definition } from './horizontal-bar-chart.definition.js';
+definition.define(FluentDesignSystem.registry);
+//# sourceMappingURL=define.js.map

package/dist/esm/horizontal-bar-chart/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/horizontal-bar-chart/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}

package/dist/esm/horizontal-bar-chart/horizontal-bar-chart.bench.js

@@ -0,0 +1,10 @@
+import { FluentDesignSystem } from '@fluentui/web-components';
+import { definition } from './horizontal-bar-chart.definition.js';
+definition.define(FluentDesignSystem.registry);
+const itemRenderer = () => {
+    const horizontalbarchart = document.createElement('fluent-horizontal-bar-chart');
+    return horizontalbarchart;
+};
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';
+//# sourceMappingURL=horizontal-bar-chart.bench.js.map