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

package/dist/npm/BaseGauge.js

@@ -1,220 +0,0 @@
-"use strict";
-
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BaseGaugeVue2 = exports.BaseGauge = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var inject = allVue.inject;
-var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-var theme_service_1 = require("./theming/theme-service");
-var store_1 = require("./store/store");
-var reducer_1 = require("./store/reducer");
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-var kendo_vue_common_2 = require("@progress/kendo-vue-common");
-var package_metadata_1 = require("./package-metadata");
-/**
- * @hidden
- */
-var BaseGaugeVue2 = {
-  name: 'KendoBaseGauge',
-  props: {
-    dir: String,
-    renderAs: {
-      type: String,
-      default: 'svg',
-      validator: function validator(value) {
-        return ['svg', 'canvas'].includes(value);
-      }
-    },
-    scale: Object,
-    value: Number,
-    pointer: {
-      type: [Object, Array],
-      default: function _default() {
-        return undefined;
-      }
-    },
-    gaugeConstructor: [Object, Function],
-    deriveOptionsFromParent: Function,
-    transitions: {
-      type: Boolean,
-      default: undefined
-    }
-  },
-  inject: {
-    kendoIntlService: {
-      default: null
-    }
-  },
-  created: function created() {
-    (0, kendo_vue_common_2.validatePackage)(package_metadata_1.packageMetadata);
-    this.gaugeInstance = null;
-    this.themeStore = {};
-    this._prevRenderAs = this.renderAs;
-    this._prevDir = this.dir;
-    this._prevScale = this.scale;
-    this.themeStore = (0, store_1.default)(reducer_1.themeReducer);
-  },
-  mounted: function mounted() {
-    (0, theme_service_1.loadTheme)(this.themeStore, this.instantiateCoreGauge.bind(this));
-    this.themeUnsubscriber = this.themeStore.subscribe(this.refresh.bind(this));
-    window.addEventListener('resize', this.onWindowResize);
-  },
-  watch: {
-    dir: function dir(_newDir, oldDir) {
-      this._prevDir = oldDir;
-    },
-    renderAs: function renderAs(_newRenderAs, oldRenderAs) {
-      this._prevRenderAs = oldRenderAs;
-    },
-    scale: function scale(_newScale, oldScale) {
-      this._prevScale = oldScale;
-    }
-  },
-  updated: function updated() {
-    var _a = this.$props,
-      dir = _a.dir,
-      getTarget = _a.getTarget,
-      gaugeConstructor = _a.gaugeConstructor,
-      className = _a.className,
-      renderAs = _a.renderAs,
-      scale = _a.scale,
-      currentOthers = __rest(_a, ["dir", "getTarget", "gaugeConstructor", "className", "renderAs", "scale"]);
-    if (this.gaugeInstance !== null) {
-      var optionsChanged = this._prevDir !== dir || this._prevRenderAs !== renderAs || this._prevScale !== scale;
-      var typedCurrentOthers = currentOthers;
-      if (!optionsChanged) {
-        this.gaugeInstance.noTransitionsRedraw();
-      }
-      if (optionsChanged || (renderAs || 'svg') !== (this._prevRenderAs || 'svg')) {
-        this.refresh();
-      } else {
-        if (Object.keys(currentOthers).indexOf('pointer') > -1 && currentOthers.pointer) {
-          var isPointerArray = Array.isArray(typedCurrentOthers.pointer);
-          if (isPointerArray) {
-            this.refreshAllValues(typedCurrentOthers.pointer.map(function (item) {
-              return item.value;
-            }));
-          } else {
-            this.refreshValue((typedCurrentOthers.pointer || {}).value);
-          }
-        } else {
-          this.refreshValue(typedCurrentOthers.value);
-        }
-      }
-      if (this._prevDir !== dir) {
-        this.gaugeInstance.setDirection(this.getDirection(dir));
-      }
-      this.$emit('render', {
-        sender: this
-      });
-    }
-  },
-  destroyed: function destroyed() {
-    this.themeUnsubscriber();
-    if (this.gaugeInstance !== null) {
-      this.gaugeInstance.destroy();
-      this.gaugeInstance = null;
-    }
-    window.removeEventListener('resize', this.onWindowResize);
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    var kendoIntlService = inject('kendoIntlService', {});
-    return {
-      v3: v3,
-      kendoIntlService: kendoIntlService
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlots = (0, kendo_vue_common_2.getDefaultSlots)(this);
-    var gaugeStyles = Object.assign({}, {
-      position: 'relative'
-    });
-    this._intl = (0, kendo_vue_intl_1.provideIntlService)(this);
-    return h("div", {
-      style: gaugeStyles
-    }, [defaultSlots]);
-  },
-  methods: {
-    instantiateCoreGauge: function instantiateCoreGauge() {
-      var _a = this.$props,
-        dir = _a.dir,
-        gaugeConstructor = _a.gaugeConstructor;
-      var gaugeOptions = this.getGaugeOptions();
-      this.gaugeInstance = new gaugeConstructor(this.$el, gaugeOptions, this.themeStore.getState(), {
-        rtl: this.getDirection(dir),
-        intlService: this._intl,
-        sender: this
-      });
-    },
-    refresh: function refresh() {
-      if (this.gaugeInstance !== null) {
-        var themeOptions = this.themeStore.getState();
-        var gaugeOptions = this.getGaugeOptions();
-        this.gaugeInstance.setOptions(gaugeOptions, themeOptions);
-      }
-    },
-    refreshValue: function refreshValue(value) {
-      this.gaugeInstance.value(value);
-    },
-    refreshAllValues: function refreshAllValues(values) {
-      this.gaugeInstance.allValues(values);
-    },
-    getDirection: function getDirection(dir) {
-      var _this = this;
-      var directionFromWindow = function directionFromWindow() {
-        return kendo_vue_common_1.canUseDOM && window.getComputedStyle(_this.$el).direction;
-      };
-      var direction = dir !== undefined ? dir : directionFromWindow() || 'ltr';
-      return direction === 'rtl';
-    },
-    getGaugeOptions: function getGaugeOptions() {
-      var _a = this.$props,
-        renderAs = _a.renderAs,
-        transitions = _a.transitions,
-        deriveOptionsFromParent = _a.deriveOptionsFromParent;
-      var gaugeOptions = Object.assign({
-        renderAs: renderAs,
-        transitions: transitions
-      });
-      if (deriveOptionsFromParent) {
-        // Add options from parent - required by TS
-        gaugeOptions = deriveOptionsFromParent(gaugeOptions);
-      }
-      return gaugeOptions;
-    },
-    onWindowResize: function onWindowResize() {
-      if (this.gaugeInstance !== null) {
-        this.gaugeInstance.resize();
-        this.$emit('render', {
-          sender: this
-        });
-      }
-    }
-  }
-};
-exports.BaseGaugeVue2 = BaseGaugeVue2;
-/**
- * @hidden
- */
-var BaseGauge = BaseGaugeVue2;
-exports.BaseGauge = BaseGauge;

package/dist/npm/BaseGaugeProps.d.ts

@@ -1,44 +0,0 @@
-/**
- * @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;
-}

package/dist/npm/BaseGaugeProps.js

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

package/dist/npm/CircularGauge.d.ts

@@ -1,43 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import { CircularGaugeProps } from './CircularGaugeProps';
-import { ArcGaugeState, ArcGaugeComputed, ArcGaugeMethods, ArcGaugeData } from './ArcGauge';
-/**
- * @hidden
- */
-export interface CircularGaugeState extends ArcGaugeState {
-}
-/**
- * @hidden
- */
-export interface CircularGaugeComputed extends ArcGaugeComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface CircularGaugeMethods extends ArcGaugeMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface CircularGaugeData extends ArcGaugeData {
-}
-/**
- * @hidden
- */
-export interface CircularGaugeAll extends Vue2type, CircularGaugeMethods, CircularGaugeData, CircularGaugeComputed, CircularGaugeState {
-}
-/**
- * @hidden
- */
-declare let CircularGaugeVue2: ComponentOptions<CircularGaugeAll, DefaultData<CircularGaugeData>, DefaultMethods<CircularGaugeAll>, CircularGaugeComputed, RecordPropsDefinition<CircularGaugeProps>>;
-/**
- * @hidden
- */
-declare const CircularGauge: DefineComponent<CircularGaugeProps, any, CircularGaugeData, CircularGaugeComputed, CircularGaugeMethods, {}, {}, {}, string, CircularGaugeProps, CircularGaugeProps, {}>;
-export { CircularGauge, CircularGaugeVue2 };

package/dist/npm/CircularGauge.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var __assign = undefined && undefined.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CircularGaugeVue2 = exports.CircularGauge = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var ArcGauge_1 = require("./ArcGauge");
-var kendo_charts_1 = require("@progress/kendo-charts");
-/**
- * @hidden
- */
-var CircularGaugeVue2 = __assign(__assign({}, ArcGauge_1.ArcGauge), {
-  name: 'KendoCircularGauge',
-  created: function created() {
-    this.gaugeType = kendo_charts_1.CircularGauge;
-    this.arcCenterStyles = {};
-  }
-});
-exports.CircularGaugeVue2 = CircularGaugeVue2;
-/**
- * @hidden
- */
-var CircularGauge = CircularGaugeVue2;
-exports.CircularGauge = CircularGauge;

package/dist/npm/CircularGaugeProps.d.ts

@@ -1,17 +0,0 @@
-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/dist/npm/CircularGaugeProps.js

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

package/dist/npm/LinearGauge.d.ts

@@ -1,43 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import { LinearGaugeProps } from './LinearGaugeProps';
-/**
- * @hidden
- */
-export interface LinearGaugeState {
-    baseGauge: any;
-}
-/**
- * @hidden
- */
-export interface LinearGaugeComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface LinearGaugeMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface LinearGaugeData {
-}
-/**
- * @hidden
- */
-export interface LinearGaugeAll extends Vue2type, LinearGaugeMethods, LinearGaugeData, LinearGaugeComputed, LinearGaugeState {
-}
-/**
- * @hidden
- */
-declare let LinearGaugeVue2: ComponentOptions<LinearGaugeAll, DefaultData<LinearGaugeData>, DefaultMethods<LinearGaugeAll>, LinearGaugeComputed, RecordPropsDefinition<LinearGaugeProps>>;
-/**
- * @hidden
- */
-declare const LinearGauge: DefineComponent<LinearGaugeProps, any, LinearGaugeData, LinearGaugeComputed, LinearGaugeMethods, {}, {}, {}, string, LinearGaugeProps, LinearGaugeProps, {}>;
-export { LinearGauge, LinearGaugeVue2 };

package/dist/npm/LinearGauge.js

@@ -1,132 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LinearGaugeVue2 = exports.LinearGauge = 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 LinearGaugeVue2 = {
-  name: 'KendoLinearGauge',
-  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);
-    return (
-      // @ts-ignore  function children
-      h(BaseGauge_1.BaseGauge, {
-        transitions: this.$props.transitions,
-        attrs: this.v3 ? undefined : {
-          transitions: this.$props.transitions,
-          scale: this.$props.scale,
-          pointer: this.$props.pointer,
-          deriveOptionsFromParent: this.deriveOptionsFromParent,
-          gaugeConstructor: kendo_charts_1.LinearGauge,
-          getTarget: this.getTarget
-        },
-        scale: this.$props.scale,
-        pointer: this.$props.pointer,
-        deriveOptionsFromParent: this.deriveOptionsFromParent,
-        ref: this.v3 ? function (el) {
-          _this.baseGaugeRef = el;
-        } : 'baseGauge',
-        gaugeConstructor: kendo_charts_1.LinearGauge,
-        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.LinearGaugeVue2 = LinearGaugeVue2;
-/**
- * @hidden
- */
-var LinearGauge = LinearGaugeVue2;
-exports.LinearGauge = LinearGauge;

package/dist/npm/LinearGaugeProps.d.ts

@@ -1,15 +0,0 @@
-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/dist/npm/LinearGaugeProps.js

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

package/dist/npm/RadialGauge.d.ts

@@ -1,43 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import { RadialGaugeProps } from './RadialGaugeProps';
-/**
- * @hidden
- */
-export interface RadialGaugeState {
-    baseGauge: any;
-}
-/**
- * @hidden
- */
-export interface RadialGaugeComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface RadialGaugeMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface RadialGaugeData {
-}
-/**
- * @hidden
- */
-export interface RadialGaugeAll extends Vue2type, RadialGaugeMethods, RadialGaugeData, RadialGaugeComputed, RadialGaugeState {
-}
-/**
- * @hidden
- */
-declare let RadialGaugeVue2: ComponentOptions<RadialGaugeAll, DefaultData<RadialGaugeData>, DefaultMethods<RadialGaugeAll>, RadialGaugeComputed, RecordPropsDefinition<RadialGaugeProps>>;
-/**
- * @hidden
- */
-declare const RadialGauge: DefineComponent<RadialGaugeProps, any, RadialGaugeData, RadialGaugeComputed, RadialGaugeMethods, {}, {}, {}, string, RadialGaugeProps, RadialGaugeProps, {}>;
-export { RadialGauge, RadialGaugeVue2 };