@progress/kendo-react-gauges 13.3.0-develop.9 → 13.4.0-develop.1

package/types/scale.interface.d.ts

@@ -0,0 +1,54 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Labels } from './labels.interface.js';
+import { Ticks } from './ticks.interface.js';
+/**
+ * The scale options of the Gauge.
+ */
+export interface Scale {
+    /**
+     * Configures the scale labels.
+     */
+    labels?: Labels;
+    /**
+     * Configures the major scale ticks.
+     */
+    majorTicks?: Ticks;
+    /**
+     * Configures the minor scale ticks.
+     */
+    minorTicks?: Ticks;
+    /**
+     * The minimum value of the scale.
+     */
+    min?: number;
+    /**
+     * The maximum value of the scale.
+     */
+    max?: number;
+    /**
+     * The interval between minor divisions.
+     */
+    minorUnit?: number;
+    /**
+     * The interval between major divisions.
+     */
+    majorUnit?: number;
+    /**
+     * Reverses the scale direction.
+     */
+    reverse?: boolean;
+    /**
+     * The width of the range indicators.
+     */
+    rangeSize?: number;
+    /**
+     * The default color of the ranges.
+     */
+    rangePlaceholderColor?: string;
+}

package/types/ticks.interface.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * The options for the scale ticks.
+ */
+export interface Ticks {
+    /**
+     * The color of the ticks. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The size of the ticks. Represents the length of the line (in pixels) that is drawn to indicate the tick on the scale.
+     */
+    size?: number;
+    /**
+     * The visibility of the ticks.
+     */
+    visible?: boolean;
+    /**
+     * The ticks width (in pixels).
+     */
+    width?: number;
+}

package/types.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+export type { ArcScale } from './types/arc-scale.interface.js';
+export type { ColorRange } from './types/color-range.interface.js';
+export type { Scale } from './types/scale.interface.js';
+export type { LineCap } from './types/line-cap.js';
+export type { RadialLabelPosition } from './types/radial-label-position.js';
+export type { RadialLabels } from './types/radial-labels.interface.js';
+export type { Labels } from './types/labels.interface.js';
+export type { Margin } from './types/margin.interface.js';
+export type { Padding } from './types/padding.interface.js';
+export type { Border } from './types/border.interface.js';
+export type { Ticks } from './types/ticks.interface.js';
+export type { DashType } from './types/dash-type.interface.js';
+export type { Cap } from './types/cap.interface.js';
+export type { GaugeArea } from './types/gauge-area.interface.js';
+export type { Line } from './types/line.interface.js';
+export type { LinearPointer } from './types/linear-pointer.interface.js';
+export type { LinearPointerShape } from './types/linear-pointer-shape.js';
+export type { LinearScale } from './types/linear-scale.interface.js';
+export type { RadialPointer } from './types/radial-pointer.interface.js';
+export type { RadialScale } from './types/radial-scale.interface.js';
+export type { Range } from './types/range.interface.js';

package/utils/common.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+export declare const isOptionsChanged: (original: any, current: any) => boolean;

package/utils/css-variables.d.ts

@@ -0,0 +1,72 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Utility functions for resolving CSS custom properties (variables) in gauge colors
+ */
+/**
+ * Checks if a color string is a CSS custom property (variable)
+ *
+ * @param color - The color string to check
+ * @returns True if the color is a CSS variable, false otherwise
+ * @hidden
+ */
+export declare const isCssVariable: (color: string) => boolean;
+/**
+ * Resolves a CSS custom property to its computed value
+ *
+ * @param color - The CSS custom property to resolve
+ * @param element - The DOM element to use for context (defaults to document.documentElement)
+ * @returns The resolved color value or the original color if it can't be resolved
+ * @hidden
+ */
+export declare const resolveCssVariable: (color: string, element?: HTMLElement) => string;
+/**
+ * Resolves CSS custom properties in a ColorRange object
+ *
+ * @param colorRange - The ColorRange object that may contain CSS variables
+ * @param element - The DOM element to use for context
+ * @returns A new ColorRange object with resolved colors
+ * @hidden
+ */
+export declare const resolveColorRangeVariables: (colorRange: any, element?: HTMLElement) => any;
+/**
+ * Resolves CSS custom properties in an array of ColorRange objects
+ *
+ * @param colors - Array of ColorRange objects that may contain CSS variables
+ * @param element - The DOM element to use for context
+ * @returns A new array with resolved colors
+ * @hidden
+ */
+export declare const resolveColorsArray: (colors: any[], element?: HTMLElement) => any[];
+/**
+ * Resolves CSS custom properties in a pointer object (LinearPointer or RadialPointer)
+ *
+ * @param pointer - The pointer object that may contain CSS variables
+ * @param element - The DOM element to use for context
+ * @returns A new pointer object with resolved colors
+ * @hidden
+ */
+export declare const resolvePointerVariables: (pointer: any, element?: HTMLElement) => any;
+/**
+ * Resolves CSS custom properties in pointer configuration (single pointer or array of pointers)
+ *
+ * @param pointer - The pointer configuration that may contain CSS variables
+ * @param element - The DOM element to use for context
+ * @returns A new pointer configuration with resolved colors
+ * @hidden
+ */
+export declare const resolvePointerColorsVariables: (pointer: any, element?: HTMLElement) => any;
+/**
+ * Resolves CSS custom properties in gauge options
+ *
+ * @param options - The gauge options object that may contain CSS variables in colors
+ * @param element - The DOM element to use for context
+ * @returns A new options object with resolved colors
+ * @hidden
+ */
+export declare const resolveGaugeColorsVariables: (options: any, element?: HTMLElement) => any;