@progress/kendo-react-gauges
Version:
React Gauges provide a set of React components for building beautiful and customizable gauges. KendoReact Gauges package
76 lines (75 loc) • 2.3 kB
JavaScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
import * as a from "react";
import { BaseGauge as n } from "./BaseGauge.mjs";
import { RadialGauge as u } from "@progress/kendo-charts";
import { Group as i } from "@progress/kendo-drawing";
import { classNames as o } from "@progress/kendo-react-common";
import { resolveGaugeColorsVariables as l } from "./utils/css-variables.mjs";
class f extends a.Component {
constructor() {
super(...arguments), this._baseGauge = null, this.getTarget = () => this, this.deriveOptionsFromParent = (e) => {
const { pointer: r, scale: s } = this.props, t = {
...e,
pointer: r,
scale: s
};
return this.element ? l(t, this.element) : t;
};
}
/**
* @hidden
*/
get gaugeInstance() {
return this._baseGauge !== null ? this._baseGauge.gaugeInstance : null;
}
/**
* The Drawing `Surface` of the Gauge.
*/
get surface() {
return this._baseGauge !== null ? this._baseGauge.surface : null;
}
/**
* The DOM element of the Gauge.
*/
get element() {
return this._baseGauge !== null ? this._baseGauge.element : null;
}
/**
* @hidden
*/
render() {
const { children: e, className: r, ...s } = this.props;
return /* @__PURE__ */ a.createElement(
n,
{
...s,
deriveOptionsFromParent: this.deriveOptionsFromParent,
ref: (t) => {
this._baseGauge = t;
},
gaugeConstructor: u,
getTarget: this.getTarget,
className: o("k-gauge", r)
},
e
);
}
/**
* Exports a Gauge component as a Drawing `Scene`.
*
* @param {any} options - The parameters for the export operation.
* @returns {Promise<Group>} - A promise that returns the root `Group` of the scene.
*/
exportVisual(e) {
return this.gaugeInstance !== null ? Promise.resolve(this.gaugeInstance.exportVisual(e)) : Promise.resolve(new i());
}
}
export {
f as RadialGauge
};