"use strict";
(self["webpackChunkweb"] = self["webpackChunkweb"] || []).push([[149],{

/***/ 65415:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = Anime;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _animeEs = _interopRequireDefault(__webpack_require__(76030));
var _jsxRuntime = __webpack_require__(85893);
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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 Anime(props) {
  var animationRef = (0, _react.useRef)([]);
  (0, _react.useEffect)(function () {
    props.animation_configs.forEach(function (animation_config, i_config) {
      var elems = document.querySelectorAll(animation_config.targets);
      animationRef.current[i_config] = (0, _animeEs.default)(_objectSpread(_objectSpread({}, animation_config), {}, {
        targets: elems
      }));
    });
    return function () {
      animationRef.current.forEach(function (animation, i_anim) {
        animationRef.current[i_anim].remove('targets');
        animationRef.current[i_anim].pause();
      });
      //console.log(animationRef.current);
    };
  });
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, props), {}, {
    className: "anime-component",
    children: props.children
  }));
}
module.exports = exports.default;

/***/ }),

/***/ 8734:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = Button;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _jsxRuntime = __webpack_require__(85893);
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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 Button(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({}, props), {}, {
    children: props.text
  }));
}
module.exports = exports.default;

/***/ }),

/***/ 95141:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = void 0;
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(27424));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _jsxRuntime = __webpack_require__(85893);
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function Calendar(props) {
  var _useState = (0, _react.useState)([]),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    appointments = _useState2[0],
    setAppointments = _useState2[1];
  var api = props.api;
  (0, _react.useEffect)(function () {
    // Fetch appointments from backend
    fetch(api).then(function (response) {
      return response.json();
    }).then(function (data) {
      return setAppointments(data);
    });
  }, []);
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    style: styles.container,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
      style: styles.title,
      children: "Appointments"
    }), appointments.map(function (appointment) {
      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
        style: styles.appointment,
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
          style: styles.appointmentTime,
          children: appointment.time
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
          style: styles.appointmentDescription,
          children: appointment.description
        })]
      }, appointment.id);
    })]
  });
}
var styles = {
  container: {
    backgroundColor: 'white',
    padding: '20px'
  },
  title: {
    fontSize: '24px',
    fontWeight: 'bold',
    marginBottom: '20px'
  },
  appointment: {
    borderBottom: '1px solid #eee',
    paddingBottom: '10px'
  },
  appointmentTime: {
    fontSize: '16px',
    fontWeight: 'bold',
    marginBottom: '5px'
  },
  appointmentDescription: {
    fontSize: '14px'
  }
};
var _default = Calendar;
exports["default"] = _default;
module.exports = exports.default;

/***/ }),

