@blocklet/pages-kit-inner-components 0.4.157 → 0.4.158

package/lib/es/chunks/{state-BcZbsEn6.js → state-bs1ORWYm.js}

@@ -68,11 +68,11 @@ function Ye({
   children: a,
   waitingSynced: f
 }) {
-  const [I, w] = E(!1), { locale: h } = Z(), S = V(), e = `${S}:MakerLocalState`, o = `${S}:${t}`, [s, r] = ne(e, {
+  const [I, w] = E(!1), { locale: h } = Z(), S = V(), e = `${S}:MakerLocalState`, o = `${S}:${t}`, [r, s] = ne(e, {
     defaultValue: {},
     listenStorageChange: !0
-  }), c = ce(s);
-  c.current = s;
+  }), c = ce(r);
+  c.current = r;
   const i = v(
     () => H({
       dataSourceIds: [],
@@ -103,19 +103,19 @@ function Ye({
       { doc: d }
     ),
     [d]
-  ), [j, x] = E(null), [R, $] = E(!1), [T, _] = E(void 0), G = k(async () => {
+  ), [j, x] = E(null), [R, T] = E(!1), [$, _] = E(void 0), M = k(async () => {
     if (S) {
-      $(!0);
+      T(!0);
       try {
         const l = await Ie(S);
         x(l);
       } catch (l) {
         console.error("Failed to fetch project:", l);
       } finally {
-        $(!1);
+        T(!1);
       }
     }
-  }, [S]), M = k(
+  }, [S]), G = k(
     async (l, u) => {
       var P;
       if (_(void 0), !!S) {
@@ -136,39 +136,39 @@ function Ye({
     [S, j]
   );
   O(() => {
-    S && G();
-  }, [S, G]);
+    S && M();
+  }, [S, M]);
   const W = v(
     () => ({
       doc: d,
       state: i,
       localState: {
-        ...s,
+        ...r,
         // always use the locale from the context
         currentLocale: h
       },
-      setLocalState: (l) => r(typeof l == "function" ? (u) => l(u ?? {}) : l),
+      setLocalState: (l) => s(typeof l == "function" ? (u) => l(u ?? {}) : l),
       undoManager: y,
       projectState: {
         project: j,
         isLoadingProject: R,
-        error: T
+        error: $
       },
-      updateProject: M,
+      updateProject: G,
       forceSync: g
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       d,
       i,
-      JSON.stringify(s),
+      JSON.stringify(r),
       // resolve the problem of react warning
-      r,
+      s,
       y,
       j,
       R,
-      M,
-      T,
+      G,
+      $,
       h,
       g
     ]
@@ -179,19 +179,19 @@ function Ye({
       l.meta.set("localState", { currentPageId: u, currentLocale: P, pages: m });
     }), y.on("stack-item-popped", ({ stackItem: l }) => {
       const u = l.meta.get("localState");
-      u && r((P) => ({ ...P, ...u }));
+      u && s((P) => ({ ...P, ...u }));
     });
-  }, [y, r]), O(() => {
-    p.awareness.setLocalState(s);
-  }, [p, s]), O(() => {
+  }, [y, s]), O(() => {
+    p.awareness.setLocalState(r);
+  }, [p, r]), O(() => {
     p.once("synced", () => w(!0));
     const l = () => {
-      r((m) => ({
+      s((m) => ({
         ...m,
         networkStatus: void 0
       }));
     }, u = () => {
-      r((m) => ({
+      s((m) => ({
         ...m,
         networkStatus: "offline"
       }));
@@ -201,7 +201,7 @@ function Ye({
     return p.on("status", P), window.addEventListener("online", l), window.addEventListener("offline", u), () => {
       p.off("status", P), window.removeEventListener("online", l), window.removeEventListener("offline", u);
     };
-  }, [p, r]), f && !I ? null : /* @__PURE__ */ L(B.Provider, { value: W, children: a });
+  }, [p, s]), f && !I ? null : /* @__PURE__ */ L(B.Provider, { value: W, children: a });
 }
 const ve = () => {
   const n = ie(B);
@@ -210,8 +210,8 @@ const ve = () => {
   const t = te(n.state), { setLocalState: a, localState: f } = n, I = de(), w = V(), h = v(
     () => ({
       setCurrentSectionId: (e, o) => {
-        var s, r;
-        e === f.currentPageId && o === ((r = (s = f.pages) == null ? void 0 : s[e]) == null ? void 0 : r.currentSectionId) || (I(b("/admin/maker", w ?? "", "pages", e)), a(
+        var r, s;
+        e === f.currentPageId && o === ((s = (r = f.pages) == null ? void 0 : r[e]) == null ? void 0 : s.currentSectionId) || (I(b("/admin/maker", w ?? "", "pages", e)), a(
           (c) => C(c, (i) => {
             var d;
             i.currentPageId = e, i.currentComponentId = void 0, i.customComponentPreviewerProperties = {}, o !== void 0 && (i.pages ?? (i.pages = {}), (d = i.pages)[e] ?? (d[e] = {}), i.pages[e].currentSectionId = o ?? void 0), o ? window.sessionStorage.setItem("iframe_show_id", `"${o}"`) : window.sessionStorage.removeItem("iframe_show_id");
@@ -220,40 +220,40 @@ const ve = () => {
       },
       setCurrentComponentId: (e) => {
         e !== f.currentComponentId && (I(b("/admin/maker", w ?? "", "components", e)), a(
-          (o) => C(o, (s) => {
-            s.currentComponentId = e, s.customComponentPreviewerProperties = {};
+          (o) => C(o, (r) => {
+            r.currentPageId = void 0, r.currentComponentId = e, r.customComponentPreviewerProperties = {};
           })
         ));
       },
       setCurrentRouteId: ({ routeId: e, dynamicParams: o }) => {
         a(
-          (s) => C(s, (r) => {
-            r.currentRouteId = e, r.currentDynamicParams = o;
+          (r) => C(r, (s) => {
+            s.currentRouteId = e, s.currentDynamicParams = o;
           })
         );
       },
       setCustomComponentPreviewerProperties: (() => {
         const e = {}, o = N(() => {
           a(
-            (s) => C(s, (r) => {
-              r.customComponentPreviewerProperties = {
-                ...r == null ? void 0 : r.customComponentPreviewerProperties,
+            (r) => C(r, (s) => {
+              s.customComponentPreviewerProperties = {
+                ...s == null ? void 0 : s.customComponentPreviewerProperties,
                 ...e
               }, Object.keys(e).forEach((c) => delete e[c]);
             })
           );
         }, 5);
-        return (s) => {
-          Object.assign(e, s), o();
+        return (r) => {
+          Object.assign(e, r), o();
         };
       })(),
       setRouteGenerateProcess: (e) => {
         a(
-          (o) => C(o, (s) => {
-            e ? s.routeGenerateProcess = {
-              ...s.routeGenerateProcess,
+          (o) => C(o, (r) => {
+            e ? r.routeGenerateProcess = {
+              ...r.routeGenerateProcess,
               ...e
-            } : s.routeGenerateProcess = {};
+            } : r.routeGenerateProcess = {};
           })
         );
       },
@@ -265,6 +265,13 @@ const ve = () => {
             };
           })
         );
+      },
+      setCurrentThemeMode: (e) => {
+        a(
+          (o) => C(o, (r) => {
+            r.currentThemeMode = e;
+          })
+        );
       }
     }),
     [a, I, w]
@@ -272,13 +279,13 @@ const ve = () => {
     () => ({
       addPage: (e, o) => {
         var c, i, d, p, g, y;
-        const s = (e == null ? void 0 : e.id) ?? A(), r = {
+        const r = (e == null ? void 0 : e.id) ?? A(), s = {
           ...e,
-          id: s,
+          id: r,
           createdAt: (e == null ? void 0 : e.createdAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
           updatedAt: (e == null ? void 0 : e.updatedAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
           publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
-          slug: (e == null ? void 0 : e.slug) ?? `/${s}`,
+          slug: (e == null ? void 0 : e.slug) ?? `/${r}`,
           sections: (e == null ? void 0 : e.sections) ?? {},
           sectionIds: (e == null ? void 0 : e.sectionIds) ?? [],
           isPublic: (e == null ? void 0 : e.isPublic) ?? !0,
@@ -292,17 +299,17 @@ const ve = () => {
           }
         };
         return n.doc.transact(() => {
-          t.pages[r.id] = r, t.pageIds.splice(o ?? t.pageIds.length, 0, r.id);
-        }), r;
+          t.pages[s.id] = s, t.pageIds.splice(o ?? t.pageIds.length, 0, s.id);
+        }), s;
       },
       addRoute: (e, o) => {
-        const s = (e == null ? void 0 : e.id) ?? A(), r = {
+        const r = (e == null ? void 0 : e.id) ?? A(), s = {
           ...e,
-          id: s,
+          id: r,
           createdAt: (e == null ? void 0 : e.createdAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
           updatedAt: (e == null ? void 0 : e.updatedAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
           publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
-          path: (e == null ? void 0 : e.path) ?? `/${s}`,
+          path: (e == null ? void 0 : e.path) ?? `/${r}`,
           handler: (e == null ? void 0 : e.handler) ?? "Pages Kit",
           isPublic: (e == null ? void 0 : e.isPublic) ?? !0,
           params: (e == null ? void 0 : e.params) ?? [],
@@ -311,17 +318,17 @@ const ve = () => {
           dataSource: (e == null ? void 0 : e.dataSource) ?? {}
         };
         return n.doc.transact(() => {
-          t.routes ?? (t.routes = {}), t.routeIds ?? (t.routeIds = []), t.routes[r.id] = r, t.routeIds.splice(o ?? t.routeIds.length, 0, r.id);
-        }), r;
+          t.routes ?? (t.routes = {}), t.routeIds ?? (t.routeIds = []), t.routes[s.id] = s, t.routeIds.splice(o ?? t.routeIds.length, 0, s.id);
+        }), s;
       },
       deleteRoute: (e) => {
-        var s;
+        var r;
         if (!e)
           return;
-        const o = (s = t.routeIds) == null ? void 0 : s.indexOf(e);
+        const o = (r = t.routeIds) == null ? void 0 : r.indexOf(e);
         o !== void 0 && o !== -1 && n.doc.transact(() => {
-          var r, c;
-          (r = t.routeIds) == null || r.splice(o, 1), (c = t.routes) == null || delete c[e];
+          var s, c;
+          (s = t.routeIds) == null || s.splice(o, 1), (c = t.routes) == null || delete c[e];
         });
       },
       deletePage: (e) => {
@@ -331,12 +338,12 @@ const ve = () => {
         });
       },
       movePage: (e, o) => {
-        const { pageIds: s } = t, r = s.indexOf(e);
-        r >= 0 && s.splice(o, 0, ...s.splice(r, 1));
+        const { pageIds: r } = t, s = r.indexOf(e);
+        s >= 0 && r.splice(o, 0, ...r.splice(s, 1));
       },
-      addSection: (e, o, s) => {
-        const r = t.pages[e];
-        if (!r)
+      addSection: (e, o, r) => {
+        const s = t.pages[e];
+        if (!s)
           throw new Error(`Page ${e} is not exists`);
         const c = {
           ...o,
@@ -345,40 +352,40 @@ const ve = () => {
           llmConfig: o.llmConfig ?? {}
         };
         return n.doc.transact(() => {
-          r.sections[c.id] = c, r.sectionIds.splice(s ?? r.sectionIds.length, 0, c.id);
+          s.sections[c.id] = c, s.sectionIds.splice(r ?? s.sectionIds.length, 0, c.id);
         }), c;
       },
       deleteSection: (e, o) => {
-        const s = t.pages[e];
-        if (!s)
+        const r = t.pages[e];
+        if (!r)
           throw new Error(`Page ${e} is not exists`);
-        const r = s.sectionIds.indexOf(o);
-        r !== -1 && n.doc.transact(() => {
-          s.sectionIds.splice(r, 1), delete s.sections[o];
+        const s = r.sectionIds.indexOf(o);
+        s !== -1 && n.doc.transact(() => {
+          r.sectionIds.splice(s, 1), delete r.sections[o];
         });
       },
-      toggleSectionVisibility: (e, o, s) => {
-        const r = t.pages[e];
-        if (!r)
+      toggleSectionVisibility: (e, o, r) => {
+        const s = t.pages[e];
+        if (!s)
           throw new Error(`Page ${e} is not exists`);
-        const c = r.sections[o];
-        c && (c.visibility = s);
+        const c = s.sections[o];
+        c && (c.visibility = r);
       },
-      moveSection: (e, o, s) => {
-        const r = t.pages[e];
-        if (!r)
+      moveSection: (e, o, r) => {
+        const s = t.pages[e];
+        if (!s)
           throw new Error(`Page ${e} is not exists`);
-        const { sectionIds: c } = r, i = c.indexOf(o);
-        i >= 0 && c.splice(s, 0, ...c.splice(i, 1));
+        const { sectionIds: c } = s, i = c.indexOf(o);
+        i >= 0 && c.splice(r, 0, ...c.splice(i, 1));
       },
       addDataSource: (e) => {
-        const o = e.id ?? A(), s = {
+        const o = e.id ?? A(), r = {
           ...e ?? {},
           id: o,
           createdAt: (/* @__PURE__ */ new Date()).toISOString()
         };
         return n.doc.transact(() => {
-          t.dataSourceIds ?? (t.dataSourceIds = []), t.dataSources ?? (t.dataSources = {}), t.dataSourceIds.push(o), t.dataSources[o] = s;
+          t.dataSourceIds ?? (t.dataSourceIds = []), t.dataSources ?? (t.dataSources = {}), t.dataSourceIds.push(o), t.dataSources[o] = r;
         }), t.dataSources[o];
       },
       deleteDataSource: (e) => {
@@ -402,15 +409,15 @@ const ve = () => {
       return e ? t.pages[e] : void 0;
     },
     get currentSection() {
-      var r, c, i;
+      var s, c, i;
       const {
         localState: { currentPageId: e, ...o }
       } = n;
       if (!e)
         return;
-      const s = (c = (r = o.pages) == null ? void 0 : r[e]) == null ? void 0 : c.currentSectionId;
-      if (s)
-        return (i = t.pages[e]) == null ? void 0 : i.sections[s];
+      const r = (c = (s = o.pages) == null ? void 0 : s[e]) == null ? void 0 : c.currentSectionId;
+      if (r)
+        return (i = t.pages[e]) == null ? void 0 : i.sections[r];
     },
     get currentRoute() {
       var o;

package/lib/es/home.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import "./chunks/state-BcZbsEn6.js";
+import "./chunks/state-bs1ORWYm.js";
 import "@arcblock/ux/lib/Locale/context";
 import "@arcblock/ux/lib/Result";
 import "@blocklet/pages-kit/builtin/page/header";
@@ -21,8 +21,8 @@ import "react-helmet";
 import "react-router-dom";
 import "react-use";
 import "ufo";
-import "./chunks/array-DudMqbtU.js";
-import { a as D, P as R, d as S, c as W, b as j, T as k, H as q } from "./chunks/home-Bqe3w7ou.js";
+import "./chunks/array-MChdTfwz.js";
+import { a as D, P as R, d as S, c as W, b as j, T as k, H as q } from "./chunks/home-DLCpie9E.js";
 export {
   D as HomeView,
   R as PageRoutes,

package/lib/es/locales.js

@@ -103,6 +103,10 @@ const t = e({
     configColor: "Config color",
     configColorMuiTheme: "Theme Color",
     configColorCustomColor: "Custom Color",
+    configColorMuiThemeInfo: "Use theme color, it will automatically adapt to the theme color and dark mode",
+    configColorMuiThemeWithAlternateColor: " (includes light and dark modes)",
+    configColorLightMode: "Light Mode",
+    configColorDarkMode: "Dark Mode",
     import: "Import",
     importDialog: {
       upload: {
@@ -584,6 +588,10 @@ const t = e({
     configColor: "设置颜色",
     configColorMuiTheme: "主题色",
     configColorCustomColor: "自定义颜色",
+    configColorMuiThemeInfo: "使用主题色会自动适应主题配色及亮暗模式",
+    configColorMuiThemeWithAlternateColor: " (包含亮/暗两种模式)",
+    configColorLightMode: "亮色模式",
+    configColorDarkMode: "暗黑模式",
     import: "导入",
     importDialog: {
       upload: {

package/lib/es/setting.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as O, Fragment as X } from "react/jsx-runtime";
-import { t as ye, g as Te, b as ce, E as ot, n as Ke, f as ve } from "./chunks/state-BcZbsEn6.js";
+import { t as ye, g as Te, b as ce, E as ot, n as Ke, f as ve } from "./chunks/state-bs1ORWYm.js";
 import de from "@arcblock/ux/lib/Empty";
 import { useLocaleContext as C } from "@arcblock/ux/lib/Locale/context";
 import { CodeEditor as xe } from "@blocklet/code-editor";
@@ -7,12 +7,12 @@ import nt from "@mui/icons-material/AddRounded";
 import st from "@mui/icons-material/ArrowDownward";
 import ct from "@mui/icons-material/ArrowUpward";
 import dt from "@mui/icons-material/DeleteOutline";
-import { Typography as M, TextField as V, Stack as R, FormLabel as ie, Box as j, TableContainer as at, Paper as Z, Table as Be, TableHead as Fe, TableRow as le, TableCell as oe, TableBody as Je, Button as E, IconButton as ae, InputAdornment as ge, alpha as ue, Tooltip as G, buttonClasses as ut, Dialog as Me, Autocomplete as $e, FormControlLabel as pt, Switch as mt, MenuItem as pe, DialogTitle as ft, DialogContent as ht, DialogActions as bt, Collapse as yt, Divider as vt, Popper as xt } from "@mui/material";
+import { Typography as B, TextField as V, Stack as R, FormLabel as ie, Box as j, TableContainer as at, Paper as Z, Table as Be, TableHead as Fe, TableRow as le, TableCell as oe, TableBody as Je, Button as E, IconButton as ae, InputAdornment as ge, alpha as ue, Tooltip as G, buttonClasses as ut, Dialog as Me, Autocomplete as $e, FormControlLabel as pt, Switch as mt, MenuItem as pe, DialogTitle as ft, DialogContent as ht, DialogActions as bt, Collapse as yt, Divider as vt, Popper as xt } from "@mui/material";
 import A from "lodash/sortBy";
-import { useCallback as D, useMemo as ne, useRef as F, useId as gt, useEffect as $, useState as Q } from "react";
+import { useCallback as D, useMemo as ne, useRef as J, useId as gt, useEffect as $, useState as Q } from "react";
 import { useUpdate as _e } from "react-use";
 import { ColorItem as Pt, ConfigColorDialog as wt } from "@blocklet/pages-kit/builtin/color-picker";
-import { C as kt } from "./chunks/config-string-CNgatAMw.js";
+import { C as kt } from "./chunks/config-string-ivAnKlqs.js";
 import Pe from "lodash/isEmpty";
 import He from "lodash/set";
 import * as me from "yaml";
@@ -137,7 +137,7 @@ function rr({
       width: 40,
       align: "center",
       renderCell: ({ index: p }) => /* @__PURE__ */ t(
-        M,
+        B,
         {
           variant: "body1",
           sx: {
@@ -305,7 +305,7 @@ function ir({
   onChange: r,
   ...i
 }) {
-  const l = F(null);
+  const l = J(null);
   return /* @__PURE__ */ O(X, { children: [
     /* @__PURE__ */ t(
       kt,
@@ -350,7 +350,7 @@ function lr({
   PropertyValueField: x,
   onUpload: g
 }) {
-  const { locale: b } = C(), k = F(null);
+  const { locale: b } = C(), k = J(null);
   if (!Pe(l.subProperties)) {
     const o = A(Object.values(l.subProperties || {}), "index").filter(
       (n) => n.data.visible !== !1 && n.data.key
@@ -548,7 +548,7 @@ function tt({
   renderItem: i,
   ...l
 }) {
-  const u = F(null), y = gt(), a = Wt(), x = A(Object.entries(r), (n) => n[1].index).map((n) => n[0]), g = F(x), b = D(
+  const u = J(null), y = gt(), a = Wt(), x = A(Object.entries(r), (n) => n[1].index).map((n) => n[0]), g = J(x), b = D(
     (n) => {
       g.current = n, a();
     },
@@ -610,7 +610,7 @@ function nr({
   itemIndex: y,
   move: a
 }) {
-  const x = F(), [{ isDragging: g }, b, k] = Xt({
+  const x = J(), [{ isDragging: g }, b, k] = Xt({
     type: l,
     item: () => ({ id: r }),
     canDrag: () => !e,
@@ -824,7 +824,7 @@ function ar({ value: e }) {
       }
     }),
     /* @__PURE__ */ O(R, { gap: 2, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ t(M, { variant: "subtitle1", children: r("renderer") }),
+      /* @__PURE__ */ t(B, { variant: "subtitle1", children: r("renderer") }),
       /* @__PURE__ */ O(V, {
         hiddenLabel: !0,
         size: "small",
@@ -869,7 +869,7 @@ function ar({ value: e }) {
 function ur({ config: e }) {
   const { t: r } = C();
   return /* @__PURE__ */ t(we, { children: /* @__PURE__ */ O(R, { gap: 2, children: [
-    /* @__PURE__ */ t(M, { variant: "subtitle1", children: r("basicInfo") }),
+    /* @__PURE__ */ t(B, { variant: "subtitle1", children: r("basicInfo") }),
     /* @__PURE__ */ t(V, {
       label: r("name"),
       size: "small",
@@ -904,7 +904,7 @@ function ur({ config: e }) {
 }
 function rt({ data: e, params: r, visible: i, config: l, currentLocale: u, defaultLocale: y, allComponents: a, onUpdateConfig: x }) {
   var k, v, o, n, s, d;
-  const { t: g } = C(), b = ne(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? br : J, [e.type]);
+  const { t: g } = C(), b = ne(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? br : M, [e.type]);
   return /* @__PURE__ */ t(sr, {
     preview: r.preview,
     drop: r.drop,
@@ -1049,7 +1049,7 @@ function mr({ config: e, currentLocale: r, defaultLocale: i, allComponents: l, o
   const { t: a } = C(), x = ke({ variant: "dialog" }), g = e.properties && A(Object.values(e.properties), "index");
   return /* @__PURE__ */ t(we, { children: /* @__PURE__ */ O(R, { gap: 2, children: [
     /* @__PURE__ */ O(R, { direction: "row", gap: 1, alignItems: "center", justifyContent: "space-between", children: [
-      /* @__PURE__ */ t(M, { variant: "subtitle1", children: a("properties") }),
+      /* @__PURE__ */ t(B, { variant: "subtitle1", children: a("properties") }),
       /* @__PURE__ */ t(j, { flex: 1 }),
       y && /* @__PURE__ */ t(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Ie(x), children: /* @__PURE__ */ t(Le, { fontSize: "small" }) })
     ] }),
@@ -1154,10 +1154,10 @@ function it({ type: e = "properties", component: r, ...i }) {
   return /* @__PURE__ */ O(Me, { ...i, fullWidth: !0, maxWidth: "lg", children: [
     /* @__PURE__ */ t(ft, { children: l("i18nEditorTitle") }),
     /* @__PURE__ */ t(ht, { children: b && /* @__PURE__ */ t(R, { children: /* @__PURE__ */ O(Be, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
-      /* @__PURE__ */ t(Fe, { children: /* @__PURE__ */ t(le, { children: y.map(({ locale: s, name: d }) => /* @__PURE__ */ O(oe, { children: [
+      /* @__PURE__ */ t(Fe, { children: /* @__PURE__ */ t(le, { children: y.map(({ locale: s, name: d }) => /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ O(B, { color: "text.primary", children: [
         d,
-        a === s && /* @__PURE__ */ t(Ut, { sx: { fontSize: 12, color: "text.secondary" } })
-      ] }, s)) }) }),
+        a === s && /* @__PURE__ */ t(Ut, { sx: { fontSize: 12 } })
+      ] }) }, s)) }) }),
       /* @__PURE__ */ t(Je, { children: A(Object.values(b), "index").map(({ data: s }) => /* @__PURE__ */ t(le, { children: y.map(({ locale: d }) => {
         var m, w, c, h, f, P, S, p, I, z, N, T, U, W, te, _, H, Y, q, L, Oe, je, Re, ze, Ne, Ve;
         return /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ t(R, { gap: 1, children: e === "properties" ? /* @__PURE__ */ O(X, { children: [
@@ -1165,9 +1165,9 @@ function it({ type: e = "properties", component: r, ...i }) {
             size: "small",
             label: "Key",
             value: s.key || "",
-            onChange: (B) => {
+            onChange: (F) => {
               g.transact(() => {
-                s.key = B.target.value.trim();
+                s.key = F.target.value.trim();
               });
             }
           }),
@@ -1175,14 +1175,14 @@ function it({ type: e = "properties", component: r, ...i }) {
             size: "small",
             label: l("label"),
             value: (((w = (m = s.locales) == null ? void 0 : m[d]) == null ? void 0 : w.name) ?? ((h = (c = s.locales) == null ? void 0 : c[a]) == null ? void 0 : h.name)) || "",
-            onChange: (B) => {
+            onChange: (F) => {
               g.transact(() => {
                 var K;
-                s.locales ?? (s.locales = {}), (K = s.locales)[d] ?? (K[d] = {}), s.locales[d].name = B.target.value;
+                s.locales ?? (s.locales = {}), (K = s.locales)[d] ?? (K[d] = {}), s.locales[d].name = F.target.value;
               });
             }
           }),
-          /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(J, {
+          /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(M, {
             allComponents: x,
             defaultLocale: a,
             component: r,
@@ -1192,14 +1192,14 @@ function it({ type: e = "properties", component: r, ...i }) {
             label: "Default Value",
             valueImmutable: se((P = (f = s.locales) == null ? void 0 : f[d]) == null ? void 0 : P.defaultValue),
             value: ((p = (S = s.locales) == null ? void 0 : S[d]) == null ? void 0 : p.defaultValue) ?? ((z = (I = s.locales) == null ? void 0 : I[a]) == null ? void 0 : z.defaultValue),
-            onChange: (B) => {
+            onChange: (F) => {
               g.transact(() => {
                 var K;
-                s.locales ?? (s.locales = {}), (K = s.locales)[d] ?? (K[d] = {}), s.locales[d].defaultValue = B;
+                s.locales ?? (s.locales = {}), (K = s.locales)[d] ?? (K[d] = {}), s.locales[d].defaultValue = F;
               });
             }
           }) })
-        ] }) : e === "parameters" && k ? /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(J, {
+        ] }) : e === "parameters" && k ? /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(M, {
           allComponents: x,
           defaultLocale: a,
           component: r,
@@ -1208,10 +1208,10 @@ function it({ type: e = "properties", component: r, ...i }) {
           fullWidth: !0,
           valueImmutable: se((W = (U = (T = (N = k.renderer.properties) == null ? void 0 : N[s.id]) == null ? void 0 : T.locales) == null ? void 0 : U[d]) == null ? void 0 : W.value),
           value: ((Y = (H = (_ = (te = k.renderer.properties) == null ? void 0 : te[s.id]) == null ? void 0 : _.locales) == null ? void 0 : H[d]) == null ? void 0 : Y.value) ?? ((je = (Oe = (L = (q = k.renderer.properties) == null ? void 0 : q[s.id]) == null ? void 0 : L.locales) == null ? void 0 : Oe[a]) == null ? void 0 : je.value) ?? ((ze = (Re = s.locales) == null ? void 0 : Re[d]) == null ? void 0 : ze.defaultValue) ?? ((Ve = (Ne = s.locales) == null ? void 0 : Ne[a]) == null ? void 0 : Ve.defaultValue),
-          onChange: (B) => {
+          onChange: (F) => {
             g.transact(() => {
               var K, Ce, De, Ee, Ae;
-              (K = k.renderer).properties ?? (K.properties = {}), (Ce = k.renderer.properties)[De = s.id] ?? (Ce[De] = {}), (Ee = k.renderer.properties[s.id]).locales ?? (Ee.locales = {}), (Ae = k.renderer.properties[s.id].locales)[d] ?? (Ae[d] = {}), k.renderer.properties[s.id].locales[d].value = B;
+              (K = k.renderer).properties ?? (K.properties = {}), (Ce = k.renderer.properties)[De = s.id] ?? (Ce[De] = {}), (Ee = k.renderer.properties[s.id]).locales ?? (Ee.locales = {}), (Ae = k.renderer.properties[s.id].locales)[d] ?? (Ae[d] = {}), k.renderer.properties[s.id].locales[d].value = F;
             });
           }
         }) }) : null }, s.id) }, d);
@@ -1243,7 +1243,7 @@ const We = (e, r) => (i) => {
   };
 };
 function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
-  const { t: u, locale: y } = C(), a = F(null), x = pr(a, e), g = D(() => {
+  const { t: u, locale: y } = C(), a = J(null), x = pr(a, e), g = D(() => {
     if (!(e.type !== "json" && e.type !== "yaml" && e.type !== "array") && e.subProperties)
       try {
         let b = {};
@@ -1271,7 +1271,7 @@ function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
       }
   }, [e, y, i, r]);
   return e.type !== "json" && e.type !== "yaml" && e.type !== "array" ? null : /* @__PURE__ */ O(R, { direction: "column", gap: 1.5, sx: { width: "100%" }, ref: a, children: [
-    /* @__PURE__ */ t(vt, { sx: { mt: -1 }, children: /* @__PURE__ */ t(M, { variant: "caption", color: "text.secondary", children: u("maker.properties.subProperties") }) }),
+    /* @__PURE__ */ t(vt, { sx: { mt: -1 }, children: /* @__PURE__ */ t(B, { variant: "caption", color: "text.secondary", children: u("maker.properties.subProperties") }) }),
     e.subProperties && Object.keys(e.subProperties).length > 0 ? /* @__PURE__ */ t(tt, {
       component: R,
       gap: 2,
@@ -1359,9 +1359,9 @@ function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
     })
   ] });
 }
-function J({ component: e, property: r, value: i, onChange: l, valueImmutable: u, defaultLocale: y, allComponents: a, ...x }) {
+function M({ component: e, property: r, value: i, onChange: l, valueImmutable: u, defaultLocale: y, allComponents: a, ...x }) {
   var n, s, d, m, w;
-  const { locale: g } = C(), b = It(), k = F(null), v = () => {
+  const { locale: g } = C(), b = It(), k = J(null), v = () => {
     var h;
     const c = (h = b == null ? void 0 : b.current) == null ? void 0 : h.getUploader();
     c == null || c.open(), k.current && c.onceUploadSuccess(({ response: f }) => {
@@ -1422,7 +1422,7 @@ function J({ component: e, property: r, value: i, onChange: l, valueImmutable: u
       component: e,
       defaultLocale: y,
       allComponents: a,
-      PropertyValueField: J,
+      PropertyValueField: M,
       onUpload: (c) => {
         k.current = c, v();
       }
@@ -1501,7 +1501,7 @@ function J({ component: e, property: r, value: i, onChange: l, valueImmutable: u
     value: Array.isArray(i) ? i : [],
     onChange: (c) => l == null ? void 0 : l(c),
     property: r,
-    renderItem: ({ item: c, index: h, onChange: f }) => r.subProperties && Object.keys(r.subProperties).length > 0 ? /* @__PURE__ */ t(R, { gap: 1, width: "100%", children: A(Object.values(r.subProperties), "index").filter((P) => P.data.visible !== !1).map(({ data: P }) => P.key ? /* @__PURE__ */ t(J, {
+    renderItem: ({ item: c, index: h, onChange: f }) => r.subProperties && Object.keys(r.subProperties).length > 0 ? /* @__PURE__ */ t(R, { gap: 1, width: "100%", children: A(Object.values(r.subProperties), "index").filter((P) => P.data.visible !== !1).map(({ data: P }) => P.key ? /* @__PURE__ */ t(M, {
       component: e,
       property: P,
       value: c[P.key],
@@ -1562,12 +1562,12 @@ function Pr({ value: e }) {
     }),
     g && /* @__PURE__ */ O(X, { children: [
       /* @__PURE__ */ O(R, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ t(M, { variant: "subtitle2", children: r("parameters") }),
+        /* @__PURE__ */ t(B, { variant: "subtitle2", children: r("parameters") }),
         /* @__PURE__ */ t(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Ie(b), children: /* @__PURE__ */ t(Le, { fontSize: "small" }) })
       ] }),
       g.properties && A(Object.values(g.properties), "index").map(({ data: n }) => {
         var s, d, m, w, c, h, f, P, S, p, I, z, N, T, U, W;
-        return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(J, {
+        return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(M, {
           allComponents: x,
           defaultLocale: u,
           component: g,
@@ -1647,11 +1647,11 @@ function lt({ config: e, allComponents: r, defaultLocale: i, propertiesValue: l,
     };
   }, [JSON.stringify(g)]), s = o(), d = _t(s, "key");
   return /* @__PURE__ */ t(we, { children: /* @__PURE__ */ O(R, { gap: 2, children: [
-    /* @__PURE__ */ t(M, { variant: "subtitle1", children: x("maker.properties.parameters") }),
+    /* @__PURE__ */ t(B, { variant: "subtitle1", children: x("maker.properties.parameters") }),
     !e || n.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ t(de, { style: { fontSize: 12 }, children: x("maker.properties.noParameters") }) : /* @__PURE__ */ O(X, { children: [
       /* @__PURE__ */ t(R, { gap: 2, children: n.visibleProperties.map(({ data: m }) => {
         var w, c;
-        return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(J, {
+        return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(M, {
           allComponents: r,
           defaultLocale: i,
           size: "small",
@@ -1724,5 +1724,5 @@ export {
   xr as DefaultWebComponentScriptTemplate,
   lt as ParametersConfig,
   mr as PropertiesConfig,
-  J as PropertyValueField
+  M as PropertyValueField
 };