@plurid/plurid-react 0.0.0-31 → 0.0.0-33

package/distribution/index.js

@@ -34,43 +34,23 @@ var fetch = require("cross-fetch");
 
 var elementqlClientReact = require("@plurid/elementql-client-react");
 
-function _interopDefaultLegacy(e) {
-    return e && typeof e === "object" && "default" in e ? e : {
+function _interopDefault(e) {
+    return e && e.__esModule ? e : {
         default: e
     };
 }
 
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach((function(k) {
-            if (k !== "default") {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function() {
-                        return e[k];
-                    }
-                });
-            }
-        }));
-    }
-    n["default"] = e;
-    return Object.freeze(n);
-}
-
-var PluridPubSub__default = _interopDefaultLegacy(PluridPubSub);
+var PluridPubSub__default = _interopDefault(PluridPubSub);
 
-var React__default = _interopDefaultLegacy(React);
+var React__default = _interopDefault(React);
 
-var themes__default = _interopDefaultLegacy(themes$2);
+var themes__default = _interopDefault(themes$2);
 
-var styled__default = _interopDefaultLegacy(styled);
+var styled__default = _interopDefault(styled);
 
-var fetch__default = _interopDefaultLegacy(fetch);
+var fetch__default = _interopDefault(fetch);
 
-const PluridContext = React__default["default"].createContext(undefined);
+const PluridContext = React__default.default.createContext(undefined);
 
 const initialState$5 = Object.assign({}, pluridData.defaultConfiguration);
 
