@plurid/plurid-react 0.0.0-16 → 0.0.0-17

package/distribution/index.min.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@plurid/plurid-data"),t=require("@plurid/plurid-engine"),a=require("@plurid/plurid-pubsub"),n=require("react"),r=require("react-redux"),o=require("redux"),i=require("redux-thunk"),l=require("@plurid/plurid-functions"),s=require("@plurid/plurid-themes"),c=require("styled-components"),u=require("@plurid/plurid-ui-components-react"),d=require("@plurid/plurid-icons-react"),p=require("@plurid/plurid-functions-react"),f=require("react-dom"),m=require("cross-fetch"),g=require("@plurid/elementql-client-react"),T=require("hammerjs");function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=E(e),O=E(t),_=E(a),S=E(n),R=E(r),b=E(o),A=E(i),C=E(l),I=E(s),v=E(c),P=E(u),L=E(d),U=E(p),y=E(f),w=E(m),N=E(g),D=E(T);var M={};!function(e){Object.defineProperty(e,"__esModule",{value:!0});var t=h.default,a=O.default,n=_.default,r=S.default,o=R.default,i=b.default,l=A.default,s=C.default,c=I.default,u=v.default,d=P.default,p=L.default,f=U.default,m=y.default,g=w.default,T=N.default;function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var M=E(n),x=E(r),F=E(l),j=E(c),k=E(u),G=E(g);const B=x.default.createContext(void 0),Y="SET_CONFIGURATION",V="SET_CONFIGURATION_MICRO",$="SET_CONFIGURATION_PLANE_CONTROLS",X="SET_CONFIGURATION_PLANE_OPACITY",W="SET_CONFIGURATION_THEME_GENERAL",z="SET_CONFIGURATION_THEME_INTERACTION",H="SET_CONFIGURATION_LANGUAGE",Z="TOGGLE_CONFIGURATION_VIEWCUBE_HIDE",K="TOGGLE_CONFIGURATION_VIEWCUBE_BUTTONS",q="TOGGLE_CONFIGURATION_VIEWCUBE_OPAQUE",Q="TOGGLE_CONFIGURATION_VIEWCUBE_CONCEAL",J="TOGGLE_CONFIGURATION_TOOLBAR_CONCEAL",ee="TOGGLE_CONFIGURATION_TOOLBAR_TRANSFORM_ICONS",te="TOGGLE_CONFIGURATION_TOOLBAR_TRANSFORM_BUTTONS",ae="TOGGLE_CONFIGURATION_TOOLBAR_OPAQUE",ne="TOGGLE_CONFIGURATION_TOOLBAR_TOGGLE_DRAWER",re="TOGGLE_CONFIGURATION_SPACE_TRANSPARENT_UI",oe="TOGGLE_CONFIGURATION_SPACE_SHOW_TRANSFORM_ORIGIN",ie="SET_CONFIGURATION_SPACE_TRANSFORM_ORIGIN_SIZE",le="SET_CONFIGURATION_SPACE_TRANSFORM_MODE",se="TOGGLE_CONFIGURATION_SPACE_TRANSFORM_MULTIMODE",ce="SET_CONFIGURATION_SPACE_TRANSFORM_TOUCH",ue="TOGGLE_CONFIGURATION_SPACE_FIRST_PERSON",de="SET_CONFIGURATION_SPACE_TRANSFORM_LOCKS",pe="SET_CONFIGURATION_SPACE_LAYOUT_TYPE",fe="SET_CONFIGURATION_SPACE_CULLING_DISTANCE";var me=Object.freeze({__proto__:null,SET_CONFIGURATION:Y,SET_CONFIGURATION_MICRO:V,SET_CONFIGURATION_PLANE_CONTROLS:$,SET_CONFIGURATION_PLANE_OPACITY:X,SET_CONFIGURATION_THEME_GENERAL:W,SET_CONFIGURATION_THEME_INTERACTION:z,SET_CONFIGURATION_LANGUAGE:H,TOGGLE_CONFIGURATION_VIEWCUBE_HIDE:Z,TOGGLE_CONFIGURATION_VIEWCUBE_BUTTONS:K,TOGGLE_CONFIGURATION_VIEWCUBE_OPAQUE:q,TOGGLE_CONFIGURATION_VIEWCUBE_CONCEAL:Q,TOGGLE_CONFIGURATION_TOOLBAR_CONCEAL:J,TOGGLE_CONFIGURATION_TOOLBAR_TRANSFORM_ICONS:ee,TOGGLE_CONFIGURATION_TOOLBAR_TRANSFORM_BUTTONS:te,TOGGLE_CONFIGURATION_TOOLBAR_OPAQUE:ae,TOGGLE_CONFIGURATION_TOOLBAR_TOGGLE_DRAWER:ne,TOGGLE_CONFIGURATION_SPACE_TRANSPARENT_UI:re,TOGGLE_CONFIGURATION_SPACE_SHOW_TRANSFORM_ORIGIN:oe,SET_CONFIGURATION_SPACE_TRANSFORM_ORIGIN_SIZE:ie,SET_CONFIGURATION_SPACE_TRANSFORM_MODE:le,TOGGLE_CONFIGURATION_SPACE_TRANSFORM_MULTIMODE:se,SET_CONFIGURATION_SPACE_TRANSFORM_TOUCH:ce,TOGGLE_CONFIGURATION_SPACE_FIRST_PERSON:ue,SET_CONFIGURATION_SPACE_TRANSFORM_LOCKS:de,SET_CONFIGURATION_SPACE_LAYOUT_TYPE:pe,SET_CONFIGURATION_SPACE_CULLING_DISTANCE:fe});var ge=Object.freeze({__proto__:null,setConfiguration:e=>({type:Y,payload:e}),setConfigurationMicro:()=>({type:V}),setConfigurationPlaneControls:e=>({type:$,payload:e}),setConfigurationPlaneOpacity:e=>({type:X,payload:e}),setConfigurationThemeGeneralAction:e=>({type:W,payload:e}),setConfigurationThemeInteractionAction:e=>({type:z,payload:e}),setConfigurationLanguageAction:e=>({type:H,payload:e}),toggleConfigurationViewcubeHide:e=>({type:Z,payload:e}),toggleConfigurationViewcubeButtons:e=>({type:K,payload:e}),toggleConfigurationViewcubeOpaque:e=>({type:q,payload:e}),toggleConfigurationViewcubeConceal:()=>({type:Q}),toggleConfigurationToolbarConceal:()=>({type:J}),toggleConfigurationToolbarTransformIcons:()=>({type:ee}),toggleConfigurationToolbarTransformButtons:()=>({type:te}),toggleConfigurationSpaceTransparentUI:()=>({type:re}),toggleConfigurationSpaceShowTransformOrigin:()=>({type:oe}),toggleConfigurationToolbarOpaque:()=>({type:ae}),toggleConfigurationToolbarToggleDrawer:e=>({type:ne,payload:e}),setConfigurationSpaceTransformOriginSize:e=>({type:ie,payload:e}),setConfigurationSpaceTransformMode:e=>({type:le,payload:e}),toggleConfigurationSpaceTransformMultimode:e=>({type:se,payload:e}),setConfigurationSpaceTransformTouch:e=>({type:ce,payload:e}),toggleConfigurationSpaceFirstPerson:()=>({type:ue}),setConfigurationSpaceTransformLocks:e=>({type:de,payload:e}),setConfigurationSpaceLayoutType:e=>({type:pe,payload:e}),setConfigurationSpaceCullingDistance:e=>({type:fe,payload:e})});const Te=Object.assign({},t.defaultConfiguration),Ee=(e,t)=>Object.assign(Object.assign({},e),t.payload),he=e=>{const t=Object.assign({},e);return t.elements.toolbar.show=!1,t.elements.plane.controls.show=!1,t.elements.viewcube.show=!1,Object.assign({},t)},Oe=(e,t)=>{const a=Object.assign({},e);return a.elements.plane.controls.show=t.payload,Object.assign({},a)},_e=(e,t)=>{const a=Object.assign({},e);return a.elements.plane.opacity=t.payload,Object.assign({},a)},Se=(e,t)=>{const a=Object.assign({},e),n={general:t.payload,interaction:"object"==typeof a.global.theme?a.global.theme.interaction:"plurid"};return Object.assign(Object.assign({},a),{global:Object.assign(Object.assign({},a.global),{theme:n})})},Re=(e,t)=>{const a=Object.assign({},e),n={general:"object"==typeof a.global.theme?a.global.theme.general:"plurid",interaction:t.payload};return Object.assign(Object.assign({},a),{global:Object.assign(Object.assign({},a.global),{theme:n})})},be=(e,t)=>Object.assign(Object.assign({},e),{global:Object.assign(Object.assign({},e.global),{language:t.payload})}),Ae=(e,t)=>{const a=Object.assign({},e);return a.elements.viewcube.show=t.payload,Object.assign({},a)},Ce=(e,t)=>{const a=Object.assign({},e);return a.elements.viewcube.buttons=t.payload,Object.assign({},a)},Ie=(e,t)=>{const a=Object.assign({},e);return a.elements.viewcube.opaque=t.payload,Object.assign({},a)},ve=e=>{const{conceal:t}=e.elements.viewcube,a=Object.assign({},e);return a.elements.viewcube.conceal=!t,Object.assign({},a)},Pe=e=>{const{conceal:t}=e.elements.toolbar,a=Object.assign({},e);return a.elements.toolbar.conceal=!t,Object.assign({},a)},Le=e=>{const{transformIcons:t}=e.elements.toolbar,a=Object.assign({},e);return a.elements.toolbar.transformIcons=!t,Object.assign({},a)},Ue=e=>{const{transformButtons:t}=e.elements.toolbar,a=Object.assign({},e);return a.elements.toolbar.transformButtons=!t,Object.assign({},a)},ye=e=>{const{show:t}=e.space.transformOrigin,a=Object.assign({},e);return a.space.transformOrigin.show=!t,Object.assign({},a)},we=e=>{const{opaque:t}=e.elements.toolbar,a=Object.assign({},e);return a.elements.toolbar.opaque=!t,Object.assign({},a)},Ne=e=>{const t=Object.assign({},e);return t.global.transparentUI=!e.global.transparentUI,Object.assign({},t)},De=(e,t)=>{const a=Object.assign({},e);return a.space.transformOrigin.size=t.payload,Object.assign({},a)},Me=(e,a)=>{const n=Object.assign({},e);return n.space.transformMode!==a.payload?n.space.transformMode=a.payload:n.space.transformMode=t.TRANSFORM_MODES.ALL,Object.assign({},n)},xe=(e,t)=>{const a=Object.assign({},e);return a.space.transformMultimode=t.payload,Object.assign({},a)},Fe=(e,t)=>{const a=Object.assign({},e);return a.space.transformTouch=t.payload,Object.assign({},a)},je=e=>{const{firstPerson:t}=e.space,a=Object.assign({},e);return a.space.firstPerson=!t,Object.assign({},a)},ke=(e,t)=>{const{toggledDrawers:a}=e.elements.toolbar,n=Object.assign({},e);if(a.includes(t.payload)){const e=a.filter((e=>e!==t.payload));n.elements.toolbar.toggledDrawers=[...e]}else n.elements.toolbar.toggledDrawers=[...a,t.payload];return Object.assign({},n)},Ge=(e,t)=>{const{transformLocks:a}=e.space,n=Object.assign({},e),r=Object.assign({},a);return r[t.payload]=!a[t.payload],n.space.transformLocks=Object.assign({},r),Object.assign({},n)},Be=(e,a)=>{const n=Object.assign({},e),r={type:t.LAYOUT_TYPES[a.payload]};return n.space.layout=Object.assign({},r),Object.assign({},n)},Ye=(e,t)=>{const a=Object.assign({},e);return a.space.cullingDistance=t.payload,Object.assign({},a)};var Ve=Object.freeze({__proto__:null,setConfiguration:Ee,setConfigurationMicro:he,setConfigurationPlaneControls:Oe,setConfigurationPlaneOpacity:_e,setConfigurationThemeGeneral:Se,setConfigurationThemeInteraction:Re,setConfigurationLanguage:be,toggleConfigurationViewcubeHide:Ae,toggleConfigurationViewcubeButtons:Ce,toggleConfigurationViewcubeOpaque:Ie,toggleConfigurationViewcubeConceal:ve,toggleConfigurationToolbarConceal:Pe,toggleConfigurationToolbarTransformIcons:Le,toggleConfigurationToolbarTransformButtons:Ue,toggleConfigurationShowTransformOrigin:ye,toggleConfigurationToolbarOpaque:we,toggleConfigurationSpaceTransparentUI:Ne,setConfigurationSpaceTransformOriginSize:De,setConfigurationSpaceTransformMode:Me,toggleConfigurationSpaceTransformMultimode:xe,setConfigurationSpaceTransformTouch:Fe,toggleConfigurationSpaceFirstPerson:je,toggleConfigurationToolbarToggleDrawer:ke,setConfigurationSpaceTransformLocks:Ge,setConfigurationSpaceLayout:Be,setConfigurationSpaceCullingDistance:Ye});const $e="SET_STATE";var Xe={getConfiguration:e=>e.configuration},We=Object.freeze({__proto__:null,actions:ge,initialState:Te,reducer:(e=Te,t)=>{switch(t.type){case $e:return Object.assign(Object.assign({},e),t.payload.configuration);case Y:return Ee(e,t);case V:return he(e);case $:return Oe(e,t);case X:return _e(e,t);case W:return Se(e,t);case z:return Re(e,t);case H:return be(e,t);case Z:return Ae(e,t);case K:return Ce(e,t);case q:return Ie(e,t);case Q:return ve(e);case J:return Pe(e);case ee:return Le(e);case te:return Ue(e);case ne:return ke(e,t);case ae:return we(e);case re:return Ne(e);case oe:return ye(e);case ie:return De(e,t);case le:return Me(e,t);case se:return xe(e,t);case ce:return Fe(e,t);case ue:return je(e);case de:return Ge(e,t);case pe:return Be(e,t);case fe:return Ye(e,t);default:return Object.assign({},e)}},resolvers:Ve,selectors:Xe,Types:me}),ze=Object.freeze({__proto__:null,default:{}});const He={};var Ze=Object.freeze({__proto__:null}),Ke=Object.freeze({__proto__:null}),qe=Object.freeze({__proto__:null,actions:ze,initialState:He,reducer:(e=He,t)=>Object.assign({},e),resolvers:Ze,selectors:{},Types:Ke});const Qe="SHORTCUTS_SET_GLOBAL_SHORTCUTS",Je="SHORTCUTS_UNSET_GLOBAL_SHORTCUTS";var et=Object.freeze({__proto__:null,SHORTCUTS_SET_GLOBAL_SHORTCUTS:Qe,SHORTCUTS_UNSET_GLOBAL_SHORTCUTS:Je});var tt=Object.freeze({__proto__:null,setGlobalShortcuts:()=>({type:Qe}),unsetGlobalShortcuts:()=>({type:Je})});const at={global:!0},nt=e=>Object.assign(Object.assign({},e),{global:!0}),rt=e=>Object.assign(Object.assign({},e),{global:!1});var ot=Object.freeze({__proto__:null,setGlobalShortcuts:nt,unsetGlobalShortcuts:rt});var it={getGlobal:e=>e.shortcuts.global},lt=Object.freeze({__proto__:null,actions:tt,initialState:at,reducer:(e=at,t)=>{switch(t.type){case $e:return Object.assign(Object.assign({},e),t.payload.shortcuts);case Qe:return nt(e);case Je:return rt(e);default:return Object.assign({},e)}},resolvers:ot,selectors:it,Types:et});const st="SET_SPACE_LOADING",ct="SET_ANIMATED_TRANSFORM",ut="SET_TRANSFORM_TIME",dt="SET_SPACE_LOCATION",pt="VIEW_CAMERA_MOVE_FORWARD",ft="VIEW_CAMERA_MOVE_BACKWARD",mt="VIEW_CAMERA_MOVE_LEFT",gt="VIEW_CAMERA_MOVE_RIGHT",Tt="VIEW_CAMERA_MOVE_UP",Et="VIEW_CAMERA_MOVE_DOWN",ht="VIEW_CAMERA_TURN_UP",Ot="VIEW_CAMERA_TURN_DOWN",_t="VIEW_CAMERA_TURN_LEFT",St="VIEW_CAMERA_TURN_RIGHT",Rt="ROTATE_UP",bt="ROTATE_DOWN",At="ROTATE_LEFT",Ct="ROTATE_X",It="ROTATE_X_WITH",vt="ROTATE_RIGHT",Pt="ROTATE_Y",Lt="ROTATE_Y_WITH",Ut="TRANSLATE_UP",yt="TRANSLATE_DOWN",wt="TRANSLATE_LEFT",Nt="TRANSLATE_RIGHT",Dt="TRANSLATE_IN",Mt="TRANSLATE_OUT",xt="TRANSLATE_X_WITH",Ft="TRANSLATE_Y_WITH",jt="SCALE_UP",kt="SCALE_DOWN",Gt="SCALE_UP_WITH",Bt="SCALE_DOWN_WITH",Yt="SET_INITIAL_TREE",Vt="SET_TREE",$t="SET_ACTIVE_UNIVERSE",Xt="SPACE_RESET_TRANSFORM",Wt="SET_VIEW_SIZE",zt="SET_SPACE_SIZE",Ht="UPDATE_SPACE_TREE_PLANE",Zt="UPDATE_SPACE_LINK_COORDINATES",Kt="SPACE_SET_VIEW",qt="SPACE_SET_CULLED_VIEW";var Qt=Object.freeze({__proto__:null,SET_SPACE_LOADING:st,SET_ANIMATED_TRANSFORM:ct,SET_TRANSFORM_TIME:ut,SET_SPACE_LOCATION:dt,VIEW_CAMERA_MOVE_FORWARD:pt,VIEW_CAMERA_MOVE_BACKWARD:ft,VIEW_CAMERA_MOVE_LEFT:mt,VIEW_CAMERA_MOVE_RIGHT:gt,VIEW_CAMERA_MOVE_UP:Tt,VIEW_CAMERA_MOVE_DOWN:Et,VIEW_CAMERA_TURN_UP:ht,VIEW_CAMERA_TURN_DOWN:Ot,VIEW_CAMERA_TURN_LEFT:_t,VIEW_CAMERA_TURN_RIGHT:St,ROTATE_UP:Rt,ROTATE_DOWN:bt,ROTATE_LEFT:At,ROTATE_X:Ct,ROTATE_X_WITH:It,ROTATE_RIGHT:vt,ROTATE_Y:Pt,ROTATE_Y_WITH:Lt,TRANSLATE_UP:Ut,TRANSLATE_DOWN:yt,TRANSLATE_LEFT:wt,TRANSLATE_RIGHT:Nt,TRANSLATE_IN:Dt,TRANSLATE_OUT:Mt,TRANSLATE_X_WITH:xt,TRANSLATE_Y_WITH:Ft,SCALE_UP:jt,SCALE_DOWN:kt,SCALE_UP_WITH:Gt,SCALE_DOWN_WITH:Bt,SET_INITIAL_TREE:Yt,SET_TREE:Vt,SET_ACTIVE_UNIVERSE:$t,SPACE_RESET_TRANSFORM:Xt,SET_VIEW_SIZE:Wt,SET_SPACE_SIZE:zt,UPDATE_SPACE_TREE_PLANE:Ht,UPDATE_SPACE_LINK_COORDINATES:Zt,SPACE_SET_VIEW:Kt,SPACE_SET_CULLED_VIEW:qt});var Jt=Object.freeze({__proto__:null,setSpaceLoading:e=>({type:st,payload:e}),setAnimatedTransform:e=>({type:ct,payload:e}),setTransformTime:e=>({type:ut,payload:e}),setSpaceLocation:e=>({type:dt,payload:e}),viewCameraMoveForward:()=>({type:pt}),viewCameraMoveBackward:()=>({type:ft}),viewCameraMoveLeft:()=>({type:mt}),viewCameraMoveRight:()=>({type:gt}),viewCameraMoveUp:()=>({type:Tt}),viewCameraMoveDown:()=>({type:Et}),viewCameraTurnUp:()=>({type:ht}),viewCameraTurnDown:()=>({type:Ot}),viewCameraTurnLeft:()=>({type:_t}),viewCameraTurnRight:()=>({type:St}),rotateUp:()=>({type:Rt}),rotateDown:()=>({type:bt}),rotateX:e=>({type:Ct,payload:e}),rotateXWith:e=>({type:It,payload:e}),rotateLeft:()=>({type:At}),rotateRight:()=>({type:vt}),rotateY:e=>({type:Pt,payload:e}),rotateYWith:e=>({type:Lt,payload:e}),translateUp:()=>({type:Ut}),translateDown:()=>({type:yt}),translateLeft:()=>({type:wt}),translateRight:()=>({type:Nt}),translateIn:()=>({type:Dt}),translateOut:()=>({type:Mt}),translateXWith:e=>({type:xt,payload:e}),translateYWith:e=>({type:Ft,payload:e}),scaleUp:()=>({type:jt}),scaleDown:()=>({type:kt}),scaleUpWith:e=>({type:Gt,payload:e}),scaleDownWith:e=>({type:Bt,payload:e}),setInitialTree:e=>({type:Yt,payload:e}),setTree:e=>({type:Vt,payload:e}),setActiveUniverse:e=>({type:$t,payload:e}),spaceResetTransform:()=>({type:Xt}),setViewSize:e=>({type:Wt,payload:e}),setSpaceSize:e=>({type:zt,payload:e}),updateSpaceTreePlane:e=>({type:Ht,payload:e}),updateSpaceLinkCoordinates:e=>({type:Zt,payload:e}),spaceSetView:e=>({type:Kt,payload:e}),spaceSetCulledView:e=>({type:qt,payload:e})});const ea={loading:!0,animatedTransform:!1,transformTime:450,scale:1,rotationX:0,rotationY:0,translationX:0,translationY:0,translationZ:0,initialTree:[],tree:[],activeUniverseID:"",camera:{x:0,y:0,z:0},viewSize:{width:"undefined"==typeof window?1440:window.innerWidth,height:"undefined"==typeof window?821:window.innerHeight},spaceSize:{width:"undefined"==typeof window?1440:window.innerWidth,height:"undefined"==typeof window?821:window.innerHeight,depth:0,topCorner:{x:0,y:0,z:0}},view:[],culledView:[]},{toRadians:ta}=s.mathematics.geometry,aa=(e,t)=>Object.assign(Object.assign({},e),{loading:t.payload}),na=(e,t)=>Object.assign(Object.assign({},e),{animatedTransform:t.payload}),ra=(e,t)=>Object.assign(Object.assign({},e),{transformTime:t.payload}),oa=(e,t)=>Object.assign(Object.assign({},e),t.payload),ia=e=>{const a=e.translationZ+6*t.TRANSLATION_STEP*Math.cos(ta(-e.rotationY)),n=e.translationX+6*t.TRANSLATION_STEP*Math.sin(ta(-e.rotationY));return Object.assign(Object.assign({},e),{translationX:n,translationZ:a})},la=e=>{const a=e.translationZ-6*t.TRANSLATION_STEP*Math.cos(ta(-e.rotationY)),n=e.translationX-6*t.TRANSLATION_STEP*Math.sin(ta(-e.rotationY));return Object.assign(Object.assign({},e),{translationX:n,translationZ:a})},sa=e=>{const a=e.translationX+3*t.TRANSLATION_STEP*Math.cos(ta(e.rotationY)),n=e.translationZ+3*t.TRANSLATION_STEP*Math.sin(ta(e.rotationY));return Object.assign(Object.assign({},e),{translationX:a,translationZ:n})},ca=e=>{const a=e.translationX-3*t.TRANSLATION_STEP*Math.cos(ta(e.rotationY)),n=e.translationZ-3*t.TRANSLATION_STEP*Math.sin(ta(e.rotationY));return Object.assign(Object.assign({},e),{translationX:a,translationZ:n})},ua=e=>{const a=e.translationY+3*t.TRANSLATION_STEP;return Object.assign(Object.assign({},e),{translationY:a})},da=e=>{const a=e.translationY-3*t.TRANSLATION_STEP;return Object.assign(Object.assign({},e),{translationY:a})},pa=e=>{const a=(e.rotationX+t.ROTATION_STEP)%360;return Object.assign(Object.assign({},e),{rotationX:a})},fa=e=>{const a=(e.rotationX-t.ROTATION_STEP)%360;return Object.assign(Object.assign({},e),{rotationX:a})},ma=e=>{const a=(e.rotationY-t.ROTATION_STEP)%360;return Object.assign(Object.assign({},e),{rotationY:a})},ga=e=>{const a=(e.rotationY+t.ROTATION_STEP)%360;return Object.assign(Object.assign({},e),{rotationY:a})},Ta=e=>{const a=(e.rotationX+t.ROTATION_STEP)%360;return Object.assign(Object.assign({},e),{rotationX:a})},Ea=e=>{const a=(e.rotationX-t.ROTATION_STEP)%360;return Object.assign(Object.assign({},e),{rotationX:a})},ha=(e,t)=>Object.assign(Object.assign({},e),{rotationX:t.payload}),Oa=(e,t)=>{const a=e.rotationX+t.payload;return Object.assign(Object.assign({},e),{rotationX:a})},_a=e=>{const a=(e.rotationY+t.ROTATION_STEP)%360;return Object.assign(Object.assign({},e),{rotationY:a})},Sa=e=>{const a=(e.rotationY-t.ROTATION_STEP)%360;return Object.assign(Object.assign({},e),{rotationY:a})},Ra=(e,t)=>Object.assign(Object.assign({},e),{rotationY:t.payload}),ba=(e,t)=>{const a=e.rotationY+t.payload;return Object.assign(Object.assign({},e),{rotationY:a})},Aa=e=>{const a=e.translationY-t.TRANSLATION_STEP;return Object.assign(Object.assign({},e),{translationY:a})},Ca=e=>{const a=e.translationY+t.TRANSLATION_STEP;return Object.assign(Object.assign({},e),{translationY:a})},Ia=e=>{const a=e.translationX-t.TRANSLATION_STEP*Math.cos(ta(e.rotationY)),n=e.translationZ-t.TRANSLATION_STEP*Math.sin(ta(e.rotationY));return Object.assign(Object.assign({},e),{translationX:a,translationZ:n})},va=e=>{const a=e.translationX+t.TRANSLATION_STEP*Math.cos(ta(e.rotationY)),n=e.translationZ+t.TRANSLATION_STEP*Math.sin(ta(e.rotationY));return Object.assign(Object.assign({},e),{translationX:a,translationZ:n})},Pa=e=>{const a=e.translationZ-3*t.TRANSLATION_STEP*Math.cos(ta(-e.rotationY)),n=e.translationX-3*t.TRANSLATION_STEP*Math.sin(ta(-e.rotationY));return Object.assign(Object.assign({},e),{translationX:n,translationZ:a})},La=e=>{const a=e.translationZ+3*t.TRANSLATION_STEP*Math.cos(ta(-e.rotationY)),n=e.translationX+3*t.TRANSLATION_STEP*Math.sin(ta(-e.rotationY));return Object.assign(Object.assign({},e),{translationX:n,translationZ:a})},Ua=(e,t)=>{const a=e.translationX+t.payload*Math.cos(ta(e.rotationY)),n=e.translationZ+t.payload*Math.sin(ta(e.rotationY));return Object.assign(Object.assign({},e),{translationX:a,translationZ:n})},ya=(e,t)=>{const a=e.translationY+t.payload;return Object.assign(Object.assign({},e),{translationY:a})},wa=e=>{const a=e.scale+t.SCALE_STEP,n=a<t.SCALE_UPPER_LIMIT?a:t.SCALE_UPPER_LIMIT;return Object.assign(Object.assign({},e),{scale:n})},Na=e=>{const a=e.scale-t.SCALE_STEP,n=a>t.SCALE_LOWER_LIMIT?a:t.SCALE_LOWER_LIMIT;return Object.assign(Object.assign({},e),{scale:n})},Da=(e,a)=>{const n=e.scale+Math.abs(a.payload),r=n<t.SCALE_UPPER_LIMIT?n:t.SCALE_UPPER_LIMIT;return Object.assign(Object.assign({},e),{scale:r})},Ma=(e,a)=>{const n=e.scale-Math.abs(a.payload),r=n>t.SCALE_LOWER_LIMIT?n:t.SCALE_LOWER_LIMIT;return Object.assign(Object.assign({},e),{scale:r})},xa=(e,t)=>Object.assign(Object.assign({},e),{initialTree:[...t.payload]}),Fa=(e,t)=>Object.assign(Object.assign({},e),{tree:[...t.payload]}),ja=(e,t)=>Object.assign(Object.assign({},e),{activeUniverseID:t.payload}),ka=e=>Object.assign(Object.assign({},e),{scale:1,rotationX:0,rotationY:0,translationX:0,translationY:0,translationZ:0}),Ga=(e,t)=>Object.assign(Object.assign({},e),{viewSize:Object.assign({},t.payload)}),Ba=(e,t)=>Object.assign(Object.assign({},e),{spaceSize:Object.assign({},t.payload)}),Ya=(e,t)=>{const n=a.general.tree.updateTreePlane(e.tree,t.payload);return Object.assign(Object.assign({},e),{tree:n})},Va=(e,t)=>{const{planeID:n,linkCoordinates:r}=t.payload,o=a.general.tree.updateTreeByPlaneIDWithLinkCoordinates(e.tree,n,r);return Object.assign(Object.assign({},e),{tree:o})},$a=(e,t)=>Object.assign(Object.assign({},e),{view:t.payload}),Xa=(e,t)=>Object.assign(Object.assign({},e),{culledView:t.payload});var Wa=Object.freeze({__proto__:null,setSpaceLoading:aa,setAnimatedTransform:na,setTransformTime:ra,setSpaceLocation:oa,viewCameraMoveForward:ia,viewCameraMoveBackward:la,viewCameraMoveLeft:sa,viewCameraMoveRight:ca,viewCameraMoveUp:ua,viewCameraMoveDown:da,viewCameraTurnUp:pa,viewCameraTurnDown:fa,viewCameraTurnLeft:ma,viewCameraTurnRight:ga,rotateUp:Ta,rotateDown:Ea,rotateX:ha,rotateXWith:Oa,rotateLeft:_a,rotateRight:Sa,rotateY:Ra,rotateYWith:ba,translateUp:Aa,translateDown:Ca,translateLeft:Ia,translateRight:va,translateIn:Pa,translateOut:La,translateXWith:Ua,translateYWith:ya,scaleUp:wa,scaleDown:Na,scaleUpWith:Da,scaleDownWith:Ma,setInitialTree:xa,setTree:Fa,setActiveUniverse:ja,spaceResetTransform:ka,setViewSize:Ga,setSpaceSize:Ba,updateSpaceTreePlane:Ya,updateSpaceLinkCoordinates:Va,spaceSetView:$a,spaceSetCulledView:Xa});var za={getLoading:e=>e.space.loading,getAnimatedTransform:e=>e.space.animatedTransform,getTransformTime:e=>e.space.transformTime,getRotationX:e=>e.space.rotationX,getRotationY:e=>e.space.rotationY,getTranslationX:e=>e.space.translationX,getTranslationY:e=>e.space.translationY,getTranslationZ:e=>e.space.translationZ,getScale:e=>e.space.scale,getTransform:e=>({rotationX:e.space.rotationX,rotationY:e.space.rotationY,translationX:e.space.translationX,translationY:e.space.translationY,translationZ:e.space.translationZ,scale:e.space.scale}),getInitialTree:e=>e.space.initialTree,getTree:e=>e.space.tree,getActiveUniverseID:e=>e.space.activeUniverseID,getView:e=>e.space.view,getViewSize:e=>e.space.viewSize,getCulledView:e=>e.space.culledView},Ha=Object.freeze({__proto__:null,actions:Jt,initialState:ea,reducer:(e=ea,t)=>{switch(t.type){case $e:return Object.assign(Object.assign({},e),t.payload.space);case st:return aa(e,t);case ct:return na(e,t);case ut:return ra(e,t);case dt:return oa(e,t);case pt:return ia(e);case ft:return la(e);case mt:return sa(e);case gt:return ca(e);case Tt:return ua(e);case Et:return da(e);case ht:return pa(e);case Ot:return fa(e);case _t:return ma(e);case St:return ga(e);case Rt:return Ta(e);case bt:return Ea(e);case Ct:return ha(e,t);case It:return Oa(e,t);case At:return _a(e);case vt:return Sa(e);case Pt:return Ra(e,t);case Lt:return ba(e,t);case Ut:return Aa(e);case yt:return Ca(e);case wt:return Ia(e);case Nt:return va(e);case Dt:return Pa(e);case Mt:return La(e);case xt:return Ua(e,t);case Ft:return ya(e,t);case jt:return wa(e);case kt:return Na(e);case Gt:return Da(e,t);case Bt:return Ma(e,t);case Yt:return xa(e,t);case Vt:return Fa(e,t);case $t:return ja(e,t);case Xt:return ka(e);case Wt:return Ga(e,t);case zt:return Ba(e,t);case Ht:return Ya(e,t);case Zt:return Va(e,t);case Kt:return $a(e,t);case qt:return Xa(e,t);default:return Object.assign({},e)}},resolvers:Wa,selectors:za,Types:Qt});const Za="THEMES_SET_GENERAL_THEME",Ka="THEMES_SET_INTERACTION_THEME";var qa=Object.freeze({__proto__:null,THEMES_SET_GENERAL_THEME:Za,THEMES_SET_INTERACTION_THEME:Ka});var Qa=Object.freeze({__proto__:null,setGeneralTheme:e=>({type:Za,payload:e}),setInteractionTheme:e=>({type:Ka,payload:e})});const Ja={general:c.plurid,interaction:c.plurid},en=(e,t)=>Object.assign(Object.assign({},e),{general:Object.assign({},t.payload)}),tn=(e,t)=>Object.assign(Object.assign({},e),{interaction:Object.assign({},t.payload)});var an=Object.freeze({__proto__:null,setGeneralTheme:en,setInteractionTheme:tn});var nn={getGeneralTheme:e=>e.themes.general,getInteractionTheme:e=>e.themes.interaction},rn=Object.freeze({__proto__:null,actions:Qa,initialState:Ja,reducer:(e=Ja,t)=>{switch(t.type){case $e:return Object.assign(Object.assign({},e),t.payload.themes);case Za:return en(e,t);case Ka:return tn(e,t);default:return Object.assign({},e)}},resolvers:an,selectors:nn,Types:qa});const on="SET_UI_TOOLBAR_SCROLL_POSITION";var ln=Object.freeze({__proto__:null,SET_UI_TOOLBAR_SCROLL_POSITION:on});var sn=Object.freeze({__proto__:null,setUIToolbarScrollPosition:e=>({type:on,payload:e})});const cn={toolbarScrollPosition:0},un=(e,t)=>Object.assign(Object.assign({},e),{toolbarScrollPosition:t.payload});var dn=Object.freeze({__proto__:null,setUIToolbarScrollPosition:un});var pn={getToolbarScrollPosition:e=>e.ui.toolbarScrollPosition},fn={configuration:We,general:qe,shortcuts:lt,space:Ha,themes:rn,ui:Object.freeze({__proto__:null,actions:sn,initialState:cn,reducer:(e=cn,t)=>{switch(t.type){case $e:return Object.assign(Object.assign({},e),t.payload.ui);case on:return un(e,t);default:return Object.assign({},e)}},resolvers:dn,selectors:pn,Types:ln})};const mn=i.combineReducers({configuration:fn.configuration.reducer,general:fn.general.reducer,shortcuts:fn.shortcuts.reducer,space:fn.space.reducer,themes:fn.themes.reducer,ui:fn.ui.reducer}),gn=e=>i.createStore(mn,e,i.applyMiddleware(F.default)),Tn=x.default.createContext({});function En(e,t,a,n){return new(a||(a=Promise))((function(r,o){function i(e){try{s(n.next(e))}catch(e){o(e)}}function l(e){try{s(n.throw(e))}catch(e){o(e)}}function s(e){var t;e.done?r(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(i,l)}s((n=n.apply(e,t||[])).next())}))}const hn=x.default.createContext(null);var On={configuration:fn.configuration.actions,general:fn.general.actions,shortcuts:fn.shortcuts.actions,space:fn.space.actions,themes:fn.themes.actions,ui:fn.ui.actions};const{direction:_n}=a.interaction,Sn=()=>En(void 0,void 0,void 0,(function*(){return yield Promise.resolve().then((function(){return function(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}(D.default)}))}));var Rn={configuration:fn.configuration.selectors,general:fn.general.selectors,shortcuts:fn.shortcuts.selectors,space:fn.space.selectors,themes:fn.themes.selectors,ui:fn.ui.selectors};!function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===a&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');\n");const bn=u.createGlobalStyle`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@plurid/plurid-data"),t=require("@plurid/plurid-engine"),a=require("@plurid/plurid-pubsub"),n=require("react"),r=require("react-redux"),o=require("redux"),i=require("redux-thunk"),l=require("@plurid/plurid-functions"),s=require("@plurid/plurid-themes"),c=require("styled-components"),u=require("@plurid/plurid-ui-components-react"),d=require("@plurid/plurid-icons-react"),p=require("@plurid/plurid-functions-react"),f=require("react-dom"),m=require("cross-fetch"),g=require("@plurid/elementql-client-react"),T=require("hammerjs");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var E=h(e),O=h(t),_=h(a),S=h(n),R=h(r),b=h(o),A=h(i),C=h(l),I=h(s),v=h(c),P=h(u),L=h(d),U=h(p),y=h(f),w=h(m),N=h(g),D=h(T);var M={};!function(e){Object.defineProperty(e,"__esModule",{value:!0});var t=E.default,a=O.default,n=_.default,r=S.default,o=R.default,i=b.default,l=A.default,s=C.default,c=I.default,u=v.default,d=P.default,p=L.default,f=U.default,m=y.default,g=w.default,T=N.default;function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var M=h(n),x=h(r),F=h(l),j=h(c),k=h(u),G=h(g);const B=x.default.createContext(void 0),Y="SET_CONFIGURATION",V="SET_CONFIGURATION_MICRO",$="SET_CONFIGURATION_PLANE_CONTROLS",X="SET_CONFIGURATION_PLANE_OPACITY",W="SET_CONFIGURATION_THEME_GENERAL",z="SET_CONFIGURATION_THEME_INTERACTION",H="SET_CONFIGURATION_LANGUAGE",Z="TOGGLE_CONFIGURATION_VIEWCUBE_HIDE",K="TOGGLE_CONFIGURATION_VIEWCUBE_BUTTONS",q="TOGGLE_CONFIGURATION_VIEWCUBE_OPAQUE",Q="TOGGLE_CONFIGURATION_VIEWCUBE_CONCEAL",J="TOGGLE_CONFIGURATION_TOOLBAR_CONCEAL",ee="TOGGLE_CONFIGURATION_TOOLBAR_TRANSFORM_ICONS",te="TOGGLE_CONFIGURATION_TOOLBAR_TRANSFORM_BUTTONS",ae="TOGGLE_CONFIGURATION_TOOLBAR_OPAQUE",ne="TOGGLE_CONFIGURATION_TOOLBAR_TOGGLE_DRAWER",re="TOGGLE_CONFIGURATION_SPACE_TRANSPARENT_UI",oe="TOGGLE_CONFIGURATION_SPACE_SHOW_TRANSFORM_ORIGIN",ie="SET_CONFIGURATION_SPACE_TRANSFORM_ORIGIN_SIZE",le="SET_CONFIGURATION_SPACE_TRANSFORM_MODE",se="TOGGLE_CONFIGURATION_SPACE_TRANSFORM_MULTIMODE",ce="SET_CONFIGURATION_SPACE_TRANSFORM_TOUCH",ue="TOGGLE_CONFIGURATION_SPACE_FIRST_PERSON",de="SET_CONFIGURATION_SPACE_TRANSFORM_LOCKS",pe="SET_CONFIGURATION_SPACE_LAYOUT_TYPE",fe="SET_CONFIGURATION_SPACE_CULLING_DISTANCE";var me=Object.freeze({__proto__:null,SET_CONFIGURATION:Y,SET_CONFIGURATION_MICRO:V,SET_CONFIGURATION_PLANE_CONTROLS:$,SET_CONFIGURATION_PLANE_OPACITY:X,SET_CONFIGURATION_THEME_GENERAL:W,SET_CONFIGURATION_THEME_INTERACTION:z,SET_CONFIGURATION_LANGUAGE:H,TOGGLE_CONFIGURATION_VIEWCUBE_HIDE:Z,TOGGLE_CONFIGURATION_VIEWCUBE_BUTTONS:K,TOGGLE_CONFIGURATION_VIEWCUBE_OPAQUE:q,TOGGLE_CONFIGURATION_VIEWCUBE_CONCEAL:Q,TOGGLE_CONFIGURATION_TOOLBAR_CONCEAL:J,TOGGLE_CONFIGURATION_TOOLBAR_TRANSFORM_ICONS:ee,TOGGLE_CONFIGURATION_TOOLBAR_TRANSFORM_BUTTONS:te,TOGGLE_CONFIGURATION_TOOLBAR_OPAQUE:ae,TOGGLE_CONFIGURATION_TOOLBAR_TOGGLE_DRAWER:ne,TOGGLE_CONFIGURATION_SPACE_TRANSPARENT_UI:re,TOGGLE_CONFIGURATION_SPACE_SHOW_TRANSFORM_ORIGIN:oe,SET_CONFIGURATION_SPACE_TRANSFORM_ORIGIN_SIZE:ie,SET_CONFIGURATION_SPACE_TRANSFORM_MODE:le,TOGGLE_CONFIGURATION_SPACE_TRANSFORM_MULTIMODE:se,SET_CONFIGURATION_SPACE_TRANSFORM_TOUCH:ce,TOGGLE_CONFIGURATION_SPACE_FIRST_PERSON:ue,SET_CONFIGURATION_SPACE_TRANSFORM_LOCKS:de,SET_CONFIGURATION_SPACE_LAYOUT_TYPE:pe,SET_CONFIGURATION_SPACE_CULLING_DISTANCE:fe});var ge=Object.freeze({__proto__:null,setConfiguration:e=>({type:Y,payload:e}),setConfigurationMicro:()=>({type:V}),setConfigurationPlaneControls:e=>({type:$,payload:e}),setConfigurationPlaneOpacity:e=>({type:X,payload:e}),setConfigurationThemeGeneralAction:e=>({type:W,payload:e}),setConfigurationThemeInteractionAction:e=>({type:z,payload:e}),setConfigurationLanguageAction:e=>({type:H,payload:e}),toggleConfigurationViewcubeHide:e=>({type:Z,payload:e}),toggleConfigurationViewcubeButtons:e=>({type:K,payload:e}),toggleConfigurationViewcubeOpaque:e=>({type:q,payload:e}),toggleConfigurationViewcubeConceal:()=>({type:Q}),toggleConfigurationToolbarConceal:()=>({type:J}),toggleConfigurationToolbarTransformIcons:()=>({type:ee}),toggleConfigurationToolbarTransformButtons:()=>({type:te}),toggleConfigurationSpaceTransparentUI:()=>({type:re}),toggleConfigurationSpaceShowTransformOrigin:()=>({type:oe}),toggleConfigurationToolbarOpaque:()=>({type:ae}),toggleConfigurationToolbarToggleDrawer:e=>({type:ne,payload:e}),setConfigurationSpaceTransformOriginSize:e=>({type:ie,payload:e}),setConfigurationSpaceTransformMode:e=>({type:le,payload:e}),toggleConfigurationSpaceTransformMultimode:e=>({type:se,payload:e}),setConfigurationSpaceTransformTouch:e=>({type:ce,payload:e}),toggleConfigurationSpaceFirstPerson:()=>({type:ue}),setConfigurationSpaceTransformLocks:e=>({type:de,payload:e}),setConfigurationSpaceLayoutType:e=>({type:pe,payload:e}),setConfigurationSpaceCullingDistance:e=>({type:fe,payload:e})});const Te=Object.assign({},t.defaultConfiguration),he=(e,t)=>Object.assign(Object.assign({},e),t.payload),Ee=e=>{const t=Object.assign({},e);return t.elements.toolbar.show=!1,t.elements.plane.controls.show=!1,t.elements.viewcube.show=!1,Object.assign({},t)},Oe=(e,t)=>{const a=Object.assign({},e);return a.elements.plane.controls.show=t.payload,Object.assign({},a)},_e=(e,t)=>{const a=Object.assign({},e);return a.elements.plane.opacity=t.payload,Object.assign({},a)},Se=(e,t)=>{const a=Object.assign({},e),n={general:t.payload,interaction:"object"==typeof a.global.theme?a.global.theme.interaction:"plurid"};return Object.assign(Object.assign({},a),{global:Object.assign(Object.assign({},a.global),{theme:n})})},Re=(e,t)=>{const a=Object.assign({},e),n={general:"object"==typeof a.global.theme?a.global.theme.general:"plurid",interaction:t.payload};return Object.assign(Object.assign({},a),{global:Object.assign(Object.assign({},a.global),{theme:n})})},be=(e,t)=>Object.assign(Object.assign({},e),{global:Object.assign(Object.assign({},e.global),{language:t.payload})}),Ae=(e,t)=>{const a=Object.assign({},e);return a.elements.viewcube.show=t.payload,Object.assign({},a)},Ce=(e,t)=>{const a=Object.assign({},e);return a.elements.viewcube.buttons=t.payload,Object.assign({},a)},Ie=(e,t)=>{const a=Object.assign({},e);return a.elements.viewcube.opaque=t.payload,Object.assign({},a)},ve=e=>{const{conceal:t}=e.elements.viewcube,a=Object.assign({},e);return a.elements.viewcube.conceal=!t,Object.assign({},a)},Pe=e=>{const{conceal:t}=e.elements.toolbar,a=Object.assign({},e);return a.elements.toolbar.conceal=!t,Object.assign({},a)},Le=e=>{const{transformIcons:t}=e.elements.toolbar,a=Object.assign({},e);return a.elements.toolbar.transformIcons=!t,Object.assign({},a)},Ue=e=>{const{transformButtons:t}=e.elements.toolbar,a=Object.assign({},e);return a.elements.toolbar.transformButtons=!t,Object.assign({},a)},ye=e=>{const{show:t}=e.space.transformOrigin,a=Object.assign({},e);return a.space.transformOrigin.show=!t,Object.assign({},a)},we=e=>{const{opaque:t}=e.elements.toolbar,a=Object.assign({},e);return a.elements.toolbar.opaque=!t,Object.assign({},a)},Ne=e=>{const t=Object.assign({},e);return t.global.transparentUI=!e.global.transparentUI,Object.assign({},t)},De=(e,t)=>{const a=Object.assign({},e);return a.space.transformOrigin.size=t.payload,Object.assign({},a)},Me=(e,a)=>{const n=Object.assign({},e);return n.space.transformMode!==a.payload?n.space.transformMode=a.payload:n.space.transformMode=t.TRANSFORM_MODES.ALL,Object.assign({},n)},xe=(e,t)=>{const a=Object.assign({},e);return a.space.transformMultimode=t.payload,Object.assign({},a)},Fe=(e,t)=>{const a=Object.assign({},e);return a.space.transformTouch=t.payload,Object.assign({},a)},je=e=>{const{firstPerson:t}=e.space,a=Object.assign({},e);return a.space.firstPerson=!t,Object.assign({},a)},ke=(e,t)=>{const{toggledDrawers:a}=e.elements.toolbar,n=Object.assign({},e);if(a.includes(t.payload)){const e=a.filter((e=>e!==t.payload));n.elements.toolbar.toggledDrawers=[...e]}else n.elements.toolbar.toggledDrawers=[...a,t.payload];return Object.assign({},n)},Ge=(e,t)=>{const{transformLocks:a}=e.space,n=Object.assign({},e),r=Object.assign({},a);return r[t.payload]=!a[t.payload],n.space.transformLocks=Object.assign({},r),Object.assign({},n)},Be=(e,a)=>{const n=Object.assign({},e),r={type:t.LAYOUT_TYPES[a.payload]};return n.space.layout=Object.assign({},r),Object.assign({},n)},Ye=(e,t)=>{const a=Object.assign({},e);return a.space.cullingDistance=t.payload,Object.assign({},a)};var Ve=Object.freeze({__proto__:null,setConfiguration:he,setConfigurationMicro:Ee,setConfigurationPlaneControls:Oe,setConfigurationPlaneOpacity:_e,setConfigurationThemeGeneral:Se,setConfigurationThemeInteraction:Re,setConfigurationLanguage:be,toggleConfigurationViewcubeHide:Ae,toggleConfigurationViewcubeButtons:Ce,toggleConfigurationViewcubeOpaque:Ie,toggleConfigurationViewcubeConceal:ve,toggleConfigurationToolbarConceal:Pe,toggleConfigurationToolbarTransformIcons:Le,toggleConfigurationToolbarTransformButtons:Ue,toggleConfigurationShowTransformOrigin:ye,toggleConfigurationToolbarOpaque:we,toggleConfigurationSpaceTransparentUI:Ne,setConfigurationSpaceTransformOriginSize:De,setConfigurationSpaceTransformMode:Me,toggleConfigurationSpaceTransformMultimode:xe,setConfigurationSpaceTransformTouch:Fe,toggleConfigurationSpaceFirstPerson:je,toggleConfigurationToolbarToggleDrawer:ke,setConfigurationSpaceTransformLocks:Ge,setConfigurationSpaceLayout:Be,setConfigurationSpaceCullingDistance:Ye});const $e="SET_STATE";var Xe={getConfiguration:e=>e.configuration},We=Object.freeze({__proto__:null,actions:ge,initialState:Te,reducer:(e=Te,t)=>{switch(t.type){case $e:return Object.assign(Object.assign({},e),t.payload.configuration);case Y:return he(e,t);case V:return Ee(e);case $:return Oe(e,t);case X:return _e(e,t);case W:return Se(e,t);case z:return Re(e,t);case H:return be(e,t);case Z:return Ae(e,t);case K:return Ce(e,t);case q:return Ie(e,t);case Q:return ve(e);case J:return Pe(e);case ee:return Le(e);case te:return Ue(e);case ne:return ke(e,t);case ae:return we(e);case re:return Ne(e);case oe:return ye(e);case ie:return De(e,t);case le:return Me(e,t);case se:return xe(e,t);case ce:return Fe(e,t);case ue:return je(e);case de:return Ge(e,t);case pe:return Be(e,t);case fe:return Ye(e,t);default:return Object.assign({},e)}},resolvers:Ve,selectors:Xe,Types:me}),ze=Object.freeze({__proto__:null,default:{}});const He={};var Ze=Object.freeze({__proto__:null}),Ke=Object.freeze({__proto__:null}),qe=Object.freeze({__proto__:null,actions:ze,initialState:He,reducer:(e=He,t)=>Object.assign({},e),resolvers:Ze,selectors:{},Types:Ke});const Qe="SHORTCUTS_SET_GLOBAL_SHORTCUTS",Je="SHORTCUTS_UNSET_GLOBAL_SHORTCUTS";var et=Object.freeze({__proto__:null,SHORTCUTS_SET_GLOBAL_SHORTCUTS:Qe,SHORTCUTS_UNSET_GLOBAL_SHORTCUTS:Je});var tt=Object.freeze({__proto__:null,setGlobalShortcuts:()=>({type:Qe}),unsetGlobalShortcuts:()=>({type:Je})});const at={global:!0},nt=e=>Object.assign(Object.assign({},e),{global:!0}),rt=e=>Object.assign(Object.assign({},e),{global:!1});var ot=Object.freeze({__proto__:null,setGlobalShortcuts:nt,unsetGlobalShortcuts:rt});var it={getGlobal:e=>e.shortcuts.global},lt=Object.freeze({__proto__:null,actions:tt,initialState:at,reducer:(e=at,t)=>{switch(t.type){case $e:return Object.assign(Object.assign({},e),t.payload.shortcuts);case Qe:return nt(e);case Je:return rt(e);default:return Object.assign({},e)}},resolvers:ot,selectors:it,Types:et});const st="SET_SPACE_LOADING",ct="SET_ANIMATED_TRANSFORM",ut="SET_TRANSFORM_TIME",dt="SET_SPACE_LOCATION",pt="VIEW_CAMERA_MOVE_FORWARD",ft="VIEW_CAMERA_MOVE_BACKWARD",mt="VIEW_CAMERA_MOVE_LEFT",gt="VIEW_CAMERA_MOVE_RIGHT",Tt="VIEW_CAMERA_MOVE_UP",ht="VIEW_CAMERA_MOVE_DOWN",Et="VIEW_CAMERA_TURN_UP",Ot="VIEW_CAMERA_TURN_DOWN",_t="VIEW_CAMERA_TURN_LEFT",St="VIEW_CAMERA_TURN_RIGHT",Rt="ROTATE_UP",bt="ROTATE_DOWN",At="ROTATE_LEFT",Ct="ROTATE_X",It="ROTATE_X_WITH",vt="ROTATE_RIGHT",Pt="ROTATE_Y",Lt="ROTATE_Y_WITH",Ut="TRANSLATE_UP",yt="TRANSLATE_DOWN",wt="TRANSLATE_LEFT",Nt="TRANSLATE_RIGHT",Dt="TRANSLATE_IN",Mt="TRANSLATE_OUT",xt="TRANSLATE_X_WITH",Ft="TRANSLATE_Y_WITH",jt="SCALE_UP",kt="SCALE_DOWN",Gt="SCALE_UP_WITH",Bt="SCALE_DOWN_WITH",Yt="SET_INITIAL_TREE",Vt="SET_TREE",$t="SET_ACTIVE_UNIVERSE",Xt="SPACE_RESET_TRANSFORM",Wt="SET_VIEW_SIZE",zt="SET_SPACE_SIZE",Ht="UPDATE_SPACE_TREE_PLANE",Zt="UPDATE_SPACE_LINK_COORDINATES",Kt="SPACE_SET_VIEW",qt="SPACE_SET_CULLED_VIEW";var Qt=Object.freeze({__proto__:null,SET_SPACE_LOADING:st,SET_ANIMATED_TRANSFORM:ct,SET_TRANSFORM_TIME:ut,SET_SPACE_LOCATION:dt,VIEW_CAMERA_MOVE_FORWARD:pt,VIEW_CAMERA_MOVE_BACKWARD:ft,VIEW_CAMERA_MOVE_LEFT:mt,VIEW_CAMERA_MOVE_RIGHT:gt,VIEW_CAMERA_MOVE_UP:Tt,VIEW_CAMERA_MOVE_DOWN:ht,VIEW_CAMERA_TURN_UP:Et,VIEW_CAMERA_TURN_DOWN:Ot,VIEW_CAMERA_TURN_LEFT:_t,VIEW_CAMERA_TURN_RIGHT:St,ROTATE_UP:Rt,ROTATE_DOWN:bt,ROTATE_LEFT:At,ROTATE_X:Ct,ROTATE_X_WITH:It,ROTATE_RIGHT:vt,ROTATE_Y:Pt,ROTATE_Y_WITH:Lt,TRANSLATE_UP:Ut,TRANSLATE_DOWN:yt,TRANSLATE_LEFT:wt,TRANSLATE_RIGHT:Nt,TRANSLATE_IN:Dt,TRANSLATE_OUT:Mt,TRANSLATE_X_WITH:xt,TRANSLATE_Y_WITH:Ft,SCALE_UP:jt,SCALE_DOWN:kt,SCALE_UP_WITH:Gt,SCALE_DOWN_WITH:Bt,SET_INITIAL_TREE:Yt,SET_TREE:Vt,SET_ACTIVE_UNIVERSE:$t,SPACE_RESET_TRANSFORM:Xt,SET_VIEW_SIZE:Wt,SET_SPACE_SIZE:zt,UPDATE_SPACE_TREE_PLANE:Ht,UPDATE_SPACE_LINK_COORDINATES:Zt,SPACE_SET_VIEW:Kt,SPACE_SET_CULLED_VIEW:qt});var Jt=Object.freeze({__proto__:null,setSpaceLoading:e=>({type:st,payload:e}),setAnimatedTransform:e=>({type:ct,payload:e}),setTransformTime:e=>({type:ut,payload:e}),setSpaceLocation:e=>({type:dt,payload:e}),viewCameraMoveForward:()=>({type:pt}),viewCameraMoveBackward:()=>({type:ft}),viewCameraMoveLeft:()=>({type:mt}),viewCameraMoveRight:()=>({type:gt}),viewCameraMoveUp:()=>({type:Tt}),viewCameraMoveDown:()=>({type:ht}),viewCameraTurnUp:()=>({type:Et}),viewCameraTurnDown:()=>({type:Ot}),viewCameraTurnLeft:()=>({type:_t}),viewCameraTurnRight:()=>({type:St}),rotateUp:()=>({type:Rt}),rotateDown:()=>({type:bt}),rotateX:e=>({type:Ct,payload:e}),rotateXWith:e=>({type:It,payload:e}),rotateLeft:()=>({type:At}),rotateRight:()=>({type:vt}),rotateY:e=>({type:Pt,payload:e}),rotateYWith:e=>({type:Lt,payload:e}),translateUp:()=>({type:Ut}),translateDown:()=>({type:yt}),translateLeft:()=>({type:wt}),translateRight:()=>({type:Nt}),translateIn:()=>({type:Dt}),translateOut:()=>({type:Mt}),translateXWith:e=>({type:xt,payload:e}),translateYWith:e=>({type:Ft,payload:e}),scaleUp:()=>({type:jt}),scaleDown:()=>({type:kt}),scaleUpWith:e=>({type:Gt,payload:e}),scaleDownWith:e=>({type:Bt,payload:e}),setInitialTree:e=>({type:Yt,payload:e}),setTree:e=>({type:Vt,payload:e}),setActiveUniverse:e=>({type:$t,payload:e}),spaceResetTransform:()=>({type:Xt}),setViewSize:e=>({type:Wt,payload:e}),setSpaceSize:e=>({type:zt,payload:e}),updateSpaceTreePlane:e=>({type:Ht,payload:e}),updateSpaceLinkCoordinates:e=>({type:Zt,payload:e}),spaceSetView:e=>({type:Kt,payload:e}),spaceSetCulledView:e=>({type:qt,payload:e})});const ea={loading:!0,animatedTransform:!1,transformTime:450,scale:1,rotationX:0,rotationY:0,translationX:0,translationY:0,translationZ:0,initialTree:[],tree:[],activeUniverseID:"",camera:{x:0,y:0,z:0},viewSize:{width:"undefined"==typeof window?1440:window.innerWidth,height:"undefined"==typeof window?821:window.innerHeight},spaceSize:{width:"undefined"==typeof window?1440:window.innerWidth,height:"undefined"==typeof window?821:window.innerHeight,depth:0,topCorner:{x:0,y:0,z:0}},view:[],culledView:[]},{toRadians:ta}=s.mathematics.geometry,aa=(e,t)=>Object.assign(Object.assign({},e),{loading:t.payload}),na=(e,t)=>Object.assign(Object.assign({},e),{animatedTransform:t.payload}),ra=(e,t)=>Object.assign(Object.assign({},e),{transformTime:t.payload}),oa=(e,t)=>Object.assign(Object.assign({},e),t.payload),ia=e=>{const a=e.translationZ+6*t.TRANSLATION_STEP*Math.cos(ta(-e.rotationY)),n=e.translationX+6*t.TRANSLATION_STEP*Math.sin(ta(-e.rotationY));return Object.assign(Object.assign({},e),{translationX:n,translationZ:a})},la=e=>{const a=e.translationZ-6*t.TRANSLATION_STEP*Math.cos(ta(-e.rotationY)),n=e.translationX-6*t.TRANSLATION_STEP*Math.sin(ta(-e.rotationY));return Object.assign(Object.assign({},e),{translationX:n,translationZ:a})},sa=e=>{const a=e.translationX+3*t.TRANSLATION_STEP*Math.cos(ta(e.rotationY)),n=e.translationZ+3*t.TRANSLATION_STEP*Math.sin(ta(e.rotationY));return Object.assign(Object.assign({},e),{translationX:a,translationZ:n})},ca=e=>{const a=e.translationX-3*t.TRANSLATION_STEP*Math.cos(ta(e.rotationY)),n=e.translationZ-3*t.TRANSLATION_STEP*Math.sin(ta(e.rotationY));return Object.assign(Object.assign({},e),{translationX:a,translationZ:n})},ua=e=>{const a=e.translationY+3*t.TRANSLATION_STEP;return Object.assign(Object.assign({},e),{translationY:a})},da=e=>{const a=e.translationY-3*t.TRANSLATION_STEP;return Object.assign(Object.assign({},e),{translationY:a})},pa=e=>{const a=(e.rotationX+t.ROTATION_STEP)%360;return Object.assign(Object.assign({},e),{rotationX:a})},fa=e=>{const a=(e.rotationX-t.ROTATION_STEP)%360;return Object.assign(Object.assign({},e),{rotationX:a})},ma=e=>{const a=(e.rotationY-t.ROTATION_STEP)%360;return Object.assign(Object.assign({},e),{rotationY:a})},ga=e=>{const a=(e.rotationY+t.ROTATION_STEP)%360;return Object.assign(Object.assign({},e),{rotationY:a})},Ta=e=>{const a=(e.rotationX+t.ROTATION_STEP)%360;return Object.assign(Object.assign({},e),{rotationX:a})},ha=e=>{const a=(e.rotationX-t.ROTATION_STEP)%360;return Object.assign(Object.assign({},e),{rotationX:a})},Ea=(e,t)=>Object.assign(Object.assign({},e),{rotationX:t.payload}),Oa=(e,t)=>{const a=e.rotationX+t.payload;return Object.assign(Object.assign({},e),{rotationX:a})},_a=e=>{const a=(e.rotationY+t.ROTATION_STEP)%360;return Object.assign(Object.assign({},e),{rotationY:a})},Sa=e=>{const a=(e.rotationY-t.ROTATION_STEP)%360;return Object.assign(Object.assign({},e),{rotationY:a})},Ra=(e,t)=>Object.assign(Object.assign({},e),{rotationY:t.payload}),ba=(e,t)=>{const a=e.rotationY+t.payload;return Object.assign(Object.assign({},e),{rotationY:a})},Aa=e=>{const a=e.translationY-t.TRANSLATION_STEP;return Object.assign(Object.assign({},e),{translationY:a})},Ca=e=>{const a=e.translationY+t.TRANSLATION_STEP;return Object.assign(Object.assign({},e),{translationY:a})},Ia=e=>{const a=e.translationX-t.TRANSLATION_STEP*Math.cos(ta(e.rotationY)),n=e.translationZ-t.TRANSLATION_STEP*Math.sin(ta(e.rotationY));return Object.assign(Object.assign({},e),{translationX:a,translationZ:n})},va=e=>{const a=e.translationX+t.TRANSLATION_STEP*Math.cos(ta(e.rotationY)),n=e.translationZ+t.TRANSLATION_STEP*Math.sin(ta(e.rotationY));return Object.assign(Object.assign({},e),{translationX:a,translationZ:n})},Pa=e=>{const a=e.translationZ-3*t.TRANSLATION_STEP*Math.cos(ta(-e.rotationY)),n=e.translationX-3*t.TRANSLATION_STEP*Math.sin(ta(-e.rotationY));return Object.assign(Object.assign({},e),{translationX:n,translationZ:a})},La=e=>{const a=e.translationZ+3*t.TRANSLATION_STEP*Math.cos(ta(-e.rotationY)),n=e.translationX+3*t.TRANSLATION_STEP*Math.sin(ta(-e.rotationY));return Object.assign(Object.assign({},e),{translationX:n,translationZ:a})},Ua=(e,t)=>{const a=e.translationX+t.payload*Math.cos(ta(e.rotationY)),n=e.translationZ+t.payload*Math.sin(ta(e.rotationY));return Object.assign(Object.assign({},e),{translationX:a,translationZ:n})},ya=(e,t)=>{const a=e.translationY+t.payload;return Object.assign(Object.assign({},e),{translationY:a})},wa=e=>{const a=e.scale+t.SCALE_STEP,n=a<t.SCALE_UPPER_LIMIT?a:t.SCALE_UPPER_LIMIT;return Object.assign(Object.assign({},e),{scale:n})},Na=e=>{const a=e.scale-t.SCALE_STEP,n=a>t.SCALE_LOWER_LIMIT?a:t.SCALE_LOWER_LIMIT;return Object.assign(Object.assign({},e),{scale:n})},Da=(e,a)=>{const n=e.scale+Math.abs(a.payload),r=n<t.SCALE_UPPER_LIMIT?n:t.SCALE_UPPER_LIMIT;return Object.assign(Object.assign({},e),{scale:r})},Ma=(e,a)=>{const n=e.scale-Math.abs(a.payload),r=n>t.SCALE_LOWER_LIMIT?n:t.SCALE_LOWER_LIMIT;return Object.assign(Object.assign({},e),{scale:r})},xa=(e,t)=>Object.assign(Object.assign({},e),{initialTree:[...t.payload]}),Fa=(e,t)=>Object.assign(Object.assign({},e),{tree:[...t.payload]}),ja=(e,t)=>Object.assign(Object.assign({},e),{activeUniverseID:t.payload}),ka=e=>Object.assign(Object.assign({},e),{scale:1,rotationX:0,rotationY:0,translationX:0,translationY:0,translationZ:0}),Ga=(e,t)=>Object.assign(Object.assign({},e),{viewSize:Object.assign({},t.payload)}),Ba=(e,t)=>Object.assign(Object.assign({},e),{spaceSize:Object.assign({},t.payload)}),Ya=(e,t)=>{const n=a.general.tree.updateTreePlane(e.tree,t.payload);return Object.assign(Object.assign({},e),{tree:n})},Va=(e,t)=>{const{planeID:n,linkCoordinates:r}=t.payload,o=a.general.tree.updateTreeByPlaneIDWithLinkCoordinates(e.tree,n,r);return Object.assign(Object.assign({},e),{tree:o})},$a=(e,t)=>Object.assign(Object.assign({},e),{view:t.payload}),Xa=(e,t)=>Object.assign(Object.assign({},e),{culledView:t.payload});var Wa=Object.freeze({__proto__:null,setSpaceLoading:aa,setAnimatedTransform:na,setTransformTime:ra,setSpaceLocation:oa,viewCameraMoveForward:ia,viewCameraMoveBackward:la,viewCameraMoveLeft:sa,viewCameraMoveRight:ca,viewCameraMoveUp:ua,viewCameraMoveDown:da,viewCameraTurnUp:pa,viewCameraTurnDown:fa,viewCameraTurnLeft:ma,viewCameraTurnRight:ga,rotateUp:Ta,rotateDown:ha,rotateX:Ea,rotateXWith:Oa,rotateLeft:_a,rotateRight:Sa,rotateY:Ra,rotateYWith:ba,translateUp:Aa,translateDown:Ca,translateLeft:Ia,translateRight:va,translateIn:Pa,translateOut:La,translateXWith:Ua,translateYWith:ya,scaleUp:wa,scaleDown:Na,scaleUpWith:Da,scaleDownWith:Ma,setInitialTree:xa,setTree:Fa,setActiveUniverse:ja,spaceResetTransform:ka,setViewSize:Ga,setSpaceSize:Ba,updateSpaceTreePlane:Ya,updateSpaceLinkCoordinates:Va,spaceSetView:$a,spaceSetCulledView:Xa});var za={getLoading:e=>e.space.loading,getAnimatedTransform:e=>e.space.animatedTransform,getTransformTime:e=>e.space.transformTime,getRotationX:e=>e.space.rotationX,getRotationY:e=>e.space.rotationY,getTranslationX:e=>e.space.translationX,getTranslationY:e=>e.space.translationY,getTranslationZ:e=>e.space.translationZ,getScale:e=>e.space.scale,getTransform:e=>({rotationX:e.space.rotationX,rotationY:e.space.rotationY,translationX:e.space.translationX,translationY:e.space.translationY,translationZ:e.space.translationZ,scale:e.space.scale}),getInitialTree:e=>e.space.initialTree,getTree:e=>e.space.tree,getActiveUniverseID:e=>e.space.activeUniverseID,getView:e=>e.space.view,getViewSize:e=>e.space.viewSize,getCulledView:e=>e.space.culledView},Ha=Object.freeze({__proto__:null,actions:Jt,initialState:ea,reducer:(e=ea,t)=>{switch(t.type){case $e:return Object.assign(Object.assign({},e),t.payload.space);case st:return aa(e,t);case ct:return na(e,t);case ut:return ra(e,t);case dt:return oa(e,t);case pt:return ia(e);case ft:return la(e);case mt:return sa(e);case gt:return ca(e);case Tt:return ua(e);case ht:return da(e);case Et:return pa(e);case Ot:return fa(e);case _t:return ma(e);case St:return ga(e);case Rt:return Ta(e);case bt:return ha(e);case Ct:return Ea(e,t);case It:return Oa(e,t);case At:return _a(e);case vt:return Sa(e);case Pt:return Ra(e,t);case Lt:return ba(e,t);case Ut:return Aa(e);case yt:return Ca(e);case wt:return Ia(e);case Nt:return va(e);case Dt:return Pa(e);case Mt:return La(e);case xt:return Ua(e,t);case Ft:return ya(e,t);case jt:return wa(e);case kt:return Na(e);case Gt:return Da(e,t);case Bt:return Ma(e,t);case Yt:return xa(e,t);case Vt:return Fa(e,t);case $t:return ja(e,t);case Xt:return ka(e);case Wt:return Ga(e,t);case zt:return Ba(e,t);case Ht:return Ya(e,t);case Zt:return Va(e,t);case Kt:return $a(e,t);case qt:return Xa(e,t);default:return Object.assign({},e)}},resolvers:Wa,selectors:za,Types:Qt});const Za="THEMES_SET_GENERAL_THEME",Ka="THEMES_SET_INTERACTION_THEME";var qa=Object.freeze({__proto__:null,THEMES_SET_GENERAL_THEME:Za,THEMES_SET_INTERACTION_THEME:Ka});var Qa=Object.freeze({__proto__:null,setGeneralTheme:e=>({type:Za,payload:e}),setInteractionTheme:e=>({type:Ka,payload:e})});const Ja={general:c.plurid,interaction:c.plurid},en=(e,t)=>Object.assign(Object.assign({},e),{general:Object.assign({},t.payload)}),tn=(e,t)=>Object.assign(Object.assign({},e),{interaction:Object.assign({},t.payload)});var an=Object.freeze({__proto__:null,setGeneralTheme:en,setInteractionTheme:tn});var nn={getGeneralTheme:e=>e.themes.general,getInteractionTheme:e=>e.themes.interaction},rn=Object.freeze({__proto__:null,actions:Qa,initialState:Ja,reducer:(e=Ja,t)=>{switch(t.type){case $e:return Object.assign(Object.assign({},e),t.payload.themes);case Za:return en(e,t);case Ka:return tn(e,t);default:return Object.assign({},e)}},resolvers:an,selectors:nn,Types:qa});const on="SET_UI_TOOLBAR_SCROLL_POSITION";var ln=Object.freeze({__proto__:null,SET_UI_TOOLBAR_SCROLL_POSITION:on});var sn=Object.freeze({__proto__:null,setUIToolbarScrollPosition:e=>({type:on,payload:e})});const cn={toolbarScrollPosition:0},un=(e,t)=>Object.assign(Object.assign({},e),{toolbarScrollPosition:t.payload});var dn=Object.freeze({__proto__:null,setUIToolbarScrollPosition:un});var pn={getToolbarScrollPosition:e=>e.ui.toolbarScrollPosition},fn={configuration:We,general:qe,shortcuts:lt,space:Ha,themes:rn,ui:Object.freeze({__proto__:null,actions:sn,initialState:cn,reducer:(e=cn,t)=>{switch(t.type){case $e:return Object.assign(Object.assign({},e),t.payload.ui);case on:return un(e,t);default:return Object.assign({},e)}},resolvers:dn,selectors:pn,Types:ln})};const mn=i.combineReducers({configuration:fn.configuration.reducer,general:fn.general.reducer,shortcuts:fn.shortcuts.reducer,space:fn.space.reducer,themes:fn.themes.reducer,ui:fn.ui.reducer}),gn=e=>i.createStore(mn,e,i.applyMiddleware(F.default)),Tn=x.default.createContext({});function hn(e,t,a,n){return new(a||(a=Promise))((function(r,o){function i(e){try{s(n.next(e))}catch(e){o(e)}}function l(e){try{s(n.throw(e))}catch(e){o(e)}}function s(e){var t;e.done?r(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(i,l)}s((n=n.apply(e,t||[])).next())}))}const En=x.default.createContext(null);var On={configuration:fn.configuration.actions,general:fn.general.actions,shortcuts:fn.shortcuts.actions,space:fn.space.actions,themes:fn.themes.actions,ui:fn.ui.actions};const{direction:_n}=a.interaction,Sn=()=>hn(void 0,void 0,void 0,(function*(){return yield Promise.resolve().then((function(){return function(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}(D.default)}))}));var Rn={configuration:fn.configuration.selectors,general:fn.general.selectors,shortcuts:fn.shortcuts.selectors,space:fn.space.selectors,themes:fn.themes.selectors,ui:fn.ui.selectors};!function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===a&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');\n");const bn=u.createGlobalStyle`
     *,
     *:after,
     *:before {
@@ -101,13 +101,13 @@
     display: grid;
     grid-template-columns: repeat(4, 30px);
     padding: 0 1rem;
-`,{inputs:{Textline:Nn}}=d.universal,Dn=o.connect((e=>({configuration:Rn.configuration.getConfiguration(e),generalTheme:Rn.themes.getGeneralTheme(e),interactionTheme:Rn.themes.getInteractionTheme(e)})),(e=>({})),null,{context:Tn})((e=>{const{plane:a,treePlane:n,mouseOver:o,configuration:i,generalTheme:l,interactionTheme:s}=e,{global:c,elements:u}=i,{transparentUI:d}=c,{pathbar:p}=u.plane.controls,{route:f,routeDivisions:m}=n,{protocol:g,host:T}=m,E=`${g}://${T.value}/gateway?plurid=`+encodeURIComponent(f),[h,O]=r.useState(m.plane.value),[_,S]=r.useState(!1),[R,b]=r.useState(!1);return x.default.createElement(Ln,{theme:l,mouseOver:o,transparentUI:d,"data-plurid-entity":t.PLURID_ENTITY_PLANE_CONTROLS},x.default.createElement(Un,null),x.default.createElement(yn,null,x.default.createElement(Nn,{theme:s,text:_?E:h,atChange:e=>{if(O(e.target.value),p.onChange){const t=a.route.absolute;p.onChange(e,t)}},atKeyDown:e=>{if(R||b(!0),"Escape"===e.key&&b(!1),p.onKeyDown){const t=a.route.absolute;p.onKeyDown(e,t)}},ariaLabel:"Plurid Pathbar"})),x.default.createElement(wn,null))})),Mn=k.default.div`
+`,{inputs:{Textline:Nn}}=d.universal,Dn=o.connect((e=>({configuration:Rn.configuration.getConfiguration(e),generalTheme:Rn.themes.getGeneralTheme(e),interactionTheme:Rn.themes.getInteractionTheme(e)})),(e=>({})),null,{context:Tn})((e=>{const{plane:a,treePlane:n,mouseOver:o,configuration:i,generalTheme:l,interactionTheme:s}=e,{global:c,elements:u}=i,{transparentUI:d}=c,{pathbar:p}=u.plane.controls,{route:f,routeDivisions:m}=n,{protocol:g,host:T}=m,h=`${g}://${T.value}/gateway?plurid=`+encodeURIComponent(f),[E,O]=r.useState(m.plane.value),[_,S]=r.useState(!1),[R,b]=r.useState(!1);return x.default.createElement(Ln,{theme:l,mouseOver:o,transparentUI:d,"data-plurid-entity":t.PLURID_ENTITY_PLANE_CONTROLS},x.default.createElement(Un,null),x.default.createElement(yn,null,x.default.createElement(Nn,{theme:s,text:_?h:E,atChange:e=>{if(O(e.target.value),p.onChange){const t=a.route.absolute;p.onChange(e,t)}},atKeyDown:e=>{if(R||b(!0),"Escape"===e.key&&b(!1),p.onKeyDown){const t=a.route.absolute;p.onKeyDown(e,t)}},ariaLabel:"Plurid Pathbar"})),x.default.createElement(wn,null))})),Mn=k.default.div`
     position: relative;
     font-family: initial !important;
     font-size: initial !important;
-`,xn=e=>{const{children:a}=e,n=r.useRef(null);return x.default.createElement(Mn,{ref:n,"data-plurid-entity":t.PLURID_ENTITY_PLANE_CONTENT},a)},Fn=o.connect((e=>({stateViewSize:Rn.space.getViewSize(e),stateGeneralTheme:Rn.themes.getGeneralTheme(e),stateConfiguration:Rn.configuration.getConfiguration(e)})),(e=>({dispatchUpdateSpaceTreePlane:t=>e(On.space.updateSpaceTreePlane(t))})),null,{context:Tn})((e=>{const{planeID:n,plane:o,treePlane:i,children:l,stateViewSize:c,stateGeneralTheme:u,stateConfiguration:d,dispatchUpdateSpaceTreePlane:p}=e,{global:f,elements:m}=d,{transparentUI:g}=f,{controls:T,width:E,opacity:h}=m.plane,O=T.show;s.mathematics.numbers.checkIntegerNonUnit(E)||c.width;const _=r.useContext(hn);if(!_)return x.default.createElement(x.default.Fragment,null);const{planeRenderError:S}=_,[R,b]=r.useState(!1),A={};return x.default.createElement(In,{suppressHydrationWarning:!0,theme:u,planeControls:O,planeOpacity:h,show:i.show,id:n,style:{width:"100%",transform:a.cleanTemplate(`\n                    translateX(${i.location.translateX}px)\n                    translateY(${i.location.translateY}px)\n                    translateZ(${i.location.translateZ}px)\n                    rotateX(${i.location.rotateX}deg)\n                    rotateY(${i.location.rotateY}deg)\n                `)},onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),transparentUI:g,mouseOver:R,"data-plurid-plane":n,"data-plurid-entity":t.PLURID_ENTITY_PLANE},i.show&&x.default.createElement(x.default.Fragment,null,i.parentPlaneID&&x.default.createElement(Pn,null),O&&x.default.createElement(Dn,{plane:o,treePlane:i,mouseOver:R}),S?x.default.createElement(Cn,{renderError:"boolean"!=typeof S?S:void 0},x.default.createElement(xn,Object.assign({},A),l)):x.default.createElement(xn,Object.assign({},A),l)))})),jn=e=>!!e&&("string"!=typeof e&&!e.url),kn=k.default.div`
+`,xn=e=>{const{children:a}=e,n=r.useRef(null);return x.default.createElement(Mn,{ref:n,"data-plurid-entity":t.PLURID_ENTITY_PLANE_CONTENT},a)},Fn=o.connect((e=>({stateViewSize:Rn.space.getViewSize(e),stateGeneralTheme:Rn.themes.getGeneralTheme(e),stateConfiguration:Rn.configuration.getConfiguration(e)})),(e=>({dispatchUpdateSpaceTreePlane:t=>e(On.space.updateSpaceTreePlane(t))})),null,{context:Tn})((e=>{const{planeID:n,plane:o,treePlane:i,children:l,stateViewSize:c,stateGeneralTheme:u,stateConfiguration:d,dispatchUpdateSpaceTreePlane:p}=e,{global:f,elements:m}=d,{transparentUI:g}=f,{controls:T,width:h,opacity:E}=m.plane,O=T.show;s.mathematics.numbers.checkIntegerNonUnit(h)||c.width;const _=r.useContext(En);if(!_)return x.default.createElement(x.default.Fragment,null);const{planeRenderError:S}=_,[R,b]=r.useState(!1),A={};return x.default.createElement(In,{suppressHydrationWarning:!0,theme:u,planeControls:O,planeOpacity:E,show:i.show,id:n,style:{width:"100%",transform:a.cleanTemplate(`\n                    translateX(${i.location.translateX}px)\n                    translateY(${i.location.translateY}px)\n                    translateZ(${i.location.translateZ}px)\n                    rotateX(${i.location.rotateX}deg)\n                    rotateY(${i.location.rotateY}deg)\n                `)},onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),transparentUI:g,mouseOver:R,"data-plurid-plane":n,"data-plurid-entity":t.PLURID_ENTITY_PLANE},i.show&&x.default.createElement(x.default.Fragment,null,i.parentPlaneID&&x.default.createElement(Pn,null),O&&x.default.createElement(Dn,{plane:o,treePlane:i,mouseOver:R}),S?x.default.createElement(Cn,{renderError:"boolean"!=typeof S?S:void 0},x.default.createElement(xn,Object.assign({},A),l)):x.default.createElement(xn,Object.assign({},A),l)))})),jn=e=>!!e&&("string"!=typeof e&&!e.url),kn=k.default.div`
     transform-style: preserve-3d;
-`,{getPlanesRegistrar:Gn,getRegisteredPlane:Bn}=a.planes,Yn=o.connect((e=>({})),(e=>({})),null,{context:Tn})((e=>{const{plane:a}=e,{location:n}=a,o=r.useContext(hn);if(!o)return x.default.createElement(x.default.Fragment,null);const{planesRegistrar:i,planeContext:l,planeContextValue:s,customPlane:c}=o,u=c,[d,p]=r.useState([]),f=e=>{if(!e.children)return;const t=Gn(i);e.children.map((e=>{if(!t)return;const a=e.sourceID,n=t.get(a);let r=x.default.createElement(x.default.Fragment,null);if(n){const t=n.component,a={plane:{value:n.route.absolute,planeID:e.planeID,parentPlaneID:e.parentPlaneID,fragments:n.route.fragments,parameters:n.route.parameters,query:n.route.query},route:{value:"",parameters:{},query:{}}},o={plurid:Object.assign({},a)},i=jn(t),c=jn(u);r=u?c?x.default.createElement(u,{key:e.planeID,plane:n,treePlane:e,planeID:e.planeID,location:e.location}):x.default.createElement(x.default.Fragment,null):i?x.default.createElement(Fn,{key:e.planeID,plane:n,treePlane:e,planeID:e.planeID,location:e.location},l?x.default.createElement(l.Provider,{value:s},x.default.createElement(t,Object.assign({},o))):x.default.createElement(t,Object.assign({},o))):x.default.createElement(x.default.Fragment,null),p((e=>[...e,r]))}e.children&&f(e)}))};r.useEffect((()=>{p([]),f(a)}),[JSON.stringify(a)]);const m=a.sourceID;if(!m)return x.default.createElement(x.default.Fragment,null);const g=Bn(m,i);if(!g)return x.default.createElement(x.default.Fragment,null);const T=g.component,E={plane:{value:g.route.absolute,planeID:a.planeID,parentPlaneID:a.parentPlaneID,fragments:g.route.fragments,parameters:g.route.parameters,query:g.route.query},route:{value:"",parameters:{},query:{}}},h={plurid:Object.assign({},E)};return u?"function"!=typeof u?x.default.createElement(x.default.Fragment,null):x.default.createElement(kn,{"data-plurid-entity":t.PLURID_ENTITY_ROOT},x.default.createElement(u,{plane:g,treePlane:a,planeID:a.planeID,location:n}),d):x.default.createElement(kn,{"data-plurid-entity":t.PLURID_ENTITY_ROOT},x.default.createElement(Fn,{plane:g,treePlane:a,planeID:a.planeID,location:n},l?x.default.createElement(l.Provider,{value:s},x.default.createElement(T,Object.assign({},h))):x.default.createElement(T,Object.assign({},h))),d)})),Vn=k.default.div`
+`,{getPlanesRegistrar:Gn,getRegisteredPlane:Bn}=a.planes,Yn=o.connect((e=>({})),(e=>({})),null,{context:Tn})((e=>{const{plane:a}=e,{location:n}=a,o=r.useContext(En);if(!o)return x.default.createElement(x.default.Fragment,null);const{planesRegistrar:i,planeContext:l,planeContextValue:s,customPlane:c,matchedRoute:u}=o,d=c,[p,f]=r.useState([]),m=e=>{if(!e.children)return;const t=Gn(i);e.children.map((e=>{if(!t)return;const a=e.sourceID,n=t.get(a);let r=x.default.createElement(x.default.Fragment,null);if(n){const t=n.component,a={plane:{value:n.route.absolute,planeID:e.planeID,parentPlaneID:e.parentPlaneID,fragments:n.route.fragments,parameters:n.route.parameters,query:n.route.query},route:{value:(null==u?void 0:u.match.value)||"",parameters:(null==u?void 0:u.match.parameters)||{},query:(null==u?void 0:u.match.query)||{}}},o={plurid:Object.assign({},a)},i=jn(t),c=jn(d);r=d?c?x.default.createElement(d,{key:e.planeID,plane:n,treePlane:e,planeID:e.planeID,location:e.location}):x.default.createElement(x.default.Fragment,null):i?x.default.createElement(Fn,{key:e.planeID,plane:n,treePlane:e,planeID:e.planeID,location:e.location},l?x.default.createElement(l.Provider,{value:s},x.default.createElement(t,Object.assign({},o))):x.default.createElement(t,Object.assign({},o))):x.default.createElement(x.default.Fragment,null),f((e=>[...e,r]))}e.children&&m(e)}))};r.useEffect((()=>{f([]),m(a)}),[JSON.stringify(a)]);const g=a.sourceID;if(!g)return x.default.createElement(x.default.Fragment,null);const T=Bn(g,i);if(!T)return x.default.createElement(x.default.Fragment,null);const h=T.component,E={plane:{value:T.route.absolute,planeID:a.planeID,parentPlaneID:a.parentPlaneID,fragments:T.route.fragments,parameters:T.route.parameters,query:T.route.query},route:{value:(null==u?void 0:u.match.value)||"",parameters:(null==u?void 0:u.match.parameters)||{},query:(null==u?void 0:u.match.query)||{}}},O={plurid:Object.assign({},E)};return d?"function"!=typeof d?x.default.createElement(x.default.Fragment,null):x.default.createElement(kn,{"data-plurid-entity":t.PLURID_ENTITY_ROOT},x.default.createElement(d,{plane:T,treePlane:a,planeID:a.planeID,location:n}),p):x.default.createElement(kn,{"data-plurid-entity":t.PLURID_ENTITY_ROOT},x.default.createElement(Fn,{plane:T,treePlane:a,planeID:a.planeID,location:n},l?x.default.createElement(l.Provider,{value:s},x.default.createElement(h,Object.assign({},O))):x.default.createElement(h,Object.assign({},O))),p)})),Vn=k.default.div`
     transform-style: preserve-3d;
 `,$n=k.default.div`
     background-color: ${({theme:e})=>e.backgroundColorTertiaryAlpha};
@@ -120,7 +120,7 @@
     user-select: none;
     pointer-events: none;
     touch-action: none;
-`,Xn=o.connect((e=>({stateConfiguration:Rn.configuration.getConfiguration(e),interactionTheme:Rn.themes.getInteractionTheme(e),animatedTransform:Rn.space.getAnimatedTransform(e),transformTime:Rn.space.getTransformTime(e),spaceScale:Rn.space.getScale(e),spaceRotationX:Rn.space.getRotationX(e),spaceRotationY:Rn.space.getRotationY(e),spaceTranslationX:Rn.space.getTranslationX(e),spaceTranslationY:Rn.space.getTranslationY(e),spaceTranslationZ:Rn.space.getTranslationZ(e),stateTree:Rn.space.getTree(e)})),(e=>({})),null,{context:Tn})((e=>{const{stateConfiguration:n,interactionTheme:r,animatedTransform:o,transformTime:i,spaceScale:l,spaceRotationX:s,spaceRotationY:c,spaceTranslationX:u,spaceTranslationY:d,spaceTranslationZ:p,stateTree:f}=e,{space:m}=n,{transformOrigin:g}=m,{show:T,size:E}=g,h=-1*u+("undefined"==typeof window?720:window.innerWidth/2),O=-1*d+("undefined"==typeof window?400:window.innerHeight/2),_=-1*p,S=E===t.SIZES.SMALL?2.5:E===t.SIZES.NORMAL?5:7.5;return x.default.createElement(Vn,{suppressHydrationWarning:!0,style:{width:"100%",height:"undefined"!=typeof window?window.innerHeight+"px":"821px",transform:a.cleanTemplate(`\n                    translateX(${u}px)\n                    translateY(${d}px)\n                    translateZ(${p}px)\n                    scale(${l})\n                    rotateX(${s}deg)\n                    rotateY(${c}deg)\n                `),transition:o?`transform ${i}ms ease-in-out`:"initial",transformOrigin:a.cleanTemplate(`\n                    ${h}px\n                    ${O}px\n                    ${_}px\n                `)},"data-plurid-entity":t.PLURID_ENTITY_ROOTS},T&&x.default.createElement($n,{suppressHydrationWarning:!0,theme:r,transformOriginSize:E,style:{transform:a.cleanTemplate(`\n                            rotateY(${-c}deg)\n                            translateX(${h-S}px)\n                            translateY(${O-S}px)\n                            translateZ(${_+5}px)\n                        `),transformOrigin:a.cleanTemplate(`\n                            ${h-S}px\n                            ${O-S}px\n                            ${_}px\n                        `)},"data-plurid-entity":t.PLURID_ENTITY_TRANSFORM_ORIGIN}),f.map((e=>x.default.createElement(Yn,{key:e.planeID,plane:e}))))})),Wn=u.keyframes`
+`,Xn=o.connect((e=>({stateConfiguration:Rn.configuration.getConfiguration(e),interactionTheme:Rn.themes.getInteractionTheme(e),animatedTransform:Rn.space.getAnimatedTransform(e),transformTime:Rn.space.getTransformTime(e),spaceScale:Rn.space.getScale(e),spaceRotationX:Rn.space.getRotationX(e),spaceRotationY:Rn.space.getRotationY(e),spaceTranslationX:Rn.space.getTranslationX(e),spaceTranslationY:Rn.space.getTranslationY(e),spaceTranslationZ:Rn.space.getTranslationZ(e),stateTree:Rn.space.getTree(e)})),(e=>({})),null,{context:Tn})((e=>{const{stateConfiguration:n,interactionTheme:r,animatedTransform:o,transformTime:i,spaceScale:l,spaceRotationX:s,spaceRotationY:c,spaceTranslationX:u,spaceTranslationY:d,spaceTranslationZ:p,stateTree:f}=e,{space:m}=n,{transformOrigin:g}=m,{show:T,size:h}=g,E=-1*u+("undefined"==typeof window?720:window.innerWidth/2),O=-1*d+("undefined"==typeof window?400:window.innerHeight/2),_=-1*p,S=h===t.SIZES.SMALL?2.5:h===t.SIZES.NORMAL?5:7.5;return x.default.createElement(Vn,{suppressHydrationWarning:!0,style:{width:"100%",height:"undefined"!=typeof window?window.innerHeight+"px":"821px",transform:a.cleanTemplate(`\n                    translateX(${u}px)\n                    translateY(${d}px)\n                    translateZ(${p}px)\n                    scale(${l})\n                    rotateX(${s}deg)\n                    rotateY(${c}deg)\n                `),transition:o?`transform ${i}ms ease-in-out`:"initial",transformOrigin:a.cleanTemplate(`\n                    ${E}px\n                    ${O}px\n                    ${_}px\n                `)},"data-plurid-entity":t.PLURID_ENTITY_ROOTS},T&&x.default.createElement($n,{suppressHydrationWarning:!0,theme:r,transformOriginSize:h,style:{transform:a.cleanTemplate(`\n                            rotateY(${-c}deg)\n                            translateX(${E-S}px)\n                            translateY(${O-S}px)\n                            translateZ(${_+5}px)\n                        `),transformOrigin:a.cleanTemplate(`\n                            ${E-S}px\n                            ${O-S}px\n                            ${_}px\n                        `)},"data-plurid-entity":t.PLURID_ENTITY_TRANSFORM_ORIGIN}),f.map((e=>x.default.createElement(Yn,{key:e.planeID,plane:e}))))})),Wn=u.keyframes`
     from {
         opacity: 0%;
     }
@@ -333,7 +333,7 @@
     h5::first-child {
         margin-top: 0;
     }
-`,{inputs:{Dropdown:pr}}=d.universal,fr=o.connect((e=>({stateLanguage:Rn.configuration.getConfiguration(e).global.language,interactionTheme:Rn.themes.getInteractionTheme(e),configuration:Rn.configuration.getConfiguration(e)})),(e=>({dispatchSetConfigurationThemeGeneralAction:t=>e(On.configuration.setConfigurationThemeGeneralAction(t)),dispatchSetConfigurationThemeInteractionAction:t=>e(On.configuration.setConfigurationThemeInteractionAction(t)),dispatchSetConfigurationLanguage:t=>e(On.configuration.setConfigurationLanguageAction(t)),dispatchSetGeneralTheme:t=>e(On.themes.setGeneralTheme(t)),dispatchSetInteractionTheme:t=>e(On.themes.setInteractionTheme(t))})),null,{context:Tn})((e=>{const{stateLanguage:n,interactionTheme:o,configuration:i,dispatchSetGeneralTheme:l,dispatchSetInteractionTheme:s,dispatchSetConfigurationThemeGeneralAction:c,dispatchSetConfigurationThemeInteractionAction:u,dispatchSetConfigurationLanguage:d}=e,p=i.global.theme,[f,m]=r.useState("object"==typeof p?p.general:p),[g,T]=r.useState("object"==typeof p?p.interaction:p);return r.useEffect((()=>{"object"==typeof p?(m(p.general),T(p.interaction)):(m(p),T(p))}),[p]),x.default.createElement(x.default.Fragment,null,x.default.createElement(ur,null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerGlobalGeneralTheme),x.default.createElement(pr,{selectables:Object.keys(j.default),selected:"string"==typeof f?f:"",atSelect:e=>(e=>{l(j.default[e]),c(e)})(e),theme:o,filterable:!0,heightItems:3,width:90,style:{fontSize:"0.8rem"}})),x.default.createElement(ur,null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerGlobalInteractionTheme),x.default.createElement(pr,{selectables:Object.keys(j.default),selected:"string"==typeof g?g:"",atSelect:e=>(e=>{s(j.default[e]),u(e)})(e),theme:o,heightItems:3,filterable:!0,width:90,style:{fontSize:"0.8rem"}})),x.default.createElement(ur,{last:!0},a.internatiolate(n,t.internationalization.fields.toolbarDrawerGlobalLanguage),x.default.createElement(pr,{selectables:t.internationalization.languages,selected:n,atSelect:e=>{d(e)},theme:o,heightItems:3,width:90,style:{fontSize:"0.8rem"}})))})),{inputs:{Switch:mr}}=d.universal,gr=o.connect((e=>({stateLanguage:Rn.configuration.getConfiguration(e).global.language,interactionTheme:Rn.themes.getInteractionTheme(e),configuration:Rn.configuration.getConfiguration(e)})),(e=>({dispatchToggleConfigurationSpaceTransformMultimode:t=>e(On.configuration.toggleConfigurationSpaceTransformMultimode(t)),dispatchSetConfigurationSpaceTransformTouch:t=>e(On.configuration.setConfigurationSpaceTransformTouch(t)),dispatchSetConfigurationSpaceTransformLocks:t=>e(On.configuration.setConfigurationSpaceTransformLocks(t))})),null,{context:Tn})((e=>{const{stateLanguage:n,interactionTheme:r,configuration:o,dispatchToggleConfigurationSpaceTransformMultimode:i,dispatchSetConfigurationSpaceTransformTouch:l,dispatchSetConfigurationSpaceTransformLocks:s}=e,{transformMultimode:c,transformLocks:u,transformTouch:d}=o.space;return x.default.createElement(x.default.Fragment,null,x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerTransformMultiModeTransform)),x.default.createElement(mr,{theme:r,checked:c,atChange:()=>i(!c),exclusive:!0,level:2})),x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerTransformAllowRotationX)),x.default.createElement(mr,{theme:r,checked:u.rotationX,atChange:()=>s("rotationX"),exclusive:!0,level:2})),x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerTransformAllowRotationY)),x.default.createElement(mr,{theme:r,checked:u.rotationY,atChange:()=>s("rotationY"),exclusive:!0,level:2})),x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerTransformAllowTranslationX)),x.default.createElement(mr,{theme:r,checked:u.translationX,atChange:()=>s("translationX"),exclusive:!0,level:2})),x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerTransformAllowTranslationY)),x.default.createElement(mr,{theme:r,checked:u.translationY,atChange:()=>s("translationY"),exclusive:!0,level:2})),x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerTransformAllowTranslationZ)),x.default.createElement(mr,{theme:r,checked:u.translationZ,atChange:()=>s("translationZ"),exclusive:!0,level:2})),x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerTransformAllowScale)),x.default.createElement(mr,{theme:r,checked:u.scale,atChange:()=>s("scale"),exclusive:!0,level:2})),x.default.createElement(ur,{last:!0},x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerTransformTouchTransform),": ",d===t.TRANSFORM_TOUCHES.PAN?"pan":"swipe"),x.default.createElement(mr,{theme:r,checked:d===t.TRANSFORM_TOUCHES.PAN,atChange:()=>d===t.TRANSFORM_TOUCHES.PAN?l(t.TRANSFORM_TOUCHES.SWIPE):l(t.TRANSFORM_TOUCHES.PAN),level:2})))})),{inputs:{Dropdown:Tr,Switch:Er,Slider:hr}}=d.universal,Or=o.connect((e=>({interactionTheme:Rn.themes.getInteractionTheme(e),configuration:Rn.configuration.getConfiguration(e)})),(e=>({dispatchSetConfigurationPlaneOpacity:t=>e(On.configuration.setConfigurationPlaneOpacity(t)),dispatchToggleConfigurationSpaceTransparentUI:()=>e(On.configuration.toggleConfigurationSpaceTransparentUI()),dispatchToggleConfigurationSpaceShowTransformOrigin:()=>e(On.configuration.toggleConfigurationSpaceShowTransformOrigin()),dispatchSetConfigurationSpaceTransformOriginSize:t=>e(On.configuration.setConfigurationSpaceTransformOriginSize(t)),dispatchSetConfigurationSpaceLayoutType:t=>e(On.configuration.setConfigurationSpaceLayoutType(t))})),null,{context:Tn})((e=>{const{interactionTheme:n,configuration:r,dispatchSetConfigurationPlaneOpacity:o,dispatchToggleConfigurationSpaceTransparentUI:i,dispatchToggleConfigurationSpaceShowTransformOrigin:l,dispatchSetConfigurationSpaceTransformOriginSize:s,dispatchSetConfigurationSpaceLayoutType:c}=e,{global:u,space:d,elements:p}=r,{transparentUI:f,language:m}=u,{layout:g,transformOrigin:T}=d,E=t.layoutNames[g.type],{show:h,size:O}=T,_=p.plane.opacity;return x.default.createElement(x.default.Fragment,null,x.default.createElement(ur,null,a.internatiolate(m,t.internationalization.fields.toolbarDrawerSpaceTransparentUserInterface),x.default.createElement(Er,{checked:f,atChange:()=>i(),exclusive:!0,level:2,theme:n})),x.default.createElement(ur,null,a.internatiolate(m,t.internationalization.fields.toolbarDrawerSpaceShowTransformOrigin),x.default.createElement(Er,{checked:h,atChange:()=>l(),exclusive:!0,level:2,theme:n})),x.default.createElement(ur,null,a.internatiolate(m,t.internationalization.fields.toolbarDrawerSpaceTransformOriginSize),x.default.createElement(Tr,{selectables:["small","normal","large"],selected:O.toLowerCase(),atSelect:e=>{const a=e.toUpperCase();a!==t.SIZES.SMALL&&a!==t.SIZES.NORMAL&&a!==t.SIZES.LARGE||s(a)},heightItems:3,theme:n})),x.default.createElement(ur,null,a.internatiolate(m,t.internationalization.fields.toolbarDrawerSpacePlaneOpacity),x.default.createElement(hr,{value:_,max:1,min:0,step:.1,defaultValue:100,atChange:e=>o(e),thumbSize:"large",level:2,theme:n})),x.default.createElement(ur,{last:!0},a.internatiolate(m,t.internationalization.fields.toolbarDrawerSpaceLayoutType),x.default.createElement(Tr,{selectables:[...Object.values(t.layoutNames)],selected:E,atSelect:e=>{const t=e.toUpperCase().replace(/\s/g,"_");c(t)},heightItems:3,theme:n,width:100})))})),{inputs:{Switch:_r}}=d.universal,Sr=o.connect((e=>({stateLanguage:Rn.configuration.getConfiguration(e).global.language,interactionTheme:Rn.themes.getInteractionTheme(e),configuration:Rn.configuration.getConfiguration(e),viewSize:Rn.space.getViewSize(e)})),(e=>({dispatchToggleConfigurationToolbarConceal:()=>e(On.configuration.toggleConfigurationToolbarConceal()),dispatchToggleConfigurationToolbarTransformIcons:()=>e(On.configuration.toggleConfigurationToolbarTransformIcons()),dispatchToggleConfigurationToolbarTransformButtons:()=>e(On.configuration.toggleConfigurationToolbarTransformButtons()),dispatchToggleConfigurationToolbarOpaque:()=>e(On.configuration.toggleConfigurationToolbarOpaque())})),null,{context:Tn})((e=>{const{stateLanguage:n,interactionTheme:o,configuration:i,viewSize:l,dispatchToggleConfigurationToolbarConceal:s,dispatchToggleConfigurationToolbarTransformIcons:c,dispatchToggleConfigurationToolbarTransformButtons:u,dispatchToggleConfigurationToolbarOpaque:d}=e,{toolbar:p}=i.elements,{conceal:f,opaque:m,transformIcons:g,transformButtons:T}=p,[E,h]=r.useState(!1);return r.useEffect((()=>{l.width<800?h(!0):h(!1)}),[l.width]),x.default.createElement(x.default.Fragment,null,x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerToolbarAlwaysOpaque)),x.default.createElement(_r,{theme:o,checked:m,atChange:()=>d(),exclusive:!0,level:2})),x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerToolbarShowTransformIcons)),x.default.createElement(_r,{theme:o,checked:g,atChange:()=>c(),exclusive:!0,level:2})),!E&&x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerToolbarShowTransformArrows)),x.default.createElement(_r,{theme:o,checked:T,atChange:()=>u(),exclusive:!0,level:2})),x.default.createElement(ur,{last:!0},x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerToolbarConcealToolbar)),x.default.createElement(_r,{theme:o,checked:f,atChange:()=>s(),exclusive:!0,level:2})))})),{inputs:{Switch:Rr}}=d.universal,br=o.connect((e=>({stateLanguage:Rn.configuration.getConfiguration(e).global.language,interactionTheme:Rn.themes.getInteractionTheme(e),configuration:Rn.configuration.getConfiguration(e)})),(e=>({dispatchToggleConfigurationViewcubeHide:t=>e(On.configuration.toggleConfigurationViewcubeHide(t)),dispatchToggleConfigurationViewcubeButtons:t=>e(On.configuration.toggleConfigurationViewcubeButtons(t)),dispatchToggleConfigurationViewcubeOpaque:t=>e(On.configuration.toggleConfigurationViewcubeOpaque(t)),dispatchToggleConfigurationViewcubeConceal:()=>e(On.configuration.toggleConfigurationViewcubeConceal())})),null,{context:Tn})((e=>{const{stateLanguage:n,interactionTheme:r,configuration:o,dispatchToggleConfigurationViewcubeHide:i,dispatchToggleConfigurationViewcubeButtons:l,dispatchToggleConfigurationViewcubeOpaque:s,dispatchToggleConfigurationViewcubeConceal:c}=e,{viewcube:u}=o.elements,{show:d,buttons:p,opaque:f,conceal:m}=u;return x.default.createElement(x.default.Fragment,null,x.default.createElement(ur,{last:!d},x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerViewcubeShowViewcube)),x.default.createElement(Rr,{theme:r,checked:d,atChange:()=>i(!d),exclusive:!0,level:2})),d&&x.default.createElement(x.default.Fragment,null,x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerViewcubeShowTransformButtons)),x.default.createElement(Rr,{theme:r,checked:p,atChange:()=>l(!p),exclusive:!0,level:2})),x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerViewcubeAlwaysOpaque)),x.default.createElement(Rr,{theme:r,checked:f,atChange:()=>s(!f),exclusive:!0,level:2})),x.default.createElement(ur,{last:!0},x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerViewcubeConcealViewcube)),x.default.createElement(Rr,{theme:r,checked:m,atChange:()=>c(),exclusive:!0,level:2}))))})),{inputs:{Slider:Ar}}=d.universal,Cr=o.connect((e=>({stateLanguage:Rn.configuration.getConfiguration(e).global.language,stateConfiguration:Rn.configuration.getConfiguration(e),stateInteractionTheme:Rn.themes.getInteractionTheme(e)})),(e=>({dispatchSetConfigurationSpaceCullingDistance:t=>e(On.configuration.setConfigurationSpaceCullingDistance(t))})),null,{context:Tn})((e=>{const{stateLanguage:n,stateConfiguration:o,stateInteractionTheme:i,dispatchSetConfigurationSpaceCullingDistance:l}=e,{cullingDistance:s}=o.space,[c,u]=r.useState(s),d=f.useDebouncedCallback((e=>{l(e)}),300);return x.default.createElement(x.default.Fragment,null,x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerTechnicalCullingDistance)),x.default.createElement(Ar,{theme:i,value:c,atChange:e=>{u(e),d(e)},min:1e3,max:5e3,defaultValue:1500})))})),Ir=o.connect((e=>({interactionTheme:Rn.themes.getInteractionTheme(e),configuration:Rn.configuration.getConfiguration(e)})),(e=>({})),null,{context:Tn})((e=>{const{interactionTheme:n,configuration:r}=e,{global:o}=r,{language:i}=o;return x.default.createElement(x.default.Fragment,null,t.defaultShortcuts.map(((e,r)=>{const{type:o}=e,l=t.shortcutsNames[o],{name:s,internationalizedKey:c,key:u,modifier:d}=l,p=Array.isArray(d)?d.reduce(((e,t)=>e+" + "+t))+" +":"string"==typeof d?d+" +":"",f=a.internatiolate(i,s),m=u,g=c?a.internatiolate(i,m):u;return x.default.createElement(ur,{key:s,theme:n,afterline:"TURN_DOWN"===o||"TOGGLE_ROTATE"===o||"TOGGLE_TRANSLATE"===o,last:r===t.defaultShortcuts.length-1},x.default.createElement("div",null,f),x.default.createElement("div",null,p," ",g))})))})),vr={GLOBAL:{name:t.internationalization.fields.toolbarDrawerGlobalTitle,drawer:t.TOOLBAR_DRAWERS.GLOBAL,component:x.default.createElement(fr,null)},TRANSFORM:{name:t.internationalization.fields.toolbarDrawerTransformTitle,drawer:t.TOOLBAR_DRAWERS.TRANSFORM,component:x.default.createElement(gr,null)},SPACE:{name:t.internationalization.fields.toolbarDrawerSpaceTitle,drawer:t.TOOLBAR_DRAWERS.SPACE,component:x.default.createElement(Or,null)},TOOLBAR:{name:t.internationalization.fields.toolbarDrawerToolbarTitle,drawer:t.TOOLBAR_DRAWERS.TOOLBAR,component:x.default.createElement(Sr,null)},VIEWCUBE:{name:t.internationalization.fields.toolbarDrawerViewcubeTitle,drawer:t.TOOLBAR_DRAWERS.VIEWCUBE,component:x.default.createElement(br,null)},TECHNICAL:{name:t.internationalization.fields.toolbarDrawerTechnicalTitle,drawer:t.TOOLBAR_DRAWERS.TECHNICAL,component:x.default.createElement(Cr,null)},SHORTCUTS:{name:t.internationalization.fields.toolbarDrawerShortcutsTitle,drawer:t.TOOLBAR_DRAWERS.SHORTCUTS,component:x.default.createElement(Ir,null)}},Pr=Object.values(vr),Lr=o.connect((e=>({stateLanguage:Rn.configuration.getConfiguration(e).global.language,stateInteractionTheme:Rn.themes.getInteractionTheme(e),stateConfiguration:Rn.configuration.getConfiguration(e),stateToolbarMenuScrollPosition:Rn.ui.getToolbarScrollPosition(e)})),(e=>({dispatchToggleConfigurationToolbarToggleDrawer:t=>e(On.configuration.toggleConfigurationToolbarToggleDrawer(t)),dispatchSetUIToolbarScrollPosition:t=>e(On.ui.setUIToolbarScrollPosition(t))})),null,{context:Tn})((e=>{const{stateLanguage:t,stateInteractionTheme:n,stateConfiguration:o,stateToolbarMenuScrollPosition:i,dispatchToggleConfigurationToolbarToggleDrawer:l,dispatchSetUIToolbarScrollPosition:s}=e,{global:c,elements:u}=o,{transparentUI:d}=c,{toolbar:p}=u,{drawers:m,toggledDrawers:g}=p,T=(e=>{if(0===e.length||e.includes("ALL"))return Pr;const t=[];for(const a of e){const e=vr[a];t.push(e)}return t})(m),E=r.useRef(null),h=f.useDebouncedCallback((e=>{if(E.current){const e=E.current.scrollTop;s(e)}}),100);return r.useEffect((()=>(E.current&&E.current.addEventListener("wheel",h),()=>{E.current&&E.current.removeEventListener("wheel",h)})),[E.current]),r.useEffect((()=>{E.current&&(E.current.scrollTop=i)}),[i,E.current]),x.default.createElement(cr,{theme:n,transparentUI:d},x.default.createElement(dr,{ref:E},T.map((e=>{const{name:n,drawer:r,component:o}=e,i=a.internatiolate(t,n);return x.default.createElement(sr,{key:n,heading:i,items:x.default.createElement(x.default.Fragment,null,o),toggled:g.includes("ALL")||g.includes(r),toggle:()=>l(r)})}))))})),Ur=k.default.div`
+`,{inputs:{Dropdown:pr}}=d.universal,fr=o.connect((e=>({stateLanguage:Rn.configuration.getConfiguration(e).global.language,interactionTheme:Rn.themes.getInteractionTheme(e),configuration:Rn.configuration.getConfiguration(e)})),(e=>({dispatchSetConfigurationThemeGeneralAction:t=>e(On.configuration.setConfigurationThemeGeneralAction(t)),dispatchSetConfigurationThemeInteractionAction:t=>e(On.configuration.setConfigurationThemeInteractionAction(t)),dispatchSetConfigurationLanguage:t=>e(On.configuration.setConfigurationLanguageAction(t)),dispatchSetGeneralTheme:t=>e(On.themes.setGeneralTheme(t)),dispatchSetInteractionTheme:t=>e(On.themes.setInteractionTheme(t))})),null,{context:Tn})((e=>{const{stateLanguage:n,interactionTheme:o,configuration:i,dispatchSetGeneralTheme:l,dispatchSetInteractionTheme:s,dispatchSetConfigurationThemeGeneralAction:c,dispatchSetConfigurationThemeInteractionAction:u,dispatchSetConfigurationLanguage:d}=e,p=i.global.theme,[f,m]=r.useState("object"==typeof p?p.general:p),[g,T]=r.useState("object"==typeof p?p.interaction:p);return r.useEffect((()=>{"object"==typeof p?(m(p.general),T(p.interaction)):(m(p),T(p))}),[p]),x.default.createElement(x.default.Fragment,null,x.default.createElement(ur,null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerGlobalGeneralTheme),x.default.createElement(pr,{selectables:Object.keys(j.default),selected:"string"==typeof f?f:"",atSelect:e=>(e=>{l(j.default[e]),c(e)})(e),theme:o,filterable:!0,heightItems:3,width:90,style:{fontSize:"0.8rem"}})),x.default.createElement(ur,null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerGlobalInteractionTheme),x.default.createElement(pr,{selectables:Object.keys(j.default),selected:"string"==typeof g?g:"",atSelect:e=>(e=>{s(j.default[e]),u(e)})(e),theme:o,heightItems:3,filterable:!0,width:90,style:{fontSize:"0.8rem"}})),x.default.createElement(ur,{last:!0},a.internatiolate(n,t.internationalization.fields.toolbarDrawerGlobalLanguage),x.default.createElement(pr,{selectables:t.internationalization.languages,selected:n,atSelect:e=>{d(e)},theme:o,heightItems:3,width:90,style:{fontSize:"0.8rem"}})))})),{inputs:{Switch:mr}}=d.universal,gr=o.connect((e=>({stateLanguage:Rn.configuration.getConfiguration(e).global.language,interactionTheme:Rn.themes.getInteractionTheme(e),configuration:Rn.configuration.getConfiguration(e)})),(e=>({dispatchToggleConfigurationSpaceTransformMultimode:t=>e(On.configuration.toggleConfigurationSpaceTransformMultimode(t)),dispatchSetConfigurationSpaceTransformTouch:t=>e(On.configuration.setConfigurationSpaceTransformTouch(t)),dispatchSetConfigurationSpaceTransformLocks:t=>e(On.configuration.setConfigurationSpaceTransformLocks(t))})),null,{context:Tn})((e=>{const{stateLanguage:n,interactionTheme:r,configuration:o,dispatchToggleConfigurationSpaceTransformMultimode:i,dispatchSetConfigurationSpaceTransformTouch:l,dispatchSetConfigurationSpaceTransformLocks:s}=e,{transformMultimode:c,transformLocks:u,transformTouch:d}=o.space;return x.default.createElement(x.default.Fragment,null,x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerTransformMultiModeTransform)),x.default.createElement(mr,{theme:r,checked:c,atChange:()=>i(!c),exclusive:!0,level:2})),x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerTransformAllowRotationX)),x.default.createElement(mr,{theme:r,checked:u.rotationX,atChange:()=>s("rotationX"),exclusive:!0,level:2})),x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerTransformAllowRotationY)),x.default.createElement(mr,{theme:r,checked:u.rotationY,atChange:()=>s("rotationY"),exclusive:!0,level:2})),x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerTransformAllowTranslationX)),x.default.createElement(mr,{theme:r,checked:u.translationX,atChange:()=>s("translationX"),exclusive:!0,level:2})),x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerTransformAllowTranslationY)),x.default.createElement(mr,{theme:r,checked:u.translationY,atChange:()=>s("translationY"),exclusive:!0,level:2})),x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerTransformAllowTranslationZ)),x.default.createElement(mr,{theme:r,checked:u.translationZ,atChange:()=>s("translationZ"),exclusive:!0,level:2})),x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerTransformAllowScale)),x.default.createElement(mr,{theme:r,checked:u.scale,atChange:()=>s("scale"),exclusive:!0,level:2})),x.default.createElement(ur,{last:!0},x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerTransformTouchTransform),": ",d===t.TRANSFORM_TOUCHES.PAN?"pan":"swipe"),x.default.createElement(mr,{theme:r,checked:d===t.TRANSFORM_TOUCHES.PAN,atChange:()=>d===t.TRANSFORM_TOUCHES.PAN?l(t.TRANSFORM_TOUCHES.SWIPE):l(t.TRANSFORM_TOUCHES.PAN),level:2})))})),{inputs:{Dropdown:Tr,Switch:hr,Slider:Er}}=d.universal,Or=o.connect((e=>({interactionTheme:Rn.themes.getInteractionTheme(e),configuration:Rn.configuration.getConfiguration(e)})),(e=>({dispatchSetConfigurationPlaneOpacity:t=>e(On.configuration.setConfigurationPlaneOpacity(t)),dispatchToggleConfigurationSpaceTransparentUI:()=>e(On.configuration.toggleConfigurationSpaceTransparentUI()),dispatchToggleConfigurationSpaceShowTransformOrigin:()=>e(On.configuration.toggleConfigurationSpaceShowTransformOrigin()),dispatchSetConfigurationSpaceTransformOriginSize:t=>e(On.configuration.setConfigurationSpaceTransformOriginSize(t)),dispatchSetConfigurationSpaceLayoutType:t=>e(On.configuration.setConfigurationSpaceLayoutType(t))})),null,{context:Tn})((e=>{const{interactionTheme:n,configuration:r,dispatchSetConfigurationPlaneOpacity:o,dispatchToggleConfigurationSpaceTransparentUI:i,dispatchToggleConfigurationSpaceShowTransformOrigin:l,dispatchSetConfigurationSpaceTransformOriginSize:s,dispatchSetConfigurationSpaceLayoutType:c}=e,{global:u,space:d,elements:p}=r,{transparentUI:f,language:m}=u,{layout:g,transformOrigin:T}=d,h=t.layoutNames[g.type],{show:E,size:O}=T,_=p.plane.opacity;return x.default.createElement(x.default.Fragment,null,x.default.createElement(ur,null,a.internatiolate(m,t.internationalization.fields.toolbarDrawerSpaceTransparentUserInterface),x.default.createElement(hr,{checked:f,atChange:()=>i(),exclusive:!0,level:2,theme:n})),x.default.createElement(ur,null,a.internatiolate(m,t.internationalization.fields.toolbarDrawerSpaceShowTransformOrigin),x.default.createElement(hr,{checked:E,atChange:()=>l(),exclusive:!0,level:2,theme:n})),x.default.createElement(ur,null,a.internatiolate(m,t.internationalization.fields.toolbarDrawerSpaceTransformOriginSize),x.default.createElement(Tr,{selectables:["small","normal","large"],selected:O.toLowerCase(),atSelect:e=>{const a=e.toUpperCase();a!==t.SIZES.SMALL&&a!==t.SIZES.NORMAL&&a!==t.SIZES.LARGE||s(a)},heightItems:3,theme:n})),x.default.createElement(ur,null,a.internatiolate(m,t.internationalization.fields.toolbarDrawerSpacePlaneOpacity),x.default.createElement(Er,{value:_,max:1,min:0,step:.1,defaultValue:100,atChange:e=>o(e),thumbSize:"large",level:2,theme:n})),x.default.createElement(ur,{last:!0},a.internatiolate(m,t.internationalization.fields.toolbarDrawerSpaceLayoutType),x.default.createElement(Tr,{selectables:[...Object.values(t.layoutNames)],selected:h,atSelect:e=>{const t=e.toUpperCase().replace(/\s/g,"_");c(t)},heightItems:3,theme:n,width:100})))})),{inputs:{Switch:_r}}=d.universal,Sr=o.connect((e=>({stateLanguage:Rn.configuration.getConfiguration(e).global.language,interactionTheme:Rn.themes.getInteractionTheme(e),configuration:Rn.configuration.getConfiguration(e),viewSize:Rn.space.getViewSize(e)})),(e=>({dispatchToggleConfigurationToolbarConceal:()=>e(On.configuration.toggleConfigurationToolbarConceal()),dispatchToggleConfigurationToolbarTransformIcons:()=>e(On.configuration.toggleConfigurationToolbarTransformIcons()),dispatchToggleConfigurationToolbarTransformButtons:()=>e(On.configuration.toggleConfigurationToolbarTransformButtons()),dispatchToggleConfigurationToolbarOpaque:()=>e(On.configuration.toggleConfigurationToolbarOpaque())})),null,{context:Tn})((e=>{const{stateLanguage:n,interactionTheme:o,configuration:i,viewSize:l,dispatchToggleConfigurationToolbarConceal:s,dispatchToggleConfigurationToolbarTransformIcons:c,dispatchToggleConfigurationToolbarTransformButtons:u,dispatchToggleConfigurationToolbarOpaque:d}=e,{toolbar:p}=i.elements,{conceal:f,opaque:m,transformIcons:g,transformButtons:T}=p,[h,E]=r.useState(!1);return r.useEffect((()=>{l.width<800?E(!0):E(!1)}),[l.width]),x.default.createElement(x.default.Fragment,null,x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerToolbarAlwaysOpaque)),x.default.createElement(_r,{theme:o,checked:m,atChange:()=>d(),exclusive:!0,level:2})),x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerToolbarShowTransformIcons)),x.default.createElement(_r,{theme:o,checked:g,atChange:()=>c(),exclusive:!0,level:2})),!h&&x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerToolbarShowTransformArrows)),x.default.createElement(_r,{theme:o,checked:T,atChange:()=>u(),exclusive:!0,level:2})),x.default.createElement(ur,{last:!0},x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerToolbarConcealToolbar)),x.default.createElement(_r,{theme:o,checked:f,atChange:()=>s(),exclusive:!0,level:2})))})),{inputs:{Switch:Rr}}=d.universal,br=o.connect((e=>({stateLanguage:Rn.configuration.getConfiguration(e).global.language,interactionTheme:Rn.themes.getInteractionTheme(e),configuration:Rn.configuration.getConfiguration(e)})),(e=>({dispatchToggleConfigurationViewcubeHide:t=>e(On.configuration.toggleConfigurationViewcubeHide(t)),dispatchToggleConfigurationViewcubeButtons:t=>e(On.configuration.toggleConfigurationViewcubeButtons(t)),dispatchToggleConfigurationViewcubeOpaque:t=>e(On.configuration.toggleConfigurationViewcubeOpaque(t)),dispatchToggleConfigurationViewcubeConceal:()=>e(On.configuration.toggleConfigurationViewcubeConceal())})),null,{context:Tn})((e=>{const{stateLanguage:n,interactionTheme:r,configuration:o,dispatchToggleConfigurationViewcubeHide:i,dispatchToggleConfigurationViewcubeButtons:l,dispatchToggleConfigurationViewcubeOpaque:s,dispatchToggleConfigurationViewcubeConceal:c}=e,{viewcube:u}=o.elements,{show:d,buttons:p,opaque:f,conceal:m}=u;return x.default.createElement(x.default.Fragment,null,x.default.createElement(ur,{last:!d},x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerViewcubeShowViewcube)),x.default.createElement(Rr,{theme:r,checked:d,atChange:()=>i(!d),exclusive:!0,level:2})),d&&x.default.createElement(x.default.Fragment,null,x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerViewcubeShowTransformButtons)),x.default.createElement(Rr,{theme:r,checked:p,atChange:()=>l(!p),exclusive:!0,level:2})),x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerViewcubeAlwaysOpaque)),x.default.createElement(Rr,{theme:r,checked:f,atChange:()=>s(!f),exclusive:!0,level:2})),x.default.createElement(ur,{last:!0},x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerViewcubeConcealViewcube)),x.default.createElement(Rr,{theme:r,checked:m,atChange:()=>c(),exclusive:!0,level:2}))))})),{inputs:{Slider:Ar}}=d.universal,Cr=o.connect((e=>({stateLanguage:Rn.configuration.getConfiguration(e).global.language,stateConfiguration:Rn.configuration.getConfiguration(e),stateInteractionTheme:Rn.themes.getInteractionTheme(e)})),(e=>({dispatchSetConfigurationSpaceCullingDistance:t=>e(On.configuration.setConfigurationSpaceCullingDistance(t))})),null,{context:Tn})((e=>{const{stateLanguage:n,stateConfiguration:o,stateInteractionTheme:i,dispatchSetConfigurationSpaceCullingDistance:l}=e,{cullingDistance:s}=o.space,[c,u]=r.useState(s),d=f.useDebouncedCallback((e=>{l(e)}),300);return x.default.createElement(x.default.Fragment,null,x.default.createElement(ur,null,x.default.createElement("div",null,a.internatiolate(n,t.internationalization.fields.toolbarDrawerTechnicalCullingDistance)),x.default.createElement(Ar,{theme:i,value:c,atChange:e=>{u(e),d(e)},min:1e3,max:5e3,defaultValue:1500})))})),Ir=o.connect((e=>({interactionTheme:Rn.themes.getInteractionTheme(e),configuration:Rn.configuration.getConfiguration(e)})),(e=>({})),null,{context:Tn})((e=>{const{interactionTheme:n,configuration:r}=e,{global:o}=r,{language:i}=o;return x.default.createElement(x.default.Fragment,null,t.defaultShortcuts.map(((e,r)=>{const{type:o}=e,l=t.shortcutsNames[o],{name:s,internationalizedKey:c,key:u,modifier:d}=l,p=Array.isArray(d)?d.reduce(((e,t)=>e+" + "+t))+" +":"string"==typeof d?d+" +":"",f=a.internatiolate(i,s),m=u,g=c?a.internatiolate(i,m):u;return x.default.createElement(ur,{key:s,theme:n,afterline:"TURN_DOWN"===o||"TOGGLE_ROTATE"===o||"TOGGLE_TRANSLATE"===o,last:r===t.defaultShortcuts.length-1},x.default.createElement("div",null,f),x.default.createElement("div",null,p," ",g))})))})),vr={GLOBAL:{name:t.internationalization.fields.toolbarDrawerGlobalTitle,drawer:t.TOOLBAR_DRAWERS.GLOBAL,component:x.default.createElement(fr,null)},TRANSFORM:{name:t.internationalization.fields.toolbarDrawerTransformTitle,drawer:t.TOOLBAR_DRAWERS.TRANSFORM,component:x.default.createElement(gr,null)},SPACE:{name:t.internationalization.fields.toolbarDrawerSpaceTitle,drawer:t.TOOLBAR_DRAWERS.SPACE,component:x.default.createElement(Or,null)},TOOLBAR:{name:t.internationalization.fields.toolbarDrawerToolbarTitle,drawer:t.TOOLBAR_DRAWERS.TOOLBAR,component:x.default.createElement(Sr,null)},VIEWCUBE:{name:t.internationalization.fields.toolbarDrawerViewcubeTitle,drawer:t.TOOLBAR_DRAWERS.VIEWCUBE,component:x.default.createElement(br,null)},TECHNICAL:{name:t.internationalization.fields.toolbarDrawerTechnicalTitle,drawer:t.TOOLBAR_DRAWERS.TECHNICAL,component:x.default.createElement(Cr,null)},SHORTCUTS:{name:t.internationalization.fields.toolbarDrawerShortcutsTitle,drawer:t.TOOLBAR_DRAWERS.SHORTCUTS,component:x.default.createElement(Ir,null)}},Pr=Object.values(vr),Lr=o.connect((e=>({stateLanguage:Rn.configuration.getConfiguration(e).global.language,stateInteractionTheme:Rn.themes.getInteractionTheme(e),stateConfiguration:Rn.configuration.getConfiguration(e),stateToolbarMenuScrollPosition:Rn.ui.getToolbarScrollPosition(e)})),(e=>({dispatchToggleConfigurationToolbarToggleDrawer:t=>e(On.configuration.toggleConfigurationToolbarToggleDrawer(t)),dispatchSetUIToolbarScrollPosition:t=>e(On.ui.setUIToolbarScrollPosition(t))})),null,{context:Tn})((e=>{const{stateLanguage:t,stateInteractionTheme:n,stateConfiguration:o,stateToolbarMenuScrollPosition:i,dispatchToggleConfigurationToolbarToggleDrawer:l,dispatchSetUIToolbarScrollPosition:s}=e,{global:c,elements:u}=o,{transparentUI:d}=c,{toolbar:p}=u,{drawers:m,toggledDrawers:g}=p,T=(e=>{if(0===e.length||e.includes("ALL"))return Pr;const t=[];for(const a of e){const e=vr[a];t.push(e)}return t})(m),h=r.useRef(null),E=f.useDebouncedCallback((e=>{if(h.current){const e=h.current.scrollTop;s(e)}}),100);return r.useEffect((()=>(h.current&&h.current.addEventListener("wheel",E),()=>{h.current&&h.current.removeEventListener("wheel",E)})),[h.current]),r.useEffect((()=>{h.current&&(h.current.scrollTop=i)}),[i,h.current]),x.default.createElement(cr,{theme:n,transparentUI:d},x.default.createElement(dr,{ref:h},T.map((e=>{const{name:n,drawer:r,component:o}=e,i=a.internatiolate(t,n);return x.default.createElement(sr,{key:n,heading:i,items:x.default.createElement(x.default.Fragment,null,o),toggled:g.includes("ALL")||g.includes(r),toggle:()=>l(r)})}))))})),Ur=k.default.div`
     display: grid;
     align-items: center;
     justify-items: center;
@@ -352,7 +352,7 @@
     :hover {
         background-color: ${e=>e.theme.backgroundColorTertiary};
     }
-`,wr=o.connect((e=>({interactionTheme:Rn.themes.getInteractionTheme(e)})),(e=>({})),null,{context:Tn})((e=>{const{direction:t,transform:a,interactionTheme:n}=e;r.useRef(null);const o=r.useRef(null),[i,l]=r.useState(""),[s,c]=r.useState(!1);return r.useEffect((()=>{switch(t){case"left":l("◀");break;case"right":l("▶");break;case"up":l("▲");break;case"down":l("▼")}}),[t]),r.useEffect((()=>{if("undefined"==typeof window)return;let e;const t=()=>En(void 0,void 0,void 0,(function*(){const a=(yield Sn()).default;e=new a(o.current),e.on("tap press pressup",t)}));return t(),()=>{e&&e.off("tap press pressup",t)}}),[o.current]),x.default.createElement(yr,{ref:o,theme:n,pressed:s},i)})),Nr=o.connect((e=>({stateLanguage:Rn.configuration.getConfiguration(e).global.language,interactionTheme:Rn.themes.getInteractionTheme(e)})),(e=>({rotateUp:()=>e(On.space.rotateUp()),rotateDown:()=>e(On.space.rotateDown()),rotateLeft:()=>e(On.space.rotateLeft()),rotateRight:()=>e(On.space.rotateRight())})),null,{context:Tn})((e=>{const{showTransformButtons:n,showIcons:r,transformMode:o,toggleTransform:i,stateLanguage:l,interactionTheme:s,rotateUp:c,rotateDown:u,rotateLeft:d,rotateRight:f}=e;return x.default.createElement(Ur,{showTransformButtons:n},n&&x.default.createElement(x.default.Fragment,null,x.default.createElement(wr,{direction:"left",transform:()=>f()}),x.default.createElement(wr,{direction:"up",transform:()=>c()})),x.default.createElement(Jn,{theme:s,onClick:()=>i(t.TRANSFORM_MODES.ROTATION),active:o===t.TRANSFORM_MODES.ROTATION,showIcons:r,showTransformButtons:n,button:r},r?x.default.createElement(er,null,x.default.createElement(p.PluridIconRotate,null)):x.default.createElement(x.default.Fragment,null,a.internatiolate(l,t.internationalization.fields.toolbarTransformRotate))),n&&x.default.createElement(x.default.Fragment,null,x.default.createElement(wr,{direction:"down",transform:()=>u()}),x.default.createElement(wr,{direction:"right",transform:()=>d()})))})),Dr=k.default.div`
+`,wr=o.connect((e=>({interactionTheme:Rn.themes.getInteractionTheme(e)})),(e=>({})),null,{context:Tn})((e=>{const{direction:t,transform:a,interactionTheme:n}=e;r.useRef(null);const o=r.useRef(null),[i,l]=r.useState(""),[s,c]=r.useState(!1);return r.useEffect((()=>{switch(t){case"left":l("◀");break;case"right":l("▶");break;case"up":l("▲");break;case"down":l("▼")}}),[t]),r.useEffect((()=>{if("undefined"==typeof window)return;let e;const t=()=>hn(void 0,void 0,void 0,(function*(){const a=(yield Sn()).default;e=new a(o.current),e.on("tap press pressup",t)}));return t(),()=>{e&&e.off("tap press pressup",t)}}),[o.current]),x.default.createElement(yr,{ref:o,theme:n,pressed:s},i)})),Nr=o.connect((e=>({stateLanguage:Rn.configuration.getConfiguration(e).global.language,interactionTheme:Rn.themes.getInteractionTheme(e)})),(e=>({rotateUp:()=>e(On.space.rotateUp()),rotateDown:()=>e(On.space.rotateDown()),rotateLeft:()=>e(On.space.rotateLeft()),rotateRight:()=>e(On.space.rotateRight())})),null,{context:Tn})((e=>{const{showTransformButtons:n,showIcons:r,transformMode:o,toggleTransform:i,stateLanguage:l,interactionTheme:s,rotateUp:c,rotateDown:u,rotateLeft:d,rotateRight:f}=e;return x.default.createElement(Ur,{showTransformButtons:n},n&&x.default.createElement(x.default.Fragment,null,x.default.createElement(wr,{direction:"left",transform:()=>f()}),x.default.createElement(wr,{direction:"up",transform:()=>c()})),x.default.createElement(Jn,{theme:s,onClick:()=>i(t.TRANSFORM_MODES.ROTATION),active:o===t.TRANSFORM_MODES.ROTATION,showIcons:r,showTransformButtons:n,button:r},r?x.default.createElement(er,null,x.default.createElement(p.PluridIconRotate,null)):x.default.createElement(x.default.Fragment,null,a.internatiolate(l,t.internationalization.fields.toolbarTransformRotate))),n&&x.default.createElement(x.default.Fragment,null,x.default.createElement(wr,{direction:"down",transform:()=>u()}),x.default.createElement(wr,{direction:"right",transform:()=>d()})))})),Dr=k.default.div`
     display: grid;
     align-items: center;
     justify-items: center;
@@ -362,7 +362,7 @@
     align-items: center;
     justify-items: center;
     grid-template-columns: ${e=>e.showTransformButtons?"30px 30px 60px 30px 30px":"1fr"};
-`,Fr=o.connect((e=>({stateLanguage:Rn.configuration.getConfiguration(e).global.language,interactionTheme:Rn.themes.getInteractionTheme(e)})),(e=>({translateUp:()=>e(On.space.translateUp()),translateDown:()=>e(On.space.translateDown()),translateLeft:()=>e(On.space.translateLeft()),translateRight:()=>e(On.space.translateRight())})),null,{context:Tn})((e=>{const{showTransformButtons:n,showIcons:r,transformMode:o,toggleTransform:i,stateLanguage:l,interactionTheme:s,translateUp:c,translateDown:u,translateLeft:d,translateRight:f}=e;return x.default.createElement(xr,{showTransformButtons:n},n&&x.default.createElement(x.default.Fragment,null,x.default.createElement(wr,{direction:"left",transform:()=>d()}),x.default.createElement(wr,{direction:"up",transform:()=>c()})),x.default.createElement(Jn,{theme:s,onClick:()=>i(t.TRANSFORM_MODES.TRANSLATION),active:o===t.TRANSFORM_MODES.TRANSLATION,showIcons:r,showTransformButtons:n,button:r},r?x.default.createElement(er,null,x.default.createElement(p.PluridIconTranslate,null)):x.default.createElement(x.default.Fragment,null,a.internatiolate(l,t.internationalization.fields.toolbarTransformTranslate))),n&&x.default.createElement(x.default.Fragment,null,x.default.createElement(wr,{direction:"down",transform:()=>u()}),x.default.createElement(wr,{direction:"right",transform:()=>f()})))})),jr=o.connect((e=>({configuration:Rn.configuration.getConfiguration(e),theme:Rn.themes.getInteractionTheme(e),viewSize:Rn.space.getViewSize(e)})),(e=>({dispatchToggleConfigurationSpaceFirstPerson:()=>e(On.configuration.toggleConfigurationSpaceFirstPerson()),dispatchSetConfigurationSpaceTransformMode:t=>e(On.configuration.setConfigurationSpaceTransformMode(t))})),null,{context:Tn})((e=>{const{theme:a,configuration:n,viewSize:o,dispatchToggleConfigurationSpaceFirstPerson:i,dispatchSetConfigurationSpaceTransformMode:l}=e,{global:s,elements:c,space:u}=n,{transparentUI:d}=s,{firstPerson:f,transformMode:m,fadeInTime:g}=u,{toolbar:T}=c,{conceal:E,opaque:h,transformIcons:O,transformButtons:_}=T,S=r.useRef(null),[R,b]=r.useState(!1),[A,C]=r.useState(Kn.NONE),[I,v]=r.useState(O),[P,L]=r.useState(_),[U,y]=r.useState(!1),w=e=>{A!==Kn.NONE&&C(Kn.NONE),l(e)};return r.useEffect((()=>{y(!0)}),[]),r.useEffect((()=>{o.width<800&&_&&L(!1),o.width>800&&L(_)}),[o.width]),r.useEffect((()=>{v(O),L(_)}),[O,_]),r.useEffect((()=>(R&&S.current&&clearTimeout(S.current),R||(S.current=setTimeout((()=>{C(Kn.NONE)}),400)),()=>{S.current&&clearTimeout(S.current)})),[R]),x.default.createElement(qn,{onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),mouseIn:R,conceal:E,showMenu:A,isMounted:U,fadeInTime:g,"data-plurid-entity":t.PLURID_ENTITY_TOOLBAR},x.default.createElement(Qn,{theme:a,showIcons:I,showTransformButtons:P,documentsBased:!1,mouseIn:R,opaque:h,transparentUI:d},x.default.createElement(Jn,{theme:a,onClick:()=>i(),active:f,button:!0,showIcons:I,showTransformButtons:P},x.default.createElement(er,null,x.default.createElement(p.PluridIconFirstPerson,null))),x.default.createElement(Nr,{showTransformButtons:P,showIcons:I,transformMode:m,toggleTransform:w}),x.default.createElement(Mr,{showTransformButtons:P,showIcons:I,transformMode:m,toggleTransform:w}),x.default.createElement(Fr,{showTransformButtons:P,showIcons:I,transformMode:m,toggleTransform:w}),x.default.createElement(Jn,{theme:a,onClick:()=>{return e=Kn.MORE,void(A===e?C(Kn.NONE):(l(t.TRANSFORM_MODES.ALL),C(e)));var e},active:A===Kn.MORE,button:!0,showIcons:I,showTransformButtons:P},x.default.createElement(er,null,x.default.createElement(p.PluridIconMore,null)))),A===Kn.UNIVERSES&&x.default.createElement(nr,null),A===Kn.MORE&&x.default.createElement(Lr,null))})),kr=k.default.div`
+`,Fr=o.connect((e=>({stateLanguage:Rn.configuration.getConfiguration(e).global.language,interactionTheme:Rn.themes.getInteractionTheme(e)})),(e=>({translateUp:()=>e(On.space.translateUp()),translateDown:()=>e(On.space.translateDown()),translateLeft:()=>e(On.space.translateLeft()),translateRight:()=>e(On.space.translateRight())})),null,{context:Tn})((e=>{const{showTransformButtons:n,showIcons:r,transformMode:o,toggleTransform:i,stateLanguage:l,interactionTheme:s,translateUp:c,translateDown:u,translateLeft:d,translateRight:f}=e;return x.default.createElement(xr,{showTransformButtons:n},n&&x.default.createElement(x.default.Fragment,null,x.default.createElement(wr,{direction:"left",transform:()=>d()}),x.default.createElement(wr,{direction:"up",transform:()=>c()})),x.default.createElement(Jn,{theme:s,onClick:()=>i(t.TRANSFORM_MODES.TRANSLATION),active:o===t.TRANSFORM_MODES.TRANSLATION,showIcons:r,showTransformButtons:n,button:r},r?x.default.createElement(er,null,x.default.createElement(p.PluridIconTranslate,null)):x.default.createElement(x.default.Fragment,null,a.internatiolate(l,t.internationalization.fields.toolbarTransformTranslate))),n&&x.default.createElement(x.default.Fragment,null,x.default.createElement(wr,{direction:"down",transform:()=>u()}),x.default.createElement(wr,{direction:"right",transform:()=>f()})))})),jr=o.connect((e=>({configuration:Rn.configuration.getConfiguration(e),theme:Rn.themes.getInteractionTheme(e),viewSize:Rn.space.getViewSize(e)})),(e=>({dispatchToggleConfigurationSpaceFirstPerson:()=>e(On.configuration.toggleConfigurationSpaceFirstPerson()),dispatchSetConfigurationSpaceTransformMode:t=>e(On.configuration.setConfigurationSpaceTransformMode(t))})),null,{context:Tn})((e=>{const{theme:a,configuration:n,viewSize:o,dispatchToggleConfigurationSpaceFirstPerson:i,dispatchSetConfigurationSpaceTransformMode:l}=e,{global:s,elements:c,space:u}=n,{transparentUI:d}=s,{firstPerson:f,transformMode:m,fadeInTime:g}=u,{toolbar:T}=c,{conceal:h,opaque:E,transformIcons:O,transformButtons:_}=T,S=r.useRef(null),[R,b]=r.useState(!1),[A,C]=r.useState(Kn.NONE),[I,v]=r.useState(O),[P,L]=r.useState(_),[U,y]=r.useState(!1),w=e=>{A!==Kn.NONE&&C(Kn.NONE),l(e)};return r.useEffect((()=>{y(!0)}),[]),r.useEffect((()=>{o.width<800&&_&&L(!1),o.width>800&&L(_)}),[o.width]),r.useEffect((()=>{v(O),L(_)}),[O,_]),r.useEffect((()=>(R&&S.current&&clearTimeout(S.current),R||(S.current=setTimeout((()=>{C(Kn.NONE)}),400)),()=>{S.current&&clearTimeout(S.current)})),[R]),x.default.createElement(qn,{onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),mouseIn:R,conceal:h,showMenu:A,isMounted:U,fadeInTime:g,"data-plurid-entity":t.PLURID_ENTITY_TOOLBAR},x.default.createElement(Qn,{theme:a,showIcons:I,showTransformButtons:P,documentsBased:!1,mouseIn:R,opaque:E,transparentUI:d},x.default.createElement(Jn,{theme:a,onClick:()=>i(),active:f,button:!0,showIcons:I,showTransformButtons:P},x.default.createElement(er,null,x.default.createElement(p.PluridIconFirstPerson,null))),x.default.createElement(Nr,{showTransformButtons:P,showIcons:I,transformMode:m,toggleTransform:w}),x.default.createElement(Mr,{showTransformButtons:P,showIcons:I,transformMode:m,toggleTransform:w}),x.default.createElement(Fr,{showTransformButtons:P,showIcons:I,transformMode:m,toggleTransform:w}),x.default.createElement(Jn,{theme:a,onClick:()=>{return e=Kn.MORE,void(A===e?C(Kn.NONE):(l(t.TRANSFORM_MODES.ALL),C(e)));var e},active:A===Kn.MORE,button:!0,showIcons:I,showTransformButtons:P},x.default.createElement(er,null,x.default.createElement(p.PluridIconMore,null)))),A===Kn.UNIVERSES&&x.default.createElement(nr,null),A===Kn.MORE&&x.default.createElement(Lr,null))})),kr=k.default.div`
     position: absolute;
     @media (max-width: 800px) {
         top: ${({conceal:e,mouseOver:t})=>e&&!t?"-90px":"0"};
@@ -456,7 +456,7 @@
     :hover {
         background-color: ${({theme:e})=>e.backgroundColorTertiary};
     }
-`,Xr="TopLeft",Wr="TopCenter",zr="TopRight",Hr="MiddleLeft",Zr="MiddleCenter",Kr="MiddleRight",qr="BottomLeft",Qr="BottomCenter",Jr="BottomRight",eo={frontTopLeft:"A1",frontTopCenter:"A2",frontTopRight:"A3",frontMiddleLeft:"B1",frontMiddleCenter:"B2",frontMiddleRight:"B3",frontBottomLeft:"C1",frontBottomCenter:"C2",frontBottomRight:"C3",rightTopLeft:"A3",rightTopCenter:"A4",rightTopRight:"A5",rightMiddleLeft:"B3",rightMiddleCenter:"B4",rightMiddleRight:"B5",rightBottomLeft:"C3",rightBottomCenter:"C4",rightBottomRight:"C5",backTopLeft:"A5",backTopCenter:"A6",backTopRight:"A7",backMiddleLeft:"B5",backMiddleCenter:"B6",backMiddleRight:"B7",backBottomLeft:"C5",backBottomCenter:"C6",backBottomRight:"C7",leftTopLeft:"A7",leftTopCenter:"A8",leftTopRight:"A1",leftMiddleLeft:"B7",leftMiddleCenter:"B8",leftMiddleRight:"B1",leftBottomLeft:"C7",leftBottomCenter:"C8",leftBottomRight:"C1",topTopLeft:"A7",topTopCenter:"A6",topTopRight:"A5",topMiddleLeft:"A8",topMiddleCenter:"D1",topMiddleRight:"A4",topBottomLeft:"A1",topBottomCenter:"A2",topBottomRight:"A3",baseTopLeft:"C1",baseTopCenter:"C2",baseTopRight:"C3",baseMiddleLeft:"C8",baseMiddleCenter:"E1",baseMiddleRight:"C4",baseBottomLeft:"C7",baseBottomCenter:"C6",baseBottomRight:"C5"},to={A1:{rotateX:-45,rotateY:45},A2:{rotateX:-45,rotateY:0},A3:{rotateX:-45,rotateY:-45},B1:{rotateX:0,rotateY:45},B2:{rotateX:0,rotateY:0},B3:{rotateX:0,rotateY:-45},C1:{rotateX:45,rotateY:45},C2:{rotateX:45,rotateY:0},C3:{rotateX:45,rotateY:-45},A4:{rotateX:-45,rotateY:270.1},A5:{rotateX:-45,rotateY:225},B4:{rotateX:0,rotateY:270.1},B5:{rotateX:0,rotateY:225},C4:{rotateX:45,rotateY:270.1},C5:{rotateX:45,rotateY:225},A6:{rotateX:-45,rotateY:180},A7:{rotateX:-45,rotateY:135},B6:{rotateX:0,rotateY:180.1},B7:{rotateX:0,rotateY:135},C6:{rotateX:45,rotateY:180.1},C7:{rotateX:45,rotateY:135},A8:{rotateX:-45,rotateY:90.1},B8:{rotateX:0,rotateY:90.1},C8:{rotateX:45,rotateY:90.1},D1:{rotateX:-90.1,rotateY:0},E1:{rotateX:90.1,rotateY:0}},ao=o.connect((e=>({generalTheme:Rn.themes.getGeneralTheme(e),interactionTheme:Rn.themes.getInteractionTheme(e),configuration:Rn.configuration.getConfiguration(e)})),(e=>({dispatchRotateX:t=>e(On.space.rotateX(t)),dispatchRotateY:t=>e(On.space.rotateY(t)),dispatchSetAnimatedTransform:t=>e(On.space.setAnimatedTransform(t))})),null,{context:Tn})((e=>{const{face:t,faceText:a,mouseOver:n,hoveredZone:r,setHoveredZone:o,activeZone:i,setActiveZone:l,generalTheme:s,interactionTheme:c,configuration:u,dispatchRotateX:d,dispatchRotateY:p,dispatchSetAnimatedTransform:f}=e,{global:m,elements:g}=u,{transparentUI:T}=m,E=g.viewcube.opaque,h=e=>{const a=eo[`${t}${e}`],n=to[a];l(a),f(!0),d(n.rotateX),p(n.rotateY),setTimeout((()=>{f(!1)}),450)};return x.default.createElement(Vr,{theme:s,face:t,opaque:E,mouseOver:n},x.default.createElement($r,{theme:c,type:Xr,active:i===eo[`${t}${Xr}`],hovered:r===eo[`${t}${Xr}`],onClick:()=>h(Xr),onMouseEnter:()=>o(eo[`${t}${Xr}`]),transparentUI:T}),x.default.createElement($r,{theme:c,type:Wr,active:i===eo[`${t}${Wr}`],hovered:r===eo[`${t}${Wr}`],onClick:()=>h(Wr),onMouseEnter:()=>o(eo[`${t}${Wr}`]),transparentUI:T}),x.default.createElement($r,{theme:c,type:zr,active:i===eo[`${t}${zr}`],hovered:r===eo[`${t}${zr}`],onClick:()=>h(zr),onMouseEnter:()=>o(eo[`${t}${zr}`]),transparentUI:T}),x.default.createElement($r,{theme:c,type:Hr,active:i===eo[`${t}${Hr}`],hovered:r===eo[`${t}${Hr}`],onClick:()=>h(Hr),onMouseEnter:()=>o(eo[`${t}${Hr}`]),transparentUI:T}),x.default.createElement($r,{theme:c,type:Zr,active:i===eo[`${t}${Zr}`],hovered:r===eo[`${t}${Zr}`],onClick:()=>h(Zr),onMouseEnter:()=>o(eo[`${t}${Zr}`]),transparentUI:T},a),x.default.createElement($r,{theme:c,type:Kr,active:i===eo[`${t}${Kr}`],hovered:r===eo[`${t}${Kr}`],onClick:()=>h(Kr),onMouseEnter:()=>o(eo[`${t}${Kr}`]),transparentUI:T}),x.default.createElement($r,{theme:c,type:qr,active:i===eo[`${t}${qr}`],hovered:r===eo[`${t}${qr}`],onClick:()=>h(qr),onMouseEnter:()=>o(eo[`${t}${qr}`]),transparentUI:T}),x.default.createElement($r,{theme:c,type:Qr,active:i===eo[`${t}${Qr}`],hovered:r===eo[`${t}${Qr}`],onClick:()=>h(Qr),onMouseEnter:()=>o(eo[`${t}${Qr}`]),transparentUI:T}),x.default.createElement($r,{theme:c,type:Jr,active:i===eo[`${t}${Jr}`],hovered:r===eo[`${t}${Jr}`],onClick:()=>h(Jr),onMouseEnter:()=>o(eo[`${t}${Jr}`]),transparentUI:T}))})),no=k.default.div`
+`,Xr="TopLeft",Wr="TopCenter",zr="TopRight",Hr="MiddleLeft",Zr="MiddleCenter",Kr="MiddleRight",qr="BottomLeft",Qr="BottomCenter",Jr="BottomRight",eo={frontTopLeft:"A1",frontTopCenter:"A2",frontTopRight:"A3",frontMiddleLeft:"B1",frontMiddleCenter:"B2",frontMiddleRight:"B3",frontBottomLeft:"C1",frontBottomCenter:"C2",frontBottomRight:"C3",rightTopLeft:"A3",rightTopCenter:"A4",rightTopRight:"A5",rightMiddleLeft:"B3",rightMiddleCenter:"B4",rightMiddleRight:"B5",rightBottomLeft:"C3",rightBottomCenter:"C4",rightBottomRight:"C5",backTopLeft:"A5",backTopCenter:"A6",backTopRight:"A7",backMiddleLeft:"B5",backMiddleCenter:"B6",backMiddleRight:"B7",backBottomLeft:"C5",backBottomCenter:"C6",backBottomRight:"C7",leftTopLeft:"A7",leftTopCenter:"A8",leftTopRight:"A1",leftMiddleLeft:"B7",leftMiddleCenter:"B8",leftMiddleRight:"B1",leftBottomLeft:"C7",leftBottomCenter:"C8",leftBottomRight:"C1",topTopLeft:"A7",topTopCenter:"A6",topTopRight:"A5",topMiddleLeft:"A8",topMiddleCenter:"D1",topMiddleRight:"A4",topBottomLeft:"A1",topBottomCenter:"A2",topBottomRight:"A3",baseTopLeft:"C1",baseTopCenter:"C2",baseTopRight:"C3",baseMiddleLeft:"C8",baseMiddleCenter:"E1",baseMiddleRight:"C4",baseBottomLeft:"C7",baseBottomCenter:"C6",baseBottomRight:"C5"},to={A1:{rotateX:-45,rotateY:45},A2:{rotateX:-45,rotateY:0},A3:{rotateX:-45,rotateY:-45},B1:{rotateX:0,rotateY:45},B2:{rotateX:0,rotateY:0},B3:{rotateX:0,rotateY:-45},C1:{rotateX:45,rotateY:45},C2:{rotateX:45,rotateY:0},C3:{rotateX:45,rotateY:-45},A4:{rotateX:-45,rotateY:270.1},A5:{rotateX:-45,rotateY:225},B4:{rotateX:0,rotateY:270.1},B5:{rotateX:0,rotateY:225},C4:{rotateX:45,rotateY:270.1},C5:{rotateX:45,rotateY:225},A6:{rotateX:-45,rotateY:180},A7:{rotateX:-45,rotateY:135},B6:{rotateX:0,rotateY:180.1},B7:{rotateX:0,rotateY:135},C6:{rotateX:45,rotateY:180.1},C7:{rotateX:45,rotateY:135},A8:{rotateX:-45,rotateY:90.1},B8:{rotateX:0,rotateY:90.1},C8:{rotateX:45,rotateY:90.1},D1:{rotateX:-90.1,rotateY:0},E1:{rotateX:90.1,rotateY:0}},ao=o.connect((e=>({generalTheme:Rn.themes.getGeneralTheme(e),interactionTheme:Rn.themes.getInteractionTheme(e),configuration:Rn.configuration.getConfiguration(e)})),(e=>({dispatchRotateX:t=>e(On.space.rotateX(t)),dispatchRotateY:t=>e(On.space.rotateY(t)),dispatchSetAnimatedTransform:t=>e(On.space.setAnimatedTransform(t))})),null,{context:Tn})((e=>{const{face:t,faceText:a,mouseOver:n,hoveredZone:r,setHoveredZone:o,activeZone:i,setActiveZone:l,generalTheme:s,interactionTheme:c,configuration:u,dispatchRotateX:d,dispatchRotateY:p,dispatchSetAnimatedTransform:f}=e,{global:m,elements:g}=u,{transparentUI:T}=m,h=g.viewcube.opaque,E=e=>{const a=eo[`${t}${e}`],n=to[a];l(a),f(!0),d(n.rotateX),p(n.rotateY),setTimeout((()=>{f(!1)}),450)};return x.default.createElement(Vr,{theme:s,face:t,opaque:h,mouseOver:n},x.default.createElement($r,{theme:c,type:Xr,active:i===eo[`${t}${Xr}`],hovered:r===eo[`${t}${Xr}`],onClick:()=>E(Xr),onMouseEnter:()=>o(eo[`${t}${Xr}`]),transparentUI:T}),x.default.createElement($r,{theme:c,type:Wr,active:i===eo[`${t}${Wr}`],hovered:r===eo[`${t}${Wr}`],onClick:()=>E(Wr),onMouseEnter:()=>o(eo[`${t}${Wr}`]),transparentUI:T}),x.default.createElement($r,{theme:c,type:zr,active:i===eo[`${t}${zr}`],hovered:r===eo[`${t}${zr}`],onClick:()=>E(zr),onMouseEnter:()=>o(eo[`${t}${zr}`]),transparentUI:T}),x.default.createElement($r,{theme:c,type:Hr,active:i===eo[`${t}${Hr}`],hovered:r===eo[`${t}${Hr}`],onClick:()=>E(Hr),onMouseEnter:()=>o(eo[`${t}${Hr}`]),transparentUI:T}),x.default.createElement($r,{theme:c,type:Zr,active:i===eo[`${t}${Zr}`],hovered:r===eo[`${t}${Zr}`],onClick:()=>E(Zr),onMouseEnter:()=>o(eo[`${t}${Zr}`]),transparentUI:T},a),x.default.createElement($r,{theme:c,type:Kr,active:i===eo[`${t}${Kr}`],hovered:r===eo[`${t}${Kr}`],onClick:()=>E(Kr),onMouseEnter:()=>o(eo[`${t}${Kr}`]),transparentUI:T}),x.default.createElement($r,{theme:c,type:qr,active:i===eo[`${t}${qr}`],hovered:r===eo[`${t}${qr}`],onClick:()=>E(qr),onMouseEnter:()=>o(eo[`${t}${qr}`]),transparentUI:T}),x.default.createElement($r,{theme:c,type:Qr,active:i===eo[`${t}${Qr}`],hovered:r===eo[`${t}${Qr}`],onClick:()=>E(Qr),onMouseEnter:()=>o(eo[`${t}${Qr}`]),transparentUI:T}),x.default.createElement($r,{theme:c,type:Jr,active:i===eo[`${t}${Jr}`],hovered:r===eo[`${t}${Jr}`],onClick:()=>E(Jr),onMouseEnter:()=>o(eo[`${t}${Jr}`]),transparentUI:T}))})),no=k.default.div`
     grid-area: PVModel;
 `,ro=k.default.div`
     perspective: 2000px;
@@ -465,7 +465,7 @@
     transform-style: preserve-3d;
     width: 50px;
     height: 50px;
-`,io=o.connect((e=>({stateLanguage:Rn.configuration.getConfiguration(e).global.language,spaceRotationX:Rn.space.getRotationX(e),spaceRotationY:Rn.space.getRotationY(e),stateAnimatedTransform:Rn.space.getAnimatedTransform(e),stateTransformTime:Rn.space.getTransformTime(e)})),(e=>({})),null,{context:Tn})((e=>{const{mouseOver:n,stateLanguage:o,spaceRotationX:i,spaceRotationY:l,stateAnimatedTransform:s,stateTransformTime:c}=e,[u,d]=r.useState(""),[p,f]=r.useState("");return r.useEffect((()=>{u||f("")}),[i,l]),x.default.createElement(no,null,x.default.createElement(ro,null,x.default.createElement(oo,{suppressHydrationWarning:!0,style:{transform:`\n                            translateX(32px)\n                            translateY(23px)\n                            rotateX(${i}deg)\n                            rotateY(${l}deg)\n                        `,transition:n||s?`transform ${c}ms ease-in-out`:""},onMouseLeave:()=>{d("")}},x.default.createElement(ao,{face:"front",faceText:a.internatiolate(o,t.internationalization.fields.viewcubeFront),mouseOver:n,hoveredZone:u,setHoveredZone:d,activeZone:p,setActiveZone:f}),x.default.createElement(ao,{face:"back",faceText:a.internatiolate(o,t.internationalization.fields.viewcubeBack),mouseOver:n,hoveredZone:u,setHoveredZone:d,activeZone:p,setActiveZone:f}),x.default.createElement(ao,{face:"left",faceText:a.internatiolate(o,t.internationalization.fields.viewcubeLeft),mouseOver:n,hoveredZone:u,setHoveredZone:d,activeZone:p,setActiveZone:f}),x.default.createElement(ao,{face:"right",faceText:a.internatiolate(o,t.internationalization.fields.viewcubeRight),mouseOver:n,hoveredZone:u,setHoveredZone:d,activeZone:p,setActiveZone:f}),x.default.createElement(ao,{face:"top",faceText:a.internatiolate(o,t.internationalization.fields.viewcubeTop),mouseOver:n,hoveredZone:u,setHoveredZone:d,activeZone:p,setActiveZone:f}),x.default.createElement(ao,{face:"base",faceText:a.internatiolate(o,t.internationalization.fields.viewcubeBase),mouseOver:n,hoveredZone:u,setHoveredZone:d,activeZone:p,setActiveZone:f}))))})),lo=o.connect((e=>({stateConfiguration:Rn.configuration.getConfiguration(e),stateInteractionTheme:Rn.themes.getInteractionTheme(e),stateTransformTime:Rn.space.getTransformTime(e)})),(e=>({dispatchRotateXWith:t=>e(On.space.rotateXWith(t)),dispatchRotateYWith:t=>e(On.space.rotateYWith(t)),dispatchSetAnimatedTransform:t=>e(On.space.setAnimatedTransform(t)),dispatchSpaceResetTransform:()=>e(On.space.spaceResetTransform())})),null,{context:Tn})((e=>{const{stateConfiguration:a,stateInteractionTheme:n,stateTransformTime:o,dispatchRotateXWith:i,dispatchRotateYWith:l,dispatchSetAnimatedTransform:s,dispatchSpaceResetTransform:c}=e,{elements:u,space:d}=a,{viewcube:f}=u,{buttons:m,conceal:g}=f,{fadeInTime:T}=d,[E,h]=r.useState(!1),[O,_]=r.useState(!1),S=(e,t)=>{switch(s(!0),e){case"rotateX":i(t);break;case"rotateY":l(t)}setTimeout((()=>{s(!1)}),o)};return r.useEffect((()=>{_(!0)}),[]),x.default.createElement(kr,{onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),onMouseMove:()=>E?null:h(!0),conceal:g,mouseOver:E,isMounted:O,fadeInTime:T,"data-plurid-entity":t.PLURID_ENTITY_VIEWCUBE},x.default.createElement(io,{mouseOver:E}),E&&m&&x.default.createElement(x.default.Fragment,null,x.default.createElement(Gr,{style:{gridArea:"PVRotateUp"}},x.default.createElement(Br,{theme:n,onClick:()=>S("rotateX",-90.1)},"▲")),x.default.createElement(Gr,{theme:n,style:{gridArea:"PVRotateDown"}},x.default.createElement(Br,{theme:n,onClick:()=>S("rotateX",90.1)},"▼")),x.default.createElement(Gr,{theme:n,style:{gridArea:"PVRotateLeft"}},x.default.createElement(Br,{theme:n,onClick:()=>S("rotateY",90.1)},"◀")),x.default.createElement(Gr,{theme:n,style:{gridArea:"PVRotateRight"}},x.default.createElement(Br,{theme:n,onClick:()=>S("rotateY",-90.1)},"▶")),x.default.createElement(Yr,{onClick:e=>{e.ctrlKey||e.metaKey||(s(!0),c(),setTimeout((()=>{s(!1)}),o))}},x.default.createElement(p.PluridIconGlobal,null))))})),so=o.connect((e=>({stateConfiguration:Rn.configuration.getConfiguration(e)})),(e=>({})),null,{context:Tn})((e=>{const{stateConfiguration:t}=e,{elements:a}=t,{toolbar:n,viewcube:r}=a,o=n.show,i=r.show;return x.default.createElement(x.default.Fragment,null,x.default.createElement(Zn,null),o&&x.default.createElement(jr,null),i&&x.default.createElement(lo,null))})),{getRegisteredPlanes:co}=a.planes,uo=o.connect((e=>({stateConfiguration:Rn.configuration.getConfiguration(e),stateTransform:Rn.space.getTransform(e),stateSpaceLoading:Rn.space.getLoading(e),stateSpaceView:Rn.space.getView(e)})),(e=>({dispatch:e,dispatchSetConfiguration:t=>e(On.configuration.setConfiguration(t)),dispatchSetConfigurationMicro:()=>e(On.configuration.setConfigurationMicro()),dispatchSpaceSetViewSize:t=>e(On.space.setViewSize(t)),dispatchSetSpaceLoading:t=>e(On.space.setSpaceLoading(t)),dispatchSetAnimatedTransform:t=>e(On.space.setAnimatedTransform(t)),dispatchSetTransformTime:t=>e(On.space.setTransformTime(t)),dispatchSetSpaceLocation:t=>e(On.space.setSpaceLocation(t)),dispatchSetInitialTree:t=>e(On.space.setInitialTree(t)),dispatchSetTree:t=>e(On.space.setTree(t)),dispatchSetGeneralTheme:t=>e(On.themes.setGeneralTheme(t)),dispatchSetInteractionTheme:t=>e(On.themes.setInteractionTheme(t)),dispatchRotateX:t=>e(On.space.rotateX(t)),dispatchRotateXWith:t=>e(On.space.rotateXWith(t)),dispatchRotateY:t=>e(On.space.rotateY(t)),dispatchRotateYWith:t=>e(On.space.rotateYWith(t)),dispatchTranslateXWith:t=>e(On.space.translateXWith(t)),dispatchTranslateYWith:t=>e(On.space.translateYWith(t)),dispatchScaleUpWith:t=>e(On.space.scaleUpWith(t)),dispatchScaleDownWith:t=>e(On.space.scaleDownWith(t)),dispatchSpaceSetView:t=>e(On.space.spaceSetView(t))})),null,{context:Tn})((e=>{const{planesRegistrar:n,customPlane:o,planeContext:i,planeContextValue:l,pubsub:c,planeNotFound:u,planeRenderError:d,stateConfiguration:p,stateTransform:f,stateSpaceView:m,dispatch:g,dispatchSetConfiguration:T,dispatchSetGeneralTheme:E,dispatchSetInteractionTheme:h,dispatchSetSpaceLocation:O,dispatchSetAnimatedTransform:_,dispatchSetTransformTime:S,dispatchSetTree:R,dispatchRotateXWith:b,dispatchRotateX:A,dispatchRotateYWith:C,dispatchRotateY:I,dispatchTranslateXWith:v,dispatchTranslateYWith:P,dispatchScaleUpWith:L,dispatchScaleDownWith:U,dispatchSpaceSetViewSize:y,dispatchSpaceSetView:w}=e,N=r.useRef(null),[D,M]=r.useState(c?[c]:[]),F=r.useCallback((e=>{const{transformLocks:a}=p.space;((e,a,n,r)=>{if(a.defaultPrevented)return;if(s.dom.verifyPathInputElement(a.path))return;const o=!(a.shiftKey||a.altKey||a.ctrlKey||a.metaKey);if("KeyF"===a.code&&o)return e(On.configuration.toggleConfigurationSpaceFirstPerson());if(n){if("KeyW"===a.code&&o&&r.translationZ)return e(On.space.viewCameraMoveForward());if("KeyS"===a.code&&o&&r.translationZ)return e(On.space.viewCameraMoveBackward());if("KeyA"===a.code&&o&&r.translationX)return e(On.space.viewCameraMoveLeft());if("KeyA"===a.code&&a.shiftKey&&r.rotationY)return e(On.space.viewCameraTurnLeft());if("KeyD"===a.code&&o&&r.translationX)return e(On.space.viewCameraMoveRight());if("KeyD"===a.code&&a.shiftKey&&r.rotationY)return e(On.space.viewCameraTurnRight());if("KeyQ"===a.code&&o&&r.rotationX)return e(On.space.viewCameraTurnUp());if("KeyZ"===a.code&&o&&r.rotationX)return e(On.space.viewCameraTurnDown());if("KeyE"===a.code&&o&&r.translationY)return e(On.space.viewCameraMoveUp());if("KeyC"===a.code&&o&&r.translationY)return e(On.space.viewCameraMoveDown())}if("KeyR"===a.code&&o)return e(On.configuration.setConfigurationSpaceTransformMode(t.TRANSFORM_MODES.ROTATION));if("KeyT"===a.code&&o)return e(On.configuration.setConfigurationSpaceTransformMode(t.TRANSFORM_MODES.TRANSLATION));if("KeyS"===a.code&&o&&!n)return e(On.configuration.setConfigurationSpaceTransformMode(t.TRANSFORM_MODES.SCALE));if("ArrowRight"===a.key){if(a.shiftKey&&r.rotationY)return e(On.space.rotateLeft());if(a.altKey&&r.translationX)return e(On.space.translateRight())}if("ArrowLeft"===a.key){if(a.shiftKey&&r.rotationY)return e(On.space.rotateRight());if(a.altKey&&r.translationX)return e(On.space.translateLeft())}if("ArrowUp"===a.key){if(a.shiftKey&&a.altKey&&r.translationZ)return e(On.space.translateIn());if(a.shiftKey&&!a.altKey&&r.rotationX)return e(On.space.rotateUp());if(a.altKey&&!a.shiftKey&&r.translationY)return e(On.space.translateUp());if(a.metaKey||a.ctrlKey&&r.scale)return e(On.space.scaleUp())}if("ArrowDown"===a.key){if(a.shiftKey&&a.altKey&&r.translationZ)return e(On.space.translateOut());if(a.shiftKey&&!a.altKey&&r.rotationX)return e(On.space.rotateDown());if(a.altKey&&!a.shiftKey&&r.translationY)return e(On.space.translateDown());if(a.metaKey||a.ctrlKey&&r.scale)e(On.space.scaleDown())}})(g,e,p.space.firstPerson,a)}),[p.space.firstPerson,p.space.transformLocks,g]),k=r.useCallback((e=>{const{transformMode:a,transformLocks:n}=p.space,r={rotation:a===t.TRANSFORM_MODES.ROTATION,translation:a===t.TRANSFORM_MODES.TRANSLATION,scale:a===t.TRANSFORM_MODES.SCALE};((e,t,a,n)=>{(t.shiftKey||t.metaKey||t.altKey||t.ctrlKey||a.rotation||a.translation||a.scale)&&t.preventDefault();const r={deltaX:t.deltaX,deltaY:t.deltaY},o=_n.getWheelDirection(r);a.rotation&&("left"===o&&n.rotationY&&e(On.space.rotateLeft()),"right"===o&&n.rotationY&&e(On.space.rotateRight()),"up"===o&&n.rotationX&&e(On.space.rotateUp()),"down"===o&&n.rotationX&&e(On.space.rotateDown())),t.shiftKey&&!t.altKey&&("up"===o&&n.rotationX&&e(On.space.rotateUp()),"down"===o&&n.rotationX&&e(On.space.rotateDown()),"left"===o&&n.rotationY&&e(On.space.rotateLeft()),"right"===o&&n.rotationY&&e(On.space.rotateRight())),a.translation&&("up"===o&&n.translationY&&e(On.space.translateDown()),"down"===o&&n.translationY&&e(On.space.translateUp()),"left"===o&&n.translationX&&e(On.space.translateRight()),"right"===o&&n.translationX&&e(On.space.translateLeft())),t.altKey&&t.shiftKey&&("up"===o&&n.translationZ&&e(On.space.translateIn()),"down"===o&&n.translationZ&&e(On.space.translateOut())),t.altKey&&!t.shiftKey&&("up"===o&&n.translationY&&e(On.space.translateDown()),"down"===o&&n.translationY&&e(On.space.translateUp()),"left"===o&&n.translationX&&e(On.space.translateRight()),"right"===o&&n.translationX&&e(On.space.translateLeft())),a.scale&&("down"===o&&n.scale&&e(On.space.scaleUp()),"up"===o&&n.scale&&e(On.space.scaleDown())),(t.metaKey||t.ctrlKey)&&("down"===o&&n.scale&&e(On.space.scaleUp()),"up"===o&&n.scale&&e(On.space.scaleDown()))})(g,e,r,n)}),[g,p.space.transformMode,p.space.transformLocks]),G=r.useCallback((()=>{const e=co(n),t=new a.space.tree.Tree({planes:e,configuration:p,view:m}).compute();R(t)}),[m,p]),B=e=>{const n=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.CONFIGURATION,callback:e=>{if(e.internal)return;const t=a.general.configuration.merge(e,p);"object"==typeof t.global.theme?("string"==typeof t.global.theme.general?E(j.default[t.global.theme.general]):E(t.global.theme.general),"string"==typeof t.global.theme.interaction?h(j.default[t.global.theme.interaction]):h(t.global.theme.interaction)):"string"==typeof t.global.theme&&(E(j.default[t.global.theme]),h(j.default[t.global.theme])),T(t)}}),r=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.SPACE_TRANSFORM,callback:e=>{const{value:t,internal:a}=e;a||O(t)}}),o=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.SPACE_ANIMATED_TRANSFORM,callback:e=>{const{value:t}=e;_(t.active),t.time?S(t.time):S(450)}}),i=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.SPACE_ROTATE_X_WITH,callback:e=>{const{value:t}=e;b(t)}}),l=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.SPACE_ROTATE_X_TO,callback:e=>{const{value:t}=e;A(t)}}),s=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.SPACE_ROTATE_Y_WITH,callback:e=>{const{value:t}=e;C(t)}}),c=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.SPACE_ROTATE_Y_TO,callback:e=>{const{value:t}=e;I(t)}}),u=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.SPACE_TRANSLATE_X_WITH,callback:e=>{const{value:t}=e;v(t)}}),d=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.SPACE_TRANSLATE_Y_WITH,callback:e=>{const{value:t}=e;P(t)}}),f=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.VIEW_ADD_PLANE,callback:e=>{const{plane:t}=e,a=[...m,t];w(a)}}),g=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.VIEW_SET_PLANES,callback:e=>{const{view:t}=e;w([...t])}}),R=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.VIEW_REMOVE_PLANE,callback:e=>{const{plane:t}=e,a=m.filter((e=>"string"!=typeof e||e===t));w(a)}});return()=>{e.unsubscribe(n,t.PLURID_PUBSUB_TOPIC.CONFIGURATION),e.unsubscribe(r,t.PLURID_PUBSUB_TOPIC.SPACE_TRANSFORM),e.unsubscribe(o,t.PLURID_PUBSUB_TOPIC.SPACE_ANIMATED_TRANSFORM),e.unsubscribe(i,t.PLURID_PUBSUB_TOPIC.SPACE_ROTATE_X_WITH),e.unsubscribe(l,t.PLURID_PUBSUB_TOPIC.SPACE_ROTATE_X_TO),e.unsubscribe(s,t.PLURID_PUBSUB_TOPIC.SPACE_ROTATE_Y_WITH),e.unsubscribe(c,t.PLURID_PUBSUB_TOPIC.SPACE_ROTATE_Y_TO),e.unsubscribe(u,t.PLURID_PUBSUB_TOPIC.SPACE_TRANSLATE_X_WITH),e.unsubscribe(d,t.PLURID_PUBSUB_TOPIC.SPACE_TRANSLATE_Y_WITH),e.unsubscribe(f,t.PLURID_PUBSUB_TOPIC.VIEW_ADD_PLANE),e.unsubscribe(g,t.PLURID_PUBSUB_TOPIC.VIEW_SET_PLANES),e.unsubscribe(R,t.PLURID_PUBSUB_TOPIC.VIEW_REMOVE_PLANE)}},Y=e=>{const a={value:Object.assign({},f),internal:!0};e.publish({topic:t.PLURID_PUBSUB_TOPIC.SPACE_TRANSFORM,data:a}),e.publish({topic:t.PLURID_PUBSUB_TOPIC.CONFIGURATION,data:Object.assign(Object.assign({},p),{internal:!0})})},V=e=>{const{transformMode:a}=p.space,{velocity:n,distance:r,direction:o}=e;if(a===t.TRANSFORM_MODES.ALL)return;const i=a===t.TRANSFORM_MODES.ROTATION,l=a===t.TRANSFORM_MODES.TRANSLATION,s=a===t.TRANSFORM_MODES.SCALE;switch(_(!0),o){case 2:i&&C(60*n),l&&v(-1*r);break;case 4:i&&C(60*n),l&&v(r);break;case 8:i&&b(60*n),l&&P(-1*r),s&&L(n);break;case 16:i&&b(60*n),l&&P(r),s&&U(n)}setTimeout((()=>{_(!1)}),450)},$=e=>{const{transformMode:a}=p.space,{velocity:n,distance:r,direction:o}=e;if(a===t.TRANSFORM_MODES.ALL)return;const i=a===t.TRANSFORM_MODES.ROTATION,l=a===t.TRANSFORM_MODES.TRANSLATION,s=a===t.TRANSFORM_MODES.SCALE,c=20*n,u=r/5,d=n/4;switch(o){case 2:i&&C(c),l&&v(-1*u);break;case 4:i&&C(c),l&&v(u);break;case 8:i&&b(c),l&&P(-1*u),s&&L(d);break;case 16:i&&b(c),l&&P(u),s&&U(d)}};r.useEffect((()=>(N.current&&(N.current.addEventListener("keydown",F,{passive:!1}),N.current.addEventListener("wheel",k,{passive:!1})),()=>{N.current&&(N.current.removeEventListener("keydown",F),N.current.removeEventListener("wheel",k))})),[N.current,p.space.transformMode,p.space.firstPerson]),r.useEffect((()=>{const e=s.meta.debounce((()=>{if(N&&N.current){const e=N.current.offsetWidth,t=N.current.offsetHeight;y({width:e,height:t})}}),150);return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),r.useEffect((()=>(window.addEventListener("resize",G),()=>{window.removeEventListener("resize",G)})),[m,p]),r.useEffect((()=>{if("undefined"==typeof window)return;let e;return En(void 0,void 0,void 0,(function*(){const a=(yield Sn()).default,{transformTouch:n}=p.space;delete a.defaults.cssProps.userSelect,delete a.defaults.cssProps.userDrag,delete a.defaults.cssProps.tapHighlightColor,delete a.defaults.cssProps.touchSelect,N.current&&(e=new a(N.current),e.get("pan").set({direction:a.DIRECTION_ALL}),e.get("swipe").set({direction:a.DIRECTION_ALL}),n===t.TRANSFORM_TOUCHES.PAN?e.on("pan",$):e.on("swipe",V))})),()=>{const{transformTouch:a}=p.space;a===t.TRANSFORM_TOUCHES.PAN?e&&e.off("pan",$):e&&e.off("swipe",V)}}),[N.current,p.space.transformTouch]),r.useEffect((()=>{const e=e=>{navigator.getGamepads()[e.gamepad.index]},t=e=>{navigator.getGamepads()[e.gamepad.index]};return window.addEventListener("gamepadconnected",e),window.addEventListener("gamepaddisconnected",t),()=>{window.removeEventListener("gamepadconnected",e),window.removeEventListener("gamepaddisconnected",t)}}),[]),r.useEffect((()=>{const e=[];for(const t of D){const a=B(t);e.push(a)}return()=>{for(const t of e)t()}}),[D.length]),r.useEffect((()=>{for(const e of D)Y(e)}),[D.length,p,f]),r.useEffect((()=>{G()}),[m]);const X={planesRegistrar:n,planeContext:i,planeContextValue:l,customPlane:o,planeNotFound:u,planeRenderError:d,registerPubSub:e=>{const t=[...D,e];M(t)}},W=0===m.length?x.default.createElement(x.default.Fragment,null):x.default.createElement(so,null);return x.default.createElement(An,{ref:N,tabIndex:0,transformMode:p.space.transformMode,"data-plurid-entity":t.PLURID_ENTITY_VIEW},x.default.createElement(bn,null),x.default.createElement(hn.Provider,{value:X},W))})),{registerPlanes:po}=a.planes;class fo extends r.Component{constructor(e,t){super(e),this.storeID=e.id||"default",this.context=t;const a=this.computeStore();this.store=gn(a),this.subscribeStore()}componentDidUpdate(){const e=this.computeStore();this.store.dispatch({type:"SET_STATE",payload:e})}componentWillUnmount(){this.storeUnubscriber&&this.storeUnubscriber()}render(){return x.default.createElement(o.Provider,{store:this.store,context:Tn},x.default.createElement(uo,Object.assign({},this.props)))}computeStore(){const{view:e,planes:t,configuration:n,precomputedState:r,planesRegistrar:o,id:i,useLocalStorage:l}=this.props;po(t,o);const s=this.store?this.store.getState():void 0,c=a.state.local.load(this.storeID,l),u=i&&this.context&&this.context.states[i]?this.context.states[i]:void 0;return a.state.compute(e,n,o,s,c,r,u)}subscribeStore(){this.store&&"undefined"!=typeof localStorage&&this.props.useLocalStorage&&(this.storeUnubscriber=this.store.subscribe((()=>{const e=this.store.getState(),t=JSON.stringify(e);localStorage.setItem("pluridState-"+this.storeID,t)})))}}fo.contextType=B;const mo=k.default.div`
+`,io=o.connect((e=>({stateLanguage:Rn.configuration.getConfiguration(e).global.language,spaceRotationX:Rn.space.getRotationX(e),spaceRotationY:Rn.space.getRotationY(e),stateAnimatedTransform:Rn.space.getAnimatedTransform(e),stateTransformTime:Rn.space.getTransformTime(e)})),(e=>({})),null,{context:Tn})((e=>{const{mouseOver:n,stateLanguage:o,spaceRotationX:i,spaceRotationY:l,stateAnimatedTransform:s,stateTransformTime:c}=e,[u,d]=r.useState(""),[p,f]=r.useState("");return r.useEffect((()=>{u||f("")}),[i,l]),x.default.createElement(no,null,x.default.createElement(ro,null,x.default.createElement(oo,{suppressHydrationWarning:!0,style:{transform:`\n                            translateX(32px)\n                            translateY(23px)\n                            rotateX(${i}deg)\n                            rotateY(${l}deg)\n                        `,transition:n||s?`transform ${c}ms ease-in-out`:""},onMouseLeave:()=>{d("")}},x.default.createElement(ao,{face:"front",faceText:a.internatiolate(o,t.internationalization.fields.viewcubeFront),mouseOver:n,hoveredZone:u,setHoveredZone:d,activeZone:p,setActiveZone:f}),x.default.createElement(ao,{face:"back",faceText:a.internatiolate(o,t.internationalization.fields.viewcubeBack),mouseOver:n,hoveredZone:u,setHoveredZone:d,activeZone:p,setActiveZone:f}),x.default.createElement(ao,{face:"left",faceText:a.internatiolate(o,t.internationalization.fields.viewcubeLeft),mouseOver:n,hoveredZone:u,setHoveredZone:d,activeZone:p,setActiveZone:f}),x.default.createElement(ao,{face:"right",faceText:a.internatiolate(o,t.internationalization.fields.viewcubeRight),mouseOver:n,hoveredZone:u,setHoveredZone:d,activeZone:p,setActiveZone:f}),x.default.createElement(ao,{face:"top",faceText:a.internatiolate(o,t.internationalization.fields.viewcubeTop),mouseOver:n,hoveredZone:u,setHoveredZone:d,activeZone:p,setActiveZone:f}),x.default.createElement(ao,{face:"base",faceText:a.internatiolate(o,t.internationalization.fields.viewcubeBase),mouseOver:n,hoveredZone:u,setHoveredZone:d,activeZone:p,setActiveZone:f}))))})),lo=o.connect((e=>({stateConfiguration:Rn.configuration.getConfiguration(e),stateInteractionTheme:Rn.themes.getInteractionTheme(e),stateTransformTime:Rn.space.getTransformTime(e)})),(e=>({dispatchRotateXWith:t=>e(On.space.rotateXWith(t)),dispatchRotateYWith:t=>e(On.space.rotateYWith(t)),dispatchSetAnimatedTransform:t=>e(On.space.setAnimatedTransform(t)),dispatchSpaceResetTransform:()=>e(On.space.spaceResetTransform())})),null,{context:Tn})((e=>{const{stateConfiguration:a,stateInteractionTheme:n,stateTransformTime:o,dispatchRotateXWith:i,dispatchRotateYWith:l,dispatchSetAnimatedTransform:s,dispatchSpaceResetTransform:c}=e,{elements:u,space:d}=a,{viewcube:f}=u,{buttons:m,conceal:g}=f,{fadeInTime:T}=d,[h,E]=r.useState(!1),[O,_]=r.useState(!1),S=(e,t)=>{switch(s(!0),e){case"rotateX":i(t);break;case"rotateY":l(t)}setTimeout((()=>{s(!1)}),o)};return r.useEffect((()=>{_(!0)}),[]),x.default.createElement(kr,{onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),onMouseMove:()=>h?null:E(!0),conceal:g,mouseOver:h,isMounted:O,fadeInTime:T,"data-plurid-entity":t.PLURID_ENTITY_VIEWCUBE},x.default.createElement(io,{mouseOver:h}),h&&m&&x.default.createElement(x.default.Fragment,null,x.default.createElement(Gr,{style:{gridArea:"PVRotateUp"}},x.default.createElement(Br,{theme:n,onClick:()=>S("rotateX",-90.1)},"▲")),x.default.createElement(Gr,{theme:n,style:{gridArea:"PVRotateDown"}},x.default.createElement(Br,{theme:n,onClick:()=>S("rotateX",90.1)},"▼")),x.default.createElement(Gr,{theme:n,style:{gridArea:"PVRotateLeft"}},x.default.createElement(Br,{theme:n,onClick:()=>S("rotateY",90.1)},"◀")),x.default.createElement(Gr,{theme:n,style:{gridArea:"PVRotateRight"}},x.default.createElement(Br,{theme:n,onClick:()=>S("rotateY",-90.1)},"▶")),x.default.createElement(Yr,{onClick:e=>{e.ctrlKey||e.metaKey||(s(!0),c(),setTimeout((()=>{s(!1)}),o))}},x.default.createElement(p.PluridIconGlobal,null))))})),so=o.connect((e=>({stateConfiguration:Rn.configuration.getConfiguration(e)})),(e=>({})),null,{context:Tn})((e=>{const{stateConfiguration:t}=e,{elements:a}=t,{toolbar:n,viewcube:r}=a,o=n.show,i=r.show;return x.default.createElement(x.default.Fragment,null,x.default.createElement(Zn,null),o&&x.default.createElement(jr,null),i&&x.default.createElement(lo,null))})),{getRegisteredPlanes:co}=a.planes,uo=o.connect((e=>({stateConfiguration:Rn.configuration.getConfiguration(e),stateTransform:Rn.space.getTransform(e),stateSpaceLoading:Rn.space.getLoading(e),stateSpaceView:Rn.space.getView(e)})),(e=>({dispatch:e,dispatchSetConfiguration:t=>e(On.configuration.setConfiguration(t)),dispatchSetConfigurationMicro:()=>e(On.configuration.setConfigurationMicro()),dispatchSpaceSetViewSize:t=>e(On.space.setViewSize(t)),dispatchSetSpaceLoading:t=>e(On.space.setSpaceLoading(t)),dispatchSetAnimatedTransform:t=>e(On.space.setAnimatedTransform(t)),dispatchSetTransformTime:t=>e(On.space.setTransformTime(t)),dispatchSetSpaceLocation:t=>e(On.space.setSpaceLocation(t)),dispatchSetInitialTree:t=>e(On.space.setInitialTree(t)),dispatchSetTree:t=>e(On.space.setTree(t)),dispatchSetGeneralTheme:t=>e(On.themes.setGeneralTheme(t)),dispatchSetInteractionTheme:t=>e(On.themes.setInteractionTheme(t)),dispatchRotateX:t=>e(On.space.rotateX(t)),dispatchRotateXWith:t=>e(On.space.rotateXWith(t)),dispatchRotateY:t=>e(On.space.rotateY(t)),dispatchRotateYWith:t=>e(On.space.rotateYWith(t)),dispatchTranslateXWith:t=>e(On.space.translateXWith(t)),dispatchTranslateYWith:t=>e(On.space.translateYWith(t)),dispatchScaleUpWith:t=>e(On.space.scaleUpWith(t)),dispatchScaleDownWith:t=>e(On.space.scaleDownWith(t)),dispatchSpaceSetView:t=>e(On.space.spaceSetView(t))})),null,{context:Tn})((e=>{const{planesRegistrar:n,customPlane:o,planeContext:i,planeContextValue:l,pubsub:c,planeNotFound:u,planeRenderError:d,matchedRoute:p,stateConfiguration:f,stateTransform:m,stateSpaceView:g,dispatch:T,dispatchSetConfiguration:h,dispatchSetGeneralTheme:E,dispatchSetInteractionTheme:O,dispatchSetSpaceLocation:_,dispatchSetAnimatedTransform:S,dispatchSetTransformTime:R,dispatchSetTree:b,dispatchRotateXWith:A,dispatchRotateX:C,dispatchRotateYWith:I,dispatchRotateY:v,dispatchTranslateXWith:P,dispatchTranslateYWith:L,dispatchScaleUpWith:U,dispatchScaleDownWith:y,dispatchSpaceSetViewSize:w,dispatchSpaceSetView:N}=e,D=r.useRef(null),[M,F]=r.useState(c?[c]:[]),k=r.useCallback((e=>{const{transformLocks:a}=f.space;((e,a,n,r)=>{if(a.defaultPrevented)return;if(s.dom.verifyPathInputElement(a.path))return;const o=!(a.shiftKey||a.altKey||a.ctrlKey||a.metaKey);if("KeyF"===a.code&&o)return e(On.configuration.toggleConfigurationSpaceFirstPerson());if(n){if("KeyW"===a.code&&o&&r.translationZ)return e(On.space.viewCameraMoveForward());if("KeyS"===a.code&&o&&r.translationZ)return e(On.space.viewCameraMoveBackward());if("KeyA"===a.code&&o&&r.translationX)return e(On.space.viewCameraMoveLeft());if("KeyA"===a.code&&a.shiftKey&&r.rotationY)return e(On.space.viewCameraTurnLeft());if("KeyD"===a.code&&o&&r.translationX)return e(On.space.viewCameraMoveRight());if("KeyD"===a.code&&a.shiftKey&&r.rotationY)return e(On.space.viewCameraTurnRight());if("KeyQ"===a.code&&o&&r.rotationX)return e(On.space.viewCameraTurnUp());if("KeyZ"===a.code&&o&&r.rotationX)return e(On.space.viewCameraTurnDown());if("KeyE"===a.code&&o&&r.translationY)return e(On.space.viewCameraMoveUp());if("KeyC"===a.code&&o&&r.translationY)return e(On.space.viewCameraMoveDown())}if("KeyR"===a.code&&o)return e(On.configuration.setConfigurationSpaceTransformMode(t.TRANSFORM_MODES.ROTATION));if("KeyT"===a.code&&o)return e(On.configuration.setConfigurationSpaceTransformMode(t.TRANSFORM_MODES.TRANSLATION));if("KeyS"===a.code&&o&&!n)return e(On.configuration.setConfigurationSpaceTransformMode(t.TRANSFORM_MODES.SCALE));if("ArrowRight"===a.key){if(a.shiftKey&&r.rotationY)return e(On.space.rotateLeft());if(a.altKey&&r.translationX)return e(On.space.translateRight())}if("ArrowLeft"===a.key){if(a.shiftKey&&r.rotationY)return e(On.space.rotateRight());if(a.altKey&&r.translationX)return e(On.space.translateLeft())}if("ArrowUp"===a.key){if(a.shiftKey&&a.altKey&&r.translationZ)return e(On.space.translateIn());if(a.shiftKey&&!a.altKey&&r.rotationX)return e(On.space.rotateUp());if(a.altKey&&!a.shiftKey&&r.translationY)return e(On.space.translateUp());if(a.metaKey||a.ctrlKey&&r.scale)return e(On.space.scaleUp())}if("ArrowDown"===a.key){if(a.shiftKey&&a.altKey&&r.translationZ)return e(On.space.translateOut());if(a.shiftKey&&!a.altKey&&r.rotationX)return e(On.space.rotateDown());if(a.altKey&&!a.shiftKey&&r.translationY)return e(On.space.translateDown());if(a.metaKey||a.ctrlKey&&r.scale)e(On.space.scaleDown())}})(T,e,f.space.firstPerson,a)}),[f.space.firstPerson,f.space.transformLocks,T]),G=r.useCallback((e=>{const{transformMode:a,transformLocks:n}=f.space,r={rotation:a===t.TRANSFORM_MODES.ROTATION,translation:a===t.TRANSFORM_MODES.TRANSLATION,scale:a===t.TRANSFORM_MODES.SCALE};((e,t,a,n)=>{(t.shiftKey||t.metaKey||t.altKey||t.ctrlKey||a.rotation||a.translation||a.scale)&&t.preventDefault();const r={deltaX:t.deltaX,deltaY:t.deltaY},o=_n.getWheelDirection(r);a.rotation&&("left"===o&&n.rotationY&&e(On.space.rotateLeft()),"right"===o&&n.rotationY&&e(On.space.rotateRight()),"up"===o&&n.rotationX&&e(On.space.rotateUp()),"down"===o&&n.rotationX&&e(On.space.rotateDown())),t.shiftKey&&!t.altKey&&("up"===o&&n.rotationX&&e(On.space.rotateUp()),"down"===o&&n.rotationX&&e(On.space.rotateDown()),"left"===o&&n.rotationY&&e(On.space.rotateLeft()),"right"===o&&n.rotationY&&e(On.space.rotateRight())),a.translation&&("up"===o&&n.translationY&&e(On.space.translateDown()),"down"===o&&n.translationY&&e(On.space.translateUp()),"left"===o&&n.translationX&&e(On.space.translateRight()),"right"===o&&n.translationX&&e(On.space.translateLeft())),t.altKey&&t.shiftKey&&("up"===o&&n.translationZ&&e(On.space.translateIn()),"down"===o&&n.translationZ&&e(On.space.translateOut())),t.altKey&&!t.shiftKey&&("up"===o&&n.translationY&&e(On.space.translateDown()),"down"===o&&n.translationY&&e(On.space.translateUp()),"left"===o&&n.translationX&&e(On.space.translateRight()),"right"===o&&n.translationX&&e(On.space.translateLeft())),a.scale&&("down"===o&&n.scale&&e(On.space.scaleUp()),"up"===o&&n.scale&&e(On.space.scaleDown())),(t.metaKey||t.ctrlKey)&&("down"===o&&n.scale&&e(On.space.scaleUp()),"up"===o&&n.scale&&e(On.space.scaleDown()))})(T,e,r,n)}),[T,f.space.transformMode,f.space.transformLocks]),B=r.useCallback((()=>{const e=co(n),t=new a.space.tree.Tree({planes:e,configuration:f,view:g}).compute();b(t)}),[g,f]),Y=e=>{const n=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.CONFIGURATION,callback:e=>{if(e.internal)return;const t=a.general.configuration.merge(e,f);"object"==typeof t.global.theme?("string"==typeof t.global.theme.general?E(j.default[t.global.theme.general]):E(t.global.theme.general),"string"==typeof t.global.theme.interaction?O(j.default[t.global.theme.interaction]):O(t.global.theme.interaction)):"string"==typeof t.global.theme&&(E(j.default[t.global.theme]),O(j.default[t.global.theme])),h(t)}}),r=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.SPACE_TRANSFORM,callback:e=>{const{value:t,internal:a}=e;a||_(t)}}),o=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.SPACE_ANIMATED_TRANSFORM,callback:e=>{const{value:t}=e;S(t.active),t.time?R(t.time):R(450)}}),i=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.SPACE_ROTATE_X_WITH,callback:e=>{const{value:t}=e;A(t)}}),l=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.SPACE_ROTATE_X_TO,callback:e=>{const{value:t}=e;C(t)}}),s=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.SPACE_ROTATE_Y_WITH,callback:e=>{const{value:t}=e;I(t)}}),c=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.SPACE_ROTATE_Y_TO,callback:e=>{const{value:t}=e;v(t)}}),u=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.SPACE_TRANSLATE_X_WITH,callback:e=>{const{value:t}=e;P(t)}}),d=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.SPACE_TRANSLATE_Y_WITH,callback:e=>{const{value:t}=e;L(t)}}),p=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.VIEW_ADD_PLANE,callback:e=>{const{plane:t}=e,a=[...g,t];N(a)}}),m=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.VIEW_SET_PLANES,callback:e=>{const{view:t}=e;N([...t])}}),T=e.subscribe({topic:t.PLURID_PUBSUB_TOPIC.VIEW_REMOVE_PLANE,callback:e=>{const{plane:t}=e,a=g.filter((e=>"string"!=typeof e||e===t));N(a)}});return()=>{e.unsubscribe(n,t.PLURID_PUBSUB_TOPIC.CONFIGURATION),e.unsubscribe(r,t.PLURID_PUBSUB_TOPIC.SPACE_TRANSFORM),e.unsubscribe(o,t.PLURID_PUBSUB_TOPIC.SPACE_ANIMATED_TRANSFORM),e.unsubscribe(i,t.PLURID_PUBSUB_TOPIC.SPACE_ROTATE_X_WITH),e.unsubscribe(l,t.PLURID_PUBSUB_TOPIC.SPACE_ROTATE_X_TO),e.unsubscribe(s,t.PLURID_PUBSUB_TOPIC.SPACE_ROTATE_Y_WITH),e.unsubscribe(c,t.PLURID_PUBSUB_TOPIC.SPACE_ROTATE_Y_TO),e.unsubscribe(u,t.PLURID_PUBSUB_TOPIC.SPACE_TRANSLATE_X_WITH),e.unsubscribe(d,t.PLURID_PUBSUB_TOPIC.SPACE_TRANSLATE_Y_WITH),e.unsubscribe(p,t.PLURID_PUBSUB_TOPIC.VIEW_ADD_PLANE),e.unsubscribe(m,t.PLURID_PUBSUB_TOPIC.VIEW_SET_PLANES),e.unsubscribe(T,t.PLURID_PUBSUB_TOPIC.VIEW_REMOVE_PLANE)}},V=e=>{const a={value:Object.assign({},m),internal:!0};e.publish({topic:t.PLURID_PUBSUB_TOPIC.SPACE_TRANSFORM,data:a}),e.publish({topic:t.PLURID_PUBSUB_TOPIC.CONFIGURATION,data:Object.assign(Object.assign({},f),{internal:!0})})},$=e=>{const{transformMode:a}=f.space,{velocity:n,distance:r,direction:o}=e;if(a===t.TRANSFORM_MODES.ALL)return;const i=a===t.TRANSFORM_MODES.ROTATION,l=a===t.TRANSFORM_MODES.TRANSLATION,s=a===t.TRANSFORM_MODES.SCALE;switch(S(!0),o){case 2:i&&I(60*n),l&&P(-1*r);break;case 4:i&&I(60*n),l&&P(r);break;case 8:i&&A(60*n),l&&L(-1*r),s&&U(n);break;case 16:i&&A(60*n),l&&L(r),s&&y(n)}setTimeout((()=>{S(!1)}),450)},X=e=>{const{transformMode:a}=f.space,{velocity:n,distance:r,direction:o}=e;if(a===t.TRANSFORM_MODES.ALL)return;const i=a===t.TRANSFORM_MODES.ROTATION,l=a===t.TRANSFORM_MODES.TRANSLATION,s=a===t.TRANSFORM_MODES.SCALE,c=20*n,u=r/5,d=n/4;switch(o){case 2:i&&I(c),l&&P(-1*u);break;case 4:i&&I(c),l&&P(u);break;case 8:i&&A(c),l&&L(-1*u),s&&U(d);break;case 16:i&&A(c),l&&L(u),s&&y(d)}};r.useEffect((()=>(D.current&&(D.current.addEventListener("keydown",k,{passive:!1}),D.current.addEventListener("wheel",G,{passive:!1})),()=>{D.current&&(D.current.removeEventListener("keydown",k),D.current.removeEventListener("wheel",G))})),[D.current,f.space.transformMode,f.space.firstPerson]),r.useEffect((()=>{const e=s.meta.debounce((()=>{if(D&&D.current){const e=D.current.offsetWidth,t=D.current.offsetHeight;w({width:e,height:t})}}),150);return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),r.useEffect((()=>(window.addEventListener("resize",B),()=>{window.removeEventListener("resize",B)})),[g,f]),r.useEffect((()=>{if("undefined"==typeof window)return;let e;return hn(void 0,void 0,void 0,(function*(){const a=(yield Sn()).default,{transformTouch:n}=f.space;delete a.defaults.cssProps.userSelect,delete a.defaults.cssProps.userDrag,delete a.defaults.cssProps.tapHighlightColor,delete a.defaults.cssProps.touchSelect,D.current&&(e=new a(D.current),e.get("pan").set({direction:a.DIRECTION_ALL}),e.get("swipe").set({direction:a.DIRECTION_ALL}),n===t.TRANSFORM_TOUCHES.PAN?e.on("pan",X):e.on("swipe",$))})),()=>{const{transformTouch:a}=f.space;a===t.TRANSFORM_TOUCHES.PAN?e&&e.off("pan",X):e&&e.off("swipe",$)}}),[D.current,f.space.transformTouch]),r.useEffect((()=>{const e=e=>{navigator.getGamepads()[e.gamepad.index]},t=e=>{navigator.getGamepads()[e.gamepad.index]};return window.addEventListener("gamepadconnected",e),window.addEventListener("gamepaddisconnected",t),()=>{window.removeEventListener("gamepadconnected",e),window.removeEventListener("gamepaddisconnected",t)}}),[]),r.useEffect((()=>{const e=[];for(const t of M){const a=Y(t);e.push(a)}return()=>{for(const t of e)t()}}),[M.length]),r.useEffect((()=>{for(const e of M)V(e)}),[M.length,f,m]),r.useEffect((()=>{B()}),[g]);const W={planesRegistrar:n,planeContext:i,planeContextValue:l,customPlane:o,planeNotFound:u,planeRenderError:d,matchedRoute:p,registerPubSub:e=>{const t=[...M,e];F(t)}},z=0===g.length?x.default.createElement(x.default.Fragment,null):x.default.createElement(so,null);return x.default.createElement(An,{ref:D,tabIndex:0,transformMode:f.space.transformMode,"data-plurid-entity":t.PLURID_ENTITY_VIEW},x.default.createElement(bn,null),x.default.createElement(En.Provider,{value:W},z))})),{registerPlanes:po}=a.planes;class fo extends r.Component{constructor(e,t){super(e),this.storeID=e.id||"default",this.context=t;const a=this.computeStore();this.store=gn(a),this.subscribeStore()}componentDidUpdate(){const e=this.computeStore();this.store.dispatch({type:"SET_STATE",payload:e})}componentWillUnmount(){this.storeUnubscriber&&this.storeUnubscriber()}render(){return x.default.createElement(o.Provider,{store:this.store,context:Tn},x.default.createElement(uo,Object.assign({},this.props)))}computeStore(){const{view:e,planes:t,configuration:n,precomputedState:r,planesRegistrar:o,id:i,useLocalStorage:l}=this.props;po(t,o);const s=this.store?this.store.getState():void 0,c=a.state.local.load(this.storeID,l),u=i&&this.context&&this.context.states[i]?this.context.states[i]:void 0;return a.state.compute(e,n,o,s,c,r,u)}subscribeStore(){this.store&&"undefined"!=typeof localStorage&&this.props.useLocalStorage&&(this.storeUnubscriber=this.store.subscribe((()=>{const e=this.store.getState(),t=JSON.stringify(e);localStorage.setItem("pluridState-"+this.storeID,t)})))}}fo.contextType=B;const mo=k.default.div`
     scroll-snap-type: ${e=>{const{alignment:t,snapType:a}=e;return"none"===a?"none":t+" "+a}};
 
     flex-direction: ${e=>{const{alignment:t}=e;return"x"===t?"row":"column"}};
@@ -476,7 +476,7 @@
     height: 100vh;
     height: -webkit-fill-available;
     width: 100vw;
-`,{resolvePluridRoutePlaneData:go,Registrar:To}=a.planes,Eo=(e,n,r,o)=>{if(o||"RoutePlane"===(null==e?void 0:e.kind)){const t=o||e;if(!t)return()=>()=>x.default.createElement(x.default.Fragment,null);return ho(t,n)}if(!e){const e=r.match("/not-found","route");if(e&&"Route"===e.kind){return Eo(e,n,r)}return()=>()=>x.default.createElement(x.default.Fragment,null)}const{exterior:i,view:l,planes:c,spaces:u,defaultConfiguration:d,slotted:p}=e.data,f={value:e.match.value,parameters:e.match.parameters,query:e.match.query};let m;return jn(i)&&(m=i,m&&(m.displayName="PluridRouteExterior")),!i||!m||l||c||u?l?()=>{const e=new M.default,t=x.default.createElement(fo,{view:l,planesRegistrar:n,configuration:d,pubsub:e});return()=>x.default.createElement(x.default.Fragment,null,m&&x.default.createElement(m,{plurid:f,pubsub:e,spaces:p?[t]:void 0}),!p&&x.default.createElement(x.default.Fragment,null,t))}:(e=>{var n,r,o,i,l,c;if("Route"!==e.kind)return()=>()=>x.default.createElement(x.default.Fragment,null);const u="http",d="localhost:63000",{match:p,data:f}=e,{parameters:m,query:g}=p,T={value:p.value,parameters:m,query:g},{exterior:E,planes:h,spaces:O,slotted:_}=e.data,S=(null===(n=f.multispace)||void 0===n?void 0:n.alignment)||"y",R=(null===(r=f.multispace)||void 0===r?void 0:r.snapType)||"mandatory";let b=()=>x.default.createElement(x.default.Fragment,null);jn(E)&&(b=E);let A=()=>x.default.createElement(x.default.Fragment,null);const C=[];if(O)for(const e of O){const n=[],r=[];if(e.planes)for(const o of e.planes){const i=go(o),{component:l}=i,s=[u,d,f.value===t.PLURID_ROUTE_DEFAULT_PATH_VALUE?t.PLURID_ROUTE_DEFAULT_PATH:a.utilities.cleanPathElement(f.value),e.value===t.PLURID_ROUTE_DEFAULT_SPACE_VALUE?t.PLURID_ROUTE_DEFAULT_SPACE:a.utilities.cleanPathElement(e.value),t.PLURID_ROUTE_DEFAULT_UNIVERSE,t.PLURID_ROUTE_DEFAULT_CLUSTER,a.utilities.cleanPathElement(i.value)].join(t.PLURID_ROUTE_SEPARATOR),c={component:l,route:s};n.push(c),r.push(s)}if(e.universes)for(const o of e.universes){if(o.clusters)for(const i of o.clusters)for(const l of i.planes){const s=go(l),{component:c}=s,p=[u,d,f.value===t.PLURID_ROUTE_DEFAULT_PATH_VALUE?t.PLURID_ROUTE_DEFAULT_PATH:a.utilities.cleanPathElement(f.value),e.value===t.PLURID_ROUTE_DEFAULT_SPACE_VALUE?t.PLURID_ROUTE_DEFAULT_SPACE:a.utilities.cleanPathElement(e.value),o.value===t.PLURID_ROUTE_DEFAULT_UNIVERSE_VALUE?t.PLURID_ROUTE_DEFAULT_UNIVERSE:a.utilities.cleanPathElement(o.value),i.value===t.PLURID_ROUTE_DEFAULT_CLUSTER_VALUE?t.PLURID_ROUTE_DEFAULT_CLUSTER:a.utilities.cleanPathElement(i.value),a.utilities.cleanPathElement(s.value)].join(t.PLURID_ROUTE_SEPARATOR),m={component:c,route:p};n.push(m),f.view?f.view.includes(s.value)&&r.push(p):r.push(p)}if(o.planes)for(const i of o.planes){const l=go(i),{component:s}=l,c=[u,d,f.value===t.PLURID_ROUTE_DEFAULT_PATH_VALUE?t.PLURID_ROUTE_DEFAULT_PATH:a.utilities.cleanPathElement(f.value),e.value===t.PLURID_ROUTE_DEFAULT_SPACE_VALUE?t.PLURID_ROUTE_DEFAULT_SPACE:a.utilities.cleanPathElement(e.value),o.value===t.PLURID_ROUTE_DEFAULT_UNIVERSE_VALUE?t.PLURID_ROUTE_DEFAULT_UNIVERSE:a.utilities.cleanPathElement(o.value),t.PLURID_ROUTE_DEFAULT_CLUSTER,a.utilities.cleanPathElement(l.value)].join(t.PLURID_ROUTE_SEPARATOR),p={component:s,route:c};n.push(p),r.push(c)}}const o=new To,i=x.default.createElement(fo,{key:s.uuid.generate(),id:f.value,planes:n,view:r,configuration:e.configuration,planesRegistrar:o});C.push(i)}if(h){const e=[],n=[];for(const r of h){const o=go(r),{component:i}=o,l=[u,d,f.value===t.PLURID_ROUTE_DEFAULT_PATH_VALUE?t.PLURID_ROUTE_DEFAULT_PATH:a.utilities.cleanPathElement(f.value),t.PLURID_ROUTE_DEFAULT_SPACE,t.PLURID_ROUTE_DEFAULT_UNIVERSE,t.PLURID_ROUTE_DEFAULT_CLUSTER,a.utilities.cleanPathElement(o.value)].join(t.PLURID_ROUTE_SEPARATOR),s={component:i,route:l};e.push(s),f.view?f.view.includes(o.value)&&n.push(l):n.push(l)}const r=x.default.createElement(fo,{key:s.uuid.generate(),id:f.value,planes:e,view:n,configuration:f.defaultConfiguration});C.push(r)}let I,v;return jn(null===(o=f.multispace)||void 0===o?void 0:o.header)&&(I=null===(i=f.multispace)||void 0===i?void 0:i.header),jn(null===(l=f.multispace)||void 0===l?void 0:l.footer)&&(v=null===(c=f.multispace)||void 0===c?void 0:c.footer),A=()=>x.default.createElement(mo,{alignment:S,snapType:R,"data-plurid-entity":t.PLURID_ENTITY_MULTISPACE},I&&x.default.createElement(I,{plurid:T}),C,v&&x.default.createElement(v,{plurid:T})),()=>()=>x.default.createElement(x.default.Fragment,null,E&&x.default.createElement(b,{spaces:_?C:void 0,plurid:T}),(O||h)&&!_&&x.default.createElement(A,null))})(e):()=>()=>x.default.createElement(x.default.Fragment,null,m&&x.default.createElement(m,{plurid:f}))},ho=(e,t)=>{if(e.match.query.flat){const a=e.match.query.flat.toLowerCase();if("true"===a||"1"===a){const a=t.get(e.match.value);if(a){const e=a.component;if("function"!=typeof e)return()=>()=>x.default.createElement(x.default.Fragment,null);return()=>()=>x.default.createElement(x.default.Fragment,null,x.default.createElement(e,null))}}}return()=>()=>x.default.createElement(x.default.Fragment,null,x.default.createElement(fo,{view:[e.match.value],planesRegistrar:t}))},{Registrar:Oo}=a.planes,{IsoMatcher:_o}=a.routing,So=e=>{const{routes:a,planes:n,exterior:o,shell:i,static:l,view:c,cleanNavigation:u,notFoundPath:d}=e,p=d||"/not-found",m=((e,t)=>{const a=[];for(const t of e){if(t.planes)for(const e of t.planes){const n=go(e),r={route:n.link?n.link:n.value.startsWith("/")?n.value:t.value+"/"+n.value,component:n.component};a.push(r)}t.spaces}if(t)for(const e of t){const t=go(e),n={route:t.value,component:t.component};a.push(n)}return a})(a,n),g=r.useRef(new Oo(m)),T=r.useRef(new _o({routes:a,routePlanes:n})),E=f.useMounted(),[h,O]=r.useState((e=>e?e.path:"undefined"!=typeof window?window.location.pathname+window.location.search:"/")(l)),[_,S]=r.useState(T.current.match(h,"route")),[R,b]=r.useState(Eo(_,g.current,T.current,l&&l.directPlane?T.current.match(l.directPlane,"route"):void 0)),A=e=>{let t;e&&e.detail&&e.detail.path&&!t&&(t=e.detail.path),u&&c&&!t&&(t=c);const a=window.location.pathname;t||(t=a+window.location.search),O(t)};let C;r.useEffect((()=>(window.addEventListener("popstate",A),window.addEventListener(t.PLURID_ROUTER_LOCATION_CHANGED,A),()=>{window.removeEventListener("popstate",A),window.removeEventListener(t.PLURID_ROUTER_LOCATION_CHANGED,A)})),[]),r.useEffect((()=>{if(!E)return;u||location.pathname!==h&&history.pushState(null,"",h);let e=T.current.match(h,"route");if(e&&"RoutePlane"===e.kind){const t=ho(e,g.current);return S(e),void b(t)}e||(e=T.current.match(p,"route")),S(e),b(Eo(e,g.current,T.current))}),[E,h]),r.useEffect((()=>{if(!_)return;if("Route"!==_.kind)return;const e=_.match.value;s.storage.saveState(e,t.PLURID_ROUTER_STORAGE);const a=new CustomEvent(t.PLURID_ROUTER_LOCATION_STORED,{detail:{path:e}});window.dispatchEvent(a)}),[u,_]),jn(o)&&(C=o,C&&(C.displayName="PluridRouterExterior"));let I=({children:e})=>x.default.createElement(x.default.Fragment,null,e);return jn(i)&&(I=i,I&&(I.displayName="PluridRouterShell")),x.default.createElement(x.default.Fragment,null,C&&x.default.createElement(C,{matchedRoute:_}),x.default.createElement(I,{matchedRoute:_},x.default.createElement(R,null)))},Ro=e=>{const{path:t,directPlane:a,routes:n,planes:r,exterior:o,shell:i,protocol:l,host:s,gateway:c,gatewayQuery:u,gatewayEndpoint:d}=e,p=l||"http",f=s||"localhost:63000";return x.default.createElement(So,{routes:n,planes:r,exterior:o,shell:i,static:{path:t,directPlane:a},protocol:p,host:f})};class bo extends r.Component{constructor(e){super(e),this.properties=e}render(){const{metastate:e,children:t}=this.properties;return x.default.createElement(B.Provider,{value:e},t)}}bo.displayName="PluridProvider";const Ao={x:0,y:0},Co=e=>{const{elementID:t,rootID:a,children:n}=e,r=f.usePortal(t,a);return m.createPortal(n,r)},Io=k.default.div`
+`,{resolvePluridRoutePlaneData:go,Registrar:To}=a.planes,ho=(e,n,r,o)=>{if(o||"RoutePlane"===(null==e?void 0:e.kind)){const t=o||e;if(!t)return()=>()=>x.default.createElement(x.default.Fragment,null);return Eo(t,n)}if(!e){const e=r.match("/not-found","route");if(e&&"Route"===e.kind){return ho(e,n,r)}return()=>()=>x.default.createElement(x.default.Fragment,null)}const{exterior:i,view:l,planes:c,spaces:u,defaultConfiguration:d,slotted:p}=e.data,f={value:e.match.value,parameters:e.match.parameters,query:e.match.query};let m;return jn(i)&&(m=i,m&&(m.displayName="PluridRouteExterior")),!i||!m||l||c||u?l?()=>{const t=new M.default,a=x.default.createElement(fo,{view:l,planesRegistrar:n,configuration:d,pubsub:t,matchedRoute:e});return()=>x.default.createElement(x.default.Fragment,null,m&&x.default.createElement(m,{plurid:f,pubsub:t,spaces:p?[a]:void 0}),!p&&x.default.createElement(x.default.Fragment,null,a))}:(e=>{var n,r,o,i,l,c;if("Route"!==e.kind)return()=>()=>x.default.createElement(x.default.Fragment,null);const u="http",d="localhost:63000",{match:p,data:f}=e,{parameters:m,query:g}=p,T={value:p.value,parameters:m,query:g},{exterior:h,planes:E,spaces:O,slotted:_}=e.data,S=(null===(n=f.multispace)||void 0===n?void 0:n.alignment)||"y",R=(null===(r=f.multispace)||void 0===r?void 0:r.snapType)||"mandatory";let b=()=>x.default.createElement(x.default.Fragment,null);jn(h)&&(b=h);let A=()=>x.default.createElement(x.default.Fragment,null);const C=[];if(O)for(const e of O){const n=[],r=[];if(e.planes)for(const o of e.planes){const i=go(o),{component:l}=i,s=[u,d,f.value===t.PLURID_ROUTE_DEFAULT_PATH_VALUE?t.PLURID_ROUTE_DEFAULT_PATH:a.utilities.cleanPathElement(f.value),e.value===t.PLURID_ROUTE_DEFAULT_SPACE_VALUE?t.PLURID_ROUTE_DEFAULT_SPACE:a.utilities.cleanPathElement(e.value),t.PLURID_ROUTE_DEFAULT_UNIVERSE,t.PLURID_ROUTE_DEFAULT_CLUSTER,a.utilities.cleanPathElement(i.value)].join(t.PLURID_ROUTE_SEPARATOR),c={component:l,route:s};n.push(c),r.push(s)}if(e.universes)for(const o of e.universes){if(o.clusters)for(const i of o.clusters)for(const l of i.planes){const s=go(l),{component:c}=s,p=[u,d,f.value===t.PLURID_ROUTE_DEFAULT_PATH_VALUE?t.PLURID_ROUTE_DEFAULT_PATH:a.utilities.cleanPathElement(f.value),e.value===t.PLURID_ROUTE_DEFAULT_SPACE_VALUE?t.PLURID_ROUTE_DEFAULT_SPACE:a.utilities.cleanPathElement(e.value),o.value===t.PLURID_ROUTE_DEFAULT_UNIVERSE_VALUE?t.PLURID_ROUTE_DEFAULT_UNIVERSE:a.utilities.cleanPathElement(o.value),i.value===t.PLURID_ROUTE_DEFAULT_CLUSTER_VALUE?t.PLURID_ROUTE_DEFAULT_CLUSTER:a.utilities.cleanPathElement(i.value),a.utilities.cleanPathElement(s.value)].join(t.PLURID_ROUTE_SEPARATOR),m={component:c,route:p};n.push(m),f.view?f.view.includes(s.value)&&r.push(p):r.push(p)}if(o.planes)for(const i of o.planes){const l=go(i),{component:s}=l,c=[u,d,f.value===t.PLURID_ROUTE_DEFAULT_PATH_VALUE?t.PLURID_ROUTE_DEFAULT_PATH:a.utilities.cleanPathElement(f.value),e.value===t.PLURID_ROUTE_DEFAULT_SPACE_VALUE?t.PLURID_ROUTE_DEFAULT_SPACE:a.utilities.cleanPathElement(e.value),o.value===t.PLURID_ROUTE_DEFAULT_UNIVERSE_VALUE?t.PLURID_ROUTE_DEFAULT_UNIVERSE:a.utilities.cleanPathElement(o.value),t.PLURID_ROUTE_DEFAULT_CLUSTER,a.utilities.cleanPathElement(l.value)].join(t.PLURID_ROUTE_SEPARATOR),p={component:s,route:c};n.push(p),r.push(c)}}const o=new To,i=x.default.createElement(fo,{key:s.uuid.generate(),id:f.value,planes:n,view:r,configuration:e.configuration,planesRegistrar:o});C.push(i)}if(E){const e=[],n=[];for(const r of E){const o=go(r),{component:i}=o,l=[u,d,f.value===t.PLURID_ROUTE_DEFAULT_PATH_VALUE?t.PLURID_ROUTE_DEFAULT_PATH:a.utilities.cleanPathElement(f.value),t.PLURID_ROUTE_DEFAULT_SPACE,t.PLURID_ROUTE_DEFAULT_UNIVERSE,t.PLURID_ROUTE_DEFAULT_CLUSTER,a.utilities.cleanPathElement(o.value)].join(t.PLURID_ROUTE_SEPARATOR),s={component:i,route:l};e.push(s),f.view?f.view.includes(o.value)&&n.push(l):n.push(l)}const r=x.default.createElement(fo,{key:s.uuid.generate(),id:f.value,planes:e,view:n,configuration:f.defaultConfiguration});C.push(r)}let I,v;return jn(null===(o=f.multispace)||void 0===o?void 0:o.header)&&(I=null===(i=f.multispace)||void 0===i?void 0:i.header),jn(null===(l=f.multispace)||void 0===l?void 0:l.footer)&&(v=null===(c=f.multispace)||void 0===c?void 0:c.footer),A=()=>x.default.createElement(mo,{alignment:S,snapType:R,"data-plurid-entity":t.PLURID_ENTITY_MULTISPACE},I&&x.default.createElement(I,{plurid:T}),C,v&&x.default.createElement(v,{plurid:T})),()=>()=>x.default.createElement(x.default.Fragment,null,h&&x.default.createElement(b,{spaces:_?C:void 0,plurid:T}),(O||E)&&!_&&x.default.createElement(A,null))})(e):()=>()=>x.default.createElement(x.default.Fragment,null,m&&x.default.createElement(m,{plurid:f}))},Eo=(e,t)=>{if(e.match.query.flat){const a=e.match.query.flat.toLowerCase();if("true"===a||"1"===a){const a=t.get(e.match.value);if(a){const e=a.component;if("function"!=typeof e)return()=>()=>x.default.createElement(x.default.Fragment,null);return()=>()=>x.default.createElement(x.default.Fragment,null,x.default.createElement(e,null))}}}const{defaultConfiguration:a}=null==e?void 0:e.data;return()=>()=>x.default.createElement(x.default.Fragment,null,x.default.createElement(fo,{view:[e.match.value],planesRegistrar:t,configuration:a}))},{Registrar:Oo}=a.planes,{IsoMatcher:_o}=a.routing,So=e=>{const{routes:a,planes:n,exterior:o,shell:i,static:l,view:c,cleanNavigation:u,notFoundPath:d}=e,p=d||"/not-found",m=((e,t)=>{const a=[];for(const t of e){if(t.planes)for(const e of t.planes){const n=go(e),r={route:n.link?n.link:n.value.startsWith("/")?n.value:t.value+"/"+n.value,component:n.component};a.push(r)}t.spaces}if(t)for(const e of t){const t=go(e),n={route:t.value,component:t.component};a.push(n)}return a})(a,n),g=r.useRef(new Oo(m)),T=r.useRef(new _o({routes:a,routePlanes:n})),h=f.useMounted(),[E,O]=r.useState((e=>e?e.path:"undefined"!=typeof window?window.location.pathname+window.location.search:"/")(l)),[_,S]=r.useState(T.current.match(E,"route")),[R,b]=r.useState(ho(_,g.current,T.current,l&&l.directPlane?T.current.match(l.directPlane,"route"):void 0)),A=e=>{let t;e&&e.detail&&e.detail.path&&!t&&(t=e.detail.path),u&&c&&!t&&(t=c);const a=window.location.pathname;t||(t=a+window.location.search),O(t)};let C;r.useEffect((()=>(window.addEventListener("popstate",A),window.addEventListener(t.PLURID_ROUTER_LOCATION_CHANGED,A),()=>{window.removeEventListener("popstate",A),window.removeEventListener(t.PLURID_ROUTER_LOCATION_CHANGED,A)})),[]),r.useEffect((()=>{if(!h)return;u||location.pathname!==E&&history.pushState(null,"",E);let e=T.current.match(E,"route");if(e&&"RoutePlane"===e.kind){const t=Eo(e,g.current);return S(e),void b(t)}e||(e=T.current.match(p,"route")),S(e),b(ho(e,g.current,T.current))}),[h,E]),r.useEffect((()=>{if(!_)return;if("Route"!==_.kind)return;const e=_.match.value;s.storage.saveState(e,t.PLURID_ROUTER_STORAGE);const a=new CustomEvent(t.PLURID_ROUTER_LOCATION_STORED,{detail:{path:e}});window.dispatchEvent(a)}),[u,_]),jn(o)&&(C=o,C&&(C.displayName="PluridRouterExterior"));let I=({children:e})=>x.default.createElement(x.default.Fragment,null,e);return jn(i)&&(I=i,I&&(I.displayName="PluridRouterShell")),x.default.createElement(x.default.Fragment,null,C&&x.default.createElement(C,{matchedRoute:_}),x.default.createElement(I,{matchedRoute:_},x.default.createElement(R,null)))},Ro=e=>{const{path:t,directPlane:a,routes:n,planes:r,exterior:o,shell:i,protocol:l,host:s,gateway:c,gatewayQuery:u,gatewayEndpoint:d}=e,p=l||"http",f=s||"localhost:63000";return x.default.createElement(So,{routes:n,planes:r,exterior:o,shell:i,static:{path:t,directPlane:a},protocol:p,host:f})};class bo extends r.Component{constructor(e){super(e),this.properties=e}render(){const{metastate:e,children:t}=this.properties;return x.default.createElement(B.Provider,{value:e},t)}}bo.displayName="PluridProvider";const Ao={x:0,y:0},Co=e=>{const{elementID:t,rootID:a,children:n}=e,r=f.usePortal(t,a);return m.createPortal(n,r)},Io=k.default.div`
     position: absolute;
     min-width: 600px;
     min-height: 300px;
@@ -486,7 +486,7 @@
     left: ${({linkCoordinates:e})=>e.x+5+"px"};
     background-color: ${({theme:e})=>e.backgroundColorSecondary};
     box-shadow: ${({theme:e})=>e.boxShadowUmbra};
-`,{getPlanesRegistrar:vo}=a.planes,Po=o.connect((e=>({stateGeneralTheme:Rn.themes.getGeneralTheme(e),stateInteractionTheme:Rn.themes.getInteractionTheme(e)})),(e=>({})),null,{context:Tn})((e=>{const{planeID:t,linkCoordinates:a,stateGeneralTheme:n}=e,o=r.useContext(hn);if(!o)return x.default.createElement(x.default.Fragment,null);const{planesRegistrar:i}=o,l=vo(i);if(!l)return x.default.createElement(x.default.Fragment,null);const s=l.get(t);if(!s)return x.default.createElement(x.default.Fragment,null);const c=s.component;return"function"!=typeof c?x.default.createElement(x.default.Fragment,null):x.default.createElement(Io,{theme:n,linkCoordinates:a},x.default.createElement(c,null))})),Lo=k.default.a`
+`,{getPlanesRegistrar:vo}=a.planes,Po=o.connect((e=>({stateGeneralTheme:Rn.themes.getGeneralTheme(e),stateInteractionTheme:Rn.themes.getInteractionTheme(e)})),(e=>({})),null,{context:Tn})((e=>{const{planeID:t,linkCoordinates:a,stateGeneralTheme:n}=e,o=r.useContext(En);if(!o)return x.default.createElement(x.default.Fragment,null);const{planesRegistrar:i}=o,l=vo(i);if(!l)return x.default.createElement(x.default.Fragment,null);const s=l.get(t);if(!s)return x.default.createElement(x.default.Fragment,null);const c=s.component;return"function"!=typeof c?x.default.createElement(x.default.Fragment,null):x.default.createElement(Io,{theme:n,linkCoordinates:a},x.default.createElement(c,null))})),Lo=k.default.a`
     /**
      * Forces element to go to the second row if inlined.
      */
@@ -502,7 +502,7 @@
     ::after {
         content: "${({devisible:e,suffix:t})=>e?"":t||"'"}";
     }
-`,{resolveRoute:Uo,computePlaneAddress:yo}=a.routing,{getPlanesRegistrar:wo,getPluridPlaneIDByData:No}=a.planes;var Do=o.connect((e=>({stateTree:Rn.space.getTree(e),stateGeneralTheme:Rn.themes.getGeneralTheme(e),stateConfiguration:Rn.configuration.getConfiguration(e),stateViewSize:Rn.space.getViewSize(e)})),(e=>({dispatchSetTree:t=>e(On.space.setTree(t)),dispatchUpdateSpaceLinkCoordinates:t=>e(On.space.updateSpaceLinkCoordinates(t))})),null,{context:Tn})((e=>{const{children:n,route:o,devisible:i,suffix:l,atClick:s,style:c,className:u,stateTree:d,stateGeneralTheme:p,stateConfiguration:f,stateViewSize:m,dispatchSetTree:g,dispatchUpdateSpaceLinkCoordinates:T}=e,E=f.elements.plane.controls.show,h=t.PLURID_DEFAULT_CONFIGURATION_LINK_PREVIEW_FADE_IN,O=t.PLURID_DEFAULT_CONFIGURATION_LINK_PREVIEW_FADE_OUT,_=yo(o),S=Uo(_,f.network.protocol,f.network.host),R=r.useContext(hn);if(!R)return x.default.createElement(x.default.Fragment,null,n);const{planesRegistrar:b}=R,A=wo(b);if(!A)return x.default.createElement(x.default.Fragment,null,n);const C=r.useRef(null),I=r.useRef(null),v=r.useRef(null),[P,L]=r.useState(!1),[U,y]=r.useState(!1),[w,N]=r.useState(!1),[D,M]=r.useState(""),[F,j]=r.useState(""),[k,G]=r.useState(""),[B,Y]=r.useState(Ao),[V,$]=r.useState(null!=l?l:t.PLURID_DEFAULT_CONFIGURATION_LINK_SUFFIX),[X,W]=r.useState(null!=i&&i),z=()=>{const e=C.current;if(!e)return Object.assign({},Ao);let t=0,a=0,n=!1,r=e,o=!0,i=0,l=0;for(;o;)if("static"!==window.getComputedStyle(r).position||n||(t+=r.offsetTop,a+=r.offsetLeft,n=!0),"relative"===window.getComputedStyle(r).position&&(i+=t,l+=a,t=0,a=0,n=!1),r.scrollLeft&&(l+=-r.scrollLeft),r.scrollTop&&(i+=-r.scrollTop),r.parentElement){"PluridPlane"===r.parentElement.dataset.pluridEntity&&(o=!1),r=r.parentElement}else o=!1;const s=E?56:0;return{x:l+e.offsetWidth,y:i+s}},H=()=>{w||F?(()=>{const e=a.space.tree.logic.togglePlaneFromTree(d,F);g(e),N((e=>!e)),y(!1)})():(()=>{if(!k||!S)return;const{route:e}=S,t=z(),{pluridPlaneID:n,updatedTree:r}=a.space.tree.logic.updateTreeWithNewPlane(e,k,t,d,A.getAll(),f);n&&(g(r),N(!0),j(n))})()},Z=r.useCallback((e=>{e.preventDefault(),void 0!==s&&s(e),H()}),[C.current,d]);return r.useEffect((()=>{void 0!==l&&$(l),void 0!==i&&W(i)}),[l,i]),r.useEffect((()=>{w&&(()=>{const e=z();T({planeID:F,linkCoordinates:e})})()}),[m]),r.useEffect((()=>{const e=No(C.current);G(e);const t=z();Y(t)}),[]),r.useEffect((()=>(P&&v.current&&(I.current=setTimeout((()=>{y(!0)}),h),clearTimeout(v.current)),P||(v.current=setTimeout((()=>{y(!1),I.current&&clearTimeout(I.current)}),O)),()=>{v.current&&clearTimeout(v.current),I.current&&clearTimeout(I.current)})),[P]),r.useEffect((()=>{}),[]),x.default.createElement(Lo,{ref:C,onClick:e=>Z(e),onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1),theme:p,suffix:V,devisible:X,style:Object.assign({},c),className:u,"data-plurid-entity":t.PLURID_ENTITY_LINK},n,U&&!w&&x.default.createElement(Co,{elementID:`preview-${k}`,rootID:k},x.default.createElement(Po,{planeID:D,linkCoordinates:B})))}));const Mo=k.default.a`
+`,{resolveRoute:Uo,computePlaneAddress:yo}=a.routing,{getPlanesRegistrar:wo,getPluridPlaneIDByData:No}=a.planes;var Do=o.connect((e=>({stateTree:Rn.space.getTree(e),stateGeneralTheme:Rn.themes.getGeneralTheme(e),stateConfiguration:Rn.configuration.getConfiguration(e),stateViewSize:Rn.space.getViewSize(e)})),(e=>({dispatchSetTree:t=>e(On.space.setTree(t)),dispatchUpdateSpaceLinkCoordinates:t=>e(On.space.updateSpaceLinkCoordinates(t))})),null,{context:Tn})((e=>{const{children:n,route:o,devisible:i,suffix:l,atClick:s,style:c,className:u,stateTree:d,stateGeneralTheme:p,stateConfiguration:f,stateViewSize:m,dispatchSetTree:g,dispatchUpdateSpaceLinkCoordinates:T}=e,h=f.elements.plane.controls.show,E=t.PLURID_DEFAULT_CONFIGURATION_LINK_PREVIEW_FADE_IN,O=t.PLURID_DEFAULT_CONFIGURATION_LINK_PREVIEW_FADE_OUT,_=yo(o),S=Uo(_,f.network.protocol,f.network.host),R=r.useContext(En);if(!R)return x.default.createElement(x.default.Fragment,null,n);const{planesRegistrar:b}=R,A=wo(b);if(!A)return x.default.createElement(x.default.Fragment,null,n);const C=r.useRef(null),I=r.useRef(null),v=r.useRef(null),[P,L]=r.useState(!1),[U,y]=r.useState(!1),[w,N]=r.useState(!1),[D,M]=r.useState(""),[F,j]=r.useState(""),[k,G]=r.useState(""),[B,Y]=r.useState(Ao),[V,$]=r.useState(null!=l?l:t.PLURID_DEFAULT_CONFIGURATION_LINK_SUFFIX),[X,W]=r.useState(null!=i&&i),z=()=>{const e=C.current;if(!e)return Object.assign({},Ao);let t=0,a=0,n=!1,r=e,o=!0,i=0,l=0;for(;o;)if("static"!==window.getComputedStyle(r).position||n||(t+=r.offsetTop,a+=r.offsetLeft,n=!0),"relative"===window.getComputedStyle(r).position&&(i+=t,l+=a,t=0,a=0,n=!1),r.scrollLeft&&(l+=-r.scrollLeft),r.scrollTop&&(i+=-r.scrollTop),r.parentElement){"PluridPlane"===r.parentElement.dataset.pluridEntity&&(o=!1),r=r.parentElement}else o=!1;const s=h?56:0;return{x:l+e.offsetWidth,y:i+s}},H=()=>{w||F?(()=>{const e=a.space.tree.logic.togglePlaneFromTree(d,F);g(e),N((e=>!e)),y(!1)})():(()=>{if(!k||!S)return;const{route:e}=S,t=z(),{pluridPlaneID:n,updatedTree:r}=a.space.tree.logic.updateTreeWithNewPlane(e,k,t,d,A.getAll(),f);n&&(g(r),N(!0),j(n))})()},Z=r.useCallback((e=>{e.preventDefault(),void 0!==s&&s(e),H()}),[C.current,d]);return r.useEffect((()=>{void 0!==l&&$(l),void 0!==i&&W(i)}),[l,i]),r.useEffect((()=>{w&&(()=>{const e=z();T({planeID:F,linkCoordinates:e})})()}),[m]),r.useEffect((()=>{const e=No(C.current);G(e);const t=z();Y(t)}),[]),r.useEffect((()=>(P&&v.current&&(I.current=setTimeout((()=>{y(!0)}),E),clearTimeout(v.current)),P||(v.current=setTimeout((()=>{y(!1),I.current&&clearTimeout(I.current)}),O)),()=>{v.current&&clearTimeout(v.current),I.current&&clearTimeout(I.current)})),[P]),r.useEffect((()=>{}),[]),x.default.createElement(Lo,{ref:C,onClick:e=>Z(e),onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1),theme:p,suffix:V,devisible:X,style:Object.assign({},c),className:u,"data-plurid-entity":t.PLURID_ENTITY_LINK},n,U&&!w&&x.default.createElement(Co,{elementID:`preview-${k}`,rootID:k},x.default.createElement(Po,{planeID:D,linkCoordinates:B})))}));const Mo=k.default.a`
 `,xo=k.default.div`
     cursor: pointer;
 `,Fo=e=>{const{route:t,children:n,asAnchor:r,style:o,className:i,atClick:l}=e,s={onClick:e=>{if(l){if(l(e))return}e.preventDefault(),a.pluridRouterNavigate(t)},style:o,className:i};return null==r||r?x.default.createElement(Mo,Object.assign({href:t},s),n):x.default.createElement(xo,Object.assign({},s),n)},jo=k.default.div`
@@ -511,15 +511,15 @@
     width: 0;
     user-select: none;
     pointer-events: none;
-`,ko=o.connect((e=>({stateConfiguration:Rn.configuration.getConfiguration(e)})),(e=>({dispatchSetConfiguration:t=>e(On.configuration.setConfiguration(t))})),null,{context:Tn})((e=>{const n=r.useContext(hn);if(!n)return x.default.createElement(x.default.Fragment,null);const{registerPubSub:o}=n,{configuration:i,pubsub:l,stateConfiguration:s,dispatchSetConfiguration:c}=e,u=r.useRef(null);return r.useEffect((()=>{const e=a.general.configuration.merge(i,s);c(e)}),[i]),r.useEffect((()=>{l&&o(l)}),[l]),x.default.createElement(jo,{ref:u,"data-plurid-entity":t.PLURID_ENTITY_APPLICATION_CONFIGURATOR})})),Go=k.default.div`
+`,ko=o.connect((e=>({stateConfiguration:Rn.configuration.getConfiguration(e)})),(e=>({dispatchSetConfiguration:t=>e(On.configuration.setConfiguration(t))})),null,{context:Tn})((e=>{const n=r.useContext(En);if(!n)return x.default.createElement(x.default.Fragment,null);const{registerPubSub:o}=n,{configuration:i,pubsub:l,stateConfiguration:s,dispatchSetConfiguration:c}=e,u=r.useRef(null);return r.useEffect((()=>{const e=a.general.configuration.merge(i,s);c(e)}),[i]),r.useEffect((()=>{l&&o(l)}),[l]),x.default.createElement(jo,{ref:u,"data-plurid-entity":t.PLURID_ENTITY_APPLICATION_CONFIGURATOR})})),Go=k.default.div`
     position: absolute;
     height: 0;
     width: 0;
     user-select: none;
     pointer-events: none;
 `,{getPluridPlaneIDByData:Bo}=a.planes,Yo=o.connect((e=>({})),(e=>({})),null,{context:Tn})((e=>{const a=r.useRef(null),[n,o]=r.useState("");return r.useEffect((()=>{const e=Bo(a.current);o(e)}),[]),x.default.createElement(Go,{ref:a,"data-plurid-entity":t.PLURID_ENTITY_PLANE_CONFIGURATOR})})),Vo=k.default.div`
-`,$o=o.connect((e=>({stateGeneralTheme:Rn.themes.getGeneralTheme(e),stateInteractionTheme:Rn.themes.getInteractionTheme(e)})),(e=>({})),null,{context:Tn})((e=>{const{plurid:t}=e,a=t.value,n=r.useRef(!1),[o,i]=r.useState();return r.useEffect((()=>(n.current=!0,()=>{n.current=!1}))),r.useEffect((()=>{let e=!1;En(void 0,void 0,void 0,(function*(){if(!e){e=!0;try{const{domain:e,url:t}=(e=>{const t=e.match(/^pttp:\/\/(\w+(\.|:)\w+)\/?/);if(!t)return{domain:"",url:""};const a=t[1];return{domain:a,url:`http://${a}/pttp`}})(a),r=((e,t)=>{if(e)return t.replace(`pttp://${e}`,"")})(e,a);if(!t||!r)return;const o=yield((e,t)=>En(void 0,void 0,void 0,(function*(){try{const a=yield G.default(e,{method:"post",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify({path:t}),credentials:"include"}),n=yield a.json();if(!n.element)return;const{element:r}=n,o=new T.ElementQLClient({url:r.url}),{status:i,Elements:l}=yield o.get(r.json,"json");if(!i)return;const s=l[r.name];return()=>s}catch(e){return}})))(t,r);if(!n.current)return;o&&i(o)}catch(e){return}}}))}),[]),x.default.createElement(Vo,null,o&&x.default.createElement(o,null))})),Xo=k.default.div`
-`,Wo=o.connect((e=>({stateGeneralTheme:Rn.themes.getGeneralTheme(e),stateInteractionTheme:Rn.themes.getInteractionTheme(e)})),(e=>({})),null,{context:Tn})((e=>{const{plurid:t}=e,a=t.value;return x.default.createElement(Xo,null,x.default.createElement("iframe",{src:a}))})),zo=e=>{const{top:t,index:a,element:n,setHeight:o}=e,i=r.useRef(null);return r.useEffect((()=>{i.current&&o(i.current.offsetHeight,a)}),[i.current]),x.default.createElement("div",{ref:i,style:{position:"absolute",top:t+"px"}},n)},{markers:{Spinner:Ho}}=d.universal,Zo=o.connect((e=>({translationY:Rn.space.getTranslationY(e),viewSize:Rn.space.getViewSize(e)})),(e=>({})),null,{context:Tn})((e=>{const{items:t,generalHeight:a,translationY:n,viewSize:o}=e,i=a||100,l=r.useRef(null),c=r.useRef([]),u=r.useRef(Array(t.length).fill(i)),[d,p]=r.useState(0),[f,m]=r.useState(Math.floor(1e3/i)),[g,T]=r.useState(i*(f-d)),[E,h]=r.useState(!1),O=(e,t)=>{u.current[t]=e};return r.useEffect((()=>{if(u.current){const e=s.mathematics.arithmetic.sum(u.current,u.current.length);T(e)}}),[d,f,u.current]),r.useEffect((()=>{let e=0;for(const[t,a]of u.current.entries())e+=a,n<0?(e<Math.abs(n)&&p(t),e>Math.abs(n)+o.height&&e<Math.abs(n)+o.height+400&&m(t)):(p(0),m(10))}),[o.height,n]),r.useEffect((()=>{h(!0),setTimeout((()=>{const e=s.mathematics.arithmetic.sum(u.current,u.current.length);T(e),h(!1)}),400)}),[o]),x.default.createElement("div",{style:{height:g},ref:l},E&&x.default.createElement(x.default.Fragment,null,x.default.createElement(Ho,null)),!E&&x.default.createElement(x.default.Fragment,null,(()=>{c.current=[];for(let e=d;e<=f;e++){const a=t[e];c.current.push(x.default.createElement(zo,{key:e+Math.random(),index:e,top:s.mathematics.arithmetic.sum(u.current,e),element:a,setHeight:O}))}return c.current})()))})),Ko=k.default.div`
+`,$o=o.connect((e=>({stateGeneralTheme:Rn.themes.getGeneralTheme(e),stateInteractionTheme:Rn.themes.getInteractionTheme(e)})),(e=>({})),null,{context:Tn})((e=>{const{plurid:t}=e,a=t.value,n=r.useRef(!1),[o,i]=r.useState();return r.useEffect((()=>(n.current=!0,()=>{n.current=!1}))),r.useEffect((()=>{let e=!1;hn(void 0,void 0,void 0,(function*(){if(!e){e=!0;try{const{domain:e,url:t}=(e=>{const t=e.match(/^pttp:\/\/(\w+(\.|:)\w+)\/?/);if(!t)return{domain:"",url:""};const a=t[1];return{domain:a,url:`http://${a}/pttp`}})(a),r=((e,t)=>{if(e)return t.replace(`pttp://${e}`,"")})(e,a);if(!t||!r)return;const o=yield((e,t)=>hn(void 0,void 0,void 0,(function*(){try{const a=yield G.default(e,{method:"post",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify({path:t}),credentials:"include"}),n=yield a.json();if(!n.element)return;const{element:r}=n,o=new T.ElementQLClient({url:r.url}),{status:i,Elements:l}=yield o.get(r.json,"json");if(!i)return;const s=l[r.name];return()=>s}catch(e){return}})))(t,r);if(!n.current)return;o&&i(o)}catch(e){return}}}))}),[]),x.default.createElement(Vo,null,o&&x.default.createElement(o,null))})),Xo=k.default.div`
+`,Wo=o.connect((e=>({stateGeneralTheme:Rn.themes.getGeneralTheme(e),stateInteractionTheme:Rn.themes.getInteractionTheme(e)})),(e=>({})),null,{context:Tn})((e=>{const{plurid:t}=e,a=t.value;return x.default.createElement(Xo,null,x.default.createElement("iframe",{src:a}))})),zo=e=>{const{top:t,index:a,element:n,setHeight:o}=e,i=r.useRef(null);return r.useEffect((()=>{i.current&&o(i.current.offsetHeight,a)}),[i.current]),x.default.createElement("div",{ref:i,style:{position:"absolute",top:t+"px"}},n)},{markers:{Spinner:Ho}}=d.universal,Zo=o.connect((e=>({translationY:Rn.space.getTranslationY(e),viewSize:Rn.space.getViewSize(e)})),(e=>({})),null,{context:Tn})((e=>{const{items:t,generalHeight:a,translationY:n,viewSize:o}=e,i=a||100,l=r.useRef(null),c=r.useRef([]),u=r.useRef(Array(t.length).fill(i)),[d,p]=r.useState(0),[f,m]=r.useState(Math.floor(1e3/i)),[g,T]=r.useState(i*(f-d)),[h,E]=r.useState(!1),O=(e,t)=>{u.current[t]=e};return r.useEffect((()=>{if(u.current){const e=s.mathematics.arithmetic.sum(u.current,u.current.length);T(e)}}),[d,f,u.current]),r.useEffect((()=>{let e=0;for(const[t,a]of u.current.entries())e+=a,n<0?(e<Math.abs(n)&&p(t),e>Math.abs(n)+o.height&&e<Math.abs(n)+o.height+400&&m(t)):(p(0),m(10))}),[o.height,n]),r.useEffect((()=>{E(!0),setTimeout((()=>{const e=s.mathematics.arithmetic.sum(u.current,u.current.length);T(e),E(!1)}),400)}),[o]),x.default.createElement("div",{style:{height:g},ref:l},h&&x.default.createElement(x.default.Fragment,null,x.default.createElement(Ho,null)),!h&&x.default.createElement(x.default.Fragment,null,(()=>{c.current=[];for(let e=d;e<=f;e++){const a=t[e];c.current.push(x.default.createElement(zo,{key:e+Math.random(),index:e,top:s.mathematics.arithmetic.sum(u.current,e),element:a,setHeight:O}))}return c.current})()))})),Ko=k.default.div`
 `,qo=o.connect((e=>({stateGeneralTheme:Rn.themes.getGeneralTheme(e),stateInteractionTheme:Rn.themes.getInteractionTheme(e)})),(e=>({})),null,{context:Tn})((e=>x.default.createElement(Ko,null,"PluridPlaneDebugger"))),Qo=k.default.div`
 `,Jo=o.connect((e=>({stateGeneralTheme:Rn.themes.getGeneralTheme(e),stateInteractionTheme:Rn.themes.getInteractionTheme(e)})),(e=>({})),null,{context:Tn})((e=>x.default.createElement(Qo,null,"PluridSpaceDebugger"))),{resolvePluridPlaneData:ei}=a.planes,ti=(e,t,n,r)=>{const o=new Map,i=new Map(e||new Map),l=a.general.configuration.merge(n);if(t)for(const e of t){const t=ei(e),n=a.routing.resolveRoute(t.route);if(!n)continue;const{protocol:r,host:o,path:l,space:s,universe:c,cluster:u,plane:d,route:p}=n,f={protocol:r,host:"",path:"",space:"",universe:"",cluster:"",plane:"",route:p,component:t.component},m=p;i.set(m,f)}const s=new Map(i),c={};for(const[e,t]of i)c[t.route]=e;for(const[e,t]of i);const u=r||[],d=[];for(const e of u)if("string"==typeof e){const t=a.routing.resolveRoute(e);if(!t)continue;d.push(t.route)}return{computedTree:[],indexedPlanesReference:s,planesPropertiesReference:o,appConfiguration:l}},ai=(e,n)=>{const r=((e,t,n)=>{const r=new Map;for(const o of e){if(o.planes)for(const e of o.planes){const i=go(e),l="/"===o.value?"p":a.utilities.cleanPathElement(o.value),s="s",c="u",u="c",d=a.utilities.cleanPathElement(i.value),p=[t,n,l,s,c,u,d].join("://"),f={protocol:t,host:n,path:l,space:s,universe:c,cluster:u,plane:d,component:i.component,route:p};r.set(p,f)}if(o.spaces){for(const e of o.spaces)if(e.universes)for(const i of e.universes)if(i.clusters)for(const l of i.clusters)for(const s of l.planes){const c=go(s),u="/"===o.value?"p":a.utilities.cleanPathElement(o.value),d="default"===e.value?"s":a.utilities.cleanPathElement(e.value),p="default"===i.value?"u":a.utilities.cleanPathElement(i.value),f="default"===l.value?"c":a.utilities.cleanPathElement(l.value),m=a.utilities.cleanPathElement(c.value),g=[t,n,u,d,p,f,m].join("://"),T={protocol:t,host:n,path:u,space:d,universe:p,cluster:f,plane:m,component:c.component,route:g};r.set(g,T)}}else{const e="/"===o.value?"p":a.utilities.cleanPathElement(o.value),i=[t,n,e].join("://"),l={protocol:t,host:n,path:e,space:"",universe:"",cluster:"",plane:"",component:o.exterior||(()=>x.default.createElement(x.default.Fragment,null)),route:i};r.set(i,l)}}return r})(n,"http","localhost:63000"),o=((e,n,r)=>{const o={planes:e.data.planes||[],spaces:e.data.spaces||[],view:e.data.view||[],value:e.data.value||""},{planes:i,spaces:l,view:s}=o,c=[];if(l)for(const e of l){const n=[],r=[];if(e.planes)for(const n of e.planes){const r=go(n);o.value===t.PLURID_ROUTE_DEFAULT_PATH_VALUE?t.PLURID_ROUTE_DEFAULT_PATH:a.utilities.cleanPathElement(o.value),e.value===t.PLURID_ROUTE_DEFAULT_SPACE_VALUE?t.PLURID_ROUTE_DEFAULT_SPACE:a.utilities.cleanPathElement(e.value),a.utilities.cleanPathElement(r.value)}if(e.universes)for(const n of e.universes){if(n.clusters)for(const r of n.clusters)for(const i of r.planes){const l=go(i);o.value===t.PLURID_ROUTE_DEFAULT_PATH_VALUE?t.PLURID_ROUTE_DEFAULT_PATH:a.utilities.cleanPathElement(o.value),e.value===t.PLURID_ROUTE_DEFAULT_SPACE_VALUE?t.PLURID_ROUTE_DEFAULT_SPACE:a.utilities.cleanPathElement(e.value),n.value===t.PLURID_ROUTE_DEFAULT_UNIVERSE_VALUE?t.PLURID_ROUTE_DEFAULT_UNIVERSE:a.utilities.cleanPathElement(n.value),r.value===t.PLURID_ROUTE_DEFAULT_CLUSTER_VALUE?t.PLURID_ROUTE_DEFAULT_CLUSTER:a.utilities.cleanPathElement(r.value),a.utilities.cleanPathElement(l.value)}if(n.planes)for(const r of n.planes){const i=go(r);o.value===t.PLURID_ROUTE_DEFAULT_PATH_VALUE?t.PLURID_ROUTE_DEFAULT_PATH:a.utilities.cleanPathElement(o.value),e.value===t.PLURID_ROUTE_DEFAULT_SPACE_VALUE?t.PLURID_ROUTE_DEFAULT_SPACE:a.utilities.cleanPathElement(e.value),n.value===t.PLURID_ROUTE_DEFAULT_UNIVERSE_VALUE?t.PLURID_ROUTE_DEFAULT_UNIVERSE:a.utilities.cleanPathElement(n.value),a.utilities.cleanPathElement(i.value)}}const i={planes:n,view:r};c.push(i)}if(i){const e=[];for(const e of i){const n=go(e);o.value===t.PLURID_ROUTE_DEFAULT_PATH_VALUE?t.PLURID_ROUTE_DEFAULT_PATH:a.utilities.cleanPathElement(o.value),a.utilities.cleanPathElement(n.value)}const n={planes:e,view:s||[]};c.push(n)}return c})(e),i={};for(const t of o){const{planes:a,view:n}=t,{computedTree:o,appConfiguration:l}=ti(r,a,void 0,n),s={configuration:Object.assign({},l),shortcuts:{global:!0},themes:{general:j.default.plurid,interaction:j.default.plurid},ui:{toolbarScrollPosition:50},space:{loading:!1,animatedTransform:!1,scale:1,rotationX:0,rotationY:0,translationX:0,translationY:0,translationZ:0,initialTree:o,tree:o,activeUniverseID:"",camera:{x:0,y:0,z:0},viewSize:{width:1440,height:821},spaceSize:{width:1440,height:821,depth:0,topCorner:{x:0,y:0,z:0}},view:n,culledView:[]}};i[e.data.value]=s}return{states:i}},{IsoMatcher:ni,RouteParser:ri}=a.routing,oi={PluridPlaneBridge:Pn,PluridPlaneContent:xn,PluridPlaneControls:Dn,PluridPlaneDebugger:qo,PluridSpaceDebugger:Jo},ii={Application:fo,RouterStatic:Ro,RouterBrowser:So,Provider:bo,Link:Do,RouterLink:Fo,ApplicationConfigurator:ko,PlaneConfigurator:Yo,ExternalPlane:$o,IframePlane:Wo,VirtualList:Zo,SPACE_LAYOUT:t.LAYOUT_TYPES,SIZES:t.SIZES,TRANSFORM_MODES:t.TRANSFORM_MODES,TRANSFORM_TOUCHES:t.TRANSFORM_TOUCHES,PubSub:M.default,PUBSUB_TOPIC:t.PLURID_PUBSUB_TOPIC,serverComputeMetastate:ai,IsoMatcher:ni,routerNavigate:a.pluridRouterNavigate,internals:oi};Object.defineProperty(e,"PLURID_PUBSUB_TOPIC",{enumerable:!0,get:function(){return t.PLURID_PUBSUB_TOPIC}}),Object.defineProperty(e,"PLURID_ROUTER_LOCATION_CHANGED",{enumerable:!0,get:function(){return t.PLURID_ROUTER_LOCATION_CHANGED}}),Object.defineProperty(e,"PLURID_ROUTER_LOCATION_STORED",{enumerable:!0,get:function(){return t.PLURID_ROUTER_LOCATION_STORED}}),Object.defineProperty(e,"SIZES",{enumerable:!0,get:function(){return t.SIZES}}),Object.defineProperty(e,"SPACE_LAYOUT",{enumerable:!0,get:function(){return t.LAYOUT_TYPES}}),Object.defineProperty(e,"TRANSFORM_MODES",{enumerable:!0,get:function(){return t.TRANSFORM_MODES}}),Object.defineProperty(e,"TRANSFORM_TOUCHES",{enumerable:!0,get:function(){return t.TRANSFORM_TOUCHES}}),Object.defineProperty(e,"pluridRouterNavigate",{enumerable:!0,get:function(){return a.pluridRouterNavigate}}),Object.defineProperty(e,"PluridPubSub",{enumerable:!0,get:function(){return M.default}}),e.PluridApplication=fo,e.PluridApplicationConfigurator=ko,e.PluridExternalPlane=$o,e.PluridIframePlane=Wo,e.PluridIsoMatcher=ni,e.PluridLink=Do,e.PluridPlaneConfigurator=Yo,e.PluridProvider=bo,e.PluridRouteParser=ri,e.PluridRouterBrowser=So,e.PluridRouterLink=Fo,e.PluridRouterStatic=Ro,e.PluridVirtualList=Zo,e.default=ii,e.getDirectPlaneMatch=(e,t,a)=>{let n,r,o;for(const a of t){if(a.planes)for(const t of a.planes){const n=go(t),i="/"===a.value?n.value:a.value+n.value;if(o=i,e===i){r=t;break}}if(r){n=a;break}}if(a)for(const t of a){if(e===go(t).value){r=t;break}}return{matchRoute:n,matchPlane:r,matchPath:o}},e.internals=oi,e.pluridStateModules=fn,e.serverComputeMetastate=ai,e.usePluridRouter=()=>{const[e,a]=r.useState("");return r.useEffect((()=>{const e=()=>{const e=s.storage.loadState("__PLURID_ROUTER__");e&&a(e)};return e(),window.addEventListener(t.PLURID_ROUTER_LOCATION_STORED,e),()=>{window.removeEventListener(t.PLURID_ROUTER_LOCATION_STORED,e)}}),[]),e}}(M);var x,F=(x=M)&&x.__esModule&&Object.prototype.hasOwnProperty.call(x,"default")?x.default:x;exports.default=F;
 //# sourceMappingURL=index.min.js.map