@amcharts/amcharts5 5.1.13 → 5.2.1

package/.internal/charts/stock/toolbar/DateRangeSelector.js

@@ -0,0 +1,346 @@
+import { __extends } from "tslib";
+import { StockControl } from "./StockControl";
+import { Dropdown } from "./Dropdown";
+import { StockIcons } from "./StockIcons";
+import { StyleSheet } from "../../../core/util/Utils";
+import flatpickr from "flatpickr";
+import * as $utils from "../../../core/util/Utils";
+import * as $type from "../../../core/util/Type";
+/**
+ * Date range selector control for [[StockChart]].
+ *
+ * @see {@link https://www.amcharts.com/docs/v5/charts/stock/toolbar/date-range-selector/} for more info
+ */
+var DateRangeSelector = /** @class */ (function (_super) {
+    __extends(DateRangeSelector, _super);
+    function DateRangeSelector() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(DateRangeSelector.prototype, "_afterNew", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var _this = this;
+            // Do parent stuff
+            _super.prototype._afterNew.call(this);
+            // Create list of tools
+            var dropdown = Dropdown.new(this._root, {
+                control: this,
+                parent: this.getPrivate("button")
+            });
+            this.setPrivate("dropdown", dropdown);
+            dropdown.events.on("opened", function (_ev) {
+                _this.set("active", true);
+                _this._updateInputs();
+            });
+            dropdown.events.on("closed", function (_ev) {
+                _this.set("active", false);
+            });
+            this.on("active", function (active) {
+                if (active) {
+                    _this.setTimeout(function () {
+                        dropdown.show();
+                    }, 10);
+                }
+                else {
+                    dropdown.hide();
+                }
+            });
+            var button = this.getPrivate("button");
+            button.className = button.className + " am5stock-control-dropdown";
+            this._loadDefaultCSS();
+            this._initDropdown();
+        }
+    });
+    Object.defineProperty(DateRangeSelector.prototype, "_initDropdown", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var _this = this;
+            var dropdown = this.getPrivate("dropdown");
+            var container = dropdown.getPrivate("container");
+            var content = document.createElement("div");
+            content.className = "am5stock-row";
+            container.appendChild(content);
+            // From fields
+            var fromColumn = document.createElement("div");
+            fromColumn.className = "am5stock-column";
+            content.appendChild(fromColumn);
+            var fromGroup = document.createElement("div");
+            fromGroup.className = "am5stock-group";
+            fromColumn.appendChild(fromGroup);
+            var fromLabel = document.createElement("span");
+            fromLabel.innerHTML = this._root.language.translate("From %1", undefined, "") + ": ";
+            fromGroup.appendChild(fromLabel);
+            var fromField = document.createElement("input");
+            fromField.type = "text";
+            fromGroup.appendChild(fromField);
+            this.setPrivate("fromField", fromField);
+            // To fields
+            var toColumn = document.createElement("div");
+            toColumn.className = "am5stock-column";
+            content.appendChild(toColumn);
+            var toGroup = document.createElement("div");
+            toGroup.className = "am5stock-group";
+            toColumn.appendChild(toGroup);
+            var toLabel = document.createElement("span");
+            toLabel.innerHTML = this._root.language.translate("To %1", undefined, "") + ": ";
+            toGroup.appendChild(toLabel);
+            var toField = document.createElement("input");
+            toField.type = "text";
+            toGroup.appendChild(toField);
+            this.setPrivate("toField", toField);
+            // Date pickers
+            var pickerLocale = this._getPickerLocale();
+            var fromPicker = flatpickr(fromField, {
+                inline: true,
+                appendTo: fromColumn,
+                allowInput: true,
+                locale: pickerLocale,
+                formatDate: function (date) {
+                    return _this._formatDate(date);
+                },
+                parseDate: function (date) {
+                    return _this._parseDate(date);
+                }
+            });
+            this.setPrivate("fromPicker", fromPicker);
+            var toPicker = flatpickr(toField, {
+                inline: true,
+                appendTo: toColumn,
+                allowInput: true,
+                locale: pickerLocale,
+                formatDate: function (date) {
+                    return _this._formatDate(date);
+                },
+                parseDate: function (date) {
+                    return _this._parseDate(date);
+                }
+            });
+            this.setPrivate("toPicker", toPicker);
+            // Buttons
+            var buttons = document.createElement("div");
+            buttons.className = "am5stock-row";
+            container.appendChild(buttons);
+            var buttonsColumn = document.createElement("div");
+            buttonsColumn.className = "am5stock-column";
+            container.appendChild(buttonsColumn);
+            var saveButton = document.createElement("input");
+            saveButton.type = "button";
+            saveButton.value = this._root.language.translateAny("Apply");
+            saveButton.className = "am5-modal-button am5-modal-primary";
+            buttonsColumn.appendChild(saveButton);
+            $utils.addEventListener(saveButton, "click", function () {
+                var xAxis = _this._getAxis();
+                var from = _this._parseDate(fromField.value);
+                var to = _this._parseDate(toField.value);
+                xAxis.zoomToDates(from, to);
+                _this._updateLabel();
+                _this.set("active", false);
+            });
+            var cancelButton = document.createElement("input");
+            cancelButton.type = "button";
+            cancelButton.value = this._root.language.translateAny("Cancel");
+            cancelButton.className = "am5-modal-button am5-modal-scondary";
+            buttonsColumn.appendChild(cancelButton);
+            $utils.addEventListener(cancelButton, "click", function () {
+                _this.set("active", false);
+            });
+        }
+    });
+    Object.defineProperty(DateRangeSelector.prototype, "_getDefaultIcon", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            return StockIcons.getIcon("Calendar");
+        }
+    });
+    Object.defineProperty(DateRangeSelector.prototype, "_afterChanged", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            _super.prototype._afterChanged.call(this);
+            // if (this.isDirty("active")) {
+            // 	this._initDropdown();
+            // }
+        }
+    });
+    Object.defineProperty(DateRangeSelector.prototype, "_updateInputs", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var xAxis = this._getAxis();
+            var from = new Date(xAxis.getPrivate("selectionMin", 0));
+            var to = new Date(xAxis.getPrivate("selectionMax", 0));
+            this.setPrivate("fromDate", from);
+            this.setPrivate("toDate", to);
+            this.getPrivate("fromField").value = this._formatDate(from);
+            this.getPrivate("toField").value = this._formatDate(to);
+            this.getPrivate("fromPicker").setDate(from);
+            this.getPrivate("toPicker").setDate(to);
+        }
+    });
+    Object.defineProperty(DateRangeSelector.prototype, "_updateLabel", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var from = this.getPrivate("fromDate");
+            var to = this.getPrivate("toDate");
+            var label = "";
+            if (from && to) {
+                label = this._formatDate(from) + " -- " + this._formatDate(to);
+            }
+            else {
+                label = this._root.language.translateAny("Date Range");
+            }
+            this.set("name", label);
+        }
+    });
+    Object.defineProperty(DateRangeSelector.prototype, "_formatDate", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (date) {
+            return this._root.dateFormatter.format(date, this._getDateFormat());
+        }
+    });
+    Object.defineProperty(DateRangeSelector.prototype, "_parseDate", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (date) {
+            return this._root.dateFormatter.parse(date, this._getDateFormat());
+        }
+    });
+    Object.defineProperty(DateRangeSelector.prototype, "_getDateFormat", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var format = this.get("dateFormat", this._root.dateFormatter.get("dateFormat"));
+            return $type.isString(format) ? format : "MM/dd/yyyy";
+        }
+    });
+    Object.defineProperty(DateRangeSelector.prototype, "_getAxis", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var stockChart = this.get("stockChart");
+            var chart = stockChart.panels.getIndex(0);
+            var xAxis = chart.xAxes.getIndex(0);
+            return xAxis;
+        }
+    });
+    Object.defineProperty(DateRangeSelector.prototype, "_getPickerLocale", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var l = this._root.language;
+            return {
+                weekdays: {
+                    shorthand: [
+                        l.translate("Sun"),
+                        l.translate("Mon"),
+                        l.translate("Tue"),
+                        l.translate("Wed"),
+                        l.translate("Thu"),
+                        l.translate("Fri"),
+                        l.translate("Sat")
+                    ],
+                    longhand: [
+                        l.translate("Sunday"),
+                        l.translate("Monday"),
+                        l.translate("Tuesday"),
+                        l.translate("Wednesday"),
+                        l.translate("Thursday"),
+                        l.translate("Friday"),
+                        l.translate("Saturday"),
+                    ],
+                },
+                months: {
+                    shorthand: [
+                        l.translate("Jan"),
+                        l.translate("Feb"),
+                        l.translate("Mar"),
+                        l.translate("Apr"),
+                        l.translate("May(short)"),
+                        l.translate("Jun"),
+                        l.translate("Jul"),
+                        l.translate("Aug"),
+                        l.translate("Sep"),
+                        l.translate("Oct"),
+                        l.translate("Nov"),
+                        l.translate("Dec"),
+                    ],
+                    longhand: [
+                        l.translate("January"),
+                        l.translate("February"),
+                        l.translate("March"),
+                        l.translate("April"),
+                        l.translate("May"),
+                        l.translate("June"),
+                        l.translate("July"),
+                        l.translate("August"),
+                        l.translate("September"),
+                        l.translate("October"),
+                        l.translate("November"),
+                        l.translate("December"),
+                    ],
+                },
+                firstDayOfWeek: l.translate("firstDayOfWeek"),
+                ordinal: l.translateFunc("_dateOrd"),
+                rangeSeparator: " " + l.translateAny("to") + " ",
+                weekAbbreviation: l.translateAny("Wk"),
+                scrollTitle: l.translateAny("Scroll to increment"),
+                toggleTitle: l.translateAny("Click to toggle"),
+                amPM: [l.translate("AM"), l.translate("PM")],
+                yearAriaLabel: l.translateAny("Year"),
+                monthAriaLabel: l.translateAny("Month"),
+                hourAriaLabel: l.translateAny("Hour"),
+                minuteAriaLabel: l.translateAny("Minute"),
+                time_24hr: true,
+            };
+        }
+    });
+    /**
+     * Loads the default CSS.
+     *
+     * @ignore Exclude from docs
+     */
+    Object.defineProperty(DateRangeSelector.prototype, "_loadDefaultCSS", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var ic = this._root.interfaceColors;
+            //const active = ic.get("secondaryButton")!.toCSS();
+            var primary = ic.get("primaryButton").toCSS();
+            var primary2 = ic.get("primaryButtonHover").toCSS();
+            var bg = ic.get("background").toCSS();
+            this._disposers.push(new StyleSheet(null, "\n.flatpickr-calendar {\n  background: transparent;\n  opacity: 0;\n  display: none;\n  text-align: center;\n  visibility: hidden;\n  padding: 0;\n  -webkit-animation: none;\n          animation: none;\n  direction: ltr;\n  border: 0;\n  font-size: 0.7em;\n  line-height: 24px;\n  border-radius: 5px;\n  position: absolute;\n  width: 200px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  -ms-touch-action: manipulation;\n      touch-action: manipulation;\n  background: ".concat(bg, ";\n  margin-top: 0.5em;\n}\n.flatpickr-calendar.open,\n.flatpickr-calendar.inline {\n  opacity: 1;\n  max-height: 640px;\n  visibility: visible;\n}\n.flatpickr-calendar.open {\n  display: inline-block;\n  z-index: 99999;\n}\n.flatpickr-calendar.animate.open {\n  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\n          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n.flatpickr-calendar.inline {\n  display: block;\n  position: relative;\n  top: 2px;\n}\n.flatpickr-calendar.static {\n  position: absolute;\n  top: calc(100% + 2px);\n}\n.flatpickr-calendar.static.open {\n  z-index: 999;\n  display: block;\n}\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\n  -webkit-box-shadow: none !important;\n          box-shadow: none !important;\n}\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\n  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n}\n.flatpickr-calendar .hasWeeks .dayContainer,\n.flatpickr-calendar .hasTime .dayContainer {\n  border-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.flatpickr-calendar .hasWeeks .dayContainer {\n  border-left: 0;\n}\n.flatpickr-calendar.hasTime .flatpickr-time {\n  height: 40px;\n  border-top: 1px solid #eee;\n}\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n  height: auto;\n}\n.flatpickr-calendar:before,\n.flatpickr-calendar:after {\n  position: absolute;\n  display: block;\n  pointer-events: none;\n  border: solid transparent;\n  content: '';\n  height: 0;\n  width: 0;\n  left: 22px;\n}\n.flatpickr-calendar.rightMost:before,\n.flatpickr-calendar.arrowRight:before,\n.flatpickr-calendar.rightMost:after,\n.flatpickr-calendar.arrowRight:after {\n  left: auto;\n  right: 22px;\n}\n.flatpickr-calendar.arrowCenter:before,\n.flatpickr-calendar.arrowCenter:after {\n  left: 50%;\n  right: 50%;\n}\n.flatpickr-calendar:before {\n  border-width: 5px;\n  margin: 0 -5px;\n}\n.flatpickr-calendar:after {\n  border-width: 4px;\n  margin: 0 -4px;\n}\n.flatpickr-calendar.arrowTop:before,\n.flatpickr-calendar.arrowTop:after {\n  bottom: 100%;\n}\n.flatpickr-calendar.arrowTop:before {\n  border-bottom-color: #eee;\n}\n.flatpickr-calendar.arrowTop:after {\n  border-bottom-color: ").concat(bg, ";\n}\n.flatpickr-calendar.arrowBottom:before,\n.flatpickr-calendar.arrowBottom:after {\n  top: 100%;\n}\n.flatpickr-calendar.arrowBottom:before {\n  border-top-color: #eee;\n}\n.flatpickr-calendar.arrowBottom:after {\n  border-top-color: ").concat(bg, ";\n}\n.flatpickr-calendar:focus {\n  outline: 0;\n}\n.flatpickr-wrapper {\n  position: relative;\n  display: inline-block;\n}\n.flatpickr-months {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n}\n.flatpickr-months .flatpickr-month {\n  background: transparent;\n  color: #3c3f40;\n  fill: #3c3f40;\n  height: 34px;\n  line-height: 1;\n  text-align: center;\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  overflow: hidden;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n}\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n  text-decoration: none;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  height: 34px;\n  padding: 10px;\n  z-index: 3;\n  color: #3c3f40;\n  fill: #3c3f40;\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,\n.flatpickr-months .flatpickr-next-month.flatpickr-disabled {\n  display: none;\n}\n.flatpickr-months .flatpickr-prev-month i,\n.flatpickr-months .flatpickr-next-month i {\n  position: relative;\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {\n/*\n      /*rtl:begin:ignore*/\n/*\n      */\n  left: 0;\n/*\n      /*rtl:end:ignore*/\n/*\n      */\n}\n/*\n      /*rtl:begin:ignore*/\n/*\n      /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,\n.flatpickr-months .flatpickr-next-month.flatpickr-next-month {\n/*\n      /*rtl:begin:ignore*/\n/*\n      */\n  right: 0;\n/*\n      /*rtl:end:ignore*/\n/*\n      */\n}\n/*\n      /*rtl:begin:ignore*/\n/*\n      /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month:hover,\n.flatpickr-months .flatpickr-next-month:hover {\n  color: ").concat(primary2, ";\n}\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n  fill: ").concat(primary2, ";\n}\n.flatpickr-months .flatpickr-prev-month svg,\n.flatpickr-months .flatpickr-next-month svg {\n  width: 14px;\n  height: 14px;\n}\n.flatpickr-months .flatpickr-prev-month svg path,\n.flatpickr-months .flatpickr-next-month svg path {\n  -webkit-transition: fill 0.1s;\n  transition: fill 0.1s;\n  fill: inherit;\n}\n.numInputWrapper {\n  position: relative;\n  height: auto;\n}\n.numInputWrapper input,\n.numInputWrapper span {\n  display: inline-block;\n}\n.numInputWrapper input {\n  width: 100%;\n}\n.numInputWrapper input::-ms-clear {\n  display: none;\n}\n.numInputWrapper input::-webkit-outer-spin-button,\n.numInputWrapper input::-webkit-inner-spin-button {\n  margin: 0;\n  -webkit-appearance: none;\n}\n.numInputWrapper span {\n  position: absolute;\n  right: 0;\n  width: 14px;\n  padding: 0 4px 0 2px;\n  height: 50%;\n  line-height: 50%;\n  opacity: 0;\n  cursor: pointer;\n  border: 1px solid rgba(64,72,72,0.15);\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n.numInputWrapper span:hover {\n  background: rgba(0,0,0,0.1);\n}\n.numInputWrapper span:active {\n  background: rgba(0,0,0,0.2);\n}\n.numInputWrapper span:after {\n  display: block;\n  content: \"\";\n  position: absolute;\n}\n.numInputWrapper span.arrowUp {\n  top: 0;\n  border-bottom: 0;\n}\n.numInputWrapper span.arrowUp:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-bottom: 4px solid rgba(64,72,72,0.6);\n  top: 26%;\n}\n.numInputWrapper span.arrowDown {\n  top: 50%;\n}\n.numInputWrapper span.arrowDown:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 4px solid rgba(64,72,72,0.6);\n  top: 40%;\n}\n.numInputWrapper span svg {\n  width: inherit;\n  height: auto;\n}\n.numInputWrapper span svg path {\n  fill: rgba(60,63,64,0.5);\n}\n.numInputWrapper:hover {\n  background: rgba(0,0,0,0.05);\n}\n.numInputWrapper:hover span {\n  opacity: 1;\n}\n.flatpickr-current-month {\n  font-size: 135%;\n  line-height: inherit;\n  font-weight: 300;\n  color: inherit;\n  position: absolute;\n  width: 75%;\n  left: 12.5%;\n  padding: 7.48px 0 0 0;\n  line-height: 1;\n  height: 34px;\n  display: inline-block;\n  text-align: center;\n  -webkit-transform: translate3d(0px, 0px, 0px);\n          transform: translate3d(0px, 0px, 0px);\n}\n.flatpickr-current-month span.cur-month {\n  font-family: inherit;\n  font-weight: 700;\n  color: inherit;\n  display: inline-block;\n  margin-left: 0.5ch;\n  padding: 0;\n}\n.flatpickr-current-month span.cur-month:hover {\n  background: rgba(0,0,0,0.05);\n}\n.flatpickr-current-month .numInputWrapper {\n  width: 6ch;\n  width: 7ch\\0;\n  display: inline-block;\n}\n.flatpickr-current-month .numInputWrapper span.arrowUp:after {\n  border-bottom-color: #3c3f40;\n}\n.flatpickr-current-month .numInputWrapper span.arrowDown:after {\n  border-top-color: #3c3f40;\n}\n.flatpickr-current-month input.cur-year {\n  background: transparent;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  color: inherit;\n  cursor: text;\n  padding: 0 0 0 0.5ch;\n  margin: 0;\n  display: inline-block;\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: 300;\n  line-height: inherit;\n  height: auto;\n  border: 0;\n  border-radius: 0;\n  vertical-align: initial;\n  -webkit-appearance: textfield;\n  -moz-appearance: textfield;\n  appearance: textfield;\n}\n.flatpickr-current-month input.cur-year:focus {\n  outline: 0;\n}\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n  font-size: 100%;\n  color: rgba(60,63,64,0.5);\n  background: transparent;\n  pointer-events: none;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months {\n  appearance: menulist;\n  background: transparent;\n  border: none;\n  border-radius: 0;\n  box-sizing: border-box;\n  color: inherit;\n  cursor: pointer;\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: 300;\n  height: auto;\n  line-height: inherit;\n  margin: -1px 0 0 0;\n  outline: none;\n  padding: 0 0 0 0.5ch;\n  position: relative;\n  vertical-align: initial;\n  -webkit-box-sizing: border-box;\n  -webkit-appearance: menulist;\n  -moz-appearance: menulist;\n  width: auto;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,\n.flatpickr-current-month .flatpickr-monthDropdown-months:active {\n  outline: none;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\n  background: rgba(0,0,0,0.05);\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {\n  background-color: transparent;\n  outline: none;\n  padding: 0;\n}\n.flatpickr-weekdays {\n  background: transparent;\n  text-align: center;\n  overflow: hidden;\n  width: 100%;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n      -ms-flex-align: center;\n          align-items: center;\n  height: 28px;\n}\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n}\nspan.flatpickr-weekday {\n  cursor: default;\n  font-size: 90%;\n  background: transparent;\n  color: rgba(0,0,0,0.54);\n  line-height: 1;\n  margin: 0;\n  text-align: center;\n  display: block;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  font-weight: bolder;\n}\n.dayContainer,\n.flatpickr-weeks {\n  padding: 1px 0 0 0;\n}\n.flatpickr-days {\n  position: relative;\n  overflow: hidden;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: start;\n  -webkit-align-items: flex-start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n  width: 200px;\n}\n.flatpickr-days:focus {\n  outline: 0;\n}\n.dayContainer {\n  padding: 0;\n  outline: 0;\n  text-align: left;\n  width: 200px;\n  min-width: 200px;\n  max-width: 200px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  display: inline-block;\n  display: -ms-flexbox;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-flex-wrap: wrap;\n          flex-wrap: wrap;\n  -ms-flex-wrap: wrap;\n  -ms-flex-pack: justify;\n  -webkit-justify-content: space-around;\n          justify-content: space-around;\n  -webkit-transform: translate3d(0px, 0px, 0px);\n          transform: translate3d(0px, 0px, 0px);\n  opacity: 1;\n}\n.dayContainer + .dayContainer {\n  -webkit-box-shadow: -1px 0 0 #eee;\n          box-shadow: -1px 0 0 #eee;\n}\n.flatpickr-day {\n  background: none;\n  border: 1px solid transparent;\n  border-radius: 150px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  color: #404848;\n  cursor: pointer;\n  font-weight: 400;\n  width: 14.2857143%;\n  -webkit-flex-basis: 14.2857143%;\n      -ms-flex-preferred-size: 14.2857143%;\n          flex-basis: 14.2857143%;\n  max-width: 32px;\n  height: 32px;\n  line-height: 30px;\n  margin: 0;\n  display: inline-block;\n  position: relative;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n}\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange,\n.flatpickr-day.today.inRange,\n.flatpickr-day.prevMonthDay.today.inRange,\n.flatpickr-day.nextMonthDay.today.inRange,\n.flatpickr-day:hover,\n.flatpickr-day.prevMonthDay:hover,\n.flatpickr-day.nextMonthDay:hover,\n.flatpickr-day:focus,\n.flatpickr-day.prevMonthDay:focus,\n.flatpickr-day.nextMonthDay:focus {\n  cursor: pointer;\n  outline: 0;\n  background: #e9e9e9;\n  border-color: #e9e9e9;\n}\n.flatpickr-day.today {\n  border-color: ").concat(primary2, ";\n}\n.flatpickr-day.today:hover,\n.flatpickr-day.today:focus {\n  border-color: ").concat(primary2, ";\n  background: ").concat(primary2, ";\n  color: ").concat(bg, ";\n}\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n  background: ").concat(primary, ";\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  color: ").concat(bg, ";\n  border-color: ").concat(primary, ";\n}\n.flatpickr-day.selected.startRange,\n.flatpickr-day.startRange.startRange,\n.flatpickr-day.endRange.startRange {\n  border-radius: 50px 0 0 50px;\n}\n.flatpickr-day.selected.endRange,\n.flatpickr-day.startRange.endRange,\n.flatpickr-day.endRange.endRange {\n  border-radius: 0 50px 50px 0;\n}\n.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {\n  -webkit-box-shadow: -10px 0 0 ").concat(primary, ";\n          box-shadow: -10px 0 0 ").concat(primary, ";\n}\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n  border-radius: 50px;\n}\n.flatpickr-day.inRange {\n  border-radius: 0;\n  -webkit-box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;\n          box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;\n}\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay,\n.flatpickr-day.notAllowed,\n.flatpickr-day.notAllowed.prevMonthDay,\n.flatpickr-day.notAllowed.nextMonthDay {\n  color: rgba(64,72,72,0.3);\n  background: transparent;\n  border-color: #e9e9e9;\n  cursor: default;\n}\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover {\n  cursor: not-allowed;\n  color: rgba(64,72,72,0.1);\n}\n.flatpickr-day.week.selected {\n  border-radius: 0;\n  -webkit-box-shadow: -5px 0 0 ").concat(primary, ", 5px 0 0 ").concat(primary, ";\n          box-shadow: -5px 0 0 ").concat(primary, ", 5px 0 0 ").concat(primary, ";\n}\n.flatpickr-day.hidden {\n  visibility: hidden;\n}\n.rangeMode .flatpickr-day {\n  margin-top: 1px;\n}\n.flatpickr-weekwrapper {\n  float: left;\n}\n.flatpickr-weekwrapper .flatpickr-weeks {\n  padding: 0 12px;\n  -webkit-box-shadow: 1px 0 0 #eee;\n          box-shadow: 1px 0 0 #eee;\n}\n.flatpickr-weekwrapper .flatpickr-weekday {\n  float: none;\n  width: 100%;\n  line-height: 28px;\n}\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n  display: block;\n  width: 100%;\n  max-width: none;\n  color: rgba(64,72,72,0.3);\n  background: transparent;\n  cursor: default;\n  border: none;\n}\n.flatpickr-innerContainer {\n  display: block;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  overflow: hidden;\n}\n.flatpickr-rContainer {\n  display: inline-block;\n  padding: 0;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n.flatpickr-time {\n  text-align: center;\n  outline: 0;\n  display: block;\n  height: 0;\n  line-height: 40px;\n  max-height: 40px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  overflow: hidden;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n}\n.flatpickr-time:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n.flatpickr-time .numInputWrapper {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  width: 40%;\n  height: 40px;\n  float: left;\n}\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n  border-bottom-color: #404848;\n}\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n  border-top-color: #404848;\n}\n.flatpickr-time.hasSeconds .numInputWrapper {\n  width: 26%;\n}\n.flatpickr-time.time24hr .numInputWrapper {\n  width: 49%;\n}\n.flatpickr-time input {\n  background: transparent;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  border: 0;\n  border-radius: 0;\n  text-align: center;\n  margin: 0;\n  padding: 0;\n  height: inherit;\n  line-height: inherit;\n  color: #404848;\n  font-size: 14px;\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  -webkit-appearance: textfield;\n  -moz-appearance: textfield;\n  appearance: textfield;\n}\n.flatpickr-time input.flatpickr-hour {\n  font-weight: bold;\n}\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n  font-weight: 400;\n}\n.flatpickr-time input:focus {\n  outline: 0;\n  border: 0;\n}\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n  height: inherit;\n  float: left;\n  line-height: inherit;\n  color: #404848;\n  font-weight: bold;\n  width: 2%;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  -webkit-align-self: center;\n      -ms-flex-item-align: center;\n          align-self: center;\n}\n.flatpickr-time .flatpickr-am-pm {\n  outline: 0;\n  width: 18%;\n  cursor: pointer;\n  text-align: center;\n  font-weight: 400;\n}\n.flatpickr-time input:hover,\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time input:focus,\n.flatpickr-time .flatpickr-am-pm:focus {\n  background: #f1f1f1;\n}\n.flatpickr-input[readonly] {\n  cursor: pointer;\n}\n@-webkit-keyframes fpFadeInDown {\n  from {\n    opacity: 0;\n    -webkit-transform: translate3d(0, -20px, 0);\n            transform: translate3d(0, -20px, 0);\n  }\n  to {\n    opacity: 1;\n    -webkit-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes fpFadeInDown {\n  from {\n    opacity: 0;\n    -webkit-transform: translate3d(0, -20px, 0);\n            transform: translate3d(0, -20px, 0);\n  }\n  to {\n    opacity: 1;\n    -webkit-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0);\n  }\n}\n.flatpickr-calendar {\n  width: 200px;\n}\n.dayContainer {\n  padding: 0;\n  border-right: 0;\n}\nspan.flatpickr-day,\nspan.flatpickr-day.prevMonthDay,\nspan.flatpickr-day.nextMonthDay {\n  border-radius: 0 !important;\n  border: 1px solid #e9e9e9;\n  max-width: none;\n  border-right-color: transparent;\n}\nspan.flatpickr-day:nth-child(n+8),\nspan.flatpickr-day.prevMonthDay:nth-child(n+8),\nspan.flatpickr-day.nextMonthDay:nth-child(n+8) {\n  border-top-color: transparent;\n}\nspan.flatpickr-day:nth-child(7n-6),\nspan.flatpickr-day.prevMonthDay:nth-child(7n-6),\nspan.flatpickr-day.nextMonthDay:nth-child(7n-6) {\n  border-left: 0;\n}\nspan.flatpickr-day:nth-child(n+36),\nspan.flatpickr-day.prevMonthDay:nth-child(n+36),\nspan.flatpickr-day.nextMonthDay:nth-child(n+36) {\n  border-bottom: 0;\n}\nspan.flatpickr-day:nth-child(-n+7),\nspan.flatpickr-day.prevMonthDay:nth-child(-n+7),\nspan.flatpickr-day.nextMonthDay:nth-child(-n+7) {\n  margin-top: 0;\n}\nspan.flatpickr-day.today:not(.selected),\nspan.flatpickr-day.prevMonthDay.today:not(.selected),\nspan.flatpickr-day.nextMonthDay.today:not(.selected) {\n  border-color: #e9e9e9;\n  border-right-color: transparent;\n  border-top-color: transparent;\n  border-bottom-color: ").concat(primary2, ";\n}\nspan.flatpickr-day.today:not(.selected):hover,\nspan.flatpickr-day.prevMonthDay.today:not(.selected):hover,\nspan.flatpickr-day.nextMonthDay.today:not(.selected):hover {\n  border: 1px solid ").concat(primary2, ";\n}\nspan.flatpickr-day.startRange,\nspan.flatpickr-day.prevMonthDay.startRange,\nspan.flatpickr-day.nextMonthDay.startRange,\nspan.flatpickr-day.endRange,\nspan.flatpickr-day.prevMonthDay.endRange,\nspan.flatpickr-day.nextMonthDay.endRange {\n  border-color: ").concat(primary, ";\n}\nspan.flatpickr-day.today,\nspan.flatpickr-day.prevMonthDay.today,\nspan.flatpickr-day.nextMonthDay.today,\nspan.flatpickr-day.selected,\nspan.flatpickr-day.prevMonthDay.selected,\nspan.flatpickr-day.nextMonthDay.selected {\n  z-index: 2;\n}\n.rangeMode .flatpickr-day {\n  margin-top: -1px;\n}\n.flatpickr-weekwrapper .flatpickr-weeks {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n.flatpickr-weekwrapper span.flatpickr-day {\n  border: 0;\n  margin: -1px 0 0 -1px;\n}\n.hasWeeks .flatpickr-days {\n  border-right: 0;\n}\n\n\t@media screen and (min-width:0\\0) and (min-resolution: +72dpi) {\n\t\tspan.flatpickr-day {\n\t\t\tdisplay: block;\n\t\t\t-webkit-box-flex: 1;\n\t\t\t-webkit-flex: 1 0 auto;\n\t\t\t    -ms-flex: 1 0 auto;\n\t\t\t        flex: 1 0 auto;\n\t\t}\n\t}\n\t\t")));
+        }
+    });
+    Object.defineProperty(DateRangeSelector, "className", {
+        enumerable: true,
+        configurable: true,
+        writable: true,
+        value: "DateRangeSelector"
+    });
+    Object.defineProperty(DateRangeSelector, "classNames", {
+        enumerable: true,
+        configurable: true,
+        writable: true,
+        value: StockControl.classNames.concat([DateRangeSelector.className])
+    });
+    return DateRangeSelector;
+}(StockControl));
+export { DateRangeSelector };
+//# sourceMappingURL=DateRangeSelector.js.map

