@progress/kendo-vue-gauges 3.5.0 → 3.5.1-dev.202208150613

package/dist/es/ArcGaugeProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/BaseGaugeProps.js

@@ -1 +1 @@
-// tslint:enable:max-line-length
+export {}; // tslint:enable:max-line-length

package/dist/es/CircularGaugeProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/LinearGaugeProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/RadialGaugeProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-gauges',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1659429047,
+    publishDate: 1660543472,
     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/es/store/reducer.js

@@ -1,9 +1,11 @@
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+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));
 };
 /**
  * @hidden
@@ -44,7 +46,7 @@ var observersReducer = function (currentState, action) {
     if (action.type) {
         switch (action.type) {
             case 'add':
-                return __spreadArrays(currentState, [action.payload]);
+                return __spreadArray(__spreadArray([], currentState, true), [action.payload], false);
             case 'remove':
                 return currentState.filter(function (element) { return element !== action.payload; });
             default:

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

@@ -23,7 +23,7 @@ var ThemeService = /** @class */ (function () {
     };
     ThemeService.prototype.queryStyle = function (varName) {
         var element = this.element;
-        return window.getComputedStyle(element === null || element === void 0 ? void 0 : element.querySelector(".k-var--" + varName));
+        return window.getComputedStyle(element === null || element === void 0 ? void 0 : element.querySelector(".k-var--".concat(varName)));
     };
     return ThemeService;
 }());

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

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

package/dist/es/types/labels.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/types/line-cap.js

@@ -0,0 +1 @@
+export {};

package/dist/es/types/line.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/es/types/linear-pointer-shape.js

@@ -0,0 +1 @@
+export {};

package/dist/es/types/linear-pointer.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/es/types/linear-scale.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/types/margin.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/es/types/padding.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/es/types/radial-label-position.js

@@ -0,0 +1 @@
+export {};

package/dist/es/types/radial-labels.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/es/types/radial-pointer.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/types/radial-scale.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/types/range.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/es/types/scale.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/es/types/ticks.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/ArcCenter.d.ts

@@ -0,0 +1,53 @@
+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;
+};
+export interface ArcCenterValue {
+    value: number;
+    color: string;
+}
+/**
+ * @hidden
+ */
+export interface ArcCenterState {
+    element: HTMLDivElement | null;
+}
+/**
+ * @hidden
+ */
+export interface ArcCenterProps {
+    center?: any;
+    arcCenterValue?: object;
+}
+/**
+ * @hidden
+ */
+export interface ArcCenterComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ArcCenterMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ArcCenterData {
+}
+/**
+ * @hidden
+ */
+export interface ArcCenterAll extends Vue2type, ArcCenterMethods, ArcCenterData, ArcCenterComputed, ArcCenterState {
+}
+/**
+ * @hidden
+ */
+declare let ArcCenterVue2: ComponentOptions<ArcCenterAll, DefaultData<ArcCenterData>, DefaultMethods<ArcCenterAll>, ArcCenterComputed, RecordPropsDefinition<ArcCenterProps>>;
+/**
+ * @hidden
+ */
+declare const ArcCenter: DefineComponent<ArcCenterProps, any, ArcCenterData, ArcCenterComputed, ArcCenterMethods, {}, {}, {}, string, ArcCenterProps, ArcCenterProps, {}>;
+export { ArcCenter, ArcCenterVue2 };

package/dist/esm/ArcCenter.js

@@ -0,0 +1,86 @@
+var __assign = this && this.__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);
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { getTemplate } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+
+var ArcCenterVue2 = {
+  name: 'KendoArcCenter',
+  props: {
+    center: [String, Function, Object]
+  },
+  inject: {
+    arcCenterValue: {
+      default: null
+    },
+    centerStyles: {
+      default: null
+    }
+  },
+  created: function created() {
+    this.element = null;
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var center = this.$props.center;
+
+    var divStyle = __assign({
+      zIndex: -1
+    }, this.centerStyles);
+
+    var renderer = null;
+
+    if (center) {
+      var centerDefaultRendering = '';
+      renderer = getTemplate.call(this, {
+        h: h,
+        template: center,
+        defaultRendering: centerDefaultRendering,
+        additionalProps: {
+          value: this.arcCenterValue.value,
+          color: this.arcCenterValue.color
+        }
+      });
+      return h("div", {
+        "class": "k-arcgauge-label",
+        style: divStyle
+      }, [renderer]);
+    }
+
+    return renderer;
+  }
+};
+/**
+ * @hidden
+ */
+
+var ArcCenter = ArcCenterVue2;
+export { ArcCenter, ArcCenterVue2 };

