@progress/kendo-vue-gauges 5.3.0-dev.202409130647 → 5.3.0-develop.1

package/dist/npm/RadialGauge.js

@@ -1,136 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RadialGaugeVue2 = exports.RadialGauge = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var BaseGauge_1 = require("./BaseGauge");
-var kendo_charts_1 = require("@progress/kendo-charts");
-var kendo_drawing_1 = require("@progress/kendo-drawing");
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-/**
- * @hidden
- */
-var RadialGaugeVue2 = {
-  name: 'KendoRadialGauge',
-  props: {
-    dir: String,
-    renderAs: {
-      type: String,
-      default: 'svg',
-      validator: function validator(value) {
-        return ['svg', 'canvas'].includes(value);
-      }
-    },
-    gaugeConstructor: [Object, Function],
-    pointer: {
-      type: [Object, Array],
-      default: undefined
-    },
-    scale: {
-      type: Object,
-      default: undefined
-    },
-    transitions: {
-      type: Boolean,
-      default: undefined
-    }
-  },
-  mounted: function mounted() {
-    this._baseGauge = this.v3 ? this.baseGaugeRef : this.$refs.baseGauge;
-  },
-  updated: function updated() {
-    this._baseGauge = this.v3 ? this.baseGaugeRef : this.$refs.baseGauge;
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var _this = this;
-    var h = gh || createElement;
-    var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
-    var _a = this.$props,
-      pointer = _a.pointer,
-      scale = _a.scale,
-      transitions = _a.transitions;
-    return (
-      // @ts-ignore  function children
-      h(BaseGauge_1.BaseGauge, {
-        transitions: transitions,
-        attrs: this.v3 ? undefined : {
-          transitions: transitions,
-          scale: scale,
-          pointer: pointer,
-          deriveOptionsFromParent: this.deriveOptionsFromParent,
-          gaugeConstructor: kendo_charts_1.RadialGauge,
-          getTarget: this.getTarget
-        },
-        scale: scale,
-        pointer: pointer,
-        deriveOptionsFromParent: this.deriveOptionsFromParent,
-        ref: this.v3 ? function (el) {
-          _this.baseGaugeRef = el;
-        } : 'baseGauge',
-        gaugeConstructor: kendo_charts_1.RadialGauge,
-        getTarget: this.getTarget,
-        "class": 'k-gauge'
-      }, this.v3 ? function () {
-        return [defaultSlots];
-      } : [defaultSlots])
-    );
-  },
-  methods: {
-    gaugeInstance: function gaugeInstance() {
-      if (this._baseGauge !== null) {
-        return this._baseGauge.gaugeInstance;
-      }
-      return null;
-    },
-    surface: function surface() {
-      if (this._baseGauge !== null) {
-        return this._baseGauge.surface;
-      }
-      return null;
-    },
-    element: function element() {
-      if (this._baseGauge !== null) {
-        return this._baseGauge.element;
-      }
-      return null;
-    },
-    exportVisual: function exportVisual(options) {
-      if (this.gaugeInstance() !== null) {
-        return Promise.resolve(this.gaugeInstance().exportVisual(options));
-      }
-      return Promise.resolve(new kendo_drawing_1.Group());
-    },
-    getTarget: function getTarget() {
-      return this;
-    },
-    deriveOptionsFromParent: function deriveOptionsFromParent(options) {
-      var _a = this.$props,
-        pointer = _a.pointer,
-        scale = _a.scale;
-      return Object.assign({}, options, {
-        pointer: pointer,
-        scale: scale
-      });
-    }
-  }
-};
-exports.RadialGaugeVue2 = RadialGaugeVue2;
-/**
- * @hidden
- */
-var RadialGauge = RadialGaugeVue2;
-exports.RadialGauge = RadialGauge;

package/dist/npm/RadialGaugeProps.d.ts

@@ -1,15 +0,0 @@
-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;
-}

package/dist/npm/RadialGaugeProps.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/npm/additionalTypes.ts

@@ -1,21 +0,0 @@
-// @ts-ignore
-import { DefineComponent } from 'vue';
-// @ts-ignore
-import * as Vue from 'vue';
-
-/**
- * @hidden
- */
-// @ts-ignore
-type Vue2type = Vue.default;
-
-/**
- * @hidden
- */
-// @ts-ignore
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
-/**
- * @hidden
- */
-// @ts-ignore
-export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

package/dist/npm/main.d.ts

