@ndmspc/ndmvr 0.20230227.0 → 0.20230303.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +55 -0
- package/dist/ndmvr.es.js +1294 -1257
- package/dist/ndmvr.umd.js +53 -53
- package/package.json +2 -2
package/dist/ndmvr.umd.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
var
|
|
2
|
-
`+ie+l}}var xe=!1,
|
|
3
|
-
`),
|
|
4
|
-
`),
|
|
5
|
-
`+se[
|
|
1
|
+
var Ks=Object.defineProperty;var Js=(J,g,Se)=>g in J?Ks(J,g,{enumerable:!0,configurable:!0,writable:!0,value:Se}):J[g]=Se;var Re=(J,g,Se)=>(Js(J,typeof g!="symbol"?g+"":g,Se),Se),cr=(J,g,Se)=>{if(!g.has(J))throw TypeError("Cannot "+Se)};var n=(J,g,Se)=>(cr(J,g,"read from private field"),Se?Se.call(J):g.get(J)),B=(J,g,Se)=>{if(g.has(J))throw TypeError("Cannot add the same private member more than once");g instanceof WeakSet?g.add(J):g.set(J,Se)},I=(J,g,Se,Ot)=>(cr(J,g,"write to private field"),Ot?Ot.call(J,Se):g.set(J,Se),Se);var Ai=(J,g,Se)=>(cr(J,g,"access private method"),Se);(function(J,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("react"),require("aframe"),require("jsroot"),require("three")):typeof define=="function"&&define.amd?define(["exports","react","aframe","jsroot","three"],g):(J=typeof globalThis<"u"?globalThis:J||self,g(J["React Library Vite"]={},J.React,J.AFRAME$2,J.jsroot,J.THREE$1))})(this,function(J,g,Se,Ot,mn){var bt,at,Le,Si,qe,wi,Tt,zt,_t,we,Ue,Ee,si,j,Ke,Y,ee,ae,M,Ye,Xe,Je,ct,vt,ai,fe,Fe,Qe,et,xt,tt,kt,Dt,F,St,lt,It,Ge,Ei,Ci,Ti,Bt,Mt,jt,Nt,Yt,Ft,$i,_i,ki,Oi,wt,Lt,Xt,Pi,Vt;"use strict";function yn(i){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const t in i)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>i[t]})}}return e.default=i,Object.freeze(e)}const Ri=yn(mn);var Hi={exports:{}},qt={};var lr;function gn(){if(lr)return qt;lr=1;var i=g,e=Symbol.for("react.element"),t=Symbol.for("react.fragment"),r=Object.prototype.hasOwnProperty,o=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function a(f,h,p){var c,d={},E=null,O=null;p!==void 0&&(E=""+p),h.key!==void 0&&(E=""+h.key),h.ref!==void 0&&(O=h.ref);for(c in h)r.call(h,c)&&!s.hasOwnProperty(c)&&(d[c]=h[c]);if(f&&f.defaultProps)for(c in h=f.defaultProps,h)d[c]===void 0&&(d[c]=h[c]);return{$$typeof:e,type:f,key:E,ref:O,props:d,_owner:o.current}}return qt.Fragment=t,qt.jsx=a,qt.jsxs=a,qt}var Kt={};var ur;function bn(){return ur||(ur=1,process.env.NODE_ENV!=="production"&&function(){var i=g,e=Symbol.for("react.element"),t=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),a=Symbol.for("react.provider"),f=Symbol.for("react.context"),h=Symbol.for("react.forward_ref"),p=Symbol.for("react.suspense"),c=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),E=Symbol.for("react.lazy"),O=Symbol.for("react.offscreen"),T=Symbol.iterator,v="@@iterator";function u(l){if(l===null||typeof l!="object")return null;var C=T&&l[T]||l[v];return typeof C=="function"?C:null}var P=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function k(l){{for(var C=arguments.length,$=new Array(C>1?C-1:0),W=1;W<C;W++)$[W-1]=arguments[W];D("error",l,$)}}function D(l,C,$){{var W=P.ReactDebugCurrentFrame,de=W.getStackAddendum();de!==""&&(C+="%s",$=$.concat([de]));var Ce=$.map(function(le){return String(le)});Ce.unshift("Warning: "+C),Function.prototype.apply.call(console[l],console,Ce)}}var b=!1,m=!1,te=!1,q=!1,w=!1,re;re=Symbol.for("react.module.reference");function ce(l){return!!(typeof l=="string"||typeof l=="function"||l===r||l===s||w||l===o||l===p||l===c||q||l===O||b||m||te||typeof l=="object"&&l!==null&&(l.$$typeof===E||l.$$typeof===d||l.$$typeof===a||l.$$typeof===f||l.$$typeof===h||l.$$typeof===re||l.getModuleId!==void 0))}function be(l,C,$){var W=l.displayName;if(W)return W;var de=C.displayName||C.name||"";return de!==""?$+"("+de+")":$}function Z(l){return l.displayName||"Context"}function G(l){if(l==null)return null;if(typeof l.tag=="number"&&k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof l=="function")return l.displayName||l.name||null;if(typeof l=="string")return l;switch(l){case r:return"Fragment";case t:return"Portal";case s:return"Profiler";case o:return"StrictMode";case p:return"Suspense";case c:return"SuspenseList"}if(typeof l=="object")switch(l.$$typeof){case f:var C=l;return Z(C)+".Consumer";case a:var $=l;return Z($._context)+".Provider";case h:return be(l,l.render,"ForwardRef");case d:var W=l.displayName||null;return W!==null?W:G(l.type)||"Memo";case E:{var de=l,Ce=de._payload,le=de._init;try{return G(le(Ce))}catch{return null}}}return null}var K=Object.assign,L=0,X,ve,he,Te,Oe,je,H;function A(){}A.__reactDisabledLog=!0;function z(){{if(L===0){X=console.log,ve=console.info,he=console.warn,Te=console.error,Oe=console.group,je=console.groupCollapsed,H=console.groupEnd;var l={configurable:!0,enumerable:!0,value:A,writable:!0};Object.defineProperties(console,{info:l,log:l,warn:l,error:l,group:l,groupCollapsed:l,groupEnd:l})}L++}}function N(){{if(L--,L===0){var l={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:K({},l,{value:X}),info:K({},l,{value:ve}),warn:K({},l,{value:he}),error:K({},l,{value:Te}),group:K({},l,{value:Oe}),groupCollapsed:K({},l,{value:je}),groupEnd:K({},l,{value:H})})}L<0&&k("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var y=P.ReactCurrentDispatcher,ie;function _(l,C,$){{if(ie===void 0)try{throw Error()}catch(de){var W=de.stack.trim().match(/\n( *(at )?)/);ie=W&&W[1]||""}return`
|
|
2
|
+
`+ie+l}}var xe=!1,Q;{var ne=typeof WeakMap=="function"?WeakMap:Map;Q=new ne}function x(l,C){if(!l||xe)return"";{var $=Q.get(l);if($!==void 0)return $}var W;xe=!0;var de=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var Ce;Ce=y.current,y.current=null,z();try{if(C){var le=function(){throw Error()};if(Object.defineProperty(le.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(le,[])}catch(ht){W=ht}Reflect.construct(l,[],le)}else{try{le.call()}catch(ht){W=ht}l.call(le.prototype)}}else{try{throw Error()}catch(ht){W=ht}l()}}catch(ht){if(ht&&W&&typeof ht.stack=="string"){for(var se=ht.stack.split(`
|
|
3
|
+
`),Ne=W.stack.split(`
|
|
4
|
+
`),He=se.length-1,De=Ne.length-1;He>=1&&De>=0&&se[He]!==Ne[De];)De--;for(;He>=1&&De>=0;He--,De--)if(se[He]!==Ne[De]){if(He!==1||De!==1)do if(He--,De--,De<0||se[He]!==Ne[De]){var We=`
|
|
5
|
+
`+se[He].replace(" at new "," at ");return l.displayName&&We.includes("<anonymous>")&&(We=We.replace("<anonymous>",l.displayName)),typeof l=="function"&&Q.set(l,We),We}while(He>=1&&De>=0);break}}}finally{xe=!1,y.current=Ce,N(),Error.prepareStackTrace=de}var Gt=l?l.displayName||l.name:"",pn=Gt?_(Gt):"";return typeof l=="function"&&Q.set(l,pn),pn}function Pe(l,C,$){return x(l,!1)}function R(l){var C=l.prototype;return!!(C&&C.isReactComponent)}function U(l,C,$){if(l==null)return"";if(typeof l=="function")return x(l,R(l));if(typeof l=="string")return _(l);switch(l){case p:return _("Suspense");case c:return _("SuspenseList")}if(typeof l=="object")switch(l.$$typeof){case h:return Pe(l.render);case d:return U(l.type,C,$);case E:{var W=l,de=W._payload,Ce=W._init;try{return U(Ce(de),C,$)}catch{}}}return""}var _e=Object.prototype.hasOwnProperty,oe={},ze=P.ReactDebugCurrentFrame;function it(l){if(l){var C=l._owner,$=U(l.type,l._source,C?C.type:null);ze.setExtraStackFrame($)}else ze.setExtraStackFrame(null)}function Be(l,C,$,W,de){{var Ce=Function.call.bind(_e);for(var le in l)if(Ce(l,le)){var se=void 0;try{if(typeof l[le]!="function"){var Ne=Error((W||"React class")+": "+$+" type `"+le+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof l[le]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw Ne.name="Invariant Violation",Ne}se=l[le](C,le,W,$,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(He){se=He}se&&!(se instanceof Error)&&(it(de),k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",W||"React class",$,le,typeof se),it(null)),se instanceof Error&&!(se.message in oe)&&(oe[se.message]=!0,it(de),k("Failed %s type: %s",$,se.message),it(null))}}}var Wt=Array.isArray;function ut(l){return Wt(l)}function Ve(l){{var C=typeof Symbol=="function"&&Symbol.toStringTag,$=C&&l[Symbol.toStringTag]||l.constructor.name||"Object";return $}}function V(l){try{return Ae(l),!1}catch{return!0}}function Ae(l){return""+l}function Zt(l){if(V(l))return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ve(l)),Ae(l)}var ft=P.ReactCurrentOwner,rt={key:!0,ref:!0,__self:!0,__source:!0},sn,an,nr;nr={};function Is(l){if(_e.call(l,"ref")){var C=Object.getOwnPropertyDescriptor(l,"ref").get;if(C&&C.isReactWarning)return!1}return l.ref!==void 0}function Bs(l){if(_e.call(l,"key")){var C=Object.getOwnPropertyDescriptor(l,"key").get;if(C&&C.isReactWarning)return!1}return l.key!==void 0}function Ms(l,C){if(typeof l.ref=="string"&&ft.current&&C&&ft.current.stateNode!==C){var $=G(ft.current.type);nr[$]||(k('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',G(ft.current.type),l.ref),nr[$]=!0)}}function js(l,C){{var $=function(){sn||(sn=!0,k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",C))};$.isReactWarning=!0,Object.defineProperty(l,"key",{get:$,configurable:!0})}}function Ns(l,C){{var $=function(){an||(an=!0,k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",C))};$.isReactWarning=!0,Object.defineProperty(l,"ref",{get:$,configurable:!0})}}var Ys=function(l,C,$,W,de,Ce,le){var se={$$typeof:e,type:l,key:C,ref:$,props:le,_owner:Ce};return se._store={},Object.defineProperty(se._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(se,"_self",{configurable:!1,enumerable:!1,writable:!1,value:W}),Object.defineProperty(se,"_source",{configurable:!1,enumerable:!1,writable:!1,value:de}),Object.freeze&&(Object.freeze(se.props),Object.freeze(se)),se};function Fs(l,C,$,W,de){{var Ce,le={},se=null,Ne=null;$!==void 0&&(Zt($),se=""+$),Bs(C)&&(Zt(C.key),se=""+C.key),Is(C)&&(Ne=C.ref,Ms(C,de));for(Ce in C)_e.call(C,Ce)&&!rt.hasOwnProperty(Ce)&&(le[Ce]=C[Ce]);if(l&&l.defaultProps){var He=l.defaultProps;for(Ce in He)le[Ce]===void 0&&(le[Ce]=He[Ce])}if(se||Ne){var De=typeof l=="function"?l.displayName||l.name||"Unknown":l;se&&js(le,De),Ne&&Ns(le,De)}return Ys(l,se,Ne,de,W,ft.current,le)}}var or=P.ReactCurrentOwner,cn=P.ReactDebugCurrentFrame;function Ut(l){if(l){var C=l._owner,$=U(l.type,l._source,C?C.type:null);cn.setExtraStackFrame($)}else cn.setExtraStackFrame(null)}var sr;sr=!1;function ar(l){return typeof l=="object"&&l!==null&&l.$$typeof===e}function ln(){{if(or.current){var l=G(or.current.type);if(l)return`
|
|
6
6
|
|
|
7
|
-
Check the render method of \``+l+"`."}return""}}function
|
|
7
|
+
Check the render method of \``+l+"`."}return""}}function Ls(l){{if(l!==void 0){var C=l.fileName.replace(/^.*[\\\/]/,""),$=l.lineNumber;return`
|
|
8
8
|
|
|
9
|
-
Check your code at `+C+":"+$+"."}return""}}var
|
|
9
|
+
Check your code at `+C+":"+$+"."}return""}}var un={};function Xs(l){{var C=ln();if(!C){var $=typeof l=="string"?l:l.displayName||l.name;$&&(C=`
|
|
10
10
|
|
|
11
|
-
Check the top-level render call using <`+$+">.")}return C}}function
|
|
12
|
-
`+e.map(function(t,
|
|
13
|
-
`):"",this.name="UnsubscriptionError",this.errors=e,this}return i.prototype=Object.create(Error.prototype),i}(),ui=En,Qt=function(){function i(e){this.closed=!1,this._parentOrParents=null,this._subscriptions=null,e&&(this._ctorUnsubscribe=!0,this._unsubscribe=e)}return i.prototype.unsubscribe=function(){var e;if(!this.closed){var t=this,n=t._parentOrParents,o=t._ctorUnsubscribe,s=t._unsubscribe,a=t._subscriptions;if(this.closed=!0,this._parentOrParents=null,this._subscriptions=null,n instanceof i)n.remove(this);else if(n!==null)for(var f=0;f<n.length;++f){var h=n[f];h.remove(this)}if(Bi(s)){o&&(this._unsubscribe=void 0);try{s.call(this)}catch(d){e=d instanceof ui?pr(d.errors):[d]}}if(Sn(a))for(var f=-1,p=a.length;++f<p;){var c=a[f];if(wn(c))try{c.unsubscribe()}catch(E){e=e||[],E instanceof ui?e=e.concat(pr(E.errors)):e.push(E)}}if(e)throw new ui(e)}},i.prototype.add=function(e){var t=e;if(!e)return i.EMPTY;switch(typeof e){case"function":t=new i(e);case"object":if(t===this||t.closed||typeof t.unsubscribe!="function")return t;if(this.closed)return t.unsubscribe(),t;if(!(t instanceof i)){var n=t;t=new i,t._subscriptions=[n]}break;default:throw new Error("unrecognized teardown "+e+" added to Subscription.")}var o=t._parentOrParents;if(o===null)t._parentOrParents=this;else if(o instanceof i){if(o===this)return t;t._parentOrParents=[o,this]}else if(o.indexOf(this)===-1)o.push(this);else return t;var s=this._subscriptions;return s===null?this._subscriptions=[t]:s.push(t),t},i.prototype.remove=function(e){var t=this._subscriptions;if(t){var n=t.indexOf(e);n!==-1&&t.splice(n,1)}},i.EMPTY=function(e){return e.closed=!0,e}(new i),i}();function pr(i){return i.reduce(function(e,t){return e.concat(t instanceof ui?t.errors:t)},[])}var fi=function(){return typeof Symbol=="function"?Symbol("rxSubscriber"):"@@rxSubscriber_"+Math.random()}(),At=function(i){Pt(e,i);function e(t,n,o){var s=i.call(this)||this;switch(s.syncErrorValue=null,s.syncErrorThrown=!1,s.syncErrorThrowable=!1,s.isStopped=!1,arguments.length){case 0:s.destination=li;break;case 1:if(!t){s.destination=li;break}if(typeof t=="object"){t instanceof e?(s.syncErrorThrowable=t.syncErrorThrowable,s.destination=t,t.add(s)):(s.syncErrorThrowable=!0,s.destination=new mr(s,t));break}default:s.syncErrorThrowable=!0,s.destination=new mr(s,t,n,o);break}return s}return e.prototype[fi]=function(){return this},e.create=function(t,n,o){var s=new e(t,n,o);return s.syncErrorThrowable=!1,s},e.prototype.next=function(t){this.isStopped||this._next(t)},e.prototype.error=function(t){this.isStopped||(this.isStopped=!0,this._error(t))},e.prototype.complete=function(){this.isStopped||(this.isStopped=!0,this._complete())},e.prototype.unsubscribe=function(){this.closed||(this.isStopped=!0,i.prototype.unsubscribe.call(this))},e.prototype._next=function(t){this.destination.next(t)},e.prototype._error=function(t){this.destination.error(t),this.unsubscribe()},e.prototype._complete=function(){this.destination.complete(),this.unsubscribe()},e.prototype._unsubscribeAndRecycle=function(){var t=this._parentOrParents;return this._parentOrParents=null,this.unsubscribe(),this.closed=!1,this.isStopped=!1,this._parentOrParents=t,this},e}(Qt),mr=function(i){Pt(e,i);function e(t,n,o,s){var a=i.call(this)||this;a._parentSubscriber=t;var f,h=a;return Bi(n)?f=n:n&&(f=n.next,o=n.error,s=n.complete,n!==li&&(h=Object.create(n),Bi(h.unsubscribe)&&a.add(h.unsubscribe.bind(h)),h.unsubscribe=a.unsubscribe.bind(a))),a._context=h,a._next=f,a._error=o,a._complete=s,a}return e.prototype.next=function(t){if(!this.isStopped&&this._next){var n=this._parentSubscriber;!Ze.useDeprecatedSynchronousErrorHandling||!n.syncErrorThrowable?this.__tryOrUnsub(this._next,t):this.__tryOrSetError(n,this._next,t)&&this.unsubscribe()}},e.prototype.error=function(t){if(!this.isStopped){var n=this._parentSubscriber,o=Ze.useDeprecatedSynchronousErrorHandling;if(this._error)!o||!n.syncErrorThrowable?(this.__tryOrUnsub(this._error,t),this.unsubscribe()):(this.__tryOrSetError(n,this._error,t),this.unsubscribe());else if(n.syncErrorThrowable)o?(n.syncErrorValue=t,n.syncErrorThrown=!0):Jt(t),this.unsubscribe();else{if(this.unsubscribe(),o)throw t;Jt(t)}}},e.prototype.complete=function(){var t=this;if(!this.isStopped){var n=this._parentSubscriber;if(this._complete){var o=function(){return t._complete.call(t._context)};!Ze.useDeprecatedSynchronousErrorHandling||!n.syncErrorThrowable?(this.__tryOrUnsub(o),this.unsubscribe()):(this.__tryOrSetError(n,o),this.unsubscribe())}else this.unsubscribe()}},e.prototype.__tryOrUnsub=function(t,n){try{t.call(this._context,n)}catch(o){if(this.unsubscribe(),Ze.useDeprecatedSynchronousErrorHandling)throw o;Jt(o)}},e.prototype.__tryOrSetError=function(t,n,o){if(!Ze.useDeprecatedSynchronousErrorHandling)throw new Error("bad call");try{n.call(this._context,o)}catch(s){return Ze.useDeprecatedSynchronousErrorHandling?(t.syncErrorValue=s,t.syncErrorThrown=!0,!0):(Jt(s),!0)}return!1},e.prototype._unsubscribe=function(){var t=this._parentSubscriber;this._context=null,this._parentSubscriber=null,t.unsubscribe()},e}(At);function Cn(i){for(;i;){var e=i,t=e.closed,n=e.destination,o=e.isStopped;if(t||o)return!1;n&&n instanceof At?i=n:i=null}return!0}function Tn(i,e,t){if(i){if(i instanceof At)return i;if(i[fi])return i[fi]()}return!i&&!e&&!t?new At(li):new At(i,e,t)}var _n=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}();function On(i){return i}function kn(i){return i.length===0?On:i.length===1?i[0]:function(t){return i.reduce(function(n,o){return o(n)},t)}}var yr=function(){function i(e){this._isScalar=!1,e&&(this._subscribe=e)}return i.prototype.lift=function(e){var t=new i;return t.source=this,t.operator=e,t},i.prototype.subscribe=function(e,t,n){var o=this.operator,s=Tn(e,t,n);if(o?s.add(o.call(s,this.source)):s.add(this.source||Ze.useDeprecatedSynchronousErrorHandling&&!s.syncErrorThrowable?this._subscribe(s):this._trySubscribe(s)),Ze.useDeprecatedSynchronousErrorHandling&&s.syncErrorThrowable&&(s.syncErrorThrowable=!1,s.syncErrorThrown))throw s.syncErrorValue;return s},i.prototype._trySubscribe=function(e){try{return this._subscribe(e)}catch(t){Ze.useDeprecatedSynchronousErrorHandling&&(e.syncErrorThrown=!0,e.syncErrorValue=t),Cn(e)?e.error(t):console.warn(t)}},i.prototype.forEach=function(e,t){var n=this;return t=gr(t),new t(function(o,s){var a;a=n.subscribe(function(f){try{e(f)}catch(h){s(h),a&&a.unsubscribe()}},s,o)})},i.prototype._subscribe=function(e){var t=this.source;return t&&t.subscribe(e)},i.prototype[_n]=function(){return this},i.prototype.pipe=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.length===0?this:kn(e)(this)},i.prototype.toPromise=function(e){var t=this;return e=gr(e),new e(function(n,o){var s;t.subscribe(function(a){return s=a},function(a){return o(a)},function(){return n(s)})})},i.create=function(e){return new i(e)},i}();function gr(i){if(i||(i=Ze.Promise||Promise),!i)throw new Error("no Promise impl found");return i}var Pn=function(){function i(){return Error.call(this),this.message="object unsubscribed",this.name="ObjectUnsubscribedError",this}return i.prototype=Object.create(Error.prototype),i}(),ei=Pn,An=function(i){Pt(e,i);function e(t,n){var o=i.call(this)||this;return o.subject=t,o.subscriber=n,o.closed=!1,o}return e.prototype.unsubscribe=function(){if(!this.closed){this.closed=!0;var t=this.subject,n=t.observers;if(this.subject=null,!(!n||n.length===0||t.isStopped||t.closed)){var o=n.indexOf(this.subscriber);o!==-1&&n.splice(o,1)}}},e}(Qt),$n=function(i){Pt(e,i);function e(t){var n=i.call(this,t)||this;return n.destination=t,n}return e}(At),dt=function(i){Pt(e,i);function e(){var t=i.call(this)||this;return t.observers=[],t.closed=!1,t.isStopped=!1,t.hasError=!1,t.thrownError=null,t}return e.prototype[fi]=function(){return new $n(this)},e.prototype.lift=function(t){var n=new br(this,this);return n.operator=t,n},e.prototype.next=function(t){if(this.closed)throw new ei;if(!this.isStopped)for(var n=this.observers,o=n.length,s=n.slice(),a=0;a<o;a++)s[a].next(t)},e.prototype.error=function(t){if(this.closed)throw new ei;this.hasError=!0,this.thrownError=t,this.isStopped=!0;for(var n=this.observers,o=n.length,s=n.slice(),a=0;a<o;a++)s[a].error(t);this.observers.length=0},e.prototype.complete=function(){if(this.closed)throw new ei;this.isStopped=!0;for(var t=this.observers,n=t.length,o=t.slice(),s=0;s<n;s++)o[s].complete();this.observers.length=0},e.prototype.unsubscribe=function(){this.isStopped=!0,this.closed=!0,this.observers=null},e.prototype._trySubscribe=function(t){if(this.closed)throw new ei;return i.prototype._trySubscribe.call(this,t)},e.prototype._subscribe=function(t){if(this.closed)throw new ei;return this.hasError?(t.error(this.thrownError),Qt.EMPTY):this.isStopped?(t.complete(),Qt.EMPTY):(this.observers.push(t),new An(this,t))},e.prototype.asObservable=function(){var t=new yr;return t.source=this,t},e.create=function(t,n){return new br(t,n)},e}(yr),br=function(i){Pt(e,i);function e(t,n){var o=i.call(this)||this;return o.destination=t,o.source=n,o}return e.prototype.next=function(t){var n=this.destination;n&&n.next&&n.next(t)},e.prototype.error=function(t){var n=this.destination;n&&n.error&&this.destination.error(t)},e.prototype.complete=function(){var t=this.destination;t&&t.complete&&this.destination.complete()},e.prototype._subscribe=function(t){var n=this.source;return n?this.source.subscribe(t):Qt.EMPTY},e}(dt);class Rn{constructor(){I(this,bt,void 0);B(this,bt,new dt)}setVisibilityOfBanners(e){r(this,bt).next({device:e})}shiftBanners(){r(this,bt).next("shift")}setUserState(){r(this,bt).next("show")}getCameraSubject(){return r(this,bt).asObservable()}}bt=new WeakMap;const pt=new Rn,Et=g.createContext();class Ii{constructor(){I(this,at,void 0);B(this,at,new dt)}changeHistogramSectionByOffset(e,t,n,o){r(this,at).next({name:t,axis:e,increment:n,defaultRange:o})}changeHistogramFunction(e,t){r(this,at).next({name:t,fFunction:e})}changeHistogramScale(e,t){r(this,at).next({name:t,scale:e})}changeMinRequestedBinValue(e,t){r(this,at).next({name:t,minValue:e})}getChangedSection(){return r(this,at).asObservable()}}at=new WeakMap;const nt=new Ii,Ee=new Ii,Ae=new Ii;var hi={exports:{}},pe={};var vr;function Hn(){if(vr)return pe;vr=1;var i=Symbol.for("react.element"),e=Symbol.for("react.portal"),t=Symbol.for("react.fragment"),n=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),a=Symbol.for("react.context"),f=Symbol.for("react.server_context"),h=Symbol.for("react.forward_ref"),p=Symbol.for("react.suspense"),c=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),E=Symbol.for("react.lazy"),k=Symbol.for("react.offscreen"),T;T=Symbol.for("react.module.reference");function v(u){if(typeof u=="object"&&u!==null){var P=u.$$typeof;switch(P){case i:switch(u=u.type,u){case t:case o:case n:case p:case c:return u;default:switch(u=u&&u.$$typeof,u){case f:case a:case h:case E:case d:case s:return u;default:return P}}case e:return P}}}return pe.ContextConsumer=a,pe.ContextProvider=s,pe.Element=i,pe.ForwardRef=h,pe.Fragment=t,pe.Lazy=E,pe.Memo=d,pe.Portal=e,pe.Profiler=o,pe.StrictMode=n,pe.Suspense=p,pe.SuspenseList=c,pe.isAsyncMode=function(){return!1},pe.isConcurrentMode=function(){return!1},pe.isContextConsumer=function(u){return v(u)===a},pe.isContextProvider=function(u){return v(u)===s},pe.isElement=function(u){return typeof u=="object"&&u!==null&&u.$$typeof===i},pe.isForwardRef=function(u){return v(u)===h},pe.isFragment=function(u){return v(u)===t},pe.isLazy=function(u){return v(u)===E},pe.isMemo=function(u){return v(u)===d},pe.isPortal=function(u){return v(u)===e},pe.isProfiler=function(u){return v(u)===o},pe.isStrictMode=function(u){return v(u)===n},pe.isSuspense=function(u){return v(u)===p},pe.isSuspenseList=function(u){return v(u)===c},pe.isValidElementType=function(u){return typeof u=="string"||typeof u=="function"||u===t||u===o||u===n||u===p||u===c||u===k||typeof u=="object"&&u!==null&&(u.$$typeof===E||u.$$typeof===d||u.$$typeof===s||u.$$typeof===a||u.$$typeof===h||u.$$typeof===T||u.getModuleId!==void 0)},pe.typeOf=v,pe}var me={};var xr;function zn(){return xr||(xr=1,process.env.NODE_ENV!=="production"&&function(){var i=Symbol.for("react.element"),e=Symbol.for("react.portal"),t=Symbol.for("react.fragment"),n=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),a=Symbol.for("react.context"),f=Symbol.for("react.server_context"),h=Symbol.for("react.forward_ref"),p=Symbol.for("react.suspense"),c=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),E=Symbol.for("react.lazy"),k=Symbol.for("react.offscreen"),T=!1,v=!1,u=!1,P=!1,O=!1,D;D=Symbol.for("react.module.reference");function b(R){return!!(typeof R=="string"||typeof R=="function"||R===t||R===o||O||R===n||R===p||R===c||P||R===k||T||v||u||typeof R=="object"&&R!==null&&(R.$$typeof===E||R.$$typeof===d||R.$$typeof===s||R.$$typeof===a||R.$$typeof===h||R.$$typeof===D||R.getModuleId!==void 0))}function m(R){if(typeof R=="object"&&R!==null){var U=R.$$typeof;switch(U){case i:var _e=R.type;switch(_e){case t:case o:case n:case p:case c:return _e;default:var oe=_e&&_e.$$typeof;switch(oe){case f:case a:case h:case E:case d:case s:return oe;default:return U}}case e:return U}}}var te=a,q=s,w=i,re=h,ce=t,be=E,Z=d,G=e,K=o,L=n,X=p,ve=c,he=!1,Te=!1;function Oe(R){return he||(he=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function Ne(R){return Te||(Te=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1}function H(R){return m(R)===a}function A(R){return m(R)===s}function z(R){return typeof R=="object"&&R!==null&&R.$$typeof===i}function j(R){return m(R)===h}function y(R){return m(R)===t}function ie(R){return m(R)===E}function _(R){return m(R)===d}function xe(R){return m(R)===e}function J(R){return m(R)===o}function ne(R){return m(R)===n}function x(R){return m(R)===p}function ke(R){return m(R)===c}me.ContextConsumer=te,me.ContextProvider=q,me.Element=w,me.ForwardRef=re,me.Fragment=ce,me.Lazy=be,me.Memo=Z,me.Portal=G,me.Profiler=K,me.StrictMode=L,me.Suspense=X,me.SuspenseList=ve,me.isAsyncMode=Oe,me.isConcurrentMode=Ne,me.isContextConsumer=H,me.isContextProvider=A,me.isElement=z,me.isForwardRef=j,me.isFragment=y,me.isLazy=ie,me.isMemo=_,me.isPortal=xe,me.isProfiler=J,me.isStrictMode=ne,me.isSuspense=x,me.isSuspenseList=ke,me.isValidElementType=b,me.typeOf=m}()),me}(function(i){process.env.NODE_ENV==="production"?i.exports=Hn():i.exports=zn()})(hi);function Dn(i){function e(H,A,z,j,y){for(var ie=0,_=0,xe=0,J=0,ne,x,ke=0,R=0,U,_e=U=ne=0,oe=0,De=0,it=0,Ie=0,Wt=z.length,ut=Wt-1,Ve,V="",Pe="",Zt="",ft="",rt;oe<Wt;){if(x=z.charCodeAt(oe),oe===ut&&_+J+xe+ie!==0&&(_!==0&&(x=_===47?10:47),J=xe=ie=0,Wt++,ut++),_+J+xe+ie===0){if(oe===ut&&(0<De&&(V=V.replace(E,"")),0<V.trim().length)){switch(x){case 32:case 9:case 59:case 13:case 10:break;default:V+=z.charAt(oe)}x=59}switch(x){case 123:for(V=V.trim(),ne=V.charCodeAt(0),U=1,Ie=++oe;oe<Wt;){switch(x=z.charCodeAt(oe)){case 123:U++;break;case 125:U--;break;case 47:switch(x=z.charCodeAt(oe+1)){case 42:case 47:e:{for(_e=oe+1;_e<ut;++_e)switch(z.charCodeAt(_e)){case 47:if(x===42&&z.charCodeAt(_e-1)===42&&oe+2!==_e){oe=_e+1;break e}break;case 10:if(x===47){oe=_e+1;break e}}oe=_e}}break;case 91:x++;case 40:x++;case 34:case 39:for(;oe++<ut&&z.charCodeAt(oe)!==x;);}if(U===0)break;oe++}switch(U=z.substring(Ie,oe),ne===0&&(ne=(V=V.replace(d,"").trim()).charCodeAt(0)),ne){case 64:switch(0<De&&(V=V.replace(E,"")),x=V.charCodeAt(1),x){case 100:case 109:case 115:case 45:De=A;break;default:De=X}if(U=e(A,De,U,x,y+1),Ie=U.length,0<he&&(De=t(X,V,it),rt=f(3,U,De,A,G,Z,Ie,x,y,j),V=De.join(""),rt!==void 0&&(Ie=(U=rt.trim()).length)===0&&(x=0,U="")),0<Ie)switch(x){case 115:V=V.replace(te,a);case 100:case 109:case 45:U=V+"{"+U+"}";break;case 107:V=V.replace(O,"$1 $2"),U=V+"{"+U+"}",U=L===1||L===2&&s("@"+U,3)?"@-webkit-"+U+"@"+U:"@"+U;break;default:U=V+U,j===112&&(U=(Pe+=U,""))}else U="";break;default:U=e(A,t(A,V,it),U,j,y+1)}Zt+=U,U=it=De=_e=ne=0,V="",x=z.charCodeAt(++oe);break;case 125:case 59:if(V=(0<De?V.replace(E,""):V).trim(),1<(Ie=V.length))switch(_e===0&&(ne=V.charCodeAt(0),ne===45||96<ne&&123>ne)&&(Ie=(V=V.replace(" ",":")).length),0<he&&(rt=f(1,V,A,H,G,Z,Pe.length,j,y,j))!==void 0&&(Ie=(V=rt.trim()).length)===0&&(V="\0\0"),ne=V.charCodeAt(0),x=V.charCodeAt(1),ne){case 0:break;case 64:if(x===105||x===99){ft+=V+z.charAt(oe);break}default:V.charCodeAt(Ie-1)!==58&&(Pe+=o(V,ne,x,V.charCodeAt(2)))}it=De=_e=ne=0,V="",x=z.charCodeAt(++oe)}}switch(x){case 13:case 10:_===47?_=0:1+ne===0&&j!==107&&0<V.length&&(De=1,V+="\0"),0<he*Oe&&f(0,V,A,H,G,Z,Pe.length,j,y,j),Z=1,G++;break;case 59:case 125:if(_+J+xe+ie===0){Z++;break}default:switch(Z++,Ve=z.charAt(oe),x){case 9:case 32:if(J+ie+_===0)switch(ke){case 44:case 58:case 9:case 32:Ve="";break;default:x!==32&&(Ve=" ")}break;case 0:Ve="\\0";break;case 12:Ve="\\f";break;case 11:Ve="\\v";break;case 38:J+_+ie===0&&(De=it=1,Ve="\f"+Ve);break;case 108:if(J+_+ie+K===0&&0<_e)switch(oe-_e){case 2:ke===112&&z.charCodeAt(oe-3)===58&&(K=ke);case 8:R===111&&(K=R)}break;case 58:J+_+ie===0&&(_e=oe);break;case 44:_+xe+J+ie===0&&(De=1,Ve+="\r");break;case 34:case 39:_===0&&(J=J===x?0:J===0?x:J);break;case 91:J+_+xe===0&&ie++;break;case 93:J+_+xe===0&&ie--;break;case 41:J+_+ie===0&&xe--;break;case 40:if(J+_+ie===0){if(ne===0)switch(2*ke+3*R){case 533:break;default:ne=1}xe++}break;case 64:_+xe+J+ie+_e+U===0&&(U=1);break;case 42:case 47:if(!(0<J+ie+xe))switch(_){case 0:switch(2*x+3*z.charCodeAt(oe+1)){case 235:_=47;break;case 220:Ie=oe,_=42}break;case 42:x===47&&ke===42&&Ie+2!==oe&&(z.charCodeAt(Ie+2)===33&&(Pe+=z.substring(Ie,oe+1)),Ve="",_=0)}}_===0&&(V+=Ve)}R=ke,ke=x,oe++}if(Ie=Pe.length,0<Ie){if(De=A,0<he&&(rt=f(2,Pe,De,H,G,Z,Ie,j,y,j),rt!==void 0&&(Pe=rt).length===0))return ft+Pe+Zt;if(Pe=De.join(",")+"{"+Pe+"}",L*K!==0){switch(L!==2||s(Pe,2)||(K=0),K){case 111:Pe=Pe.replace(b,":-moz-$1")+Pe;break;case 112:Pe=Pe.replace(D,"::-webkit-input-$1")+Pe.replace(D,"::-moz-$1")+Pe.replace(D,":-ms-input-$1")+Pe}K=0}}return ft+Pe+Zt}function t(H,A,z){var j=A.trim().split(u);A=j;var y=j.length,ie=H.length;switch(ie){case 0:case 1:var _=0;for(H=ie===0?"":H[0]+" ";_<y;++_)A[_]=n(H,A[_],z).trim();break;default:var xe=_=0;for(A=[];_<y;++_)for(var J=0;J<ie;++J)A[xe++]=n(H[J]+" ",j[_],z).trim()}return A}function n(H,A,z){var j=A.charCodeAt(0);switch(33>j&&(j=(A=A.trim()).charCodeAt(0)),j){case 38:return A.replace(P,"$1"+H.trim());case 58:return H.trim()+A.replace(P,"$1"+H.trim());default:if(0<1*z&&0<A.indexOf("\f"))return A.replace(P,(H.charCodeAt(0)===58?"":"$1")+H.trim())}return H+A}function o(H,A,z,j){var y=H+";",ie=2*A+3*z+4*j;if(ie===944){H=y.indexOf(":",9)+1;var _=y.substring(H,y.length-1).trim();return _=y.substring(0,H).trim()+_+";",L===1||L===2&&s(_,1)?"-webkit-"+_+_:_}if(L===0||L===2&&!s(y,1))return y;switch(ie){case 1015:return y.charCodeAt(10)===97?"-webkit-"+y+y:y;case 951:return y.charCodeAt(3)===116?"-webkit-"+y+y:y;case 963:return y.charCodeAt(5)===110?"-webkit-"+y+y:y;case 1009:if(y.charCodeAt(4)!==100)break;case 969:case 942:return"-webkit-"+y+y;case 978:return"-webkit-"+y+"-moz-"+y+y;case 1019:case 983:return"-webkit-"+y+"-moz-"+y+"-ms-"+y+y;case 883:if(y.charCodeAt(8)===45)return"-webkit-"+y+y;if(0<y.indexOf("image-set(",11))return y.replace(be,"$1-webkit-$2")+y;break;case 932:if(y.charCodeAt(4)===45)switch(y.charCodeAt(5)){case 103:return"-webkit-box-"+y.replace("-grow","")+"-webkit-"+y+"-ms-"+y.replace("grow","positive")+y;case 115:return"-webkit-"+y+"-ms-"+y.replace("shrink","negative")+y;case 98:return"-webkit-"+y+"-ms-"+y.replace("basis","preferred-size")+y}return"-webkit-"+y+"-ms-"+y+y;case 964:return"-webkit-"+y+"-ms-flex-"+y+y;case 1023:if(y.charCodeAt(8)!==99)break;return _=y.substring(y.indexOf(":",15)).replace("flex-","").replace("space-between","justify"),"-webkit-box-pack"+_+"-webkit-"+y+"-ms-flex-pack"+_+y;case 1005:return T.test(y)?y.replace(k,":-webkit-")+y.replace(k,":-moz-")+y:y;case 1e3:switch(_=y.substring(13).trim(),A=_.indexOf("-")+1,_.charCodeAt(0)+_.charCodeAt(A)){case 226:_=y.replace(m,"tb");break;case 232:_=y.replace(m,"tb-rl");break;case 220:_=y.replace(m,"lr");break;default:return y}return"-webkit-"+y+"-ms-"+_+y;case 1017:if(y.indexOf("sticky",9)===-1)break;case 975:switch(A=(y=H).length-10,_=(y.charCodeAt(A)===33?y.substring(0,A):y).substring(H.indexOf(":",7)+1).trim(),ie=_.charCodeAt(0)+(_.charCodeAt(7)|0)){case 203:if(111>_.charCodeAt(8))break;case 115:y=y.replace(_,"-webkit-"+_)+";"+y;break;case 207:case 102:y=y.replace(_,"-webkit-"+(102<ie?"inline-":"")+"box")+";"+y.replace(_,"-webkit-"+_)+";"+y.replace(_,"-ms-"+_+"box")+";"+y}return y+";";case 938:if(y.charCodeAt(5)===45)switch(y.charCodeAt(6)){case 105:return _=y.replace("-items",""),"-webkit-"+y+"-webkit-box-"+_+"-ms-flex-"+_+y;case 115:return"-webkit-"+y+"-ms-flex-item-"+y.replace(w,"")+y;default:return"-webkit-"+y+"-ms-flex-line-pack"+y.replace("align-content","").replace(w,"")+y}break;case 973:case 989:if(y.charCodeAt(3)!==45||y.charCodeAt(4)===122)break;case 931:case 953:if(ce.test(H)===!0)return(_=H.substring(H.indexOf(":")+1)).charCodeAt(0)===115?o(H.replace("stretch","fill-available"),A,z,j).replace(":fill-available",":stretch"):y.replace(_,"-webkit-"+_)+y.replace(_,"-moz-"+_.replace("fill-",""))+y;break;case 962:if(y="-webkit-"+y+(y.charCodeAt(5)===102?"-ms-"+y:"")+y,z+j===211&&y.charCodeAt(13)===105&&0<y.indexOf("transform",10))return y.substring(0,y.indexOf(";",27)+1).replace(v,"$1-webkit-$2")+y}return y}function s(H,A){var z=H.indexOf(A===1?":":"{"),j=H.substring(0,A!==3?z:10);return z=H.substring(z+1,H.length-1),Te(A!==2?j:j.replace(re,"$1"),z,A)}function a(H,A){var z=o(A,A.charCodeAt(0),A.charCodeAt(1),A.charCodeAt(2));return z!==A+";"?z.replace(q," or ($1)").substring(4):"("+A+")"}function f(H,A,z,j,y,ie,_,xe,J,ne){for(var x=0,ke=A,R;x<he;++x)switch(R=ve[x].call(c,H,ke,z,j,y,ie,_,xe,J,ne)){case void 0:case!1:case!0:case null:break;default:ke=R}if(ke!==A)return ke}function h(H){switch(H){case void 0:case null:he=ve.length=0;break;default:if(typeof H=="function")ve[he++]=H;else if(typeof H=="object")for(var A=0,z=H.length;A<z;++A)h(H[A]);else Oe=!!H|0}return h}function p(H){return H=H.prefix,H!==void 0&&(Te=null,H?typeof H!="function"?L=1:(L=2,Te=H):L=0),p}function c(H,A){var z=H;if(33>z.charCodeAt(0)&&(z=z.trim()),Ne=z,z=[Ne],0<he){var j=f(-1,A,z,z,G,Z,0,0,0,0);j!==void 0&&typeof j=="string"&&(A=j)}var y=e(X,z,A,0,0);return 0<he&&(j=f(-2,y,z,z,G,Z,y.length,0,0,0),j!==void 0&&(y=j)),Ne="",K=0,Z=G=1,y}var d=/^\0+/g,E=/[\0\r\f]/g,k=/: */g,T=/zoo|gra/,v=/([,: ])(transform)/g,u=/,\r+?/g,P=/([\t\r\n ])*\f?&/g,O=/@(k\w+)\s*(\S*)\s*/,D=/::(place)/g,b=/:(read-only)/g,m=/[svh]\w+-[tblr]{2}/,te=/\(\s*(.*)\s*\)/g,q=/([\s\S]*?);/g,w=/-self|flex-/g,re=/[^]*?(:[rp][el]a[\w-]+)[^]*/,ce=/stretch|:\s*\w+\-(?:conte|avail)/,be=/([^-])(image-set\()/,Z=1,G=1,K=0,L=1,X=[],ve=[],he=0,Te=null,Oe=0,Ne="";return c.use=h,c.set=p,i!==void 0&&p(i),c}var Bn={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function In(i){var e=Object.create(null);return function(t){return e[t]===void 0&&(e[t]=i(t)),e[t]}}var Mn=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Sr=In(function(i){return Mn.test(i)||i.charCodeAt(0)===111&&i.charCodeAt(1)===110&&i.charCodeAt(2)<91}),wr={exports:{}},ye={};var Er;function Nn(){if(Er)return ye;Er=1;var i=typeof Symbol=="function"&&Symbol.for,e=i?Symbol.for("react.element"):60103,t=i?Symbol.for("react.portal"):60106,n=i?Symbol.for("react.fragment"):60107,o=i?Symbol.for("react.strict_mode"):60108,s=i?Symbol.for("react.profiler"):60114,a=i?Symbol.for("react.provider"):60109,f=i?Symbol.for("react.context"):60110,h=i?Symbol.for("react.async_mode"):60111,p=i?Symbol.for("react.concurrent_mode"):60111,c=i?Symbol.for("react.forward_ref"):60112,d=i?Symbol.for("react.suspense"):60113,E=i?Symbol.for("react.suspense_list"):60120,k=i?Symbol.for("react.memo"):60115,T=i?Symbol.for("react.lazy"):60116,v=i?Symbol.for("react.block"):60121,u=i?Symbol.for("react.fundamental"):60117,P=i?Symbol.for("react.responder"):60118,O=i?Symbol.for("react.scope"):60119;function D(m){if(typeof m=="object"&&m!==null){var te=m.$$typeof;switch(te){case e:switch(m=m.type,m){case h:case p:case n:case s:case o:case d:return m;default:switch(m=m&&m.$$typeof,m){case f:case c:case T:case k:case a:return m;default:return te}}case t:return te}}}function b(m){return D(m)===p}return ye.AsyncMode=h,ye.ConcurrentMode=p,ye.ContextConsumer=f,ye.ContextProvider=a,ye.Element=e,ye.ForwardRef=c,ye.Fragment=n,ye.Lazy=T,ye.Memo=k,ye.Portal=t,ye.Profiler=s,ye.StrictMode=o,ye.Suspense=d,ye.isAsyncMode=function(m){return b(m)||D(m)===h},ye.isConcurrentMode=b,ye.isContextConsumer=function(m){return D(m)===f},ye.isContextProvider=function(m){return D(m)===a},ye.isElement=function(m){return typeof m=="object"&&m!==null&&m.$$typeof===e},ye.isForwardRef=function(m){return D(m)===c},ye.isFragment=function(m){return D(m)===n},ye.isLazy=function(m){return D(m)===T},ye.isMemo=function(m){return D(m)===k},ye.isPortal=function(m){return D(m)===t},ye.isProfiler=function(m){return D(m)===s},ye.isStrictMode=function(m){return D(m)===o},ye.isSuspense=function(m){return D(m)===d},ye.isValidElementType=function(m){return typeof m=="string"||typeof m=="function"||m===n||m===p||m===s||m===o||m===d||m===E||typeof m=="object"&&m!==null&&(m.$$typeof===T||m.$$typeof===k||m.$$typeof===a||m.$$typeof===f||m.$$typeof===c||m.$$typeof===u||m.$$typeof===P||m.$$typeof===O||m.$$typeof===v)},ye.typeOf=D,ye}var ge={};var Cr;function jn(){return Cr||(Cr=1,process.env.NODE_ENV!=="production"&&function(){var i=typeof Symbol=="function"&&Symbol.for,e=i?Symbol.for("react.element"):60103,t=i?Symbol.for("react.portal"):60106,n=i?Symbol.for("react.fragment"):60107,o=i?Symbol.for("react.strict_mode"):60108,s=i?Symbol.for("react.profiler"):60114,a=i?Symbol.for("react.provider"):60109,f=i?Symbol.for("react.context"):60110,h=i?Symbol.for("react.async_mode"):60111,p=i?Symbol.for("react.concurrent_mode"):60111,c=i?Symbol.for("react.forward_ref"):60112,d=i?Symbol.for("react.suspense"):60113,E=i?Symbol.for("react.suspense_list"):60120,k=i?Symbol.for("react.memo"):60115,T=i?Symbol.for("react.lazy"):60116,v=i?Symbol.for("react.block"):60121,u=i?Symbol.for("react.fundamental"):60117,P=i?Symbol.for("react.responder"):60118,O=i?Symbol.for("react.scope"):60119;function D(x){return typeof x=="string"||typeof x=="function"||x===n||x===p||x===s||x===o||x===d||x===E||typeof x=="object"&&x!==null&&(x.$$typeof===T||x.$$typeof===k||x.$$typeof===a||x.$$typeof===f||x.$$typeof===c||x.$$typeof===u||x.$$typeof===P||x.$$typeof===O||x.$$typeof===v)}function b(x){if(typeof x=="object"&&x!==null){var ke=x.$$typeof;switch(ke){case e:var R=x.type;switch(R){case h:case p:case n:case s:case o:case d:return R;default:var U=R&&R.$$typeof;switch(U){case f:case c:case T:case k:case a:return U;default:return ke}}case t:return ke}}}var m=h,te=p,q=f,w=a,re=e,ce=c,be=n,Z=T,G=k,K=t,L=s,X=o,ve=d,he=!1;function Te(x){return he||(he=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),Oe(x)||b(x)===h}function Oe(x){return b(x)===p}function Ne(x){return b(x)===f}function H(x){return b(x)===a}function A(x){return typeof x=="object"&&x!==null&&x.$$typeof===e}function z(x){return b(x)===c}function j(x){return b(x)===n}function y(x){return b(x)===T}function ie(x){return b(x)===k}function _(x){return b(x)===t}function xe(x){return b(x)===s}function J(x){return b(x)===o}function ne(x){return b(x)===d}ge.AsyncMode=m,ge.ConcurrentMode=te,ge.ContextConsumer=q,ge.ContextProvider=w,ge.Element=re,ge.ForwardRef=ce,ge.Fragment=be,ge.Lazy=Z,ge.Memo=G,ge.Portal=K,ge.Profiler=L,ge.StrictMode=X,ge.Suspense=ve,ge.isAsyncMode=Te,ge.isConcurrentMode=Oe,ge.isContextConsumer=Ne,ge.isContextProvider=H,ge.isElement=A,ge.isForwardRef=z,ge.isFragment=j,ge.isLazy=y,ge.isMemo=ie,ge.isPortal=_,ge.isProfiler=xe,ge.isStrictMode=J,ge.isSuspense=ne,ge.isValidElementType=D,ge.typeOf=b}()),ge}(function(i){process.env.NODE_ENV==="production"?i.exports=Nn():i.exports=jn()})(wr);var Mi=wr.exports,Yn={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Fn={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Ln={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Tr={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Ni={};Ni[Mi.ForwardRef]=Ln,Ni[Mi.Memo]=Tr;function _r(i){return Mi.isMemo(i)?Tr:Ni[i.$$typeof]||Yn}var Xn=Object.defineProperty,Vn=Object.getOwnPropertyNames,Or=Object.getOwnPropertySymbols,Wn=Object.getOwnPropertyDescriptor,Zn=Object.getPrototypeOf,kr=Object.prototype;function Pr(i,e,t){if(typeof e!="string"){if(kr){var n=Zn(e);n&&n!==kr&&Pr(i,n,t)}var o=Vn(e);Or&&(o=o.concat(Or(e)));for(var s=_r(i),a=_r(e),f=0;f<o.length;++f){var h=o[f];if(!Fn[h]&&!(t&&t[h])&&!(a&&a[h])&&!(s&&s[h])){var p=Wn(e,h);try{Xn(i,h,p)}catch{}}}}return i}var Un=Pr;function ot(){return(ot=Object.assign||function(i){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(i[n]=t[n])}return i}).apply(this,arguments)}var Ar=function(i,e){for(var t=[i[0]],n=0,o=e.length;n<o;n+=1)t.push(e[n],i[n+1]);return t},ji=function(i){return i!==null&&typeof i=="object"&&(i.toString?i.toString():Object.prototype.toString.call(i))==="[object Object]"&&!hi.exports.typeOf(i)},di=Object.freeze([]),mt=Object.freeze({});function ti(i){return typeof i=="function"}function Yi(i){return process.env.NODE_ENV!=="production"&&typeof i=="string"&&i||i.displayName||i.name||"Component"}function Fi(i){return i&&typeof i.styledComponentId=="string"}var $t=typeof process<"u"&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Li=typeof window<"u"&&"HTMLElement"in window,Gn=Boolean(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==""?process.env.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&process.env.REACT_APP_SC_DISABLE_SPEEDY:typeof process<"u"&&process.env.SC_DISABLE_SPEEDY!==void 0&&process.env.SC_DISABLE_SPEEDY!==""?process.env.SC_DISABLE_SPEEDY!=="false"&&process.env.SC_DISABLE_SPEEDY:process.env.NODE_ENV!=="production"),qn=process.env.NODE_ENV!=="production"?{1:`Cannot create styled-component for component: %s.
|
|
11
|
+
Check the top-level render call using <`+$+">.")}return C}}function fn(l,C){{if(!l._store||l._store.validated||l.key!=null)return;l._store.validated=!0;var $=Xs(C);if(un[$])return;un[$]=!0;var W="";l&&l._owner&&l._owner!==or.current&&(W=" It was passed a child from "+G(l._owner.type)+"."),Ut(l),k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',$,W),Ut(null)}}function hn(l,C){{if(typeof l!="object")return;if(ut(l))for(var $=0;$<l.length;$++){var W=l[$];ar(W)&&fn(W,C)}else if(ar(l))l._store&&(l._store.validated=!0);else if(l){var de=u(l);if(typeof de=="function"&&de!==l.entries)for(var Ce=de.call(l),le;!(le=Ce.next()).done;)ar(le.value)&&fn(le.value,C)}}}function Vs(l){{var C=l.type;if(C==null||typeof C=="string")return;var $;if(typeof C=="function")$=C.propTypes;else if(typeof C=="object"&&(C.$$typeof===h||C.$$typeof===d))$=C.propTypes;else return;if($){var W=G(C);Be($,l.props,"prop",W,l)}else if(C.PropTypes!==void 0&&!sr){sr=!0;var de=G(C);k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",de||"Unknown")}typeof C.getDefaultProps=="function"&&!C.getDefaultProps.isReactClassApproved&&k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Ws(l){{for(var C=Object.keys(l.props),$=0;$<C.length;$++){var W=C[$];if(W!=="children"&&W!=="key"){Ut(l),k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",W),Ut(null);break}}l.ref!==null&&(Ut(l),k("Invalid attribute `ref` supplied to `React.Fragment`."),Ut(null))}}function dn(l,C,$,W,de,Ce){{var le=ce(l);if(!le){var se="";(l===void 0||typeof l=="object"&&l!==null&&Object.keys(l).length===0)&&(se+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var Ne=Ls(de);Ne?se+=Ne:se+=ln();var He;l===null?He="null":ut(l)?He="array":l!==void 0&&l.$$typeof===e?(He="<"+(G(l.type)||"Unknown")+" />",se=" Did you accidentally export a JSX literal instead of a component?"):He=typeof l,k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",He,se)}var De=Fs(l,C,$,de,Ce);if(De==null)return De;if(le){var We=C.children;if(We!==void 0)if(W)if(ut(We)){for(var Gt=0;Gt<We.length;Gt++)hn(We[Gt],l);Object.freeze&&Object.freeze(We)}else k("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else hn(We,l)}return l===r?Ws(De):Vs(De),De}}function Zs(l,C,$){return dn(l,C,$,!0)}function Us(l,C,$){return dn(l,C,$,!1)}var Gs=Us,qs=Zs;Kt.Fragment=r,Kt.jsx=Gs,Kt.jsxs=qs}()),Kt}(function(i){process.env.NODE_ENV==="production"?i.exports=gn():i.exports=bn()})(Hi);const S=Hi.exports.jsx,ue=Hi.exports.jsxs;var zi=function(i,e){return zi=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,r){t.__proto__=r}||function(t,r){for(var o in r)r.hasOwnProperty(o)&&(t[o]=r[o])},zi(i,e)};function Pt(i,e){zi(i,e);function t(){this.constructor=i}i.prototype=e===null?Object.create(e):(t.prototype=e.prototype,new t)}function Di(i){return typeof i=="function"}var fr=!1,Ze={Promise:void 0,set useDeprecatedSynchronousErrorHandling(i){if(i){var e=new Error;""+e.stack}fr=i},get useDeprecatedSynchronousErrorHandling(){return fr}};function Jt(i){setTimeout(function(){throw i},0)}var ci={closed:!0,next:function(i){},error:function(i){if(Ze.useDeprecatedSynchronousErrorHandling)throw i;Jt(i)},complete:function(){}},vn=function(){return Array.isArray||function(i){return i&&typeof i.length=="number"}}();function xn(i){return i!==null&&typeof i=="object"}var Sn=function(){function i(e){return Error.call(this),this.message=e?e.length+` errors occurred during unsubscription:
|
|
12
|
+
`+e.map(function(t,r){return r+1+") "+t.toString()}).join(`
|
|
13
|
+
`):"",this.name="UnsubscriptionError",this.errors=e,this}return i.prototype=Object.create(Error.prototype),i}(),li=Sn,Qt=function(){function i(e){this.closed=!1,this._parentOrParents=null,this._subscriptions=null,e&&(this._ctorUnsubscribe=!0,this._unsubscribe=e)}return i.prototype.unsubscribe=function(){var e;if(!this.closed){var t=this,r=t._parentOrParents,o=t._ctorUnsubscribe,s=t._unsubscribe,a=t._subscriptions;if(this.closed=!0,this._parentOrParents=null,this._subscriptions=null,r instanceof i)r.remove(this);else if(r!==null)for(var f=0;f<r.length;++f){var h=r[f];h.remove(this)}if(Di(s)){o&&(this._unsubscribe=void 0);try{s.call(this)}catch(d){e=d instanceof li?hr(d.errors):[d]}}if(vn(a))for(var f=-1,p=a.length;++f<p;){var c=a[f];if(xn(c))try{c.unsubscribe()}catch(E){e=e||[],E instanceof li?e=e.concat(hr(E.errors)):e.push(E)}}if(e)throw new li(e)}},i.prototype.add=function(e){var t=e;if(!e)return i.EMPTY;switch(typeof e){case"function":t=new i(e);case"object":if(t===this||t.closed||typeof t.unsubscribe!="function")return t;if(this.closed)return t.unsubscribe(),t;if(!(t instanceof i)){var r=t;t=new i,t._subscriptions=[r]}break;default:throw new Error("unrecognized teardown "+e+" added to Subscription.")}var o=t._parentOrParents;if(o===null)t._parentOrParents=this;else if(o instanceof i){if(o===this)return t;t._parentOrParents=[o,this]}else if(o.indexOf(this)===-1)o.push(this);else return t;var s=this._subscriptions;return s===null?this._subscriptions=[t]:s.push(t),t},i.prototype.remove=function(e){var t=this._subscriptions;if(t){var r=t.indexOf(e);r!==-1&&t.splice(r,1)}},i.EMPTY=function(e){return e.closed=!0,e}(new i),i}();function hr(i){return i.reduce(function(e,t){return e.concat(t instanceof li?t.errors:t)},[])}var ui=function(){return typeof Symbol=="function"?Symbol("rxSubscriber"):"@@rxSubscriber_"+Math.random()}(),At=function(i){Pt(e,i);function e(t,r,o){var s=i.call(this)||this;switch(s.syncErrorValue=null,s.syncErrorThrown=!1,s.syncErrorThrowable=!1,s.isStopped=!1,arguments.length){case 0:s.destination=ci;break;case 1:if(!t){s.destination=ci;break}if(typeof t=="object"){t instanceof e?(s.syncErrorThrowable=t.syncErrorThrowable,s.destination=t,t.add(s)):(s.syncErrorThrowable=!0,s.destination=new dr(s,t));break}default:s.syncErrorThrowable=!0,s.destination=new dr(s,t,r,o);break}return s}return e.prototype[ui]=function(){return this},e.create=function(t,r,o){var s=new e(t,r,o);return s.syncErrorThrowable=!1,s},e.prototype.next=function(t){this.isStopped||this._next(t)},e.prototype.error=function(t){this.isStopped||(this.isStopped=!0,this._error(t))},e.prototype.complete=function(){this.isStopped||(this.isStopped=!0,this._complete())},e.prototype.unsubscribe=function(){this.closed||(this.isStopped=!0,i.prototype.unsubscribe.call(this))},e.prototype._next=function(t){this.destination.next(t)},e.prototype._error=function(t){this.destination.error(t),this.unsubscribe()},e.prototype._complete=function(){this.destination.complete(),this.unsubscribe()},e.prototype._unsubscribeAndRecycle=function(){var t=this._parentOrParents;return this._parentOrParents=null,this.unsubscribe(),this.closed=!1,this.isStopped=!1,this._parentOrParents=t,this},e}(Qt),dr=function(i){Pt(e,i);function e(t,r,o,s){var a=i.call(this)||this;a._parentSubscriber=t;var f,h=a;return Di(r)?f=r:r&&(f=r.next,o=r.error,s=r.complete,r!==ci&&(h=Object.create(r),Di(h.unsubscribe)&&a.add(h.unsubscribe.bind(h)),h.unsubscribe=a.unsubscribe.bind(a))),a._context=h,a._next=f,a._error=o,a._complete=s,a}return e.prototype.next=function(t){if(!this.isStopped&&this._next){var r=this._parentSubscriber;!Ze.useDeprecatedSynchronousErrorHandling||!r.syncErrorThrowable?this.__tryOrUnsub(this._next,t):this.__tryOrSetError(r,this._next,t)&&this.unsubscribe()}},e.prototype.error=function(t){if(!this.isStopped){var r=this._parentSubscriber,o=Ze.useDeprecatedSynchronousErrorHandling;if(this._error)!o||!r.syncErrorThrowable?(this.__tryOrUnsub(this._error,t),this.unsubscribe()):(this.__tryOrSetError(r,this._error,t),this.unsubscribe());else if(r.syncErrorThrowable)o?(r.syncErrorValue=t,r.syncErrorThrown=!0):Jt(t),this.unsubscribe();else{if(this.unsubscribe(),o)throw t;Jt(t)}}},e.prototype.complete=function(){var t=this;if(!this.isStopped){var r=this._parentSubscriber;if(this._complete){var o=function(){return t._complete.call(t._context)};!Ze.useDeprecatedSynchronousErrorHandling||!r.syncErrorThrowable?(this.__tryOrUnsub(o),this.unsubscribe()):(this.__tryOrSetError(r,o),this.unsubscribe())}else this.unsubscribe()}},e.prototype.__tryOrUnsub=function(t,r){try{t.call(this._context,r)}catch(o){if(this.unsubscribe(),Ze.useDeprecatedSynchronousErrorHandling)throw o;Jt(o)}},e.prototype.__tryOrSetError=function(t,r,o){if(!Ze.useDeprecatedSynchronousErrorHandling)throw new Error("bad call");try{r.call(this._context,o)}catch(s){return Ze.useDeprecatedSynchronousErrorHandling?(t.syncErrorValue=s,t.syncErrorThrown=!0,!0):(Jt(s),!0)}return!1},e.prototype._unsubscribe=function(){var t=this._parentSubscriber;this._context=null,this._parentSubscriber=null,t.unsubscribe()},e}(At);function wn(i){for(;i;){var e=i,t=e.closed,r=e.destination,o=e.isStopped;if(t||o)return!1;r&&r instanceof At?i=r:i=null}return!0}function En(i,e,t){if(i){if(i instanceof At)return i;if(i[ui])return i[ui]()}return!i&&!e&&!t?new At(ci):new At(i,e,t)}var Cn=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}();function Tn(i){return i}function _n(i){return i.length===0?Tn:i.length===1?i[0]:function(t){return i.reduce(function(r,o){return o(r)},t)}}var pr=function(){function i(e){this._isScalar=!1,e&&(this._subscribe=e)}return i.prototype.lift=function(e){var t=new i;return t.source=this,t.operator=e,t},i.prototype.subscribe=function(e,t,r){var o=this.operator,s=En(e,t,r);if(o?s.add(o.call(s,this.source)):s.add(this.source||Ze.useDeprecatedSynchronousErrorHandling&&!s.syncErrorThrowable?this._subscribe(s):this._trySubscribe(s)),Ze.useDeprecatedSynchronousErrorHandling&&s.syncErrorThrowable&&(s.syncErrorThrowable=!1,s.syncErrorThrown))throw s.syncErrorValue;return s},i.prototype._trySubscribe=function(e){try{return this._subscribe(e)}catch(t){Ze.useDeprecatedSynchronousErrorHandling&&(e.syncErrorThrown=!0,e.syncErrorValue=t),wn(e)?e.error(t):console.warn(t)}},i.prototype.forEach=function(e,t){var r=this;return t=mr(t),new t(function(o,s){var a;a=r.subscribe(function(f){try{e(f)}catch(h){s(h),a&&a.unsubscribe()}},s,o)})},i.prototype._subscribe=function(e){var t=this.source;return t&&t.subscribe(e)},i.prototype[Cn]=function(){return this},i.prototype.pipe=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.length===0?this:_n(e)(this)},i.prototype.toPromise=function(e){var t=this;return e=mr(e),new e(function(r,o){var s;t.subscribe(function(a){return s=a},function(a){return o(a)},function(){return r(s)})})},i.create=function(e){return new i(e)},i}();function mr(i){if(i||(i=Ze.Promise||Promise),!i)throw new Error("no Promise impl found");return i}var kn=function(){function i(){return Error.call(this),this.message="object unsubscribed",this.name="ObjectUnsubscribedError",this}return i.prototype=Object.create(Error.prototype),i}(),ei=kn,On=function(i){Pt(e,i);function e(t,r){var o=i.call(this)||this;return o.subject=t,o.subscriber=r,o.closed=!1,o}return e.prototype.unsubscribe=function(){if(!this.closed){this.closed=!0;var t=this.subject,r=t.observers;if(this.subject=null,!(!r||r.length===0||t.isStopped||t.closed)){var o=r.indexOf(this.subscriber);o!==-1&&r.splice(o,1)}}},e}(Qt),Pn=function(i){Pt(e,i);function e(t){var r=i.call(this,t)||this;return r.destination=t,r}return e}(At),dt=function(i){Pt(e,i);function e(){var t=i.call(this)||this;return t.observers=[],t.closed=!1,t.isStopped=!1,t.hasError=!1,t.thrownError=null,t}return e.prototype[ui]=function(){return new Pn(this)},e.prototype.lift=function(t){var r=new yr(this,this);return r.operator=t,r},e.prototype.next=function(t){if(this.closed)throw new ei;if(!this.isStopped)for(var r=this.observers,o=r.length,s=r.slice(),a=0;a<o;a++)s[a].next(t)},e.prototype.error=function(t){if(this.closed)throw new ei;this.hasError=!0,this.thrownError=t,this.isStopped=!0;for(var r=this.observers,o=r.length,s=r.slice(),a=0;a<o;a++)s[a].error(t);this.observers.length=0},e.prototype.complete=function(){if(this.closed)throw new ei;this.isStopped=!0;for(var t=this.observers,r=t.length,o=t.slice(),s=0;s<r;s++)o[s].complete();this.observers.length=0},e.prototype.unsubscribe=function(){this.isStopped=!0,this.closed=!0,this.observers=null},e.prototype._trySubscribe=function(t){if(this.closed)throw new ei;return i.prototype._trySubscribe.call(this,t)},e.prototype._subscribe=function(t){if(this.closed)throw new ei;return this.hasError?(t.error(this.thrownError),Qt.EMPTY):this.isStopped?(t.complete(),Qt.EMPTY):(this.observers.push(t),new On(this,t))},e.prototype.asObservable=function(){var t=new pr;return t.source=this,t},e.create=function(t,r){return new yr(t,r)},e}(pr),yr=function(i){Pt(e,i);function e(t,r){var o=i.call(this)||this;return o.destination=t,o.source=r,o}return e.prototype.next=function(t){var r=this.destination;r&&r.next&&r.next(t)},e.prototype.error=function(t){var r=this.destination;r&&r.error&&this.destination.error(t)},e.prototype.complete=function(){var t=this.destination;t&&t.complete&&this.destination.complete()},e.prototype._subscribe=function(t){var r=this.source;return r?this.source.subscribe(t):Qt.EMPTY},e}(dt);class An{constructor(){B(this,bt,void 0);I(this,bt,new dt)}setVisibilityOfBanners(e){n(this,bt).next({device:e})}shiftBanners(){n(this,bt).next("shift")}setUserState(){n(this,bt).next("show")}getCameraSubject(){return n(this,bt).asObservable()}}bt=new WeakMap;const pt=new An,Et=g.createContext();class Ii{constructor(){B(this,at,void 0);I(this,at,new dt)}changeHistogramSectionByOffset(e,t,r,o){n(this,at).next({name:t,axis:e,increment:r,defaultRange:o})}changeHistogramFunction(e,t){n(this,at).next({name:t,fFunction:e})}changeHistogramScale(e,t){n(this,at).next({name:t,scale:e})}changeMinRequestedBinValue(e,t){n(this,at).next({name:t,minValue:e})}getChangedSection(){return n(this,at).asObservable()}}at=new WeakMap;const nt=new Ii,ke=new Ii,$e=new Ii;var fi={exports:{}},pe={};var gr;function $n(){if(gr)return pe;gr=1;var i=Symbol.for("react.element"),e=Symbol.for("react.portal"),t=Symbol.for("react.fragment"),r=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),a=Symbol.for("react.context"),f=Symbol.for("react.server_context"),h=Symbol.for("react.forward_ref"),p=Symbol.for("react.suspense"),c=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),E=Symbol.for("react.lazy"),O=Symbol.for("react.offscreen"),T;T=Symbol.for("react.module.reference");function v(u){if(typeof u=="object"&&u!==null){var P=u.$$typeof;switch(P){case i:switch(u=u.type,u){case t:case o:case r:case p:case c:return u;default:switch(u=u&&u.$$typeof,u){case f:case a:case h:case E:case d:case s:return u;default:return P}}case e:return P}}}return pe.ContextConsumer=a,pe.ContextProvider=s,pe.Element=i,pe.ForwardRef=h,pe.Fragment=t,pe.Lazy=E,pe.Memo=d,pe.Portal=e,pe.Profiler=o,pe.StrictMode=r,pe.Suspense=p,pe.SuspenseList=c,pe.isAsyncMode=function(){return!1},pe.isConcurrentMode=function(){return!1},pe.isContextConsumer=function(u){return v(u)===a},pe.isContextProvider=function(u){return v(u)===s},pe.isElement=function(u){return typeof u=="object"&&u!==null&&u.$$typeof===i},pe.isForwardRef=function(u){return v(u)===h},pe.isFragment=function(u){return v(u)===t},pe.isLazy=function(u){return v(u)===E},pe.isMemo=function(u){return v(u)===d},pe.isPortal=function(u){return v(u)===e},pe.isProfiler=function(u){return v(u)===o},pe.isStrictMode=function(u){return v(u)===r},pe.isSuspense=function(u){return v(u)===p},pe.isSuspenseList=function(u){return v(u)===c},pe.isValidElementType=function(u){return typeof u=="string"||typeof u=="function"||u===t||u===o||u===r||u===p||u===c||u===O||typeof u=="object"&&u!==null&&(u.$$typeof===E||u.$$typeof===d||u.$$typeof===s||u.$$typeof===a||u.$$typeof===h||u.$$typeof===T||u.getModuleId!==void 0)},pe.typeOf=v,pe}var me={};var br;function Rn(){return br||(br=1,process.env.NODE_ENV!=="production"&&function(){var i=Symbol.for("react.element"),e=Symbol.for("react.portal"),t=Symbol.for("react.fragment"),r=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),a=Symbol.for("react.context"),f=Symbol.for("react.server_context"),h=Symbol.for("react.forward_ref"),p=Symbol.for("react.suspense"),c=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),E=Symbol.for("react.lazy"),O=Symbol.for("react.offscreen"),T=!1,v=!1,u=!1,P=!1,k=!1,D;D=Symbol.for("react.module.reference");function b(R){return!!(typeof R=="string"||typeof R=="function"||R===t||R===o||k||R===r||R===p||R===c||P||R===O||T||v||u||typeof R=="object"&&R!==null&&(R.$$typeof===E||R.$$typeof===d||R.$$typeof===s||R.$$typeof===a||R.$$typeof===h||R.$$typeof===D||R.getModuleId!==void 0))}function m(R){if(typeof R=="object"&&R!==null){var U=R.$$typeof;switch(U){case i:var _e=R.type;switch(_e){case t:case o:case r:case p:case c:return _e;default:var oe=_e&&_e.$$typeof;switch(oe){case f:case a:case h:case E:case d:case s:return oe;default:return U}}case e:return U}}}var te=a,q=s,w=i,re=h,ce=t,be=E,Z=d,G=e,K=o,L=r,X=p,ve=c,he=!1,Te=!1;function Oe(R){return he||(he=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function je(R){return Te||(Te=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1}function H(R){return m(R)===a}function A(R){return m(R)===s}function z(R){return typeof R=="object"&&R!==null&&R.$$typeof===i}function N(R){return m(R)===h}function y(R){return m(R)===t}function ie(R){return m(R)===E}function _(R){return m(R)===d}function xe(R){return m(R)===e}function Q(R){return m(R)===o}function ne(R){return m(R)===r}function x(R){return m(R)===p}function Pe(R){return m(R)===c}me.ContextConsumer=te,me.ContextProvider=q,me.Element=w,me.ForwardRef=re,me.Fragment=ce,me.Lazy=be,me.Memo=Z,me.Portal=G,me.Profiler=K,me.StrictMode=L,me.Suspense=X,me.SuspenseList=ve,me.isAsyncMode=Oe,me.isConcurrentMode=je,me.isContextConsumer=H,me.isContextProvider=A,me.isElement=z,me.isForwardRef=N,me.isFragment=y,me.isLazy=ie,me.isMemo=_,me.isPortal=xe,me.isProfiler=Q,me.isStrictMode=ne,me.isSuspense=x,me.isSuspenseList=Pe,me.isValidElementType=b,me.typeOf=m}()),me}(function(i){process.env.NODE_ENV==="production"?i.exports=$n():i.exports=Rn()})(fi);function Hn(i){function e(H,A,z,N,y){for(var ie=0,_=0,xe=0,Q=0,ne,x,Pe=0,R=0,U,_e=U=ne=0,oe=0,ze=0,it=0,Be=0,Wt=z.length,ut=Wt-1,Ve,V="",Ae="",Zt="",ft="",rt;oe<Wt;){if(x=z.charCodeAt(oe),oe===ut&&_+Q+xe+ie!==0&&(_!==0&&(x=_===47?10:47),Q=xe=ie=0,Wt++,ut++),_+Q+xe+ie===0){if(oe===ut&&(0<ze&&(V=V.replace(E,"")),0<V.trim().length)){switch(x){case 32:case 9:case 59:case 13:case 10:break;default:V+=z.charAt(oe)}x=59}switch(x){case 123:for(V=V.trim(),ne=V.charCodeAt(0),U=1,Be=++oe;oe<Wt;){switch(x=z.charCodeAt(oe)){case 123:U++;break;case 125:U--;break;case 47:switch(x=z.charCodeAt(oe+1)){case 42:case 47:e:{for(_e=oe+1;_e<ut;++_e)switch(z.charCodeAt(_e)){case 47:if(x===42&&z.charCodeAt(_e-1)===42&&oe+2!==_e){oe=_e+1;break e}break;case 10:if(x===47){oe=_e+1;break e}}oe=_e}}break;case 91:x++;case 40:x++;case 34:case 39:for(;oe++<ut&&z.charCodeAt(oe)!==x;);}if(U===0)break;oe++}switch(U=z.substring(Be,oe),ne===0&&(ne=(V=V.replace(d,"").trim()).charCodeAt(0)),ne){case 64:switch(0<ze&&(V=V.replace(E,"")),x=V.charCodeAt(1),x){case 100:case 109:case 115:case 45:ze=A;break;default:ze=X}if(U=e(A,ze,U,x,y+1),Be=U.length,0<he&&(ze=t(X,V,it),rt=f(3,U,ze,A,G,Z,Be,x,y,N),V=ze.join(""),rt!==void 0&&(Be=(U=rt.trim()).length)===0&&(x=0,U="")),0<Be)switch(x){case 115:V=V.replace(te,a);case 100:case 109:case 45:U=V+"{"+U+"}";break;case 107:V=V.replace(k,"$1 $2"),U=V+"{"+U+"}",U=L===1||L===2&&s("@"+U,3)?"@-webkit-"+U+"@"+U:"@"+U;break;default:U=V+U,N===112&&(U=(Ae+=U,""))}else U="";break;default:U=e(A,t(A,V,it),U,N,y+1)}Zt+=U,U=it=ze=_e=ne=0,V="",x=z.charCodeAt(++oe);break;case 125:case 59:if(V=(0<ze?V.replace(E,""):V).trim(),1<(Be=V.length))switch(_e===0&&(ne=V.charCodeAt(0),ne===45||96<ne&&123>ne)&&(Be=(V=V.replace(" ",":")).length),0<he&&(rt=f(1,V,A,H,G,Z,Ae.length,N,y,N))!==void 0&&(Be=(V=rt.trim()).length)===0&&(V="\0\0"),ne=V.charCodeAt(0),x=V.charCodeAt(1),ne){case 0:break;case 64:if(x===105||x===99){ft+=V+z.charAt(oe);break}default:V.charCodeAt(Be-1)!==58&&(Ae+=o(V,ne,x,V.charCodeAt(2)))}it=ze=_e=ne=0,V="",x=z.charCodeAt(++oe)}}switch(x){case 13:case 10:_===47?_=0:1+ne===0&&N!==107&&0<V.length&&(ze=1,V+="\0"),0<he*Oe&&f(0,V,A,H,G,Z,Ae.length,N,y,N),Z=1,G++;break;case 59:case 125:if(_+Q+xe+ie===0){Z++;break}default:switch(Z++,Ve=z.charAt(oe),x){case 9:case 32:if(Q+ie+_===0)switch(Pe){case 44:case 58:case 9:case 32:Ve="";break;default:x!==32&&(Ve=" ")}break;case 0:Ve="\\0";break;case 12:Ve="\\f";break;case 11:Ve="\\v";break;case 38:Q+_+ie===0&&(ze=it=1,Ve="\f"+Ve);break;case 108:if(Q+_+ie+K===0&&0<_e)switch(oe-_e){case 2:Pe===112&&z.charCodeAt(oe-3)===58&&(K=Pe);case 8:R===111&&(K=R)}break;case 58:Q+_+ie===0&&(_e=oe);break;case 44:_+xe+Q+ie===0&&(ze=1,Ve+="\r");break;case 34:case 39:_===0&&(Q=Q===x?0:Q===0?x:Q);break;case 91:Q+_+xe===0&&ie++;break;case 93:Q+_+xe===0&&ie--;break;case 41:Q+_+ie===0&&xe--;break;case 40:if(Q+_+ie===0){if(ne===0)switch(2*Pe+3*R){case 533:break;default:ne=1}xe++}break;case 64:_+xe+Q+ie+_e+U===0&&(U=1);break;case 42:case 47:if(!(0<Q+ie+xe))switch(_){case 0:switch(2*x+3*z.charCodeAt(oe+1)){case 235:_=47;break;case 220:Be=oe,_=42}break;case 42:x===47&&Pe===42&&Be+2!==oe&&(z.charCodeAt(Be+2)===33&&(Ae+=z.substring(Be,oe+1)),Ve="",_=0)}}_===0&&(V+=Ve)}R=Pe,Pe=x,oe++}if(Be=Ae.length,0<Be){if(ze=A,0<he&&(rt=f(2,Ae,ze,H,G,Z,Be,N,y,N),rt!==void 0&&(Ae=rt).length===0))return ft+Ae+Zt;if(Ae=ze.join(",")+"{"+Ae+"}",L*K!==0){switch(L!==2||s(Ae,2)||(K=0),K){case 111:Ae=Ae.replace(b,":-moz-$1")+Ae;break;case 112:Ae=Ae.replace(D,"::-webkit-input-$1")+Ae.replace(D,"::-moz-$1")+Ae.replace(D,":-ms-input-$1")+Ae}K=0}}return ft+Ae+Zt}function t(H,A,z){var N=A.trim().split(u);A=N;var y=N.length,ie=H.length;switch(ie){case 0:case 1:var _=0;for(H=ie===0?"":H[0]+" ";_<y;++_)A[_]=r(H,A[_],z).trim();break;default:var xe=_=0;for(A=[];_<y;++_)for(var Q=0;Q<ie;++Q)A[xe++]=r(H[Q]+" ",N[_],z).trim()}return A}function r(H,A,z){var N=A.charCodeAt(0);switch(33>N&&(N=(A=A.trim()).charCodeAt(0)),N){case 38:return A.replace(P,"$1"+H.trim());case 58:return H.trim()+A.replace(P,"$1"+H.trim());default:if(0<1*z&&0<A.indexOf("\f"))return A.replace(P,(H.charCodeAt(0)===58?"":"$1")+H.trim())}return H+A}function o(H,A,z,N){var y=H+";",ie=2*A+3*z+4*N;if(ie===944){H=y.indexOf(":",9)+1;var _=y.substring(H,y.length-1).trim();return _=y.substring(0,H).trim()+_+";",L===1||L===2&&s(_,1)?"-webkit-"+_+_:_}if(L===0||L===2&&!s(y,1))return y;switch(ie){case 1015:return y.charCodeAt(10)===97?"-webkit-"+y+y:y;case 951:return y.charCodeAt(3)===116?"-webkit-"+y+y:y;case 963:return y.charCodeAt(5)===110?"-webkit-"+y+y:y;case 1009:if(y.charCodeAt(4)!==100)break;case 969:case 942:return"-webkit-"+y+y;case 978:return"-webkit-"+y+"-moz-"+y+y;case 1019:case 983:return"-webkit-"+y+"-moz-"+y+"-ms-"+y+y;case 883:if(y.charCodeAt(8)===45)return"-webkit-"+y+y;if(0<y.indexOf("image-set(",11))return y.replace(be,"$1-webkit-$2")+y;break;case 932:if(y.charCodeAt(4)===45)switch(y.charCodeAt(5)){case 103:return"-webkit-box-"+y.replace("-grow","")+"-webkit-"+y+"-ms-"+y.replace("grow","positive")+y;case 115:return"-webkit-"+y+"-ms-"+y.replace("shrink","negative")+y;case 98:return"-webkit-"+y+"-ms-"+y.replace("basis","preferred-size")+y}return"-webkit-"+y+"-ms-"+y+y;case 964:return"-webkit-"+y+"-ms-flex-"+y+y;case 1023:if(y.charCodeAt(8)!==99)break;return _=y.substring(y.indexOf(":",15)).replace("flex-","").replace("space-between","justify"),"-webkit-box-pack"+_+"-webkit-"+y+"-ms-flex-pack"+_+y;case 1005:return T.test(y)?y.replace(O,":-webkit-")+y.replace(O,":-moz-")+y:y;case 1e3:switch(_=y.substring(13).trim(),A=_.indexOf("-")+1,_.charCodeAt(0)+_.charCodeAt(A)){case 226:_=y.replace(m,"tb");break;case 232:_=y.replace(m,"tb-rl");break;case 220:_=y.replace(m,"lr");break;default:return y}return"-webkit-"+y+"-ms-"+_+y;case 1017:if(y.indexOf("sticky",9)===-1)break;case 975:switch(A=(y=H).length-10,_=(y.charCodeAt(A)===33?y.substring(0,A):y).substring(H.indexOf(":",7)+1).trim(),ie=_.charCodeAt(0)+(_.charCodeAt(7)|0)){case 203:if(111>_.charCodeAt(8))break;case 115:y=y.replace(_,"-webkit-"+_)+";"+y;break;case 207:case 102:y=y.replace(_,"-webkit-"+(102<ie?"inline-":"")+"box")+";"+y.replace(_,"-webkit-"+_)+";"+y.replace(_,"-ms-"+_+"box")+";"+y}return y+";";case 938:if(y.charCodeAt(5)===45)switch(y.charCodeAt(6)){case 105:return _=y.replace("-items",""),"-webkit-"+y+"-webkit-box-"+_+"-ms-flex-"+_+y;case 115:return"-webkit-"+y+"-ms-flex-item-"+y.replace(w,"")+y;default:return"-webkit-"+y+"-ms-flex-line-pack"+y.replace("align-content","").replace(w,"")+y}break;case 973:case 989:if(y.charCodeAt(3)!==45||y.charCodeAt(4)===122)break;case 931:case 953:if(ce.test(H)===!0)return(_=H.substring(H.indexOf(":")+1)).charCodeAt(0)===115?o(H.replace("stretch","fill-available"),A,z,N).replace(":fill-available",":stretch"):y.replace(_,"-webkit-"+_)+y.replace(_,"-moz-"+_.replace("fill-",""))+y;break;case 962:if(y="-webkit-"+y+(y.charCodeAt(5)===102?"-ms-"+y:"")+y,z+N===211&&y.charCodeAt(13)===105&&0<y.indexOf("transform",10))return y.substring(0,y.indexOf(";",27)+1).replace(v,"$1-webkit-$2")+y}return y}function s(H,A){var z=H.indexOf(A===1?":":"{"),N=H.substring(0,A!==3?z:10);return z=H.substring(z+1,H.length-1),Te(A!==2?N:N.replace(re,"$1"),z,A)}function a(H,A){var z=o(A,A.charCodeAt(0),A.charCodeAt(1),A.charCodeAt(2));return z!==A+";"?z.replace(q," or ($1)").substring(4):"("+A+")"}function f(H,A,z,N,y,ie,_,xe,Q,ne){for(var x=0,Pe=A,R;x<he;++x)switch(R=ve[x].call(c,H,Pe,z,N,y,ie,_,xe,Q,ne)){case void 0:case!1:case!0:case null:break;default:Pe=R}if(Pe!==A)return Pe}function h(H){switch(H){case void 0:case null:he=ve.length=0;break;default:if(typeof H=="function")ve[he++]=H;else if(typeof H=="object")for(var A=0,z=H.length;A<z;++A)h(H[A]);else Oe=!!H|0}return h}function p(H){return H=H.prefix,H!==void 0&&(Te=null,H?typeof H!="function"?L=1:(L=2,Te=H):L=0),p}function c(H,A){var z=H;if(33>z.charCodeAt(0)&&(z=z.trim()),je=z,z=[je],0<he){var N=f(-1,A,z,z,G,Z,0,0,0,0);N!==void 0&&typeof N=="string"&&(A=N)}var y=e(X,z,A,0,0);return 0<he&&(N=f(-2,y,z,z,G,Z,y.length,0,0,0),N!==void 0&&(y=N)),je="",K=0,Z=G=1,y}var d=/^\0+/g,E=/[\0\r\f]/g,O=/: */g,T=/zoo|gra/,v=/([,: ])(transform)/g,u=/,\r+?/g,P=/([\t\r\n ])*\f?&/g,k=/@(k\w+)\s*(\S*)\s*/,D=/::(place)/g,b=/:(read-only)/g,m=/[svh]\w+-[tblr]{2}/,te=/\(\s*(.*)\s*\)/g,q=/([\s\S]*?);/g,w=/-self|flex-/g,re=/[^]*?(:[rp][el]a[\w-]+)[^]*/,ce=/stretch|:\s*\w+\-(?:conte|avail)/,be=/([^-])(image-set\()/,Z=1,G=1,K=0,L=1,X=[],ve=[],he=0,Te=null,Oe=0,je="";return c.use=h,c.set=p,i!==void 0&&p(i),c}var zn={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function Dn(i){var e=Object.create(null);return function(t){return e[t]===void 0&&(e[t]=i(t)),e[t]}}var In=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,vr=Dn(function(i){return In.test(i)||i.charCodeAt(0)===111&&i.charCodeAt(1)===110&&i.charCodeAt(2)<91}),xr={exports:{}},ye={};var Sr;function Bn(){if(Sr)return ye;Sr=1;var i=typeof Symbol=="function"&&Symbol.for,e=i?Symbol.for("react.element"):60103,t=i?Symbol.for("react.portal"):60106,r=i?Symbol.for("react.fragment"):60107,o=i?Symbol.for("react.strict_mode"):60108,s=i?Symbol.for("react.profiler"):60114,a=i?Symbol.for("react.provider"):60109,f=i?Symbol.for("react.context"):60110,h=i?Symbol.for("react.async_mode"):60111,p=i?Symbol.for("react.concurrent_mode"):60111,c=i?Symbol.for("react.forward_ref"):60112,d=i?Symbol.for("react.suspense"):60113,E=i?Symbol.for("react.suspense_list"):60120,O=i?Symbol.for("react.memo"):60115,T=i?Symbol.for("react.lazy"):60116,v=i?Symbol.for("react.block"):60121,u=i?Symbol.for("react.fundamental"):60117,P=i?Symbol.for("react.responder"):60118,k=i?Symbol.for("react.scope"):60119;function D(m){if(typeof m=="object"&&m!==null){var te=m.$$typeof;switch(te){case e:switch(m=m.type,m){case h:case p:case r:case s:case o:case d:return m;default:switch(m=m&&m.$$typeof,m){case f:case c:case T:case O:case a:return m;default:return te}}case t:return te}}}function b(m){return D(m)===p}return ye.AsyncMode=h,ye.ConcurrentMode=p,ye.ContextConsumer=f,ye.ContextProvider=a,ye.Element=e,ye.ForwardRef=c,ye.Fragment=r,ye.Lazy=T,ye.Memo=O,ye.Portal=t,ye.Profiler=s,ye.StrictMode=o,ye.Suspense=d,ye.isAsyncMode=function(m){return b(m)||D(m)===h},ye.isConcurrentMode=b,ye.isContextConsumer=function(m){return D(m)===f},ye.isContextProvider=function(m){return D(m)===a},ye.isElement=function(m){return typeof m=="object"&&m!==null&&m.$$typeof===e},ye.isForwardRef=function(m){return D(m)===c},ye.isFragment=function(m){return D(m)===r},ye.isLazy=function(m){return D(m)===T},ye.isMemo=function(m){return D(m)===O},ye.isPortal=function(m){return D(m)===t},ye.isProfiler=function(m){return D(m)===s},ye.isStrictMode=function(m){return D(m)===o},ye.isSuspense=function(m){return D(m)===d},ye.isValidElementType=function(m){return typeof m=="string"||typeof m=="function"||m===r||m===p||m===s||m===o||m===d||m===E||typeof m=="object"&&m!==null&&(m.$$typeof===T||m.$$typeof===O||m.$$typeof===a||m.$$typeof===f||m.$$typeof===c||m.$$typeof===u||m.$$typeof===P||m.$$typeof===k||m.$$typeof===v)},ye.typeOf=D,ye}var ge={};var wr;function Mn(){return wr||(wr=1,process.env.NODE_ENV!=="production"&&function(){var i=typeof Symbol=="function"&&Symbol.for,e=i?Symbol.for("react.element"):60103,t=i?Symbol.for("react.portal"):60106,r=i?Symbol.for("react.fragment"):60107,o=i?Symbol.for("react.strict_mode"):60108,s=i?Symbol.for("react.profiler"):60114,a=i?Symbol.for("react.provider"):60109,f=i?Symbol.for("react.context"):60110,h=i?Symbol.for("react.async_mode"):60111,p=i?Symbol.for("react.concurrent_mode"):60111,c=i?Symbol.for("react.forward_ref"):60112,d=i?Symbol.for("react.suspense"):60113,E=i?Symbol.for("react.suspense_list"):60120,O=i?Symbol.for("react.memo"):60115,T=i?Symbol.for("react.lazy"):60116,v=i?Symbol.for("react.block"):60121,u=i?Symbol.for("react.fundamental"):60117,P=i?Symbol.for("react.responder"):60118,k=i?Symbol.for("react.scope"):60119;function D(x){return typeof x=="string"||typeof x=="function"||x===r||x===p||x===s||x===o||x===d||x===E||typeof x=="object"&&x!==null&&(x.$$typeof===T||x.$$typeof===O||x.$$typeof===a||x.$$typeof===f||x.$$typeof===c||x.$$typeof===u||x.$$typeof===P||x.$$typeof===k||x.$$typeof===v)}function b(x){if(typeof x=="object"&&x!==null){var Pe=x.$$typeof;switch(Pe){case e:var R=x.type;switch(R){case h:case p:case r:case s:case o:case d:return R;default:var U=R&&R.$$typeof;switch(U){case f:case c:case T:case O:case a:return U;default:return Pe}}case t:return Pe}}}var m=h,te=p,q=f,w=a,re=e,ce=c,be=r,Z=T,G=O,K=t,L=s,X=o,ve=d,he=!1;function Te(x){return he||(he=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),Oe(x)||b(x)===h}function Oe(x){return b(x)===p}function je(x){return b(x)===f}function H(x){return b(x)===a}function A(x){return typeof x=="object"&&x!==null&&x.$$typeof===e}function z(x){return b(x)===c}function N(x){return b(x)===r}function y(x){return b(x)===T}function ie(x){return b(x)===O}function _(x){return b(x)===t}function xe(x){return b(x)===s}function Q(x){return b(x)===o}function ne(x){return b(x)===d}ge.AsyncMode=m,ge.ConcurrentMode=te,ge.ContextConsumer=q,ge.ContextProvider=w,ge.Element=re,ge.ForwardRef=ce,ge.Fragment=be,ge.Lazy=Z,ge.Memo=G,ge.Portal=K,ge.Profiler=L,ge.StrictMode=X,ge.Suspense=ve,ge.isAsyncMode=Te,ge.isConcurrentMode=Oe,ge.isContextConsumer=je,ge.isContextProvider=H,ge.isElement=A,ge.isForwardRef=z,ge.isFragment=N,ge.isLazy=y,ge.isMemo=ie,ge.isPortal=_,ge.isProfiler=xe,ge.isStrictMode=Q,ge.isSuspense=ne,ge.isValidElementType=D,ge.typeOf=b}()),ge}(function(i){process.env.NODE_ENV==="production"?i.exports=Bn():i.exports=Mn()})(xr);var Bi=xr.exports,jn={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Nn={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Yn={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Er={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Mi={};Mi[Bi.ForwardRef]=Yn,Mi[Bi.Memo]=Er;function Cr(i){return Bi.isMemo(i)?Er:Mi[i.$$typeof]||jn}var Fn=Object.defineProperty,Ln=Object.getOwnPropertyNames,Tr=Object.getOwnPropertySymbols,Xn=Object.getOwnPropertyDescriptor,Vn=Object.getPrototypeOf,_r=Object.prototype;function kr(i,e,t){if(typeof e!="string"){if(_r){var r=Vn(e);r&&r!==_r&&kr(i,r,t)}var o=Ln(e);Tr&&(o=o.concat(Tr(e)));for(var s=Cr(i),a=Cr(e),f=0;f<o.length;++f){var h=o[f];if(!Nn[h]&&!(t&&t[h])&&!(a&&a[h])&&!(s&&s[h])){var p=Xn(e,h);try{Fn(i,h,p)}catch{}}}}return i}var Wn=kr;function ot(){return(ot=Object.assign||function(i){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(i[r]=t[r])}return i}).apply(this,arguments)}var Or=function(i,e){for(var t=[i[0]],r=0,o=e.length;r<o;r+=1)t.push(e[r],i[r+1]);return t},ji=function(i){return i!==null&&typeof i=="object"&&(i.toString?i.toString():Object.prototype.toString.call(i))==="[object Object]"&&!fi.exports.typeOf(i)},hi=Object.freeze([]),mt=Object.freeze({});function ti(i){return typeof i=="function"}function Ni(i){return process.env.NODE_ENV!=="production"&&typeof i=="string"&&i||i.displayName||i.name||"Component"}function Yi(i){return i&&typeof i.styledComponentId=="string"}var $t=typeof process<"u"&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Fi=typeof window<"u"&&"HTMLElement"in window,Zn=Boolean(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==""?process.env.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&process.env.REACT_APP_SC_DISABLE_SPEEDY:typeof process<"u"&&process.env.SC_DISABLE_SPEEDY!==void 0&&process.env.SC_DISABLE_SPEEDY!==""?process.env.SC_DISABLE_SPEEDY!=="false"&&process.env.SC_DISABLE_SPEEDY:process.env.NODE_ENV!=="production"),Un=process.env.NODE_ENV!=="production"?{1:`Cannot create styled-component for component: %s.
|
|
14
14
|
|
|
15
15
|
`,2:`Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
|
|
16
16
|
|
|
@@ -51,12 +51,12 @@ as for instance in your render method then you may be running into this limitati
|
|
|
51
51
|
|
|
52
52
|
`,17:`CSSStyleSheet could not be found on HTMLStyleElement.
|
|
53
53
|
Has styled-components' style tag been unmounted or altered by another script?
|
|
54
|
-
`}:{};function
|
|
55
|
-
`;return
|
|
56
|
-
`),
|
|
57
|
-
`}}}return s}(this)},i}(),
|
|
54
|
+
`}:{};function Gn(){for(var i=arguments.length<=0?void 0:arguments[0],e=[],t=1,r=arguments.length;t<r;t+=1)e.push(t<0||arguments.length<=t?void 0:arguments[t]);return e.forEach(function(o){i=i.replace(/%[a-z]/,o)}),i}function Rt(i){for(var e=arguments.length,t=new Array(e>1?e-1:0),r=1;r<e;r++)t[r-1]=arguments[r];throw process.env.NODE_ENV==="production"?new Error("An error occurred. See https://git.io/JUIaE#"+i+" for more information."+(t.length>0?" Args: "+t.join(", "):"")):new Error(Gn.apply(void 0,[Un[i]].concat(t)).trim())}var qn=function(){function i(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}var e=i.prototype;return e.indexOfGroup=function(t){for(var r=0,o=0;o<t;o++)r+=this.groupSizes[o];return r},e.insertRules=function(t,r){if(t>=this.groupSizes.length){for(var o=this.groupSizes,s=o.length,a=s;t>=a;)(a<<=1)<0&&Rt(16,""+t);this.groupSizes=new Uint32Array(a),this.groupSizes.set(o),this.length=a;for(var f=s;f<a;f++)this.groupSizes[f]=0}for(var h=this.indexOfGroup(t+1),p=0,c=r.length;p<c;p++)this.tag.insertRule(h,r[p])&&(this.groupSizes[t]++,h++)},e.clearGroup=function(t){if(t<this.length){var r=this.groupSizes[t],o=this.indexOfGroup(t),s=o+r;this.groupSizes[t]=0;for(var a=o;a<s;a++)this.tag.deleteRule(o)}},e.getGroup=function(t){var r="";if(t>=this.length||this.groupSizes[t]===0)return r;for(var o=this.groupSizes[t],s=this.indexOfGroup(t),a=s+o,f=s;f<a;f++)r+=this.tag.getRule(f)+`/*!sc*/
|
|
55
|
+
`;return r},i}(),di=new Map,pi=new Map,ii=1,mi=function(i){if(di.has(i))return di.get(i);for(;pi.has(ii);)ii++;var e=ii++;return process.env.NODE_ENV!=="production"&&((0|e)<0||e>1<<30)&&Rt(16,""+e),di.set(i,e),pi.set(e,i),e},Kn=function(i){return pi.get(i)},Jn=function(i,e){e>=ii&&(ii=e+1),di.set(i,e),pi.set(e,i)},Qn="style["+$t+'][data-styled-version="5.3.6"]',eo=new RegExp("^"+$t+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),to=function(i,e,t){for(var r,o=t.split(","),s=0,a=o.length;s<a;s++)(r=o[s])&&i.registerName(e,r)},io=function(i,e){for(var t=(e.textContent||"").split(`/*!sc*/
|
|
56
|
+
`),r=[],o=0,s=t.length;o<s;o++){var a=t[o].trim();if(a){var f=a.match(eo);if(f){var h=0|parseInt(f[1],10),p=f[2];h!==0&&(Jn(p,h),to(i,p,f[3]),i.getTag().insertRules(h,r)),r.length=0}else r.push(a)}}},ro=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null},Pr=function(i){var e=document.head,t=i||e,r=document.createElement("style"),o=function(f){for(var h=f.childNodes,p=h.length;p>=0;p--){var c=h[p];if(c&&c.nodeType===1&&c.hasAttribute($t))return c}}(t),s=o!==void 0?o.nextSibling:null;r.setAttribute($t,"active"),r.setAttribute("data-styled-version","5.3.6");var a=ro();return a&&r.setAttribute("nonce",a),t.insertBefore(r,s),r},no=function(){function i(t){var r=this.element=Pr(t);r.appendChild(document.createTextNode("")),this.sheet=function(o){if(o.sheet)return o.sheet;for(var s=document.styleSheets,a=0,f=s.length;a<f;a++){var h=s[a];if(h.ownerNode===o)return h}Rt(17)}(r),this.length=0}var e=i.prototype;return e.insertRule=function(t,r){try{return this.sheet.insertRule(r,t),this.length++,!0}catch{return!1}},e.deleteRule=function(t){this.sheet.deleteRule(t),this.length--},e.getRule=function(t){var r=this.sheet.cssRules[t];return r!==void 0&&typeof r.cssText=="string"?r.cssText:""},i}(),oo=function(){function i(t){var r=this.element=Pr(t);this.nodes=r.childNodes,this.length=0}var e=i.prototype;return e.insertRule=function(t,r){if(t<=this.length&&t>=0){var o=document.createTextNode(r),s=this.nodes[t];return this.element.insertBefore(o,s||null),this.length++,!0}return!1},e.deleteRule=function(t){this.element.removeChild(this.nodes[t]),this.length--},e.getRule=function(t){return t<this.length?this.nodes[t].textContent:""},i}(),so=function(){function i(t){this.rules=[],this.length=0}var e=i.prototype;return e.insertRule=function(t,r){return t<=this.length&&(this.rules.splice(t,0,r),this.length++,!0)},e.deleteRule=function(t){this.rules.splice(t,1),this.length--},e.getRule=function(t){return t<this.length?this.rules[t]:""},i}(),Ar=Fi,ao={isServer:!Fi,useCSSOMInjection:!Zn},$r=function(){function i(t,r,o){t===void 0&&(t=mt),r===void 0&&(r={}),this.options=ot({},ao,{},t),this.gs=r,this.names=new Map(o),this.server=!!t.isServer,!this.server&&Fi&&Ar&&(Ar=!1,function(s){for(var a=document.querySelectorAll(Qn),f=0,h=a.length;f<h;f++){var p=a[f];p&&p.getAttribute($t)!=="active"&&(io(s,p),p.parentNode&&p.parentNode.removeChild(p))}}(this))}i.registerId=function(t){return mi(t)};var e=i.prototype;return e.reconstructWithOptions=function(t,r){return r===void 0&&(r=!0),new i(ot({},this.options,{},t),this.gs,r&&this.names||void 0)},e.allocateGSInstance=function(t){return this.gs[t]=(this.gs[t]||0)+1},e.getTag=function(){return this.tag||(this.tag=(o=(r=this.options).isServer,s=r.useCSSOMInjection,a=r.target,t=o?new so(a):s?new no(a):new oo(a),new qn(t)));var t,r,o,s,a},e.hasNameForId=function(t,r){return this.names.has(t)&&this.names.get(t).has(r)},e.registerName=function(t,r){if(mi(t),this.names.has(t))this.names.get(t).add(r);else{var o=new Set;o.add(r),this.names.set(t,o)}},e.insertRules=function(t,r,o){this.registerName(t,r),this.getTag().insertRules(mi(t),o)},e.clearNames=function(t){this.names.has(t)&&this.names.get(t).clear()},e.clearRules=function(t){this.getTag().clearGroup(mi(t)),this.clearNames(t)},e.clearTag=function(){this.tag=void 0},e.toString=function(){return function(t){for(var r=t.getTag(),o=r.length,s="",a=0;a<o;a++){var f=Kn(a);if(f!==void 0){var h=t.names.get(f),p=r.getGroup(a);if(h&&p&&h.size){var c=$t+".g"+a+'[id="'+f+'"]',d="";h!==void 0&&h.forEach(function(E){E.length>0&&(d+=E+",")}),s+=""+p+c+'{content:"'+d+`"}/*!sc*/
|
|
57
|
+
`}}}return s}(this)},i}(),co=/(a)(d)/gi,Rr=function(i){return String.fromCharCode(i+(i>25?39:97))};function Li(i){var e,t="";for(e=Math.abs(i);e>52;e=e/52|0)t=Rr(e%52)+t;return(Rr(e%52)+t).replace(co,"$1-$2")}var Ct=function(i,e){for(var t=e.length;t;)i=33*i^e.charCodeAt(--t);return i},Hr=function(i){return Ct(5381,i)};function lo(i){for(var e=0;e<i.length;e+=1){var t=i[e];if(ti(t)&&!Yi(t))return!1}return!0}var uo=Hr("5.3.6"),fo=function(){function i(e,t,r){this.rules=e,this.staticRulesId="",this.isStatic=process.env.NODE_ENV==="production"&&(r===void 0||r.isStatic)&&lo(e),this.componentId=t,this.baseHash=Ct(uo,t),this.baseStyle=r,$r.registerId(t)}return i.prototype.generateAndInjectStyles=function(e,t,r){var o=this.componentId,s=[];if(this.baseStyle&&s.push(this.baseStyle.generateAndInjectStyles(e,t,r)),this.isStatic&&!r.hash)if(this.staticRulesId&&t.hasNameForId(o,this.staticRulesId))s.push(this.staticRulesId);else{var a=Ht(this.rules,e,t,r).join(""),f=Li(Ct(this.baseHash,a)>>>0);if(!t.hasNameForId(o,f)){var h=r(a,"."+f,void 0,o);t.insertRules(o,f,h)}s.push(f),this.staticRulesId=f}else{for(var p=this.rules.length,c=Ct(this.baseHash,r.hash),d="",E=0;E<p;E++){var O=this.rules[E];if(typeof O=="string")d+=O,process.env.NODE_ENV!=="production"&&(c=Ct(c,O+E));else if(O){var T=Ht(O,e,t,r),v=Array.isArray(T)?T.join(""):T;c=Ct(c,v+E),d+=v}}if(d){var u=Li(c>>>0);if(!t.hasNameForId(o,u)){var P=r(d,"."+u,void 0,o);t.insertRules(o,u,P)}s.push(u)}}return s.join(" ")},i}(),ho=/^\s*\/\/.*$/gm,po=[":","[",".","#"];function mo(i){var e,t,r,o,s=i===void 0?mt:i,a=s.options,f=a===void 0?mt:a,h=s.plugins,p=h===void 0?hi:h,c=new Hn(f),d=[],E=function(v){function u(P){if(P)try{v(P+"}")}catch{}}return function(P,k,D,b,m,te,q,w,re,ce){switch(P){case 1:if(re===0&&k.charCodeAt(0)===64)return v(k+";"),"";break;case 2:if(w===0)return k+"/*|*/";break;case 3:switch(w){case 102:case 112:return v(D[0]+k),"";default:return k+(ce===0?"/*|*/":"")}case-2:k.split("/*|*/}").forEach(u)}}}(function(v){d.push(v)}),O=function(v,u,P){return u===0&&po.indexOf(P[t.length])!==-1||P.match(o)?v:"."+e};function T(v,u,P,k){k===void 0&&(k="&");var D=v.replace(ho,""),b=u&&P?P+" "+u+" { "+D+" }":D;return e=k,t=u,r=new RegExp("\\"+t+"\\b","g"),o=new RegExp("(\\"+t+"\\b){2,}"),c(P||!u?"":u,b)}return c.use([].concat(p,[function(v,u,P){v===2&&P.length&&P[0].lastIndexOf(t)>0&&(P[0]=P[0].replace(r,O))},E,function(v){if(v===-2){var u=d;return d=[],u}}])),T.hash=p.length?p.reduce(function(v,u){return u.name||Rt(15),Ct(v,u.name)},5381).toString():"",T}var zr=g.createContext();zr.Consumer;var Dr=g.createContext(),yo=(Dr.Consumer,new $r),Xi=mo();function go(){return g.useContext(zr)||yo}function bo(){return g.useContext(Dr)||Xi}var vo=function(){function i(e,t){var r=this;this.inject=function(o,s){s===void 0&&(s=Xi);var a=r.name+s.hash;o.hasNameForId(r.id,a)||o.insertRules(r.id,a,s(r.rules,a,"@keyframes"))},this.toString=function(){return Rt(12,String(r.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t}return i.prototype.getName=function(e){return e===void 0&&(e=Xi),this.name+e.hash},i}(),xo=/([A-Z])/,So=/([A-Z])/g,wo=/^ms-/,Eo=function(i){return"-"+i.toLowerCase()};function Ir(i){return xo.test(i)?i.replace(So,Eo).replace(wo,"-ms-"):i}var Br=function(i){return i==null||i===!1||i===""};function Ht(i,e,t,r){if(Array.isArray(i)){for(var o,s=[],a=0,f=i.length;a<f;a+=1)(o=Ht(i[a],e,t,r))!==""&&(Array.isArray(o)?s.push.apply(s,o):s.push(o));return s}if(Br(i))return"";if(Yi(i))return"."+i.styledComponentId;if(ti(i)){if(typeof(p=i)!="function"||p.prototype&&p.prototype.isReactComponent||!e)return i;var h=i(e);return process.env.NODE_ENV!=="production"&&fi.exports.isElement(h)&&console.warn(Ni(i)+" is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details."),Ht(h,e,t,r)}var p;return i instanceof vo?t?(i.inject(t,r),i.getName(r)):i:ji(i)?function c(d,E){var O,T,v=[];for(var u in d)d.hasOwnProperty(u)&&!Br(d[u])&&(Array.isArray(d[u])&&d[u].isCss||ti(d[u])?v.push(Ir(u)+":",d[u],";"):ji(d[u])?v.push.apply(v,c(d[u],u)):v.push(Ir(u)+": "+(O=u,(T=d[u])==null||typeof T=="boolean"||T===""?"":typeof T!="number"||T===0||O in zn?String(T).trim():T+"px")+";"));return E?[E+" {"].concat(v,["}"]):v}(i):i.toString()}var Mr=function(i){return Array.isArray(i)&&(i.isCss=!0),i};function Co(i){for(var e=arguments.length,t=new Array(e>1?e-1:0),r=1;r<e;r++)t[r-1]=arguments[r];return ti(i)||ji(i)?Mr(Ht(Or(hi,[i].concat(t)))):t.length===0&&i.length===1&&typeof i[0]=="string"?i:Mr(Ht(Or(i,t)))}var jr=/invalid hook call/i,yi=new Set,To=function(i,e){if(process.env.NODE_ENV!=="production"){var t="The component "+i+(e?' with the id of "'+e+'"':"")+` has been created dynamically.
|
|
58
58
|
You may see this warning because you've called styled inside another component.
|
|
59
|
-
To resolve this only create new StyledComponents outside of any render method and function component.`,
|
|
59
|
+
To resolve this only create new StyledComponents outside of any render method and function component.`,r=console.error;try{var o=!0;console.error=function(s){if(jr.test(s))o=!1,yi.delete(t);else{for(var a=arguments.length,f=new Array(a>1?a-1:0),h=1;h<a;h++)f[h-1]=arguments[h];r.apply(void 0,[s].concat(f))}},g.useRef(),o&&!yi.has(t)&&(console.warn(t),yi.add(t))}catch(s){jr.test(s.message)&&yi.delete(t)}finally{console.error=r}}},_o=function(i,e,t){return t===void 0&&(t=mt),i.theme!==t.theme&&i.theme||e||t.theme},ko=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Oo=/(^-|-$)/g;function Vi(i){return i.replace(ko,"-").replace(Oo,"")}var Po=function(i){return Li(Hr(i)>>>0)};function gi(i){return typeof i=="string"&&(process.env.NODE_ENV==="production"||i.charAt(0)===i.charAt(0).toLowerCase())}var Wi=function(i){return typeof i=="function"||typeof i=="object"&&i!==null&&!Array.isArray(i)},Ao=function(i){return i!=="__proto__"&&i!=="constructor"&&i!=="prototype"};function $o(i,e,t){var r=i[t];Wi(e)&&Wi(r)?Nr(r,e):i[t]=e}function Nr(i){for(var e=arguments.length,t=new Array(e>1?e-1:0),r=1;r<e;r++)t[r-1]=arguments[r];for(var o=0,s=t;o<s.length;o++){var a=s[o];if(Wi(a))for(var f in a)Ao(f)&&$o(i,a[f],f)}return i}var Yr=g.createContext();Yr.Consumer;var Zi={};function Fr(i,e,t){var r=Yi(i),o=!gi(i),s=e.attrs,a=s===void 0?hi:s,f=e.componentId,h=f===void 0?function(k,D){var b=typeof k!="string"?"sc":Vi(k);Zi[b]=(Zi[b]||0)+1;var m=b+"-"+Po("5.3.6"+b+Zi[b]);return D?D+"-"+m:m}(e.displayName,e.parentComponentId):f,p=e.displayName,c=p===void 0?function(k){return gi(k)?"styled."+k:"Styled("+Ni(k)+")"}(i):p,d=e.displayName&&e.componentId?Vi(e.displayName)+"-"+e.componentId:e.componentId||h,E=r&&i.attrs?Array.prototype.concat(i.attrs,a).filter(Boolean):a,O=e.shouldForwardProp;r&&i.shouldForwardProp&&(O=e.shouldForwardProp?function(k,D,b){return i.shouldForwardProp(k,D,b)&&e.shouldForwardProp(k,D,b)}:i.shouldForwardProp);var T,v=new fo(t,d,r?i.componentStyle:void 0),u=v.isStatic&&a.length===0,P=function(k,D){return function(b,m,te,q){var w=b.attrs,re=b.componentStyle,ce=b.defaultProps,be=b.foldedComponentIds,Z=b.shouldForwardProp,G=b.styledComponentId,K=b.target;process.env.NODE_ENV!=="production"&&g.useDebugValue(G);var L=function(N,y,ie){N===void 0&&(N=mt);var _=ot({},y,{theme:N}),xe={};return ie.forEach(function(Q){var ne,x,Pe,R=Q;for(ne in ti(R)&&(R=R(_)),R)_[ne]=xe[ne]=ne==="className"?(x=xe[ne],Pe=R[ne],x&&Pe?x+" "+Pe:x||Pe):R[ne]}),[_,xe]}(_o(m,g.useContext(Yr),ce)||mt,m,w),X=L[0],ve=L[1],he=function(N,y,ie,_){var xe=go(),Q=bo(),ne=y?N.generateAndInjectStyles(mt,xe,Q):N.generateAndInjectStyles(ie,xe,Q);return process.env.NODE_ENV!=="production"&&g.useDebugValue(ne),process.env.NODE_ENV!=="production"&&!y&&_&&_(ne),ne}(re,q,X,process.env.NODE_ENV!=="production"?b.warnTooManyClasses:void 0),Te=te,Oe=ve.$as||m.$as||ve.as||m.as||K,je=gi(Oe),H=ve!==m?ot({},m,{},ve):m,A={};for(var z in H)z[0]!=="$"&&z!=="as"&&(z==="forwardedAs"?A.as=H[z]:(Z?Z(z,vr,Oe):!je||vr(z))&&(A[z]=H[z]));return m.style&&ve.style!==m.style&&(A.style=ot({},m.style,{},ve.style)),A.className=Array.prototype.concat(be,G,he!==G?he:null,m.className,ve.className).filter(Boolean).join(" "),A.ref=Te,g.createElement(Oe,A)}(T,k,D,u)};return P.displayName=c,(T=g.forwardRef(P)).attrs=E,T.componentStyle=v,T.displayName=c,T.shouldForwardProp=O,T.foldedComponentIds=r?Array.prototype.concat(i.foldedComponentIds,i.styledComponentId):hi,T.styledComponentId=d,T.target=r?i.target:i,T.withComponent=function(k){var D=e.componentId,b=function(te,q){if(te==null)return{};var w,re,ce={},be=Object.keys(te);for(re=0;re<be.length;re++)w=be[re],q.indexOf(w)>=0||(ce[w]=te[w]);return ce}(e,["componentId"]),m=D&&D+"-"+(gi(k)?k:Vi(Ni(k)));return Fr(k,ot({},b,{attrs:E,componentId:m}),t)},Object.defineProperty(T,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(k){this._foldedDefaultProps=r?Nr({},i.defaultProps,k):k}}),process.env.NODE_ENV!=="production"&&(To(c,d),T.warnTooManyClasses=function(k,D){var b={},m=!1;return function(te){if(!m&&(b[te]=!0,Object.keys(b).length>=200)){var q=D?' with the id of "'+D+'"':"";console.warn("Over 200 classes were generated for component "+k+q+`.
|
|
60
60
|
Consider using the attrs method, together with a style object for frequently changed styles.
|
|
61
61
|
Example:
|
|
62
62
|
const Component = styled.div.attrs(props => ({
|
|
@@ -65,11 +65,11 @@ Example:
|
|
|
65
65
|
},
|
|
66
66
|
}))\`width: 100%;\`
|
|
67
67
|
|
|
68
|
-
<Component />`),m=!0,b={}}}}(c,d)),T.toString=function(){return"."+T.styledComponentId},o&&
|
|
68
|
+
<Component />`),m=!0,b={}}}}(c,d)),T.toString=function(){return"."+T.styledComponentId},o&&Wn(T,i,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),T}var Ui=function(i){return function e(t,r,o){if(o===void 0&&(o=mt),!fi.exports.isValidElementType(r))return Rt(1,String(r));var s=function(){return t(r,o,Co.apply(void 0,arguments))};return s.withConfig=function(a){return e(t,r,ot({},o,{},a))},s.attrs=function(a){return e(t,r,ot({},o,{attrs:Array.prototype.concat(o.attrs,a).filter(Boolean)}))},s}(Fr,i)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach(function(i){Ui[i]=Ui(i)}),process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn(`It looks like you've imported 'styled-components' on React Native.
|
|
69
69
|
Perhaps you're looking to import 'styled-components/native'?
|
|
70
70
|
Read more about this at https://www.styled-components.com/docs/basics#react-native`),process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&typeof window<"u"&&(window["__styled-components-init__"]=window["__styled-components-init__"]||0,window["__styled-components-init__"]===1&&console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
|
|
71
71
|
|
|
72
|
-
See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]+=1);const yt=
|
|
72
|
+
See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]+=1);const yt=Ui,Ro=yt.div`
|
|
73
73
|
font-family: 'IBM Plex Mono', 'Roboto', sans-serif;
|
|
74
74
|
background-color: #fafafa;
|
|
75
75
|
color: #262729;
|
|
@@ -89,7 +89,7 @@ See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]
|
|
|
89
89
|
& h1 span {
|
|
90
90
|
font-size: 0.5em;
|
|
91
91
|
}
|
|
92
|
-
`,
|
|
92
|
+
`,Ho=yt.div`
|
|
93
93
|
display: flex;
|
|
94
94
|
height: 100%;
|
|
95
95
|
width: 170px;
|
|
@@ -122,7 +122,7 @@ See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]
|
|
|
122
122
|
& span {
|
|
123
123
|
cursor: pointer;
|
|
124
124
|
}
|
|
125
|
-
`,
|
|
125
|
+
`,zo=yt.div`
|
|
126
126
|
width: 100%;
|
|
127
127
|
cursor: grab;
|
|
128
128
|
background-color: #eee;
|
|
@@ -137,7 +137,7 @@ See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]
|
|
|
137
137
|
font-size: 1.5em;
|
|
138
138
|
font-weight: 600;
|
|
139
139
|
}
|
|
140
|
-
`,
|
|
140
|
+
`,Do=yt.div`
|
|
141
141
|
cursor: pointer;
|
|
142
142
|
transform: rotate(90deg);
|
|
143
143
|
color: gray;
|
|
@@ -148,24 +148,24 @@ See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]
|
|
|
148
148
|
&:hover {
|
|
149
149
|
text-decoration: underline;
|
|
150
150
|
}
|
|
151
|
-
`,
|
|
151
|
+
`,Io=yt.span`
|
|
152
152
|
font-weight: 700;
|
|
153
153
|
cursor: default !important;
|
|
154
154
|
margin: 5px 15px 5px 0px;
|
|
155
|
-
`,
|
|
155
|
+
`,Bo=yt.span`
|
|
156
156
|
margin: 5px 15px 5px 0px;
|
|
157
157
|
|
|
158
158
|
&:hover {
|
|
159
159
|
text-decoration: underline;
|
|
160
160
|
}
|
|
161
|
-
`,
|
|
161
|
+
`,Mo=yt.div`
|
|
162
162
|
display: flex;
|
|
163
163
|
flex-direction: column;
|
|
164
164
|
overflow-y: scroll;
|
|
165
165
|
overflow-x: hidden;
|
|
166
166
|
padding-bottom: 50px;
|
|
167
167
|
font-size: 0.8em;
|
|
168
|
-
`,
|
|
168
|
+
`,Lr=yt.div`
|
|
169
169
|
font-size: 3em;
|
|
170
170
|
color: #0f52ba;
|
|
171
171
|
font-weight: bold;
|
|
@@ -176,7 +176,7 @@ See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]
|
|
|
176
176
|
-moz-user-select: none;
|
|
177
177
|
-ms-user-select: none;
|
|
178
178
|
user-select: none;
|
|
179
|
-
`,
|
|
179
|
+
`,jo=g.forwardRef(({activeToolLocal:i,tools:e,changeActiveToolLocalHandler:t},r)=>{g.useImperativeHandle(r,()=>({changeTabletDisplayHandler(a){s(a==="switch"?f=>f==="none"?"flex":"none":a)}}));const[o,s]=g.useState("none");return S(g.Fragment,{children:ue(Ro,{display:o,id:"desktop--tablet--container",children:[ue(Ho,{children:[ue("h1",{children:["NDMVR",S("span",{children:S("i",{children:"tablet"})})]}),S("p",{children:"Tools"}),S(Mo,{children:e.map((a,f)=>f===i?ue(Io,{children:[S("span",{style:{fontWeight:700,color:"#0f52ba"},children:f<10?(f+1)%10:">"})," ",a.name.length>15?a.name.slice(0,12)+"...":a.name]},f):ue(Bo,{onClick:()=>t(f),children:[S("span",{style:{fontWeight:700,color:"#0f52ba"},children:f<10?(f+1)%10:">"})," ",a.name.length>15?a.name.slice(0,12)+"...":a.name]},f))})]}),ue("div",{style:{width:100+"%",overflow:"scroll"},children:[ue(zo,{id:"desktop--tablet--container--header",children:[S("h1",{children:e[i].name}),S(Do,{id:"close--button",onClick:()=>s("none"),style:{cursor:"pointer",maxWidth:30+"px"},children:S("i",{children:"Hide"})})]}),S("div",{style:{display:"flex",flexDirection:"row",height:"83%",padding:"10px",alignItems:"center",justifyContent:"center"},children:e[i].fun})]})]})})}),No=window.AFRAME,Ie=new dt;let Gi,Xr;function Vr(){const i=g.useRef(),[e,t]=g.useState(0),[r,o]=g.useState(null);Gi=e;const[s,a]=g.useState({xPos:0,yPos:0,zPos:0,absoluteContent:0}),[f,h]=g.useState(1),[p]=g.useState(No.utils.device.checkHeadsetConnected()?"oculus":"desktop"),{source:c}=g.useContext(Et),d=c!=null&&c.getOptions().length?c==null?void 0:c.getOptions():[];g.useEffect(()=>(Xr=Ie.subscribe(E),()=>Xr.unsubscribe()),[]),g.useEffect(()=>{},[e]),g.useEffect(()=>{c&&r&&c.executeFunction(0,r)},[r]);const E=b=>{typeof b=="number"?b+1<=T.length&&(t(b),Gi=e):b.changeTabletState?i.current.changeTabletDisplayHandler("switch"):b.binData?s!==b.binData&&a(b.binData):b.tool?(b.tool==="next"&&t(m=>m===T.length-1?0:m+1),b.tool==="prev"&&t(m=>m===0?T.length-1:m-1)):b.source?(b.source==="next"&&o(m=>d.indexOf(m)===d.length-1?d[0]:d[d.indexOf(m)+1]),b.source==="prev"&&o(m=>d.indexOf(m)===0?d[d.length-1]:d[d.indexOf(m)-1])):b.scale&&h(m=>m+=b.scale)},O=()=>{switch(e){case 0:return S(g.Fragment,{children:S("a-text",{value:`Selected bin:
|
|
180
180
|
|
|
181
181
|
Value: `+s.absoluteContent+`
|
|
182
182
|
X: `+s.xPos+`
|
|
@@ -186,10 +186,10 @@ Z: `+s.zPos,rotation:"-30 0 0",position:"0.1 0 0","wrap-count":"400"})});case 2:
|
|
|
186
186
|
For changing
|
|
187
187
|
the visual height of bins,
|
|
188
188
|
use grip + joystick on
|
|
189
|
-
the left controller.`,rotation:"-30 0 0",position:"0.1 0 0","wrap-count":"400"})});case 1:return S("a-box",{id:"tablet",color:"white",depth:"0.001",height:"0.3",lenght:"0.01",width:"0.4",rotation:"-30 0 0",position:"0.25 0 0"});case 3:return S("a-entity",{rotation:"-30 0 0",children:d.map(b=>S("a-text",{value:b,color:b===
|
|
190
|
-
an interface for Oculus Tablet`,rotation:"-30 0 0",position:"0.1 0 0","wrap-count":"400"})}},T=[{fun:v(),name:"Bin Info"},{fun:u(),name:"Scale Z axis"},{fun:P(),name:"Change Data Source"},{fun:null,name:"Tool with a longer name"}];function v(){if(p==="desktop")return S(g.Fragment,{children:S("table",{style:{width:"100%"},children:ue("tbody",{children:[ue("tr",{style:{display:"flex",alignItems:"flex-end"},children:[ue("td",{style:{width:"50%",fontSize:"1em",textAlign:"right",marginBottom:"0.5em"},children:[S("i",{children:"value:"})," "]}),S("td",{style:{width:"50%",fontSize:"2em",fontWeight:600},children:s.absoluteContent})]}),ue("tr",{style:{display:"flex",alignItems:"flex-end"},children:[ue("td",{style:{width:"50%",fontSize:"1em",textAlign:"right",marginBottom:"0.5em"},children:[S("i",{children:"x:"})," "]}),S("td",{style:{width:"50%",fontSize:"2em",fontWeight:600},children:s.xPos})]}),ue("tr",{style:{display:"flex",alignItems:"flex-end"},children:[ue("td",{style:{width:"50%",fontSize:"1em",textAlign:"right",marginBottom:"0.5em"},children:[S("i",{children:"y:"})," "]}),S("td",{style:{width:"50%",fontSize:"2em",fontWeight:600},children:s.yPos})]}),ue("tr",{style:{display:"flex",alignItems:"flex-end"},children:[ue("td",{style:{width:"50%",fontSize:"1em",textAlign:"right",marginBottom:"0.5em"},children:[S("i",{children:"z:"})," "]}),S("td",{style:{width:"50%",fontSize:"2em",fontWeight:600},children:s.zPos})]})]})})})}function u(){return S(g.Fragment,{children:ue("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:[S(
|
|
189
|
+
the left controller.`,rotation:"-30 0 0",position:"0.1 0 0","wrap-count":"400"})});case 1:return S("a-box",{id:"tablet",color:"white",depth:"0.001",height:"0.3",lenght:"0.01",width:"0.4",rotation:"-30 0 0",position:"0.25 0 0"});case 3:return S("a-entity",{rotation:"-30 0 0",children:d.map(b=>S("a-text",{value:b,color:b===r?"white":"lightgray",rotation:"0 0 0",position:"0.1 "+-.025*d.indexOf(b)+" 0","wrap-count":b===r?"360":"400"},b))});default:return S("a-text",{value:`This tool does not have
|
|
190
|
+
an interface for Oculus Tablet`,rotation:"-30 0 0",position:"0.1 0 0","wrap-count":"400"})}},T=[{fun:v(),name:"Bin Info"},{fun:u(),name:"Scale Z axis"},{fun:P(),name:"Change Data Source"},{fun:null,name:"Tool with a longer name"}];function v(){if(p==="desktop")return S(g.Fragment,{children:S("table",{style:{width:"100%"},children:ue("tbody",{children:[ue("tr",{style:{display:"flex",alignItems:"flex-end"},children:[ue("td",{style:{width:"50%",fontSize:"1em",textAlign:"right",marginBottom:"0.5em"},children:[S("i",{children:"value:"})," "]}),S("td",{style:{width:"50%",fontSize:"2em",fontWeight:600},children:s.absoluteContent})]}),ue("tr",{style:{display:"flex",alignItems:"flex-end"},children:[ue("td",{style:{width:"50%",fontSize:"1em",textAlign:"right",marginBottom:"0.5em"},children:[S("i",{children:"x:"})," "]}),S("td",{style:{width:"50%",fontSize:"2em",fontWeight:600},children:s.xPos})]}),ue("tr",{style:{display:"flex",alignItems:"flex-end"},children:[ue("td",{style:{width:"50%",fontSize:"1em",textAlign:"right",marginBottom:"0.5em"},children:[S("i",{children:"y:"})," "]}),S("td",{style:{width:"50%",fontSize:"2em",fontWeight:600},children:s.yPos})]}),ue("tr",{style:{display:"flex",alignItems:"flex-end"},children:[ue("td",{style:{width:"50%",fontSize:"1em",textAlign:"right",marginBottom:"0.5em"},children:[S("i",{children:"z:"})," "]}),S("td",{style:{width:"50%",fontSize:"2em",fontWeight:600},children:s.zPos})]})]})})})}function u(){return S(g.Fragment,{children:ue("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:[S(Lr,{onClick:()=>{h(f+.1),ke.changeHistogramScale(.1,"TH2"),nt.changeHistogramScale(.1,"TH1")},children:"+"}),S("h1",{style:{fontSize:"5em",fontWeight:"bold"},children:f.toFixed(1)}),S(Lr,{onClick:()=>{h(f-.1),ke.changeHistogramScale(-.1,"TH2"),nt.changeHistogramScale(-.1,"TH1")},children:"-"})]})})}function P(){return S("div",{style:{display:"flex",flexDirection:"column"},children:d.map(b=>b===r?S("a",{style:{textTransform:"uppercase"},onClick:()=>o(b),children:b},b):S("a",{onClick:()=>o(b),children:b},b))})}document.getElementById("desktop--tablet--container")&&k(document.getElementById("desktop--tablet--container"));function k(b){let m=0,te=0,q=0,w=0;document.getElementById(b.id+"--header")?document.getElementById(b.id+"--header").onmousedown=re:b.onmousedown=re;function re(Z){Z.preventDefault(),q=Z.clientX,w=Z.clientY,document.onmouseup=be,document.onmousemove=ce}function ce(Z){Z.preventDefault(),m=q-Z.clientX,te=w-Z.clientY,q=Z.clientX,w=Z.clientY,b.style.top=b.offsetTop-te+"px",b.style.left=b.offsetLeft-m+"px"}function be(){document.onmouseup=null,document.onmousemove=null}}const D=b=>{t(b)};return p==="desktop"?S(jo,{tools:T,activeToolLocal:e,ref:i,changeActiveToolLocalHandler:D}):S(g.Fragment,{children:O()})}const Yo=()=>Gi,Wr=window.AFRAME,Fo=()=>{let i;const{projPanelIds:t}=g.useContext(Et).data,[r,o]=g.useState(0),[s,a]=g.useState(null),[f,h]=g.useState(Wr.utils.device.checkHeadsetConnected()?"oculus":"keyboard"),[p,c]=g.useState(!1),[d,E]=g.useState(!1),[O,T]=g.useState(!0),v=w=>{w.device?(f!==w.device&&h(w.device),c(!p)):w==="shift"?P():w==="show"&&E(!d)},u=w=>{w.changeTabletState&&T(!1)},P=()=>{let w=r+90;w>=360&&(w=0),o(w)},k=w=>t[w]?t[w]:`panel_${w}`,D=()=>ue("a-entity",{position:s===null?`0 ${30} 0`:`${s.x} ${30} ${s.z}`,animation__rotation:`property: rotation; to: 0 ${r} 0; dur: 1000; easing: linear;`,material:"color: white",children:[ue("a-entity",{geometry:"primitive: box; width: 50; height: 10; depth: 0.1;",position:"-30 28 0",rotation:"45 90 0",material:"color:white;",children:[S("a-text",{color:"black",width:50,value:f==="keyboard"?"Press C to show help panels":"Press Button X to show help panels",position:"-20 2.8 1"}),S("a-text",{color:"black",width:50,value:f==="keyboard"?"Press V to switch to histogram view":"Press Button Y to switch to histogram view",position:"-20 0 1"}),S("a-text",{color:"black",width:50,value:f==="keyboard"?"Press X to shift panels":"Press right Trigger to shift panels",position:"-20 -2.8 1"})]}),S("a-box",{id:k(1),scale:"80 50 2",animation__position:"property: position; from: 0 0 -60; to: 0 -1 -42; delay: 0; dur: 800; easing: linear;",material:"transparent:true"}),S("a-box",{scale:"80 52 2",animation__position:"property: position; from: 0 0 -60; to: 0 0 -42.5; delay: 0; dur: 800; easing: linear;",material:"color: white;"}),S("a-box",{id:k(2),scale:"80 50 2",animation__position:"property: position; from: 60 0 0; to: 42 -1 0; delay: 200; dur: 800; easing: linear;",rotation:"0 90 0",material:"transparent:true"}),S("a-box",{scale:"80 52 2",animation__position:"property: position; from: 60 0 0; to: 42.5 0 0; delay: 200; dur: 800; easing: linear;",rotation:"0 90 0",material:"color: white;"}),S("a-box",{id:k(3),scale:"80 50 2",animation__position:"property: position; from: 0 0 60; to: 0 -1 42; delay: 400; dur: 800; easing: linear;",material:"transparent:true"}),S("a-box",{scale:"80 52 2",animation__position:"property: position; from: 0 0 60; to: 0 0 42.5; delay: 400; dur: 800; easing: linear;",material:"color: white;"}),S("a-box",{id:k(4),scale:"80 50 2",animation__position:"property: position; from: -60 0 0; to: -42 -1 0; delay: 600; dur: 800; easing: linear;",rotation:"0 90 0",material:"transparent:true"}),S("a-box",{scale:"80 52 2",animation__position:"property: position; from: -60 0 0; to: -42.5 0 0; delay: 600; dur: 800; easing: linear;",rotation:"0 90 0",material:"color: white;"})]}),b=()=>f==="keyboard"?ue("a-entity",{position:s===null?`0 ${30} 0`:`${s.x} ${30} ${s.z}`,animation__rotation:`property: rotation; to: 0 ${r} 0; dur: 1000; easing: linear;`,material:"color: white",children:[ue("a-entity",{geometry:"primitive: box; width: 50; height: 10; depth: 0.1;",position:"-30 28 0",rotation:"45 90 0",material:"color: white",children:[S("a-text",{color:"black",width:"50",value:d?"Press C to show help panels":"Press C to show projection panels",position:"-20 2.8 1"}),S("a-text",{color:"black",width:"50",value:"Press V to switch to histogram view",position:"-20 0 1"}),S("a-text",{color:"black",width:"50",value:"Press X to shift panels",position:"-20 -2.8 1"})]}),S("a-box",{scale:"80 50 2",animation__position:"property: position; from: -30 0 60; to: -30 0 30; delay: 0; dur: 800; easing: linear;",rotation:"0 -45 0",src:"./assets/ndmvr/keyboardControls/keyboard.png"}),S("a-box",{scale:"80 50 2",animation__position:"property: position; from: -30 0 -60; to: -30 0 -30; delay: 200; dur: 800; easing: linear;",rotation:"0 45 0",src:"./assets/ndmvr/keyboardControls/keyboard1.png"}),S("a-box",{scale:"80 50 2",animation__position:"property: position; from: 30 0 -60; to: 30 0 -30; delay: 400; dur: 800; easing: linear;",rotation:"0 -45 0",src:"./assets/ndmvr/keyboardControls/keyboard2.png"}),S("a-box",{scale:"80 50 2",animation__position:"property: position; from: 30 0 60; to: 30 0 30; delay: 600; dur: 800; easing: linear;",rotation:" 0 45 0",src:"./assets/ndmvr/keyboardControls/keyboard3.png"})]}):ue("a-entity",{position:s===null?`0 ${30} 0`:`${s.x} ${30} ${s.z}`,animation__rotation:`property: rotation; to: 0 ${r} 0; dur: 1000; easing: linear;`,children:[ue("a-entity",{geometry:"primitive: box; width: 50; height: 10; depth: 0.1;",position:"-30 28 0",rotation:"45 90 0",material:"color: white",children:[S("a-text",{color:"black",width:"50",value:d?"Press Button X to show help panels":"Press Button X to show projection panels",position:"-20 2.8 1"}),S("a-text",{color:"black",width:"50",value:"Press Button Y to switch to histogram view",position:"-20 0 1"}),S("a-text",{color:"black",width:"50",value:"Press right Trigger to shift panels",position:"-20 -2.8 1"})]}),S("a-box",{scale:"80 50 2",animation__position:"property: position; from: -35 0 60; to: -32 0 32; delay: 0; dur: 800; easing: linear;",rotation:"-10 -45 0",src:"./assets/ndmvr/oculusControls/oculus.png"}),S("a-box",{scale:"80 50 2",animation__position:"property: position; from: -35 0 -60; to: -32 0 -32; delay: 200; dur: 800; easing: linear;",rotation:"10 45 0",src:"./assets/ndmvr/oculusControls/oculus2.png"}),S("a-box",{scale:"80 50 2",animation__position:"property: position; from: 35 0 -60; to: 32 0 -32; delay: 400; dur: 800; easing: linear;",rotation:"10 -45 0",src:"./assets/ndmvr/oculusControls/oculus1.png"}),S("a-box",{scale:"80 50 2",animation__position:"property: position; from: 35 0 60; to: 32 0 32; delay: 600; dur: 800; easing: linear;",rotation:"-10 45 0",src:"./assets/ndmvr/oculusControls/oculus3.png"})]}),m=()=>{const w=document.getElementById(k(0));w&&w.setAttribute("material","opacity",0)},te=()=>{const w=document.getElementById(k(0));w&&w.setAttribute("material","opacity",1)};g.useEffect(()=>(i=Ie.subscribe(u),()=>i.unsubscribe()),[]),g.useEffect(()=>(i=pt.getCameraSubject().subscribe(v),()=>i.unsubscribe()),[p,d,r]),g.useEffect(()=>{const w=document.getElementById("camera");p?(a({x:w.object3D.position.x,y:w.object3D.position.y,z:w.object3D.position.z}),w.object3D.position.y=w.object3D.position.y+30,m()):(w.object3D.position.y=1.6,s!==null&&(w.object3D.position.x=s.x,w.object3D.position.z=s.z,w.object3D.position.y=s.y),te())},[p,f]);const q=()=>{const w=g.useContext(Et);return S(g.Fragment,{children:ue(Et.Provider,{value:{data:w.data,theme:w.theme,displayRange:w.displayRange},children:[S("a-entity",{"laser-controls":"hand: right",raycaster:`objects: .clickable;
|
|
191
191
|
lineOpacity: 0.5;
|
|
192
|
-
far: 20;`}),S("a-entity",{"oculus-touch-controls":"hand: left","left-controller-logging":!0,children:S(
|
|
192
|
+
far: 20;`}),S("a-entity",{"oculus-touch-controls":"hand: left","left-controller-logging":!0,"oculus-thumbstick-movement-controller":"",children:S(Vr,{})}),S("a-entity",{"oculus-touch-controls":"hand: right","right-controller-logging":!0})]})})};return ue("a-entity",{id:"cameraWrapper",rotation:"0 -135 0",position:"-7 2 -7",children:[p&&!d&&b(),p&&d&&D(),ue("a-camera",{id:"camera","look-control":!0,"wasd-controls-enabled":"acceleration:=50",children:[O&&f==="keyboard"&&S("a-entity",{text:"value: Press E to open NDMVR Tablet;color:black;",position:"0.2 0.8 -1"}),!Wr.utils.device.checkHeadsetConnected()&&S("a-entity",{cursor:"fuse: false; fuseTimeout: 2000;",raycaster:"objects: .clickable; showLine: false; far: 100;",animation__click:"property: scale; startEvents: click; from: 0.1 0.1 0.1; to: 1.4 1.4 1.4; dur: 150",animation__mouseenter:"property: scale; startEvents: mouseenter; from: 1 1 1; to: 1.4 1.4 1.4; dur: 180",animation__mouseleave:"property: scale; startEvents: mouseleave; from: 1.4 1.4 1.4; to: 1 1 1; dur: 180",line:"color: orange; opacity: 0.5",far:"100",position:"0 0 -1",geometry:"primitive: ring; radiusInner: 0.02; radiusOuter: 0.03",material:"color: white; shader: flat"})]}),f==="oculus"&&q()]})};class qi{constructor(){B(this,Le,void 0);B(this,Si,void 0);B(this,qe,[]);B(this,wi,e=>n(this,qe).filter(t=>t.id!==e.id));Re(this,"containThisBin",e=>n(this,qe).filter(r=>r.id===e.id).length!==0);Re(this,"storeBinToLocalStorage",e=>{this.containThisBin(e)||(n(this,qe).push(e),n(this,Le).setItem("selectedBins",JSON.stringify(n(this,qe))))});Re(this,"deleteBinFromLocalStorage",e=>{this.containThisBin(e)&&(I(this,qe,n(this,wi).call(this,e)),n(this,Le).setItem("selectedBins",JSON.stringify(n(this,qe))))});Re(this,"getBinsFromLocalStorage",()=>{const e=JSON.parse(n(this,Le).getItem("selectedBins"));return e===null?[]:e});I(this,Le,window.localStorage),I(this,Si,document.getElementById("cameraWrapper")),I(this,qe,this.getBinsFromLocalStorage())}storeCurrentBinToLocalStorage(e){n(this,Le).setItem("currentBin",JSON.stringify(e))}getCurrentBinFromLocalStorage(){const e=JSON.parse(n(this,Le).getItem("currentBin"));return e===void 0||e===""?null:e}loadProperty(e){return JSON.parse(n(this,Le).getItem(e))}storeProperty(e,t){n(this,Le).setItem(e,JSON.stringify(t))}initHistogramData(e){e._typename.includes("TH3")?this.storeTH3HistogramLimits(e):e._typename.includes("TH2")&&this.storeTH2HistogramLimits(e)}storeTH2Offsets(e,t,r){let o=this.loadProperty("TH2"),s;o===null?(o={},s={name:"TH2",xOffset:1,yOffset:1,range:8}):s={name:"TH2",xOffset:e,yOffset:t,range:r},o.section=s,this.storeProperty("TH2",o)}storeTH3Offsets(e,t,r,o){let s=this.loadProperty("TH3"),a;s===null?(s={},a={name:"TH3",xOffset:1,yOffset:1,zOffset:1,range:4}):a={name:"TH3",xOffset:e,yOffset:t,zOffset:r,range:o},s.section=a,this.storeProperty("TH3",s)}storeOffsets(e){e.name.includes("TH3")||e.name.includes("th3")?this.storeTH3Offsets(e.xOffset,e.yOffset,e.zOffset,e.range):(e.name.includes("TH2")||e.name.includes("th2"))&&this.storeTH2Offsets(e.xOffset,e.yOffset,e.range)}storeFilePath(e){n(this,Le).setItem("rootFile",e)}loadFilePath(){const e=n(this,Le).getItem("rootFile");return e??"defaultHistogram"}loadTH2Offsets(){const e=this.loadProperty("TH2");return e!==null?e.section:null}loadTH3Offsets(){const e=this.loadProperty("TH3");return e!==null?e.section:null}loadOffsets(e){if(e.includes("TH3")||e.includes("th3"))return this.loadTH3Offsets();if(e.includes("TH2")||e.includes("th2"))return this.loadTH2Offsets()}}Le=new WeakMap,Si=new WeakMap,qe=new WeakMap,wi=new WeakMap;const Zr=new qi;class Lo{constructor(){B(this,Tt,void 0);I(this,Tt,new dt)}saveSelectedBinToLocalStorage(){n(this,Tt).next(!0)}deleteBinFromLocalStorage(){n(this,Tt).next(!1)}getKeyboardEvent(){return n(this,Tt).asObservable()}}Tt=new WeakMap;const bi=new Lo;class Xo{constructor(){B(this,zt,void 0);I(this,zt,new dt)}showBinProjection(e){n(this,zt).next(e)}getServiceEvent(){return n(this,zt).asObservable()}}zt=new WeakMap;const Ur=new Xo;class Vo{constructor(){B(this,_t,void 0);I(this,_t,new dt)}sendDataOfTheSelectedBin(e){n(this,_t).next(e)}emmitCommand(e){n(this,_t).next({command:e})}getBinDistributor(){return n(this,_t).asObservable()}}_t=new WeakMap;const ri=new Vo;function Ki(i,e,t){i.face.normal.x!==0?(e.setAttribute("material","color",e.userData.axisZ),ri.sendDataOfTheSelectedBin({event:t,data:e.userData,intersect:"Z",id:e.userData.histogramName})):i.face.normal.y!==0?(e.setAttribute("material","color",e.userData.axisY),ri.sendDataOfTheSelectedBin({event:t,data:e.userData,intersect:"Y",id:e.userData.histogramName})):(e.setAttribute("material","color",e.userData.axisX),ri.sendDataOfTheSelectedBin({event:t,data:e.userData,intersect:"X",id:e.userData.histogramName})),e.setAttribute("material","opacity","0.75")}Se.registerComponent("mouseevent",{init:function(){let i;const e=this.el;let t=0;e.addEventListener("mouseenter",function(o){const s=o.detail.intersection;i=bi.getKeyboardEvent().subscribe(a=>{a?(this.userData.markedColor=this.userData.selectColor,this.setAttribute("material","opacity","0.70"),Ur.showBinProjection(this.userData)):(Zr.deleteBinFromLocalStorage(this.userData),this.userData.markedColor=this.userData.color,this.setAttribute("material","opacity","0.50"))}),Ki(s,this,"HOVER")}),e.addEventListener("mouseleave",function(){i.unsubscribe(),this.setAttribute("material","color",this.userData.markedColor),this.setAttribute("material","opacity","0.50"),t=0}),e.addEventListener("click",function(o){if(t=t+1,setTimeout(()=>{t=0},600),t===2){t=0,this.setAttribute("material","color","#99ff00"),this.setAttribute("material","opacity","1");const a=o.detail.intersection;a&&Ki(a,this,"DB_CLICK")}else if(t===1){this.setAttribute("material","color","#99ff00"),this.setAttribute("material","opacity","1"),Ur.showBinProjection(this.userData),Ie.next({binData:this.userData});const a=o.detail.intersection;a&&Ki(a,this,"CLICK")}let s=document.getElementById("th2-banner");if(s===null&&(s=document.getElementById("th3-banner")),s!==null){const a=s.childNodes;if(this.userData.typeName==="TH3"&&a.length===5){const f=`[${this.userData.zTitle}] [${this.userData.zMin},${this.userData.zMax}] ${this.userData.binName!==""?this.userData.binName+`
|
|
193
193
|
`:`
|
|
194
194
|
`}`,h=`[${this.userData.xTitle}] [${this.userData.xMin},${this.userData.xMax}] ${this.userData.binName!==""?this.userData.binName+`
|
|
195
195
|
`:`
|
|
@@ -201,8 +201,8 @@ the left controller.`,rotation:"-30 0 0",position:"0.1 0 0","wrap-count":"400"})
|
|
|
201
201
|
`:`
|
|
202
202
|
`}`,p=`[${this.userData.yTitle}] [${this.userData.yMin},${this.userData.yMax}] ${this.userData.binName!==""?this.userData.binName+`
|
|
203
203
|
`:`
|
|
204
|
-
`}`;a[0].setAttribute("text",`value: ${f}; color: ${this.userData.color}; align: center; baseline: center; width: 30; height: auto;`),a[1].setAttribute("text",`value: ${h}; color: ${this.userData.axisX}; align: center; width: 30; height: auto;`),a[2].setAttribute("text",`value: ${p}; color: ${this.userData.axisY}; align: center; width: 30; height: auto;`)}}})},update:function(){const i=this.el;i.setAttribute("material","color",i.userData.markedColor),i.setAttribute("material","opacity","0.75")}}),we.registerComponent("binth",{schema:{id:{type:"string"},histogramName:{type:"string"},typeName:{type:"string"},content:{default:0},absoluteContent:{default:0},binName:{default:""},xTitle:{type:"string"},yTitle:{type:"string"},zTitle:{type:"string"},xMin:{type:"number"},yMin:{type:"number"},zMin:{type:"number"},xMax:{type:"number"},yMax:{type:"number"},zMax:{type:"number"},xPos:{type:"number"},yPos:{type:"number"},zPos:{type:"number"},xCenter:{type:"number"},yCenter:{type:"number"},zCenter:{type:"number"},xWidth:{type:"number"},yWidth:{type:"number"},zWidth:{type:"number"},color:{type:"string"},axisX:{type:"string"},axisY:{type:"string"},axisZ:{type:"string"},selectColor:{type:"string"},markedColor:{type:"string"}},init:function(){const i=this.el;i.userData={typeName:this.data.typeName,id:this.data.id,histogramName:this.data.histogramName,content:this.data.content,absoluteContent:this.data.absoluteContent,binName:this.data.binName,xTitle:this.data.xTitle,yTitle:this.data.yTitle,zTitle:this.data.zTitle,xMin:this.data.xMin,yMin:this.data.yMin,zMin:this.data.zMin,xMax:this.data.xMax,yMax:this.data.yMax,zMax:this.data.zMax,xPos:this.data.xPos,yPos:this.data.yPos,zPos:this.data.zPos,xCenter:this.data.xCenter,yCenter:this.data.yCenter,zCenter:this.data.zCenter,xWidth:this.data.xWidth,yWidth:this.data.yWidth,zWidth:this.data.zWidth,color:this.data.color,axisX:this.data.axisX,axisY:this.data.axisY,axisZ:this.data.axisZ,selectColor:this.data.selectColor,markedColor:this.data.markedColor}},update:function(){const i=this.el;i.userData={typeName:this.data.typeName,id:this.data.id,histogramName:this.data.histogramName,content:this.data.content,absoluteContent:this.data.absoluteContent,binName:this.data.binName,xTitle:this.data.xTitle,yTitle:this.data.yTitle,zTitle:this.data.zTitle,xMin:this.data.xMin,yMin:this.data.yMin,zMin:this.data.zMin,xMax:this.data.xMax,yMax:this.data.yMax,zMax:this.data.zMax,xPos:this.data.xPos,yPos:this.data.yPos,zPos:this.data.zPos,xCenter:this.data.xCenter,yCenter:this.data.yCenter,zCenter:this.data.zCenter,xWidth:this.data.xWidth,yWidth:this.data.yWidth,zWidth:this.data.zWidth,color:this.data.color,axisX:this.data.axisX,axisY:this.data.axisY,axisZ:this.data.axisZ,selectColor:this.data.selectColor,markedColor:this.data.markedColor}}});class ni{constructor(){I(this,Re,void 0);He(this,"verticalMoveCamera",(e,t)=>{r(this,Re)===null&&B(this,Re,document.getElementById("cameraWrapper")),r(this,Re)!==null&&(e?r(this,Re).object3D.position.y+=t:r(this,Re).object3D.position.y>0&&(r(this,Re).object3D.position.y-=t))});He(this,"horizontalMoveCamera",(e,t,n)=>{r(this,Re)===null&&B(this,Re,document.getElementById("cameraWrapper")),r(this,Re)!==null&&(t?r(this,Re).object3D.position[e]+=n:r(this,Re).object3D.position[e]-=n)});I(this,Ue,(e,t,n)=>{if(r(this,Re)!==null&&e!==null){const o=e.object3D.position.x+1*e.object3D.position.x,s=e.object3D.position.z+1*e.object3D.position.z,a=t;r(this,Re).setAttribute("animation",`property: position; to: ${o+1} ${a} ${s+1}; dur: 100;`),r(this,Re).setAttribute("animation__1",`property: rotation; to: ${r(this,Re).object3D.rotation.x} ${n} ${r(this,Re).object3D.rotation.z}; dur: 100;`)}});He(this,"setCameraPosition",e=>{if(r(this,Re)!==null){let t=r(this,Re).object3D.position.y;e.zOffset!==void 0&&(t=e.zOffset*2);const n=e.xOffset+e.xOffset,o=e.yOffset+e.yOffset;setTimeout(()=>{r(this,Re).setAttribute("animation",`property: position; to: ${n-3} ${t} ${o-3}; dur: 40;`)},1800)}});He(this,"setPredefinedDownPosition",()=>{const e=document.getElementById("downLabel");e!==void 0&&r(this,Ue).call(this,e,0,180)});He(this,"setPredefinedUpPosition",()=>{const e=document.getElementById("upLabel");e!==void 0&&r(this,Ue).call(this,e,0,0)});He(this,"setPredefinedRightPosition",()=>{const e=document.getElementById("rightLabel");e!==void 0&&r(this,Ue).call(this,e,0,90)});He(this,"setPredefinedLeftPosition",()=>{const e=document.getElementById("leftLabel");e!==void 0&&r(this,Ue).call(this,e,0,270)});He(this,"setPredefinedDownPositionWithOffset",()=>{const e=document.getElementById("downLabel");e!==void 0&&r(this,Ue).call(this,e,10,180)});He(this,"setPredefinedUpPositionWithOffset",()=>{const e=document.getElementById("upLabel");e!==void 0&&r(this,Ue).call(this,e,10,0)});He(this,"setPredefinedRightPositionWithOffset",()=>{const e=document.getElementById("rightLabel");e!==void 0&&r(this,Ue).call(this,e,10,90)});He(this,"setPredefinedLeftPositionWithOffset",()=>{const e=document.getElementById("leftLabel");e!==void 0&&r(this,Ue).call(this,e,10,270)});B(this,Re,document.getElementById("cameraWrapper"))}}Re=new WeakMap,Ue=new WeakMap;const st={};let er=new ni,tr,gt,xi=!1;$e.next({changeTabletState:xi});const ir=(i,e)=>{let t=.2;i.name==="scale"?t=.01:i.name==="rotation"&&(t=2),e.key==="ArrowDown"?i.xValue=i.xValue+t:e.key==="ArrowUp"?i.xValue=i.xValue-t:e.key==="="?i.yValue=i.yValue+t:e.key==="-"?i.yValue=i.yValue-t:e.key==="ArrowRight"?i.zValue=i.zValue+t:e.key==="ArrowLeft"&&(i.zValue=i.zValue-t),tr.setAttribute(i.name,`${i.xValue} ${i.yValue} ${i.zValue}`)},Zo=i=>{i.key==="k"||i.key==="K"?(Ee.changeHistogramSectionByOffset("yOffset","TH2",!1,!0),Ae.changeHistogramSectionByOffset("yOffset","TH3",!1,!0)):i.key==="i"||i.key==="I"?(Ee.changeHistogramSectionByOffset("yOffset","TH2",!0,!0),Ae.changeHistogramSectionByOffset("yOffset","TH3",!0,!0)):i.key==="u"||i.key==="U"?Ae.changeHistogramSectionByOffset("zOffset","TH3",!0,!0):i.key==="o"||i.key==="O"?Ae.changeHistogramSectionByOffset("zOffset","TH3",!1,!0):i.key==="l"||i.key==="L"?(nt.changeHistogramSectionByOffset("xOffset","TH1",!1,!0),Ee.changeHistogramSectionByOffset("xOffset","TH2",!1,!0),Ae.changeHistogramSectionByOffset("xOffset","TH3",!1,!0)):(i.key==="j"||i.key==="J")&&(nt.changeHistogramSectionByOffset("xOffset","TH1",!0,!0),Ee.changeHistogramSectionByOffset("xOffset","TH2",!0,!0),Ae.changeHistogramSectionByOffset("xOffset","TH3",!0,!0))},Uo=i=>{i.key==="k"||i.key==="K"?(Ee.changeHistogramSectionByOffset("yOffset","TH2",!1,!1),Ae.changeHistogramSectionByOffset("yOffset","TH3",!1,!1)):i.key==="i"||i.key==="I"?(Ee.changeHistogramSectionByOffset("yOffset","TH2",!0,!1),Ae.changeHistogramSectionByOffset("yOffset","TH3",!0,!1)):i.key==="u"||i.key==="U"?Ae.changeHistogramSectionByOffset("zOffset","TH3",!0,!1):i.key==="o"||i.key==="O"?Ae.changeHistogramSectionByOffset("zOffset","TH3",!1,!1):i.key==="l"||i.key==="L"?(Ee.changeHistogramSectionByOffset("xOffset","TH2",!1,!1),Ae.changeHistogramSectionByOffset("xOffset","TH3",!1,!1)):(i.key==="j"||i.key==="J")&&(Ee.changeHistogramSectionByOffset("xOffset","TH2",!0,!1),Ae.changeHistogramSectionByOffset("xOffset","TH3",!0,!1))},rr=i=>{st[i.key]=!0,(st.Z||st.z)&&ir(gt[0],i),(st.X||st.x)&&ir(gt[1],i),(st.C||st.c)&&ir(gt[2],i),st.Shift&&Uo(i),Zo(i),i.key===" "&&er.verticalMoveCamera(!0,.3),i.shiftKey&&er.verticalMoveCamera(!1,.3),i.key==="1"&&$e.next(0),i.key==="2"&&$e.next(1),i.key==="3"&&$e.next(2),i.key==="4"&&$e.next(3),i.key==="5"&&$e.next(4),i.key==="6"&&$e.next(5),i.key==="7"&&$e.next(6),i.key==="8"&&$e.next(7),i.key==="9"&&$e.next(8),i.key==="0"&&$e.next(9),i.key==="Enter"&&ri.emmitCommand("REFRESH"),(i.key==="e"||i.key==="E")&&(xi=!xi,xi?$e.next({changeTabletState:"flex"}):$e.next({changeTabletState:"none"})),(i.key==="t"||i.key==="T")&&Ee.changeHistogramScale(.1,"TH2"),i.key==="r"||i.key,(i.key==="m"||i.key==="M")&&Ee.changeHistogramFunction("feet","TH2"),(i.key==="n"||i.key==="N")&&Ee.changeHistogramFunction("default","TH2"),(i.key==="c"||i.key==="C")&&pt.setUserState(),(i.key==="v"||i.key==="V")&&pt.setVisibilityOfBanners("keyboard"),(i.key==="x"||i.key==="X")&&pt.shiftBanners(),(i.key==="x"||i.key==="X")&&pt.shiftBanners()},nr=i=>{delete st[i.key]},Kr=(i,e)=>{tr=e,gt=[i.position,i.scale,i.rotation];for(let t=0;t<3;t++)tr.setAttribute(gt[t].name,`${gt[t].xValue} ${gt[t].yValue} ${gt[t].zValue}`)},Jr=()=>{er=new ni};we.registerComponent("histogram-control",{schema:{position:{name:"position",xValue:0,yValue:0,zValue:0},scale:{name:"scale",xValue:2,yValue:2,zValue:2},rotation:{name:"rotation",xValue:0,yValue:0,zValue:0}},init:function(){const i=this.el;Kr(this.schema,i),document.addEventListener("keydown",rr),document.addEventListener("keyup",nr)},update:function(){Jr()}}),we.registerComponent("label-handler",{schema:{value:{type:"string"},delay:{type:"number"}},init:function(){const i=this.el;this.value=this.data.value,i.setAttribute("text","value",this.data.value)},update:function(){const i=this.el;this.value!==this.data.value&&(setTimeout(()=>{i.setAttribute("text","value",this.data.value)},this.data.delay),this.value=this.data.value)}});const Me={def:{colorPalette:["#4b0066","#8300b3","#bb00ff","#cf4dff","#e499ff","#ffffcc","#ffff99","#ffff66","#ffff33","#fcba03"],axis:{x:"#ad0c00",y:"#0206de",z:"#007d1d"},accent:{primary:"#4b0066",secondary:"#FF3700"},font:{primary:"black",secondary:"black"}},fire:{colorPalette:["#5b0000","#7b2100","#a23b00","#c84900","#df5900","#f18800","#f1a000","#ffae00","#ffcd19","#ffe159"],axis:{x:"#ad0c00",y:"#0206de",z:"#007d1d"},accent:{primary:"#5b0000",secondary:"#b000d4"},font:{primary:"black",secondary:"black"}},nebula:{colorPalette:["#13004b","#320065","#4e0085","#6100a5","#7000b8","#9800c6","#ab00c6","#b900d2","#d700da","#ff6efc"],axis:{x:"#ad0c00",y:"#0206de",z:"#007d1d"},accent:{primary:"#13004b",secondary:"#ff3700"},font:{primary:"black",secondary:"black"}},rainforest:{colorPalette:["#005b01","#007b23","#00a23d","#00c84c","#00df5c","#00f18b","#00ffb1","#19ffd0","#a6fffe","#56fffe"],axis:{x:"#ad0c00",y:"#0206de",z:"#007d1d"},accent:{primary:"#005b01",secondary:"#ff3700"},font:{primary:"black",secondary:"black"}},nature:{colorPalette:["#4a691a","#5e8425","#79a834","#91c640","#9ed64b","#a8dc59","#b0e166","#bfeb7c","#d7fba2","#deffad"],axis:{x:"#ad0c00",y:"#0206de",z:"#007d1d"},accent:{primary:"#4a691a",secondary:"#b000d4"},font:{primary:"black",secondary:"black"}},water:{colorPalette:["#00545a","#00717a","#0097a2","#00bac8","#00cede","#00dff0","#00edff","#45f2ff","#7ef6ff","#bdfaff"],axis:{x:"#ad0c00",y:"#0206de",z:"#007d1d"},accent:{primary:"#00545a",secondary:"#ff3700"},font:{primary:"black",secondary:"black"}},sunflower:{colorPalette:["#1e3600","#2e4d00","#507001","#91a004","#b4bb06","#d2d309","#eeed0f","#ffff28","#ffff85","#ffffc2"],axis:{x:"#ad0c00",y:"#0206de",z:"#007d1d"},accent:{primary:"#1e3600",secondary:"#ff3700"},font:{primary:"black",secondary:"black"}},blood:{colorPalette:["#470101","#6e0101","#800b0b","#940c0c","#a30000","#bd0909","#e01f1f","#d43b3b","#db5e5e","#f78888"],axis:{x:"#ad0c00",y:"#0206de",z:"#007d1d"},accent:{primary:"#470101",secondary:"#f6ff00"},font:{primary:"black",secondary:"black"}},magma:{colorPalette:["#dbff1d","#d5e814","#d5d007","#cc9b00","#b87600","#9c4a00","#812f00","#661900","#661420","#2b0000"],axis:{x:"#8a0000",y:"#03017a",z:"#015e03"},accent:{primary:"#2b0000",secondary:"#ae2000"},font:{primary:"black",secondary:"black"}},jupiter:{colorPalette:["#00340f","#00344f","#006e3a","#00976a","#26efd0","#9c4a00","#9c4a00","#812f00","#661900","#2b0000"],axis:{x:"#8a0000",y:"#03017a",z:"#015e03"},accent:{primary:"#00340f",secondary:"#e3ff5b"},font:{primary:"black",secondary:"black"}},magic:{colorPalette:["#342000","#6e5e00","#888500","#919700","#8dbe00","#caef26","#cf6e85","#b300b8","#6b0090","#3b0066"],axis:{x:"#8a0000",y:"#03017a",z:"#015e03"},accent:{primary:"#342000",secondary:"#c85bff"},font:{primary:"black",secondary:"black"}}};class Qr{constructor(e){Me[e]?(this.xAxis=Me[e].axis.x,this.yAxis=Me[e].axis.y,this.zAxis=Me[e].axis.z,this.palette=Me[e].colorPalette,this.primaryAccent=Me[e].accent.primary,this.secondaryAccent=Me[e].accent.secondary,this.primaryFont=Me[e].font.primary,this.secondaryFont=Me[e].font.secondary):(this.xAxis=Me.def.axis.x,this.yAxis=Me.def.axis.y,this.zAxis=Me.def.axis.z,this.palette=Me.def.colorPalette,this.primaryAccent=Me.def.accent.primary,this.secondaryAccent=Me.def.accent.secondary,this.primaryFont=Me.def.font.primary,this.secondaryFont=Me.def.font.secondary)}getAxisColor(e){return e==="x"||e==="X"?this.xAxis:e==="y"||e==="Y"?this.yAxis:e==="z"||e==="Z"?this.zAxis:null}getPrimaryAccentColor(){return this.primaryAccent}getSecondaryAccentColor(){return this.secondaryAccent}getPrimaryFontColor(){return this.primaryFont}getSecondaryFontColor(){return this.secondaryFont}getBinColor(e){let n=this.palette[0];if(e>=1)return this.palette[9];const o=.12;let s=o;for(let a=0;a<=9;a++){if(e<=s){n=this.palette[a];break}s+=o}return n}}class Go{constructor(e,t,n,o,s,a,f,h){I(this,Ft);I(this,Se,"");I(this,ai,[]);I(this,N,null);I(this,Ke,"");I(this,Y,null);I(this,ee,1);I(this,ae,1);I(this,M,1);I(this,Ye,0);I(this,Xe,0);I(this,Je,0);I(this,ct,1);I(this,vt,1);I(this,ci,1);I(this,fe,8);I(this,Fe,{xInitial:0,yInitial:0,zInitial:0});I(this,Qe,void 0);I(this,et,void 0);I(this,xt,1);I(this,tt,1);I(this,Ot,0);I(this,Dt,2);I(this,F,{xOffset:0,yOffset:0,zOffset:0});I(this,St,[]);He(this,"getXOffset",()=>r(this,ee));He(this,"getYOffset",()=>r(this,ae));He(this,"getZOffset",()=>r(this,M));He(this,"getContentScale",()=>r(this,tt));He(this,"getRange",()=>r(this,fe));I(this,lt,(e,t)=>{let n=e>t-r(this,fe)?t-r(this,fe):e;return n<1&&(n=1),n});I(this,Bt,e=>r(this,ai).filter(n=>n.id===e).length!==0);I(this,Ge,(e,t,n,o,s,a,f,h,p,c,d,E)=>({key:e+r(this,Se),geometry:{primitive:"plane",width:h,height:p},text:{color:E,width:4,height:"auto"},labelHandler:{value:c,delay:500},rotation:{x:s,y:a,z:f},material:{color:d},animation:{fromX:t+r(this,F).xOffset,fromY:n+r(this,F).zOffset,fromZ:o+r(this,F).yOffset,toX:t,toY:n,toZ:o}}));I(this,Ci,()=>{const e={type:"TH3",bins:[],labels:[],banners:[],ground:{},titles:[],axisLabels:[]};let t,n,o,s,a,f,h,p,c,d,E,k;const T="";let v,u=0;const P=r(this,ee)+r(this,fe)>r(this,Ye)?r(this,Ye):r(this,ee)+r(this,fe),O=r(this,ae)+r(this,fe)>r(this,Xe)?r(this,Xe):r(this,ae)+r(this,fe),D=r(this,M)+r(this,fe)>r(this,Je)?r(this,Je):r(this,M)+r(this,fe),b=r(this,N).fXaxis.fTitle,m=r(this,N).fYaxis.fTitle,te=r(this,N).fZaxis.fTitle,q=r(this,N).fXaxis.fLabels?r(this,N).fXaxis.fLabels.arr:[],w=r(this,N).fYaxis.fLabels?r(this,N).fYaxis.fLabels.arr:[],re=r(this,N).fZaxis.fLabels?r(this,N).fZaxis.fLabels.arr:[],ce=[];for(let G=r(this,M);G<=D;G++)for(let K=r(this,ae);K<=O;K++)for(let L=r(this,ee);L<=P;L++){t=r(this,N).fXaxis.GetBinCenter(L),n=r(this,N).fXaxis.GetBinLowEdge(L),o=t+(t-n),s=o-n,a=r(this,N).fYaxis.GetBinCenter(K),f=r(this,N).fYaxis.GetBinLowEdge(K),h=a+(a-f),p=h-f,c=r(this,N).fZaxis.GetBinCenter(G),d=r(this,N).fZaxis.GetBinLowEdge(G),E=c+(c-d),k=E-d;const X=r(this,It).call(this,r(this,N).getBinContent(L,K,G));if(X<=r(this,Ot))continue;v=r(this,et)?r(this,Xt).call(this,r(this,et).call(this,{histogram:r(this,N),histogramId:r(this,Se),x:L,y:K,z:G})):X;let ve=v;v<.15&&(ve=.15);let he=r(this,Qe)?r(this,Qe).call(this,{histogram:r(this,N),histogramId:r(this,Se),x:L,y:K,z:G,content:v}):null;he=he||r(this,Y).getBinColor(v);const Te=r(this,Se)+n+"th3"+o+"th3"+d+"th3"+E+"th3"+f+"th3"+h;let Oe;r(this,Bt).call(this,Te)?Oe=r(this,Y).getSecondaryAccentColor():Oe=he;const Ne=`id: ${Te};
|
|
205
|
-
histogramName: ${
|
|
204
|
+
`}`;a[0].setAttribute("text",`value: ${f}; color: ${this.userData.color}; align: center; baseline: center; width: 30; height: auto;`),a[1].setAttribute("text",`value: ${h}; color: ${this.userData.axisX}; align: center; width: 30; height: auto;`),a[2].setAttribute("text",`value: ${p}; color: ${this.userData.axisY}; align: center; width: 30; height: auto;`)}}})},update:function(){const i=this.el;i.setAttribute("material","color",i.userData.markedColor),i.setAttribute("material","opacity","0.75")}}),Se.registerComponent("binth",{schema:{id:{type:"string"},histogramName:{type:"string"},typeName:{type:"string"},content:{default:0},absoluteContent:{default:0},binName:{default:""},xTitle:{type:"string"},yTitle:{type:"string"},zTitle:{type:"string"},xMin:{type:"number"},yMin:{type:"number"},zMin:{type:"number"},xMax:{type:"number"},yMax:{type:"number"},zMax:{type:"number"},xPos:{type:"number"},yPos:{type:"number"},zPos:{type:"number"},xCenter:{type:"number"},yCenter:{type:"number"},zCenter:{type:"number"},xWidth:{type:"number"},yWidth:{type:"number"},zWidth:{type:"number"},color:{type:"string"},axisX:{type:"string"},axisY:{type:"string"},axisZ:{type:"string"},selectColor:{type:"string"},markedColor:{type:"string"}},init:function(){const i=this.el;i.userData={typeName:this.data.typeName,id:this.data.id,histogramName:this.data.histogramName,content:this.data.content,absoluteContent:this.data.absoluteContent,binName:this.data.binName,xTitle:this.data.xTitle,yTitle:this.data.yTitle,zTitle:this.data.zTitle,xMin:this.data.xMin,yMin:this.data.yMin,zMin:this.data.zMin,xMax:this.data.xMax,yMax:this.data.yMax,zMax:this.data.zMax,xPos:this.data.xPos,yPos:this.data.yPos,zPos:this.data.zPos,xCenter:this.data.xCenter,yCenter:this.data.yCenter,zCenter:this.data.zCenter,xWidth:this.data.xWidth,yWidth:this.data.yWidth,zWidth:this.data.zWidth,color:this.data.color,axisX:this.data.axisX,axisY:this.data.axisY,axisZ:this.data.axisZ,selectColor:this.data.selectColor,markedColor:this.data.markedColor}},update:function(){const i=this.el;i.userData={typeName:this.data.typeName,id:this.data.id,histogramName:this.data.histogramName,content:this.data.content,absoluteContent:this.data.absoluteContent,binName:this.data.binName,xTitle:this.data.xTitle,yTitle:this.data.yTitle,zTitle:this.data.zTitle,xMin:this.data.xMin,yMin:this.data.yMin,zMin:this.data.zMin,xMax:this.data.xMax,yMax:this.data.yMax,zMax:this.data.zMax,xPos:this.data.xPos,yPos:this.data.yPos,zPos:this.data.zPos,xCenter:this.data.xCenter,yCenter:this.data.yCenter,zCenter:this.data.zCenter,xWidth:this.data.xWidth,yWidth:this.data.yWidth,zWidth:this.data.zWidth,color:this.data.color,axisX:this.data.axisX,axisY:this.data.axisY,axisZ:this.data.axisZ,selectColor:this.data.selectColor,markedColor:this.data.markedColor}}});class ni{constructor(){B(this,we,void 0);Re(this,"verticalMoveCamera",(e,t)=>{n(this,we)===null&&I(this,we,document.getElementById("cameraWrapper")),n(this,we)!==null&&(e?n(this,we).object3D.position.y+=t:n(this,we).object3D.position.y>0&&(n(this,we).object3D.position.y-=t))});Re(this,"horizontalMoveCamera",(e,t,r)=>{n(this,we)===null&&I(this,we,document.getElementById("cameraWrapper")),n(this,we)!==null&&(t?n(this,we).object3D.position[e]+=r:n(this,we).object3D.position[e]-=r)});Re(this,"horizontalDiagonalMoveCamera",(e,t,r,o)=>{if(n(this,we)===null&&I(this,we,document.getElementById("cameraWrapper")),n(this,we)!==null){const s=new THREE.Vector3;s[e]=Math.cos(Math.PI/4),s[t]=Math.sin(Math.PI/4),s.normalize(),r?n(this,we).object3D.position.addScaledVector(s,o):n(this,we).object3D.position.addScaledVector(s,-o)}});B(this,Ue,(e,t,r)=>{if(n(this,we)!==null&&e!==null){const o=e.object3D.position.x+1*e.object3D.position.x,s=e.object3D.position.z+1*e.object3D.position.z,a=t;n(this,we).setAttribute("animation",`property: position; to: ${o+1} ${a} ${s+1}; dur: 100;`),n(this,we).setAttribute("animation__1",`property: rotation; to: ${n(this,we).object3D.rotation.x} ${r} ${n(this,we).object3D.rotation.z}; dur: 100;`)}});Re(this,"setCameraPosition",e=>{if(n(this,we)!==null){let t=n(this,we).object3D.position.y;e.zOffset!==void 0&&(t=e.zOffset*2);const r=e.xOffset+e.xOffset,o=e.yOffset+e.yOffset;setTimeout(()=>{n(this,we).setAttribute("animation",`property: position; to: ${r-3} ${t} ${o-3}; dur: 40;`)},1800)}});Re(this,"setPredefinedDownPosition",()=>{const e=document.getElementById("downLabel");e!==void 0&&n(this,Ue).call(this,e,0,180)});Re(this,"setPredefinedUpPosition",()=>{const e=document.getElementById("upLabel");e!==void 0&&n(this,Ue).call(this,e,0,0)});Re(this,"setPredefinedRightPosition",()=>{const e=document.getElementById("rightLabel");e!==void 0&&n(this,Ue).call(this,e,0,90)});Re(this,"setPredefinedLeftPosition",()=>{const e=document.getElementById("leftLabel");e!==void 0&&n(this,Ue).call(this,e,0,270)});Re(this,"setPredefinedDownPositionWithOffset",()=>{const e=document.getElementById("downLabel");e!==void 0&&n(this,Ue).call(this,e,10,180)});Re(this,"setPredefinedUpPositionWithOffset",()=>{const e=document.getElementById("upLabel");e!==void 0&&n(this,Ue).call(this,e,10,0)});Re(this,"setPredefinedRightPositionWithOffset",()=>{const e=document.getElementById("rightLabel");e!==void 0&&n(this,Ue).call(this,e,10,90)});Re(this,"setPredefinedLeftPositionWithOffset",()=>{const e=document.getElementById("leftLabel");e!==void 0&&n(this,Ue).call(this,e,10,270)});I(this,we,document.getElementById("cameraWrapper"))}}we=new WeakMap,Ue=new WeakMap;const st={};let Ji=new ni,Qi,gt,vi=!1;Ie.next({changeTabletState:vi});const er=(i,e)=>{let t=.2;i.name==="scale"?t=.01:i.name==="rotation"&&(t=2),e.key==="ArrowDown"?i.xValue=i.xValue+t:e.key==="ArrowUp"?i.xValue=i.xValue-t:e.key==="="?i.yValue=i.yValue+t:e.key==="-"?i.yValue=i.yValue-t:e.key==="ArrowRight"?i.zValue=i.zValue+t:e.key==="ArrowLeft"&&(i.zValue=i.zValue-t),Qi.setAttribute(i.name,`${i.xValue} ${i.yValue} ${i.zValue}`)},Wo=i=>{i.key==="k"||i.key==="K"?(ke.changeHistogramSectionByOffset("yOffset","TH2",!1,!0),$e.changeHistogramSectionByOffset("yOffset","TH3",!1,!0)):i.key==="i"||i.key==="I"?(ke.changeHistogramSectionByOffset("yOffset","TH2",!0,!0),$e.changeHistogramSectionByOffset("yOffset","TH3",!0,!0)):i.key==="u"||i.key==="U"?$e.changeHistogramSectionByOffset("zOffset","TH3",!0,!0):i.key==="o"||i.key==="O"?$e.changeHistogramSectionByOffset("zOffset","TH3",!1,!0):i.key==="l"||i.key==="L"?(nt.changeHistogramSectionByOffset("xOffset","TH1",!1,!0),ke.changeHistogramSectionByOffset("xOffset","TH2",!1,!0),$e.changeHistogramSectionByOffset("xOffset","TH3",!1,!0)):(i.key==="j"||i.key==="J")&&(nt.changeHistogramSectionByOffset("xOffset","TH1",!0,!0),ke.changeHistogramSectionByOffset("xOffset","TH2",!0,!0),$e.changeHistogramSectionByOffset("xOffset","TH3",!0,!0))},Zo=i=>{i.key==="k"||i.key==="K"?(ke.changeHistogramSectionByOffset("yOffset","TH2",!1,!1),$e.changeHistogramSectionByOffset("yOffset","TH3",!1,!1)):i.key==="i"||i.key==="I"?(ke.changeHistogramSectionByOffset("yOffset","TH2",!0,!1),$e.changeHistogramSectionByOffset("yOffset","TH3",!0,!1)):i.key==="u"||i.key==="U"?$e.changeHistogramSectionByOffset("zOffset","TH3",!0,!1):i.key==="o"||i.key==="O"?$e.changeHistogramSectionByOffset("zOffset","TH3",!1,!1):i.key==="l"||i.key==="L"?(ke.changeHistogramSectionByOffset("xOffset","TH2",!1,!1),$e.changeHistogramSectionByOffset("xOffset","TH3",!1,!1)):(i.key==="j"||i.key==="J")&&(ke.changeHistogramSectionByOffset("xOffset","TH2",!0,!1),$e.changeHistogramSectionByOffset("xOffset","TH3",!0,!1))},tr=i=>{st[i.key]=!0,(st.Z||st.z)&&er(gt[0],i),(st.X||st.x)&&er(gt[1],i),(st.C||st.c)&&er(gt[2],i),st.Shift&&Zo(i),Wo(i),i.key===" "&&Ji.verticalMoveCamera(!0,.3),i.shiftKey&&Ji.verticalMoveCamera(!1,.3),i.key==="1"&&Ie.next(0),i.key==="2"&&Ie.next(1),i.key==="3"&&Ie.next(2),i.key==="4"&&Ie.next(3),i.key==="5"&&Ie.next(4),i.key==="6"&&Ie.next(5),i.key==="7"&&Ie.next(6),i.key==="8"&&Ie.next(7),i.key==="9"&&Ie.next(8),i.key==="0"&&Ie.next(9),i.key==="Enter"&&ri.emmitCommand("REFRESH"),(i.key==="e"||i.key==="E")&&(vi=!vi,vi?Ie.next({changeTabletState:"flex"}):Ie.next({changeTabletState:"none"})),(i.key==="t"||i.key==="T")&&ke.changeHistogramScale(.1,"TH2"),i.key==="r"||i.key,(i.key==="m"||i.key==="M")&&ke.changeHistogramFunction("feet","TH2"),(i.key==="n"||i.key==="N")&&ke.changeHistogramFunction("default","TH2"),(i.key==="c"||i.key==="C")&&pt.setUserState(),(i.key==="v"||i.key==="V")&&pt.setVisibilityOfBanners("keyboard"),(i.key==="x"||i.key==="X")&&pt.shiftBanners(),(i.key==="x"||i.key==="X")&&pt.shiftBanners()},ir=i=>{delete st[i.key]},Gr=(i,e)=>{Qi=e,gt=[i.position,i.scale,i.rotation];for(let t=0;t<3;t++)Qi.setAttribute(gt[t].name,`${gt[t].xValue} ${gt[t].yValue} ${gt[t].zValue}`)},qr=()=>{Ji=new ni};Se.registerComponent("histogram-control",{schema:{position:{name:"position",xValue:0,yValue:0,zValue:0},scale:{name:"scale",xValue:2,yValue:2,zValue:2},rotation:{name:"rotation",xValue:0,yValue:0,zValue:0}},init:function(){const i=this.el;Gr(this.schema,i),document.addEventListener("keydown",tr),document.addEventListener("keyup",ir)},update:function(){qr()}}),Se.registerComponent("label-handler",{schema:{value:{type:"string"},delay:{type:"number"}},init:function(){const i=this.el;this.value=this.data.value,i.setAttribute("text","value",this.data.value)},update:function(){const i=this.el;this.value!==this.data.value&&(setTimeout(()=>{i.setAttribute("text","value",this.data.value)},this.data.delay),this.value=this.data.value)}});const Me={def:{colorPalette:["#4b0066","#8300b3","#bb00ff","#cf4dff","#e499ff","#ffffcc","#ffff99","#ffff66","#ffff33","#fcba03"],axis:{x:"#ad0c00",y:"#0206de",z:"#007d1d"},accent:{primary:"#4b0066",secondary:"#FF3700"},font:{primary:"black",secondary:"black"}},fire:{colorPalette:["#5b0000","#7b2100","#a23b00","#c84900","#df5900","#f18800","#f1a000","#ffae00","#ffcd19","#ffe159"],axis:{x:"#ad0c00",y:"#0206de",z:"#007d1d"},accent:{primary:"#5b0000",secondary:"#b000d4"},font:{primary:"black",secondary:"black"}},nebula:{colorPalette:["#13004b","#320065","#4e0085","#6100a5","#7000b8","#9800c6","#ab00c6","#b900d2","#d700da","#ff6efc"],axis:{x:"#ad0c00",y:"#0206de",z:"#007d1d"},accent:{primary:"#13004b",secondary:"#ff3700"},font:{primary:"black",secondary:"black"}},rainforest:{colorPalette:["#005b01","#007b23","#00a23d","#00c84c","#00df5c","#00f18b","#00ffb1","#19ffd0","#a6fffe","#56fffe"],axis:{x:"#ad0c00",y:"#0206de",z:"#007d1d"},accent:{primary:"#005b01",secondary:"#ff3700"},font:{primary:"black",secondary:"black"}},nature:{colorPalette:["#4a691a","#5e8425","#79a834","#91c640","#9ed64b","#a8dc59","#b0e166","#bfeb7c","#d7fba2","#deffad"],axis:{x:"#ad0c00",y:"#0206de",z:"#007d1d"},accent:{primary:"#4a691a",secondary:"#b000d4"},font:{primary:"black",secondary:"black"}},water:{colorPalette:["#00545a","#00717a","#0097a2","#00bac8","#00cede","#00dff0","#00edff","#45f2ff","#7ef6ff","#bdfaff"],axis:{x:"#ad0c00",y:"#0206de",z:"#007d1d"},accent:{primary:"#00545a",secondary:"#ff3700"},font:{primary:"black",secondary:"black"}},sunflower:{colorPalette:["#1e3600","#2e4d00","#507001","#91a004","#b4bb06","#d2d309","#eeed0f","#ffff28","#ffff85","#ffffc2"],axis:{x:"#ad0c00",y:"#0206de",z:"#007d1d"},accent:{primary:"#1e3600",secondary:"#ff3700"},font:{primary:"black",secondary:"black"}},blood:{colorPalette:["#470101","#6e0101","#800b0b","#940c0c","#a30000","#bd0909","#e01f1f","#d43b3b","#db5e5e","#f78888"],axis:{x:"#ad0c00",y:"#0206de",z:"#007d1d"},accent:{primary:"#470101",secondary:"#f6ff00"},font:{primary:"black",secondary:"black"}},magma:{colorPalette:["#dbff1d","#d5e814","#d5d007","#cc9b00","#b87600","#9c4a00","#812f00","#661900","#661420","#2b0000"],axis:{x:"#8a0000",y:"#03017a",z:"#015e03"},accent:{primary:"#2b0000",secondary:"#ae2000"},font:{primary:"black",secondary:"black"}},jupiter:{colorPalette:["#00340f","#00344f","#006e3a","#00976a","#26efd0","#9c4a00","#9c4a00","#812f00","#661900","#2b0000"],axis:{x:"#8a0000",y:"#03017a",z:"#015e03"},accent:{primary:"#00340f",secondary:"#e3ff5b"},font:{primary:"black",secondary:"black"}},magic:{colorPalette:["#342000","#6e5e00","#888500","#919700","#8dbe00","#caef26","#cf6e85","#b300b8","#6b0090","#3b0066"],axis:{x:"#8a0000",y:"#03017a",z:"#015e03"},accent:{primary:"#342000",secondary:"#c85bff"},font:{primary:"black",secondary:"black"}}};class Kr{constructor(e){Me[e]?(this.xAxis=Me[e].axis.x,this.yAxis=Me[e].axis.y,this.zAxis=Me[e].axis.z,this.palette=Me[e].colorPalette,this.primaryAccent=Me[e].accent.primary,this.secondaryAccent=Me[e].accent.secondary,this.primaryFont=Me[e].font.primary,this.secondaryFont=Me[e].font.secondary):(this.xAxis=Me.def.axis.x,this.yAxis=Me.def.axis.y,this.zAxis=Me.def.axis.z,this.palette=Me.def.colorPalette,this.primaryAccent=Me.def.accent.primary,this.secondaryAccent=Me.def.accent.secondary,this.primaryFont=Me.def.font.primary,this.secondaryFont=Me.def.font.secondary)}getAxisColor(e){return e==="x"||e==="X"?this.xAxis:e==="y"||e==="Y"?this.yAxis:e==="z"||e==="Z"?this.zAxis:null}getPrimaryAccentColor(){return this.primaryAccent}getSecondaryAccentColor(){return this.secondaryAccent}getPrimaryFontColor(){return this.primaryFont}getSecondaryFontColor(){return this.secondaryFont}getBinColor(e){let r=this.palette[0];if(e>=1)return this.palette[9];const o=.12;let s=o;for(let a=0;a<=9;a++){if(e<=s){r=this.palette[a];break}s+=o}return r}}class Uo{constructor(e,t,r,o,s,a,f,h){B(this,Ft);B(this,Ee,"");B(this,si,[]);B(this,j,null);B(this,Ke,"");B(this,Y,null);B(this,ee,1);B(this,ae,1);B(this,M,1);B(this,Ye,0);B(this,Xe,0);B(this,Je,0);B(this,ct,1);B(this,vt,1);B(this,ai,1);B(this,fe,8);B(this,Fe,{xInitial:0,yInitial:0,zInitial:0});B(this,Qe,void 0);B(this,et,void 0);B(this,xt,1);B(this,tt,1);B(this,kt,0);B(this,Dt,2);B(this,F,{xOffset:0,yOffset:0,zOffset:0});B(this,St,[]);Re(this,"getXOffset",()=>n(this,ee));Re(this,"getYOffset",()=>n(this,ae));Re(this,"getZOffset",()=>n(this,M));Re(this,"getContentScale",()=>n(this,tt));Re(this,"getRange",()=>n(this,fe));B(this,lt,(e,t)=>{let r=e>t-n(this,fe)?t-n(this,fe):e;return r<1&&(r=1),r});B(this,It,e=>n(this,si).filter(r=>r.id===e).length!==0);B(this,Ge,(e,t,r,o,s,a,f,h,p,c,d,E)=>({key:e+n(this,Ee),geometry:{primitive:"plane",width:h,height:p},text:{color:E,width:4,height:"auto"},labelHandler:{value:c,delay:500},rotation:{x:s,y:a,z:f},material:{color:d},animation:{fromX:t+n(this,F).xOffset,fromY:r+n(this,F).zOffset,fromZ:o+n(this,F).yOffset,toX:t,toY:r,toZ:o}}));B(this,Ei,()=>{const e={type:"TH3",bins:[],labels:[],banners:[],ground:{},titles:[],axisLabels:[]};let t,r,o,s,a,f,h,p,c,d,E,O;const T="";let v,u=0;const P=n(this,ee)+n(this,fe)>n(this,Ye)?n(this,Ye):n(this,ee)+n(this,fe),k=n(this,ae)+n(this,fe)>n(this,Xe)?n(this,Xe):n(this,ae)+n(this,fe),D=n(this,M)+n(this,fe)>n(this,Je)?n(this,Je):n(this,M)+n(this,fe),b=n(this,j).fXaxis.fTitle,m=n(this,j).fYaxis.fTitle,te=n(this,j).fZaxis.fTitle,q=n(this,j).fXaxis.fLabels?n(this,j).fXaxis.fLabels.arr:[],w=n(this,j).fYaxis.fLabels?n(this,j).fYaxis.fLabels.arr:[],re=n(this,j).fZaxis.fLabels?n(this,j).fZaxis.fLabels.arr:[],ce=[];for(let G=n(this,M);G<=D;G++)for(let K=n(this,ae);K<=k;K++)for(let L=n(this,ee);L<=P;L++){t=n(this,j).fXaxis.GetBinCenter(L),r=n(this,j).fXaxis.GetBinLowEdge(L),o=t+(t-r),s=o-r,a=n(this,j).fYaxis.GetBinCenter(K),f=n(this,j).fYaxis.GetBinLowEdge(K),h=a+(a-f),p=h-f,c=n(this,j).fZaxis.GetBinCenter(G),d=n(this,j).fZaxis.GetBinLowEdge(G),E=c+(c-d),O=E-d;const X=n(this,Bt).call(this,n(this,j).getBinContent(L,K,G));if(X<=n(this,kt))continue;v=n(this,et)?n(this,Xt).call(this,n(this,et).call(this,{histogram:n(this,j),histogramId:n(this,Ee),x:L,y:K,z:G})):X;let ve=v;v<.15&&(ve=.15);let he=n(this,Qe)?n(this,Qe).call(this,{histogram:n(this,j),histogramId:n(this,Ee),x:L,y:K,z:G,content:v}):null;he=he||n(this,Y).getBinColor(v);const Te=n(this,Ee)+r+"th3"+o+"th3"+d+"th3"+E+"th3"+f+"th3"+h;let Oe;n(this,It).call(this,Te)?Oe=n(this,Y).getSecondaryAccentColor():Oe=he;const je=`id: ${Te};
|
|
205
|
+
histogramName: ${n(this,Ee)};
|
|
206
206
|
typeName: 'TH3';
|
|
207
207
|
content: ${v};
|
|
208
208
|
color: ${he};
|
|
@@ -211,7 +211,7 @@ the left controller.`,rotation:"-30 0 0",position:"0.1 0 0","wrap-count":"400"})
|
|
|
211
211
|
zTitle: ${te};
|
|
212
212
|
absoluteContent: ${X};
|
|
213
213
|
binName: ${T};
|
|
214
|
-
xMin: ${
|
|
214
|
+
xMin: ${r};
|
|
215
215
|
yMin: ${f};
|
|
216
216
|
zMin: ${d};
|
|
217
217
|
xMax: ${o};
|
|
@@ -225,13 +225,13 @@ the left controller.`,rotation:"-30 0 0",position:"0.1 0 0","wrap-count":"400"})
|
|
|
225
225
|
zCenter: ${c};
|
|
226
226
|
xWidth: ${s};
|
|
227
227
|
yWidth: ${p};
|
|
228
|
-
zWidth: ${
|
|
228
|
+
zWidth: ${O};
|
|
229
229
|
markedColor: ${Oe};
|
|
230
|
-
selectColor: ${
|
|
231
|
-
axisX: ${
|
|
232
|
-
axisY: ${
|
|
233
|
-
axisZ: ${
|
|
234
|
-
histogramName: ${
|
|
230
|
+
selectColor: ${n(this,Y).getSecondaryAccentColor()};
|
|
231
|
+
axisX: ${n(this,Y).getAxisColor("x")};
|
|
232
|
+
axisY: ${n(this,Y).getAxisColor("y")};
|
|
233
|
+
axisZ: ${n(this,Y).getAxisColor("z")}`,H=ve*.8,A=L-1,z=G-1,N=K-1;e.bins[u]={id:Te,color:he,binData:je,content:X,animation:{fromWidth:n(this,wt).call(this,Te),fromHeight:n(this,wt).call(this,Te),fromDepth:n(this,wt).call(this,Te),toWidth:H,toHeight:H,toDepth:H},animation2:{fromX:A+n(this,F).xOffset,fromY:z+n(this,F).zOffset,fromZ:N+n(this,F).yOffset,toX:A,toY:z,toZ:N},animation3:{fromColor:n(this,Lt).call(this,Te),toColor:Oe}},ce[u]={key:Te,scale:H,color:Oe},u++}I(this,St,ce);const be=[],Z=[];return u=n(this,Nt).call(this,e,be,Z,k,P,w,m,0),u=n(this,Yt).call(this,e,be,Z,P,k,q,b,u),u=n(this,jt).call(this,e,be,Z,P,k,D,re,te,u),Ai(this,Ft,$i).call(this,e,be,Z,P,k,u),e.labels=[...be,...Z],e});B(this,Ci,()=>{const e={type:"TH2",bins:[],labels:[],banners:[],ground:{},titles:[],axisLabels:[]};let t,r,o,s,a,f,h,p,c,d;const E="";let O=0;const T=n(this,ee)+n(this,fe)>n(this,j).fXaxis.fNbins?n(this,j).fXaxis.fNbins:n(this,ee)+n(this,fe),v=n(this,ae)+n(this,fe)>n(this,j).fYaxis.fNbins?n(this,j).fYaxis.fNbins:n(this,ae)+n(this,fe),u=n(this,j).fXaxis.fTitle!==""?n(this,j).fXaxis.fTitle:"x",P=n(this,j).fYaxis.fTitle!==""?n(this,j).fYaxis.fTitle:"y",k=n(this,j).fXaxis.fLabels?n(this,j).fXaxis.fLabels.arr:[],D=n(this,j).fYaxis.fLabels?n(this,j).fYaxis.fLabels.arr:[],b=[];for(let q=n(this,ae);q<=v;q++)for(let w=n(this,ee);w<=T;w++){r=n(this,j).fXaxis.GetBinCenter(w),o=n(this,j).fXaxis.GetBinLowEdge(w),s=r+(r-o),a=s-o,f=n(this,j).fYaxis.GetBinCenter(q),h=n(this,j).fYaxis.GetBinLowEdge(q),p=f+(f-h),c=p-h;const re=n(this,Bt).call(this,n(this,j).getBinContent(w,q));if(re<=n(this,kt))continue;d=n(this,et)?n(this,Xt).call(this,n(this,et).call(this,{histogram:n(this,j),histogramId:n(this,Ee),x:w,y:q})):re,t=d*n(this,fe)*n(this,tt)/16;let ce=n(this,Qe)?n(this,Qe).call(this,{histogram:n(this,j),histogramId:n(this,Ee),x:w,y:q,content:d}):null;ce=ce||n(this,Y).getBinColor(d);const be=n(this,Ee)+o+"th2"+s+"th2"+h+"th2"+p;let Z;n(this,It).call(this,be)?Z=n(this,Y).getSecondaryAccentColor():Z=ce;const G=`id: ${be};
|
|
234
|
+
histogramName: ${n(this,Ee)};
|
|
235
235
|
typeName: 'TH2';
|
|
236
236
|
content: ${d};
|
|
237
237
|
color: ${ce};
|
|
@@ -249,23 +249,23 @@ the left controller.`,rotation:"-30 0 0",position:"0.1 0 0","wrap-count":"400"})
|
|
|
249
249
|
xPos: ${w};
|
|
250
250
|
yPos: ${q};
|
|
251
251
|
zPos: ${0};
|
|
252
|
-
xCenter: ${
|
|
252
|
+
xCenter: ${r};
|
|
253
253
|
yCenter: ${f};
|
|
254
254
|
yCenter: ${0};
|
|
255
255
|
xWidth: ${a};
|
|
256
256
|
yWidth: ${c};
|
|
257
257
|
zWidth: ${0};
|
|
258
258
|
markedColor: ${Z};
|
|
259
|
-
selectColor: ${
|
|
260
|
-
axisX: ${
|
|
261
|
-
axisY: ${
|
|
262
|
-
axisZ: ${
|
|
263
|
-
histogramName: ${
|
|
259
|
+
selectColor: ${n(this,Y).getSecondaryAccentColor()};
|
|
260
|
+
axisX: ${n(this,Y).getAxisColor("x")};
|
|
261
|
+
axisY: ${n(this,Y).getAxisColor("y")};
|
|
262
|
+
axisZ: ${n(this,Y).getAxisColor("z")}`,K=a/n(this,ct)/n(this,Dt),L=c/n(this,vt)/n(this,Dt),X=w-1,ve=q-1;e.bins[O]={id:be,color:ce,binData:G,content:re,animation:{fromWidth:K,fromHeight:n(this,wt).call(this,be),fromDepth:L,toWidth:K,toHeight:d*n(this,fe)*n(this,tt)/8,toDepth:L},animation2:{fromX:X+n(this,F).xOffset,fromY:t,fromZ:ve+n(this,F).yOffset,toX:X,toY:t,toZ:ve},animation3:{fromColor:n(this,Lt).call(this,be),toColor:Z}},b[O]={key:be,scale:d,color:Z},O++}I(this,St,b);const m=[],te=[];return O=n(this,Nt).call(this,e,m,te,v,T,D,P,0),O=n(this,Yt).call(this,e,m,te,T,v,k,u,O),O=n(this,jt).call(this,e,m,te,T,v,void 0,void 0,void 0,O),Ai(this,Ft,$i).call(this,e,m,te,T,v,O),e.labels=[...m,...te],e});B(this,Ti,()=>{const e={type:"TH1",bins:[],labels:[],banners:[],ground:{},titles:[],axisLabels:[]};let t,r,o,s,a,f;const h="";let p=0;const c=n(this,ee)+n(this,fe)>n(this,j).fXaxis.fNbins?n(this,j).fXaxis.fNbins:n(this,ee)+n(this,fe),d=1,E=n(this,j).fXaxis.fTitle!==""?n(this,j).fXaxis.fTitle:"x",O=n(this,j).fXaxis.fLabels?n(this,j).fXaxis.fLabels.arr:[],T=[];for(let P=n(this,ee);P<=c;P++){r=n(this,j).fXaxis.GetBinCenter(P),o=n(this,j).fXaxis.GetBinLowEdge(P),s=r+(r-o),a=s-o;const k=n(this,Bt).call(this,n(this,j).getBinContent(P));if(k<=n(this,kt))continue;f=n(this,et)?n(this,Xt).call(this,n(this,et).call(this,{histogram:n(this,j),histogramId:n(this,Ee),x:P})):k,t=f*n(this,fe)*n(this,tt)/16;let D=n(this,Qe)?n(this,Qe).call(this,{histogram:n(this,j),histogramId:n(this,Ee),x:P,content:f}):null;D=D||n(this,Y).getBinColor(f);const b=n(this,Ee)+o+"th1"+s;let m;n(this,It).call(this,b)?m=n(this,Y).getSecondaryAccentColor():m=D;const te=`id: ${b};
|
|
263
|
+
histogramName: ${n(this,Ee)};
|
|
264
264
|
typeName: 'TH1';
|
|
265
265
|
content: ${f};
|
|
266
266
|
xTitle: ${E};
|
|
267
267
|
zTitle: 'none';
|
|
268
|
-
absoluteContent: ${
|
|
268
|
+
absoluteContent: ${k};
|
|
269
269
|
binName: ${h};
|
|
270
270
|
xMin: ${o};
|
|
271
271
|
zMin: ${0};
|
|
@@ -273,17 +273,17 @@ the left controller.`,rotation:"-30 0 0",position:"0.1 0 0","wrap-count":"400"})
|
|
|
273
273
|
zMax: ${0};
|
|
274
274
|
xPos: ${P};
|
|
275
275
|
zPos: ${0};
|
|
276
|
-
xCenter: ${
|
|
276
|
+
xCenter: ${r};
|
|
277
277
|
yCenter: ${0};
|
|
278
278
|
xWidth: ${a};
|
|
279
279
|
zWidth: ${0};
|
|
280
280
|
markedColor: ${m};
|
|
281
|
-
selectColor: ${
|
|
282
|
-
axisX: ${
|
|
283
|
-
axisY: ${
|
|
284
|
-
axisZ: ${r(this,Y).getAxisColor("z")}`,q=a/r(this,ct)/r(this,Dt),w=P-1,re=0;e.bins[p]={id:b,color:D,binData:te,content:O,animation:{fromWidth:q,fromHeight:r(this,wt).call(this,b),fromDepth:q,toWidth:q,toHeight:f*r(this,fe)*r(this,tt)/8,toDepth:q},animation2:{fromX:w+r(this,F).xOffset,fromY:t,fromZ:re,toX:w,toY:t,toZ:re},animation3:{fromColor:r(this,Lt).call(this,b),toColor:m}},T[p]={key:b,scale:f,color:m},p++}B(this,St,T);const v=[],u=[];return p=r(this,jt).call(this,e,v,u,d,c,void 0,void 0,0),p=r(this,Yt).call(this,e,v,u,c,d,k,E,p),p=r(this,Nt).call(this,e,v,u,c,d,void 0,void 0,void 0,p),$i(this,Ft,Ri).call(this,e,v,u,c,d,p),e.labels=[...v,...u],e});I(this,It,e=>e<=0?0:(r(this,xt)>1&&(e=Math.round((e/r(this,xt)+Number.EPSILON)*100)/100),e));I(this,Mt,(e,t,n,o,s)=>{if(B(this,F,{xOffset:0,yOffset:0,zOffset:0}),n){if(s?(t[o]+=1,r(this,F)[o]=-1):(t[o]+=t.range,r(this,F)[o]=-t.range),e[o]<=t.range)return t[o]=1,r(this,F)[o]=0,t;if(t[o]>e[o]-t.range)return t[o]=e[o]-t.range,r(this,F)[o]=0,t}else if(s?(t[o]-=1,r(this,F)[o]=1):(t[o]-=t.range,r(this,F)[o]=t.range),t[o]<1)return t[o]=1,r(this,F)[o]=0,t;return t});I(this,Nt,(e,t,n,o,s,a,f,h,p)=>(t[p]=r(this,Ge).call(this,9e4+p,o+.5,r(this,M)-1,s+.5,270,360,0,2,2,`${f?f[r(this,M)-1]?f[r(this,M)-1].fString:Math.round((r(this,Fe).zInitial+r(this,M)-1+Number.EPSILON)*100)/100:"0"}`,r(this,Y).getAxisColor("y"),r(this,Y).getSecondaryFontColor()),n[p]=r(this,Ge).call(this,91e3+p,o+.5,r(this,M)-1,r(this,ae)-2.5,270,90,0,2,2,`${f?f[r(this,M)-1]?f[r(this,M)-1].fString:Math.round((r(this,Fe).zInitial+r(this,M)-1+Number.EPSILON)*100)/100:"0"}`,r(this,Y).getAxisColor("y"),r(this,Y).getSecondaryFontColor()),p++,t[p]=r(this,Ge).call(this,92e3+p,r(this,ee)-2.5,r(this,M)-1,s+.5,270,270,0,2,2,`${f?f[r(this,M)-1]?f[r(this,M)-1].fString:Math.round((r(this,Fe).zInitial+r(this,M)-1+Number.EPSILON)*100)/100:"0"}`,r(this,Y).getAxisColor("y"),r(this,Y).getSecondaryFontColor()),n[p]=r(this,Ge).call(this,93e3+p,r(this,ee)-2.5,r(this,M)-1,r(this,ae)-2.5,270,180,0,2,2,`${f?f[r(this,M)-1]?f[r(this,M)-1].fString:Math.round((r(this,Fe).zInitial+r(this,M)-1+Number.EPSILON)*100)/100:"0"}`,r(this,Y).getAxisColor("y"),r(this,Y).getSecondaryFontColor()),p++,h&&(e.axisLabels[4]={id:"upLabel1",key:95004+r(this,Se),text:{value:h,color:r(this,Y).getAxisColor("y")},rotation:{x:0,y:270,z:90},animation:{fromX:r(this,ee)-1.5+r(this,F).xOffset,fromY:a-1+r(this,F).zOffset,fromZ:r(this,ae)-2+r(this,F).yOffset,toX:r(this,ee)-1.5,toY:a-1,toZ:r(this,ae)-2}},e.axisLabels[5]={id:"upLabel2",key:100005+r(this,Se),text:{value:h,color:r(this,Y).getAxisColor("y")},rotation:{x:0,y:90,z:90},animation:{fromX:o-.5+r(this,F).xOffset,fromY:a-1+r(this,F).zOffset,fromZ:s+r(this,F).yOffset,toX:o-.5,toY:a-1,toZ:s}},e.axisLabels[6]={id:"upLabel3",key:105006+r(this,Se),text:{value:h,color:r(this,Y).getAxisColor("y")},rotation:{x:0,y:360,z:90},animation:{fromX:r(this,ee)-2+r(this,F).xOffset,fromY:a-1+r(this,F).zOffset,fromZ:s-.5+r(this,F).yOffset,toX:r(this,ee)-2,toY:a-1,toZ:s-.5}},e.axisLabels[7]={id:"upLabel4",key:105007+r(this,Se),text:{value:h,color:r(this,Y).getAxisColor("y")},rotation:{x:0,y:180,z:90},animation:{fromX:o-.5+r(this,F).xOffset,fromY:a-1+r(this,F).zOffset,fromZ:r(this,ae)-1.5+r(this,F).yOffset,toX:o-.5,toY:a-1,toZ:r(this,ae)-1.5}}),p));I(this,jt,(e,t,n,o,s,a,f,h)=>{for(let p=r(this,ae);p<=o;p++)t[h]=r(this,Ge).call(this,1500+h,r(this,ee)-2.5,r(this,M)?r(this,M)-1:0,p-1,270,180,0,2,1,`${a?a[p-1]?a[p-1].fString:Math.round((r(this,Fe).yInitial+(p-1)*r(this,vt)+Number.EPSILON)*100)/100:""}`,r(this,Y).getAxisColor("z"),r(this,Y).getSecondaryFontColor()),n[h]=r(this,Ge).call(this,3e3+h,s+.5,r(this,M)?r(this,M)-1:0,p-1,270,360,0,2,1,`${a?a[p-1]?a[p-1].fString:Math.round((r(this,Fe).yInitial+(p-1)*r(this,vt)+Number.EPSILON)*100)/100:""}`,r(this,Y).getAxisColor("z"),r(this,Y).getSecondaryFontColor()),h++;return e.axisLabels[0]={id:"leftLabel",key:4500+r(this,Se),text:{value:f||"",color:r(this,Y).getAxisColor("z")},rotation:{x:270,y:270,z:0},animation:{fromX:r(this,ee)-4+r(this,F).xOffset,fromY:(r(this,M)?r(this,M)-1:0)+r(this,F).zOffset,fromZ:r(this,ae)+.5+r(this,F).yOffset,toX:r(this,ee)-4,toY:r(this,M)?r(this,M)-1:0,toZ:r(this,ae)+.5}},e.axisLabels[1]={id:"rightLabel",key:6001+r(this,Se),text:{value:f||"",color:r(this,Y).getAxisColor("z")},rotation:{x:270,y:90,z:0},animation:{fromX:s+2+r(this,F).xOffset,fromY:(r(this,M)?r(this,M)-1:0)+r(this,F).zOffset,fromZ:o-2.5+r(this,F).yOffset,toX:s+2,toY:r(this,M)?r(this,M)-1:0,toZ:o-2.5}},h});I(this,Yt,(e,t,n,o,s,a,f,h)=>{for(let p=r(this,ee);p<=o;p++)t[h]=r(this,Ge).call(this,7500+h,p-1,r(this,M)?r(this,M)-1:0,r(this,ae)-2.5,270,270,0,2,1,`${a[p-1]?a[p-1].fString:Math.round((r(this,Fe).xInitial+(p-1)*r(this,ct)+Number.EPSILON)*100)/100}`,r(this,Y).getAxisColor("x"),r(this,Y).getSecondaryFontColor()),n[h]=r(this,Ge).call(this,9e3+h,p-1,r(this,M)?r(this,M)-1:0,s+.5,270,90,0,2,1,`${a[p-1]?a[p-1].fString:Math.round((r(this,Fe).xInitial+(p-1)*r(this,ct)+Number.EPSILON)*100)/100}`,r(this,Y).getAxisColor("x"),r(this,Y).getSecondaryFontColor()),h++;return e.axisLabels[2]={id:"downLabel",key:10502+r(this,Se),text:{value:f,color:r(this,Y).getAxisColor("x")},rotation:{x:270,y:180,z:0},animation:{fromX:r(this,ee)+r(this,F).xOffset,fromY:(r(this,M)?r(this,M)-1:0)+r(this,F).zOffset,fromZ:r(this,ae)-4+r(this,F).yOffset,toX:r(this,ee),toY:r(this,M)?r(this,M)-1:0,toZ:r(this,ae)-4}},e.axisLabels[3]={id:"upLabel",key:12003+r(this,Se),text:{value:f,color:r(this,Y).getAxisColor("x")},rotation:{x:270,y:0,z:0},animation:{fromX:o-2.5+r(this,F).xOffset,fromY:(r(this,M)?r(this,M)-1:0)+r(this,F).zOffset,fromZ:s+2+r(this,F).yOffset,toX:o-2.5,toY:r(this,M)?r(this,M)-1:0,toZ:s+2}},h});I(this,Oi,(e,t,n)=>{const o={xOffset:r(this,Ye),yOffset:r(this,Xe),zOffset:r(this,Je)},s={name:"TH3",xOffset:r(this,ee),yOffset:r(this,ae),zOffset:r(this,M),range:r(this,fe)},a=r(this,Mt).call(this,o,s,t,e,n);return B(this,ee,a.xOffset),B(this,ae,a.yOffset),B(this,M,a.zOffset),a});I(this,ki,(e,t,n)=>{const o={xOffset:r(this,Ye),yOffset:r(this,Xe)},s={name:"TH2",xOffset:r(this,ee),yOffset:r(this,ae),range:r(this,fe)},a=r(this,Mt).call(this,o,s,t,e,n);return B(this,ee,a.xOffset),B(this,ae,a.yOffset),a});I(this,Pi,(e,t,n)=>{const o={xOffset:r(this,Ye)},s={name:"TH1",xOffset:r(this,ee),range:r(this,fe)},a=r(this,Mt).call(this,o,s,t,e,n);return B(this,ee,a.xOffset),a});I(this,wt,e=>{const t=r(this,St).filter(n=>n.key===e);return t[0]&&t[0].scale?t[0].scale:0});I(this,Lt,e=>{const t=r(this,St).filter(n=>n.key===e);return t[0]&&t[0].scale?t[0].color:"#ffffff"});I(this,Xt,e=>e>r(this,xt)?r(this,xt):e<0?0:e);this.initializeFactory(e,t,n,o,s,a,f,h)}initializeFactory(e,t,n,o,s,a,f,h){this.setUniqueName(e),this.setTheme(s),this.setHistogram(t),this.setHistogramContentMaximum(t.fMaximum),this.setSection(n),this.setRange(o),this.setSelectedBin(a),this.setViewFunction(f),this.setProgressFunction(h)}setUniqueName(e){B(this,Se,e)}updateContentScale(e){r(this,tt)+e>=0&&B(this,tt,r(this,tt)+e)}updateMinDisplayedContent(e){e>=0&&B(this,Ot,e)}setHistogramContentMaximum(e){B(this,xt,e>0?e:1)}setSelectedBin(e){B(this,ai,e||[])}setViewFunction(e){B(this,Qe,e)}setProgressFunction(e){B(this,et,e)}setSection(e){e&&(e.xOffset&&B(this,ee,r(this,lt).call(this,e==null?void 0:e.xOffset,r(this,Ye))),e.yOffset&&!histogram._typename.includes("TH1")&&B(this,ae,r(this,lt).call(this,e==null?void 0:e.yOffset,r(this,Xe))),e.zOffset&&histogram._typename.includes("TH3")&&B(this,M,r(this,lt).call(this,e==null?void 0:e.zOffset,r(this,Je))))}setHistogram(e){var t,n,o,s,a,f,h,p,c,d,E,k,T,v,u,P;B(this,N,e),B(this,Ke,e==null?void 0:e._typename),B(this,ee,1),B(this,ae,1),B(this,M,1),B(this,Ye,0),B(this,Xe,0),B(this,Je,0),B(this,ct,1),B(this,vt,1),B(this,ci,1),B(this,Ye,(t=e==null?void 0:e.fXaxis)==null?void 0:t.fNbins),B(this,ct,(((n=e==null?void 0:e.fXaxis)==null?void 0:n.fXmax)-((o=e==null?void 0:e.fXaxis)==null?void 0:o.fXmin))/((s=e==null?void 0:e.fXaxis)==null?void 0:s.fNbins)),r(this,Fe).xInitial=(a=e==null?void 0:e.fXaxis)==null?void 0:a.fXmin,B(this,ee,r(this,lt).call(this,r(this,ee),r(this,Ye))),(f=e==null?void 0:e._typename)!=null&&f.includes("TH1")||(B(this,Xe,(h=e==null?void 0:e.fYaxis)==null?void 0:h.fNbins),B(this,vt,(((p=e==null?void 0:e.fYaxis)==null?void 0:p.fXmax)-((c=e==null?void 0:e.fYaxis)==null?void 0:c.fXmin))/((d=e==null?void 0:e.fYaxis)==null?void 0:d.fNbins)),r(this,Fe).yInitial=(E=e==null?void 0:e.fYaxis)==null?void 0:E.fXmin,B(this,ae,r(this,lt).call(this,r(this,ae),r(this,Xe)))),(k=e==null?void 0:e._typename)!=null&&k.includes("TH3")&&(B(this,Je,(T=e==null?void 0:e.fZaxis)==null?void 0:T.fNbins),B(this,ci,((v=e==null?void 0:e.fZaxis)==null?void 0:v.fXmax)/((u=e==null?void 0:e.fZaxis)==null?void 0:u.fNbins)),r(this,Fe).zInitial=(P=e==null?void 0:e.fZaxis)==null?void 0:P.fXmin,B(this,M,r(this,lt).call(this,r(this,M),r(this,Je)))),this.setHistogramContentMaximum(e==null?void 0:e.fMaximum)}setRange(e){e&&(e<4&&B(this,fe,4),B(this,fe,e))}setTheme(e){B(this,Y,new Qr(e))}getElements(){let e={};return r(this,Ke).includes("TH2")?e=r(this,Ti).call(this):r(this,Ke).includes("TH3")?e=r(this,Ci).call(this):r(this,Ke).includes("TH1")&&(e=r(this,_i).call(this)),e}updateSection(e,t,n){if(r(this,Ke).includes("TH3"))return r(this,Oi).call(this,e,t,n);if(r(this,Ke).includes("TH2"))return r(this,ki).call(this,e,t,n);if(r(this,Ke).includes("TH1"))return r(this,Pi).call(this,e,t,n)}}Se=new WeakMap,ai=new WeakMap,N=new WeakMap,Ke=new WeakMap,Y=new WeakMap,ee=new WeakMap,ae=new WeakMap,M=new WeakMap,Ye=new WeakMap,Xe=new WeakMap,Je=new WeakMap,ct=new WeakMap,vt=new WeakMap,ci=new WeakMap,fe=new WeakMap,Fe=new WeakMap,Qe=new WeakMap,et=new WeakMap,xt=new WeakMap,tt=new WeakMap,Ot=new WeakMap,Dt=new WeakMap,F=new WeakMap,St=new WeakMap,lt=new WeakMap,Bt=new WeakMap,Ge=new WeakMap,Ci=new WeakMap,Ti=new WeakMap,_i=new WeakMap,It=new WeakMap,Mt=new WeakMap,Nt=new WeakMap,jt=new WeakMap,Yt=new WeakMap,Ft=new WeakSet,Ri=function(e,t,n,o,s,a,f,h){h++,e.titles[0]={key:195e3+r(this,Se),text:{value:r(this,N).fTitle,color:r(this,Y).getPrimaryFontColor()},rotation:{x:0,y:123,z:0},position:{x:r(this,ee)-90,y:16.5,z:r(this,ae)+90},innerText:{value:"Press V to show projections or controls",color:r(this,Y).getPrimaryFontColor()}},h++;const p=r(this,fe)>r(this,Ye)?r(this,Ye)+1:r(this,fe),c=r(this,fe)>r(this,Xe)?r(this,Xe)+1:r(this,fe);e.ground={key:22500+h+r(this,Se),scale:{width:p+8,height:.2,depth:c+8},animation:{fromX:r(this,ee)+p*.5-1+r(this,F).xOffset,fromY:-.5,fromZ:r(this,ae)+c*.5-.5+r(this,F).yOffset,toX:r(this,ee)+p*.5-1,toY:-.5,toZ:r(this,ae)+c*.5-.5}},h++,e.banners[1]={key:24e4+h+r(this,Se),geometry:{width:.1,height:15,depth:22},position:{x:o+8,y:(r(this,M)?r(this,M)+7:7)+r(this,F).zOffset,z:r(this,ae)+r(this,fe)/2+2.5},material:{color:"#ffffff",transparent:!0}}},Oi=new WeakMap,ki=new WeakMap,Pi=new WeakMap,wt=new WeakMap,Lt=new WeakMap,Xt=new WeakMap;const qo=()=>{let i;const{selectedView:e,onViewChange:t,onProgress:n,section:o,range:s,theme:a,selectedBins:f}=g.useContext(Et).states,{id:h,histogram:p,projPanelIds:c}=g.useContext(Et).data,[d]=g.useState(new Go(h,p,o||null,s,a||"def",f,t,n)),[E,k]=g.useState(d.getElements()),[T]=g.useState(1),v=u=>{p._typename.includes(u.name)&&(u.axis?(d.updateSection(u.axis,u.increment,u.defaultRange),k(d.getElements())):u.scale?(d.updateContentScale(u.scale),k(d.getElements())):u.minValue&&(d.updateMinDisplayedContent(u.minValue),k(d.getElements())))};return g.useEffect(()=>{d.setUniqueName(h),k(d.getElements())},[h]),g.useEffect(()=>{d.setHistogram(p),k(d.getElements())},[p]),g.useEffect(()=>{d.setSection(o),k(d.getElements())},[o]),g.useEffect(()=>{d.setRange(s),k(d.getElements())},[s]),g.useEffect(()=>{d.setTheme(a),k(d.getElements())},[a]),g.useEffect(()=>{d.setSelectedBin(f),k(d.getElements())},[f]),g.useEffect(()=>{d.setViewFunction(t),k(d.getElements())},[t]),g.useEffect(()=>{d.setViewFunction(t),k(d.getElements())},[e]),g.useEffect(()=>{d.setProgressFunction(n),k(d.getElements())},[n]),g.useEffect(()=>{if(p._typename.includes("TH2")?i=Ee.getChangedSection().subscribe(v):p._typename.includes("TH3")?i=Ae.getChangedSection().subscribe(v):p._typename.includes("TH1")&&(i=nt.getChangedSection().subscribe(v)),i)return()=>i.unsubscribe()},[E]),E!=null&&E.bins?ue("a-entity",{"histogram-control":!0,children:[E.bins.map(u=>S("a-box",{class:"clickable",material:`color: ${u.color}; transparent: true`,binth:u.binData,mouseevent:!0,geometry:`width:${u.animation.toWidth}; height:${u.animation.toHeight}; depth:${u.animation.toDepth};`,animation__1:"property: material.opacity; from: 0; to: 0.75; dur: 2000;",animation__2:`property: position; from: ${u.animation2.fromX} ${u.animation2.fromY} ${u.animation2.fromZ}; to: ${u.animation2.toX} ${u.animation2.toY} ${u.animation2.toZ}; dur: 800;`,animation__3:`property: material.color; from: ${u.animation3.fromColor}; to: ${u.animation3.toColor}; dur: 200;`,children:S("a-text",{value:u.content,align:"center",width:"10",color:"black",geometry:"primitive:plane; width: 0.5; height: 0.5",material:`color: ${u.color}; opacity: 0.50; transparent: true`,rotation:"270 180 0","wrap-count":"50",position:`0 ${.001+(T===1?-1:1)*u.animation.toHeight/2} 0`})},u.id)),E.labels.map(u=>S("a-entity",{geometry:`primitive: ${u.geometry.primitive}; width:${u.geometry.width}; height:${u.geometry.height};`,text:`color: ${u.text.color}; width: ${u.text.width}; height: ${u.text.height}; align:center;`,"label-handler":`value: ${u.labelHandler.value}; delay:${u.labelHandler.delay}`,rotation:`${u.rotation.x} ${u.rotation.y} ${u.rotation.z}`,material:`color: ${u.material.color}; transparent: true`,animation:"property: text.width; from: 0; to: 4; dur: 1000;",animation__1:"property: material.opacity; from: 0; to: 0.8; dur: 1500;",animation__2:`property: position; from: ${u.animation.fromX} ${u.animation.fromY} ${u.animation.fromZ}; to: ${u.animation.toX} ${u.animation.toY} ${u.animation.toZ}; dur: 1005;`},u.key)),E.titles.map(u=>ue("a-entity",{text:`value: ${u.text.value}; color: ${u.text.color}; width: 230; height:auto; align:center;`,rotation:`${u.rotation.x} ${u.rotation.y} ${u.rotation.z}`,position:`${u.position.x} ${u.position.y} ${u.position.z}`,material:"transparent: true",children:[S("a-text",{value:u.innerText.value,position:"0 10 0",width:"150",height:"auto",align:"center",color:u.innerText.color}),S("a-entity",{geometry:"primitive: plane; width:170; height:30;",position:"0 0 -1",material:"opacity: 0.9; color: white; transparent: true"})]},u.key)),E.axisLabels.map(u=>S("a-entity",{id:u.id,text:`value: ${u.text.value}; color: ${u.text.color}; width: 10; height:auto; align:center;`,rotation:`${u.rotation.x} ${u.rotation.y} ${u.rotation.z}`,animation:`property: position; from: ${u.animation.fromX} ${u.animation.fromY} ${u.animation.fromZ}; to: ${u.animation.toX} ${u.animation.toY} ${u.animation.toZ}; dur: 1000;`,material:"opacity: 0; transparent: true"},u.key)),E.ground&&S("a-box",{width:E.ground.scale.width,material:"color: #fafafa",height:E.ground.scale.height,depth:E.ground.scale.depth,animation:`property: position; from: ${E.ground.animation.fromX} ${E.ground.animation.fromY} ${E.ground.animation.fromZ};
|
|
281
|
+
selectColor: ${n(this,Y).getSecondaryAccentColor()};
|
|
282
|
+
axisX: ${n(this,Y).getAxisColor("x")};
|
|
283
|
+
axisY: ${n(this,Y).getAxisColor("y")};
|
|
284
|
+
axisZ: ${n(this,Y).getAxisColor("z")}`,q=a/n(this,ct)/n(this,Dt),w=P-1,re=0;e.bins[p]={id:b,color:D,binData:te,content:k,animation:{fromWidth:q,fromHeight:n(this,wt).call(this,b),fromDepth:q,toWidth:q,toHeight:f*n(this,fe)*n(this,tt)/8,toDepth:q},animation2:{fromX:w+n(this,F).xOffset,fromY:t,fromZ:re,toX:w,toY:t,toZ:re},animation3:{fromColor:n(this,Lt).call(this,b),toColor:m}},T[p]={key:b,scale:f,color:m},p++}I(this,St,T);const v=[],u=[];return p=n(this,Nt).call(this,e,v,u,d,c,void 0,void 0,0),p=n(this,Yt).call(this,e,v,u,c,d,O,E,p),p=n(this,jt).call(this,e,v,u,c,d,void 0,void 0,void 0,p),Ai(this,Ft,$i).call(this,e,v,u,c,d,p),e.labels=[...v,...u],e});B(this,Bt,e=>e<=0?0:(n(this,xt)>1&&(e=Math.round((e/n(this,xt)+Number.EPSILON)*100)/100),e));B(this,Mt,(e,t,r,o,s)=>{if(I(this,F,{xOffset:0,yOffset:0,zOffset:0}),r){if(s?(t[o]+=1,n(this,F)[o]=-1):(t[o]+=t.range,n(this,F)[o]=-t.range),e[o]<=t.range)return t[o]=1,n(this,F)[o]=0,t;if(t[o]>e[o]-t.range)return t[o]=e[o]-t.range,n(this,F)[o]=0,t}else if(s?(t[o]-=1,n(this,F)[o]=1):(t[o]-=t.range,n(this,F)[o]=t.range),t[o]<1)return t[o]=1,n(this,F)[o]=0,t;return t});B(this,jt,(e,t,r,o,s,a,f,h,p)=>(t[p]=n(this,Ge).call(this,9e4+p,o+.5,n(this,M)-1,s+.5,270,360,0,2,2,`${f?f[n(this,M)-1]?f[n(this,M)-1].fString:Math.round((n(this,Fe).zInitial+n(this,M)-1+Number.EPSILON)*100)/100:"0"}`,n(this,Y).getAxisColor("y"),n(this,Y).getSecondaryFontColor()),r[p]=n(this,Ge).call(this,91e3+p,o+.5,n(this,M)-1,n(this,ae)-2.5,270,90,0,2,2,`${f?f[n(this,M)-1]?f[n(this,M)-1].fString:Math.round((n(this,Fe).zInitial+n(this,M)-1+Number.EPSILON)*100)/100:"0"}`,n(this,Y).getAxisColor("y"),n(this,Y).getSecondaryFontColor()),p++,t[p]=n(this,Ge).call(this,92e3+p,n(this,ee)-2.5,n(this,M)-1,s+.5,270,270,0,2,2,`${f?f[n(this,M)-1]?f[n(this,M)-1].fString:Math.round((n(this,Fe).zInitial+n(this,M)-1+Number.EPSILON)*100)/100:"0"}`,n(this,Y).getAxisColor("y"),n(this,Y).getSecondaryFontColor()),r[p]=n(this,Ge).call(this,93e3+p,n(this,ee)-2.5,n(this,M)-1,n(this,ae)-2.5,270,180,0,2,2,`${f?f[n(this,M)-1]?f[n(this,M)-1].fString:Math.round((n(this,Fe).zInitial+n(this,M)-1+Number.EPSILON)*100)/100:"0"}`,n(this,Y).getAxisColor("y"),n(this,Y).getSecondaryFontColor()),p++,h&&(e.axisLabels[4]={id:"upLabel1",key:95004+n(this,Ee),text:{value:h,color:n(this,Y).getAxisColor("y")},rotation:{x:0,y:270,z:90},animation:{fromX:n(this,ee)-1.5+n(this,F).xOffset,fromY:a-1+n(this,F).zOffset,fromZ:n(this,ae)-2+n(this,F).yOffset,toX:n(this,ee)-1.5,toY:a-1,toZ:n(this,ae)-2}},e.axisLabels[5]={id:"upLabel2",key:100005+n(this,Ee),text:{value:h,color:n(this,Y).getAxisColor("y")},rotation:{x:0,y:90,z:90},animation:{fromX:o-.5+n(this,F).xOffset,fromY:a-1+n(this,F).zOffset,fromZ:s+n(this,F).yOffset,toX:o-.5,toY:a-1,toZ:s}},e.axisLabels[6]={id:"upLabel3",key:105006+n(this,Ee),text:{value:h,color:n(this,Y).getAxisColor("y")},rotation:{x:0,y:360,z:90},animation:{fromX:n(this,ee)-2+n(this,F).xOffset,fromY:a-1+n(this,F).zOffset,fromZ:s-.5+n(this,F).yOffset,toX:n(this,ee)-2,toY:a-1,toZ:s-.5}},e.axisLabels[7]={id:"upLabel4",key:105007+n(this,Ee),text:{value:h,color:n(this,Y).getAxisColor("y")},rotation:{x:0,y:180,z:90},animation:{fromX:o-.5+n(this,F).xOffset,fromY:a-1+n(this,F).zOffset,fromZ:n(this,ae)-1.5+n(this,F).yOffset,toX:o-.5,toY:a-1,toZ:n(this,ae)-1.5}}),p));B(this,Nt,(e,t,r,o,s,a,f,h)=>{for(let p=n(this,ae);p<=o;p++)t[h]=n(this,Ge).call(this,1500+h,n(this,ee)-2.5,n(this,M)?n(this,M)-1:0,p-1,270,180,0,2,1,`${a?a[p-1]?a[p-1].fString:Math.round((n(this,Fe).yInitial+(p-1)*n(this,vt)+Number.EPSILON)*100)/100:""}`,n(this,Y).getAxisColor("z"),n(this,Y).getSecondaryFontColor()),r[h]=n(this,Ge).call(this,3e3+h,s+.5,n(this,M)?n(this,M)-1:0,p-1,270,360,0,2,1,`${a?a[p-1]?a[p-1].fString:Math.round((n(this,Fe).yInitial+(p-1)*n(this,vt)+Number.EPSILON)*100)/100:""}`,n(this,Y).getAxisColor("z"),n(this,Y).getSecondaryFontColor()),h++;return e.axisLabels[0]={id:"leftLabel",key:4500+n(this,Ee),text:{value:f||"",color:n(this,Y).getAxisColor("z")},rotation:{x:270,y:270,z:0},animation:{fromX:n(this,ee)-4+n(this,F).xOffset,fromY:(n(this,M)?n(this,M)-1:0)+n(this,F).zOffset,fromZ:n(this,ae)+.5+n(this,F).yOffset,toX:n(this,ee)-4,toY:n(this,M)?n(this,M)-1:0,toZ:n(this,ae)+.5}},e.axisLabels[1]={id:"rightLabel",key:6001+n(this,Ee),text:{value:f||"",color:n(this,Y).getAxisColor("z")},rotation:{x:270,y:90,z:0},animation:{fromX:s+2+n(this,F).xOffset,fromY:(n(this,M)?n(this,M)-1:0)+n(this,F).zOffset,fromZ:o-2.5+n(this,F).yOffset,toX:s+2,toY:n(this,M)?n(this,M)-1:0,toZ:o-2.5}},h});B(this,Yt,(e,t,r,o,s,a,f,h)=>{for(let p=n(this,ee);p<=o;p++)t[h]=n(this,Ge).call(this,7500+h,p-1,n(this,M)?n(this,M)-1:0,n(this,ae)-2.5,270,270,0,2,1,`${a[p-1]?a[p-1].fString:Math.round((n(this,Fe).xInitial+(p-1)*n(this,ct)+Number.EPSILON)*100)/100}`,n(this,Y).getAxisColor("x"),n(this,Y).getSecondaryFontColor()),r[h]=n(this,Ge).call(this,9e3+h,p-1,n(this,M)?n(this,M)-1:0,s+.5,270,90,0,2,1,`${a[p-1]?a[p-1].fString:Math.round((n(this,Fe).xInitial+(p-1)*n(this,ct)+Number.EPSILON)*100)/100}`,n(this,Y).getAxisColor("x"),n(this,Y).getSecondaryFontColor()),h++;return e.axisLabels[2]={id:"downLabel",key:10502+n(this,Ee),text:{value:f,color:n(this,Y).getAxisColor("x")},rotation:{x:270,y:180,z:0},animation:{fromX:n(this,ee)+n(this,F).xOffset,fromY:(n(this,M)?n(this,M)-1:0)+n(this,F).zOffset,fromZ:n(this,ae)-4+n(this,F).yOffset,toX:n(this,ee),toY:n(this,M)?n(this,M)-1:0,toZ:n(this,ae)-4}},e.axisLabels[3]={id:"upLabel",key:12003+n(this,Ee),text:{value:f,color:n(this,Y).getAxisColor("x")},rotation:{x:270,y:0,z:0},animation:{fromX:o-2.5+n(this,F).xOffset,fromY:(n(this,M)?n(this,M)-1:0)+n(this,F).zOffset,fromZ:s+2+n(this,F).yOffset,toX:o-2.5,toY:n(this,M)?n(this,M)-1:0,toZ:s+2}},h});B(this,_i,(e,t,r)=>{const o={xOffset:n(this,Ye),yOffset:n(this,Xe),zOffset:n(this,Je)},s={name:"TH3",xOffset:n(this,ee),yOffset:n(this,ae),zOffset:n(this,M),range:n(this,fe)},a=n(this,Mt).call(this,o,s,t,e,r);return I(this,ee,a.xOffset),I(this,ae,a.yOffset),I(this,M,a.zOffset),a});B(this,ki,(e,t,r)=>{const o={xOffset:n(this,Ye),yOffset:n(this,Xe)},s={name:"TH2",xOffset:n(this,ee),yOffset:n(this,ae),range:n(this,fe)},a=n(this,Mt).call(this,o,s,t,e,r);return I(this,ee,a.xOffset),I(this,ae,a.yOffset),a});B(this,Oi,(e,t,r)=>{const o={xOffset:n(this,Ye)},s={name:"TH1",xOffset:n(this,ee),range:n(this,fe)},a=n(this,Mt).call(this,o,s,t,e,r);return I(this,ee,a.xOffset),a});B(this,wt,e=>{const t=n(this,St).filter(r=>r.key===e);return t[0]&&t[0].scale?t[0].scale:0});B(this,Lt,e=>{const t=n(this,St).filter(r=>r.key===e);return t[0]&&t[0].scale?t[0].color:"#ffffff"});B(this,Xt,e=>e>n(this,xt)?n(this,xt):e<0?0:e);this.initializeFactory(e,t,r,o,s,a,f,h)}initializeFactory(e,t,r,o,s,a,f,h){this.setUniqueName(e),this.setTheme(s),this.setHistogram(t),this.setHistogramContentMaximum(t.fMaximum),this.setSection(r),this.setRange(o),this.setSelectedBin(a),this.setViewFunction(f),this.setProgressFunction(h)}setUniqueName(e){I(this,Ee,e)}updateContentScale(e){n(this,tt)+e>=0&&I(this,tt,n(this,tt)+e)}updateMinDisplayedContent(e){e>=0&&I(this,kt,e)}setHistogramContentMaximum(e){I(this,xt,e>0?e:1)}setSelectedBin(e){I(this,si,e||[])}setViewFunction(e){I(this,Qe,e)}setProgressFunction(e){I(this,et,e)}setSection(e){e&&(e.xOffset&&I(this,ee,n(this,lt).call(this,e==null?void 0:e.xOffset,n(this,Ye))),e.yOffset&&!histogram._typename.includes("TH1")&&I(this,ae,n(this,lt).call(this,e==null?void 0:e.yOffset,n(this,Xe))),e.zOffset&&histogram._typename.includes("TH3")&&I(this,M,n(this,lt).call(this,e==null?void 0:e.zOffset,n(this,Je))))}setHistogram(e){var t,r,o,s,a,f,h,p,c,d,E,O,T,v,u,P;I(this,j,e),I(this,Ke,e==null?void 0:e._typename),I(this,ee,1),I(this,ae,1),I(this,M,1),I(this,Ye,0),I(this,Xe,0),I(this,Je,0),I(this,ct,1),I(this,vt,1),I(this,ai,1),I(this,Ye,(t=e==null?void 0:e.fXaxis)==null?void 0:t.fNbins),I(this,ct,(((r=e==null?void 0:e.fXaxis)==null?void 0:r.fXmax)-((o=e==null?void 0:e.fXaxis)==null?void 0:o.fXmin))/((s=e==null?void 0:e.fXaxis)==null?void 0:s.fNbins)),n(this,Fe).xInitial=(a=e==null?void 0:e.fXaxis)==null?void 0:a.fXmin,I(this,ee,n(this,lt).call(this,n(this,ee),n(this,Ye))),(f=e==null?void 0:e._typename)!=null&&f.includes("TH1")||(I(this,Xe,(h=e==null?void 0:e.fYaxis)==null?void 0:h.fNbins),I(this,vt,(((p=e==null?void 0:e.fYaxis)==null?void 0:p.fXmax)-((c=e==null?void 0:e.fYaxis)==null?void 0:c.fXmin))/((d=e==null?void 0:e.fYaxis)==null?void 0:d.fNbins)),n(this,Fe).yInitial=(E=e==null?void 0:e.fYaxis)==null?void 0:E.fXmin,I(this,ae,n(this,lt).call(this,n(this,ae),n(this,Xe)))),(O=e==null?void 0:e._typename)!=null&&O.includes("TH3")&&(I(this,Je,(T=e==null?void 0:e.fZaxis)==null?void 0:T.fNbins),I(this,ai,((v=e==null?void 0:e.fZaxis)==null?void 0:v.fXmax)/((u=e==null?void 0:e.fZaxis)==null?void 0:u.fNbins)),n(this,Fe).zInitial=(P=e==null?void 0:e.fZaxis)==null?void 0:P.fXmin,I(this,M,n(this,lt).call(this,n(this,M),n(this,Je)))),this.setHistogramContentMaximum(e==null?void 0:e.fMaximum)}setRange(e){e&&(e<4&&I(this,fe,4),I(this,fe,e))}setTheme(e){I(this,Y,new Kr(e))}getElements(){let e={};return n(this,Ke).includes("TH2")?e=n(this,Ci).call(this):n(this,Ke).includes("TH3")?e=n(this,Ei).call(this):n(this,Ke).includes("TH1")&&(e=n(this,Ti).call(this)),e}updateSection(e,t,r){if(n(this,Ke).includes("TH3"))return n(this,_i).call(this,e,t,r);if(n(this,Ke).includes("TH2"))return n(this,ki).call(this,e,t,r);if(n(this,Ke).includes("TH1"))return n(this,Oi).call(this,e,t,r)}}Ee=new WeakMap,si=new WeakMap,j=new WeakMap,Ke=new WeakMap,Y=new WeakMap,ee=new WeakMap,ae=new WeakMap,M=new WeakMap,Ye=new WeakMap,Xe=new WeakMap,Je=new WeakMap,ct=new WeakMap,vt=new WeakMap,ai=new WeakMap,fe=new WeakMap,Fe=new WeakMap,Qe=new WeakMap,et=new WeakMap,xt=new WeakMap,tt=new WeakMap,kt=new WeakMap,Dt=new WeakMap,F=new WeakMap,St=new WeakMap,lt=new WeakMap,It=new WeakMap,Ge=new WeakMap,Ei=new WeakMap,Ci=new WeakMap,Ti=new WeakMap,Bt=new WeakMap,Mt=new WeakMap,jt=new WeakMap,Nt=new WeakMap,Yt=new WeakMap,Ft=new WeakSet,$i=function(e,t,r,o,s,a,f,h){h++,e.titles[0]={key:195e3+n(this,Ee),text:{value:n(this,j).fTitle,color:n(this,Y).getPrimaryFontColor()},rotation:{x:0,y:123,z:0},position:{x:n(this,ee)-90,y:16.5,z:n(this,ae)+90},innerText:{value:"Press V to show projections or controls",color:n(this,Y).getPrimaryFontColor()}},h++;const p=n(this,fe)>n(this,Ye)?n(this,Ye)+1:n(this,fe),c=n(this,fe)>n(this,Xe)?n(this,Xe)+1:n(this,fe);e.ground={key:22500+h+n(this,Ee),scale:{width:p+8,height:.2,depth:c+8},animation:{fromX:n(this,ee)+p*.5-1+n(this,F).xOffset,fromY:-.5,fromZ:n(this,ae)+c*.5-.5+n(this,F).yOffset,toX:n(this,ee)+p*.5-1,toY:-.5,toZ:n(this,ae)+c*.5-.5}},h++,e.banners[1]={key:24e4+h+n(this,Ee),geometry:{width:.1,height:15,depth:22},position:{x:o+8,y:(n(this,M)?n(this,M)+7:7)+n(this,F).zOffset,z:n(this,ae)+n(this,fe)/2+2.5},material:{color:"#ffffff",transparent:!0}}},_i=new WeakMap,ki=new WeakMap,Oi=new WeakMap,wt=new WeakMap,Lt=new WeakMap,Xt=new WeakMap;const Go=()=>{let i;const{selectedView:e,onViewChange:t,onProgress:r,section:o,range:s,theme:a,selectedBins:f}=g.useContext(Et).states,{id:h,histogram:p,projPanelIds:c}=g.useContext(Et).data,[d]=g.useState(new Uo(h,p,o||null,s,a||"def",f,t,r)),[E,O]=g.useState(d.getElements()),[T]=g.useState(1),v=u=>{p._typename.includes(u.name)&&(u.axis?(d.updateSection(u.axis,u.increment,u.defaultRange),O(d.getElements())):u.scale?(d.updateContentScale(u.scale),O(d.getElements())):u.minValue&&(d.updateMinDisplayedContent(u.minValue),O(d.getElements())))};return g.useEffect(()=>{d.setUniqueName(h),O(d.getElements())},[h]),g.useEffect(()=>{d.setHistogram(p),O(d.getElements())},[p]),g.useEffect(()=>{d.setSection(o),O(d.getElements())},[o]),g.useEffect(()=>{d.setRange(s),O(d.getElements())},[s]),g.useEffect(()=>{d.setTheme(a),O(d.getElements())},[a]),g.useEffect(()=>{d.setSelectedBin(f),O(d.getElements())},[f]),g.useEffect(()=>{d.setViewFunction(t),O(d.getElements())},[t]),g.useEffect(()=>{d.setViewFunction(t),O(d.getElements())},[e]),g.useEffect(()=>{d.setProgressFunction(r),O(d.getElements())},[r]),g.useEffect(()=>{if(p._typename.includes("TH2")?i=ke.getChangedSection().subscribe(v):p._typename.includes("TH3")?i=$e.getChangedSection().subscribe(v):p._typename.includes("TH1")&&(i=nt.getChangedSection().subscribe(v)),i)return()=>i.unsubscribe()},[E]),E!=null&&E.bins?ue("a-entity",{"histogram-control":!0,children:[E.bins.map(u=>S("a-box",{class:"clickable",material:`color: ${u.color}; transparent: true`,binth:u.binData,mouseevent:!0,geometry:`width:${u.animation.toWidth}; height:${u.animation.toHeight}; depth:${u.animation.toDepth};`,animation__1:"property: material.opacity; from: 0; to: 0.75; dur: 2000;",animation__2:`property: position; from: ${u.animation2.fromX} ${u.animation2.fromY} ${u.animation2.fromZ}; to: ${u.animation2.toX} ${u.animation2.toY} ${u.animation2.toZ}; dur: 800;`,animation__3:`property: material.color; from: ${u.animation3.fromColor}; to: ${u.animation3.toColor}; dur: 200;`,children:S("a-text",{value:u.content,align:"center",width:"10",color:"black",geometry:"primitive:plane; width: 0.5; height: 0.5",material:`color: ${u.color}; opacity: 0.50; transparent: true`,rotation:"270 180 0","wrap-count":"50",position:`0 ${.001+(T===1?-1:1)*u.animation.toHeight/2} 0`})},u.id)),E.labels.map(u=>S("a-entity",{geometry:`primitive: ${u.geometry.primitive}; width:${u.geometry.width}; height:${u.geometry.height};`,text:`color: ${u.text.color}; width: ${u.text.width}; height: ${u.text.height}; align:center;`,"label-handler":`value: ${u.labelHandler.value}; delay:${u.labelHandler.delay}`,rotation:`${u.rotation.x} ${u.rotation.y} ${u.rotation.z}`,material:`color: ${u.material.color}; transparent: true`,animation:"property: text.width; from: 0; to: 4; dur: 1000;",animation__1:"property: material.opacity; from: 0; to: 0.8; dur: 1500;",animation__2:`property: position; from: ${u.animation.fromX} ${u.animation.fromY} ${u.animation.fromZ}; to: ${u.animation.toX} ${u.animation.toY} ${u.animation.toZ}; dur: 1005;`},u.key)),E.titles.map(u=>ue("a-entity",{text:`value: ${u.text.value}; color: ${u.text.color}; width: 230; height:auto; align:center;`,rotation:`${u.rotation.x} ${u.rotation.y} ${u.rotation.z}`,position:`${u.position.x} ${u.position.y} ${u.position.z}`,material:"transparent: true",children:[S("a-text",{value:u.innerText.value,position:"0 10 0",width:"150",height:"auto",align:"center",color:u.innerText.color}),S("a-entity",{geometry:"primitive: plane; width:170; height:30;",position:"0 0 -1",material:"opacity: 0.9; color: white; transparent: true"})]},u.key)),E.axisLabels.map(u=>S("a-entity",{id:u.id,text:`value: ${u.text.value}; color: ${u.text.color}; width: 10; height:auto; align:center;`,rotation:`${u.rotation.x} ${u.rotation.y} ${u.rotation.z}`,animation:`property: position; from: ${u.animation.fromX} ${u.animation.fromY} ${u.animation.fromZ}; to: ${u.animation.toX} ${u.animation.toY} ${u.animation.toZ}; dur: 1000;`,material:"opacity: 0; transparent: true"},u.key)),E.ground&&S("a-box",{width:E.ground.scale.width,material:"color: #fafafa",height:E.ground.scale.height,depth:E.ground.scale.depth,animation:`property: position; from: ${E.ground.animation.fromX} ${E.ground.animation.fromY} ${E.ground.animation.fromZ};
|
|
285
285
|
to:
|
|
286
|
-
${E.ground.animation.toX} ${E.ground.animation.toY} ${E.ground.animation.toZ}; dur: 1000;`},E.ground.key),E.banners.map(u=>S("a-box",{id:c[0]?c[0]:"panel_0",geometry:`width:${u.geometry.width}; height:${u.geometry.height}; depth:${u.geometry.depth};`,position:`${u.position.x} ${u.position.y} ${u.position.z}`,material:`color: ${u.material.color}, transparent: ${u.material.transparent}`},c[0]?c[0]:"panel_0"))]}):S("a-box",{animation__1:"property: rotation; to: 0 180 360; dur: 10000; easing: linear; loop: true",animation__2:"property: scale; from: 1 1 1; to: 10 10 10; dur: 15000; timeout: 15000; loop: true; easing: linear; dir: alternate",animation__color:"property: material.color; from: #003682; to: #7d0002; dur: 80000: easing: linear: loop: true; dir: alternate",position:"0 1.5 -2"})};function Ko(){return ue(g.Fragment,{children:[S("a-sky",{color:"#dbf0fe"}),S("a-plane",{rotation:"-90 0 0",position:"0 -0.5 0",width:"1000",height:"1000",color:"#aaa",material:"shader:flat;"})]})}var Jo=Object.defineProperty,Qo=(i,e,t)=>e in i?Jo(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Si=(i,e,t)=>(Qo(i,typeof e!="symbol"?e+"":e,t),t);const oi=i=>{const[e,t]=g.useState(i.initialState);return g.useLayoutEffect(()=>{const n=i.subscribe(t);return()=>n.unsubscribe()},[]),e},en=g.createContext(null);class es{constructor(){Si(this,"state"),Si(this,"distributors",new Map),Si(this,"handlerFunc",new Map),Si(this,"subscriptions",new Map)}addDistributor(e){this.distributors.set(e.getId(),e)}addHandlerFunc(e,t=null,n=null,o=null){this.handlerFunc.set(e,{callbackInputFunc:t,callbackOutputFunc:n,callbackCustomFunc:o})}getDistributorById(e){return this.distributors.get(e)}addSubscription(e){this.subscriptions.get(e)&&(this.clearSubscription(e),console.log("unsubscribe"));const t=this.createSubscription(e);this.subscriptions.set(e,t)}createExternalSubscription(e,t=null,n=null,o=null){return this.distributors.get(e).getObservableInstance().subscribe(s=>{s.flag==="IN"?t&&t(s.data):s.flag==="OUT"?n&&n(s.data):o&&o(s.data)})}createSubscription(e){const t=this.handlerFunc.get(e);return this.distributors.get(e).getObservableInstance().subscribe(n=>{n.flag==="IN"?t!=null&&t.callbackInputFunc&&t.callbackInputFunc(n.data):n.flag==="OUT"?t!=null&&t.callbackOutputFunc&&t.callbackOutputFunc(n.data):t!=null&&t.callbackCustomFunc&&t.callbackCustomFunc(n.data)})}addAllSubscriptions(){this.distributors.forEach((e,t)=>{this.addSubscription(t)})}clearSubscription(e){var t;(t=this.subscriptions.get(e))==null||t.unsubscribe()}clearAllSubscriptions(){this.distributors.forEach((e,t)=>this.clearSubscription(t))}}new es;const ts=()=>{const[i,e]=g.useState(0),t=g.useContext(en);return g.useEffect(()=>{const n=document.getElementById("camera"),o=new Hi.Vector3,s=new Hi.Quaternion;n.object3D.getWorldPosition(o);const a=setInterval(()=>{n.object3D.getWorldPosition(o),n.object3D.getWorldQuaternion(s),t.send(JSON.stringify({type:"move",payload:{position:o.toArray(),rotation:s.toArray()}})),e(f=>f+1)},100);return()=>clearInterval(a)},[i]),S("a-entity",{})},is=({position:i,rotation:e,id:t,color:n})=>(g.useEffect(()=>{},[i]),g.useEffect(()=>{const o=new Hi.Quaternion().fromArray(e);document.getElementById(t).object3D.setRotationFromQuaternion(o)},[e]),ue("a-entity",{position:i,id:t,children:[S("a-sphere",{radius:"0.1",color:n}),S("a-sphere",{position:"0.05 0.03 -0.08",radius:"0.02","segments-width":"8","segments-height":"8",color:"#000000"}),S("a-sphere",{position:"-0.05 0.03 -0.08",radius:"0.02","segments-width":"8","segments-height":"8",color:"#000000"}),S("a-sphere",{position:"0 -0.07 -0.1",scale:"1 1 0.5","segments-width":"4","segments-height":"4",radius:"0.02",color:"#11fd3e"}),S("a-cone",{position:"0.03 -0.07 -0.1",rotation:"0 0 90",scale:"1 1 0.5","segments-radial":"8","segments-height":"1",height:"0.03","radius-bottom":"0.03",color:"#1cff3c"}),S("a-cone",{position:"-0.03 -0.07 -0.1",rotation:"0 0 -90",scale:"1 1 0.5","segments-radial":"8","segments-height":"1",height:"0.03","radius-bottom":"0.03",color:"#1cff3c"})]})),rs=13,ns=77,os=73,ss=74,as=75,cs=76,tn=new Map([[ss,"LEFT"],[os,"UP"],[as,"DOWN"],[cs,"RIGHT"]]),ls=()=>{const i=g.useContext(en),e=o=>{switch(o.keyCode){case ns:i.send(JSON.stringify({type:"assign_master",payload:{}}))}},t=o=>{switch(o.keyCode){case rs:i.send(JSON.stringify({type:"selected_bins",payload:{selectedBins:JSON.parse(localStorage.getItem("selectedBins")).map(s=>s.id)}}));break}},n=o=>{if(!tn.has(o.keyCode))return;let s=tn.get(o.keyCode);i.send(JSON.stringify({type:"axis_scaling",payload:{axis:s}}))};return g.useEffect(()=>(window.addEventListener("keypress",t),window.addEventListener("keypress",e),window.addEventListener("keypress",n),()=>{window.removeEventListener("keypress",t),window.removeEventListener("keypress",e),window.removeEventListener("keypress",n)}),[]),S("div",{})},us=({store:i})=>{const e=i.move?oi(i.move):{},t=i.ws?oi(i.ws):{},n=i.master?oi(i.master):{},o=i.selectedBins?oi(i.selectedBins):[],s=i.axisScaling?oi(i.axisScaling):new Map,[a,f]=g.useState([]),[h,p]=g.useState(""),[c,d]=g.useState(""),[E,k]=g.useState([]);return g.useEffect(()=>{e.clients!==void 0&&(e.clients.length>0?f(e.clients):f([]))},[e]),g.useEffect(()=>{p(t.id),d(t.color)},[t]),g.useEffect(()=>{},[n]),g.useEffect(()=>{o&&k(o.selectedBins)},[o]),g.useEffect(()=>{console.log(s.axisMap)},[s.axisMap]),ue("a-entity",{children:[S(ls,{}),S(ts,{}),a.filter(T=>T.id!==h).map(T=>{const v=T.position,u=T.rotation,P=v.join(" ");return S(is,{id:T.id,position:P,rotation:u,color:c},"key"+T.id)})]})},fs=({data:i,states:e=null,stores:t=null,selectedBins:n=[],onClick:o=c=>{console.log("click isn't defined!")},onDbClick:s=c=>{console.log("DbClick isn't be defined!")},onHover:a=c=>{console.log("Hover isn't be defined!")},onView:f=null,onProgress:h=null,onExeCommand:p=c=>{console.log("exeCommand isn't be defined!")}})=>{let c;return g.useEffect(()=>{if(c=ri.getBinDistributor().subscribe(d=>{var E,k,T;if((d==null?void 0:d.id)===i.id){const v={intersectionAxis:d.intersect,obj:i.histogram,id:d.id};switch((E=d.data)!=null&&E.zPos?(v.binz=d.data.zPos,v.biny=d.data.yPos,v.binx=d.data.xPos,v.bin=i.histogram.getBin(d.data.xPos,d.data.yPos,d.data.zPos),v.con=i.histogram.getBinContent(d.data.xPos,d.data.yPos,d.data.zPos)):(k=d.data)!=null&&k.yPos?(v.biny=d.data.yPos,v.binx=d.data.xPos,v.bin=i.histogram.getBin(d.data.xPos,d.data.yPos),v.con=i.histogram.getBinContent(d.data.xPos,d.data.yPos)):(T=d.data)!=null&&T.xPos&&(v.binx=d.data.xPos,v.bin=i.histogram.getBin(d.data.xPos),v.con=i.histogram.getBinContent(d.data.xPos)),d.event){case"CLICK":o(v);break;case"HOVER":a(v);break;case"DB_CLICK":s(v);break}}else p(d.command)}),c)return()=>c.unsubscribe()},[i,e,o,s,a,p]),S(g.Fragment,{children:ue(Et.Provider,{value:{data:{id:i.id,histogram:i.histogram,projectionNames:i==null?void 0:i.projectionsNames,projPanelIds:i==null?void 0:i.projPanelIds},stores:{source:t==null?void 0:t.sourceStore,theme:t==null?void 0:t.themeStore,range:t==null?void 0:t.rangeStore,views:t==null?void 0:t.viewStore},states:{theme:e==null?void 0:e.theme,range:e==null?void 0:e.range,section:e==null?void 0:e.section,onViewChange:f,onProgress:h,selectedBins:n,selectedView:e==null?void 0:e.selectedView}},children:[ue("a-scene",{embedded:!0,style:{zIndex:"1",width:"100%",minHeight:"calc(90vh)"},children:[S(Ko,{}),(t==null?void 0:t.sharedStore)&&S(us,{store:t.sharedStore}),S(Lo,{}),S(qo,{})]}),!window.AFRAME.utils.device.checkHeadsetConnected()&&S(Zr,{})]})})};class hs{constructor(e){He(this,"model",null);this.model=e}updateElement(e,t,n,o){if(this.model[n].elements[e])n==="titles"?this.createTitle(this.model[n].elements[e],this.model[n].attributes[e]):this.createElement(this.model[n].elements[e],this.model[n].attributes[e],o);else{let s;n==="titles"?s=this.createTitle(void 0,this.model[n].attributes[e]):s=this.createElement(void 0,this.model[n].attributes[e],o),this.model[n].elements[e]=s,t.appendChild(s)}}deleteUnnecessaryElements(e,t){const n=e;if(t.length===1){for(;this.model[t[0]].elements[e];)this.model[t[0]].elements[e].remove(),e++;this.model[t[0]].elements.length=n,this.model[t[0]].attributes.length=n}else{for(;this.model[t[0]].elements[e];)this.model[t[0]].elements[e].remove(),this.model[t[1]].elements[e].remove(),e++;this.model[t[0]].elements.length=n,this.model[t[0]].attributes.length=n,this.model[t[1]].elements.length=n,this.model[t[1]].attributes.length=n}}createElement(e,t,n){let o=e;if(o==null){const s=this.checkEntityType(n);o=document.createElement(s)}for(const s in t)o.setAttribute(s,t[s]);return o}createBannerElement(e,t,n){let o=e;return o==null&&(o=document.createElement("a-entity"),this.createBannerLines(t,n).map(a=>o.append(a))),o.setAttribute("position",n.position),o.setAttribute("id",n.id),o}createBannerLines(e,t){const n=[];for(let s=e-1;s>-1;s--){t.line.position.y=2*s;const a=document.createElement("a-entity");a.setAttribute("rotation",t.line.rotation),a.setAttribute("position",t.line.position),a.setAttribute("text",t.line.text),n.push(a)}const o=document.createElement("a-entity");return o.setAttribute("geometry",t.background.geometry),o.setAttribute("position",t.background.position),o.setAttribute("material",t.background.material),n.push(o),n}createTitle(e,t){let n=e;if(n==null){n=document.createElement("a-entity");const o=this.createElement(void 0,t.background);n.appendChild(o)}return delete t.background,this.createElement(n,t)}checkEntityType(e){return e==="a-box"||e==="a-sphere"||e==="a-text"||e==="a-circle"||e==="a-text"?e:"a-entity"}}class ds{bannerTemplate(e,t,n){const o={x:e.positionX,y:e.positionY,z:e.positionZ},s=e.id,a=this.bannerBackgroundTemplate(n),f=this.lineTemplate(t);return{position:o,id:s,background:a,line:f}}binTemplate(e){const t={x:e.positionX,y:e.positionY,z:e.positionZ},n={x:e.scaleX,y:e.scaleY,z:e.scaleZ},o={color:e.color,opacity:.75},s=e.class,a=e.data,f=e.id;return{position:t,scale:n,material:o,id:f,class:s,binth2:a,mouseevent:""}}labelTemplate(e){const t={x:e.positionX,y:e.positionY,z:e.positionZ},n={x:e.rotationX,y:e.rotationY,z:e.rotationZ},o={primitive:"plane",width:4,height:1},s={value:e.value,color:e.color,width:10,height:"auto",align:"center"},a={opacity:0},f=e.id;return{position:t,rotation:n,geometry:o,text:s,material:a,id:f}}axisTemplate(e){const t={x:e.positionX,y:e.positionY,z:e.positionZ},n={x:e.rotationX,y:e.rotationY,z:e.rotationZ},o={primitive:"plane",width:e.width,height:e.height},s={value:e.value,color:"black",width:4,height:"auto",align:"center"},a={color:e.color,opacity:.8};return{position:t,rotation:n,geometry:o,text:s,material:a}}titleTemplate(e,t){const n={x:e.positionX,y:e.positionY,z:e.positionZ},o={x:e.rotationX,y:e.rotationY,z:e.rotationZ},s={opacity:0},a={value:e.title,color:e.color,width:230,height:"auto",align:"center"},f=this.titleTextTemplate(t);return{position:n,rotation:o,material:s,text:a,background:f}}titleTextTemplate(e){const t={primitive:"plane",width:e.width,height:e.height},n={x:e.positionX,y:e.positionY,z:e.positionZ},o={color:e.color,opacity:.6};return{position:n,geometry:t,material:o}}lineTemplate(e){const t={x:e.positionX,y:e.positionY,z:e.positionZ},n={x:e.rotationX,y:e.rotationY,z:e.rotationZ};return{position:t,rotation:n,text:{value:"",width:14,height:"auto",align:"center"}}}bannerBackgroundTemplate(e){const t={x:e.positionX,y:e.positionY,z:e.positionZ},n={primitive:"box",width:e.width,height:e.height,depth:e.depth},o={color:e.color};return{position:t,geometry:n,material:o}}}let rn=[];function ps(i){return rn.filter(t=>t.id===i).length!==0}function or(i,e,t,n,o,s,a){rn=Gr.getBinsFromLocalStorage();const f=new ds,h=new hs(e),p=new Qr(a),c={},d=i;let E,k,T,v,u,P,O,D,b,m;const te="";let q,w=0;const re=n+s>t.fXaxis.fXmax?t.fXaxis.fXmax:n+s,ce=o+s>t.fYaxis.fXmax?t.fYaxis.fXmax:o+s,be=t.fXaxis.fTitle,Z=t.fYaxis.fTitle,G=t.fXaxis.fLabels?t.fXaxis.fLabels.arr:[],K=t.fYaxis.fLabels?t.fYaxis.fLabels.arr:[];for(let X=o;X<=ce;X++)for(let ve=n;ve<=re;ve++)if(k=t.fXaxis.GetBinCenter(ve),T=t.fXaxis.GetBinLowEdge(ve),v=k+(k-T),u=v-T,P=t.fYaxis.GetBinCenter(X),O=t.fYaxis.GetBinLowEdge(X),D=P+(P-O),b=D-O,q=t.getBinContent(ve,X),m=ms(q,t.fMaximum),E=m/2,m>0){const he=p.getBinColor(m),Te=T+"th2"+v+"th2"+O+"th2"+D;let Oe;ps(Te)?Oe=p.getSecondaryAccentColor():Oe=he;const Ne=`id: ${Te};
|
|
286
|
+
${E.ground.animation.toX} ${E.ground.animation.toY} ${E.ground.animation.toZ}; dur: 1000;`},E.ground.key),E.banners.map(u=>S("a-box",{id:c[0]?c[0]:"panel_0",geometry:`width:${u.geometry.width}; height:${u.geometry.height}; depth:${u.geometry.depth};`,position:`${u.position.x} ${u.position.y} ${u.position.z}`,material:`color: ${u.material.color}, transparent: ${u.material.transparent}`},c[0]?c[0]:"panel_0"))]}):S("a-box",{animation__1:"property: rotation; to: 0 180 360; dur: 10000; easing: linear; loop: true",animation__2:"property: scale; from: 1 1 1; to: 10 10 10; dur: 15000; timeout: 15000; loop: true; easing: linear; dir: alternate",animation__color:"property: material.color; from: #003682; to: #7d0002; dur: 80000: easing: linear: loop: true; dir: alternate",position:"0 1.5 -2"})};function qo(){return ue(g.Fragment,{children:[S("a-sky",{color:"#dbf0fe"}),S("a-plane",{rotation:"-90 0 0",position:"0 -0.5 0",width:"1000",height:"1000",color:"#aaa",material:"shader:flat;"})]})}var Ko=Object.defineProperty,Jo=(i,e,t)=>e in i?Ko(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,xi=(i,e,t)=>(Jo(i,typeof e!="symbol"?e+"":e,t),t);const oi=i=>{const[e,t]=g.useState(i.initialState);return g.useLayoutEffect(()=>{const r=i.subscribe(t);return()=>r.unsubscribe()},[]),e},Jr=g.createContext(null);class Qo{constructor(){xi(this,"state"),xi(this,"distributors",new Map),xi(this,"handlerFunc",new Map),xi(this,"subscriptions",new Map)}addDistributor(e){this.distributors.set(e.getId(),e)}addHandlerFunc(e,t=null,r=null,o=null){this.handlerFunc.set(e,{callbackInputFunc:t,callbackOutputFunc:r,callbackCustomFunc:o})}getDistributorById(e){return this.distributors.get(e)}addSubscription(e){this.subscriptions.get(e)&&(this.clearSubscription(e),console.log("unsubscribe"));const t=this.createSubscription(e);this.subscriptions.set(e,t)}createExternalSubscription(e,t=null,r=null,o=null){return this.distributors.get(e).getObservableInstance().subscribe(s=>{s.flag==="IN"?t&&t(s.data):s.flag==="OUT"?r&&r(s.data):o&&o(s.data)})}createSubscription(e){const t=this.handlerFunc.get(e);return this.distributors.get(e).getObservableInstance().subscribe(r=>{r.flag==="IN"?t!=null&&t.callbackInputFunc&&t.callbackInputFunc(r.data):r.flag==="OUT"?t!=null&&t.callbackOutputFunc&&t.callbackOutputFunc(r.data):t!=null&&t.callbackCustomFunc&&t.callbackCustomFunc(r.data)})}addAllSubscriptions(){this.distributors.forEach((e,t)=>{this.addSubscription(t)})}clearSubscription(e){var t;(t=this.subscriptions.get(e))==null||t.unsubscribe()}clearAllSubscriptions(){this.distributors.forEach((e,t)=>this.clearSubscription(t))}}new Qo;const es=()=>{const[i,e]=g.useState(0),t=g.useContext(Jr);return g.useEffect(()=>{const r=document.getElementById("camera"),o=new Ri.Vector3,s=new Ri.Quaternion;r.object3D.getWorldPosition(o);const a=setInterval(()=>{r.object3D.getWorldPosition(o),r.object3D.getWorldQuaternion(s),t.send(JSON.stringify({type:"move",payload:{position:o.toArray(),rotation:s.toArray()}})),e(f=>f+1)},100);return()=>clearInterval(a)},[i]),S("a-entity",{})},ts=({position:i,rotation:e,id:t,color:r})=>(g.useEffect(()=>{},[i]),g.useEffect(()=>{const o=new Ri.Quaternion().fromArray(e);document.getElementById(t).object3D.setRotationFromQuaternion(o)},[e]),ue("a-entity",{position:i,id:t,children:[S("a-sphere",{radius:"0.1",color:r}),S("a-sphere",{position:"0.05 0.03 -0.08",radius:"0.02","segments-width":"8","segments-height":"8",color:"#000000"}),S("a-sphere",{position:"-0.05 0.03 -0.08",radius:"0.02","segments-width":"8","segments-height":"8",color:"#000000"}),S("a-sphere",{position:"0 -0.07 -0.1",scale:"1 1 0.5","segments-width":"4","segments-height":"4",radius:"0.02",color:"#11fd3e"}),S("a-cone",{position:"0.03 -0.07 -0.1",rotation:"0 0 90",scale:"1 1 0.5","segments-radial":"8","segments-height":"1",height:"0.03","radius-bottom":"0.03",color:"#1cff3c"}),S("a-cone",{position:"-0.03 -0.07 -0.1",rotation:"0 0 -90",scale:"1 1 0.5","segments-radial":"8","segments-height":"1",height:"0.03","radius-bottom":"0.03",color:"#1cff3c"})]})),is=13,rs=77,ns=73,os=74,ss=75,as=76,Qr=new Map([[os,"LEFT"],[ns,"UP"],[ss,"DOWN"],[as,"RIGHT"]]),cs=()=>{const i=g.useContext(Jr),e=o=>{switch(o.keyCode){case rs:i.send(JSON.stringify({type:"assign_master",payload:{}}))}},t=o=>{switch(o.keyCode){case is:i.send(JSON.stringify({type:"selected_bins",payload:{selectedBins:JSON.parse(localStorage.getItem("selectedBins")).map(s=>s.id)}}));break}},r=o=>{if(!Qr.has(o.keyCode))return;let s=Qr.get(o.keyCode);i.send(JSON.stringify({type:"axis_scaling",payload:{axis:s}}))};return g.useEffect(()=>(window.addEventListener("keypress",t),window.addEventListener("keypress",e),window.addEventListener("keypress",r),()=>{window.removeEventListener("keypress",t),window.removeEventListener("keypress",e),window.removeEventListener("keypress",r)}),[]),S("div",{})},ls=({store:i})=>{const e=i.move?oi(i.move):{},t=i.ws?oi(i.ws):{},r=i.master?oi(i.master):{},o=i.selectedBins?oi(i.selectedBins):[],s=i.axisScaling?oi(i.axisScaling):new Map,[a,f]=g.useState([]),[h,p]=g.useState(""),[c,d]=g.useState(""),[E,O]=g.useState([]);return g.useEffect(()=>{e.clients!==void 0&&(e.clients.length>0?f(e.clients):f([]))},[e]),g.useEffect(()=>{p(t.id),d(t.color)},[t]),g.useEffect(()=>{},[r]),g.useEffect(()=>{o&&O(o.selectedBins)},[o]),g.useEffect(()=>{console.log(s.axisMap)},[s.axisMap]),ue("a-entity",{children:[S(cs,{}),S(es,{}),a.filter(T=>T.id!==h).map(T=>{const v=T.position,u=T.rotation,P=v.join(" ");return S(ts,{id:T.id,position:P,rotation:u,color:c},"key"+T.id)})]})},us=({data:i,states:e=null,stores:t=null,selectedBins:r=[],onClick:o=c=>{console.log("click isn't defined!")},onDbClick:s=c=>{console.log("DbClick isn't be defined!")},onHover:a=c=>{console.log("Hover isn't be defined!")},onView:f=null,onProgress:h=null,onExeCommand:p=c=>{console.log("exeCommand isn't be defined!")}})=>{let c;return g.useEffect(()=>{if(c=ri.getBinDistributor().subscribe(d=>{var E,O,T;if((d==null?void 0:d.id)===i.id){const v={intersectionAxis:d.intersect,obj:i.histogram,id:d.id};switch((E=d.data)!=null&&E.zPos?(v.binz=d.data.zPos,v.biny=d.data.yPos,v.binx=d.data.xPos,v.bin=i.histogram.getBin(d.data.xPos,d.data.yPos,d.data.zPos),v.con=i.histogram.getBinContent(d.data.xPos,d.data.yPos,d.data.zPos)):(O=d.data)!=null&&O.yPos?(v.biny=d.data.yPos,v.binx=d.data.xPos,v.bin=i.histogram.getBin(d.data.xPos,d.data.yPos),v.con=i.histogram.getBinContent(d.data.xPos,d.data.yPos)):(T=d.data)!=null&&T.xPos&&(v.binx=d.data.xPos,v.bin=i.histogram.getBin(d.data.xPos),v.con=i.histogram.getBinContent(d.data.xPos)),d.event){case"CLICK":o(v);break;case"HOVER":a(v);break;case"DB_CLICK":s(v);break}}else p(d.command)}),c)return()=>c.unsubscribe()},[i,e,o,s,a,p]),S(g.Fragment,{children:ue(Et.Provider,{value:{data:{id:i.id,histogram:i.histogram,projectionNames:i==null?void 0:i.projectionsNames,projPanelIds:i==null?void 0:i.projPanelIds},stores:{source:t==null?void 0:t.sourceStore,theme:t==null?void 0:t.themeStore,range:t==null?void 0:t.rangeStore,views:t==null?void 0:t.viewStore},states:{theme:e==null?void 0:e.theme,range:e==null?void 0:e.range,section:e==null?void 0:e.section,onViewChange:f,onProgress:h,selectedBins:r,selectedView:e==null?void 0:e.selectedView}},children:[ue("a-scene",{embedded:!0,style:{zIndex:"1",width:"100%",minHeight:"calc(90vh)"},children:[S(qo,{}),(t==null?void 0:t.sharedStore)&&S(ls,{store:t.sharedStore}),S(Fo,{}),S(Go,{})]}),!window.AFRAME.utils.device.checkHeadsetConnected()&&S(Vr,{})]})})};class fs{constructor(e){Re(this,"model",null);this.model=e}updateElement(e,t,r,o){if(this.model[r].elements[e])r==="titles"?this.createTitle(this.model[r].elements[e],this.model[r].attributes[e]):this.createElement(this.model[r].elements[e],this.model[r].attributes[e],o);else{let s;r==="titles"?s=this.createTitle(void 0,this.model[r].attributes[e]):s=this.createElement(void 0,this.model[r].attributes[e],o),this.model[r].elements[e]=s,t.appendChild(s)}}deleteUnnecessaryElements(e,t){const r=e;if(t.length===1){for(;this.model[t[0]].elements[e];)this.model[t[0]].elements[e].remove(),e++;this.model[t[0]].elements.length=r,this.model[t[0]].attributes.length=r}else{for(;this.model[t[0]].elements[e];)this.model[t[0]].elements[e].remove(),this.model[t[1]].elements[e].remove(),e++;this.model[t[0]].elements.length=r,this.model[t[0]].attributes.length=r,this.model[t[1]].elements.length=r,this.model[t[1]].attributes.length=r}}createElement(e,t,r){let o=e;if(o==null){const s=this.checkEntityType(r);o=document.createElement(s)}for(const s in t)o.setAttribute(s,t[s]);return o}createBannerElement(e,t,r){let o=e;return o==null&&(o=document.createElement("a-entity"),this.createBannerLines(t,r).map(a=>o.append(a))),o.setAttribute("position",r.position),o.setAttribute("id",r.id),o}createBannerLines(e,t){const r=[];for(let s=e-1;s>-1;s--){t.line.position.y=2*s;const a=document.createElement("a-entity");a.setAttribute("rotation",t.line.rotation),a.setAttribute("position",t.line.position),a.setAttribute("text",t.line.text),r.push(a)}const o=document.createElement("a-entity");return o.setAttribute("geometry",t.background.geometry),o.setAttribute("position",t.background.position),o.setAttribute("material",t.background.material),r.push(o),r}createTitle(e,t){let r=e;if(r==null){r=document.createElement("a-entity");const o=this.createElement(void 0,t.background);r.appendChild(o)}return delete t.background,this.createElement(r,t)}checkEntityType(e){return e==="a-box"||e==="a-sphere"||e==="a-text"||e==="a-circle"||e==="a-text"?e:"a-entity"}}class hs{bannerTemplate(e,t,r){const o={x:e.positionX,y:e.positionY,z:e.positionZ},s=e.id,a=this.bannerBackgroundTemplate(r),f=this.lineTemplate(t);return{position:o,id:s,background:a,line:f}}binTemplate(e){const t={x:e.positionX,y:e.positionY,z:e.positionZ},r={x:e.scaleX,y:e.scaleY,z:e.scaleZ},o={color:e.color,opacity:.75},s=e.class,a=e.data,f=e.id;return{position:t,scale:r,material:o,id:f,class:s,binth2:a,mouseevent:""}}labelTemplate(e){const t={x:e.positionX,y:e.positionY,z:e.positionZ},r={x:e.rotationX,y:e.rotationY,z:e.rotationZ},o={primitive:"plane",width:4,height:1},s={value:e.value,color:e.color,width:10,height:"auto",align:"center"},a={opacity:0},f=e.id;return{position:t,rotation:r,geometry:o,text:s,material:a,id:f}}axisTemplate(e){const t={x:e.positionX,y:e.positionY,z:e.positionZ},r={x:e.rotationX,y:e.rotationY,z:e.rotationZ},o={primitive:"plane",width:e.width,height:e.height},s={value:e.value,color:"black",width:4,height:"auto",align:"center"},a={color:e.color,opacity:.8};return{position:t,rotation:r,geometry:o,text:s,material:a}}titleTemplate(e,t){const r={x:e.positionX,y:e.positionY,z:e.positionZ},o={x:e.rotationX,y:e.rotationY,z:e.rotationZ},s={opacity:0},a={value:e.title,color:e.color,width:230,height:"auto",align:"center"},f=this.titleTextTemplate(t);return{position:r,rotation:o,material:s,text:a,background:f}}titleTextTemplate(e){const t={primitive:"plane",width:e.width,height:e.height},r={x:e.positionX,y:e.positionY,z:e.positionZ},o={color:e.color,opacity:.6};return{position:r,geometry:t,material:o}}lineTemplate(e){const t={x:e.positionX,y:e.positionY,z:e.positionZ},r={x:e.rotationX,y:e.rotationY,z:e.rotationZ};return{position:t,rotation:r,text:{value:"",width:14,height:"auto",align:"center"}}}bannerBackgroundTemplate(e){const t={x:e.positionX,y:e.positionY,z:e.positionZ},r={primitive:"box",width:e.width,height:e.height,depth:e.depth},o={color:e.color};return{position:t,geometry:r,material:o}}}let en=[];function ds(i){return en.filter(t=>t.id===i).length!==0}function rr(i,e,t,r,o,s,a){en=Zr.getBinsFromLocalStorage();const f=new hs,h=new fs(e),p=new Kr(a),c={},d=i;let E,O,T,v,u,P,k,D,b,m;const te="";let q,w=0;const re=r+s>t.fXaxis.fXmax?t.fXaxis.fXmax:r+s,ce=o+s>t.fYaxis.fXmax?t.fYaxis.fXmax:o+s,be=t.fXaxis.fTitle,Z=t.fYaxis.fTitle,G=t.fXaxis.fLabels?t.fXaxis.fLabels.arr:[],K=t.fYaxis.fLabels?t.fYaxis.fLabels.arr:[];for(let X=o;X<=ce;X++)for(let ve=r;ve<=re;ve++)if(O=t.fXaxis.GetBinCenter(ve),T=t.fXaxis.GetBinLowEdge(ve),v=O+(O-T),u=v-T,P=t.fYaxis.GetBinCenter(X),k=t.fYaxis.GetBinLowEdge(X),D=P+(P-k),b=D-k,q=t.getBinContent(ve,X),m=ps(q,t.fMaximum),E=m/2,m>0){const he=p.getBinColor(m),Te=T+"th2"+v+"th2"+k+"th2"+D;let Oe;ds(Te)?Oe=p.getSecondaryAccentColor():Oe=he;const je=`id: ${Te};
|
|
287
287
|
content: ${m};
|
|
288
288
|
color: ${he};
|
|
289
289
|
yTitle: ${Z};
|
|
@@ -291,10 +291,10 @@ the left controller.`,rotation:"-30 0 0",position:"0.1 0 0","wrap-count":"400"})
|
|
|
291
291
|
absoluteContent: ${q};
|
|
292
292
|
binName: ${te};
|
|
293
293
|
xMin: ${T};
|
|
294
|
-
yMin: ${
|
|
294
|
+
yMin: ${k};
|
|
295
295
|
xMax: ${v};
|
|
296
296
|
yMax: ${D};
|
|
297
|
-
xCenter: ${
|
|
297
|
+
xCenter: ${O};
|
|
298
298
|
yCenter: ${P};
|
|
299
299
|
xWidth: ${u};
|
|
300
300
|
yWidth: ${b};
|
|
@@ -302,4 +302,4 @@ the left controller.`,rotation:"-30 0 0",position:"0.1 0 0","wrap-count":"400"})
|
|
|
302
302
|
selectColor: ${p.getSecondaryAccentColor()};
|
|
303
303
|
axisX: ${p.getAxisColor("x")};
|
|
304
304
|
axisY: ${p.getAxisColor("y")};
|
|
305
|
-
axisZ: ${p.getAxisColor("z")}`;c.id=Te,c.positionX=T,c.positionY=E,c.positionZ=O,c.scaleX=u/2,c.scaleY=m,c.scaleZ=b/2,c.color=Oe,c.class="clickable",c.data=Ne,e.bins.attributes[w]=f.binTemplate(c),h.updateElement(w,d,"bins","a-box"),w++}h.deleteUnnecessaryElements(w,["bins"]),c.id=1500+w,c.positionX=re+.5,c.positionY=0,c.positionZ=ce+.5,c.rotationX=270,c.rotationY=360,c.rotationZ=0,c.width=2,c.height=2,c.value="0",c.color=p.getAxisColor("y"),e.normalXAxis.attributes[0]=f.axisTemplate(c),h.updateElement(0,d,"normalXAxis","a-entity"),c.positionZ=o-2.5,c.rotationX=270,c.rotationY=180,e.reversedYAxis.attributes[0]=f.axisTemplate(c),h.updateElement(0,d,"reversedYAxis","a-entity"),c.positionX=n-2.5,c.positionZ=ce+.5,e.normalYAxis.attributes[0]=f.axisTemplate(c),h.updateElement(0,d,"normalYAxis","a-entity"),c.positionZ=o-2.5,c.rotationY=180,e.reversedXAxis.attributes[0]=f.axisTemplate(c),h.updateElement(0,d,"reversedXAxis","a-entity"),w=1;for(let X=o;X<=ce;X++)c.id=1500+w,c.positionX=n-2.5,c.positionY=0,c.positionZ=X-1,c.rotationX=270,c.rotationY=180,c.rotationZ=0,c.width=2,c.height=1,c.value=`${K[X-1]?K[X-1].fString:X-1}`,c.color=p.getAxisColor("z"),e.normalYAxis.attributes[w]=f.axisTemplate(c),h.updateElement(w,d,"normalYAxis","a-entity"),c.id=4500+w,c.positionX=re+.5,c.rotationY=360,c.value=`${K[X-1]?K[X-1].fString:X-1}`,e.reversedYAxis.attributes[w]=f.axisTemplate(c),h.updateElement(w,d,"reversedYAxis","a-entity"),w++;h.deleteUnnecessaryElements(w,["normalYAxis","reversedYAxis"]),w=1;for(let X=n;X<=re;X++)c.id=1500+w,c.positionX=X-1,c.positionY=0,c.positionZ=o-2.5,c.rotationX=270,c.rotationY=270,c.rotationZ=0,c.width=2,c.height=1,c.value=`${G[X-1]?G[X-1].fString:X-1}`,c.color=p.getAxisColor("x"),e.normalXAxis.attributes[w]=f.axisTemplate(c),h.updateElement(w,d,"normalXAxis","a-entity"),c.id=4500+w,c.positionZ=ce+.5,c.rotationX=270,c.rotationY=90,c.value=`${G[X-1]?G[X-1].fString:X-1}`,e.reversedXAxis.attributes[w]=f.axisTemplate(c),h.updateElement(w,d,"reversedXAxis","a-entity"),w++;h.deleteUnnecessaryElements(w,["normalXAxis","reversedXAxis"]),c.positionX=n,c.positionY=0,c.positionZ=o-4,c.rotationX=270,c.rotationY=180,c.rotationZ=0,c.width=4,c.height=1,c.value=be,c.id="downLabel",e.labels.attributes[0]=f.labelTemplate(c),h.updateElement(0,d,"labels","a-entity"),c.positionX=re-2.5,c.positionZ=ce+2,c.rotationY=0,c.id="upLabel",e.labels.attributes[1]=f.labelTemplate(c),h.updateElement(1,d,"labels","a-entity"),c.positionX=n-4,c.positionY=0,c.positionZ=o+.5,c.rotationX=270,c.rotationY=270,c.rotationZ=0,c.width=4,c.height=1,c.value=Z,c.color=p.getAxisColor("z"),c.id="leftLabel",e.labels.attributes[2]=f.labelTemplate(c),h.updateElement(2,d,"labels","a-entity"),c.positionX=re+2,c.positionZ=ce-2.5,c.rotationX=270,c.rotationY=90,c.id="rightLabel",e.labels.attributes[3]=f.labelTemplate(c),h.updateElement(3,d,"labels","a-entity"),c.positionX=n-90,c.positionY=-6.5,c.positionZ=o+90,c.rotationX=0,c.rotationY=123,c.rotationZ=0,c.title=t.fTitle,c.color=p.getPrimaryFontColor();const L={};L.positionX=0,L.positionY=0,L.positionZ=-1,L.width=170,L.height=30,L.color="white",e.titles.attributes[0]=f.titleTemplate(c,L),h.updateElement(0,d,"titles","a-entity"),c.positionX=n+120,c.positionZ=o-70,c.rotationY=330,c.title=t.fName,e.titles.attributes[1]=f.titleTemplate(c,L),h.updateElement(1,d,"titles","a-entity")}const ms=(i,e)=>i<=0?0:(e>1&&(i=Math.round((i/e+Number.EPSILON)*100)/100),i);class ys{constructor(e){I(this,Ai,void 0);B(this,Ai,e)}createTH2DemoHistogram(e,t,n,o){const s=kt.createHistogram("TH2I",e,t);let a=n;for(let f=1;f<=20;f++)for(let h=1;h<=20;h++){const p=s.getBin(h,f);let c=0;c=a,s.setBinContent(p,c),a+=o}return s.fXaxis.fTitle="x Axis",s.fYaxis.fTitle="y Axis",s.fName="You don't have a valid file path",s.fTitle="This is a TH2 histogram demo",s.fMaximum=a,s}createTH3DemoHistogram(e,t,n,o,s){const a=kt.createHistogram("TH3I",e,t,n);let f=o;for(let h=1;h<=20;h++)for(let p=1;p<=20;p++)for(let c=1;c<=20;c++){const d=a.getBin(c,p,h);let E=0;E=f,a.setBinContent(d,E),f+=s}return a.fXaxis.fTitle="x Axis",a.fYaxis.fTitle="y Axis",a.fZaxis.fTitle="z Axis",a.fName="You don't have a valid file path",a.fTitle="This is a TH3 histogram demo",a.fMaximum=f,a}}Ai=new WeakMap;const gs=we.registerComponent("th2-histogram",{schema:{section:{type:"string"},filename:{type:"string"},theme:{type:"string",default:"def"},position:{name:"position",xValue:0,yValue:0,zValue:0},scale:{name:"scale",xValue:2,yValue:2,zValue:2},rotation:{name:"rotation",xValue:0,yValue:0,zValue:0}},init:function(){const i=this.el;Kr(this.schema,i),document.addEventListener("keydown",rr),document.addEventListener("keyup",nr),this.demoHistogramService=new ys,this.localStorageService=new Ji,this.cameraService=new ni,this.render=!1,this.histogram=null,this.model={bins:{elements:[],attributes:[]},labels:{elements:[],attributes:[]},titles:{elements:[],attributes:[]},banners:{elements:[],attributes:[]},normalXAxis:{elements:[],attributes:[]},reversedXAxis:{elements:[],attributes:[]},normalYAxis:{elements:[],attributes:[]},reversedYAxis:{elements:[],attributes:[]}},this.section=null;const e=n=>{console.log(n),this.section.xOffset=n.xOffset,this.section.yOffset=n.yOffset,this.range=n.range,this.cameraService.setCameraPosition(n),or(this.el,this.model,this.histogram,this.section.xOffset,this.section.yOffset,this.section.range,this.data.theme),this.render=!0},t=n=>{this.localStorageService.storeTH2Offsets(n.xOffset,n.yOffset,n.range),e(n)};this.subscription=Ee.getChangedSection().subscribe(t)},update:function(){Jr(),this.section=JSON.parse(this.data.section),kt.openFile(this.data.filename).then(i=>i.readObject("hUsersVsProjects")).then(i=>{this.localStorageService.initHistogramData(i),this.histogram=i,or(this.el,this.model,this.histogram,this.section.xOffset,this.section.yOffset,this.section.range,this.data.theme),this.render=!0}).then(()=>console.log("drawing completed")).catch(i=>{this.histogram=this.demoHistogramService.createTH2DemoHistogram(20,20,0,.1),this.localStorageService.initHistogramData(this.histogram),or(this.el,this.model,this.histogram,this.section.xOffset,this.section.yOffset,this.section.range,this.data.theme),this.render=!0,console.log(i)})},tick:function(){this.render&&(this.render=!1)},remove:function(){this.subscription.unsubscribe(),document.removeEventListener("keydown",rr),document.removeEventListener("keyup",nr)}}),bs=we.registerComponent("banner-control",{schema:{position:{name:"position",xValue:-1.28,yValue:.3,zValue:-1},scale:{name:"scale",xValue:.5,yValue:.7,zValue:.1},rotation:{name:"rotation",xValue:0,yValue:20,zValue:0}},init:function(){}});let si=new ni;const vs=i=>{i.detail.y>.95&&(Ee.changeHistogramSectionByOffset("yOffset","TH2",!1,!1),Ae.changeHistogramSectionByOffset("yOffset","TH3",!1,!1)),i.detail.y<-.95&&(Ee.changeHistogramSectionByOffset("yOffset","TH2",!0,!1),Ae.changeHistogramSectionByOffset("yOffset","TH3",!0,!1)),i.detail.x<-.95&&(nt.changeHistogramSectionByOffset("xOffset","TH1",!0,!1),Ee.changeHistogramSectionByOffset("xOffset","TH2",!0,!1),Ae.changeHistogramSectionByOffset("xOffset","TH3",!0,!1)),i.detail.x>.95&&(nt.changeHistogramSectionByOffset("xOffset","TH1",!1,!1),Ee.changeHistogramSectionByOffset("xOffset","TH2",!1,!1),Ae.changeHistogramSectionByOffset("xOffset","TH3",!1,!1))},xs=i=>{i.detail.y>.95&&(Ee.changeHistogramSectionByOffset("yOffset","TH2",!1,!0),Ae.changeHistogramSectionByOffset("yOffset","TH3",!1,!0)),i.detail.y<-.95&&(Ee.changeHistogramSectionByOffset("yOffset","TH2",!0,!0),Ae.changeHistogramSectionByOffset("yOffset","TH3",!0,!0)),i.detail.x<-.95&&(nt.changeHistogramSectionByOffset("xOffset","TH1",!0,!0),Ee.changeHistogramSectionByOffset("xOffset","TH2",!0,!0),Ae.changeHistogramSectionByOffset("xOffset","TH3",!0,!0)),i.detail.x>.95&&(nt.changeHistogramSectionByOffset("xOffset","TH1",!1,!0),Ee.changeHistogramSectionByOffset("xOffset","TH2",!1,!0),Ae.changeHistogramSectionByOffset("xOffset","TH3",!1,!0))},Ss=(i,e)=>{i.detail.y>.95&&si.horizontalMoveCamera("z",!1,e),i.detail.y<-.95&&si.horizontalMoveCamera("z",!0,e),i.detail.x<-.95&&si.horizontalMoveCamera("x",!0,e),i.detail.x>.95&&si.horizontalMoveCamera("x",!1,e)},ws=i=>{i.detail.y>.95&&(Ee.changeHistogramScale(-.1,"TH2"),$e.next({scale:-.1})),i.detail.y<-.95&&(Ee.changeHistogramScale(.1,"TH2"),$e.next({scale:.1}))},Es=i=>{i.detail.y>.95?$e.next({source:"next"}):i.detail.y<-.95&&$e.next({source:"prev"})},nn=i=>{i==="Y"?$e.next({tool:"next"}):$e.next({tool:"prev"})},on=i=>{Ae.changeHistogramSectionByOffset("zOffset","TH3",!0,i)},sn=i=>{Ae.changeHistogramSectionByOffset("zOffset","TH3",!1,i)},an=()=>{si=new ni},Cs=i=>{vs(i)},Ts=i=>{xs(i)},_s=(i,e)=>{Ss(i,e)},Os=()=>{vi.saveSelectedBinToLocalStorage(),Ki()===0&&$e.next({binData:vi})},ks=()=>{vi.deleteBinFromLocalStorage()},Ps=()=>{Ee.changeHistogramFunction("feet","TH2")},As=()=>{Ee.changeHistogramFunction("default","TH2")},$s=()=>{pt.setVisibilityOfBanners("oculus")},Rs=()=>{pt.setUserState()},Hs=()=>{pt.shiftBanners()},zs=i=>{i.forEach(e=>{})},Ds=we.registerComponent("left-controller-logging",{init:function(){let i=!1,e=!0,t=1,n=!1;const o=this.el;o.addEventListener("gripdown",()=>{i=!0}),o.addEventListener("gripup",()=>{i=!1}),o.addEventListener("thumbstickdown",()=>{i?(t++,t>20&&(t=20)):(t--,t<1&&(t=1))}),o.addEventListener("thumbstickmoved",s=>{if(i&&Ki()===2)ws(s);else if(i&&Ki()===3){if(e){e=!1,Es(s);const a=setTimeout(()=>{e=!0},100);return()=>clearTimeout(a)}}else _s(s,t)}),o.addEventListener("ybuttondown",()=>{i?n||(n=!0,nn("Y")):$s()}),o.addEventListener("xbuttondown",()=>{i?n||(n=!0,nn("X")):Rs()}),o.addEventListener("ybuttonup",()=>{n=!1}),o.addEventListener("xbuttonup",()=>{n=!1})},update:function(){an()}}),Bs=we.registerComponent("right-controller-logging",{init:function(){let i=!1;const e=this.el;e.addEventListener("gripdown",()=>{i=!0}),e.addEventListener("gripup",()=>{i=!1}),e.addEventListener("thumbstickmoved",t=>{i?Cs(t):Ts(t)}),e.addEventListener("bbuttondown",()=>{on(!i)}),e.addEventListener("abuttondown",()=>{sn(!i)}),e.addEventListener("thumbstickdown",()=>{i?Ps():As()}),e.addEventListener("triggerdown",()=>{i?(Os(),zs()):(ks(),Hs())})},update:function(){an()}});class Is{constructor(){I(this,Vt,void 0);B(this,Vt,new dt)}sendSourceSubject(e){r(this,Vt).next(e)}getSourceSettingSubject(){return r(this,Vt).asObservable()}}Vt=new WeakMap;const Ms=new Is,Ns=new Ji;Q.Banner=bs,Q.HistogramTH2=gs,Q.LeftController=Ds,Q.NdmVrScene=fs,Q.RightController=Bs,Q.ndmVrStorage=Ns,Q.sourceSettingSubject=Ms,Object.defineProperty(Q,Symbol.toStringTag,{value:"Module"})});
|
|
305
|
+
axisZ: ${p.getAxisColor("z")}`;c.id=Te,c.positionX=T,c.positionY=E,c.positionZ=k,c.scaleX=u/2,c.scaleY=m,c.scaleZ=b/2,c.color=Oe,c.class="clickable",c.data=je,e.bins.attributes[w]=f.binTemplate(c),h.updateElement(w,d,"bins","a-box"),w++}h.deleteUnnecessaryElements(w,["bins"]),c.id=1500+w,c.positionX=re+.5,c.positionY=0,c.positionZ=ce+.5,c.rotationX=270,c.rotationY=360,c.rotationZ=0,c.width=2,c.height=2,c.value="0",c.color=p.getAxisColor("y"),e.normalXAxis.attributes[0]=f.axisTemplate(c),h.updateElement(0,d,"normalXAxis","a-entity"),c.positionZ=o-2.5,c.rotationX=270,c.rotationY=180,e.reversedYAxis.attributes[0]=f.axisTemplate(c),h.updateElement(0,d,"reversedYAxis","a-entity"),c.positionX=r-2.5,c.positionZ=ce+.5,e.normalYAxis.attributes[0]=f.axisTemplate(c),h.updateElement(0,d,"normalYAxis","a-entity"),c.positionZ=o-2.5,c.rotationY=180,e.reversedXAxis.attributes[0]=f.axisTemplate(c),h.updateElement(0,d,"reversedXAxis","a-entity"),w=1;for(let X=o;X<=ce;X++)c.id=1500+w,c.positionX=r-2.5,c.positionY=0,c.positionZ=X-1,c.rotationX=270,c.rotationY=180,c.rotationZ=0,c.width=2,c.height=1,c.value=`${K[X-1]?K[X-1].fString:X-1}`,c.color=p.getAxisColor("z"),e.normalYAxis.attributes[w]=f.axisTemplate(c),h.updateElement(w,d,"normalYAxis","a-entity"),c.id=4500+w,c.positionX=re+.5,c.rotationY=360,c.value=`${K[X-1]?K[X-1].fString:X-1}`,e.reversedYAxis.attributes[w]=f.axisTemplate(c),h.updateElement(w,d,"reversedYAxis","a-entity"),w++;h.deleteUnnecessaryElements(w,["normalYAxis","reversedYAxis"]),w=1;for(let X=r;X<=re;X++)c.id=1500+w,c.positionX=X-1,c.positionY=0,c.positionZ=o-2.5,c.rotationX=270,c.rotationY=270,c.rotationZ=0,c.width=2,c.height=1,c.value=`${G[X-1]?G[X-1].fString:X-1}`,c.color=p.getAxisColor("x"),e.normalXAxis.attributes[w]=f.axisTemplate(c),h.updateElement(w,d,"normalXAxis","a-entity"),c.id=4500+w,c.positionZ=ce+.5,c.rotationX=270,c.rotationY=90,c.value=`${G[X-1]?G[X-1].fString:X-1}`,e.reversedXAxis.attributes[w]=f.axisTemplate(c),h.updateElement(w,d,"reversedXAxis","a-entity"),w++;h.deleteUnnecessaryElements(w,["normalXAxis","reversedXAxis"]),c.positionX=r,c.positionY=0,c.positionZ=o-4,c.rotationX=270,c.rotationY=180,c.rotationZ=0,c.width=4,c.height=1,c.value=be,c.id="downLabel",e.labels.attributes[0]=f.labelTemplate(c),h.updateElement(0,d,"labels","a-entity"),c.positionX=re-2.5,c.positionZ=ce+2,c.rotationY=0,c.id="upLabel",e.labels.attributes[1]=f.labelTemplate(c),h.updateElement(1,d,"labels","a-entity"),c.positionX=r-4,c.positionY=0,c.positionZ=o+.5,c.rotationX=270,c.rotationY=270,c.rotationZ=0,c.width=4,c.height=1,c.value=Z,c.color=p.getAxisColor("z"),c.id="leftLabel",e.labels.attributes[2]=f.labelTemplate(c),h.updateElement(2,d,"labels","a-entity"),c.positionX=re+2,c.positionZ=ce-2.5,c.rotationX=270,c.rotationY=90,c.id="rightLabel",e.labels.attributes[3]=f.labelTemplate(c),h.updateElement(3,d,"labels","a-entity"),c.positionX=r-90,c.positionY=-6.5,c.positionZ=o+90,c.rotationX=0,c.rotationY=123,c.rotationZ=0,c.title=t.fTitle,c.color=p.getPrimaryFontColor();const L={};L.positionX=0,L.positionY=0,L.positionZ=-1,L.width=170,L.height=30,L.color="white",e.titles.attributes[0]=f.titleTemplate(c,L),h.updateElement(0,d,"titles","a-entity"),c.positionX=r+120,c.positionZ=o-70,c.rotationY=330,c.title=t.fName,e.titles.attributes[1]=f.titleTemplate(c,L),h.updateElement(1,d,"titles","a-entity")}const ps=(i,e)=>i<=0?0:(e>1&&(i=Math.round((i/e+Number.EPSILON)*100)/100),i);class ms{constructor(e){B(this,Pi,void 0);I(this,Pi,e)}createTH2DemoHistogram(e,t,r,o){const s=Ot.createHistogram("TH2I",e,t);let a=r;for(let f=1;f<=20;f++)for(let h=1;h<=20;h++){const p=s.getBin(h,f);let c=0;c=a,s.setBinContent(p,c),a+=o}return s.fXaxis.fTitle="x Axis",s.fYaxis.fTitle="y Axis",s.fName="You don't have a valid file path",s.fTitle="This is a TH2 histogram demo",s.fMaximum=a,s}createTH3DemoHistogram(e,t,r,o,s){const a=Ot.createHistogram("TH3I",e,t,r);let f=o;for(let h=1;h<=20;h++)for(let p=1;p<=20;p++)for(let c=1;c<=20;c++){const d=a.getBin(c,p,h);let E=0;E=f,a.setBinContent(d,E),f+=s}return a.fXaxis.fTitle="x Axis",a.fYaxis.fTitle="y Axis",a.fZaxis.fTitle="z Axis",a.fName="You don't have a valid file path",a.fTitle="This is a TH3 histogram demo",a.fMaximum=f,a}}Pi=new WeakMap;const ys=Se.registerComponent("th2-histogram",{schema:{section:{type:"string"},filename:{type:"string"},theme:{type:"string",default:"def"},position:{name:"position",xValue:0,yValue:0,zValue:0},scale:{name:"scale",xValue:2,yValue:2,zValue:2},rotation:{name:"rotation",xValue:0,yValue:0,zValue:0}},init:function(){const i=this.el;Gr(this.schema,i),document.addEventListener("keydown",tr),document.addEventListener("keyup",ir),this.demoHistogramService=new ms,this.localStorageService=new qi,this.cameraService=new ni,this.render=!1,this.histogram=null,this.model={bins:{elements:[],attributes:[]},labels:{elements:[],attributes:[]},titles:{elements:[],attributes:[]},banners:{elements:[],attributes:[]},normalXAxis:{elements:[],attributes:[]},reversedXAxis:{elements:[],attributes:[]},normalYAxis:{elements:[],attributes:[]},reversedYAxis:{elements:[],attributes:[]}},this.section=null;const e=r=>{console.log(r),this.section.xOffset=r.xOffset,this.section.yOffset=r.yOffset,this.range=r.range,this.cameraService.setCameraPosition(r),rr(this.el,this.model,this.histogram,this.section.xOffset,this.section.yOffset,this.section.range,this.data.theme),this.render=!0},t=r=>{this.localStorageService.storeTH2Offsets(r.xOffset,r.yOffset,r.range),e(r)};this.subscription=ke.getChangedSection().subscribe(t)},update:function(){qr(),this.section=JSON.parse(this.data.section),Ot.openFile(this.data.filename).then(i=>i.readObject("hUsersVsProjects")).then(i=>{this.localStorageService.initHistogramData(i),this.histogram=i,rr(this.el,this.model,this.histogram,this.section.xOffset,this.section.yOffset,this.section.range,this.data.theme),this.render=!0}).then(()=>console.log("drawing completed")).catch(i=>{this.histogram=this.demoHistogramService.createTH2DemoHistogram(20,20,0,.1),this.localStorageService.initHistogramData(this.histogram),rr(this.el,this.model,this.histogram,this.section.xOffset,this.section.yOffset,this.section.range,this.data.theme),this.render=!0,console.log(i)})},tick:function(){this.render&&(this.render=!1)},remove:function(){this.subscription.unsubscribe(),document.removeEventListener("keydown",tr),document.removeEventListener("keyup",ir)}}),gs=Se.registerComponent("banner-control",{schema:{position:{name:"position",xValue:-1.28,yValue:.3,zValue:-1},scale:{name:"scale",xValue:.5,yValue:.7,zValue:.1},rotation:{name:"rotation",xValue:0,yValue:20,zValue:0}},init:function(){}});new ni;const bs=i=>{i.detail.y>.95&&(ke.changeHistogramSectionByOffset("yOffset","TH2",!1,!1),$e.changeHistogramSectionByOffset("yOffset","TH3",!1,!1)),i.detail.y<-.95&&(ke.changeHistogramSectionByOffset("yOffset","TH2",!0,!1),$e.changeHistogramSectionByOffset("yOffset","TH3",!0,!1)),i.detail.x<-.95&&(nt.changeHistogramSectionByOffset("xOffset","TH1",!0,!1),ke.changeHistogramSectionByOffset("xOffset","TH2",!0,!1),$e.changeHistogramSectionByOffset("xOffset","TH3",!0,!1)),i.detail.x>.95&&(nt.changeHistogramSectionByOffset("xOffset","TH1",!1,!1),ke.changeHistogramSectionByOffset("xOffset","TH2",!1,!1),$e.changeHistogramSectionByOffset("xOffset","TH3",!1,!1))},vs=i=>{i.detail.y>.95&&(ke.changeHistogramSectionByOffset("yOffset","TH2",!1,!0),$e.changeHistogramSectionByOffset("yOffset","TH3",!1,!0)),i.detail.y<-.95&&(ke.changeHistogramSectionByOffset("yOffset","TH2",!0,!0),$e.changeHistogramSectionByOffset("yOffset","TH3",!0,!0)),i.detail.x<-.95&&(nt.changeHistogramSectionByOffset("xOffset","TH1",!0,!0),ke.changeHistogramSectionByOffset("xOffset","TH2",!0,!0),$e.changeHistogramSectionByOffset("xOffset","TH3",!0,!0)),i.detail.x>.95&&(nt.changeHistogramSectionByOffset("xOffset","TH1",!1,!0),ke.changeHistogramSectionByOffset("xOffset","TH2",!1,!0),$e.changeHistogramSectionByOffset("xOffset","TH3",!1,!0))},tn=i=>{i==="Y"?Ie.next({tool:"next"}):Ie.next({tool:"prev"})},rn=i=>{$e.changeHistogramSectionByOffset("zOffset","TH3",!0,i)},nn=i=>{$e.changeHistogramSectionByOffset("zOffset","TH3",!1,i)},on=()=>{new ni},xs=i=>{bs(i)},Ss=i=>{vs(i)},ws=()=>{bi.saveSelectedBinToLocalStorage(),Yo()===0&&Ie.next({binData:bi})},Es=()=>{bi.deleteBinFromLocalStorage()},Cs=()=>{ke.changeHistogramFunction("feet","TH2")},Ts=()=>{ke.changeHistogramFunction("default","TH2")},_s=()=>{pt.setVisibilityOfBanners("oculus")},ks=()=>{pt.setUserState()},Os=()=>{pt.shiftBanners()},Ps=i=>{i.forEach(e=>{})},As=Se.registerComponent("left-controller-logging",{init:function(){let i=!1,e=!1;const t=this.el;t.addEventListener("gripdown",()=>{i=!0}),t.addEventListener("gripup",()=>{i=!1}),t.addEventListener("thumbstickdown",()=>{}),t.addEventListener("ybuttondown",()=>{i?e||(e=!0,tn("Y")):_s()}),t.addEventListener("xbuttondown",()=>{i?e||(e=!0,tn("X")):ks()}),t.addEventListener("ybuttonup",()=>{e=!1}),t.addEventListener("xbuttonup",()=>{e=!1})},update:function(){on()}}),$s=Se.registerComponent("right-controller-logging",{init:function(){let i=!1;const e=this.el;e.addEventListener("gripdown",()=>{i=!0}),e.addEventListener("gripup",()=>{i=!1}),e.addEventListener("thumbstickmoved",t=>{i?xs(t):Ss(t)}),e.addEventListener("bbuttondown",()=>{rn(!i)}),e.addEventListener("abuttondown",()=>{nn(!i)}),e.addEventListener("thumbstickdown",()=>{i?Cs():Ts()}),e.addEventListener("triggerdown",()=>{i?(ws(),Ps()):(Es(),Os())})},update:function(){on()}});class Rs{constructor(){B(this,Vt,void 0);I(this,Vt,new dt)}sendSourceSubject(e){n(this,Vt).next(e)}getSourceSettingSubject(){return n(this,Vt).asObservable()}}Vt=new WeakMap;const Hs=new Rs,zs=Se.registerComponent("oculus-thumbstick-movement-controller",{schema:{acceleration:{type:"number",default:-40},fly:{type:"boolean",default:!1},horizontalAxis:{type:"string",enum:["x","y","z"],default:"x"},verticalAxis:{type:"string",enum:["x","y","z"],default:"z"},enabled:{type:"boolean",default:!0},adEnabled:{type:"boolean",default:!0},adInverted:{type:"boolean",default:!1},wsEnabled:{type:"boolean",default:!0},wsInverted:{type:"boolean",default:!1}},required:["acceleration","fly","horizontalAxis","verticalAxis","enabled","adEnabled","adInverted","wsEnabled","wsInverted"],init:function(){this.velocity=new THREE.Vector3(0,0,0),this.tsData=new THREE.Vector2(0,0),this.moveEasing=1.1,this.thumbstickMoved=this.thumbstickMoved.bind(this),this.el.addEventListener("thumbstickmoved",this.thumbstickMoved)},update:function(){this.sceneElement=document.getElementById("cameraWrapper")},tick:function(i,e){var t=this.data,r=this.velocity;!r[t.horizontalAxis]&&!r[t.verticalAxis]&&!this.tsData.length()||(e=e/1e3,this.updateVelocity(e),!(!r[t.horizontalAxis]&&!r[t.verticalAxis])&&this.sceneElement.object3D.position.add(this.getMovementVector(e)))},updateVelocity:function(i){var e,t,r,o=this.data,s=this.velocity,a,f;const h=1e-5;if(t=o.horizontalAxis,r=o.verticalAxis,i>.2){s[t]=0,s[r]=0;return}var p=Math.pow(1/this.moveEasing,i*60);s[t]!==0&&(s[t]=s[t]*p),s[r]!==0&&(s[r]=s[r]*p),Math.abs(s[t])<h&&(s[t]=0),Math.abs(s[r])<h&&(s[r]=0),o.enabled&&(e=o.acceleration,o.adEnabled&&this.tsData.x&&(f=o.adInverted?-1:1,s[t]+=f*e*this.tsData.x*i),o.wsEnabled&&(a=o.wsInverted?-1:1,s[r]+=a*e*this.tsData.y*i))},getMovementVector:function(){var i=new THREE.Vector3(0,0,0),e=new THREE.Euler(0,0,0,"YXZ");return function(t){var r=this.el.sceneEl.camera.el.object3D.rotation,o=this.velocity,s;return i.copy(o),i.multiplyScalar(t),r&&(s=this.data.fly?r.x:0,e.set(s,r.y,0),i.applyEuler(e)),i}}(),thumbstickMoved:function(i){this.tsData.set(i.detail.x,i.detail.y)},remove:function(){this.el.removeEventListener("thumbstickmoved",this.thumbstickMoved)}}),Ds=new qi;J.Banner=gs,J.HistogramTH2=ys,J.LeftController=As,J.NdmVrScene=us,J.RightController=$s,J.ThumbsticController=zs,J.ndmVrStorage=Ds,J.sourceSettingSubject=Hs,Object.defineProperty(J,Symbol.toStringTag,{value:"Module"})});
|