@tomorrowevening/hermes 0.0.16 → 0.0.18

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.
Files changed (5) hide show
  1. package/dist/hermes.js +382 -383
  2. package/dist/hermes.umd.cjs +11 -11
  3. package/package.json +1 -1
  4. package/src/core/remote/RemoteTheatre.ts +16 -8
  5. package/types/core/remote/RemoteTheatre.d.ts +1 -1
package/dist/hermes.js CHANGED
@@ -22,11 +22,11 @@ function na(t) {
22
22
  return t.r !== void 0 && t.g !== void 0 && t.b !== void 0;
23
23
  }
24
24
  function aa(t) {
25
- const n = Math.round(t.r * 255), a = Math.round(t.g * 255), e = Math.round(t.b * 255), r = (u) => {
26
- const p = u.toString(16);
25
+ const n = Math.round(t.r * 255), a = Math.round(t.g * 255), e = Math.round(t.b * 255), r = (d) => {
26
+ const p = d.toString(16);
27
27
  return p.length === 1 ? "0" + p : p;
28
- }, s = r(n), f = r(a), l = r(e);
29
- return "#" + s + f + l;
28
+ }, s = r(n), u = r(a), l = r(e);
29
+ return "#" + s + u + l;
30
30
  }
31
31
  function _t(t, n = 1) {
32
32
  return Number(t.toFixed(n));
@@ -185,23 +185,21 @@ class Ut extends Ct {
185
185
  console.error("Theatre Project hasn't been created yet.");
186
186
  return;
187
187
  }
188
- const f = this.sheets.get(a);
189
- if (f === void 0)
188
+ const u = this.sheet(a);
189
+ if (u === void 0)
190
190
  return;
191
191
  const l = `${a}_${e}`;
192
- let u = this.sheetObjects.get(l);
193
- if (u !== void 0)
194
- return u = f.object(e, { ...r, ...u.value }, { reconfigure: !0 }), u;
195
- u = f.object(e, r), this.sheetObjects.set(l, u), this.sheetObjectCBs.set(l, s !== void 0 ? s : vn);
196
- const p = u.onValuesChange((v) => {
192
+ let d = this.sheetObjects.get(l);
193
+ d !== void 0 ? d = u.object(e, { ...r, ...d.value }, { reconfigure: !0 }) : d = u.object(e, r), this.sheetObjects.set(l, d), this.sheetObjectCBs.set(l, s !== void 0 ? s : vn);
194
+ const p = d.onValuesChange((v) => {
197
195
  if (this.app.editor) {
198
- for (const E in v) {
199
- const w = v[E];
200
- typeof w == "object" && na(w) && (v[E] = {
201
- r: w.r,
202
- g: w.g,
203
- b: w.b,
204
- a: w.a
196
+ for (const x in v) {
197
+ const C = v[x];
198
+ typeof C == "object" && na(C) && (v[x] = {
199
+ r: C.r,
200
+ g: C.g,
201
+ b: C.b,
202
+ a: C.a
205
203
  });
206
204
  }
207
205
  this.app.send({
@@ -212,20 +210,21 @@ class Ut extends Ct {
212
210
  values: v
213
211
  }
214
212
  });
215
- } else {
216
- const E = this.sheetObjectCBs.get(l);
217
- E !== void 0 && E(v);
218
213
  }
214
+ const E = this.sheetObjectCBs.get(l);
215
+ E !== void 0 && E(v);
219
216
  });
220
- return this.sheetObjectUnsubscribe.set(l, p), u;
217
+ return this.sheetObjectUnsubscribe.set(l, p), d;
221
218
  }
222
219
  unsubscribe(a) {
223
220
  if (this.project === void 0) {
224
221
  console.error("Theatre Project hasn't been created yet.");
225
222
  return;
226
223
  }
227
- const e = `${a.address.sheetId}_${a.address.objectKey}`, r = this.sheetObjectUnsubscribe.get(e);
228
- r !== void 0 && r();
224
+ const e = a.address.sheetId, r = a.address.objectKey, s = this.sheets.get(e);
225
+ s == null || s.detachObject(r);
226
+ const u = `${e}_${r}`, l = this.sheetObjectUnsubscribe.get(u);
227
+ l !== void 0 && (this.sheetObjects.delete(u), this.sheetObjectCBs.delete(u), this.sheetObjectUnsubscribe.delete(u), l());
229
228
  }
230
229
  }
231
230
  let Me;
@@ -257,23 +256,23 @@ function la(t) {
257
256
  t.components.forEach((s) => {
258
257
  s instanceof Ut && (n = s);
259
258
  }), rt.ui.restore(), rt.onSelectionChange((s) => {
260
- s.length < 1 || s.forEach((f) => {
261
- let l = f.address.sheetId, u = "setSheet", p = {};
262
- switch (f.type) {
259
+ s.length < 1 || s.forEach((u) => {
260
+ let l = u.address.sheetId, d = "setSheet", p = {};
261
+ switch (u.type) {
263
262
  case "Theatre_Sheet_PublicAPI":
264
- u = "setSheet", p = {
265
- sheet: f.address.sheetId
266
- }, Me = n.sheets.get(f.address.sheetId);
263
+ d = "setSheet", p = {
264
+ sheet: u.address.sheetId
265
+ }, Me = n.sheets.get(u.address.sheetId);
267
266
  break;
268
267
  case "Theatre_SheetObject_PublicAPI":
269
- u = "setSheetObject", l += `_${f.address.objectKey}`, p = {
268
+ d = "setSheetObject", l += `_${u.address.objectKey}`, p = {
270
269
  id: l,
271
- sheet: f.address.sheetId,
272
- key: f.address.objectKey
270
+ sheet: u.address.sheetId,
271
+ key: u.address.objectKey
273
272
  };
274
273
  break;
275
274
  }
276
- t.send({ event: u, target: "app", data: p });
275
+ t.send({ event: d, target: "app", data: p });
277
276
  });
278
277
  });
279
278
  let a = 0;
@@ -612,13 +611,13 @@ class yn extends Ct {
612
611
  }
613
612
  // Binding
614
613
  bind(a, e, r, s = void 0) {
615
- const f = this.bindID, l = r.onChange !== void 0 ? r.onChange : vn;
616
- this.bindCBs.set(f, l), this.app.editor ? (this.pane === void 0 && this.createGUI(), (s !== void 0 ? s : this.pane).addBinding(a, e, r).on("change", (p) => {
614
+ const u = this.bindID, l = r.onChange !== void 0 ? r.onChange : vn;
615
+ this.bindCBs.set(u, l), this.app.editor ? (this.pane === void 0 && this.createGUI(), (s !== void 0 ? s : this.pane).addBinding(a, e, r).on("change", (p) => {
617
616
  this.app.send({
618
617
  event: "updateBind",
619
618
  target: "app",
620
619
  data: {
621
- id: f,
620
+ id: u,
622
621
  value: p.value
623
622
  }
624
623
  });
@@ -626,7 +625,7 @@ class yn extends Ct {
626
625
  event: "bindObject",
627
626
  target: "app",
628
627
  data: {
629
- id: f,
628
+ id: u,
630
629
  name: e,
631
630
  params: r,
632
631
  parent: s
@@ -714,17 +713,17 @@ function va() {
714
713
  return nt;
715
714
  Xt = 1;
716
715
  var t = hn, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), e = Object.prototype.hasOwnProperty, r = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
717
- function f(l, u, p) {
718
- var v, E = {}, w = null, R = null;
719
- p !== void 0 && (w = "" + p), u.key !== void 0 && (w = "" + u.key), u.ref !== void 0 && (R = u.ref);
720
- for (v in u)
721
- e.call(u, v) && !s.hasOwnProperty(v) && (E[v] = u[v]);
716
+ function u(l, d, p) {
717
+ var v, E = {}, x = null, C = null;
718
+ p !== void 0 && (x = "" + p), d.key !== void 0 && (x = "" + d.key), d.ref !== void 0 && (C = d.ref);
719
+ for (v in d)
720
+ e.call(d, v) && !s.hasOwnProperty(v) && (E[v] = d[v]);
722
721
  if (l && l.defaultProps)
723
- for (v in u = l.defaultProps, u)
724
- E[v] === void 0 && (E[v] = u[v]);
725
- return { $$typeof: n, type: l, key: w, ref: R, props: E, _owner: r.current };
722
+ for (v in d = l.defaultProps, d)
723
+ E[v] === void 0 && (E[v] = d[v]);
724
+ return { $$typeof: n, type: l, key: x, ref: C, props: E, _owner: r.current };
726
725
  }
727
- return nt.Fragment = a, nt.jsx = f, nt.jsxs = f, nt;
726
+ return nt.Fragment = a, nt.jsx = u, nt.jsxs = u, nt;
728
727
  }
729
728
  var at = {};
730
729
  /**
@@ -739,24 +738,24 @@ var at = {};
739
738
  var qt;
740
739
  function ba() {
741
740
  return qt || (qt = 1, process.env.NODE_ENV !== "production" && function() {
742
- var t = hn, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), e = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), T = Symbol.iterator, G = "@@iterator";
741
+ var t = hn, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), e = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), l = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), M = Symbol.iterator, G = "@@iterator";
743
742
  function se(i) {
744
743
  if (i === null || typeof i != "object")
745
744
  return null;
746
- var h = T && i[T] || i[G];
745
+ var h = M && i[M] || i[G];
747
746
  return typeof h == "function" ? h : null;
748
747
  }
749
748
  var H = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
750
- function C(i) {
749
+ function S(i) {
751
750
  {
752
- for (var h = arguments.length, g = new Array(h > 1 ? h - 1 : 0), x = 1; x < h; x++)
753
- g[x - 1] = arguments[x];
751
+ for (var h = arguments.length, g = new Array(h > 1 ? h - 1 : 0), w = 1; w < h; w++)
752
+ g[w - 1] = arguments[w];
754
753
  K("error", i, g);
755
754
  }
756
755
  }
757
756
  function K(i, h, g) {
758
757
  {
759
- var x = H.ReactDebugCurrentFrame, k = x.getStackAddendum();
758
+ var w = H.ReactDebugCurrentFrame, k = w.getStackAddendum();
760
759
  k !== "" && (h += "%s", g = g.concat([k]));
761
760
  var L = g.map(function(P) {
762
761
  return String(P);
@@ -764,19 +763,19 @@ function ba() {
764
763
  L.unshift("Warning: " + h), Function.prototype.apply.call(console[i], console, L);
765
764
  }
766
765
  }
767
- var fe = !1, le = !1, ee = !1, d = !1, m = !1, b;
766
+ var fe = !1, le = !1, ee = !1, f = !1, m = !1, b;
768
767
  b = Symbol.for("react.module.reference");
769
- function S(i) {
770
- return !!(typeof i == "string" || typeof i == "function" || i === e || i === s || m || i === r || i === p || i === v || d || i === R || fe || le || ee || typeof i == "object" && i !== null && (i.$$typeof === w || i.$$typeof === E || i.$$typeof === f || i.$$typeof === l || i.$$typeof === u || // This needs to include all possible module reference object
768
+ function O(i) {
769
+ return !!(typeof i == "string" || typeof i == "function" || i === e || i === s || m || i === r || i === p || i === v || f || i === C || fe || le || ee || typeof i == "object" && i !== null && (i.$$typeof === x || i.$$typeof === E || i.$$typeof === u || i.$$typeof === l || i.$$typeof === d || // This needs to include all possible module reference object
771
770
  // types supported by any Flight configuration anywhere since
772
771
  // we don't know which Flight build this will end up being used
773
772
  // with.
774
773
  i.$$typeof === b || i.getModuleId !== void 0));
775
774
  }
776
775
  function B(i, h, g) {
777
- var x = i.displayName;
778
- if (x)
779
- return x;
776
+ var w = i.displayName;
777
+ if (w)
778
+ return w;
780
779
  var k = h.displayName || h.name || "";
781
780
  return k !== "" ? g + "(" + k + ")" : g;
782
781
  }
@@ -786,7 +785,7 @@ function ba() {
786
785
  function F(i) {
787
786
  if (i == null)
788
787
  return null;
789
- if (typeof i.tag == "number" && C("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
788
+ if (typeof i.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
790
789
  return i.displayName || i.name || null;
791
790
  if (typeof i == "string")
792
791
  return i;
@@ -809,15 +808,15 @@ function ba() {
809
808
  case l:
810
809
  var h = i;
811
810
  return $(h) + ".Consumer";
812
- case f:
811
+ case u:
813
812
  var g = i;
814
813
  return $(g._context) + ".Provider";
815
- case u:
814
+ case d:
816
815
  return B(i, i.render, "ForwardRef");
817
816
  case E:
818
- var x = i.displayName || null;
819
- return x !== null ? x : F(i.type) || "Memo";
820
- case w: {
817
+ var w = i.displayName || null;
818
+ return w !== null ? w : F(i.type) || "Memo";
819
+ case x: {
821
820
  var k = i, L = k._payload, P = k._init;
822
821
  try {
823
822
  return F(P(L));
@@ -828,14 +827,14 @@ function ba() {
828
827
  }
829
828
  return null;
830
829
  }
831
- var D = Object.assign, U = 0, J, M, I, X, me, Re, Xe;
830
+ var D = Object.assign, U = 0, J, R, I, X, me, Re, Xe;
832
831
  function ct() {
833
832
  }
834
833
  ct.__reactDisabledLog = !0;
835
834
  function Ot() {
836
835
  {
837
836
  if (U === 0) {
838
- J = console.log, M = console.info, I = console.warn, X = console.error, me = console.group, Re = console.groupCollapsed, Xe = console.groupEnd;
837
+ J = console.log, R = console.info, I = console.warn, X = console.error, me = console.group, Re = console.groupCollapsed, Xe = console.groupEnd;
839
838
  var i = {
840
839
  configurable: !0,
841
840
  enumerable: !0,
@@ -868,7 +867,7 @@ function ba() {
868
867
  value: J
869
868
  }),
870
869
  info: D({}, i, {
871
- value: M
870
+ value: R
872
871
  }),
873
872
  warn: D({}, i, {
874
873
  value: I
@@ -887,7 +886,7 @@ function ba() {
887
886
  })
888
887
  });
889
888
  }
890
- U < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
889
+ U < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
891
890
  }
892
891
  }
893
892
  var qe = H.ReactCurrentDispatcher, Ze;
@@ -897,8 +896,8 @@ function ba() {
897
896
  try {
898
897
  throw Error();
899
898
  } catch (k) {
900
- var x = k.stack.trim().match(/\n( *(at )?)/);
901
- Ze = x && x[1] || "";
899
+ var w = k.stack.trim().match(/\n( *(at )?)/);
900
+ Ze = w && w[1] || "";
902
901
  }
903
902
  return `
904
903
  ` + Ze + i;
@@ -917,7 +916,7 @@ function ba() {
917
916
  if (g !== void 0)
918
917
  return g;
919
918
  }
920
- var x;
919
+ var w;
921
920
  $e = !0;
922
921
  var k = Error.prepareStackTrace;
923
922
  Error.prepareStackTrace = void 0;
@@ -936,14 +935,14 @@ function ba() {
936
935
  try {
937
936
  Reflect.construct(P, []);
938
937
  } catch (Ee) {
939
- x = Ee;
938
+ w = Ee;
940
939
  }
941
940
  Reflect.construct(i, [], P);
942
941
  } else {
943
942
  try {
944
943
  P.call();
945
944
  } catch (Ee) {
946
- x = Ee;
945
+ w = Ee;
947
946
  }
948
947
  i.call(P.prototype);
949
948
  }
@@ -951,23 +950,23 @@ function ba() {
951
950
  try {
952
951
  throw Error();
953
952
  } catch (Ee) {
954
- x = Ee;
953
+ w = Ee;
955
954
  }
956
955
  i();
957
956
  }
958
957
  } catch (Ee) {
959
- if (Ee && x && typeof Ee.stack == "string") {
960
- for (var O = Ee.stack.split(`
961
- `), ce = x.stack.split(`
962
- `), W = O.length - 1, q = ce.length - 1; W >= 1 && q >= 0 && O[W] !== ce[q]; )
958
+ if (Ee && w && typeof Ee.stack == "string") {
959
+ for (var T = Ee.stack.split(`
960
+ `), ce = w.stack.split(`
961
+ `), W = T.length - 1, q = ce.length - 1; W >= 1 && q >= 0 && T[W] !== ce[q]; )
963
962
  q--;
964
963
  for (; W >= 1 && q >= 0; W--, q--)
965
- if (O[W] !== ce[q]) {
964
+ if (T[W] !== ce[q]) {
966
965
  if (W !== 1 || q !== 1)
967
966
  do
968
- if (W--, q--, q < 0 || O[W] !== ce[q]) {
967
+ if (W--, q--, q < 0 || T[W] !== ce[q]) {
969
968
  var ge = `
970
- ` + O[W].replace(" at new ", " at ");
969
+ ` + T[W].replace(" at new ", " at ");
971
970
  return i.displayName && ge.includes("<anonymous>") && (ge = ge.replace("<anonymous>", i.displayName)), typeof i == "function" && _e.set(i, ge), ge;
972
971
  }
973
972
  while (W >= 1 && q >= 0);
@@ -1002,12 +1001,12 @@ function ba() {
1002
1001
  }
1003
1002
  if (typeof i == "object")
1004
1003
  switch (i.$$typeof) {
1005
- case u:
1004
+ case d:
1006
1005
  return ut(i.render);
1007
1006
  case E:
1008
1007
  return je(i.type, h, g);
1009
- case w: {
1010
- var x = i, k = x._payload, L = x._init;
1008
+ case x: {
1009
+ var w = i, k = w._payload, L = w._init;
1011
1010
  try {
1012
1011
  return je(L(k), h, g);
1013
1012
  } catch {
@@ -1024,22 +1023,22 @@ function ba() {
1024
1023
  } else
1025
1024
  Je.setExtraStackFrame(null);
1026
1025
  }
1027
- function ke(i, h, g, x, k) {
1026
+ function ke(i, h, g, w, k) {
1028
1027
  {
1029
1028
  var L = Function.call.bind(Ge);
1030
1029
  for (var P in i)
1031
1030
  if (L(i, P)) {
1032
- var O = void 0;
1031
+ var T = void 0;
1033
1032
  try {
1034
1033
  if (typeof i[P] != "function") {
1035
- var ce = Error((x || "React class") + ": " + g + " type `" + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[P] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
1034
+ var ce = Error((w || "React class") + ": " + g + " type `" + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[P] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
1036
1035
  throw ce.name = "Invariant Violation", ce;
1037
1036
  }
1038
- O = i[P](h, P, x, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
1037
+ T = i[P](h, P, w, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
1039
1038
  } catch (W) {
1040
- O = W;
1039
+ T = W;
1041
1040
  }
1042
- O && !(O instanceof Error) && (Se(k), C("%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).", x || "React class", g, P, typeof O), Se(null)), O instanceof Error && !(O.message in ft) && (ft[O.message] = !0, Se(k), C("Failed %s type: %s", g, O.message), Se(null));
1041
+ T && !(T instanceof Error) && (Se(k), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", g, P, typeof T), Se(null)), T instanceof Error && !(T.message in ft) && (ft[T.message] = !0, Se(k), S("Failed %s type: %s", g, T.message), Se(null));
1043
1042
  }
1044
1043
  }
1045
1044
  }
@@ -1065,7 +1064,7 @@ function ba() {
1065
1064
  }
1066
1065
  function mt(i) {
1067
1066
  if (et(i))
1068
- return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ht(i)), pt(i);
1067
+ return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ht(i)), pt(i);
1069
1068
  }
1070
1069
  var Oe = H.ReactCurrentOwner, Pt = {
1071
1070
  key: !0,
@@ -1093,13 +1092,13 @@ function ba() {
1093
1092
  function A(i, h) {
1094
1093
  if (typeof i.ref == "string" && Oe.current && h && Oe.current.stateNode !== h) {
1095
1094
  var g = F(Oe.current.type);
1096
- ve[g] || (C('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', F(Oe.current.type), i.ref), ve[g] = !0);
1095
+ ve[g] || (S('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', F(Oe.current.type), i.ref), ve[g] = !0);
1097
1096
  }
1098
1097
  }
1099
1098
  function N(i, h) {
1100
1099
  {
1101
1100
  var g = function() {
1102
- gt || (gt = !0, C("%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)", h));
1101
+ gt || (gt = !0, S("%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)", h));
1103
1102
  };
1104
1103
  g.isReactWarning = !0, Object.defineProperty(i, "key", {
1105
1104
  get: g,
@@ -1110,7 +1109,7 @@ function ba() {
1110
1109
  function te(i, h) {
1111
1110
  {
1112
1111
  var g = function() {
1113
- tt || (tt = !0, C("%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)", h));
1112
+ tt || (tt = !0, S("%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)", h));
1114
1113
  };
1115
1114
  g.isReactWarning = !0, Object.defineProperty(i, "ref", {
1116
1115
  get: g,
@@ -1118,8 +1117,8 @@ function ba() {
1118
1117
  });
1119
1118
  }
1120
1119
  }
1121
- var be = function(i, h, g, x, k, L, P) {
1122
- var O = {
1120
+ var be = function(i, h, g, w, k, L, P) {
1121
+ var T = {
1123
1122
  // This tag allows us to uniquely identify this as a React Element
1124
1123
  $$typeof: n,
1125
1124
  // Built-in properties that belong on the element
@@ -1130,27 +1129,27 @@ function ba() {
1130
1129
  // Record the component responsible for creating this element.
1131
1130
  _owner: L
1132
1131
  };
1133
- return O._store = {}, Object.defineProperty(O._store, "validated", {
1132
+ return T._store = {}, Object.defineProperty(T._store, "validated", {
1134
1133
  configurable: !1,
1135
1134
  enumerable: !1,
1136
1135
  writable: !0,
1137
1136
  value: !1
1138
- }), Object.defineProperty(O, "_self", {
1137
+ }), Object.defineProperty(T, "_self", {
1139
1138
  configurable: !1,
1140
1139
  enumerable: !1,
1141
1140
  writable: !1,
1142
- value: x
1143
- }), Object.defineProperty(O, "_source", {
1141
+ value: w
1142
+ }), Object.defineProperty(T, "_source", {
1144
1143
  configurable: !1,
1145
1144
  enumerable: !1,
1146
1145
  writable: !1,
1147
1146
  value: k
1148
- }), Object.freeze && (Object.freeze(O.props), Object.freeze(O)), O;
1147
+ }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
1149
1148
  };
1150
- function ue(i, h, g, x, k) {
1149
+ function ue(i, h, g, w, k) {
1151
1150
  {
1152
- var L, P = {}, O = null, ce = null;
1153
- g !== void 0 && (mt(g), O = "" + g), y(h) && (mt(h.key), O = "" + h.key), o(h) && (ce = h.ref, A(h, k));
1151
+ var L, P = {}, T = null, ce = null;
1152
+ g !== void 0 && (mt(g), T = "" + g), y(h) && (mt(h.key), T = "" + h.key), o(h) && (ce = h.ref, A(h, k));
1154
1153
  for (L in h)
1155
1154
  Ge.call(h, L) && !Pt.hasOwnProperty(L) && (P[L] = h[L]);
1156
1155
  if (i && i.defaultProps) {
@@ -1158,11 +1157,11 @@ function ba() {
1158
1157
  for (L in W)
1159
1158
  P[L] === void 0 && (P[L] = W[L]);
1160
1159
  }
1161
- if (O || ce) {
1160
+ if (T || ce) {
1162
1161
  var q = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
1163
- O && N(P, q), ce && te(P, q);
1162
+ T && N(P, q), ce && te(P, q);
1164
1163
  }
1165
- return be(i, O, ce, k, x, Oe.current, P);
1164
+ return be(i, T, ce, k, w, Oe.current, P);
1166
1165
  }
1167
1166
  }
1168
1167
  var vt = H.ReactCurrentOwner, bt = H.ReactDebugCurrentFrame;
@@ -1223,8 +1222,8 @@ Check the top-level render call using <` + g + ">.");
1223
1222
  if (Te[g])
1224
1223
  return;
1225
1224
  Te[g] = !0;
1226
- var x = "";
1227
- i && i._owner && i._owner !== vt.current && (x = " It was passed a child from " + F(i._owner.type) + "."), ye(i), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, x), ye(null);
1225
+ var w = "";
1226
+ i && i._owner && i._owner !== vt.current && (w = " It was passed a child from " + F(i._owner.type) + "."), ye(i), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, w), ye(null);
1228
1227
  }
1229
1228
  }
1230
1229
  function Gt(i, h) {
@@ -1233,8 +1232,8 @@ Check the top-level render call using <` + g + ">.");
1233
1232
  return;
1234
1233
  if (Qe(i))
1235
1234
  for (var g = 0; g < i.length; g++) {
1236
- var x = i[g];
1237
- pe(x) && $t(x, h);
1235
+ var w = i[g];
1236
+ pe(w) && $t(w, h);
1238
1237
  }
1239
1238
  else if (pe(i))
1240
1239
  i._store && (i._store.validated = !0);
@@ -1254,45 +1253,45 @@ Check the top-level render call using <` + g + ">.");
1254
1253
  var g;
1255
1254
  if (typeof h == "function")
1256
1255
  g = h.propTypes;
1257
- else if (typeof h == "object" && (h.$$typeof === u || // Note: Memo only checks outer props here.
1256
+ else if (typeof h == "object" && (h.$$typeof === d || // Note: Memo only checks outer props here.
1258
1257
  // Inner props are checked in the reconciler.
1259
1258
  h.$$typeof === E))
1260
1259
  g = h.propTypes;
1261
1260
  else
1262
1261
  return;
1263
1262
  if (g) {
1264
- var x = F(h);
1265
- ke(g, i.props, "prop", x, i);
1263
+ var w = F(h);
1264
+ ke(g, i.props, "prop", w, i);
1266
1265
  } else if (h.PropTypes !== void 0 && !he) {
1267
1266
  he = !0;
1268
1267
  var k = F(h);
1269
- C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", k || "Unknown");
1268
+ S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", k || "Unknown");
1270
1269
  }
1271
- typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
1270
+ typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
1272
1271
  }
1273
1272
  }
1274
1273
  function On(i) {
1275
1274
  {
1276
1275
  for (var h = Object.keys(i.props), g = 0; g < h.length; g++) {
1277
- var x = h[g];
1278
- if (x !== "children" && x !== "key") {
1279
- ye(i), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), ye(null);
1276
+ var w = h[g];
1277
+ if (w !== "children" && w !== "key") {
1278
+ ye(i), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), ye(null);
1280
1279
  break;
1281
1280
  }
1282
1281
  }
1283
- i.ref !== null && (ye(i), C("Invalid attribute `ref` supplied to `React.Fragment`."), ye(null));
1282
+ i.ref !== null && (ye(i), S("Invalid attribute `ref` supplied to `React.Fragment`."), ye(null));
1284
1283
  }
1285
1284
  }
1286
- function Vt(i, h, g, x, k, L) {
1285
+ function Vt(i, h, g, w, k, L) {
1287
1286
  {
1288
- var P = S(i);
1287
+ var P = O(i);
1289
1288
  if (!P) {
1290
- var O = "";
1291
- (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (O += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
1289
+ var T = "";
1290
+ (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (T += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
1292
1291
  var ce = Ae(k);
1293
- ce ? O += ce : O += Ve();
1292
+ ce ? T += ce : T += Ve();
1294
1293
  var W;
1295
- i === null ? W = "null" : Qe(i) ? W = "array" : i !== void 0 && i.$$typeof === n ? (W = "<" + (F(i.type) || "Unknown") + " />", O = " Did you accidentally export a JSX literal instead of a component?") : W = typeof i, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", W, O);
1294
+ i === null ? W = "null" : Qe(i) ? W = "array" : i !== void 0 && i.$$typeof === n ? (W = "<" + (F(i.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : W = typeof i, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", W, T);
1296
1295
  }
1297
1296
  var q = ue(i, h, g, k, L);
1298
1297
  if (q == null)
@@ -1300,13 +1299,13 @@ Check the top-level render call using <` + g + ">.");
1300
1299
  if (P) {
1301
1300
  var ge = h.children;
1302
1301
  if (ge !== void 0)
1303
- if (x)
1302
+ if (w)
1304
1303
  if (Qe(ge)) {
1305
1304
  for (var Ye = 0; Ye < ge.length; Ye++)
1306
1305
  Gt(ge[Ye], i);
1307
1306
  Object.freeze && Object.freeze(ge);
1308
1307
  } else
1309
- C("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
1308
+ S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
1310
1309
  else
1311
1310
  Gt(ge, i);
1312
1311
  }
@@ -1352,23 +1351,23 @@ function wa(t) {
1352
1351
  function xa(t) {
1353
1352
  const [n, a] = oe(!1), [e, r] = oe(t.options), s = (p) => {
1354
1353
  t.onDragComplete(p), r(p);
1355
- }, f = (p) => {
1354
+ }, u = (p) => {
1356
1355
  const v = [...e];
1357
1356
  v.splice(p, 1), s(v);
1358
1357
  }, l = [];
1359
1358
  e.forEach((p, v) => {
1360
- l.push(/* @__PURE__ */ c.jsx(wa, { index: v, title: p, onDelete: f }, p));
1359
+ l.push(/* @__PURE__ */ c.jsx(wa, { index: v, title: p, onDelete: u }, p));
1361
1360
  });
1362
- let u = "dropdown draggable";
1363
- return t.subdropdown && (u += " subdropdown"), /* @__PURE__ */ c.jsxs("div", { className: u, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
1361
+ let d = "dropdown draggable";
1362
+ return t.subdropdown && (d += " subdropdown"), /* @__PURE__ */ c.jsxs("div", { className: d, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
1364
1363
  /* @__PURE__ */ c.jsx(En, { title: t.title }),
1365
1364
  /* @__PURE__ */ c.jsx(pn.Group, { axis: "y", values: e, onReorder: s, style: { visibility: n ? "visible" : "hidden" }, children: l })
1366
1365
  ] });
1367
1366
  }
1368
1367
  function Ca(t) {
1369
1368
  const [n, a] = oe(!1), e = [];
1370
- t.options.map((s, f) => {
1371
- t.onSelect !== void 0 && (s.onSelect = t.onSelect), e.push(/* @__PURE__ */ c.jsx(Sa, { option: s }, f));
1369
+ t.options.map((s, u) => {
1370
+ t.onSelect !== void 0 && (s.onSelect = t.onSelect), e.push(/* @__PURE__ */ c.jsx(Sa, { option: s }, u));
1372
1371
  });
1373
1372
  let r = "dropdown";
1374
1373
  return t.subdropdown && (r += " subdropdown"), /* @__PURE__ */ c.jsxs(
@@ -1438,14 +1437,14 @@ function di(t) {
1438
1437
  s instanceof oa ? n.push(sa) : s instanceof Ut ? (n.push(ca), la(t)) : s instanceof ha ? (n.push(pa), a.push(ma)) : s instanceof yn && n.push(ga);
1439
1438
  });
1440
1439
  function e(s) {
1441
- switch (n.forEach((f) => f(t, s)), s.event) {
1440
+ switch (n.forEach((u) => u(t, s)), s.event) {
1442
1441
  case "custom":
1443
1442
  _.dispatchEvent({ type: j.CUSTOM, value: s.data });
1444
1443
  break;
1445
1444
  }
1446
1445
  }
1447
1446
  function r(s) {
1448
- switch (a.forEach((f) => f(t, s)), s.event) {
1447
+ switch (a.forEach((u) => u(t, s)), s.event) {
1449
1448
  case "custom":
1450
1449
  _.dispatchEvent({ type: j.CUSTOM, value: s.data });
1451
1450
  break;
@@ -1903,49 +1902,49 @@ function Zt(t, n, a) {
1903
1902
  for (const r in t) {
1904
1903
  if (!Ia(r))
1905
1904
  continue;
1906
- const s = typeof t[r], f = t[r];
1905
+ const s = typeof t[r], u = t[r];
1907
1906
  if (s === "boolean" || s === "number" || s === "string") {
1908
1907
  const l = {
1909
1908
  title: De(r),
1910
1909
  prop: r,
1911
1910
  type: s,
1912
- value: f,
1911
+ value: u,
1913
1912
  min: void 0,
1914
1913
  max: void 0,
1915
- onChange: (u, p) => {
1914
+ onChange: (d, p) => {
1916
1915
  var E;
1917
- a.updateObject(n.uuid, `material.${u}`, p), s === "boolean" && a.updateObject(n.uuid, "material.needsUpdate", !0);
1916
+ a.updateObject(n.uuid, `material.${d}`, p), s === "boolean" && a.updateObject(n.uuid, "material.needsUpdate", !0);
1918
1917
  const v = (E = a.scene) == null ? void 0 : E.getObjectByProperty("uuid", n.uuid);
1919
- v !== void 0 && Q(v, `material.${u}`, p);
1918
+ v !== void 0 && Q(v, `material.${d}`, p);
1920
1919
  }
1921
1920
  };
1922
- Na(r) && (l.value = Number(f), l.type = "range", l.min = 0, l.max = 1, l.step = 0.01), e.push(l);
1921
+ Na(r) && (l.value = Number(u), l.type = "range", l.min = 0, l.max = 1, l.step = 0.01), e.push(l);
1923
1922
  } else if (s === "object")
1924
- if (f.isColor)
1923
+ if (u.isColor)
1925
1924
  e.push({
1926
1925
  title: De(r),
1927
1926
  prop: r,
1928
1927
  type: "color",
1929
- value: f,
1930
- onChange: (l, u) => {
1928
+ value: u,
1929
+ onChange: (l, d) => {
1931
1930
  var E;
1932
- const p = new Ft(u);
1931
+ const p = new Ft(d);
1933
1932
  a.updateObject(n.uuid, `material.${l}`, p);
1934
1933
  const v = (E = a.scene) == null ? void 0 : E.getObjectByProperty("uuid", n.uuid);
1935
1934
  v !== void 0 && Q(v, `material.${l}`, p);
1936
1935
  }
1937
1936
  });
1938
- else if (Array.isArray(f)) {
1937
+ else if (Array.isArray(u)) {
1939
1938
  const l = [];
1940
- for (const u in f)
1939
+ for (const d in u)
1941
1940
  l.push({
1942
- title: `${u}`,
1943
- type: `${typeof f[u]}`,
1944
- value: f[u],
1941
+ title: `${d}`,
1942
+ type: `${typeof u[d]}`,
1943
+ value: u[d],
1945
1944
  onChange: (p, v) => {
1946
- var w;
1945
+ var x;
1947
1946
  a.updateObject(n.uuid, `material.${r}`, v);
1948
- const E = (w = a.scene) == null ? void 0 : w.getObjectByProperty("uuid", n.uuid);
1947
+ const E = (x = a.scene) == null ? void 0 : x.getObjectByProperty("uuid", n.uuid);
1949
1948
  E !== void 0 && Q(E, `material.${r}`, v);
1950
1949
  }
1951
1950
  });
@@ -1955,59 +1954,59 @@ function Zt(t, n, a) {
1955
1954
  });
1956
1955
  } else {
1957
1956
  const l = [];
1958
- for (const u in f) {
1959
- const p = f[u];
1957
+ for (const d in u) {
1958
+ const p = u[d];
1960
1959
  switch (typeof p) {
1961
1960
  case "boolean":
1962
1961
  case "number":
1963
1962
  case "string":
1964
- u === "src" ? e.push({
1963
+ d === "src" ? e.push({
1965
1964
  title: De(r),
1966
1965
  type: "image",
1967
1966
  value: p,
1968
- onChange: (E, w) => {
1969
- var T;
1970
- a.createTexture(n.uuid, `material.${r}`, w);
1971
- const R = (T = a.scene) == null ? void 0 : T.getObjectByProperty("uuid", n.uuid);
1972
- R !== void 0 && Nt(w).then((G) => {
1973
- Q(R, `material.${r}`, G), Q(R, "material.needsUpdate", !0);
1967
+ onChange: (E, x) => {
1968
+ var M;
1969
+ a.createTexture(n.uuid, `material.${r}`, x);
1970
+ const C = (M = a.scene) == null ? void 0 : M.getObjectByProperty("uuid", n.uuid);
1971
+ C !== void 0 && Nt(x).then((G) => {
1972
+ Q(C, `material.${r}`, G), Q(C, "material.needsUpdate", !0);
1974
1973
  });
1975
1974
  }
1976
1975
  }) : l.push({
1977
- title: `${De(u)}`,
1978
- prop: `material.${r}.${u}`,
1979
- type: `${typeof t[r][u]}`,
1980
- value: f[u],
1981
- onChange: (E, w) => {
1982
- var T;
1983
- a.updateObject(n.uuid, `material.${r}.${u}`, w);
1984
- const R = (T = a.scene) == null ? void 0 : T.getObjectByProperty("uuid", n.uuid);
1985
- R !== void 0 && Q(R, `material.${r}.${u}`, w);
1976
+ title: `${De(d)}`,
1977
+ prop: `material.${r}.${d}`,
1978
+ type: `${typeof t[r][d]}`,
1979
+ value: u[d],
1980
+ onChange: (E, x) => {
1981
+ var M;
1982
+ a.updateObject(n.uuid, `material.${r}.${d}`, x);
1983
+ const C = (M = a.scene) == null ? void 0 : M.getObjectByProperty("uuid", n.uuid);
1984
+ C !== void 0 && Q(C, `material.${r}.${d}`, x);
1986
1985
  }
1987
1986
  });
1988
1987
  break;
1989
1988
  case "object":
1990
1989
  p.value !== void 0 && p.value.src !== void 0 ? l.push({
1991
- title: De(u),
1990
+ title: De(d),
1992
1991
  type: "image",
1993
1992
  value: p.value.src,
1994
- onChange: (E, w) => {
1995
- var T;
1996
- a.createTexture(n.uuid, `material.${r}.${u}.value`, w);
1997
- const R = (T = a.scene) == null ? void 0 : T.getObjectByProperty("uuid", n.uuid);
1998
- R !== void 0 && Nt(w).then((G) => {
1999
- Q(R, `material.${r}.${u}.value`, G);
1993
+ onChange: (E, x) => {
1994
+ var M;
1995
+ a.createTexture(n.uuid, `material.${r}.${d}.value`, x);
1996
+ const C = (M = a.scene) == null ? void 0 : M.getObjectByProperty("uuid", n.uuid);
1997
+ C !== void 0 && Nt(x).then((G) => {
1998
+ Q(C, `material.${r}.${d}.value`, G);
2000
1999
  });
2001
2000
  }
2002
2001
  }) : l.push({
2003
- title: u,
2002
+ title: d,
2004
2003
  type: `${typeof p.value}`,
2005
2004
  value: p.value,
2006
- onChange: (E, w) => {
2007
- var T;
2008
- a.updateObject(n.uuid, `material.${r}.${u}.value`, w);
2009
- const R = (T = a.scene) == null ? void 0 : T.getObjectByProperty("uuid", n.uuid);
2010
- R !== void 0 && Q(R, `material.${r}.${u}.value`, w);
2005
+ onChange: (E, x) => {
2006
+ var M;
2007
+ a.updateObject(n.uuid, `material.${r}.${d}.value`, x);
2008
+ const C = (M = a.scene) == null ? void 0 : M.getObjectByProperty("uuid", n.uuid);
2009
+ C !== void 0 && Q(C, `material.${r}.${d}.value`, x);
2011
2010
  }
2012
2011
  });
2013
2012
  break;
@@ -2019,7 +2018,7 @@ function Zt(t, n, a) {
2019
2018
  });
2020
2019
  }
2021
2020
  else
2022
- f !== void 0 && console.log("other:", r, s, f);
2021
+ u !== void 0 && console.log("other:", r, s, u);
2023
2022
  }
2024
2023
  return e.sort((r, s) => r.title < s.title ? -1 : r.title > s.title ? 1 : 0), e.push({
2025
2024
  title: "Update Material",
@@ -2057,33 +2056,33 @@ function Fa(t, n) {
2057
2056
  function it(t) {
2058
2057
  let n = t.value;
2059
2058
  n !== void 0 && n.isColor !== void 0 && (n = aa(t.value));
2060
- const [a, e] = oe(n), r = Ce(null), s = Ce(null), f = Ce(null);
2059
+ const [a, e] = oe(n), r = Ce(null), s = Ce(null), u = Ce(null);
2061
2060
  Fe(() => {
2062
2061
  var K;
2063
- let v = !1, E = -1, w = 0, R = Number(a);
2064
- const T = (fe) => {
2065
- v = !0, w = R, E = fe.clientX;
2062
+ let v = !1, E = -1, x = 0, C = Number(a);
2063
+ const M = (fe) => {
2064
+ v = !0, x = C, E = fe.clientX;
2066
2065
  }, G = (fe) => {
2067
2066
  if (!v)
2068
2067
  return;
2069
2068
  const le = t.step !== void 0 ? t.step : 1, ee = (fe.clientX - E) * le;
2070
- R = Number((w + ee).toFixed(4)), s.current !== null && (s.current.value = R.toString()), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, R);
2069
+ C = Number((x + ee).toFixed(4)), s.current !== null && (s.current.value = C.toString()), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, C);
2071
2070
  }, se = () => {
2072
2071
  v = !1;
2073
2072
  }, H = () => {
2074
2073
  v = !1;
2075
- }, C = t.type === "number";
2076
- return C && ((K = r.current) == null || K.addEventListener("mousedown", T, !1), document.addEventListener("mouseup", se, !1), document.addEventListener("mousemove", G, !1), document.addEventListener("contextmenu", H, !1)), () => {
2074
+ }, S = t.type === "number";
2075
+ return S && ((K = r.current) == null || K.addEventListener("mousedown", M, !1), document.addEventListener("mouseup", se, !1), document.addEventListener("mousemove", G, !1), document.addEventListener("contextmenu", H, !1)), () => {
2077
2076
  var fe;
2078
- C && ((fe = r.current) == null || fe.removeEventListener("mousedown", T), document.removeEventListener("mouseup", se), document.removeEventListener("mousemove", G), document.removeEventListener("contextmenu", H));
2077
+ S && ((fe = r.current) == null || fe.removeEventListener("mousedown", M), document.removeEventListener("mouseup", se), document.removeEventListener("mousemove", G), document.removeEventListener("contextmenu", H));
2079
2078
  };
2080
2079
  }, [a]);
2081
2080
  const l = t.type === "string" && (a.length > 100 || a.search(`
2082
- `) > -1), u = l || t.type === "image", p = (v) => {
2081
+ `) > -1), d = l || t.type === "image", p = (v) => {
2083
2082
  let E = v.target.value;
2084
2083
  t.type === "boolean" && (E = v.target.checked), e(E), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, E);
2085
2084
  };
2086
- return /* @__PURE__ */ c.jsxs("div", { className: `field ${u ? "block" : ""}`, children: [
2085
+ return /* @__PURE__ */ c.jsxs("div", { className: `field ${d ? "block" : ""}`, children: [
2087
2086
  t.type !== "button" && /* @__PURE__ */ c.jsx("label", { ref: r, children: t.title }, "fieldLabel"),
2088
2087
  t.type === "string" && !l && /* @__PURE__ */ c.jsx(
2089
2088
  "input",
@@ -2153,9 +2152,9 @@ function it(t) {
2153
2152
  children: t.title
2154
2153
  }
2155
2154
  ),
2156
- t.type === "image" && /* @__PURE__ */ c.jsx("img", { ref: f, onClick: () => {
2155
+ t.type === "image" && /* @__PURE__ */ c.jsx("img", { ref: u, onClick: () => {
2157
2156
  La().then((v) => {
2158
- f.current.src = v, t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, v);
2157
+ u.current.src = v, t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, v);
2159
2158
  });
2160
2159
  }, src: a.length > 0 ? a : Aa })
2161
2160
  ] });
@@ -2202,8 +2201,8 @@ function Ua(t, n) {
2202
2201
  onChange: (r, s) => {
2203
2202
  var l;
2204
2203
  n.updateObject(t.uuid, r, s), n.requestMethod(t.uuid, "updateProjectionMatrix");
2205
- const f = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
2206
- f !== void 0 && (Q(f, r, s), f.updateProjectionMatrix());
2204
+ const u = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
2205
+ u !== void 0 && (Q(u, r, s), u.updateProjectionMatrix());
2207
2206
  }
2208
2207
  });
2209
2208
  else if (t.orthographicCameraInfo !== void 0)
@@ -2217,8 +2216,8 @@ function Ua(t, n) {
2217
2216
  onChange: (r, s) => {
2218
2217
  var l;
2219
2218
  n.updateObject(t.uuid, r, s), n.requestMethod(t.uuid, "updateProjectionMatrix");
2220
- const f = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
2221
- f !== void 0 && (Q(f, r, s), f.updateProjectionMatrix());
2219
+ const u = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
2220
+ u !== void 0 && (Q(u, r, s), u.updateProjectionMatrix());
2222
2221
  }
2223
2222
  });
2224
2223
  return /* @__PURE__ */ c.jsx(
@@ -2244,13 +2243,13 @@ function Va(t, n) {
2244
2243
  a.elements = t.matrix;
2245
2244
  const e = new Y(), r = new Un(), s = new Y();
2246
2245
  t.uuid.length > 0 && (e.setFromMatrixPosition(a), r.setFromRotationMatrix(a), s.setFromMatrixScale(a));
2247
- const f = (u, p) => {
2246
+ const u = (d, p) => {
2248
2247
  var E;
2249
- n.updateObject(t.uuid, u, p);
2248
+ n.updateObject(t.uuid, d, p);
2250
2249
  const v = (E = n.scene) == null ? void 0 : E.getObjectByProperty("uuid", t.uuid);
2251
- v !== void 0 && Q(v, u, p);
2252
- }, l = (u, p) => {
2253
- f(u, Ga(p));
2250
+ v !== void 0 && Q(v, d, p);
2251
+ }, l = (d, p) => {
2252
+ u(d, Ga(p));
2254
2253
  };
2255
2254
  return /* @__PURE__ */ c.jsx(
2256
2255
  Ue,
@@ -2262,21 +2261,21 @@ function Va(t, n) {
2262
2261
  prop: "position.x",
2263
2262
  type: "number",
2264
2263
  value: e.x,
2265
- onChange: f
2264
+ onChange: u
2266
2265
  },
2267
2266
  {
2268
2267
  title: "Position Y",
2269
2268
  prop: "position.y",
2270
2269
  type: "number",
2271
2270
  value: e.y,
2272
- onChange: f
2271
+ onChange: u
2273
2272
  },
2274
2273
  {
2275
2274
  title: "Position Z",
2276
2275
  prop: "position.z",
2277
2276
  type: "number",
2278
2277
  value: e.z,
2279
- onChange: f
2278
+ onChange: u
2280
2279
  },
2281
2280
  {
2282
2281
  title: "Rotation X",
@@ -2314,7 +2313,7 @@ function Va(t, n) {
2314
2313
  type: "number",
2315
2314
  value: s.x,
2316
2315
  step: 0.01,
2317
- onChange: f
2316
+ onChange: u
2318
2317
  },
2319
2318
  {
2320
2319
  title: "Scale Y",
@@ -2322,7 +2321,7 @@ function Va(t, n) {
2322
2321
  type: "number",
2323
2322
  value: s.y,
2324
2323
  step: 0.01,
2325
- onChange: f
2324
+ onChange: u
2326
2325
  },
2327
2326
  {
2328
2327
  title: "Scale Z",
@@ -2330,7 +2329,7 @@ function Va(t, n) {
2330
2329
  type: "number",
2331
2330
  value: s.z,
2332
2331
  step: 0.01,
2333
- onChange: f
2332
+ onChange: u
2334
2333
  }
2335
2334
  ]
2336
2335
  }
@@ -2365,12 +2364,12 @@ function za(t, n) {
2365
2364
  prop: e,
2366
2365
  type: "color",
2367
2366
  value: r,
2368
- onChange: (s, f) => {
2367
+ onChange: (s, u) => {
2369
2368
  var p;
2370
- const l = new Ft(f);
2369
+ const l = new Ft(u);
2371
2370
  n.updateObject(t.uuid, s, l);
2372
- const u = (p = n.scene) == null ? void 0 : p.getObjectByProperty("uuid", t.uuid);
2373
- u !== void 0 && Q(u, s, l);
2371
+ const d = (p = n.scene) == null ? void 0 : p.getObjectByProperty("uuid", t.uuid);
2372
+ d !== void 0 && Q(d, s, l);
2374
2373
  }
2375
2374
  }) : a.push({
2376
2375
  title: Qt(e),
@@ -2378,11 +2377,11 @@ function za(t, n) {
2378
2377
  type: typeof r,
2379
2378
  value: r,
2380
2379
  step: typeof r == "number" ? 0.01 : void 0,
2381
- onChange: (s, f) => {
2382
- var u;
2383
- n.updateObject(t.uuid, s, f);
2384
- const l = (u = n.scene) == null ? void 0 : u.getObjectByProperty("uuid", t.uuid);
2385
- l !== void 0 && Q(l, s, f);
2380
+ onChange: (s, u) => {
2381
+ var d;
2382
+ n.updateObject(t.uuid, s, u);
2383
+ const l = (d = n.scene) == null ? void 0 : d.getObjectByProperty("uuid", t.uuid);
2384
+ l !== void 0 && Q(l, s, u);
2386
2385
  }
2387
2386
  }));
2388
2387
  }
@@ -2406,8 +2405,8 @@ function Ya(t, n) {
2406
2405
  onChange: (r, s) => {
2407
2406
  var l;
2408
2407
  n.updateObject(t.uuid, r, s);
2409
- const f = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
2410
- f !== void 0 && Q(f, r, s);
2408
+ const u = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
2409
+ u !== void 0 && Q(u, r, s);
2411
2410
  }
2412
2411
  }), a.push({
2413
2412
  title: "Duration",
@@ -2418,8 +2417,8 @@ function Ya(t, n) {
2418
2417
  onChange: (r, s) => {
2419
2418
  var l;
2420
2419
  n.updateObject(t.uuid, r, s);
2421
- const f = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
2422
- f !== void 0 && Q(f, r, s);
2420
+ const u = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
2421
+ u !== void 0 && Q(u, r, s);
2423
2422
  }
2424
2423
  }), a.push({
2425
2424
  title: "Blend Mode",
@@ -2430,8 +2429,8 @@ function Ya(t, n) {
2430
2429
  onChange: (r, s) => {
2431
2430
  var l;
2432
2431
  n.updateObject(t.uuid, r, s);
2433
- const f = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
2434
- f !== void 0 && Q(f, r, s);
2432
+ const u = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
2433
+ u !== void 0 && Q(u, r, s);
2435
2434
  }
2436
2435
  });
2437
2436
  }), /* @__PURE__ */ c.jsx(Ue, { title: "Animations", items: a });
@@ -2452,8 +2451,8 @@ let ae = { ...xn };
2452
2451
  function Wa(t) {
2453
2452
  const [n, a] = oe(-1);
2454
2453
  Fe(() => {
2455
- function r(f) {
2456
- ae = { ...f.value }, a(Date.now());
2454
+ function r(u) {
2455
+ ae = { ...u.value }, a(Date.now());
2457
2456
  }
2458
2457
  function s() {
2459
2458
  ae = { ...xn }, a(Date.now());
@@ -2505,8 +2504,8 @@ function Wa(t) {
2505
2504
  onChange: (r, s) => {
2506
2505
  var l;
2507
2506
  t.three.updateObject(ae.uuid, r, s);
2508
- const f = (l = t.three.scene) == null ? void 0 : l.getObjectByProperty("uuid", ae.uuid);
2509
- f !== void 0 && Q(f, r, s);
2507
+ const u = (l = t.three.scene) == null ? void 0 : l.getObjectByProperty("uuid", ae.uuid);
2508
+ u !== void 0 && Q(u, r, s);
2510
2509
  }
2511
2510
  }
2512
2511
  )
@@ -2558,40 +2557,40 @@ function hi(t) {
2558
2557
  var p;
2559
2558
  if (!n())
2560
2559
  return;
2561
- const u = (p = t.three.scene) == null ? void 0 : p.getObjectByProperty("uuid", l.value);
2562
- u !== void 0 && t.three.setObject(u);
2563
- }, e = (l, u, p) => {
2560
+ const d = (p = t.three.scene) == null ? void 0 : p.getObjectByProperty("uuid", l.value);
2561
+ d !== void 0 && t.three.setObject(d);
2562
+ }, e = (l, d, p) => {
2564
2563
  var E;
2565
2564
  if (!n())
2566
2565
  return;
2567
2566
  const v = (E = t.three.scene) == null ? void 0 : E.getObjectByProperty("uuid", l);
2568
- v !== void 0 && Q(v, u, p);
2567
+ v !== void 0 && Q(v, d, p);
2569
2568
  }, r = (l) => {
2570
2569
  if (!n())
2571
2570
  return;
2572
- const u = l.value, { key: p, value: v, uuid: E } = u;
2571
+ const d = l.value, { key: p, value: v, uuid: E } = d;
2573
2572
  e(E, p, v);
2574
2573
  }, s = (l) => {
2575
2574
  if (!n())
2576
2575
  return;
2577
- const u = l.value;
2578
- Nt(u.value).then((p) => {
2579
- e(u.uuid, u.key, p), e(u.uuid, "material.needsUpdate", !0);
2576
+ const d = l.value;
2577
+ Nt(d.value).then((p) => {
2578
+ e(d.uuid, d.key, p), e(d.uuid, "material.needsUpdate", !0);
2580
2579
  });
2581
- }, f = (l) => {
2582
- var w;
2580
+ }, u = (l) => {
2581
+ var x;
2583
2582
  if (!n())
2584
2583
  return;
2585
- const { key: u, uuid: p, value: v } = l.value, E = (w = t.three.scene) == null ? void 0 : w.getObjectByProperty("uuid", p);
2584
+ const { key: d, uuid: p, value: v } = l.value, E = (x = t.three.scene) == null ? void 0 : x.getObjectByProperty("uuid", p);
2586
2585
  if (E !== void 0)
2587
2586
  try {
2588
- E[u](v);
2589
- } catch (R) {
2590
- console.log("Error requesting method:"), console.log(R), console.log(u), console.log(v);
2587
+ E[d](v);
2588
+ } catch (C) {
2589
+ console.log("Error requesting method:"), console.log(C), console.log(d), console.log(v);
2591
2590
  }
2592
2591
  };
2593
- return Fe(() => (_.addEventListener(j.GET_OBJECT, a), _.addEventListener(j.UPDATE_OBJECT, r), _.addEventListener(j.CREATE_TEXTURE, s), _.addEventListener(j.REQUEST_METHOD, f), () => {
2594
- _.removeEventListener(j.GET_OBJECT, a), _.removeEventListener(j.UPDATE_OBJECT, r), _.removeEventListener(j.CREATE_TEXTURE, s), _.removeEventListener(j.REQUEST_METHOD, f);
2592
+ return Fe(() => (_.addEventListener(j.GET_OBJECT, a), _.addEventListener(j.UPDATE_OBJECT, r), _.addEventListener(j.CREATE_TEXTURE, s), _.addEventListener(j.REQUEST_METHOD, u), () => {
2593
+ _.removeEventListener(j.GET_OBJECT, a), _.removeEventListener(j.UPDATE_OBJECT, r), _.removeEventListener(j.CREATE_TEXTURE, s), _.removeEventListener(j.REQUEST_METHOD, u);
2595
2594
  }), []), null;
2596
2595
  }
2597
2596
  const en = { type: "change" }, At = { type: "start" }, tn = { type: "end" }, yt = new Bn(), nn = new $n(), Ha = Math.cos(70 * Gn.DEG2RAD);
@@ -2615,9 +2614,9 @@ class Ka extends sn {
2615
2614
  const o = new Y(), y = new Wt().setFromUnitVectors(n.up, new Y(0, 1, 0)), A = y.clone().invert(), N = new Y(), te = new Wt(), be = new Y(), ue = 2 * Math.PI;
2616
2615
  return function(bt = null) {
2617
2616
  const ye = e.object.position;
2618
- o.copy(ye).sub(e.target), o.applyQuaternion(y), l.setFromVector3(o), e.autoRotate && s === r.NONE && B(b(bt)), e.enableDamping ? (l.theta += u.theta * e.dampingFactor, l.phi += u.phi * e.dampingFactor) : (l.theta += u.theta, l.phi += u.phi);
2617
+ o.copy(ye).sub(e.target), o.applyQuaternion(y), l.setFromVector3(o), e.autoRotate && s === r.NONE && B(b(bt)), e.enableDamping ? (l.theta += d.theta * e.dampingFactor, l.phi += d.phi * e.dampingFactor) : (l.theta += d.theta, l.phi += d.phi);
2619
2618
  let he = e.minAzimuthAngle, pe = e.maxAzimuthAngle;
2620
- isFinite(he) && isFinite(pe) && (he < -Math.PI ? he += ue : he > Math.PI && (he -= ue), pe < -Math.PI ? pe += ue : pe > Math.PI && (pe -= ue), he <= pe ? l.theta = Math.max(he, Math.min(pe, l.theta)) : l.theta = l.theta > (he + pe) / 2 ? Math.max(he, l.theta) : Math.min(pe, l.theta)), l.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, l.phi)), l.makeSafe(), e.enableDamping === !0 ? e.target.addScaledVector(v, e.dampingFactor) : e.target.add(v), e.target.sub(e.cursor), e.target.clampLength(e.minTargetRadius, e.maxTargetRadius), e.target.add(e.cursor), e.zoomToCursor && ee || e.object.isOrthographicCamera ? l.radius = X(l.radius) : l.radius = X(l.radius * p), o.setFromSpherical(l), o.applyQuaternion(A), ye.copy(e.target).add(o), e.object.lookAt(e.target), e.enableDamping === !0 ? (u.theta *= 1 - e.dampingFactor, u.phi *= 1 - e.dampingFactor, v.multiplyScalar(1 - e.dampingFactor)) : (u.set(0, 0, 0), v.set(0, 0, 0));
2619
+ isFinite(he) && isFinite(pe) && (he < -Math.PI ? he += ue : he > Math.PI && (he -= ue), pe < -Math.PI ? pe += ue : pe > Math.PI && (pe -= ue), he <= pe ? l.theta = Math.max(he, Math.min(pe, l.theta)) : l.theta = l.theta > (he + pe) / 2 ? Math.max(he, l.theta) : Math.min(pe, l.theta)), l.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, l.phi)), l.makeSafe(), e.enableDamping === !0 ? e.target.addScaledVector(v, e.dampingFactor) : e.target.add(v), e.target.sub(e.cursor), e.target.clampLength(e.minTargetRadius, e.maxTargetRadius), e.target.add(e.cursor), e.zoomToCursor && ee || e.object.isOrthographicCamera ? l.radius = X(l.radius) : l.radius = X(l.radius * p), o.setFromSpherical(l), o.applyQuaternion(A), ye.copy(e.target).add(o), e.object.lookAt(e.target), e.enableDamping === !0 ? (d.theta *= 1 - e.dampingFactor, d.phi *= 1 - e.dampingFactor, v.multiplyScalar(1 - e.dampingFactor)) : (d.set(0, 0, 0), v.set(0, 0, 0));
2621
2620
  let Ve = !1;
2622
2621
  if (e.zoomToCursor && ee) {
2623
2622
  let Ae = null;
@@ -2636,7 +2635,7 @@ class Ka extends sn {
2636
2635
  Ae !== null && (this.screenSpacePanning ? e.target.set(0, 0, -1).transformDirection(e.object.matrix).multiplyScalar(Ae).add(e.object.position) : (yt.origin.copy(e.object.position), yt.direction.set(0, 0, -1).transformDirection(e.object.matrix), Math.abs(e.object.up.dot(yt.direction)) < Ha ? n.lookAt(e.target) : (nn.setFromNormalAndCoplanarPoint(e.object.up, e.target), yt.intersectPlane(nn, e.target))));
2637
2636
  } else
2638
2637
  e.object.isOrthographicCamera && (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / p)), e.object.updateProjectionMatrix(), Ve = !0);
2639
- return p = 1, ee = !1, Ve || N.distanceToSquared(e.object.position) > f || 8 * (1 - te.dot(e.object.quaternion)) > f || be.distanceToSquared(e.target) > 0 ? (e.dispatchEvent(en), N.copy(e.object.position), te.copy(e.object.quaternion), be.copy(e.target), !0) : !1;
2638
+ return p = 1, ee = !1, Ve || N.distanceToSquared(e.object.position) > u || 8 * (1 - te.dot(e.object.quaternion)) > u || be.distanceToSquared(e.target) > 0 ? (e.dispatchEvent(en), N.copy(e.object.position), te.copy(e.object.quaternion), be.copy(e.target), !0) : !1;
2640
2639
  };
2641
2640
  }(), this.dispose = function() {
2642
2641
  e.domElement.removeEventListener("contextmenu", Oe), e.domElement.removeEventListener("pointerdown", Je), e.domElement.removeEventListener("pointercancel", ke), e.domElement.removeEventListener("wheel", ht), e.domElement.removeEventListener("pointermove", Se), e.domElement.removeEventListener("pointerup", ke), e._domElementKeyEvents !== null && (e._domElementKeyEvents.removeEventListener("keydown", et), e._domElementKeyEvents = null);
@@ -2652,23 +2651,23 @@ class Ka extends sn {
2652
2651
  TOUCH_DOLLY_ROTATE: 6
2653
2652
  };
2654
2653
  let s = r.NONE;
2655
- const f = 1e-6, l = new Ht(), u = new Ht();
2654
+ const u = 1e-6, l = new Ht(), d = new Ht();
2656
2655
  let p = 1;
2657
- const v = new Y(), E = new de(), w = new de(), R = new de(), T = new de(), G = new de(), se = new de(), H = new de(), C = new de(), K = new de(), fe = new Y(), le = new de();
2656
+ const v = new Y(), E = new de(), x = new de(), C = new de(), M = new de(), G = new de(), se = new de(), H = new de(), S = new de(), K = new de(), fe = new Y(), le = new de();
2658
2657
  let ee = !1;
2659
- const d = [], m = {};
2658
+ const f = [], m = {};
2660
2659
  function b(o) {
2661
2660
  return o !== null ? 2 * Math.PI / 60 * e.autoRotateSpeed * o : 2 * Math.PI / 60 / 60 * e.autoRotateSpeed;
2662
2661
  }
2663
- function S(o) {
2662
+ function O(o) {
2664
2663
  const y = Math.abs(o) / (100 * (window.devicePixelRatio | 0));
2665
2664
  return Math.pow(0.95, e.zoomSpeed * y);
2666
2665
  }
2667
2666
  function B(o) {
2668
- u.theta -= o;
2667
+ d.theta -= o;
2669
2668
  }
2670
2669
  function $(o) {
2671
- u.phi -= o;
2670
+ d.phi -= o;
2672
2671
  }
2673
2672
  const F = function() {
2674
2673
  const o = new Y();
@@ -2696,7 +2695,7 @@ class Ka extends sn {
2696
2695
  function J(o) {
2697
2696
  e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? p /= o : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
2698
2697
  }
2699
- function M(o) {
2698
+ function R(o) {
2700
2699
  e.object.isPerspectiveCamera || e.object.isOrthographicCamera ? p *= o : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
2701
2700
  }
2702
2701
  function I(o, y) {
@@ -2716,21 +2715,21 @@ class Ka extends sn {
2716
2715
  I(o.clientX, o.clientX), H.set(o.clientX, o.clientY);
2717
2716
  }
2718
2717
  function Xe(o) {
2719
- T.set(o.clientX, o.clientY);
2718
+ M.set(o.clientX, o.clientY);
2720
2719
  }
2721
2720
  function ct(o) {
2722
- w.set(o.clientX, o.clientY), R.subVectors(w, E).multiplyScalar(e.rotateSpeed);
2721
+ x.set(o.clientX, o.clientY), C.subVectors(x, E).multiplyScalar(e.rotateSpeed);
2723
2722
  const y = e.domElement;
2724
- B(2 * Math.PI * R.x / y.clientHeight), $(2 * Math.PI * R.y / y.clientHeight), E.copy(w), e.update();
2723
+ B(2 * Math.PI * C.x / y.clientHeight), $(2 * Math.PI * C.y / y.clientHeight), E.copy(x), e.update();
2725
2724
  }
2726
2725
  function Ot(o) {
2727
- C.set(o.clientX, o.clientY), K.subVectors(C, H), K.y > 0 ? J(S(K.y)) : K.y < 0 && M(S(K.y)), H.copy(C), e.update();
2726
+ S.set(o.clientX, o.clientY), K.subVectors(S, H), K.y > 0 ? J(O(K.y)) : K.y < 0 && R(O(K.y)), H.copy(S), e.update();
2728
2727
  }
2729
2728
  function Tt(o) {
2730
- G.set(o.clientX, o.clientY), se.subVectors(G, T).multiplyScalar(e.panSpeed), U(se.x, se.y), T.copy(G), e.update();
2729
+ G.set(o.clientX, o.clientY), se.subVectors(G, M).multiplyScalar(e.panSpeed), U(se.x, se.y), M.copy(G), e.update();
2731
2730
  }
2732
2731
  function qe(o) {
2733
- I(o.clientX, o.clientY), o.deltaY < 0 ? M(S(o.deltaY)) : o.deltaY > 0 && J(S(o.deltaY)), e.update();
2732
+ I(o.clientX, o.clientY), o.deltaY < 0 ? R(O(o.deltaY)) : o.deltaY > 0 && J(O(o.deltaY)), e.update();
2734
2733
  }
2735
2734
  function Ze(o) {
2736
2735
  let y = !1;
@@ -2751,7 +2750,7 @@ class Ka extends sn {
2751
2750
  y && (o.preventDefault(), e.update());
2752
2751
  }
2753
2752
  function Pe(o) {
2754
- if (d.length === 1)
2753
+ if (f.length === 1)
2755
2754
  E.set(o.pageX, o.pageY);
2756
2755
  else {
2757
2756
  const y = ve(o), A = 0.5 * (o.pageX + y.x), N = 0.5 * (o.pageY + y.y);
@@ -2759,11 +2758,11 @@ class Ka extends sn {
2759
2758
  }
2760
2759
  }
2761
2760
  function $e(o) {
2762
- if (d.length === 1)
2763
- T.set(o.pageX, o.pageY);
2761
+ if (f.length === 1)
2762
+ M.set(o.pageX, o.pageY);
2764
2763
  else {
2765
2764
  const y = ve(o), A = 0.5 * (o.pageX + y.x), N = 0.5 * (o.pageY + y.y);
2766
- T.set(A, N);
2765
+ M.set(A, N);
2767
2766
  }
2768
2767
  }
2769
2768
  function _e(o) {
@@ -2777,28 +2776,28 @@ class Ka extends sn {
2777
2776
  e.enableZoom && _e(o), e.enableRotate && Pe(o);
2778
2777
  }
2779
2778
  function ut(o) {
2780
- if (d.length == 1)
2781
- w.set(o.pageX, o.pageY);
2779
+ if (f.length == 1)
2780
+ x.set(o.pageX, o.pageY);
2782
2781
  else {
2783
2782
  const A = ve(o), N = 0.5 * (o.pageX + A.x), te = 0.5 * (o.pageY + A.y);
2784
- w.set(N, te);
2783
+ x.set(N, te);
2785
2784
  }
2786
- R.subVectors(w, E).multiplyScalar(e.rotateSpeed);
2785
+ C.subVectors(x, E).multiplyScalar(e.rotateSpeed);
2787
2786
  const y = e.domElement;
2788
- B(2 * Math.PI * R.x / y.clientHeight), $(2 * Math.PI * R.y / y.clientHeight), E.copy(w);
2787
+ B(2 * Math.PI * C.x / y.clientHeight), $(2 * Math.PI * C.y / y.clientHeight), E.copy(x);
2789
2788
  }
2790
2789
  function dt(o) {
2791
- if (d.length === 1)
2790
+ if (f.length === 1)
2792
2791
  G.set(o.pageX, o.pageY);
2793
2792
  else {
2794
2793
  const y = ve(o), A = 0.5 * (o.pageX + y.x), N = 0.5 * (o.pageY + y.y);
2795
2794
  G.set(A, N);
2796
2795
  }
2797
- se.subVectors(G, T).multiplyScalar(e.panSpeed), U(se.x, se.y), T.copy(G);
2796
+ se.subVectors(G, M).multiplyScalar(e.panSpeed), U(se.x, se.y), M.copy(G);
2798
2797
  }
2799
2798
  function je(o) {
2800
2799
  const y = ve(o), A = o.pageX - y.x, N = o.pageY - y.y, te = Math.sqrt(A * A + N * N);
2801
- C.set(0, te), K.set(0, Math.pow(C.y / H.y, e.zoomSpeed)), J(K.y), H.copy(C);
2800
+ S.set(0, te), K.set(0, Math.pow(S.y / H.y, e.zoomSpeed)), J(K.y), H.copy(S);
2802
2801
  const be = (o.pageX + y.x) * 0.5, ue = (o.pageY + y.y) * 0.5;
2803
2802
  I(be, ue);
2804
2803
  }
@@ -2809,13 +2808,13 @@ class Ka extends sn {
2809
2808
  e.enableZoom && je(o), e.enableRotate && ut(o);
2810
2809
  }
2811
2810
  function Je(o) {
2812
- e.enabled !== !1 && (d.length === 0 && (e.domElement.setPointerCapture(o.pointerId), e.domElement.addEventListener("pointermove", Se), e.domElement.addEventListener("pointerup", ke)), Pt(o), o.pointerType === "touch" ? pt(o) : Rt(o));
2811
+ e.enabled !== !1 && (f.length === 0 && (e.domElement.setPointerCapture(o.pointerId), e.domElement.addEventListener("pointermove", Se), e.domElement.addEventListener("pointerup", ke)), Pt(o), o.pointerType === "touch" ? pt(o) : Rt(o));
2813
2812
  }
2814
2813
  function Se(o) {
2815
2814
  e.enabled !== !1 && (o.pointerType === "touch" ? mt(o) : Qe(o));
2816
2815
  }
2817
2816
  function ke(o) {
2818
- gt(o), d.length === 0 && (e.domElement.releasePointerCapture(o.pointerId), e.domElement.removeEventListener("pointermove", Se), e.domElement.removeEventListener("pointerup", ke)), e.dispatchEvent(tn), s = r.NONE;
2817
+ gt(o), f.length === 0 && (e.domElement.releasePointerCapture(o.pointerId), e.domElement.removeEventListener("pointermove", Se), e.domElement.removeEventListener("pointerup", ke)), e.dispatchEvent(tn), s = r.NONE;
2819
2818
  }
2820
2819
  function Rt(o) {
2821
2820
  let y;
@@ -2891,7 +2890,7 @@ class Ka extends sn {
2891
2890
  e.enabled === !1 || e.enablePan === !1 || Ze(o);
2892
2891
  }
2893
2892
  function pt(o) {
2894
- switch (tt(o), d.length) {
2893
+ switch (tt(o), f.length) {
2895
2894
  case 1:
2896
2895
  switch (e.touches.ONE) {
2897
2896
  case He.ROTATE:
@@ -2959,13 +2958,13 @@ class Ka extends sn {
2959
2958
  e.enabled !== !1 && o.preventDefault();
2960
2959
  }
2961
2960
  function Pt(o) {
2962
- d.push(o.pointerId);
2961
+ f.push(o.pointerId);
2963
2962
  }
2964
2963
  function gt(o) {
2965
2964
  delete m[o.pointerId];
2966
- for (let y = 0; y < d.length; y++)
2967
- if (d[y] == o.pointerId) {
2968
- d.splice(y, 1);
2965
+ for (let y = 0; y < f.length; y++)
2966
+ if (f[y] == o.pointerId) {
2967
+ f.splice(y, 1);
2969
2968
  return;
2970
2969
  }
2971
2970
  }
@@ -2974,7 +2973,7 @@ class Ka extends sn {
2974
2973
  y === void 0 && (y = new de(), m[o.pointerId] = y), y.set(o.pageX, o.pageY);
2975
2974
  }
2976
2975
  function ve(o) {
2977
- const y = o.pointerId === d[0] ? d[1] : d[0];
2976
+ const y = o.pointerId === f[0] ? f[1] : f[0];
2978
2977
  return m[y];
2979
2978
  }
2980
2979
  e.domElement.addEventListener("contextmenu", Oe), e.domElement.addEventListener("pointerdown", Je), e.domElement.addEventListener("pointercancel", ke), e.domElement.addEventListener("wheel", ht, { passive: !1 }), this.update();
@@ -3003,8 +3002,8 @@ const xt = (t) => {
3003
3002
  open: e,
3004
3003
  options: n.options,
3005
3004
  onSelect: n.onSelect,
3006
- onToggle: (f) => {
3007
- r(f);
3005
+ onToggle: (u) => {
3006
+ r(u);
3008
3007
  },
3009
3008
  up: !0
3010
3009
  }
@@ -3062,13 +3061,13 @@ st.add(ot);
3062
3061
  ot.visible = !1;
3063
3062
  let wt = !1, V = ne.get("Debug"), re = ne.get("Orthographic"), Ne = ne.get("Front"), Le = ne.get("Top"), on = !1;
3064
3063
  function pi(t) {
3065
- const [n, a] = oe(t.mode !== void 0 ? t.mode : "Single"), [e, r] = oe(null), [s, f] = oe(!1), [l, u] = oe(!1), [p, v] = oe(!1), [, E] = oe(Date.now()), w = Ce(null), R = Ce(null), T = Ce(null), G = Ce(null), se = Ce(null), H = Ce(null), C = (d, m) => {
3066
- const b = ie.get(d.name);
3067
- b !== void 0 && b.dispose(), ie.delete(d.name);
3068
- const S = we.get(d.name);
3069
- S !== void 0 && (z.remove(S), S.dispose()), we.delete(d.name);
3070
- const B = new Ka(d, m);
3071
- switch (B.enableDamping = !0, B.dampingFactor = 0.05, d.name) {
3064
+ const [n, a] = oe(t.mode !== void 0 ? t.mode : "Single"), [e, r] = oe(null), [s, u] = oe(!1), [l, d] = oe(!1), [p, v] = oe(!1), [, E] = oe(Date.now()), x = Ce(null), C = Ce(null), M = Ce(null), G = Ce(null), se = Ce(null), H = Ce(null), S = (f, m) => {
3065
+ const b = ie.get(f.name);
3066
+ b !== void 0 && b.dispose(), ie.delete(f.name);
3067
+ const O = we.get(f.name);
3068
+ O !== void 0 && (z.remove(O), O.dispose()), we.delete(f.name);
3069
+ const B = new Ka(f, m);
3070
+ switch (B.enableDamping = !0, B.dampingFactor = 0.05, f.name) {
3072
3071
  case "Top":
3073
3072
  case "Bottom":
3074
3073
  case "Left":
@@ -3078,96 +3077,96 @@ function pi(t) {
3078
3077
  B.enableRotate = !1;
3079
3078
  break;
3080
3079
  }
3081
- if (ie.set(d.name, B), d instanceof Dt) {
3082
- const $ = new Xn(d);
3083
- we.set(d.name, $), z.add($);
3080
+ if (ie.set(f.name, B), f instanceof Dt) {
3081
+ const $ = new Xn(f);
3082
+ we.set(f.name, $), z.add($);
3084
3083
  }
3085
- }, K = (d) => {
3086
- const m = we.get(d.name);
3087
- m !== void 0 && (z.remove(m), m.dispose(), we.delete(d.name));
3088
- const b = ie.get(d.name);
3089
- b !== void 0 && (b.dispose(), ie.delete(d.name));
3084
+ }, K = (f) => {
3085
+ const m = we.get(f.name);
3086
+ m !== void 0 && (z.remove(m), m.dispose(), we.delete(f.name));
3087
+ const b = ie.get(f.name);
3088
+ b !== void 0 && (b.dispose(), ie.delete(f.name));
3090
3089
  }, fe = () => {
3091
- ie.forEach((d, m) => {
3092
- d.dispose();
3090
+ ie.forEach((f, m) => {
3091
+ f.dispose();
3093
3092
  const b = we.get(m);
3094
3093
  b !== void 0 && (z.remove(b), b.dispose()), we.delete(m), ie.delete(m);
3095
3094
  }), ie.clear(), we.clear();
3096
3095
  }, le = () => {
3097
3096
  switch (n) {
3098
3097
  case "Single":
3099
- C(V, T.current);
3098
+ S(V, M.current);
3100
3099
  break;
3101
3100
  case "Side by Side":
3102
3101
  case "Stacked":
3103
- C(V, T.current), C(re, G.current);
3102
+ S(V, M.current), S(re, G.current);
3104
3103
  break;
3105
3104
  case "Quad":
3106
- C(V, T.current), C(re, G.current), C(Ne, se.current), C(Le, H.current);
3105
+ S(V, M.current), S(re, G.current), S(Ne, se.current), S(Le, H.current);
3107
3106
  break;
3108
3107
  }
3109
3108
  };
3110
3109
  Fe(() => {
3111
- const d = new Hn({
3112
- canvas: w.current,
3110
+ const f = new Hn({
3111
+ canvas: x.current,
3113
3112
  stencil: !1
3114
3113
  });
3115
- d.autoClear = !1, d.shadowMap.enabled = !0, d.setPixelRatio(devicePixelRatio), d.setClearColor(0), r(d);
3114
+ f.autoClear = !1, f.shadowMap.enabled = !0, f.setPixelRatio(devicePixelRatio), f.setClearColor(0), r(f);
3116
3115
  }, []), Fe(() => {
3117
- const d = (S) => {
3116
+ const f = (O) => {
3118
3117
  gn(xe), z.remove(xe);
3119
- const B = t.scenes.get(S.value.name);
3118
+ const B = t.scenes.get(O.value.name);
3120
3119
  if (B !== void 0) {
3121
3120
  const $ = new B();
3122
3121
  t.onSceneSet !== void 0 && t.onSceneSet($), xe = $, t.three.scene = xe, z.add(xe), on = !0;
3123
3122
  }
3124
- }, m = (S) => {
3123
+ }, m = (O) => {
3125
3124
  var F;
3126
- const B = S.value, $ = (F = t.three.scene) == null ? void 0 : F.getObjectByProperty("uuid", B.uuid);
3125
+ const B = O.value, $ = (F = t.three.scene) == null ? void 0 : F.getObjectByProperty("uuid", B.uuid);
3127
3126
  $ !== void 0 && ne.set(B.name, $), E(Date.now());
3128
- }, b = (S) => {
3129
- ne.delete(S.value.name), E(Date.now());
3127
+ }, b = (O) => {
3128
+ ne.delete(O.value.name), E(Date.now());
3130
3129
  };
3131
- return _.addEventListener(j.SET_SCENE, d), _.addEventListener(j.ADD_CAMERA, m), _.addEventListener(j.REMOVE_CAMERA, b), () => {
3132
- _.removeEventListener(j.SET_SCENE, d), _.removeEventListener(j.ADD_CAMERA, m), _.removeEventListener(j.REMOVE_CAMERA, b);
3130
+ return _.addEventListener(j.SET_SCENE, f), _.addEventListener(j.ADD_CAMERA, m), _.addEventListener(j.REMOVE_CAMERA, b), () => {
3131
+ _.removeEventListener(j.SET_SCENE, f), _.removeEventListener(j.ADD_CAMERA, m), _.removeEventListener(j.REMOVE_CAMERA, b);
3133
3132
  };
3134
3133
  }, []), Fe(() => {
3135
3134
  if (e === null)
3136
3135
  return;
3137
- let d = window.innerWidth, m = window.innerHeight, b = Math.floor(d / 2), S = Math.floor(m / 2), B = -1;
3136
+ let f = window.innerWidth, m = window.innerHeight, b = Math.floor(f / 2), O = Math.floor(m / 2), B = -1;
3138
3137
  const $ = () => {
3139
- d = window.innerWidth - 300, m = window.innerHeight, b = Math.floor(d / 2), S = Math.floor(m / 2), e.setSize(d, m);
3140
- let M = d, I = m;
3138
+ f = window.innerWidth - 300, m = window.innerHeight, b = Math.floor(f / 2), O = Math.floor(m / 2), e.setSize(f, m);
3139
+ let R = f, I = m;
3141
3140
  switch (n) {
3142
3141
  case "Side by Side":
3143
- M = b, I = m;
3142
+ R = b, I = m;
3144
3143
  break;
3145
3144
  case "Stacked":
3146
- M = d, I = S;
3145
+ R = f, I = O;
3147
3146
  break;
3148
3147
  case "Quad":
3149
- M = b, I = S;
3148
+ R = b, I = O;
3150
3149
  break;
3151
3150
  }
3152
3151
  ne.forEach((X) => {
3153
3152
  var me;
3154
- X instanceof un ? (X.left = M / -2, X.right = M / 2, X.top = I / 2, X.bottom = I / -2, X.updateProjectionMatrix()) : X instanceof Dt && (X.aspect = M / I, X.updateProjectionMatrix(), (me = we.get(X.name)) == null || me.update());
3153
+ X instanceof un ? (X.left = R / -2, X.right = R / 2, X.top = I / 2, X.bottom = I / -2, X.updateProjectionMatrix()) : X instanceof Dt && (X.aspect = R / I, X.updateProjectionMatrix(), (me = we.get(X.name)) == null || me.update());
3155
3154
  });
3156
3155
  }, F = () => {
3157
- e.setViewport(0, 0, d, m), e.setScissor(0, 0, d, m), e.render(z, V);
3156
+ e.setViewport(0, 0, f, m), e.setScissor(0, 0, f, m), e.render(z, V);
3158
3157
  }, D = () => {
3159
3158
  if (n === "Side by Side")
3160
3159
  e.setViewport(0, 0, b, m), e.setScissor(0, 0, b, m), e.render(z, V), e.setViewport(b, 0, b, m), e.setScissor(b, 0, b, m), e.render(z, re);
3161
3160
  else {
3162
- const M = m - S;
3163
- e.setViewport(0, M, d, S), e.setScissor(0, M, d, S), e.render(z, V), e.setViewport(0, 0, d, S), e.setScissor(0, 0, d, S), e.render(z, re);
3161
+ const R = m - O;
3162
+ e.setViewport(0, R, f, O), e.setScissor(0, R, f, O), e.render(z, V), e.setViewport(0, 0, f, O), e.setScissor(0, 0, f, O), e.render(z, re);
3164
3163
  }
3165
3164
  }, U = () => {
3166
- let M = 0, I = 0;
3167
- I = m - S, M = 0, e.setViewport(M, I, b, S), e.setScissor(M, I, b, S), e.render(z, V), M = b, e.setViewport(M, I, b, S), e.setScissor(M, I, b, S), e.render(z, re), I = 0, M = 0, e.setViewport(M, I, b, S), e.setScissor(M, I, b, S), e.render(z, Ne), M = b, e.setViewport(M, I, b, S), e.setScissor(M, I, b, S), e.render(z, Le);
3165
+ let R = 0, I = 0;
3166
+ I = m - O, R = 0, e.setViewport(R, I, b, O), e.setScissor(R, I, b, O), e.render(z, V), R = b, e.setViewport(R, I, b, O), e.setScissor(R, I, b, O), e.render(z, re), I = 0, R = 0, e.setViewport(R, I, b, O), e.setScissor(R, I, b, O), e.render(z, Ne), R = b, e.setViewport(R, I, b, O), e.setScissor(R, I, b, O), e.render(z, Le);
3168
3167
  }, J = () => {
3169
- switch (ie.forEach((M) => {
3170
- M.update();
3168
+ switch (ie.forEach((R) => {
3169
+ R.update();
3171
3170
  }), t.onSceneUpdate !== void 0 && on && t.onSceneUpdate(xe), e.clear(), n) {
3172
3171
  case "Single":
3173
3172
  F();
@@ -3187,30 +3186,30 @@ function pi(t) {
3187
3186
  };
3188
3187
  }, [n, e]), Fe(() => {
3189
3188
  if (e !== null) {
3190
- const d = new Kn(), m = new de(), b = (F, D, U, J) => {
3189
+ const f = new Kn(), m = new de(), b = (F, D, U, J) => {
3191
3190
  switch (n) {
3192
3191
  case "Quad":
3193
- F < U ? D < J ? d.setFromCamera(m, V) : d.setFromCamera(m, Ne) : D < J ? d.setFromCamera(m, re) : d.setFromCamera(m, Le);
3192
+ F < U ? D < J ? f.setFromCamera(m, V) : f.setFromCamera(m, Ne) : D < J ? f.setFromCamera(m, re) : f.setFromCamera(m, Le);
3194
3193
  break;
3195
3194
  case "Side by Side":
3196
- F < U ? d.setFromCamera(m, V) : d.setFromCamera(m, re);
3195
+ F < U ? f.setFromCamera(m, V) : f.setFromCamera(m, re);
3197
3196
  break;
3198
3197
  case "Single":
3199
- d.setFromCamera(m, V);
3198
+ f.setFromCamera(m, V);
3200
3199
  break;
3201
3200
  case "Stacked":
3202
- D < J ? d.setFromCamera(m, V) : d.setFromCamera(m, re);
3201
+ D < J ? f.setFromCamera(m, V) : f.setFromCamera(m, re);
3203
3202
  break;
3204
3203
  }
3205
- }, S = (F) => {
3204
+ }, O = (F) => {
3206
3205
  if (!wt)
3207
3206
  return;
3208
3207
  const D = new de();
3209
3208
  e.getSize(D);
3210
3209
  const U = Math.min(F.clientX, D.x), J = Math.min(F.clientY, D.y);
3211
3210
  m.x = Ke(U, 0, D.x, -1, 1), m.y = Ke(J, 0, D.y, 1, -1);
3212
- const M = D.x / 2, I = D.y / 2, X = () => {
3213
- U < M ? m.x = Ke(U, 0, M, -1, 1) : m.x = Ke(U, M, D.x, -1, 1);
3211
+ const R = D.x / 2, I = D.y / 2, X = () => {
3212
+ U < R ? m.x = Ke(U, 0, R, -1, 1) : m.x = Ke(U, R, D.x, -1, 1);
3214
3213
  }, me = () => {
3215
3214
  J < I ? m.y = Ke(J, 0, I, 1, -1) : m.y = Ke(J, I, D.y, 1, -1);
3216
3215
  };
@@ -3225,8 +3224,8 @@ function pi(t) {
3225
3224
  me(), me();
3226
3225
  break;
3227
3226
  }
3228
- b(U, J, M, I);
3229
- const Re = d.intersectObjects(xe.children);
3227
+ b(U, J, R, I);
3228
+ const Re = f.intersectObjects(xe.children);
3230
3229
  Re.length > 0 && ot.position.copy(Re[0].point);
3231
3230
  }, B = (F) => {
3232
3231
  if (!wt)
@@ -3234,65 +3233,65 @@ function pi(t) {
3234
3233
  const D = new de();
3235
3234
  if (e.getSize(D), F.clientX >= D.x)
3236
3235
  return;
3237
- S(F);
3238
- const U = d.intersectObjects(xe.children);
3236
+ O(F);
3237
+ const U = f.intersectObjects(xe.children);
3239
3238
  U.length > 0 && t.three.getObject(U[0].object.uuid);
3240
- }, $ = R.current;
3241
- return $.addEventListener("mousemove", S, !1), $.addEventListener("click", B, !1), () => {
3242
- $.removeEventListener("mousemove", S), $.removeEventListener("click", B);
3239
+ }, $ = C.current;
3240
+ return $.addEventListener("mousemove", O, !1), $.addEventListener("click", B, !1), () => {
3241
+ $.removeEventListener("mousemove", O), $.removeEventListener("click", B);
3243
3242
  };
3244
3243
  }
3245
3244
  }, [n, e]);
3246
3245
  const ee = [];
3247
- return ne.forEach((d, m) => {
3246
+ return ne.forEach((f, m) => {
3248
3247
  ee.push(m);
3249
3248
  }), /* @__PURE__ */ c.jsxs("div", { className: "multiview", children: [
3250
- /* @__PURE__ */ c.jsx("canvas", { ref: w }),
3251
- /* @__PURE__ */ c.jsxs("div", { className: `cameras ${n === "Single" || n === "Stacked" ? "single" : ""}`, ref: R, children: [
3252
- n === "Single" && /* @__PURE__ */ c.jsx(c.Fragment, { children: /* @__PURE__ */ c.jsx(Ie, { camera: V, options: ee, ref: T, onSelect: (d) => {
3249
+ /* @__PURE__ */ c.jsx("canvas", { ref: x }),
3250
+ /* @__PURE__ */ c.jsxs("div", { className: `cameras ${n === "Single" || n === "Stacked" ? "single" : ""}`, ref: C, children: [
3251
+ n === "Single" && /* @__PURE__ */ c.jsx(c.Fragment, { children: /* @__PURE__ */ c.jsx(Ie, { camera: V, options: ee, ref: M, onSelect: (f) => {
3253
3252
  var b;
3254
3253
  (b = ie.get(V.name)) == null || b.dispose();
3255
- const m = ne.get(d);
3256
- m !== void 0 && (K(V), V = m, C(m, T.current));
3254
+ const m = ne.get(f);
3255
+ m !== void 0 && (K(V), V = m, S(m, M.current));
3257
3256
  } }) }),
3258
3257
  (n === "Side by Side" || n === "Stacked") && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
3259
- /* @__PURE__ */ c.jsx(Ie, { camera: V, options: ee, ref: T, onSelect: (d) => {
3258
+ /* @__PURE__ */ c.jsx(Ie, { camera: V, options: ee, ref: M, onSelect: (f) => {
3260
3259
  var b;
3261
3260
  (b = ie.get(V.name)) == null || b.dispose();
3262
- const m = ne.get(d);
3263
- m !== void 0 && (K(V), V = m, C(m, T.current));
3261
+ const m = ne.get(f);
3262
+ m !== void 0 && (K(V), V = m, S(m, M.current));
3264
3263
  } }),
3265
- /* @__PURE__ */ c.jsx(Ie, { camera: re, options: ee, ref: G, onSelect: (d) => {
3264
+ /* @__PURE__ */ c.jsx(Ie, { camera: re, options: ee, ref: G, onSelect: (f) => {
3266
3265
  var b;
3267
3266
  (b = ie.get(re.name)) == null || b.dispose();
3268
- const m = ne.get(d);
3269
- m !== void 0 && (K(re), re = m, C(m, G.current));
3267
+ const m = ne.get(f);
3268
+ m !== void 0 && (K(re), re = m, S(m, G.current));
3270
3269
  } })
3271
3270
  ] }),
3272
3271
  n === "Quad" && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
3273
- /* @__PURE__ */ c.jsx(Ie, { camera: V, options: ee, ref: T, onSelect: (d) => {
3272
+ /* @__PURE__ */ c.jsx(Ie, { camera: V, options: ee, ref: M, onSelect: (f) => {
3274
3273
  var b;
3275
3274
  (b = ie.get(V.name)) == null || b.dispose();
3276
- const m = ne.get(d);
3277
- m !== void 0 && (K(V), V = m, C(m, T.current));
3275
+ const m = ne.get(f);
3276
+ m !== void 0 && (K(V), V = m, S(m, M.current));
3278
3277
  } }),
3279
- /* @__PURE__ */ c.jsx(Ie, { camera: re, options: ee, ref: G, onSelect: (d) => {
3278
+ /* @__PURE__ */ c.jsx(Ie, { camera: re, options: ee, ref: G, onSelect: (f) => {
3280
3279
  var b;
3281
3280
  (b = ie.get(re.name)) == null || b.dispose();
3282
- const m = ne.get(d);
3283
- m !== void 0 && (K(re), re = m, C(m, G.current));
3281
+ const m = ne.get(f);
3282
+ m !== void 0 && (K(re), re = m, S(m, G.current));
3284
3283
  } }),
3285
- /* @__PURE__ */ c.jsx(Ie, { camera: Ne, options: ee, ref: se, onSelect: (d) => {
3284
+ /* @__PURE__ */ c.jsx(Ie, { camera: Ne, options: ee, ref: se, onSelect: (f) => {
3286
3285
  var b;
3287
3286
  (b = ie.get(Ne.name)) == null || b.dispose();
3288
- const m = ne.get(d);
3289
- m !== void 0 && (K(Ne), Ne = m, C(m, se.current));
3287
+ const m = ne.get(f);
3288
+ m !== void 0 && (K(Ne), Ne = m, S(m, se.current));
3290
3289
  } }),
3291
- /* @__PURE__ */ c.jsx(Ie, { camera: Le, options: ee, ref: H, onSelect: (d) => {
3290
+ /* @__PURE__ */ c.jsx(Ie, { camera: Le, options: ee, ref: H, onSelect: (f) => {
3292
3291
  var b;
3293
3292
  (b = ie.get(Le.name)) == null || b.dispose();
3294
- const m = ne.get(d);
3295
- m !== void 0 && (K(Le), Le = m, C(m, H.current));
3293
+ const m = ne.get(f);
3294
+ m !== void 0 && (K(Le), Le = m, S(m, H.current));
3296
3295
  } })
3297
3296
  ] })
3298
3297
  ] }),
@@ -3302,12 +3301,12 @@ function pi(t) {
3302
3301
  {
3303
3302
  index: an.indexOf(n),
3304
3303
  options: an,
3305
- onSelect: (d) => {
3306
- d !== n && (fe(), a(d));
3304
+ onSelect: (f) => {
3305
+ f !== n && (fe(), a(f));
3307
3306
  },
3308
3307
  open: s,
3309
- onToggle: (d) => {
3310
- f(d), l && u(!1), p && v(!1);
3308
+ onToggle: (f) => {
3309
+ u(f), l && d(!1), p && v(!1);
3311
3310
  }
3312
3311
  }
3313
3312
  ),
@@ -3316,9 +3315,9 @@ function pi(t) {
3316
3315
  {
3317
3316
  index: rn.indexOf(Et),
3318
3317
  options: rn,
3319
- onSelect: (d) => {
3320
- if (d !== Et)
3321
- switch (Et = d, Et) {
3318
+ onSelect: (f) => {
3319
+ if (f !== Et)
3320
+ switch (Et = f, Et) {
3322
3321
  case "Depth":
3323
3322
  z.overrideMaterial = Xa;
3324
3323
  break;
@@ -3338,8 +3337,8 @@ function pi(t) {
3338
3337
  }
3339
3338
  },
3340
3339
  open: l,
3341
- onToggle: (d) => {
3342
- s && f(!1), u(d), p && v(!1);
3340
+ onToggle: (f) => {
3341
+ s && u(!1), d(f), p && v(!1);
3343
3342
  }
3344
3343
  }
3345
3344
  ),
@@ -3351,12 +3350,12 @@ function pi(t) {
3351
3350
  "Orbit Mode",
3352
3351
  "Selection Mode"
3353
3352
  ],
3354
- onSelect: (d) => {
3355
- wt = d === "Selection Mode", ot.visible = wt;
3353
+ onSelect: (f) => {
3354
+ wt = f === "Selection Mode", ot.visible = wt;
3356
3355
  },
3357
3356
  open: p,
3358
- onToggle: (d) => {
3359
- s && f(!1), l && u(!1), v(d);
3357
+ onToggle: (f) => {
3358
+ s && u(!1), l && d(!1), v(f);
3360
3359
  }
3361
3360
  }
3362
3361
  )