/***/ 31500:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = exports.UnstyledChart = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(59400));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(70215));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(27424));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _styledComponents = _interopRequireDefault(__webpack_require__(12788));
var _jsxRuntime = __webpack_require__(85893);
var _templateObject;
var _excluded = ["elementType"],
  _excluded2 = ["elementType"],
  _excluded3 = ["elementType"],
  _excluded4 = ["elementType"],
  _excluded5 = ["elementType"],
  _excluded6 = ["elementType"],
  _excluded7 = ["elementType"],
  _excluded8 = ["elementType"],
  _excluded9 = ["elementType"],
  _excluded10 = ["elementType"];
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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; } // import {
//   LineChart, Line, AreaChart, Area, BarChart, Bar,
//   ScatterChart, Scatter, ComposedChart, PieChart, Pie, RadarChart,
//   Radar, RadialBarChart, RadialBar, XAxis, YAxis, ZAxis, CartesianGrid,
//   PolarGrid, PolarAngleAxis, PolarRadiusAxis, Tooltip, Legend, Brush,
//   ResponsiveContainer, Label, ReferenceLine, Cell, ReferenceArea
// } from 'recharts';
var recharts;
var ResponsiveContainer;
var LineChart, Line, AreaChart, Area, BarChart, Bar, ScatterChart, Scatter, ComposedChart, PieChart, Pie, RadarChart, Radar, RadialBarChart, RadialBar, XAxis, YAxis, ZAxis, CartesianGrid, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Tooltip, Legend, Brush, Label, ReferenceLine, Cell, ReferenceArea;
var UnstyledChart = function UnstyledChart(props) {
  // required
  var type = props.type,
    width = props.width,
    height = props.height,
    margin = props.margin,
    data = props.data,
    onClick = props.onClick,
    onMouseDown = props.onMouseDown,
    onMouseMove = props.onMouseMove,
    stackOffset = props.stackOffset,
    innerRadius = props.innerRadius,
    outerRadius = props.outerRadius,
    configuration = props.configuration;
  // optional with default
  var style = props.style ? props.style : {};
  var getChart;
  var getLabelsXAxis;
  var getLabelsYAxis;
  var getElements;
  var _useState = (0, _react.useState)(0),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    renderCount = _useState2[0],
    setRenderCount = _useState2[1];
  if (typeof recharts === 'undefined') {
    recharts = __webpack_require__.e(/* import() */ 758).then(__webpack_require__.bind(__webpack_require__, 93758)).then(function (data) {
      recharts = data;
      var _recharts = recharts;
      LineChart = _recharts.LineChart;
      Line = _recharts.Line;
      AreaChart = _recharts.AreaChart;
      Area = _recharts.Area;
      BarChart = _recharts.BarChart;
      Bar = _recharts.Bar;
      ScatterChart = _recharts.ScatterChart;
      Scatter = _recharts.Scatter;
      ComposedChart = _recharts.ComposedChart;
      PieChart = _recharts.PieChart;
      Pie = _recharts.Pie;
      RadarChart = _recharts.RadarChart;
      Radar = _recharts.Radar;
      RadialBarChart = _recharts.RadialBarChart;
      RadialBar = _recharts.RadialBar;
      XAxis = _recharts.XAxis;
      YAxis = _recharts.YAxis;
      ZAxis = _recharts.ZAxis;
      CartesianGrid = _recharts.CartesianGrid;
      PolarGrid = _recharts.PolarGrid;
      PolarAngleAxis = _recharts.PolarAngleAxis;
      PolarRadiusAxis = _recharts.PolarRadiusAxis;
      Tooltip = _recharts.Tooltip;
      Legend = _recharts.Legend;
      Brush = _recharts.Brush;
      ResponsiveContainer = _recharts.ResponsiveContainer;
      Label = _recharts.Label;
      ReferenceLine = _recharts.ReferenceLine;
      Cell = _recharts.Cell;
      ReferenceArea = _recharts.ReferenceArea;
      setRenderCount(1);
      // console.log("recharts", data, recharts.ResponsiveContainer, recharts, ResponsiveContainer, renderCount)
    });
  }

  // console.log("recharts2", data, recharts.ResponsiveContainer, recharts, ResponsiveContainer, renderCount)

  if (recharts.ResponsiveContainer != null) {
    getChart = function getChart(children) {
      switch (type) {
        case "line":
          return /*#__PURE__*/(0, _jsxRuntime.jsx)(LineChart, {
            width: width,
            height: height,
            margin: margin,
            data: data,
            onClick: onClick,
            onMouseDown: onMouseDown,
            onMouseMove: onMouseMove,
            stackOffset: stackOffset,
            style: _objectSpread({}, style),
            children: children
          });
        case "area":
          return /*#__PURE__*/(0, _jsxRuntime.jsx)(AreaChart, {
            width: width,
            height: height,
            margin: margin,
            data: data,
            onClick: onClick,
            stackOffset: stackOffset,
            style: _objectSpread({}, style),
            children: children
          });
        case "bar":
          return /*#__PURE__*/(0, _jsxRuntime.jsx)(BarChart, {
            width: width,
            height: height,
            margin: margin,
            data: data,
            onClick: onClick,
            stackOffset: stackOffset,
            style: _objectSpread({}, style),
            children: children
          });
        case "scatter":
          return /*#__PURE__*/(0, _jsxRuntime.jsx)(ScatterChart, {
            width: width,
            height: height,
            margin: margin,
            data: data,
            onClick: onClick,
            stackOffset: stackOffset,
            style: _objectSpread({}, style),
            children: children
          });
        case "composed":
          return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComposedChart, {
            width: width,
            height: height,
            margin: margin,
            data: data,
            onClick: onClick,
            onMouseDown: onMouseDown,
            stackOffset: stackOffset,
            style: _objectSpread({}, style),
            children: children
          });
        case "pie":
          return /*#__PURE__*/(0, _jsxRuntime.jsx)(PieChart, {
            width: width,
            height: height,
            margin: margin,
            data: data,
            onClick: onClick,
            stackOffset: stackOffset,
            style: _objectSpread({}, style),
            children: children
          });
        case "radar":
          return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadarChart, {
            width: width,
            height: height,
            margin: margin,
            data: data,
            onClick: onClick,
            stackOffset: stackOffset,
            style: _objectSpread({}, style),
            children: children
          });
        case "radial":
          return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadialBarChart, {
            width: width,
            height: height,
            margin: margin,
            data: data,
            innerRadius: innerRadius,
            outerRadius: outerRadius,
            onClick: onClick,
            stackOffset: stackOffset,
            style: _objectSpread({}, style),
            children: children
          });
        default:
          return /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
            children: "selected chart type does not exist..."
          });
      }
    };
    getLabelsXAxis = function getLabelsXAxis() {
      var elements = [];
      var style = {};
      if (configuration.xAxis.labels && configuration.xAxis.labels.length > 0) {
        configuration.xAxis.labels.forEach(function (element) {
          style = element.style ? props.style : {};
          switch (element.elementType) {
            case "label":
              var elementType = element.elementType,
                elementProps = (0, _objectWithoutProperties2.default)(element, _excluded);
              elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(Label, _objectSpread({
                style: _objectSpread({}, style)
              }, elementProps)));
              break;
          }
        });
      }
      return elements;
    };
    getLabelsYAxis = function getLabelsYAxis() {
      var elements = [];
      var style = {};
      if (configuration.yAxis.labels && configuration.yAxis.labels.length > 0) {
        configuration.yAxis.labels.forEach(function (element) {
          style = element.style ? props.style : {};
          switch (element.elementType) {
            case "label":
              var elementType = element.elementType,
                elementProps = (0, _objectWithoutProperties2.default)(element, _excluded2);
              elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(Label, _objectSpread({
                style: _objectSpread({}, style)
              }, elementProps)));
              break;
          }
        });
      }
      return elements;
    };
    getElements = function getElements() {
      var elements = [];
      if (typeof configuration !== "undefined") {
        if (configuration !== null && configuration !== void 0 && configuration.toolTip) {
          elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, _objectSpread({}, configuration.toolTip)));
        }
        configuration.elements.forEach(function (element) {
          switch (element.elementType) {
            case "line":
              var elementType = element.elementType,
                elementProps = (0, _objectWithoutProperties2.default)(element, _excluded3);
              elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread({}, elementProps)));
              break;
            case "area":
              var elementType = element.elementType,
                elementProps = (0, _objectWithoutProperties2.default)(element, _excluded4);
              elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(Area, _objectSpread({}, elementProps)));
              break;
            case "bar":
              var elementType = element.elementType,
                elementProps = (0, _objectWithoutProperties2.default)(element, _excluded5);
              elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(Bar, _objectSpread({}, elementProps)));
              break;
            case "scatter":
              var elementType = element.elementType,
                elementProps = (0, _objectWithoutProperties2.default)(element, _excluded6);
              elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(Scatter, _objectSpread({}, elementProps)));
              break;
            case "pie":
              var elementType = element.elementType,
                elementProps = (0, _objectWithoutProperties2.default)(element, _excluded7);
              if (element.data) {
                elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(Pie, _objectSpread(_objectSpread({
                  data: element.data
                }, elementProps), {}, {
                  children: element.data.map(function (entry, index) {
                    /*#__PURE__*/(0, _jsxRuntime.jsx)(Cell, {
                      fill: entry.fill
                    }, "cell-".concat(index));
                  })
                })));
              } else {
                elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(Pie, _objectSpread(_objectSpread({
                  data: data
                }, elementProps), {}, {
                  children: data.map(function (entry, index) {
                    /*#__PURE__*/(0, _jsxRuntime.jsx)(Cell, {
                      fill: entry.fill
                    }, "cell-".concat(index));
                  })
                })));
              }
              break;
            case "radar":
              var elementType = element.elementType,
                elementProps = (0, _objectWithoutProperties2.default)(element, _excluded8);
              elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(Radar, _objectSpread({}, elementProps)));
              break;
            case "radial":
              var elementType = element.elementType,
                elementProps = (0, _objectWithoutProperties2.default)(element, _excluded9);
              elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(RadialBar, _objectSpread({}, elementProps)));
              break;
            case "referenceline":
              var elementType = element.elementType,
                elementProps = (0, _objectWithoutProperties2.default)(element, _excluded10);
              elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(ReferenceLine, _objectSpread({}, elementProps)));
              break;
          }
        });
        if (configuration.cartesianGrid) {
          elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(CartesianGrid, _objectSpread({}, configuration.cartesianGrid)));
        }
        if (configuration.polarGrid) {
          elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(PolarGrid, _objectSpread({}, configuration.polarGrid)));
        }
        if (configuration.polarAngleAxis) {
          elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(PolarAngleAxis, _objectSpread({}, configuration.polarAngleAxis)));
        }
        if (configuration.polarRadiusAxis) {
          elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(PolarRadiusAxis, _objectSpread({}, configuration.polarRadiusAxis)));
        }
        if (configuration.xAxis) {
          elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(XAxis, _objectSpread(_objectSpread({}, configuration.xAxis), {}, {
            children: getLabelsXAxis()
          })));
        }
        if (configuration.yAxis) {
          elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(YAxis, _objectSpread(_objectSpread({}, configuration.yAxis), {}, {
            children: getLabelsYAxis()
          })));
        }
        if (configuration.yAxisSecondary) {
          elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(YAxis, _objectSpread({}, configuration.yAxisSecondary)));
        }
        if (configuration.zAxis) {
          elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(ZAxis, _objectSpread({}, configuration.zAxis)));
        }
        if (configuration.legend) {
          elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(Legend, _objectSpread({}, configuration.legend)));
        }
        if (configuration.brush) {
          elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(Brush, _objectSpread({}, configuration.brush)));
        }
        if (configuration.referenceArea) {
          elements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(ReferenceArea, _objectSpread({}, configuration.referenceArea)));
        }
      }
      return elements;
    };
    // console.log("getElements", getElements)
  }

  // useEffect(() => {
  //   if (typeof recharts === 'undefined') {
  //     recharts = import("recharts").then(data=>{
  //       recharts = data

  //       let {
  //           LineChart, Line, AreaChart, Area, BarChart, Bar,
  //           ScatterChart, Scatter, ComposedChart, PieChart, Pie, RadarChart,
  //           Radar, RadialBarChart, RadialBar, XAxis, YAxis, ZAxis, CartesianGrid,
  //           PolarGrid, PolarAngleAxis, PolarRadiusAxis, Tooltip, Legend, Brush,
  //           ResponsiveContainer, Label, ReferenceLine, Cell, ReferenceArea
  //         } = recharts

  //       console.log("recharts", data, recharts, ResponsiveContainer)

  //       getChart = (children) => {
  //         switch (type) {
  //           case "line":
  //             return (<LineChart width={width} height={height} margin={margin} data={data} onClick={onClick} onMouseDown={onMouseDown} onMouseMove={onMouseMove} stackOffset={stackOffset} style={{ ...style }}>{children}</LineChart>)

  //           case "area":
  //             return (<AreaChart width={width} height={height} margin={margin} data={data} onClick={onClick} stackOffset={stackOffset} style={{ ...style }}>{children}</AreaChart>)

  //           case "bar":
  //             return (<BarChart width={width} height={height} margin={margin} data={data} onClick={onClick} stackOffset={stackOffset} style={{ ...style }}>{children}</BarChart>)

  //           case "scatter":
  //             return (<ScatterChart width={width} height={height} margin={margin} data={data} onClick={onClick} stackOffset={stackOffset} style={{ ...style }}>{children}</ScatterChart>)

  //           case "composed":
  //             return (<ComposedChart width={width} height={height} margin={margin} data={data} onClick={onClick} onMouseDown={onMouseDown} stackOffset={stackOffset} style={{ ...style }}>{children}</ComposedChart>)

  //           case "pie":
  //             return (<PieChart width={width} height={height} margin={margin} data={data} onClick={onClick} stackOffset={stackOffset} style={{ ...style }}>{children}</PieChart>)

  //           case "radar":
  //             return (<RadarChart width={width} height={height} margin={margin} data={data} onClick={onClick} stackOffset={stackOffset} style={{ ...style }}>{children}</RadarChart>)

  //           case "radial":
  //             return (<RadialBarChart width={width} height={height} margin={margin} data={data} innerRadius={innerRadius} outerRadius={outerRadius} onClick={onClick} stackOffset={stackOffset} style={{ ...style }}>{children}</RadialBarChart>)

  //           default:
  //             return (<h3>selected chart type does not exist...</h3>)
  //         }
  //       }

  //       getLabelsXAxis = () => {
  //         const elements = [];
  //         let style = {};
  //         if (configuration.xAxis.labels && configuration.xAxis.labels.length > 0) {
  //           configuration.xAxis.labels.forEach(element => {
  //             style = element.style ? props.style : {};
  //             switch (element.elementType) {
  //               case "label":
  //                 var { elementType, ...elementProps } = element;
  //                 elements.push((<Label style={{ ...style }}  {...elementProps}></Label>));
  //                 break;
  //             }
  //           })
  //         }
  //         return elements;
  //       }

  //       getLabelsYAxis = () => {
  //         const elements = [];
  //         let style = {};
  //         if (configuration.yAxis.labels && configuration.yAxis.labels.length > 0) {
  //           configuration.yAxis.labels.forEach(element => {
  //             style = element.style ? props.style : {};
  //             switch (element.elementType) {
  //               case "label":
  //                 var { elementType, ...elementProps } = element;
  //                 elements.push((<Label style={{ ...style }}  {...elementProps}></Label>));
  //                 break;
  //             }
  //           })
  //         }
  //         return elements;
  //       }

  //       getElements = () => {
  //         const elements = [];
  //         if (configuration.toolTip) {
  //           elements.push(<Tooltip {...configuration.toolTip}></Tooltip>);
  //         }
  //         configuration.elements.forEach(element => {
  //           switch (element.elementType) {

  //             case "line":
  //               var { elementType, ...elementProps } = element;
  //               elements.push((<Line {...elementProps}></Line>));
  //               break;

  //             case "area":
  //               var { elementType, ...elementProps } = element;
  //               elements.push((<Area {...elementProps}></Area>));
  //               break;

  //             case "bar":
  //               var { elementType, ...elementProps } = element;
  //               elements.push((<Bar {...elementProps}></Bar>));
  //               break;

  //             case "scatter":
  //               var { elementType, ...elementProps } = element;
  //               elements.push((<Scatter data={data.map(data_point => data_point[element.key])} {...elementProps}></Scatter>));
  //               break;

  //             case "pie":
  //               var { elementType, ...elementProps } = element;
  //               if (element.data) {
  //                 elements.push((<Pie data={element.data} {...elementProps}>{element.data.map((entry, index) => { <Cell key={`cell-${index}`} fill={entry.fill} /> })}</Pie>));
  //               } else {
  //                 elements.push((<Pie data={data} {...elementProps}>{data.map((entry, index) => { <Cell key={`cell-${index}`} fill={entry.fill} /> })}</Pie>));
  //               }
  //               break;

  //             case "radar":
  //               var { elementType, ...elementProps } = element;
  //               elements.push((<Radar {...elementProps}></Radar>));
  //               break;

  //             case "radial":
  //               var { elementType, ...elementProps } = element;
  //               elements.push((<RadialBar {...elementProps}></RadialBar>));
  //               break;

  //             case "referenceline":
  //               var { elementType, ...elementProps } = element;
  //               elements.push((<ReferenceLine {...elementProps}></ReferenceLine>));
  //               break;
  //           }
  //         });

  //         if (configuration.cartesianGrid) {
  //           elements.push(<CartesianGrid {...configuration.cartesianGrid}></CartesianGrid>);
  //         }

  //         if (configuration.polarGrid) {
  //           elements.push(<PolarGrid {...configuration.polarGrid}></PolarGrid>);
  //         }

  //         if (configuration.polarAngleAxis) {
  //           elements.push(<PolarAngleAxis {...configuration.polarAngleAxis}></PolarAngleAxis>);
  //         }

  //         if (configuration.polarRadiusAxis) {
  //           elements.push(<PolarRadiusAxis {...configuration.polarRadiusAxis}></PolarRadiusAxis>);
  //         }
  //         if (configuration.xAxis) {
  //           elements.push(<XAxis {...configuration.xAxis}>{getLabelsXAxis()}</XAxis>);
  //         }

  //         if (configuration.yAxis) {
  //           elements.push(<YAxis {...configuration.yAxis}>{getLabelsYAxis()}</YAxis>);
  //         }

  //         if (configuration.yAxisSecondary) {
  //           elements.push(<YAxis {...configuration.yAxisSecondary}></YAxis>);
  //         }

  //         if (configuration.zAxis) {
  //           elements.push(<ZAxis {...configuration.zAxis}></ZAxis>);
  //         }

  //         if (configuration.legend) {
  //           elements.push(<Legend {...configuration.legend}></Legend>);
  //         }

  //         if (configuration.brush) {
  //           elements.push(<Brush {...configuration.brush}></Brush>);
  //         }

  //         if (configuration.referenceArea) {
  //           elements.push(<ReferenceArea {...configuration.referenceArea}></ReferenceArea>);
  //         }

  //         return elements;
  //       }

  //       setRenderCount(1)
  //     })
  //   }

  //   return () => {
  //   };
  // }, []);

  // console.log("renderCount", renderCount, getElements, recharts);
  return recharts.ResponsiveContainer == null ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
    class: "loading-recharts"
  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ResponsiveContainer, {
    width: "100%",
    height: "100%",
    children: getChart(getElements())
  });
};
exports.UnstyledChart = UnstyledChart;
var Chart = (0, _styledComponents.default)(UnstyledChart)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n", "\n"])), function (props) {
  return props.cssString;
});
var _default = Chart;
exports["default"] = _default;

