redhotmagma-visualization 1.51.0 → 1.51.2

package/DevApp.js

@@ -1,41 +1,34 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _VisualizationProvider = require("./VisualizationProvider");
-var _VisualizationContainer = _interopRequireDefault(require("./VisualizationContainer"));
-var _visualizationAdapterCreator = require("./visualizationAdapterCreator");
-var _designAreaList2D = _interopRequireDefault(require("./__mocks__/designAreaList2D"));
-var _designAreaList2DVariant = _interopRequireDefault(require("./__mocks__/designAreaList2DVariant"));
-var _designAreaList3DVariant = _interopRequireDefault(require("./__mocks__/designAreaList3DVariant"));
-var _exportedSampleSvg = require("./__mocks__/exportedSampleSvg");
-var _AlignTargetProvider = require("./AlignTargetProvider");
-var _Constants = require("./Constants");
-var _three = require("three");
-var _makeStyles = _interopRequireDefault(require("@material-ui/core/styles/makeStyles"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var adapterConfig = (0, _visualizationAdapterCreator.createAdapterConfig)({
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { Fragment, useEffect, useState } from "react";
+import { VisualizationProvider } from "./VisualizationProvider";
+import VisualizationContainer from "./VisualizationContainer";
+import { createAdapterConfig, createVisualizationAdapter } from "./visualizationAdapterCreator";
+import designAreaList2D from "./__mocks__/designAreaList2D";
+import designAreaList2DVariant from "./__mocks__/designAreaList2DVariant";
+import designAreaList3DVariant from "./__mocks__/designAreaList3DVariant";
+import { getExportedSampleSvg } from "./__mocks__/exportedSampleSvg";
+import { AlignTargetProvider, withAlignTarget } from "./AlignTargetProvider";
+import { EventTypes } from "./Constants";
+import { Color } from "three";
+import makeStyles from "@material-ui/core/styles/makeStyles";
+var adapterConfig = createAdapterConfig({
   host: "/"
 }, {
   "2dVariant": {
@@ -379,11 +372,11 @@ var getDemoData = function getDemoData(mode, model) {
     "2dVariant": {
       itemPath: "softshell",
       materialPath: "softshell_red_s",
-      view: _designAreaList2DVariant["default"][0].designView,
-      designAreaList: _designAreaList2DVariant["default"]
+      view: designAreaList2DVariant[0].designView,
+      designAreaList: designAreaList2DVariant
     },
     "2dLayer": {
-      designAreaList: _designAreaList2D["default"],
+      designAreaList: designAreaList2D,
       configuration: {
         visualizationData: {
           viewImages: {
@@ -392,76 +385,75 @@ var getDemoData = function getDemoData(mode, model) {
           }
         }
       },
-      view: _designAreaList2D["default"][0].designView
+      view: designAreaList2D[0].designView
     },
     "3dScene": _objectSpread({}, modelData["3dScene"][model]),
     "3dVariant": {
       materialPath: "base",
       view: "default",
-      designAreaList: _designAreaList3DVariant["default"]
+      designAreaList: designAreaList3DVariant
     }
   };
   return demoData[mode];
 };
 var loadDemoModel = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(visualization, mode, model) {
-    var _getDemoData, configuration, view, designAreaList, itemPath, materialPath;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(visualization, mode, model) {
+    var _getDemoData, configuration, view, designAreaList, itemPath, materialPath, _t, _t2, _t3, _t4, _t5;
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
         case 0:
           _getDemoData = getDemoData(mode, model), configuration = _getDemoData.configuration, view = _getDemoData.view, designAreaList = _getDemoData.designAreaList, itemPath = _getDemoData.itemPath, materialPath = _getDemoData.materialPath;
-          _context.t0 = visualization.update && configuration;
-          if (!_context.t0) {
-            _context.next = 5;
+          _t = visualization.update && configuration;
+          if (!_t) {
+            _context.n = 1;
             break;
           }
-          _context.next = 5;
+          _context.n = 1;
           return visualization.update(configuration);
-        case 5:
-          _context.t1 = itemPath;
-          if (!_context.t1) {
-            _context.next = 9;
+        case 1:
+          _t2 = itemPath;
+          if (!_t2) {
+            _context.n = 2;
             break;
           }
-          _context.next = 9;
+          _context.n = 2;
           return visualization.updateItemPath(itemPath);
-        case 9:
-          _context.t2 = materialPath;
-          if (!_context.t2) {
-            _context.next = 13;
+        case 2:
+          _t3 = materialPath;
+          if (!_t3) {
+            _context.n = 3;
             break;
           }
-          _context.next = 13;
+          _context.n = 3;
           return visualization.updateMaterialVariantPath(materialPath);
-        case 13:
-          _context.t3 = designAreaList;
-          if (!_context.t3) {
-            _context.next = 17;
+        case 3:
+          _t4 = designAreaList;
+          if (!_t4) {
+            _context.n = 4;
             break;
           }
-          _context.next = 17;
+          _context.n = 4;
           return visualization.updateDesignAreaList(designAreaList);
-        case 17:
-          _context.t4 = view;
-          if (!_context.t4) {
-            _context.next = 26;
+        case 4:
+          _t5 = view;
+          if (!_t5) {
+            _context.n = 7;
             break;
           }
           if (!visualization.setView) {
-            _context.next = 24;
+            _context.n = 6;
             break;
           }
-          _context.next = 22;
+          _context.n = 5;
           return visualization.setView(view);
-        case 22:
-          _context.next = 26;
+        case 5:
+          _context.n = 7;
           break;
-        case 24:
-          _context.next = 26;
+        case 6:
+          _context.n = 7;
           return visualization.jumpToView(view);
-        case 26:
-        case "end":
-          return _context.stop();
+        case 7:
+          return _context.a(2);
       }
     }, _callee);
   }));
@@ -495,7 +487,7 @@ function drawImage(ctx, scaling, effect) {
 }
 var drawToTexture = function drawToTexture(effect, designAreaList) {
   return /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(textureCtx, getTextureBuilder) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(textureCtx, getTextureBuilder) {
       var designAreas,
         _getTextureBuilder,
         drawCanvasToArea,
@@ -504,22 +496,23 @@ var drawToTexture = function drawToTexture(effect, designAreaList) {
         _iterator,
         _step,
         _loop,
-        _args3 = arguments;
-      return _regeneratorRuntime().wrap(function _callee2$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+        _args3 = arguments,
+        _t6;
+      return _regenerator().w(function (_context3) {
+        while (1) switch (_context3.p = _context3.n) {
           case 0:
             designAreas = _args3.length > 2 && _args3[2] !== undefined ? _args3[2] : designAreaList;
             _getTextureBuilder = getTextureBuilder(textureBuilderConfig), drawCanvasToArea = _getTextureBuilder.drawCanvasToArea, highlightDesignAreas = _getTextureBuilder.highlightDesignAreas, drawOn = _getTextureBuilder.drawOn;
             highlightDesignAreas(designAreas);
             _iterator = _createForOfIteratorHelper(designAreas);
-            _context3.prev = 4;
-            _loop = /*#__PURE__*/_regeneratorRuntime().mark(function _loop() {
+            _context3.p = 1;
+            _loop = /*#__PURE__*/_regenerator().m(function _loop() {
               var designArea;
-              return _regeneratorRuntime().wrap(function _loop$(_context2) {
-                while (1) switch (_context2.prev = _context2.next) {
+              return _regenerator().w(function (_context2) {
+                while (1) switch (_context2.n) {
                   case 0:
                     designArea = _step.value;
-                    _context2.next = 3;
+                    _context2.n = 1;
                     return drawCanvasToArea({
                       drawToContext: function drawToContext(ctx, x, y, width) {
                         drawImage(ctx, width / designArea.position.width, effect);
@@ -527,42 +520,40 @@ var drawToTexture = function drawToTexture(effect, designAreaList) {
                       designArea: designArea,
                       effect: effect,
                       effectOptions: effectOptions[effect],
-                      getSvg: _exportedSampleSvg.getExportedSampleSvg
+                      getSvg: getExportedSampleSvg
                     });
-                  case 3:
-                  case "end":
-                    return _context2.stop();
+                  case 1:
+                    return _context2.a(2);
                 }
               }, _loop);
             });
             _iterator.s();
-          case 7:
+          case 2:
             if ((_step = _iterator.n()).done) {
-              _context3.next = 11;
+              _context3.n = 4;
               break;
             }
-            return _context3.delegateYield(_loop(), "t0", 9);
-          case 9:
-            _context3.next = 7;
+            return _context3.d(_regeneratorValues(_loop()), 3);
+          case 3:
+            _context3.n = 2;
             break;
-          case 11:
-            _context3.next = 16;
+          case 4:
+            _context3.n = 6;
             break;
-          case 13:
-            _context3.prev = 13;
-            _context3.t1 = _context3["catch"](4);
-            _iterator.e(_context3.t1);
-          case 16:
-            _context3.prev = 16;
+          case 5:
+            _context3.p = 5;
+            _t6 = _context3.v;
+            _iterator.e(_t6);
+          case 6:
+            _context3.p = 6;
             _iterator.f();
-            return _context3.finish(16);
-          case 19:
+            return _context3.f(6);
+          case 7:
             drawOn(textureCtx);
-          case 20:
-          case "end":
-            return _context3.stop();
+          case 8:
+            return _context3.a(2);
         }
-      }, _callee2, null, [[4, 13, 16, 19]]);
+      }, _callee2, null, [[1, 5, 6, 7]]);
     }));
     return function (_x4, _x5) {
       return _ref2.apply(this, arguments);
@@ -572,19 +563,18 @@ var drawToTexture = function drawToTexture(effect, designAreaList) {
 var addTexture = function addTexture(visualization, mode, model, effect) {
   visualization.getDrawingContext(drawToTexture(effect, getDemoData(mode, model).designAreaList), true /* update alpha */, true /* clean up texture before drawing */);
 };
-
 var expose = function expose(name, value) {
   return window[name] = value;
 };
-var AlignTestComponent = (0, _AlignTargetProvider.withAlignTarget)(function (props) {
-  var ref = /*#__PURE__*/_react["default"].createRef();
-  (0, _react.useEffect)(function () {
+var AlignTestComponent = withAlignTarget(function (props) {
+  var ref = /*#__PURE__*/React.createRef();
+  useEffect(function () {
     props.alignTarget.add(ref.current);
     return function () {
       return props.alignTarget.remove(ref.current);
     };
   }, []);
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     style: {
       position: "fixed",
@@ -606,13 +596,13 @@ var AlignTestComponent = (0, _AlignTargetProvider.withAlignTarget)(function (pro
 });
 var MovementRestrictButton = function MovementRestrictButton(_ref3) {
   var visualization = _ref3.visualization;
-  var _useState = (0, _react.useState)(false),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isMovementRestricted = _useState2[0],
     restrictMovement = _useState2[1];
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "feature"
-  }, /*#__PURE__*/_react["default"].createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     onClick: function onClick() {
       if (isMovementRestricted) {
         visualization.freeUserMovement();
@@ -627,43 +617,43 @@ var MovementRestrictButton = function MovementRestrictButton(_ref3) {
 var ViewSwitchOptions = function ViewSwitchOptions(_ref4) {
   var visualization = _ref4.visualization,
     mode = _ref4.mode;
-  var _useState3 = (0, _react.useState)(getDemoData(mode).view),
+  var _useState3 = useState(getDemoData(mode).view),
     _useState4 = _slicedToArray(_useState3, 2),
     designView = _useState4[0],
     setDesignView = _useState4[1];
-  var _useState5 = (0, _react.useState)(""),
+  var _useState5 = useState(""),
     _useState6 = _slicedToArray(_useState5, 2),
     designArea = _useState6[0],
     setDesignArea = _useState6[1];
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     visualization.setView && visualization.setView(designView);
     setDesignArea("");
   }, [designView]);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     designArea && visualization.jumpToArea(designArea);
   }, [designArea]);
   var designAreaList = getDemoData(mode).designAreaList;
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "feature"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "feature"
-  }, /*#__PURE__*/_react["default"].createElement("label", null, "Switch design views:"), designAreaList.map(function (_ref5) {
+  }, /*#__PURE__*/React.createElement("label", null, "Switch design views:"), designAreaList.map(function (_ref5) {
     var designView = _ref5.designView;
-    return /*#__PURE__*/_react["default"].createElement("button", {
+    return /*#__PURE__*/React.createElement("button", {
       key: designView.identifier,
       value: designView.identifier,
       onClick: function onClick() {
         return setDesignView(designView);
       }
     }, designView.identifier);
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "feature"
-  }, /*#__PURE__*/_react["default"].createElement("label", null, "Switch design areas:"), designAreaList.filter(function (_ref6) {
+  }, /*#__PURE__*/React.createElement("label", null, "Switch design areas:"), designAreaList.filter(function (_ref6) {
     var identifier = _ref6.designView.identifier;
     return identifier === designView.identifier;
   }).map(function (_ref7) {
     var identifier = _ref7.identifier;
-    return /*#__PURE__*/_react["default"].createElement("button", {
+    return /*#__PURE__*/React.createElement("button", {
       key: identifier,
       value: identifier,
       onClick: function onClick(_ref8) {
@@ -676,70 +666,70 @@ var ViewSwitchOptions = function ViewSwitchOptions(_ref4) {
 var CameraViews = function CameraViews(_ref9) {
   var visualization = _ref9.visualization,
     cameras = _ref9.cameras;
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     visualization && visualization.jumpToView && visualization.jumpToView("default");
   }, [cameras]);
   if (!visualization || !cameras || !cameras.length) return null;
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "feature"
-  }, /*#__PURE__*/_react["default"].createElement("select", {
-    onChange: function onChange(_ref10) {
-      var value = _ref10.target.value;
+  }, /*#__PURE__*/React.createElement("select", {
+    onChange: function onChange(_ref0) {
+      var value = _ref0.target.value;
       return visualization.jumpToView(value);
     }
-  }, /*#__PURE__*/_react["default"].createElement("option", null, "Select view"), cameras.map(function (name) {
-    return /*#__PURE__*/_react["default"].createElement("option", {
+  }, /*#__PURE__*/React.createElement("option", null, "Select view"), cameras.map(function (name) {
+    return /*#__PURE__*/React.createElement("option", {
       key: name,
       value: name
     }, name);
   })));
 };
-var Animations = function Animations(_ref11) {
-  var visualization = _ref11.visualization,
-    animations = _ref11.animations;
+var Animations = function Animations(_ref1) {
+  var visualization = _ref1.visualization,
+    animations = _ref1.animations;
   if (!visualization || !animations || !animations.length) return null;
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "feature"
-  }, /*#__PURE__*/_react["default"].createElement("select", {
-    onChange: function onChange(_ref12) {
-      var value = _ref12.target.value;
+  }, /*#__PURE__*/React.createElement("select", {
+    onChange: function onChange(_ref10) {
+      var value = _ref10.target.value;
       return visualization.setActiveAnimation(value);
     }
-  }, /*#__PURE__*/_react["default"].createElement("option", null, "Select animation"), animations.map(function (name) {
-    return /*#__PURE__*/_react["default"].createElement("option", {
+  }, /*#__PURE__*/React.createElement("option", null, "Select animation"), animations.map(function (name) {
+    return /*#__PURE__*/React.createElement("option", {
       key: name,
       value: name
     }, name);
   })));
 };
-var ColorVariants = function ColorVariants(_ref13) {
-  var visualization = _ref13.visualization,
-    variants = _ref13.variants;
+var ColorVariants = function ColorVariants(_ref11) {
+  var visualization = _ref11.visualization,
+    variants = _ref11.variants;
   if (!visualization) return null;
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "feature"
-  }, /*#__PURE__*/_react["default"].createElement("select", {
-    onChange: function onChange(_ref14) {
-      var value = _ref14.target.value;
+  }, /*#__PURE__*/React.createElement("select", {
+    onChange: function onChange(_ref12) {
+      var value = _ref12.target.value;
       return visualization.updateMaterialVariantPath(value);
     }
-  }, /*#__PURE__*/_react["default"].createElement("option", null, "Select variant"), variants.map(function (name) {
-    return /*#__PURE__*/_react["default"].createElement("option", {
+  }, /*#__PURE__*/React.createElement("option", null, "Select variant"), variants.map(function (name) {
+    return /*#__PURE__*/React.createElement("option", {
       key: name,
       value: name
     }, name);
   })));
 };
-var FeatureAvailability = function FeatureAvailability(_ref15) {
-  var availableFor = _ref15.availableFor,
-    mode = _ref15.mode,
-    children = _ref15.children;
+var FeatureAvailability = function FeatureAvailability(_ref13) {
+  var availableFor = _ref13.availableFor,
+    mode = _ref13.mode,
+    children = _ref13.children;
   if (-1 !== availableFor.indexOf(mode)) {
     return children;
   }
   return null;
 };
-var useStyles = (0, _makeStyles["default"])({
+var useStyles = makeStyles({
   container: {
     position: "absolute",
     top: 0,
@@ -771,36 +761,36 @@ var useStyles = (0, _makeStyles["default"])({
   }
 });
 var App = function App() {
-  var _useState7 = (0, _react.useState)("3dScene"),
+  var _useState7 = useState("3dScene"),
     _useState8 = _slicedToArray(_useState7, 2),
     mode = _useState8[0],
     setMode = _useState8[1];
-  var _useState9 = (0, _react.useState)(""),
-    _useState10 = _slicedToArray(_useState9, 2),
-    model = _useState10[0],
-    setModel = _useState10[1];
-  var _useState11 = (0, _react.useState)(),
+  var _useState9 = useState(""),
+    _useState0 = _slicedToArray(_useState9, 2),
+    model = _useState0[0],
+    setModel = _useState0[1];
+  var _useState1 = useState(),
+    _useState10 = _slicedToArray(_useState1, 2),
+    visualization = _useState10[0],
+    setVisualization = _useState10[1];
+  var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    visualization = _useState12[0],
-    setVisualization = _useState12[1];
-  var _useState13 = (0, _react.useState)(false),
+    showAlignTestComponent = _useState12[0],
+    setShowAlignTestComponent = _useState12[1];
+  var _useState13 = useState(""),
     _useState14 = _slicedToArray(_useState13, 2),
-    showAlignTestComponent = _useState14[0],
-    setShowAlignTestComponent = _useState14[1];
-  var _useState15 = (0, _react.useState)(""),
+    effect = _useState14[0],
+    setEffect = _useState14[1];
+  var _useState15 = useState({}),
     _useState16 = _slicedToArray(_useState15, 2),
-    effect = _useState16[0],
-    setEffect = _useState16[1];
-  var _useState17 = (0, _react.useState)({}),
-    _useState18 = _slicedToArray(_useState17, 2),
-    features = _useState18[0],
-    setFeatures = _useState18[1];
-  (0, _react.useEffect)(function () {
+    features = _useState16[0],
+    setFeatures = _useState16[1];
+  useEffect(function () {
     visualization && visualization.dispose();
     var mappedMode = {
       "3dVariant": "3dScene" // the variant mode is deprecated, the demo is made with the 3dScene
     }[mode] || mode;
-    var _visualization = (0, _visualizationAdapterCreator.createVisualizationAdapter)(adapterConfig, mappedMode);
+    var _visualization = createVisualizationAdapter(adapterConfig, mappedMode);
     setVisualization(_visualization);
     _visualization.setOptions3D && _visualization.setOptions3D({
       // uncomment lines to test different settings
@@ -810,30 +800,29 @@ var App = function App() {
     setEffect("");
     setModel("");
   }, [mode]);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var drawFn = function drawFn() {
       visualization.getDrawingContext(drawToTexture("print", getDemoData(mode, model).designAreaList), true /* update alpha */, true /* clean up texture before drawing */);
     };
-
-    visualization && visualization.observable.on(_Constants.EventTypes.MaterialUpdated, drawFn);
+    visualization && visualization.observable.on(EventTypes.MaterialUpdated, drawFn);
     return function () {
-      visualization && visualization.observable.off(_Constants.EventTypes.MaterialUpdated, drawFn);
+      visualization && visualization.observable.off(EventTypes.MaterialUpdated, drawFn);
     };
   }, [visualization, mode, model]);
 
   // highlight intersected (clicked) object
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (visualization) {
       var restoreColor;
       var to;
-      visualization.observable.on(_Constants.EventTypes.Intersection, function (v) {
+      visualization.observable.on(EventTypes.Intersection, function (v) {
         // eslint-disable-next-line no-console
         console.log("Intersection", v);
         var mat = v.data.target.object.material;
         window.clearTimeout(to);
         restoreColor && restoreColor();
         var col = mat.color;
-        mat.color = new _three.Color(1, 0.5, 0.5);
+        mat.color = new Color(1, 0.5, 0.5);
         mat.updateNeeded = true;
         visualization.render();
         restoreColor = function restoreColor() {
@@ -849,125 +838,124 @@ var App = function App() {
   var classes = useStyles();
   var modelList = modelData[mode] && Object.keys(modelData[mode]);
   var designAreaList = getDemoData(mode, model).designAreaList;
-  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: classes.container
-  }, /*#__PURE__*/_react["default"].createElement("select", {
-    onChange: function onChange(_ref16) {
-      var value = _ref16.target.value;
+  }, /*#__PURE__*/React.createElement("select", {
+    onChange: function onChange(_ref14) {
+      var value = _ref14.target.value;
       return setMode(value);
     }
-  }, /*#__PURE__*/_react["default"].createElement("option", {
+  }, /*#__PURE__*/React.createElement("option", {
     value: "3dScene"
-  }, "3D scene"), /*#__PURE__*/_react["default"].createElement("option", {
+  }, "3D scene"), /*#__PURE__*/React.createElement("option", {
     value: "3dVariant"
-  }, "3D variant"), /*#__PURE__*/_react["default"].createElement("option", {
+  }, "3D variant"), /*#__PURE__*/React.createElement("option", {
     value: "2dLayer"
-  }, "2D layer"), /*#__PURE__*/_react["default"].createElement("option", {
+  }, "2D layer"), /*#__PURE__*/React.createElement("option", {
     value: "2dVariant"
-  }, "2D variant")), modelList && /*#__PURE__*/_react["default"].createElement("select", {
+  }, "2D variant")), modelList && /*#__PURE__*/React.createElement("select", {
     value: model,
-    onChange: function onChange(_ref17) {
-      var value = _ref17.target.value;
+    onChange: function onChange(_ref15) {
+      var value = _ref15.target.value;
       return setModel(value);
     }
-  }, /*#__PURE__*/_react["default"].createElement("option", null, "Select model"), modelList.map(function (model) {
-    return /*#__PURE__*/_react["default"].createElement("option", {
+  }, /*#__PURE__*/React.createElement("option", null, "Select model"), modelList.map(function (model) {
+    return /*#__PURE__*/React.createElement("option", {
       value: model,
       key: model
     }, model);
-  })), (!modelList || model) && /*#__PURE__*/_react["default"].createElement("button", {
-    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+  })), (!modelList || model) && /*#__PURE__*/React.createElement("button", {
+    onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
       var foundFeatures;
-      return _regeneratorRuntime().wrap(function _callee3$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regenerator().w(function (_context4) {
+        while (1) switch (_context4.n) {
           case 0:
-            _context4.next = 2;
+            _context4.n = 1;
             return loadDemoModel(visualization, mode, model);
-          case 2:
+          case 1:
             foundFeatures = {};
             if (visualization.getCameras) {
-              foundFeatures.cameras = visualization.getCameras().map(function (_ref19) {
-                var name = _ref19.name;
+              foundFeatures.cameras = visualization.getCameras().map(function (_ref17) {
+                var name = _ref17.name;
                 return name;
               });
             }
             if (visualization.getAnimations) {
-              foundFeatures.animations = visualization.getAnimations().map(function (_ref20) {
-                var name = _ref20.name;
+              foundFeatures.animations = visualization.getAnimations().map(function (_ref18) {
+                var name = _ref18.name;
                 return name;
               });
             }
             setFeatures(foundFeatures);
-          case 6:
-          case "end":
-            return _context4.stop();
+          case 2:
+            return _context4.a(2);
         }
       }, _callee3);
     }))
-  }, "Load demo model"), /*#__PURE__*/_react["default"].createElement("div", {
+  }, "Load demo model"), /*#__PURE__*/React.createElement("div", {
     className: "feature"
-  }, /*#__PURE__*/_react["default"].createElement("label", null, "Use custom align target"), /*#__PURE__*/_react["default"].createElement("input", {
+  }, /*#__PURE__*/React.createElement("label", null, "Use custom align target"), /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
-    onClick: function onClick(_ref21) {
-      var checked = _ref21.target.checked;
+    onClick: function onClick(_ref19) {
+      var checked = _ref19.target.checked;
       return setShowAlignTestComponent(checked);
     }
-  })), designAreaList && designAreaList.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+  })), designAreaList && designAreaList.length > 0 && /*#__PURE__*/React.createElement("div", {
     className: "feature"
-  }, /*#__PURE__*/_react["default"].createElement("label", null, "Texture content effect:"), /*#__PURE__*/_react["default"].createElement("select", {
+  }, /*#__PURE__*/React.createElement("label", null, "Texture content effect:"), /*#__PURE__*/React.createElement("select", {
     value: effect,
-    onChange: function onChange(_ref22) {
-      var value = _ref22.target.value;
+    onChange: function onChange(_ref20) {
+      var value = _ref20.target.value;
       setEffect(value);
       addTexture(visualization, mode, model, value);
     }
-  }, /*#__PURE__*/_react["default"].createElement("option", null, "No effect"), /*#__PURE__*/_react["default"].createElement("option", {
+  }, /*#__PURE__*/React.createElement("option", null, "No effect"), /*#__PURE__*/React.createElement("option", {
     value: "embossing"
-  }, "embossing"), /*#__PURE__*/_react["default"].createElement("option", {
+  }, "embossing"), /*#__PURE__*/React.createElement("option", {
     value: "engraving"
-  }, "engraving"), /*#__PURE__*/_react["default"].createElement("option", {
+  }, "engraving"), /*#__PURE__*/React.createElement("option", {
     value: "doming"
-  }, "doming"), /*#__PURE__*/_react["default"].createElement("option", {
+  }, "doming"), /*#__PURE__*/React.createElement("option", {
     value: "embroidery"
-  }, "embroidery"), /*#__PURE__*/_react["default"].createElement("option", {
+  }, "embroidery"), /*#__PURE__*/React.createElement("option", {
     value: "color_embossing"
-  }, "color embossing"))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, "color embossing"))), /*#__PURE__*/React.createElement("div", {
     className: "feature"
-  }, /*#__PURE__*/_react["default"].createElement("label", {
+  }, /*#__PURE__*/React.createElement("label", {
     className: classes.features
-  }, "Features:"), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(FeatureAvailability, {
+  }, "Features:"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FeatureAvailability, {
     availableFor: ["3dScene", "3dVariant"],
     mode: mode
-  }, /*#__PURE__*/_react["default"].createElement(MovementRestrictButton, {
+  }, /*#__PURE__*/React.createElement(MovementRestrictButton, {
     visualization: visualization
-  })), /*#__PURE__*/_react["default"].createElement(FeatureAvailability, {
+  })), /*#__PURE__*/React.createElement(FeatureAvailability, {
     availableFor: ["3dScene", "3dVariant"],
     mode: mode
-  }, /*#__PURE__*/_react["default"].createElement(CameraViews, {
+  }, /*#__PURE__*/React.createElement(CameraViews, {
     visualization: visualization,
     cameras: features.cameras
-  })), /*#__PURE__*/_react["default"].createElement(FeatureAvailability, {
+  })), /*#__PURE__*/React.createElement(FeatureAvailability, {
     availableFor: ["3dScene", "3dVariant"],
     mode: mode
-  }, /*#__PURE__*/_react["default"].createElement(Animations, {
+  }, /*#__PURE__*/React.createElement(Animations, {
     visualization: visualization,
     animations: features.animations
-  })), /*#__PURE__*/_react["default"].createElement(FeatureAvailability, {
+  })), /*#__PURE__*/React.createElement(FeatureAvailability, {
     availableFor: ["2dLayer", "2dVariant"],
     mode: mode
-  }, /*#__PURE__*/_react["default"].createElement(ViewSwitchOptions, {
+  }, /*#__PURE__*/React.createElement(ViewSwitchOptions, {
     visualization: visualization,
     mode: mode
-  })), /*#__PURE__*/_react["default"].createElement(FeatureAvailability, {
+  })), /*#__PURE__*/React.createElement(FeatureAvailability, {
     availableFor: ["3dVariant"],
     mode: mode
-  }, /*#__PURE__*/_react["default"].createElement(ColorVariants, {
+  }, /*#__PURE__*/React.createElement(ColorVariants, {
     visualization: visualization,
     variants: ["base", "red", "green", "metallic", "glass"]
-  }))))), /*#__PURE__*/_react["default"].createElement(_VisualizationProvider.VisualizationProvider, {
+  }))))), /*#__PURE__*/React.createElement(VisualizationProvider, {
     visualization: visualization
-  }, /*#__PURE__*/_react["default"].createElement(_AlignTargetProvider.AlignTargetProvider, null, showAlignTestComponent && /*#__PURE__*/_react["default"].createElement(AlignTestComponent, null, "The camera offset should be aligned to this component."), /*#__PURE__*/_react["default"].createElement(_VisualizationContainer["default"], {
+  }, /*#__PURE__*/React.createElement(AlignTargetProvider, null, showAlignTestComponent && /*#__PURE__*/React.createElement(AlignTestComponent, null, "The camera offset should be aligned to this component."), /*#__PURE__*/React.createElement(VisualizationContainer, {
     autoDispose: true
   }))));
 };
-var _default = exports["default"] = App;
+export default App;