package/.internal/charts/stock/toolbar/DateRangeSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeSelector.js","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/DateRangeSelector.ts"],"names":[],"mappings":"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","sourcesContent":["import { StockControl, IStockControlSettings, IStockControlPrivate, IStockControlEvents } from \"./StockControl\";\r\nimport { Dropdown } from \"./Dropdown\";\r\nimport { StockIcons } from \"./StockIcons\";\r\nimport { StyleSheet } from \"../../../core/util/Utils\";\r\nimport flatpickr from \"flatpickr\";\r\n\r\nimport * as $utils from \"../../../core/util/Utils\";\r\nimport * as $type from \"../../../core/util/Type\";\r\n\r\nexport interface IDateRangeSelectorSettings extends IStockControlSettings {\r\n\tdateFormat?: string;\r\n}\r\n\r\nexport interface IDateRangeSelectorPrivate extends IStockControlPrivate {\r\n\tdropdown: Dropdown;\r\n\r\n\tfromField: HTMLInputElement;\r\n\tfromPicker: any;\r\n\tfromDate?: Date;\r\n\r\n\ttoField: HTMLInputElement;\r\n\ttoPicker: any;\r\n\ttoDate?: Date;\r\n}\r\n\r\nexport interface IDateRangeSelectorEvents extends IStockControlEvents {\r\n}\r\n\r\n/**\r\n * Date range selector control for [[StockChart]].\r\n *\r\n * @see {@link https://www.amcharts.com/docs/v5/charts/stock/toolbar/date-range-selector/} for more info\r\n */\r\nexport class DateRangeSelector extends StockControl {\r\n\tpublic static className: string = \"DateRangeSelector\";\r\n\tpublic static classNames: Array<string> = StockControl.classNames.concat([DateRangeSelector.className]);\r\n\r\n\tdeclare public _settings: IDateRangeSelectorSettings;\r\n\tdeclare public _privateSettings: IDateRangeSelectorPrivate;\r\n\tdeclare public _events: IDateRangeSelectorEvents;\r\n\r\n\tprotected _afterNew() {\r\n\r\n\t\t// Do parent stuff\r\n\t\tsuper._afterNew();\r\n\r\n\t\t// Create list of tools\r\n\t\tconst dropdown = Dropdown.new(this._root, {\r\n\t\t\tcontrol: this,\r\n\t\t\tparent: this.getPrivate(\"button\")\r\n\t\t});\r\n\t\tthis.setPrivate(\"dropdown\", dropdown);\r\n\r\n\t\tdropdown.events.on(\"opened\", (_ev) => {\r\n\t\t\tthis.set(\"active\", true);\r\n\t\t\tthis._updateInputs();\r\n\t\t});\r\n\r\n\t\tdropdown.events.on(\"closed\", (_ev) => {\r\n\t\t\tthis.set(\"active\", false);\r\n\t\t});\r\n\r\n\t\tthis.on(\"active\", (active) => {\r\n\t\t\tif (active) {\r\n\t\t\t\tthis.setTimeout(() => {\r\n\t\t\t\t\tdropdown.show();\r\n\t\t\t\t}, 10);\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tdropdown.hide();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tconst button = this.getPrivate(\"button\")!;\r\n\t\tbutton.className = button.className + \" am5stock-control-dropdown\";\r\n\r\n\t\tthis._loadDefaultCSS();\r\n\t\tthis._initDropdown();\r\n\t}\r\n\r\n\tprotected _initDropdown(): void {\r\n\t\tconst dropdown = this.getPrivate(\"dropdown\");\r\n\t\tconst container = dropdown.getPrivate(\"container\")!;\r\n\r\n\t\tconst content = document.createElement(\"div\")\r\n\t\tcontent.className = \"am5stock-row\";\r\n\t\tcontainer.appendChild(content);\r\n\r\n\t\t// From fields\r\n\t\tconst fromColumn = document.createElement(\"div\")\r\n\t\tfromColumn.className = \"am5stock-column\";\r\n\t\tcontent.appendChild(fromColumn);\r\n\r\n\t\tconst fromGroup = document.createElement(\"div\");\r\n\t\tfromGroup.className = \"am5stock-group\";\r\n\t\tfromColumn.appendChild(fromGroup);\r\n\r\n\t\tconst fromLabel = document.createElement(\"span\");\r\n\t\tfromLabel.innerHTML = this._root.language.translate(\"From %1\", undefined, \"\") + \": \";\r\n\t\tfromGroup.appendChild(fromLabel);\r\n\r\n\t\tconst fromField = document.createElement(\"input\");\r\n\t\tfromField.type = \"text\";\r\n\t\tfromGroup.appendChild(fromField);\r\n\t\tthis.setPrivate(\"fromField\", fromField);\r\n\r\n\t\t// To fields\r\n\t\tconst toColumn = document.createElement(\"div\")\r\n\t\ttoColumn.className = \"am5stock-column\";\r\n\t\tcontent.appendChild(toColumn);\r\n\r\n\t\tconst toGroup = document.createElement(\"div\");\r\n\t\ttoGroup.className = \"am5stock-group\";\r\n\t\ttoColumn.appendChild(toGroup);\r\n\r\n\t\tconst toLabel = document.createElement(\"span\");\r\n\t\ttoLabel.innerHTML = this._root.language.translate(\"To %1\", undefined, \"\") + \": \";\r\n\t\ttoGroup.appendChild(toLabel);\r\n\r\n\t\tconst toField = document.createElement(\"input\");\r\n\t\ttoField.type = \"text\";\r\n\t\ttoGroup.appendChild(toField);\r\n\t\tthis.setPrivate(\"toField\", toField);\r\n\r\n\t\t// Date pickers\r\n\t\tconst pickerLocale = this._getPickerLocale();\r\n\r\n\t\tconst fromPicker = flatpickr(fromField, {\r\n\t\t\tinline: true,\r\n\t\t\tappendTo: fromColumn,\r\n\t\t\tallowInput: true,\r\n\t\t\tlocale: pickerLocale,\r\n\t\t\tformatDate: (date) => {\r\n\t\t\t\treturn this._formatDate(date);\r\n\t\t\t},\r\n\t\t\tparseDate: (date) => {\r\n\t\t\t\treturn this._parseDate(date);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setPrivate(\"fromPicker\", fromPicker);\r\n\r\n\t\tconst toPicker = flatpickr(toField, {\r\n\t\t\tinline: true,\r\n\t\t\tappendTo: toColumn,\r\n\t\t\tallowInput: true,\r\n\t\t\tlocale: pickerLocale,\r\n\t\t\tformatDate: (date) => {\r\n\t\t\t\treturn this._formatDate(date);\r\n\t\t\t},\r\n\t\t\tparseDate: (date) => {\r\n\t\t\t\treturn this._parseDate(date);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setPrivate(\"toPicker\", toPicker);\r\n\r\n\r\n\t\t// Buttons\r\n\t\tconst buttons = document.createElement(\"div\")\r\n\t\tbuttons.className = \"am5stock-row\";\r\n\t\tcontainer.appendChild(buttons);\r\n\r\n\t\tconst buttonsColumn = document.createElement(\"div\")\r\n\t\tbuttonsColumn.className = \"am5stock-column\";\r\n\t\tcontainer.appendChild(buttonsColumn);\r\n\r\n\t\tconst saveButton = document.createElement(\"input\");\r\n\t\tsaveButton.type = \"button\";\r\n\t\tsaveButton.value = this._root.language.translateAny(\"Apply\");\r\n\t\tsaveButton.className = \"am5-modal-button am5-modal-primary\";\r\n\t\tbuttonsColumn.appendChild(saveButton);\r\n\r\n\t\t$utils.addEventListener(saveButton, \"click\", () => {\r\n\t\t\tconst xAxis = this._getAxis();\r\n\t\t\tconst from = this._parseDate(fromField.value);\r\n\t\t\tconst to = this._parseDate(toField.value);\r\n\t\t\txAxis.zoomToDates(from, to);\r\n\t\t\tthis._updateLabel();\r\n\t\t\tthis.set(\"active\", false);\r\n\t\t});\r\n\r\n\t\tconst cancelButton = document.createElement(\"input\");\r\n\t\tcancelButton.type = \"button\";\r\n\t\tcancelButton.value = this._root.language.translateAny(\"Cancel\");\r\n\t\tcancelButton.className = \"am5-modal-button am5-modal-scondary\";\r\n\t\tbuttonsColumn.appendChild(cancelButton);\r\n\r\n\t\t$utils.addEventListener(cancelButton, \"click\", () => {\r\n\t\t\tthis.set(\"active\", false);\r\n\t\t});\r\n\r\n\t}\r\n\r\n\tprotected _getDefaultIcon(): SVGElement {\r\n\t\treturn StockIcons.getIcon(\"Calendar\");\r\n\t}\r\n\r\n\tpublic _afterChanged() {\r\n\t\tsuper._afterChanged();\r\n\t\t// if (this.isDirty(\"active\")) {\r\n\t\t// \tthis._initDropdown();\r\n\t\t// }\r\n\t}\r\n\r\n\tprotected _updateInputs(): void {\r\n\t\tconst xAxis = this._getAxis();\r\n\t\tconst from = new Date(xAxis!.getPrivate(\"selectionMin\", 0));\r\n\t\tconst to = new Date(xAxis!.getPrivate(\"selectionMax\", 0));\r\n\r\n\t\tthis.setPrivate(\"fromDate\", from);\r\n\t\tthis.setPrivate(\"toDate\", to);\r\n\r\n\t\tthis.getPrivate(\"fromField\").value = this._formatDate(from);\r\n\t\tthis.getPrivate(\"toField\").value = this._formatDate(to);\r\n\r\n\t\tthis.getPrivate(\"fromPicker\").setDate(from);\r\n\t\tthis.getPrivate(\"toPicker\").setDate(to);\r\n\t}\r\n\r\n\tprotected _updateLabel(): void {\r\n\t\tconst from = this.getPrivate(\"fromDate\");\r\n\t\tconst to = this.getPrivate(\"toDate\");\r\n\t\tlet label = \"\";\r\n\t\tif (from && to) {\r\n\t\t\tlabel = this._formatDate(from) + \" -- \" + this._formatDate(to);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tlabel = this._root.language.translateAny(\"Date Range\");\r\n\t\t}\r\n\t\tthis.set(\"name\", label);\r\n\t}\r\n\r\n\tprotected _formatDate(date: Date): string {\r\n\t\treturn this._root.dateFormatter.format(date, this._getDateFormat());\r\n\t}\r\n\r\n\tprotected _parseDate(date: string): Date {\r\n\t\treturn this._root.dateFormatter.parse(date, this._getDateFormat());\r\n\t}\r\n\r\n\tprotected _getDateFormat(): string {\r\n\t\tconst format = this.get(\"dateFormat\", this._root.dateFormatter.get(\"dateFormat\"));\r\n\t\treturn $type.isString(format) ? format : \"MM/dd/yyyy\";\r\n\t}\r\n\r\n\tprotected _getAxis(): any {\r\n\t\tconst stockChart = this.get(\"stockChart\");\r\n\t\tconst chart = stockChart.panels.getIndex(0)!;\r\n\t\tconst xAxis: any = chart.xAxes.getIndex(0)!;\r\n\t\treturn xAxis;\r\n\t}\r\n\r\n\tprotected _getPickerLocale(): any {\r\n\t\tconst l = this._root.language;\r\n\t\treturn {\r\n\t\t\tweekdays: {\r\n\t\t\t\tshorthand: [\r\n\t\t\t\t\tl.translate(\"Sun\"),\r\n\t\t\t\t\tl.translate(\"Mon\"),\r\n\t\t\t\t\tl.translate(\"Tue\"),\r\n\t\t\t\t\tl.translate(\"Wed\"),\r\n\t\t\t\t\tl.translate(\"Thu\"),\r\n\t\t\t\t\tl.translate(\"Fri\"),\r\n\t\t\t\t\tl.translate(\"Sat\")\r\n\t\t\t\t],\r\n\t\t\t\tlonghand: [\r\n\t\t\t\t\tl.translate(\"Sunday\"),\r\n\t\t\t\t\tl.translate(\"Monday\"),\r\n\t\t\t\t\tl.translate(\"Tuesday\"),\r\n\t\t\t\t\tl.translate(\"Wednesday\"),\r\n\t\t\t\t\tl.translate(\"Thursday\"),\r\n\t\t\t\t\tl.translate(\"Friday\"),\r\n\t\t\t\t\tl.translate(\"Saturday\"),\r\n\t\t\t\t],\r\n\t\t\t},\r\n\t\t\tmonths: {\r\n\t\t\t\tshorthand: [\r\n\t\t\t\t\tl.translate(\"Jan\"),\r\n\t\t\t\t\tl.translate(\"Feb\"),\r\n\t\t\t\t\tl.translate(\"Mar\"),\r\n\t\t\t\t\tl.translate(\"Apr\"),\r\n\t\t\t\t\tl.translate(\"May(short)\"),\r\n\t\t\t\t\tl.translate(\"Jun\"),\r\n\t\t\t\t\tl.translate(\"Jul\"),\r\n\t\t\t\t\tl.translate(\"Aug\"),\r\n\t\t\t\t\tl.translate(\"Sep\"),\r\n\t\t\t\t\tl.translate(\"Oct\"),\r\n\t\t\t\t\tl.translate(\"Nov\"),\r\n\t\t\t\t\tl.translate(\"Dec\"),\r\n\t\t\t\t],\r\n\t\t\t\tlonghand: [\r\n\t\t\t\t\tl.translate(\"January\"),\r\n\t\t\t\t\tl.translate(\"February\"),\r\n\t\t\t\t\tl.translate(\"March\"),\r\n\t\t\t\t\tl.translate(\"April\"),\r\n\t\t\t\t\tl.translate(\"May\"),\r\n\t\t\t\t\tl.translate(\"June\"),\r\n\t\t\t\t\tl.translate(\"July\"),\r\n\t\t\t\t\tl.translate(\"August\"),\r\n\t\t\t\t\tl.translate(\"September\"),\r\n\t\t\t\t\tl.translate(\"October\"),\r\n\t\t\t\t\tl.translate(\"November\"),\r\n\t\t\t\t\tl.translate(\"December\"),\r\n\t\t\t\t],\r\n\t\t\t},\r\n\t\t\tfirstDayOfWeek: l.translate(\"firstDayOfWeek\"),\r\n\t\t\tordinal: l.translateFunc(\"_dateOrd\"),\r\n\t\t\trangeSeparator: \" \" + l.translateAny(\"to\") + \" \",\r\n\t\t\tweekAbbreviation: l.translateAny(\"Wk\"),\r\n\t\t\tscrollTitle: l.translateAny(\"Scroll to increment\"),\r\n\t\t\ttoggleTitle: l.translateAny(\"Click to toggle\"),\r\n\t\t\tamPM: [l.translate(\"AM\"), l.translate(\"PM\")],\r\n\t\t\tyearAriaLabel: l.translateAny(\"Year\"),\r\n\t\t\tmonthAriaLabel: l.translateAny(\"Month\"),\r\n\t\t\thourAriaLabel: l.translateAny(\"Hour\"),\r\n\t\t\tminuteAriaLabel: l.translateAny(\"Minute\"),\r\n\t\t\ttime_24hr: true,\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Loads the default CSS.\r\n\t *\r\n\t * @ignore Exclude from docs\r\n\t */\r\n\tprotected _loadDefaultCSS(): void {\r\n\t\tconst ic = this._root.interfaceColors;\r\n\t\t//const active = ic.get(\"secondaryButton\")!.toCSS();\r\n\t\tconst primary = ic.get(\"primaryButton\")!.toCSS();\r\n\t\tconst primary2 = ic.get(\"primaryButtonHover\")!.toCSS();\r\n\t\tconst bg = ic.get(\"background\")!.toCSS();\r\n\r\n\t\tthis._disposers.push(new StyleSheet(null, `\r\n.flatpickr-calendar {\r\n  background: transparent;\r\n  opacity: 0;\r\n  display: none;\r\n  text-align: center;\r\n  visibility: hidden;\r\n  padding: 0;\r\n  -webkit-animation: none;\r\n          animation: none;\r\n  direction: ltr;\r\n  border: 0;\r\n  font-size: 0.7em;\r\n  line-height: 24px;\r\n  border-radius: 5px;\r\n  position: absolute;\r\n  width: 200px;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  -ms-touch-action: manipulation;\r\n      touch-action: manipulation;\r\n  background: ${bg};\r\n  margin-top: 0.5em;\r\n}\r\n.flatpickr-calendar.open,\r\n.flatpickr-calendar.inline {\r\n  opacity: 1;\r\n  max-height: 640px;\r\n  visibility: visible;\r\n}\r\n.flatpickr-calendar.open {\r\n  display: inline-block;\r\n  z-index: 99999;\r\n}\r\n.flatpickr-calendar.animate.open {\r\n  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\r\n          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n.flatpickr-calendar.inline {\r\n  display: block;\r\n  position: relative;\r\n  top: 2px;\r\n}\r\n.flatpickr-calendar.static {\r\n  position: absolute;\r\n  top: calc(100% + 2px);\r\n}\r\n.flatpickr-calendar.static.open {\r\n  z-index: 999;\r\n  display: block;\r\n}\r\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\r\n  -webkit-box-shadow: none !important;\r\n          box-shadow: none !important;\r\n}\r\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\r\n  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\r\n          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\r\n}\r\n.flatpickr-calendar .hasWeeks .dayContainer,\r\n.flatpickr-calendar .hasTime .dayContainer {\r\n  border-bottom: 0;\r\n  border-bottom-right-radius: 0;\r\n  border-bottom-left-radius: 0;\r\n}\r\n.flatpickr-calendar .hasWeeks .dayContainer {\r\n  border-left: 0;\r\n}\r\n.flatpickr-calendar.hasTime .flatpickr-time {\r\n  height: 40px;\r\n  border-top: 1px solid #eee;\r\n}\r\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\r\n  height: auto;\r\n}\r\n.flatpickr-calendar:before,\r\n.flatpickr-calendar:after {\r\n  position: absolute;\r\n  display: block;\r\n  pointer-events: none;\r\n  border: solid transparent;\r\n  content: '';\r\n  height: 0;\r\n  width: 0;\r\n  left: 22px;\r\n}\r\n.flatpickr-calendar.rightMost:before,\r\n.flatpickr-calendar.arrowRight:before,\r\n.flatpickr-calendar.rightMost:after,\r\n.flatpickr-calendar.arrowRight:after {\r\n  left: auto;\r\n  right: 22px;\r\n}\r\n.flatpickr-calendar.arrowCenter:before,\r\n.flatpickr-calendar.arrowCenter:after {\r\n  left: 50%;\r\n  right: 50%;\r\n}\r\n.flatpickr-calendar:before {\r\n  border-width: 5px;\r\n  margin: 0 -5px;\r\n}\r\n.flatpickr-calendar:after {\r\n  border-width: 4px;\r\n  margin: 0 -4px;\r\n}\r\n.flatpickr-calendar.arrowTop:before,\r\n.flatpickr-calendar.arrowTop:after {\r\n  bottom: 100%;\r\n}\r\n.flatpickr-calendar.arrowTop:before {\r\n  border-bottom-color: #eee;\r\n}\r\n.flatpickr-calendar.arrowTop:after {\r\n  border-bottom-color: ${bg};\r\n}\r\n.flatpickr-calendar.arrowBottom:before,\r\n.flatpickr-calendar.arrowBottom:after {\r\n  top: 100%;\r\n}\r\n.flatpickr-calendar.arrowBottom:before {\r\n  border-top-color: #eee;\r\n}\r\n.flatpickr-calendar.arrowBottom:after {\r\n  border-top-color: ${bg};\r\n}\r\n.flatpickr-calendar:focus {\r\n  outline: 0;\r\n}\r\n.flatpickr-wrapper {\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n.flatpickr-months {\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n}\r\n.flatpickr-months .flatpickr-month {\r\n  background: transparent;\r\n  color: #3c3f40;\r\n  fill: #3c3f40;\r\n  height: 34px;\r\n  line-height: 1;\r\n  text-align: center;\r\n  position: relative;\r\n  -webkit-user-select: none;\r\n     -moz-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n  overflow: hidden;\r\n  -webkit-box-flex: 1;\r\n  -webkit-flex: 1;\r\n      -ms-flex: 1;\r\n          flex: 1;\r\n}\r\n.flatpickr-months .flatpickr-prev-month,\r\n.flatpickr-months .flatpickr-next-month {\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 0;\r\n  height: 34px;\r\n  padding: 10px;\r\n  z-index: 3;\r\n  color: #3c3f40;\r\n  fill: #3c3f40;\r\n}\r\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,\r\n.flatpickr-months .flatpickr-next-month.flatpickr-disabled {\r\n  display: none;\r\n}\r\n.flatpickr-months .flatpickr-prev-month i,\r\n.flatpickr-months .flatpickr-next-month i {\r\n  position: relative;\r\n}\r\n.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,\r\n.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {\r\n/*\r\n      /*rtl:begin:ignore*/\r\n/*\r\n      */\r\n  left: 0;\r\n/*\r\n      /*rtl:end:ignore*/\r\n/*\r\n      */\r\n}\r\n/*\r\n      /*rtl:begin:ignore*/\r\n/*\r\n      /*rtl:end:ignore*/\r\n.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,\r\n.flatpickr-months .flatpickr-next-month.flatpickr-next-month {\r\n/*\r\n      /*rtl:begin:ignore*/\r\n/*\r\n      */\r\n  right: 0;\r\n/*\r\n      /*rtl:end:ignore*/\r\n/*\r\n      */\r\n}\r\n/*\r\n      /*rtl:begin:ignore*/\r\n/*\r\n      /*rtl:end:ignore*/\r\n.flatpickr-months .flatpickr-prev-month:hover,\r\n.flatpickr-months .flatpickr-next-month:hover {\r\n  color: ${primary2};\r\n}\r\n.flatpickr-months .flatpickr-prev-month:hover svg,\r\n.flatpickr-months .flatpickr-next-month:hover svg {\r\n  fill: ${primary2};\r\n}\r\n.flatpickr-months .flatpickr-prev-month svg,\r\n.flatpickr-months .flatpickr-next-month svg {\r\n  width: 14px;\r\n  height: 14px;\r\n}\r\n.flatpickr-months .flatpickr-prev-month svg path,\r\n.flatpickr-months .flatpickr-next-month svg path {\r\n  -webkit-transition: fill 0.1s;\r\n  transition: fill 0.1s;\r\n  fill: inherit;\r\n}\r\n.numInputWrapper {\r\n  position: relative;\r\n  height: auto;\r\n}\r\n.numInputWrapper input,\r\n.numInputWrapper span {\r\n  display: inline-block;\r\n}\r\n.numInputWrapper input {\r\n  width: 100%;\r\n}\r\n.numInputWrapper input::-ms-clear {\r\n  display: none;\r\n}\r\n.numInputWrapper input::-webkit-outer-spin-button,\r\n.numInputWrapper input::-webkit-inner-spin-button {\r\n  margin: 0;\r\n  -webkit-appearance: none;\r\n}\r\n.numInputWrapper span {\r\n  position: absolute;\r\n  right: 0;\r\n  width: 14px;\r\n  padding: 0 4px 0 2px;\r\n  height: 50%;\r\n  line-height: 50%;\r\n  opacity: 0;\r\n  cursor: pointer;\r\n  border: 1px solid rgba(64,72,72,0.15);\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n}\r\n.numInputWrapper span:hover {\r\n  background: rgba(0,0,0,0.1);\r\n}\r\n.numInputWrapper span:active {\r\n  background: rgba(0,0,0,0.2);\r\n}\r\n.numInputWrapper span:after {\r\n  display: block;\r\n  content: \"\";\r\n  position: absolute;\r\n}\r\n.numInputWrapper span.arrowUp {\r\n  top: 0;\r\n  border-bottom: 0;\r\n}\r\n.numInputWrapper span.arrowUp:after {\r\n  border-left: 4px solid transparent;\r\n  border-right: 4px solid transparent;\r\n  border-bottom: 4px solid rgba(64,72,72,0.6);\r\n  top: 26%;\r\n}\r\n.numInputWrapper span.arrowDown {\r\n  top: 50%;\r\n}\r\n.numInputWrapper span.arrowDown:after {\r\n  border-left: 4px solid transparent;\r\n  border-right: 4px solid transparent;\r\n  border-top: 4px solid rgba(64,72,72,0.6);\r\n  top: 40%;\r\n}\r\n.numInputWrapper span svg {\r\n  width: inherit;\r\n  height: auto;\r\n}\r\n.numInputWrapper span svg path {\r\n  fill: rgba(60,63,64,0.5);\r\n}\r\n.numInputWrapper:hover {\r\n  background: rgba(0,0,0,0.05);\r\n}\r\n.numInputWrapper:hover span {\r\n  opacity: 1;\r\n}\r\n.flatpickr-current-month {\r\n  font-size: 135%;\r\n  line-height: inherit;\r\n  font-weight: 300;\r\n  color: inherit;\r\n  position: absolute;\r\n  width: 75%;\r\n  left: 12.5%;\r\n  padding: 7.48px 0 0 0;\r\n  line-height: 1;\r\n  height: 34px;\r\n  display: inline-block;\r\n  text-align: center;\r\n  -webkit-transform: translate3d(0px, 0px, 0px);\r\n          transform: translate3d(0px, 0px, 0px);\r\n}\r\n.flatpickr-current-month span.cur-month {\r\n  font-family: inherit;\r\n  font-weight: 700;\r\n  color: inherit;\r\n  display: inline-block;\r\n  margin-left: 0.5ch;\r\n  padding: 0;\r\n}\r\n.flatpickr-current-month span.cur-month:hover {\r\n  background: rgba(0,0,0,0.05);\r\n}\r\n.flatpickr-current-month .numInputWrapper {\r\n  width: 6ch;\r\n  width: 7ch\\\\0;\r\n  display: inline-block;\r\n}\r\n.flatpickr-current-month .numInputWrapper span.arrowUp:after {\r\n  border-bottom-color: #3c3f40;\r\n}\r\n.flatpickr-current-month .numInputWrapper span.arrowDown:after {\r\n  border-top-color: #3c3f40;\r\n}\r\n.flatpickr-current-month input.cur-year {\r\n  background: transparent;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  color: inherit;\r\n  cursor: text;\r\n  padding: 0 0 0 0.5ch;\r\n  margin: 0;\r\n  display: inline-block;\r\n  font-size: inherit;\r\n  font-family: inherit;\r\n  font-weight: 300;\r\n  line-height: inherit;\r\n  height: auto;\r\n  border: 0;\r\n  border-radius: 0;\r\n  vertical-align: initial;\r\n  -webkit-appearance: textfield;\r\n  -moz-appearance: textfield;\r\n  appearance: textfield;\r\n}\r\n.flatpickr-current-month input.cur-year:focus {\r\n  outline: 0;\r\n}\r\n.flatpickr-current-month input.cur-year[disabled],\r\n.flatpickr-current-month input.cur-year[disabled]:hover {\r\n  font-size: 100%;\r\n  color: rgba(60,63,64,0.5);\r\n  background: transparent;\r\n  pointer-events: none;\r\n}\r\n.flatpickr-current-month .flatpickr-monthDropdown-months {\r\n  appearance: menulist;\r\n  background: transparent;\r\n  border: none;\r\n  border-radius: 0;\r\n  box-sizing: border-box;\r\n  color: inherit;\r\n  cursor: pointer;\r\n  font-size: inherit;\r\n  font-family: inherit;\r\n  font-weight: 300;\r\n  height: auto;\r\n  line-height: inherit;\r\n  margin: -1px 0 0 0;\r\n  outline: none;\r\n  padding: 0 0 0 0.5ch;\r\n  position: relative;\r\n  vertical-align: initial;\r\n  -webkit-box-sizing: border-box;\r\n  -webkit-appearance: menulist;\r\n  -moz-appearance: menulist;\r\n  width: auto;\r\n}\r\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,\r\n.flatpickr-current-month .flatpickr-monthDropdown-months:active {\r\n  outline: none;\r\n}\r\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\r\n  background: rgba(0,0,0,0.05);\r\n}\r\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {\r\n  background-color: transparent;\r\n  outline: none;\r\n  padding: 0;\r\n}\r\n.flatpickr-weekdays {\r\n  background: transparent;\r\n  text-align: center;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n  -webkit-align-items: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  height: 28px;\r\n}\r\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-flex: 1;\r\n  -webkit-flex: 1;\r\n      -ms-flex: 1;\r\n          flex: 1;\r\n}\r\nspan.flatpickr-weekday {\r\n  cursor: default;\r\n  font-size: 90%;\r\n  background: transparent;\r\n  color: rgba(0,0,0,0.54);\r\n  line-height: 1;\r\n  margin: 0;\r\n  text-align: center;\r\n  display: block;\r\n  -webkit-box-flex: 1;\r\n  -webkit-flex: 1;\r\n      -ms-flex: 1;\r\n          flex: 1;\r\n  font-weight: bolder;\r\n}\r\n.dayContainer,\r\n.flatpickr-weeks {\r\n  padding: 1px 0 0 0;\r\n}\r\n.flatpickr-days {\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: start;\r\n  -webkit-align-items: flex-start;\r\n      -ms-flex-align: start;\r\n          align-items: flex-start;\r\n  width: 200px;\r\n}\r\n.flatpickr-days:focus {\r\n  outline: 0;\r\n}\r\n.dayContainer {\r\n  padding: 0;\r\n  outline: 0;\r\n  text-align: left;\r\n  width: 200px;\r\n  min-width: 200px;\r\n  max-width: 200px;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  display: inline-block;\r\n  display: -ms-flexbox;\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: flex;\r\n  -webkit-flex-wrap: wrap;\r\n          flex-wrap: wrap;\r\n  -ms-flex-wrap: wrap;\r\n  -ms-flex-pack: justify;\r\n  -webkit-justify-content: space-around;\r\n          justify-content: space-around;\r\n  -webkit-transform: translate3d(0px, 0px, 0px);\r\n          transform: translate3d(0px, 0px, 0px);\r\n  opacity: 1;\r\n}\r\n.dayContainer + .dayContainer {\r\n  -webkit-box-shadow: -1px 0 0 #eee;\r\n          box-shadow: -1px 0 0 #eee;\r\n}\r\n.flatpickr-day {\r\n  background: none;\r\n  border: 1px solid transparent;\r\n  border-radius: 150px;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  color: #404848;\r\n  cursor: pointer;\r\n  font-weight: 400;\r\n  width: 14.2857143%;\r\n  -webkit-flex-basis: 14.2857143%;\r\n      -ms-flex-preferred-size: 14.2857143%;\r\n          flex-basis: 14.2857143%;\r\n  max-width: 32px;\r\n  height: 32px;\r\n  line-height: 30px;\r\n  margin: 0;\r\n  display: inline-block;\r\n  position: relative;\r\n  -webkit-box-pack: center;\r\n  -webkit-justify-content: center;\r\n      -ms-flex-pack: center;\r\n          justify-content: center;\r\n  text-align: center;\r\n}\r\n.flatpickr-day.inRange,\r\n.flatpickr-day.prevMonthDay.inRange,\r\n.flatpickr-day.nextMonthDay.inRange,\r\n.flatpickr-day.today.inRange,\r\n.flatpickr-day.prevMonthDay.today.inRange,\r\n.flatpickr-day.nextMonthDay.today.inRange,\r\n.flatpickr-day:hover,\r\n.flatpickr-day.prevMonthDay:hover,\r\n.flatpickr-day.nextMonthDay:hover,\r\n.flatpickr-day:focus,\r\n.flatpickr-day.prevMonthDay:focus,\r\n.flatpickr-day.nextMonthDay:focus {\r\n  cursor: pointer;\r\n  outline: 0;\r\n  background: #e9e9e9;\r\n  border-color: #e9e9e9;\r\n}\r\n.flatpickr-day.today {\r\n  border-color: ${primary2};\r\n}\r\n.flatpickr-day.today:hover,\r\n.flatpickr-day.today:focus {\r\n  border-color: ${primary2};\r\n  background: ${primary2};\r\n  color: ${bg};\r\n}\r\n.flatpickr-day.selected,\r\n.flatpickr-day.startRange,\r\n.flatpickr-day.endRange,\r\n.flatpickr-day.selected.inRange,\r\n.flatpickr-day.startRange.inRange,\r\n.flatpickr-day.endRange.inRange,\r\n.flatpickr-day.selected:focus,\r\n.flatpickr-day.startRange:focus,\r\n.flatpickr-day.endRange:focus,\r\n.flatpickr-day.selected:hover,\r\n.flatpickr-day.startRange:hover,\r\n.flatpickr-day.endRange:hover,\r\n.flatpickr-day.selected.prevMonthDay,\r\n.flatpickr-day.startRange.prevMonthDay,\r\n.flatpickr-day.endRange.prevMonthDay,\r\n.flatpickr-day.selected.nextMonthDay,\r\n.flatpickr-day.startRange.nextMonthDay,\r\n.flatpickr-day.endRange.nextMonthDay {\r\n  background: ${primary};\r\n  -webkit-box-shadow: none;\r\n          box-shadow: none;\r\n  color: ${bg};\r\n  border-color: ${primary};\r\n}\r\n.flatpickr-day.selected.startRange,\r\n.flatpickr-day.startRange.startRange,\r\n.flatpickr-day.endRange.startRange {\r\n  border-radius: 50px 0 0 50px;\r\n}\r\n.flatpickr-day.selected.endRange,\r\n.flatpickr-day.startRange.endRange,\r\n.flatpickr-day.endRange.endRange {\r\n  border-radius: 0 50px 50px 0;\r\n}\r\n.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),\r\n.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),\r\n.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {\r\n  -webkit-box-shadow: -10px 0 0 ${primary};\r\n          box-shadow: -10px 0 0 ${primary};\r\n}\r\n.flatpickr-day.selected.startRange.endRange,\r\n.flatpickr-day.startRange.startRange.endRange,\r\n.flatpickr-day.endRange.startRange.endRange {\r\n  border-radius: 50px;\r\n}\r\n.flatpickr-day.inRange {\r\n  border-radius: 0;\r\n  -webkit-box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;\r\n          box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;\r\n}\r\n.flatpickr-day.flatpickr-disabled,\r\n.flatpickr-day.flatpickr-disabled:hover,\r\n.flatpickr-day.prevMonthDay,\r\n.flatpickr-day.nextMonthDay,\r\n.flatpickr-day.notAllowed,\r\n.flatpickr-day.notAllowed.prevMonthDay,\r\n.flatpickr-day.notAllowed.nextMonthDay {\r\n  color: rgba(64,72,72,0.3);\r\n  background: transparent;\r\n  border-color: #e9e9e9;\r\n  cursor: default;\r\n}\r\n.flatpickr-day.flatpickr-disabled,\r\n.flatpickr-day.flatpickr-disabled:hover {\r\n  cursor: not-allowed;\r\n  color: rgba(64,72,72,0.1);\r\n}\r\n.flatpickr-day.week.selected {\r\n  border-radius: 0;\r\n  -webkit-box-shadow: -5px 0 0 ${primary}, 5px 0 0 ${primary};\r\n          box-shadow: -5px 0 0 ${primary}, 5px 0 0 ${primary};\r\n}\r\n.flatpickr-day.hidden {\r\n  visibility: hidden;\r\n}\r\n.rangeMode .flatpickr-day {\r\n  margin-top: 1px;\r\n}\r\n.flatpickr-weekwrapper {\r\n  float: left;\r\n}\r\n.flatpickr-weekwrapper .flatpickr-weeks {\r\n  padding: 0 12px;\r\n  -webkit-box-shadow: 1px 0 0 #eee;\r\n          box-shadow: 1px 0 0 #eee;\r\n}\r\n.flatpickr-weekwrapper .flatpickr-weekday {\r\n  float: none;\r\n  width: 100%;\r\n  line-height: 28px;\r\n}\r\n.flatpickr-weekwrapper span.flatpickr-day,\r\n.flatpickr-weekwrapper span.flatpickr-day:hover {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: none;\r\n  color: rgba(64,72,72,0.3);\r\n  background: transparent;\r\n  cursor: default;\r\n  border: none;\r\n}\r\n.flatpickr-innerContainer {\r\n  display: block;\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  overflow: hidden;\r\n}\r\n.flatpickr-rContainer {\r\n  display: inline-block;\r\n  padding: 0;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n}\r\n.flatpickr-time {\r\n  text-align: center;\r\n  outline: 0;\r\n  display: block;\r\n  height: 0;\r\n  line-height: 40px;\r\n  max-height: 40px;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  overflow: hidden;\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n}\r\n.flatpickr-time:after {\r\n  content: \"\";\r\n  display: table;\r\n  clear: both;\r\n}\r\n.flatpickr-time .numInputWrapper {\r\n  -webkit-box-flex: 1;\r\n  -webkit-flex: 1;\r\n      -ms-flex: 1;\r\n          flex: 1;\r\n  width: 40%;\r\n  height: 40px;\r\n  float: left;\r\n}\r\n.flatpickr-time .numInputWrapper span.arrowUp:after {\r\n  border-bottom-color: #404848;\r\n}\r\n.flatpickr-time .numInputWrapper span.arrowDown:after {\r\n  border-top-color: #404848;\r\n}\r\n.flatpickr-time.hasSeconds .numInputWrapper {\r\n  width: 26%;\r\n}\r\n.flatpickr-time.time24hr .numInputWrapper {\r\n  width: 49%;\r\n}\r\n.flatpickr-time input {\r\n  background: transparent;\r\n  -webkit-box-shadow: none;\r\n          box-shadow: none;\r\n  border: 0;\r\n  border-radius: 0;\r\n  text-align: center;\r\n  margin: 0;\r\n  padding: 0;\r\n  height: inherit;\r\n  line-height: inherit;\r\n  color: #404848;\r\n  font-size: 14px;\r\n  position: relative;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  -webkit-appearance: textfield;\r\n  -moz-appearance: textfield;\r\n  appearance: textfield;\r\n}\r\n.flatpickr-time input.flatpickr-hour {\r\n  font-weight: bold;\r\n}\r\n.flatpickr-time input.flatpickr-minute,\r\n.flatpickr-time input.flatpickr-second {\r\n  font-weight: 400;\r\n}\r\n.flatpickr-time input:focus {\r\n  outline: 0;\r\n  border: 0;\r\n}\r\n.flatpickr-time .flatpickr-time-separator,\r\n.flatpickr-time .flatpickr-am-pm {\r\n  height: inherit;\r\n  float: left;\r\n  line-height: inherit;\r\n  color: #404848;\r\n  font-weight: bold;\r\n  width: 2%;\r\n  -webkit-user-select: none;\r\n     -moz-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n  -webkit-align-self: center;\r\n      -ms-flex-item-align: center;\r\n          align-self: center;\r\n}\r\n.flatpickr-time .flatpickr-am-pm {\r\n  outline: 0;\r\n  width: 18%;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  font-weight: 400;\r\n}\r\n.flatpickr-time input:hover,\r\n.flatpickr-time .flatpickr-am-pm:hover,\r\n.flatpickr-time input:focus,\r\n.flatpickr-time .flatpickr-am-pm:focus {\r\n  background: #f1f1f1;\r\n}\r\n.flatpickr-input[readonly] {\r\n  cursor: pointer;\r\n}\r\n@-webkit-keyframes fpFadeInDown {\r\n  from {\r\n    opacity: 0;\r\n    -webkit-transform: translate3d(0, -20px, 0);\r\n            transform: translate3d(0, -20px, 0);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    -webkit-transform: translate3d(0, 0, 0);\r\n            transform: translate3d(0, 0, 0);\r\n  }\r\n}\r\n@keyframes fpFadeInDown {\r\n  from {\r\n    opacity: 0;\r\n    -webkit-transform: translate3d(0, -20px, 0);\r\n            transform: translate3d(0, -20px, 0);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    -webkit-transform: translate3d(0, 0, 0);\r\n            transform: translate3d(0, 0, 0);\r\n  }\r\n}\r\n.flatpickr-calendar {\r\n  width: 200px;\r\n}\r\n.dayContainer {\r\n  padding: 0;\r\n  border-right: 0;\r\n}\r\nspan.flatpickr-day,\r\nspan.flatpickr-day.prevMonthDay,\r\nspan.flatpickr-day.nextMonthDay {\r\n  border-radius: 0 !important;\r\n  border: 1px solid #e9e9e9;\r\n  max-width: none;\r\n  border-right-color: transparent;\r\n}\r\nspan.flatpickr-day:nth-child(n+8),\r\nspan.flatpickr-day.prevMonthDay:nth-child(n+8),\r\nspan.flatpickr-day.nextMonthDay:nth-child(n+8) {\r\n  border-top-color: transparent;\r\n}\r\nspan.flatpickr-day:nth-child(7n-6),\r\nspan.flatpickr-day.prevMonthDay:nth-child(7n-6),\r\nspan.flatpickr-day.nextMonthDay:nth-child(7n-6) {\r\n  border-left: 0;\r\n}\r\nspan.flatpickr-day:nth-child(n+36),\r\nspan.flatpickr-day.prevMonthDay:nth-child(n+36),\r\nspan.flatpickr-day.nextMonthDay:nth-child(n+36) {\r\n  border-bottom: 0;\r\n}\r\nspan.flatpickr-day:nth-child(-n+7),\r\nspan.flatpickr-day.prevMonthDay:nth-child(-n+7),\r\nspan.flatpickr-day.nextMonthDay:nth-child(-n+7) {\r\n  margin-top: 0;\r\n}\r\nspan.flatpickr-day.today:not(.selected),\r\nspan.flatpickr-day.prevMonthDay.today:not(.selected),\r\nspan.flatpickr-day.nextMonthDay.today:not(.selected) {\r\n  border-color: #e9e9e9;\r\n  border-right-color: transparent;\r\n  border-top-color: transparent;\r\n  border-bottom-color: ${primary2};\r\n}\r\nspan.flatpickr-day.today:not(.selected):hover,\r\nspan.flatpickr-day.prevMonthDay.today:not(.selected):hover,\r\nspan.flatpickr-day.nextMonthDay.today:not(.selected):hover {\r\n  border: 1px solid ${primary2};\r\n}\r\nspan.flatpickr-day.startRange,\r\nspan.flatpickr-day.prevMonthDay.startRange,\r\nspan.flatpickr-day.nextMonthDay.startRange,\r\nspan.flatpickr-day.endRange,\r\nspan.flatpickr-day.prevMonthDay.endRange,\r\nspan.flatpickr-day.nextMonthDay.endRange {\r\n  border-color: ${primary};\r\n}\r\nspan.flatpickr-day.today,\r\nspan.flatpickr-day.prevMonthDay.today,\r\nspan.flatpickr-day.nextMonthDay.today,\r\nspan.flatpickr-day.selected,\r\nspan.flatpickr-day.prevMonthDay.selected,\r\nspan.flatpickr-day.nextMonthDay.selected {\r\n  z-index: 2;\r\n}\r\n.rangeMode .flatpickr-day {\r\n  margin-top: -1px;\r\n}\r\n.flatpickr-weekwrapper .flatpickr-weeks {\r\n  -webkit-box-shadow: none;\r\n          box-shadow: none;\r\n}\r\n.flatpickr-weekwrapper span.flatpickr-day {\r\n  border: 0;\r\n  margin: -1px 0 0 -1px;\r\n}\r\n.hasWeeks .flatpickr-days {\r\n  border-right: 0;\r\n}\r\n\r\n\t@media screen and (min-width:0\\\\0) and (min-resolution: +72dpi) {\r\n\t\tspan.flatpickr-day {\r\n\t\t\tdisplay: block;\r\n\t\t\t-webkit-box-flex: 1;\r\n\t\t\t-webkit-flex: 1 0 auto;\r\n\t\t\t    -ms-flex: 1 0 auto;\r\n\t\t\t        flex: 1 0 auto;\r\n\t\t}\r\n\t}\r\n\t\t`));\r\n\t}\r\n\r\n}"]}