/***/ }),

/***/ 25832:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(59400));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _styledComponents = _interopRequireDefault(__webpack_require__(12788));
var _jsxRuntime = __webpack_require__(85893);
var _templateObject;
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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 UnstyledContainer(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, props), {}, {
    children: props.children
  }));
}
var Container = (0, _styledComponents.default)(UnstyledContainer)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n", "\n"])), function (props) {
  return props.cssString;
});
var _default = Container;
exports["default"] = _default;
module.exports = exports.default;

/***/ }),

/***/ 46114:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = Dropdown;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(27424));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _jsxRuntime = __webpack_require__(85893);
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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 Dropdown(props) {
  var options = props.options;
  var options_rendered = Object.entries(options).map(function (_ref) {
    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
      key = _ref2[0],
      option = _ref2[1];
    return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", _objectSpread(_objectSpread({}, option.props), {}, {
      children: option.props.text
    }));
  });
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("select", _objectSpread(_objectSpread({}, props), {}, {
    children: options_rendered
  }));
}
module.exports = exports.default;

/***/ }),

/***/ 17382:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(59400));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _styledComponents = _interopRequireDefault(__webpack_require__(12788));
var _templateObject;
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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 UnstyledFlex(props) {
  // console.log("flex-props: ", props)
  return /*#__PURE__*/(0, _react.createElement)("div", _objectSpread(_objectSpread({}, props), {}, {
    key: props.name,
    "data-twlcName": props["data-twlcName"],
    style: _objectSpread(_objectSpread({}, props.style), {}, {
      display: "flex",
      flexDirection: props.type
    })
  }));
}
var Flex = (0, _styledComponents.default)(UnstyledFlex)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n", "\n"])), function (props) {
  return props.cssString;
});
var _default = Flex;
exports["default"] = _default;
module.exports = exports.default;

