devextreme/dist/transpiled/viz/core/base_theme_manager.js

HTML5 JavaScript Component Suite for Responsive Web Development

"use strict";

var Class = require("../../core/class"),
    extend = require("../../core/utils/extend").extend,
    typeUtils = require("../../core/utils/type"),
    each = require("../../core/utils/iterator").each,
    paletteModule = require("../palette"),
    _isString = typeUtils.isString,
    _parseScalar = require("./utils").parseScalar,
    themeModule = require("../themes"),
    _getTheme = themeModule.getTheme,
    _addCacheItem = themeModule.addCacheItem,
    _removeCacheItem = themeModule.removeCacheItem,
    _extend = extend,
    _each = each;

// register themes
require("./themes/generic.light");
require("./themes/generic.dark");
require("./themes/generic.contrast");
require("./themes/generic.carmine");
require("./themes/generic.darkmoon");
require("./themes/generic.softblue");
require("./themes/generic.darkviolet");
require("./themes/generic.greenmist");
require("./themes/material");
require("./themes/ios");
require("./themes/android");
require("./themes/win");

function getThemePart(theme, path) {
    var _theme = theme;
    path && _each(path.split('.'), function (_, pathItem) {
        return _theme = _theme[pathItem];
    });
    return _theme;
}

exports.BaseThemeManager = Class.inherit({ // TODO: test hack
    ctor: function ctor() {
        _addCacheItem(this);
    },

    dispose: function dispose() {
        var that = this;
        _removeCacheItem(that);
        that._callback = that._theme = that._font = null;
        return that;
    },

    // TODO: Move it to constructor when charts theme managers's constructor is removed
    setCallback: function setCallback(callback) {
        this._callback = callback;
        return this;
    },

    setTheme: function setTheme(theme, rtl) {
        this._current = theme;
        this._rtl = rtl;
        return this.refresh();
    },

    // Officially we do not support objects as "theme" option value - we should stop doing it in code
    refresh: function refresh() {
        var that = this,
            current = that._current || {},
            theme = _getTheme(current.name || current);
        that._themeName = theme.name;
        that._defaultPalette = theme.defaultPalette;
        that._font = _extend({}, theme.font, current.font);
        that._themeSection && _each(that._themeSection.split('.'), function (_, path) {
            theme = _extend(true, {}, theme[path]);
        });
        that._theme = _extend(true, {}, theme, _isString(current) ? {} : current);
        that._initializeTheme();
        if (_parseScalar(that._rtl, that._theme.rtlEnabled)) {
            _extend(true, that._theme, that._theme._rtl);
        }
        that._callback();
        return that;
    },

    theme: function theme(path) {
        return getThemePart(this._theme, path);
    },

    themeName: function themeName() {
        return this._themeName;
    },

    // TODO: May be we need some single method for all palettes?

    createPalette: function createPalette(palette, options) {
        return new paletteModule.Palette(palette, options, this._defaultPalette);
    },

    createDiscretePalette: function createDiscretePalette(palette, count) {
        return new paletteModule.DiscretePalette(palette, count, this._defaultPalette);
    },

    createGradientPalette: function createGradientPalette(palette) {
        return new paletteModule.GradientPalette(palette, this._defaultPalette);
    },

    _initializeTheme: function _initializeTheme() {
        var that = this;
        _each(that._fontFields || [], function (_, path) {
            that._initializeFont(getThemePart(that._theme, path));
        });
    },

    _initializeFont: function _initializeFont(font) {
        _extend(font, this._font, _extend({}, font));
    }
});