@progress/kendo-react-gauges 6.1.1 → 7.0.0-develop.2

package/dist/es/store/reducer.js

@@ -1,102 +0,0 @@
-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
- */
-var optionsReducer = function (currentState, action) {
-    if (action.gaugeCollectionIdxKey) {
-        return reducers.collectionConfigurationItem(currentState, action);
-    }
-    else if (action.gaugeKey) {
-        return reducers.configurationItem(currentState, action);
-    }
-    else {
-        return {};
-    }
-};
-/**
- * @hidden
- */
-var themeReducer = function (currentState, action) {
-    if (action.type) {
-        switch (action.type) {
-            case 'set':
-                return reducers.themeItem(currentState, action);
-            case 'push':
-                return Object.assign(currentState, action.payload);
-            default:
-                return currentState;
-        }
-    }
-    else {
-        return {};
-    }
-};
-/**
- * @hidden
- */
-var observersReducer = function (currentState, action) {
-    if (action.type) {
-        switch (action.type) {
-            case 'add':
-                return __spreadArray(__spreadArray([], currentState, true), [action.payload], false);
-            case 'remove':
-                return currentState.filter(function (element) { return element !== action.payload; });
-            default:
-                return currentState;
-        }
-    }
-    else {
-        return [];
-    }
-};
-/**
- * @hidden
- */
-var reducers = {
-    configurationItem: function (currentState, action) {
-        var _a;
-        return Object.assign(currentState, (_a = {},
-            _a[action.gaugeKey] = action.payload,
-            _a));
-    },
-    collectionConfigurationItem: function (currentState, action) {
-        var _a;
-        var inCollection = false;
-        var _b = action.gaugeCollectionIdxKey.split('_'), collectionName = _b[0], collectionIdx = _b[1];
-        var collection = currentState[collectionName].map(function (item, index) {
-            if (parseInt(collectionIdx, 10) === index) {
-                inCollection = true;
-                return action.payload;
-            }
-            return item;
-        });
-        if (inCollection === false) {
-            collection.splice(parseInt(collectionIdx, 10), 0, action.payload);
-        }
-        return Object.assign(currentState, (_a = {},
-            _a[collectionName] = collection,
-            _a));
-    },
-    themeItem: function (currentState, action) {
-        var store = {};
-        var nextStore = Object.assign(store, currentState);
-        var _a = action.payload, field = _a.field, value = _a.value;
-        var parts = field.split('.');
-        var key = parts.shift();
-        while (parts.length > 0) {
-            store = store[key] = store[key] || {};
-            key = parts.shift();
-        }
-        store[key] = value;
-        return nextStore;
-    }
-};
-export { optionsReducer, themeReducer, observersReducer };

package/dist/es/store/store.js

@@ -1,28 +0,0 @@
-import { canUseDOM } from '@progress/kendo-react-common';
-/**
- * @hidden
- */
-export var THROTTLE_MS = 1000 / 60;
-/**
- * @hidden
- */
-var createStore = function (reducer) {
-    var state;
-    var timerId;
-    var listeners = [];
-    var getState = function () { return state; };
-    var dispatch = function (action) {
-        state = reducer(state, action);
-        if (canUseDOM) {
-            window.clearTimeout(timerId);
-            timerId = window.setTimeout(function () { return listeners.forEach(function (l) { return l(); }); }, THROTTLE_MS);
-        }
-    };
-    var subscribe = function (listener) {
-        listeners.push(listener);
-        return function () { return listeners = listeners.filter(function (l) { return l !== listener; }); };
-    };
-    dispatch({});
-    return { getState: getState, dispatch: dispatch, subscribe: subscribe };
-};
-export default createStore;

package/dist/es/theming/theme-service.d.ts

@@ -1,6 +0,0 @@
-import { Store } from './../store/store';
-/**
- * @hidden
- */
-declare const loadTheme: (store: Store, done: any, doc: Document) => void;
-export { loadTheme };

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

@@ -1,53 +0,0 @@
-import { chartBaseTheme } from '@progress/kendo-charts';
-var template = "\n    <div class=\"k-var--gauge-pointer\"></div>\n    <div class=\"k-var--gauge-track\"></div>\n    <div class=\"k-var--normal-text-color\"></div>\n";
-/**
- * @hidden
- */
-var ThemeService = /** @class */ (function () {
-    function ThemeService(store) {
-        this.store = store;
-    }
-    ThemeService.prototype.setStyle = function (field, value) {
-        this.store.dispatch({ type: 'set', payload: { field: field, value: value } });
-    };
-    ThemeService.prototype.setColors = function () {
-        this.mapColor('pointer.color', 'gauge-pointer');
-        this.mapColor('scale.rangePlaceholderColor', 'gauge-track');
-        this.mapColor('scale.labels.color', 'normal-text-color');
-        this.mapColor('scale.minorTicks.color', 'normal-text-color');
-        this.mapColor('scale.majorTicks.color', 'normal-text-color');
-        this.mapColor('scale.line.color', 'normal-text-color');
-    };
-    ThemeService.prototype.mapColor = function (key, varName) {
-        this.setStyle(key, this.queryStyle(varName).backgroundColor);
-    };
-    ThemeService.prototype.queryStyle = function (varName) {
-        var element = this.element;
-        return window.getComputedStyle(element.querySelector(".k-var--".concat(varName)));
-    };
-    return ThemeService;
-}());
-/**
- * @hidden
- */
-var loadTheme = function (store, done, doc) {
-    var service = new ThemeService(store);
-    if (typeof doc === 'undefined') {
-        store.dispatch({ type: 'push', payload: chartBaseTheme() });
-        return;
-    }
-    var container = service.element = doc.createElement('div');
-    container.style.display = 'none';
-    container.innerHTML = template;
-    doc.body.appendChild(container);
-    try {
-        store.dispatch({ type: 'push', payload: chartBaseTheme() });
-        service.setColors();
-    }
-    finally {
-        doc.body.removeChild(service.element);
-        delete service.element;
-        done();
-    }
-};
-export { loadTheme };