@@ -78,9 +58,7 @@ const configuration = toolkit.createSlice({
     name: "configuration",
     initialState: initialState$5,
     reducers: {
-        setConfiguration: (state, action) => {
-            state = Object.assign(Object.assign({}, state), action.payload);
-        },
+        setConfiguration: (_state, action) => Object.assign({}, action.payload),
         setConfigurationMicro: state => {
             state.elements.toolbar.show = false;
             state.elements.plane.controls.show = false;
@@ -204,11 +182,11 @@ const reducer$6 = configuration.reducer;
 
 var configuration$1 = Object.freeze({
     __proto__: null,
-    configuration: configuration,
     actions: actions$6,
+    configuration: configuration,
     getConfiguration: getConfiguration,
-    selectors: selectors$6,
-    reducer: reducer$6
+    reducer: reducer$6,
+    selectors: selectors$6
 });
 
 const initialState$4 = {};
@@ -231,11 +209,11 @@ const reducer$5 = general.reducer;
 
 var general$1 = Object.freeze({
     __proto__: null,
-    general: general,
     actions: actions$5,
+    general: general,
     getGeneral: getGeneral,
-    selectors: selectors$5,
-    reducer: reducer$5
+    reducer: reducer$5,
+    selectors: selectors$5
 });
 
 const initialState$3 = {
@@ -264,11 +242,11 @@ const reducer$4 = shortcuts.reducer;
 
 var shortcuts$1 = Object.freeze({
     __proto__: null,
-    shortcuts: shortcuts,
     actions: actions$4,
     getGlobal: getGlobal,
+    reducer: reducer$4,
     selectors: selectors$4,
-    reducer: reducer$4
+    shortcuts: shortcuts
 });
 
 const {registerPlanes: registerPlanes, getRegisteredPlanes: getRegisteredPlanes, getPlanesRegistrar: getPlanesRegistrar, getPluridPlaneIDByData: getPluridPlaneIDByData$1, getRegisteredPlane: getRegisteredPlane, resolvePluridRoutePlaneData: resolvePluridRoutePlaneData, resolvePluridPlaneData: resolvePluridPlaneData, Registrar: PluridPlanesRegistrar} = pluridEngine.planes;
@@ -355,27 +333,27 @@ const getLastClosedPlane = state => state.space.lastClosedPlane;
 
 var selectors$3 = Object.freeze({
     __proto__: null,
-    getSpace: getSpace,
+    getActivePlaneID: getActivePlaneID,
+    getActiveUniverseID: getActiveUniverseID,
+    getAnimatedTransform: getAnimatedTransform,
+    getCulledView: getCulledView,
+    getIsolatePlane: getIsolatePlane,
+    getLastClosedPlane: getLastClosedPlane,
     getLoading: getLoading,
     getResolvedLayout: getResolvedLayout,
-    getTransformMatrix: getTransformMatrix,
-    getAnimatedTransform: getAnimatedTransform,
-    getTransformTime: getTransformTime,
     getRotationX: getRotationX,
     getRotationY: getRotationY,
+    getScale: getScale,
+    getSpace: getSpace,
+    getTransform: getTransform,
+    getTransformMatrix: getTransformMatrix,
+    getTransformTime: getTransformTime,
     getTranslationX: getTranslationX,
     getTranslationY: getTranslationY,
     getTranslationZ: getTranslationZ,
-    getScale: getScale,
     getTree: getTree,
-    getTransform: getTransform,
-    getActiveUniverseID: getActiveUniverseID,
     getView: getView,
-    getViewSize: getViewSize,
-    getCulledView: getCulledView,
-    getActivePlaneID: getActivePlaneID,
-    getIsolatePlane: getIsolatePlane,
-    getLastClosedPlane: getLastClosedPlane
+    getViewSize: getViewSize
 });
 
 const {toRadians: toRadians} = pluridFunctions.mathematics.geometry;
@@ -638,6 +616,10 @@ const space = toolkit.createSlice({
         },
         spaceSetCulledView: (state, action) => {
             state.culledView = action.payload;
+        },
+        removePlane: (state, action) => {
+            const updatedTree = pluridEngine.space.tree.logic.removePlaneFromTree(pluridFunctions.objects.clone(state.tree), action.payload);
+            state.tree = updatedTree;
         }
     }
 });
@@ -648,11 +630,11 @@ const reducer$3 = space.reducer;
 
 var space$1 = Object.freeze({
     __proto__: null,
-    name: name,
-    space: space,
     actions: actions$3,
+    name: name,
+    reducer: reducer$3,
     selectors: selectors$3,
-    reducer: reducer$3
+    space: space
 });
 
 const initialState$1 = {
@@ -688,12 +670,12 @@ const reducer$2 = themes.reducer;
 
 var themes$1 = Object.freeze({
     __proto__: null,
-    themes: themes,
     actions: actions$2,
     getGeneralTheme: getGeneralTheme,
     getInteractionTheme: getInteractionTheme,
+    reducer: reducer$2,
     selectors: selectors$2,
-    reducer: reducer$2
+    themes: themes
 });
 
 const initialState = {
@@ -722,11 +704,11 @@ const reducer$1 = ui.reducer;
 
 var ui$1 = Object.freeze({
     __proto__: null,
-    ui: ui,
     actions: actions$1,
     getToolbarScrollPosition: getToolbarScrollPosition,
+    reducer: reducer$1,
     selectors: selectors$1,
-    reducer: reducer$1
+    ui: ui
 });
 
 var modules = {
@@ -755,7 +737,7 @@ const store$1 = preloadedState => toolkit.configureStore({
 
 const store = store$1;
 
-const StateContext = React__default["default"].createContext({});
+const StateContext = React__default.default.createContext({});
 
 function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) {
@@ -785,7 +767,7 @@ function __awaiter(thisArg, _arguments, P, generator) {
     }));
 }
 
-const Context = React__default["default"].createContext(null);
+const Context = React__default.default.createContext(null);
 
 var actions = {
     configuration: modules.configuration.actions,
@@ -1376,9 +1358,7 @@ const handleGlobalWheel = (dispatch, event, modes, locks) => {
 };
 
 const loadHammer = () => __awaiter(void 0, void 0, void 0, (function*() {
-    const hammer = yield Promise.resolve().then((function() {
-        return _interopNamespace(require("hammerjs"));
-    }));
+    const hammer = yield import("hammerjs");
     return hammer;
 }));
 
@@ -1420,7 +1400,7 @@ const GlobalStyle = styled.createGlobalStyle`
     }
 `;
 
-const StyledView = styled__default["default"].div`
+const StyledView = styled__default.default.div`
     height: 100%;
     min-height: ${props => {
     if (props.fullHeight) {
@@ -1476,7 +1456,7 @@ const StyledView = styled__default["default"].div`
 }};
 `;
 
-styled__default["default"].div`
+styled__default.default.div`
     outline: none;
     background: ${props => {
     if (props.opaque) {
@@ -1488,7 +1468,7 @@ styled__default["default"].div`
 }};
 `;
 
-class ErrorBoundary extends React__default["default"].Component {
+class ErrorBoundary extends React__default.default.Component {
     constructor(props) {
         super(props);
         this.state = {
@@ -1506,13 +1486,13 @@ class ErrorBoundary extends React__default["default"].Component {
             if (this.props.renderError) {
                 return this.props.renderError;
             }
-            return React__default["default"].createElement("h1", null, "Something went wrong.");
+            return React__default.default.createElement("h1", null, "Something went wrong.");
         }
         return this.props.children;
     }
 }
 
-const StyledPluridPlane = styled__default["default"].div`
+const StyledPluridPlane = styled__default.default.div`
     background-color: ${({transparentUI: transparentUI, mouseOver: mouseOver, theme: theme, planeOpacity: planeOpacity}) => {
     if (transparentUI && !mouseOver) {
         return theme.backgroundColorPrimaryAlpha;
@@ -1566,7 +1546,7 @@ const StyledPluridPlane = styled__default["default"].div`
     transform-origin: 0 0 0;
 `;
 
-const StyledFocusAnchor = styled__default["default"].a`
+const StyledFocusAnchor = styled__default.default.a`
     position: absolute;
     top: 0;
     left: 0;
@@ -1576,7 +1556,7 @@ const StyledFocusAnchor = styled__default["default"].a`
     user-select: none;
 `;
 
-const StyledPluridPlaneBridge = styled__default["default"].div`
+const StyledPluridPlaneBridge = styled__default.default.div`
     background-color: ${({theme: theme, planeControls: planeControls, planeOpacity: planeOpacity, transparentUI: transparentUI, mouseOver: mouseOver}) => {
     if (transparentUI && !mouseOver) {
         return theme.backgroundColorPrimaryAlpha;
@@ -1606,7 +1586,7 @@ const PluridPlaneBridge = properties => {
     const {mouseOver: mouseOver, stateGeneralTheme: stateGeneralTheme, stateConfiguration: stateConfiguration} = properties;
     const {controls: controls, opacity: opacity} = stateConfiguration.elements.plane;
     const {transparentUI: transparentUI} = stateConfiguration.global;
-    return React__default["default"].createElement(StyledPluridPlaneBridge, {
+    return React__default.default.createElement(StyledPluridPlaneBridge, {
         theme: stateGeneralTheme,
         planeControls: controls.show,
         planeOpacity: opacity,
@@ -1629,7 +1609,7 @@ const ConnectedPluridPlaneBridge = reactRedux.connect(mapStateToProperties$i, ma
 
 const ControlRefresh = properties => {
     const {theme: theme, refreshing: refreshing, refreshPlane: refreshPlane} = properties;
-    return React__default["default"].createElement(pluridIconsReact.PluridIconReset, {
+    return React__default.default.createElement(pluridIconsReact.PluridIconReset, {
         atClick: () => {
             refreshPlane();
         },
@@ -1646,7 +1626,7 @@ const ControlIsolate = properties => {
     const {theme: theme, isolated: isolated, isolatePlane: isolatePlane} = properties;
     const title = isolated ? "isolated" : "isolate";
     const fill = isolated ? true : false;
-    return React__default["default"].createElement(pluridIconsReact.PluridIconRectangle, {
+    return React__default.default.createElement(pluridIconsReact.PluridIconRectangle, {
         atClick: () => {
             isolatePlane();
         },
@@ -1656,7 +1636,7 @@ const ControlIsolate = properties => {
     });
 };
 
-const StyledPluridPlaneControls = styled__default["default"].div`
+const StyledPluridPlaneControls = styled__default.default.div`
     background-color: ${({transparentUI: transparentUI, mouseOver: mouseOver, theme: theme}) => {
     if (transparentUI && !mouseOver) {
         return "transparent";
@@ -1685,11 +1665,11 @@ const styleCommonControls = styled.css`
     gap: 1rem;
 `;
 
-const StyledPluridPlaneControlsLeft = styled__default["default"].div`
+const StyledPluridPlaneControlsLeft = styled__default.default.div`
     ${styleCommonControls}
 `;
 
-const StyledPluridPlaneControlsCenter = styled__default["default"].div`
+const StyledPluridPlaneControlsCenter = styled__default.default.div`
     width: 100%;
     position: relative;
     display: flex;
@@ -1698,7 +1678,7 @@ const StyledPluridPlaneControlsCenter = styled__default["default"].div`
     word-break: break-all;
 `;
 
-const StyledPluridPlaneControlsRight = styled__default["default"].div`
+const StyledPluridPlaneControlsRight = styled__default.default.div`
     ${styleCommonControls}
     justify-content: right;
 `;
@@ -1716,33 +1696,33 @@ const PluridPlaneControls = properties => {
     const [path, setPath] = React.useState(treePlane.route);
     React.useState(false);
     React.useState(false);
-    return React__default["default"].createElement(StyledPluridPlaneControls, {
+    return React__default.default.createElement(StyledPluridPlaneControls, {
         theme: stateGeneralTheme,
         mouseOver: mouseOver,
         transparentUI: transparentUI,
         "data-plurid-entity": pluridData.PLURID_ENTITY_PLANE_CONTROLS
-    }, React__default["default"].createElement(StyledPluridPlaneControlsLeft, null, parentTreePlane && React__default["default"].createElement(pluridIconsReact.PluridIconArrowLeft, {
+    }, React__default.default.createElement(StyledPluridPlaneControlsLeft, null, parentTreePlane && React__default.default.createElement(pluridIconsReact.PluridIconArrowLeft, {
         atClick: event => {
             navigateToPluridPlane(dispatch, parentTreePlane, event);
         },
         theme: stateGeneralTheme,
         title: "back"
-    }), React__default["default"].createElement(pluridIconsReact.PluridIconFrame, {
+    }), React__default.default.createElement(pluridIconsReact.PluridIconFrame, {
         atClick: event => {
             const deisolate = false;
             navigateToPluridPlane(dispatch, treePlane, event, deisolate);
         },
         theme: stateGeneralTheme,
         title: "focus"
-    }), React__default["default"].createElement(ControlRefresh, {
+    }), React__default.default.createElement(ControlRefresh, {
         theme: stateGeneralTheme,
         refreshing: refreshing,
         refreshPlane: refreshPlane
-    }), React__default["default"].createElement(ControlIsolate, {
+    }), React__default.default.createElement(ControlIsolate, {
         theme: stateGeneralTheme,
         isolated: isolated,
         isolatePlane: isolatePlane
-    })), React__default["default"].createElement(StyledPluridPlaneControlsCenter, null, title && React__default["default"].createElement(React__default["default"].Fragment, null, path)), React__default["default"].createElement(StyledPluridPlaneControlsRight, null, React__default["default"].createElement(pluridIconsReact.PluridIconDelete, {
+    })), React__default.default.createElement(StyledPluridPlaneControlsCenter, null, title && React__default.default.createElement(React__default.default.Fragment, null, path)), React__default.default.createElement(StyledPluridPlaneControlsRight, null, React__default.default.createElement(pluridIconsReact.PluridIconDelete, {
         atClick: () => {
             closePlane();
         },
@@ -1766,14 +1746,14 @@ const ConnectedPluridPlaneControls = reactRedux.connect(mapStateToProps$f, mapDi
     context: StateContext
 })(PluridPlaneControls);
 
-const StyledPluridPlaneContent = styled__default["default"].div`
+const StyledPluridPlaneContent = styled__default.default.div`
     position: relative;
 `;
 
 const PluridPlaneContent = properties => {
     const {children: children} = properties;
     const planeContentElement = React.useRef(null);
-    return React__default["default"].createElement(StyledPluridPlaneContent, {
+    return React__default.default.createElement(StyledPluridPlaneContent, {
         ref: planeContentElement,
         "data-plurid-entity": pluridData.PLURID_ENTITY_PLANE_CONTENT
     }, children);
@@ -1782,7 +1762,7 @@ const PluridPlaneContent = properties => {
 const PluridPlane = properties => {
     const context = React.useContext(Context);
     if (!context) {
-        return React__default["default"].createElement(React__default["default"].Fragment, null);
+        return React__default.default.createElement(React__default.default.Fragment, null);
     }
     const {planeRenderError: planeRenderError, defaultPubSub: defaultPubSub} = context;
     const {planeID: planeID, plane: plane, treePlane: treePlane, children: children, stateTree: stateTree, stateViewSize: stateViewSize, stateActivePlaneID: stateActivePlaneID, stateIsolatePlane: stateIsolatePlane, stateGeneralTheme: stateGeneralTheme, stateConfiguration: stateConfiguration, dispatchSetSpaceField: dispatchSetSpaceField, dispatchUpdateSpaceTreePlane: dispatchUpdateSpaceTreePlane} = properties;
@@ -1880,7 +1860,7 @@ const PluridPlane = properties => {
     const isolatePointerEvents = computeIsolatePointerEvents();
     const transform = pluridEngine.cleanTemplate(`\n        translateX(${treePlane.location.translateX}px)\n        translateY(${treePlane.location.translateY}px)\n        translateZ(${treePlane.location.translateZ}px)\n        rotateX(${treePlane.location.rotateX}deg)\n        rotateY(${treePlane.location.rotateY}deg)\n    `);
     const planeContentProperties = {};
-    return React__default["default"].createElement(StyledPluridPlane, {
+    return React__default.default.createElement(StyledPluridPlane, {
         key: key,
         ref: planeRef,
         theme: stateGeneralTheme,
@@ -1902,12 +1882,12 @@ const PluridPlane = properties => {
         mouseOver: mouseOver,
         "data-plurid-plane": planeID,
         "data-plurid-entity": pluridData.PLURID_ENTITY_PLANE
-    }, React__default["default"].createElement(StyledFocusAnchor, {
+    }, React__default.default.createElement(StyledFocusAnchor, {
         tabIndex: 0,
         id: focusAnchorID
-    }), treePlane.show && React__default["default"].createElement(React__default["default"].Fragment, null, treePlane.parentPlaneID && React__default["default"].createElement(ConnectedPluridPlaneBridge, {
+    }), treePlane.show && React__default.default.createElement(React__default.default.Fragment, null, treePlane.parentPlaneID && React__default.default.createElement(ConnectedPluridPlaneBridge, {
         mouseOver: mouseOver
-    }), showPlaneControls && React__default["default"].createElement(ConnectedPluridPlaneControls, {
+    }), showPlaneControls && React__default.default.createElement(ConnectedPluridPlaneControls, {
         plane: plane,
         treePlane: treePlane,
         parentTreePlane: parentTreePlane,
@@ -1916,9 +1896,9 @@ const PluridPlane = properties => {
         refreshPlane: refreshPlane,
         isolatePlane: isolatePlane,
         closePlane: closePlane
-    }), planeRenderError ? React__default["default"].createElement(ErrorBoundary, {
+    }), planeRenderError ? React__default.default.createElement(ErrorBoundary, {
         renderError: typeof planeRenderError !== "boolean" ? planeRenderError : undefined
-    }, React__default["default"].createElement(PluridPlaneContent, Object.assign({}, planeContentProperties), children)) : React__default["default"].createElement(PluridPlaneContent, Object.assign({}, planeContentProperties), children)));
+    }, React__default.default.createElement(PluridPlaneContent, Object.assign({}, planeContentProperties), children)) : React__default.default.createElement(PluridPlaneContent, Object.assign({}, planeContentProperties), children)));
 };
 
 const mapStateToProps$e = state => ({
@@ -1949,7 +1929,7 @@ const isReactRenderable = component => {
     return true;
 };
 
-const StyledPluridRoot = styled__default["default"].div`
+const StyledPluridRoot = styled__default.default.div`
     transform-style: preserve-3d;
 `;
 
@@ -1958,7 +1938,7 @@ const PluridRoot = properties => {
     const {location: location} = plane;
     const context = React.useContext(Context);
     if (!context) {
-        return React__default["default"].createElement(React__default["default"].Fragment, null);
+        return React__default.default.createElement(React__default.default.Fragment, null);
     }
     const {planesRegistrar: planesRegistrar, planeContext: PlaneContext, planeContextValue: planeContextValue, customPlane: customPlane, matchedRoute: matchedRoute, defaultPubSub: defaultPubSub} = context;
     const CustomPluridPlane = customPlane;
@@ -2008,14 +1988,14 @@ const PluridRoot = properties => {
                         location: child.location
                     };
                     if (CustomPluridPlane && renderableCustomPlane) {
-                        return React__default["default"].createElement(CustomPluridPlane, Object.assign({}, planeProperties));
+                        return React__default.default.createElement(CustomPluridPlane, Object.assign({}, planeProperties));
                     }
                     if (renderablePlane) {
-                        return React__default["default"].createElement(ConnectedPluridPlane, Object.assign({}, planeProperties), !PlaneContext ? React__default["default"].createElement(Plane, Object.assign({}, properties)) : React__default["default"].createElement(PlaneContext.Provider, {
+                        return React__default.default.createElement(ConnectedPluridPlane, Object.assign({}, planeProperties), !PlaneContext ? React__default.default.createElement(Plane, Object.assign({}, properties)) : React__default.default.createElement(PlaneContext.Provider, {
                             value: planeContextValue
-                        }, React__default["default"].createElement(Plane, Object.assign({}, properties))));
+                        }, React__default.default.createElement(Plane, Object.assign({}, properties))));
                     }
-                    return React__default["default"].createElement(React__default["default"].Fragment, null);
+                    return React__default.default.createElement(React__default.default.Fragment, null);
                 };
                 const plane = renderPlane();
                 children.push(plane);
@@ -2032,11 +2012,11 @@ const PluridRoot = properties => {
     const childrenPlanes = React.useMemo((() => computeChildrenPlanes(plane)), [ JSON.stringify(plane), JSON.stringify(stateTree) ]);
     const pluridPlaneID = plane.sourceID;
     if (!pluridPlaneID) {
-        return React__default["default"].createElement(React__default["default"].Fragment, null);
+        return React__default.default.createElement(React__default.default.Fragment, null);
     }
     const pluridPlane = getRegisteredPlane(pluridPlaneID, planesRegistrar);
     if (!pluridPlane) {
-        return React__default["default"].createElement(React__default["default"].Fragment, null);
+        return React__default.default.createElement(React__default.default.Fragment, null);
     }
     const Plane = pluridPlane.component;
     const pluridProperty = {
@@ -2061,27 +2041,27 @@ const PluridRoot = properties => {
     };
     if (CustomPluridPlane) {
         if (typeof CustomPluridPlane !== "function") {
-            return React__default["default"].createElement(React__default["default"].Fragment, null);
+            return React__default.default.createElement(React__default.default.Fragment, null);
         }
-        return React__default["default"].createElement(StyledPluridRoot, {
+        return React__default.default.createElement(StyledPluridRoot, {
             "data-plurid-entity": pluridData.PLURID_ENTITY_ROOT
-        }, React__default["default"].createElement(CustomPluridPlane, {
+        }, React__default.default.createElement(CustomPluridPlane, {
             plane: pluridPlane,
             treePlane: plane,
             planeID: plane.planeID,
             location: location
         }), childrenPlanes);
     }
-    return React__default["default"].createElement(StyledPluridRoot, {
+    return React__default.default.createElement(StyledPluridRoot, {
         "data-plurid-entity": pluridData.PLURID_ENTITY_ROOT
-    }, React__default["default"].createElement(ConnectedPluridPlane, {
+    }, React__default.default.createElement(ConnectedPluridPlane, {
         plane: pluridPlane,
         treePlane: plane,
         planeID: plane.planeID,
         location: location
-    }, !PlaneContext ? React__default["default"].createElement(Plane, Object.assign({}, planeProperties)) : React__default["default"].createElement(PlaneContext.Provider, {
+    }, !PlaneContext ? React__default.default.createElement(Plane, Object.assign({}, planeProperties)) : React__default.default.createElement(PlaneContext.Provider, {
         value: planeContextValue
-    }, React__default["default"].createElement(Plane, Object.assign({}, planeProperties)))), childrenPlanes);
+    }, React__default.default.createElement(Plane, Object.assign({}, planeProperties)))), childrenPlanes);
 };
 
 const mapStateToProperties$h = state => ({
@@ -2094,7 +2074,7 @@ const ConnectedPluridRoot = reactRedux.connect(mapStateToProperties$h, mapDispat
     context: StateContext
 })(PluridRoot);
 
-const StyledPluridRoots = styled__default["default"].div`
+const StyledPluridRoots = styled__default.default.div`
     transform-style: preserve-3d;
     transform-origin: 0 0 0;
 `;
@@ -2104,7 +2084,7 @@ const PluridRoots = properties => {
     const width = "100%";
     const height = stateResolvedLayout ? window.innerHeight + "px" : 0;
     const transition = spaceAnimatedTransform ? `transform ${spaceTransformTime}ms ease-in-out` : "initial";
-    return React__default["default"].createElement(StyledPluridRoots, {
+    return React__default.default.createElement(StyledPluridRoots, {
         style: {
             width: width,
             height: height,
@@ -2112,7 +2092,7 @@ const PluridRoots = properties => {
             transform: spaceTransformMatrix
         },
         "data-plurid-entity": pluridData.PLURID_ENTITY_ROOTS
-    }, stateTree.map((plane => React__default["default"].createElement(ConnectedPluridRoot, {
+    }, stateTree.map((plane => React__default.default.createElement(ConnectedPluridRoot, {
         key: plane.planeID,
         plane: plane
     }))));
@@ -2133,7 +2113,7 @@ const ConnectedPluridRoots = reactRedux.connect(mapStateToProperties$g, mapDispa
     context: StateContext
 })(PluridRoots);
 
-const StyledPluridSpace = styled__default["default"].div`
+const StyledPluridSpace = styled__default.default.div`
     position: relative;
     height: 100%;
     overflow: hidden;
@@ -2159,7 +2139,7 @@ const PluridSpace = properties => {
     React.useEffect((() => {
         setIsMounted(true);
     }), []);
-    return React__default["default"].createElement(StyledPluridSpace, {
+    return React__default.default.createElement(StyledPluridSpace, {
         theme: stateGeneralTheme,
         opaque: opaque,
         isMounted: isMounted,
@@ -2168,7 +2148,7 @@ const PluridSpace = properties => {
         style: {
             opacity: stateResolvedLayout ? 1 : 0
         }
-    }, React__default["default"].createElement(ConnectedPluridRoots, null));
+    }, React__default.default.createElement(ConnectedPluridRoots, null));
 };
 
 const mapStateToProperties$f = state => ({
@@ -2199,7 +2179,7 @@ const resolveSize = ({size: size}) => {
     }
 };
 
-const StyledOrigin = styled__default["default"].div`
+const StyledOrigin = styled__default.default.div`
     background-color: ${({theme: theme}) => theme.backgroundColorTertiaryAlpha};
     height: ${resolveSize};
     width: ${resolveSize};
@@ -2221,9 +2201,9 @@ const Origin = properties => {
     const {transformOrigin: transformOrigin} = space;
     const {show: showTransformOrigin, size: transformOriginSize} = transformOrigin;
     if (!showTransformOrigin) {
-        return React__default["default"].createElement(React__default["default"].Fragment, null);
+        return React__default.default.createElement(React__default.default.Fragment, null);
     }
-    return React__default["default"].createElement(StyledOrigin, {
+    return React__default.default.createElement(StyledOrigin, {
         theme: stateGeneralTheme,
         size: transformOriginSize,
         "data-plurid-entity": pluridData.PLURID_ENTITY_TRANSFORM_ORIGIN
@@ -2264,7 +2244,7 @@ var MENUS;
 
 const VIEW_SIZE_WIDTH_LIMIT = 800;
 
-const StyledToolbar = styled__default["default"].div`
+const StyledToolbar = styled__default.default.div`
     bottom: ${({conceal: conceal, mouseIn: mouseIn}) => {
     if (!conceal) {
         return "-5px";
@@ -2302,7 +2282,7 @@ const StyledToolbar = styled__default["default"].div`
     transition: bottom 300ms ease-in-out;
 `;
 
-const StyledToolbarButtons = styled__default["default"].div`
+const StyledToolbarButtons = styled__default.default.div`
     color: ${({theme: theme}) => theme.colorPrimary};
     background-color: ${({theme: theme, transparentUI: transparentUI}) => {
     if (transparentUI) {
@@ -2372,7 +2352,7 @@ const StyledToolbarButtons = styled__default["default"].div`
     }
 `;
 
-const StyledToolbarButton = styled__default["default"].div`
+const StyledToolbarButton = styled__default.default.div`
     padding: ${({button: button, showIcons: showIcons, showTransformButtons: showTransformButtons}) => {
     if (button) {
         return "0";
@@ -2409,7 +2389,7 @@ const StyledToolbarButton = styled__default["default"].div`
     }
 `;
 
-const StyledIcon = styled__default["default"].div`
+const StyledIcon = styled__default.default.div`
     width: 40px;
     display: grid;
     place-content: center;
@@ -2421,7 +2401,7 @@ const StyledIcon = styled__default["default"].div`
     } */
 `;
 
-const StyledPluridMenuUniverses = styled__default["default"].div`
+const StyledPluridMenuUniverses = styled__default.default.div`
     position: absolute;
     bottom: 75px;
     max-height: 250px;
@@ -2442,7 +2422,7 @@ const StyledPluridMenuUniverses = styled__default["default"].div`
     }
 `;
 
-styled__default["default"].div`
+styled__default.default.div`
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -2463,7 +2443,7 @@ styled__default["default"].div`
 }};
 `;
 
-const StyledPluridMenuUniversesScroll = styled__default["default"].div`
+const StyledPluridMenuUniversesScroll = styled__default.default.div`
     max-height: 210px;
     overflow: scroll;
     padding: 0 5px;
@@ -2480,7 +2460,7 @@ const StyledPluridMenuUniversesScroll = styled__default["default"].div`
     }
 `;
 
-styled__default["default"].li`
+styled__default.default.li`
     margin: 10px 0;
     padding: 10px 20px;
     border-radius: 100px;
@@ -2517,9 +2497,9 @@ styled__default["default"].li`
 
 const PluridMenuUniverses = properties => {
     const {interactionTheme: interactionTheme, activeUniverseID: activeUniverseID, dispatchSetActiveUniverse: dispatchSetActiveUniverse} = properties;
-    return React__default["default"].createElement(StyledPluridMenuUniverses, {
+    return React__default.default.createElement(StyledPluridMenuUniverses, {
         theme: interactionTheme
-    }, React__default["default"].createElement(StyledPluridMenuUniversesScroll, null));
+    }, React__default.default.createElement(StyledPluridMenuUniversesScroll, null));
 };
 
 const mapStateToProps$d = state => ({
@@ -2535,7 +2515,7 @@ const ConnectedPluridMenuUniverses = reactRedux.connect(mapStateToProps$d, mapDi
     context: StateContext
 })(PluridMenuUniverses);
 
-const StyledPluridDrawer = styled__default["default"].div`
+const StyledPluridDrawer = styled__default.default.div`
     h5 {
         font-size: 1rem;
         margin: 0;
@@ -2566,7 +2546,7 @@ const StyledPluridDrawer = styled__default["default"].div`
     color: ${props => props.theme.colorPrimary};
 `;
 
-const StyledPluridDrawerHeading = styled__default["default"].div`
+const StyledPluridDrawerHeading = styled__default.default.div`
     user-select: none;
     cursor: pointer;
     padding: 0.5rem;
@@ -2579,7 +2559,7 @@ const StyledPluridDrawerHeading = styled__default["default"].div`
     }
 `;
 
-const StyledPluridDrawerItems = styled__default["default"].div`
+const StyledPluridDrawerItems = styled__default.default.div`
 `;
 
 const {typography: {Heading: PluridHeading}} = pluridUiComponentsReact.universal;
@@ -2589,20 +2569,20 @@ const PluridDrawer = properties => {
     const {global: global} = configuration;
     const {transparentUI: transparentUI} = global;
     const [mouseOver, setMouseOver] = React.useState(false);
-    return React__default["default"].createElement(StyledPluridDrawer, {
+    return React__default.default.createElement(StyledPluridDrawer, {
         theme: interactionTheme,
         onMouseEnter: () => setMouseOver(true),
         onMouseLeave: () => setMouseOver(false),
         transparentUI: transparentUI,
         mouseOver: mouseOver,
         toggled: toggled
-    }, React__default["default"].createElement(StyledPluridDrawerHeading, {
+    }, React__default.default.createElement(StyledPluridDrawerHeading, {
         theme: interactionTheme,
         onClick: () => toggle()
-    }, React__default["default"].createElement(PluridHeading, {
+    }, React__default.default.createElement(PluridHeading, {
         theme: interactionTheme,
         type: "h5"
-    }, heading)), toggled && React__default["default"].createElement(StyledPluridDrawerItems, null, items));
+    }, heading)), toggled && React__default.default.createElement(StyledPluridDrawerItems, null, items));
 };
 
 const mapStateToProps$c = state => ({
@@ -2616,7 +2596,7 @@ const ConnectedPluridDrawer = reactRedux.connect(mapStateToProps$c, mapDispatchT
     context: StateContext
 })(PluridDrawer);
 
-const StyledPluridMoreMenu = styled__default["default"].div`
+const StyledPluridMoreMenu = styled__default.default.div`
     position: absolute;
     bottom: 75px;
     height: 280px;
@@ -2637,7 +2617,7 @@ const StyledPluridMoreMenu = styled__default["default"].div`
     box-shadow: ${props => props.theme.boxShadowUmbra};
 `;
 
-const StyledPluridMoreMenuItem = styled__default["default"].div`
+const StyledPluridMoreMenuItem = styled__default.default.div`
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -2663,7 +2643,7 @@ const StyledPluridMoreMenuItem = styled__default["default"].div`
 }};
 `;
 
-const StyledPluridMoreMenuScroll = styled__default["default"].div`
+const StyledPluridMoreMenuScroll = styled__default.default.div`
     height: 240px;
     overflow: scroll;
     padding: 0 5px;
@@ -2688,11 +2668,11 @@ const PluridMenuMoreGlobal = properties => {
     const [generalThemeName, setGeneralThemeName] = React.useState(typeof selectedTheme === "object" ? selectedTheme.general : selectedTheme);
     const [interactionThemeName, setInteractionThemeName] = React.useState(typeof selectedTheme === "object" ? selectedTheme.interaction : selectedTheme);
     const setGeneralTheme = selectedTheme => {
-        dispatchSetGeneralTheme(themes__default["default"][selectedTheme]);
+        dispatchSetGeneralTheme(themes__default.default[selectedTheme]);
         dispatchSetConfigurationThemeGeneralAction(selectedTheme);
     };
     const setInteractionTheme = selectedTheme => {
-        dispatchSetInteractionTheme(themes__default["default"][selectedTheme]);
+        dispatchSetInteractionTheme(themes__default.default[selectedTheme]);
         dispatchSetConfigurationThemeInteractionAction(selectedTheme);
     };
     const setLanguage = selectedLanguage => {
@@ -2707,8 +2687,8 @@ const PluridMenuMoreGlobal = properties => {
             setInteractionThemeName(selectedTheme);
         }
     }), [ selectedTheme ]);
-    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerGlobalGeneralTheme), React__default["default"].createElement(PluridDropdown$1, {
-        selectables: Object.keys(themes__default["default"]),
+    return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerGlobalGeneralTheme), React__default.default.createElement(PluridDropdown$1, {
+        selectables: Object.keys(themes__default.default),
         selected: typeof generalThemeName === "string" ? generalThemeName : "",
         atSelect: selection => setGeneralTheme(selection),
         theme: interactionTheme,
@@ -2718,8 +2698,8 @@ const PluridMenuMoreGlobal = properties => {
         style: {
             fontSize: "0.8rem"
         }
-    })), React__default["default"].createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerGlobalInteractionTheme), React__default["default"].createElement(PluridDropdown$1, {
-        selectables: Object.keys(themes__default["default"]),
+    })), React__default.default.createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerGlobalInteractionTheme), React__default.default.createElement(PluridDropdown$1, {
+        selectables: Object.keys(themes__default.default),
         selected: typeof interactionThemeName === "string" ? interactionThemeName : "",
         atSelect: selection => setInteractionTheme(selection),
         theme: interactionTheme,
@@ -2729,9 +2709,9 @@ const PluridMenuMoreGlobal = properties => {
         style: {
             fontSize: "0.8rem"
         }
-    })), React__default["default"].createElement(StyledPluridMoreMenuItem, {
+    })), React__default.default.createElement(StyledPluridMoreMenuItem, {
         last: true
-    }, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerGlobalLanguage), React__default["default"].createElement(PluridDropdown$1, {
+    }, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerGlobalLanguage), React__default.default.createElement(PluridDropdown$1, {
         selectables: pluridData.internationalization.languages,
         selected: stateLanguage,
         atSelect: selection => setLanguage(selection),
@@ -2767,51 +2747,51 @@ const {inputs: {Switch: PluridSwitch$3}} = pluridUiComponentsReact.universal;
 const PluridMenuMoreTransform = properties => {
     const {stateLanguage: stateLanguage, interactionTheme: interactionTheme, configuration: configuration, dispatchToggleConfigurationSpaceTransformMultimode: dispatchToggleConfigurationSpaceTransformMultimode, dispatchSetConfigurationSpaceTransformTouch: dispatchSetConfigurationSpaceTransformTouch, dispatchSetConfigurationSpaceTransformLocks: dispatchSetConfigurationSpaceTransformLocks} = properties;
     const {transformMultimode: transformMultimode, transformLocks: transformLocks, transformTouch: transformTouch} = configuration.space;
-    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(StyledPluridMoreMenuItem, null, React__default["default"].createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformMultiModeTransform)), React__default["default"].createElement(PluridSwitch$3, {
+    return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(StyledPluridMoreMenuItem, null, React__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformMultiModeTransform)), React__default.default.createElement(PluridSwitch$3, {
         theme: interactionTheme,
         checked: transformMultimode,
         atChange: () => dispatchToggleConfigurationSpaceTransformMultimode(!transformMultimode),
         exclusive: true,
         level: 2
-    })), React__default["default"].createElement(StyledPluridMoreMenuItem, null, React__default["default"].createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowRotationX)), React__default["default"].createElement(PluridSwitch$3, {
+    })), React__default.default.createElement(StyledPluridMoreMenuItem, null, React__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowRotationX)), React__default.default.createElement(PluridSwitch$3, {
         theme: interactionTheme,
         checked: transformLocks.rotationX,
         atChange: () => dispatchSetConfigurationSpaceTransformLocks("rotationX"),
         exclusive: true,
         level: 2
-    })), React__default["default"].createElement(StyledPluridMoreMenuItem, null, React__default["default"].createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowRotationY)), React__default["default"].createElement(PluridSwitch$3, {
+    })), React__default.default.createElement(StyledPluridMoreMenuItem, null, React__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowRotationY)), React__default.default.createElement(PluridSwitch$3, {
         theme: interactionTheme,
         checked: transformLocks.rotationY,
         atChange: () => dispatchSetConfigurationSpaceTransformLocks("rotationY"),
         exclusive: true,
         level: 2
-    })), React__default["default"].createElement(StyledPluridMoreMenuItem, null, React__default["default"].createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowTranslationX)), React__default["default"].createElement(PluridSwitch$3, {
+    })), React__default.default.createElement(StyledPluridMoreMenuItem, null, React__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowTranslationX)), React__default.default.createElement(PluridSwitch$3, {
         theme: interactionTheme,
         checked: transformLocks.translationX,
         atChange: () => dispatchSetConfigurationSpaceTransformLocks("translationX"),
         exclusive: true,
         level: 2
-    })), React__default["default"].createElement(StyledPluridMoreMenuItem, null, React__default["default"].createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowTranslationY)), React__default["default"].createElement(PluridSwitch$3, {
+    })), React__default.default.createElement(StyledPluridMoreMenuItem, null, React__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowTranslationY)), React__default.default.createElement(PluridSwitch$3, {
         theme: interactionTheme,
         checked: transformLocks.translationY,
         atChange: () => dispatchSetConfigurationSpaceTransformLocks("translationY"),
         exclusive: true,
         level: 2
-    })), React__default["default"].createElement(StyledPluridMoreMenuItem, null, React__default["default"].createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowTranslationZ)), React__default["default"].createElement(PluridSwitch$3, {
+    })), React__default.default.createElement(StyledPluridMoreMenuItem, null, React__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowTranslationZ)), React__default.default.createElement(PluridSwitch$3, {
         theme: interactionTheme,
         checked: transformLocks.translationZ,
         atChange: () => dispatchSetConfigurationSpaceTransformLocks("translationZ"),
         exclusive: true,
         level: 2
-    })), React__default["default"].createElement(StyledPluridMoreMenuItem, null, React__default["default"].createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowScale)), React__default["default"].createElement(PluridSwitch$3, {
+    })), React__default.default.createElement(StyledPluridMoreMenuItem, null, React__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowScale)), React__default.default.createElement(PluridSwitch$3, {
         theme: interactionTheme,
         checked: transformLocks.scale,
         atChange: () => dispatchSetConfigurationSpaceTransformLocks("scale"),
         exclusive: true,
         level: 2
-    })), React__default["default"].createElement(StyledPluridMoreMenuItem, {
+    })), React__default.default.createElement(StyledPluridMoreMenuItem, {
         last: true
-    }, React__default["default"].createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformTouchTransform), ": ", transformTouch === pluridData.TRANSFORM_TOUCHES.PAN ? "pan" : "swipe"), React__default["default"].createElement(PluridSwitch$3, {
+    }, React__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformTouchTransform), ": ", transformTouch === pluridData.TRANSFORM_TOUCHES.PAN ? "pan" : "swipe"), React__default.default.createElement(PluridSwitch$3, {
         theme: interactionTheme,
         checked: transformTouch === pluridData.TRANSFORM_TOUCHES.PAN,
         atChange: () => transformTouch === pluridData.TRANSFORM_TOUCHES.PAN ? dispatchSetConfigurationSpaceTransformTouch(pluridData.TRANSFORM_TOUCHES.SWIPE) : dispatchSetConfigurationSpaceTransformTouch(pluridData.TRANSFORM_TOUCHES.PAN),
@@ -2845,19 +2825,19 @@ const PluridMenuMoreSpace = properties => {
     const layoutType = pluridData.layoutNames[layout.type];
     const {show: showTransformOrigin, size: transformOriginSize} = transformOrigin;
     const planeOpacity = elements.plane.opacity;
-    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpaceTransparentUserInterface), React__default["default"].createElement(PluridSwitch$2, {
+    return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpaceTransparentUserInterface), React__default.default.createElement(PluridSwitch$2, {
         checked: transparentUI,
         atChange: () => dispatchToggleConfigurationSpaceTransparentUI(),
         exclusive: true,
         level: 2,
         theme: interactionTheme
-    })), React__default["default"].createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpaceShowTransformOrigin), React__default["default"].createElement(PluridSwitch$2, {
+    })), React__default.default.createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpaceShowTransformOrigin), React__default.default.createElement(PluridSwitch$2, {
         checked: showTransformOrigin,
         atChange: () => dispatchToggleConfigurationSpaceShowTransformOrigin(),
         exclusive: true,
         level: 2,
         theme: interactionTheme
-    })), React__default["default"].createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpaceTransformOriginSize), React__default["default"].createElement(PluridDropdown, {
+    })), React__default.default.createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpaceTransformOriginSize), React__default.default.createElement(PluridDropdown, {
         selectables: [ "small", "normal", "large" ],
         selected: transformOriginSize.toLowerCase(),
         atSelect: selection => {
@@ -2868,7 +2848,7 @@ const PluridMenuMoreSpace = properties => {
         },
         heightItems: 3,
         theme: interactionTheme
-    })), React__default["default"].createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpacePlaneOpacity), React__default["default"].createElement(PluridSlider$1, {
+    })), React__default.default.createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpacePlaneOpacity), React__default.default.createElement(PluridSlider$1, {
         value: planeOpacity,
         max: 1,
         min: 0,
@@ -2878,9 +2858,9 @@ const PluridMenuMoreSpace = properties => {
         thumbSize: "large",
         level: 2,
         theme: interactionTheme
-    })), React__default["default"].createElement(StyledPluridMoreMenuItem, {
+    })), React__default.default.createElement(StyledPluridMoreMenuItem, {
         last: true
-    }, pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpaceLayoutType), React__default["default"].createElement(PluridDropdown, {
+    }, pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpaceLayoutType), React__default.default.createElement(PluridDropdown, {
         selectables: [ ...Object.values(pluridData.layoutNames) ],
         selected: layoutType,
         atSelect: selection => {
@@ -2924,27 +2904,27 @@ const PluridMenuMoreToolbar = properties => {
             setViewSizeSmall(false);
         }
     }), [ viewSize.width ]);
-    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(StyledPluridMoreMenuItem, null, React__default["default"].createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerToolbarAlwaysOpaque)), React__default["default"].createElement(PluridSwitch$1, {
+    return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(StyledPluridMoreMenuItem, null, React__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerToolbarAlwaysOpaque)), React__default.default.createElement(PluridSwitch$1, {
         theme: interactionTheme,
         checked: opaque,
         atChange: () => dispatchToggleConfigurationToolbarOpaque(),
         exclusive: true,
         level: 2
-    })), React__default["default"].createElement(StyledPluridMoreMenuItem, null, React__default["default"].createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerToolbarShowTransformIcons)), React__default["default"].createElement(PluridSwitch$1, {
+    })), React__default.default.createElement(StyledPluridMoreMenuItem, null, React__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerToolbarShowTransformIcons)), React__default.default.createElement(PluridSwitch$1, {
         theme: interactionTheme,
         checked: transformIcons,
         atChange: () => dispatchToggleConfigurationToolbarTransformIcons(),
         exclusive: true,
         level: 2
-    })), !viewSizeSmall && React__default["default"].createElement(StyledPluridMoreMenuItem, null, React__default["default"].createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerToolbarShowTransformArrows)), React__default["default"].createElement(PluridSwitch$1, {
+    })), !viewSizeSmall && React__default.default.createElement(StyledPluridMoreMenuItem, null, React__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerToolbarShowTransformArrows)), React__default.default.createElement(PluridSwitch$1, {
         theme: interactionTheme,
         checked: transformButtons,
         atChange: () => dispatchToggleConfigurationToolbarTransformButtons(),
         exclusive: true,
         level: 2
-    })), React__default["default"].createElement(StyledPluridMoreMenuItem, {
+    })), React__default.default.createElement(StyledPluridMoreMenuItem, {
         last: true
-    }, React__default["default"].createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerToolbarConcealToolbar)), React__default["default"].createElement(PluridSwitch$1, {
+    }, React__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerToolbarConcealToolbar)), React__default.default.createElement(PluridSwitch$1, {
         theme: interactionTheme,
         checked: conceal,
         atChange: () => dispatchToggleConfigurationToolbarConceal(),
@@ -2977,29 +2957,29 @@ const PluridMenuMoreViewcube = properties => {
     const {stateLanguage: stateLanguage, interactionTheme: interactionTheme, configuration: configuration, dispatchToggleConfigurationViewcubeHide: dispatchToggleConfigurationViewcubeHide, dispatchToggleConfigurationViewcubeButtons: dispatchToggleConfigurationViewcubeButtons, dispatchToggleConfigurationViewcubeOpaque: dispatchToggleConfigurationViewcubeOpaque, dispatchToggleConfigurationViewcubeConceal: dispatchToggleConfigurationViewcubeConceal} = properties;
     const {viewcube: viewcube} = configuration.elements;
     const {show: show, buttons: buttons, opaque: opaque, conceal: conceal} = viewcube;
-    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(StyledPluridMoreMenuItem, {
+    return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(StyledPluridMoreMenuItem, {
         last: !show ? true : false
-    }, React__default["default"].createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerViewcubeShowViewcube)), React__default["default"].createElement(PluridSwitch, {
+    }, React__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerViewcubeShowViewcube)), React__default.default.createElement(PluridSwitch, {
         theme: interactionTheme,
         checked: show,
         atChange: () => dispatchToggleConfigurationViewcubeHide(!show),
         exclusive: true,
         level: 2
-    })), show && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(StyledPluridMoreMenuItem, null, React__default["default"].createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerViewcubeShowTransformButtons)), React__default["default"].createElement(PluridSwitch, {
+    })), show && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(StyledPluridMoreMenuItem, null, React__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerViewcubeShowTransformButtons)), React__default.default.createElement(PluridSwitch, {
         theme: interactionTheme,
         checked: buttons,
         atChange: () => dispatchToggleConfigurationViewcubeButtons(!buttons),
         exclusive: true,
         level: 2
-    })), React__default["default"].createElement(StyledPluridMoreMenuItem, null, React__default["default"].createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerViewcubeAlwaysOpaque)), React__default["default"].createElement(PluridSwitch, {
+    })), React__default.default.createElement(StyledPluridMoreMenuItem, null, React__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerViewcubeAlwaysOpaque)), React__default.default.createElement(PluridSwitch, {
         theme: interactionTheme,
         checked: opaque,
         atChange: () => dispatchToggleConfigurationViewcubeOpaque(!opaque),
         exclusive: true,
         level: 2
-    })), React__default["default"].createElement(StyledPluridMoreMenuItem, {
+    })), React__default.default.createElement(StyledPluridMoreMenuItem, {
         last: true
-    }, React__default["default"].createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerViewcubeConcealViewcube)), React__default["default"].createElement(PluridSwitch, {
+    }, React__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerViewcubeConcealViewcube)), React__default.default.createElement(PluridSwitch, {
         theme: interactionTheme,
         checked: conceal,
         atChange: () => dispatchToggleConfigurationViewcubeConceal(),
@@ -3039,7 +3019,7 @@ const PluridMenuMoreTechnical = properties => {
         setLocalCullingDistance(value);
         dispatchCullingDistanceUpdate(value);
     };
-    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(StyledPluridMoreMenuItem, null, React__default["default"].createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTechnicalCullingDistance)), React__default["default"].createElement(PluridSlider, {
+    return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(StyledPluridMoreMenuItem, null, React__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTechnicalCullingDistance)), React__default.default.createElement(PluridSlider, {
         theme: stateInteractionTheme,
         value: localCullingDistance,
         atChange: handleCullingDistance,
@@ -3067,7 +3047,7 @@ const PluridMenuMoreShortcuts = properties => {
     const {interactionTheme: interactionTheme, configuration: configuration} = properties;
     const {global: global} = configuration;
     const {language: language} = global;
-    return React__default["default"].createElement(React__default["default"].Fragment, null, pluridData.defaultShortcuts.map(((shortcut, index) => {
+    return React__default.default.createElement(React__default.default.Fragment, null, pluridData.defaultShortcuts.map(((shortcut, index) => {
         const {type: type} = shortcut;
         const shortcutData = pluridData.shortcutsNames[type];
         const {name: name, internationalizedKey: internationalizedKey, key: key, modifier: modifier} = shortcutData;
@@ -3076,12 +3056,12 @@ const PluridMenuMoreShortcuts = properties => {
         const keyAsAny = key;
         const keyName = internationalizedKey ? pluridEngine.internatiolate(language, keyAsAny) : key;
         const afterline = type === "TURN_DOWN" || type === "TOGGLE_ROTATE" || type === "TOGGLE_TRANSLATE" || type === "TOGGLE_SCALE";
-        return React__default["default"].createElement(StyledPluridMoreMenuItem, {
+        return React__default.default.createElement(StyledPluridMoreMenuItem, {
             key: name,
             theme: interactionTheme,
             afterline: afterline,
             last: index === pluridData.defaultShortcuts.length - 1 ? true : false
-        }, React__default["default"].createElement("div", null, internationalizedName), React__default["default"].createElement("div", null, modifierString, " ", keyName));
+        }, React__default.default.createElement("div", null, internationalizedName), React__default.default.createElement("div", null, modifierString, " ", keyName));
     })));
 };
 
@@ -3100,37 +3080,37 @@ const moreMenusRecord = {
     GLOBAL: {
         name: pluridData.internationalization.fields.toolbarDrawerGlobalTitle,
         drawer: pluridData.TOOLBAR_DRAWERS.GLOBAL,
-        component: React__default["default"].createElement(ConnectedPluridMenuMoreGlobal, null)
+        component: React__default.default.createElement(ConnectedPluridMenuMoreGlobal, null)
     },
     TRANSFORM: {
         name: pluridData.internationalization.fields.toolbarDrawerTransformTitle,
         drawer: pluridData.TOOLBAR_DRAWERS.TRANSFORM,
-        component: React__default["default"].createElement(ConnectedPluridMenuMoreTransform, null)
+        component: React__default.default.createElement(ConnectedPluridMenuMoreTransform, null)
     },
     SPACE: {
         name: pluridData.internationalization.fields.toolbarDrawerSpaceTitle,
         drawer: pluridData.TOOLBAR_DRAWERS.SPACE,
-        component: React__default["default"].createElement(ConnectedPluridMenuMoreSpace, null)
+        component: React__default.default.createElement(ConnectedPluridMenuMoreSpace, null)
     },
     TOOLBAR: {
         name: pluridData.internationalization.fields.toolbarDrawerToolbarTitle,
         drawer: pluridData.TOOLBAR_DRAWERS.TOOLBAR,
-        component: React__default["default"].createElement(ConnectedPluridMenuMoreToolbar, null)
+        component: React__default.default.createElement(ConnectedPluridMenuMoreToolbar, null)
     },
     VIEWCUBE: {
         name: pluridData.internationalization.fields.toolbarDrawerViewcubeTitle,
         drawer: pluridData.TOOLBAR_DRAWERS.VIEWCUBE,
-        component: React__default["default"].createElement(ConnectedPluridMenuMoreViewcube, null)
+        component: React__default.default.createElement(ConnectedPluridMenuMoreViewcube, null)
     },
     TECHNICAL: {
         name: pluridData.internationalization.fields.toolbarDrawerTechnicalTitle,
         drawer: pluridData.TOOLBAR_DRAWERS.TECHNICAL,
-        component: React__default["default"].createElement(ConnectedPluridMenuMoreTechnical, null)
+        component: React__default.default.createElement(ConnectedPluridMenuMoreTechnical, null)
     },
     SHORTCUTS: {
         name: pluridData.internationalization.fields.toolbarDrawerShortcutsTitle,
         drawer: pluridData.TOOLBAR_DRAWERS.SHORTCUTS,
-        component: React__default["default"].createElement(ConnectedPluridMenuMoreShortcuts, null)
+        component: React__default.default.createElement(ConnectedPluridMenuMoreShortcuts, null)
     }
 };
 
@@ -3177,18 +3157,18 @@ const PluridMoreMenu = properties => {
             moreMenuScrollElement.current.scrollTop = stateToolbarMenuScrollPosition;
         }
     }), [ stateToolbarMenuScrollPosition, moreMenuScrollElement.current ]);
-    return React__default["default"].createElement(StyledPluridMoreMenu, {
+    return React__default.default.createElement(StyledPluridMoreMenu, {
         theme: stateInteractionTheme,
         transparentUI: transparentUI
-    }, React__default["default"].createElement(StyledPluridMoreMenuScroll, {
+    }, React__default.default.createElement(StyledPluridMoreMenuScroll, {
         ref: moreMenuScrollElement
     }, menus.map((moreMenu => {
         const {name: name, drawer: drawer, component: component} = moreMenu;
         const internationalizedName = pluridEngine.internatiolate(stateLanguage, name);
-        return React__default["default"].createElement(ConnectedPluridDrawer, {
+        return React__default.default.createElement(ConnectedPluridDrawer, {
             key: name,
             heading: internationalizedName,
-            items: React__default["default"].createElement(React__default["default"].Fragment, null, component),
+            items: React__default.default.createElement(React__default.default.Fragment, null, component),
             toggled: toggledDrawers.includes("ALL") || toggledDrawers.includes(drawer),
             toggle: () => dispatchToggleConfigurationToolbarToggleDrawer(drawer)
         });
@@ -3211,7 +3191,7 @@ const ConnectedPluridMoreMenu = reactRedux.connect(mapStateToProperties$d, mapDi
     context: StateContext
 })(PluridMoreMenu);
 
-const StyledPluridToolbarRotate = styled__default["default"].div`
+const StyledPluridToolbarRotate = styled__default.default.div`
     display: grid;
     align-items: center;
     justify-items: center;
@@ -3223,7 +3203,7 @@ const StyledPluridToolbarRotate = styled__default["default"].div`
 }};
 `;
 
-const StyledPluridTransformArrow = styled__default["default"].div`
+const StyledPluridTransformArrow = styled__default.default.div`
     user-select: none;
     cursor: pointer;
     border-radius: 50px;
@@ -3312,7 +3292,7 @@ const PluridTransformArrow = properties => {
             }
         };
     }), [ arrowElement.current ]);
-    return React__default["default"].createElement(StyledPluridTransformArrow, {
+    return React__default.default.createElement(StyledPluridTransformArrow, {
         ref: arrowElement,
         theme: interactionTheme,
         pressed: pressed,
@@ -3332,25 +3312,25 @@ const ConnectedPluridTransformArrow = reactRedux.connect(mapStateToProps$4, mapD
 
 const PluridToolbarRotate = properties => {
     const {showTransformButtons: showTransformButtons, showIcons: showIcons, transformMode: transformMode, toggleTransform: toggleTransform, stateLanguage: stateLanguage, interactionTheme: interactionTheme, rotateUp: rotateUp, rotateDown: rotateDown, rotateLeft: rotateLeft, rotateRight: rotateRight} = properties;
-    return React__default["default"].createElement(StyledPluridToolbarRotate, {
+    return React__default.default.createElement(StyledPluridToolbarRotate, {
         showTransformButtons: showTransformButtons
-    }, showTransformButtons && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(ConnectedPluridTransformArrow, {
+    }, showTransformButtons && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(ConnectedPluridTransformArrow, {
         direction: "left",
         transform: () => rotateRight()
-    }), React__default["default"].createElement(ConnectedPluridTransformArrow, {
+    }), React__default.default.createElement(ConnectedPluridTransformArrow, {
         direction: "up",
         transform: () => rotateUp()
-    })), React__default["default"].createElement(StyledToolbarButton, {
+    })), React__default.default.createElement(StyledToolbarButton, {
         theme: interactionTheme,
         onClick: () => toggleTransform(pluridData.TRANSFORM_MODES.ROTATION),
         active: transformMode === pluridData.TRANSFORM_MODES.ROTATION,
         showIcons: showIcons,
         showTransformButtons: showTransformButtons,
         button: showIcons
-    }, showIcons ? React__default["default"].createElement(StyledIcon, null, React__default["default"].createElement(pluridIconsReact.PluridIconRotate, null)) : React__default["default"].createElement(React__default["default"].Fragment, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarTransformRotate))), showTransformButtons && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(ConnectedPluridTransformArrow, {
+    }, showIcons ? React__default.default.createElement(StyledIcon, null, React__default.default.createElement(pluridIconsReact.PluridIconRotate, null)) : React__default.default.createElement(React__default.default.Fragment, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarTransformRotate))), showTransformButtons && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(ConnectedPluridTransformArrow, {
         direction: "down",
         transform: () => rotateDown()
-    }), React__default["default"].createElement(ConnectedPluridTransformArrow, {
+    }), React__default.default.createElement(ConnectedPluridTransformArrow, {
         direction: "right",
         transform: () => rotateLeft()
     })));
@@ -3372,7 +3352,7 @@ const ConnectedPluridToolbarRotate = reactRedux.connect(mapStateToProps$3, mapDi
     context: StateContext
 })(PluridToolbarRotate);
 
-const StyledPluridToolbarScale = styled__default["default"].div`
+const StyledPluridToolbarScale = styled__default.default.div`
     display: grid;
     align-items: center;
     justify-items: center;
@@ -3386,19 +3366,19 @@ const StyledPluridToolbarScale = styled__default["default"].div`
 
 const PluridToolbarScale = properties => {
     const {showTransformButtons: showTransformButtons, showIcons: showIcons, transformMode: transformMode, toggleTransform: toggleTransform, stateLanguage: stateLanguage, interactionTheme: interactionTheme, scaleUp: scaleUp, scaleDown: scaleDown} = properties;
-    return React__default["default"].createElement(StyledPluridToolbarScale, {
+    return React__default.default.createElement(StyledPluridToolbarScale, {
         showTransformButtons: showTransformButtons
-    }, showTransformButtons && React__default["default"].createElement(ConnectedPluridTransformArrow, {
+    }, showTransformButtons && React__default.default.createElement(ConnectedPluridTransformArrow, {
         direction: "up",
         transform: () => scaleUp()
-    }), React__default["default"].createElement(StyledToolbarButton, {
+    }), React__default.default.createElement(StyledToolbarButton, {
         theme: interactionTheme,
         onClick: () => toggleTransform(pluridData.TRANSFORM_MODES.SCALE),
         active: transformMode === pluridData.TRANSFORM_MODES.SCALE,
         showIcons: showIcons,
         showTransformButtons: showTransformButtons,
         button: showIcons
-    }, showIcons ? React__default["default"].createElement(StyledIcon, null, React__default["default"].createElement(pluridIconsReact.PluridIconScale, null)) : React__default["default"].createElement(React__default["default"].Fragment, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarTransformScale))), showTransformButtons && React__default["default"].createElement(ConnectedPluridTransformArrow, {
+    }, showIcons ? React__default.default.createElement(StyledIcon, null, React__default.default.createElement(pluridIconsReact.PluridIconScale, null)) : React__default.default.createElement(React__default.default.Fragment, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarTransformScale))), showTransformButtons && React__default.default.createElement(ConnectedPluridTransformArrow, {
         direction: "down",
         transform: () => scaleDown()
     }));
@@ -3418,7 +3398,7 @@ const ConnectedPluridToolbarScale = reactRedux.connect(mapStateToProps$2, mapDis
     context: StateContext
 })(PluridToolbarScale);
 
-const StyledPluridToolbarTranslate = styled__default["default"].div`
+const StyledPluridToolbarTranslate = styled__default.default.div`
     display: grid;
     align-items: center;
     justify-items: center;
@@ -3432,12 +3412,12 @@ const StyledPluridToolbarTranslate = styled__default["default"].div`
 
 const PluridToolbarTranslate = properties => {
     const {showTransformButtons: showTransformButtons, showIcons: showIcons, transformMode: transformMode, toggleTransform: toggleTransform, stateLanguage: stateLanguage, interactionTheme: interactionTheme, translateUp: translateUp, translateDown: translateDown, translateLeft: translateLeft, translateRight: translateRight, translateIn: translateIn, translateOut: translateOut} = properties;
-    return React__default["default"].createElement(StyledPluridToolbarTranslate, {
+    return React__default.default.createElement(StyledPluridToolbarTranslate, {
         showTransformButtons: showTransformButtons
-    }, showTransformButtons && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(ConnectedPluridTransformArrow, {
+    }, showTransformButtons && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(ConnectedPluridTransformArrow, {
         direction: "left",
         transform: () => translateLeft()
-    }), React__default["default"].createElement(ConnectedPluridTransformArrow, {
+    }), React__default.default.createElement(ConnectedPluridTransformArrow, {
         direction: "up",
         transform: event => {
             if (event.altKey) {
@@ -3446,14 +3426,14 @@ const PluridToolbarTranslate = properties => {
                 translateUp();
             }
         }
-    })), React__default["default"].createElement(StyledToolbarButton, {
+    })), React__default.default.createElement(StyledToolbarButton, {
         theme: interactionTheme,
         onClick: () => toggleTransform(pluridData.TRANSFORM_MODES.TRANSLATION),
         active: transformMode === pluridData.TRANSFORM_MODES.TRANSLATION,
         showIcons: showIcons,
         showTransformButtons: showTransformButtons,
         button: showIcons
-    }, showIcons ? React__default["default"].createElement(StyledIcon, null, React__default["default"].createElement(pluridIconsReact.PluridIconTranslate, null)) : React__default["default"].createElement(React__default["default"].Fragment, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarTransformTranslate))), showTransformButtons && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(ConnectedPluridTransformArrow, {
+    }, showIcons ? React__default.default.createElement(StyledIcon, null, React__default.default.createElement(pluridIconsReact.PluridIconTranslate, null)) : React__default.default.createElement(React__default.default.Fragment, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarTransformTranslate))), showTransformButtons && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(ConnectedPluridTransformArrow, {
         direction: "down",
         transform: event => {
             if (event.altKey) {
@@ -3462,7 +3442,7 @@ const PluridToolbarTranslate = properties => {
                 translateDown();
             }
         }
-    }), React__default["default"].createElement(ConnectedPluridTransformArrow, {
+    }), React__default.default.createElement(ConnectedPluridTransformArrow, {
         direction: "right",
         transform: () => translateRight()
     })));
@@ -3547,9 +3527,9 @@ const PluridToolbar = properties => {
         };
     }), [ mouseIn ]);
     if (!showToolbar) {
-        return React__default["default"].createElement(React__default["default"].Fragment, null);
+        return React__default.default.createElement(React__default.default.Fragment, null);
     }
-    return React__default["default"].createElement(StyledToolbar, {
+    return React__default.default.createElement(StyledToolbar, {
         onMouseEnter: () => setMouseIn(true),
         onMouseLeave: () => setMouseIn(false),
         mouseIn: mouseIn,
@@ -3558,7 +3538,7 @@ const PluridToolbar = properties => {
         isMounted: isMounted,
         fadeInTime: fadeInTime,
         "data-plurid-entity": pluridData.PLURID_ENTITY_TOOLBAR
-    }, React__default["default"].createElement(StyledToolbarButtons, {
+    }, React__default.default.createElement(StyledToolbarButtons, {
         theme: theme,
         showIcons: showIcons,
         showTransformButtons: showTransformButtons,
@@ -3566,36 +3546,36 @@ const PluridToolbar = properties => {
         mouseIn: mouseIn,
         opaque: opaque,
         transparentUI: transparentUI
-    }, React__default["default"].createElement(StyledToolbarButton, {
+    }, React__default.default.createElement(StyledToolbarButton, {
         theme: theme,
         onClick: () => dispatchToggleConfigurationSpaceFirstPerson(undefined),
         active: firstPerson,
         button: true,
         showIcons: showIcons,
         showTransformButtons: showTransformButtons
-    }, React__default["default"].createElement(StyledIcon, null, React__default["default"].createElement(pluridIconsReact.PluridIconFirstPerson, null))), React__default["default"].createElement(ConnectedPluridToolbarRotate, {
+    }, React__default.default.createElement(StyledIcon, null, React__default.default.createElement(pluridIconsReact.PluridIconFirstPerson, null))), React__default.default.createElement(ConnectedPluridToolbarRotate, {
         showTransformButtons: showTransformButtons,
         showIcons: showIcons,
         transformMode: transformMode,
         toggleTransform: toggleTransform
-    }), React__default["default"].createElement(ConnectedPluridToolbarScale, {
+    }), React__default.default.createElement(ConnectedPluridToolbarScale, {
         showTransformButtons: showTransformButtons,
         showIcons: showIcons,
         transformMode: transformMode,
         toggleTransform: toggleTransform
-    }), React__default["default"].createElement(ConnectedPluridToolbarTranslate, {
+    }), React__default.default.createElement(ConnectedPluridToolbarTranslate, {
         showTransformButtons: showTransformButtons,
         showIcons: showIcons,
         transformMode: transformMode,
         toggleTransform: toggleTransform
-    }), React__default["default"].createElement(StyledToolbarButton, {
+    }), React__default.default.createElement(StyledToolbarButton, {
         theme: theme,
         onClick: () => handleShowMenu(MENUS.MORE),
         active: showMenu === MENUS.MORE,
         button: true,
         showIcons: showIcons,
         showTransformButtons: showTransformButtons
-    }, React__default["default"].createElement(StyledIcon, null, React__default["default"].createElement(pluridIconsReact.PluridIconMore, null)))), showMenu === MENUS.UNIVERSES && React__default["default"].createElement(ConnectedPluridMenuUniverses, null), showMenu === MENUS.MORE && React__default["default"].createElement(ConnectedPluridMoreMenu, null));
+    }, React__default.default.createElement(StyledIcon, null, React__default.default.createElement(pluridIconsReact.PluridIconMore, null)))), showMenu === MENUS.UNIVERSES && React__default.default.createElement(ConnectedPluridMenuUniverses, null), showMenu === MENUS.MORE && React__default.default.createElement(ConnectedPluridMoreMenu, null));
 };
 
 const mapStateToProperties$b = state => ({
@@ -3613,7 +3593,7 @@ const ConnectedPluridToolbar = reactRedux.connect(mapStateToProperties$b, mapDis
     context: StateContext
 })(PluridToolbar);
 
-const StyledPluridViewcube = styled__default["default"].div`
+const StyledPluridViewcube = styled__default.default.div`
     position: absolute;
     @media (max-width: 800px) {
         top: ${({conceal: conceal, mouseOver: mouseOver}) => {
@@ -3667,7 +3647,7 @@ const StyledPluridViewcube = styled__default["default"].div`
     }
 `;
 
-const StyledPluridViewcubeArrow = styled__default["default"].div`
+const StyledPluridViewcubeArrow = styled__default.default.div`
     display: grid;
     place-content: center;
 
@@ -3677,7 +3657,7 @@ const StyledPluridViewcubeArrow = styled__default["default"].div`
     color: white;
 `;
 
-const StyledPluridViewcubeArrowIcon = styled__default["default"].div`
+const StyledPluridViewcubeArrowIcon = styled__default.default.div`
     user-select: none;
     font-size: 0.6rem;
     width: 1.2rem;
@@ -3692,7 +3672,7 @@ const StyledPluridViewcubeArrowIcon = styled__default["default"].div`
     }
 `;
 
-const StyledFitView = styled__default["default"].div`
+const StyledFitView = styled__default.default.div`
     grid-area: PVFitview;
     display: grid;
     place-content: center;
@@ -3706,7 +3686,7 @@ const StyledFitView = styled__default["default"].div`
     }
 `;
 
-const StyledPluridViewcubeFace = styled__default["default"].div`
+const StyledPluridViewcubeFace = styled__default.default.div`
     font-size: 0.6rem;
     position: absolute;
     height: 50px;
@@ -3769,7 +3749,7 @@ const StyledPluridViewcubeFace = styled__default["default"].div`
 }};
 `;
 
-const StyledPluridViewcubeFaceZone = styled__default["default"].div`
+const StyledPluridViewcubeFaceZone = styled__default.default.div`
     display: grid;
     place-content: center;
     cursor: pointer;
@@ -4002,12 +3982,12 @@ const PluridViewcubeFace = properties => {
             dispatchSetAnimatedTransform(false);
         }), 450);
     };
-    return React__default["default"].createElement(StyledPluridViewcubeFace, {
+    return React__default.default.createElement(StyledPluridViewcubeFace, {
         theme: generalTheme,
         face: face,
         opaque: opaqueFace,
         mouseOver: mouseOver
-    }, React__default["default"].createElement(StyledPluridViewcubeFaceZone, {
+    }, React__default.default.createElement(StyledPluridViewcubeFaceZone, {
         theme: interactionTheme,
         type: faceTypes.topLeft,
         active: activeZone === zoneCodes[`${face}${faceTypes.topLeft}`],
@@ -4015,7 +3995,7 @@ const PluridViewcubeFace = properties => {
         onClick: () => handleClick(faceTypes.topLeft),
         onMouseEnter: () => setHoveredZone(zoneCodes[`${face}${faceTypes.topLeft}`]),
         transparentUI: transparentUI
-    }), React__default["default"].createElement(StyledPluridViewcubeFaceZone, {
+    }), React__default.default.createElement(StyledPluridViewcubeFaceZone, {
         theme: interactionTheme,
         type: faceTypes.topCenter,
         active: activeZone === zoneCodes[`${face}${faceTypes.topCenter}`],
@@ -4023,7 +4003,7 @@ const PluridViewcubeFace = properties => {
         onClick: () => handleClick(faceTypes.topCenter),
         onMouseEnter: () => setHoveredZone(zoneCodes[`${face}${faceTypes.topCenter}`]),
         transparentUI: transparentUI
-    }), React__default["default"].createElement(StyledPluridViewcubeFaceZone, {
+    }), React__default.default.createElement(StyledPluridViewcubeFaceZone, {
         theme: interactionTheme,
         type: faceTypes.topRight,
         active: activeZone === zoneCodes[`${face}${faceTypes.topRight}`],
@@ -4031,7 +4011,7 @@ const PluridViewcubeFace = properties => {
         onClick: () => handleClick(faceTypes.topRight),
         onMouseEnter: () => setHoveredZone(zoneCodes[`${face}${faceTypes.topRight}`]),
         transparentUI: transparentUI
-    }), React__default["default"].createElement(StyledPluridViewcubeFaceZone, {
+    }), React__default.default.createElement(StyledPluridViewcubeFaceZone, {
         theme: interactionTheme,
         type: faceTypes.middleLeft,
         active: activeZone === zoneCodes[`${face}${faceTypes.middleLeft}`],
@@ -4039,7 +4019,7 @@ const PluridViewcubeFace = properties => {
         onClick: () => handleClick(faceTypes.middleLeft),
         onMouseEnter: () => setHoveredZone(zoneCodes[`${face}${faceTypes.middleLeft}`]),
         transparentUI: transparentUI
-    }), React__default["default"].createElement(StyledPluridViewcubeFaceZone, {
+    }), React__default.default.createElement(StyledPluridViewcubeFaceZone, {
         theme: interactionTheme,
         type: faceTypes.middleCenter,
         active: activeZone === zoneCodes[`${face}${faceTypes.middleCenter}`],
@@ -4047,7 +4027,7 @@ const PluridViewcubeFace = properties => {
         onClick: () => handleClick(faceTypes.middleCenter),
         onMouseEnter: () => setHoveredZone(zoneCodes[`${face}${faceTypes.middleCenter}`]),
         transparentUI: transparentUI
-    }, faceText), React__default["default"].createElement(StyledPluridViewcubeFaceZone, {
+    }, faceText), React__default.default.createElement(StyledPluridViewcubeFaceZone, {
         theme: interactionTheme,
         type: faceTypes.middleRight,
         active: activeZone === zoneCodes[`${face}${faceTypes.middleRight}`],
@@ -4055,7 +4035,7 @@ const PluridViewcubeFace = properties => {
         onClick: () => handleClick(faceTypes.middleRight),
         onMouseEnter: () => setHoveredZone(zoneCodes[`${face}${faceTypes.middleRight}`]),
         transparentUI: transparentUI
-    }), React__default["default"].createElement(StyledPluridViewcubeFaceZone, {
+    }), React__default.default.createElement(StyledPluridViewcubeFaceZone, {
         theme: interactionTheme,
         type: faceTypes.bottomLeft,
         active: activeZone === zoneCodes[`${face}${faceTypes.bottomLeft}`],
@@ -4063,7 +4043,7 @@ const PluridViewcubeFace = properties => {
         onClick: () => handleClick(faceTypes.bottomLeft),
         onMouseEnter: () => setHoveredZone(zoneCodes[`${face}${faceTypes.bottomLeft}`]),
         transparentUI: transparentUI
-    }), React__default["default"].createElement(StyledPluridViewcubeFaceZone, {
+    }), React__default.default.createElement(StyledPluridViewcubeFaceZone, {
         theme: interactionTheme,
         type: faceTypes.bottomCenter,
         active: activeZone === zoneCodes[`${face}${faceTypes.bottomCenter}`],
@@ -4071,7 +4051,7 @@ const PluridViewcubeFace = properties => {
         onClick: () => handleClick(faceTypes.bottomCenter),
         onMouseEnter: () => setHoveredZone(zoneCodes[`${face}${faceTypes.bottomCenter}`]),
         transparentUI: transparentUI
-    }), React__default["default"].createElement(StyledPluridViewcubeFaceZone, {
+    }), React__default.default.createElement(StyledPluridViewcubeFaceZone, {
         theme: interactionTheme,
         type: faceTypes.bottomRight,
         active: activeZone === zoneCodes[`${face}${faceTypes.bottomRight}`],
@@ -4098,18 +4078,18 @@ const ConnectedPluridViewcubeFace = reactRedux.connect(mapStateToProperties$a, m
     context: StateContext
 })(PluridViewcubeFace);
 
-const StyledPluridViewcubeModel = styled__default["default"].div`
+const StyledPluridViewcubeModel = styled__default.default.div`
     grid-area: PVModel;
     margin-left: -7px;
     margin-top: 5px;
 `;
 
-const StyledPluridViewcubeModelContainer = styled__default["default"].div`
+const StyledPluridViewcubeModelContainer = styled__default.default.div`
     perspective: 2000px;
     perspective-origin: 50% 50%;
 `;
 
-const StyledPluridViewcubeModelCube = styled__default["default"].div`
+const StyledPluridViewcubeModelCube = styled__default.default.div`
     transform-style: preserve-3d;
     width: 50px;
     height: 50px;
@@ -4151,14 +4131,14 @@ const PluridViewcubeModel = properties => {
         }
     }), [ spaceRotationX, spaceRotationY ]);
     const transform = computeTransform();
-    return React__default["default"].createElement(StyledPluridViewcubeModel, null, React__default["default"].createElement(StyledPluridViewcubeModelContainer, null, React__default["default"].createElement(StyledPluridViewcubeModelCube, {
+    return React__default.default.createElement(StyledPluridViewcubeModel, null, React__default.default.createElement(StyledPluridViewcubeModelContainer, null, React__default.default.createElement(StyledPluridViewcubeModelCube, {
         suppressHydrationWarning: true,
         style: {
             transform: transform,
             transition: mouseOver || stateAnimatedTransform ? `transform ${stateTransformTime}ms ease-in-out` : ""
         },
         onMouseLeave: () => handleMouseLeave()
-    }, React__default["default"].createElement(ConnectedPluridViewcubeFace, {
+    }, React__default.default.createElement(ConnectedPluridViewcubeFace, {
         face: "front",
         faceText: pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.viewcubeFront),
         mouseOver: mouseOver,
@@ -4166,7 +4146,7 @@ const PluridViewcubeModel = properties => {
         setHoveredZone: setHoveredZone,
         activeZone: activeZone,
         setActiveZone: setActiveZone
-    }), React__default["default"].createElement(ConnectedPluridViewcubeFace, {
+    }), React__default.default.createElement(ConnectedPluridViewcubeFace, {
         face: "back",
         faceText: pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.viewcubeBack),
         mouseOver: mouseOver,
@@ -4174,7 +4154,7 @@ const PluridViewcubeModel = properties => {
         setHoveredZone: setHoveredZone,
         activeZone: activeZone,
         setActiveZone: setActiveZone
-    }), React__default["default"].createElement(ConnectedPluridViewcubeFace, {
+    }), React__default.default.createElement(ConnectedPluridViewcubeFace, {
         face: "left",
         faceText: pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.viewcubeLeft),
         mouseOver: mouseOver,
@@ -4182,7 +4162,7 @@ const PluridViewcubeModel = properties => {
         setHoveredZone: setHoveredZone,
         activeZone: activeZone,
         setActiveZone: setActiveZone
-    }), React__default["default"].createElement(ConnectedPluridViewcubeFace, {
+    }), React__default.default.createElement(ConnectedPluridViewcubeFace, {
         face: "right",
         faceText: pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.viewcubeRight),
         mouseOver: mouseOver,
@@ -4190,7 +4170,7 @@ const PluridViewcubeModel = properties => {
         setHoveredZone: setHoveredZone,
         activeZone: activeZone,
         setActiveZone: setActiveZone
-    }), React__default["default"].createElement(ConnectedPluridViewcubeFace, {
+    }), React__default.default.createElement(ConnectedPluridViewcubeFace, {
         face: "top",
         faceText: pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.viewcubeTop),
         mouseOver: mouseOver,
@@ -4198,7 +4178,7 @@ const PluridViewcubeModel = properties => {
         setHoveredZone: setHoveredZone,
         activeZone: activeZone,
         setActiveZone: setActiveZone
-    }), React__default["default"].createElement(ConnectedPluridViewcubeFace, {
+    }), React__default.default.createElement(ConnectedPluridViewcubeFace, {
         face: "base",
         faceText: pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.viewcubeBase),
         mouseOver: mouseOver,
@@ -4261,9 +4241,9 @@ const PluridViewcube = properties => {
         setIsMounted(true);
     }), []);
     if (!showViewcube) {
-        return React__default["default"].createElement(React__default["default"].Fragment, null);
+        return React__default.default.createElement(React__default.default.Fragment, null);
     }
-    return React__default["default"].createElement(StyledPluridViewcube, {
+    return React__default.default.createElement(StyledPluridViewcube, {
         onMouseEnter: () => setMouseOver(true),
         onMouseLeave: () => setMouseOver(false),
         onMouseMove: () => !mouseOver ? setMouseOver(true) : null,
@@ -4272,42 +4252,42 @@ const PluridViewcube = properties => {
         isMounted: isMounted,
         fadeInTime: fadeInTime,
         "data-plurid-entity": pluridData.PLURID_ENTITY_VIEWCUBE
-    }, React__default["default"].createElement(ConnectedPluridViewcubeModel, {
+    }, React__default.default.createElement(ConnectedPluridViewcubeModel, {
         mouseOver: mouseOver
-    }), mouseOver && buttons && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(StyledPluridViewcubeArrow, {
+    }), mouseOver && buttons && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(StyledPluridViewcubeArrow, {
         style: {
             gridArea: "PVRotateUp"
         }
-    }, React__default["default"].createElement(StyledPluridViewcubeArrowIcon, {
+    }, React__default.default.createElement(StyledPluridViewcubeArrowIcon, {
         theme: stateInteractionTheme,
         onClick: () => animatedRotate("rotateX", -90.1)
-    }, "▲")), React__default["default"].createElement(StyledPluridViewcubeArrow, {
+    }, "▲")), React__default.default.createElement(StyledPluridViewcubeArrow, {
         theme: stateInteractionTheme,
         style: {
             gridArea: "PVRotateDown"
         }
-    }, React__default["default"].createElement(StyledPluridViewcubeArrowIcon, {
+    }, React__default.default.createElement(StyledPluridViewcubeArrowIcon, {
         theme: stateInteractionTheme,
         onClick: () => animatedRotate("rotateX", 90.1)
-    }, "▼")), React__default["default"].createElement(StyledPluridViewcubeArrow, {
+    }, "▼")), React__default.default.createElement(StyledPluridViewcubeArrow, {
         theme: stateInteractionTheme,
         style: {
             gridArea: "PVRotateLeft"
         }
-    }, React__default["default"].createElement(StyledPluridViewcubeArrowIcon, {
+    }, React__default.default.createElement(StyledPluridViewcubeArrowIcon, {
         theme: stateInteractionTheme,
         onClick: () => animatedRotate("rotateY", 90.1)
-    }, "◀")), React__default["default"].createElement(StyledPluridViewcubeArrow, {
+    }, "◀")), React__default.default.createElement(StyledPluridViewcubeArrow, {
         theme: stateInteractionTheme,
         style: {
             gridArea: "PVRotateRight"
         }
-    }, React__default["default"].createElement(StyledPluridViewcubeArrowIcon, {
+    }, React__default.default.createElement(StyledPluridViewcubeArrowIcon, {
         theme: stateInteractionTheme,
         onClick: () => animatedRotate("rotateY", -90.1)
-    }, "▶")), React__default["default"].createElement(StyledFitView, {
+    }, "▶")), React__default.default.createElement(StyledFitView, {
         onClick: animatedReset
-    }, React__default["default"].createElement(pluridIconsReact.PluridIconGlobal, null))));
+    }, React__default.default.createElement(pluridIconsReact.PluridIconGlobal, null))));
 };
 
 const mapStateToProperties$8 = state => ({
@@ -4327,13 +4307,13 @@ const ConnectedPluridViewcube = reactRedux.connect(mapStateToProperties$8, mapDi
     context: StateContext
 })(PluridViewcube);
 
-const PluridViewContainer = _properties => React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(ConnectedPluridSpace, null), React__default["default"].createElement(ConnectedOrigin, null), React__default["default"].createElement(ConnectedPluridToolbar, null), React__default["default"].createElement(ConnectedPluridViewcube, null));
+const PluridViewContainer = _properties => React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(ConnectedPluridSpace, null), React__default.default.createElement(ConnectedOrigin, null), React__default.default.createElement(ConnectedPluridToolbar, null), React__default.default.createElement(ConnectedPluridViewcube, null));
 
 const PluridView = properties => {
     const {planesRegistrar: planesRegistrar, customPlane: customPlane, planeContext: planeContext, planeContextValue: planeContextValue, pubsub: pubsub, planeNotFound: planeNotFound, planeRenderError: planeRenderError, matchedRoute: matchedRoute, hostname: hostname, state: state, stateConfiguration: stateConfiguration, stateResolvedLayout: stateResolvedLayout, stateTransform: stateTransform, stateSpaceView: stateSpaceView, stateTree: stateTree, stateGeneralTheme: stateGeneralTheme, dispatch: dispatch, dispatchSetConfiguration: dispatchSetConfiguration, dispatchSetGeneralTheme: dispatchSetGeneralTheme, dispatchSetInteractionTheme: dispatchSetInteractionTheme, dispatchSetSpaceField: dispatchSetSpaceField, dispatchSetSpaceLocation: dispatchSetSpaceLocation, dispatchSetAnimatedTransform: dispatchSetAnimatedTransform, dispatchSetTransformTime: dispatchSetTransformTime, dispatchSetTree: dispatchSetTree, dispatchRotateXWith: dispatchRotateXWith, dispatchRotateX: dispatchRotateX, dispatchRotateYWith: dispatchRotateYWith, dispatchRotateY: dispatchRotateY, dispatchTranslateXWith: dispatchTranslateXWith, dispatchTranslateYWith: dispatchTranslateYWith, dispatchTranslateZWith: dispatchTranslateZWith, dispatchScaleUpWith: dispatchScaleUpWith, dispatchScaleDownWith: dispatchScaleDownWith, dispatchSpaceSetViewSize: dispatchSpaceSetViewSize, dispatchSpaceSetView: dispatchSpaceSetView} = properties;
     const viewElement = React.useRef(null);
     const scrollTimeout = React.useRef();
-    const [pluridPubSub, setPluridPubSub] = React.useState(pubsub ? [ pubsub ] : [ new PluridPubSub__default["default"] ]);
+    const [pluridPubSub, setPluridPubSub] = React.useState(pubsub ? [ pubsub ] : [ new PluridPubSub__default.default ]);
     const [preventOverscroll, setPreventOverscroll] = React.useState(false);
     const handlePreventOverscroll = event => {
         if (event.shiftKey || event.altKey || event.metaKey || event.ctrlKey) {
@@ -4384,7 +4364,7 @@ const PluridView = properties => {
         dispatchSetTree(computedTree);
     };
     const treeUpdateCallback = React.useCallback((() => {
-        treeUpdate(stateSpaceView, stateConfiguration);
+        treeUpdate(stateSpaceView, stateConfiguration, true);
     }), [ hostname, stateSpaceView, stateConfiguration, JSON.stringify(stateTree) ]);
     const handlePubSubSubscribe = pubsub => {
         const subscriptions = [ {
@@ -4396,18 +4376,18 @@ const PluridView = properties => {
                 const computedConfiguration = pluridEngine.general.configuration.merge(data, stateConfiguration);
                 if (typeof computedConfiguration.global.theme === "object") {
                     if (typeof computedConfiguration.global.theme.general === "string") {
-                        dispatchSetGeneralTheme(themes__default["default"][computedConfiguration.global.theme.general]);
+                        dispatchSetGeneralTheme(themes__default.default[computedConfiguration.global.theme.general]);
                     } else {
                         dispatchSetGeneralTheme(computedConfiguration.global.theme.general);
                     }
                     if (typeof computedConfiguration.global.theme.interaction === "string") {
-                        dispatchSetInteractionTheme(themes__default["default"][computedConfiguration.global.theme.interaction]);
+                        dispatchSetInteractionTheme(themes__default.default[computedConfiguration.global.theme.interaction]);
                     } else {
                         dispatchSetInteractionTheme(computedConfiguration.global.theme.interaction);
                     }
                 } else if (typeof computedConfiguration.global.theme === "string") {
-                    dispatchSetGeneralTheme(themes__default["default"][computedConfiguration.global.theme]);
-                    dispatchSetInteractionTheme(themes__default["default"][computedConfiguration.global.theme]);
+                    dispatchSetGeneralTheme(themes__default.default[computedConfiguration.global.theme]);
+                    dispatchSetInteractionTheme(themes__default.default[computedConfiguration.global.theme]);
                 }
                 dispatchSetConfiguration(computedConfiguration);
             }
@@ -4488,14 +4468,14 @@ const PluridView = properties => {
                 const {plane: plane} = data;
                 const updatedView = [ ...stateSpaceView, plane ];
                 dispatchSpaceSetView(updatedView);
-                treeUpdate(updatedView);
+                treeUpdate(updatedView, undefined, true);
             }
         }, {
             topic: pluridData.PLURID_PUBSUB_TOPIC.VIEW_SET_PLANES,
             callback: data => {
                 const {view: view} = data;
                 dispatchSpaceSetView([ ...view ]);
-                treeUpdate(view);
+                treeUpdate(view, undefined, true);
             }
         }, {
             topic: pluridData.PLURID_PUBSUB_TOPIC.VIEW_REMOVE_PLANE,
@@ -4795,7 +4775,7 @@ const PluridView = properties => {
         return () => {
             window.removeEventListener("resize", treeUpdateCallback);
         };
-    }), [ stateSpaceView, stateConfiguration, JSON.stringify(stateTree) ]);
+    }), [ stateSpaceView, JSON.stringify(stateConfiguration), JSON.stringify(stateTree) ]);
     React.useEffect((() => {
         if (typeof window === "undefined") {
             return;
@@ -4876,12 +4856,12 @@ const PluridView = properties => {
                 unsubscriber();
             }
         };
-    }), [ state.space.lastClosedPlane, pluridPubSub.length, JSON.stringify(stateTree) ]);
+    }), [ state.space.lastClosedPlane, pluridPubSub.length, JSON.stringify(stateTree), JSON.stringify(stateConfiguration) ]);
     React.useEffect((() => {
         for (const pubsub of pluridPubSub) {
             handlePubSubPublish(pubsub);
         }
-    }), [ pluridPubSub.length, stateConfiguration, stateTransform ]);
+    }), [ pluridPubSub.length, JSON.stringify(stateConfiguration), stateTransform ]);
     React.useEffect((() => {
         treeUpdateCallback();
     }), []);
@@ -4906,17 +4886,17 @@ const PluridView = properties => {
         defaultPubSub: pluridPubSub[0],
         registerPubSub: registerPubSub
     };
-    return React__default["default"].createElement(StyledView, {
+    return React__default.default.createElement(StyledView, {
         ref: viewElement,
         tabIndex: 0,
         transformMode: stateConfiguration.space.transformMode,
         "data-plurid-entity": pluridData.PLURID_ENTITY_VIEW
-    }, React__default["default"].createElement(GlobalStyle, {
+    }, React__default.default.createElement(GlobalStyle, {
         theme: stateGeneralTheme,
         preventOverscroll: preventOverscroll
-    }), React__default["default"].createElement(Context.Provider, {
+    }), React__default.default.createElement(Context.Provider, {
         value: pluridContext
-    }, stateSpaceView.length !== 0 ? React__default["default"].createElement(PluridViewContainer, null) : React__default["default"].createElement(React__default["default"].Fragment, null)));
+    }, stateSpaceView.length !== 0 ? React__default.default.createElement(PluridViewContainer, null) : React__default.default.createElement(React__default.default.Fragment, null)));
 };
 
 const mapStateToProperties$7 = state => ({
@@ -4981,10 +4961,10 @@ class PluridApplication extends React.Component {
         }
     }
     render() {
-        return React__default["default"].createElement(reactRedux.Provider, {
+        return React__default.default.createElement(reactRedux.Provider, {
             store: this.store,
             context: StateContext
-        }, React__default["default"].createElement(ConnectedPluridView, Object.assign({}, this.props, {
+        }, React__default.default.createElement(ConnectedPluridView, Object.assign({}, this.props, {
             planesRegistrar: this.planesRegistrar
         })));
     }
@@ -5020,7 +5000,7 @@ class PluridApplication extends React.Component {
 
 PluridApplication.contextType = PluridContext;
 
-const StyledSpaces = styled__default["default"].div`
+const StyledSpaces = styled__default.default.div`
     scroll-snap-type: ${properties => {
     const {alignment: alignment, snapType: snapType} = properties;
     if (snapType === "none") {
@@ -5166,7 +5146,7 @@ const gatherPluridPlanes = (routes, planes) => {
 const renderMultispace = (matchedRoute, hostname = "origin") => {
     var _a, _b, _c, _d, _e, _f;
     if (matchedRoute.kind !== "Route") {
-        return () => () => React__default["default"].createElement(React__default["default"].Fragment, null);
+        return () => () => React__default.default.createElement(React__default.default.Fragment, null);
     }
     const protocol = "http";
     const host = hostname;
@@ -5180,11 +5160,11 @@ const renderMultispace = (matchedRoute, hostname = "origin") => {
     const {exterior: exterior, planes: planes, spaces: spaces, slotted: slotted} = matchedRoute.data;
     const multispaceAlignment = ((_a = path.multispace) === null || _a === void 0 ? void 0 : _a.alignment) || "y";
     const multispaceSnapType = ((_b = path.multispace) === null || _b === void 0 ? void 0 : _b.snapType) || "mandatory";
-    let PluridExterior = () => React__default["default"].createElement(React__default["default"].Fragment, null);
+    let PluridExterior = () => React__default.default.createElement(React__default.default.Fragment, null);
     if (isReactRenderable(exterior)) {
         PluridExterior = exterior;
     }
-    let PluridSpaces = () => React__default["default"].createElement(React__default["default"].Fragment, null);
+    let PluridSpaces = () => React__default.default.createElement(React__default.default.Fragment, null);
     const spacesArray = [];
     if (spaces) {
         for (const space of spaces) {
@@ -5233,7 +5213,7 @@ const renderMultispace = (matchedRoute, hostname = "origin") => {
                 }
             }
             const pluridPlanesRegistrar = new PluridPlanesRegistrar([], "localhost:63000");
-            const App = React__default["default"].createElement(PluridApplication, {
+            const App = React__default.default.createElement(PluridApplication, {
                 key: pluridFunctions.uuid.generate(),
                 id: path.value,
                 planes: planes,
@@ -5271,7 +5251,7 @@ const renderMultispace = (matchedRoute, hostname = "origin") => {
                 }
             }
         }
-        const App = React__default["default"].createElement(PluridApplication, {
+        const App = React__default.default.createElement(PluridApplication, {
             key: pluridFunctions.uuid.generate(),
             id: path.value,
             planes: pluridPlanes,
@@ -5289,20 +5269,20 @@ const renderMultispace = (matchedRoute, hostname = "origin") => {
     if (isReactRenderable((_e = path.multispace) === null || _e === void 0 ? void 0 : _e.footer)) {
         MultispaceFooter = (_f = path.multispace) === null || _f === void 0 ? void 0 : _f.footer;
     }
-    PluridSpaces = () => React__default["default"].createElement(StyledSpaces, {
+    PluridSpaces = () => React__default.default.createElement(StyledSpaces, {
         alignment: multispaceAlignment,
         snapType: multispaceSnapType,
         "data-plurid-entity": pluridData.PLURID_ENTITY_MULTISPACE
-    }, MultispaceHeader && React__default["default"].createElement(MultispaceHeader, {
+    }, MultispaceHeader && React__default.default.createElement(MultispaceHeader, {
         plurid: pluridRouteProperty
-    }), spacesArray, MultispaceFooter && React__default["default"].createElement(MultispaceFooter, {
+    }), spacesArray, MultispaceFooter && React__default.default.createElement(MultispaceFooter, {
         plurid: pluridRouteProperty
     }));
     return () => {
-        const PluridRoute = () => React__default["default"].createElement(React__default["default"].Fragment, null, exterior && React__default["default"].createElement(PluridExterior, {
+        const PluridRoute = () => React__default.default.createElement(React__default.default.Fragment, null, exterior && React__default.default.createElement(PluridExterior, {
             spaces: slotted ? spacesArray : undefined,
             plurid: pluridRouteProperty
-        }), (spaces || planes) && !slotted && React__default["default"].createElement(PluridSpaces, null));
+        }), (spaces || planes) && !slotted && React__default.default.createElement(PluridSpaces, null));
         return PluridRoute;
     };
 };
@@ -5311,7 +5291,7 @@ const computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPla
     if (directPlane || (matchedRoute === null || matchedRoute === void 0 ? void 0 : matchedRoute.kind) === "RoutePlane") {
         const match = directPlane || matchedRoute;
         if (!match) {
-            return () => () => React__default["default"].createElement(React__default["default"].Fragment, null);
+            return () => () => React__default.default.createElement(React__default.default.Fragment, null);
         }
         const DirectPlane = renderDirectPlane(match, planesRegistrar, hostname);
         return DirectPlane;
@@ -5322,7 +5302,7 @@ const computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPla
             const notFoundRender = computePluridRoute(notFoundRoute, planesRegistrar, isoMatcher, undefined, hostname);
             return notFoundRender;
         }
-        return () => () => React__default["default"].createElement(React__default["default"].Fragment, null);
+        return () => () => React__default.default.createElement(React__default.default.Fragment, null);
     }
     const {exterior: exterior, view: view, planes: planes, spaces: spaces, defaultConfiguration: defaultConfiguration, slotted: slotted, resolver: resolver} = matchedRoute.data;
     if (resolver) {
@@ -5342,7 +5322,7 @@ const computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPla
     }
     if (exterior && PluridRouteExterior && !view && !planes && !spaces) {
         return () => {
-            const PluridRoute = () => React__default["default"].createElement(React__default["default"].Fragment, null, PluridRouteExterior && React__default["default"].createElement(PluridRouteExterior, {
+            const PluridRoute = () => React__default.default.createElement(React__default.default.Fragment, null, PluridRouteExterior && React__default.default.createElement(PluridRouteExterior, {
                 plurid: pluridRouteProperty
             }));
             return PluridRoute;
@@ -5350,9 +5330,9 @@ const computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPla
     }
     if (view) {
         return () => {
-            const pubsub = new PluridPubSub__default["default"];
+            const pubsub = new PluridPubSub__default.default;
             const space = matchedRoute.data.value;
-            const pluridApplication = React__default["default"].createElement(PluridApplication, {
+            const pluridApplication = React__default.default.createElement(PluridApplication, {
                 view: view,
                 planesRegistrar: planesRegistrar,
                 configuration: defaultConfiguration,
@@ -5361,11 +5341,11 @@ const computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPla
                 hostname: hostname,
                 space: space
             });
-            const PluridRoute = () => React__default["default"].createElement(React__default["default"].Fragment, null, PluridRouteExterior && React__default["default"].createElement(PluridRouteExterior, {
+            const PluridRoute = () => React__default.default.createElement(React__default.default.Fragment, null, PluridRouteExterior && React__default.default.createElement(PluridRouteExterior, {
                 plurid: pluridRouteProperty,
                 pubsub: pubsub,
                 spaces: slotted ? [ pluridApplication ] : undefined
-            }), !slotted && React__default["default"].createElement(React__default["default"].Fragment, null, pluridApplication));
+            }), !slotted && React__default.default.createElement(React__default.default.Fragment, null, pluridApplication));
             return PluridRoute;
         };
     }
@@ -5428,10 +5408,10 @@ const renderDirectPlane = (routePlane, planesRegistrar, hostname = "origin") =>
             if (pluridRoute) {
                 const Flat = pluridRoute.component;
                 if (typeof Flat !== "function") {
-                    return () => () => React__default["default"].createElement(React__default["default"].Fragment, null);
+                    return () => () => React__default.default.createElement(React__default.default.Fragment, null);
                 }
                 const DirectPlane = () => {
-                    const PluridRoute = () => React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(Flat, null));
+                    const PluridRoute = () => React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(Flat, null));
                     return PluridRoute;
                 };
                 return DirectPlane;
@@ -5440,7 +5420,7 @@ const renderDirectPlane = (routePlane, planesRegistrar, hostname = "origin") =>
     }
     const {defaultConfiguration: defaultConfiguration} = routePlane === null || routePlane === void 0 ? void 0 : routePlane.data;
     const DirectPlane = () => {
-        const PluridRoute = () => React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(PluridApplication, {
+        const PluridRoute = () => React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(PluridApplication, {
             view: [ routePlane.match.value ],
             planesRegistrar: planesRegistrar,
             configuration: defaultConfiguration,
@@ -5451,12 +5431,12 @@ const renderDirectPlane = (routePlane, planesRegistrar, hostname = "origin") =>
     return DirectPlane;
 };
 
-const PluridScrollTop = styled__default["default"].div`
+const PluridScrollTop = styled__default.default.div`
     height: 0;
     width: 0;
 `;
 
-const StyledFadeIn = styled__default["default"].div`
+const StyledFadeIn = styled__default.default.div`
     position: absolute;
     top: 0;
     left: 0;
@@ -5478,9 +5458,9 @@ const FadeIn = properties => {
         }
     }), []);
     if (fadedIn || time === 0) {
-        return React__default["default"].createElement(React__default["default"].Fragment, null);
+        return React__default.default.createElement(React__default.default.Fragment, null);
     }
-    return React__default["default"].createElement(StyledFadeIn, null);
+    return React__default.default.createElement(StyledFadeIn, null);
 };
 
 const PluridRouterBrowser = properties => {
@@ -5575,29 +5555,29 @@ const PluridRouterBrowser = properties => {
             PluridRouterExterior.displayName = "PluridRouterExterior";
         }
     }
-    let PluridRouterShell = ({children: children}) => React__default["default"].createElement(React__default["default"].Fragment, null, children);
+    let PluridRouterShell = ({children: children}) => React__default.default.createElement(React__default.default.Fragment, null, children);
     if (isReactRenderable(shell)) {
         PluridRouterShell = shell;
         if (PluridRouterShell) {
             PluridRouterShell.displayName = "PluridRouterShell";
         }
     }
-    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(FadeIn, {
+    return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(FadeIn, {
         time: fadeIn
-    }), React__default["default"].createElement(PluridScrollTop, {
+    }), React__default.default.createElement(PluridScrollTop, {
         ref: topContainer
-    }), PluridRouterExterior && React__default["default"].createElement(PluridRouterExterior, {
+    }), PluridRouterExterior && React__default.default.createElement(PluridRouterExterior, {
         matchedRoute: matchedRoute
-    }), React__default["default"].createElement(PluridRouterShell, {
+    }), React__default.default.createElement(PluridRouterShell, {
         matchedRoute: matchedRoute
-    }, React__default["default"].createElement(PluridRoute, null)));
+    }, React__default.default.createElement(PluridRoute, null)));
 };
 
 const PluridRouterStatic = properties => {
     const {path: path, directPlane: directPlane, routes: routes, planes: planes, exterior: exterior, shell: shell, protocol: protocolProperty, hostname: hostnameProperty, gateway: gateway, gatewayQuery: gatewayQueryProperty, gatewayEndpoint: gatewayEndpointProperty, routerProperties: routerProperties} = properties;
     const protocol = protocolProperty || "http";
     const hostname = hostnameProperty || "origin";
-    return React__default["default"].createElement(PluridRouterBrowser, Object.assign({
+    return React__default.default.createElement(PluridRouterBrowser, Object.assign({
         routes: routes,
         planes: planes,
         exterior: exterior,
@@ -5618,7 +5598,7 @@ class PluridProvider extends React.Component {
     }
     render() {
         const {metastate: metastate, children: children} = this.properties;
-        return React__default["default"].createElement(PluridContext.Provider, {
+        return React__default.default.createElement(PluridContext.Provider, {
             value: metastate
         }, children);
     }
@@ -5639,7 +5619,7 @@ const PluridPortal = properties => {
     return reactDom.createPortal(children, target);
 };
 
-const StyledPluridPlanePreview = styled__default["default"].div`
+const StyledPluridPlanePreview = styled__default.default.div`
     position: absolute;
     min-width: 600px;
     min-height: 300px;
@@ -5665,25 +5645,25 @@ const PluridPlanePreview = properties => {
     };
     const context = React.useContext(Context);
     if (!context) {
-        return React__default["default"].createElement(React__default["default"].Fragment, null);
+        return React__default.default.createElement(React__default.default.Fragment, null);
     }
     const {planesRegistrar: planesRegistrar} = context;
     const planesRegistry = getPlanesRegistrar(planesRegistrar);
     if (!planesRegistry) {
-        return React__default["default"].createElement(React__default["default"].Fragment, null);
+        return React__default.default.createElement(React__default.default.Fragment, null);
     }
     const plane = planesRegistry.get(planeRoute);
     if (!plane) {
-        return React__default["default"].createElement(React__default["default"].Fragment, null);
+        return React__default.default.createElement(React__default.default.Fragment, null);
     }
     const Component = previewComponent !== null && previewComponent !== void 0 ? previewComponent : plane.component;
     if (typeof Component !== "function") {
-        return React__default["default"].createElement(React__default["default"].Fragment, null);
+        return React__default.default.createElement(React__default.default.Fragment, null);
     }
-    return React__default["default"].createElement(StyledPluridPlanePreview, {
+    return React__default.default.createElement(StyledPluridPlanePreview, {
         theme: stateGeneralTheme,
         linkCoordinates: resolvedLinkCoordinates
-    }, React__default["default"].createElement(Component, null));
+    }, React__default.default.createElement(Component, null));
 };
 
 const mapStateToProperties$6 = state => ({
@@ -5697,7 +5677,7 @@ const ConnectedPluridPlanePreview = reactRedux.connect(mapStateToProperties$6, m
     context: StateContext
 })(PluridPlanePreview);
 
-const StyledPluridLink = styled__default["default"].a`
+const StyledPluridLink = styled__default.default.a`
     /**
      * Forces element to go to the second row if inlined.
      */
@@ -5726,14 +5706,14 @@ const StyledPluridLink = styled__default["default"].a`
 const PluridLink = properties => {
     const context = React.useContext(Context);
     if (!context) {
-        return React__default["default"].createElement(React__default["default"].Fragment, null, properties.children);
+        return React__default.default.createElement(React__default.default.Fragment, null, properties.children);
     }
     const {hostname: hostname, planesRegistrar: planesRegistrar, defaultPubSub: defaultPubSub} = context;
     const planesRegistry = getPlanesRegistrar(planesRegistrar);
     if (!planesRegistry) {
-        return React__default["default"].createElement(React__default["default"].Fragment, null, properties.children);
+        return React__default.default.createElement(React__default.default.Fragment, null, properties.children);
     }
-    const {children: children, route: planeRoute, devisible: devisibleProperty, suffix: suffixProperty, atClick: atClick, style: style, className: className, preview: preview, previewComponent: previewComponent, previewFadeIn: previewFadeIn, previewFadeOut: previewFadeOut, previewOffsetX: previewOffsetX, previewOffsetY: previewOffsetY, stateTree: stateTree, stateLastClosedPlane: stateLastClosedPlane, stateGeneralTheme: stateGeneralTheme, stateConfiguration: stateConfiguration, stateViewSize: stateViewSize, dispatch: dispatch, dispatchSetTree: dispatchSetTree, dispatchSetSpaceField: dispatchSetSpaceField, dispatchUpdateSpaceLinkCoordinates: dispatchUpdateSpaceLinkCoordinates} = properties;
+    const {children: children, route: planeRoute, devisible: devisibleProperty, suffix: suffixProperty, atClick: atClick, style: style, className: className, preview: preview, previewComponent: previewComponent, previewFadeIn: previewFadeIn, previewFadeOut: previewFadeOut, previewOffsetX: previewOffsetX, previewOffsetY: previewOffsetY, stateTree: stateTree, stateLastClosedPlane: stateLastClosedPlane, stateGeneralTheme: stateGeneralTheme, stateConfiguration: stateConfiguration, stateViewSize: stateViewSize, dispatch: dispatch, dispatchSetTree: dispatchSetTree, dispatchSetSpaceField: dispatchSetSpaceField, dispatchUpdateSpaceLinkCoordinates: dispatchUpdateSpaceLinkCoordinates, dispatchRemovePlane: dispatchRemovePlane} = properties;
     const planeControls = stateConfiguration.elements.plane.controls.show;
     const previewAppearTime = previewFadeIn || pluridData.PLURID_DEFAULT_CONFIGURATION_LINK_PREVIEW_FADE_IN;
     const previewDisappearTime = previewFadeOut || pluridData.PLURID_DEFAULT_CONFIGURATION_LINK_PREVIEW_FADE_OUT;
@@ -5744,7 +5724,6 @@ const PluridLink = properties => {
     const linkElement = React.useRef(null);
     const hoverInTimeout = React.useRef(null);
     const hoverOutTimeout = React.useRef(null);
-    const planeRef = React.useRef();
     const [mouseOver, setMouseOver] = React.useState(false);
     const [showPreview, setShowPreview] = React.useState(false);
     const [showLink, setShowLink] = React.useState(false);
@@ -5822,6 +5801,9 @@ const PluridLink = properties => {
                 continue;
             }
             if (plane.linkCoordinates.x === linkCoordinates.x || plane.linkCoordinates.y === linkCoordinates.y) {
+                if (pluridPlaneID === plane.planeID) {
+                    continue;
+                }
                 setShowLink(true);
                 setPluridPlaneID(plane.planeID);
             }
@@ -5887,9 +5869,12 @@ const PluridLink = properties => {
         }
     };
     const removePlane = () => {
-        const updatedTree = pluridEngine.space.tree.logic.removePlaneFromTree(pluridFunctions.objects.clone(stateTree), pluridPlaneID);
-        dispatchSetTree(updatedTree);
-        setShowLink((show => !show));
+        const pluridPlane = document.getElementById(pluridPlaneID);
+        if (!pluridPlane) {
+            return;
+        }
+        dispatchRemovePlane(pluridPlaneID);
+        setShowLink(false);
         setShowPreview(false);
     };
     const handleClick = React.useCallback((event => {
@@ -5909,11 +5894,11 @@ const PluridLink = properties => {
         return;
     };
     React.useEffect((() => {
-        const parentPlaneID = getPluridPlaneIDByData$1(linkElement.current);
-        setParentPlaneID(parentPlaneID);
+        const newParentPlaneID = getPluridPlaneIDByData$1(linkElement.current);
+        setParentPlaneID(newParentPlaneID);
         const linkCoordinates = getPluridLinkCoordinates();
         setLinkCoordinates(linkCoordinates);
-        const parentPlane = pluridEngine.space.tree.logic.getTreePlaneByID(stateTree, parentPlaneID);
+        const parentPlane = pluridEngine.space.tree.logic.getTreePlaneByID(stateTree, newParentPlaneID);
         assignTreePlaneToLink(parentPlane, linkCoordinates);
     }), []);
     React.useEffect((() => {
@@ -5948,7 +5933,6 @@ const PluridLink = properties => {
             }
         };
     }), [ preview, mouseOver ]);
-    React.useEffect((() => {}), []);
     React.useEffect((() => {
         const openClosedPlaneIndex = defaultPubSub.subscribe({
             topic: pluridData.PLURID_PUBSUB_TOPIC.OPEN_CLOSED_PLANE,
@@ -5987,19 +5971,14 @@ const PluridLink = properties => {
             defaultPubSub.unsubscribe(closePlaneIndex);
         };
     }), [ showLink, pluridPlaneID, JSON.stringify(stateTree) ]);
-    React.useEffect((() => {
-        const plane = pluridEngine.space.tree.logic.getTreePlaneByID(stateTree, pluridPlaneID);
-        planeRef.current = plane;
-        return () => {
-            setTimeout((() => {
-                var _a;
-                if (showLink && linkElement.current === null && ((_a = planeRef.current) === null || _a === void 0 ? void 0 : _a.show) === false) {
-                    removePlane();
-                }
-            }), 10);
-        };
+    React.useEffect((() => () => {
+        setTimeout((() => {
+            if (pluridPlaneID && showLink && linkElement.current === null) {
+                removePlane();
+            }
+        }), 10);
     }), [ showLink, showPreview, pluridPlaneID, parentPlaneID, JSON.stringify(stateTree) ]);
-    return React__default["default"].createElement(StyledPluridLink, {
+    return React__default.default.createElement(StyledPluridLink, {
         ref: linkElement,
         onClick: event => handleClick(event),
         onMouseEnter: () => setMouseOver(true),
@@ -6012,10 +5991,10 @@ const PluridLink = properties => {
         className: className,
         "data-plurid-entity": pluridData.PLURID_ENTITY_LINK,
         tabIndex: 0
-    }, children, showPreview && !showLink && React__default["default"].createElement(PluridPortal, {
+    }, children, showPreview && !showLink && React__default.default.createElement(PluridPortal, {
         elementID: `preview-${parentPlaneID}`,
         rootID: parentPlaneID
-    }, React__default["default"].createElement(ConnectedPluridPlanePreview, {
+    }, React__default.default.createElement(ConnectedPluridPlanePreview, {
         planeRoute: planeRouteResolved,
         linkCoordinates: linkCoordinates,
         previewComponent: previewComponent,
@@ -6036,7 +6015,8 @@ const mapDispatchToProperties$5 = dispatch => ({
     dispatch: dispatch,
     dispatchSetTree: payload => dispatch(actions.space.setTree(payload)),
     dispatchSetSpaceField: payload => dispatch(actions.space.setSpaceField(payload)),
-    dispatchUpdateSpaceLinkCoordinates: payload => dispatch(actions.space.updateSpaceLinkCoordinates(payload))
+    dispatchUpdateSpaceLinkCoordinates: payload => dispatch(actions.space.updateSpaceLinkCoordinates(payload)),
+    dispatchRemovePlane: payload => dispatch(actions.space.removePlane(payload))
 });
 
 const ConnectedPluridLink = reactRedux.connect(mapStateToProperties$5, mapDispatchToProperties$5, null, {
@@ -6053,11 +6033,11 @@ const commonStyle = styled.css`
     }
 `;
 
-const StyledPluridRouterLinkAnchor = styled__default["default"].a`
+const StyledPluridRouterLinkAnchor = styled__default.default.a`
     ${commonStyle}
 `;
 
-const StyledPluridRouterLinkDiv = styled__default["default"].div`
+const StyledPluridRouterLinkDiv = styled__default.default.div`
     cursor: pointer;
 
     ${commonStyle}
@@ -6097,14 +6077,14 @@ const PluridRouterLink = properties => {
         onKeyUp: handleKeyUp
     };
     if (!asAnchor) {
-        return React__default["default"].createElement(StyledPluridRouterLinkDiv, Object.assign({}, renderProperties), children);
+        return React__default.default.createElement(StyledPluridRouterLinkDiv, Object.assign({}, renderProperties), children);
     }
-    return React__default["default"].createElement(StyledPluridRouterLinkAnchor, Object.assign({
+    return React__default.default.createElement(StyledPluridRouterLinkAnchor, Object.assign({
         href: route
     }, renderProperties), children);
 };
 
-const StyledPluridApplicationConfigurator = styled__default["default"].div`
+const StyledPluridApplicationConfigurator = styled__default.default.div`
     position: absolute;
     height: 0;
     width: 0;
@@ -6115,7 +6095,7 @@ const StyledPluridApplicationConfigurator = styled__default["default"].div`
 const PluridApplicationConfigurator = properties => {
     const context = React.useContext(Context);
     if (!context) {
-        return React__default["default"].createElement(React__default["default"].Fragment, null);
+        return React__default.default.createElement(React__default.default.Fragment, null);
     }
     const {registerPubSub: registerPubSub} = context;
     const {configuration: configuration, pubsub: pubsub, stateConfiguration: stateConfiguration, dispatchSetConfiguration: dispatchSetConfiguration} = properties;
@@ -6129,7 +6109,7 @@ const PluridApplicationConfigurator = properties => {
             registerPubSub(pubsub);
         }
     }), [ pubsub ]);
-    return React__default["default"].createElement(StyledPluridApplicationConfigurator, {
+    return React__default.default.createElement(StyledPluridApplicationConfigurator, {
         ref: configuratorElement,
         "data-plurid-entity": pluridData.PLURID_ENTITY_APPLICATION_CONFIGURATOR
     });
@@ -6147,7 +6127,7 @@ const ConnectedPluridApplicationConfigurator = reactRedux.connect(mapStateToProp
     context: StateContext
 })(PluridApplicationConfigurator);
 
-const StyledPluridPlaneConfigurator = styled__default["default"].div`
+const StyledPluridPlaneConfigurator = styled__default.default.div`
     position: absolute;
     height: 0;
     width: 0;
@@ -6164,7 +6144,7 @@ const PluridPlaneConfigurator = properties => {
         const parentPlaneID = getPluridPlaneIDByData(configuratorElement.current);
         setParentPlaneID(parentPlaneID);
     }), []);
-    return React__default["default"].createElement(StyledPluridPlaneConfigurator, {
+    return React__default.default.createElement(StyledPluridPlaneConfigurator, {
         ref: configuratorElement,
         "data-plurid-entity": pluridData.PLURID_ENTITY_PLANE_CONFIGURATOR
     });
@@ -6178,7 +6158,7 @@ const ConnectedPluridPlaneConfigurator = reactRedux.connect(mapStateToProperties
     context: StateContext
 })(PluridPlaneConfigurator);
 
-const StyledExternalPlane = styled__default["default"].div`
+const StyledExternalPlane = styled__default.default.div`
 `;
 
 const getPttpUrl = path => {
@@ -6209,7 +6189,7 @@ const getPttpPath = (domain, path) => {
 
 const elementRequest = (url, path) => __awaiter(void 0, void 0, void 0, (function*() {
     try {
-        const response = yield fetch__default["default"](url, {
+        const response = yield fetch__default.default(url, {
             method: "post",
             headers: {
                 Accept: "application/json",
@@ -6276,7 +6256,7 @@ const ExternalPlane = properties => {
         }));
         load();
     }), []);
-    return React__default["default"].createElement(StyledExternalPlane, null, Component && React__default["default"].createElement(Component, null));
+    return React__default.default.createElement(StyledExternalPlane, null, Component && React__default.default.createElement(Component, null));
 };
 
 const mapStateToProperties$3 = state => ({
@@ -6290,13 +6270,13 @@ const ConnectedExternalPlane = reactRedux.connect(mapStateToProperties$3, mapDis
     context: StateContext
 })(ExternalPlane);
 
-const StyledIframePlane = styled__default["default"].div`
+const StyledIframePlane = styled__default.default.div`
 `;
 
 const IframePlane = properties => {
     const {plurid: plurid} = properties;
     const route = plurid.value;
-    return React__default["default"].createElement(StyledIframePlane, null, React__default["default"].createElement("iframe", {
+    return React__default.default.createElement(StyledIframePlane, null, React__default.default.createElement("iframe", {
         src: route
     }));
 };
@@ -6320,7 +6300,7 @@ const VirtualListItem = properties => {
             setHeight(el.current.offsetHeight, index);
         }
     }), [ el.current ]);
-    return React__default["default"].createElement("div", {
+    return React__default.default.createElement("div", {
         ref: el,
         style: {
             position: "absolute",
@@ -6348,7 +6328,7 @@ const PluridVirtualList = properties => {
         rows.current = [];
         for (let i = start; i <= end; i++) {
             const item = items[i];
-            rows.current.push(React__default["default"].createElement(VirtualListItem, {
+            rows.current.push(React__default.default.createElement(VirtualListItem, {
                 key: i + Math.random(),
                 index: i,
                 top: pluridFunctions.mathematics.arithmetic.sum(heights.current, i),
@@ -6389,12 +6369,12 @@ const PluridVirtualList = properties => {
             setResizing(false);
         }), 400);
     }), [ viewSize ]);
-    return React__default["default"].createElement("div", {
+    return React__default.default.createElement("div", {
         style: {
             height: elementHeight
         },
         ref: listElement
-    }, resizing && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(PluridSpinner, null)), !resizing && React__default["default"].createElement(React__default["default"].Fragment, null, renderRows()));
+    }, resizing && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(PluridSpinner, null)), !resizing && React__default.default.createElement(React__default.default.Fragment, null, renderRows()));
 };
 
 const mapStateToProps = state => ({
@@ -6408,10 +6388,10 @@ const ConnectedPluridVirtualList = reactRedux.connect(mapStateToProps, mapDispat
     context: StateContext
 })(PluridVirtualList);
 
-const StyledPluridPlaneDebugger = styled__default["default"].div`
+const StyledPluridPlaneDebugger = styled__default.default.div`
 `;
 
-const PluridPlaneDebugger = properties => React__default["default"].createElement(StyledPluridPlaneDebugger, null, "PluridPlaneDebugger");
+const PluridPlaneDebugger = properties => React__default.default.createElement(StyledPluridPlaneDebugger, null, "PluridPlaneDebugger");
 
 const mapStateToProperties$1 = state => ({
     stateGeneralTheme: selectors.themes.getGeneralTheme(state),
@@ -6424,10 +6404,10 @@ const ConnectedPluridPlaneDebugger = reactRedux.connect(mapStateToProperties$1,
     context: StateContext
 })(PluridPlaneDebugger);
 
-const StyledPluridSpaceDebugger = styled__default["default"].div`
+const StyledPluridSpaceDebugger = styled__default.default.div`
 `;
 
-const PluridSpaceDebugger = properties => React__default["default"].createElement(StyledPluridSpaceDebugger, null, "PluridSpaceDebugger");
+const PluridSpaceDebugger = properties => React__default.default.createElement(StyledPluridSpaceDebugger, null, "PluridSpaceDebugger");
 
 const mapStateToProperties = state => ({
     stateGeneralTheme: selectors.themes.getGeneralTheme(state),
@@ -6453,8 +6433,8 @@ const serverComputeMetastate = (isoMatch, paths, globals, hostname = "origin") =
                 global: true
             },
             themes: {
-                general: themes__default["default"].plurid,
-                interaction: themes__default["default"].plurid
+                general: themes__default.default.plurid,
+                interaction: themes__default.default.plurid
             },
             ui: {
                 toolbarScrollPosition: 50
@@ -6547,7 +6527,7 @@ const Plurid = {
     SIZES: pluridData.SIZES,
     TRANSFORM_MODES: pluridData.TRANSFORM_MODES,
     TRANSFORM_TOUCHES: pluridData.TRANSFORM_TOUCHES,
-    PubSub: PluridPubSub__default["default"],
+    PubSub: PluridPubSub__default.default,
     PUBSUB_TOPIC: pluridData.PLURID_PUBSUB_TOPIC,
     serverComputeMetastate: serverComputeMetastate,
     IsoMatcher: PluridIsoMatcher,
@@ -6614,7 +6594,7 @@ Object.defineProperty(exports, "pluridRouterNavigate", {
 Object.defineProperty(exports, "PluridPubSub", {
     enumerable: true,
     get: function() {
-        return PluridPubSub__default["default"];
+        return PluridPubSub__default.default;
     }
 });
 
@@ -6644,7 +6624,7 @@ exports.PluridRouterStatic = PluridRouterStatic;
 
 exports.PluridVirtualList = ConnectedPluridVirtualList;
 
-exports["default"] = Plurid;
+exports.default = Plurid;
 
 exports.getDirectPlaneMatch = getDirectPlaneMatch;