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

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

@@ -0,0 +1,53 @@
+import { html, ref, repeat, when } from '@microsoft/fast-element';
+/**
+ * Generates a template for the HorizontalBarChart component.
+ *
+ * @public
+ */
+export function horizontalbarchartTemplate() {
+    return html `
+    <template>
+      <div ${ref('chartContainer')}></div>
+      ${when(x => !x.hideLegends, html `
+          <div class="legendcontainer" role="listbox" aria-label="${x => x.legendListLabel}">
+            ${repeat(x => x.uniqueLegends, html ` <button
+                class="legend${(x, c) => c.parent.activeLegend === '' || c.parent.activeLegend === x.legend ? '' : ' inactive'}"
+                role="option"
+                aria-setsize="${(x, c) => c.length}"
+                aria-posinset="${(x, c) => c.index + 1}"
+                aria-selected="${(x, c) => x.legend === c.parent.activeLegend}"
+                @mouseover="${(x, c) => c.parent.handleLegendMouseoverAndFocus(x.legend)}"
+                @mouseout="${(x, c) => c.parent.handleLegendMouseoutAndBlur()}"
+                @focus="${(x, c) => c.parent.handleLegendMouseoverAndFocus(x.legend)}"
+                @blur="${(x, c) => c.parent.handleLegendMouseoutAndBlur()}"
+                @click="${(x, c) => c.parent.handleLegendClick(x.legend)}"
+              >
+                <div
+                  class="legend-rect"
+                  style="background-color: ${x => x.color}; border-color: ${x => x.color};"
+                ></div>
+                <div class="legend-text">${x => x.legend}</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-line" style="border-color: ${x => x.tooltipProps.color};">
+              <div class="tooltip-legend-text">${x => x.tooltipProps.legend}</div>
+              <div class="tooltip-data-y" style="color: ${x => x.tooltipProps.color};">
+                ${x => x.tooltipProps.yValue}
+              </div>
+            </div>
+          </div>
+        `)}
+    </template>
+  `;
+}
+/**
+ * @internal
+ */
+export const template = horizontalbarchartTemplate();
+//# sourceMappingURL=horizontal-bar-chart.template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal-bar-chart.template.js","sourceRoot":"","sources":["../../../src/horizontal-bar-chart/horizontal-bar-chart.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIvF;;;;GAIG;AACH,MAAM,UAAU,0BAA0B;IACxC,OAAO,IAAI,CAAG;;aAEH,GAAG,CAAC,gBAAgB,CAAC;QAC1B,IAAI,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,EACnB,IAAI,CAAG;oEACqD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;cAC5E,MAAM,CACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EACpB,IAAI,CAAmB;+BACN,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACtB,CAAC,CAAC,MAAM,CAAC,YAAY,KAAK,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,YAAY,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;;gCAEvE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;iCACjB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC;iCACrB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY;8BAC/C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,6BAA6B,CAAC,CAAC,CAAC,MAAM,CAAC;6BAC3D,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,2BAA2B,EAAE;0BACnD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,6BAA6B,CAAC,CAAC,CAAC,MAAM,CAAC;yBAC3D,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,2BAA2B,EAAE;0BAC/C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC;;;;6CAI3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK;;2CAE7C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;wBAChC,CACX;;SAEJ,CACF;QACC,IAAI,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,YAAY,CAAC,SAAS,EAC/C,IAAI,CAAG;;;yCAG0B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI;;6DAExC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK;iDACrC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM;0DACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK;kBACjE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM;;;;SAInC,CACF;;GAEJ,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAA4C,0BAA0B,EAAE,CAAC"}

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

@@ -0,0 +1,5 @@
+export { definition as HorizontalBarChartDefinition } from './horizontal-bar-chart.definition.js';
+export { HorizontalBarChart } from './horizontal-bar-chart.js';
+export { styles as HorizontalBarChartStyles } from './horizontal-bar-chart.styles.js';
+export { template as HorizontalBarChartTemplate } from './horizontal-bar-chart.template.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/horizontal-bar-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AAClG,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACtF,OAAO,EAAE,QAAQ,IAAI,0BAA0B,EAAE,MAAM,oCAAoC,CAAC"}

package/dist/esm/index-rollup.js

@@ -0,0 +1,3 @@
+import './horizontal-bar-chart/define.js';
+import './donut-chart/define.js';
+//# sourceMappingURL=index-rollup.js.map

package/dist/esm/index-rollup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-rollup.js","sourceRoot":"","sources":["../../src/index-rollup.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yBAAyB,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export { HorizontalBarChart, HorizontalBarChartDefinition, HorizontalBarChartStyles, HorizontalBarChartTemplate, } from './horizontal-bar-chart/index.js';
+export { DonutChart, DonutChartDefinition, DonutChartStyles, DonutChartTemplate } from './donut-chart/index.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,4BAA4B,EAC5B,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/esm/utils/benchmark-wrapper.js

@@ -0,0 +1,18 @@
+// eslint-disable-next-line
+// @ts-nocheck
+import { tests } from '@tensile-perf/web-components';
+import { webLightTheme } from '@fluentui/tokens';
+import { setTheme } from '@fluentui/web-components';
+const testWrapper = (test, args) => {
+    setTheme(webLightTheme);
+    return test(args);
+};
+const wrappedTests = {};
+for (const testName of Object.keys(tests)) {
+    const test = tests[testName];
+    wrappedTests[testName] = (args) => {
+        return testWrapper(test, args);
+    };
+}
+export { wrappedTests as tests };
+//# sourceMappingURL=benchmark-wrapper.js.map

package/dist/esm/utils/benchmark-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"benchmark-wrapper.js","sourceRoot":"","sources":["../../../src/utils/benchmark-wrapper.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,cAAc;AACd,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,MAAM,WAAW,GAAG,CAAC,IAAS,EAAE,IAAS,EAAE,EAAE;IAC3C,QAAQ,CAAC,aAAa,CAAC,CAAC;IACxB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,EAAE,CAAC;AAExB,KAAK,MAAM,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;IAC1C,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE7B,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAS,EAAE,EAAE;QACrC,OAAO,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjC,CAAC,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,YAAY,IAAI,KAAK,EAAE,CAAC"}

package/dist/esm/utils/chart-helpers.js

@@ -0,0 +1,160 @@
+import { Direction } from '@microsoft/fast-web-utilities';
+import { getDirection } from '@fluentui/web-components';
+export const jsonConverter = {
+    toView(value) {
+        return JSON.stringify(value);
+    },
+    fromView(value) {
+        return JSON.parse(value);
+    },
+};
+export const validateChartPropsArray = (obj, objName) => {
+    if (!Array.isArray(obj)) {
+        throw TypeError(`Invalid ${objName}: Expected an array.`);
+    }
+    obj.forEach((item, idx) => {
+        validateChartProps(item, `${objName}[${idx}]`);
+    });
+};
+export const validateChartProps = (obj, objName) => {
+    if (obj === null || typeof obj !== 'object' || Array.isArray(obj)) {
+        throw TypeError(`Invalid ${objName}: Expected an object.`);
+    }
+    if (!Array.isArray(obj.chartData)) {
+        throw TypeError(`Invalid ${objName}.chartData: Expected an array.`);
+    }
+    obj.chartData.forEach((item, idx) => {
+        if (item === null || typeof item !== 'object' || Array.isArray(item)) {
+            throw TypeError(`Invalid ${objName}.chartData[${idx}]: Expected an object.`);
+        }
+        if (typeof item.legend !== 'string') {
+            throw TypeError(`Invalid ${objName}.chartData[${idx}].legend: Expected a string.`);
+        }
+        if (typeof item.data !== 'number') {
+            throw TypeError(`Invalid ${objName}.chartData[${idx}].data: Expected a number.`);
+        }
+    });
+};
+export const DataVizPalette = {
+    color1: 'qualitative.1',
+    color2: 'qualitative.2',
+    color3: 'qualitative.3',
+    color4: 'qualitative.4',
+    color5: 'qualitative.5',
+    color6: 'qualitative.6',
+    color7: 'qualitative.7',
+    color8: 'qualitative.8',
+    color9: 'qualitative.9',
+    color10: 'qualitative.10',
+    color11: 'qualitative.21',
+    color12: 'qualitative.22',
+    color13: 'qualitative.23',
+    color14: 'qualitative.24',
+    color15: 'qualitative.25',
+    color16: 'qualitative.26',
+    color17: 'qualitative.27',
+    color18: 'qualitative.28',
+    color19: 'qualitative.29',
+    info: 'semantic.info',
+    disabled: 'semantic.disabled',
+    highError: 'semantic.highError',
+    error: 'semantic.error',
+    warning: 'semantic.warning',
+    success: 'semantic.success',
+    highSuccess: 'semantic.highSuccess',
+};
+const QualitativePalette = {
+    '1': ['#637cef'], // [cornflower.tint10],
+    '2': ['#e3008c'], // [hotPink.primary],
+    '3': ['#2aa0a4'], // [teal.tint20],
+    '4': ['#9373c0'], // [orchid.tint10],
+    '5': ['#13a10e'], // [lightGreen.primary],
+    '6': ['#3a96dd'], // [lightBlue.primary],
+    '7': ['#ca5010'], // [pumpkin.primary],
+    '8': ['#57811b'], // [lime.shade20],
+    '9': ['#b146c2'], // [lilac.primary],
+    '10': ['#ae8c00'], // [gold.shade10],
+    '21': ['#4f6bed'], // [cornflower.primary],
+    '22': ['#ea38a6'], // [hotPink.tint20],
+    '23': ['#038387'], // [teal.primary],
+    '24': ['#8764b8'], // [orchid.primary],
+    '25': ['#11910d'], // [lightGreen.shade10],
+    '26': ['#3487c7'], // [lightBlue.shade10],
+    '27': ['#d06228'], // [pumpkin.tint10],
+    '28': ['#689920'], // [lime.shade10],
+    '29': ['#ba58c9'], // [lilac.tint10],
+};
+const SemanticPalette = {
+    info: ['#015cda'],
+    disabled: ['#dbdbdb', '#4d4d4d'], // [grey[86], grey[30]]
+    highError: ['#6e0811', '#cc2635'], // [cranberry.shade30, cranberry.tint10],
+    error: ['#c50f1f', '#dc626d'], // [cranberry.primary, cranberry.tint30],
+    warning: ['#f7630c', '#f87528'], // [orange.primary, orange.tint10],
+    success: ['#107c10', '#54b054'], // [green.primary, green.tint30],
+    highSuccess: ['#094509', '#218c21'], // [green.shade30, green.tint10],
+};
+const Colors = {
+    qualitative: QualitativePalette,
+    semantic: SemanticPalette,
+};
+const QUALITATIVE_COLORS = Object.values(QualitativePalette);
+const TOKENS = Object.values(DataVizPalette);
+const getThemeSpecificColor = (colors, isDarkTheme) => {
+    if (colors.length === 0) {
+        return '';
+    }
+    const colorIdx = Number(isDarkTheme);
+    if (colorIdx < colors.length) {
+        return colors[colorIdx];
+    }
+    return colors[0];
+};
+export const getNextColor = (index, offset = 0, isDarkTheme = false) => {
+    const colors = QUALITATIVE_COLORS[(index + offset) % QUALITATIVE_COLORS.length];
+    return getThemeSpecificColor(colors, isDarkTheme);
+};
+export const getColorFromToken = (token, isDarkTheme = false) => {
+    if (TOKENS.indexOf(token) >= 0) {
+        const [paletteName, colorCode] = token.split('.');
+        const colors = Colors[paletteName][colorCode];
+        return getThemeSpecificColor(colors, isDarkTheme);
+    }
+    return token;
+};
+export const getRTL = (rootNode) => {
+    return getDirection(rootNode) === Direction.rtl;
+};
+export const SVG_NAMESPACE_URI = 'http://www.w3.org/2000/svg';
+export const wrapText = (text, width) => {
+    if (!text.textContent) {
+        return;
+    }
+    const words = text.textContent.split(/\s+/).reverse();
+    let word;
+    let line = [];
+    let lineNumber = 0;
+    const lineHeight = text.getBoundingClientRect().height;
+    const y = text.getAttribute('y') || '0';
+    text.textContent = null;
+    let tspan = document.createElementNS(SVG_NAMESPACE_URI, 'tspan');
+    text.appendChild(tspan);
+    tspan.setAttribute('x', '0');
+    tspan.setAttribute('y', y);
+    tspan.setAttribute('dy', `${lineNumber++ * lineHeight}`);
+    while ((word = words.pop())) {
+        line.push(word);
+        tspan.textContent = line.join(' ') + ' ';
+        if (tspan.getComputedTextLength() > width && line.length > 1) {
+            line.pop();
+            tspan.textContent = line.join(' ') + ' ';
+            line = [word];
+            tspan = document.createElementNS(SVG_NAMESPACE_URI, 'tspan');
+            text.appendChild(tspan);
+            tspan.setAttribute('x', '0');
+            tspan.setAttribute('y', y);
+            tspan.setAttribute('dy', `${lineNumber++ * lineHeight}`);
+            tspan.textContent = word;
+        }
+    }
+};
+//# sourceMappingURL=chart-helpers.js.map

package/dist/esm/utils/chart-helpers.js.map

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fluentui/chart-web-components",
   "description": "A library of Fluent Chart Web Components",
-  "version": "0.0.1-0",
+  "version": "0.0.2",
   "author": {
     "name": "Microsoft"
   },
@@ -97,8 +97,8 @@
   },
   "dependencies": {
     "@microsoft/fast-web-utilities": "^6.0.0",
-    "@fluentui/tokens": "0.0.0-nightly-20250120-0408.1",
-    "@fluentui/web-components": "^3.0.0-beta.77",
+    "@fluentui/tokens": "^1.0.0-alpha.21",
+    "@fluentui/web-components": "^3.0.0-beta.79",
     "@types/d3-selection": "^3.0.0",
     "@types/d3-shape": "^3.0.0",
     "d3-selection": "^3.0.0",