@@ -1,10 +0,0 @@
-import { ArcGauge, ArcGaugeVue2 } from './ArcGauge';
-import { ArcGaugeProps } from './ArcGaugeProps';
-import { CircularGauge, CircularGaugeVue2 } from './CircularGauge';
-import { CircularGaugeProps } from './CircularGaugeProps';
-import { LinearGauge, LinearGaugeVue2 } from './LinearGauge';
-import { LinearGaugeProps } from './LinearGaugeProps';
-import { RadialGauge, RadialGaugeVue2 } from './RadialGauge';
-import { RadialGaugeProps } from './RadialGaugeProps';
-export * from './types';
-export { ArcGauge, ArcGaugeVue2, ArcGaugeProps, CircularGauge, CircularGaugeVue2, CircularGaugeProps, LinearGauge, LinearGaugeVue2, LinearGaugeProps, RadialGauge, RadialGaugeVue2, RadialGaugeProps };

package/dist/npm/main.js

@@ -1,30 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadialGaugeVue2 = exports.RadialGauge = exports.LinearGaugeVue2 = exports.LinearGauge = exports.CircularGaugeVue2 = exports.CircularGauge = exports.ArcGaugeVue2 = exports.ArcGauge = void 0;
-var ArcGauge_1 = require("./ArcGauge");
-Object.defineProperty(exports, "ArcGauge", { enumerable: true, get: function () { return ArcGauge_1.ArcGauge; } });
-Object.defineProperty(exports, "ArcGaugeVue2", { enumerable: true, get: function () { return ArcGauge_1.ArcGaugeVue2; } });
-var CircularGauge_1 = require("./CircularGauge");
-Object.defineProperty(exports, "CircularGauge", { enumerable: true, get: function () { return CircularGauge_1.CircularGauge; } });
-Object.defineProperty(exports, "CircularGaugeVue2", { enumerable: true, get: function () { return CircularGauge_1.CircularGaugeVue2; } });
-var LinearGauge_1 = require("./LinearGauge");
-Object.defineProperty(exports, "LinearGauge", { enumerable: true, get: function () { return LinearGauge_1.LinearGauge; } });
-Object.defineProperty(exports, "LinearGaugeVue2", { enumerable: true, get: function () { return LinearGauge_1.LinearGaugeVue2; } });
-var RadialGauge_1 = require("./RadialGauge");
-Object.defineProperty(exports, "RadialGauge", { enumerable: true, get: function () { return RadialGauge_1.RadialGauge; } });
-Object.defineProperty(exports, "RadialGaugeVue2", { enumerable: true, get: function () { return RadialGauge_1.RadialGaugeVue2; } });
-__exportStar(require("./types"), exports);

package/dist/npm/package-metadata.d.ts