/***/ }),

/***/ 38605:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = void 0;
var _react = _interopRequireDefault(__webpack_require__(67294));
var _jsxRuntime = __webpack_require__(85893);
function IframeComponent(props) {
  var _props$title = props.title,
    title = _props$title === void 0 ? "Embedded Content" : _props$title,
    url = props.url,
    _props$style = props.style,
    style = _props$style === void 0 ? {
      border: "0"
    } : _props$style,
    _props$sandbox = props.sandbox,
    sandbox = _props$sandbox === void 0 ? true : _props$sandbox;
  if (!url) {
    return null;
  }
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
    src: url,
    style: style,
    sandbox: sandbox,
    title: title
  });
}
var _default = IframeComponent;
exports["default"] = _default;
module.exports = exports.default;

/***/ }),

/***/ 86173:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = Image;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _jsxRuntime = __webpack_require__(85893);
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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 Image(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", _objectSpread({}, props));
}
module.exports = exports.default;

/***/ }),

/***/ 6638:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = Input;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _jsxRuntime = __webpack_require__(85893);
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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 Input(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread({}, props));
}
module.exports = exports.default;

/***/ }),

/***/ 6270:
/***/ ((module, exports, __webpack_require__) => {



Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = JsonEditor;
var _react = __webpack_require__(67294);
var _jsxRuntime = __webpack_require__(85893);
// import { JSONEditor } from "vanilla-jsoneditor";

var JSONEditor = null;
function JsonEditor(props) {
  var refContainer = (0, _react.useRef)(null);
  var refEditor = (0, _react.useRef)(null);
  var content = props.content,
    update_func = props.update_func,
    error_func = props.error_func,
    style = props.style;
  var editor_props = {
    content: {
      json: content
    },
    onChange: function onChange(updatedContent, previousContent, _ref) {
      var contentErrors = _ref.contentErrors,
        patchResult = _ref.patchResult;
      // content is an object { json: JSONValue } | { text: string }
      if (update_func) {
        update_func(updatedContent.json);
      }
      if (error_func && contentErrors) {
        error_func(contentErrors);
      }
      // console.log('onChange', { updatedContent, previousContent, contentErrors, patchResult })
      content = updatedContent;
    }
  };
  (0, _react.useEffect)(function () {
    if (typeof JSONEditor === 'function') {
      // create editor
      // console.log("create editor", refContainer.current);
      refEditor.current = new JSONEditor({
        target: refContainer.current,
        props: editor_props
      });
    } else {
      JSONEditor = __webpack_require__.e(/* import() */ 459).then(__webpack_require__.bind(__webpack_require__, 3459)).then(function (data) {
        JSONEditor = data.JSONEditor;
        // console.log("json-editor", data, JSONEditor)
        // create editor
        // console.log("create editor", refContainer.current);
        refEditor.current = new JSONEditor({
          target: refContainer.current,
          props: editor_props
        });
      });
    }
    return function () {
      // destroy editor
      if (refEditor.current) {
        // console.log("destroy editor");
        refEditor.current.destroy();
        refEditor.current = null;
      }
    };
  }, []);

  // update props
  (0, _react.useEffect)(function () {
    if (refEditor.current) {
      // console.log("update props", editor_props);
      refEditor.current.updateProps(editor_props);
    }
  }, [editor_props]);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
    className: "vanilla-jsoneditor-react",
    ref: refContainer,
    style: style
  });
}
module.exports = exports.default;

