(window.webpackJsonp = window.webpackJsonp || []).push([
  [48],
  {
    '4Fxa': function (e, t) {
      e.exports =
        '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28" width="28" height="28"><path fill="currentColor" d="M12.143 20l1.714-12H12V7h5v1h-2.143l-1.714 12H15v1h-5v-1h2.143z"/></svg>';
    },
    '6w4h': function (e, t, n) {
      e.exports = {
        row: 'row-1NK-hr1x',
        wrap: 'wrap-tVR5Scov',
        breakpointNormal: 'breakpointNormal-KzkqSNOX',
        breakpointMedium: 'breakpointMedium-pbm8vBGT',
        breakpointSmall: 'breakpointSmall-32f3vdsC',
      };
    },
    '7EmB': function (e, t, n) {
      e.exports = {
        range: 'range-2i0X47Lu',
        valueInput: 'valueInput-2CKQO1Lv',
        rangeSlider: 'rangeSlider-suG521NL',
        input: 'input-2kx6q_pc',
      };
    },
    '8XTa': function (e, t, n) {
      e.exports = {
        lineEndSelect: 'lineEndSelect-25TizNST',
        right: 'right-3IlPseCZ',
      };
    },
    '9gev': function (e, t, n) {
      e.exports = {
        dropdown: 'dropdown-3Y1U1Nkm',
        normal: 'normal-i7fM20bU',
        big: 'big-2ruaa2z2',
        dropdownMenu: 'dropdownMenu-3UShCdED',
      };
    },
    CaTF: function (e, t, n) {
      e.exports = {
        colorPicker: 'colorPicker-3NIIN0Y8',
        row: 'row-21qTMgcl',
        wrap: 'wrap-1s7U_70a',
        fontStyleButton: 'fontStyleButton-1445FY6N',
        dropdown: 'dropdown-5N0LMJdQ',
        dropdownMenu: 'dropdownMenu-yysG7ZzF',
        textarea: 'textarea-2fko2YtQ',
        normal: 'normal-AMDLZbUS',
        big: 'big-1CfoFALo',
      };
    },
    EJl2: function (e, t, n) {
      e.exports = {
        input: 'input-DGMBjOG0',
        control: 'control-fEqNtKpC',
        item: 'item-1ym_rlZM',
        cell: 'cell-2byf6BGW',
        fragmentCell: 'fragmentCell-1FhKQVpC',
        withTitle: 'withTitle-QRL8YpBY',
        title: 'title-3K1l5aiR',
      };
    },
    FIOl: function (e, t) {
      e.exports =
        '<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path stroke="currentColor" d="M8.5 13.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 0H24"/></svg>';
    },
    G7lD: function (e, t, n) {
      e.exports = {
        range: 'range-46to1pZu',
        disabled: 'disabled-v1pYljFO',
        rangeSlider: 'rangeSlider-10OqoFDT',
        rangeSliderMiddleWrap: 'rangeSliderMiddleWrap-3-EULCcf',
        rangeSliderMiddle: 'rangeSliderMiddle-3BlpfHSS',
        dragged: 'dragged-36bXd7Hw',
        pointer: 'pointer-23eauHul',
        rangePointerWrap: 'rangePointerWrap-1vnhGySq',
      };
    },
    K5B3: function (e, t, n) {
      e.exports = { input: 'input-2Cr8E1vs' };
    },
    Q40t: function (e, t, n) {
      e.exports = { titleWrap: 'titleWrap-1bavobjQ' };
    },
    To8B: function (e, t) {
      e.exports =
        '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path fill="currentColor" d="M9.707 9l4.647-4.646-.707-.708L9 8.293 4.354 3.646l-.708.708L8.293 9l-4.647 4.646.708.708L9 9.707l4.646 4.647.708-.707L9.707 9z"/></svg>';
    },
    ZRxn: function (e, t, n) {
      e.exports = {
        unit: 'unit-b-yYYxjl',
        input: 'input-124DCFwV',
        normal: 'normal-3N4mfpQO',
        big: 'big-1ixMJ1Cb',
        dropdown: 'dropdown-NF5Htz1I',
        dropdownMenu: 'dropdownMenu-36OGqXRr',
      };
    },
    ZcEB: function (e, t, n) {
      e.exports = { dropdown: 'dropdown-2xTnctYy', menu: 'menu-ZFNz6yWw' };
    },
    aSdR: function (e, t, n) {
      e.exports = {
        coordinates: 'coordinates-1KIxFYVo',
        input: 'input-1N6PPaVy',
      };
    },
    aw5J: function (e, t, n) {
      e.exports = {
        container: 'container-1sHZXWOS',
        active: 'active-2c5C-1Pl',
        disabled: 'disabled-1s7-KBqG',
        icon: 'icon-2ux26WKl',
      };
    },
    bvfV: function (e, t, n) {
      'use strict';
      var a = n('mrSG'),
        r = n('q1tI'),
        i = n.n(r),
        o = n('HSjo'),
        l = n('yqnI'),
        c = function (e) {
          var t = 'property' in e ? e.property : void 0,
            n = 'defaultValue' in e ? e.defaultValue : e.property.value(),
            a = Object(r.useState)(t ? t.value() : n),
            i = a[0],
            o = a[1];
          Object(r.useEffect)(
            function () {
              if (t) {
                var n = {};
                return (
                  o(t.value()),
                  t.subscribe(n, function (t) {
                    var n = t.value();
                    e.handler && e.handler(n), o(n);
                  }),
                  function () {
                    return t.unsubscribeAll(n);
                  }
                );
              }
              return function () {};
            },
            [t],
          );
          return [
            i,
            function (e) {
              if (void 0 !== t) {
                var n = t.value();
                l.a.logNormal(
                  'Changing property value from "' + n + '" to "' + e + '"',
                ),
                  t.setValue(e);
              }
            },
          ];
        },
        s = n('Q+1u'),
        u = n('qFKp'),
        d = n('fV0y');
      function p(e) {
        var t = e.property,
          n = Object(a.__rest)(e, ['property']),
          r = c({ property: t }),
          o = r[0],
          l = r[1];
        return i.a.createElement(
          d.Checkbox,
          Object(a.__assign)({}, n, {
            name: 'toggle-enabled',
            checked: o,
            onChange: function () {
              l(!o);
            },
          }),
        );
      }
      var m = n('TSYQ'),
        f = n.n(m),
        h = n('eG6P');
      function b(e) {
        return i.a.createElement(
          'div',
          { className: f()(h.wrap, e.className) },
          e.children,
        );
      }
      var v = n('vxCt');
      function g(e) {
        var t = e.property,
          n = e.disabled,
          a = e.title,
          r = e.className,
          o = e.name,
          l = i.a.createElement('span', { className: v.title }, a);
        return i.a.createElement(
          b,
          { className: r },
          t &&
            i.a.createElement(p, {
              name: o,
              className: v.checkbox,
              property: t,
              disabled: n,
              label: l,
              labelAlignBaseline: !u.isIE,
            }),
          !t && l,
        );
      }
      function E(e) {
        var t = e.id,
          n = e.offset,
          a = e.disabled,
          r = e.checked,
          o = e.title,
          l = e.children;
        return i.a.createElement(
          s.a.Row,
          null,
          i.a.createElement(
            s.a.Cell,
            {
              placement: 'first',
              verticalAlign: 'adaptive',
              offset: n,
              'data-section-name': t,
              colSpan: Boolean(l) ? void 0 : 2,
              checkableTitle: !0,
            },
            i.a.createElement(g, {
              name: 'is-enabled-' + t,
              title: o,
              disabled: a,
              property: r,
            }),
          ),
          Boolean(l) &&
            i.a.createElement(
              s.a.Cell,
              { placement: 'last', 'data-section-name': t },
              l,
            ),
        );
      }
      function _(e) {
        var t = e.definition,
          n = t.id,
          a = t.properties,
          r = a.checked,
          o = a.disabled,
          l = t.title,
          s = e.offset,
          u = c({ property: o, defaultValue: !1 })[0];
        return i.a.createElement(E, {
          id: n,
          offset: s,
          checked: r,
          title: l,
          disabled: e.disabled || u,
        });
      }
      var y = n('KacW');
      function w(e) {
        var t = e.property,
          n = c({ property: t }),
          r = n[0],
          o = n[1];
        return i.a.createElement(
          y.a,
          Object(a.__assign)({}, e, { lineStyle: r, lineStyleChange: o }),
        );
      }
      var N = n('H172'),
        O = n('kJwE'),
        S = [1, 2, 3, 4];
      function j(e) {
        var t,
          n = e.value,
          a = e.items,
          r = void 0 === a ? S : a,
          o = e.disabled,
          l = e.onChange;
        return i.a.createElement(N.a, {
          disabled: o,
          hideArrowButton: !0,
          className: O.lineWidthSelect,
          items:
            ((t = r),
            t.map(function (e) {
              return { value: e, selectedContent: c(e, !0), content: c(e) };
            })),
          value: n,
          onChange: l,
          'data-name': 'line-width-select',
        });
        function c(e, t) {
          var a,
            r = { borderTopWidth: e };
          return i.a.createElement(
            'div',
            { className: O.item },
            i.a.createElement(
              'div',
              {
                className: m(
                  O.bar,
                  ((a = {}), (a[O.isActive] = e === n && !t), a),
                ),
                style: r,
              },
              ' ',
            ),
          );
        }
      }
      function C(e) {
        var t = e.property,
          n = c({ property: t }),
          r = n[0],
          o = n[1];
        return i.a.createElement(
          j,
          Object(a.__assign)({}, e, { value: r, onChange: o }),
        );
      }
      var V = n('nc0P'),
        k = n('Eyy1');
      function x(e, t, n) {
        var a = Object(r.useState)(e),
          i = a[0],
          o = a[1],
          l = Object(r.useRef)(i);
        return (
          Object(r.useEffect)(
            function () {
              o(e);
            },
            [e, n],
          ),
          [
            i,
            function (e) {
              (l.current = e), o(e);
            },
            function () {
              t(l.current);
            },
            function () {
              (l.current = e), o(e);
            },
          ]
        );
      }
      var M = n('/3z9'),
        T = n('WboT'),
        P = n('Hr11'),
        I = n('zXvd');
      function R(e) {
        var t = e.property,
          n = Object(a.__rest)(e, ['property']),
          o = Object(r.useState)(performance.now()),
          l = o[0],
          s = o[1],
          u = c({
            property: t,
            handler: function () {
              return s(performance.now());
            },
          }),
          d = x(u[0], u[1], l);
        return i.a.createElement(
          B,
          Object(a.__assign)({}, n, { valueHash: l, sharedBuffer: d }),
        );
      }
      function B(e) {
        var t = e.sharedBuffer,
          n = e.min,
          o = e.max,
          l = e.step,
          c = Object(a.__rest)(e, ['sharedBuffer', 'min', 'max', 'step']),
          s = t[0],
          d = t[1],
          p = t[2],
          m = t[3],
          f = Object(r.useRef)(null),
          h = Object(r.useRef)(null),
          b = { flushed: !1 };
        return i.a.createElement(
          A,
          Object(a.__assign)({}, c, {
            ref: h,
            onValueChange: function (e, t) {
              d(e), 'step' !== t || b.flushed || (p(), (b.flushed = !0));
            },
            onKeyDown: function (e) {
              if (e.defaultPrevented || b.flushed) return;
              switch (Object(M.hashFromEvent)(e.nativeEvent)) {
                case 27:
                  m(), (b.flushed = !0);
                  break;
                case 13:
                  e.preventDefault();
                  var t = Object(k.ensureNotNull)(h.current).getClampedValue();
                  null !== t && (d(t), p(), (b.flushed = !0));
              }
            },
            onBlur: function (e) {
              var t = Object(k.ensureNotNull)(f.current);
              if (
                !t.contains(document.activeElement) &&
                !t.contains(e.relatedTarget)
              ) {
                var n = Object(k.ensureNotNull)(h.current).getClampedValue();
                null === n || b.flushed || (d(n), p(), (b.flushed = !0));
              }
            },
            value: s,
            roundByStep: !1,
            containerReference: function (e) {
              f.current = e;
            },
            inputMode: u.CheckMobile.iOS() ? void 0 : 'numeric',
            min: n,
            max: o,
            step: l,
          }),
        );
      }
      var F = {
          mode: 'float',
          min: -Number.MAX_VALUE,
          max: Number.MAX_VALUE,
          step: 1,
          precision: 0,
          inheritPrecisionFromStep: !0,
        },
        A = (function (e) {
          function t(t) {
            var n = e.call(this, t) || this;
            (n._selection = null),
              (n._restoreSelection = !1),
              (n._input = null),
              (n._handleSelectionChange = function () {
                n._restoreSelection ||
                  document.activeElement !==
                    Object(k.ensureNotNull)(n._input) ||
                  n._saveSelection(Object(k.ensureNotNull)(n._input));
              }),
              (n._handleInputReference = function (e) {
                (n._input = e),
                  n.props.inputReference && n.props.inputReference(e);
              }),
              (n._onFocus = function (e) {
                n._saveSelection(Object(k.ensureNotNull)(n._input)),
                  n.setState({ focused: !0 }),
                  n.props.onFocus && n.props.onFocus(e);
              }),
              (n._onBlur = function (e) {
                (n._selection = null),
                  n.setState({
                    displayValue: W(n.props, n.props.value, L(n.props)),
                    focused: !1,
                  }),
                  n.props.onBlur && n.props.onBlur(e);
              }),
              (n._onValueChange = function (e) {
                var t,
                  a,
                  r = e.currentTarget,
                  i = r.value,
                  o = (function (e, t, n) {
                    switch (n) {
                      case 'integer':
                        return z.test(t) ? t : e;
                      case 'float':
                        return (t = t.replace(/,/g, '.')), D.test(t) ? t : e;
                    }
                  })(n.state.displayValue, i, n.props.mode),
                  l = H(o),
                  c = n._checkValueBoundaries(l);
                n.setState({ displayValue: o }),
                  o !== i &&
                  ((t = n.state.displayValue),
                  (a = (a = o).replace(/,/g, '.')),
                  (t = t.replace(/,/g, '.')).includes('.') || !a.includes('.'))
                    ? ((n._restoreSelection = !0), n.forceUpdate())
                    : n._saveSelection(r),
                  c.value &&
                    W(n.props, l) === o &&
                    n.props.onValueChange(l, 'input');
              }),
              (n._onValueByStepChange = function (e) {
                var t = n.props,
                  a = t.roundByStep,
                  r = void 0 === a || a,
                  i = t.step,
                  o = void 0 === i ? 1 : i,
                  l = H(n.state.displayValue);
                if (!isNaN(l)) {
                  var c = new V.Big(l),
                    s = new V.Big(o),
                    u = c.mod(s),
                    d = c.plus(e * o);
                  !u.eq(0) && r && (d = d.plus((e > 0 ? 0 : 1) * o).minus(u));
                  var p = Number(d);
                  n._checkValueBoundaries(p).value &&
                    (n.setState({ displayValue: W(n.props, p, L(n.props)) }),
                    n.props.onValueChange(p, 'step'));
                }
              });
            var a = q(n.props.value);
            return (
              (n.state = {
                value: a,
                displayValue: W(n.props, a, L(n.props)),
                focused: !1,
                valueHash: n.props.valueHash,
              }),
              n
            );
          }
          return (
            Object(a.__extends)(t, e),
            (t.prototype.componentDidMount = function () {
              document.addEventListener(
                'selectionchange',
                this._handleSelectionChange,
              );
            }),
            (t.prototype.componentWillUnmount = function () {
              document.removeEventListener(
                'selectionchange',
                this._handleSelectionChange,
              );
            }),
            (t.prototype.componentDidUpdate = function () {
              var e = Object(k.ensureNotNull)(this._input),
                t = this._selection;
              if (
                null !== t &&
                this._restoreSelection &&
                document.activeElement === e
              ) {
                var n = t.start,
                  a = t.end,
                  r = t.direction;
                e.setSelectionRange(n, a, r);
              }
              this._restoreSelection = !1;
            }),
            (t.prototype.render = function () {
              return i.a.createElement(T.a, {
                inputMode: this.props.inputMode,
                name: this.props.name,
                borderStyle: 'thick',
                fontSizeStyle: 'medium',
                value: this.state.displayValue,
                className: this.props.className,
                placeholder: this.props.placeholder,
                disabled: this.props.disabled,
                onValueChange: this._onValueChange,
                onValueByStepChange: this._onValueByStepChange,
                containerReference: this.props.containerReference,
                inputReference: this._handleInputReference,
                onClick: this.props.onClick,
                onFocus: this._onFocus,
                onBlur: this._onBlur,
                onKeyDown: this.props.onKeyDown,
              });
            }),
            (t.prototype.getClampedValue = function () {
              var e = this.props,
                t = e.min,
                n = e.max,
                a = H(this.state.displayValue);
              return isNaN(a) ? null : Object(P.clamp)(a, t, n);
            }),
            (t.getDerivedStateFromProps = function (e, t) {
              var n = e.valueHash,
                a = q(e.value);
              return t.value !== a || t.valueHash !== n
                ? {
                    value: a,
                    valueHash: n,
                    displayValue: W(
                      e,
                      a,
                      t.focused && t.valueHash === n ? void 0 : L(e),
                    ),
                  }
                : null;
            }),
            (t.prototype._saveSelection = function (e) {
              var t = e.selectionStart,
                n = e.selectionEnd,
                a = e.selectionDirection;
              null !== t &&
                null !== n &&
                null !== a &&
                (this._selection = { start: t, end: n, direction: a });
            }),
            (t.prototype._checkValueBoundaries = function (e) {
              var t = this.props;
              return {
                value: (function (e, t, n) {
                  var a = e >= t,
                    r = e <= n;
                  return {
                    passMin: a,
                    passMax: r,
                    pass: a && r,
                    clamped: Object(P.clamp)(e, t, n),
                  };
                })(e, t.min, t.max).pass,
              };
            }),
            (t.defaultProps = F),
            t
          );
        })(i.a.PureComponent),
        z = /^\-?[0-9]*$/,
        D = /^(\-?([0-9]+\.?[0-9]*)|(\-?[0-9]*))$/;
      function W(e, t, n) {
        return (
          null !== (t = q(t)) && void 0 !== n && (n = Math.max(U(t), n)),
          (function (e, t) {
            if (null === e) return '';
            return new I.NumericFormatter(t).format(e);
          })(t, n)
        );
      }
      function L(e) {
        var t = 0;
        return (
          e.inheritPrecisionFromStep && e.step <= 1 && (t = U(e.step)),
          Math.max(e.precision, t) || void 0
        );
      }
      function U(e) {
        var t = Math.trunc(e).toString();
        return Object(P.clamp)(
          I.NumericFormatter.formatNoE(e).length - t.length - 1,
          0,
          15,
        );
      }
      function H(e, t) {
        return new I.NumericFormatter(t).parse(e);
      }
      function q(e) {
        return 'number' == typeof e && Number.isFinite(e) ? e : null;
      }
      var G = n('eJTA'),
        X = n('7MId'),
        K = n('Tmoa');
      function Y(e) {
        var t = e.color,
          n = e.thickness,
          r = e.thicknessItems,
          o = e.noAlpha,
          l = c({ property: t }),
          s = l[0],
          u = l[1],
          d = c(n ? { property: n } : { defaultValue: void 0 }),
          p = d[0],
          m = d[1];
        return i.a.createElement(
          X.a,
          Object(a.__assign)({}, e, {
            color: (function () {
              if (!s) return null;
              return Object(G.rgbToHexString)(Object(G.parseRgb)(s));
            })(),
            onColorChange: function (e) {
              var t = s
                ? Object(K.alphaToTransparency)(Object(G.parseRgba)(s)[3])
                : 0;
              u(Object(K.generateColor)(String(e), t, !0));
            },
            thickness: p,
            thicknessItems: r,
            onThicknessChange: m,
            opacity: o ? void 0 : s ? Object(G.parseRgba)(s)[3] : void 0,
            onOpacityChange: o
              ? void 0
              : function (e) {
                  u(
                    Object(K.generateColor)(
                      s,
                      Object(K.alphaToTransparency)(e),
                      !0,
                    ),
                  );
                },
          }),
        );
      }
      n('YFKU');
      var Q = n('a7Ha'),
        Z = n('CHgb'),
        J = n('QpNh'),
        $ = n('FIOl'),
        ee = n('jAqK'),
        te = n('8XTa'),
        ne = [
          { type: Q.LineEnd.Normal, icon: $, label: window.t('Normal') },
          {
            type: Q.LineEnd.Arrow,
            icon: ee,
            label: window.t('Arrow'),
          },
        ],
        ae = (function (e) {
          function t(t) {
            var n = e.call(this, t) || this;
            return (
              (n._items = []),
              (n._items = ne.map(function (e) {
                return {
                  value: e.type,
                  selectedContent: i.a.createElement(Z.a, { icon: e.icon }),
                  content: i.a.createElement(Z.b, {
                    icon: e.icon,
                    iconClassName: f()(t.isRight && te.right),
                    label: e.label,
                  }),
                };
              })),
              n
            );
          }
          return (
            Object(a.__extends)(t, e),
            (t.prototype.render = function () {
              var e = this.props,
                t = e.lineEnd,
                n = e.className,
                r = e.lineEndChange,
                o = e.isRight,
                l = e.disabled;
              return i.a.createElement(
                Z.c,
                Object(a.__assign)(
                  {
                    disabled: l,
                    className: f()(te.lineEndSelect, o && te.right, n),
                    items: this._items,
                    value: t,
                    onChange: r,
                    hideArrowButton: !0,
                  },
                  Object(J.a)(this.props),
                ),
              );
            }),
            t
          );
        })(i.a.PureComponent);
      function re(e) {
        var t = e.property,
          n = c({ property: t }),
          r = n[0],
          o = n[1];
        return i.a.createElement(
          ae,
          Object(a.__assign)({}, e, { lineEnd: r, lineEndChange: o }),
        );
      }
      var ie,
        oe = n('6w4h');
      function le(e) {
        var t = e.children,
          n = e.className,
          a = e.breakPoint,
          i = void 0 === a ? 'Normal' : a;
        return r.createElement(
          b,
          { className: m(oe.wrap, n, oe['breakpoint' + i]) },
          r.Children.map(t, function (e) {
            return r.isValidElement(e)
              ? r.createElement(
                  'span',
                  { key: null === e.key ? void 0 : e.key, className: oe.row },
                  e,
                )
              : e;
          }),
        );
      }
      var ce = (((ie = {})[1] = 'float'), (ie[0] = 'integer'), ie),
        se = n('vqb8'),
        ue = n('eU7S');
      function de(e) {
        var t,
          n,
          a = e.definition,
          o = a.id,
          l = a.properties,
          s = l.checked,
          u = l.disabled,
          d = l.leftEnd,
          p = l.rightEnd,
          f = l.value,
          h = l.extendLeft,
          b = l.extendRight,
          v = a.title,
          g = a.valueMin,
          _ = a.valueMax,
          y = a.valueStep,
          N = a.valueUnit,
          O = a.extendLeftTitle,
          S = a.extendRightTitle,
          j = e.offset,
          V = c({ property: s, defaultValue: !0 })[0],
          k = c({ property: u, defaultValue: !1 })[0],
          x = Object(se.a)({ watchedValue: g, defaultValue: void 0 }),
          M = Object(se.a)({ watchedValue: _, defaultValue: void 0 }),
          T = Object(se.a)({ watchedValue: y, defaultValue: void 0 }),
          P = Object(se.a)({ watchedValue: N, defaultValue: void 0 }),
          I = e.disabled || !V;
        return i.a.createElement(
          r.Fragment,
          null,
          i.a.createElement(
            E,
            {
              id: o,
              offset: j,
              checked: s,
              title: v,
              disabled: e.disabled || k,
            },
            i.a.createElement(
              le,
              { className: ue.line, breakPoint: 'Small' },
              i.a.createElement(
                r.Fragment,
                null,
                (function () {
                  var t = e.definition,
                    n = t.properties,
                    a = n.color,
                    r = n.width,
                    o = t.widthValues;
                  if (a)
                    return i.a.createElement(
                      'span',
                      { className: ue.control },
                      i.a.createElement(Y, {
                        color: a,
                        thickness: r,
                        disabled: I,
                        thicknessItems: o,
                      }),
                    );
                  return (
                    r &&
                    i.a.createElement(
                      'span',
                      { className: ue.control },
                      i.a.createElement(C, {
                        items: o,
                        property: r,
                        disabled: I,
                      }),
                    )
                  );
                })(),
                (n = e.definition.properties.style) &&
                  i.a.createElement(
                    'span',
                    { className: ue.control },
                    i.a.createElement(w, { property: n, disabled: I }),
                  ),
              ),
              (d || p || f) &&
                i.a.createElement(
                  r.Fragment,
                  null,
                  i.a.createElement(
                    r.Fragment,
                    null,
                    d &&
                      i.a.createElement(re, {
                        className: ue.control,
                        property: d,
                        disabled: I,
                        'data-name': 'left-end-select',
                      }),
                    p &&
                      i.a.createElement(re, {
                        className: ue.control,
                        property: p,
                        disabled: I,
                        'data-name': 'right-end-select',
                        isRight: !0,
                      }),
                  ),
                  ((t = e.definition.valueType),
                  f &&
                    i.a.createElement(
                      'span',
                      { className: m(ue.valueInput, ue.control) },
                      i.a.createElement(R, {
                        className: ue.input,
                        property: f,
                        min: x,
                        max: M,
                        step: T,
                        disabled: I,
                        mode: void 0 !== t ? ce[t] : void 0,
                        name: 'line-value-input',
                      }),
                      i.a.createElement('span', { className: ue.valueUnit }, P),
                    )),
                ),
            ),
          ),
          h &&
            i.a.createElement(E, {
              id: o + 'ExtendLeft',
              offset: j,
              checked: h,
              title: O,
              disabled: e.disabled || k,
            }),
          b &&
            i.a.createElement(E, {
              id: o + 'ExtendRight',
              offset: j,
              checked: b,
              title: S,
              disabled: e.disabled || k,
            }),
        );
      }
      function pe(e) {
        var t = e.definition,
          n = t.id,
          a = t.properties,
          r = a.color,
          o = a.checked,
          l = a.disabled,
          s = t.title,
          u = t.noAlpha,
          d = e.offset,
          p = c({ property: o, defaultValue: !0 })[0],
          m = c({ property: l, defaultValue: !1 })[0],
          f = e.disabled || !p;
        return i.a.createElement(
          E,
          { id: n, offset: d, checked: o, title: s, disabled: e.disabled || m },
          i.a.createElement(
            b,
            null,
            i.a.createElement(Y, { color: r, disabled: f, noAlpha: u }),
          ),
        );
      }
      var me = n('U1eG'),
        fe = n('HGP3'),
        he = n('lB1i');
      function be(e) {
        var t,
          n = e.value,
          a = e.disabled,
          r = e.onChange;
        return i.a.createElement(
          'div',
          { className: m(he.wrap, ((t = {}), (t[he.disabled] = a), t)) },
          i.a.createElement(me.a, {
            hideInput: !0,
            color: fe.colorsPalette['color-tv-blue-500'],
            opacity: 1 - n / 100,
            onChange: function (e) {
              a || r(100 - 100 * e);
            },
          }),
        );
      }
      function ve(e) {
        var t = e.property,
          n = Object(a.__rest)(e, ['property']),
          i = c({ property: t }),
          o = i[0],
          l = i[1];
        return r.createElement(
          be,
          Object(a.__assign)({}, n, { value: o, onChange: l }),
        );
      }
      function ge(e) {
        var t = e.definition,
          n = t.id,
          a = t.properties,
          r = a.transparency,
          o = a.checked,
          l = a.disabled,
          s = t.title,
          u = e.offset,
          d = c({ property: o, defaultValue: !0 })[0],
          p = c({ property: l, defaultValue: !1 })[0],
          m = e.disabled || !d;
        return i.a.createElement(
          E,
          { id: n, offset: u, checked: o, title: s, disabled: e.disabled || p },
          i.a.createElement(
            b,
            null,
            i.a.createElement(ve, { property: r, disabled: m }),
          ),
        );
      }
      var Ee = n('oWdB');
      function _e(e) {
        var t = e.definition,
          n = t.id,
          a = t.properties,
          r = a.color1,
          o = a.color2,
          l = a.checked,
          s = a.disabled,
          u = t.title,
          d = t.noAlpha1,
          p = t.noAlpha2,
          m = e.offset,
          f = c({ property: l, defaultValue: !0 })[0],
          h = c({ property: s, defaultValue: !1 })[0],
          v = e.disabled || !f;
        return i.a.createElement(
          E,
          { id: n, offset: m, checked: l, title: u, disabled: e.disabled || h },
          i.a.createElement(b, { className: Ee.twoColors }, g(r, d), g(o, p)),
        );
        function g(e, t) {
          return i.a.createElement(
            'span',
            { className: Ee.colorPicker },
            i.a.createElement(Y, { color: e, disabled: v, noAlpha: t }),
          );
        }
      }
      var ye = n('ybVX'),
        we = n('gla1');
      function Ne(e) {
        var t = e.property,
          n = e.options,
          o = Object(a.__rest)(e, ['property', 'options']),
          l = c({ property: t }),
          s = l[0],
          u = l[1],
          d = Object(we.a)();
        return (
          Object(r.useEffect)(function () {
            var e = function () {
              return d();
            };
            return (
              n.subscribe(e),
              function () {
                return n.unsubscribe(e);
              }
            );
          }, []),
          i.a.createElement(
            N.a,
            Object(a.__assign)({}, o, {
              onChange: u,
              value: s,
              items: n.value().map(function (e) {
                return { content: e.title, value: e.value };
              }),
            }),
          )
        );
      }
      var Oe = n('ZRxn');
      function Se(e) {
        var t = e.definition,
          n = t.id,
          a = t.properties,
          o = a.checked,
          l = a.value,
          s = a.unitOptionsValue,
          u = a.disabled,
          d = t.min,
          p = t.max,
          f = t.step,
          h = t.title,
          v = t.unit,
          g = t.unitOptions,
          _ = t.type,
          y = e.offset,
          w = c({ property: o, defaultValue: !0 })[0],
          N = c({ property: u, defaultValue: !1 })[0],
          O = Object(se.a)({ watchedValue: d, defaultValue: void 0 }),
          S = Object(se.a)({ watchedValue: p, defaultValue: void 0 }),
          j = Object(se.a)({ watchedValue: f, defaultValue: void 0 }),
          C = Object(se.a)({ watchedValue: v, defaultValue: void 0 }),
          V = Object(r.useContext)(ye.b),
          x = e.disabled || !w;
        return i.a.createElement(
          E,
          { id: n, offset: y, checked: o, title: h, disabled: e.disabled || N },
          i.a.createElement(
            b,
            null,
            i.a.createElement(
              le,
              null,
              i.a.createElement(R, {
                className: m(Oe.input, V[n] && Oe[V[n]]),
                property: l,
                min: O,
                max: S,
                step: j,
                disabled: x,
                mode: ce[_],
                name: 'number-input',
              }),
              s &&
                i.a.createElement(Ne, {
                  className: Oe.dropdown,
                  menuClassName: Oe.dropdownMenu,
                  disabled: x,
                  property: s,
                  options: Object(k.ensureDefined)(g),
                  'data-name': 'unit-options-dropdown',
                }),
            ),
            i.a.createElement('span', { className: Oe.unit }, C),
          ),
        );
      }
      function je(e) {
        var t = e.definition,
          n = t.id,
          a = t.properties,
          r = a.checked,
          o = a.disabled,
          l = t.childrenDefinitions,
          s = t.title,
          u = e.offset,
          d = c({ property: r, defaultValue: !0 })[0],
          p = c({ property: o, defaultValue: !1 })[0],
          m = e.disabled || !d;
        return i.a.createElement(
          i.a.Fragment,
          null,
          i.a.createElement(E, {
            id: n,
            offset: u,
            checked: r,
            title: s,
            disabled: e.disabled || p,
          }),
          l.map(function (e) {
            return i.a.createElement(vt, {
              key: e.id,
              disabled: m,
              definition: e,
              offset: !0,
            });
          }),
        );
      }
      var Ce = n('UXjO');
      function Ve(e) {
        var t = e.property,
          n = c({ property: t }),
          r = n[0],
          o = n[1];
        return i.a.createElement(
          Ce.a,
          Object(a.__assign)({}, e, {
            fontSize: r,
            fontSizeChange: o,
            'data-name': 'font-size-select',
          }),
        );
      }
      var ke = n('Iivm'),
        xe = n('aw5J');
      function Me(e) {
        var t = e.className,
          n = e.checked,
          r = e.icon,
          o = e.disabled,
          l = e.onClick;
        return i.a.createElement(
          'div',
          Object(a.__assign)(
            {
              className: f()(
                t,
                xe.container,
                n && !o && xe.active,
                o && xe.disabled,
              ),
              onClick: o ? void 0 : l,
              'data-role': 'button',
            },
            Object(J.a)(e),
          ),
          i.a.createElement(ke.Icon, { className: xe.icon, icon: r }),
        );
      }
      function Te(e) {
        var t = e.icon,
          n = e.className,
          i = e.property,
          o = e.disabled,
          l = c({ property: i }),
          s = l[0],
          u = l[1];
        return r.createElement(
          Me,
          Object(a.__assign)(
            {
              className: n,
              icon: t,
              checked: s,
              onClick: function () {
                u(!s);
              },
              disabled: o,
            },
            Object(J.a)(e),
          ),
        );
      }
      var Pe = n('Wvr1'),
        Ie = n('k+zC'),
        Re = n('jggR');
      function Be(e) {
        var t = e.value,
          n = e.className,
          a = e.onChange,
          i = e.disabled,
          o = e.readonly,
          l = e.name,
          c = e.highlight,
          s = e.onFocus,
          u = e.onBlur,
          d = e.intent,
          p = e.borderStyle,
          f = void 0 === p ? 'thin' : p,
          h = e.size,
          b = void 0 === h ? 'medium' : h,
          v = e.removeRoundBorder,
          g = void 0 === v ? 0 : v,
          E = e.highlightRemoveRoundBorder,
          _ = void 0 === E ? 0 : E,
          y = Object(Pe.a)(g),
          w = Object(Pe.a)(_);
        return r.createElement(
          'span',
          {
            className: m(
              Re.container,
              n,
              Re['intent-' + d],
              Re['border-' + f],
              Re['size-' + b],
              i && Re.disabled,
              o && Re.readonly,
              y,
              c && Re.highlight,
            ),
          },
          r.createElement('textarea', {
            className: Re.textarea,
            value: t,
            onChange: function (e) {
              i || o || a(e.currentTarget.value);
            },
            onFocus: s,
            onBlur: u,
            disabled: i,
            readOnly: o,
            name: l,
          }),
          c && r.createElement('span', { className: m(Re.shadow, w) }),
        );
      }
      function Fe(e) {
        return (
          (e = Object(Ie.a)(e)), r.createElement(Be, Object(a.__assign)({}, e))
        );
      }
      function Ae(e) {
        var t = e.property,
          n = Object(a.__rest)(e, ['property']),
          i = c({ property: t }),
          o = i[0],
          l = i[1];
        return r.createElement(
          Fe,
          Object(a.__assign)({}, n, { value: o, onChange: l }),
        );
      }
      var ze = n('rRJX'),
        De = n('4Fxa'),
        We = n('CaTF'),
        Le = function (e) {
          return { content: e.title, title: e.title, value: e.value };
        },
        Ue = function (e) {
          return { content: e.title, title: e.title, value: e.value };
        };
      function He(e) {
        var t = e.definition,
          n = t.id,
          a = t.properties,
          o = a.color,
          l = a.size,
          u = a.checked,
          d = a.disabled,
          p = a.bold,
          m = a.italic,
          h = a.text,
          v = a.alignmentHorizontal,
          g = a.alignmentVertical,
          _ = a.orientation,
          y = a.backgroundVisible,
          w = a.backgroundColor,
          O = a.borderVisible,
          S = a.borderColor,
          j = a.borderWidth,
          C = a.wrap,
          V = t.title,
          k = t.sizeItems,
          x = t.alignmentTitle,
          M = t.alignmentHorizontalItems,
          T = t.alignmentVerticalItems,
          P = t.orientationTitle,
          I = t.orientationItems,
          R = t.backgroundTitle,
          B = t.borderTitle,
          F = t.borderWidthItems,
          A = t.wrapTitle,
          z = e.offset,
          D = Object(r.useContext)(ye.a),
          W = c({ property: u, defaultValue: !0 })[0],
          L = c({ property: d, defaultValue: !1 })[0],
          U = c({ property: g, defaultValue: void 0 }),
          H = U[0],
          q = U[1],
          G = c({ property: _, defaultValue: 'horizontal' }),
          X = G[0],
          K = G[1],
          Q = c({ property: v, defaultValue: void 0 }),
          Z = Q[0],
          J = Q[1],
          $ = c({ property: y, defaultValue: !1 })[0],
          ee = c({ property: O, defaultValue: !1 })[0],
          te = e.disabled || !W;
        return i.a.createElement(
          r.Fragment,
          null,
          (function () {
            if (V)
              return i.a.createElement(
                E,
                {
                  id: n,
                  offset: z,
                  checked: u,
                  title: V,
                  disabled: e.disabled || L,
                },
                i.a.createElement(le, { breakPoint: 'Small' }, ae(), re()),
              );
            return i.a.createElement(
              s.a.Row,
              null,
              i.a.createElement(
                s.a.Cell,
                {
                  placement: 'first',
                  colSpan: 2,
                  offset: z,
                  'data-section-name': n,
                },
                ae(),
                re(),
              ),
            );
          })(),
          h &&
            i.a.createElement(
              s.a.Row,
              null,
              i.a.createElement(
                s.a.Cell,
                {
                  placement: 'first',
                  colSpan: 2,
                  offset: z,
                  'data-section-name': n,
                },
                i.a.createElement(Ae, {
                  className: f()(We.textarea, D[n] && We[D[n]]),
                  property: h,
                  disabled: te,
                  onFocus: function (e) {
                    e.target.select();
                  },
                  name: 'text-input',
                }),
              ),
            ),
          (v || g) &&
            i.a.createElement(
              s.a.Row,
              null,
              i.a.createElement(
                s.a.Cell,
                {
                  placement: 'first',
                  verticalAlign: 'adaptive',
                  offset: z,
                  'data-section-name': n,
                },
                i.a.createElement(b, null, x),
              ),
              i.a.createElement(
                s.a.Cell,
                {
                  placement: 'last',
                  verticalAlign: 'adaptive',
                  'data-section-name': n,
                },
                i.a.createElement(
                  le,
                  { breakPoint: 'Small' },
                  void 0 !== H &&
                    void 0 !== T &&
                    i.a.createElement(N.a, {
                      className: We.dropdown,
                      menuClassName: We.dropdownMenu,
                      disabled: te,
                      value: H,
                      items: T.map(Le),
                      onChange: q,
                      'data-name': 'alignment-vertical-select',
                    }),
                  void 0 !== Z &&
                    void 0 !== M &&
                    i.a.createElement(N.a, {
                      className: We.dropdown,
                      menuClassName: We.dropdownMenu,
                      disabled: te,
                      value: Z,
                      items: M.map(Le),
                      onChange: J,
                      'data-name': 'alignment-horizontal-select',
                    }),
                ),
              ),
            ),
          void 0 !== _ &&
            void 0 !== I &&
            i.a.createElement(
              s.a.Row,
              null,
              i.a.createElement(
                s.a.Cell,
                {
                  placement: 'first',
                  verticalAlign: 'adaptive',
                  offset: z,
                  'data-section-name': n,
                },
                i.a.createElement(b, null, P),
              ),
              i.a.createElement(
                s.a.Cell,
                {
                  placement: 'last',
                  verticalAlign: 'adaptive',
                  'data-section-name': n,
                },
                i.a.createElement(
                  le,
                  { breakPoint: 'Small' },
                  i.a.createElement(N.a, {
                    className: We.dropdown,
                    menuClassName: We.dropdownMenu,
                    disabled: te,
                    value: X,
                    items: I.map(Ue),
                    onChange: K,
                    'data-name': 'orientation-select',
                  }),
                ),
              ),
            ),
          ie(R, y, w, !!y && !$),
          ie(B, O, S, !!O && !ee, j, F),
          C &&
            i.a.createElement(E, {
              id: n + 'Wrap',
              offset: z,
              checked: C,
              title: A,
              disabled: e.disabled || L,
            }),
        );
        function ne(e, t, n) {
          return e
            ? i.a.createElement(Te, {
                className: We.fontStyleButton,
                icon: t,
                property: e,
                disabled: te,
                'data-name': n,
              })
            : null;
        }
        function ae() {
          return i.a.createElement(
            r.Fragment,
            null,
            o &&
              i.a.createElement(
                'div',
                { className: We.colorPicker },
                i.a.createElement(Y, { color: o, disabled: te }),
              ),
            l &&
              k &&
              i.a.createElement(Ve, {
                property: l,
                fontSizes: k,
                disabled: te,
              }),
          );
        }
        function re() {
          return i.a.createElement(
            r.Fragment,
            null,
            ne(p, ze, 'toggle-bold'),
            ne(m, De, 'toggle-italic'),
          );
        }
        function ie(t, a, r, o, l, c) {
          return r
            ? i.a.createElement(
                E,
                {
                  id: n + 'ColorSelect',
                  offset: z,
                  checked: a,
                  title: t,
                  disabled: e.disabled || L,
                },
                i.a.createElement(Y, {
                  color: r,
                  thickness: l,
                  thicknessItems: c,
                  disabled: te || o,
                }),
              )
            : null;
        }
      }
      var qe = n('3G1X'),
        Ge = n('jAh7'),
        Xe = n('pZll'),
        Ke = n('RgaO'),
        Ye = n('0waE'),
        Qe = n('+EG+'),
        Ze = n('K5B3'),
        Je = (function (e) {
          function t(t) {
            var n = e.call(this, t) || this;
            return (
              (n._symbolSearch = null),
              (n._input = null),
              (n._popup = null),
              (n._uuid = Object(Ye.guid)()),
              (n._updateSymbolName = function () {
                var e = n.props.definition,
                  t = e.propType,
                  a = e.properties[t];
                n._symbolSearch &&
                  ((Object(k.ensureNotNull)(n._input).value = a.value()),
                  n._symbolSearch.acceptTypeIn());
              }),
              (n._onSetSymbol = function (e) {
                var t = n.props.definition,
                  a = t.propType;
                t.properties[a].setValue(e);
              }),
              (n._handleOutsideClick = function (e) {
                null !== n._input &&
                  document.activeElement === n._input &&
                  e.target instanceof Node &&
                  null !== n._popup &&
                  !n._popup.contains(e.target) &&
                  n._input.blur();
              }),
              (n._refInput = function (e) {
                n._input = e;
              }),
              (n.state = { expanded: !1 }),
              n
            );
          }
          return (
            Object(a.__extends)(t, e),
            (t.prototype.componentDidMount = function () {
              var e = this,
                t = this.props.definition;
              t.properties[t.propType].subscribe(this, this._updateSymbolName);
              var n = this.context || Object(Ge.getRootOverlapManager)();
              Object(Xe.symbolSearchUIService)()
                .bindToInput(Object(k.ensureNotNull)(this._input), {
                  syncWithChartWidget: !1,
                  syncOnBlur: !0,
                  callback: this._onSetSymbol,
                  onPopupOpen: function (t) {
                    (e._popup = n.ensureWindow(e._uuid)),
                      t.appendTo(e._popup),
                      e.setState({ expanded: !0 });
                  },
                  onPopupClose: function () {
                    (e._popup = null),
                      e.setState({ expanded: !1 }),
                      n.removeWindow(e._uuid),
                      e._input && e._input.focus();
                  },
                  keepFocus: !0,
                })
                .then(function (t) {
                  return (e._symbolSearch = t);
                });
            }),
            (t.prototype.componentWillUnmount = function () {
              var e = this.props.definition;
              e.properties[e.propType].unsubscribe(
                this,
                this._updateSymbolName,
              );
            }),
            (t.prototype.render = function () {
              var e = this,
                t = this.props.definition,
                n = t.id,
                a = t.title,
                r = void 0 === a ? '' : a,
                o = this.state.expanded,
                l = this.props.definition,
                c = l.propType,
                s = l.properties[c].value() || '';
              return i.a.createElement(
                E,
                { id: n, title: r },
                i.a.createElement(
                  b,
                  null,
                  i.a.createElement(
                    Ke.a,
                    {
                      mouseDown: !0,
                      touchStart: !0,
                      handler: this._handleOutsideClick,
                    },
                    function (t) {
                      return i.a.createElement(qe.b, {
                        className: Ze.input,
                        reference: e._refInput,
                        containerReference: t,
                        defaultValue: s,
                        'data-haspopup': !0,
                        'data-expanded': o,
                      });
                    },
                  ),
                ),
              );
            }),
            (t.contextType = Qe.b),
            t
          );
        })(r.PureComponent),
        $e = n('aSdR');
      function et(e) {
        var t = e.definition,
          n = t.properties,
          a = n.x,
          r = n.y,
          o = n.disabled,
          l = t.id,
          c = t.minX,
          u = t.maxX,
          d = t.stepX,
          p = t.minY,
          m = t.maxY,
          f = t.stepY,
          h = t.title,
          b = t.typeX,
          v = t.typeY,
          g = e.offset,
          E = (o && o.value()) || e.disabled,
          _ = Object(se.a)({ watchedValue: c, defaultValue: void 0 }),
          y = Object(se.a)({ watchedValue: u, defaultValue: void 0 }),
          w = Object(se.a)({ watchedValue: d, defaultValue: void 0 }),
          N = Object(se.a)({ watchedValue: p, defaultValue: void 0 }),
          O = Object(se.a)({ watchedValue: m, defaultValue: void 0 }),
          S = Object(se.a)({ watchedValue: f, defaultValue: void 0 });
        return i.a.createElement(
          s.a.Row,
          null,
          i.a.createElement(
            s.a.Cell,
            {
              verticalAlign: 'adaptive',
              placement: 'first',
              offset: g,
              'data-section-name': l,
            },
            i.a.createElement('span', { className: $e.coordinates }, h),
          ),
          (a || r) &&
            i.a.createElement(
              s.a.Cell,
              { placement: 'last', offset: g, 'data-section-name': l },
              i.a.createElement(
                le,
                { breakPoint: 'Medium' },
                r &&
                  i.a.createElement(R, {
                    className: $e.input,
                    property: r,
                    min: N,
                    max: O,
                    step: S,
                    disabled: E,
                    name: 'y-input',
                    mode: void 0 !== v ? ce[v] : 'integer',
                  }),
                a &&
                  i.a.createElement(R, {
                    className: $e.input,
                    property: a,
                    min: _,
                    max: y,
                    step: w,
                    disabled: E,
                    name: 'x-input',
                    mode: void 0 !== b ? ce[b] : 'integer',
                  }),
              ),
            ),
        );
      }
      var tt = n('9gev');
      function nt(e) {
        var t = e.definition,
          n = t.id,
          a = t.properties,
          o = a.checked,
          l = a.option,
          s = a.disabled,
          u = t.title,
          d = t.options,
          p = e.offset,
          m = c({ property: o, defaultValue: !0 })[0],
          h = c({ property: s, defaultValue: !1 })[0],
          v = Object(r.useContext)(ye.b),
          g = e.disabled || !m;
        return i.a.createElement(
          E,
          { id: n, offset: p, checked: o, title: u, disabled: e.disabled || h },
          i.a.createElement(
            b,
            null,
            i.a.createElement(Ne, {
              className: f()(tt.dropdown, v[n] && tt[v[n]]),
              menuClassName: f()(tt.dropdownMenu, v[n] && tt[v[n]]),
              disabled: g,
              property: l,
              options: d,
              'data-name': 'options-dropdown',
            }),
          ),
        );
      }
      var at = n('Ialn'),
        rt = n('G7lD'),
        it = (function (e) {
          function t(t) {
            var n = e.call(this, t) || this;
            return (
              (n._container = null),
              (n._pointer = null),
              (n._rafPosition = null),
              (n._rafDragStop = null),
              (n._refContainer = function (e) {
                n._container = e;
              }),
              (n._refPointer = function (e) {
                n._pointer = e;
              }),
              (n._handlePosition = function (e) {
                null !== n._rafPosition ||
                  n.props.disabled ||
                  (n._rafPosition = requestAnimationFrame(function () {
                    var t = n.props,
                      a = t.from,
                      r = t.to,
                      i = t.min,
                      o = t.max,
                      l = n._getNewPosition(e),
                      c = 1 === n._detectPointerMode(e),
                      s = c ? Object(P.clamp)(l, i, r) : a,
                      u = c ? r : Object(P.clamp)(l, a, o);
                    s <= u && n._handleChange(s, u), (n._rafPosition = null);
                  }));
              }),
              (n._handleDragStop = function () {
                null !== n._rafDragStop ||
                  n.props.disabled ||
                  (n._rafDragStop = requestAnimationFrame(function () {
                    n.setState({ pointerDragMode: 0 }),
                      (n._rafDragStop = null),
                      n.props.onCommit();
                  }));
              }),
              (n._onSliderClick = function (e) {
                u.CheckMobile.any() ||
                  (n._handlePosition(e.nativeEvent), n._dragSubscribe());
              }),
              (n._mouseUp = function (e) {
                n._dragUnsubscribe(), n._handlePosition(e), n._handleDragStop();
              }),
              (n._mouseMove = function (e) {
                n._handlePosition(e);
              }),
              (n._onTouchStart = function (e) {
                n._handlePosition(e.nativeEvent.touches[0]);
              }),
              (n._handleTouch = function (e) {
                n._handlePosition(e.nativeEvent.touches[0]);
              }),
              (n._handleTouchEnd = function () {
                n._handleDragStop();
              }),
              (n.state = { pointerDragMode: 0 }),
              n
            );
          }
          return (
            Object(a.__extends)(t, e),
            (t.prototype.componentWillUnmount = function () {
              null !== this._rafPosition &&
                (cancelAnimationFrame(this._rafPosition),
                (this._rafPosition = null)),
                null !== this._rafDragStop &&
                  (cancelAnimationFrame(this._rafDragStop),
                  (this._rafDragStop = null)),
                this._dragUnsubscribe();
            }),
            (t.prototype.render = function () {
              var e,
                t,
                n,
                a = this.props,
                i = a.className,
                o = a.disabled,
                l = a.from,
                c = a.to,
                s = a.min,
                u = a.max,
                d = 0 !== this.state.pointerDragMode,
                p = u - s,
                f = (l - s) / p,
                h = (c - s) / p,
                b = Object(at.isRtl)() ? 'right' : 'left';
              return r.createElement(
                'div',
                { className: m(i, rt.range, o && rt.disabled) },
                r.createElement(
                  'div',
                  {
                    className: rt.rangeSlider,
                    ref: this._refContainer,
                    onMouseDown: this._onSliderClick,
                    onTouchStart: this._onTouchStart,
                    onTouchMove: this._handleTouch,
                    onTouchEnd: this._handleTouchEnd,
                  },
                  r.createElement(
                    'div',
                    { className: rt.rangeSliderMiddleWrap },
                    r.createElement('div', {
                      className: m(rt.rangeSliderMiddle, d && rt.dragged),
                      style:
                        ((e = {}),
                        (e[b] = 100 * f + '%'),
                        (e.width = 100 * (h - f) + '%'),
                        e),
                    }),
                  ),
                  r.createElement(
                    'div',
                    { className: rt.rangePointerWrap },
                    r.createElement('div', {
                      className: m(rt.pointer, d && rt.dragged),
                      style: ((t = {}), (t[b] = 100 * f + '%'), t),
                      ref: this._refPointer,
                    }),
                  ),
                  r.createElement(
                    'div',
                    { className: rt.rangePointerWrap },
                    r.createElement('div', {
                      className: m(rt.pointer, d && rt.dragged),
                      style: ((n = {}), (n[b] = 100 * h + '%'), n),
                    }),
                  ),
                ),
              );
            }),
            (t.prototype._dragSubscribe = function () {
              var e = Object(k.ensureNotNull)(this._container).ownerDocument;
              e &&
                (e.addEventListener('mouseup', this._mouseUp),
                e.addEventListener('mousemove', this._mouseMove));
            }),
            (t.prototype._dragUnsubscribe = function () {
              var e = Object(k.ensureNotNull)(this._container).ownerDocument;
              e &&
                (e.removeEventListener('mousemove', this._mouseMove),
                e.removeEventListener('mouseup', this._mouseUp));
            }),
            (t.prototype._getNewPosition = function (e) {
              var t = this.props,
                n = t.min,
                a = t.max - n,
                r = Object(k.ensureNotNull)(this._container),
                i = Object(k.ensureNotNull)(this._pointer),
                o = r.getBoundingClientRect(),
                l = i.offsetWidth,
                c = e.clientX - l / 2 - o.left;
              return (
                Object(at.isRtl)() && (c = o.width - c - l),
                Object(P.clamp)(c / (o.width - l), 0, 1) * a + n
              );
            }),
            (t.prototype._detectPointerMode = function (e) {
              var t = this.props,
                n = t.from,
                a = t.to,
                r = this.state.pointerDragMode;
              if (0 !== r) return r;
              var i = this._getNewPosition(e),
                o = Math.abs(n - i),
                l = Math.abs(a - i),
                c = o === l ? (i < n ? 1 : 2) : o < l ? 1 : 2;
              return this.setState({ pointerDragMode: c }), c;
            }),
            (t.prototype._handleChange = function (e, t) {
              var n = this.props,
                a = n.from,
                r = n.to,
                i = n.onChange;
              (e === a && t === r) || i(e, t);
            }),
            t
          );
        })(r.PureComponent),
        ot = n('/KDZ'),
        lt = n('7EmB');
      function ct(e) {
        var t = e.definition,
          n = t.id,
          a = t.properties,
          r = a.checked,
          o = a.disabled,
          l = a.from,
          s = a.to,
          u = t.title,
          d = t.max,
          p = t.min,
          m = e.offset,
          f = c({ property: r, defaultValue: !0 })[0],
          h = c({ property: o, defaultValue: !1 })[0],
          v = Object(se.a)({ watchedValue: p, defaultValue: void 0 }),
          g = Object(se.a)({ watchedValue: d, defaultValue: void 0 }),
          _ = c({ property: l }),
          y = x(_[0], _[1]),
          w = y[0],
          N = y[1],
          O = y[2],
          S = c({ property: s }),
          j = x(S[0], S[1]),
          C = j[0],
          V = j[1],
          k = j[2],
          M = e.disabled || !f,
          T = { flushed: !1 };
        return i.a.createElement(
          E,
          { id: n, offset: m, checked: r, title: u, disabled: e.disabled || h },
          i.a.createElement(
            b,
            { className: lt.range },
            (function () {
              if (!v || !g) return null;
              return i.a.createElement(
                ot.a,
                { rule: 'screen and (max-width: 460px)' },
                function (e) {
                  return i.a.createElement(
                    le,
                    { breakPoint: 'Medium' },
                    i.a.createElement(
                      i.a.Fragment,
                      null,
                      i.a.createElement(
                        'span',
                        { className: lt.valueInput },
                        i.a.createElement(B, {
                          className: lt.input,
                          sharedBuffer: y,
                          min: v,
                          max: C,
                          step: 1,
                          disabled: M,
                          name: 'from-input',
                          mode: 'integer',
                        }),
                        e
                          ? i.a.createElement(
                              'span',
                              { className: lt.rangeSlider },
                              '—',
                            )
                          : i.a.createElement(it, {
                              className: lt.rangeSlider,
                              from: w,
                              to: C,
                              min: v,
                              max: g,
                              onChange: P,
                              onCommit: I,
                              disabled: M,
                            }),
                      ),
                    ),
                    i.a.createElement(
                      i.a.Fragment,
                      null,
                      i.a.createElement(
                        'span',
                        { className: lt.valueInput },
                        i.a.createElement(B, {
                          className: lt.input,
                          sharedBuffer: j,
                          min: w,
                          max: g,
                          step: 1,
                          disabled: M,
                          name: 'to-input',
                          mode: 'integer',
                        }),
                      ),
                    ),
                  );
                },
              );
            })(),
          ),
        );
        function P(e, t) {
          N(Math.round(e)), V(Math.round(t));
        }
        function I() {
          T.flushed || (O(), k(), (T.flushed = !0));
        }
      }
      var st = n('Q40t');
      function ut(e) {
        return i.a.createElement(
          s.a.Row,
          null,
          i.a.createElement(
            s.a.Cell,
            {
              className: st.titleWrap,
              placement: 'first',
              verticalAlign: 'adaptive',
              colSpan: 2,
              'data-section-name': e.name,
              checkableTitle: !0,
            },
            i.a.createElement(g, {
              title: e.title,
              name: 'is-enabled-' + e.name,
            }),
          ),
        );
      }
      var dt = n('EJl2');
      function pt(e) {
        var t = e.definitions,
          n = e.name,
          a = e.offset;
        return i.a.createElement(
          s.a.Row,
          null,
          i.a.createElement(
            s.a.Cell,
            {
              className: f()(dt.cell, dt.fragmentCell),
              offset: a,
              placement: 'first',
              verticalAlign: 'adaptive',
              colSpan: 2,
              'data-section-name': n,
              checkableTitle: !0,
            },
            t.map(function (e) {
              return i.a.createElement(
                'div',
                { className: dt.item, key: e.id, 'data-section-name': e.id },
                i.a.createElement(ft, { definition: e }),
              );
            }),
          ),
        );
      }
      function mt(e) {
        var t = e.definition,
          n = e.offset;
        return i.a.createElement(
          s.a.Row,
          null,
          i.a.createElement(
            s.a.Cell,
            {
              className: dt.cell,
              offset: n,
              placement: 'first',
              verticalAlign: 'adaptive',
              colSpan: 2,
              checkableTitle: !0,
            },
            i.a.createElement(ft, { definition: t }),
          ),
        );
      }
      function ft(e) {
        var t = e.definition,
          n = t.id,
          a = t.properties,
          r = a.disabled,
          o = a.checked,
          l = a.color,
          s = a.level,
          u = a.width,
          d = a.style,
          p = t.title,
          m = t.widthValues,
          h = t.styleValues,
          b = c({ property: o, defaultValue: !0 })[0],
          v = c({ property: r, defaultValue: !1 })[0],
          E = v || !b;
        return i.a.createElement(
          i.a.Fragment,
          null,
          i.a.createElement(g, {
            name: 'is-enabled-' + n,
            className: f()(p && dt.withTitle),
            title: p && i.a.createElement('span', { className: dt.title }, p),
            property: o,
            disabled: v,
          }),
          s &&
            i.a.createElement(R, {
              className: f()(dt.input, dt.control),
              property: s,
              disabled: E,
            }),
          l &&
            i.a.createElement(Y, {
              className: dt.control,
              disabled: E,
              color: l,
              thickness: u,
              thicknessItems: m,
            }),
          d &&
            i.a.createElement(w, {
              className: dt.control,
              property: d,
              disabled: E,
              allowedLineStyles: h,
            }),
        );
      }
      var ht = n('ZcEB');
      function bt(e) {
        var t = e.definition,
          n = t.id,
          a = t.properties,
          r = a.option1,
          o = a.option2,
          l = a.checked,
          s = a.disabled,
          u = t.title,
          d = t.optionsItems1,
          p = t.optionsItems2,
          m = e.offset,
          f = c({ property: l, defaultValue: !0 })[0],
          h = c({ property: s, defaultValue: !1 })[0],
          b = e.disabled || !f;
        return i.a.createElement(
          E,
          { id: n, offset: m, checked: l, title: u, disabled: e.disabled || h },
          i.a.createElement(
            le,
            { className: ht.twoOptions },
            i.a.createElement(Ne, {
              className: ht.dropdown,
              menuClassName: ht.menu,
              property: r,
              disabled: b,
              options: d,
              'data-name': 'two-options-dropdown-1',
            }),
            i.a.createElement(Ne, {
              className: ht.dropdown,
              menuClassName: ht.menu,
              property: o,
              disabled: b,
              options: p,
              'data-name': 'two-options-dropdown-2',
            }),
          ),
        );
      }
      function vt(e) {
        var t,
          n = e.definition;
        if (
          ((function (e) {
            Object(r.useEffect)(
              function () {
                if (void 0 !== e) {
                  var t = Object(a.__assign)({}, e.properties);
                  return (
                    Object.entries(t).forEach(function (n) {
                      var a = n[0],
                        r = n[1];
                      void 0 !== r &&
                        r.subscribe(t, function () {
                          return l.a.logNormal(
                            'Property "' +
                              a +
                              '" in definition "' +
                              e.id +
                              '" was updated to value "' +
                              r.value() +
                              '"',
                          );
                        });
                    }),
                    function () {
                      Object.entries(t).forEach(function (e) {
                        var n = e[1];
                        void 0 !== n && n.unsubscribeAll(t);
                      });
                    }
                  );
                }
              },
              [e],
            );
          })(Object(o.z)(n) ? void 0 : n),
          Object(o.z)(n))
        ) {
          var c = n.definitions;
          return i.a.createElement(
            r.Fragment,
            null,
            n.title && i.a.createElement(ut, { title: n.title, name: n.id }),
            c &&
              ((t = c.value()),
              t.reduce(function (e, t) {
                if (Object(o.z)(t) || 'leveledLine' !== t.propType) e.push(t);
                else {
                  var n = e[e.length - 1];
                  Array.isArray(n) ? n.push(t) : e.push([t]);
                }
                return e;
              }, [])).map(function (t) {
                return Array.isArray(t)
                  ? i.a.createElement(pt, {
                      key: t[0].id,
                      name: n.id,
                      definitions: t,
                    })
                  : i.a.createElement(
                      vt,
                      Object(a.__assign)({ key: t.id }, e, { definition: t }),
                    );
              }),
            'general' === n.groupType &&
              i.a.createElement(s.a.GroupSeparator, { size: 1 }),
          );
        }
        switch (n.propType) {
          case 'line':
            return i.a.createElement(
              de,
              Object(a.__assign)({}, e, { definition: n }),
            );
          case 'checkable':
            return i.a.createElement(
              _,
              Object(a.__assign)({}, e, { definition: n }),
            );
          case 'color':
            return i.a.createElement(
              pe,
              Object(a.__assign)({}, e, { definition: n }),
            );
          case 'transparency':
            return i.a.createElement(
              ge,
              Object(a.__assign)({}, e, { definition: n }),
            );
          case 'twoColors':
            return i.a.createElement(
              _e,
              Object(a.__assign)({}, e, { definition: n }),
            );
          case 'number':
            return i.a.createElement(
              Se,
              Object(a.__assign)({}, e, { definition: n }),
            );
          case 'symbol':
            return i.a.createElement(
              Je,
              Object(a.__assign)({}, e, { definition: n }),
            );
          case 'text':
            return i.a.createElement(
              He,
              Object(a.__assign)({}, e, { definition: n }),
            );
          case 'checkableSet':
            return i.a.createElement(
              je,
              Object(a.__assign)({}, e, { definition: n }),
            );
          case 'options':
            return i.a.createElement(
              nt,
              Object(a.__assign)({}, e, { definition: n }),
            );
          case 'range':
            return i.a.createElement(
              ct,
              Object(a.__assign)({}, e, { definition: n }),
            );
          case 'coordinates':
            return i.a.createElement(
              et,
              Object(a.__assign)({}, e, { definition: n }),
            );
          case 'twoOptions':
            return i.a.createElement(
              bt,
              Object(a.__assign)({}, e, { definition: n }),
            );
          case 'leveledLine':
            return i.a.createElement(
              mt,
              Object(a.__assign)({}, e, { definition: n }),
            );
          default:
            return null;
        }
      }
      n.d(t, 'a', function () {
        return vt;
      });
    },
    eG6P: function (e, t, n) {
      e.exports = { wrap: 'wrap-3VxI_YR4' };
    },
    eU7S: function (e, t, n) {
      e.exports = {
        line: 'line-Xef4M09H',
        control: 'control-3967I_nS',
        valueInput: 'valueInput-1ujFKjiy',
        valueUnit: 'valueUnit-WuH55OtL',
        input: 'input-3Sw_tvuz',
      };
    },
    gla1: function (e, t, n) {
      'use strict';
      n.d(t, 'a', function () {
        return r;
      });
      var a = n('q1tI'),
        r = function () {
          return Object(a.useReducer)(function (e, t) {
            return e + 1;
          }, 0)[1];
        };
    },
    'i/MG': function (e, t, n) {
      'use strict';
      n.d(t, 'a', function () {
        return u;
      });
      var a = n('mrSG'),
        r = (n('YFKU'), n('q1tI')),
        i = n('TSYQ'),
        o = n('Iivm'),
        l = n('To8B'),
        c = n('kXJy'),
        s = { remove: window.t('Remove') };
      function u(e) {
        var t = e.className,
          n = e.isActive,
          u = e.onClick,
          d = e.title,
          p = e.hidden,
          m = e['data-name'],
          f = void 0 === m ? 'remove-button' : m,
          h = Object(a.__rest)(e, [
            'className',
            'isActive',
            'onClick',
            'title',
            'hidden',
            'data-name',
          ]);
        return r.createElement(
          o.Icon,
          Object(a.__assign)({}, h, {
            'data-name': f,
            className: i(
              c.button,
              'apply-common-tooltip',
              n && c.active,
              p && c.hidden,
              t,
            ),
            icon: l,
            onClick: u,
            title: d || s.remove,
          }),
        );
      }
    },
    jAqK: function (e, t) {
      e.exports =
        '<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path stroke="currentColor" d="M4.5 13.5H24m-19.5 0L8 17m-3.5-3.5L8 10"/></svg>';
    },
    jggR: function (e, t, n) {
      e.exports = {
        container: 'container-2IsTVQ49',
        focused: 'focused-1QCDvHCH',
        readonly: 'readonly-3TW7INT8',
        disabled: 'disabled-Ju2phm9i',
        'size-small': 'size-small-1qV-ZeVg',
        'size-medium': 'size-medium-2lM1uGoO',
        'size-large': 'size-large-1NHR4lnE',
        'font-size-small': 'font-size-small-3eSt8Wl7',
        'font-size-medium': 'font-size-medium-3lwViqM8',
        'font-size-large': 'font-size-large-uTIroj7p',
        'border-none': 'border-none-2LzWNqL7',
        shadow: 'shadow-AN9BmmG5',
        'border-thin': 'border-thin-2QjYg4o3',
        'border-thick': 'border-thick-3XUkSewU',
        'intent-default': 'intent-default-1A7eWGEJ',
        'intent-success': 'intent-success-1Oz2EYaq',
        'intent-warning': 'intent-warning-2CIKi-Sg',
        'intent-danger': 'intent-danger-34bo52Yx',
        'intent-primary': 'intent-primary-30cIvmgZ',
        'corner-top-left': 'corner-top-left-3jqic47X',
        'corner-top-right': 'corner-top-right-YZ3WAu2k',
        'corner-bottom-right': 'corner-bottom-right-3_DA5L_W',
        'corner-bottom-left': 'corner-bottom-left-3lFAslf6',
        textarea: 'textarea-bk9MQutx',
      };
    },
    kJwE: function (e, t, n) {
      e.exports = {
        lineWidthSelect: 'lineWidthSelect-3ziEuHcz',
        bar: 'bar-37_AfcZG',
        isActive: 'isActive-dohf9HfR',
        item: 'item-2zVrXM_1',
      };
    },
    kXJy: function (e, t, n) {
      e.exports = {
        button: 'button-1scLo53s',
        active: 'active-2T0ofIIp',
        hidden: 'hidden-2GRQzIQ1',
      };
    },
    lB1i: function (e, t, n) {
      e.exports = { wrap: 'wrap-K_N9jM1e', disabled: 'disabled-2QK47L8c' };
    },
    oWdB: function (e, t, n) {
      e.exports = {
        twoColors: 'twoColors-iyrZVlk4',
        colorPicker: 'colorPicker-3hYQ60NL',
      };
    },
    rRJX: function (e, t) {
      e.exports =
        '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28" width="28" height="28"><path fill="currentColor" d="M14 21h-3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h3c2 0 4 1 4 3 0 1 0 2-1.5 3 1.5.5 2.5 2 2.5 4 0 2.75-2.638 4-5 4zM12 9l.004 3c.39.026.82 0 1.25 0C14.908 12 16 11.743 16 10.5c0-1.1-.996-1.5-2.5-1.5-.397 0-.927-.033-1.5 0zm0 5v5h1.5c1.5 0 3.5-.5 3.5-2.5S15 14 13.5 14c-.5 0-.895-.02-1.5 0z"/></svg>';
    },
    vqb8: function (e, t, n) {
      'use strict';
      n.d(t, 'a', function () {
        return r;
      });
      var a = n('q1tI'),
        r = function (e) {
          var t = 'watchedValue' in e ? e.watchedValue : void 0,
            n = 'defaultValue' in e ? e.defaultValue : e.watchedValue.value(),
            r = Object(a.useState)(t ? t.value() : n),
            i = r[0],
            o = r[1];
          return (
            Object(a.useEffect)(
              function () {
                if (t) {
                  o(t.value());
                  var e = function (e) {
                    return o(e);
                  };
                  return (
                    t.subscribe(e),
                    function () {
                      return t.unsubscribe(e);
                    }
                  );
                }
                return function () {};
              },
              [t],
            ),
            i
          );
        };
    },
    vxCt: function (e, t, n) {
      e.exports = { checkbox: 'checkbox-1So8p7GP', title: 'title-1uAaOORo' };
    },
    ybVX: function (e, t, n) {
      'use strict';
      n.d(t, 'b', function () {
        return i;
      }),
        n.d(t, 'a', function () {
          return o;
        });
      var a = n('q1tI'),
        r = n.n(a),
        i = r.a.createContext({}),
        o = r.a.createContext({});
    },
    yqnI: function (e, t, n) {
      'use strict';
      n.d(t, 'a', function () {
        return r;
      });
      var a = n('uOxu'),
        r = Object(a.getLogger)('Platform.GUI.PropertyDefinitionTrace');
    },
  },
]);