@vincentt-xr/sdk 2.0.0-alpha.0 → 2.0.0-alpha.2

package/dist/debug-ui/default-setting.js

@@ -0,0 +1,777 @@
+import { jsx as t, jsxs as a, Fragment as A } from "react/jsx-runtime";
+import { createPortal as F } from "react-dom";
+import { useState as m, useRef as O, useEffect as T } from "react";
+import { c as v, X as U } from "../x-Co8jPhP0.js";
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const K = [
+  ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
+  ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
+], Y = v("chevrons-up-down", K);
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const $ = [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+], G = v("copy", $);
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Z = [
+  [
+    "path",
+    {
+      d: "M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z",
+      key: "e79jfc"
+    }
+  ],
+  ["circle", { cx: "13.5", cy: "6.5", r: ".5", fill: "currentColor", key: "1okk4w" }],
+  ["circle", { cx: "17.5", cy: "10.5", r: ".5", fill: "currentColor", key: "f64h9f" }],
+  ["circle", { cx: "6.5", cy: "12.5", r: ".5", fill: "currentColor", key: "qy21gx" }],
+  ["circle", { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor", key: "fotxhn" }]
+], H = v("palette", Z);
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const q = [
+  ["path", { d: "M12 2v10", key: "mnfbl" }],
+  ["path", { d: "M18.4 6.6a9 9 0 1 1-12.77.04", key: "obofu9" }]
+], J = v("power", q), Q = {
+  transform: {
+    enabled: !0,
+    anchors: { left: -0.5, right: 0.5, top: 0.2, bottom: -0.2 },
+    offsets: { left: 0, right: 0, top: 0, bottom: 0 },
+    pivot: [0, 0]
+  },
+  material: {
+    enabled: !0,
+    text: "Hello from Vincentt",
+    fontSize: 220,
+    color: "#ffffff",
+    bgColor: "#14286e",
+    borderRadius: 24,
+    aspect: 3,
+    opacity: 1,
+    padding: 32,
+    borderWidth: 0,
+    borderColor: "transparent"
+  },
+  textLabel: {
+    enabled: !0,
+    position: [0, 0, 0],
+    rotation: [0, 0, 0],
+    scale: [1, 1, 1]
+  }
+}, ee = {
+  position: "fixed",
+  left: 14,
+  top: 104,
+  zIndex: 2e4,
+  pointerEvents: "none"
+}, W = {
+  pointerEvents: "auto",
+  width: 298,
+  borderRadius: 16,
+  border: "1px solid rgba(255,255,255,0.12)",
+  background: "rgba(8, 15, 28, 0.58)",
+  boxShadow: "0 16px 36px rgba(0,0,0,0.28)",
+  backdropFilter: "blur(20px) saturate(1.1)",
+  WebkitBackdropFilter: "blur(20px) saturate(1.1)",
+  color: "#f8fafc",
+  overflow: "hidden"
+}, te = {
+  ...W,
+  width: 32,
+  height: 32,
+  borderRadius: 16,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer"
+}, le = {
+  display: "flex",
+  width: 14,
+  height: 14,
+  alignItems: "center",
+  justifyContent: "center",
+  color: "#f8fafc"
+}, ae = {
+  display: "flex",
+  alignItems: "center",
+  gap: 7,
+  padding: "7px 8px",
+  borderBottom: "1px solid rgba(255,255,255,0.08)"
+}, ie = {
+  width: 16,
+  height: 16,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "grab",
+  color: "rgba(148,163,184,0.82)",
+  flex: "0 0 auto"
+}, oe = {
+  display: "flex",
+  alignItems: "center",
+  gap: 6,
+  fontSize: 11,
+  fontWeight: 600,
+  letterSpacing: 0.2,
+  minWidth: 0
+}, N = {
+  display: "flex",
+  width: 18,
+  height: 18,
+  alignItems: "center",
+  justifyContent: "center",
+  borderRadius: 6,
+  background: "rgba(255,255,255,0.08)",
+  border: "1px solid rgba(255,255,255,0.08)",
+  color: "#e2e8f0",
+  flex: "0 0 auto"
+}, ne = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  height: 24,
+  padding: "0 8px 0 7px",
+  borderRadius: 8,
+  border: "1px solid rgba(255,255,255,0.10)",
+  background: "rgba(255,255,255,0.05)",
+  color: "#e2e8f0",
+  fontSize: 10,
+  cursor: "pointer",
+  gap: 5
+}, re = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: 24,
+  height: 24,
+  borderRadius: 8,
+  border: "1px solid rgba(255,255,255,0.10)",
+  background: "rgba(255,255,255,0.05)",
+  color: "#e2e8f0",
+  cursor: "pointer",
+  padding: 0,
+  flex: "0 0 auto"
+}, se = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 6,
+  padding: 7
+}, de = {
+  borderRadius: 12,
+  border: "1px solid rgba(255,255,255,0.08)",
+  background: "rgba(255,255,255,0.03)",
+  overflow: "hidden"
+}, ce = {
+  display: "flex",
+  alignItems: "center",
+  gap: 7,
+  padding: "6px 7px"
+}, pe = {
+  display: "flex",
+  alignItems: "center",
+  gap: 6,
+  fontSize: 11,
+  fontWeight: 500,
+  flex: "1 1 auto",
+  minWidth: 0
+}, be = {
+  width: 28,
+  height: 16,
+  borderRadius: 999,
+  border: "1px solid rgba(255,255,255,0.10)",
+  background: "rgba(255,255,255,0.08)",
+  padding: 2,
+  display: "flex",
+  alignItems: "center",
+  cursor: "pointer",
+  flex: "0 0 auto"
+}, ye = (d) => ({
+  width: 10,
+  height: 10,
+  borderRadius: 999,
+  background: d ? "#f8fafc" : "rgba(148,163,184,0.7)",
+  transform: d ? "translateX(12px)" : "translateX(0)",
+  transition: "transform 140ms ease, background 140ms ease"
+}), he = {
+  display: "grid",
+  gap: 7,
+  padding: "0 7px 7px"
+}, R = {
+  display: "grid",
+  gap: 5
+}, w = {
+  fontSize: 9,
+  color: "rgba(226,232,240,0.66)",
+  letterSpacing: 0.4,
+  textTransform: "uppercase"
+}, L = {
+  display: "grid",
+  gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+  gap: 6
+}, n = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 4
+}, r = {
+  fontSize: 9,
+  color: "rgba(226,232,240,0.72)",
+  letterSpacing: 0.2
+}, E = {
+  width: "100%",
+  height: 24,
+  borderRadius: 7,
+  border: "1px solid rgba(255,255,255,0.10)",
+  background: "rgba(15,23,42,0.68)",
+  color: "#f8fafc",
+  fontSize: 10.5,
+  outline: "none",
+  padding: "0 7px",
+  boxSizing: "border-box"
+}, k = {
+  width: "100%",
+  height: 24,
+  borderRadius: 7,
+  border: "1px solid rgba(255,255,255,0.10)",
+  background: "rgba(15,23,42,0.68)",
+  color: "#f8fafc",
+  fontSize: 10.5,
+  outline: "none",
+  padding: 2,
+  boxSizing: "border-box",
+  cursor: "pointer"
+}, ge = {
+  ...E,
+  fontVariantNumeric: "tabular-nums"
+}, D = { width: 12, height: 12, display: "flex" }, M = () => /* @__PURE__ */ t(J, { size: 12, strokeWidth: 1.9 }), xe = () => /* @__PURE__ */ t(H, { size: 12, strokeWidth: 1.9 }), fe = () => /* @__PURE__ */ t(G, { size: 12, strokeWidth: 1.9 }), ue = () => /* @__PURE__ */ t("svg", { width: "11", height: "15", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ t("path", { d: "M8 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 18a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM16 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM16 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM16 18a2 2 0 1 1-4 0 2 2 0 0 1 4 0z" }) }), me = (d) => /^-?\d*(\.\d*)?$/.test(d), c = ({
+  value: d,
+  onChange: x,
+  step: b = 1
+}) => {
+  const [h, g] = m(String(d));
+  return T(() => {
+    g(String(d));
+  }, [d]), /* @__PURE__ */ t(
+    "input",
+    {
+      type: "text",
+      inputMode: "decimal",
+      pattern: "-?[0-9]*[.,]?[0-9]*",
+      style: ge,
+      value: h,
+      onChange: (s) => {
+        const p = s.target.value;
+        if (!me(p) || (g(p), p === "" || p === "-" || p === "." || p === "-.")) return;
+        const y = Number(p);
+        Number.isNaN(y) || x(y);
+      },
+      onBlur: () => {
+        if (h === "" || h === "-" || h === "." || h === "-.") {
+          g(String(d));
+          return;
+        }
+        const s = Number(h);
+        if (Number.isNaN(s)) {
+          g(String(d));
+          return;
+        }
+        g(String(s)), s !== d && x(s);
+      },
+      onKeyDown: (s) => {
+        if (s.key !== "ArrowUp" && s.key !== "ArrowDown") return;
+        s.preventDefault();
+        const p = s.shiftKey ? b * 10 : s.altKey ? b / 10 : b, y = s.key === "ArrowUp" ? d + p : d - p, f = Number.isInteger(y) ? y : Number(y.toFixed(6));
+        g(String(f)), x(f);
+      }
+    }
+  );
+}, we = ({
+  style: d,
+  value: x,
+  onChange: b,
+  children: h
+}) => {
+  const [g, s] = m(!0), [p, y] = m(!1), [f, j] = m({ x: 14, y: 104 }), [B, P] = m(Q), u = O(null), i = x ?? B, o = (l) => {
+    const e = l(i);
+    x || P(e), b == null || b(e);
+  };
+  T(() => {
+    const l = (S) => {
+      u.current && j({
+        x: Math.max(8, S.clientX - u.current.x),
+        y: Math.max(8, S.clientY - u.current.y)
+      });
+    }, e = () => {
+      u.current = null, document.body.classList.remove("select-none");
+    };
+    return window.addEventListener("pointermove", l), window.addEventListener("pointerup", e), () => {
+      window.removeEventListener("pointermove", l), window.removeEventListener("pointerup", e);
+    };
+  }, []);
+  const _ = async () => {
+    await navigator.clipboard.writeText(JSON.stringify(i, null, 2)), y(!0), window.setTimeout(() => y(!1), 1200);
+  }, V = (l) => {
+    const e = l.currentTarget.getBoundingClientRect();
+    u.current = {
+      x: l.clientX - e.left,
+      y: l.clientY - e.top
+    }, document.body.classList.add("select-none"), l.currentTarget.setPointerCapture(l.pointerId);
+  }, z = (l, e, S, X, I) => /* @__PURE__ */ a("div", { style: de, children: [
+    /* @__PURE__ */ a("div", { style: ce, children: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: () => o((C) => ({
+            ...C,
+            [l]: {
+              ...C[l],
+              enabled: !C[l].enabled
+            }
+          })),
+          style: be,
+          "aria-label": `Toggle ${e}`,
+          children: /* @__PURE__ */ t("div", { style: ye(I) })
+        }
+      ),
+      /* @__PURE__ */ a("div", { style: pe, children: [
+        /* @__PURE__ */ t("span", { style: N, children: S }),
+        /* @__PURE__ */ t("span", { children: e })
+      ] })
+    ] }),
+    I ? /* @__PURE__ */ t("div", { style: he, children: X }) : null
+  ] }, l);
+  return typeof document > "u" ? null : F(
+    /* @__PURE__ */ t("div", { style: { ...ee, left: f.x, top: f.y, ...d }, children: g ? /* @__PURE__ */ a("div", { style: W, children: [
+      /* @__PURE__ */ a("div", { style: ae, children: [
+        /* @__PURE__ */ t("div", { onPointerDown: V, style: ie, title: "Drag to move", children: /* @__PURE__ */ t(ue, {}) }),
+        /* @__PURE__ */ a("div", { style: oe, children: [
+          /* @__PURE__ */ t("span", { style: N, children: /* @__PURE__ */ t(M, {}) }),
+          /* @__PURE__ */ t("span", { children: "Default Setting" })
+        ] }),
+        /* @__PURE__ */ t("div", { style: { flex: "1 1 auto" } }),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            onClick: _,
+            style: ne,
+            title: "Copy config",
+            children: [
+              /* @__PURE__ */ t("span", { style: D, children: /* @__PURE__ */ t(fe, {}) }),
+              p ? "Copied" : "Copy"
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            onClick: () => s(!1),
+            style: re,
+            title: "Collapse",
+            "aria-label": "Collapse Default Setting",
+            children: /* @__PURE__ */ t("span", { style: D, children: /* @__PURE__ */ t(U, { size: 12, strokeWidth: 1.9 }) })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { style: se, children: h ?? /* @__PURE__ */ a(A, { children: [
+        z(
+          "material",
+          "Material",
+          /* @__PURE__ */ t(xe, {}),
+          /* @__PURE__ */ t("div", { style: R, children: /* @__PURE__ */ a("div", { style: L, children: [
+            /* @__PURE__ */ a("label", { style: n, children: [
+              /* @__PURE__ */ t("span", { style: r, children: "Text" }),
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  style: E,
+                  value: i.material.text,
+                  onChange: (l) => o((e) => ({
+                    ...e,
+                    material: { ...e.material, text: l.target.value }
+                  }))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("label", { style: n, children: [
+              /* @__PURE__ */ t("span", { style: r, children: "Font Size (1)" }),
+              /* @__PURE__ */ t(
+                c,
+                {
+                  value: i.material.fontSize,
+                  onChange: (l) => o((e) => ({
+                    ...e,
+                    material: {
+                      ...e.material,
+                      fontSize: l
+                    }
+                  }))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("label", { style: n, children: [
+              /* @__PURE__ */ t("span", { style: r, children: "Color" }),
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "color",
+                  style: k,
+                  value: i.material.color,
+                  onChange: (l) => o((e) => ({
+                    ...e,
+                    material: { ...e.material, color: l.target.value }
+                  }))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("label", { style: n, children: [
+              /* @__PURE__ */ t("span", { style: r, children: "BG" }),
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "color",
+                  style: k,
+                  value: i.material.bgColor,
+                  onChange: (l) => o((e) => ({
+                    ...e,
+                    material: { ...e.material, bgColor: l.target.value }
+                  }))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("label", { style: n, children: [
+              /* @__PURE__ */ t("span", { style: r, children: "Radius (1)" }),
+              /* @__PURE__ */ t(
+                c,
+                {
+                  value: i.material.borderRadius,
+                  onChange: (l) => o((e) => ({
+                    ...e,
+                    material: {
+                      ...e.material,
+                      borderRadius: l
+                    }
+                  }))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("label", { style: n, children: [
+              /* @__PURE__ */ t("span", { style: r, children: "Aspect (1)" }),
+              /* @__PURE__ */ t(
+                c,
+                {
+                  value: i.material.aspect,
+                  onChange: (l) => o((e) => ({
+                    ...e,
+                    material: { ...e.material, aspect: l }
+                  }))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("label", { style: n, children: [
+              /* @__PURE__ */ t("span", { style: r, children: "Padding (1)" }),
+              /* @__PURE__ */ t(
+                c,
+                {
+                  value: i.material.padding,
+                  onChange: (l) => o((e) => ({
+                    ...e,
+                    material: { ...e.material, padding: l }
+                  }))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("label", { style: n, children: [
+              /* @__PURE__ */ t("span", { style: r, children: "Opacity" }),
+              /* @__PURE__ */ t(
+                c,
+                {
+                  value: i.material.opacity,
+                  onChange: (l) => o((e) => ({
+                    ...e,
+                    material: { ...e.material, opacity: l }
+                  }))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("label", { style: n, children: [
+              /* @__PURE__ */ t("span", { style: r, children: "Border" }),
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "color",
+                  style: k,
+                  value: i.material.borderColor,
+                  onChange: (l) => o((e) => ({
+                    ...e,
+                    material: { ...e.material, borderColor: l.target.value }
+                  }))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("label", { style: n, children: [
+              /* @__PURE__ */ t("span", { style: r, children: "Border W (1)" }),
+              /* @__PURE__ */ t(
+                c,
+                {
+                  value: i.material.borderWidth,
+                  onChange: (l) => o((e) => ({
+                    ...e,
+                    material: {
+                      ...e.material,
+                      borderWidth: l
+                    }
+                  }))
+                }
+              )
+            ] })
+          ] }) }),
+          i.material.enabled
+        ),
+        z(
+          "textLabel",
+          "TextLabel",
+          /* @__PURE__ */ t(M, {}),
+          /* @__PURE__ */ a("div", { style: R, children: [
+            /* @__PURE__ */ t("div", { style: w, children: "Position (0.1)" }),
+            /* @__PURE__ */ a("div", { style: L, children: [
+              /* @__PURE__ */ a("label", { style: n, children: [
+                /* @__PURE__ */ t("span", { style: r, children: "X (0.1)" }),
+                /* @__PURE__ */ t(
+                  c,
+                  {
+                    value: i.textLabel.position[0],
+                    step: 0.1,
+                    onChange: (l) => o((e) => ({
+                      ...e,
+                      textLabel: {
+                        ...e.textLabel,
+                        position: [
+                          l,
+                          e.textLabel.position[1],
+                          e.textLabel.position[2]
+                        ]
+                      }
+                    }))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("label", { style: n, children: [
+                /* @__PURE__ */ t("span", { style: r, children: "Y (0.1)" }),
+                /* @__PURE__ */ t(
+                  c,
+                  {
+                    value: i.textLabel.position[1],
+                    step: 0.1,
+                    onChange: (l) => o((e) => ({
+                      ...e,
+                      textLabel: {
+                        ...e.textLabel,
+                        position: [
+                          e.textLabel.position[0],
+                          l,
+                          e.textLabel.position[2]
+                        ]
+                      }
+                    }))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("label", { style: n, children: [
+                /* @__PURE__ */ t("span", { style: r, children: "Z (0.1)" }),
+                /* @__PURE__ */ t(
+                  c,
+                  {
+                    value: i.textLabel.position[2],
+                    step: 0.1,
+                    onChange: (l) => o((e) => ({
+                      ...e,
+                      textLabel: {
+                        ...e.textLabel,
+                        position: [
+                          e.textLabel.position[0],
+                          e.textLabel.position[1],
+                          l
+                        ]
+                      }
+                    }))
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ t("div", { style: w, children: "Rotation (deg)" }),
+            /* @__PURE__ */ a("div", { style: L, children: [
+              /* @__PURE__ */ a("label", { style: n, children: [
+                /* @__PURE__ */ t("span", { style: r, children: "X (deg)" }),
+                /* @__PURE__ */ t(
+                  c,
+                  {
+                    value: i.textLabel.rotation[0],
+                    step: 1,
+                    onChange: (l) => o((e) => ({
+                      ...e,
+                      textLabel: {
+                        ...e.textLabel,
+                        rotation: [
+                          l,
+                          e.textLabel.rotation[1],
+                          e.textLabel.rotation[2]
+                        ]
+                      }
+                    }))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("label", { style: n, children: [
+                /* @__PURE__ */ t("span", { style: r, children: "Y (deg)" }),
+                /* @__PURE__ */ t(
+                  c,
+                  {
+                    value: i.textLabel.rotation[1],
+                    step: 1,
+                    onChange: (l) => o((e) => ({
+                      ...e,
+                      textLabel: {
+                        ...e.textLabel,
+                        rotation: [
+                          e.textLabel.rotation[0],
+                          l,
+                          e.textLabel.rotation[2]
+                        ]
+                      }
+                    }))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("label", { style: n, children: [
+                /* @__PURE__ */ t("span", { style: r, children: "Z (deg)" }),
+                /* @__PURE__ */ t(
+                  c,
+                  {
+                    value: i.textLabel.rotation[2],
+                    step: 1,
+                    onChange: (l) => o((e) => ({
+                      ...e,
+                      textLabel: {
+                        ...e.textLabel,
+                        rotation: [
+                          e.textLabel.rotation[0],
+                          e.textLabel.rotation[1],
+                          l
+                        ]
+                      }
+                    }))
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ t("div", { style: w, children: "Scale (1)" }),
+            /* @__PURE__ */ a("div", { style: L, children: [
+              /* @__PURE__ */ a("label", { style: n, children: [
+                /* @__PURE__ */ t("span", { style: r, children: "X (1)" }),
+                /* @__PURE__ */ t(
+                  c,
+                  {
+                    value: i.textLabel.scale[0],
+                    step: 1,
+                    onChange: (l) => o((e) => ({
+                      ...e,
+                      textLabel: {
+                        ...e.textLabel,
+                        scale: [
+                          l,
+                          e.textLabel.scale[1],
+                          e.textLabel.scale[2]
+                        ]
+                      }
+                    }))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("label", { style: n, children: [
+                /* @__PURE__ */ t("span", { style: r, children: "Y (1)" }),
+                /* @__PURE__ */ t(
+                  c,
+                  {
+                    value: i.textLabel.scale[1],
+                    step: 1,
+                    onChange: (l) => o((e) => ({
+                      ...e,
+                      textLabel: {
+                        ...e.textLabel,
+                        scale: [
+                          e.textLabel.scale[0],
+                          l,
+                          e.textLabel.scale[2]
+                        ]
+                      }
+                    }))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("label", { style: n, children: [
+                /* @__PURE__ */ t("span", { style: r, children: "Z (1)" }),
+                /* @__PURE__ */ t(
+                  c,
+                  {
+                    value: i.textLabel.scale[2],
+                    step: 1,
+                    onChange: (l) => o((e) => ({
+                      ...e,
+                      textLabel: {
+                        ...e.textLabel,
+                        scale: [
+                          e.textLabel.scale[0],
+                          e.textLabel.scale[1],
+                          l
+                        ]
+                      }
+                    }))
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          i.textLabel.enabled
+        )
+      ] }) })
+    ] }) : /* @__PURE__ */ t(
+      "div",
+      {
+        role: "button",
+        tabIndex: 0,
+        onClick: () => s(!0),
+        onKeyDown: (l) => {
+          (l.key === "Enter" || l.key === " ") && (l.preventDefault(), s(!0));
+        },
+        style: te,
+        title: "Open Default Setting",
+        "aria-label": "Open Default Setting",
+        children: /* @__PURE__ */ t("span", { style: le, children: /* @__PURE__ */ t(Y, { size: 14, strokeWidth: 1.8 }) })
+      }
+    ) }),
+    document.body
+  );
+};
+export {
+  we as DefaultSettingPanel
+};