/***/ }),

/***/ 81865:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = SvgCircle;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _jsxRuntime = __webpack_require__(85893);
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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 SvgCircle(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", _objectSpread({}, props));
}
module.exports = exports.default;

/***/ }),

/***/ 54060:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = SvgContainer;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _jsxRuntime = __webpack_require__(85893);
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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 SvgContainer(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({}, props), {}, {
    children: props.children
  }));
}
module.exports = exports.default;

/***/ }),

/***/ 7179:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = SvgEllipse;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _jsxRuntime = __webpack_require__(85893);
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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 SvgEllipse(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("ellipse", _objectSpread({}, props));
}
module.exports = exports.default;

/***/ }),

/***/ 53422:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = SvgLine;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _jsxRuntime = __webpack_require__(85893);
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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 SvgLine(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("line", _objectSpread({}, props));
}
module.exports = exports.default;

/***/ }),

/***/ 41647:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = SvgPath;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _jsxRuntime = __webpack_require__(85893);
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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 SvgPath(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("path", _objectSpread({}, props));
}
module.exports = exports.default;

/***/ }),

/***/ 28053:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = SvgPolygon;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _jsxRuntime = __webpack_require__(85893);
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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 SvgPolygon(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", _objectSpread({}, props));
}
module.exports = exports.default;

/***/ }),

/***/ 63504:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = SvgPolyline;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _jsxRuntime = __webpack_require__(85893);
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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 SvgPolyline(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", _objectSpread({}, props));
}
module.exports = exports.default;

/***/ }),

/***/ 54461:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = SvgRect;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _jsxRuntime = __webpack_require__(85893);
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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 SvgRect(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", _objectSpread({}, props));
}
module.exports = exports.default;

/***/ }),

/***/ 1253:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(59400));
var _typeof2 = _interopRequireDefault(__webpack_require__(18698));
var _react = _interopRequireDefault(__webpack_require__(67294));
var _styledComponents = _interopRequireDefault(__webpack_require__(12788));
var _jsxRuntime = __webpack_require__(85893);
var _templateObject;
var UnstyledTable = function UnstyledTable(_ref) {
  var data = _ref.data,
    columns = _ref.columns;
  if (typeof columns === "undefined") {
    var _columns = Object.keys(data[0]);
  }
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
        children: columns.map(function (column, index) {
          return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
            children: column
          }, index);
        })
      })
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
      children: data.map(function (row, rowIndex) {
        return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
          children: columns.map(function (column, columnIndex) {
            return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
              children: (0, _typeof2.default)(row[column]) === "object" ? String(JSON.stringify(row[column])) : String(row[column])
            }, columnIndex);
          })
        }, rowIndex * 2 - 1);
      })
    })]
  });
};
var Table = (0, _styledComponents.default)(UnstyledTable)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n", "\n"])), function (props) {
  return props.cssString;
});
var _default = Table;
exports["default"] = _default;
module.exports = exports.default;

/***/ }),

/***/ 96632:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = Text;
var _typeof2 = _interopRequireDefault(__webpack_require__(18698));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _react = _interopRequireDefault(__webpack_require__(67294));
var _reactMarkdown = _interopRequireDefault(__webpack_require__(73298));
var _dompurify = _interopRequireDefault(__webpack_require__(27856));
var _jsxRuntime = __webpack_require__(85893);
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) { (0, _defineProperty2.default)(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; } // import styled from 'styled-components';
function Text(props) {
  var tag = props.tag,
    text = props.text;
  delete props["text"];
  delete props["tag"];
  delete props["dangerouslySetInnerHTML"];
  if (tag === "h1") {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", _objectSpread(_objectSpread({}, props), {}, {
      children: text
    }));
  }
  if (tag === "h2") {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", _objectSpread(_objectSpread({}, props), {}, {
      children: text
    }));
  }
  if (tag === "h3") {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", _objectSpread(_objectSpread({}, props), {}, {
      children: text
    }));
  }
  if (tag === "p") {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)("p", _objectSpread(_objectSpread({}, props), {}, {
      children: text
    }));
  }
  if (tag === "a") {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({}, props), {}, {
      children: text
    }));
  }
  if (tag === "html") {
    var sanitizedText = _dompurify.default.sanitize(text);
    console.log("html: ", text, (0, _typeof2.default)(text), props, sanitizedText);
    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, props), {}, {
      dangerouslySetInnerHTML: {
        __html: sanitizedText
      }
    }));
  }
  if (tag === "md") {
    // console.log("react-markdown: ", text, typeof text, props)
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMarkdown.default, _objectSpread(_objectSpread({}, props), {}, {
      children: text
    }));
  }
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("p", _objectSpread(_objectSpread({}, props), {}, {
    children: text
  }));
}

