@progress/kendo-vue-gauges 8.0.3-develop.2 → 8.0.3-develop.4

package/ArcCenter.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+export interface ArcCenterProps {
+    center?: any;
+    arcCenterValue?: object;
+}
+/**
+ * @hidden
+ */
+declare const ArcCenter: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    center: PropType<any>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    center: PropType<any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ArcCenter };

package/ArcGauge.d.ts

@@ -0,0 +1,101 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Surface, Group } from '@progress/kendo-drawing';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+declare const ArcGauge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    dir: PropType<string>;
+    renderAs: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+    gaugeConstructor: PropType<object>;
+    value: {
+        type: PropType<number>;
+        default: any;
+    };
+    color: PropType<string>;
+    colors: {
+        type: PropType<import('./types').ColorRange[]>;
+        default: any;
+    };
+    opacity: {
+        type: PropType<number>;
+        default: any;
+    };
+    scale: {
+        type: PropType<import('./types').ArcScale>;
+        default: any;
+    };
+    centerRender: PropType<any>;
+    transitions: {
+        type: PropType<boolean>;
+        default: any;
+    };
+}>, {}, {
+    centerStyles: {
+        top: any;
+        left: any;
+    };
+    arcCenterValue: {
+        value: string;
+        color: string;
+    };
+}, {}, {
+    positionCenter(): void;
+    gaugeInstance(): any;
+    surface(): Surface | null;
+    element(): HTMLDivElement | null;
+    exportVisual(options?: any): Promise<Group>;
+    getTarget(): any;
+    deriveOptionsFromParent(options: any): any;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    dir: PropType<string>;
+    renderAs: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+    gaugeConstructor: PropType<object>;
+    value: {
+        type: PropType<number>;
+        default: any;
+    };
+    color: PropType<string>;
+    colors: {
+        type: PropType<import('./types').ColorRange[]>;
+        default: any;
+    };
+    opacity: {
+        type: PropType<number>;
+        default: any;
+    };
+    scale: {
+        type: PropType<import('./types').ArcScale>;
+        default: any;
+    };
+    centerRender: PropType<any>;
+    transitions: {
+        type: PropType<boolean>;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    value: number;
+    scale: import('./types').ArcScale;
+    colors: import('./types').ColorRange[];
+    opacity: number;
+    renderAs: string;
+    transitions: boolean;
+}, {}, {}, {}, string, () => {
+    centerStyles: any;
+    arcCenterValue: any;
+}, true, {}, any>;
+export { ArcGauge };

package/ArcGaugeProps.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BaseGaugeProps } from './BaseGaugeProps';
+import { ArcScale, ColorRange } from './types';
+/**
+ * Represents the props of the [Kendo UI for Vue ArcGauge component]({% slug overview_arcgauge_gauges %}).
+ */
+export interface ArcGaugeProps extends BaseGaugeProps {
+    /**
+     * The value of the Gauge.
+     */
+    value: number;
+    /**
+     * The color of the value pointer. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The color ranges of the value pointer
+     * ([see example]({% slug colorranges_arcgauge %})).
+     */
+    colors?: ColorRange[];
+    /**
+     * The opacity of the value pointer.
+     */
+    opacity?: number;
+    /**
+     * The scale options of the ArcGauge.
+     */
+    scale?: ArcScale;
+    /**
+     *
+     * A function that renders the center template of the Gauge.
+     */
+    centerRender?: any;
+}

package/BaseGauge.d.ts