package/dist/esm/ArcGauge.d.ts

@@ -0,0 +1,48 @@
+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 { ArcGaugeProps } from './ArcGaugeProps';
+export interface ArcCenterStyle {
+    left: string;
+    top: string;
+}
+/**
+ * @hidden
+ */
+export interface ArcGaugeState {
+    baseGauge: any;
+    gaugeType: any;
+}
+/**
+ * @hidden
+ */
+export interface ArcGaugeComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ArcGaugeMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ArcGaugeData {
+}
+/**
+ * @hidden
+ */
+export interface ArcGaugeAll extends Vue2type, ArcGaugeMethods, ArcGaugeData, ArcGaugeComputed, ArcGaugeState {
+}
+/**
+ * @hidden
+ */
+declare let ArcGaugeVue2: ComponentOptions<ArcGaugeAll, DefaultData<ArcGaugeData>, DefaultMethods<ArcGaugeAll>, ArcGaugeComputed, RecordPropsDefinition<ArcGaugeProps>>;
+/**
+ * @hidden
+ */
+declare const ArcGauge: DefineComponent<ArcGaugeProps, any, ArcGaugeData, ArcGaugeComputed, ArcGaugeMethods, {}, {}, {}, string, ArcGaugeProps, ArcGaugeProps, {}>;
+export { ArcGauge, ArcGaugeVue2 };

package/dist/esm/ArcGauge.js