package/.internal/charts/stock/toolbar/DrawingControl.d.ts

@@ -0,0 +1,151 @@
+import type { XYSeries } from "../../xy/series/XYSeries";
+import type { Color } from "../../../core/util/Color";
+import type { ColorSet } from "../../../core/util/ColorSet";
+import { StockControl, IStockControlSettings, IStockControlPrivate, IStockControlEvents } from "./StockControl";
+import { DrawingToolControl, DrawingTools } from "./DrawingToolControl";
+import { ColorControl } from "./ColorControl";
+import { DropdownListControl } from "./DropdownListControl";
+import { IconControl, IIcon } from "./IconControl";
+export interface IDrawingControlSettings extends IStockControlSettings {
+    /**
+     * List of tools available in drawing mode.
+     *
+     * @see {@link https://www.amcharts.com/docs/v5/charts/stock/toolbar/drawing-control/#Tool_list} for more info
+     */
+    tools?: DrawingTools[];
+    /**
+     * Default tool.
+     */
+    tool?: DrawingTools;
+    /**
+     * Target series for drawing.
+     */
+    series?: XYSeries[];
+    /**
+     * Colors to show in color pickers.
+     * @see {@link https://www.amcharts.com/docs/v5/charts/stock/toolbar/drawing-control/#Colors} for more info
+     */
+    colors?: ColorSet;
+    /**
+     * Default color for lines/borders.
+     */
+    strokeColor?: Color;
+    /**
+     * Default line/border width in pixels.
+     */
+    strokeWidth?: number;
+    /**
+     * Available line widths for user to choose from.
+     */
+    strokeWidths?: number[];
+    /**
+     * Default dasharray setting.
+     */
+    strokeDasharray?: number[];
+    /**
+     * Available line dash settings for user to choose from.
+     */
+    strokeDasharrays?: number[][];
+    /**
+     * Default line/border opacity.
+     */
+    strokeOpacity?: number;
+    /**
+     * Show dotted/thin line extending from both ends of the drawn line?
+     *
+     * @default true
+     */
+    showExtension?: boolean;
+    /**
+     * Default fill color.
+     */
+    fillColor?: Color;
+    /**
+     * Default fill opacity.
+     */
+    fillOpacity?: number;
+    /**
+     * Default color for labels.
+     */
+    labelFill?: Color;
+    /**
+     * Default label font size.
+     */
+    labelFontSize?: number | string | undefined;
+    /**
+     * Available font sizes.
+     */
+    labelFontSizes?: Array<number | string>;
+    /**
+     * Default label font.
+     */
+    labelFontFamily?: string;
+    /**
+     * Available fonts for user to choose from.
+     */
+    labelFontFamilies?: string[];
+    /**
+     * Default label font weight.
+     */
+    labelFontWeight?: "normal" | "bold" | "bolder" | "lighter" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+    /**
+     * Default label style.
+     */
+    labelFontStyle?: "normal" | "italic" | "oblique";
+    drawingIcon?: IIcon;
+    drawingIcons?: IIcon[];
+    /**
+     * Should drawings snap to the nearest data point?
+     *
+     * @default true
+     */
+    snapToData?: boolean;
+}
+export interface IDrawingControlPrivate extends IStockControlPrivate {
+    toolsContainer?: HTMLDivElement;
+    toolControl?: DrawingToolControl;
+    eraserControl?: StockControl;
+    clearControl?: StockControl;
+    strokeControl?: ColorControl;
+    strokeWidthControl?: DropdownListControl;
+    strokeDasharrayControl?: DropdownListControl;
+    fillControl?: ColorControl;
+    extensionControl?: StockControl;
+    labelFillControl?: ColorControl;
+    labelFontSizeControl?: DropdownListControl;
+    labelFontFamilyControl?: DropdownListControl;
+    boldControl?: StockControl;
+    italicControl?: StockControl;
+    iconControl?: IconControl;
+    snapControl?: StockControl;
+}
+export interface IDrawingControlEvents extends IStockControlEvents {
+}
+/**
+ * A drawing tools control for [[StockChart]].
+ *
+ * @see {@link https://www.amcharts.com/docs/v5/charts/stock/toolbar/drawing-control/} for more info
+ */
+export declare class DrawingControl extends StockControl {
+    static className: string;
+    static classNames: Array<string>;
+    _settings: IDrawingControlSettings;
+    _privateSettings: IDrawingControlPrivate;
+    _events: IDrawingControlEvents;
+    private _drawingSeries;
+    private _currentEnabledSeries;
+    protected _afterNew(): void;
+    protected _initElements(): void;
+    protected _initToolbar(): void;
+    _beforeChanged(): void;
+    protected _setTool(tool?: DrawingTools): void;
+    protected _setStroke(): void;
+    protected _setFill(): void;
+    protected _setLabel(): void;
+    protected _setExtension(): void;
+    protected _setDrawingIcon(): void;
+    protected _setSnap(): void;
+    protected _getDefaultIcon(): SVGElement;
+    protected _dispose(): void;
+}
+//# sourceMappingURL=DrawingControl.d.ts.map

package/.internal/charts/stock/toolbar/DrawingControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawingControl.d.ts","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/DrawingControl.ts"],"names":[],"mappings":"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"}