binbot-charts 0.0.2 → 0.0.5

package/dist/bundles/general-chart-properties-dialog.b08948e0c90aebf07ebd.js

@@ -0,0 +1,656 @@
+"use strict";
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+const _excluded = ["mode", "className"],
+      _excluded2 = ["mode", "title", "icon", "isActive", "onClick"];
+
+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; }
+
+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; }
+
+(window.webpackJsonp = window.webpackJsonp || []).push([["general-chart-properties-dialog"], {
+  "++0f": function f(e, t) {
+    e.exports = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28" width="28" height="28" fill="none"><path stroke="currentcolor" stroke-width="1.3" d="M12 9l5 5-5 5"/></svg>';
+  },
+  "2x13": function x13(e, t, n) {
+    e.exports = {
+      wrapper: "wrapper-DggvOZTm",
+      container: "container-DggvOZTm",
+      tab: "tab-DggvOZTm",
+      active: "active-DggvOZTm",
+      title: "title-DggvOZTm",
+      icon: "icon-DggvOZTm",
+      titleText: "titleText-DggvOZTm",
+      nested: "nested-DggvOZTm",
+      isTablet: "isTablet-DggvOZTm",
+      isMobile: "isMobile-DggvOZTm"
+    };
+  },
+  An2S: function An2S(e, t, n) {
+    "use strict";
+
+    n.d(t, "a", function () {
+      return h;
+    }), n.d(t, "c", function () {
+      return d;
+    }), n.d(t, "b", function () {
+      return p;
+    });
+    var i = n("q1tI"),
+        l = n.n(i),
+        a = n("TSYQ"),
+        o = n.n(a),
+        s = n("Iivm"),
+        r = n("++0f"),
+        c = n("2x13");
+
+    function m(e) {
+      return {
+        isMobile: "mobile" === e,
+        isTablet: "tablet" === e
+      };
+    }
+
+    function h(e) {
+      const {
+        mode: t,
+        className: n
+      } = e,
+            i = _objectWithoutProperties(e, _excluded),
+            {
+        isMobile: a,
+        isTablet: s
+      } = m(t),
+            r = o()(c.container, s && c.isTablet, a && c.isMobile, n);
+
+      return l.a.createElement("div", _objectSpread(_objectSpread({}, i), {}, {
+        className: r,
+        "data-role": "dialog-sidebar"
+      }));
+    }
+
+    function d(e) {
+      return l.a.createElement("div", _objectSpread({
+        className: c.wrapper
+      }, e));
+    }
+
+    function p(e) {
+      const {
+        mode: t,
+        title: n,
+        icon: i,
+        isActive: a,
+        onClick: h
+      } = e,
+            d = _objectWithoutProperties(e, _excluded2),
+            {
+        isMobile: p,
+        isTablet: u
+      } = m(t);
+
+      return l.a.createElement("div", _objectSpread(_objectSpread({}, d), {}, {
+        className: o()(c.tab, u && c.isTablet, p && c.isMobile, a && c.active),
+        onClick: h
+      }), l.a.createElement(s.a, {
+        className: c.icon,
+        icon: i
+      }), !u && l.a.createElement("span", {
+        className: c.title
+      }, l.a.createElement("span", {
+        className: c.titleText
+      }, n), p && l.a.createElement(s.a, {
+        className: c.nested,
+        icon: r
+      })));
+    }
+  },
+  KKsp: function KKsp(e, t, n) {
+    "use strict";
+
+    n.d(t, "a", function () {
+      return s;
+    });
+    var i = n("q1tI"),
+        l = n("TSYQ"),
+        a = n.n(l),
+        o = n("NOPy");
+
+    function s(e) {
+      const {
+        size: t = "normal",
+        className: n
+      } = e;
+      return i.createElement("div", {
+        className: a()(o.separator, "small" === t && o.small, "normal" === t && o.normal, "large" === t && o.large, n)
+      });
+    }
+  },
+  NOPy: function NOPy(e, t, n) {
+    e.exports = {
+      separator: "separator-eqcGT_ow",
+      small: "small-eqcGT_ow",
+      normal: "normal-eqcGT_ow",
+      large: "large-eqcGT_ow"
+    };
+  },
+  PI1I: function PI1I(e, t, n) {
+    "use strict";
+
+    n.r(t);
+    n("YFKU");
+
+    var i = n("q1tI"),
+        l = n("i8i4"),
+        a = n("mwqF"),
+        o = n("bvfV"),
+        s = n("ycFu"),
+        r = n("ybVX"),
+        c = n("Q+1u"),
+        m = n("Vdly"),
+        h = n.n(m),
+        d = n("VNzU"),
+        p = n("/KDZ"),
+        u = (n("bSeV"), n("K+KL")),
+        b = n("N5tr"),
+        g = n("KKsp"),
+        y = n("Iivm"),
+        T = n("EsvI"),
+        _ = (n("HbRj"), n("fZEr"));
+
+    const C = window.t("Do you really want to delete Color Theme '{name}' ?");
+    var v = n("+EG+"),
+        S = n("2uTr"),
+        f = n("i/MG"),
+        k = n("JWMC"),
+        A = n("8d0Q"),
+        w = n("8+VR"),
+        E = n("utEQ");
+
+    function P(e) {
+      const {
+        themeName: t,
+        chartWidgetCollection: n,
+        onRemove: l,
+        manager: a
+      } = e,
+            [o, s] = Object(A.c)(),
+            r = i.useCallback(() => function (e, t, n) {
+        window.is_authenticated && Object(_.showConfirm)({
+          text: C.format({
+            name: e
+          }),
+          onConfirm: _ref => {
+            let {
+              dialogClose: n
+            } = _ref;
+            Object(T.removeTheme)(e), t && t(e), n();
+          }
+        }, n);
+      }(t, l, a), [t, l, a]),
+            c = i.useCallback(() => {
+        Object(T.loadTheme)(t, !1, !1, n).then(() => {
+          window.saver.saveChartSilently(), Object(k.trackEvent)("GUI", "Switch to custom theme");
+        });
+      }, [t, n]);
+      return i.createElement("div", _objectSpread({}, s), i.createElement(b.b, {
+        className: E.defaultsButtonItem,
+        isActive: !1,
+        label: t,
+        onClick: c,
+        toolbox: i.createElement(f.a, {
+          hidden: !w.mobiletouch && !o,
+          onClick: r
+        })
+      }));
+    }
+
+    var x = n("HWhk");
+    const B = window.t("Template"),
+          I = window.t("Apply Defaults"),
+          N = (Object(S.appendEllipsis)(window.t("Save As")), window.t("Apply to all"));
+
+    class M extends i.PureComponent {
+      constructor(e) {
+        super(e), this._manager = null, this._handleApplyDefaults = () => {
+          const {
+            model: e,
+            chartWidgetCollection: t
+          } = this.props;
+          e.restorePreferences();
+          const n = Object(T.getCurrentTheme)().name;
+          Object(T.loadTheme)(n, !0, !0, t, void 0, void 0, !0);
+        }, this._handleSaveAs = () => {
+          0;
+        }, this._handleRemoveTheme = e => {
+          this.setState({
+            themes: this.state.themes.filter(t => t !== e)
+          });
+        }, this._syncThemeList = () => {
+          0;
+        }, this.state = {
+          themes: []
+        }, this._syncThemeList();
+      }
+
+      render() {
+        return i.createElement(v.b.Consumer, null, e => (this._manager = e, i.createElement(p.a, {
+          rule: "screen and (max-width: 768px)"
+        }, e => i.createElement(u.a, {
+          id: "series-theme-manager",
+          className: !e && E.themesButtonText,
+          hideArrowButton: e,
+          "data-name": "theme-select",
+          buttonChildren: this._getPlaceHolderItem(e)
+        }, this._getThemeItems(e)))));
+      }
+
+      _getPlaceHolderItem(e) {
+        return e ? i.createElement(y.a, {
+          className: E.themesButtonIcon,
+          icon: x
+        }) : B;
+      }
+
+      _getThemeItems(e) {
+        const {
+          isApplyToAllVisible: t,
+          chartWidgetCollection: n,
+          applyToAllCallback: l
+        } = this.props,
+              {
+          themes: a
+        } = this.state;
+        return i.createElement(i.Fragment, null, e && t && i.createElement(b.b, {
+          className: E.defaultsButtonItem,
+          isActive: !1,
+          label: N,
+          onClick: l
+        }), i.createElement(b.b, {
+          className: E.defaultsButtonItem,
+          isActive: !1,
+          label: I,
+          onClick: this._handleApplyDefaults
+        }), !1, a.length > 0 && i.createElement(i.Fragment, null, i.createElement(g.a, {
+          key: "separator"
+        }), a.map(e => i.createElement(P, {
+          key: e,
+          themeName: e,
+          onRemove: this._handleRemoveTheme,
+          chartWidgetCollection: n,
+          manager: this._manager
+        }))));
+      }
+
+    }
+
+    var D = n("tWVy"),
+        O = n("yqnI"),
+        W = n("uhCe"),
+        z = n("An2S"),
+        V = n("tmL0");
+    const L = {
+      areaSymbolMinTick: "normal",
+      areaSymbolTimezone: "normal",
+      barSymbolMinTick: "normal",
+      barSymbolTimezone: "normal",
+      baselineSymbolMinTick: "normal",
+      baselineSymbolTimezone: "normal",
+      candleSymbolMinTick: "normal",
+      candleSymbolTimezone: "normal",
+      dateFormat: "normal",
+      haSymbolMinTick: "normal",
+      haSymbolTimezone: "normal",
+      hiloSymbolMinTick: "normal",
+      hiloSymbolTimezone: "normal",
+      hollowCandleSymbolMinTick: "normal",
+      hollowCandleSymbolTimezone: "normal",
+      kagiAtrLength: "normal",
+      kagiReversalAmount: "normal",
+      kagiStyle: "normal",
+      kagiSymbolMinTick: "normal",
+      kagiSymbolTimezone: "normal",
+      lineSymbolMinTick: "normal",
+      lineSymbolTimezone: "normal",
+      sessionId: "normal",
+      lockScale: "normal",
+      mainSeriesSymbolAreaPriceSource: "normal",
+      mainSeriesSymbolBaseLevelPercentage: "normal",
+      mainSeriesSymbolBaseLinePriceSource: "normal",
+      mainSeriesSymbolLinePriceSource: "normal",
+      mainSeriesSymbolStyleType: "normal",
+      navButtons: "big",
+      paneButtons: "big",
+      pbLb: "normal",
+      pbSymbolMinTick: "normal",
+      pbSymbolTimezone: "normal",
+      pnfAtrLength: "normal",
+      pnfBoxSize: "normal",
+      pnfReversalAmount: "normal",
+      pnfSources: "normal",
+      pnfStyle: "normal",
+      pnfSymbolMinTick: "normal",
+      pnfSymbolTimezone: "normal",
+      rangeSymbolMinTick: "normal",
+      rangeSymbolTimezone: "normal",
+      renkoAtrLength: "normal",
+      renkoBoxSize: "normal",
+      renkoStyle: "normal",
+      renkoSymbolMinTick: "normal",
+      renkoSymbolTimezone: "normal",
+      scalesPlacement: "normal",
+      symbolLastValueLabel: "big",
+      symbolTextSource: "normal"
+    };
+    var R = n("yMyk"),
+        q = n("U0JK");
+
+    function K(e) {
+      return i.createElement(y.a, {
+        className: R.backButton,
+        icon: q,
+        onClick: e.onClick
+      });
+    }
+
+    var Z = n("sXZi");
+
+    class j extends i.PureComponent {
+      constructor(e) {
+        super(e), this._renderChildren = _ref2 => {
+          let {
+            requestResize: e,
+            isSmallWidth: t
+          } = _ref2;
+          return this._requestResize = e, i.createElement("div", {
+            className: Z.content
+          }, this._renderTabs(t), this._renderTabContent(t));
+        }, this._renderApplyToAllButton = () => i.createElement(p.a, {
+          rule: W.a.TabletNormal
+        }, e => this._renderApplyToAll(e)), this._renderFooterLeft = () => {
+          const {
+            model: e,
+            chartWidgetCollection: t
+          } = this.props,
+                {
+            isApplyToAllVisible: n
+          } = this.state;
+          return i.createElement(M, {
+            model: e,
+            isApplyToAllVisible: n,
+            applyToAllCallback: this._handleApplyToAll,
+            chartWidgetCollection: t
+          });
+        }, this._createTabClickHandler = e => () => this._selectPage(e), this._selectPage = e => {
+          const {
+            activePage: t
+          } = this.state;
+          e !== t && (t && t.definitions.unsubscribe(this._onChangeActivePageDefinitions), h.a.setValue("properties_dialog.last_page_id", e.id), e.definitions.subscribe(this._onChangeActivePageDefinitions), this.setState({
+            activePage: e,
+            tableKey: Date.now()
+          }, () => {
+            this._requestResize && this._requestResize();
+          }));
+        }, this._onChangeActivePageDefinitions = () => {
+          O.a.logNormal("Definition collection was updated"), this.setState({
+            tableKey: Date.now()
+          }, () => {
+            this._requestResize && this._requestResize();
+          });
+        }, this._handleCancel = () => {
+          this.props.onCancel(), this.props.onClose();
+        }, this._handleSubmit = () => {
+          this.props.onSubmit(), this.props.onClose();
+        }, this._handleScroll = () => {
+          D.a.fire();
+        }, this._handleApplyToAll = () => {
+          const {
+            chartWidgetCollection: e,
+            model: t
+          } = this.props,
+                {
+            isApplyToAllVisible: n
+          } = this.state;
+          n && e.applyPreferencesToAllCharts(t);
+        }, this._syncApplyToAllVisibility = () => {
+          const {
+            chartWidgetCollection: e
+          } = this.props;
+          this.setState({
+            isApplyToAllVisible: Object(d.isMultipleLayout)(e.layout.value())
+          });
+        }, this._handleBackClick = () => {
+          const {
+            activePage: e
+          } = this.state;
+          e && e.definitions.unsubscribe(this._onChangeActivePageDefinitions), this.setState({
+            activePage: null
+          });
+        };
+        const {
+          pages: t,
+          activePageId: n
+        } = e;
+        let l = t.find(e => e.id === n);
+
+        if (!l) {
+          const e = h.a.getValue("properties_dialog.last_page_id"),
+                n = t.find(t => t.id === e);
+          l = n || t[0];
+        }
+
+        this.state = {
+          activePage: l,
+          isApplyToAllVisible: Object(d.isMultipleLayout)(e.chartWidgetCollection.layout.value()),
+          tableKey: Date.now()
+        };
+      }
+
+      componentDidMount() {
+        const {
+          chartWidgetCollection: e
+        } = this.props,
+              {
+          activePage: t
+        } = this.state;
+        e.layout.subscribe(this._syncApplyToAllVisibility), t && t.definitions.subscribe(this._onChangeActivePageDefinitions);
+      }
+
+      componentWillUnmount() {
+        const {
+          chartWidgetCollection: e
+        } = this.props,
+              {
+          activePage: t
+        } = this.state;
+        t && t.definitions.unsubscribe(this._onChangeActivePageDefinitions), e.layout.unsubscribe(this._syncApplyToAllVisibility);
+      }
+
+      render() {
+        const {
+          isOpened: e,
+          onClose: t
+        } = this.props,
+              {
+          activePage: n
+        } = this.state;
+        return i.createElement(p.a, {
+          rule: W.a.TabletSmall
+        }, l => i.createElement(s.a, {
+          className: Z.withSidebar,
+          dataName: "series-properties-dialog",
+          onClose: t,
+          isOpened: e,
+          title: null !== n && l ? n.title : window.t("Chart settings"),
+          footerLeftRenderer: this._renderFooterLeft,
+          additionalButtons: this._renderApplyToAllButton(),
+          additionalHeaderElement: null !== n && l ? i.createElement(K, {
+            onClick: this._handleBackClick
+          }) : void 0,
+          onSubmit: this._handleSubmit,
+          onCancel: this._handleCancel,
+          render: this._renderChildren,
+          submitOnEnterKey: !1
+        }));
+      }
+
+      _renderTabContent(e) {
+        const {
+          pages: t
+        } = this.props,
+              n = this._getCurrentPage(e);
+
+        if (n) {
+          const e = t.find(e => e.id === n.id),
+                l = e ? e.definitions.value() : [];
+          return i.createElement(V.a, {
+            className: Z.tabContent,
+            onScroll: this._handleScroll
+          }, i.createElement(r.b.Provider, {
+            value: L
+          }, i.createElement(c.a, {
+            key: this.state.tableKey
+          }, l.map(e => i.createElement(o.a, {
+            key: e.id,
+            definition: e
+          })))));
+        }
+
+        return null;
+      }
+
+      _renderTabs(e) {
+        const {
+          pages: t
+        } = this.props,
+              {
+          activePage: n
+        } = this.state;
+        if (n && e) return null;
+
+        const l = this._getCurrentPage(e);
+
+        return i.createElement(p.a, {
+          rule: W.a.TabletNormal
+        }, e => i.createElement(p.a, {
+          rule: W.a.TabletSmall
+        }, n => {
+          const a = n ? "mobile" : e ? "tablet" : void 0;
+          return i.createElement(z.a, {
+            mode: a,
+            onScroll: this._handleScroll
+          }, t.map(e => i.createElement(z.b, {
+            key: e.id,
+            mode: a,
+            "data-name": e.id,
+            title: e.title,
+            icon: e.icon,
+            onClick: this._createTabClickHandler(e),
+            isActive: l ? e.id === l.id : void 0
+          })));
+        }));
+      }
+
+      _renderApplyToAll(e) {
+        const {
+          isApplyToAllVisible: t
+        } = this.state;
+        return !e && t && i.createElement("span", {
+          className: Z.applyToAllButton
+        }, i.createElement(a.a, {
+          appearance: "stroke",
+          onClick: this._handleApplyToAll
+        }, window.t("Apply to all")));
+      }
+
+      _getCurrentPage(e) {
+        const {
+          pages: t
+        } = this.props,
+              {
+          activePage: n
+        } = this.state;
+        let i = null;
+        return n ? i = n : !e && t.length && (i = t[0]), i;
+      }
+
+    }
+
+    var U = n("FQhm"),
+        F = n("sQaR");
+    n.d(t, "GeneralChartPropertiesDialogRenderer", function () {
+      return Q;
+    });
+    const G = window.t("Chart settings");
+
+    class Q extends F.a {
+      constructor(e) {
+        super(), this._handleClose = () => {
+          l.unmountComponentAtNode(this._container), this._setVisibility(!1), this._onClose && this._onClose();
+        }, this._handleSubmit = () => {}, this._handleCancel = () => {
+          this._model.undoToCheckpoint(this._checkpoint);
+        }, this._propertyPages = e.propertyPages, this._model = e.model, this._activePageId = e.activePageId, this._onClose = e.onClose, this._chartWidgetCollection = e.chartWidgetCollection, this._checkpoint = this._ensureCheckpoint(e.undoCheckPoint);
+      }
+
+      hide(e) {
+        e ? this._handleCancel() : this._handleSubmit(), this._handleClose();
+      }
+
+      isVisible() {
+        return this.visible().value();
+      }
+
+      show() {
+        l.render(i.createElement(j, {
+          title: G,
+          isOpened: !0,
+          onSubmit: this._handleSubmit,
+          onClose: this._handleClose,
+          onCancel: this._handleCancel,
+          pages: this._propertyPages,
+          model: this._model,
+          activePageId: this._activePageId,
+          chartWidgetCollection: this._chartWidgetCollection
+        }), this._container), this._setVisibility(!0), U.emit("edit_object_dialog", {
+          objectType: "mainSeries",
+          scriptTitle: this._model.mainSeries().title()
+        });
+      }
+
+      _ensureCheckpoint(e) {
+        return void 0 === e && (e = this._model.createUndoCheckpoint()), e;
+      }
+
+    }
+  },
+  sXZi: function sXZi(e, t, n) {
+    e.exports = {
+      "tablet-normal-breakpoint": "screen and (max-width: 768px)",
+      "tablet-small-breakpoint": "screen and (max-width: 428px)",
+      withSidebar: "withSidebar-1e-cIUlp",
+      content: "content-1e-cIUlp",
+      tabContent: "tabContent-1e-cIUlp",
+      applyToAllButton: "applyToAllButton-1e-cIUlp"
+    };
+  },
+  utEQ: function utEQ(e, t, n) {
+    e.exports = {
+      themesButtonText: "themesButtonText-3vn5WLwC",
+      themesButtonIcon: "themesButtonIcon-3vn5WLwC",
+      defaultsButtonText: "defaultsButtonText-3vn5WLwC",
+      defaultsButtonItem: "defaultsButtonItem-3vn5WLwC"
+    };
+  },
+  yMyk: function yMyk(e, t, n) {
+    e.exports = {
+      backButton: "backButton-ukxmTk5_"
+    };
+  }
+}]);