@amcharts/amcharts5
Version:
amCharts 5
338 lines • 16.7 kB
JavaScript
import { StyleRule } from "../../../core/util/Utils";
import { MultiDisposer, CounterDisposer } from "../../../core/util/Disposer";
/**
* @ignore
*/
let rules;
/**
* @ignore
*/
export default function (element, root, _prefix) {
const ic = root.interfaceColors;
const active = ic.get("secondaryButton").toCSS();
const hover = ic.get("secondaryButtonHover").toCSS();
//const border = ic.get("secondaryButtonStroke")!.toCSS();
const text = ic.get("text").toCSS();
const textDisabled = ic.get("disabled").toCSS();
const border = ic.get("secondaryButtonActive").toCSS();
const bg = ic.get("background").toCSS();
const link = ic.get("primaryButton").toCSS();
if (!rules) {
const disposer = new MultiDisposer([
new StyleRule(element, ".am5stock-control-button", {
"display": "inline-block",
"position": "relative",
"border": "1px solid " + border,
"border-radius": "4px",
"padding": "3px 0 3px 5px",
"margin": "2px",
"z-index": "1",
"cursor": "default",
"line-height": "1.5em",
"color": text
}, root.nonce),
new StyleRule(element, ".am5stock-control-button div", {
"box-sizing": "initial"
}, root.nonce),
new StyleRule(element, ".am5stock-control-button:hover", {
//"background": hover
"border-color": hover
}, root.nonce),
new StyleRule(element, ".am5stock-control-button.am5stock-no-hover:hover", {
"background": "initial"
}, root.nonce),
new StyleRule(element, ".am5-modal-content .am5stock-control-button", {
"padding": "5px 6px",
"line-height": "0.8em"
}, root.nonce),
new StyleRule(element, ".am5stock-control-color .am5stock-control-icon", {
"border-radius": "3px",
"min-height": "1em",
"max-width": "50px",
"line-height": "0.8em"
}, root.nonce),
new StyleRule(element, ".am5-modal-content .am5stock-control-color .am5stock-control-icon", {
"margin": "0",
"width": "100%",
"min-height": "1em",
"max-width": "none",
"line-height": "0.8em",
}, root.nonce),
// Match the color field's outline width to the number/text inputs so the
// fields line up. The button keeps its border (outline) and padding, so
// the swatch above sits inside it as a smaller colored rectangle.
new StyleRule(element, ".am5-modal-content .am5stock-control-button.am5stock-control-color", {
"box-sizing": "border-box",
"width": "70px"
}, root.nonce),
new StyleRule(element, ".am5-modal-content .am5stock-control-button .am5stock-control-icon > .am5stock-control-icon-color", {
"width": "1px"
}, root.nonce),
new StyleRule(element, ".am5-modal-content input[type=\"text\"], .am5-modal-content input[type=\"number\"], .am5-modal-content select", {
"border": "1px solid " + border,
// border-box so the fixed input width includes the border, matching the
// color field's border-box outline width exactly.
"box-sizing": "border-box",
}, root.nonce),
new StyleRule(element, ".am5stock-control-button.am5stock-align-right", {
"float": "right"
}, root.nonce),
new StyleRule(element, ".am5stock-control-button.am5stock-control-button-active", {
"background": active,
"z-index": "2",
}, root.nonce),
new StyleRule(element, ".am5stock-control-button.am5stock-control-dropdown.am5stock-control-button-active", {
"z-index": "3",
}, root.nonce),
new StyleRule(element, ".am5-modal-content .am5stock-control-button.am5stock-control-button-active, .am5-modal-content .am5stock-control-button:hover", {
"background": "none"
}, root.nonce),
new StyleRule(element, ".am5-modal-content .am5-modal-link-reset", {
"display": "block",
"color": link,
"text-transform": "uppercase",
"font-weight": "500",
"margin-top": "0.5em",
"font-size": "0.8em",
"cursor": "pointer"
}, root.nonce),
new StyleRule(element, ".am5stock-control-icon", {
"min-width": "1.2em",
"min-height": "1.2em",
"max-width": "1.2em",
"display": "inline-block",
"position": "relative",
"margin": "0 5px 0 0",
}, root.nonce),
new StyleRule(element, ".am5stock-control-icon.am5stock-icon-wide", {
"max-width": "60px"
}, root.nonce),
new StyleRule(element, ".am5stock-control-icon > *", {
"vertical-align": "sub"
}, root.nonce),
new StyleRule(element, ".am5stock-control-icon > .am5stock-control-icon-color", {
"max-width": "20px",
"width": "20px"
}, root.nonce),
new StyleRule(element, ".am5stock-control-icon > .am5stock-control-icon-color-bg", {
"width": "100%",
"height": "100%",
"display": "block",
"position": "absolute",
"left": "0",
"top": "0",
"z-index": "-1",
"overflow": "hidden",
"border-radius": "3px",
"background-image": "linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%)",
"background-size": "10px 10px",
"background-position": "0 0, 0 5px, 5px -5px, -5px 0px",
}, root.nonce),
new StyleRule(element, ".am5stock-control-button path", {
"stroke-width": "0.5",
"stroke": text,
"fill": "none",
"vector-effect": "non-scaling-stroke"
}, root.nonce),
new StyleRule(element, ".am5stock-control-label", {
"display": "inline-block",
"margin": "0 5px 0 0"
}, root.nonce),
new StyleRule(element, ".am5stock-control-list-container", {
"position": "absolute",
"left": "0",
"top": "100%",
"margin-top": "10px",
"background": bg,
"border": "1px solid " + border,
"border-radius": "3px"
}, root.nonce),
new StyleRule(element, ".am5stock-align-right .am5stock-control-list-container", {
"left": "auto",
"right": "0"
}, root.nonce),
new StyleRule(element, ".am5stock-control-list-arrow", {
"position": "absolute",
"left": "5px",
"top": "-5px",
"border": "solid " + border,
"border-width": "0 1px 1px 0",
"background": bg,
"display": "inline-block",
"padding": "5px",
"transform": "rotate(-135deg)"
}, root.nonce),
new StyleRule(element, ".am5stock-align-right .am5stock-control-list-arrow", {
"right": "5px",
"left": "auto"
}, root.nonce),
new StyleRule(element, ".am5stock-control-list", {
"list-style": "none",
"margin": "5px",
"padding": "2px",
"white-space": "nowrap"
}, root.nonce),
new StyleRule(element, ".am5stock-control-list li", {
"padding": "2px 6px 2px 6px",
"position": "relative"
}, root.nonce),
new StyleRule(element, ".am5stock-control-list li:hover", {
"background": active
}, root.nonce),
new StyleRule(element, ".am5stock-control-list li.am5stock-list-info", {
"font-style": "italic",
"color": hover
}, root.nonce),
new StyleRule(element, ".am5stock-control-list .am5stock-list-sub", {
"font-size": "0.7em",
"color": hover,
"display": "block"
}, root.nonce),
new StyleRule(element, ".am5stock-control-list li.am5stock-list-info:hover", {
"background": "none"
}, root.nonce),
new StyleRule(element, ".am5stock-control-list li.am5stock-list-heading", {
"font-style": "normal",
"font-weight": "bold",
"color": "initial",
"margin-top": "0.3em"
}, root.nonce),
new StyleRule(element, ".am5stock-control-list li.am5stock-disabled:hover, .am5stock-control-list li.am5stock-disabled > *", {
"background": "none",
"color": textDisabled
}, root.nonce),
new StyleRule(element, ".am5stock-control-list li svg", {
"max-width": "1em",
"max-height": "1em",
"margin-right": "0.8em",
//"position": "absolute",
"left": "0px",
"top": "2px",
"display": "inline-block"
}, root.nonce),
new StyleRule(element, ".am5stock-control-list li svg.am5stock-icon-wide, .am5stock-control-icon > *.am5stock-icon-wide", {
"width": "60px",
"max-width": "60px",
"margin-right": "0"
}, root.nonce),
new StyleRule(element, ".am5stock-control-list li div, .am5stock-control-list li label", {
"display": "inline-block",
"margin-right": "1em"
}, root.nonce),
new StyleRule(element, ".am5stock-control-list li input", {
"margin-right": "1em"
}, root.nonce),
new StyleRule(element, ".am5stock-list-search", {
//"display": "inline-block",
"margin": "0.5em 0.7em",
"padding-bottom": "0.25em",
//"padding-left": "30px",
//"border-bottom": "1px solid " + active,
"position": "relative",
//"background": "url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTAuNSIgY3k9IjEwLjUiIHI9IjcuNSIvPjxsaW5lIHgxPSIyMSIgeDI9IjE1LjgiIHkxPSIyMSIgeTI9IjE1LjgiLz48L3N2Zz4=) left / 20px 20px no-repeat",
}, root.nonce),
new StyleRule(element, ".am5stock-list-search input", {
"border": "1px solid " + active,
"padding": "6px 10px 6px 30px",
"margin-top": "5px",
"background": "url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTAuNSIgY3k9IjEwLjUiIHI9IjcuNSIvPjxsaW5lIHgxPSIyMSIgeDI9IjE1LjgiIHkxPSIyMSIgeTI9IjE1LjgiLz48L3N2Zz4=) 5px / 20px 20px no-repeat",
"background-color": "#fff",
//"background-color": active,
"color": "#888"
}, root.nonce),
new StyleRule(element, ".am5stock-list-search input::placeholder", {
"color": "#888"
}, root.nonce),
new StyleRule(element, ".am5stock-control-colors, .am5stock-control-icons", {
"list-style": "none",
"margin": "5px",
"padding": "2px",
//"white-space": "nowrap",
"width": "240px"
}, root.nonce),
new StyleRule(element, ".am5stock-control-colors li, .am5stock-control-icons li", {
"display": "inline-block",
"padding": "0",
"margin": "0",
"border": "3px solid " + bg,
"width": "24px",
"height": "24px",
"position": "relative"
}, root.nonce),
new StyleRule(element, ".am5stock-control-colors li:hover, .am5stock-control-colors li.am5stock-control-active, .am5stock-control-icons li:hover, .am5stock-control-icons li.am5stock-control-active", {
"border-color": "rgba(200, 200, 200, 1)"
}, root.nonce),
new StyleRule(element, ".am5stock-control-colors li.am5stock-control-opacity", {
"width": "42px",
"text-align": "center"
}, root.nonce),
new StyleRule(element, ".am5stock-control-colors li.am5stock-control-opacity", {
"width": "42px",
"text-align": "center",
"font-size": "12px",
"line-height": "24px"
}, root.nonce),
new StyleRule(element, ".am5stock-control-opacity-100, .am5stock-control-opacity-75, .am5stock-control-opacity-50", {
"color": "#fff"
}, root.nonce),
new StyleRule(element, ".am5stock-row", {
"display": "flex",
"flex-direction": "row"
}, root.nonce),
new StyleRule(element, ".am5stock-column", {
"min-width": "200px",
"display": "inline-block",
"padding": "1em"
}, root.nonce),
new StyleRule(element, ".am5stock-group", {
"white-space": "nowrap",
//"margin": "0.5em 1em",
"padding-bottom": "0.25em",
"border-bottom": "1px solid " + active,
"position": "relative",
}, root.nonce),
new StyleRule(element, ".am5stock-group input", {
"border": "none",
"padding": "3px 5px",
//"margin-top": "5px",
"width": "100%",
"box-sizing": "border-box"
}, root.nonce),
new StyleRule(element, ".am5stock-small", {
"font-size": "0.7em"
}, root.nonce),
new StyleRule(element, ".am5stock-link", {
"display": "inline-block",
"margin": "0 0.15em",
"padding": "0 3px",
"border-radius": "3px"
}, root.nonce),
new StyleRule(element, ".am5stock-link.am5stock-active, .am5stock-link:hover", {
//"font-weight": "bold"
"background": active
}, root.nonce),
new StyleRule(element, ".am5stock-link.am5stock-hidden", {
"display": "none"
}, root.nonce),
new StyleRule(element, ".am5stock-drawing-label-wrapper", {
//"font-weight": "bold"
"background-color": bg,
"bakcground-opacity": "0.5",
"padding": "0.5em",
"border-radius": "4px",
"-webkit-box-shadow": "0px 0px 36px 0px rgba(0,0,0,0.45)",
"box-shadow": "0px 0px 36px 0px rgba(0,0,0,0.45)"
}, root.nonce),
new StyleRule(element, ".am5stock-drawing-label-input", {
"width": "250px",
"min-height": "50px",
}, root.nonce),
]);
rules = new CounterDisposer(() => {
rules = undefined;
disposer.dispose();
});
}
return rules.increment();
}
//# sourceMappingURL=StockToolbarCSS.js.map