binbot-charts 0.0.1 → 0.0.4

package/dist/bundles/floating-toolbars.d78a058b82ab09013aac.js

@@ -0,0 +1,2373 @@
+"use strict";
+
+require("core-js/modules/es.array.reduce.js");
+
+require("core-js/modules/es.parse-float.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.parse-int.js");
+
+require("core-js/modules/es.json.stringify.js");
+
+require("core-js/modules/es.regexp.to-string.js");
+
+require("core-js/modules/es.promise.js");
+
+require("core-js/modules/es.array.includes.js");
+
+require("core-js/modules/es.string.includes.js");
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.split.js");
+
+const _excluded = ["className"],
+      _excluded2 = ["className"];
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+(window.webpackJsonp = window.webpackJsonp || []).push([["floating-toolbars"], {
+  "+KIV": function KIV(t, e) {
+    t.exports = '<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path stroke="currentColor" d="M8 9.5H6.5a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1V20m-8-1.5h11a1 1 0 0 0 1-1v-11a1 1 0 0 0-1-1h-11a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1z"/></svg>';
+  },
+  "0ZwQ": function ZwQ(t, e, i) {
+    "use strict";
+
+    var o = i("8+VR"),
+        n = i("9uLv"),
+        s = i("Vdly"),
+        r = i("aIyQ"),
+        a = i.n(r),
+        l = i("hY0g"),
+        c = i.n(l),
+        d = i("cZRT");
+
+    class h extends d.a {
+      _startLoading() {
+        return i.e("hammerjs").then(i.bind(null, "be1f")).then(t => t.HammerJS);
+      }
+
+    }
+
+    var u = i("VVxS");
+    i("Eyy1");
+
+    function p(t) {
+      let e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      const i = getComputedStyle(t),
+            o = [i.height];
+      return "border-box" !== i.boxSizing && o.push(i.paddingTop, i.paddingBottom, i.borderTopWidth, i.borderBottomWidth), e && o.push(i.marginTop, i.marginBottom), o.reduce((t, e) => t + (parseFloat(e) || 0), 0);
+    }
+
+    function g(t) {
+      let e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      const i = getComputedStyle(t),
+            o = [i.width];
+      return "border-box" !== i.boxSizing && o.push(i.paddingLeft, i.paddingRight, i.borderLeftWidth, i.borderRightWidth), e && o.push(i.marginLeft, i.marginRight), o.reduce((t, e) => t + (parseFloat(e) || 0), 0);
+    }
+
+    var _ = i("qFKp");
+
+    class m {
+      constructor(t) {
+        var e, i;
+        this._helper = null, this._handleDragStart = t => {
+          var e;
+          if (null !== this._helper) return;
+          if (!(t.target instanceof Element && this._handle.contains(t.target))) return;
+          const i = this._source;
+          i.classList.add("ui-draggable-dragging");
+
+          const o = this._getEventTarget();
+
+          o.addEventListener("pointermove", this._handleDragMove), o.addEventListener("pointerup", this._handleDragStop), o.addEventListener("pointercancel", this._handleDragStop), o.setPointerCapture(t.pointerId);
+          const [n, s] = [g(i), p(i)];
+          this._helper = {
+            pointer: t.pointerId,
+            startX: t.clientX,
+            startY: t.clientY,
+            startTop: parseFloat(i.style.top) || 0,
+            startLeft: parseFloat(i.style.left) || 0,
+            nextTop: null,
+            nextLeft: null,
+            raf: null,
+            size: [n, s],
+            containment: this._containment instanceof HTMLElement ? [parseInt(getComputedStyle(this._containment).borderLeftWidth) + parseInt(getComputedStyle(this._containment).paddingLeft), parseInt(getComputedStyle(this._containment).borderTopWidth) + parseInt(getComputedStyle(this._containment).paddingTop), this._containment.offsetWidth - parseInt(getComputedStyle(this._containment).borderRightWidth) - parseInt(getComputedStyle(this._containment).paddingRight) - parseInt(getComputedStyle(i).marginLeft) - parseInt(getComputedStyle(i).marginRight) - n, this._containment.offsetHeight - parseInt(getComputedStyle(this._containment).borderBottomWidth) - parseInt(getComputedStyle(this._containment).paddingBottom) - parseInt(getComputedStyle(i).marginTop) - parseInt(getComputedStyle(i).marginBottom) - s] : "window" === this._containment ? [window.scrollX, window.scrollY, window.scrollX + document.documentElement.offsetWidth - n, window.scrollY + document.documentElement.offsetHeight - s] : null
+          }, null === (e = this._start) || void 0 === e || e.call(this);
+        }, this._handleDragMove = t => {
+          var e;
+          if (null === this._helper || this._helper.pointer !== t.pointerId) return;
+          const i = this._source,
+                o = this._helper.nextTop,
+                n = this._helper.nextLeft,
+                s = "y" === this._axis || !1 === this._axis || 0 !== t.movementY;
+
+          if (s) {
+            const e = this._helper.startTop;
+            isFinite(e) && (this._helper.nextTop = t.clientY - this._helper.startY + e);
+          }
+
+          const r = "x" === this._axis || !1 === this._axis || 0 !== t.movementX;
+
+          if (r) {
+            const e = this._helper.startLeft;
+            isFinite(e) && (this._helper.nextLeft = t.clientX - this._helper.startX + e);
+          }
+
+          if (null !== this._helper.containment) {
+            const [t, e, i, o] = this._helper.containment;
+            s && this._helper.nextTop && (this._helper.nextTop = Math.min(this._helper.nextTop, o), this._helper.nextTop = Math.max(this._helper.nextTop, e)), r && this._helper.nextLeft && (this._helper.nextLeft = Math.min(this._helper.nextLeft, i), this._helper.nextLeft = Math.max(this._helper.nextLeft, t));
+          }
+
+          null !== this._helper.raf || o === this._helper.nextTop && n === this._helper.nextLeft || (this._helper.raf = requestAnimationFrame(() => {
+            null !== this._helper && (null !== this._helper.nextTop && (i.style.top = this._helper.nextTop + "px", this._helper.nextTop = null), null !== this._helper.nextLeft && (i.style.left = this._helper.nextLeft + "px", this._helper.nextLeft = null), this._helper.raf = null);
+          })), null === (e = this._drag) || void 0 === e || e.call(this);
+        }, this._handleDragStop = t => {
+          var e;
+          if (null === this._helper || this._helper.pointer !== t.pointerId) return;
+
+          this._source.classList.remove("ui-draggable-dragging");
+
+          const i = this._getEventTarget();
+
+          i.removeEventListener("pointermove", this._handleDragMove), i.removeEventListener("pointerup", this._handleDragStop), i.removeEventListener("pointercancel", this._handleDragStop), i.releasePointerCapture(this._helper.pointer), this._helper = null, null === (e = this._stop) || void 0 === e || e.call(this);
+        };
+        const o = this._source = t.source;
+        o.classList.add("ui-draggable");
+        const n = this._handle = null !== (e = t.handle ? o.querySelector(t.handle) : null) && void 0 !== e ? e : o;
+        n.style.touchAction = "none", n.classList.add("ui-draggable-handle");
+        this._getEventTarget().addEventListener("pointerdown", this._handleDragStart), this._start = t.start, this._stop = t.stop, this._drag = t.drag, this._axis = null !== (i = t.axis) && void 0 !== i && i, this._containment = t.containment;
+      }
+
+      destroy() {
+        const t = this._source;
+        t.classList.remove("ui-draggable"), t.classList.remove("ui-draggable-dragging");
+        this._handle.style.touchAction = "";
+
+        const e = this._getEventTarget();
+
+        e.removeEventListener("pointerdown", this._handleDragStart), e.removeEventListener("pointermove", this._handleDragMove), e.removeEventListener("pointerup", this._handleDragStop), e.removeEventListener("pointercancel", this._handleDragStop), null !== this._helper && (this._helper.raf && cancelAnimationFrame(this._helper.raf), e.releasePointerCapture(this._helper.pointer), this._helper = null);
+      }
+
+      _getEventTarget() {
+        return _.CheckMobile.iOS() || Object(_.isMac)() && o.touch ? window.document.documentElement : this._handle;
+      }
+
+    }
+
+    var b = i("gWrr"),
+        v = i("JWMC"),
+        w = i("qAO1");
+    i("PwLo");
+    i.d(e, "a", function () {
+      return f;
+    }), i.d(e, "b", function () {
+      return C;
+    });
+    const f = "floating-toolbar-react-widgets",
+          y = "<div class=\"tv-floating-toolbar i-closed i-hidden\"><div class=\"tv-floating-toolbar__widget-wrapper\"><div class=\"tv-floating-toolbar__drag js-drag\">".concat(w, "</div><div class=\"tv-floating-toolbar__content js-content\"></div><div class=\"").concat(f, "\"></div></div></div>");
+
+    class C {
+      constructor(t) {
+        this._widget = document.createElement("div"), this._isVertical = !1, this._hiddingTimeoutId = null, this._visibility = new c.a(!1), this._windowResizeListener = this._onWindowResize.bind(this), this._reorderedDelegate = new a.a(), this._responsiveResizeFunction = null, this._showTimeStamp = null, this._draggable = null, this._preventClickUntilAnimation = t => {
+          null !== this._showTimeStamp && performance.now() - this._showTimeStamp < this.hideDuration() && t.stopPropagation();
+        }, C._toolbars.push(this), this._options = t, this._widget = Object(b.b)(y), this._content = this._widget.getElementsByClassName("js-content").item(0), this._reactWidgetsContainer = this._widget.getElementsByClassName(f).item(0), this._setZIndex(C._startZIndex + C._toolbars.length - 1), this._options.addClass && (this._widget.className += " " + this._options.addClass), this._options["data-name"] && (this._widget.dataset.name = this._options["data-name"]), this._options.layout && "auto" !== this._options.layout && (this._isVertical = "vertical" === this._options.layout, this._updateLayoutType(), this._updateAxisOption()), this._widget.addEventListener("click", this._preventClickUntilAnimation, !0);
+      }
+
+      destroy() {
+        this.hide(!0), C._toolbars.splice(C._toolbars.indexOf(this), 1), this._widget.removeEventListener("click", this._preventClickUntilAnimation, !0), document.body.contains(this._widget) && document.body.removeChild(this._widget), null !== this._draggable && this._draggable.destroy(), this._widget.innerHTML = "", this._responsiveResizeFunction = null;
+      }
+
+      setResponsiveResizeFunc(t) {
+        this._responsiveResizeFunction = t;
+      }
+
+      isVisible() {
+        return this._visibility.value();
+      }
+
+      visibility() {
+        return this._visibility.readonly();
+      }
+
+      isVertical() {
+        return this._isVertical;
+      }
+
+      show() {
+        this.isVisible() || (document.body.contains(this._widget) || (this._init(), document.body.appendChild(this._widget)), this._setHiddingTimeout(null), window.addEventListener("resize", this._windowResizeListener), this.raise(), this._visibility.setValue(!0), this._showTimeStamp = performance.now(), this._widget.classList.contains("i-hidden") ? (this._widget.classList.remove("i-hidden"), setTimeout(() => {
+          this.isVisible() && this._widget.classList.remove("i-closed");
+        })) : this._widget.classList.remove("i-closed"), this._onWindowResize());
+      }
+
+      hide() {
+        let t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
+        if (!this.isVisible()) return;
+
+        const e = this._widget.classList.contains("i-closed");
+
+        if (this._widget.classList.add("i-closed"), this._visibility.setValue(!1), t || e) this._setHiddingTimeout(null), this._widget.classList.add("i-hidden");else {
+          const t = setTimeout(() => {
+            this._setHiddingTimeout(null), this._widget.classList.add("i-hidden");
+          }, this.hideDuration());
+
+          this._setHiddingTimeout(t);
+        }
+        window.removeEventListener("resize", this._windowResizeListener);
+      }
+
+      raise() {
+        C._toolbars.length + C._startZIndex !== this._zIndex() && (C._toolbars.splice(C._toolbars.indexOf(this), 1), C._toolbars.push(this), C._updateAllZIndexes());
+      }
+
+      hideDuration() {
+        return .75 * n.b;
+      }
+
+      addWidget(t) {
+        let e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+        const i = this.widgetsCount();
+        if (void 0 === e.index && (e.index = i), e.index < 0 || e.index > i) throw new Error("Index must be in [0, ".concat(i, "]"));
+        const o = document.createElement("div");
+        o.className = "tv-floating-toolbar__widget js-widget", o.appendChild(t);
+        const n = e.index === i ? null : this._content.childNodes.item(e.index);
+        this._content.insertBefore(o, n), this._onWindowResize();
+      }
+
+      getReactWidgetContainer() {
+        return this._reactWidgetsContainer;
+      }
+
+      removeWidget(t) {
+        const e = this._findWrapperForWidget(t);
+
+        e && (this._content.removeChild(e), this._onWindowResize());
+      }
+
+      widgetsCount() {
+        return this._content.childNodes.length;
+      }
+
+      showWidget(t) {
+        const e = this._findWrapperForWidget(t);
+
+        e && e.classList.remove("i-hidden");
+      }
+
+      hideWidget(t) {
+        const e = this._findWrapperForWidget(t);
+
+        e && e.classList.add("i-hidden");
+      }
+
+      removeWidgets() {
+        for (; this._content.firstChild;) this._content.removeChild(this._content.firstChild);
+
+        this._onWindowResize();
+      }
+
+      onWidgetsReordered() {
+        return this._reorderedDelegate;
+      }
+
+      onContextMenu(t) {
+        if (o.mobiletouch) {
+          new h().load().then(e => {
+            const i = new e(this._widget);
+            i.get("press").set({
+              time: 500
+            }), i.on("press", e => {
+              this._preventWidgetTouchEndEvent(), t(e.srcEvent);
+            });
+          });
+        } else this._widget.addEventListener("contextmenu", t);
+      }
+
+      checkPosition() {
+        const t = this._getCorrectedWidgetRect(),
+              e = {
+          left: t.left,
+          top: t.top
+        };
+
+        this._correctPosition(e), t.left === e.left && t.top === e.top || (this._widget.style.left = e.left + "px", this._widget.style.top = e.top + "px");
+      }
+
+      _determineCurrentLayoutVertical(t) {
+        const e = this._isVertical ? t.height : t.width;
+        return window.innerWidth < e && window.innerWidth < window.innerHeight;
+      }
+
+      _getWidget() {
+        return this._widget;
+      }
+
+      _findWrapperForWidget(t) {
+        const e = this._content.getElementsByClassName("js-widget");
+
+        for (let i = 0; i < e.length; ++i) {
+          const o = e.item(i);
+          if (o.contains(t)) return o;
+        }
+
+        return null;
+      }
+
+      _onVerticalChanged(t, e) {}
+
+      _setHiddingTimeout(t) {
+        null !== this._hiddingTimeoutId && clearTimeout(this._hiddingTimeoutId), this._hiddingTimeoutId = t;
+      }
+
+      _preventWidgetTouchEndEvent() {
+        const t = e => {
+          e.preventDefault(), this._widget.removeEventListener("touchend", t);
+        };
+
+        this._widget.addEventListener("touchend", t);
+      }
+
+      _updateLayoutType() {
+        this._widget.classList.toggle("i-vertical", this._isVertical);
+      }
+
+      _updateAxisOption() {
+        0;
+      }
+
+      _onWindowResize() {
+        if ("auto" === (this._options.layout || "auto")) {
+          const t = this._isVertical,
+                e = this._getCorrectedWidgetRect();
+
+          this._isVertical = this._determineCurrentLayoutVertical(e), this._updateLayoutType(), t !== this._isVertical && (this._onVerticalChanged(this._isVertical, t), this._updateAxisOption());
+        }
+
+        this.checkPosition(), this._resizeResponsive();
+      }
+
+      _resizeResponsive() {
+        if (null === this._responsiveResizeFunction) return;
+        let t = this._options.layout || "auto";
+        "auto" === t && (t = this._isVertical ? "vertical" : "horizontal");
+        const e = "vertical" === t ? this._widget.clientHeight : this._widget.clientWidth,
+              i = ("vertical" === t ? window.innerHeight : window.innerWidth) - e;
+
+        this._responsiveResizeFunction(e, i, t);
+      }
+
+      _correctPosition(t) {
+        const e = this._getCorrectedWidgetRect();
+
+        t.left + e.width > window.innerWidth && (t.left = Math.max(0, window.innerWidth - e.width)), t.top + e.height > window.innerHeight && (t.top = Math.max(0, window.innerHeight - e.height)), t.left = Math.max(0, t.left), t.top = Math.max(0, t.top);
+      }
+
+      _setZIndex(t) {
+        this._widget.style.zIndex = String(t);
+      }
+
+      _zIndex() {
+        return Number(this._widget.style.zIndex);
+      }
+
+      _loadPosition() {
+        let t;
+
+        if ("device" === this._options.positionStorageType) {
+          const e = u.TVLocalStorage.getItem(this._options.positionSettingsKey);
+          t = null !== e ? JSON.parse(e) : this._options.defaultPosition;
+        } else t = Object(s.getJSON)(this._options.positionSettingsKey, this._options.defaultPosition);
+
+        this._widget.style.left = Math.round(t.left) + "px", this._widget.style.top = Math.round(t.top) + "px", this._onWindowResize();
+      }
+
+      _savePosition() {
+        const t = this._widget.getBoundingClientRect();
+
+        if ("device" === this._options.positionStorageType) try {
+          u.TVLocalStorage.setItem(this._options.positionSettingsKey, JSON.stringify({
+            left: t.left,
+            top: t.top
+          }));
+        } catch (t) {} else Object(s.setJSON)(this._options.positionSettingsKey, {
+          left: t.left,
+          top: t.top
+        });
+      }
+
+      _init() {
+        this._loadPosition(), this._draggable = new m({
+          source: this._widget,
+          containment: "window",
+          handle: ".js-drag",
+          stop: this._savePosition.bind(this)
+        }), this._widget.addEventListener("pointerdown", this.raise.bind(this));
+      }
+
+      _initSortable() {
+        let t = -1;
+        lazyJqueryUI(this._content).sortable({
+          start: (e, i) => {
+            t = i.item.index();
+          },
+          stop: (e, i) => {
+            const o = i.item.index();
+            t !== o && (Object(v.trackEvent)("Floating Toolbar", "User Sort"), this._reorderedDelegate.fire(t, o));
+          },
+          tolerance: "pointer",
+          distance: 5,
+          containment: !!this._options.dragOnlyInsideToolbar && "parent",
+          scroll: !1,
+          placeholder: "sortable-placeholder",
+          forcePlaceholderSize: !0
+        }), this._updateAxisOption();
+      }
+
+      _getCorrectedWidgetRect() {
+        const t = this._widget.getBoundingClientRect();
+
+        if (this._widget.classList.contains("i-closed")) {
+          const e = 1 / .925 - 1,
+                i = t.width * e,
+                o = t.height * e;
+          return {
+            bottom: t.bottom + o / 2,
+            height: t.height + o,
+            left: t.left - i / 2,
+            right: t.right + i / 2,
+            top: t.top - o / 2,
+            width: t.width + i
+          };
+        }
+
+        return t;
+      }
+
+      static _updateAllZIndexes() {
+        C._toolbars.forEach((t, e) => {
+          t._setZIndex(C._startZIndex + e);
+        });
+      }
+
+    }
+
+    C._startZIndex = 20, C._toolbars = [];
+  },
+  "0fuu": function fuu(t, e) {
+    t.exports = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20" fill="none"><path stroke="currentColor" d="M13.5 6.5l-3-3-7 7 7.59 7.59a2 2 0 0 0 2.82 0l4.18-4.18a2 2 0 0 0 0-2.82L13.5 6.5zm0 0v-4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v6"/><path fill="currentColor" d="M0 16.5C0 15 2.5 12 2.5 12S5 15 5 16.5 4 19 2.5 19 0 18 0 16.5z"/><circle fill="currentColor" cx="9.5" cy="9.5" r="1.5"/></svg>';
+  },
+  "2F1E": function F1E(t, e) {
+    t.exports = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 4" width="18" height="4"><rect width="18" height="4" fill="currentColor" rx="2"/></svg>';
+  },
+  "4QAy": function QAy(t, e, i) {},
+  "5hRh": function hRh(t, e, i) {
+    "use strict";
+
+    i.d(e, "a", function () {
+      return n;
+    });
+    var o = i("q1tI");
+
+    const n = t => {
+      const [e, i] = Object(o.useState)(t.value());
+      return Object(o.useEffect)(() => {
+        const e = t => {
+          i(t.value());
+        };
+
+        e(t);
+        const o = {};
+        return t.subscribe(o, e), () => t.unsubscribe(o, e);
+      }, [t]), e;
+    };
+  },
+  ADFN: function ADFN(t, e, i) {},
+  EvtC: function EvtC(t, e, i) {
+    t.exports = {
+      button: "button-2YcRd2gv"
+    };
+  },
+  HWhk: function HWhk(t, e) {
+    t.exports = '<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="currentColor" fillRule="evenodd" clipRule="evenodd" d="M7.5 13a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM5 14.5a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0zm9.5-1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM12 14.5a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0zm9.5-1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM19 14.5a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0z"/></svg>';
+  },
+  IhRv: function IhRv(t, e, i) {
+    "use strict";
+
+    i.r(e), i.d(e, "ColorPickerButton", function () {
+      return b;
+    });
+
+    var o = i("q1tI"),
+        n = i.n(o),
+        s = i("TSYQ"),
+        r = i.n(s),
+        a = i("Eyy1"),
+        l = i("Iivm"),
+        c = i("eJTA"),
+        d = i("Tmoa"),
+        h = i("V3OP"),
+        u = i("htM8"),
+        p = i("wLjq"),
+        g = i("82wv"),
+        _ = i("5hRh"),
+        m = i("X1vi");
+
+    function b(t) {
+      const {
+        property: e,
+        icon: i,
+        model: s,
+        title: b,
+        className: v
+      } = t,
+            w = Object(_.a)(e),
+            f = Object(o.useRef)(null),
+            y = w ? Object(c.parseRgba)(w)[3] : void 0,
+            C = "" === w,
+            x = String(T()).toLowerCase() === p.c,
+            [W, P, S] = Object(h.a)();
+      return n.a.createElement(g.a, {
+        className: v,
+        content: n.a.createElement("div", {
+          className: m.wrap
+        }, n.a.createElement(l.a, {
+          className: m.icon,
+          icon: i
+        }), n.a.createElement("div", {
+          className: m.colorBg
+        }, n.a.createElement("div", {
+          className: r()(m.color, C && m.multicolor, x && m.white),
+          style: C ? void 0 : {
+            backgroundColor: w
+          }
+        }))),
+        arrow: !1,
+        title: b,
+        ref: f,
+        "data-name": t["data-name"],
+        menuDataName: t["data-name"] + "-menu"
+      }, n.a.createElement(u.a, {
+        color: T(),
+        opacity: y,
+        onColorChange: function onColorChange(t, e) {
+          const i = w ? Object(d.alphaToTransparency)(Object(c.parseRgba)(w)[3]) : 0;
+          L(Object(d["generateColor"])(String(t), i, true)), e || Object(a.ensureNotNull)(f.current).close();
+        },
+        onOpacityChange: function onOpacityChange(t) {
+          L(Object(d.generateColor)(w, Object(d.alphaToTransparency)(t), !0));
+        },
+        selectOpacity: void 0 !== y,
+        selectCustom: !0,
+        customColors: W,
+        onAddColor: function onAddColor(t) {
+          P(t), Object(a.ensureNotNull)(f.current).close();
+        },
+        onRemoveCustomColor: S
+      }));
+
+      function T() {
+        return w ? Object(c.rgbToHexString)(Object(c.parseRgb)(w)) : null;
+      }
+
+      function L(t) {
+        s.setProperty(e, t, b);
+      }
+    }
+  },
+  Lnv9: function Lnv9(t, e) {
+    t.exports = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28" width="28" height="28" fill="currentColor"><rect width="18" height="2" rx="1" x="5" y="14"/><rect width="18" height="1" rx=".5" x="5" y="20"/><rect width="18" height="3" rx="1.5" x="5" y="7"/></svg>';
+  },
+  O5Oz: function O5Oz(t, e) {
+    t.exports = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 1" width="18" height="1"><rect width="18" height="1" fill="currentColor" rx=".5"/></svg>';
+  },
+  PwLo: function PwLo(t, e, i) {},
+  SAe1: function SAe1(t, e, i) {
+    "use strict";
+
+    i.d(e, "a", function () {
+      return r;
+    });
+    var o = i("q1tI"),
+        n = i("rzV7"),
+        s = i.n(n);
+
+    class r extends o.Component {
+      constructor(t) {
+        super(t), this._handleMediaChange = () => {
+          const t = l(this.state.queries, (t, e) => e.matches);
+          let e = !1;
+
+          for (const i in t) if (t.hasOwnProperty(i) && this.state.matches[i] !== t[i]) {
+            e = !0;
+            break;
+          }
+
+          e && this.setState({
+            matches: t
+          });
+        };
+        const {
+          rules: e
+        } = this.props;
+        this.state = a(e);
+      }
+
+      shouldComponentUpdate(t, e) {
+        return !s()(t, this.props) || !s()(e.rules, this.state.rules) || !s()(e.matches, this.state.matches);
+      }
+
+      componentDidMount() {
+        this._migrate(null, this.state.queries);
+      }
+
+      componentDidUpdate(t, e) {
+        s()(t.rules, this.props.rules) || this._migrate(e.queries, this.state.queries);
+      }
+
+      componentWillUnmount() {
+        this._migrate(this.state.queries, null);
+      }
+
+      render() {
+        return this.props.children(this.state.matches);
+      }
+
+      static getDerivedStateFromProps(t, e) {
+        if (s()(t.rules, e.rules)) return null;
+        const {
+          rules: i
+        } = t;
+        return a(i);
+      }
+
+      _migrate(t, e) {
+        null !== t && l(t, (t, e) => {
+          e.removeListener(this._handleMediaChange);
+        }), null !== e && l(e, (t, e) => {
+          e.addListener(this._handleMediaChange);
+        });
+      }
+
+    }
+
+    function a(t) {
+      const e = l(t, (t, e) => window.matchMedia(e));
+      return {
+        queries: e,
+        matches: l(e, (t, e) => e.matches),
+        rules: _objectSpread({}, t)
+      };
+    }
+
+    function l(t, e) {
+      const i = {};
+
+      for (const o in t) t.hasOwnProperty(o) && (i[o] = e(o, t[o]));
+
+      return i;
+    }
+  },
+  UXdH: function UXdH(t, e) {
+    t.exports = '<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"><path fill="currentColor" d="M4 13h5v1H4v-1zM12 13h5v1h-5v-1zM20 13h5v1h-5v-1z"/></svg>';
+  },
+  Ve4Q: function Ve4Q(t, e, i) {
+    "use strict";
+
+    i.r(e);
+
+    var o = i("q1tI"),
+        n = i.n(o),
+        s = i("i8i4"),
+        r = i.n(s),
+        a = i("YFKU"),
+        l = i("Kxc7"),
+        c = i("hY0g"),
+        d = i.n(c),
+        h = i("ogJP"),
+        u = i("CW80"),
+        p = i("mMWL"),
+        g = i("j3hX"),
+        _ = i("Eyy1"),
+        m = i("tc+8"),
+        b = i.n(m);
+
+    class v extends b.a {
+      constructor(t, e, i) {
+        super(), this._listenersMappers = [], this._isProcess = !1, this._baseProperty = t, this._undoModel = e, this._undoText = i;
+      }
+
+      destroy() {
+        this._baseProperty.destroy();
+      }
+
+      value() {
+        return this._baseProperty.value();
+      }
+
+      setValue(t) {
+        this._isProcess = !0, this._baseProperty.setValue(t, void 0, {
+          applyValue: (t, e) => this._undoModel.setProperty(t, e, this._undoText)
+        }), this._isProcess = !1, this._listenersMappers.forEach(t => {
+          t.method.call(t.obj, this);
+        });
+      }
+
+      subscribe(t, e) {
+        const i = i => {
+          this._isProcess || e.call(t, this);
+        },
+              o = {
+          obj: t,
+          method: e,
+          callback: i
+        };
+
+        this._listenersMappers.push(o), this._baseProperty.subscribe(t, i);
+      }
+
+      unsubscribe(t, e) {
+        var i;
+        const o = Object(_.ensureDefined)(null === (i = this._listenersMappers.find(i => i.obj === t && i.method === e)) || void 0 === i ? void 0 : i.callback);
+
+        this._baseProperty.unsubscribe(t, o);
+      }
+
+      unsubscribeAll(t) {
+        this._baseProperty.unsubscribeAll(t);
+      }
+
+    }
+
+    var w = i("turx"),
+        f = i("SAe1"),
+        y = i("0ZwQ"),
+        C = i("uhCe");
+    const x = y.a + "__button";
+
+    function W(t) {
+      const {
+        templateButton: e,
+        propertyButtons: i,
+        commonButtons: o,
+        isDrawingFinished: s,
+        activeChartWidget: r
+      } = t,
+            a = r.hasModel() && r.model().selection().dataSources();
+      return a && a.length ? n.a.createElement(f.a, {
+        rules: {
+          isSmallWidth: C.a.TabletSmall,
+          isSmallHeight: "screen and (max-height: 428px)"
+        }
+      }, _ref => {
+        let {
+          isSmallWidth: t,
+          isSmallHeight: e
+        } = _ref;
+        return n.a.createElement(n.a.Fragment, null, l(), s && n.a.createElement(n.a.Fragment, null, Boolean(i.length) && i.map((i, o) => n.a.createElement(i.component, _objectSpread(_objectSpread({}, i.props), {}, {
+          key: "".concat(i.props.title, "_").concat(o),
+          className: x,
+          isSmallScreen: t || e
+        }))), Boolean(o.length) && o.map((i, o) => {
+          const s = t || e;
+          return s ? i.showForSmallScreen ? n.a.createElement(i.component, _objectSpread(_objectSpread({}, i.props), {}, {
+            isSmallScreen: s,
+            key: "".concat(i.props.title, "_").concat(o),
+            className: x
+          })) : null : n.a.createElement(i.component, _objectSpread(_objectSpread({}, i.props), {}, {
+            key: "".concat(i.props.title, "_").concat(o),
+            className: x
+          }));
+        })));
+      }) : l();
+
+      function l() {
+        return null === e ? null : n.a.createElement(e.component, _objectSpread(_objectSpread({}, e.props), {}, {
+          isDrawingFinished: s,
+          className: x
+        }));
+      }
+    }
+
+    var P = i("JWMC"),
+        S = i("p0W+"),
+        T = i("Xxuz");
+
+    function L(t) {
+      const {
+        title: e,
+        activeChartWidget: i,
+        className: o
+      } = t;
+      return n.a.createElement(S.a, {
+        className: o,
+        icon: T,
+        title: e,
+        onClick: function onClick() {
+          Object(P.trackEvent)("GUI", "Context action on drawings", "Settings"), i.showChartPropertiesForSource(i.model().selection().lineDataSources()[0], void 0, {
+            onWidget: i.onWidget()
+          });
+        },
+        "data-name": "settings"
+      });
+    }
+
+    var E = i("5hRh"),
+        B = i("TSYQ"),
+        k = i("4rU7"),
+        O = i("ucyy");
+
+    function V(t) {
+      const {
+        className: e
+      } = t,
+            i = _objectWithoutProperties(t, _excluded);
+
+      return n.a.createElement(k.a, _objectSpread({
+        className: B(e, O.button),
+        tooltipPosition: "horizontal"
+      }, i));
+    }
+
+    var I = i("43BO"),
+        M = i("Uh5y");
+
+    function R(t) {
+      const {
+        activeChartWidget: e,
+        className: i
+      } = t,
+            o = e.model().selection().lineDataSources()[0].properties().frozen,
+            s = Object(E.a)(o),
+            r = s ? {
+        title: Object(a.t)("Unlock"),
+        icon: I
+      } : {
+        title: Object(a.t)("Lock"),
+        icon: M
+      };
+      return n.a.createElement(V, _objectSpread({
+        className: i,
+        isActive: Boolean(s),
+        onClick: function onClick() {
+          Object(P.trackEvent)("GUI", "Context action on drawings", "Lock"), e.toggleLockSelectedObject();
+        },
+        "data-name": Boolean(s) ? "unlock" : "lock"
+      }, r));
+    }
+
+    var N = i("aVjL");
+
+    function j(t) {
+      const {
+        title: e,
+        activeChartWidget: i,
+        className: o
+      } = t;
+      return n.a.createElement(S.a, {
+        className: o,
+        icon: N,
+        title: e,
+        "data-name": "remove",
+        onClick: function onClick() {
+          Object(P.trackEvent)("GUI", "Context action on drawings", "Remove"), i.removeSelectedSources();
+        }
+      });
+    }
+
+    var F = i("Iivm"),
+        A = i("8+VR"),
+        D = i("/3z9"),
+        z = i("lxNp"),
+        H = i("82wv"),
+        U = i("IAAr"),
+        G = i("7KDR"),
+        Q = i("ycI/"),
+        q = i("5VQP"),
+        K = i("HZKX"),
+        Y = i("HWhk"),
+        Z = i("9dnG"),
+        $ = i("dmHa");
+
+    function X(t) {
+      const {
+        title: e,
+        activeChartWidget: s,
+        isSmallScreen: r,
+        className: l
+      } = t,
+            c = s.model(),
+            d = c.selection().lineDataSources(),
+            [h, u] = Object(o.useState)([]),
+            p = Object(o.useRef)(null),
+            g = Object(o.useMemo)(() => new K.ActionsProvider(s), [s]);
+      return n.a.createElement(n.a.Fragment, null, n.a.createElement(Q.a, {
+        keyCode: 27,
+        eventType: "keyup",
+        handler: function handler() {
+          Object(_.ensureNotNull)(p.current).close();
+        }
+      }), n.a.createElement(H.a, {
+        className: l,
+        ref: p,
+        arrow: !1,
+        onOpen: r ? void 0 : function () {
+          const t = [new G.Action({
+            label: Object(a.t)("Visual order"),
+            icon: Z,
+            subItems: m(),
+            name: "visual-order"
+          })],
+                e = function () {
+            const t = [],
+                  e = D.isMacKeyboard ? " +" : "",
+                  o = d.filter(t => t.cloneable());
+            o.length > 0 && t.push(new G.Action({
+              name: "clone",
+              icon: i("+KIV"),
+              shortcutHint: D.humanReadableModifiers(z.Modifiers.Mod) + e + " Drag",
+              label: Object(a.t)("Clone"),
+              onExecute: () => {
+                c.cloneLineTools(o, !1), Object(P.trackEvent)("GUI", "Context action on drawings", "Clone");
+              }
+            }));
+            const n = d.filter(t => t.copiable());
+
+            if (n.length > 0) {
+              const i = {
+                name: "copy",
+                label: Object(a.t)("Copy"),
+                shortcutHint: D.humanReadableModifiers(z.Modifiers.Mod) + e + " C",
+                onExecute: () => {
+                  s.chartWidgetCollection().clipboard.uiRequestCopy(n);
+                }
+              };
+              t.push(new G.Action(i, "Copy"));
+            }
+
+            if (!function () {
+              if (!(null == s ? void 0 : s.isMultipleLayout())) return !1;
+              return d.some(t => t.isSynchronizable());
+            }()) return t;
+            d.filter(t => !!t.linkKey().value()).length ? t.push(new G.Action({
+              name: "stop-sync",
+              label: Object(a.t)("Stop syncing"),
+              onExecute: () => {
+                c.unlinkLines && c.unlinkLines(d);
+              }
+            })) : t.push(new G.Action({
+              name: "sync",
+              label: Object(a.t)("Sync to all charts"),
+              onExecute: () => {
+                c.copyToOtherCharts(d);
+              }
+            }));
+            return t;
+          }();
+
+          e.length && t.push(new G.Separator(), ...e);
+          t.push(new G.Separator(), new G.Action({
+            label: Object(a.t)("Hide"),
+            icon: $,
+            onExecute: () => {
+              s.hideSelectedObject();
+            },
+            name: "hide"
+          })), u(J(t));
+        },
+        onClick: r ? function (t) {
+          g.contextMenuActionsForSources(d).then(e => {
+            window.matchMedia(C.a.TabletSmall).matches ? q.ContextMenuManager.createMenu(J(e), {
+              mode: "drawer",
+              "data-name": "more-menu"
+            }).then(e => e.show(t)) : u(J(e));
+          });
+        } : void 0,
+        title: e,
+        content: n.a.createElement(F.a, {
+          icon: Y
+        }),
+        "data-name": "more",
+        menuDataName: "more-menu"
+      }, n.a.createElement(U.a, {
+        parentIsOpened: !0,
+        items: h
+      })));
+
+      function m() {
+        const t = [],
+              e = c.availableZOrderOperations(d),
+              i = new G.Action({
+          name: "bring-to-front",
+          label: Object(a.t)("Bring to Front"),
+          onExecute: () => {
+            c.bringToFront(d);
+          },
+          disabled: 1 === d.length && !e.bringToFrontEnabled
+        }),
+              o = new G.Action({
+          name: "send-to-back",
+          label: Object(a.t)("Send to Back"),
+          onExecute: () => {
+            c.sendToBack(d);
+          },
+          disabled: 1 === d.length && !e.sendToBackEnabled
+        }),
+              n = new G.Action({
+          name: "bring-forward",
+          label: Object(a.t)("Bring Forward"),
+          onExecute: () => {
+            c.bringForward(d);
+          },
+          disabled: 1 === d.length && !e.bringForwardEnabled
+        }),
+              s = new G.Action({
+          name: "send-backward",
+          label: Object(a.t)("Send Backward"),
+          onExecute: () => {
+            c.sendBackward(d);
+          },
+          disabled: 1 === d.length && !e.sendBackwardEnabled
+        });
+        return t.push(i, o, n, s), t;
+      }
+    }
+
+    function J(t) {
+      return A.touch && !window.matchMedia("(pointer:fine)").matches ? t.filter(t => "Copy" !== t.id) : t;
+    }
+
+    var tt = i("972a"),
+        et = i("bQEj"),
+        it = i("UXdH"),
+        ot = i("ZSM+");
+
+    function nt(t) {
+      const {
+        property: e,
+        model: i,
+        title: s,
+        className: r
+      } = t,
+            l = Object(E.a)(e),
+            c = Object(o.useMemo)(() => [new G.Action({
+        icon: et,
+        label: Object(a.t)("Line"),
+        active: tt.b.Solid === l,
+        onExecute: () => i.setProperty(e, tt.b.Solid, s)
+      }), new G.Action({
+        icon: it,
+        label: Object(a.t)("Dashed line"),
+        active: tt.b.Dashed === l,
+        onExecute: () => i.setProperty(e, tt.b.Dashed, s)
+      }), new G.Action({
+        icon: ot,
+        label: Object(a.t)("Dotted line"),
+        active: tt.b.Dotted === l,
+        onExecute: () => i.setProperty(e, tt.b.Dotted, s)
+      })], [i, e, l]);
+      return n.a.createElement(H.a, {
+        className: r,
+        arrow: !1,
+        content: n.a.createElement(F.a, {
+          icon: st(l)
+        }),
+        title: s,
+        "data-name": t["data-name"],
+        menuDataName: t["data-name"] + "-menu"
+      }, n.a.createElement(U.a, {
+        items: c
+      }));
+    }
+
+    function st(t) {
+      switch (t) {
+        case tt.b.Solid:
+          return et;
+
+        case tt.b.Dashed:
+          return it;
+
+        case tt.b.Dotted:
+          return ot;
+
+        default:
+          return "";
+      }
+    }
+
+    const rt = [10, 11, 12, 14, 16, 20, 24, 28, 32, 40];
+
+    function at(t) {
+      const {
+        property: e,
+        model: i,
+        title: o,
+        className: s
+      } = t,
+            r = Object(E.a)(e),
+            a = rt.map(t => new G.Action({
+        label: t.toString(),
+        onExecute: () => i.setProperty(e, t, o),
+        active: t === r
+      }));
+      return n.a.createElement(H.a, {
+        arrow: !1,
+        content: r,
+        className: s,
+        title: o,
+        "data-name": t["data-name"],
+        menuDataName: t["data-name"] + "-menu"
+      }, n.a.createElement(U.a, {
+        items: a
+      }));
+    }
+
+    var lt = i("aIyQ"),
+        ct = i.n(lt);
+    i("m/4m"), i("ADFN");
+
+    class dt extends y.b {
+      constructor(t) {
+        super(dt._prepareOptions(t)), this._onWidgetStateChangedDelegate = new ct.a(), this._statedWidgets = [], this._currentPopup = null, this._onWindowClickedListener = this._onWindowClicked.bind(this);
+      }
+
+      show() {
+        super.show(), document.addEventListener("mousedown", this._onWindowClickedListener);
+      }
+
+      hide(t) {
+        super.hide(t), document.removeEventListener("mousedown", this._onWindowClickedListener);
+      }
+
+      destroy() {
+        this._closePopup(), super.destroy();
+      }
+
+      addGroupedWidget(t) {
+        let e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+        Object(_.assert)(t.states.length > 0 && -1 !== dt._getStateIndexById(t, t.currentStateId), "Argument is invalid (count: ".concat(t.states.length, ", state: ").concat(t.currentStateId, ")"));
+        const i = document.createElement("div");
+        i.className = "tv-grouped-floating-toolbar__widget-wrapper apply-common-tooltip", t.widgetAddClass && i.classList.add(t.widgetAddClass), i.setAttribute("title", t.tooltip);
+
+        const o = {
+          isEnabled: !0,
+          statedWidget: t,
+          toolbarWidget: i
+        },
+              n = this._onWidgetClicked.bind(this, o);
+
+        o.clickListener = n, i.addEventListener("click", n), this._updateWidgetPreview(o), this.addWidget(i, e), this._statedWidgets.push(o);
+      }
+
+      findGroupedWidget(t) {
+        const e = this._statedWidgets.length;
+
+        for (let i = 0; i < e; ++i) {
+          if (this._statedWidgets[i].statedWidget.id === t) return i;
+        }
+
+        return -1;
+      }
+
+      removeGroupedWidget(t) {
+        const e = this._statedWidgets.length;
+
+        for (let i = 0; i < e; ++i) {
+          const e = this._statedWidgets[i];
+          if (e.statedWidget.id === t) return this._isPopupCreatedForWidget(t) && this._closePopup(), void 0 !== e.clickListener && e.toolbarWidget.removeEventListener("click", e.clickListener), this.removeWidget(e.toolbarWidget), this._statedWidgets.splice(i, 1), void this._updatePopupPosition();
+        }
+
+        Object(_.assert)(!1, "Unknown groupId(".concat(t, ")"));
+      }
+
+      updateGroupedWidget(t, e) {
+        this._closePopup();
+
+        const i = this._ensuredGetWidgetDataForId(t);
+
+        i.statedWidget.currentStateId = e.currentStateId, i.statedWidget.states = e.states, this._updateWidgetPreview(i);
+      }
+
+      setGroupedWidgetEnabled(t, e) {
+        const i = this._ensuredGetWidgetDataForId(t);
+
+        i.isEnabled = e, i.toolbarWidget.classList.toggle("i-disabled", !e);
+      }
+
+      setGroupedWidgetState(t, e) {
+        const i = this._ensuredGetWidgetDataForId(t);
+
+        Object(_.assert)(-1 !== dt._getStateIndexById(i.statedWidget, e), "Unknown stateId (".concat(e, ")")), i.statedWidget.currentStateId = e, this._updateSubWidgetsState(i.statedWidget), this._updateWidgetPreview(i);
+      }
+
+      onWidgetStateChanged() {
+        return this._onWidgetStateChangedDelegate;
+      }
+
+      _onVerticalChanged(t, e) {
+        this._updatePopupPosition();
+      }
+
+      _ensuredGetWidgetDataForId(t) {
+        for (const e of this._statedWidgets) if (e.statedWidget.id === t) return e;
+
+        throw new Error("Unknown groupId(".concat(t, ")"));
+      }
+
+      _onWidgetClicked(t, e) {
+        const i = this._currentPopup && this._isPopupCreatedForWidget(t.statedWidget.id);
+
+        this._closePopup(), !i && t.isEnabled && this._createPopup(t);
+      }
+
+      _createPopup(t) {
+        const e = {
+          createdFor: t.toolbarWidget,
+          element: document.createElement("div"),
+          stateWidgetId: t.statedWidget.id,
+          widgets: []
+        };
+        e.element.className += "tv-grouped-floating-toolbar__popup js-popup";
+        const i = t.statedWidget.states.length;
+        t.statedWidget.states.forEach((o, n) => {
+          const s = this._createSubWidget(t, o),
+                r = this._onSubWidgetClicked.bind(this, t, o.id);
+
+          s.addEventListener("click", r), e.widgets.push({
+            clickListener: r,
+            stateWidget: o,
+            widget: s
+          }), s.classList.add("tv-grouped-floating-toolbar__sub-widget--slide-right-" + n), s.classList.add("tv-grouped-floating-toolbar__sub-widget--slide-left-" + (i - n + 1)), o.readonly || e.element.appendChild(s);
+        }), this._currentPopup = e, this._updateSubWidgetsState(t.statedWidget), t.toolbarWidget.classList.add("i-dropped"), this._getWidget().appendChild(this._currentPopup.element), Promise.resolve().then(() => {
+          this._currentPopup && this._currentPopup.element.classList.add("i-opened");
+        }), this._updatePopupPosition();
+      }
+
+      _closePopup() {
+        if (this._statedWidgets.forEach(t => {
+          t.toolbarWidget.classList.remove("i-dropped");
+        }), !this._currentPopup) return;
+        const t = this._currentPopup.widgets,
+              e = this._currentPopup.element;
+        this._currentPopup = null, t.forEach(t => {
+          t.widget.removeEventListener("click", t.clickListener);
+        }), e.classList.remove("i-opened"), e.addEventListener("transitionend", t => {
+          t.target === e && this._getWidget().removeChild(e);
+        });
+      }
+
+      _updateWidgetPreview(t) {
+        const e = dt._getStateIndexById(t.statedWidget, t.statedWidget.currentStateId);
+
+        Object(_.assert)(-1 !== e, "Unknown state id: " + t.statedWidget.currentStateId);
+        const i = t.statedWidget.states[e].widget.cloneNode(!0);
+        t.toolbarWidget.firstChild ? t.toolbarWidget.replaceChild(i, t.toolbarWidget.firstChild) : (t.toolbarWidget.appendChild(i), t.toolbarWidget.appendChild(dt._createCaret()));
+      }
+
+      _updateSubWidgetsState(t) {
+        this._currentPopup && this._isPopupCreatedForWidget(t.id) && this._currentPopup.widgets.forEach(e => {
+          e.widget.classList.toggle(dt._activeSubWidgetClass, e.stateWidget.id === t.currentStateId);
+        });
+      }
+
+      _updatePopupPosition() {
+        if (!this._currentPopup) return;
+
+        const t = this._currentPopup.createdFor,
+              e = this._getWidget().getBoundingClientRect(),
+              i = this._findWrapperForWidget(t);
+
+        if (!i || !this._currentPopup) throw new Error("Toolbar has no wrapper for preview's widget or there is no popup");
+
+        const o = i.getBoundingClientRect(),
+              n = this._currentPopup.element.getBoundingClientRect(),
+              s = this._currentPopup.element;
+
+        if (this.isVertical()) s.classList.remove("tv-grouped-floating-toolbar__popup--at-top"), s.style.top = o.top - e.top + 1 + "px", s.style.left = "", e.left > window.innerWidth - e.right ? s.classList.add("tv-grouped-floating-toolbar__popup--at-left") : s.classList.remove("tv-grouped-floating-toolbar__popup--at-left");else {
+          s.classList.remove("tv-grouped-floating-toolbar__popup--at-left");
+          let t = 0;
+          o.left + n.width > window.innerWidth ? e.left + n.width > window.innerWidth && (t = e.width - n.width) : t = o.left - e.left + 1, s.style.left = t + "px", e.bottom + n.height > window.innerHeight ? s.classList.add("tv-grouped-floating-toolbar__popup--at-top") : (s.classList.remove("tv-grouped-floating-toolbar__popup--at-top"), s.style.top = "");
+        }
+      }
+
+      _isPopupCreatedForWidget(t) {
+        return Boolean(this._currentPopup && this._currentPopup.stateWidgetId === t);
+      }
+
+      _createSubWidget(t, e) {
+        const i = document.createElement("div");
+        return i.className += "tv-grouped-floating-toolbar__sub-widget", t.statedWidget.stateWidgetAddClass && i.classList.add(t.statedWidget.stateWidgetAddClass), i.appendChild(e.widget), i;
+      }
+
+      _onSubWidgetClicked(t, e) {
+        this._closePopup(), t.statedWidget.currentStateId !== e && (this.setGroupedWidgetState(t.statedWidget.id, e), this._onWidgetStateChangedDelegate.fire(t.statedWidget.id, e));
+      }
+
+      _onWindowClicked(t) {
+        if (this.isVisible() && this._currentPopup && !dt._isEventInElement(t, this._currentPopup.element)) {
+          for (let e = 0; e < this._statedWidgets.length; ++e) if (dt._isEventInElement(t, this._statedWidgets[e].toolbarWidget)) return;
+
+          this._closePopup();
+        }
+      }
+
+      static _getStateIndexById(t, e) {
+        for (let i = 0; i < t.states.length; ++i) if (t.states[i].id === e) return i;
+
+        return -1;
+      }
+
+      static _createCaret() {
+        const t = document.createElement("div");
+        return t.className = "tv-caret tv-caret--small tv-caret--colored tv-grouped-floating-toolbar__caret", t;
+      }
+
+      static _prepareOptions(t) {
+        return t.addClass ? t.addClass += " tv-grouped-floating-toolbar" : t.addClass = " tv-grouped-floating-toolbar", t;
+      }
+
+      static _isEventInElement(t, e) {
+        return t.target === e || e.contains(t.target);
+      }
+
+    }
+
+    dt._activeSubWidgetClass = "tv-grouped-floating-toolbar__sub-widget--current";
+    var ht = i("yMne"),
+        ut = i("GxN8");
+    i.d(e, "LineToolPropertiesWidgetBase", function () {
+      return pt;
+    });
+
+    class pt {
+      constructor(t) {
+        this._isDrawingFinished = new d.a(!0), this._currentTool = null, this._updateVisibilityTimeout = null, this._lineWidthsProperty = null, this._lineColorsProperty = null, this._currentProperties = null, this._container = null, this._toolbarRendered = !1, this._templatesButton = null, this._propertyButtons = [], this._commonButtons = [], this._handleSourceEdit = t => {
+          p.isDirectionalMovementActive.value() || (t ? this._floatingToolbar.hide(!0) : this._toolbarRendered && this._floatingToolbar.show());
+        }, this._chartWidgetCollection = t, this._floatingToolbar = new dt({
+          defaultPosition: {
+            top: ht.b + 15,
+            left: window.innerWidth / 2
+          },
+          positionSettingsKey: "properties_toolbar.position",
+          positionStorageType: "device",
+          layout: "horizontal",
+          "data-name": "drawing-toolbar"
+        }), this._container = this._floatingToolbar.getReactWidgetContainer(), p.isToolMovingNow.subscribe(this._handleSourceEdit), p.isToolEditingNow.subscribe(this._handleSourceEdit);
+      }
+
+      activeChartWidget() {
+        return this._chartWidgetCollection.activeChartWidget.value();
+      }
+
+      selectedSources() {
+        return this._chartWidgetCollection.selectedSources.value();
+      }
+
+      hide() {
+        this._updateVisibilityTimeout && clearTimeout(this._updateVisibilityTimeout), this._updateVisibilityTimeout = setTimeout(() => {
+          Object(u.unsetNewToolProperties)(), this._floatingToolbar.hide(!0), this._isToolbarRendered() && this._unmountToolbar(), this._clearProperties(), this._clearCommonButtons();
+        }, 0);
+      }
+
+      _clearProperties() {
+        this._clearPropertyButtons(), this._lineWidthsProperty && (this._lineWidthsProperty.destroy(), this._lineWidthsProperty = null), this._lineColorsProperty && (this._lineColorsProperty.destroy(), this._lineColorsProperty = null), this._currentProperties && (this._currentProperties = null);
+      }
+
+      _show() {
+        this._updateVisibilityTimeout && clearTimeout(this._updateVisibilityTimeout), this._updateVisibilityTimeout = setTimeout(() => {
+          this._renderToolbar(), this._floatingToolbar.show(), this._floatingToolbar.checkPosition();
+        }, 0);
+      }
+
+      _addPropertyButton(t) {
+        this._propertyButtons.push(t), this._renderToolbar();
+      }
+
+      _addCommonButton(t) {
+        this._commonButtons.push(t), this._renderToolbar();
+      }
+
+      _addTemplatesButton(t) {
+        this._templatesButton = t;
+      }
+
+      _renderToolbar() {
+        null !== this._container && this.activeChartWidget() && this.activeChartWidget().hasModel() && (r.a.render(n.a.createElement(W, {
+          templateButton: this._templatesButton,
+          propertyButtons: this._propertyButtons,
+          commonButtons: this._commonButtons,
+          isDrawingFinished: this._isDrawingFinished.value(),
+          activeChartWidget: this.activeChartWidget()
+        }), this._container), this._toolbarRendered = !0);
+      }
+
+      _unmountToolbar() {
+        null !== this._container && (r.a.unmountComponentAtNode(this._container), this._toolbarRendered = !1);
+      }
+
+      _clearTemplatesButton() {
+        this._templatesButton = null;
+      }
+
+      _clearPropertyButtons() {
+        this._propertyButtons = [];
+      }
+
+      _clearCommonButtons() {
+        this._commonButtons = [];
+      }
+
+      _isToolbarRendered() {
+        return this._toolbarRendered;
+      }
+
+      _createSettingsButton() {
+        if (this.selectedSources().length > 1) return;
+        const t = {
+          component: L,
+          props: {
+            title: Object(a.t)("Settings"),
+            activeChartWidget: this.activeChartWidget()
+          }
+        };
+
+        this._addCommonButton(t);
+      }
+
+      _createLockButton() {
+        const t = {
+          component: R,
+          props: {
+            title: "Lock",
+            activeChartWidget: this.activeChartWidget()
+          }
+        };
+
+        this._addCommonButton(t);
+      }
+
+      _createRemoveButton() {
+        const t = {
+          component: j,
+          props: {
+            title: Object(a.t)("Remove"),
+            activeChartWidget: this.activeChartWidget()
+          },
+          showForSmallScreen: !0
+        };
+
+        this._addCommonButton(t);
+      }
+
+      _createDotsButton() {
+        this._addCommonButton({
+          component: X,
+          props: {
+            title: Object(a.t)("More"),
+            activeChartWidget: this.activeChartWidget()
+          },
+          showForSmallScreen: !0
+        });
+      }
+
+      _createAlertButton() {}
+
+      _createSourceActions() {
+        this._createLockButton();
+      }
+
+      _createLineStyleButton(t) {
+        const e = this.selectedSources();
+        if (0 === e.length) return !1;
+        const i = e[0];
+        if (!Object(ut.a)(i)) return !1;
+        const o = {
+          component: nt,
+          props: {
+            property: i.properties().linestyle || t,
+            title: Object(a.t)("Style"),
+            model: this.activeChartWidget().model(),
+            "data-name": "style"
+          }
+        };
+        return this._addPropertyButton(o), !0;
+      }
+
+      _createFontSizeButton(t) {
+        const e = this.selectedSources();
+        if (0 === e.length) return !1;
+        const i = e[0];
+        if (!Object(ut.a)(i)) return !1;
+        const o = {
+          component: at,
+          props: {
+            property: i.properties().fontsize || t,
+            title: Object(a.t)("Font Size"),
+            model: this.activeChartWidget().model(),
+            "data-name": "font-size"
+          }
+        };
+        return this._addPropertyButton(o), !0;
+      }
+
+      _createCommonButtons() {
+        this._commonButtons.length && this._clearCommonButtons(), l.enabled("property_pages") && this._createSettingsButton(), this._createSourceActions(), this._createRemoveButton(), this._createDotsButton();
+      }
+
+      _prepareProperties(t) {
+        const e = this.selectedSources().filter(e => Object(u.isLineTool)(e) && e.properties()[t]);
+        if (!(e.filter(e => e.properties()[t].visible()).length < 1)) return e.map(e => e.properties()[t]).filter(h.notNull);
+      }
+
+      _createProperty(t, e, i, o) {
+        if (e) {
+          const t = this._prepareProperties(i);
+
+          if (!t) return;
+          const e = this.activeChartWidget().model();
+          return this._isWidthProperty(t[0]) ? new v(new g.MultipleLineWidthsProperty(t), e, o) : new w.b(new g.MultipleLineColorsProperty(t), e, o);
+        }
+
+        if (t && t.visible()) return this._isWidthProperty(t) ? new g.MultipleLineWidthsProperty([t]) : new w.a(new g.MultipleLineColorsProperty([t]));
+      }
+
+      _shouldShowBackgroundProperty(t, e) {
+        return !e || !e.fillBackground || !!e.fillBackground.value();
+      }
+
+      _isDrawingToolExcludingTweet(t) {
+        return Boolean(null == t ? void 0 : t.toLowerCase().includes("linetool")) && "LineToolTweet" !== t;
+      }
+
+      _isWidthProperty(t) {
+        return t instanceof g.LineToolWidthsProperty;
+      }
+
+    }
+  },
+  "W0/v": function W0V(t, e) {
+    t.exports = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17" width="17" height="17" fill="none"><path stroke="currentColor" d="M1.5 11.5l-.7.7a1 1 0 0 0-.3.71v3.59h3.59a1 1 0 0 0 .7-.3l.71-.7m-4-4l9-9m-9 9l2 2m2 2l9-9m-9 9l-2-2m11-7l1.3-1.3a1 1 0 0 0 0-1.4l-2.6-2.6a1 1 0 0 0-1.4 0l-1.3 1.3m4 4l-4-4m-7 11l9-9"/></svg>';
+  },
+  X1vi: function X1vi(t, e, i) {
+    t.exports = {
+      wrap: "wrap-2EG6_6QR",
+      icon: "icon-2EG6_6QR",
+      colorBg: "colorBg-2EG6_6QR",
+      color: "color-2EG6_6QR",
+      multicolor: "multicolor-2EG6_6QR",
+      white: "white-2EG6_6QR"
+    };
+  },
+  Xxuz: function Xxuz(t, e) {
+    t.exports = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28" width="28" height="28" fill="none"><path fill="currentcolor" fill-rule="evenodd" clip-rule="evenodd" d="M13 5.5c0-.28.22-.5.5-.5h1c.28 0 .5.22.5.5V7.05l.4.09c.9.18 1.73.53 2.46 1.02l.34.23.29-.3.81-.8c.2-.2.52-.2.71 0l.7.7.36-.35-.35.35c.2.2.2.51 0 .7l-.82.82-.29.29.23.34c.49.73.84 1.57 1.02 2.46l.08.4H22.5c.28 0 .5.22.5.5v1a.5.5 0 0 1-.5.5H20.95l-.09.4c-.18.9-.53 1.73-1.02 2.46l-.23.34.3.29.8.81c.2.2.2.52 0 .71l-.7.7a.5.5 0 0 1-.7 0l-.82-.8-.29-.3-.34.23c-.73.49-1.57.84-2.46 1.02l-.4.08V22.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V20.95l-.4-.09a6.96 6.96 0 0 1-2.46-1.02l-.34-.23-.29.3-.81.8.35.36-.35-.35a.5.5 0 0 1-.71 0l-.7-.71a.5.5 0 0 1 0-.7l-.36-.36.35.35.82-.81.29-.29-.23-.34a6.96 6.96 0 0 1-1.02-2.46l-.08-.4H5.5a.5.5 0 0 1-.5-.5v-1c0-.28.22-.5.5-.5H7.05l.09-.4c.18-.9.53-1.73 1.02-2.46l.23-.34-.3-.29-.8-.81a.5.5 0 0 1 0-.71l.7-.7c.2-.2.51-.2.7 0l.82.8.29.3.34-.23a6.96 6.96 0 0 1 2.46-1.02l.4-.08V5.5zm.5-1.5c-.83 0-1.5.67-1.5 1.5v.75c-.73.2-1.43.48-2.06.86l-.54-.53a1.5 1.5 0 0 0-2.12 0l-.7.7a1.5 1.5 0 0 0 0 2.12l.53.54A7.95 7.95 0 0 0 6.25 12H5.5c-.83 0-1.5.67-1.5 1.5v1c0 .83.67 1.5 1.5 1.5h.75c.2.73.48 1.43.86 2.06l-.53.54a1.5 1.5 0 0 0 0 2.12l.7.7a1.5 1.5 0 0 0 2.12 0l.54-.53c.63.38 1.33.67 2.06.86v.75c0 .83.67 1.5 1.5 1.5h1c.83 0 1.5-.67 1.5-1.5v-.75a7.95 7.95 0 0 0 2.06-.86l.54.53a1.5 1.5 0 0 0 2.12 0l.7-.7a1.5 1.5 0 0 0 0-2.12l-.53-.54c.38-.63.67-1.33.86-2.06h.75c.83 0 1.5-.67 1.5-1.5v-1c0-.83-.67-1.5-1.5-1.5h-.75a7.95 7.95 0 0 0-.86-2.06l.53-.54a1.5 1.5 0 0 0 0-2.12l-.7-.7a1.5 1.5 0 0 0-2.12 0l-.54.53A7.95 7.95 0 0 0 16 6.25V5.5c0-.83-.67-1.5-1.5-1.5h-1zM12 14a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm2-3a3 3 0 1 0 0 6 3 3 0 0 0 0-6z"/></svg>';
+  },
+  "ZSM+": function ZSM(t, e) {
+    t.exports = '<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor"><circle cx="9" cy="14" r="1"/><circle cx="4" cy="14" r="1"/><circle cx="14" cy="14" r="1"/><circle cx="19" cy="14" r="1"/><circle cx="24" cy="14" r="1"/></svg>';
+  },
+  ZWNO: function ZWNO(t, e, i) {
+    "use strict";
+
+    function o(t) {
+      let e = 0;
+      return t.isTop && t.isLeft || (e += 1), t.isTop && t.isRight || (e += 2), t.isBottom && t.isLeft || (e += 8), t.isBottom && t.isRight || (e += 4), e;
+    }
+
+    i.d(e, "a", function () {
+      return o;
+    });
+  },
+  bQEj: function bQEj(t, e) {
+    t.exports = '<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"><path stroke="currentColor" d="M4 13.5h20"/></svg>';
+  },
+  dRg2: function dRg2(t, e, i) {
+    t.exports = {
+      item: "item-3Te2Sp8a",
+      withIcon: "withIcon-3Te2Sp8a",
+      icon: "icon-3Te2Sp8a",
+      labelRow: "labelRow-3Te2Sp8a",
+      multiWidth: "multiWidth-3Te2Sp8a",
+      buttonWrap: "buttonWrap-3Te2Sp8a",
+      buttonLabel: "buttonLabel-3Te2Sp8a"
+    };
+  },
+  gmn6: function gmn6(t, e, i) {
+    "use strict";
+
+    i.r(e), i.d(e, "FavoriteDrawingToolbar", function () {
+      return g;
+    });
+    i("YFKU");
+    var o = i("0ZwQ"),
+        n = i("b2d7"),
+        s = i("8+VR"),
+        r = i("gWrr"),
+        a = i("7KDR"),
+        l = i("5VQP"),
+        c = i("mMWL"),
+        d = i("MP+M"),
+        h = i("Vdly"),
+        u = i("hY0g"),
+        p = i.n(u);
+    i("4QAy");
+
+    class g extends o.b {
+      constructor(t) {
+        super({
+          allowSortable: !s.mobiletouch,
+          dragOnlyInsideToolbar: !0,
+          defaultPosition: t,
+          positionSettingsKey: "chart.favoriteDrawingsPosition",
+          positionStorageType: "device"
+        }), this._linetoolsWidgets = {}, this._canBeShownValue = new p.a(!1), this._attachHandlers(), this._loadVisibilityState(), this._hideAction = this._createHideToolbarAction();
+      }
+
+      show() {
+        this._canBeShownValue.value() && (h.setValue("ChartFavoriteDrawingToolbarWidget.visible", !0), this.isVisible() || this._renderAllLinetools(), super.show());
+      }
+
+      hide() {
+        h.setValue("ChartFavoriteDrawingToolbarWidget.visible", !1), super.hide();
+      }
+
+      canBeShown() {
+        return this._canBeShownValue.readonly();
+      }
+
+      _onFavoriteAdded(t) {
+        this._canBeShownValue.setValue(!0), this.addWidget(this._createLinetoolWidget(t)), this.show();
+      }
+
+      _onFavoriteRemoved(t) {
+        this.removeWidget(this._linetoolsWidgets[t]), delete this._linetoolsWidgets[t], 0 === n.a.favoritesCount() && (this._canBeShownValue.setValue(!1), this.hide());
+      }
+
+      _onFavoriteMoved() {
+        this._renderAllLinetools();
+      }
+
+      _onSelectedLinetoolChanged(t) {
+        Object.keys(this._linetoolsWidgets).forEach(e => {
+          this._linetoolsWidgets[e].classList.toggle("i-active", t === e);
+        });
+      }
+
+      _createLinetoolWidget(t) {
+        const e = "<span class=\"tv-favorited-drawings-toolbar__widget ".concat(t === c.tool.value() ? "i-active" : "", "\" title=\"").concat(d.a[t].localizedName, "\">").concat(d.a[t].icon, "</span>"),
+              i = Object(r.b)(e);
+        return i.addEventListener("click", e => {
+          e.preventDefault(), c.tool.value() !== t && c.tool.setValue(t);
+        }), this._linetoolsWidgets[t] = i, i;
+      }
+
+      _renderAllLinetools() {
+        this._linetoolsWidgets = {}, this.removeWidgets(), n.a.favorites().filter(t => d.a[t]).forEach(t => {
+          this.addWidget(this._createLinetoolWidget(t));
+        });
+      }
+
+      _attachHandlers() {
+        n.a.favoriteAdded.subscribe(this, this._onFavoriteAdded), n.a.favoriteRemoved.subscribe(this, this._onFavoriteRemoved), n.a.favoriteMoved.subscribe(this, this._onFavoriteMoved), n.a.favoritesSynced.subscribe(null, () => {
+          this._loadVisibilityState(), this._renderAllLinetools();
+        }), this.onWidgetsReordered().subscribe(this, (t, e) => {
+          if (n.a.favoriteMoved.unsubscribe(this, this._onFavoriteMoved), !n.a.moveFavorite(n.a.favorite(t), e)) throw new Error("Something went wrong");
+          n.a.favoriteMoved.subscribe(this, this._onFavoriteMoved);
+        }), this.onContextMenu(t => {
+          t.preventDefault(), l.ContextMenuManager.createMenu([this._hideAction]).then(e => {
+            e.show(t);
+          });
+        }), c.tool.subscribe(this._onSelectedLinetoolChanged.bind(this));
+      }
+
+      _createHideToolbarAction() {
+        return new a.Action({
+          label: window.t("Hide Favorite Drawing Tools Toolbar"),
+          onExecute: () => {
+            this.hide();
+          }
+        });
+      }
+
+      _loadVisibilityState() {
+        const t = n.a.favoritesCount() > 0;
+
+        this._canBeShownValue.setValue(t);
+
+        h.getBool("ChartFavoriteDrawingToolbarWidget.visible", !0) && t ? this.show() : this.hide();
+      }
+
+    }
+  },
+  "m/4m": function m4m(t, e, i) {},
+  mQbF: function mQbF(t, e) {
+    t.exports = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 15" width="13" height="15" fill="none"><path stroke="currentColor" d="M4 14.5h2.5m2.5 0H6.5m0 0V.5m0 0h-5a1 1 0 0 0-1 1V4m6-3.5h5a1 1 0 0 1 1 1V4"/></svg>';
+  },
+  myiL: function myiL(t, e, i) {
+    "use strict";
+
+    i.r(e), i.d(e, "LineWidthButton", function () {
+      return f;
+    });
+
+    var o = i("q1tI"),
+        n = i.n(o),
+        s = i("TSYQ"),
+        r = i("Eyy1"),
+        a = i("Iivm"),
+        l = i("82wv"),
+        c = i("5hRh"),
+        d = i("N5tr"),
+        h = i("nPPD"),
+        u = i("O5Oz"),
+        p = i("xnr+"),
+        g = i("n3oB"),
+        _ = i("2F1E"),
+        m = i("Lnv9"),
+        b = i("dRg2");
+
+    const v = Object(h.a)(d.a, b),
+          w = [{
+      value: 1,
+      icon: u
+    }, {
+      value: 2,
+      icon: p
+    }, {
+      value: 3,
+      icon: g
+    }, {
+      value: 4,
+      icon: _
+    }];
+
+    function f(t) {
+      const {
+        multipleProperty: e,
+        title: i,
+        model: o,
+        className: h,
+        isSmallScreen: u
+      } = t,
+            p = Object(c.a)(Object(r.ensureDefined)(e)),
+            g = "mixed" === p || !p,
+            _ = function (t) {
+        const e = w.find(e => e.value === t);
+        if (!e) return m;
+        return e.icon;
+      }(p);
+
+      return n.a.createElement(l.a, {
+        className: h,
+        arrow: !1,
+        title: i,
+        "data-name": t["data-name"],
+        menuDataName: t["data-name"] + "-menu",
+        content: n.a.createElement("div", null, g ? n.a.createElement("div", {
+          className: b.multiWidth
+        }, n.a.createElement(a.a, {
+          icon: m
+        })) : n.a.createElement("div", {
+          className: b.buttonWrap
+        }, !u && n.a.createElement(a.a, {
+          icon: _
+        }), n.a.createElement("div", {
+          className: s(!u && b.buttonLabel)
+        }, p + "px")))
+      }, w.map(_ref2 => {
+        let {
+          value: t,
+          icon: e
+        } = _ref2;
+        return n.a.createElement(d.b, {
+          key: t,
+          theme: v,
+          label: t + "px",
+          icon: e,
+          isActive: t === p,
+          onClick: f,
+          onClickArg: t
+        });
+      }));
+
+      function f(t) {
+        t && e && (o.beginUndoMacro(i), e.setValue(t, void 0, {
+          applyValue: (t, e) => {
+            o.setProperty(t, e, i);
+          }
+        }), o.endUndoMacro());
+      }
+    }
+  },
+  n3oB: function n3oB(t, e) {
+    t.exports = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 3" width="18" height="3"><rect width="18" height="3" fill="currentColor" rx="1.5"/></svg>';
+  },
+  "p0W+": function p0W(t, e, i) {
+    "use strict";
+
+    i.d(e, "a", function () {
+      return a;
+    });
+    var o = i("q1tI"),
+        n = i("TSYQ"),
+        s = i("tU7i"),
+        r = i("EvtC");
+    const a = o.forwardRef((t, e) => {
+      const {
+        className: i
+      } = t,
+            a = _objectWithoutProperties(t, _excluded2);
+
+      return o.createElement(s.b, _objectSpread(_objectSpread({}, a), {}, {
+        ref: e,
+        className: n(i, r.button)
+      }));
+    });
+  },
+  qAO1: function qAO1(t, e) {
+    t.exports = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 12" width="8" height="12" fill="currentColor"><rect width="2" height="2" rx="1"/><rect width="2" height="2" rx="1" y="5"/><rect width="2" height="2" rx="1" y="10"/><rect width="2" height="2" rx="1" x="6"/><rect width="2" height="2" rx="1" x="6" y="5"/><rect width="2" height="2" rx="1" x="6" y="10"/></svg>';
+  },
+  rzV7: function rzV7(t, e, i) {
+    "use strict";
+
+    var o = Object.prototype.hasOwnProperty;
+
+    function n(t, e) {
+      return t === e ? 0 !== t || 0 !== e || 1 / t == 1 / e : t != t && e != e;
+    }
+
+    t.exports = function (t, e) {
+      if (n(t, e)) return !0;
+      if ("object" != typeof t || null === t || "object" != typeof e || null === e) return !1;
+      var i = Object.keys(t),
+          s = Object.keys(e);
+      if (i.length !== s.length) return !1;
+
+      for (var r = 0; r < i.length; r++) if (!o.call(e, i[r]) || !n(t[i[r]], e[i[r]])) return !1;
+
+      return !0;
+    };
+  },
+  tPkB: function tPkB(t, e, i) {
+    "use strict";
+
+    var o = i("YFKU").t,
+        n = i("mMWL"),
+        s = i("Ve4Q").LineToolPropertiesWidgetBase,
+        r = i("e92V").isLineDrawnWithPressedButton,
+        a = i("CW80").isLineTool;
+    const l = i("IhRv").ColorPickerButton,
+          c = i("myiL").LineWidthButton;
+    i("CW80").setNewToolProperties;
+    var d = i("W0/v"),
+        h = i("0fuu"),
+        u = i("mQbF"),
+        p = window.t("Color");
+
+    class g extends s {
+      constructor(t) {
+        super(t), this._hasAlertWathcedValue = null, this._templatesButton = null, this.attachHandlers();
+      }
+
+      attachHandlers() {
+        n.tool.subscribe(this.onToolChanged.bind(this), {
+          callWithLast: !0
+        }), n.iconTool.subscribe(this.onIconToolChanged.bind(this)), this._chartWidgetCollection.selectedSources.subscribe(this.onSourceChanged.bind(this));
+      }
+
+      onIconToolChanged() {
+        this.onToolChanged(n.tool.value());
+      }
+
+      onToolChanged(t, e) {
+        this._currentTool = t;
+        const i = this.selectedSources();
+        this._isDrawingToolExcludingTweet(t) ? (this._isDrawingFinished.setValue(!1), this._updateVisibility()) : i && i.length ? (i.length > 1 && this._isDrawingFinished.setValue(!0), this.onSourceChanged(this.selectedSources())) : this.hide();
+      }
+
+      findSourceOnWidget(t) {
+        for (var e = 0; e < this.activeChartWidget().model().panes().length; e++) for (var i = this.activeChartWidget().model().panes()[e].sourcesByGroup().all(), o = 0; o < i.length; o++) if (i[o] === t) return i[o];
+      }
+
+      onSourceChanged(t) {
+        if (this._hasAlertWathcedValue && (this._hasAlertWathcedValue.destroy(), this._hasAlertWathcedValue = null), t && t.length && (1 !== t.length || a(t[0]))) {
+          if (this._createCommonButtons(), 1 === t.length) {
+            var e = t[0];
+            e.isAvailableInFloatingWidget() && this.findSourceOnWidget(e) ? (!e.userEditEnabled() || !r(e.toolname) && this.activeChartWidget().model().lineBeingCreated() || (this._isDrawingFinished.setValue(!0), e.canHasAlert() && (this._hasAlertWathcedValue = e.hasAlert.spawn())), this.showPropertiesOf(e.toolname, e.properties(), !0), this.showTemplatesOf({
+              source: e
+            }), this._toolbarVisible = !0, this._updateVisibility()) : this.hide();
+          } else this._clearProperties(), this._templatesButton && (this._clearTemplatesButton(), this._templatesButton = null), this._updateVisibility(), this._createWidthsButton(void 0, !0), this._createColorsButton(void 0, !0), this._createBackgroundsButton(void 0, !0), this._createTextColorsButton(void 0, !0);
+        } else this.hide();
+      }
+
+      _createWidthsButton(t, e) {
+        if (this._lineWidthsProperty && (this._lineWidthsProperty.destroy(), this._lineWidthsProperty = null), this._lineWidthsProperty = this._createProperty(t, e, "linesWidths", "Set Line tool(s) line width"), !this._lineWidthsProperty) return !0;
+        var i = window.t("Line tool width");
+        e && 1 !== this.selectedSources().filter(function (t) {
+          return a(t) && t.properties().linesWidths;
+        }).length && (i = window.t("Line tool widths"));
+        return this._addPropertyButton({
+          component: c,
+          props: {
+            title: i,
+            multipleProperty: this._lineWidthsProperty,
+            model: this.activeChartWidget().model(),
+            "data-name": "line-tool-width"
+          }
+        }), !0;
+      }
+
+      _createColorsButton(t, e) {
+        return this._lineColorsProperty && (this._lineColorsProperty.destroy(), this._lineColorsProperty = null), this._lineColorsProperty = this._createProperty(t, e, "linesColors", "Set Line tool(s) color"), !this._lineColorsProperty || (this._addPropertyButton({
+          component: l,
+          props: {
+            icon: d,
+            title: window.t("Line tool colors"),
+            property: this._lineColorsProperty,
+            model: this.activeChartWidget().model(),
+            "data-name": "line-tool-color"
+          }
+        }), !0);
+      }
+
+      _createBackgroundsButton(t, e) {
+        return this._backgroundsProperty && (this._backgroundsProperty.destroy(), this._backgroundsProperty = null), this._backgroundsProperty = this._createProperty(t, e, "backgroundsColors", "Set Line background(s) color"), !this._backgroundsProperty || (this._addPropertyButton({
+          component: l,
+          props: {
+            icon: h,
+            title: window.t("Line tool backgrounds"),
+            property: this._backgroundsProperty,
+            model: this.activeChartWidget().model(),
+            "data-name": "background-color"
+          }
+        }), !0);
+      }
+
+      _createTextColorsButton(t, e) {
+        return this._textColorsProperty && (this._textColorsProperty.destroy(), this._textColorsProperty = null), this._textColorsProperty = this._createProperty(t, e, "textsColors", "Set Line tool(s) text color"), !this._textColorsProperty || (this._addPropertyButton({
+          component: l,
+          props: {
+            icon: u,
+            title: window.t("Line tool text colors"),
+            property: this._textColorsProperty,
+            model: this.activeChartWidget().model(),
+            "data-name": "text-color"
+          }
+        }), !0);
+      }
+
+      showTemplatesOf(t) {}
+
+      templatesList() {
+        return this._templatesList;
+      }
+
+      _getPossibleProperty(t) {
+        for (var e = [], i = this._defaultToolProperties(), o = 0; o < i.length; o++) {
+          var n = i[o];
+          n.name in t && e.push(n);
+        }
+
+        return e;
+      }
+
+      showPropertiesOf(t, e, i) {
+        this._toolExceptionCases || (this._toolExceptionCases = this._createToolExceptionCases());
+
+        var o = this._toolExceptionCases[t] || this._getPossibleProperty(e);
+
+        if (this._clearProperties(), this._propertiesVisible = !1, o.length) {
+          for (var n = {}, s = 0; s < o.length; s++) {
+            for (var r = o[s], a = e, c = r.name.split("."), d = 0; d < c.length; ++d) a = a && a[c[d]];
+
+            var h = r.showIf;
+
+            if ("function" != typeof h || h(a, e)) {
+              var u = r.factory;
+              if (u && u.call(this, a, i)) continue;
+              if (!a) continue;
+
+              if (this._propertiesVisible = !0, "combobox" !== r.inputType) {
+                const t = {
+                  component: l,
+                  props: {
+                    icon: r.iconSvgCode,
+                    title: r.title,
+                    "data-name": r.dataName,
+                    property: a,
+                    model: this.activeChartWidget().model()
+                  }
+                };
+
+                this._addPropertyButton(t);
+
+                continue;
+              }
+
+              n[r.name] = a;
+            }
+          }
+
+          this._currentProperties = n;
+        }
+      }
+
+      _updateVisibility() {
+        this._isDrawingFinished.value() && (this._toolbarVisible || this._propertiesVisible) ? this._show() : this.hide();
+      }
+
+      refresh() {
+        this.onSourceChanged(this.selectedSources());
+      }
+
+      _defaultToolProperties() {
+        return [{
+          name: "linesColors",
+          inputType: "colorPicker",
+          iconSvgCode: d,
+          title: p,
+          factory: g.prototype._createColorsButton,
+          dataName: "line-tool-color"
+        }, {
+          name: "backgroundsColors",
+          inputType: "colorPicker",
+          iconSvgCode: h,
+          title: o("Background Color"),
+          factory: g.prototype._createBackgroundsButton,
+          dataName: "background-color",
+          showIf: this._shouldShowBackgroundProperty
+        }, {
+          name: "textsColors",
+          title: o("Text color"),
+          inputType: "colorPicker",
+          iconSvgCode: u,
+          factory: g.prototype._createTextColorsButton,
+          dataName: "text-color"
+        }, {
+          name: "linesWidths",
+          inputType: "combobox",
+          factory: g.prototype._createWidthsButton
+        }, {
+          name: "linestyle",
+          title: o("Style"),
+          inputType: "combobox",
+          factory: g.prototype._createLineStyleButton
+        }];
+      }
+
+      _riskPropertiesExceptionCases() {
+        return [{
+          name: "textcolor",
+          title: o("Text color"),
+          inputType: "colorPicker",
+          iconSvgCode: u,
+          dataName: "text-color"
+        }, {
+          name: "profitBackground",
+          title: o("Profit Background Color"),
+          inputType: "colorPicker",
+          iconSvgCode: h,
+          dataName: "background-color"
+        }, {
+          name: "stopBackground",
+          title: o("Stop Background Color"),
+          inputType: "colorPicker",
+          iconSvgCode: h,
+          dataName: "background-color"
+        }];
+      }
+
+      _rangeExceptionCases() {
+        return [{
+          name: "linecolor",
+          inputType: "colorPicker",
+          iconSvgCode: d,
+          title: p,
+          dataName: "line-tool-color"
+        }, {
+          name: "backgroundColor",
+          inputType: "colorPicker",
+          iconSvgCode: h,
+          title: o("Background Color"),
+          dataName: "background-color",
+          showIf: this._shouldShowBackgroundProperty
+        }, {
+          name: "linesWidths",
+          inputType: "combobox",
+          factory: g.prototype._createWidthsButton
+        }];
+      }
+
+      _brushPropertiesExceptionCase() {
+        return [{
+          name: "linesColors",
+          inputType: "colorPicker",
+          iconSvgCode: d,
+          title: o("Color"),
+          factory: g.prototype._createColorsButton,
+          dataName: "line-tool-color"
+        }, {
+          name: "backgroundsColors",
+          inputType: "colorPicker",
+          iconSvgCode: h,
+          title: o("Background Color"),
+          dataName: "background-color",
+          factory: g.prototype._createBackgroundsButton
+        }, {
+          name: "linesWidths",
+          inputType: "combobox",
+          factory: g.prototype._createWidthsButton
+        }];
+      }
+
+      _bezierPropertiesExceptionCases() {
+        return [{
+          name: "linesColors",
+          inputType: "colorPicker",
+          iconSvgCode: d,
+          title: o("Color"),
+          factory: g.prototype._createColorsButton,
+          dataName: "line-tool-color"
+        }, {
+          name: "backgroundsColors",
+          inputType: "colorPicker",
+          iconSvgCode: h,
+          dataName: "background-color",
+          title: o("Background Color"),
+          factory: g.prototype._createBackgroundsButton,
+          showIf: this._shouldShowBackgroundProperty
+        }, {
+          name: "linesWidths",
+          inputType: "combobox",
+          factory: g.prototype._createWidthsButton
+        }, {
+          name: "linestyle",
+          title: o("Style"),
+          inputType: "combobox",
+          factory: g.prototype._createLineStyleButton
+        }];
+      }
+
+      _textPropertiesExceptionCases() {
+        return [{
+          name: "color",
+          title: o("Text color"),
+          inputType: "colorPicker",
+          iconSvgCode: u,
+          dataName: "text-color"
+        }, {
+          name: "backgroundColor",
+          title: o("Background Color"),
+          inputType: "colorPicker",
+          iconSvgCode: h,
+          dataName: "background-color",
+          showIf: this._shouldShowBackgroundProperty
+        }, {
+          name: "fontsize",
+          title: o("Font Size"),
+          inputType: "combobox",
+          factory: g.prototype._createFontSizeButton
+        }];
+      }
+
+      _notePropertiesExceptionCases() {
+        return [{
+          name: "markerColor",
+          title: o("Marker Color"),
+          inputType: "colorPicker",
+          iconSvgCode: d,
+          dataName: "line-tool-color"
+        }, {
+          name: "textColor",
+          title: o("Text color"),
+          inputType: "colorPicker",
+          iconSvgCode: u,
+          dataName: "text-color"
+        }, {
+          name: "fontSize",
+          title: o("Font Size"),
+          inputType: "combobox",
+          factory: g.prototype._createFontSizeButton
+        }];
+      }
+
+      _createToolExceptionCases() {
+        return {
+          LineToolRegressionTrend: [],
+          LineToolBrush: g.prototype._brushPropertiesExceptionCase(),
+          LineToolBezierQuadro: g.prototype._bezierPropertiesExceptionCases(),
+          LineToolBezierCubic: g.prototype._bezierPropertiesExceptionCases(),
+          LineToolText: g.prototype._textPropertiesExceptionCases(),
+          LineToolTextAbsolute: g.prototype._textPropertiesExceptionCases(),
+          LineToolBalloon: g.prototype._textPropertiesExceptionCases(),
+          LineToolCallout: g.prototype._textPropertiesExceptionCases(),
+          LineToolPriceLabel: g.prototype._textPropertiesExceptionCases(),
+          LineToolDateRange: g.prototype._rangeExceptionCases(),
+          LineToolPriceRange: g.prototype._rangeExceptionCases(),
+          LineToolDateAndPriceRange: g.prototype._rangeExceptionCases(),
+          LineToolNote: g.prototype._notePropertiesExceptionCases(),
+          LineToolNoteAbsolute: g.prototype._notePropertiesExceptionCases(),
+          LineToolRiskRewardLong: g.prototype._riskPropertiesExceptionCases(),
+          LineToolRiskRewardShort: g.prototype._riskPropertiesExceptionCases(),
+          LineToolBarsPattern: [{
+            name: "color",
+            title: p,
+            inputType: "colorPicker",
+            iconSvgCode: h,
+            dataName: "background-color"
+          }],
+          LineToolProjection: [{
+            name: "color1",
+            title: o("Background color 1"),
+            inputType: "colorPicker",
+            iconSvgCode: h,
+            dataName: "background-color"
+          }, {
+            name: "color2",
+            title: o("Background color 2"),
+            inputType: "colorPicker",
+            iconSvgCode: h,
+            dataName: "background-color"
+          }, {
+            name: "linesWidths",
+            inputType: "combobox",
+            factory: g.prototype._createWidthsButton
+          }],
+          LineToolSignpost: [{
+            name: "fontSize",
+            title: o("Font Size"),
+            inputType: "combobox"
+          }, {
+            name: "linesColors",
+            inputType: "colorPicker",
+            iconSvgCode: h,
+            dataName: "background-color",
+            title: p,
+            factory: g.prototype._createBackgroundsButton,
+            showIf: function showIf(t, e) {
+              return e && e.showImage.value();
+            }
+          }]
+        };
+      }
+
+    }
+
+    t.exports = g;
+  },
+  turx: function turx(t, e, i) {
+    "use strict";
+
+    i.d(e, "b", function () {
+      return a;
+    }), i.d(e, "a", function () {
+      return l;
+    });
+    var o = i("Eyy1"),
+        n = i("tc+8"),
+        s = i.n(n);
+
+    class r extends s.a {
+      constructor(t) {
+        super(), this._listenersMappers = [], this._isProcess = !1, this._baseProperty = t;
+      }
+
+      destroy() {
+        this._baseProperty.destroy();
+      }
+
+      value() {
+        const t = this._baseProperty.value();
+
+        return "mixed" === t ? "" : t;
+      }
+
+      visible() {
+        return this._baseProperty.visible();
+      }
+
+      setValue(t) {
+        this._isProcess = !0, this._baseProperty.setValue("" === t ? "mixed" : t, void 0, {
+          applyValue: this._applyValue.bind(this)
+        }), this._isProcess = !1, this._listenersMappers.forEach(t => {
+          t.method.call(t.obj, this);
+        });
+      }
+
+      subscribe(t, e) {
+        const i = i => {
+          this._isProcess || e.call(t, this);
+        },
+              o = {
+          obj: t,
+          method: e,
+          callback: i
+        };
+
+        this._listenersMappers.push(o), this._baseProperty.subscribe(t, i);
+      }
+
+      unsubscribe(t, e) {
+        var i;
+        const n = Object(o.ensureDefined)(null === (i = this._listenersMappers.find(i => i.obj === t && i.method === e)) || void 0 === i ? void 0 : i.callback);
+
+        this._baseProperty.unsubscribe(t, n);
+      }
+
+      unsubscribeAll(t) {
+        this._baseProperty.unsubscribeAll(t);
+      }
+
+    }
+
+    class a extends r {
+      constructor(t, e, i) {
+        super(t), this._undoModel = e, this._undoText = i;
+      }
+
+      _applyValue(t, e) {
+        this._undoModel.setProperty(t, e, this._undoText);
+      }
+
+    }
+
+    class l extends r {
+      _applyValue(t, e) {
+        t.setValue(e);
+      }
+
+    }
+  },
+  ucyy: function ucyy(t, e, i) {
+    t.exports = {
+      button: "button-1gEXpG61"
+    };
+  },
+  wwkJ: function wwkJ(t, e, i) {
+    "use strict";
+
+    i.d(e, "a", function () {
+      return n;
+    });
+    var o = i("q1tI");
+    const n = i.n(o).a.createContext({
+      isGrouped: !1,
+      cellState: {
+        isTop: !0,
+        isRight: !0,
+        isBottom: !0,
+        isLeft: !0
+      }
+    });
+  },
+  "xnr+": function xnr(t, e) {
+    t.exports = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 2" width="18" height="2"><rect width="18" height="2" fill="currentColor" rx="1"/></svg>';
+  }
+}]);