// const Text = styled(UnstyledText)`
// ${props => props.cssString}
// `
// export default Text;
module.exports = exports.default;

/***/ }),

/***/ 54378:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = TextArea;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _jsxRuntime = __webpack_require__(85893);
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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 TextArea(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", _objectSpread(_objectSpread({}, props), {}, {
    children: props.text
  }));
}
module.exports = exports.default;

/***/ }),

/***/ 26023:
/***/ ((module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports["default"] = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(59400));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(27424));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _styledComponents = _interopRequireDefault(__webpack_require__(12788));
var _axios = _interopRequireDefault(__webpack_require__(97218));
var _jsxRuntime = __webpack_require__(85893);
var _templateObject;
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function UnstyledUpload(props) {
  var app = props.app,
    destination = props.destination,
    style = props.style,
    input_style = props.input_style,
    button_style = props.button_style;
  var _useState = (0, _react.useState)(null),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    file = _useState2[0],
    setFile = _useState2[1];
  var handleFileChange = function handleFileChange(event) {
    setFile(event.target.files[0]);
  };
  var handleUpload = function handleUpload() {
    if (file) {
      var formData = new FormData();
      formData.append('file', file);
      formData.append('destination', destination);
      var options = {
        headers: {
          'Content-type': 'multipart/form-data',
          'Accept': 'application/json'
        }
      };
      _axios.default.post("/upload/".concat(app), formData, options).then(function (response) {
        console.log(response.data);
      }).catch(function (error) {
        console.error(error);
      });
    }
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    className: "upload-container",
    style: style,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
      className: "upload-input",
      style: input_style,
      type: "file",
      onChange: handleFileChange
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
      className: "upload-button",
      style: button_style,
      onClick: handleUpload,
      children: "Upload"
    })]
  });
}
var Upload = (0, _styledComponents.default)(UnstyledUpload)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n", "\n"])), function (props) {
  return props.cssString;
});
var _default = Upload;
exports["default"] = _default;
module.exports = exports.default;

/***/ }),

/***/ 94293:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports.all_components = void 0;
var _container = _interopRequireDefault(__webpack_require__(25832));
var _flex = _interopRequireDefault(__webpack_require__(17382));
var _text = _interopRequireDefault(__webpack_require__(96632));
var _input = _interopRequireDefault(__webpack_require__(6638));
var _textarea = _interopRequireDefault(__webpack_require__(54378));
var _button = _interopRequireDefault(__webpack_require__(8734));
var _image = _interopRequireDefault(__webpack_require__(86173));
var _dropdown = _interopRequireDefault(__webpack_require__(46114));
var _svgcontainer = _interopRequireDefault(__webpack_require__(54060));
var _svgrect = _interopRequireDefault(__webpack_require__(54461));
var _svgcircle = _interopRequireDefault(__webpack_require__(81865));
var _svgellipse = _interopRequireDefault(__webpack_require__(7179));
var _svgline = _interopRequireDefault(__webpack_require__(53422));
var _svgpolyline = _interopRequireDefault(__webpack_require__(63504));
var _svgpolygon = _interopRequireDefault(__webpack_require__(28053));
var _svgpath = _interopRequireDefault(__webpack_require__(41647));
var _anime = _interopRequireDefault(__webpack_require__(65415));
var _jsoneditor = _interopRequireDefault(__webpack_require__(6270));
var _calendar = _interopRequireDefault(__webpack_require__(95141));
var _upload = _interopRequireDefault(__webpack_require__(26023));
var _chart = _interopRequireDefault(__webpack_require__(31500));
var _table = _interopRequireDefault(__webpack_require__(1253));
var _iframe = _interopRequireDefault(__webpack_require__(38605));
var all_components = {
  container: _container.default,
  flex: _flex.default,
  text: _text.default,
  input: _input.default,
  textarea: _textarea.default,
  button: _button.default,
  image: _image.default,
  dropdown: _dropdown.default,
  svgcontainer: _svgcontainer.default,
  svgrect: _svgrect.default,
  svgcircle: _svgcircle.default,
  svgellipse: _svgellipse.default,
  svgline: _svgline.default,
  svgpolyline: _svgpolyline.default,
  svgpolygon: _svgpolygon.default,
  svgpath: _svgpath.default,
  anime: _anime.default,
  jsoneditor: _jsoneditor.default,
  calendar: _calendar.default,
  upload: _upload.default,
  chart: _chart.default,
  table: _table.default,
  iframe: _iframe.default
};
exports.all_components = all_components;

/***/ }),