package/dist/es/types/arc-scale.interface.d.ts

@@ -1,28 +0,0 @@
-import { RadialLabels } from './radial-labels.interface';
-import { Scale } from './scale.interface';
-import { LineCap } from './line-cap';
-/**
- * The scale options of the Gauge.
- */
-export interface ArcScale extends Scale {
-    /**
-     * Configures the scale labels.
-     */
-    labels?: RadialLabels;
-    /**
-     * The distance between the range indicators and the ticks.
-     */
-    rangeDistance?: number;
-    /**
-     * The `lineCap` style of the ranges.
-     */
-    rangeLineCap?: LineCap;
-    /**
-     * 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 equals 180 degrees in the polar coordinate system).
-     */
-    endAngle?: number;
-}

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

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

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

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

package/dist/es/types/cap.interface.d.ts

@@ -1,13 +0,0 @@
-/**
- * The configuration options for the RadialGauge pointer cap.
- */
-export interface Cap {
-    /**
-     * The color of the cap. Accepts valid CSS color strings, including hex and rgb.
-     */
-    color?: string;
-    /**
-     * The size of the cap in percent (from 0 to 1).
-     */
-    size?: number;
-}

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

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

package/dist/es/types/circular-scale.interface.d.ts

@@ -1,10 +0,0 @@
-import { ArcScale } from './arc-scale.interface';
-/**
- * The scale options of the Gauge.
- */
-export interface CircularScale extends ArcScale {
-    /**
-     * @hidden
-     */
-    endAngle?: number;
-}

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

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

package/dist/es/types/color-range.interface.d.ts

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

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

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

package/dist/es/types/dash-type.interface.d.ts

@@ -1,4 +0,0 @@
-/**
- * The dash type of a line.
- */
-export declare type DashType = 'dash' | 'dashDot' | 'dot' | 'longDash' | 'longDashDot' | 'longDashDotDot' | 'solid';

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

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

package/dist/es/types/gauge-area.interface.d.ts

@@ -1,27 +0,0 @@
-import { Border } from './border.interface';
-import { Margin } from './margin.interface';
-/**
- * The configuration options for the Gauge area. Represents the entire visible area of the Gauge.
- */
-export interface GaugeArea {
-    /**
-     * The background of the Gauge area. Accepts valid CSS color strings, including hex and rgb.
-     */
-    background?: string;
-    /**
-     * The border of the Gauge area.
-     */
-    border?: Border;
-    /**
-     * The height of the Gauge area.
-     */
-    height?: number;
-    /**
-     * The margin of the Gauge area.
-     */
-    margin?: number | Margin;
-    /**
-     * The height of the Gauge area.
-     */
-    width?: number;
-}

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

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

package/dist/es/types/labels.interface.d.ts

@@ -1,47 +0,0 @@
-import { Border } from './border.interface';
-import { Margin } from './margin.interface';
-import { Padding } from './padding.interface';
-/**
- * The configuration of the scale labels.
- */
-export interface Labels {
-    /**
-     * The background of the labels. Accepts valid CSS color strings, including hex and rgb.
-     */
-    background?: string;
-    /**
-     * The border of the labels.
-     */
-    border?: Border;
-    /**
-     * The color of the labels. Accepts valid CSS color strings, including hex and rgb.
-     */
-    color?: string;
-    /**
-     * The font of the labels.
-     */
-    font?: string;
-    /**
-     * The format that is used to display the labels. Uses the IntlService [`format`]({% slug api_intl_intlservice %}#toc-format) method.
-     */
-    format?: string;
-    /**
-     * The margin of the labels.
-     */
-    margin?: number | Margin;
-    /**
-     * The padding of the labels.
-     */
-    padding?: number | Padding;
-    /**
-     * The function which returns the label content.
-     *
-     * The available fields in the function argument are:
-     * - `value`—The value of the label.
-     */
-    content?: (e: any) => string;
-    /**
-     * The visibility of the labels.
-     */
-    visible?: boolean;
-}

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

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

package/dist/es/types/line-cap.d.ts

@@ -1,4 +0,0 @@
-/**
- * The cap style of a line.
- */
-export declare type LineCap = 'butt' | 'round' | 'square';

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

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

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

@@ -1,22 +0,0 @@
-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/es/types/line.interface.js

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

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

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

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

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

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

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

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

@@ -1,26 +0,0 @@
-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/es/types/linear-scale.interface.js

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

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

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

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

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

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

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

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

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

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

@@ -1,8 +0,0 @@
-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/es/types/radial-labels.interface.js

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

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

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

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

@@ -1,28 +0,0 @@
-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/es/types/radial-scale.interface.js

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

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

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

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

@@ -1,47 +0,0 @@
-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/es/types/scale.interface.js

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

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

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

package/dist/es/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/es/types.js

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

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

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

package/dist/es/utils/common.js

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