@@ -0,0 +1,217 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { BaseGauge } from './BaseGauge.js';
+import { ArcGauge as KendoArcGauge } from '@progress/kendo-charts';
+import { ArcCenter } from './ArcCenter.js';
+import { Group, drawDOM } from '@progress/kendo-drawing';
+import { classNames, getDefaultSlots, templateRendering, getListeners } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+
+var ArcGaugeVue2 = {
+  name: 'KendoArcGauge',
+  props: {
+    dir: String,
+    renderAs: {
+      type: String,
+      default: 'svg',
+      validator: function validator(value) {
+        return ['svg', 'canvas'].includes(value);
+      }
+    },
+    gaugeConstructor: [Object, Function],
+    value: {
+      type: Number,
+      default: undefined
+    },
+    color: String,
+    colors: {
+      type: Array,
+      default: undefined
+    },
+    opacity: {
+      type: Number,
+      default: undefined
+    },
+    scale: {
+      type: Object,
+      default: undefined
+    },
+    centerRender: [String, Function, Object],
+    transitions: {
+      type: Boolean,
+      default: undefined
+    }
+  },
+  created: function created() {
+    this.gaugeType = KendoArcGauge;
+  },
+  data: function data() {
+    return {
+      centerStyles: {
+        top: null,
+        left: null
+      },
+      arcCenterValue: {
+        value: '',
+        color: ''
+      }
+    };
+  },
+  provide: function provide() {
+    return {
+      centerStyles: this.$data.centerStyles,
+      arcCenterValue: this.$data.arcCenterValue
+    };
+  },
+  mounted: function mounted() {
+    this._baseGauge = this.v3 ? this.baseGaugeRef : this.$refs.baseGauge;
+    this.center = this.v3 ? this.centerRef : this.$refs.center;
+    this.positionCenter();
+  },
+  watch: {
+    colors: function colors(_newColors, oldColors) {
+      this.prevColors = oldColors;
+    }
+  },
+  updated: function updated() {
+    this._baseGauge = this.v3 ? this.baseGaugeRef : this.$refs.baseGauge;
+    this.center = this.v3 ? this.centerRef : this.$refs.center;
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this2 = this;
+
+    var _this = this;
+
+    var h = gh || createElement;
+    var defaultSlots = getDefaultSlots(this);
+    var _a = this.$props,
+        centerRender = _a.centerRender,
+        className = _a.className,
+        value = _a.value,
+        transitions = _a.transitions,
+        scale = _a.scale;
+    var center = centerRender ? templateRendering.call(this, centerRender, getListeners.call(this)) : undefined;
+    return (// @ts-ignore  function children
+      h(BaseGauge, {
+        value: value,
+        attrs: this.v3 ? undefined : {
+          value: value,
+          scale: scale,
+          transitions: transitions,
+          deriveOptionsFromParent: this.deriveOptionsFromParent,
+          gaugeConstructor: this.gaugeType,
+          getTarget: this.getTarget
+        },
+        scale: scale,
+        transitions: transitions,
+        deriveOptionsFromParent: this.deriveOptionsFromParent,
+        ref: this.v3 ? function (el) {
+          _this.baseGaugeRef = el;
+        } : 'baseGauge',
+        gaugeConstructor: this.gaugeType,
+        getTarget: this.getTarget,
+        "class": classNames('k-gauge k-arcgauge', className),
+        onRender: this.positionCenter,
+        on: this.v3 ? undefined : {
+          "render": this.positionCenter
+        }
+      }, this.v3 ? function () {
+        return [defaultSlots, // @ts-ignore
+        h(ArcCenter, {
+          center: center,
+          attrs: _this2.v3 ? undefined : {
+            center: center
+          },
+          ref: _this2.v3 ? function (el) {
+            _this.centerRef = el;
+          } : 'center'
+        })];
+      } : [defaultSlots, h(ArcCenter, {
+        center: center,
+        attrs: _this2.v3 ? undefined : {
+          center: center
+        },
+        ref: _this2.v3 ? function (el) {
+          _this.centerRef = el;
+        } : 'center'
+      })])
+    );
+  },
+  methods: {
+    positionCenter: function positionCenter() {
+      var width = this.center.$el.offsetWidth;
+      var height = this.center.$el.offsetHeight;
+      var gaugeInstance = this.gaugeInstance();
+      var position = gaugeInstance.centerLabelPosition(width, height);
+      this.centerStyles.left = position.left + 'px';
+      this.centerStyles.top = position.top + 'px';
+      this.arcCenterValue.value = gaugeInstance.value();
+      this.arcCenterValue.color = gaugeInstance.currentColor();
+    },
+    gaugeInstance: function gaugeInstance() {
+      if (this._baseGauge) {
+        return this._baseGauge.gaugeInstance;
+      }
+
+      return null;
+    },
+    surface: function surface() {
+      if (this._baseGauge) {
+        return this._baseGauge.surface;
+      }
+
+      return null;
+    },
+    element: function element() {
+      if (this._baseGauge) {
+        return this._baseGauge.element;
+      }
+
+      return null;
+    },
+    exportVisual: function exportVisual(options) {
+      if (this.gaugeInstance !== null && this.$el) {
+        return drawDOM(this.$el, options);
+      }
+
+      return Promise.resolve(new Group());
+    },
+    getTarget: function getTarget() {
+      return this;
+    },
+    deriveOptionsFromParent: function deriveOptionsFromParent(options) {
+      var _a = this.$props,
+          value = _a.value,
+          color = _a.color,
+          colors = _a.colors,
+          opacity = _a.opacity,
+          scale = _a.scale;
+      return Object.assign({}, options, {
+        value: value,
+        color: color,
+        colors: colors,
+        opacity: opacity,
+        scale: scale
+      });
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var ArcGauge = ArcGaugeVue2;
+export { ArcGauge, ArcGaugeVue2 };

package/dist/esm/ArcGaugeProps.d.ts

@@ -0,0 +1,33 @@
+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/dist/esm/ArcGaugeProps.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/BaseGauge.d.ts

@@ -0,0 +1,47 @@
+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 { Surface } from '@progress/kendo-drawing';
+import { BaseGaugeProps } from './BaseGaugeProps';
+/**
+ * @hidden
+ */
+export interface BaseGaugeState {
+    gaugeInstance: any | null;
+    surface: Surface;
+    element: HTMLDivElement | null;
+    themeStore: any;
+}
+/**
+ * @hidden
+ */
+export interface BaseGaugeComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface BaseGaugeMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface BaseGaugeData {
+}
+/**
+ * @hidden
+ */
+export interface BaseGaugeAll extends Vue2type, BaseGaugeMethods, BaseGaugeData, BaseGaugeComputed, BaseGaugeState {
+}
+/**
+ * @hidden
+ */
+declare let BaseGaugeVue2: ComponentOptions<BaseGaugeAll, DefaultData<BaseGaugeData>, DefaultMethods<BaseGaugeAll>, BaseGaugeComputed, RecordPropsDefinition<BaseGaugeProps>>;
+/**
+ * @hidden
+ */
+declare const BaseGauge: DefineComponent<BaseGaugeProps, any, BaseGaugeData, BaseGaugeComputed, BaseGaugeMethods, {}, {}, {}, string, BaseGaugeProps, BaseGaugeProps, {}>;
+export { BaseGauge, BaseGaugeVue2 };