@@ -0,0 +1,69 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+declare const BaseGauge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    dir: PropType<string>;
+    renderAs: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+    scale: PropType<object>;
+    value: PropType<number>;
+    pointer: {
+        type: PropType<object>;
+        default: () => any;
+    };
+    gaugeConstructor: PropType<object>;
+    deriveOptionsFromParent: PropType<(options: any) => any>;
+    transitions: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    getTarget: PropType<() => any>;
+    onRender: PropType<(event: any) => void>;
+}>, {
+    kendoIntlService: {};
+}, {}, {}, {
+    instantiateCoreGauge(): void;
+    refresh(): void;
+    refreshValue(value: number): void;
+    refreshAllValues(values: Array<number>): void;
+    getDirection(dir?: string): boolean;
+    getGaugeOptions(): any;
+    onWindowResize(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    dir: PropType<string>;
+    renderAs: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+    scale: PropType<object>;
+    value: PropType<number>;
+    pointer: {
+        type: PropType<object>;
+        default: () => any;
+    };
+    gaugeConstructor: PropType<object>;
+    deriveOptionsFromParent: PropType<(options: any) => any>;
+    transitions: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    getTarget: PropType<() => any>;
+    onRender: PropType<(event: any) => void>;
+}>> & Readonly<{}>, {
+    pointer: object;
+    renderAs: string;
+    transitions: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { BaseGauge };

package/BaseGauge.mjs

@@ -10,7 +10,7 @@ import { provideIntlService as l } from "@progress/kendo-vue-intl";
 import { loadTheme as p } from "./theming/theme-service.mjs";
 import f from "./store/store.mjs";
 import { themeReducer as m } from "./store/reducer.mjs";
-import { canUseDOM as v, getDefaultSlots as S, validatePackage as O } from "@progress/kendo-vue-common";
+import { getDefaultSlots as v, validatePackage as S, canUseDOM as O } from "@progress/kendo-vue-common";
 import { packageMetadata as I } from "./package-metadata.mjs";
 const F = /* @__PURE__ */ u({
   name: "KendoBaseGauge",
@@ -40,7 +40,7 @@ const F = /* @__PURE__ */ u({
     onRender: Function
   },
   created() {
-    O(I), this.gaugeInstance = null, this.themeStore = {}, this._prevRenderAs = this.renderAs, this._prevDir = this.dir, this._prevScale = this.scale, this.themeStore = f(m);
+    S(I), this.gaugeInstance = null, this.themeStore = {}, this._prevRenderAs = this.renderAs, this._prevDir = this.dir, this._prevScale = this.scale, this.themeStore = f(m);
   },
   mounted() {
     p(this.themeStore, this.instantiateCoreGauge.bind(this), this.$el), this.themeUnsubscriber = this.themeStore.subscribe(this.refresh.bind(this)), window.addEventListener("resize", this.onWindowResize);
@@ -82,7 +82,7 @@ const F = /* @__PURE__ */ u({
     };
   },
   render() {
-    const e = S(this), t = Object.assign({}, {
+    const e = v(this), t = Object.assign({}, {
       position: "relative"
     });
     return this._intl = l(this), d("div", {
@@ -114,7 +114,7 @@ const F = /* @__PURE__ */ u({
       this.gaugeInstance.allValues(e);
     },
     getDirection(e) {
-      return (e !== void 0 ? e : v && window.getComputedStyle(this.$el).direction || "ltr") === "rtl";
+      return (e !== void 0 ? e : O && window.getComputedStyle(this.$el).direction || "ltr") === "rtl";
     },
     getGaugeOptions() {
       const {

package/BaseGaugeProps.d.ts

@@ -0,0 +1,55 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export interface BaseGaugePrivateProps {
+    /**
+     * @hidden
+     */
+    deriveOptionsFromParent?: (options: any) => any;
+    /**
+     * @hidden
+     */
+    gaugeConstructor?: object;
+    /**
+     * @hidden
+     */
+    getTarget?: () => any;
+}
+/**
+ * @hidden
+ */
+export interface BaseGaugeProps extends BaseGaugePrivateProps {
+    /**
+     * Represents the `dir` HTML attribute.
+     */
+    dir?: string;
+    value?: number;
+    scale?: object;
+    pointer?: object;
+    color?: any;
+    colors?: any[];
+    opacity?: any;
+    /**
+     * Sets the preferred rendering engine. If not supported by the browser, the Gauge switches to the first available mode.
+     *
+     * The supported values are:
+     * - `"svg"`—If available, renders the component as an inline `.svg` file.
+     * - `"canvas"`—If available, renders the component as a `canvas` element.
+     */
+    renderAs?: 'svg' | 'canvas' | string;
+    /**
+     * If set to `true`, the Gauge plays animations when it displays the series. By default, animations are enabled.
+     */
+    transitions?: boolean;
+    /**
+     * The event handler that is called when the component is rendered.
+     */
+    onRender?: (event: any) => void;
+}

package/CircularGauge.d.ts

@@ -0,0 +1,99 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+declare const CircularGauge: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    dir: import('vue').PropType<string>;
+    renderAs: {
+        type: import('vue').PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+    gaugeConstructor: import('vue').PropType<object>;
+    value: {
+        type: import('vue').PropType<number>;
+        default: any;
+    };
+    color: import('vue').PropType<string>;
+    colors: {
+        type: import('vue').PropType<import('./types').ColorRange[]>;
+        default: any;
+    };
+    opacity: {
+        type: import('vue').PropType<number>;
+        default: any;
+    };
+    scale: {
+        type: import('vue').PropType<import('./types').ArcScale>;
+        default: any;
+    };
+    centerRender: import('vue').PropType<any>;
+    transitions: {
+        type: import('vue').PropType<boolean>;
+        default: any;
+    };
+}>, {}, {
+    centerStyles: {
+        top: any;
+        left: any;
+    };
+    arcCenterValue: {
+        value: string;
+        color: string;
+    };
+}, {}, {
+    positionCenter(): void;
+    gaugeInstance(): any;
+    surface(): import('@progress/kendo-drawing').Surface;
+    element(): HTMLDivElement;
+    exportVisual(options?: any): Promise<import('@progress/kendo-drawing').Group>;
+    getTarget(): any;
+    deriveOptionsFromParent(options: any): any;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    dir: import('vue').PropType<string>;
+    renderAs: {
+        type: import('vue').PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+    gaugeConstructor: import('vue').PropType<object>;
+    value: {
+        type: import('vue').PropType<number>;
+        default: any;
+    };
+    color: import('vue').PropType<string>;
+    colors: {
+        type: import('vue').PropType<import('./types').ColorRange[]>;
+        default: any;
+    };
+    opacity: {
+        type: import('vue').PropType<number>;
+        default: any;
+    };
+    scale: {
+        type: import('vue').PropType<import('./types').ArcScale>;
+        default: any;
+    };
+    centerRender: import('vue').PropType<any>;
+    transitions: {
+        type: import('vue').PropType<boolean>;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    value: number;
+    scale: import('./types').ArcScale;
+    colors: import('./types').ColorRange[];
+    opacity: number;
+    renderAs: string;
+    transitions: boolean;
+}, {}, {}, {}, string, () => {
+    centerStyles: any;
+    arcCenterValue: any;
+}, true, {}, any>, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { CircularGauge };

package/CircularGaugeProps.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ArcGaugeProps } from './ArcGaugeProps';
+import { CircularScale } from './types/circular-scale.interface';
+import { ColorRange } from './types/color-range.interface';
+/**
+ * Represents the props of the [Kendo UI for Vue CircularGauge component]({% slug overview_circulargauge_gauges %}).
+ */
+export interface CircularGaugeProps extends ArcGaugeProps {
+    /**
+     * The color ranges of the value pointer
+     * ([see example]({% slug colorranges_circulargauge %})).
+     */
+    colors?: ColorRange[];
+    /**
+     * The scale options of the CircularGauge.
+     */
+    scale?: CircularScale;
+}

package/LinearGauge.d.ts

@@ -0,0 +1,66 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Surface, Group } from '@progress/kendo-drawing';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+declare const LinearGauge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    dir: PropType<string>;
+    renderAs: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+    gaugeConstructor: PropType<object>;
+    pointer: {
+        type: PropType<import('./types').LinearPointer | import('./types').LinearPointer[]>;
+        default: any;
+    };
+    scale: {
+        type: PropType<import('./types').LinearScale>;
+        default: any;
+    };
+    transitions: {
+        type: PropType<boolean>;
+        default: any;
+    };
+}>, {}, {}, {}, {
+    gaugeInstance(): any;
+    surface(): Surface | null;
+    element(): HTMLDivElement | null;
+    exportVisual(options?: any): Promise<Group>;
+    getTarget(): any;
+    deriveOptionsFromParent(options: any): any;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    dir: PropType<string>;
+    renderAs: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+    gaugeConstructor: PropType<object>;
+    pointer: {
+        type: PropType<import('./types').LinearPointer | import('./types').LinearPointer[]>;
+        default: any;
+    };
+    scale: {
+        type: PropType<import('./types').LinearScale>;
+        default: any;
+    };
+    transitions: {
+        type: PropType<boolean>;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    scale: import('./types').LinearScale;
+    pointer: any;
+    renderAs: string;
+    transitions: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { LinearGauge };

package/LinearGaugeProps.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BaseGaugeProps } from './BaseGaugeProps';
+import { LinearPointer, LinearScale } from './types';
+/**
+ * Represents the props of the [Kendo UI for Vue LinearGauge component]({% slug overview_lineargauge_gauges %}).
+ */
+export interface LinearGaugeProps extends BaseGaugeProps {
+    /**
+     * The configuration of the pointers ([see example]({% slug multiplepointers_lineargauge %})).
+     */
+    pointer: LinearPointer | LinearPointer[];
+    /**
+     * The configuration of the scale.
+     */
+    scale?: LinearScale;
+}

package/RadialGauge.d.ts

@@ -0,0 +1,66 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Surface, Group } from '@progress/kendo-drawing';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+declare const RadialGauge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    dir: PropType<string>;
+    renderAs: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+    gaugeConstructor: PropType<object>;
+    pointer: {
+        type: PropType<import('./types').RadialPointer | import('./types').RadialPointer[]>;
+        default: any;
+    };
+    scale: {
+        type: PropType<import('./types').RadialScale>;
+        default: any;
+    };
+    transitions: {
+        type: PropType<boolean>;
+        default: any;
+    };
+}>, {}, {}, {}, {
+    gaugeInstance(): any;
+    surface(): Surface | null;
+    element(): HTMLDivElement | null;
+    exportVisual(options?: any): Promise<Group>;
+    getTarget(): any;
+    deriveOptionsFromParent(options: any): any;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    dir: PropType<string>;
+    renderAs: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+    gaugeConstructor: PropType<object>;
+    pointer: {
+        type: PropType<import('./types').RadialPointer | import('./types').RadialPointer[]>;
+        default: any;
+    };
+    scale: {
+        type: PropType<import('./types').RadialScale>;
+        default: any;
+    };
+    transitions: {
+        type: PropType<boolean>;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    scale: import('./types').RadialScale;
+    pointer: import('./types').RadialPointer | import('./types').RadialPointer[];
+    renderAs: string;
+    transitions: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { RadialGauge };

package/RadialGaugeProps.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BaseGaugeProps } from './BaseGaugeProps';
+import { RadialPointer, RadialScale } from './types';
+/**
+ * Represents the props of the [Kendo UI for Vue RadialGauge component]({% slug overview_radialgauge_gauges %}).
+ */
+export interface RadialGaugeProps extends BaseGaugeProps {
+    /**
+     * The configuration of the pointers ([see example]({% slug multiplepointers_radialgauge %})).
+     */
+    pointer: RadialPointer | RadialPointer[];
+    /**
+     * The configuration of the scale.
+     */
+    scale?: RadialScale;
+}