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

package/dist/esm/ArcCenter.js

@@ -1,76 +0,0 @@
-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

@@ -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/esm/ArcGauge.js

@@ -1,211 +0,0 @@
-// @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

@@ -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/esm/ArcGaugeProps.js

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

package/dist/esm/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 };

package/dist/esm/BaseGauge.js

@@ -1,213 +0,0 @@
-var __rest = this && this.__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;
-};
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var inject = allVue.inject;
-import { provideIntlService } from '@progress/kendo-vue-intl';
-import { loadTheme } from './theming/theme-service.js';
-import createStore from './store/store.js';
-import { themeReducer } from './store/reducer.js';
-import { canUseDOM } from '@progress/kendo-vue-common';
-import { validatePackage, getDefaultSlots } from '@progress/kendo-vue-common';
-import { packageMetadata } from './package-metadata.js';
-/**
- * @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() {
-    validatePackage(packageMetadata);
-    this.gaugeInstance = null;
-    this.themeStore = {};
-    this._prevRenderAs = this.renderAs;
-    this._prevDir = this.dir;
-    this._prevScale = this.scale;
-    this.themeStore = createStore(themeReducer);
-  },
-  mounted: function mounted() {
-    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 = getDefaultSlots(this);
-    var gaugeStyles = Object.assign({}, {
-      position: 'relative'
-    });
-    this._intl = 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 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
-        });
-      }
-    }
-  }
-};
-/**
- * @hidden
- */
-var BaseGauge = BaseGaugeVue2;
-export { BaseGauge, BaseGaugeVue2 };

package/dist/esm/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/esm/BaseGaugeProps.js

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