plotly.js/src/components/sliders/constants.js

The open source javascript graphing library that powers plotly

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.currentValueInset = exports.currentValuePadding = exports.minorTickLength = exports.minorTickColor = exports.minorTickOffset = exports.tickLength = exports.tickOffset = exports.tickColor = exports.tickWidth = exports.labelOffset = exports.labelPadding = exports.gripBgActiveColor = exports.gripBgColor = exports.gripBorderColor = exports.gripBorderWidth = exports.gripBorder = exports.gripHeight = exports.gripWidth = exports.gripRadius = exports.stepInset = exports.railInset = exports.railBgColor = exports.railBorderColor = exports.railBorderWidth = exports.railBorder = exports.railWidth = exports.railRadius = exports.arrowOffsetX = exports.textPadX = exports.minHeight = exports.minWidth = exports.autoMarginIdRoot = exports.menuIndexAttrName = exports.railHeight = exports.currentValueClass = exports.labelClass = exports.labelGroupClass = exports.labelsClass = exports.inputProxyClass = exports.tickRectClass = exports.gripRectClass = exports.railTouchRectClass = exports.railRectClass = exports.inputAreaClass = exports.groupClassName = exports.containerClassName = exports.name = void 0;
// Layout attribute name
exports.name = 'sliders';
// Class names
exports.containerClassName = 'slider-container';
exports.groupClassName = 'slider-group';
exports.inputAreaClass = 'slider-input-area';
exports.railRectClass = 'slider-rail-rect';
exports.railTouchRectClass = 'slider-rail-touch-rect';
exports.gripRectClass = 'slider-grip-rect';
exports.tickRectClass = 'slider-tick-rect';
exports.inputProxyClass = 'slider-input-proxy';
exports.labelsClass = 'slider-labels';
exports.labelGroupClass = 'slider-label-group';
exports.labelClass = 'slider-label';
exports.currentValueClass = 'slider-current-value';
exports.railHeight = 5;
// DOM attribute name in button group keeping track
// of active update menu
exports.menuIndexAttrName = 'slider-active-index';
// ID root pass to Plots.autoMargin
exports.autoMarginIdRoot = 'slider-';
// Min item width / height
exports.minWidth = 30;
exports.minHeight = 30;
// Padding around item text
exports.textPadX = 40;
// Arrow offset off right edge
exports.arrowOffsetX = 4;
exports.railRadius = 2;
exports.railWidth = 5;
exports.railBorder = 4;
exports.railBorderWidth = 1;
exports.railBorderColor = '#bec8d9';
exports.railBgColor = '#f8fafc';
// The distance of the rail from the edge of the touchable area
// Slightly less than the step inset because of the curved edges
// of the rail
exports.railInset = 8;
// The distance from the extremal tick marks to the edge of the
// touchable area. This is basically the same as the grip radius,
// but for other styles it wouldn't really need to be.
exports.stepInset = 10;
exports.gripRadius = 10;
exports.gripWidth = 20;
exports.gripHeight = 20;
exports.gripBorder = 20;
exports.gripBorderWidth = 1;
exports.gripBorderColor = '#bec8d9';
exports.gripBgColor = '#f6f8fa';
exports.gripBgActiveColor = '#dbdde0';
exports.labelPadding = 8;
exports.labelOffset = 0;
exports.tickWidth = 1;
exports.tickColor = '#333';
exports.tickOffset = 25;
exports.tickLength = 7;
exports.minorTickOffset = 25;
exports.minorTickColor = '#333';
exports.minorTickLength = 4;
// Extra space below the current value label:
exports.currentValuePadding = 8;
exports.currentValueInset = 0;