/***/ 94149:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {



var _interopRequireDefault = __webpack_require__(64836);
var _typeof3 = __webpack_require__(18698);
Object.defineProperty(exports, "__esModule", ({
  value: true
}));
exports.UnstyledRenderer = UnstyledRenderer;
exports["default"] = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(59400));
var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(861));
var _typeof2 = _interopRequireDefault(__webpack_require__(18698));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(27424));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(38416));
var _react = _interopRequireWildcard(__webpack_require__(67294));
var _Components = __webpack_require__(94293);
var _parseConfig = __webpack_require__(82183);
var _utils = __webpack_require__(5978);
var _styledComponents = _interopRequireDefault(__webpack_require__(12788));
var _jsxRuntime = __webpack_require__(85893);
var _templateObject;
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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) { (0, _defineProperty2.default)(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; }
var event_registry = {};
function UnstyledRenderer(props) {
  var component_id = props.component_id,
    component_config = props.component_config,
    component_state = props.component_state,
    component_inputs = props.component_inputs,
    component_events = props.component_events,
    parent_eventctl = props.parent_eventctl,
    cssString = props.cssString,
    className = props.className,
    _is_child = props._is_child;
  // console.log('cssString: ', cssString, className)
  //console.log("component_config: ", cloneDeep(component_config));
  //console.log("component_state: ", cloneDeep(component_state));
  //console.log("component_inputs: ", cloneDeep(component_inputs));
  //console.log("component_events: ", cloneDeep(component_events));

  var state_original = (0, _react.useRef)({});
  var inputs_original = (0, _react.useRef)({});
  var events = (0, _react.useRef)({});
  var children_events = (0, _react.useRef)({});
  var onload_funcs = (0, _react.useRef)({});
  var onrender_funcs = (0, _react.useRef)({});
  var vars = (0, _react.useRef)({
    initial: true
  });
  if (vars.current.initial) {
    state_original.current = _objectSpread({}, (0, _utils.cloneDeep)(component_state));
    console.log("renderer_states: ", (0, _utils.cloneDeep)(state_original.current), props.key, (0, _utils.cloneDeep)(component_config));
    events.current = _objectSpread({}, component_events);
    vars.current.id = (0, _utils.create_UUID)();
  }
  inputs_original.current = _objectSpread({}, (0, _utils.cloneDeep)(component_inputs));
  // console.log("renderer_inputs: ", cloneDeep(inputs_original))

  var _useState = (0, _react.useState)(null),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    renderCounter = _useState2[0],
    setRenderCounter = _useState2[1];
  var render_vars = (0, _react.useRef)({
    renderCounter: renderCounter
  });
  var increaseRenderCounter = function increaseRenderCounter() {
    render_vars.current.renderCounter = render_vars.current.renderCounter + 1;
    setRenderCounter(render_vars.current.renderCounter);
  };
  var array_state_handler = {
    get: function get(target, key) {
      //console.log("get array_state_handler: ", isArray(target[key]), target, key, target[key])
      if ((0, _typeof2.default)(target[key]) === "object" && target[key] !== null && !(0, _utils.isArray)(target[key])) {
        return new Proxy(target[key], state_handler);
      }
      if ((0, _utils.isArray)(target[key])) {
        return new Proxy(target[key], array_state_handler);
      }
      // const result = target[key]
      // console.log('get-result: ', result)
      // return typeof result === 'undefined'? null : result;
      return target[key];
    },
    set: function set(target, prop, value) {
      if (!(0, _utils.deepEqual)(target[prop], value)) {
        //console.log("set array_state_handler: ", target, prop, value)
        target[prop] = value;
        increaseRenderCounter();
        return true;
      }
      return true;
    }
  };
  var state_handler = {
    get: function get(target, key) {
      //console.log("get state_handler: ", isArray(target[key]), target, key, target[key])
      if ((0, _typeof2.default)(target[key]) === "object" && target[key] !== null && !(0, _utils.isArray)(target[key])) {
        //console.log("get state_handler: as object proxy")
        return new Proxy(target[key], state_handler);
      }
      if ((0, _utils.isArray)(target[key]) && target.watchList && target.watchList.includes(key)) {
        //console.log("get state_handler: as array proxy")
        return new Proxy(target[key], array_state_handler);
      }
      //console.log("get state_handler: no proxy")
      // const result = target[key]
      // console.log('get-result: ', result)
      // return typeof result === 'undefined'? null : result;
      return target[key];
    },
    set: function set(target, prop, value) {
      // console.log("set state_handler: ", target, prop, value)
      if (target.watchList) {
        // console.log("set state_handler pre-watchlist: ", target, prop, value)
        if (target.watchList.includes(prop) && !(0, _utils.deepEqual)(target[prop], value)) {
          target[prop] = value;
          increaseRenderCounter();
        } else {
          target[prop] = value;
        }
      } else {
        target[prop] = value;
      }
      return true;
    }
  };
  var state = new Proxy(state_original, state_handler);
  var inputs_handler = {
    get: function get(target, key) {
      if ((0, _typeof2.default)(target[key]) === "object" && target[key] !== null) {
        return new Proxy(target[key], inputs_handler);
      }
      return target[key];
    },
    set: function set(target, prop, value) {
      //console.log("cannot set input");
      return true;
    }
  };
  var inputs = new Proxy(inputs_original, inputs_handler);
  var eventctl = {
    emit: function emit(event, event_inputs, target) {
      // console.log(
      //   "events ch",
      //   events.current,
      //   event,
      //   event_inputs,
      //   eventctl ? eventctl.get_id() : eventctl,
      //   emitter.get_id(),
      //   reemitter ? reemitter.get_id() : reemitter,
      //   cloneDeep(state.current)
      // );
      // console.log(event, target, typeof target);
      var results = {};
      Object.entries(event_registry).forEach(function (_ref) {
        var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
          element_id = _ref2[0],
          element_events = _ref2[1];
        if (typeof target === "undefined") {
          if (element_events[event]) {
            results[element_id] = element_events[event].apply(element_events, (0, _toConsumableArray2.default)(event_inputs));
          }
        } else {
          if (element_id.includes(target)) {
            if (element_events[event]) {
              results[element_id] = element_events[event].apply(element_events, (0, _toConsumableArray2.default)(event_inputs));
            }
          }
        }
      });
      return results;
      // if (events.current[event]) {
      //   if (event_inputs && isArray(event_inputs)) {
      //     const results = events.current[event](...event_inputs);
      //     const parent_results = eventctl.passToParent(
      //       event,
      //       event_inputs,
      //       emitter,
      //       reemitter
      //     );
      //     const children_results = eventctl.passToChildren(
      //       event,
      //       event_inputs,
      //       emitter,
      //       reemitter
      //     );
      //     return [results, parent_results, children_results];
      //   } else {
      //     const results = events.current[event]();
      //     const parent_results = eventctl.passToParent(
      //       event,
      //       event_inputs,
      //       emitter,
      //       reemitter
      //     );
      //     const children_results = eventctl.passToChildren(
      //       event,
      //       event_inputs,
      //       emitter,
      //       reemitter
      //     );
      //     return [results, parent_results, children_results];
      //   }
      // } else {
      //   const parent_results = eventctl.passToParent(
      //     event,
      //     event_inputs,
      //     emitter,
      //     reemitter
      //   );
      //   const children_results = eventctl.passToChildren(
      //     event,
      //     event_inputs,
      //     emitter,
      //     reemitter
      //   );
      //   return [null, parent_results, children_results];
      // }
    },
    add_onload: function add_onload(func_id, onload_func, func_inputs) {
      onload_funcs.current[func_id] = [onload_func, func_inputs];
    },
    remove_onload: function remove_onload(func_id) {
      delete onload_funcs.current[func_id];
    },
    add_onrender: function add_onrender(func_id, onrender_func, func_inputs) {
      onrender_funcs.current[func_id] = [onrender_func, func_inputs];
    },
    remove_onrender: function remove_onrender(func_id) {
      delete onrender_funcs.current[func_id];
    },
    passToParent: function passToParent(event, event_inputs, emitter, reemitter) {
      //console.log("passToParent: ", parent_eventctl)
      if (parent_eventctl && (typeof reemitter === "undefined" || reemitter.get_id() !== parent_eventctl.get_id())) {
        // console.log("emitting parent", parent_eventctl.get_id(), eventctl.get_id(), emitter.get_id(), reemitter ? reemitter.get_id() : reemitter)
        return parent_eventctl.emit(event, event_inputs, emitter, eventctl);
      }
    },
    passToChildren: function passToChildren(event, event_inputs, emitter, reemitter) {
      // console.log("CHILDREN!!!!!: ",
      // cloneDeep(state.current),
      // cloneDeep(inputs.current),
      // cloneDeep(children_events.current),
      // eventctl.get_id(), emitter.get_id(), reemitter ? reemitter.get_id() : reemitter);
      var children_id = Object.keys(children_events.current);
      var children_results = [];
      children_id.forEach(function (child_id) {
        if (emitter.get_id() !== child_id && (typeof reemitter === "undefined" || reemitter.get_id() !== child_id)) {
          children_results.push(children_events.current[child_id].emit(event, event_inputs, emitter, eventctl));
          // console.log("emitting child", eventctl, emitter, reemitter)
        }
      });
      return children_results;
    },
    addChild: function addChild(child_eventctl) {
      // console.log("children_events: ", cloneDeep(children_events), child_eventctl)
      children_events.current[child_eventctl.get_id()] = child_eventctl;
    },
    removeChild: function removeChild(child_eventctl) {
      // console.log("remove children_events: ", cloneDeep(children_events), child_eventctl)
      delete children_events.current[child_eventctl.get_id()];
    },
    get_id: function get_id() {
      return vars.current.id;
    }
  };
  if (vars.current.initial) {
    if (parent_eventctl) {
      parent_eventctl.addChild(eventctl);
    }
    Object.keys(events.current).forEach(function (event_str) {
      events.current[event_str] = (0, _parseConfig.parseConfig)(events.current[event_str], state.current, inputs.current, eventctl);
    });
    if (typeof component_config.name === "undefined") {
      event_registry[vars.current.id] = events.current;
    } else {
      event_registry[component_config.name + "-" + vars.current.id] = events.current;
    }
  }
  var render_elements = function render_elements(element, name) {
    // console.log("render_elements:", element, name)
    if (element && element.children) {
      var children = [];
      element.children.forEach(function (child) {
        if (child) {
          var _name = child.name;
          var child_id = (0, _utils.create_UUID)();
          var renderer_name = null;
          if (child && child.type === "component" && child.config) {
            // state.current[child_id] = child.state; 
            // console.log("child", child, cloneDeep(state))
            renderer_name = child.config.name ? (0, _parseConfig.parseConfig)((0, _utils.cloneDeep)(child.config.name), child.state, child.inputs, child.events) : _name;
            children.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(Renderer, {
              "data-twlcName": renderer_name,
              component_config: child.config,
              component_state: child.state,
              component_inputs: child.inputs,
              component_events: child.events,
              parent_eventctl: eventctl,
              cssString: child.cssString,
              className: className,
              _is_child: true
            }, renderer_name));
          } else {
            // console.log("child", child, child.name);
            if (child.type) {
              children.push(render_elements(child, child.name));
            }
          }
        }
      });
      var elem_name = typeof name == 'string' ? name : "";
      var rendered_element = /*#__PURE__*/_react.default.createElement(_Components.all_components[element.type], _objectSpread(_objectSpread({}, element.props), {}, {
        key: name,
        'data-twlcName': name,
        'className': element.props.className + " " + className + " " + elem_name
      }), children);
      return rendered_element;
    } else {
      if (element) {
        if (element.type && Object.keys(_Components.all_components).includes(element.type)) {
          var _elem_name = typeof name == 'string' ? name : "";
          var _rendered_element = /*#__PURE__*/_react.default.createElement(_Components.all_components[element.type], _objectSpread(_objectSpread({}, element.props), {}, {
            key: name,
            'data-twlcName': name,
            'className': element.props.className + " " + className + " " + _elem_name
          }));
          return _rendered_element;
        }
      }
    }
  };
  var parsed_config;
  try {
    parsed_config = (0, _parseConfig.parseConfig)((0, _utils.cloneDeep)(component_config), state.current, inputs.current, eventctl);
  } catch (_ref3) {
    var name = _ref3.name;
    var message = _ref3.message;
    console.dir(error);
    parsed_config = {
      name: "error",
      type: "text",
      props: {
        text: "".concat(name, "-").concat(message),
        style: {
          position: 'fixed',
          bottom: '1rem',
          left: '1rem'
        }
      }
    };
  }

  // console.log(
  //     "parsed_config",
  //     parsed_config,
  //     state.current,
  //     inputs.current,
  //     eventctl
  //   );

  if (vars.current.initial) {
    vars.current.initial = false;
  }
  (0, _react.useEffect)(function () {
    return function () {
      if (parent_eventctl) {
        parent_eventctl.removeChild(eventctl);
      }
      delete event_registry[vars.current.id];
    };
  }, []);
  var rendered_elements;
  try {
    rendered_elements = render_elements(parsed_config, props["data-twlcName"]);
  } catch (error) {
    console.dir(error);
    rendered_elements = /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
      style: "{'fontSize': '.5rem'}",
      children: "render failed"
    });
  }
  (0, _react.useEffect)(function () {
    Object.values(onload_funcs.current).forEach(function (onload_config) {
      onload_config[0].apply(onload_config, (0, _toConsumableArray2.default)(onload_config[1]));
    });
    return function () {};
  }, []);
  (0, _react.useEffect)(function () {
    Object.values(onrender_funcs.current).forEach(function (onrender_config) {
      onrender_config[0].apply(onrender_config, (0, _toConsumableArray2.default)(onrender_config[1]));
    });
    return function () {};
  });
  return rendered_elements;
}
var Renderer = (0, _styledComponents.default)(UnstyledRenderer)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n", "\n"])), function (props) {
  return props.cssString;
});
var _default = Renderer;
exports["default"] = _default;

/***/ })

}]);
//# sourceMappingURL=149.js.map