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

package/dist/esm/types/ticks.interface.d.ts

@@ -1,21 +0,0 @@
-/**
- * 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/dist/esm/types/ticks.interface.js

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

package/dist/esm/types.d.ts

@@ -1,21 +0,0 @@
-export { ArcScale } from './types/arc-scale.interface';
-export { ColorRange } from './types/color-range.interface';
-export { Scale } from './types/scale.interface';
-export { LineCap } from './types/line-cap';
-export { RadialLabelPosition } from './types/radial-label-position';
-export { RadialLabels } from './types/radial-labels.interface';
-export { Labels } from './types/labels.interface';
-export { Margin } from './types/margin.interface';
-export { Padding } from './types/padding.interface';
-export { Border } from './types/border.interface';
-export { Ticks } from './types/ticks.interface';
-export { DashType } from './types/dash-type.interface';
-export { Cap } from './types/cap.interface';
-export { GaugeArea } from './types/gauge-area.interface';
-export { Line } from './types/line.interface';
-export { LinearPointer } from './types/linear-pointer.interface';
-export { LinearPointerShape } from './types/linear-pointer-shape';
-export { LinearScale } from './types/linear-scale.interface';
-export { RadialPointer } from './types/radial-pointer.interface';
-export { RadialScale } from './types/radial-scale.interface';
-export { Range } from './types/range.interface';

package/dist/esm/types.js

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

package/dist/esm/utils/common.d.ts

@@ -1,4 +0,0 @@
-/**
- * @hidden
- */
-export declare const isOptionsChanged: (original: any, current: any) => boolean;

package/dist/esm/utils/common.js

@@ -1,39 +0,0 @@
-var isObject = function (value) {
-    return typeof value === 'object';
-};
-var diffOptions = function (original, current) {
-    if (Object.keys(original).length !== Object.keys(current).length) {
-        return true;
-    }
-    for (var field in original) {
-        if (field !== 'value' && original.hasOwnProperty(field)) {
-            var originalValue = original[field];
-            var currentValue = current[field];
-            var diff = isObject(originalValue) && isObject(currentValue) ?
-                diffOptions(originalValue, currentValue) : originalValue !== currentValue;
-            if (diff) {
-                return true;
-            }
-        }
-    }
-    return false;
-};
-/**
- * @hidden
- */
-export var isOptionsChanged = function (original, current) {
-    if (!original || !current) {
-        return true;
-    }
-    original = [].concat(original);
-    current = [].concat(current);
-    if (original.length !== current.length) {
-        return true;
-    }
-    for (var idx = 0; idx < original.length; idx++) {
-        if (diffOptions(original[idx], current[idx])) {
-            return true;
-        }
-    }
-    return false;
-};

package/dist/npm/ArcCenter.d.ts

@@ -1,53 +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;
-};
-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/npm/ArcCenter.js

@@ -1,83 +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.ArcCenterVue2 = exports.ArcCenter = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var kendo_vue_common_1 = require("@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 = kendo_vue_common_1.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;
-  }
-};
-exports.ArcCenterVue2 = ArcCenterVue2;
-/**
- * @hidden
- */
-var ArcCenter = ArcCenterVue2;
-exports.ArcCenter = ArcCenter;

package/dist/npm/ArcGauge.d.ts

@@ -1,48 +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 { 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/npm/ArcGauge.js

@@ -1,218 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ArcGaugeVue2 = exports.ArcGauge = 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 ArcCenter_1 = require("./ArcCenter");
-var kendo_drawing_1 = require("@progress/kendo-drawing");
-var kendo_vue_common_1 = require("@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 = kendo_charts_1.ArcGauge;
-  },
-  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 = (0, kendo_vue_common_1.getDefaultSlots)(this);
-    var _a = this.$props,
-      centerRender = _a.centerRender,
-      className = _a.className,
-      value = _a.value,
-      transitions = _a.transitions,
-      scale = _a.scale;
-    var center = centerRender ? kendo_vue_common_1.templateRendering.call(this, centerRender, kendo_vue_common_1.getListeners.call(this)) : undefined;
-    return (
-      // @ts-ignore  function children
-      h(BaseGauge_1.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": (0, kendo_vue_common_1.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_1.ArcCenter, {
-          center: center,
-          attrs: _this2.v3 ? undefined : {
-            center: center
-          },
-          ref: _this2.v3 ? function (el) {
-            _this.centerRef = el;
-          } : 'center'
-        })];
-      } : [defaultSlots, h(ArcCenter_1.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 (0, kendo_drawing_1.drawDOM)(this.$el, options);
-      }
-      return Promise.resolve(new kendo_drawing_1.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
-      });
-    }
-  }
-};
-exports.ArcGaugeVue2 = ArcGaugeVue2;
-/**
- * @hidden
- */
-var ArcGauge = ArcGaugeVue2;
-exports.ArcGauge = ArcGauge;

package/dist/npm/ArcGaugeProps.d.ts

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

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

package/dist/npm/BaseGauge.d.ts

@@ -1,47 +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 { 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 };