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

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

@@ -0,0 +1,22 @@
+import { DashType } from './dash-type.interface';
+/**
+ * The scale line options.
+ */
+export interface Line {
+    /**
+     * The color of the lines. Accepts valid CSS color strings, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The dash type of the line.
+     */
+    dashType?: DashType;
+    /**
+     * The visibility of the lines.
+     */
+    visible?: boolean;
+    /**
+     * The width of the line.
+     */
+    width?: number;
+}

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

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

package/dist/esm/types/linear-pointer-shape.d.ts

@@ -0,0 +1,4 @@
+/**
+ * The shape of the pointer.
+ */
+export declare type LinearPointerShape = 'barIndicator' | 'arrow';

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

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

package/dist/esm/types/linear-pointer.interface.d.ts

@@ -0,0 +1,36 @@
+import { Border } from './border.interface';
+import { Margin } from './margin.interface';
+import { LinearPointerShape } from './linear-pointer-shape';
+/**
+ * The configuration options for the LinearGauge pointer.
+ */
+export interface LinearPointer {
+    /**
+     * The border of the Gauge area.
+     */
+    border?: Border;
+    /**
+     * The color of the pointer. Accepts valid CSS color strings, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The margin of the pointer.
+     */
+    margin?: number | Margin;
+    /**
+     * The opacity of the pointer.
+     */
+    opacity?: number;
+    /**
+     * The shape of the pointer.
+     */
+    shape?: LinearPointerShape;
+    /**
+     * The size of the pointer.
+     */
+    size?: number;
+    /**
+     * The value of the pointer.
+     */
+    value?: number;
+}

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

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

package/dist/esm/types/linear-scale.interface.d.ts

@@ -0,0 +1,26 @@
+import { Scale } from './scale.interface';
+import { Line } from './line.interface';
+import { Range } from './range.interface';
+/**
+ * The scale options of the Gauge.
+ */
+export interface LinearScale extends Scale {
+    /**
+     * Configures the scale line.
+     */
+    line?: Line;
+    /**
+     * The ranges of the scale.
+     */
+    ranges?: Range[];
+    /**
+     * Mirrors the scale labels and ticks. If the labels are normally on the left side of the scale, the mirroring of the scale will render them to the right.
+     */
+    mirror?: boolean;
+    /**
+     * Specifies if the scale will be vertical ([see example]({% slug orientation_lineargauge %})).
+     *
+     * @default true
+     */
+    vertical?: boolean;
+}

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

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

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

@@ -0,0 +1,21 @@
+/**
+ * The margin configuration for each side.
+ */
+export interface Margin {
+    /**
+     * The top margin in pixels.
+     */
+    top?: number;
+    /**
+     * The right margin in pixels.
+     */
+    right?: number;
+    /**
+     * The bottom margin in pixels.
+     */
+    bottom?: number;
+    /**
+     * The left margin in pixels.
+     */
+    left?: number;
+}

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

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

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

@@ -0,0 +1,21 @@
+/**
+ * The padding configuration for each side.
+ */
+export interface Padding {
+    /**
+     * The top padding in pixels.
+     */
+    top?: number;
+    /**
+     * The right padding in pixels.
+     */
+    right?: number;
+    /**
+     * The bottom padding in pixels.
+     */
+    bottom?: number;
+    /**
+     * The left padding in pixels.
+     */
+    left?: number;
+}

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

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

package/dist/esm/types/radial-label-position.d.ts

@@ -0,0 +1,4 @@
+/**
+ * The position of the RadialGauge labels.
+ */
+export declare type RadialLabelPosition = 'inside' | 'outside';

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

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

package/dist/esm/types/radial-labels.interface.d.ts

@@ -0,0 +1,8 @@
+import { Labels } from './labels.interface';
+import { RadialLabelPosition } from './radial-label-position';
+export interface RadialLabels extends Labels {
+    /**
+     * The position of the labels.
+     */
+    position?: RadialLabelPosition;
+}

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

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

package/dist/esm/types/radial-pointer.interface.d.ts

