@ndmspc/ndmvr 0.20220401.1 → 0.20230212.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/dist/ndmvr.es.js +6218 -0
- package/dist/ndmvr.umd.js +305 -0
- package/package.json +32 -57
- package/dist/index.js +0 -4582
- package/dist/index.js.map +0 -1
- package/dist/index.modern.js +0 -4572
- package/dist/index.modern.js.map +0 -1
|
@@ -0,0 +1,305 @@
|
|
|
1
|
+
var Qs=Object.defineProperty;var ea=(J,b,xe)=>b in J?Qs(J,b,{enumerable:!0,configurable:!0,writable:!0,value:xe}):J[b]=xe;var He=(J,b,xe)=>(ea(J,typeof b!="symbol"?b+"":b,xe),xe),ci=(J,b,xe)=>{if(!b.has(J))throw TypeError("Cannot "+xe)};var n=(J,b,xe)=>(ci(J,b,"read from private field"),xe?xe.call(J):b.get(J)),M=(J,b,xe)=>{if(b.has(J))throw TypeError("Cannot add the same private member more than once");b instanceof WeakSet?b.add(J):b.set(J,xe)},B=(J,b,xe,_t)=>(ci(J,b,"write to private field"),_t?_t.call(J,xe):b.set(J,xe),xe);var Pr=(J,b,xe)=>(ci(J,b,"access private method"),xe);(function(J,b){typeof exports=="object"&&typeof module<"u"?b(exports,require("react"),require("aframe"),require("jsroot"),require("three")):typeof define=="function"&&define.amd?define(["exports","react","aframe","jsroot","three"],b):(J=typeof globalThis<"u"?globalThis:J||self,b(J["React Library Vite"]={},J.React,J.AFRAME$2,J.jsroot,J.THREE))})(this,function(J,b,xe,_t,mn){var gt,st,Le,xr,qe,Sr,Et,Rt,Ct,$e,Ue,Re,or,N,Ke,F,Q,ae,I,Ye,Xe,Je,at,bt,sr,fe,Fe,Qe,Ht,et,Tt,zt,L,vt,ct,Dt,Ge,wr,Er,Cr,Bt,It,Mt,Nt,jt,Yt,Ar,Tr,_r,Or,xt,Ft,kr,Lt;"use strict";function yn(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const $r=yn(mn);var Rr={exports:{}},Ut={};var li;function gn(){if(li)return Ut;li=1;var r=b,e=Symbol.for("react.element"),t=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,o=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(u,f,h){var a,p={},T=null,D=null;h!==void 0&&(T=""+h),f.key!==void 0&&(T=""+f.key),f.ref!==void 0&&(D=f.ref);for(a in f)i.call(f,a)&&!s.hasOwnProperty(a)&&(p[a]=f[a]);if(u&&u.defaultProps)for(a in f=u.defaultProps,f)p[a]===void 0&&(p[a]=f[a]);return{$$typeof:e,type:u,key:T,ref:D,props:p,_owner:o.current}}return Ut.Fragment=t,Ut.jsx=c,Ut.jsxs=c,Ut}var Gt={};var ui;function bn(){return ui||(ui=1,process.env.NODE_ENV!=="production"&&function(){var r=b,e=Symbol.for("react.element"),t=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),c=Symbol.for("react.provider"),u=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),a=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),D=Symbol.for("react.offscreen"),v=Symbol.iterator,d="@@iterator";function g(l){if(l===null||typeof l!="object")return null;var E=v&&l[v]||l[d];return typeof E=="function"?E:null}var k=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function _(l){{for(var E=arguments.length,A=new Array(E>1?E-1:0),V=1;V<E;V++)A[V-1]=arguments[V];z("error",l,A)}}function z(l,E,A){{var V=k.ReactDebugCurrentFrame,de=V.getStackAddendum();de!==""&&(E+="%s",A=A.concat([de]));var Ee=A.map(function(ce){return String(ce)});Ee.unshift("Warning: "+E),Function.prototype.apply.call(console[l],console,Ee)}}var x=!1,m=!1,ee=!1,te=!1,C=!1,G;G=Symbol.for("react.module.reference");function ue(l){return!!(typeof l=="string"||typeof l=="function"||l===i||l===s||C||l===o||l===h||l===a||te||l===D||x||m||ee||typeof l=="object"&&l!==null&&(l.$$typeof===T||l.$$typeof===p||l.$$typeof===c||l.$$typeof===u||l.$$typeof===f||l.$$typeof===G||l.getModuleId!==void 0))}function we(l,E,A){var V=l.displayName;if(V)return V;var de=E.displayName||E.name||"";return de!==""?A+"("+de+")":A}function W(l){return l.displayName||"Context"}function q(l){if(l==null)return null;if(typeof l.tag=="number"&&_("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 i:return"Fragment";case t:return"Portal";case s:return"Profiler";case o:return"StrictMode";case h:return"Suspense";case a:return"SuspenseList"}if(typeof l=="object")switch(l.$$typeof){case u:var E=l;return W(E)+".Consumer";case c:var A=l;return W(A._context)+".Provider";case f:return we(l,l.render,"ForwardRef");case p:var V=l.displayName||null;return V!==null?V:q(l.type)||"Memo";case T:{var de=l,Ee=de._payload,ce=de._init;try{return q(ce(Ee))}catch{return null}}}return null}var re=Object.assign,Z=0,Y,be,he,Ce,_e,Ne,R;function P(){}P.__reactDisabledLog=!0;function H(){{if(Z===0){Y=console.log,be=console.info,he=console.warn,Ce=console.error,_e=console.group,Ne=console.groupCollapsed,R=console.groupEnd;var l={configurable:!0,enumerable:!0,value:P,writable:!0};Object.defineProperties(console,{info:l,log:l,warn:l,error:l,group:l,groupCollapsed:l,groupEnd:l})}Z++}}function j(){{if(Z--,Z===0){var l={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:re({},l,{value:Y}),info:re({},l,{value:be}),warn:re({},l,{value:he}),error:re({},l,{value:Ce}),group:re({},l,{value:_e}),groupCollapsed:re({},l,{value:Ne}),groupEnd:re({},l,{value:R})})}Z<0&&_("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var y=k.ReactCurrentDispatcher,ie;function O(l,E,A){{if(ie===void 0)try{throw Error()}catch(de){var V=de.stack.trim().match(/\n( *(at )?)/);ie=V&&V[1]||""}return`
|
|
2
|
+
`+ie+l}}var ve=!1,K;{var ne=typeof WeakMap=="function"?WeakMap:Map;K=new ne}function S(l,E){if(!l||ve)return"";{var A=K.get(l);if(A!==void 0)return A}var V;ve=!0;var de=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var Ee;Ee=y.current,y.current=null,H();try{if(E){var ce=function(){throw Error()};if(Object.defineProperty(ce.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(ce,[])}catch(ft){V=ft}Reflect.construct(l,[],ce)}else{try{ce.call()}catch(ft){V=ft}l.call(ce.prototype)}}else{try{throw Error()}catch(ft){V=ft}l()}}catch(ft){if(ft&&V&&typeof ft.stack=="string"){for(var se=ft.stack.split(`
|
|
3
|
+
`),je=V.stack.split(`
|
|
4
|
+
`),ze=se.length-1,Be=je.length-1;ze>=1&&Be>=0&&se[ze]!==je[Be];)Be--;for(;ze>=1&&Be>=0;ze--,Be--)if(se[ze]!==je[Be]){if(ze!==1||Be!==1)do if(ze--,Be--,Be<0||se[ze]!==je[Be]){var We=`
|
|
5
|
+
`+se[ze].replace(" at new "," at ");return l.displayName&&We.includes("<anonymous>")&&(We=We.replace("<anonymous>",l.displayName)),typeof l=="function"&&K.set(l,We),We}while(ze>=1&&Be>=0);break}}}finally{ve=!1,y.current=Ee,j(),Error.prepareStackTrace=de}var Zt=l?l.displayName||l.name:"",pn=Zt?O(Zt):"";return typeof l=="function"&&K.set(l,pn),pn}function Oe(l,E,A){return S(l,!1)}function $(l){var E=l.prototype;return!!(E&&E.isReactComponent)}function U(l,E,A){if(l==null)return"";if(typeof l=="function")return S(l,$(l));if(typeof l=="string")return O(l);switch(l){case h:return O("Suspense");case a:return O("SuspenseList")}if(typeof l=="object")switch(l.$$typeof){case f:return Oe(l.render);case p:return U(l.type,E,A);case T:{var V=l,de=V._payload,Ee=V._init;try{return U(Ee(de),E,A)}catch{}}}return""}var Te=Object.prototype.hasOwnProperty,oe={},De=k.ReactDebugCurrentFrame;function tt(l){if(l){var E=l._owner,A=U(l.type,l._source,E?E.type:null);De.setExtraStackFrame(A)}else De.setExtraStackFrame(null)}function Ie(l,E,A,V,de){{var Ee=Function.call.bind(Te);for(var ce in l)if(Ee(l,ce)){var se=void 0;try{if(typeof l[ce]!="function"){var je=Error((V||"React class")+": "+A+" type `"+ce+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof l[ce]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw je.name="Invariant Violation",je}se=l[ce](E,ce,V,A,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(ze){se=ze}se&&!(se instanceof Error)&&(tt(de),_("%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).",V||"React class",A,ce,typeof se),tt(null)),se instanceof Error&&!(se.message in oe)&&(oe[se.message]=!0,tt(de),_("Failed %s type: %s",A,se.message),tt(null))}}}var Xt=Array.isArray;function lt(l){return Xt(l)}function Ve(l){{var E=typeof Symbol=="function"&&Symbol.toStringTag,A=E&&l[Symbol.toStringTag]||l.constructor.name||"Object";return A}}function X(l){try{return ke(l),!1}catch{return!0}}function ke(l){return""+l}function Vt(l){if(X(l))return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ve(l)),ke(l)}var ut=k.ReactCurrentOwner,rt={key:!0,ref:!0,__self:!0,__source:!0},sn,an,ni;ni={};function Ms(l){if(Te.call(l,"ref")){var E=Object.getOwnPropertyDescriptor(l,"ref").get;if(E&&E.isReactWarning)return!1}return l.ref!==void 0}function Ns(l){if(Te.call(l,"key")){var E=Object.getOwnPropertyDescriptor(l,"key").get;if(E&&E.isReactWarning)return!1}return l.key!==void 0}function js(l,E){if(typeof l.ref=="string"&&ut.current&&E&&ut.current.stateNode!==E){var A=q(ut.current.type);ni[A]||(_('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',q(ut.current.type),l.ref),ni[A]=!0)}}function Ys(l,E){{var A=function(){sn||(sn=!0,_("%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)",E))};A.isReactWarning=!0,Object.defineProperty(l,"key",{get:A,configurable:!0})}}function Fs(l,E){{var A=function(){an||(an=!0,_("%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)",E))};A.isReactWarning=!0,Object.defineProperty(l,"ref",{get:A,configurable:!0})}}var Ls=function(l,E,A,V,de,Ee,ce){var se={$$typeof:e,type:l,key:E,ref:A,props:ce,_owner:Ee};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:V}),Object.defineProperty(se,"_source",{configurable:!1,enumerable:!1,writable:!1,value:de}),Object.freeze&&(Object.freeze(se.props),Object.freeze(se)),se};function Xs(l,E,A,V,de){{var Ee,ce={},se=null,je=null;A!==void 0&&(Vt(A),se=""+A),Ns(E)&&(Vt(E.key),se=""+E.key),Ms(E)&&(je=E.ref,js(E,de));for(Ee in E)Te.call(E,Ee)&&!rt.hasOwnProperty(Ee)&&(ce[Ee]=E[Ee]);if(l&&l.defaultProps){var ze=l.defaultProps;for(Ee in ze)ce[Ee]===void 0&&(ce[Ee]=ze[Ee])}if(se||je){var Be=typeof l=="function"?l.displayName||l.name||"Unknown":l;se&&Ys(ce,Be),je&&Fs(ce,Be)}return Ls(l,se,je,de,V,ut.current,ce)}}var oi=k.ReactCurrentOwner,cn=k.ReactDebugCurrentFrame;function Wt(l){if(l){var E=l._owner,A=U(l.type,l._source,E?E.type:null);cn.setExtraStackFrame(A)}else cn.setExtraStackFrame(null)}var si;si=!1;function ai(l){return typeof l=="object"&&l!==null&&l.$$typeof===e}function ln(){{if(oi.current){var l=q(oi.current.type);if(l)return`
|
|
6
|
+
|
|
7
|
+
Check the render method of \``+l+"`."}return""}}function Vs(l){{if(l!==void 0){var E=l.fileName.replace(/^.*[\\\/]/,""),A=l.lineNumber;return`
|
|
8
|
+
|
|
9
|
+
Check your code at `+E+":"+A+"."}return""}}var un={};function Ws(l){{var E=ln();if(!E){var A=typeof l=="string"?l:l.displayName||l.name;A&&(E=`
|
|
10
|
+
|
|
11
|
+
Check the top-level render call using <`+A+">.")}return E}}function fn(l,E){{if(!l._store||l._store.validated||l.key!=null)return;l._store.validated=!0;var A=Ws(E);if(un[A])return;un[A]=!0;var V="";l&&l._owner&&l._owner!==oi.current&&(V=" It was passed a child from "+q(l._owner.type)+"."),Wt(l),_('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',A,V),Wt(null)}}function hn(l,E){{if(typeof l!="object")return;if(lt(l))for(var A=0;A<l.length;A++){var V=l[A];ai(V)&&fn(V,E)}else if(ai(l))l._store&&(l._store.validated=!0);else if(l){var de=g(l);if(typeof de=="function"&&de!==l.entries)for(var Ee=de.call(l),ce;!(ce=Ee.next()).done;)ai(ce.value)&&fn(ce.value,E)}}}function Zs(l){{var E=l.type;if(E==null||typeof E=="string")return;var A;if(typeof E=="function")A=E.propTypes;else if(typeof E=="object"&&(E.$$typeof===f||E.$$typeof===p))A=E.propTypes;else return;if(A){var V=q(E);Ie(A,l.props,"prop",V,l)}else if(E.PropTypes!==void 0&&!si){si=!0;var de=q(E);_("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",de||"Unknown")}typeof E.getDefaultProps=="function"&&!E.getDefaultProps.isReactClassApproved&&_("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Us(l){{for(var E=Object.keys(l.props),A=0;A<E.length;A++){var V=E[A];if(V!=="children"&&V!=="key"){Wt(l),_("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",V),Wt(null);break}}l.ref!==null&&(Wt(l),_("Invalid attribute `ref` supplied to `React.Fragment`."),Wt(null))}}function dn(l,E,A,V,de,Ee){{var ce=ue(l);if(!ce){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 je=Vs(de);je?se+=je:se+=ln();var ze;l===null?ze="null":lt(l)?ze="array":l!==void 0&&l.$$typeof===e?(ze="<"+(q(l.type)||"Unknown")+" />",se=" Did you accidentally export a JSX literal instead of a component?"):ze=typeof l,_("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",ze,se)}var Be=Xs(l,E,A,de,Ee);if(Be==null)return Be;if(ce){var We=E.children;if(We!==void 0)if(V)if(lt(We)){for(var Zt=0;Zt<We.length;Zt++)hn(We[Zt],l);Object.freeze&&Object.freeze(We)}else _("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===i?Us(Be):Zs(Be),Be}}function Gs(l,E,A){return dn(l,E,A,!0)}function qs(l,E,A){return dn(l,E,A,!1)}var Ks=qs,Js=Gs;Gt.Fragment=i,Gt.jsx=Ks,Gt.jsxs=Js}()),Gt}(function(r){process.env.NODE_ENV==="production"?r.exports=gn():r.exports=bn()})(Rr);const w=Rr.exports.jsx,le=Rr.exports.jsxs;var Hr=function(r,e){return Hr=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var o in i)i.hasOwnProperty(o)&&(t[o]=i[o])},Hr(r,e)};function Ot(r,e){Hr(r,e);function t(){this.constructor=r}r.prototype=e===null?Object.create(e):(t.prototype=e.prototype,new t)}function zr(r){return typeof r=="function"}var fi=!1,Ze={Promise:void 0,set useDeprecatedSynchronousErrorHandling(r){if(r){var e=new Error;""+e.stack}fi=r},get useDeprecatedSynchronousErrorHandling(){return fi}};function qt(r){setTimeout(function(){throw r},0)}var ar={closed:!0,next:function(r){},error:function(r){if(Ze.useDeprecatedSynchronousErrorHandling)throw r;qt(r)},complete:function(){}},vn=function(){return Array.isArray||function(r){return r&&typeof r.length=="number"}}();function xn(r){return r!==null&&typeof r=="object"}var Sn=function(){function r(e){return Error.call(this),this.message=e?e.length+` errors occurred during unsubscription:
|
|
12
|
+
`+e.map(function(t,i){return i+1+") "+t.toString()}).join(`
|
|
13
|
+
`):"",this.name="UnsubscriptionError",this.errors=e,this}return r.prototype=Object.create(Error.prototype),r}(),cr=Sn,Kt=function(){function r(e){this.closed=!1,this._parentOrParents=null,this._subscriptions=null,e&&(this._ctorUnsubscribe=!0,this._unsubscribe=e)}return r.prototype.unsubscribe=function(){var e;if(!this.closed){var t=this,i=t._parentOrParents,o=t._ctorUnsubscribe,s=t._unsubscribe,c=t._subscriptions;if(this.closed=!0,this._parentOrParents=null,this._subscriptions=null,i instanceof r)i.remove(this);else if(i!==null)for(var u=0;u<i.length;++u){var f=i[u];f.remove(this)}if(zr(s)){o&&(this._unsubscribe=void 0);try{s.call(this)}catch(p){e=p instanceof cr?hi(p.errors):[p]}}if(vn(c))for(var u=-1,h=c.length;++u<h;){var a=c[u];if(xn(a))try{a.unsubscribe()}catch(T){e=e||[],T instanceof cr?e=e.concat(hi(T.errors)):e.push(T)}}if(e)throw new cr(e)}},r.prototype.add=function(e){var t=e;if(!e)return r.EMPTY;switch(typeof e){case"function":t=new r(e);case"object":if(t===this||t.closed||typeof t.unsubscribe!="function")return t;if(this.closed)return t.unsubscribe(),t;if(!(t instanceof r)){var i=t;t=new r,t._subscriptions=[i]}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 r){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},r.prototype.remove=function(e){var t=this._subscriptions;if(t){var i=t.indexOf(e);i!==-1&&t.splice(i,1)}},r.EMPTY=function(e){return e.closed=!0,e}(new r),r}();function hi(r){return r.reduce(function(e,t){return e.concat(t instanceof cr?t.errors:t)},[])}var lr=function(){return typeof Symbol=="function"?Symbol("rxSubscriber"):"@@rxSubscriber_"+Math.random()}(),kt=function(r){Ot(e,r);function e(t,i,o){var s=r.call(this)||this;switch(s.syncErrorValue=null,s.syncErrorThrown=!1,s.syncErrorThrowable=!1,s.isStopped=!1,arguments.length){case 0:s.destination=ar;break;case 1:if(!t){s.destination=ar;break}if(typeof t=="object"){t instanceof e?(s.syncErrorThrowable=t.syncErrorThrowable,s.destination=t,t.add(s)):(s.syncErrorThrowable=!0,s.destination=new di(s,t));break}default:s.syncErrorThrowable=!0,s.destination=new di(s,t,i,o);break}return s}return e.prototype[lr]=function(){return this},e.create=function(t,i,o){var s=new e(t,i,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,r.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}(Kt),di=function(r){Ot(e,r);function e(t,i,o,s){var c=r.call(this)||this;c._parentSubscriber=t;var u,f=c;return zr(i)?u=i:i&&(u=i.next,o=i.error,s=i.complete,i!==ar&&(f=Object.create(i),zr(f.unsubscribe)&&c.add(f.unsubscribe.bind(f)),f.unsubscribe=c.unsubscribe.bind(c))),c._context=f,c._next=u,c._error=o,c._complete=s,c}return e.prototype.next=function(t){if(!this.isStopped&&this._next){var i=this._parentSubscriber;!Ze.useDeprecatedSynchronousErrorHandling||!i.syncErrorThrowable?this.__tryOrUnsub(this._next,t):this.__tryOrSetError(i,this._next,t)&&this.unsubscribe()}},e.prototype.error=function(t){if(!this.isStopped){var i=this._parentSubscriber,o=Ze.useDeprecatedSynchronousErrorHandling;if(this._error)!o||!i.syncErrorThrowable?(this.__tryOrUnsub(this._error,t),this.unsubscribe()):(this.__tryOrSetError(i,this._error,t),this.unsubscribe());else if(i.syncErrorThrowable)o?(i.syncErrorValue=t,i.syncErrorThrown=!0):qt(t),this.unsubscribe();else{if(this.unsubscribe(),o)throw t;qt(t)}}},e.prototype.complete=function(){var t=this;if(!this.isStopped){var i=this._parentSubscriber;if(this._complete){var o=function(){return t._complete.call(t._context)};!Ze.useDeprecatedSynchronousErrorHandling||!i.syncErrorThrowable?(this.__tryOrUnsub(o),this.unsubscribe()):(this.__tryOrSetError(i,o),this.unsubscribe())}else this.unsubscribe()}},e.prototype.__tryOrUnsub=function(t,i){try{t.call(this._context,i)}catch(o){if(this.unsubscribe(),Ze.useDeprecatedSynchronousErrorHandling)throw o;qt(o)}},e.prototype.__tryOrSetError=function(t,i,o){if(!Ze.useDeprecatedSynchronousErrorHandling)throw new Error("bad call");try{i.call(this._context,o)}catch(s){return Ze.useDeprecatedSynchronousErrorHandling?(t.syncErrorValue=s,t.syncErrorThrown=!0,!0):(qt(s),!0)}return!1},e.prototype._unsubscribe=function(){var t=this._parentSubscriber;this._context=null,this._parentSubscriber=null,t.unsubscribe()},e}(kt);function wn(r){for(;r;){var e=r,t=e.closed,i=e.destination,o=e.isStopped;if(t||o)return!1;i&&i instanceof kt?r=i:r=null}return!0}function En(r,e,t){if(r){if(r instanceof kt)return r;if(r[lr])return r[lr]()}return!r&&!e&&!t?new kt(ar):new kt(r,e,t)}var Cn=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}();function Tn(r){return r}function _n(r){return r.length===0?Tn:r.length===1?r[0]:function(t){return r.reduce(function(i,o){return o(i)},t)}}var pi=function(){function r(e){this._isScalar=!1,e&&(this._subscribe=e)}return r.prototype.lift=function(e){var t=new r;return t.source=this,t.operator=e,t},r.prototype.subscribe=function(e,t,i){var o=this.operator,s=En(e,t,i);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},r.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)}},r.prototype.forEach=function(e,t){var i=this;return t=mi(t),new t(function(o,s){var c;c=i.subscribe(function(u){try{e(u)}catch(f){s(f),c&&c.unsubscribe()}},s,o)})},r.prototype._subscribe=function(e){var t=this.source;return t&&t.subscribe(e)},r.prototype[Cn]=function(){return this},r.prototype.pipe=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.length===0?this:_n(e)(this)},r.prototype.toPromise=function(e){var t=this;return e=mi(e),new e(function(i,o){var s;t.subscribe(function(c){return s=c},function(c){return o(c)},function(){return i(s)})})},r.create=function(e){return new r(e)},r}();function mi(r){if(r||(r=Ze.Promise||Promise),!r)throw new Error("no Promise impl found");return r}var On=function(){function r(){return Error.call(this),this.message="object unsubscribed",this.name="ObjectUnsubscribedError",this}return r.prototype=Object.create(Error.prototype),r}(),Jt=On,kn=function(r){Ot(e,r);function e(t,i){var o=r.call(this)||this;return o.subject=t,o.subscriber=i,o.closed=!1,o}return e.prototype.unsubscribe=function(){if(!this.closed){this.closed=!0;var t=this.subject,i=t.observers;if(this.subject=null,!(!i||i.length===0||t.isStopped||t.closed)){var o=i.indexOf(this.subscriber);o!==-1&&i.splice(o,1)}}},e}(Kt),Pn=function(r){Ot(e,r);function e(t){var i=r.call(this,t)||this;return i.destination=t,i}return e}(kt),ht=function(r){Ot(e,r);function e(){var t=r.call(this)||this;return t.observers=[],t.closed=!1,t.isStopped=!1,t.hasError=!1,t.thrownError=null,t}return e.prototype[lr]=function(){return new Pn(this)},e.prototype.lift=function(t){var i=new yi(this,this);return i.operator=t,i},e.prototype.next=function(t){if(this.closed)throw new Jt;if(!this.isStopped)for(var i=this.observers,o=i.length,s=i.slice(),c=0;c<o;c++)s[c].next(t)},e.prototype.error=function(t){if(this.closed)throw new Jt;this.hasError=!0,this.thrownError=t,this.isStopped=!0;for(var i=this.observers,o=i.length,s=i.slice(),c=0;c<o;c++)s[c].error(t);this.observers.length=0},e.prototype.complete=function(){if(this.closed)throw new Jt;this.isStopped=!0;for(var t=this.observers,i=t.length,o=t.slice(),s=0;s<i;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 Jt;return r.prototype._trySubscribe.call(this,t)},e.prototype._subscribe=function(t){if(this.closed)throw new Jt;return this.hasError?(t.error(this.thrownError),Kt.EMPTY):this.isStopped?(t.complete(),Kt.EMPTY):(this.observers.push(t),new kn(this,t))},e.prototype.asObservable=function(){var t=new pi;return t.source=this,t},e.create=function(t,i){return new yi(t,i)},e}(pi),yi=function(r){Ot(e,r);function e(t,i){var o=r.call(this)||this;return o.destination=t,o.source=i,o}return e.prototype.next=function(t){var i=this.destination;i&&i.next&&i.next(t)},e.prototype.error=function(t){var i=this.destination;i&&i.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 i=this.source;return i?this.source.subscribe(t):Kt.EMPTY},e}(ht);class An{constructor(){M(this,gt,void 0);B(this,gt,new ht)}setVisibilityOfBanners(e){n(this,gt).next({device:e})}shiftBanners(){n(this,gt).next("shift")}setUserState(){n(this,gt).next("show")}getCameraSubject(){return n(this,gt).asObservable()}}gt=new WeakMap;const dt=new An,St=b.createContext();class Dr{constructor(){M(this,st,void 0);B(this,st,new ht)}changeHistogramSectionByOffset(e,t,i,o){n(this,st).next({name:t,axis:e,increment:i,defaultRange:o})}changeHistogramFunction(e,t){n(this,st).next({name:t,fFunction:e})}changeHistogramScale(e,t){n(this,st).next({name:t,scale:e})}changeMinRequestedBinValue(e,t){n(this,st).next({name:t,minValue:e})}getChangedSection(){return n(this,st).asObservable()}}st=new WeakMap;const it=new Dr,Se=new Dr,Pe=new Dr;var ur={exports:{}},pe={};var gi;function $n(){if(gi)return pe;gi=1;var r=Symbol.for("react.element"),e=Symbol.for("react.portal"),t=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),c=Symbol.for("react.context"),u=Symbol.for("react.server_context"),f=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),a=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),D=Symbol.for("react.offscreen"),v;v=Symbol.for("react.module.reference");function d(g){if(typeof g=="object"&&g!==null){var k=g.$$typeof;switch(k){case r:switch(g=g.type,g){case t:case o:case i:case h:case a:return g;default:switch(g=g&&g.$$typeof,g){case u:case c:case f:case T:case p:case s:return g;default:return k}}case e:return k}}}return pe.ContextConsumer=c,pe.ContextProvider=s,pe.Element=r,pe.ForwardRef=f,pe.Fragment=t,pe.Lazy=T,pe.Memo=p,pe.Portal=e,pe.Profiler=o,pe.StrictMode=i,pe.Suspense=h,pe.SuspenseList=a,pe.isAsyncMode=function(){return!1},pe.isConcurrentMode=function(){return!1},pe.isContextConsumer=function(g){return d(g)===c},pe.isContextProvider=function(g){return d(g)===s},pe.isElement=function(g){return typeof g=="object"&&g!==null&&g.$$typeof===r},pe.isForwardRef=function(g){return d(g)===f},pe.isFragment=function(g){return d(g)===t},pe.isLazy=function(g){return d(g)===T},pe.isMemo=function(g){return d(g)===p},pe.isPortal=function(g){return d(g)===e},pe.isProfiler=function(g){return d(g)===o},pe.isStrictMode=function(g){return d(g)===i},pe.isSuspense=function(g){return d(g)===h},pe.isSuspenseList=function(g){return d(g)===a},pe.isValidElementType=function(g){return typeof g=="string"||typeof g=="function"||g===t||g===o||g===i||g===h||g===a||g===D||typeof g=="object"&&g!==null&&(g.$$typeof===T||g.$$typeof===p||g.$$typeof===s||g.$$typeof===c||g.$$typeof===f||g.$$typeof===v||g.getModuleId!==void 0)},pe.typeOf=d,pe}var me={};var bi;function Rn(){return bi||(bi=1,process.env.NODE_ENV!=="production"&&function(){var r=Symbol.for("react.element"),e=Symbol.for("react.portal"),t=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),c=Symbol.for("react.context"),u=Symbol.for("react.server_context"),f=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),a=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),D=Symbol.for("react.offscreen"),v=!1,d=!1,g=!1,k=!1,_=!1,z;z=Symbol.for("react.module.reference");function x($){return!!(typeof $=="string"||typeof $=="function"||$===t||$===o||_||$===i||$===h||$===a||k||$===D||v||d||g||typeof $=="object"&&$!==null&&($.$$typeof===T||$.$$typeof===p||$.$$typeof===s||$.$$typeof===c||$.$$typeof===f||$.$$typeof===z||$.getModuleId!==void 0))}function m($){if(typeof $=="object"&&$!==null){var U=$.$$typeof;switch(U){case r:var Te=$.type;switch(Te){case t:case o:case i:case h:case a:return Te;default:var oe=Te&&Te.$$typeof;switch(oe){case u:case c:case f:case T:case p:case s:return oe;default:return U}}case e:return U}}}var ee=c,te=s,C=r,G=f,ue=t,we=T,W=p,q=e,re=o,Z=i,Y=h,be=a,he=!1,Ce=!1;function _e($){return he||(he=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function Ne($){return Ce||(Ce=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1}function R($){return m($)===c}function P($){return m($)===s}function H($){return typeof $=="object"&&$!==null&&$.$$typeof===r}function j($){return m($)===f}function y($){return m($)===t}function ie($){return m($)===T}function O($){return m($)===p}function ve($){return m($)===e}function K($){return m($)===o}function ne($){return m($)===i}function S($){return m($)===h}function Oe($){return m($)===a}me.ContextConsumer=ee,me.ContextProvider=te,me.Element=C,me.ForwardRef=G,me.Fragment=ue,me.Lazy=we,me.Memo=W,me.Portal=q,me.Profiler=re,me.StrictMode=Z,me.Suspense=Y,me.SuspenseList=be,me.isAsyncMode=_e,me.isConcurrentMode=Ne,me.isContextConsumer=R,me.isContextProvider=P,me.isElement=H,me.isForwardRef=j,me.isFragment=y,me.isLazy=ie,me.isMemo=O,me.isPortal=ve,me.isProfiler=K,me.isStrictMode=ne,me.isSuspense=S,me.isSuspenseList=Oe,me.isValidElementType=x,me.typeOf=m}()),me}(function(r){process.env.NODE_ENV==="production"?r.exports=$n():r.exports=Rn()})(ur);function Hn(r){function e(R,P,H,j,y){for(var ie=0,O=0,ve=0,K=0,ne,S,Oe=0,$=0,U,Te=U=ne=0,oe=0,De=0,tt=0,Ie=0,Xt=H.length,lt=Xt-1,Ve,X="",ke="",Vt="",ut="",rt;oe<Xt;){if(S=H.charCodeAt(oe),oe===lt&&O+K+ve+ie!==0&&(O!==0&&(S=O===47?10:47),K=ve=ie=0,Xt++,lt++),O+K+ve+ie===0){if(oe===lt&&(0<De&&(X=X.replace(T,"")),0<X.trim().length)){switch(S){case 32:case 9:case 59:case 13:case 10:break;default:X+=H.charAt(oe)}S=59}switch(S){case 123:for(X=X.trim(),ne=X.charCodeAt(0),U=1,Ie=++oe;oe<Xt;){switch(S=H.charCodeAt(oe)){case 123:U++;break;case 125:U--;break;case 47:switch(S=H.charCodeAt(oe+1)){case 42:case 47:e:{for(Te=oe+1;Te<lt;++Te)switch(H.charCodeAt(Te)){case 47:if(S===42&&H.charCodeAt(Te-1)===42&&oe+2!==Te){oe=Te+1;break e}break;case 10:if(S===47){oe=Te+1;break e}}oe=Te}}break;case 91:S++;case 40:S++;case 34:case 39:for(;oe++<lt&&H.charCodeAt(oe)!==S;);}if(U===0)break;oe++}switch(U=H.substring(Ie,oe),ne===0&&(ne=(X=X.replace(p,"").trim()).charCodeAt(0)),ne){case 64:switch(0<De&&(X=X.replace(T,"")),S=X.charCodeAt(1),S){case 100:case 109:case 115:case 45:De=P;break;default:De=Y}if(U=e(P,De,U,S,y+1),Ie=U.length,0<he&&(De=t(Y,X,tt),rt=u(3,U,De,P,q,W,Ie,S,y,j),X=De.join(""),rt!==void 0&&(Ie=(U=rt.trim()).length)===0&&(S=0,U="")),0<Ie)switch(S){case 115:X=X.replace(ee,c);case 100:case 109:case 45:U=X+"{"+U+"}";break;case 107:X=X.replace(_,"$1 $2"),U=X+"{"+U+"}",U=Z===1||Z===2&&s("@"+U,3)?"@-webkit-"+U+"@"+U:"@"+U;break;default:U=X+U,j===112&&(U=(ke+=U,""))}else U="";break;default:U=e(P,t(P,X,tt),U,j,y+1)}Vt+=U,U=tt=De=Te=ne=0,X="",S=H.charCodeAt(++oe);break;case 125:case 59:if(X=(0<De?X.replace(T,""):X).trim(),1<(Ie=X.length))switch(Te===0&&(ne=X.charCodeAt(0),ne===45||96<ne&&123>ne)&&(Ie=(X=X.replace(" ",":")).length),0<he&&(rt=u(1,X,P,R,q,W,ke.length,j,y,j))!==void 0&&(Ie=(X=rt.trim()).length)===0&&(X="\0\0"),ne=X.charCodeAt(0),S=X.charCodeAt(1),ne){case 0:break;case 64:if(S===105||S===99){ut+=X+H.charAt(oe);break}default:X.charCodeAt(Ie-1)!==58&&(ke+=o(X,ne,S,X.charCodeAt(2)))}tt=De=Te=ne=0,X="",S=H.charCodeAt(++oe)}}switch(S){case 13:case 10:O===47?O=0:1+ne===0&&j!==107&&0<X.length&&(De=1,X+="\0"),0<he*_e&&u(0,X,P,R,q,W,ke.length,j,y,j),W=1,q++;break;case 59:case 125:if(O+K+ve+ie===0){W++;break}default:switch(W++,Ve=H.charAt(oe),S){case 9:case 32:if(K+ie+O===0)switch(Oe){case 44:case 58:case 9:case 32:Ve="";break;default:S!==32&&(Ve=" ")}break;case 0:Ve="\\0";break;case 12:Ve="\\f";break;case 11:Ve="\\v";break;case 38:K+O+ie===0&&(De=tt=1,Ve="\f"+Ve);break;case 108:if(K+O+ie+re===0&&0<Te)switch(oe-Te){case 2:Oe===112&&H.charCodeAt(oe-3)===58&&(re=Oe);case 8:$===111&&(re=$)}break;case 58:K+O+ie===0&&(Te=oe);break;case 44:O+ve+K+ie===0&&(De=1,Ve+="\r");break;case 34:case 39:O===0&&(K=K===S?0:K===0?S:K);break;case 91:K+O+ve===0&&ie++;break;case 93:K+O+ve===0&&ie--;break;case 41:K+O+ie===0&&ve--;break;case 40:if(K+O+ie===0){if(ne===0)switch(2*Oe+3*$){case 533:break;default:ne=1}ve++}break;case 64:O+ve+K+ie+Te+U===0&&(U=1);break;case 42:case 47:if(!(0<K+ie+ve))switch(O){case 0:switch(2*S+3*H.charCodeAt(oe+1)){case 235:O=47;break;case 220:Ie=oe,O=42}break;case 42:S===47&&Oe===42&&Ie+2!==oe&&(H.charCodeAt(Ie+2)===33&&(ke+=H.substring(Ie,oe+1)),Ve="",O=0)}}O===0&&(X+=Ve)}$=Oe,Oe=S,oe++}if(Ie=ke.length,0<Ie){if(De=P,0<he&&(rt=u(2,ke,De,R,q,W,Ie,j,y,j),rt!==void 0&&(ke=rt).length===0))return ut+ke+Vt;if(ke=De.join(",")+"{"+ke+"}",Z*re!==0){switch(Z!==2||s(ke,2)||(re=0),re){case 111:ke=ke.replace(x,":-moz-$1")+ke;break;case 112:ke=ke.replace(z,"::-webkit-input-$1")+ke.replace(z,"::-moz-$1")+ke.replace(z,":-ms-input-$1")+ke}re=0}}return ut+ke+Vt}function t(R,P,H){var j=P.trim().split(g);P=j;var y=j.length,ie=R.length;switch(ie){case 0:case 1:var O=0;for(R=ie===0?"":R[0]+" ";O<y;++O)P[O]=i(R,P[O],H).trim();break;default:var ve=O=0;for(P=[];O<y;++O)for(var K=0;K<ie;++K)P[ve++]=i(R[K]+" ",j[O],H).trim()}return P}function i(R,P,H){var j=P.charCodeAt(0);switch(33>j&&(j=(P=P.trim()).charCodeAt(0)),j){case 38:return P.replace(k,"$1"+R.trim());case 58:return R.trim()+P.replace(k,"$1"+R.trim());default:if(0<1*H&&0<P.indexOf("\f"))return P.replace(k,(R.charCodeAt(0)===58?"":"$1")+R.trim())}return R+P}function o(R,P,H,j){var y=R+";",ie=2*P+3*H+4*j;if(ie===944){R=y.indexOf(":",9)+1;var O=y.substring(R,y.length-1).trim();return O=y.substring(0,R).trim()+O+";",Z===1||Z===2&&s(O,1)?"-webkit-"+O+O:O}if(Z===0||Z===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(we,"$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 O=y.substring(y.indexOf(":",15)).replace("flex-","").replace("space-between","justify"),"-webkit-box-pack"+O+"-webkit-"+y+"-ms-flex-pack"+O+y;case 1005:return v.test(y)?y.replace(D,":-webkit-")+y.replace(D,":-moz-")+y:y;case 1e3:switch(O=y.substring(13).trim(),P=O.indexOf("-")+1,O.charCodeAt(0)+O.charCodeAt(P)){case 226:O=y.replace(m,"tb");break;case 232:O=y.replace(m,"tb-rl");break;case 220:O=y.replace(m,"lr");break;default:return y}return"-webkit-"+y+"-ms-"+O+y;case 1017:if(y.indexOf("sticky",9)===-1)break;case 975:switch(P=(y=R).length-10,O=(y.charCodeAt(P)===33?y.substring(0,P):y).substring(R.indexOf(":",7)+1).trim(),ie=O.charCodeAt(0)+(O.charCodeAt(7)|0)){case 203:if(111>O.charCodeAt(8))break;case 115:y=y.replace(O,"-webkit-"+O)+";"+y;break;case 207:case 102:y=y.replace(O,"-webkit-"+(102<ie?"inline-":"")+"box")+";"+y.replace(O,"-webkit-"+O)+";"+y.replace(O,"-ms-"+O+"box")+";"+y}return y+";";case 938:if(y.charCodeAt(5)===45)switch(y.charCodeAt(6)){case 105:return O=y.replace("-items",""),"-webkit-"+y+"-webkit-box-"+O+"-ms-flex-"+O+y;case 115:return"-webkit-"+y+"-ms-flex-item-"+y.replace(C,"")+y;default:return"-webkit-"+y+"-ms-flex-line-pack"+y.replace("align-content","").replace(C,"")+y}break;case 973:case 989:if(y.charCodeAt(3)!==45||y.charCodeAt(4)===122)break;case 931:case 953:if(ue.test(R)===!0)return(O=R.substring(R.indexOf(":")+1)).charCodeAt(0)===115?o(R.replace("stretch","fill-available"),P,H,j).replace(":fill-available",":stretch"):y.replace(O,"-webkit-"+O)+y.replace(O,"-moz-"+O.replace("fill-",""))+y;break;case 962:if(y="-webkit-"+y+(y.charCodeAt(5)===102?"-ms-"+y:"")+y,H+j===211&&y.charCodeAt(13)===105&&0<y.indexOf("transform",10))return y.substring(0,y.indexOf(";",27)+1).replace(d,"$1-webkit-$2")+y}return y}function s(R,P){var H=R.indexOf(P===1?":":"{"),j=R.substring(0,P!==3?H:10);return H=R.substring(H+1,R.length-1),Ce(P!==2?j:j.replace(G,"$1"),H,P)}function c(R,P){var H=o(P,P.charCodeAt(0),P.charCodeAt(1),P.charCodeAt(2));return H!==P+";"?H.replace(te," or ($1)").substring(4):"("+P+")"}function u(R,P,H,j,y,ie,O,ve,K,ne){for(var S=0,Oe=P,$;S<he;++S)switch($=be[S].call(a,R,Oe,H,j,y,ie,O,ve,K,ne)){case void 0:case!1:case!0:case null:break;default:Oe=$}if(Oe!==P)return Oe}function f(R){switch(R){case void 0:case null:he=be.length=0;break;default:if(typeof R=="function")be[he++]=R;else if(typeof R=="object")for(var P=0,H=R.length;P<H;++P)f(R[P]);else _e=!!R|0}return f}function h(R){return R=R.prefix,R!==void 0&&(Ce=null,R?typeof R!="function"?Z=1:(Z=2,Ce=R):Z=0),h}function a(R,P){var H=R;if(33>H.charCodeAt(0)&&(H=H.trim()),Ne=H,H=[Ne],0<he){var j=u(-1,P,H,H,q,W,0,0,0,0);j!==void 0&&typeof j=="string"&&(P=j)}var y=e(Y,H,P,0,0);return 0<he&&(j=u(-2,y,H,H,q,W,y.length,0,0,0),j!==void 0&&(y=j)),Ne="",re=0,W=q=1,y}var p=/^\0+/g,T=/[\0\r\f]/g,D=/: */g,v=/zoo|gra/,d=/([,: ])(transform)/g,g=/,\r+?/g,k=/([\t\r\n ])*\f?&/g,_=/@(k\w+)\s*(\S*)\s*/,z=/::(place)/g,x=/:(read-only)/g,m=/[svh]\w+-[tblr]{2}/,ee=/\(\s*(.*)\s*\)/g,te=/([\s\S]*?);/g,C=/-self|flex-/g,G=/[^]*?(:[rp][el]a[\w-]+)[^]*/,ue=/stretch|:\s*\w+\-(?:conte|avail)/,we=/([^-])(image-set\()/,W=1,q=1,re=0,Z=1,Y=[],be=[],he=0,Ce=null,_e=0,Ne="";return a.use=f,a.set=h,r!==void 0&&h(r),a}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(r){var e=Object.create(null);return function(t){return e[t]===void 0&&(e[t]=r(t)),e[t]}}var Bn=/^((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)-.*))$/,vi=Dn(function(r){return Bn.test(r)||r.charCodeAt(0)===111&&r.charCodeAt(1)===110&&r.charCodeAt(2)<91}),xi={exports:{}},ye={};var Si;function In(){if(Si)return ye;Si=1;var r=typeof Symbol=="function"&&Symbol.for,e=r?Symbol.for("react.element"):60103,t=r?Symbol.for("react.portal"):60106,i=r?Symbol.for("react.fragment"):60107,o=r?Symbol.for("react.strict_mode"):60108,s=r?Symbol.for("react.profiler"):60114,c=r?Symbol.for("react.provider"):60109,u=r?Symbol.for("react.context"):60110,f=r?Symbol.for("react.async_mode"):60111,h=r?Symbol.for("react.concurrent_mode"):60111,a=r?Symbol.for("react.forward_ref"):60112,p=r?Symbol.for("react.suspense"):60113,T=r?Symbol.for("react.suspense_list"):60120,D=r?Symbol.for("react.memo"):60115,v=r?Symbol.for("react.lazy"):60116,d=r?Symbol.for("react.block"):60121,g=r?Symbol.for("react.fundamental"):60117,k=r?Symbol.for("react.responder"):60118,_=r?Symbol.for("react.scope"):60119;function z(m){if(typeof m=="object"&&m!==null){var ee=m.$$typeof;switch(ee){case e:switch(m=m.type,m){case f:case h:case i:case s:case o:case p:return m;default:switch(m=m&&m.$$typeof,m){case u:case a:case v:case D:case c:return m;default:return ee}}case t:return ee}}}function x(m){return z(m)===h}return ye.AsyncMode=f,ye.ConcurrentMode=h,ye.ContextConsumer=u,ye.ContextProvider=c,ye.Element=e,ye.ForwardRef=a,ye.Fragment=i,ye.Lazy=v,ye.Memo=D,ye.Portal=t,ye.Profiler=s,ye.StrictMode=o,ye.Suspense=p,ye.isAsyncMode=function(m){return x(m)||z(m)===f},ye.isConcurrentMode=x,ye.isContextConsumer=function(m){return z(m)===u},ye.isContextProvider=function(m){return z(m)===c},ye.isElement=function(m){return typeof m=="object"&&m!==null&&m.$$typeof===e},ye.isForwardRef=function(m){return z(m)===a},ye.isFragment=function(m){return z(m)===i},ye.isLazy=function(m){return z(m)===v},ye.isMemo=function(m){return z(m)===D},ye.isPortal=function(m){return z(m)===t},ye.isProfiler=function(m){return z(m)===s},ye.isStrictMode=function(m){return z(m)===o},ye.isSuspense=function(m){return z(m)===p},ye.isValidElementType=function(m){return typeof m=="string"||typeof m=="function"||m===i||m===h||m===s||m===o||m===p||m===T||typeof m=="object"&&m!==null&&(m.$$typeof===v||m.$$typeof===D||m.$$typeof===c||m.$$typeof===u||m.$$typeof===a||m.$$typeof===g||m.$$typeof===k||m.$$typeof===_||m.$$typeof===d)},ye.typeOf=z,ye}var ge={};var wi;function Mn(){return wi||(wi=1,process.env.NODE_ENV!=="production"&&function(){var r=typeof Symbol=="function"&&Symbol.for,e=r?Symbol.for("react.element"):60103,t=r?Symbol.for("react.portal"):60106,i=r?Symbol.for("react.fragment"):60107,o=r?Symbol.for("react.strict_mode"):60108,s=r?Symbol.for("react.profiler"):60114,c=r?Symbol.for("react.provider"):60109,u=r?Symbol.for("react.context"):60110,f=r?Symbol.for("react.async_mode"):60111,h=r?Symbol.for("react.concurrent_mode"):60111,a=r?Symbol.for("react.forward_ref"):60112,p=r?Symbol.for("react.suspense"):60113,T=r?Symbol.for("react.suspense_list"):60120,D=r?Symbol.for("react.memo"):60115,v=r?Symbol.for("react.lazy"):60116,d=r?Symbol.for("react.block"):60121,g=r?Symbol.for("react.fundamental"):60117,k=r?Symbol.for("react.responder"):60118,_=r?Symbol.for("react.scope"):60119;function z(S){return typeof S=="string"||typeof S=="function"||S===i||S===h||S===s||S===o||S===p||S===T||typeof S=="object"&&S!==null&&(S.$$typeof===v||S.$$typeof===D||S.$$typeof===c||S.$$typeof===u||S.$$typeof===a||S.$$typeof===g||S.$$typeof===k||S.$$typeof===_||S.$$typeof===d)}function x(S){if(typeof S=="object"&&S!==null){var Oe=S.$$typeof;switch(Oe){case e:var $=S.type;switch($){case f:case h:case i:case s:case o:case p:return $;default:var U=$&&$.$$typeof;switch(U){case u:case a:case v:case D:case c:return U;default:return Oe}}case t:return Oe}}}var m=f,ee=h,te=u,C=c,G=e,ue=a,we=i,W=v,q=D,re=t,Z=s,Y=o,be=p,he=!1;function Ce(S){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.")),_e(S)||x(S)===f}function _e(S){return x(S)===h}function Ne(S){return x(S)===u}function R(S){return x(S)===c}function P(S){return typeof S=="object"&&S!==null&&S.$$typeof===e}function H(S){return x(S)===a}function j(S){return x(S)===i}function y(S){return x(S)===v}function ie(S){return x(S)===D}function O(S){return x(S)===t}function ve(S){return x(S)===s}function K(S){return x(S)===o}function ne(S){return x(S)===p}ge.AsyncMode=m,ge.ConcurrentMode=ee,ge.ContextConsumer=te,ge.ContextProvider=C,ge.Element=G,ge.ForwardRef=ue,ge.Fragment=we,ge.Lazy=W,ge.Memo=q,ge.Portal=re,ge.Profiler=Z,ge.StrictMode=Y,ge.Suspense=be,ge.isAsyncMode=Ce,ge.isConcurrentMode=_e,ge.isContextConsumer=Ne,ge.isContextProvider=R,ge.isElement=P,ge.isForwardRef=H,ge.isFragment=j,ge.isLazy=y,ge.isMemo=ie,ge.isPortal=O,ge.isProfiler=ve,ge.isStrictMode=K,ge.isSuspense=ne,ge.isValidElementType=z,ge.typeOf=x}()),ge}(function(r){process.env.NODE_ENV==="production"?r.exports=In():r.exports=Mn()})(xi);var Br=xi.exports,Nn={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},jn={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},Ei={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Ir={};Ir[Br.ForwardRef]=Yn,Ir[Br.Memo]=Ei;function Ci(r){return Br.isMemo(r)?Ei:Ir[r.$$typeof]||Nn}var Fn=Object.defineProperty,Ln=Object.getOwnPropertyNames,Ti=Object.getOwnPropertySymbols,Xn=Object.getOwnPropertyDescriptor,Vn=Object.getPrototypeOf,_i=Object.prototype;function Oi(r,e,t){if(typeof e!="string"){if(_i){var i=Vn(e);i&&i!==_i&&Oi(r,i,t)}var o=Ln(e);Ti&&(o=o.concat(Ti(e)));for(var s=Ci(r),c=Ci(e),u=0;u<o.length;++u){var f=o[u];if(!jn[f]&&!(t&&t[f])&&!(c&&c[f])&&!(s&&s[f])){var h=Xn(e,f);try{Fn(r,f,h)}catch{}}}}return r}var Wn=Oi;function nt(){return(nt=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(r[i]=t[i])}return r}).apply(this,arguments)}var ki=function(r,e){for(var t=[r[0]],i=0,o=e.length;i<o;i+=1)t.push(e[i],r[i+1]);return t},Mr=function(r){return r!==null&&typeof r=="object"&&(r.toString?r.toString():Object.prototype.toString.call(r))==="[object Object]"&&!ur.exports.typeOf(r)},fr=Object.freeze([]),pt=Object.freeze({});function Qt(r){return typeof r=="function"}function Nr(r){return process.env.NODE_ENV!=="production"&&typeof r=="string"&&r||r.displayName||r.name||"Component"}function jr(r){return r&&typeof r.styledComponentId=="string"}var Pt=typeof process<"u"&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Yr=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
|
+
|
|
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
|
+
|
|
17
|
+
- Are you trying to reuse it across renders?
|
|
18
|
+
- Are you accidentally calling collectStyles twice?
|
|
19
|
+
|
|
20
|
+
`,3:`Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
|
|
21
|
+
|
|
22
|
+
`,4:`The \`StyleSheetManager\` expects a valid target or sheet prop!
|
|
23
|
+
|
|
24
|
+
- Does this error occur on the client and is your target falsy?
|
|
25
|
+
- Does this error occur on the server and is the sheet falsy?
|
|
26
|
+
|
|
27
|
+
`,5:`The clone method cannot be used on the client!
|
|
28
|
+
|
|
29
|
+
- Are you running in a client-like environment on the server?
|
|
30
|
+
- Are you trying to run SSR on the client?
|
|
31
|
+
|
|
32
|
+
`,6:`Trying to insert a new style tag, but the given Node is unmounted!
|
|
33
|
+
|
|
34
|
+
- Are you using a custom target that isn't mounted?
|
|
35
|
+
- Does your document not have a valid head element?
|
|
36
|
+
- Have you accidentally removed a style tag manually?
|
|
37
|
+
|
|
38
|
+
`,7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:`ThemeProvider: Please make your "theme" prop an object.
|
|
39
|
+
|
|
40
|
+
`,9:"Missing document `<head>`\n\n",10:`Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021
|
|
41
|
+
|
|
42
|
+
`,11:`_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.
|
|
43
|
+
|
|
44
|
+
`,12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:`%s 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.
|
|
45
|
+
|
|
46
|
+
`,14:`ThemeProvider: "theme" prop is required.
|
|
47
|
+
|
|
48
|
+
`,15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:`Reached the limit of how many styled components may be created at group %s.
|
|
49
|
+
You may only create up to 1,073,741,824 components. If you're creating components dynamically,
|
|
50
|
+
as for instance in your render method then you may be running into this limitation.
|
|
51
|
+
|
|
52
|
+
`,17:`CSSStyleSheet could not be found on HTMLStyleElement.
|
|
53
|
+
Has styled-components' style tag been unmounted or altered by another script?
|
|
54
|
+
`}:{};function Gn(){for(var r=arguments.length<=0?void 0:arguments[0],e=[],t=1,i=arguments.length;t<i;t+=1)e.push(t<0||arguments.length<=t?void 0:arguments[t]);return e.forEach(function(o){r=r.replace(/%[a-z]/,o)}),r}function At(r){for(var e=arguments.length,t=new Array(e>1?e-1:0),i=1;i<e;i++)t[i-1]=arguments[i];throw process.env.NODE_ENV==="production"?new Error("An error occurred. See https://git.io/JUIaE#"+r+" for more information."+(t.length>0?" Args: "+t.join(", "):"")):new Error(Gn.apply(void 0,[Un[r]].concat(t)).trim())}var qn=function(){function r(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}var e=r.prototype;return e.indexOfGroup=function(t){for(var i=0,o=0;o<t;o++)i+=this.groupSizes[o];return i},e.insertRules=function(t,i){if(t>=this.groupSizes.length){for(var o=this.groupSizes,s=o.length,c=s;t>=c;)(c<<=1)<0&&At(16,""+t);this.groupSizes=new Uint32Array(c),this.groupSizes.set(o),this.length=c;for(var u=s;u<c;u++)this.groupSizes[u]=0}for(var f=this.indexOfGroup(t+1),h=0,a=i.length;h<a;h++)this.tag.insertRule(f,i[h])&&(this.groupSizes[t]++,f++)},e.clearGroup=function(t){if(t<this.length){var i=this.groupSizes[t],o=this.indexOfGroup(t),s=o+i;this.groupSizes[t]=0;for(var c=o;c<s;c++)this.tag.deleteRule(o)}},e.getGroup=function(t){var i="";if(t>=this.length||this.groupSizes[t]===0)return i;for(var o=this.groupSizes[t],s=this.indexOfGroup(t),c=s+o,u=s;u<c;u++)i+=this.tag.getRule(u)+`/*!sc*/
|
|
55
|
+
`;return i},r}(),hr=new Map,dr=new Map,er=1,pr=function(r){if(hr.has(r))return hr.get(r);for(;dr.has(er);)er++;var e=er++;return process.env.NODE_ENV!=="production"&&((0|e)<0||e>1<<30)&&At(16,""+e),hr.set(r,e),dr.set(e,r),e},Kn=function(r){return dr.get(r)},Jn=function(r,e){e>=er&&(er=e+1),hr.set(r,e),dr.set(e,r)},Qn="style["+Pt+'][data-styled-version="5.3.6"]',eo=new RegExp("^"+Pt+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),to=function(r,e,t){for(var i,o=t.split(","),s=0,c=o.length;s<c;s++)(i=o[s])&&r.registerName(e,i)},ro=function(r,e){for(var t=(e.textContent||"").split(`/*!sc*/
|
|
56
|
+
`),i=[],o=0,s=t.length;o<s;o++){var c=t[o].trim();if(c){var u=c.match(eo);if(u){var f=0|parseInt(u[1],10),h=u[2];f!==0&&(Jn(h,f),to(r,h,u[3]),r.getTag().insertRules(f,i)),i.length=0}else i.push(c)}}},io=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null},Pi=function(r){var e=document.head,t=r||e,i=document.createElement("style"),o=function(u){for(var f=u.childNodes,h=f.length;h>=0;h--){var a=f[h];if(a&&a.nodeType===1&&a.hasAttribute(Pt))return a}}(t),s=o!==void 0?o.nextSibling:null;i.setAttribute(Pt,"active"),i.setAttribute("data-styled-version","5.3.6");var c=io();return c&&i.setAttribute("nonce",c),t.insertBefore(i,s),i},no=function(){function r(t){var i=this.element=Pi(t);i.appendChild(document.createTextNode("")),this.sheet=function(o){if(o.sheet)return o.sheet;for(var s=document.styleSheets,c=0,u=s.length;c<u;c++){var f=s[c];if(f.ownerNode===o)return f}At(17)}(i),this.length=0}var e=r.prototype;return e.insertRule=function(t,i){try{return this.sheet.insertRule(i,t),this.length++,!0}catch{return!1}},e.deleteRule=function(t){this.sheet.deleteRule(t),this.length--},e.getRule=function(t){var i=this.sheet.cssRules[t];return i!==void 0&&typeof i.cssText=="string"?i.cssText:""},r}(),oo=function(){function r(t){var i=this.element=Pi(t);this.nodes=i.childNodes,this.length=0}var e=r.prototype;return e.insertRule=function(t,i){if(t<=this.length&&t>=0){var o=document.createTextNode(i),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:""},r}(),so=function(){function r(t){this.rules=[],this.length=0}var e=r.prototype;return e.insertRule=function(t,i){return t<=this.length&&(this.rules.splice(t,0,i),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]:""},r}(),Ai=Yr,ao={isServer:!Yr,useCSSOMInjection:!Zn},$i=function(){function r(t,i,o){t===void 0&&(t=pt),i===void 0&&(i={}),this.options=nt({},ao,{},t),this.gs=i,this.names=new Map(o),this.server=!!t.isServer,!this.server&&Yr&&Ai&&(Ai=!1,function(s){for(var c=document.querySelectorAll(Qn),u=0,f=c.length;u<f;u++){var h=c[u];h&&h.getAttribute(Pt)!=="active"&&(ro(s,h),h.parentNode&&h.parentNode.removeChild(h))}}(this))}r.registerId=function(t){return pr(t)};var e=r.prototype;return e.reconstructWithOptions=function(t,i){return i===void 0&&(i=!0),new r(nt({},this.options,{},t),this.gs,i&&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=(i=this.options).isServer,s=i.useCSSOMInjection,c=i.target,t=o?new so(c):s?new no(c):new oo(c),new qn(t)));var t,i,o,s,c},e.hasNameForId=function(t,i){return this.names.has(t)&&this.names.get(t).has(i)},e.registerName=function(t,i){if(pr(t),this.names.has(t))this.names.get(t).add(i);else{var o=new Set;o.add(i),this.names.set(t,o)}},e.insertRules=function(t,i,o){this.registerName(t,i),this.getTag().insertRules(pr(t),o)},e.clearNames=function(t){this.names.has(t)&&this.names.get(t).clear()},e.clearRules=function(t){this.getTag().clearGroup(pr(t)),this.clearNames(t)},e.clearTag=function(){this.tag=void 0},e.toString=function(){return function(t){for(var i=t.getTag(),o=i.length,s="",c=0;c<o;c++){var u=Kn(c);if(u!==void 0){var f=t.names.get(u),h=i.getGroup(c);if(f&&h&&f.size){var a=Pt+".g"+c+'[id="'+u+'"]',p="";f!==void 0&&f.forEach(function(T){T.length>0&&(p+=T+",")}),s+=""+h+a+'{content:"'+p+`"}/*!sc*/
|
|
57
|
+
`}}}return s}(this)},r}(),co=/(a)(d)/gi,Ri=function(r){return String.fromCharCode(r+(r>25?39:97))};function Fr(r){var e,t="";for(e=Math.abs(r);e>52;e=e/52|0)t=Ri(e%52)+t;return(Ri(e%52)+t).replace(co,"$1-$2")}var wt=function(r,e){for(var t=e.length;t;)r=33*r^e.charCodeAt(--t);return r},Hi=function(r){return wt(5381,r)};function lo(r){for(var e=0;e<r.length;e+=1){var t=r[e];if(Qt(t)&&!jr(t))return!1}return!0}var uo=Hi("5.3.6"),fo=function(){function r(e,t,i){this.rules=e,this.staticRulesId="",this.isStatic=process.env.NODE_ENV==="production"&&(i===void 0||i.isStatic)&&lo(e),this.componentId=t,this.baseHash=wt(uo,t),this.baseStyle=i,$i.registerId(t)}return r.prototype.generateAndInjectStyles=function(e,t,i){var o=this.componentId,s=[];if(this.baseStyle&&s.push(this.baseStyle.generateAndInjectStyles(e,t,i)),this.isStatic&&!i.hash)if(this.staticRulesId&&t.hasNameForId(o,this.staticRulesId))s.push(this.staticRulesId);else{var c=$t(this.rules,e,t,i).join(""),u=Fr(wt(this.baseHash,c)>>>0);if(!t.hasNameForId(o,u)){var f=i(c,"."+u,void 0,o);t.insertRules(o,u,f)}s.push(u),this.staticRulesId=u}else{for(var h=this.rules.length,a=wt(this.baseHash,i.hash),p="",T=0;T<h;T++){var D=this.rules[T];if(typeof D=="string")p+=D,process.env.NODE_ENV!=="production"&&(a=wt(a,D+T));else if(D){var v=$t(D,e,t,i),d=Array.isArray(v)?v.join(""):v;a=wt(a,d+T),p+=d}}if(p){var g=Fr(a>>>0);if(!t.hasNameForId(o,g)){var k=i(p,"."+g,void 0,o);t.insertRules(o,g,k)}s.push(g)}}return s.join(" ")},r}(),ho=/^\s*\/\/.*$/gm,po=[":","[",".","#"];function mo(r){var e,t,i,o,s=r===void 0?pt:r,c=s.options,u=c===void 0?pt:c,f=s.plugins,h=f===void 0?fr:f,a=new Hn(u),p=[],T=function(d){function g(k){if(k)try{d(k+"}")}catch{}}return function(k,_,z,x,m,ee,te,C,G,ue){switch(k){case 1:if(G===0&&_.charCodeAt(0)===64)return d(_+";"),"";break;case 2:if(C===0)return _+"/*|*/";break;case 3:switch(C){case 102:case 112:return d(z[0]+_),"";default:return _+(ue===0?"/*|*/":"")}case-2:_.split("/*|*/}").forEach(g)}}}(function(d){p.push(d)}),D=function(d,g,k){return g===0&&po.indexOf(k[t.length])!==-1||k.match(o)?d:"."+e};function v(d,g,k,_){_===void 0&&(_="&");var z=d.replace(ho,""),x=g&&k?k+" "+g+" { "+z+" }":z;return e=_,t=g,i=new RegExp("\\"+t+"\\b","g"),o=new RegExp("(\\"+t+"\\b){2,}"),a(k||!g?"":g,x)}return a.use([].concat(h,[function(d,g,k){d===2&&k.length&&k[0].lastIndexOf(t)>0&&(k[0]=k[0].replace(i,D))},T,function(d){if(d===-2){var g=p;return p=[],g}}])),v.hash=h.length?h.reduce(function(d,g){return g.name||At(15),wt(d,g.name)},5381).toString():"",v}var zi=b.createContext();zi.Consumer;var Di=b.createContext(),yo=(Di.Consumer,new $i),Lr=mo();function go(){return b.useContext(zi)||yo}function bo(){return b.useContext(Di)||Lr}var vo=function(){function r(e,t){var i=this;this.inject=function(o,s){s===void 0&&(s=Lr);var c=i.name+s.hash;o.hasNameForId(i.id,c)||o.insertRules(i.id,c,s(i.rules,c,"@keyframes"))},this.toString=function(){return At(12,String(i.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t}return r.prototype.getName=function(e){return e===void 0&&(e=Lr),this.name+e.hash},r}(),xo=/([A-Z])/,So=/([A-Z])/g,wo=/^ms-/,Eo=function(r){return"-"+r.toLowerCase()};function Bi(r){return xo.test(r)?r.replace(So,Eo).replace(wo,"-ms-"):r}var Ii=function(r){return r==null||r===!1||r===""};function $t(r,e,t,i){if(Array.isArray(r)){for(var o,s=[],c=0,u=r.length;c<u;c+=1)(o=$t(r[c],e,t,i))!==""&&(Array.isArray(o)?s.push.apply(s,o):s.push(o));return s}if(Ii(r))return"";if(jr(r))return"."+r.styledComponentId;if(Qt(r)){if(typeof(h=r)!="function"||h.prototype&&h.prototype.isReactComponent||!e)return r;var f=r(e);return process.env.NODE_ENV!=="production"&&ur.exports.isElement(f)&&console.warn(Nr(r)+" 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."),$t(f,e,t,i)}var h;return r instanceof vo?t?(r.inject(t,i),r.getName(i)):r:Mr(r)?function a(p,T){var D,v,d=[];for(var g in p)p.hasOwnProperty(g)&&!Ii(p[g])&&(Array.isArray(p[g])&&p[g].isCss||Qt(p[g])?d.push(Bi(g)+":",p[g],";"):Mr(p[g])?d.push.apply(d,a(p[g],g)):d.push(Bi(g)+": "+(D=g,(v=p[g])==null||typeof v=="boolean"||v===""?"":typeof v!="number"||v===0||D in zn?String(v).trim():v+"px")+";"));return T?[T+" {"].concat(d,["}"]):d}(r):r.toString()}var Mi=function(r){return Array.isArray(r)&&(r.isCss=!0),r};function Co(r){for(var e=arguments.length,t=new Array(e>1?e-1:0),i=1;i<e;i++)t[i-1]=arguments[i];return Qt(r)||Mr(r)?Mi($t(ki(fr,[r].concat(t)))):t.length===0&&r.length===1&&typeof r[0]=="string"?r:Mi($t(ki(r,t)))}var Ni=/invalid hook call/i,mr=new Set,To=function(r,e){if(process.env.NODE_ENV!=="production"){var t="The component "+r+(e?' with the id of "'+e+'"':"")+` has been created dynamically.
|
|
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.`,i=console.error;try{var o=!0;console.error=function(s){if(Ni.test(s))o=!1,mr.delete(t);else{for(var c=arguments.length,u=new Array(c>1?c-1:0),f=1;f<c;f++)u[f-1]=arguments[f];i.apply(void 0,[s].concat(u))}},b.useRef(),o&&!mr.has(t)&&(console.warn(t),mr.add(t))}catch(s){Ni.test(s.message)&&mr.delete(t)}finally{console.error=i}}},_o=function(r,e,t){return t===void 0&&(t=pt),r.theme!==t.theme&&r.theme||e||t.theme},Oo=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,ko=/(^-|-$)/g;function Xr(r){return r.replace(Oo,"-").replace(ko,"")}var Po=function(r){return Fr(Hi(r)>>>0)};function yr(r){return typeof r=="string"&&(process.env.NODE_ENV==="production"||r.charAt(0)===r.charAt(0).toLowerCase())}var Vr=function(r){return typeof r=="function"||typeof r=="object"&&r!==null&&!Array.isArray(r)},Ao=function(r){return r!=="__proto__"&&r!=="constructor"&&r!=="prototype"};function $o(r,e,t){var i=r[t];Vr(e)&&Vr(i)?ji(i,e):r[t]=e}function ji(r){for(var e=arguments.length,t=new Array(e>1?e-1:0),i=1;i<e;i++)t[i-1]=arguments[i];for(var o=0,s=t;o<s.length;o++){var c=s[o];if(Vr(c))for(var u in c)Ao(u)&&$o(r,c[u],u)}return r}var Yi=b.createContext();Yi.Consumer;var Wr={};function Fi(r,e,t){var i=jr(r),o=!yr(r),s=e.attrs,c=s===void 0?fr:s,u=e.componentId,f=u===void 0?function(_,z){var x=typeof _!="string"?"sc":Xr(_);Wr[x]=(Wr[x]||0)+1;var m=x+"-"+Po("5.3.6"+x+Wr[x]);return z?z+"-"+m:m}(e.displayName,e.parentComponentId):u,h=e.displayName,a=h===void 0?function(_){return yr(_)?"styled."+_:"Styled("+Nr(_)+")"}(r):h,p=e.displayName&&e.componentId?Xr(e.displayName)+"-"+e.componentId:e.componentId||f,T=i&&r.attrs?Array.prototype.concat(r.attrs,c).filter(Boolean):c,D=e.shouldForwardProp;i&&r.shouldForwardProp&&(D=e.shouldForwardProp?function(_,z,x){return r.shouldForwardProp(_,z,x)&&e.shouldForwardProp(_,z,x)}:r.shouldForwardProp);var v,d=new fo(t,p,i?r.componentStyle:void 0),g=d.isStatic&&c.length===0,k=function(_,z){return function(x,m,ee,te){var C=x.attrs,G=x.componentStyle,ue=x.defaultProps,we=x.foldedComponentIds,W=x.shouldForwardProp,q=x.styledComponentId,re=x.target;process.env.NODE_ENV!=="production"&&b.useDebugValue(q);var Z=function(j,y,ie){j===void 0&&(j=pt);var O=nt({},y,{theme:j}),ve={};return ie.forEach(function(K){var ne,S,Oe,$=K;for(ne in Qt($)&&($=$(O)),$)O[ne]=ve[ne]=ne==="className"?(S=ve[ne],Oe=$[ne],S&&Oe?S+" "+Oe:S||Oe):$[ne]}),[O,ve]}(_o(m,b.useContext(Yi),ue)||pt,m,C),Y=Z[0],be=Z[1],he=function(j,y,ie,O){var ve=go(),K=bo(),ne=y?j.generateAndInjectStyles(pt,ve,K):j.generateAndInjectStyles(ie,ve,K);return process.env.NODE_ENV!=="production"&&b.useDebugValue(ne),process.env.NODE_ENV!=="production"&&!y&&O&&O(ne),ne}(G,te,Y,process.env.NODE_ENV!=="production"?x.warnTooManyClasses:void 0),Ce=ee,_e=be.$as||m.$as||be.as||m.as||re,Ne=yr(_e),R=be!==m?nt({},m,{},be):m,P={};for(var H in R)H[0]!=="$"&&H!=="as"&&(H==="forwardedAs"?P.as=R[H]:(W?W(H,vi,_e):!Ne||vi(H))&&(P[H]=R[H]));return m.style&&be.style!==m.style&&(P.style=nt({},m.style,{},be.style)),P.className=Array.prototype.concat(we,q,he!==q?he:null,m.className,be.className).filter(Boolean).join(" "),P.ref=Ce,b.createElement(_e,P)}(v,_,z,g)};return k.displayName=a,(v=b.forwardRef(k)).attrs=T,v.componentStyle=d,v.displayName=a,v.shouldForwardProp=D,v.foldedComponentIds=i?Array.prototype.concat(r.foldedComponentIds,r.styledComponentId):fr,v.styledComponentId=p,v.target=i?r.target:r,v.withComponent=function(_){var z=e.componentId,x=function(ee,te){if(ee==null)return{};var C,G,ue={},we=Object.keys(ee);for(G=0;G<we.length;G++)C=we[G],te.indexOf(C)>=0||(ue[C]=ee[C]);return ue}(e,["componentId"]),m=z&&z+"-"+(yr(_)?_:Xr(Nr(_)));return Fi(_,nt({},x,{attrs:T,componentId:m}),t)},Object.defineProperty(v,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(_){this._foldedDefaultProps=i?ji({},r.defaultProps,_):_}}),process.env.NODE_ENV!=="production"&&(To(a,p),v.warnTooManyClasses=function(_,z){var x={},m=!1;return function(ee){if(!m&&(x[ee]=!0,Object.keys(x).length>=200)){var te=z?' with the id of "'+z+'"':"";console.warn("Over 200 classes were generated for component "+_+te+`.
|
|
60
|
+
Consider using the attrs method, together with a style object for frequently changed styles.
|
|
61
|
+
Example:
|
|
62
|
+
const Component = styled.div.attrs(props => ({
|
|
63
|
+
style: {
|
|
64
|
+
background: props.background,
|
|
65
|
+
},
|
|
66
|
+
}))\`width: 100%;\`
|
|
67
|
+
|
|
68
|
+
<Component />`),m=!0,x={}}}}(a,p)),v.toString=function(){return"."+v.styledComponentId},o&&Wn(v,r,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),v}var Zr=function(r){return function e(t,i,o){if(o===void 0&&(o=pt),!ur.exports.isValidElementType(i))return At(1,String(i));var s=function(){return t(i,o,Co.apply(void 0,arguments))};return s.withConfig=function(c){return e(t,i,nt({},o,{},c))},s.attrs=function(c){return e(t,i,nt({},o,{attrs:Array.prototype.concat(o.attrs,c).filter(Boolean)}))},s}(Fi,r)};["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(r){Zr[r]=Zr(r)}),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
|
+
Perhaps you're looking to import 'styled-components/native'?
|
|
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
|
+
|
|
72
|
+
See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]+=1);const mt=Zr,Ro=mt.div`
|
|
73
|
+
font-family: 'IBM Plex Mono', 'Roboto', sans-serif;
|
|
74
|
+
background-color: #fafafa;
|
|
75
|
+
color: #262729;
|
|
76
|
+
width: 500px;
|
|
77
|
+
height: 350px;
|
|
78
|
+
position: absolute;
|
|
79
|
+
right: 1vw;
|
|
80
|
+
bottom: 3vh;
|
|
81
|
+
z-index: 10000;
|
|
82
|
+
display: ${r=>r.display};
|
|
83
|
+
border-radius: 10px;
|
|
84
|
+
box-shadow: 5px 5px 23px 5px rgba(0, 0, 0, 0.25);
|
|
85
|
+
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
86
|
+
resize: both;
|
|
87
|
+
overflow: hidden;
|
|
88
|
+
|
|
89
|
+
& h1 span {
|
|
90
|
+
font-size: 0.5em;
|
|
91
|
+
}
|
|
92
|
+
`,Ho=mt.div`
|
|
93
|
+
display: flex;
|
|
94
|
+
height: 100%;
|
|
95
|
+
width: 170px;
|
|
96
|
+
flex-direction: column;
|
|
97
|
+
border-right: 1px solid #ddd;
|
|
98
|
+
background-color: #ddd;
|
|
99
|
+
border-radius: 10px 0 0 10px;
|
|
100
|
+
white-space: nowrap;
|
|
101
|
+
padding: 25px 0px 25px 15px;
|
|
102
|
+
|
|
103
|
+
& p {
|
|
104
|
+
color: #999;
|
|
105
|
+
margin-left: -3px;
|
|
106
|
+
font-size: 0.8em;
|
|
107
|
+
font-weight: bold;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
& h1 {
|
|
111
|
+
font-size: 1.8em;
|
|
112
|
+
font-weight: 700;
|
|
113
|
+
width: auto;
|
|
114
|
+
text-align: center;
|
|
115
|
+
margin: -20px 20px 10px 0px;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
&:active {
|
|
119
|
+
cursor: grabbing;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
& span {
|
|
123
|
+
cursor: pointer;
|
|
124
|
+
}
|
|
125
|
+
`,zo=mt.div`
|
|
126
|
+
width: 100%;
|
|
127
|
+
cursor: grab;
|
|
128
|
+
background-color: #eee;
|
|
129
|
+
border-bottom: 1px solid #0f52ba;
|
|
130
|
+
border-radius: 0 10px 0 0;
|
|
131
|
+
display: flex;
|
|
132
|
+
align-items: center;
|
|
133
|
+
justify-content: space-between;
|
|
134
|
+
padding: 10px 20px;
|
|
135
|
+
|
|
136
|
+
& h1 {
|
|
137
|
+
font-size: 1.5em;
|
|
138
|
+
font-weight: 600;
|
|
139
|
+
}
|
|
140
|
+
`,Do=mt.div`
|
|
141
|
+
cursor: pointer;
|
|
142
|
+
transform: rotate(90deg);
|
|
143
|
+
color: gray;
|
|
144
|
+
position: absolute;
|
|
145
|
+
top: 12px;
|
|
146
|
+
right: 0;
|
|
147
|
+
|
|
148
|
+
&:hover {
|
|
149
|
+
text-decoration: underline;
|
|
150
|
+
}
|
|
151
|
+
`,Bo=mt.span`
|
|
152
|
+
font-weight: 700;
|
|
153
|
+
cursor: default !important;
|
|
154
|
+
margin: 5px 15px 5px 0px;
|
|
155
|
+
`,Io=mt.span`
|
|
156
|
+
margin: 5px 15px 5px 0px;
|
|
157
|
+
|
|
158
|
+
&:hover {
|
|
159
|
+
text-decoration: underline;
|
|
160
|
+
}
|
|
161
|
+
`,Mo=mt.div`
|
|
162
|
+
display: flex;
|
|
163
|
+
flex-direction: column;
|
|
164
|
+
overflow-y: scroll;
|
|
165
|
+
overflow-x: hidden;
|
|
166
|
+
padding-bottom: 50px;
|
|
167
|
+
font-size: 0.8em;
|
|
168
|
+
`,Li=mt.div`
|
|
169
|
+
font-size: 3em;
|
|
170
|
+
color: #0f52ba;
|
|
171
|
+
font-weight: bold;
|
|
172
|
+
cursor: pointer;
|
|
173
|
+
-webkit-touch-callout: none;
|
|
174
|
+
-webkit-user-select: none;
|
|
175
|
+
-khtml-user-select: none;
|
|
176
|
+
-moz-user-select: none;
|
|
177
|
+
-ms-user-select: none;
|
|
178
|
+
user-select: none;
|
|
179
|
+
`,No=b.forwardRef(({activeToolLocal:r,tools:e,changeActiveToolLocalHandler:t},i)=>{b.useImperativeHandle(i,()=>({changeTabletDisplayHandler(c){s(c==="switch"?u=>u==="none"?"flex":"none":c)}}));const[o,s]=b.useState("none");return w(b.Fragment,{children:le(Ro,{display:o,id:"desktop--tablet--container",children:[le(Ho,{children:[le("h1",{children:["NDMVR",w("span",{children:w("i",{children:"tablet"})})]}),w("p",{children:"Tools"}),w(Mo,{children:e.map((c,u)=>u===r?le(Bo,{children:[w("span",{style:{fontWeight:700,color:"#0f52ba"},children:u<10?(u+1)%10:">"})," ",c.name.length>15?c.name.slice(0,12)+"...":c.name]},u):le(Io,{onClick:()=>t(u),children:[w("span",{style:{fontWeight:700,color:"#0f52ba"},children:u<10?(u+1)%10:">"})," ",c.name.length>15?c.name.slice(0,12)+"...":c.name]},u))})]}),le("div",{style:{width:100+"%",overflow:"scroll"},children:[le(zo,{id:"desktop--tablet--container--header",children:[w("h1",{children:e[r].name}),w(Do,{id:"close--button",onClick:()=>s("none"),style:{cursor:"pointer",maxWidth:30+"px"},children:w("i",{children:"Hide"})})]}),w("div",{style:{display:"flex",flexDirection:"row",height:"83%",padding:"10px",alignItems:"center",justifyContent:"center"},children:e[r].fun})]})]})})}),jo=window.AFRAME,Ae=new ht;let Ur,Xi;function Vi(){const r=b.useRef(),[e,t]=b.useState(0),[i,o]=b.useState(null);Ur=e;const[s,c]=b.useState({xPos:0,yPos:0,zPos:0,absoluteContent:0}),[u,f]=b.useState(1),[h]=b.useState(jo.utils.device.checkHeadsetConnected()?"oculus":"desktop"),{source:a}=b.useContext(St).stores,p=a!=null&&a.getOptions().length?a==null?void 0:a.getOptions():[];b.useEffect(()=>(Xi=Ae.subscribe(T),()=>Xi.unsubscribe()),[]),b.useEffect(()=>{},[e]),b.useEffect(()=>{a&&i&&a.executeFunction(0,i)},[i]);const T=x=>{typeof x=="number"?x+1<=v.length&&(t(x),Ur=e):x.changeTabletState?r.current.changeTabletDisplayHandler("switch"):x.binData?s!==x.binData&&c(x.binData):x.tool?(x.tool==="next"&&t(m=>m===v.length-1?0:m+1),x.tool==="prev"&&t(m=>m===0?v.length-1:m-1)):x.source?(x.source==="next"&&o(m=>p.indexOf(m)===p.length-1?p[0]:p[p.indexOf(m)+1]),x.source==="prev"&&o(m=>p.indexOf(m)===0?p[p.length-1]:p[p.indexOf(m)-1])):x.scale&&f(m=>m+=x.scale)},D=()=>{switch(e){case 0:return w(b.Fragment,{children:w("a-text",{value:`Selected bin:
|
|
180
|
+
|
|
181
|
+
Value: `+s.absoluteContent+`
|
|
182
|
+
X: `+s.xPos+`
|
|
183
|
+
Y: `+s.yPos+`
|
|
184
|
+
Z: `+s.zPos,rotation:"-30 0 0",position:"0.1 0 0","wrap-count":"400"})});case 2:return w(b.Fragment,{children:w("a-text",{value:`Bin height changer:
|
|
185
|
+
|
|
186
|
+
For changing
|
|
187
|
+
the visual height of bins,
|
|
188
|
+
use grip + joystick on
|
|
189
|
+
the left controller.`,rotation:"-30 0 0",position:"0.1 0 0","wrap-count":"400"})});case 1:return w("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 w("a-entity",{rotation:"-30 0 0",children:p.map(x=>w("a-text",{value:x,color:x===i?"white":"lightgray",rotation:"0 0 0",position:"0.1 "+-.025*p.indexOf(x)+" 0","wrap-count":x===i?"360":"400"},x))});default:return w("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"})}},v=[{fun:d(),name:"Bin Info"},{fun:g(),name:"Scale Z axis"},{fun:k(),name:"Change Data Source"},{fun:null,name:"Tool with a longer name"}];function d(){if(h==="desktop")return w(b.Fragment,{children:w("table",{style:{width:"100%"},children:le("tbody",{children:[le("tr",{style:{display:"flex",alignItems:"flex-end"},children:[le("td",{style:{width:"50%",fontSize:"1em",textAlign:"right",marginBottom:"0.5em"},children:[w("i",{children:"value:"})," "]}),w("td",{style:{width:"50%",fontSize:"2em",fontWeight:600},children:s.absoluteContent})]}),le("tr",{style:{display:"flex",alignItems:"flex-end"},children:[le("td",{style:{width:"50%",fontSize:"1em",textAlign:"right",marginBottom:"0.5em"},children:[w("i",{children:"x:"})," "]}),w("td",{style:{width:"50%",fontSize:"2em",fontWeight:600},children:s.xPos})]}),le("tr",{style:{display:"flex",alignItems:"flex-end"},children:[le("td",{style:{width:"50%",fontSize:"1em",textAlign:"right",marginBottom:"0.5em"},children:[w("i",{children:"y:"})," "]}),w("td",{style:{width:"50%",fontSize:"2em",fontWeight:600},children:s.yPos})]}),le("tr",{style:{display:"flex",alignItems:"flex-end"},children:[le("td",{style:{width:"50%",fontSize:"1em",textAlign:"right",marginBottom:"0.5em"},children:[w("i",{children:"z:"})," "]}),w("td",{style:{width:"50%",fontSize:"2em",fontWeight:600},children:s.zPos})]})]})})})}function g(){return w(b.Fragment,{children:le("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:[w(Li,{onClick:()=>{f(u+.1),Se.changeHistogramScale(.1,"TH2"),it.changeHistogramScale(.1,"TH1")},children:"+"}),w("h1",{style:{fontSize:"5em",fontWeight:"bold"},children:u.toFixed(1)}),w(Li,{onClick:()=>{f(u-.1),Se.changeHistogramScale(-.1,"TH2"),it.changeHistogramScale(-.1,"TH1")},children:"-"})]})})}function k(){return w("div",{style:{display:"flex",flexDirection:"column"},children:p.map(x=>x===i?w("a",{style:{textTransform:"uppercase"},onClick:()=>o(x),children:x},x):w("a",{onClick:()=>o(x),children:x},x))})}document.getElementById("desktop--tablet--container")&&_(document.getElementById("desktop--tablet--container"));function _(x){let m=0,ee=0,te=0,C=0;document.getElementById(x.id+"--header")?document.getElementById(x.id+"--header").onmousedown=G:x.onmousedown=G;function G(W){W.preventDefault(),te=W.clientX,C=W.clientY,document.onmouseup=we,document.onmousemove=ue}function ue(W){W.preventDefault(),m=te-W.clientX,ee=C-W.clientY,te=W.clientX,C=W.clientY,x.style.top=x.offsetTop-ee+"px",x.style.left=x.offsetLeft-m+"px"}function we(){document.onmouseup=null,document.onmousemove=null}}const z=x=>{t(x)};return h==="desktop"?w(No,{tools:v,activeToolLocal:e,ref:r,changeActiveToolLocalHandler:z}):w(b.Fragment,{children:D()})}const Gr=()=>Ur,Wi=window.AFRAME,Yo=()=>{let r;const{projPanelIds:t}=b.useContext(St).data,[i,o]=b.useState(0),[s,c]=b.useState(null),[u,f]=b.useState(Wi.utils.device.checkHeadsetConnected()?"oculus":"keyboard"),[h,a]=b.useState(!1),[p,T]=b.useState(!1),[D,v]=b.useState(!0),d=C=>{C.device?(u!==C.device&&f(C.device),a(!h)):C==="shift"?k():C==="show"&&T(!p)},g=C=>{C.changeTabletState&&v(!1)},k=()=>{let C=i+90;C>=360&&(C=0),o(C)},_=C=>t[C]?t[C]:`panel_${C}`,z=()=>le("a-entity",{position:s===null?`0 ${30} 0`:`${s.x} ${30} ${s.z}`,animation__rotation:`property: rotation; to: 0 ${i} 0; dur: 1000; easing: linear;`,material:"color: white",children:[le("a-entity",{geometry:"primitive: box; width: 50; height: 10; depth: 0.1;",position:"-30 28 0",rotation:"45 90 0",material:"color:white;",children:[w("a-text",{color:"black",width:50,value:u==="keyboard"?"Press C to show help panels":"Press Button X to show help panels",position:"-20 2.8 1"}),w("a-text",{color:"black",width:50,value:u==="keyboard"?"Press V to switch to histogram view":"Press Button Y to switch to histogram view",position:"-20 0 1"}),w("a-text",{color:"black",width:50,value:u==="keyboard"?"Press X to shift panels":"Press right Trigger to shift panels",position:"-20 -2.8 1"})]}),w("a-box",{id:_(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"}),w("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;"}),w("a-box",{id:_(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"}),w("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;"}),w("a-box",{id:_(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"}),w("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;"}),w("a-box",{id:_(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"}),w("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;"})]}),x=()=>u==="keyboard"?le("a-entity",{position:s===null?`0 ${30} 0`:`${s.x} ${30} ${s.z}`,animation__rotation:`property: rotation; to: 0 ${i} 0; dur: 1000; easing: linear;`,material:"color: white",children:[le("a-entity",{geometry:"primitive: box; width: 50; height: 10; depth: 0.1;",position:"-30 28 0",rotation:"45 90 0",material:"color: white",children:[w("a-text",{color:"black",width:"50",value:p?"Press C to show help panels":"Press C to show projection panels",position:"-20 2.8 1"}),w("a-text",{color:"black",width:"50",value:"Press V to switch to histogram view",position:"-20 0 1"}),w("a-text",{color:"black",width:"50",value:"Press X to shift panels",position:"-20 -2.8 1"})]}),w("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"}),w("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"}),w("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"}),w("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"})]}):le("a-entity",{position:s===null?`0 ${30} 0`:`${s.x} ${30} ${s.z}`,animation__rotation:`property: rotation; to: 0 ${i} 0; dur: 1000; easing: linear;`,children:[le("a-entity",{geometry:"primitive: box; width: 50; height: 10; depth: 0.1;",position:"-30 28 0",rotation:"45 90 0",material:"color: white",children:[w("a-text",{color:"black",width:"50",value:p?"Press Button X to show help panels":"Press Button X to show projection panels",position:"-20 2.8 1"}),w("a-text",{color:"black",width:"50",value:"Press Button Y to switch to histogram view",position:"-20 0 1"}),w("a-text",{color:"black",width:"50",value:"Press right Trigger to shift panels",position:"-20 -2.8 1"})]}),w("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"}),w("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"}),w("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"}),w("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 C=document.getElementById(_(0));C&&C.setAttribute("material","opacity",0)},ee=()=>{const C=document.getElementById(_(0));C&&C.setAttribute("material","opacity",1)};b.useEffect(()=>(r=Ae.subscribe(g),()=>r.unsubscribe()),[]),b.useEffect(()=>(r=dt.getCameraSubject().subscribe(d),()=>r.unsubscribe()),[h,p,i]),b.useEffect(()=>{const C=document.getElementById("camera");h?(c({x:C.object3D.position.x,y:C.object3D.position.y,z:C.object3D.position.z}),C.object3D.position.y=C.object3D.position.y+30,m()):(C.object3D.position.y=1.6,s!==null&&(C.object3D.position.x=s.x,C.object3D.position.z=s.z,C.object3D.position.y=s.y),ee())},[h,u]);const te=()=>{const C=b.useContext(St);return w(b.Fragment,{children:le(St.Provider,{value:{data:C.data,theme:C.theme,displayRange:C.displayRange},children:[w("a-entity",{"laser-controls":"hand: right",raycaster:`objects: .clickable;
|
|
191
|
+
lineOpacity: 0.5;
|
|
192
|
+
far: 20;`}),w("a-entity",{"oculus-touch-controls":"hand: left","left-controller-logging":!0,children:w(Vi,{})}),w("a-entity",{"oculus-touch-controls":"hand: right","right-controller-logging":!0})]})})};return le("a-entity",{id:"cameraWrapper",rotation:"0 -135 0",position:"-7 2 -7",children:[h&&!p&&x(),h&&p&&z(),le("a-camera",{id:"camera","look-control":!0,"wasd-controls-enabled":"acceleration:=50",children:[D&&u==="keyboard"&&w("a-entity",{text:"value: Press E to open NDMVR Tablet;color:black;",position:"0.2 0.8 -1"}),!Wi.utils.device.checkHeadsetConnected()&&w("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"})]}),u==="oculus"&&te()]})};class qr{constructor(){M(this,Le,void 0);M(this,xr,void 0);M(this,qe,[]);M(this,Sr,e=>n(this,qe).filter(t=>t.id!==e.id));He(this,"containThisBin",e=>n(this,qe).filter(i=>i.id===e.id).length!==0);He(this,"storeBinToLocalStorage",e=>{this.containThisBin(e)||(n(this,qe).push(e),n(this,Le).setItem("selectedBins",JSON.stringify(n(this,qe))))});He(this,"deleteBinFromLocalStorage",e=>{this.containThisBin(e)&&(B(this,qe,n(this,Sr).call(this,e)),n(this,Le).setItem("selectedBins",JSON.stringify(n(this,qe))))});He(this,"getBinsFromLocalStorage",()=>{const e=JSON.parse(n(this,Le).getItem("selectedBins"));return e===null?[]:e});B(this,Le,window.localStorage),B(this,xr,document.getElementById("cameraWrapper")),B(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,i){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:i},o.section=s,this.storeProperty("TH2",o)}storeTH3Offsets(e,t,i,o){let s=this.loadProperty("TH3"),c;s===null?(s={},c={name:"TH3",xOffset:1,yOffset:1,zOffset:1,range:4}):c={name:"TH3",xOffset:e,yOffset:t,zOffset:i,range:o},s.section=c,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,xr=new WeakMap,qe=new WeakMap,Sr=new WeakMap;const Zi=new qr;class Fo{constructor(){M(this,Et,void 0);B(this,Et,new ht)}saveSelectedBinToLocalStorage(){n(this,Et).next(!0)}deleteBinFromLocalStorage(){n(this,Et).next(!1)}getKeyboardEvent(){return n(this,Et).asObservable()}}Et=new WeakMap;const gr=new Fo;class Lo{constructor(){M(this,Rt,void 0);B(this,Rt,new ht)}showBinProjection(e){n(this,Rt).next(e)}getServiceEvent(){return n(this,Rt).asObservable()}}Rt=new WeakMap;const Ui=new Lo;class Xo{constructor(){M(this,Ct,void 0);B(this,Ct,new ht)}sendDataOfTheSelectedBin(e){n(this,Ct).next(e)}emmitCommand(e){n(this,Ct).next({command:e})}getBinDistributor(){return n(this,Ct).asObservable()}}Ct=new WeakMap;const tr=new Xo;function Kr(r,e,t){r.face.normal.x!==0?(e.setAttribute("material","color",e.userData.axisZ),tr.sendDataOfTheSelectedBin({event:t,data:e.userData,intersect:"Z",id:e.userData.histogramName})):r.face.normal.y!==0?(e.setAttribute("material","color",e.userData.axisY),tr.sendDataOfTheSelectedBin({event:t,data:e.userData,intersect:"Y",id:e.userData.histogramName})):(e.setAttribute("material","color",e.userData.axisX),tr.sendDataOfTheSelectedBin({event:t,data:e.userData,intersect:"X",id:e.userData.histogramName})),e.setAttribute("material","opacity","0.70")}xe.registerComponent("mouseevent",{init:function(){let r;const e=this.el;let t=0;e.addEventListener("mouseenter",function(o){const s=o.detail.intersection;r=gr.getKeyboardEvent().subscribe(c=>{c?(this.userData.markedColor=this.userData.selectColor,this.setAttribute("material","opacity","0.70"),Ui.showBinProjection(this.userData)):(Zi.deleteBinFromLocalStorage(this.userData),this.userData.markedColor=this.userData.color,this.setAttribute("material","opacity","0.50"))}),Kr(s,this,"HOVER")}),e.addEventListener("mouseleave",function(){r.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 c=o.detail.intersection;c&&Kr(c,this,"DB_CLICK")}else if(t===1){this.setAttribute("material","color","#99ff00"),this.setAttribute("material","opacity","1"),Ui.showBinProjection(this.userData),Ae.next({binData:this.userData});const c=o.detail.intersection;c&&Kr(c,this,"CLICK")}let s=document.getElementById("th2-banner");if(s===null&&(s=document.getElementById("th3-banner")),s!==null){const c=s.childNodes;if(this.userData.typeName==="TH3"&&c.length===5){const u=`[${this.userData.zTitle}] [${this.userData.zMin},${this.userData.zMax}] ${this.userData.binName!==""?this.userData.binName+`
|
|
193
|
+
`:`
|
|
194
|
+
`}`,f=`[${this.userData.xTitle}] [${this.userData.xMin},${this.userData.xMax}] ${this.userData.binName!==""?this.userData.binName+`
|
|
195
|
+
`:`
|
|
196
|
+
`}`,h=`[${this.userData.yTitle}] [${this.userData.yMin},${this.userData.yMax}] ${this.userData.binName!==""?this.userData.binName+`
|
|
197
|
+
`:`
|
|
198
|
+
`}`,a=`Content: ${this.userData.absoluteContent} [${this.userData.content}]
|
|
199
|
+
`;c[0].setAttribute("text",`value: ${a}; color: ${this.userData.color}; align: center; width: 30; height: auto;`),c[1].setAttribute("text",`value: ${f}; color: ${this.userData.axisX}; align: center; width: 30; height: auto;`),c[2].setAttribute("text",`value: ${h}; color: ${this.userData.axisY}; align: center; width: 30; height: auto;`),c[3].setAttribute("text",`value: ${u}; color: ${this.userData.axisZ}; align: center; width: 30; height: auto;`)}else{const u=`Content: ${this.userData.absoluteContent} [${this.userData.content}]
|
|
200
|
+
`,f=`[${this.userData.xTitle}] [${this.userData.xMin},${this.userData.xMax}] ${this.userData.binName!==""?this.userData.binName+`
|
|
201
|
+
`:`
|
|
202
|
+
`}`,h=`[${this.userData.yTitle}] [${this.userData.yMin},${this.userData.yMax}] ${this.userData.binName!==""?this.userData.binName+`
|
|
203
|
+
`:`
|
|
204
|
+
`}`;c[0].setAttribute("text",`value: ${u}; color: ${this.userData.color}; align: center; baseline: center; width: 30; height: auto;`),c[1].setAttribute("text",`value: ${f}; color: ${this.userData.axisX}; align: center; width: 30; height: auto;`),c[2].setAttribute("text",`value: ${h}; color: ${this.userData.axisY}; align: center; width: 30; height: auto;`)}}})},update:function(){const r=this.el;r.setAttribute("material","color",r.userData.markedColor),r.setAttribute("material","opacity","0.75")}}),xe.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 r=this.el;r.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 r=this.el;r.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 rr{constructor(){M(this,$e,void 0);He(this,"verticalMoveCamera",(e,t)=>{n(this,$e)===null&&B(this,$e,document.getElementById("cameraWrapper")),n(this,$e)!==null&&(e?n(this,$e).object3D.position.y+=t:n(this,$e).object3D.position.y>0&&(n(this,$e).object3D.position.y-=t))});He(this,"horizontalMoveCamera",(e,t,i)=>{n(this,$e)===null&&B(this,$e,document.getElementById("cameraWrapper")),n(this,$e)!==null&&(t?n(this,$e).object3D.position[e]+=i:n(this,$e).object3D.position[e]-=i)});M(this,Ue,(e,t,i)=>{if(n(this,$e)!==null&&e!==null){const o=e.object3D.position.x+1*e.object3D.position.x,s=e.object3D.position.z+1*e.object3D.position.z,c=t;n(this,$e).setAttribute("animation",`property: position; to: ${o+1} ${c} ${s+1}; dur: 100;`),n(this,$e).setAttribute("animation__1",`property: rotation; to: ${n(this,$e).object3D.rotation.x} ${i} ${n(this,$e).object3D.rotation.z}; dur: 100;`)}});He(this,"setCameraPosition",e=>{if(n(this,$e)!==null){let t=n(this,$e).object3D.position.y;e.zOffset!==void 0&&(t=e.zOffset*2);const i=e.xOffset+e.xOffset,o=e.yOffset+e.yOffset;setTimeout(()=>{n(this,$e).setAttribute("animation",`property: position; to: ${i-3} ${t} ${o-3}; dur: 40;`)},1800)}});He(this,"setPredefinedDownPosition",()=>{const e=document.getElementById("downLabel");e!==void 0&&n(this,Ue).call(this,e,0,180)});He(this,"setPredefinedUpPosition",()=>{const e=document.getElementById("upLabel");e!==void 0&&n(this,Ue).call(this,e,0,0)});He(this,"setPredefinedRightPosition",()=>{const e=document.getElementById("rightLabel");e!==void 0&&n(this,Ue).call(this,e,0,90)});He(this,"setPredefinedLeftPosition",()=>{const e=document.getElementById("leftLabel");e!==void 0&&n(this,Ue).call(this,e,0,270)});He(this,"setPredefinedDownPositionWithOffset",()=>{const e=document.getElementById("downLabel");e!==void 0&&n(this,Ue).call(this,e,10,180)});He(this,"setPredefinedUpPositionWithOffset",()=>{const e=document.getElementById("upLabel");e!==void 0&&n(this,Ue).call(this,e,10,0)});He(this,"setPredefinedRightPositionWithOffset",()=>{const e=document.getElementById("rightLabel");e!==void 0&&n(this,Ue).call(this,e,10,90)});He(this,"setPredefinedLeftPositionWithOffset",()=>{const e=document.getElementById("leftLabel");e!==void 0&&n(this,Ue).call(this,e,10,270)});B(this,$e,document.getElementById("cameraWrapper"))}}$e=new WeakMap,Ue=new WeakMap;const ot={};let Jr=new rr,Qr,yt,br=!1;Ae.next({changeTabletState:br});const ei=(r,e)=>{let t=.2;r.name==="scale"?t=.01:r.name==="rotation"&&(t=2),e.key==="ArrowDown"?r.xValue=r.xValue+t:e.key==="ArrowUp"?r.xValue=r.xValue-t:e.key==="="?r.yValue=r.yValue+t:e.key==="-"?r.yValue=r.yValue-t:e.key==="ArrowRight"?r.zValue=r.zValue+t:e.key==="ArrowLeft"&&(r.zValue=r.zValue-t),Qr.setAttribute(r.name,`${r.xValue} ${r.yValue} ${r.zValue}`)},Vo=r=>{r.key==="k"||r.key==="K"?(Se.changeHistogramSectionByOffset("yOffset","TH2",!1,!0),Pe.changeHistogramSectionByOffset("yOffset","TH3",!1,!0)):r.key==="i"||r.key==="I"?(Se.changeHistogramSectionByOffset("yOffset","TH2",!0,!0),Pe.changeHistogramSectionByOffset("yOffset","TH3",!0,!0)):r.key==="u"||r.key==="U"?Pe.changeHistogramSectionByOffset("zOffset","TH3",!0,!0):r.key==="o"||r.key==="O"?Pe.changeHistogramSectionByOffset("zOffset","TH3",!1,!0):r.key==="l"||r.key==="L"?(it.changeHistogramSectionByOffset("xOffset","TH1",!1,!0),Se.changeHistogramSectionByOffset("xOffset","TH2",!1,!0),Pe.changeHistogramSectionByOffset("xOffset","TH3",!1,!0)):(r.key==="j"||r.key==="J")&&(it.changeHistogramSectionByOffset("xOffset","TH1",!0,!0),Se.changeHistogramSectionByOffset("xOffset","TH2",!0,!0),Pe.changeHistogramSectionByOffset("xOffset","TH3",!0,!0))},Wo=r=>{r.key==="k"||r.key==="K"?(Se.changeHistogramSectionByOffset("yOffset","TH2",!1,!1),Pe.changeHistogramSectionByOffset("yOffset","TH3",!1,!1)):r.key==="i"||r.key==="I"?(Se.changeHistogramSectionByOffset("yOffset","TH2",!0,!1),Pe.changeHistogramSectionByOffset("yOffset","TH3",!0,!1)):r.key==="u"||r.key==="U"?Pe.changeHistogramSectionByOffset("zOffset","TH3",!0,!1):r.key==="o"||r.key==="O"?Pe.changeHistogramSectionByOffset("zOffset","TH3",!1,!1):r.key==="l"||r.key==="L"?(Se.changeHistogramSectionByOffset("xOffset","TH2",!1,!1),Pe.changeHistogramSectionByOffset("xOffset","TH3",!1,!1)):(r.key==="j"||r.key==="J")&&(Se.changeHistogramSectionByOffset("xOffset","TH2",!0,!1),Pe.changeHistogramSectionByOffset("xOffset","TH3",!0,!1))},ti=r=>{ot[r.key]=!0,(ot.Z||ot.z)&&ei(yt[0],r),(ot.X||ot.x)&&ei(yt[1],r),(ot.C||ot.c)&&ei(yt[2],r),ot.Shift&&Wo(r),Vo(r),r.key===" "&&Jr.verticalMoveCamera(!0,.3),r.shiftKey&&Jr.verticalMoveCamera(!1,.3),r.key==="1"&&Ae.next(0),r.key==="2"&&Ae.next(1),r.key==="3"&&Ae.next(2),r.key==="4"&&Ae.next(3),r.key==="5"&&Ae.next(4),r.key==="6"&&Ae.next(5),r.key==="7"&&Ae.next(6),r.key==="8"&&Ae.next(7),r.key==="9"&&Ae.next(8),r.key==="0"&&Ae.next(9),r.key==="Enter"&&tr.emmitCommand("REFRESH"),(r.key==="e"||r.key==="E")&&(br=!br,br?Ae.next({changeTabletState:"flex"}):Ae.next({changeTabletState:"none"})),(r.key==="t"||r.key==="T")&&Se.changeHistogramScale(.1,"TH2"),r.key==="r"||r.key,(r.key==="m"||r.key==="M")&&Se.changeHistogramFunction("feet","TH2"),(r.key==="n"||r.key==="N")&&Se.changeHistogramFunction("default","TH2"),(r.key==="c"||r.key==="C")&&dt.setUserState(),(r.key==="v"||r.key==="V")&&dt.setVisibilityOfBanners("keyboard"),(r.key==="x"||r.key==="X")&&dt.shiftBanners(),(r.key==="x"||r.key==="X")&&dt.shiftBanners()},ri=r=>{delete ot[r.key]},Gi=(r,e)=>{Qr=e,yt=[r.position,r.scale,r.rotation];for(let t=0;t<3;t++)Qr.setAttribute(yt[t].name,`${yt[t].xValue} ${yt[t].yValue} ${yt[t].zValue}`)},qi=()=>{Jr=new rr};xe.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 r=this.el;Gi(this.schema,r),document.addEventListener("keydown",ti),document.addEventListener("keyup",ri)},update:function(){qi()}}),xe.registerComponent("label-handler",{schema:{value:{type:"string"},delay:{type:"number"}},init:function(){const r=this.el;this.value=this.data.value,r.setAttribute("text","value",this.data.value)},update:function(){const r=this.el;this.value!==this.data.value&&(setTimeout(()=>{r.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 Ki{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 i=this.palette[0];if(e>=1)return this.palette[9];const o=.12;let s=o;for(let c=0;c<=9;c++){if(e<=s){i=this.palette[c];break}s+=o}return i}}class Zo{constructor(e,t,i,o,s,c,u){M(this,Yt);M(this,Re,"");M(this,or,[]);M(this,N,null);M(this,Ke,"");M(this,F,null);M(this,Q,1);M(this,ae,1);M(this,I,1);M(this,Ye,0);M(this,Xe,0);M(this,Je,0);M(this,at,1);M(this,bt,1);M(this,sr,1);M(this,fe,8);M(this,Fe,{xInitial:0,yInitial:0,zInitial:0});M(this,Qe,void 0);M(this,Ht,1);M(this,et,1);M(this,Tt,0);M(this,zt,2);M(this,L,{xOffset:0,yOffset:0,zOffset:0});M(this,vt,[]);He(this,"getXOffset",()=>n(this,Q));He(this,"getYOffset",()=>n(this,ae));He(this,"getZOffset",()=>n(this,I));He(this,"getContentScale",()=>n(this,et));He(this,"getRange",()=>n(this,fe));M(this,ct,(e,t)=>{let i=e>t-n(this,fe)?t-n(this,fe):e;return i<1&&(i=1),i});M(this,Dt,e=>n(this,or).filter(i=>i.id===e).length!==0);M(this,Ge,(e,t,i,o,s,c,u,f,h,a,p,T)=>({key:e+n(this,Re),geometry:{primitive:"plane",width:f,height:h},text:{color:T,width:4,height:"auto"},labelHandler:{value:a,delay:500},rotation:{x:s,y:c,z:u},material:{color:p},animation:{fromX:t+n(this,L).xOffset,fromY:i+n(this,L).zOffset,fromZ:o+n(this,L).yOffset,toX:t,toY:i,toZ:o}}));M(this,wr,()=>{const e={type:"TH3",bins:[],labels:[],banners:[],ground:{},titles:[],axisLabels:[]};let t,i,o,s,c,u,f,h,a,p,T,D;const v="";let d,g,k=0;const _=n(this,Q)+n(this,fe)>n(this,Ye)?n(this,Ye):n(this,Q)+n(this,fe),z=n(this,ae)+n(this,fe)>n(this,Xe)?n(this,Xe):n(this,ae)+n(this,fe),x=n(this,I)+n(this,fe)>n(this,Je)?n(this,Je):n(this,I)+n(this,fe),m=n(this,N).fXaxis.fTitle,ee=n(this,N).fYaxis.fTitle,te=n(this,N).fZaxis.fTitle,C=n(this,N).fXaxis.fLabels?n(this,N).fXaxis.fLabels.arr:[],G=n(this,N).fYaxis.fLabels?n(this,N).fYaxis.fLabels.arr:[],ue=n(this,N).fZaxis.fLabels?n(this,N).fZaxis.fLabels.arr:[],we=[];for(let re=n(this,I);re<=x;re++)for(let Z=n(this,ae);Z<=z;Z++)for(let Y=n(this,Q);Y<=_;Y++){if(t=n(this,N).fXaxis.GetBinCenter(Y),i=n(this,N).fXaxis.GetBinLowEdge(Y),o=t+(t-i),s=o-i,c=n(this,N).fYaxis.GetBinCenter(Z),u=n(this,N).fYaxis.GetBinLowEdge(Z),f=c+(c-u),h=f-u,a=n(this,N).fZaxis.GetBinCenter(re),p=n(this,N).fZaxis.GetBinLowEdge(re),T=a+(a-p),D=T-p,d=n(this,N).getBinContent(Y,Z,re),g=n(this,Bt).call(this,d),g>n(this,Tt)){let be=g;g<.15&&(be=.15);let he=n(this,Qe)?n(this,Qe).call(this,{histogram:n(this,N),x:o,y:f,z:T,content:g}):null;he=he||n(this,F).getBinColor(g);const Ce=n(this,Re)+i+"th3"+o+"th3"+p+"th3"+T+"th3"+u+"th3"+f;let _e;n(this,Dt).call(this,Ce)?_e=n(this,F).getSecondaryAccentColor():_e=he;const Ne=`id: ${Ce};
|
|
205
|
+
histogramName: ${n(this,Re)};
|
|
206
|
+
typeName: 'TH3';
|
|
207
|
+
content: ${g};
|
|
208
|
+
color: ${he};
|
|
209
|
+
yTitle: ${ee};
|
|
210
|
+
xTitle: ${m};
|
|
211
|
+
zTitle: ${te};
|
|
212
|
+
absoluteContent: ${d};
|
|
213
|
+
binName: ${v};
|
|
214
|
+
xMin: ${i};
|
|
215
|
+
yMin: ${u};
|
|
216
|
+
zMin: ${p};
|
|
217
|
+
xMax: ${o};
|
|
218
|
+
yMax: ${f};
|
|
219
|
+
zMax: ${T};
|
|
220
|
+
xPos: ${Y};
|
|
221
|
+
yPos: ${Z};
|
|
222
|
+
zPos: ${re};
|
|
223
|
+
xCenter: ${t};
|
|
224
|
+
yCenter: ${c};
|
|
225
|
+
zCenter: ${a};
|
|
226
|
+
xWidth: ${s};
|
|
227
|
+
yWidth: ${h};
|
|
228
|
+
zWidth: ${D};
|
|
229
|
+
markedColor: ${_e};
|
|
230
|
+
selectColor: ${n(this,F).getSecondaryAccentColor()};
|
|
231
|
+
axisX: ${n(this,F).getAxisColor("x")};
|
|
232
|
+
axisY: ${n(this,F).getAxisColor("y")};
|
|
233
|
+
axisZ: ${n(this,F).getAxisColor("z")}`,R=be*.8,P=Y-1,H=re-1,j=Z-1;e.bins[k]={id:Ce,color:he,binData:Ne,content:d,animation:{fromWidth:n(this,xt).call(this,Ce),fromHeight:n(this,xt).call(this,Ce),fromDepth:n(this,xt).call(this,Ce),toWidth:R,toHeight:R,toDepth:R},animation2:{fromX:P+n(this,L).xOffset,fromY:H+n(this,L).zOffset,fromZ:j+n(this,L).yOffset,toX:P,toY:H,toZ:j},animation3:{fromColor:n(this,Ft).call(this,Ce),toColor:_e}},we[k]={key:Ce,scale:R,color:_e}}k++}B(this,vt,we);const W=[],q=[];return k=n(this,Nt).call(this,e,W,q,z,_,G,ee,0),k=n(this,jt).call(this,e,W,q,_,z,C,m,k),k=n(this,Mt).call(this,e,W,q,_,z,x,ue,te,k),Pr(this,Yt,Ar).call(this,e,W,q,_,z,k),e.labels=[...W,...q],e});M(this,Er,()=>{const e={type:"TH2",bins:[],labels:[],banners:[],ground:{},titles:[],axisLabels:[]};let t,i,o,s,c,u,f,h,a,p;const T="";let D,v=0;const d=n(this,Q)+n(this,fe)>n(this,N).fXaxis.fNbins?n(this,N).fXaxis.fNbins:n(this,Q)+n(this,fe),g=n(this,ae)+n(this,fe)>n(this,N).fYaxis.fNbins?n(this,N).fYaxis.fNbins:n(this,ae)+n(this,fe),k=n(this,N).fXaxis.fTitle!==""?n(this,N).fXaxis.fTitle:"x",_=n(this,N).fYaxis.fTitle!==""?n(this,N).fYaxis.fTitle:"y",z=n(this,N).fXaxis.fLabels?n(this,N).fXaxis.fLabels.arr:[],x=n(this,N).fYaxis.fLabels?n(this,N).fYaxis.fLabels.arr:[],m=[];for(let C=n(this,ae);C<=g;C++)for(let G=n(this,Q);G<=d;G++){if(i=n(this,N).fXaxis.GetBinCenter(G),o=n(this,N).fXaxis.GetBinLowEdge(G),s=i+(i-o),c=s-o,u=n(this,N).fYaxis.GetBinCenter(C),f=n(this,N).fYaxis.GetBinLowEdge(C),h=u+(u-f),a=h-f,D=n(this,N).getBinContent(G,C),p=n(this,Bt).call(this,D),t=p*n(this,fe)*n(this,et)/16,p>n(this,Tt)){let ue=n(this,Qe)?n(this,Qe).call(this,{histogram:n(this,N),x:s,y:h,content:p}):null;ue=ue||n(this,F).getBinColor(p);const we=n(this,Re)+o+"th2"+s+"th2"+f+"th2"+h;let W;n(this,Dt).call(this,we)?W=n(this,F).getSecondaryAccentColor():W=ue;const q=`id: ${we};
|
|
234
|
+
histogramName: ${n(this,Re)};
|
|
235
|
+
typeName: 'TH2';
|
|
236
|
+
content: ${p};
|
|
237
|
+
color: ${ue};
|
|
238
|
+
yTitle: ${_};
|
|
239
|
+
xTitle: ${k};
|
|
240
|
+
zTitle: 'none';
|
|
241
|
+
absoluteContent: ${D};
|
|
242
|
+
binName: ${T};
|
|
243
|
+
xMin: ${o};
|
|
244
|
+
yMin: ${f};
|
|
245
|
+
zMin: ${0};
|
|
246
|
+
xMax: ${s};
|
|
247
|
+
yMax: ${h};
|
|
248
|
+
zMax: ${0};
|
|
249
|
+
xPos: ${G};
|
|
250
|
+
yPos: ${C};
|
|
251
|
+
zPos: ${0};
|
|
252
|
+
xCenter: ${i};
|
|
253
|
+
yCenter: ${u};
|
|
254
|
+
yCenter: ${0};
|
|
255
|
+
xWidth: ${c};
|
|
256
|
+
yWidth: ${a};
|
|
257
|
+
zWidth: ${0};
|
|
258
|
+
markedColor: ${W};
|
|
259
|
+
selectColor: ${n(this,F).getSecondaryAccentColor()};
|
|
260
|
+
axisX: ${n(this,F).getAxisColor("x")};
|
|
261
|
+
axisY: ${n(this,F).getAxisColor("y")};
|
|
262
|
+
axisZ: ${n(this,F).getAxisColor("z")}`,re=c/n(this,at)/n(this,zt),Z=a/n(this,bt)/n(this,zt),Y=G-1,be=C-1;e.bins[v]={id:we,color:ue,binData:q,content:D,animation:{fromWidth:re,fromHeight:n(this,xt).call(this,we),fromDepth:Z,toWidth:re,toHeight:p*n(this,fe)*n(this,et)/8,toDepth:Z},animation2:{fromX:Y+n(this,L).xOffset,fromY:t,fromZ:be+n(this,L).yOffset,toX:Y,toY:t,toZ:be},animation3:{fromColor:n(this,Ft).call(this,we),toColor:W}},m[v]={key:we,scale:p,color:W}}v++}B(this,vt,m);const ee=[],te=[];return v=n(this,Nt).call(this,e,ee,te,g,d,x,_,0),v=n(this,jt).call(this,e,ee,te,d,g,z,k,v),v=n(this,Mt).call(this,e,ee,te,d,g,void 0,void 0,void 0,v),Pr(this,Yt,Ar).call(this,e,ee,te,d,g,v),e.labels=[...ee,...te],e});M(this,Cr,()=>{const e={type:"TH1",bins:[],labels:[],banners:[],ground:{},titles:[],axisLabels:[]};let t,i,o,s,c,u;const f="";let h,a=0;const p=n(this,Q)+n(this,fe)>n(this,N).fXaxis.fNbins?n(this,N).fXaxis.fNbins:n(this,Q)+n(this,fe),T=1,D=n(this,N).fXaxis.fTitle!==""?n(this,N).fXaxis.fTitle:"x",v=n(this,N).fXaxis.fLabels?n(this,N).fXaxis.fLabels.arr:[],d=[];for(let _=n(this,Q);_<=p;_++){if(i=n(this,N).fXaxis.GetBinCenter(_),o=n(this,N).fXaxis.GetBinLowEdge(_),s=i+(i-o),c=s-o,h=n(this,N).getBinContent(_)/10,u=n(this,Bt).call(this,h),t=u*n(this,fe)*n(this,et)/16,u>n(this,Tt)){let z=n(this,Qe)?n(this,Qe).call(this,{histogram:n(this,N),x:s,content:u}):null;z=z||n(this,F).getBinColor(u);const x=n(this,Re)+o+"th1"+s;let m;n(this,Dt).call(this,x)?m=n(this,F).getSecondaryAccentColor():m=z;const ee=`id: ${x};
|
|
263
|
+
histogramName: ${n(this,Re)};
|
|
264
|
+
typeName: 'TH1';
|
|
265
|
+
content: ${u};
|
|
266
|
+
xTitle: ${D};
|
|
267
|
+
zTitle: 'none';
|
|
268
|
+
absoluteContent: ${h};
|
|
269
|
+
binName: ${f};
|
|
270
|
+
xMin: ${o};
|
|
271
|
+
zMin: ${0};
|
|
272
|
+
xMax: ${s};
|
|
273
|
+
zMax: ${0};
|
|
274
|
+
xPos: ${_};
|
|
275
|
+
zPos: ${0};
|
|
276
|
+
xCenter: ${i};
|
|
277
|
+
yCenter: ${0};
|
|
278
|
+
xWidth: ${c};
|
|
279
|
+
zWidth: ${0};
|
|
280
|
+
markedColor: ${m};
|
|
281
|
+
selectColor: ${n(this,F).getSecondaryAccentColor()};
|
|
282
|
+
axisX: ${n(this,F).getAxisColor("x")};
|
|
283
|
+
axisY: ${n(this,F).getAxisColor("y")};
|
|
284
|
+
axisZ: ${n(this,F).getAxisColor("z")}`,te=c/n(this,at)/n(this,zt),C=_-1,G=0;e.bins[a]={id:x,color:z,binData:ee,content:h,animation:{fromWidth:te,fromHeight:n(this,xt).call(this,x),fromDepth:te,toWidth:te,toHeight:u*n(this,fe)*n(this,et)/8,toDepth:te},animation2:{fromX:C+n(this,L).xOffset,fromY:t,fromZ:G,toX:C,toY:t,toZ:G},animation3:{fromColor:n(this,Ft).call(this,x),toColor:m}},d[a]={key:x,scale:u,color:m}}a++}B(this,vt,d);const g=[],k=[];return a=n(this,Nt).call(this,e,g,k,T,p,void 0,void 0,0),a=n(this,jt).call(this,e,g,k,p,T,v,D,a),a=n(this,Mt).call(this,e,g,k,p,T,void 0,void 0,void 0,a),Pr(this,Yt,Ar).call(this,e,g,k,p,T,a),e.labels=[...g,...k],e});M(this,Bt,e=>e<=0?0:(n(this,Ht)>1&&(e=Math.round((e/n(this,Ht)+Number.EPSILON)*100)/100),e));M(this,It,(e,t,i,o,s)=>{if(B(this,L,{xOffset:0,yOffset:0,zOffset:0}),i){if(s?(t[o]+=1,n(this,L)[o]=-1):(t[o]+=t.range,n(this,L)[o]=-t.range),e[o]<=t.range)return t[o]=1,n(this,L)[o]=0,t;if(t[o]>e[o]-t.range)return t[o]=e[o]-t.range,n(this,L)[o]=0,t}else if(s?(t[o]-=1,n(this,L)[o]=1):(t[o]-=t.range,n(this,L)[o]=t.range),t[o]<1)return t[o]=1,n(this,L)[o]=0,t;return t});M(this,Mt,(e,t,i,o,s,c,u,f,h)=>(t[h]=n(this,Ge).call(this,9e4+h,o+.5,n(this,I)-1,s+.5,270,360,0,2,2,`${u?u[n(this,I)-1]?u[n(this,I)-1].fString:Math.round((n(this,Fe).zInitial+n(this,I)-1+Number.EPSILON)*100)/100:"0"}`,n(this,F).getAxisColor("y"),n(this,F).getSecondaryFontColor()),i[h]=n(this,Ge).call(this,91e3+h,o+.5,n(this,I)-1,n(this,ae)-2.5,270,90,0,2,2,`${u?u[n(this,I)-1]?u[n(this,I)-1].fString:Math.round((n(this,Fe).zInitial+n(this,I)-1+Number.EPSILON)*100)/100:"0"}`,n(this,F).getAxisColor("y"),n(this,F).getSecondaryFontColor()),h++,t[h]=n(this,Ge).call(this,92e3+h,n(this,Q)-2.5,n(this,I)-1,s+.5,270,270,0,2,2,`${u?u[n(this,I)-1]?u[n(this,I)-1].fString:Math.round((n(this,Fe).zInitial+n(this,I)-1+Number.EPSILON)*100)/100:"0"}`,n(this,F).getAxisColor("y"),n(this,F).getSecondaryFontColor()),i[h]=n(this,Ge).call(this,93e3+h,n(this,Q)-2.5,n(this,I)-1,n(this,ae)-2.5,270,180,0,2,2,`${u?u[n(this,I)-1]?u[n(this,I)-1].fString:Math.round((n(this,Fe).zInitial+n(this,I)-1+Number.EPSILON)*100)/100:"0"}`,n(this,F).getAxisColor("y"),n(this,F).getSecondaryFontColor()),h++,f&&(e.axisLabels[4]={id:"upLabel1",key:95004+n(this,Re),text:{value:f,color:n(this,F).getAxisColor("y")},rotation:{x:0,y:270,z:90},animation:{fromX:n(this,Q)-1.5+n(this,L).xOffset,fromY:c-1+n(this,L).zOffset,fromZ:n(this,ae)-2+n(this,L).yOffset,toX:n(this,Q)-1.5,toY:c-1,toZ:n(this,ae)-2}},e.axisLabels[5]={id:"upLabel2",key:100005+n(this,Re),text:{value:f,color:n(this,F).getAxisColor("y")},rotation:{x:0,y:90,z:90},animation:{fromX:o-.5+n(this,L).xOffset,fromY:c-1+n(this,L).zOffset,fromZ:s+n(this,L).yOffset,toX:o-.5,toY:c-1,toZ:s}},e.axisLabels[6]={id:"upLabel3",key:105006+n(this,Re),text:{value:f,color:n(this,F).getAxisColor("y")},rotation:{x:0,y:360,z:90},animation:{fromX:n(this,Q)-2+n(this,L).xOffset,fromY:c-1+n(this,L).zOffset,fromZ:s-.5+n(this,L).yOffset,toX:n(this,Q)-2,toY:c-1,toZ:s-.5}},e.axisLabels[7]={id:"upLabel4",key:105007+n(this,Re),text:{value:f,color:n(this,F).getAxisColor("y")},rotation:{x:0,y:180,z:90},animation:{fromX:o-.5+n(this,L).xOffset,fromY:c-1+n(this,L).zOffset,fromZ:n(this,ae)-1.5+n(this,L).yOffset,toX:o-.5,toY:c-1,toZ:n(this,ae)-1.5}}),h));M(this,Nt,(e,t,i,o,s,c,u,f)=>{for(let h=n(this,ae);h<=o;h++)t[f]=n(this,Ge).call(this,1500+f,n(this,Q)-2.5,n(this,I)?n(this,I)-1:0,h-1,270,180,0,2,1,`${c?c[h-1]?c[h-1].fString:Math.round((n(this,Fe).yInitial+(h-1)*n(this,bt)+Number.EPSILON)*100)/100:""}`,n(this,F).getAxisColor("z"),n(this,F).getSecondaryFontColor()),i[f]=n(this,Ge).call(this,3e3+f,s+.5,n(this,I)?n(this,I)-1:0,h-1,270,360,0,2,1,`${c?c[h-1]?c[h-1].fString:Math.round((n(this,Fe).yInitial+(h-1)*n(this,bt)+Number.EPSILON)*100)/100:""}`,n(this,F).getAxisColor("z"),n(this,F).getSecondaryFontColor()),f++;return e.axisLabels[0]={id:"leftLabel",key:4500+n(this,Re),text:{value:u||"",color:n(this,F).getAxisColor("z")},rotation:{x:270,y:270,z:0},animation:{fromX:n(this,Q)-4+n(this,L).xOffset,fromY:(n(this,I)?n(this,I)-1:0)+n(this,L).zOffset,fromZ:n(this,ae)+.5+n(this,L).yOffset,toX:n(this,Q)-4,toY:n(this,I)?n(this,I)-1:0,toZ:n(this,ae)+.5}},e.axisLabels[1]={id:"rightLabel",key:6001+n(this,Re),text:{value:u||"",color:n(this,F).getAxisColor("z")},rotation:{x:270,y:90,z:0},animation:{fromX:s+2+n(this,L).xOffset,fromY:(n(this,I)?n(this,I)-1:0)+n(this,L).zOffset,fromZ:o-2.5+n(this,L).yOffset,toX:s+2,toY:n(this,I)?n(this,I)-1:0,toZ:o-2.5}},f});M(this,jt,(e,t,i,o,s,c,u,f)=>{for(let h=n(this,Q);h<=o;h++)t[f]=n(this,Ge).call(this,7500+f,h-1,n(this,I)?n(this,I)-1:0,n(this,ae)-2.5,270,270,0,2,1,`${c[h-1]?c[h-1].fString:Math.round((n(this,Fe).xInitial+(h-1)*n(this,at)+Number.EPSILON)*100)/100}`,n(this,F).getAxisColor("x"),n(this,F).getSecondaryFontColor()),i[f]=n(this,Ge).call(this,9e3+f,h-1,n(this,I)?n(this,I)-1:0,s+.5,270,90,0,2,1,`${c[h-1]?c[h-1].fString:Math.round((n(this,Fe).xInitial+(h-1)*n(this,at)+Number.EPSILON)*100)/100}`,n(this,F).getAxisColor("x"),n(this,F).getSecondaryFontColor()),f++;return e.axisLabels[2]={id:"downLabel",key:10502+n(this,Re),text:{value:u,color:n(this,F).getAxisColor("x")},rotation:{x:270,y:180,z:0},animation:{fromX:n(this,Q)+n(this,L).xOffset,fromY:(n(this,I)?n(this,I)-1:0)+n(this,L).zOffset,fromZ:n(this,ae)-4+n(this,L).yOffset,toX:n(this,Q),toY:n(this,I)?n(this,I)-1:0,toZ:n(this,ae)-4}},e.axisLabels[3]={id:"upLabel",key:12003+n(this,Re),text:{value:u,color:n(this,F).getAxisColor("x")},rotation:{x:270,y:0,z:0},animation:{fromX:o-2.5+n(this,L).xOffset,fromY:(n(this,I)?n(this,I)-1:0)+n(this,L).zOffset,fromZ:s+2+n(this,L).yOffset,toX:o-2.5,toY:n(this,I)?n(this,I)-1:0,toZ:s+2}},f});M(this,Tr,(e,t,i)=>{const o={xOffset:n(this,Ye),yOffset:n(this,Xe),zOffset:n(this,Je)},s={name:"TH3",xOffset:n(this,Q),yOffset:n(this,ae),zOffset:n(this,I),range:n(this,fe)},c=n(this,It).call(this,o,s,t,e,i);return B(this,Q,c.xOffset),B(this,ae,c.yOffset),B(this,I,c.zOffset),c});M(this,_r,(e,t,i)=>{const o={xOffset:n(this,Ye),yOffset:n(this,Xe)},s={name:"TH2",xOffset:n(this,Q),yOffset:n(this,ae),range:n(this,fe)},c=n(this,It).call(this,o,s,t,e,i);return B(this,Q,c.xOffset),B(this,ae,c.yOffset),c});M(this,Or,(e,t,i)=>{const o={xOffset:n(this,Ye)},s={name:"TH1",xOffset:n(this,Q),range:n(this,fe)},c=n(this,It).call(this,o,s,t,e,i);return B(this,Q,c.xOffset),c});M(this,xt,e=>{const t=n(this,vt).filter(i=>i.key===e);return t[0]&&t[0].scale?t[0].scale:0});M(this,Ft,e=>{const t=n(this,vt).filter(i=>i.key===e);return t[0]&&t[0].scale?t[0].color:"#ffffff"});this.initializeFactory(e,t,i,o,s,c,u)}initializeFactory(e,t,i,o,s,c,u){this.setUniqueName(e),this.setTheme(s),this.setHistogram(t),this.setHistogramContentMaximum(t.fMaximum),this.setSection(i),this.setRange(o),this.setSelectedBin(c),this.setViewFunction(u)}setUniqueName(e){B(this,Re,e)}updateContentScale(e){n(this,et)+e>=0&&B(this,et,n(this,et)+e)}updateMinDisplayedContent(e){e>=0&&B(this,Tt,e)}setHistogramContentMaximum(e){B(this,Ht,e>0?e:1)}setSelectedBin(e){B(this,or,e||[])}setViewFunction(e){B(this,Qe,e)}setSection(e){e&&(e.xOffset&&B(this,Q,n(this,ct).call(this,e==null?void 0:e.xOffset,n(this,Ye))),e.yOffset&&!histogram._typename.includes("TH1")&&B(this,ae,n(this,ct).call(this,e==null?void 0:e.yOffset,n(this,Xe))),e.zOffset&&histogram._typename.includes("TH3")&&B(this,I,n(this,ct).call(this,e==null?void 0:e.zOffset,n(this,Je))))}setHistogram(e){var t,i,o,s,c,u,f,h,a,p,T,D,v,d,g,k;B(this,N,e),B(this,Ke,e==null?void 0:e._typename),B(this,Q,1),B(this,ae,1),B(this,I,1),B(this,Ye,0),B(this,Xe,0),B(this,Je,0),B(this,at,1),B(this,bt,1),B(this,sr,1),B(this,Ye,(t=e==null?void 0:e.fXaxis)==null?void 0:t.fNbins),B(this,at,(((i=e==null?void 0:e.fXaxis)==null?void 0:i.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=(c=e==null?void 0:e.fXaxis)==null?void 0:c.fXmin,B(this,Q,n(this,ct).call(this,n(this,Q),n(this,Ye))),(u=e==null?void 0:e._typename)!=null&&u.includes("TH1")||(B(this,Xe,(f=e==null?void 0:e.fYaxis)==null?void 0:f.fNbins),B(this,bt,(((h=e==null?void 0:e.fYaxis)==null?void 0:h.fXmax)-((a=e==null?void 0:e.fYaxis)==null?void 0:a.fXmin))/((p=e==null?void 0:e.fYaxis)==null?void 0:p.fNbins)),n(this,Fe).yInitial=(T=e==null?void 0:e.fYaxis)==null?void 0:T.fXmin,B(this,ae,n(this,ct).call(this,n(this,ae),n(this,Xe)))),(D=e==null?void 0:e._typename)!=null&&D.includes("TH3")&&(B(this,Je,(v=e==null?void 0:e.fZaxis)==null?void 0:v.fNbins),B(this,sr,((d=e==null?void 0:e.fZaxis)==null?void 0:d.fXmax)/((g=e==null?void 0:e.fZaxis)==null?void 0:g.fNbins)),n(this,Fe).zInitial=(k=e==null?void 0:e.fZaxis)==null?void 0:k.fXmin,B(this,I,n(this,ct).call(this,n(this,I),n(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,F,new Ki(e))}getElements(){let e={};return n(this,Ke).includes("TH2")?e=n(this,Er).call(this):n(this,Ke).includes("TH3")?e=n(this,wr).call(this):n(this,Ke).includes("TH1")&&(e=n(this,Cr).call(this)),e}updateSection(e,t,i){if(n(this,Ke).includes("TH3"))return n(this,Tr).call(this,e,t,i);if(n(this,Ke).includes("TH2"))return n(this,_r).call(this,e,t,i);if(n(this,Ke).includes("TH1"))return n(this,Or).call(this,e,t,i)}}Re=new WeakMap,or=new WeakMap,N=new WeakMap,Ke=new WeakMap,F=new WeakMap,Q=new WeakMap,ae=new WeakMap,I=new WeakMap,Ye=new WeakMap,Xe=new WeakMap,Je=new WeakMap,at=new WeakMap,bt=new WeakMap,sr=new WeakMap,fe=new WeakMap,Fe=new WeakMap,Qe=new WeakMap,Ht=new WeakMap,et=new WeakMap,Tt=new WeakMap,zt=new WeakMap,L=new WeakMap,vt=new WeakMap,ct=new WeakMap,Dt=new WeakMap,Ge=new WeakMap,wr=new WeakMap,Er=new WeakMap,Cr=new WeakMap,Bt=new WeakMap,It=new WeakMap,Mt=new WeakMap,Nt=new WeakMap,jt=new WeakMap,Yt=new WeakSet,Ar=function(e,t,i,o,s,c,u,f){f++,e.titles[0]={key:195e3+n(this,Re),text:{value:n(this,N).fTitle,color:n(this,F).getPrimaryFontColor()},rotation:{x:0,y:123,z:0},position:{x:n(this,Q)-90,y:16.5,z:n(this,ae)+90},innerText:{value:"Press V to show projections or controls",color:n(this,F).getPrimaryFontColor()}},f++;const h=n(this,fe)>n(this,Ye)?n(this,Ye)+1:n(this,fe),a=n(this,fe)>n(this,Xe)?n(this,Xe)+1:n(this,fe);e.ground={key:22500+f+n(this,Re),scale:{width:h+8,height:.2,depth:a+8},animation:{fromX:n(this,Q)+h*.5-1+n(this,L).xOffset,fromY:-.5,fromZ:n(this,ae)+a*.5-.5+n(this,L).yOffset,toX:n(this,Q)+h*.5-1,toY:-.5,toZ:n(this,ae)+a*.5-.5}},f++,e.banners[1]={key:24e4+f+n(this,Re),geometry:{width:.1,height:15,depth:22},position:{x:o+8,y:(n(this,I)?n(this,I)+7:7)+n(this,L).zOffset,z:n(this,ae)+n(this,fe)/2+2.5},material:{color:"#ffffff",transparent:!0}}},Tr=new WeakMap,_r=new WeakMap,Or=new WeakMap,xt=new WeakMap,Ft=new WeakMap;const Uo=()=>{let r;const{selectedView:e,onViewChange:t,section:i,range:o,theme:s,selectedBins:c}=b.useContext(St).states,{id:u,histogram:f,projPanelIds:h}=b.useContext(St).data,[a]=b.useState(new Zo(u,f,i||null,o,s||"def",c,t)),[p,T]=b.useState(a.getElements()),[D]=b.useState(1),v=d=>{f._typename.includes(d.name)&&(d.axis?(a.updateSection(d.axis,d.increment,d.defaultRange),T(a.getElements())):d.scale?(a.updateContentScale(d.scale),T(a.getElements())):d.minValue&&(a.updateMinDisplayedContent(d.minValue),T(a.getElements())))};return b.useEffect(()=>{a.setUniqueName(u),T(a.getElements())},[u]),b.useEffect(()=>{a.setHistogram(f),T(a.getElements())},[f]),b.useEffect(()=>{a.setSection(i),T(a.getElements())},[i]),b.useEffect(()=>{a.setRange(o),T(a.getElements())},[o]),b.useEffect(()=>{a.setTheme(s),T(a.getElements())},[s]),b.useEffect(()=>{a.setSelectedBin(c),T(a.getElements())},[c]),b.useEffect(()=>{a.setViewFunction(t),T(a.getElements())},[t]),b.useEffect(()=>{a.setViewFunction(t),T(a.getElements())},[e]),b.useEffect(()=>{if(f._typename.includes("TH2")?r=Se.getChangedSection().subscribe(v):f._typename.includes("TH3")?r=Pe.getChangedSection().subscribe(v):f._typename.includes("TH1")&&(r=it.getChangedSection().subscribe(v)),r)return()=>r.unsubscribe()},[p]),p!=null&&p.bins?le("a-entity",{"histogram-control":!0,children:[p.bins.map(d=>w("a-box",{class:"clickable",material:`color: ${d.color}; transparent: true`,binth:d.binData,mouseevent:!0,geometry:`width:${d.animation.toWidth}; height:${d.animation.toHeight}; depth:${d.animation.toDepth};`,animation__1:"property: material.opacity; from: 0; to: 0.75; dur: 2000;",animation__2:`property: position; from: ${d.animation2.fromX} ${d.animation2.fromY} ${d.animation2.fromZ}; to: ${d.animation2.toX} ${d.animation2.toY} ${d.animation2.toZ}; dur: 1000;`,animation__3:`property: material.color; from: ${d.animation3.fromColor}; to: ${d.animation3.toColor}; dur: 1600;`,children:w("a-text",{value:d.content,align:"center",width:"10",color:"black",geometry:"primitive:plane; width: 0.5; height: 0.5",material:`color: ${d.color}; opacity: 0.50; transparent: true`,rotation:"270 180 0","wrap-count":"50",position:`0 ${.001+(D===1?-1:1)*d.animation.toHeight/2} 0`})},d.id)),p.labels.map(d=>w("a-entity",{geometry:`primitive: ${d.geometry.primitive}; width:${d.geometry.width}; height:${d.geometry.height};`,text:`color: ${d.text.color}; width: ${d.text.width}; height: ${d.text.height}; align:center;`,"label-handler":`value: ${d.labelHandler.value}; delay:${d.labelHandler.delay}`,rotation:`${d.rotation.x} ${d.rotation.y} ${d.rotation.z}`,material:`color: ${d.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: ${d.animation.fromX} ${d.animation.fromY} ${d.animation.fromZ}; to: ${d.animation.toX} ${d.animation.toY} ${d.animation.toZ}; dur: 1005;`},d.key)),p.titles.map(d=>le("a-entity",{text:`value: ${d.text.value}; color: ${d.text.color}; width: 230; height:auto; align:center;`,rotation:`${d.rotation.x} ${d.rotation.y} ${d.rotation.z}`,position:`${d.position.x} ${d.position.y} ${d.position.z}`,material:"transparent: true",children:[w("a-text",{value:d.innerText.value,position:"0 10 0",width:"150",height:"auto",align:"center",color:d.innerText.color}),w("a-entity",{geometry:"primitive: plane; width:170; height:30;",position:"0 0 -1",material:"opacity: 0.9; color: white; transparent: true"})]},d.key)),p.axisLabels.map(d=>w("a-entity",{id:d.id,text:`value: ${d.text.value}; color: ${d.text.color}; width: 10; height:auto; align:center;`,rotation:`${d.rotation.x} ${d.rotation.y} ${d.rotation.z}`,animation:`property: position; from: ${d.animation.fromX} ${d.animation.fromY} ${d.animation.fromZ}; to: ${d.animation.toX} ${d.animation.toY} ${d.animation.toZ}; dur: 1000;`,material:"opacity: 0; transparent: true"},d.key)),p.ground&&w("a-box",{width:p.ground.scale.width,material:"color: #fafafa",height:p.ground.scale.height,depth:p.ground.scale.depth,animation:`property: position; from: ${p.ground.animation.fromX} ${p.ground.animation.fromY} ${p.ground.animation.fromZ};
|
|
285
|
+
to:
|
|
286
|
+
${p.ground.animation.toX} ${p.ground.animation.toY} ${p.ground.animation.toZ}; dur: 1000;`},p.ground.key),p.banners.map(d=>w("a-box",{id:h[0]?h[0]:"panel_0",geometry:`width:${d.geometry.width}; height:${d.geometry.height}; depth:${d.geometry.depth};`,position:`${d.position.x} ${d.position.y} ${d.position.z}`,material:`color: ${d.material.color}, transparent: ${d.material.transparent}`},h[0]?h[0]:"panel_0"))]}):w("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 Go(){return le(b.Fragment,{children:[w("a-sky",{color:"#dbf0fe"}),w("a-plane",{rotation:"-90 0 0",position:"0 -0.5 0",width:"1000",height:"1000",color:"#aaa",material:"shader:flat;"})]})}var qo=Object.defineProperty,Ko=(r,e,t)=>e in r?qo(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,vr=(r,e,t)=>(Ko(r,typeof e!="symbol"?e+"":e,t),t);const ir=r=>{const[e,t]=b.useState(r.initialState);return b.useLayoutEffect(()=>{const i=r.subscribe(t);return()=>i.unsubscribe()},[]),e},Ji=b.createContext(null);class Jo{constructor(){vr(this,"state"),vr(this,"distributors",new Map),vr(this,"handlerFunc",new Map),vr(this,"subscriptions",new Map)}addDistributor(e){this.distributors.set(e.getId(),e)}addHandlerFunc(e,t=null,i=null,o=null){this.handlerFunc.set(e,{callbackInputFunc:t,callbackOutputFunc:i,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,i=null,o=null){return this.distributors.get(e).getObservableInstance().subscribe(s=>{s.flag==="IN"?t&&t(s.data):s.flag==="OUT"?i&&i(s.data):o&&o(s.data)})}createSubscription(e){const t=this.handlerFunc.get(e);return this.distributors.get(e).getObservableInstance().subscribe(i=>{i.flag==="IN"?t!=null&&t.callbackInputFunc&&t.callbackInputFunc(i.data):i.flag==="OUT"?t!=null&&t.callbackOutputFunc&&t.callbackOutputFunc(i.data):t!=null&&t.callbackCustomFunc&&t.callbackCustomFunc(i.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 Jo;const Qo=()=>{const[r,e]=b.useState(0),t=b.useContext(Ji);return b.useEffect(()=>{const i=document.getElementById("camera"),o=new $r.Vector3,s=new $r.Quaternion;i.object3D.getWorldPosition(o);const c=setInterval(()=>{i.object3D.getWorldPosition(o),i.object3D.getWorldQuaternion(s),t.send(JSON.stringify({type:"move",payload:{position:o.toArray(),rotation:s.toArray()}})),e(u=>u+1)},100);return()=>clearInterval(c)},[r]),w("a-entity",{})},es=({position:r,rotation:e,id:t,color:i})=>(b.useEffect(()=>{},[r]),b.useEffect(()=>{const o=new $r.Quaternion().fromArray(e);document.getElementById(t).object3D.setRotationFromQuaternion(o)},[e]),le("a-entity",{position:r,id:t,children:[w("a-sphere",{radius:"0.1",color:i}),w("a-sphere",{position:"0.05 0.03 -0.08",radius:"0.02","segments-width":"8","segments-height":"8",color:"#000000"}),w("a-sphere",{position:"-0.05 0.03 -0.08",radius:"0.02","segments-width":"8","segments-height":"8",color:"#000000"}),w("a-sphere",{position:"0 -0.07 -0.1",scale:"1 1 0.5","segments-width":"4","segments-height":"4",radius:"0.02",color:"#11fd3e"}),w("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"}),w("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"})]})),ts=13,rs=77,is=73,ns=74,os=75,ss=76,Qi=new Map([[ns,"LEFT"],[is,"UP"],[os,"DOWN"],[ss,"RIGHT"]]),as=()=>{const r=b.useContext(Ji),e=o=>{switch(o.keyCode){case rs:r.send(JSON.stringify({type:"assign_master",payload:{}}))}},t=o=>{switch(o.keyCode){case ts:r.send(JSON.stringify({type:"selected_bins",payload:{selectedBins:JSON.parse(localStorage.getItem("selectedBins")).map(s=>s.id)}}));break}},i=o=>{if(!Qi.has(o.keyCode))return;let s=Qi.get(o.keyCode);r.send(JSON.stringify({type:"axis_scaling",payload:{axis:s}}))};return b.useEffect(()=>(window.addEventListener("keypress",t),window.addEventListener("keypress",e),window.addEventListener("keypress",i),()=>{window.removeEventListener("keypress",t),window.removeEventListener("keypress",e),window.removeEventListener("keypress",i)}),[]),w("div",{})},cs=({store:r})=>{const e=r.move?ir(r.move):{},t=r.ws?ir(r.ws):{},i=r.master?ir(r.master):{},o=r.selectedBins?ir(r.selectedBins):[],s=r.axisScaling?ir(r.axisScaling):new Map,[c,u]=b.useState([]),[f,h]=b.useState(""),[a,p]=b.useState(""),[T,D]=b.useState([]);return b.useEffect(()=>{e.clients!==void 0&&(e.clients.length>0?u(e.clients):u([]))},[e]),b.useEffect(()=>{h(t.id),p(t.color)},[t]),b.useEffect(()=>{},[i]),b.useEffect(()=>{o&&D(o.selectedBins)},[o]),b.useEffect(()=>{console.log(s.axisMap)},[s.axisMap]),le("a-entity",{children:[w(as,{}),w(Qo,{}),c.filter(v=>v.id!==f).map(v=>{const d=v.position,g=v.rotation,k=d.join(" ");return w(es,{id:v.id,position:k,rotation:g,color:a},"key"+v.id)})]})},ls=({data:r,states:e=null,stores:t=null,selectedBins:i=[],onClick:o=h=>{console.log("click isn't defined!")},onDbClick:s=h=>{console.log("DbClick isn't be defined!")},onHover:c=h=>{console.log("Hover isn't be defined!")},onView:u=null,onExeCommand:f=h=>{console.log("exeCommand isn't be defined!")}})=>{let h;return b.useEffect(()=>{if(h=tr.getBinDistributor().subscribe(a=>{var p,T,D;if(console.log(a.id),console.log(r.id),(a==null?void 0:a.id)===r.id){const v={intersectionAxis:a.intersect,obj:r.histogram,name:a.id};switch((p=a.data)!=null&&p.zPos?(v.binz=a.data.zPos,v.biny=a.data.yPos,v.binx=a.data.xPos,v.bin=r.histogram.getBin(a.data.xPos,a.data.yPos,a.data.zPos),v.con=r.histogram.getBinContent(a.data.xPos,a.data.yPos,a.data.zPos)):(T=a.data)!=null&&T.yPos?(v.biny=a.data.yPos,v.binx=a.data.xPos,v.bin=r.histogram.getBin(a.data.xPos,a.data.yPos),v.con=r.histogram.getBinContent(a.data.xPos,a.data.yPos)):(D=a.data)!=null&&D.xPos&&(v.binx=a.data.xPos,v.bin=r.histogram.getBin(a.data.xPos),v.con=r.histogram.getBinContent(a.data.xPos)),a.event){case"CLICK":o(v);break;case"HOVER":c(v);break;case"DB_CLICK":s(v);break}}else f(a.command)}),h)return()=>h.unsubscribe()},[r,e,o,s,c,f]),w(b.Fragment,{children:le(St.Provider,{value:{data:{id:r.id,histogram:r.histogram,projectionNames:r==null?void 0:r.projectionsNames,projPanelIds:r==null?void 0:r.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:u,selectedBins:i,selectedView:e==null?void 0:e.selectedView}},children:[le("a-scene",{embedded:!0,style:{zIndex:"1",width:"100%",minHeight:"calc(90vh)"},children:[w(Go,{}),(t==null?void 0:t.sharedStore)&&w(cs,{store:t.sharedStore}),w(Yo,{}),w(Uo,{})]}),!window.AFRAME.utils.device.checkHeadsetConnected()&&w(Vi,{})]})})};class us{constructor(e){He(this,"model",null);this.model=e}updateElement(e,t,i,o){if(this.model[i].elements[e])i==="titles"?this.createTitle(this.model[i].elements[e],this.model[i].attributes[e]):this.createElement(this.model[i].elements[e],this.model[i].attributes[e],o);else{let s;i==="titles"?s=this.createTitle(void 0,this.model[i].attributes[e]):s=this.createElement(void 0,this.model[i].attributes[e],o),this.model[i].elements[e]=s,t.appendChild(s)}}deleteUnnecessaryElements(e,t){const i=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=i,this.model[t[0]].attributes.length=i}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=i,this.model[t[0]].attributes.length=i,this.model[t[1]].elements.length=i,this.model[t[1]].attributes.length=i}}createElement(e,t,i){let o=e;if(o==null){const s=this.checkEntityType(i);o=document.createElement(s)}for(const s in t)o.setAttribute(s,t[s]);return o}createBannerElement(e,t,i){let o=e;return o==null&&(o=document.createElement("a-entity"),this.createBannerLines(t,i).map(c=>o.append(c))),o.setAttribute("position",i.position),o.setAttribute("id",i.id),o}createBannerLines(e,t){const i=[];for(let s=e-1;s>-1;s--){t.line.position.y=2*s;const c=document.createElement("a-entity");c.setAttribute("rotation",t.line.rotation),c.setAttribute("position",t.line.position),c.setAttribute("text",t.line.text),i.push(c)}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),i.push(o),i}createTitle(e,t){let i=e;if(i==null){i=document.createElement("a-entity");const o=this.createElement(void 0,t.background);i.appendChild(o)}return delete t.background,this.createElement(i,t)}checkEntityType(e){return e==="a-box"||e==="a-sphere"||e==="a-text"||e==="a-circle"||e==="a-text"?e:"a-entity"}}class fs{bannerTemplate(e,t,i){const o={x:e.positionX,y:e.positionY,z:e.positionZ},s=e.id,c=this.bannerBackgroundTemplate(i),u=this.lineTemplate(t);return{position:o,id:s,background:c,line:u}}binTemplate(e){const t={x:e.positionX,y:e.positionY,z:e.positionZ},i={x:e.scaleX,y:e.scaleY,z:e.scaleZ},o={color:e.color,opacity:.75},s=e.class,c=e.data,u=e.id;return{position:t,scale:i,material:o,id:u,class:s,binth2:c,mouseevent:""}}labelTemplate(e){const t={x:e.positionX,y:e.positionY,z:e.positionZ},i={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"},c={opacity:0},u=e.id;return{position:t,rotation:i,geometry:o,text:s,material:c,id:u}}axisTemplate(e){const t={x:e.positionX,y:e.positionY,z:e.positionZ},i={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"},c={color:e.color,opacity:.8};return{position:t,rotation:i,geometry:o,text:s,material:c}}titleTemplate(e,t){const i={x:e.positionX,y:e.positionY,z:e.positionZ},o={x:e.rotationX,y:e.rotationY,z:e.rotationZ},s={opacity:0},c={value:e.title,color:e.color,width:230,height:"auto",align:"center"},u=this.titleTextTemplate(t);return{position:i,rotation:o,material:s,text:c,background:u}}titleTextTemplate(e){const t={primitive:"plane",width:e.width,height:e.height},i={x:e.positionX,y:e.positionY,z:e.positionZ},o={color:e.color,opacity:.6};return{position:i,geometry:t,material:o}}lineTemplate(e){const t={x:e.positionX,y:e.positionY,z:e.positionZ},i={x:e.rotationX,y:e.rotationY,z:e.rotationZ};return{position:t,rotation:i,text:{value:"",width:14,height:"auto",align:"center"}}}bannerBackgroundTemplate(e){const t={x:e.positionX,y:e.positionY,z:e.positionZ},i={primitive:"box",width:e.width,height:e.height,depth:e.depth},o={color:e.color};return{position:t,geometry:i,material:o}}}let en=[];function hs(r){return en.filter(t=>t.id===r).length!==0}function ii(r,e,t,i,o,s,c){en=Zi.getBinsFromLocalStorage();const u=new fs,f=new us(e),h=new Ki(c),a={},p=r;let T,D,v,d,g,k,_,z,x,m;const ee="";let te,C=0;const G=i+s>t.fXaxis.fXmax?t.fXaxis.fXmax:i+s,ue=o+s>t.fYaxis.fXmax?t.fYaxis.fXmax:o+s,we=t.fXaxis.fTitle,W=t.fYaxis.fTitle,q=t.fXaxis.fLabels?t.fXaxis.fLabels.arr:[],re=t.fYaxis.fLabels?t.fYaxis.fLabels.arr:[];for(let Y=o;Y<=ue;Y++)for(let be=i;be<=G;be++)if(D=t.fXaxis.GetBinCenter(be),v=t.fXaxis.GetBinLowEdge(be),d=D+(D-v),g=d-v,k=t.fYaxis.GetBinCenter(Y),_=t.fYaxis.GetBinLowEdge(Y),z=k+(k-_),x=z-_,te=t.getBinContent(be,Y),m=ds(te,t.fMaximum),T=m/2,m>0){const he=h.getBinColor(m),Ce=v+"th2"+d+"th2"+_+"th2"+z;let _e;hs(Ce)?_e=h.getSecondaryAccentColor():_e=he;const Ne=`id: ${Ce};
|
|
287
|
+
content: ${m};
|
|
288
|
+
color: ${he};
|
|
289
|
+
yTitle: ${W};
|
|
290
|
+
xTitle: ${we};
|
|
291
|
+
absoluteContent: ${te};
|
|
292
|
+
binName: ${ee};
|
|
293
|
+
xMin: ${v};
|
|
294
|
+
yMin: ${_};
|
|
295
|
+
xMax: ${d};
|
|
296
|
+
yMax: ${z};
|
|
297
|
+
xCenter: ${D};
|
|
298
|
+
yCenter: ${k};
|
|
299
|
+
xWidth: ${g};
|
|
300
|
+
yWidth: ${x};
|
|
301
|
+
markedColor: ${_e};
|
|
302
|
+
selectColor: ${h.getSecondaryAccentColor()};
|
|
303
|
+
axisX: ${h.getAxisColor("x")};
|
|
304
|
+
axisY: ${h.getAxisColor("y")};
|
|
305
|
+
axisZ: ${h.getAxisColor("z")}`;a.id=Ce,a.positionX=v,a.positionY=T,a.positionZ=_,a.scaleX=g/2,a.scaleY=m,a.scaleZ=x/2,a.color=_e,a.class="clickable",a.data=Ne,e.bins.attributes[C]=u.binTemplate(a),f.updateElement(C,p,"bins","a-box"),C++}f.deleteUnnecessaryElements(C,["bins"]),a.id=1500+C,a.positionX=G+.5,a.positionY=0,a.positionZ=ue+.5,a.rotationX=270,a.rotationY=360,a.rotationZ=0,a.width=2,a.height=2,a.value="0",a.color=h.getAxisColor("y"),e.normalXAxis.attributes[0]=u.axisTemplate(a),f.updateElement(0,p,"normalXAxis","a-entity"),a.positionZ=o-2.5,a.rotationX=270,a.rotationY=180,e.reversedYAxis.attributes[0]=u.axisTemplate(a),f.updateElement(0,p,"reversedYAxis","a-entity"),a.positionX=i-2.5,a.positionZ=ue+.5,e.normalYAxis.attributes[0]=u.axisTemplate(a),f.updateElement(0,p,"normalYAxis","a-entity"),a.positionZ=o-2.5,a.rotationY=180,e.reversedXAxis.attributes[0]=u.axisTemplate(a),f.updateElement(0,p,"reversedXAxis","a-entity"),C=1;for(let Y=o;Y<=ue;Y++)a.id=1500+C,a.positionX=i-2.5,a.positionY=0,a.positionZ=Y-1,a.rotationX=270,a.rotationY=180,a.rotationZ=0,a.width=2,a.height=1,a.value=`${re[Y-1]?re[Y-1].fString:Y-1}`,a.color=h.getAxisColor("z"),e.normalYAxis.attributes[C]=u.axisTemplate(a),f.updateElement(C,p,"normalYAxis","a-entity"),a.id=4500+C,a.positionX=G+.5,a.rotationY=360,a.value=`${re[Y-1]?re[Y-1].fString:Y-1}`,e.reversedYAxis.attributes[C]=u.axisTemplate(a),f.updateElement(C,p,"reversedYAxis","a-entity"),C++;f.deleteUnnecessaryElements(C,["normalYAxis","reversedYAxis"]),C=1;for(let Y=i;Y<=G;Y++)a.id=1500+C,a.positionX=Y-1,a.positionY=0,a.positionZ=o-2.5,a.rotationX=270,a.rotationY=270,a.rotationZ=0,a.width=2,a.height=1,a.value=`${q[Y-1]?q[Y-1].fString:Y-1}`,a.color=h.getAxisColor("x"),e.normalXAxis.attributes[C]=u.axisTemplate(a),f.updateElement(C,p,"normalXAxis","a-entity"),a.id=4500+C,a.positionZ=ue+.5,a.rotationX=270,a.rotationY=90,a.value=`${q[Y-1]?q[Y-1].fString:Y-1}`,e.reversedXAxis.attributes[C]=u.axisTemplate(a),f.updateElement(C,p,"reversedXAxis","a-entity"),C++;f.deleteUnnecessaryElements(C,["normalXAxis","reversedXAxis"]),a.positionX=i,a.positionY=0,a.positionZ=o-4,a.rotationX=270,a.rotationY=180,a.rotationZ=0,a.width=4,a.height=1,a.value=we,a.id="downLabel",e.labels.attributes[0]=u.labelTemplate(a),f.updateElement(0,p,"labels","a-entity"),a.positionX=G-2.5,a.positionZ=ue+2,a.rotationY=0,a.id="upLabel",e.labels.attributes[1]=u.labelTemplate(a),f.updateElement(1,p,"labels","a-entity"),a.positionX=i-4,a.positionY=0,a.positionZ=o+.5,a.rotationX=270,a.rotationY=270,a.rotationZ=0,a.width=4,a.height=1,a.value=W,a.color=h.getAxisColor("z"),a.id="leftLabel",e.labels.attributes[2]=u.labelTemplate(a),f.updateElement(2,p,"labels","a-entity"),a.positionX=G+2,a.positionZ=ue-2.5,a.rotationX=270,a.rotationY=90,a.id="rightLabel",e.labels.attributes[3]=u.labelTemplate(a),f.updateElement(3,p,"labels","a-entity"),a.positionX=i-90,a.positionY=-6.5,a.positionZ=o+90,a.rotationX=0,a.rotationY=123,a.rotationZ=0,a.title=t.fTitle,a.color=h.getPrimaryFontColor();const Z={};Z.positionX=0,Z.positionY=0,Z.positionZ=-1,Z.width=170,Z.height=30,Z.color="white",e.titles.attributes[0]=u.titleTemplate(a,Z),f.updateElement(0,p,"titles","a-entity"),a.positionX=i+120,a.positionZ=o-70,a.rotationY=330,a.title=t.fName,e.titles.attributes[1]=u.titleTemplate(a,Z),f.updateElement(1,p,"titles","a-entity")}const ds=(r,e)=>r<=0?0:(e>1&&(r=Math.round((r/e+Number.EPSILON)*100)/100),r);class ps{constructor(e){M(this,kr,void 0);B(this,kr,e)}createTH2DemoHistogram(e,t,i,o){const s=_t.createHistogram("TH2I",e,t);let c=i;for(let u=1;u<=20;u++)for(let f=1;f<=20;f++){const h=s.getBin(f,u);let a=0;a=c,s.setBinContent(h,a),c+=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=c,s}createTH3DemoHistogram(e,t,i,o,s){const c=_t.createHistogram("TH3I",e,t,i);let u=o;for(let f=1;f<=20;f++)for(let h=1;h<=20;h++)for(let a=1;a<=20;a++){const p=c.getBin(a,h,f);let T=0;T=u,c.setBinContent(p,T),u+=s}return c.fXaxis.fTitle="x Axis",c.fYaxis.fTitle="y Axis",c.fZaxis.fTitle="z Axis",c.fName="You don't have a valid file path",c.fTitle="This is a TH3 histogram demo",c.fMaximum=u,c}}kr=new WeakMap;const ms=xe.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 r=this.el;Gi(this.schema,r),document.addEventListener("keydown",ti),document.addEventListener("keyup",ri),this.demoHistogramService=new ps,this.localStorageService=new qr,this.cameraService=new rr,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=i=>{console.log(i),this.section.xOffset=i.xOffset,this.section.yOffset=i.yOffset,this.range=i.range,this.cameraService.setCameraPosition(i),ii(this.el,this.model,this.histogram,this.section.xOffset,this.section.yOffset,this.section.range,this.data.theme),this.render=!0},t=i=>{this.localStorageService.storeTH2Offsets(i.xOffset,i.yOffset,i.range),e(i)};this.subscription=Se.getChangedSection().subscribe(t)},update:function(){qi(),this.section=JSON.parse(this.data.section),_t.openFile(this.data.filename).then(r=>r.readObject("hUsersVsProjects")).then(r=>{this.localStorageService.initHistogramData(r),this.histogram=r,ii(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(r=>{this.histogram=this.demoHistogramService.createTH2DemoHistogram(20,20,0,.1),this.localStorageService.initHistogramData(this.histogram),ii(this.el,this.model,this.histogram,this.section.xOffset,this.section.yOffset,this.section.range,this.data.theme),this.render=!0,console.log(r)})},tick:function(){this.render&&(this.render=!1)},remove:function(){this.subscription.unsubscribe(),document.removeEventListener("keydown",ti),document.removeEventListener("keyup",ri)}}),ys=xe.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 nr=new rr;const gs=r=>{r.detail.y>.95&&(Se.changeHistogramSectionByOffset("yOffset","TH2",!1,!1),Pe.changeHistogramSectionByOffset("yOffset","TH3",!1,!1)),r.detail.y<-.95&&(Se.changeHistogramSectionByOffset("yOffset","TH2",!0,!1),Pe.changeHistogramSectionByOffset("yOffset","TH3",!0,!1)),r.detail.x<-.95&&(it.changeHistogramSectionByOffset("xOffset","TH1",!0,!1),Se.changeHistogramSectionByOffset("xOffset","TH2",!0,!1),Pe.changeHistogramSectionByOffset("xOffset","TH3",!0,!1)),r.detail.x>.95&&(it.changeHistogramSectionByOffset("xOffset","TH1",!1,!1),Se.changeHistogramSectionByOffset("xOffset","TH2",!1,!1),Pe.changeHistogramSectionByOffset("xOffset","TH3",!1,!1))},bs=r=>{r.detail.y>.95&&(Se.changeHistogramSectionByOffset("yOffset","TH2",!1,!0),Pe.changeHistogramSectionByOffset("yOffset","TH3",!1,!0)),r.detail.y<-.95&&(Se.changeHistogramSectionByOffset("yOffset","TH2",!0,!0),Pe.changeHistogramSectionByOffset("yOffset","TH3",!0,!0)),r.detail.x<-.95&&(it.changeHistogramSectionByOffset("xOffset","TH1",!0,!0),Se.changeHistogramSectionByOffset("xOffset","TH2",!0,!0),Pe.changeHistogramSectionByOffset("xOffset","TH3",!0,!0)),r.detail.x>.95&&(it.changeHistogramSectionByOffset("xOffset","TH1",!1,!0),Se.changeHistogramSectionByOffset("xOffset","TH2",!1,!0),Pe.changeHistogramSectionByOffset("xOffset","TH3",!1,!0))},vs=(r,e)=>{r.detail.y>.95&&nr.horizontalMoveCamera("z",!1,e),r.detail.y<-.95&&nr.horizontalMoveCamera("z",!0,e),r.detail.x<-.95&&nr.horizontalMoveCamera("x",!0,e),r.detail.x>.95&&nr.horizontalMoveCamera("x",!1,e)},xs=r=>{r.detail.y>.95&&(Se.changeHistogramScale(-.1,"TH2"),Ae.next({scale:-.1})),r.detail.y<-.95&&(Se.changeHistogramScale(.1,"TH2"),Ae.next({scale:.1}))},Ss=r=>{r.detail.y>.95?Ae.next({source:"next"}):r.detail.y<-.95&&Ae.next({source:"prev"})},tn=r=>{r==="Y"?Ae.next({tool:"next"}):Ae.next({tool:"prev"})},rn=r=>{Pe.changeHistogramSectionByOffset("zOffset","TH3",!0,r)},nn=r=>{Pe.changeHistogramSectionByOffset("zOffset","TH3",!1,r)},on=()=>{nr=new rr},ws=r=>{gs(r)},Es=r=>{bs(r)},Cs=(r,e)=>{vs(r,e)},Ts=()=>{gr.saveSelectedBinToLocalStorage(),Gr()===0&&Ae.next({binData:gr})},_s=()=>{gr.deleteBinFromLocalStorage()},Os=()=>{Se.changeHistogramFunction("feet","TH2")},ks=()=>{Se.changeHistogramFunction("default","TH2")},Ps=()=>{dt.setVisibilityOfBanners("oculus")},As=()=>{dt.setUserState()},$s=()=>{dt.shiftBanners()},Rs=r=>{r.forEach(e=>{})},Hs=xe.registerComponent("left-controller-logging",{init:function(){let r=!1,e=!0,t=1,i=!1;const o=this.el;o.addEventListener("gripdown",()=>{r=!0}),o.addEventListener("gripup",()=>{r=!1}),o.addEventListener("thumbstickdown",()=>{r?(t++,t>20&&(t=20)):(t--,t<1&&(t=1))}),o.addEventListener("thumbstickmoved",s=>{if(r&&Gr()===2)xs(s);else if(r&&Gr()===3){if(e){e=!1,Ss(s);const c=setTimeout(()=>{e=!0},100);return()=>clearTimeout(c)}}else Cs(s,t)}),o.addEventListener("ybuttondown",()=>{r?i||(i=!0,tn("Y")):Ps()}),o.addEventListener("xbuttondown",()=>{r?i||(i=!0,tn("X")):As()}),o.addEventListener("ybuttonup",()=>{i=!1}),o.addEventListener("xbuttonup",()=>{i=!1})},update:function(){on()}}),zs=xe.registerComponent("right-controller-logging",{init:function(){let r=!1;const e=this.el;e.addEventListener("gripdown",()=>{r=!0}),e.addEventListener("gripup",()=>{r=!1}),e.addEventListener("thumbstickmoved",t=>{r?ws(t):Es(t)}),e.addEventListener("bbuttondown",()=>{rn(!r)}),e.addEventListener("abuttondown",()=>{nn(!r)}),e.addEventListener("thumbstickdown",()=>{r?Os():ks()}),e.addEventListener("triggerdown",()=>{r?(Ts(),Rs()):(_s(),$s())})},update:function(){on()}});class Ds{constructor(){M(this,Lt,void 0);B(this,Lt,new ht)}sendSourceSubject(e){n(this,Lt).next(e)}getSourceSettingSubject(){return n(this,Lt).asObservable()}}Lt=new WeakMap;const Bs=new Ds,Is=new qr;J.Banner=ys,J.HistogramTH2=ms,J.LeftController=Hs,J.NdmVrScene=ls,J.RightController=zs,J.ndmVrStorage=Is,J.sourceSettingSubject=Bs,Object.defineProperty(J,Symbol.toStringTag,{value:"Module"})});
|