kepler.gl
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
728 lines (644 loc) • 101 kB
JavaScript
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.themeLT = exports.theme = exports.modalScrollBar = exports.textTruncate = exports.rangeBrushBgd = exports.sliderHandleShadow = exports.sliderHandleHoverColor = exports.sliderHandleColor = exports.sliderHandleWidth = exports.sliderHandleHeight = exports.sliderBarHeight = exports.sliderBarRadius = exports.sliderBarHoverColor = exports.sliderBarBgd = exports.sliderBarColor = exports.modalDialogColor = exports.modalDialogBgd = exports.modalImagePlaceHolder = exports.modalFooterBgd = exports.modalTitleFontSize = exports.modalTitleColor = exports.tooltipColor = exports.tooltipBg = exports.mapPanelHeaderBackgroundColor = exports.mapPanelBackgroundColor = exports.panelBorderLT = exports.panelBorder = exports.panelBorderColor = exports.panelBackgroundLT = exports.panelBorderRadius = exports.panelBoxShadow = exports.panelHeaderHeight = exports.panelHeaderIconActive = exports.panelHeaderIcon = exports.panelActiveBgLT = exports.panelActiveBg = exports.panelBackgroundHover = exports.panelBackground = exports.sideBarCloseBtnBgdHover = exports.sideBarCloseBtnColor = exports.sideBarCloseBtnBgd = exports.sidePanelBg = exports.sidePanelHeaderBg = exports.checkboxBoxBgdChecked = exports.checkboxBoxBgd = exports.checkboxBorderColorLT = exports.checkboxBorderRadius = exports.checkboxBorderColor = exports.checkboxMargin = undefined;
exports.checkboxHeight = exports.checkboxWidth = exports.secondarySwitchBtnBgd = exports.secondarySwitchTrackBgd = exports.switchBtnHeight = exports.switchBtnWidth = exports.switchBtnBorderRadius = exports.switchBtnBoxShadow = exports.switchBtnBgdActive = exports.switchBtnBgd = exports.switchTrackBorderRadius = exports.switchTrackBgdActive = exports.switchTrackBgd = exports.switchLabelMargin = exports.switchHeight = exports.switchWidth = exports.dropdownListBorderTop = exports.dropdownListBgd = exports.dropdownListShadow = exports.dropdownListHighlightBg = exports.selectBorder = exports.selectBorderRadius = exports.selectBorderColorLT = exports.selectBorderColor = exports.selectBackgroundHoverLT = exports.selectBackgroundLT = exports.selectBackgroundHover = exports.selectBackground = exports.selectColorPlaceHolder = exports.selectFontWeightBold = exports.selectFontWeight = exports.selectFontSize = exports.selectActiveBorderColor = exports.selectColorLT = exports.selectColor = exports.secondaryInputBorderActiveColor = exports.secondaryInputBorderColor = exports.secondaryInputColor = exports.secondaryInputBgdActive = exports.secondaryInputBgdHover = exports.secondaryInputBgd = exports.secondaryInputHeight = exports.inputPlaceholderFontWeight = exports.inputPlaceholderColor = exports.inputBorderRadius = exports.inputColor = exports.inputBorderActiveColor = exports.inputBorderHoverColor = exports.inputBorderColor = exports.inputBgdActive = exports.inputBgdHover = exports.inputBgd = exports.inputFontWeight = exports.inputFontSize = exports.inputPadding = exports.inputBoxHeight = exports.negativeBtnActColor = exports.negativeBtnColor = exports.negativeBtnBgdHover = exports.negativeBtnActBgd = exports.negativeBtnBgd = exports.linkBtnActBgdHover = exports.linkBtnActColor = exports.linkBtnColor = exports.linkBtnActBgd = exports.linkBtnBgd = exports.secondaryBtnBgdHover = exports.secondaryBtnActColor = exports.secondaryBtnColor = exports.secondaryBtnActBgd = exports.secondaryBtnBgd = exports.primaryBtnRadius = exports.primaryBtnBgdHover = exports.primaryBtnActColor = exports.primaryBtnColor = exports.primaryBtnActBgd = exports.primaryBtnBgd = exports.errorColor = exports.activeColorHover = exports.activeColor = exports.textColorHlLT = exports.textColorHl = exports.titleTextColor = exports.subtextColorActive = exports.subtextColorLT = exports.subtextColor = exports.titleColorLT = exports.textColorLT = exports.textColor = exports.labelColorLT = exports.labelHoverColor = exports.labelColor = exports.borderColorLight = exports.borderColor = exports.borderRadius = exports.boxSizing = exports.boxShadow = exports.transitionSlow = exports.transitionFast = exports.transition = undefined;
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _taggedTemplateLiteral2 = require('babel-runtime/helpers/taggedTemplateLiteral');
var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2);
var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n align-items: center;\n background-color: ', ';\n border: 1px solid\n ', ';\n border-radius: 2px;\n caret-color: ', ';\n color: ', ';\n display: flex;\n font-size: ', ';\n font-weight: ', ';\n height: ', ';\n justify-content: space-between;\n outline: none;\n overflow: hidden;\n padding: ', ';\n text-overflow: ellipsis;\n transition: ', ';\n white-space: nowrap;\n width: 100%;\n word-wrap: normal;\n pointer-events: ', ';\n opacity: ', ';\n\n :hover {\n cursor: ', ';\n background-color: ', ';\n border-color: ', ';\n }\n\n :active,\n :focus,\n &.focus,\n &.active {\n background-color: ', ';\n border-color: ', ';\n }\n\n ::placeholder {\n color: ', ';\n font-weight: ', ';\n }\n\n /* Disable Arrows on Number Inputs */\n ::-webkit-inner-spin-button,\n ::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n'], ['\n align-items: center;\n background-color: ', ';\n border: 1px solid\n ', ';\n border-radius: 2px;\n caret-color: ', ';\n color: ', ';\n display: flex;\n font-size: ', ';\n font-weight: ', ';\n height: ', ';\n justify-content: space-between;\n outline: none;\n overflow: hidden;\n padding: ', ';\n text-overflow: ellipsis;\n transition: ', ';\n white-space: nowrap;\n width: 100%;\n word-wrap: normal;\n pointer-events: ', ';\n opacity: ', ';\n\n :hover {\n cursor: ', ';\n background-color: ', ';\n border-color: ', ';\n }\n\n :active,\n :focus,\n &.focus,\n &.active {\n background-color: ', ';\n border-color: ', ';\n }\n\n ::placeholder {\n color: ', ';\n font-weight: ', ';\n }\n\n /* Disable Arrows on Number Inputs */\n ::-webkit-inner-spin-button,\n ::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n']),
_templateObject2 = (0, _taggedTemplateLiteral3.default)(['\n ', '\n \n background-color: ', ';\n border: 1px solid\n ', ';\n color: ', ';\n caret-color: ', ';\n\n ::-webkit-input-placeholder {\n color: ', ';\n font-weight: 400;\n }\n\n :active,\n :focus,\n &.focus,\n &.active {\n background-color: ', ';\n border-color: ', ';\n }\n\n :hover {\n background-color: ', ';\n cursor: ', ';\n border-color: ', ';\n }\n'], ['\n ', '\n \n background-color: ', ';\n border: 1px solid\n ', ';\n color: ', ';\n caret-color: ', ';\n\n ::-webkit-input-placeholder {\n color: ', ';\n font-weight: 400;\n }\n\n :active,\n :focus,\n &.focus,\n &.active {\n background-color: ', ';\n border-color: ', ';\n }\n\n :hover {\n background-color: ', ';\n cursor: ', ';\n border-color: ', ';\n }\n']),
_templateObject3 = (0, _taggedTemplateLiteral3.default)(['\n ', ' \n color: ', ';\n background-color: ', ';\n height: ', ';\n border: 1px solid\n ', ';\n\n :hover {\n cursor: pointer;\n background-color: ', ';\n border-color: ', ';\n }\n\n :active,\n &.active {\n background-color: ', ';\n border-color: ', ';\n }\n'], ['\n ', ' \n color: ', ';\n background-color: ', ';\n height: ', ';\n border: 1px solid\n ', ';\n\n :hover {\n cursor: pointer;\n background-color: ', ';\n border-color: ', ';\n }\n\n :active,\n &.active {\n background-color: ', ';\n border-color: ', ';\n }\n']),
_templateObject4 = (0, _taggedTemplateLiteral3.default)(['\n ', ' \n cursor: pointer;\n flex-wrap: wrap;\n height: auto;\n justify-content: start;\n margin-bottom: 2px;\n padding: 4px 7px 4px 4px;\n white-space: normal;\n'], ['\n ', ' \n cursor: pointer;\n flex-wrap: wrap;\n height: auto;\n justify-content: start;\n margin-bottom: 2px;\n padding: 4px 7px 4px 4px;\n white-space: normal;\n']),
_templateObject5 = (0, _taggedTemplateLiteral3.default)(['\n ', ' color: ', ';\n font-size: 13px;\n letter-spacing: 0.43px;\n line-height: 18px;\n height: 24px;\n font-weight: 400;\n padding-left: 4px;\n margin-left: -4px;\n background-color: transparent;\n border: 1px solid transparent;\n\n :hover {\n height: 24px;\n cursor: text;\n background-color: transparent;\n border: 1px solid ', ';\n }\n\n :active,\n .active,\n :focus {\n background-color: transparent;\n border: 1px solid ', ';\n }\n'], ['\n ', ' color: ', ';\n font-size: 13px;\n letter-spacing: 0.43px;\n line-height: 18px;\n height: 24px;\n font-weight: 400;\n padding-left: 4px;\n margin-left: -4px;\n background-color: transparent;\n border: 1px solid transparent;\n\n :hover {\n height: 24px;\n cursor: text;\n background-color: transparent;\n border: 1px solid ', ';\n }\n\n :active,\n .active,\n :focus {\n background-color: transparent;\n border: 1px solid ', ';\n }\n']),
_templateObject6 = (0, _taggedTemplateLiteral3.default)(['\n background: ', ';\n position: absolute;\n top: 0;\n left: ', 'px;\n content: \'\';\n display: block;\n width: ', 'px;\n height: ', 'px;\n border-radius: ', ';\n'], ['\n background: ', ';\n position: absolute;\n top: 0;\n left: ', 'px;\n content: \'\';\n display: block;\n width: ', 'px;\n height: ', 'px;\n border-radius: ', ';\n']),
_templateObject7 = (0, _taggedTemplateLiteral3.default)(['\n transition: ', ';\n position: absolute;\n top: 0;\n left: ', 'px;\n content: \'\';\n display: block;\n height: ', ';\n width: ', ';\n background: ', ';\n box-shadow: ', ';\n'], ['\n transition: ', ';\n position: absolute;\n top: 0;\n left: ', 'px;\n content: \'\';\n display: block;\n height: ', ';\n width: ', ';\n background: ', ';\n box-shadow: ', ';\n']),
_templateObject8 = (0, _taggedTemplateLiteral3.default)(['\n user-select: none;\n cursor: pointer;\n line-height: 0;\n font-weight: 500;\n font-size: 12px;\n color: ', ';\n position: relative;\n display: inline-block;\n padding-top: ', 'px;\n padding-right: 0;\n padding-bottom: 0;\n padding-left: ', 'px;\n\n :before {\n ', ';\n }\n\n :after {\n ', ';\n }\n'], ['\n user-select: none;\n cursor: pointer;\n line-height: 0;\n font-weight: 500;\n font-size: 12px;\n color: ', ';\n position: relative;\n display: inline-block;\n padding-top: ', 'px;\n padding-right: 0;\n padding-bottom: 0;\n padding-left: ', 'px;\n\n :before {\n ', ';\n }\n\n :after {\n ', ';\n }\n']),
_templateObject9 = (0, _taggedTemplateLiteral3.default)(['\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: ', 'px;\n height: ', 'px;\n background: ', ';\n border: 1px solid ', ';\n border-radius: 2px;\n content: \'\';\n'], ['\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: ', 'px;\n height: ', 'px;\n background: ', ';\n border: 1px solid ', ';\n border-radius: 2px;\n content: \'\';\n']),
_templateObject10 = (0, _taggedTemplateLiteral3.default)(['\n width: 10px;\n height: 5px;\n border-bottom: 2px solid white;\n border-left: 2px solid white;\n top: 4px;\n left: 3px;\n transform: rotate(-45deg);\n display: block;\n position: absolute;\n opacity: ', ';\n content: "";\n'], ['\n width: 10px;\n height: 5px;\n border-bottom: 2px solid white;\n border-left: 2px solid white;\n top: 4px;\n left: 3px;\n transform: rotate(-45deg);\n display: block;\n position: absolute;\n opacity: ', ';\n content: "";\n']),
_templateObject11 = (0, _taggedTemplateLiteral3.default)(['\n display: inline-block;\n position: relative;\n padding-left: 32px;\n margin-bottom: 24px;\n line-height: 20px;\n vertical-align: middle;\n cursor: pointer;\n font-size: 12px;\n color: ', ';\n margin-left: -', 'px;\n\n :before {\n ', ';\n }\n \n :after {\n ', ';\n }\n'], ['\n display: inline-block;\n position: relative;\n padding-left: 32px;\n margin-bottom: 24px;\n line-height: 20px;\n vertical-align: middle;\n cursor: pointer;\n font-size: 12px;\n color: ', ';\n margin-left: -', 'px;\n\n :before {\n ', ';\n }\n \n :after {\n ', ';\n }\n']),
_templateObject12 = (0, _taggedTemplateLiteral3.default)(['\n ', ' \n :before {\n ', ' background: ', ';\n }\n\n :after {\n ', ' \n background: ', ';\n }\n'], ['\n ', ' \n :before {\n ', ' background: ', ';\n }\n\n :after {\n ', ' \n background: ', ';\n }\n']),
_templateObject13 = (0, _taggedTemplateLiteral3.default)(['\n ::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n }\n \n ::-webkit-scrollbar-corner {\n background: ', ';\n }\n \n ::-webkit-scrollbar-track {\n background: ', ';\n }\n \n ::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: ', ';\n border: 3px solid ', ';\n };\n \n :vertical:hover {\n background: ', ';\n cursor: pointer;\n }\n}'], ['\n ::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n }\n \n ::-webkit-scrollbar-corner {\n background: ', ';\n }\n \n ::-webkit-scrollbar-track {\n background: ', ';\n }\n \n ::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: ', ';\n border: 3px solid ', ';\n };\n \n :vertical:hover {\n background: ', ';\n cursor: pointer;\n }\n}']),
_templateObject14 = (0, _taggedTemplateLiteral3.default)(['\n color: ', ';\n padding-left: 3px;\n'], ['\n color: ', ';\n padding-left: 3px;\n']),
_templateObject15 = (0, _taggedTemplateLiteral3.default)(['\n font-size: 11px;\n padding: 3px 9px;\n font-weight: 500;\n\n &.hover,\n &:hover {\n cursor: pointer;\n background-color: ', ';\n\n .list__item__anchor {\n color: ', ';\n }\n }\n'], ['\n font-size: 11px;\n padding: 3px 9px;\n font-weight: 500;\n\n &.hover,\n &:hover {\n cursor: pointer;\n background-color: ', ';\n\n .list__item__anchor {\n color: ', ';\n }\n }\n']),
_templateObject16 = (0, _taggedTemplateLiteral3.default)(['\n font-size: 11px;\n padding: 5px 9px;\n color: ', ';\n'], ['\n font-size: 11px;\n padding: 5px 9px;\n color: ', ';\n']),
_templateObject17 = (0, _taggedTemplateLiteral3.default)(['\n padding: 0 0 4px 0;\n margin-bottom: 4px;\n border-bottom: 1px solid ', ';\n'], ['\n padding: 0 0 4px 0;\n margin-bottom: 4px;\n border-bottom: 1px solid ', ';\n']),
_templateObject18 = (0, _taggedTemplateLiteral3.default)(['\n overflow-y: auto;\n max-height: 280px;\n box-shadow: ', ';\n border-radius: 2px;\n\n .list__section {\n ', ';\n }\n .list__header {\n ', ';\n }\n\n .list__item {\n ', ';\n }\n\n .list__item__anchor {\n ', ';\n }\n\n ', ';\n'], ['\n overflow-y: auto;\n max-height: 280px;\n box-shadow: ', ';\n border-radius: 2px;\n\n .list__section {\n ', ';\n }\n .list__header {\n ', ';\n }\n\n .list__item {\n ', ';\n }\n\n .list__item__anchor {\n ', ';\n }\n\n ', ';\n']),
_templateObject19 = (0, _taggedTemplateLiteral3.default)(['\n ::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n }\n \n ::-webkit-scrollbar-corner {\n background: ', ';\n }\n \n ::-webkit-scrollbar-track {\n background: ', ';\n }\n \n ::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: ', ';\n border: 3px solid ', ';\n \n :hover {\n background: ', ';\n cursor: pointer;\n }\n };\n}'], ['\n ::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n }\n \n ::-webkit-scrollbar-corner {\n background: ', ';\n }\n \n ::-webkit-scrollbar-track {\n background: ', ';\n }\n \n ::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: ', ';\n border: 3px solid ', ';\n \n :hover {\n background: ', ';\n cursor: pointer;\n }\n };\n}']),
_templateObject20 = (0, _taggedTemplateLiteral3.default)(['\n ::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n }\n \n ::-webkit-scrollbar-corner {\n background: ', ';\n }\n \n ::-webkit-scrollbar-track {\n background: ', ';\n }\n \n ::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: ', ';\n border: 3px solid ', ';\n :hover {\n background: ', ';\n cursor: pointer;\n }\n };\n'], ['\n ::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n }\n \n ::-webkit-scrollbar-corner {\n background: ', ';\n }\n \n ::-webkit-scrollbar-track {\n background: ', ';\n }\n \n ::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: ', ';\n border: 3px solid ', ';\n :hover {\n background: ', ';\n cursor: pointer;\n }\n };\n']),
_templateObject21 = (0, _taggedTemplateLiteral3.default)(['\n ::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n }\n \n ::-webkit-scrollbar-corner {\n background: ', ';\n }\n \n ::-webkit-scrollbar-track {\n background: ', ';\n }\n \n ::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: ', ';\n border: 3px solid ', '\n\n :vertical:hover {\n background: ', ';\n cursor: pointer;\n }\n \n :horizontal:hover {\n background: ', ';\n cursor: pointer;\n }\n }\n}'], ['\n ::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n }\n \n ::-webkit-scrollbar-corner {\n background: ', ';\n }\n \n ::-webkit-scrollbar-track {\n background: ', ';\n }\n \n ::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: ', ';\n border: 3px solid ', '\n\n :vertical:hover {\n background: ', ';\n cursor: pointer;\n }\n \n :horizontal:hover {\n background: ', ';\n cursor: pointer;\n }\n }\n}']),
_templateObject22 = (0, _taggedTemplateLiteral3.default)(['\n ::-webkit-scrollbar {\n width: 14px;\n height: 16px;\n }\n\n ::-webkit-scrollbar-track {\n background: white;\n }\n ::-webkit-scrollbar-track:horizontal {\n background: ', ';\n }\n ::-webkit-scrollbar-thumb {\n background: ', ';\n border: 4px solid white;\n }\n\n ::-webkit-scrollbar-corner {\n background: ', ';\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background: #969da9;\n }\n\n ::-webkit-scrollbar-thumb:vertical {\n border-radius: 7px;\n }\n\n ::-webkit-scrollbar-thumb:horizontal {\n border-radius: 9px;\n border: 4px solid ', ';\n }\n'], ['\n ::-webkit-scrollbar {\n width: 14px;\n height: 16px;\n }\n\n ::-webkit-scrollbar-track {\n background: white;\n }\n ::-webkit-scrollbar-track:horizontal {\n background: ', ';\n }\n ::-webkit-scrollbar-thumb {\n background: ', ';\n border: 4px solid white;\n }\n\n ::-webkit-scrollbar-corner {\n background: ', ';\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background: #969da9;\n }\n\n ::-webkit-scrollbar-thumb:vertical {\n border-radius: 7px;\n }\n\n ::-webkit-scrollbar-thumb:horizontal {\n border-radius: 9px;\n border: 4px solid ', ';\n }\n']); // Copyright (c) 2018 Uber Technologies, Inc.
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to deal
// in the Software without restriction, including without limitation the rights
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
// copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
// THE SOFTWARE.
var _styledComponents = require('styled-components');
var _defaultSettings = require('../constants/default-settings');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var transition = exports.transition = 'all .4s ease';
var transitionFast = exports.transitionFast = 'all .2s ease';
var transitionSlow = exports.transitionSlow = 'all .8s ease';
var boxShadow = exports.boxShadow = '0 1px 2px 0 rgba(0,0,0,0.10)';
var boxSizing = exports.boxSizing = 'border-box';
var borderRadius = exports.borderRadius = '1px';
var borderColor = exports.borderColor = '#3A414C';
var borderColorLight = exports.borderColorLight = '#F1F1F1';
// TEXT
var labelColor = exports.labelColor = '#6A7485';
var labelHoverColor = exports.labelHoverColor = '#C6C6C6';
var labelColorLT = exports.labelColorLT = '#6A7485';
var textColor = exports.textColor = '#A0A7B4';
var textColorLT = exports.textColorLT = '#3A414C';
var titleColorLT = exports.titleColorLT = '#29323C';
var subtextColor = exports.subtextColor = '#6A7485';
var subtextColorLT = exports.subtextColorLT = '#A0A7B4';
var subtextColorActive = exports.subtextColorActive = '#FFFFFF';
var titleTextColor = exports.titleTextColor = '#FFFFFF';
var textColorHl = exports.textColorHl = '#D3D8E0';
var textColorHlLT = exports.textColorHlLT = '#F1F1F1';
var activeColor = exports.activeColor = '#1FBAD6';
var activeColorHover = exports.activeColorHover = '#108188';
var errorColor = exports.errorColor = '#F9042C';
// Button
var primaryBtnBgd = exports.primaryBtnBgd = '#0F9668';
var primaryBtnActBgd = exports.primaryBtnActBgd = '#13B17B';
var primaryBtnColor = exports.primaryBtnColor = '#FFFFFF';
var primaryBtnActColor = exports.primaryBtnActColor = '#FFFFFF';
var primaryBtnBgdHover = exports.primaryBtnBgdHover = '#13B17B';
var primaryBtnRadius = exports.primaryBtnRadius = '2px';
var secondaryBtnBgd = exports.secondaryBtnBgd = '#6A7485';
var secondaryBtnActBgd = exports.secondaryBtnActBgd = '#A0A7B4';
var secondaryBtnColor = exports.secondaryBtnColor = '#FFFFFF';
var secondaryBtnActColor = exports.secondaryBtnActColor = '#FFFFFF';
var secondaryBtnBgdHover = exports.secondaryBtnBgdHover = '#A0A7B4';
var linkBtnBgd = exports.linkBtnBgd = 'transparent';
var linkBtnActBgd = exports.linkBtnActBgd = linkBtnBgd;
var linkBtnColor = exports.linkBtnColor = '#A0A7B4';
var linkBtnActColor = exports.linkBtnActColor = '#3A414C';
var linkBtnActBgdHover = exports.linkBtnActBgdHover = linkBtnBgd;
var negativeBtnBgd = exports.negativeBtnBgd = errorColor;
var negativeBtnActBgd = exports.negativeBtnActBgd = '#FF193E';
var negativeBtnBgdHover = exports.negativeBtnBgdHover = '#FF193E';
var negativeBtnColor = exports.negativeBtnColor = '#FFFFFF';
var negativeBtnActColor = exports.negativeBtnActColor = '#FFFFFF';
// Input
var inputBoxHeight = exports.inputBoxHeight = '34px';
var inputPadding = exports.inputPadding = '4px 10px';
var inputFontSize = exports.inputFontSize = '11px';
var inputFontWeight = exports.inputFontWeight = 500;
var inputBgd = exports.inputBgd = '#29323C';
var inputBgdHover = exports.inputBgdHover = '#3A414C';
var inputBgdActive = exports.inputBgdActive = '#3A414C';
var inputBorderColor = exports.inputBorderColor = '#29323C';
var inputBorderHoverColor = exports.inputBorderHoverColor = '#3A414C';
var inputBorderActiveColor = exports.inputBorderActiveColor = '#D3D8E0';
var inputColor = exports.inputColor = '#A0A7B4';
var inputBorderRadius = exports.inputBorderRadius = '1px';
var inputPlaceholderColor = exports.inputPlaceholderColor = '#6A7485';
var inputPlaceholderFontWeight = exports.inputPlaceholderFontWeight = 400;
var secondaryInputHeight = exports.secondaryInputHeight = '28px';
var secondaryInputBgd = exports.secondaryInputBgd = '#242730';
var secondaryInputBgdHover = exports.secondaryInputBgdHover = '#3A414C';
var secondaryInputBgdActive = exports.secondaryInputBgdActive = '#3A414C';
var secondaryInputColor = exports.secondaryInputColor = '#A0A7B4';
var secondaryInputBorderColor = exports.secondaryInputBorderColor = '#242730';
var secondaryInputBorderActiveColor = exports.secondaryInputBorderActiveColor = '#D3D8E0';
// Select
var selectColor = exports.selectColor = inputColor;
var selectColorLT = exports.selectColorLT = titleColorLT;
var selectActiveBorderColor = exports.selectActiveBorderColor = '#D3D8E0';
var selectFontSize = exports.selectFontSize = '11px';
var selectFontWeight = exports.selectFontWeight = '400';
var selectFontWeightBold = exports.selectFontWeightBold = '500';
var selectColorPlaceHolder = exports.selectColorPlaceHolder = '#6A7485';
var selectBackground = exports.selectBackground = inputBgd;
var selectBackgroundHover = exports.selectBackgroundHover = inputBgdHover;
var selectBackgroundLT = exports.selectBackgroundLT = '#FFFFFF';
var selectBackgroundHoverLT = exports.selectBackgroundHoverLT = '#F8F8F9';
var selectBorderColor = exports.selectBorderColor = '#D3D8E0';
var selectBorderColorLT = exports.selectBorderColorLT = '#D3D8E0';
var selectBorderRadius = exports.selectBorderRadius = '1px';
var selectBorder = exports.selectBorder = 0;
var dropdownListHighlightBg = exports.dropdownListHighlightBg = '#6A7485';
var dropdownListShadow = exports.dropdownListShadow = '0 6px 12px 0 rgba(0,0,0,0.16)';
var dropdownListBgd = exports.dropdownListBgd = '#3A414C';
var dropdownListBorderTop = exports.dropdownListBorderTop = '#242730';
// Switch
var switchWidth = exports.switchWidth = 24;
var switchHeight = exports.switchHeight = 12;
var switchLabelMargin = exports.switchLabelMargin = 12;
var switchTrackBgd = exports.switchTrackBgd = '#29323C';
var switchTrackBgdActive = exports.switchTrackBgdActive = activeColor;
var switchTrackBorderRadius = exports.switchTrackBorderRadius = '1px';
var switchBtnBgd = exports.switchBtnBgd = '#6A7485';
var switchBtnBgdActive = exports.switchBtnBgdActive = '#D3D8E0';
var switchBtnBoxShadow = exports.switchBtnBoxShadow = '0 2px 4px 0 rgba(0,0,0,0.40)';
var switchBtnBorderRadius = exports.switchBtnBorderRadius = '1px';
var switchBtnWidth = exports.switchBtnWidth = '12px';
var switchBtnHeight = exports.switchBtnHeight = '12px';
var secondarySwitchTrackBgd = exports.secondarySwitchTrackBgd = '#242730';
var secondarySwitchBtnBgd = exports.secondarySwitchBtnBgd = '#3A414C';
// Checkbox
var checkboxWidth = exports.checkboxWidth = 16;
var checkboxHeight = exports.checkboxHeight = 16;
var checkboxMargin = exports.checkboxMargin = 12;
var checkboxBorderColor = exports.checkboxBorderColor = selectBorderColor;
var checkboxBorderRadius = exports.checkboxBorderRadius = '2px';
var checkboxBorderColorLT = exports.checkboxBorderColorLT = selectBorderColorLT;
var checkboxBoxBgd = exports.checkboxBoxBgd = 'white';
var checkboxBoxBgdChecked = exports.checkboxBoxBgdChecked = primaryBtnBgd;
// Side Panel
var sidePanelHeaderBg = exports.sidePanelHeaderBg = '#29323C';
var sidePanelBg = exports.sidePanelBg = '#242730';
var sideBarCloseBtnBgd = exports.sideBarCloseBtnBgd = secondaryBtnBgd;
var sideBarCloseBtnColor = exports.sideBarCloseBtnColor = '#29323C';
var sideBarCloseBtnBgdHover = exports.sideBarCloseBtnBgdHover = secondaryBtnActBgd;
var panelBackground = exports.panelBackground = '#29323C';
var panelBackgroundHover = exports.panelBackgroundHover = '#3A4552';
var panelActiveBg = exports.panelActiveBg = '#3A4552';
var panelActiveBgLT = exports.panelActiveBgLT = '#6A7485';
var panelHeaderIcon = exports.panelHeaderIcon = '#6A7485';
var panelHeaderIconActive = exports.panelHeaderIconActive = '#A0A7B4';
var panelHeaderHeight = exports.panelHeaderHeight = 48;
var panelBoxShadow = exports.panelBoxShadow = '0 6px 12px 0 rgba(0,0,0,0.16)';
var panelBorderRadius = exports.panelBorderRadius = '2px';
var panelBackgroundLT = exports.panelBackgroundLT = '#f8f8f9';
var panelBorderColor = exports.panelBorderColor = '#3A414C';
var panelBorder = exports.panelBorder = '1px solid ' + borderColor;
var panelBorderLT = exports.panelBorderLT = '1px solid ' + borderColorLight;
var mapPanelBackgroundColor = exports.mapPanelBackgroundColor = '#242730';
var mapPanelHeaderBackgroundColor = exports.mapPanelHeaderBackgroundColor = '#29323C';
var tooltipBg = exports.tooltipBg = '#F8F8F9';
var tooltipColor = exports.tooltipColor = '#333334';
// Modal
var modalTitleColor = exports.modalTitleColor = '#3A414C';
var modalTitleFontSize = exports.modalTitleFontSize = '24px';
var modalFooterBgd = exports.modalFooterBgd = '#F8F8F9';
var modalImagePlaceHolder = exports.modalImagePlaceHolder = '#DDDFE3';
// Modal Dialog (Dark)
var modalDialogBgd = exports.modalDialogBgd = '#3A414C';
var modalDialogColor = exports.modalDialogColor = textColorHl;
// Slider
var sliderBarColor = exports.sliderBarColor = '#6A7485';
var sliderBarBgd = exports.sliderBarBgd = '#3A414C';
var sliderBarHoverColor = exports.sliderBarHoverColor = '#D3D8E0';
var sliderBarRadius = exports.sliderBarRadius = '1px';
var sliderBarHeight = exports.sliderBarHeight = '4px';
var sliderHandleHeight = exports.sliderHandleHeight = '12px';
var sliderHandleWidth = exports.sliderHandleWidth = '12px';
var sliderHandleColor = exports.sliderHandleColor = '#D3D8E0';
var sliderHandleHoverColor = exports.sliderHandleHoverColor = '#FFFFFF';
var sliderHandleShadow = exports.sliderHandleShadow = '0 2px 4px 0 rgba(0,0,0,0.40)';
// Plot
var rangeBrushBgd = exports.rangeBrushBgd = '#3A414C';
var textTruncate = exports.textTruncate = {
maxWidth: '100%',
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
wordWrap: 'normal'
};
// theme is passed to kepler.gl when it's mounted,
// it is used by styled-components to pass along to
// all child components
var input = (0, _styledComponents.css)(_templateObject, function (props) {
return props.theme.inputBgd;
}, function (props) {
return props.active ? props.theme.inputBorderActiveColor : props.error ? props.theme.errorColor : props.theme.inputBgd;
}, function (props) {
return props.theme.inputBorderActiveColor;
}, function (props) {
return props.theme.inputColor;
}, function (props) {
return props.theme.inputFontSize;
}, function (props) {
return props.theme.inputFontWeight;
}, function (props) {
return props.theme.inputBoxHeight;
}, function (props) {
return props.theme.inputPadding;
}, function (props) {
return props.theme.transition;
}, function (props) {
return props.disabled ? 'none' : 'all';
}, function (props) {
return props.disabled ? 0.5 : 1;
}, function (props) {
return props.type === 'number' ? 'text' : 'pointer';
}, function (props) {
return props.active ? props.theme.inputBgdActive : props.theme.inputBgdHover;
}, function (props) {
return props.active ? props.theme.inputBorderActiveColor : props.theme.inputBorderHoverColor;
}, function (props) {
return props.theme.inputBgdActive;
}, function (props) {
return props.theme.inputBorderActiveColor;
}, function (props) {
return props.theme.inputPlaceholderColor;
}, function (props) {
return props.theme.inputPlaceholderFontWeight;
});
var inputLT = (0, _styledComponents.css)(_templateObject2, input, function (props) {
return props.theme.selectBackgroundLT;
}, function (props) {
return props.active ? props.theme.selectActiveBorderColor : props.error ? props.theme.errorColor : props.theme.selectBorderColorLT;
}, function (props) {
return props.theme.selectColorLT;
}, function (props) {
return props.theme.selectColorLT;
}, function (props) {
return props.theme.subtextColorLT;
}, function (props) {
return props.theme.selectBackgroundLT;
}, function (props) {
return props.theme.textColorLT;
}, function (props) {
return props.theme.selectBackgroundLT;
}, function (props) {
return ['number', 'text'].includes(props.type) ? 'text' : 'pointer';
}, function (props) {
return props.active ? props.theme.textColorLT : props.theme.subtextColor;
});
var secondaryInput = (0, _styledComponents.css)(_templateObject3, function (props) {
return props.theme.input;
}, function (props) {
return props.theme.secondaryInputColor;
}, function (props) {
return props.theme.secondaryInputBgd;
}, function (props) {
return props.theme.secondaryInputHeight;
}, function (props) {
return props.error ? props.theme.errorColor : props.theme.secondaryInputBorderColor;
}, function (props) {
return props.theme.secondaryInputBgdHover;
}, function (props) {
return props.theme.secondaryInputBgdHover;
}, function (props) {
return props.theme.secondaryInputBgdActive;
}, function (props) {
return props.theme.secondaryInputBorderActiveColor;
});
var chickletedInput = (0, _styledComponents.css)(_templateObject4, function (props) {
return props.theme.secondaryInput;
});
var inlineInput = (0, _styledComponents.css)(_templateObject5, function (props) {
return props.theme.input;
}, function (props) {
return props.theme.textColor;
}, function (props) {
return props.theme.labelColor;
}, function (props) {
return props.theme.inputBorderActiveColor;
});
var switchTrack = (0, _styledComponents.css)(_templateObject6, function (props) {
return props.checked ? props.theme.switchTrackBgdActive : props.theme.switchTrackBgd;
}, function (props) {
return -props.theme.switchLabelMargin;
}, function (props) {
return props.theme.switchWidth;
}, function (props) {
return props.theme.switchHeight;
}, function (props) {
return props.theme.switchTrackBorderRadius;
});
var switchButton = (0, _styledComponents.css)(_templateObject7, function (props) {
return props.theme.transition;
}, function (props) {
return (props.checked ? props.theme.switchWidth / 2 : -1) - props.theme.switchLabelMargin;
}, function (props) {
return props.theme.switchBtnHeight;
}, function (props) {
return props.theme.switchBtnWidth;
}, function (props) {
return props.checked ? props.theme.switchBtnBgdActive : props.theme.switchBtnBgd;
}, function (props) {
return props.theme.switchBtnBoxShadow;
});
var inputSwitch = (0, _styledComponents.css)(_templateObject8, function (props) {
return props.theme.labelColor;
}, function (props) {
return props.theme.switchHeight / 2;
}, function (props) {
return props.theme.switchWidth;
}, function (props) {
return props.theme.switchTrack;
}, function (props) {
return props.theme.switchButton;
});
// This is a light version checkbox
var checkboxBox = (0, _styledComponents.css)(_templateObject9, function (props) {
return props.theme.checkboxWidth;
}, function (props) {
return props.theme.checkboxHeight;
}, function (props) {
return props.checked ? props.theme.checkboxBoxBgdChecked : props.theme.checkboxBoxBgd;
}, function (props) {
return props.checked ? props.theme.checkboxBoxBgdChecked : props.theme.checkboxBorderColor;
});
var checkboxCheck = (0, _styledComponents.css)(_templateObject10, function (props) {
return props.checked ? 1 : 0;
});
var inputCheckbox = (0, _styledComponents.css)(_templateObject11, function (props) {
return props.theme.labelColor;
}, function (props) {
return props.theme.switchLabelMargin;
}, function (props) {
return props.theme.checkboxBox;
}, function (props) {
return props.theme.checkboxCheck;
});
var secondarySwitch = (0, _styledComponents.css)(_templateObject12, function (props) {
return props.theme.inputSwitch;
}, function (props) {
return props.theme.switchTrack;
}, function (props) {
return props.checked ? props.theme.switchTrackBgdActive : props.theme.secondarySwitchTrackBgd;
}, function (props) {
return props.theme.switchButton;
}, function (props) {
return props.checked ? props.theme.switchBtnBgdActive : props.theme.secondarySwitchBtnBgd;
});
var dropdownScrollBar = (0, _styledComponents.css)(_templateObject13, function (props) {
return props.theme.dropdownListBgd;
}, function (props) {
return props.theme.dropdownListBgd;
}, function (props) {
return props.theme.labelColor;
}, function (props) {
return props.theme.dropdownListBgd;
}, function (props) {
return props.theme.textColorHl;
});
var dropdownListAnchor = (0, _styledComponents.css)(_templateObject14, function (props) {
return props.theme.selectColor;
});
var dropdownListItem = (0, _styledComponents.css)(_templateObject15, function (props) {
return props.theme.dropdownListHighlightBg;
}, function (props) {
return props.theme.textColorHl;
});
var dropdownListHeader = (0, _styledComponents.css)(_templateObject16, function (props) {
return props.theme.labelColor;
});
var dropdownListSection = (0, _styledComponents.css)(_templateObject17, function (props) {
return props.theme.labelColor;
});
var dropdownList = (0, _styledComponents.css)(_templateObject18, function (props) {
return props.theme.dropdownListShadow;
}, function (props) {
return props.theme.dropdownListSection;
}, function (props) {
return props.theme.dropdownListHeader;
}, function (props) {
return props.theme.dropdownListItem;
}, function (props) {
return props.theme.dropdownListAnchor;
}, function (props) {
return props.theme.dropdownScrollBar;
});
var sidePanelScrollBar = (0, _styledComponents.css)(_templateObject19, function (props) {
return props.theme.sidePanelBg;
}, function (props) {
return props.theme.sidePanelBg;
}, function (props) {
return props.theme.panelBackgroundHover;
}, function (props) {
return props.theme.sidePanelBg;
}, function (props) {
return props.theme.labelColor;
});
var panelDropdownScrollBar = (0, _styledComponents.css)(_templateObject20, function (props) {
return props.theme.panelBackground;
}, function (props) {
return props.theme.panelBackground;
}, function (props) {
return props.theme.panelBackgroundHover;
}, function (props) {
return props.theme.panelBackground;
}, function (props) {
return props.theme.labelColor;
});
var scrollBar = (0, _styledComponents.css)(_templateObject21, function (props) {
return props.theme.panelBackground;
}, function (props) {
return props.theme.panelBackground;
}, function (props) {
return props.theme.labelColor;
}, function (props) {
return props.theme.panelBackground;
}, function (props) {
return props.theme.textColorHl;
}, function (props) {
return props.theme.textColorHl;
});
var modalScrollBar = exports.modalScrollBar = (0, _styledComponents.css)(_templateObject22, function (props) {
return props.theme.textColorHl;
}, function (props) {
return props.theme.labelColorLT;
}, function (props) {
return props.theme.textColorHl;
}, function (props) {
return props.theme.textColorHl;
});
var theme = exports.theme = (0, _extends3.default)({}, _defaultSettings.DIMENSIONS, {
// templates
input: input,
inputLT: inputLT,
inlineInput: inlineInput,
chickletedInput: chickletedInput,
secondaryInput: secondaryInput,
dropdownScrollBar: dropdownScrollBar,
dropdownList: dropdownList,
dropdownListItem: dropdownListItem,
dropdownListAnchor: dropdownListAnchor,
dropdownListHeader: dropdownListHeader,
dropdownListSection: dropdownListSection,
dropdownListShadow: dropdownListShadow,
modalScrollBar: modalScrollBar,
scrollBar: scrollBar,
sidePanelScrollBar: sidePanelScrollBar,
inputSwitch: inputSwitch,
secondarySwitch: secondarySwitch,
switchTrack: switchTrack,
switchButton: switchButton,
inputCheckbox: inputCheckbox,
checkboxBox: checkboxBox,
checkboxCheck: checkboxCheck,
// Transitions
transition: transition,
transitionFast: transitionFast,
transitionSlow: transitionSlow,
// styles
activeColor: activeColor,
activeColorHover: activeColorHover,
borderRadius: borderRadius,
boxShadow: boxShadow,
errorColor: errorColor,
dropdownListHighlightBg: dropdownListHighlightBg,
dropdownListBgd: dropdownListBgd,
dropdownListBorderTop: dropdownListBorderTop,
labelColor: labelColor,
labelColorLT: labelColorLT,
labelHoverColor: labelHoverColor,
mapPanelBackgroundColor: mapPanelBackgroundColor,
mapPanelHeaderBackgroundColor: mapPanelHeaderBackgroundColor,
// Select
selectActiveBorderColor: selectActiveBorderColor,
selectBackground: selectBackground,
selectBackgroundLT: selectBackgroundLT,
selectBackgroundHover: selectBackgroundHover,
selectBackgroundHoverLT: selectBackgroundHoverLT,
selectBorder: selectBorder,
selectBorderColor: selectBorderColor,
selectBorderRadius: selectBorderRadius,
selectBorderColorLT: selectBorderColorLT,
selectColor: selectColor,
selectColorPlaceHolder: selectColorPlaceHolder,
selectFontSize: selectFontSize,
selectFontWeight: selectFontWeight,
selectColorLT: selectColorLT,
// Input
inputBgd: inputBgd,
inputBgdHover: inputBgdHover,
inputBgdActive: inputBgdActive,
inputBoxHeight: inputBoxHeight,
inputBorderColor: inputBorderColor,
inputBorderActiveColor: inputBorderActiveColor,
inputBorderHoverColor: inputBorderHoverColor,
inputBorderRadius: inputBorderRadius,
inputColor: inputColor,
inputPadding: inputPadding,
inputFontSize: inputFontSize,
inputFontWeight: inputFontWeight,
inputPlaceholderColor: inputPlaceholderColor,
inputPlaceholderFontWeight: inputPlaceholderFontWeight,
secondaryInputBgd: secondaryInputBgd,
secondaryInputBgdHover: secondaryInputBgdHover,
secondaryInputBgdActive: secondaryInputBgdActive,
secondaryInputHeight: secondaryInputHeight,
secondaryInputColor: secondaryInputColor,
secondaryInputBorderColor: secondaryInputBorderColor,
secondaryInputBorderActiveColor: secondaryInputBorderActiveColor,
// Switch
switchWidth: switchWidth,
switchHeight: switchHeight,
switchTrackBgd: switchTrackBgd,
switchTrackBgdActive: switchTrackBgdActive,
switchTrackBorderRadius: switchTrackBorderRadius,
switchBtnBgd: switchBtnBgd,
switchBtnBgdActive: switchBtnBgdActive,
switchBtnBoxShadow: switchBtnBoxShadow,
switchBtnBorderRadius: switchBtnBorderRadius,
switchBtnWidth: switchBtnWidth,
switchBtnHeight: switchBtnHeight,
switchLabelMargin: switchLabelMargin,
secondarySwitchTrackBgd: secondarySwitchTrackBgd,
secondarySwitchBtnBgd: secondarySwitchBtnBgd,
// Checkbox
checkboxWidth: checkboxWidth,
checkboxHeight: checkboxHeight,
checkboxMargin: checkboxMargin,
checkboxBorderColor: checkboxBorderColor,
checkboxBorderRadius: checkboxBorderRadius,
checkboxBorderColorLT: checkboxBorderColorLT,
checkboxBoxBgd: checkboxBoxBgd,
checkboxBoxBgdChecked: checkboxBoxBgdChecked,
// Button
primaryBtnBgd: primaryBtnBgd,
primaryBtnActBgd: primaryBtnActBgd,
primaryBtnColor: primaryBtnColor,
primaryBtnActColor: primaryBtnActColor,
primaryBtnBgdHover: primaryBtnBgdHover,
primaryBtnRadius: primaryBtnRadius,
secondaryBtnBgd: secondaryBtnBgd,
secondaryBtnActBgd: secondaryBtnActBgd,
secondaryBtnBgdHover: secondaryBtnBgdHover,
secondaryBtnColor: secondaryBtnColor,
secondaryBtnActColor: secondaryBtnActColor,
negativeBtnBgd: negativeBtnBgd,
negativeBtnActBgd: negativeBtnActBgd,
negativeBtnBgdHover: negativeBtnBgdHover,
negativeBtnColor: negativeBtnColor,
negativeBtnActColor: negativeBtnActColor,
linkBtnBgd: linkBtnBgd,
linkBtnActBgd: linkBtnActBgd,
linkBtnColor: linkBtnColor,
linkBtnActColor: linkBtnActColor,
linkBtnActBgdHover: linkBtnActBgdHover,
// Modal
modalTitleColor: modalTitleColor,
modalTitleFontSize: modalTitleFontSize,
modalFooterBgd: modalFooterBgd,
modalImagePlaceHolder: modalImagePlaceHolder,
modalDialogBgd: modalDialogBgd,
modalDialogColor: modalDialogColor,
// Side Panel
sidePanelBg: sidePanelBg,
sideBarCloseBtnBgd: sideBarCloseBtnBgd,
sideBarCloseBtnColor: sideBarCloseBtnColor,
sideBarCloseBtnBgdHover: sideBarCloseBtnBgdHover,
sidePanelHeaderBg: sidePanelHeaderBg,
// Side Panel Panel
panelActiveBg: panelActiveBg,
panelBackground: panelBackground,
panelBackgroundHover: panelBackgroundHover,
panelBackgroundLT: panelBackgroundLT,
panelBoxShadow: panelBoxShadow,
panelBorderRadius: panelBorderRadius,
panelBorder: panelBorder,
panelBorderColor: panelBorderColor,
panelBorderLT: panelBorderLT,
panelHeaderIcon: panelHeaderIcon,
panelHeaderIconActive: panelHeaderIconActive,
panelHeaderHeight: panelHeaderHeight,
panelDropdownScrollBar: panelDropdownScrollBar,
// Text
textColor: textColor,
textColorLT: textColorLT,
textColorHl: textColorHl,
titleTextColor: titleTextColor,
subtextColor: subtextColor,
subtextColorLT: subtextColorLT,
subtextColorActive: subtextColorActive,
textTruncate: textTruncate,
titleColorLT: titleColorLT,
tooltipBg: tooltipBg,
tooltipColor: tooltipColor,
// Slider
sliderBarColor: sliderBarColor,
sliderBarBgd: sliderBarBgd,
sliderBarHoverColor: sliderBarHoverColor,
sliderBarRadius: sliderBarRadius,
sliderBarHeight: sliderBarHeight,
sliderHandleHeight: sliderHandleHeight,
sliderHandleWidth: sliderHandleWidth,
sliderHandleColor: sliderHandleColor,
sliderHandleHoverColor: sliderHandleHoverColor,
sliderHandleShadow: sliderHandleShadow,
// Plot
rangeBrushBgd: rangeBrushBgd
});
var themeLT = exports.themeLT = (0, _extends3.default)({}, theme, {
// template
input: inputLT,
panelActiveBg: panelActiveBgLT,
textColor: textColorLT,
textColorHl: textColorHlLT
});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMvYmFzZS5qcyJdLCJuYW1lcyI6WyJ0cmFuc2l0aW9uIiwidHJhbnNpdGlvbkZhc3QiLCJ0cmFuc2l0aW9uU2xvdyIsImJveFNoYWRvdyIsImJveFNpemluZyIsImJvcmRlclJhZGl1cyIsImJvcmRlckNvbG9yIiwiYm9yZGVyQ29sb3JMaWdodCIsImxhYmVsQ29sb3IiLCJsYWJlbEhvdmVyQ29sb3IiLCJsYWJlbENvbG9yTFQiLCJ0ZXh0Q29sb3IiLCJ0ZXh0Q29sb3JMVCIsInRpdGxlQ29sb3JMVCIsInN1YnRleHRDb2xvciIsInN1YnRleHRDb2xvckxUIiwic3VidGV4dENvbG9yQWN0aXZlIiwidGl0bGVUZXh0Q29sb3IiLCJ0ZXh0Q29sb3JIbCIsInRleHRDb2xvckhsTFQiLCJhY3RpdmVDb2xvciIsImFjdGl2ZUNvbG9ySG92ZXIiLCJlcnJvckNvbG9yIiwicHJpbWFyeUJ0bkJnZCIsInByaW1hcnlCdG5BY3RCZ2QiLCJwcmltYXJ5QnRuQ29sb3IiLCJwcmltYXJ5QnRuQWN0Q29sb3IiLCJwcmltYXJ5QnRuQmdkSG92ZXIiLCJwcmltYXJ5QnRuUmFkaXVzIiwic2Vjb25kYXJ5QnRuQmdkIiwic2Vjb25kYXJ5QnRuQWN0QmdkIiwic2Vjb25kYXJ5QnRuQ29sb3IiLCJzZWNvbmRhcnlCdG5BY3RDb2xvciIsInNlY29uZGFyeUJ0bkJnZEhvdmVyIiwibGlua0J0bkJnZCIsImxpbmtCdG5BY3RCZ2QiLCJsaW5rQnRuQ29sb3IiLCJsaW5rQnRuQWN0Q29sb3IiLCJsaW5rQnRuQWN0QmdkSG92ZXIiLCJuZWdhdGl2ZUJ0bkJnZCIsIm5lZ2F0aXZlQnRuQWN0QmdkIiwibmVnYXRpdmVCdG5CZ2RIb3ZlciIsIm5lZ2F0aXZlQnRuQ29sb3IiLCJuZWdhdGl2ZUJ0bkFjdENvbG9yIiwiaW5wdXRCb3hIZWlnaHQiLCJpbnB1dFBhZGRpbmciLCJpbnB1dEZvbnRTaXplIiwiaW5wdXRGb250V2VpZ2h0IiwiaW5wdXRCZ2QiLCJpbnB1dEJnZEhvdmVyIiwiaW5wdXRCZ2RBY3RpdmUiLCJpbnB1dEJvcmRlckNvbG9yIiwiaW5wdXRCb3JkZXJIb3ZlckNvbG9yIiwiaW5wdXRCb3JkZXJBY3RpdmVDb2xvciIsImlucHV0Q29sb3IiLCJpbnB1dEJvcmRlclJhZGl1cyIsImlucHV0UGxhY2Vob2xkZXJDb2xvciIsImlucHV0UGxhY2Vob2xkZXJGb250V2VpZ2h0Iiwic2Vjb25kYXJ5SW5wdXRIZWlnaHQiLCJzZWNvbmRhcnlJbnB1dEJnZCIsInNlY29uZGFyeUlucHV0QmdkSG92ZXIiLCJzZWNvbmRhcnlJbnB1dEJnZEFjdGl2ZSIsInNlY29uZGFyeUlucHV0Q29sb3IiLCJzZWNvbmRhcnlJbnB1dEJvcmRlckNvbG9yIiwic2Vjb25kYXJ5SW5wdXRCb3JkZXJBY3RpdmVDb2xvciIsInNlbGVjdENvbG9yIiwic2VsZWN0Q29sb3JMVCIsInNlbGVjdEFjdGl2ZUJvcmRlckNvbG9yIiwic2VsZWN0Rm9udFNpemUiLCJzZWxlY3RGb250V2VpZ2h0Iiwic2VsZWN0Rm9udFdlaWdodEJvbGQiLCJzZWxlY3RDb2xvclBsYWNlSG9sZGVyIiwic2VsZWN0QmFja2dyb3VuZCIsInNlbGVjdEJhY2tncm91bmRIb3ZlciIsInNlbGVjdEJhY2tncm91bmRMVCIsInNlbGVjdEJhY2tncm91bmRIb3ZlckxUIiwic2VsZWN0Qm9yZGVyQ29sb3IiLCJzZWxlY3RCb3JkZXJDb2xvckxUIiwic2VsZWN0Qm9yZGVyUmFkaXVzIiwic2VsZWN0Qm9yZGVyIiwiZHJvcGRvd25MaXN0SGlnaGxpZ2h0QmciLCJkcm9wZG93bkxpc3RTaGFkb3ciLCJkcm9wZG93bkxpc3RCZ2QiLCJkcm9wZG93bkxpc3RCb3JkZXJUb3AiLCJzd2l0Y2hXaWR0aCIsInN3aXRjaEhlaWdodCIsInN3aXRjaExhYmVsTWFyZ2luIiwic3dpdGNoVHJhY2tCZ2QiLCJzd2l0Y2hUcmFja0JnZEFjdGl2ZSIsInN3aXRjaFRyYWNrQm9yZGVyUmFkaXVzIiwic3dpdGNoQnRuQmdkIiwic3dpdGNoQnRuQmdkQWN0aXZlIiwic3dpdGNoQnRuQm94U2hhZG93Iiwic3dpdGNoQnRuQm9yZGVyUmFkaXVzIiwic3dpdGNoQnRuV2lkdGgiLCJzd2l0Y2hCdG5IZWlnaHQiLCJzZWNvbmRhcnlTd2l0Y2hUcmFja0JnZCIsInNlY29uZGFyeVN3aXRjaEJ0bkJnZCIsImNoZWNrYm94V2lkdGgiLCJjaGVja2JveEhlaWdodCIsImNoZWNrYm94TWFyZ2luIiwiY2hlY2tib3hCb3JkZXJDb2xvciIsImNoZWNrYm94Qm9yZGVyUmFkaXVzIiwiY2hlY2tib3hCb3JkZXJDb2xvckxUIiwiY2hlY2tib3hCb3hCZ2QiLCJjaGVja2JveEJveEJnZENoZWNrZWQiLCJzaWRlUGFuZWxIZWFkZXJCZyIsInNpZGVQYW5lbEJnIiwic2lkZUJhckNsb3NlQnRuQmdkIiwic2lkZUJhckNsb3NlQnRuQ29sb3IiLCJzaWRlQmFyQ2xvc2VCdG5CZ2RIb3ZlciIsInBhbmVsQmFja2dyb3VuZCIsInBhbmVsQmFja2dyb3VuZEhvdmVyIiwicGFuZWxBY3RpdmVCZyIsInBhbmVsQWN0aXZlQmdMVCIsInBhbmVsSGVhZGVySWNvbiIsInBhbmVsSGVhZGVySWNvbkFjdGl2ZSIsInBhbmVsSGVhZGVySGVpZ2h0IiwicGFuZWxCb3hTaGFkb3ciLCJwYW5lbEJvcmRlclJhZGl1cyIsInBhbmVsQmFja2dyb3VuZExUIiwicGFuZWxCb3JkZXJDb2xvciIsInBhbmVsQm9yZGVyIiwicGFuZWxCb3JkZXJMVCIsIm1hcFBhbmVsQmFja2dyb3VuZENvbG9yIiwibWFwUGFuZWxIZWFkZXJCYWNrZ3JvdW5kQ29sb3IiLCJ0b29sdGlwQmciLCJ0b29sdGlwQ29sb3IiLCJtb2RhbFRpdGxlQ29sb3IiLCJtb2RhbFRpdGxlRm9udFNpemUiLCJtb2RhbEZvb3RlckJnZCIsIm1vZGFsSW1hZ2VQbGFjZUhvbGRlciIsIm1vZGFsRGlhbG9nQmdkIiwibW9kYWxEaWFsb2dDb2xvciIsInNsaWRlckJhckNvbG9yIiwic2xpZGVyQmFyQmdkIiwic2xpZGVyQmFySG92ZXJDb2xvciIsInNsaWRlckJhclJhZGl1cyIsInNsaWRlckJhckhlaWdodCIsInNsaWRlckhhbmRsZUhlaWdodCIsInNsaWRlckhhbmRsZVdpZHRoIiwic2xpZGVySGFuZGxlQ29sb3IiLCJzbGlkZXJIYW5kbGVIb3ZlckNvbG9yIiwic2xpZGVySGFuZGxlU2hhZG93IiwicmFuZ2VCcnVzaEJnZCIsInRleHRUcnVuY2F0ZSIsIm1heFdpZHRoIiwib3ZlcmZsb3ciLCJ0ZXh0T3ZlcmZsb3ciLCJ3aGl0ZVNwYWNlIiwid29yZFdyYXAiLCJpbnB1dCIsImNzcyIsInByb3BzIiwidGhlbWUiLCJhY3RpdmUiLCJlcnJvciIsImRpc2FibGVkIiwidHlwZSIsImlucHV0TFQiLCJpbmNsdWRlcyIsInNlY29uZGFyeUlucHV0IiwiY2hpY2tsZXRlZElucHV0IiwiaW5saW5lSW5wdXQiLCJzd2l0Y2hUcmFjayIsImNoZWNrZWQiLCJzd2l0Y2hCdXR0b24iLCJpbnB1dFN3aXRjaCIsImNoZWNrYm94Qm94IiwiY2hlY2tib3hDaGVjayIsImlucHV0Q2hlY2tib3giLCJzZWNvbmRhcnlTd2l0Y2giLCJkcm9wZG93blNjcm9sbEJhciIsImRyb3Bkb3duTGlzdEFuY2hvciIsImRyb3Bkb3duTGlzdEl0ZW0iLCJkcm9wZG93bkxpc3RIZWFkZXIiLCJkcm9wZG93bkxpc3RTZWN0aW9uIiwiZHJvcGRvd25MaXN0Iiwic2lkZVBhbmVsU2Nyb2xsQmFyIiwicGFuZWxEcm9wZG93blNjcm9sbEJhciIsInNjcm9sb