@@ -0,0 +1,22 @@
+import { Cap } from './cap.interface';
+/**
+ * The configuration options for the RadialGauge pointer.
+ */
+export interface RadialPointer {
+    /**
+     * The configuration options for the cap.
+     */
+    cap?: Cap;
+    /**
+     * The color of the pointer. Accepts valid CSS color strings, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The pointer length (in percent) that is based on the distance to the scale. The default length of `1` indicates that the pointer exactly reaches the scale. Accepts values between `0.1` and `1.5`.
+     */
+    length?: number;
+    /**
+     * The pointer value.
+     */
+    value?: number;
+}

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

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

package/dist/esm/types/radial-scale.interface.d.ts

@@ -0,0 +1,28 @@
+import { RadialLabels } from './radial-labels.interface';
+import { Scale } from './scale.interface';
+import { Range } from './range.interface';
+/**
+ * The scale options of the Gauge.
+ */
+export interface RadialScale extends Scale {
+    /**
+     * Configures the scale labels.
+     */
+    labels?: RadialLabels;
+    /**
+     * The distance between the range indicators and the ticks.
+     */
+    rangeDistance?: number;
+    /**
+     * The ranges of the scale.
+     */
+    ranges?: Range[];
+    /**
+     * 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 equal to 180 degrees in the polar coordinate system).
+     */
+    endAngle?: number;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,47 @@
+import { Labels } from './labels.interface';
+import { Ticks } from './ticks.interface';
+/**
+ * The scale options of the Gauge.
+ */
+export interface Scale {
+    /**
+     * Configures the scale labels.
+     */
+    labels?: Labels;
+    /**
+     * Configures the major scale ticks.
+     */
+    majorTicks?: Ticks;
+    /**
+     * Configures the minor scale ticks.
+     */
+    minorTicks?: Ticks;
+    /**
+     * The minimum value of the scale.
+     */
+    min?: number;
+    /**
+     * The maximum value of the scale.
+     */
+    max?: number;
+    /**
+     * The interval between minor divisions.
+     */
+    minorUnit?: number;
+    /**
+     * The interval between major divisions.
+     */
+    majorUnit?: number;
+    /**
+     * Reverses the scale direction.
+     */
+    reverse?: boolean;
+    /**
+     * The width of the range indicators.
+     */
+    rangeSize?: number;
+    /**
+     * The default color of the ranges.
+     */
+    rangePlaceholderColor?: string;
+}

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

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

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

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

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

package/dist/esm/types.d.ts

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

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

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

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

package/dist/esm/utils/common.js

@@ -0,0 +1,39 @@
+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/ArcGauge.js

@@ -109,7 +109,7 @@ var ArcGaugeVue2 = {
     var _this = this;
 
     var h = gh || createElement;
-    var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
+    var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var _a = this.$props,
         centerRender = _a.centerRender,
         className = _a.className,
@@ -136,7 +136,7 @@ var ArcGaugeVue2 = {
         } : 'baseGauge',
         gaugeConstructor: this.gaugeType,
         getTarget: this.getTarget,
-        "class": kendo_vue_common_1.classNames('k-gauge k-arcgauge', className),
+        "class": (0, kendo_vue_common_1.classNames)('k-gauge k-arcgauge', className),
         onRender: this.positionCenter,
         on: this.v3 ? undefined : {
           "render": this.positionCenter
@@ -197,7 +197,7 @@ var ArcGaugeVue2 = {
     },
     exportVisual: function exportVisual(options) {
       if (this.gaugeInstance !== null && this.$el) {
-        return kendo_drawing_1.drawDOM(this.$el, options);
+        return (0, kendo_drawing_1.drawDOM)(this.$el, options);
       }
 
       return Promise.resolve(new kendo_drawing_1.Group());

package/dist/npm/BaseGauge.js

@@ -76,16 +76,16 @@ var BaseGaugeVue2 = {
     }
   },
   created: function created() {
-    kendo_vue_common_2.validatePackage(package_metadata_1.packageMetadata);
+    (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 = store_1.default(reducer_1.themeReducer);
+    this.themeStore = (0, store_1.default)(reducer_1.themeReducer);
   },
   mounted: function mounted() {
-    theme_service_1.loadTheme(this.themeStore, this.instantiateCoreGauge.bind(this));
+    (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);
   },
@@ -167,11 +167,11 @@ var BaseGaugeVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
-    var defaultSlots = kendo_vue_common_2.getDefaultSlots(this);
+    var defaultSlots = (0, kendo_vue_common_2.getDefaultSlots)(this);
     var gaugeStyles = Object.assign({}, {
       position: 'relative'
     });
-    this._intl = kendo_vue_intl_1.provideIntlService(this);
+    this._intl = (0, kendo_vue_intl_1.provideIntlService)(this);
     return h("div", {
       style: gaugeStyles
     }, [defaultSlots]);

package/dist/npm/LinearGauge.js

@@ -66,7 +66,7 @@ var LinearGaugeVue2 = {
     var _this = this;
 
     var h = gh || createElement;
-    var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
+    var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
     return (// @ts-ignore  function children
       h(BaseGauge_1.BaseGauge, {
         transitions: this.$props.transitions,

package/dist/npm/RadialGauge.js

@@ -66,7 +66,7 @@ var RadialGaugeVue2 = {
     var _this = this;
 
     var h = gh || createElement;
-    var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
+    var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var _a = this.$props,
         pointer = _a.pointer,
         scale = _a.scale,

package/dist/npm/main.js

@@ -1,13 +1,17 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    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;

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.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/npm/store/reducer.js

@@ -1,10 +1,12 @@
 "use strict";
-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));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.observersReducer = exports.themeReducer = exports.optionsReducer = void 0;
@@ -49,7 +51,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/npm/theming/theme-service.js

@@ -26,7 +26,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;
 }());
@@ -36,7 +36,7 @@ var ThemeService = /** @class */ (function () {
 var loadTheme = function (store, done) {
     var service = new ThemeService(store);
     if (typeof document === 'undefined') {
-        store.dispatch({ type: 'push', payload: kendo_charts_1.chartBaseTheme() });
+        store.dispatch({ type: 'push', payload: (0, kendo_charts_1.chartBaseTheme)() });
         return;
     }
     var container = service.element = document.createElement('div');
@@ -44,7 +44,7 @@ var loadTheme = function (store, done) {
     container.innerHTML = template;
     document.body.appendChild(container);
     try {
-        store.dispatch({ type: 'push', payload: kendo_charts_1.chartBaseTheme() });
+        store.dispatch({ type: 'push', payload: (0, kendo_charts_1.chartBaseTheme)() });
         service.setColors();
     }
     finally {

package/dist/npm/utils/common.js

@@ -24,7 +24,7 @@ var diffOptions = function (original, current) {
 /**
  * @hidden
  */
-exports.isOptionsChanged = function (original, current) {
+var isOptionsChanged = function (original, current) {
     if (!original || !current) {
         return true;
     }
@@ -40,3 +40,4 @@ exports.isOptionsChanged = function (original, current) {
     }
     return false;
 };
+exports.isOptionsChanged = isOptionsChanged;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-gauges",
   "description": "Kendo UI for Vue Gauges package",
-  "version": "3.5.0",
+  "version": "3.5.1-dev.202208150613",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -10,6 +10,12 @@
   "types": "dist/npm/main.d.ts",
   "module": "dist/es/main.js",
   "jsnext:main": "dist/es/main.js",
+  "exports": {
+    "node": "./dist/esm/main.js",
+    "import": "./dist/es/main.js",
+    "require": "./dist/npm/main.js",
+    "default": "./dist/npm/main.js"
+  },
   "scripts": {
     "test": "cd ../../ && npm run test -- --testPathPattern=/packages/gauges/.*",
     "start": "gulp start",
@@ -38,17 +44,17 @@
   },
   "dependencies": {
     "@progress/kendo-charts": "^1.18.0",
-    "@progress/kendo-vue-common": "3.5.0"
+    "@progress/kendo-vue-common": "3.5.1-dev.202208150613"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-file-saver": "^1.0.1",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "3.5.0",
-    "@progress/kendo-vue-dropdowns": "3.5.0",
-    "@progress/kendo-vue-inputs": "3.5.0",
-    "@progress/kendo-vue-intl": "3.5.0",
+    "@progress/kendo-vue-buttons": "3.5.1-dev.202208150613",
+    "@progress/kendo-vue-dropdowns": "3.5.1-dev.202208150613",
+    "@progress/kendo-vue-inputs": "3.5.1-dev.202208150613",
+    "@progress/kendo-vue-intl": "3.5.1-dev.202208150613",
     "cldr-core": "^41.0.0",
     "cldr-dates-full": "^41.0.0",
     "cldr-numbers-full": "^41.0.0",