File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
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();
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
}),
new StyleRule(element, ".am5stock-control-button div", {
"box-sizing": "initial"
}),
new StyleRule(element, ".am5stock-control-button:hover", {
"background": active
}),
new StyleRule(element, ".am5stock-control-button.am5stock-no-hover:hover", {
"background": "initial"
}),
new StyleRule(element, ".am5-modal-content .am5stock-control-button", {
"padding": "0",
"border": "none",
//"margin-top": "3px"
}),
new StyleRule(element, ".am5stock-control-button.am5stock-align-right", {
"float": "right"
}),
new StyleRule(element, ".am5stock-control-button.am5stock-control-button-active", {
"background": active,
"z-index": "2",
}),
new StyleRule(element, ".am5-modal-content .am5stock-control-button.am5stock-control-button-active, .am5-modal-content .am5stock-control-button:hover", {
"background": "none"
}),
new StyleRule(element, ".am5stock-control-icon", {
"min-width": "1.2em",
"min-height": "1.2em",
"max-width": "1.2em",
//"max-height": "1.2em",
//"margin-right": "4px",
"display": "inline-block",
"position": "relative",
"margin": "0 5px 0 0",
}),
new StyleRule(element, ".am5stock-control-icon.am5stock-icon-wide", {
"max-width": "60px"
}),
new StyleRule(element, ".am5stock-control-icon > *", {
"vertical-align": "sub",
// "max-width": "18px",
// "max-height": "18px",
//"margin-right": "5px"
}),
new StyleRule(element, ".am5stock-control-icon > .am5stock-control-icon-color", {
"max-width": "20px",
//"max-height": "20px",
"width": "20px",
//"height": "20px",
//"margin-right": "5px"
}),
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",
"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",
}),
new StyleRule(element, ".am5stock-control-button path", {
//fill: ic.get("secondaryButtonText")!.toCSS(),
"stroke-width": "0.5",
"stroke": text,
"fill": "none",
"vector-effect": "non-scaling-stroke"
}),
new StyleRule(element, ".am5stock-control-label", {
"display": "inline-block",
"margin": "0 5px 0 0"
}),
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"
}),
new StyleRule(element, ".am5stock-align-right .am5stock-control-list-container", {
"left": "auto",
"right": "0"
}),
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)"
}),
new StyleRule(element, ".am5stock-align-right .am5stock-control-list-arrow", {
"right": "5px",
"left": "auto"
}),
new StyleRule(element, ".am5stock-control-list", {
"list-style": "none",
"margin": "5px",
"padding": "2px",
"white-space": "nowrap"
}),
new StyleRule(element, ".am5stock-control-list li", {
"padding": "2px 6px 2px 6px",
"position": "relative"
}),
new StyleRule(element, ".am5stock-control-list li:hover", {
"background": active
}),
new StyleRule(element, ".am5stock-control-list li.am5stock-list-info", {
"font-style": "italic",
"color": hover
}),
new StyleRule(element, ".am5stock-control-list .am5stock-list-sub", {
"font-size": "0.7em",
"color": hover,
"display": "block"
}),
new StyleRule(element, ".am5stock-control-list li.am5stock-list-info:hover", {
"background": "none"
}),
new StyleRule(element, ".am5stock-control-list li.am5stock-list-heading", {
"font-style": "normal",
"font-weight": "bold",
"color": "initial",
"margin-top": "0.3em"
}),
new StyleRule(element, ".am5stock-control-list li.am5stock-disabled:hover, .am5stock-control-list li.am5stock-disabled > *", {
"background": "none",
"color": textDisabled
}),
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"
}),
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"
}),
new StyleRule(element, ".am5stock-control-list li div, .am5stock-control-list li label", {
"display": "inline-block",
"margin-right": "1em"
}),
new StyleRule(element, ".am5stock-control-list li input", {
"margin-right": "1em"
}),
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",
}),
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"
}),
new StyleRule(element, ".am5stock-list-search input::placeholder", {
"color": "#888"
}),
new StyleRule(element, ".am5stock-control-colors, .am5stock-control-icons", {
"list-style": "none",
"margin": "5px",
"padding": "2px",
//"white-space": "nowrap",
"width": "240px"
}),
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"
}),
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)"
}),
new StyleRule(element, ".am5stock-control-colors li.am5stock-control-opacity", {
"width": "42px",
"text-align": "center"
}),
new StyleRule(element, ".am5stock-control-colors li.am5stock-control-opacity", {
"width": "42px",
"text-align": "center",
"font-size": "12px",
"line-height": "24px"
}),
new StyleRule(element, ".am5stock-control-opacity-100, .am5stock-control-opacity-75, .am5stock-control-opacity-50", {
"color": "#fff"
}),
new StyleRule(element, ".am5stock-row", {
"display": "flex",
"flex-direction": "row"
}),
new StyleRule(element, ".am5stock-column", {
"min-width": "200px",
"display": "inline-block",
"padding": "1em"
}),
new StyleRule(element, ".am5stock-group", {
"white-space": "nowrap",
//"margin": "0.5em 1em",
"padding-bottom": "0.25em",
"border-bottom": "1px solid " + active,
"position": "relative",
}),
new StyleRule(element, ".am5stock-group input", {
"border": "none",
"padding": "3px 5px",
//"margin-top": "5px",
"width": "100%",
"box-sizing": "border-box"
}),
new StyleRule(element, ".am5stock-small", {
"font-size": "0.7em"
}),
new StyleRule(element, ".am5stock-link", {
"display": "inline-block",
"margin": "0 0.15em",
"padding": "0 3px",
"border-radius": "3px"
}),
new StyleRule(element, ".am5stock-link.am5stock-active, .am5stock-link:hover", {
//"font-weight": "bold"
"background": active
}),
new StyleRule(element, ".am5stock-link.am5stock-hidden", {
"display": "none"
}),
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)"
}),
new StyleRule(element, ".am5stock-drawing-label-input", {
"width": "250px",
"min-height": "50px",
}),
]);
rules = new CounterDisposer(() => {
rules = undefined;
disposer.dispose();
});
}
return rules.increment();
}
//# sourceMappingURL=StockToolbarCSS.js.map