@@ -1,5 +0,0 @@
-import { PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/dist/npm/package-metadata.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.packageMetadata = void 0;
-/**
- * @hidden
- */
-exports.packageMetadata = {
-    name: '@progress/kendo-vue-gauges',
-    productName: 'Kendo UI for Vue',
-    productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1726209669,
-    version: '',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
-};

package/dist/npm/store/reducer.d.ts

@@ -1,14 +0,0 @@
-import { StoreAction } from './store';
-/**
- * @hidden
- */
-declare const optionsReducer: (currentState: any, action: StoreAction) => object;
-/**
- * @hidden
- */
-declare const themeReducer: (currentState: any, action: StoreAction) => any;
-/**
- * @hidden
- */
-declare const observersReducer: (currentState: any, action: StoreAction) => any;
-export { optionsReducer, themeReducer, observersReducer };

package/dist/npm/store/reducer.js

@@ -1,107 +0,0 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.observersReducer = exports.themeReducer = exports.optionsReducer = void 0;
-/**
- * @hidden
- */
-var optionsReducer = function (currentState, action) {
-    if (action.gaugeCollectionIdxKey) {
-        return reducers.collectionConfigurationItem(currentState, action);
-    }
-    else if (action.gaugeKey) {
-        return reducers.configurationItem(currentState, action);
-    }
-    else {
-        return {};
-    }
-};
-exports.optionsReducer = optionsReducer;
-/**
- * @hidden
- */
-var themeReducer = function (currentState, action) {
-    if (action.type) {
-        switch (action.type) {
-            case 'set':
-                return reducers.themeItem(currentState, action);
-            case 'push':
-                return Object.assign(currentState, action.payload);
-            default:
-                return currentState;
-        }
-    }
-    else {
-        return {};
-    }
-};
-exports.themeReducer = themeReducer;
-/**
- * @hidden
- */
-var observersReducer = function (currentState, action) {
-    if (action.type) {
-        switch (action.type) {
-            case 'add':
-                return __spreadArray(__spreadArray([], currentState, true), [action.payload], false);
-            case 'remove':
-                return currentState.filter(function (element) { return element !== action.payload; });
-            default:
-                return currentState;
-        }
-    }
-    else {
-        return [];
-    }
-};
-exports.observersReducer = observersReducer;
-/**
- * @hidden
- */
-var reducers = {
-    configurationItem: function (currentState, action) {
-        var _a;
-        return Object.assign(currentState, (_a = {},
-            _a[action.gaugeKey] = action.payload,
-            _a));
-    },
-    collectionConfigurationItem: function (currentState, action) {
-        var _a;
-        var inCollection = false;
-        var _b = action.gaugeCollectionIdxKey.split('_'), collectionName = _b[0], collectionIdx = _b[1];
-        var collection = currentState[collectionName].map(function (item, index) {
-            if (parseInt(collectionIdx, 10) === index) {
-                inCollection = true;
-                return action.payload;
-            }
-            return item;
-        });
-        if (inCollection === false) {
-            collection.splice(parseInt(collectionIdx, 10), 0, action.payload);
-        }
-        return Object.assign(currentState, (_a = {},
-            _a[collectionName] = collection,
-            _a));
-    },
-    themeItem: function (currentState, action) {
-        var store = {};
-        var nextStore = Object.assign(store, currentState);
-        var _a = action.payload, field = _a.field, value = _a.value;
-        var parts = field.split('.');
-        var key = parts.shift();
-        while (parts.length > 0) {
-            store = store[key] = store[key] || {};
-            key = parts.shift();
-        }
-        store[key] = value;
-        return nextStore;
-    }
-};

package/dist/npm/store/store.d.ts

@@ -1,26 +0,0 @@
-/**
- * @hidden
- */
-export declare const THROTTLE_MS: number;
-/**
- * @hidden
- */
-export interface StoreAction {
-    gaugeKey?: string;
-    gaugeCollectionIdxKey?: string;
-    type?: string;
-    payload: any;
-}
-/**
- * @hidden
- */
-export interface Store {
-    getState(): any;
-    dispatch(action: StoreAction | object): void;
-    subscribe(f: Function): Function;
-}
-/**
- * @hidden
- */
-declare const createStore: (reducer: any) => Store;
-export default createStore;

package/dist/npm/store/store.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.THROTTLE_MS = void 0;
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-/**
- * @hidden
- */
-exports.THROTTLE_MS = 1000 / 60;
-/**
- * @hidden
- */
-var createStore = function (reducer) {
-    var state;
-    var timerId;
-    var listeners = [];
-    var getState = function () { return state; };
-    var dispatch = function (action) {
-        state = reducer(state, action);
-        if (kendo_vue_common_1.canUseDOM) {
-            window.clearTimeout(timerId);
-            timerId = window.setTimeout(function () { return listeners.forEach(function (l) { return l(); }); }, exports.THROTTLE_MS);
-        }
-    };
-    var subscribe = function (listener) {
-        listeners.push(listener);
-        return function () { return listeners = listeners.filter(function (l) { return l !== listener; }); };
-    };
-    dispatch({});
-    return { getState: getState, dispatch: dispatch, subscribe: subscribe };
-};
-exports.default = createStore;

package/dist/npm/theming/theme-service.d.ts

@@ -1,6 +0,0 @@
-import { Store } from './../store/store';
-/**
- * @hidden
- */
-declare const loadTheme: (store: Store, done: any) => void;
-export { loadTheme };

package/dist/npm/theming/theme-service.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadTheme = void 0;
-var kendo_charts_1 = require("@progress/kendo-charts");
-var template = "\n    <div class=\"k-var--gauge-pointer\"></div>\n    <div class=\"k-var--gauge-track\"></div>\n    <div class=\"k-var--normal-text-color\"></div>\n";
-/**
- * @hidden
- */
-var ThemeService = /** @class */ (function () {
-    function ThemeService(store) {
-        this.store = store;
-    }
-    ThemeService.prototype.setStyle = function (field, value) {
-        this.store.dispatch({ type: 'set', payload: { field: field, value: value } });
-    };
-    ThemeService.prototype.setColors = function () {
-        this.mapColor('pointer.color', 'gauge-pointer');
-        this.mapColor('scale.rangePlaceholderColor', 'gauge-track');
-        this.mapColor('scale.labels.color', 'normal-text-color');
-        this.mapColor('scale.minorTicks.color', 'normal-text-color');
-        this.mapColor('scale.majorTicks.color', 'normal-text-color');
-        this.mapColor('scale.line.color', 'normal-text-color');
-    };
-    ThemeService.prototype.mapColor = function (key, varName) {
-        this.setStyle(key, this.queryStyle(varName).backgroundColor);
-    };
-    ThemeService.prototype.queryStyle = function (varName) {
-        var element = this.element;
-        return window.getComputedStyle(element === null || element === void 0 ? void 0 : element.querySelector(".k-var--".concat(varName)));
-    };
-    return ThemeService;
-}());
-/**
- * @hidden
- */
-var loadTheme = function (store, done) {
-    var service = new ThemeService(store);
-    if (typeof document === 'undefined') {
-        store.dispatch({ type: 'push', payload: (0, kendo_charts_1.chartBaseTheme)() });
-        return;
-    }
-    var container = service.element = document.createElement('div');
-    container.style.display = 'none';
-    container.innerHTML = template;
-    document.body.appendChild(container);
-    try {
-        store.dispatch({ type: 'push', payload: (0, kendo_charts_1.chartBaseTheme)() });
-        service.setColors();
-    }
-    finally {
-        document.body.removeChild(service.element);
-        delete service.element;
-        done();
-    }
-};
-exports.loadTheme = loadTheme;

package/dist/npm/types/arc-scale.interface.d.ts

@@ -1,28 +0,0 @@
-import { RadialLabels } from './radial-labels.interface';
-import { Scale } from './scale.interface';
-import { LineCap } from './line-cap';
-/**
- * The scale options of the Gauge.
- */
-export interface ArcScale extends Scale {
-    /**
-     * Configures the scale labels.
-     */
-    labels?: RadialLabels;
-    /**
-     * The distance between the range indicators and the ticks.
-     */
-    rangeDistance?: number;
-    /**
-     * The `lineCap` style of the ranges.
-     */
-    rangeLineCap?: LineCap;
-    /**
-     * The starting angle of the Gauge. The Gauge is rendered clockwise (0 degrees equal 180 degrees in the polar coordinate system).
-     */
-    startAngle?: number;
-    /**
-     * The ending angle of the Gauge. The Gauge is rendered clockwise (0 degrees equals 180 degrees in the polar coordinate system).
-     */
-    endAngle?: number;
-}

package/dist/npm/types/arc-scale.interface.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// tslint:enable:max-line-length

package/dist/npm/types/border.interface.d.ts

@@ -1,18 +0,0 @@
-import { DashType } from './dash-type.interface';
-/**
- * The appearance settings for the border lines.
- */
-export interface Border {
-    /**
-     * The color of the border line. Accepts valid CSS color strings, including hex and rgb.
-     */
-    color?: string;
-    /**
-     * The dash type of the border line.
-     */
-    dashType?: DashType;
-    /**
-     * The width of the border line in pixels.
-     */
-    width?: number;
-}

package/dist/npm/types/border.interface.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/types/cap.interface.d.ts

@@ -1,13 +0,0 @@
-/**
- * The configuration options for the RadialGauge pointer cap.
- */
-export interface Cap {
-    /**
-     * The color of the cap. Accepts valid CSS color strings, including hex and rgb.
-     */
-    color?: string;
-    /**
-     * The size of the cap in percent (from 0 to 1).
-     */
-    size?: number;
-}

package/dist/npm/types/cap.interface.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/types/circular-scale.interface.d.ts

@@ -1,10 +0,0 @@
-import { ArcScale } from './arc-scale.interface';
-/**
- * The scale options of the Gauge.
- */
-export interface CircularScale extends ArcScale {
-    /**
-     * @hidden
-     */
-    endAngle?: number;
-}

package/dist/npm/types/circular-scale.interface.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/types/color-range.interface.d.ts

@@ -1,21 +0,0 @@
-/**
- * The color range configuration.
- */
-export interface ColorRange {
-    /**
-     * The color of the range. Accepts valid CSS color strings, including hex and rgb.
-     */
-    color?: string;
-    /**
-     * The opacity of the range.
-     */
-    opacity?: number;
-    /**
-     * The range start value.
-     */
-    from?: number;
-    /**
-     * The range end value.
-     */
-    to?: number;
-}

package/dist/npm/types/color-range.interface.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/types/dash-type.interface.d.ts

@@ -1,4 +0,0 @@
-/**
- * The dash type of a line.
- */
-export declare type DashType = 'dash' | 'dashDot' | 'dot' | 'longDash' | 'longDashDot' | 'longDashDotDot' | 'solid';

package/dist/npm/types/dash-type.interface.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/types/gauge-area.interface.d.ts

@@ -1,27 +0,0 @@
-import { Border } from './border.interface';
-import { Margin } from './margin.interface';
-/**
- * The configuration options for the Gauge area. Represents the entire visible area of the Gauge.
- */
-export interface GaugeArea {
-    /**
-     * The background of the Gauge area. Accepts valid CSS color strings, including hex and rgb.
-     */
-    background?: string;
-    /**
-     * The border of the Gauge area.
-     */
-    border?: Border;
-    /**
-     * The height of the Gauge area.
-     */
-    height?: number;
-    /**
-     * The margin of the Gauge area.
-     */
-    margin?: number | Margin;
-    /**
-     * The height of the Gauge area.
-     */
-    width?: number;
-}

package/dist/npm/types/gauge-area.interface.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });