@pdfme/ui 4.0.2-dev.0 → 4.0.2-dev.2

package/dist/index.es.js

@@ -9290,6 +9290,7 @@ z.object({
   "schemas.text.max": z.string(),
   "schemas.text.fit": z.string(),
   "schemas.text.dynamicFontSize": z.string(),
+  "schemas.text.format": z.string(),
   "schemas.barcodes.barColor": z.string(),
   "schemas.barcodes.includetext": z.string(),
   "schemas.table.alternateBackgroundColor": z.string(),
@@ -59752,7 +59753,7 @@ function getMods(a, s) {
     $[_] = a[$[_].toLowerCase()];
   return $;
 }
-function getKeys$2(a) {
+function getKeys$3(a) {
   typeof a != "string" && (a = ""), a = a.replace(/\s/g, "");
   const s = a.split(",");
   let $ = s.lastIndexOf("");
@@ -59941,7 +59942,7 @@ const eachUnbind = (a) => {
     method: _,
     splitKey: _e = "+"
   } = a;
-  getKeys$2(s).forEach((nt) => {
+  getKeys$3(s).forEach((nt) => {
     const at = nt.split(_e), ot = at.length, rt = at[ot - 1], st = rt === "*" ? "*" : code(rt);
     if (!_handlers[st])
       return;
@@ -60000,7 +60001,7 @@ function isElementBind(a) {
 }
 function hotkeys(a, s, $) {
   _downKeys = [];
-  const _ = getKeys$2(a);
+  const _ = getKeys$3(a);
   let _e = [], tt = "all", nt = document, at = 0, ot = !1, rt = !0, st = "+", lt = !1, et = !1;
   for ($ === void 0 && typeof s == "function" && ($ = s), Object.prototype.toString.call(s) === "[object Object]" && (s.scope && (tt = s.scope), s.element && (nt = s.element), s.keyup && (ot = s.keyup), s.keydown !== void 0 && (rt = s.keydown), s.capture !== void 0 && (lt = s.capture), typeof s.splitKey == "string" && (st = s.splitKey), s.single === !0 && (et = !0)), typeof s == "string" && (tt = s), et && unbind(a, tt); at < _.length; at++)
     a = _[at].split(st), _e = [], a.length > 1 && (_e = getMods(_modifier, a)), a = a[a.length - 1], a = a === "*" ? "*" : code(a), a in _handlers || (_handlers[a] = []), _handlers[a].push({
@@ -81654,17 +81655,37 @@ const convertForPdfLayoutProps = ({ schema: a, pageHeight: s, applyRotateTransla
   }
   const It = { x: bt + vt / 2, y: ct - mm2pt(nt.position.y) - At / 2 };
   wt.forEach((yt, Rt) => {
-    const kt = widthOfTextAtSize(yt, lt, it, gt), jt = dt * it * Rt;
-    let Ht = bt;
-    ft === "center" ? Ht += (vt - kt) / 2 : ft === "right" && (Ht += vt - kt);
-    let Ft = ct - mm2pt(nt.position.y) - Ct - jt;
+    const kt = widthOfTextAtSize(yt, lt, it, gt), jt = heightOfFontAtSize(lt, it), Ht = dt * it * Rt;
+    let Ft = bt;
+    ft === "center" ? Ft += (vt - kt) / 2 : ft === "right" && (Ft += vt - kt);
+    let _t = ct - mm2pt(nt.position.y) - Ct - Ht;
+    if (nt.strikethrough && kt > 0) {
+      const Nt = Ft + kt + 1, Mt = _t + jt / 3;
+      _e.drawLine({
+        start: rotatePoint({ x: Ft, y: Mt }, It, xt.angle),
+        end: rotatePoint({ x: Nt, y: Mt }, It, xt.angle),
+        thickness: 1 / 12 * it,
+        color: ut,
+        opacity: St
+      });
+    }
+    if (nt.underline && kt > 0) {
+      const Nt = Ft + kt + 1, Mt = _t - jt / 12;
+      _e.drawLine({
+        start: rotatePoint({ x: Ft, y: Mt }, It, xt.angle),
+        end: rotatePoint({ x: Nt, y: Mt }, It, xt.angle),
+        thickness: 1 / 12 * it,
+        color: ut,
+        opacity: St
+      });
+    }
     if (xt.angle !== 0) {
-      const _t = rotatePoint({ x: Ht, y: Ft }, It, xt.angle);
-      Ht = _t.x, Ft = _t.y;
+      const Nt = rotatePoint({ x: Ft, y: _t }, It, xt.angle);
+      Ft = Nt.x, _t = Nt.y;
     }
     _e.drawText(yt, {
-      x: Ht,
-      y: Ft,
+      x: Ft,
+      y: _t,
       rotate: xt,
       size: it,
       color: ut,
@@ -81673,7 +81694,45 @@ const convertForPdfLayoutProps = ({ schema: a, pageHeight: s, applyRotateTransla
       opacity: St
     });
   });
-}, DEFAULT_OPACITY = 1, HEX_COLOR_PATTERN = "^#(?:[A-Fa-f0-9]{3,4}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$", UseDynamicFontSize = (a) => {
+}, DEFAULT_OPACITY = 1, HEX_COLOR_PATTERN = "^#(?:[A-Fa-f0-9]{3,4}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$", TextStrikethroughIcon = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M6.85 7.08C6.85 4.37 9.45 3 12.24 3c1.64 0 3 .49 3.9 1.28c.77.65 1.46 1.73 1.46 3.24h-3.01c0-.31-.05-.59-.15-.85c-.29-.86-1.2-1.28-2.25-1.28c-1.86 0-2.34 1.02-2.34 1.7c0 .48.25.88.74 1.21c.38.25.77.48 1.41.7H7.39c-.21-.34-.54-.89-.54-1.92zM21 12v-2H3v2h9.62c1.15.45 1.96.75 1.96 1.97c0 1-.81 1.67-2.28 1.67c-1.54 0-2.93-.54-2.93-2.51H6.4c0 .55.08 1.13.24 1.58c.81 2.29 3.29 3.3 5.67 3.3c2.27 0 5.3-.89 5.3-4.05c0-.3-.01-1.16-.48-1.94H21V12z" fill="currentColor"></path></svg>', TextUnderlineIcon = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z" fill="currentColor"></path></svg>', TextAlignLeftIcon = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z" fill="currentColor"></path></svg>', TextAlignCenterIcon = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z" fill="currentColor"></path></svg>', TextAlignRightIcon = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z" fill="currentColor"></path></svg>', TextVerticalAlignTopIcon = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M8 11h3v10h2V11h3l-4-4l-4 4zM4 3v2h16V3H4z" fill="currentColor"></path></svg>', TextVerticalAlignMiddleIcon = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M8 19h3v4h2v-4h3l-4-4l-4 4zm8-14h-3V1h-2v4H8l4 4l4-4zM4 11v2h16v-2H4z" fill="currentColor"></path></svg>', TextVerticalAlignBottomIcon = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M16 13h-3V3h-2v10H8l4 4l4-4zM4 19v2h16v-2H4z" fill="currentColor"></path></svg>';
+var Formatter;
+(function(a) {
+  a.STRIKETHROUGH = "strikethrough", a.UNDERLINE = "underline", a.ALIGNMENT = "alignment", a.VERTICAL_ALIGNMENT = "verticalAlignment";
+})(Formatter || (Formatter = {}));
+function getExtraFormatterSchema(a) {
+  const s = [
+    { key: Formatter.STRIKETHROUGH, icon: TextStrikethroughIcon, type: "boolean" },
+    { key: Formatter.UNDERLINE, icon: TextUnderlineIcon, type: "boolean" },
+    { key: Formatter.ALIGNMENT, icon: TextAlignLeftIcon, type: "select", value: DEFAULT_ALIGNMENT },
+    { key: Formatter.ALIGNMENT, icon: TextAlignCenterIcon, type: "select", value: ALIGN_CENTER },
+    { key: Formatter.ALIGNMENT, icon: TextAlignRightIcon, type: "select", value: ALIGN_RIGHT },
+    {
+      key: Formatter.VERTICAL_ALIGNMENT,
+      icon: TextVerticalAlignTopIcon,
+      type: "select",
+      value: DEFAULT_VERTICAL_ALIGNMENT
+    },
+    {
+      key: Formatter.VERTICAL_ALIGNMENT,
+      icon: TextVerticalAlignMiddleIcon,
+      type: "select",
+      value: VERTICAL_ALIGN_MIDDLE
+    },
+    {
+      key: Formatter.VERTICAL_ALIGNMENT,
+      icon: TextVerticalAlignBottomIcon,
+      type: "select",
+      value: VERTICAL_ALIGN_BOTTOM
+    }
+  ];
+  return {
+    title: a("schemas.text.format"),
+    widget: "ButtonGroup",
+    buttons: s,
+    span: 16
+  };
+}
+const UseDynamicFontSize = (a) => {
   const { rootElement: s, changeSchemas: $, activeSchema: _, i18n: _e } = a, tt = document.createElement("input");
   tt.type = "checkbox", tt.checked = !!(_ != null && _.dynamicFontSize), tt.onchange = (at) => {
     const ot = at.target.checked ? {
@@ -81712,32 +81771,7 @@ const convertForPdfLayoutProps = ({ schema: a, pageHeight: s, applyRotateTransla
         span: 6,
         props: { min: 0 }
       },
-      alignment: {
-        title: $("schemas.text.textAlign"),
-        type: "string",
-        widget: "select",
-        props: {
-          options: [
-            { label: $("schemas.left"), value: DEFAULT_ALIGNMENT },
-            { label: $("schemas.center"), value: ALIGN_CENTER },
-            { label: $("schemas.right"), value: ALIGN_RIGHT }
-          ]
-        },
-        span: 8
-      },
-      verticalAlignment: {
-        title: $("schemas.text.verticalAlign"),
-        type: "string",
-        widget: "select",
-        props: {
-          options: [
-            { label: $("schemas.top"), value: VERTICAL_ALIGN_TOP },
-            { label: $("schemas.middle"), value: VERTICAL_ALIGN_MIDDLE },
-            { label: $("schemas.bottom"), value: VERTICAL_ALIGN_BOTTOM }
-          ]
-        },
-        span: 8
-      },
+      formatter: getExtraFormatterSchema($),
       lineHeight: {
         title: $("schemas.text.lineHeight"),
         type: "number",
@@ -81823,7 +81857,9 @@ const convertForPdfLayoutProps = ({ schema: a, pageHeight: s, applyRotateTransla
     fontColor: DEFAULT_FONT_COLOR,
     fontName: void 0,
     backgroundColor: "",
-    opacity: DEFAULT_OPACITY
+    opacity: DEFAULT_OPACITY,
+    strikethrough: !1,
+    underline: !1
   }
 }, mapVerticalAlignToFlex = (a) => {
   switch (a) {
@@ -81838,10 +81874,10 @@ const convertForPdfLayoutProps = ({ schema: a, pageHeight: s, applyRotateTransla
 }, getBackgroundColor = (a, s) => !a || !s.backgroundColor ? "transparent" : s.backgroundColor, uiRender = async (a) => {
   const { value: s, schema: $, rootElement: _, mode: _e, onChange: tt, stopEditing: nt, tabIndex: at, placeholder: ot, options: rt, _cache: st } = a, lt = (rt == null ? void 0 : rt.font) || getDefaultFont();
   let et;
-  const it = (At) => ({
+  const it = (xt) => ({
     textSchema: $,
     font: lt,
-    value: At,
+    value: xt,
     startingFontSize: et,
     _cache: st
   });
@@ -81859,7 +81895,9 @@ const convertForPdfLayoutProps = ({ schema: a, pageHeight: s, applyRotateTransla
     cursor: isEditable(_e, $) ? "text" : "default"
   };
   Object.assign(pt.style, mt), _.innerHTML = "", _.appendChild(pt);
-  const ct = {
+  const ct = [];
+  $.strikethrough && ct.push("line-through"), $.underline && ct.push("underline");
+  const vt = {
     // Font formatting styles
     fontFamily: $.fontName ? `'${$.fontName}'` : "inherit",
     color: $.fontColor ? $.fontColor : DEFAULT_FONT_COLOR,
@@ -81875,44 +81913,45 @@ const convertForPdfLayoutProps = ({ schema: a, pageHeight: s, applyRotateTransla
     outline: "none",
     marginBottom: `${gt}px`,
     paddingTop: `${dt}px`,
-    backgroundColor: "transparent"
-  }, vt = document.createElement("div");
-  if (Object.assign(vt.style, ct), isEditable(_e, $)) {
-    if (isFirefox() ? (vt.contentEditable = "true", vt.addEventListener("keydown", (At) => {
-      At.key === "Enter" && !At.shiftKey && (At.preventDefault(), document.execCommand("insertLineBreak", !1, void 0));
-    }), vt.addEventListener("paste", (At) => {
-      var Et;
-      At.preventDefault();
-      const xt = (Et = At.clipboardData) == null ? void 0 : Et.getData("text"), bt = window.getSelection();
-      bt != null && bt.rangeCount && (bt.deleteFromDocument(), bt.getRangeAt(0).insertNode(document.createTextNode(xt || "")), bt.collapseToEnd());
-    })) : vt.contentEditable = "plaintext-only", vt.tabIndex = at || 0, vt.innerText = s, vt.addEventListener("blur", (At) => {
-      tt && tt({ key: "content", value: At.target.innerText }), nt && nt();
-    }), $.dynamicFontSize && vt.addEventListener("keyup", () => {
+    backgroundColor: "transparent",
+    textDecoration: ct.join(" ")
+  }, At = document.createElement("div");
+  if (Object.assign(At.style, vt), isEditable(_e, $)) {
+    if (isFirefox() ? (At.contentEditable = "true", At.addEventListener("keydown", (xt) => {
+      xt.key === "Enter" && !xt.shiftKey && (xt.preventDefault(), document.execCommand("insertLineBreak", !1, void 0));
+    }), At.addEventListener("paste", (xt) => {
+      var St;
+      xt.preventDefault();
+      const bt = (St = xt.clipboardData) == null ? void 0 : St.getData("text"), Et = window.getSelection();
+      Et != null && Et.rangeCount && (Et.deleteFromDocument(), Et.getRangeAt(0).insertNode(document.createTextNode(bt || "")), Et.collapseToEnd());
+    })) : At.contentEditable = "plaintext-only", At.tabIndex = at || 0, At.innerText = s, At.addEventListener("blur", (xt) => {
+      tt && tt({ key: "content", value: xt.target.innerText }), nt && nt();
+    }), $.dynamicFontSize && At.addEventListener("keyup", () => {
       setTimeout(() => {
         (async () => {
-          if (!vt.textContent)
+          if (!At.textContent)
             return;
-          et = await calculateDynamicFontSize(it(vt.textContent)), vt.style.fontSize = `${et}pt`;
-          const { topAdj: At, bottomAdj: xt } = getBrowserVerticalFontAdjustments(ut, et ?? $.fontSize ?? DEFAULT_FONT_SIZE, $.lineHeight ?? DEFAULT_LINE_HEIGHT, $.verticalAlignment ?? DEFAULT_VERTICAL_ALIGNMENT);
-          vt.style.paddingTop = `${At}px`, vt.style.marginBottom = `${xt}px`;
+          et = await calculateDynamicFontSize(it(At.textContent)), At.style.fontSize = `${et}pt`;
+          const { topAdj: xt, bottomAdj: bt } = getBrowserVerticalFontAdjustments(ut, et ?? $.fontSize ?? DEFAULT_FONT_SIZE, $.lineHeight ?? DEFAULT_LINE_HEIGHT, $.verticalAlignment ?? DEFAULT_VERTICAL_ALIGNMENT);
+          At.style.paddingTop = `${xt}px`, At.style.marginBottom = `${bt}px`;
         })();
       }, 0);
     }), ot && !s) {
-      if (vt.innerText = ot, vt.style.color = PLACEHOLDER_FONT_COLOR, $.dynamicFontSize) {
-        const At = await calculateDynamicFontSize(it(ot));
-        vt.style.fontSize = `${At}pt`;
+      if (At.innerText = ot, At.style.color = PLACEHOLDER_FONT_COLOR, $.dynamicFontSize) {
+        const xt = await calculateDynamicFontSize(it(ot));
+        At.style.fontSize = `${xt}pt`;
       }
-      vt.addEventListener("focus", () => {
-        vt.innerText === ot && (vt.innerText = "", vt.style.color = $.fontColor ?? DEFAULT_FONT_COLOR);
+      At.addEventListener("focus", () => {
+        At.innerText === ot && (At.innerText = "", At.style.color = $.fontColor ?? DEFAULT_FONT_COLOR);
       });
     }
-    pt.appendChild(vt), _e === "designer" && setTimeout(() => {
-      vt.focus();
-      const At = window.getSelection(), xt = document.createRange();
-      xt.selectNodeContents(vt), xt.collapse(!1), At == null || At.removeAllRanges(), At == null || At.addRange(xt);
+    pt.appendChild(At), _e === "designer" && setTimeout(() => {
+      At.focus();
+      const xt = window.getSelection(), bt = document.createRange();
+      bt.selectNodeContents(At), bt.collapse(!1), xt == null || xt.removeAllRanges(), xt == null || xt.addRange(bt);
     });
   } else
-    vt.innerHTML = s.split("").map((At, xt) => `<span style="letter-spacing:${String(s).length === xt + 1 ? 0 : "inherit"};">${At}</span>`).join(""), pt.appendChild(vt);
+    At.innerHTML = s.split("").map((xt, bt) => `<span style="letter-spacing:${String(s).length === bt + 1 ? 0 : "inherit"};">${xt}</span>`).join(""), pt.appendChild(At);
 }, textSchema = { pdf: pdfRender, ui: uiRender, propPanel }, text = textSchema;
 textSchema.pdf, textSchema.ui, {
   ...textSchema.propPanel,
@@ -87116,7 +87155,7 @@ var parseStyle = function a(s) {
 function uniqueHash(a, s) {
   return murmur2("".concat(a.join("%")).concat(s));
 }
-function Empty$3() {
+function Empty$4() {
   return null;
 }
 var STYLE_PREFIX = "style";
@@ -87176,7 +87215,7 @@ function useStyleRegister(a, s) {
   return function(St) {
     var Bt;
     if (!ft || ct || !et)
-      Bt = /* @__PURE__ */ reactExports.createElement(Empty$3, null);
+      Bt = /* @__PURE__ */ reactExports.createElement(Empty$4, null);
     else {
       var Ot;
       Bt = /* @__PURE__ */ reactExports.createElement("style", _extends$2({}, (Ot = {}, _defineProperty$c(Ot, ATTR_TOKEN, bt), _defineProperty$c(Ot, ATTR_MARK, Et), Ot), {
@@ -99318,7 +99357,7 @@ function getStatusClassNames(a, s, $) {
     [`${a}-has-feedback`]: $
   });
 }
-const getMergedStatus = (a, s) => s || a, Empty$2 = () => {
+const getMergedStatus = (a, s) => s || a, Empty$3 = () => {
   const [, a] = useToken$1(), $ = new TinyColor(a.colorBgBase).toHsl().l < 0.5 ? {
     opacity: 0.65
   } : {};
@@ -99367,7 +99406,7 @@ const getMergedStatus = (a, s) => s || a, Empty$2 = () => {
   }), /* @__PURE__ */ reactExports.createElement("path", {
     d: "M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
   }))));
-}, DefaultEmptyImg = Empty$2, Simple = () => {
+}, DefaultEmptyImg = Empty$3, Simple = () => {
   const [, a] = useToken$1(), {
     colorFill: s,
     colorFillTertiary: $,
@@ -99483,7 +99522,7 @@ var __rest$X = function(a, s) {
       s.indexOf(_[_e]) < 0 && Object.prototype.propertyIsEnumerable.call(a, _[_e]) && ($[_[_e]] = a[_[_e]]);
   return $;
 };
-const defaultEmptyImg = /* @__PURE__ */ reactExports.createElement(DefaultEmptyImg, null), simpleEmptyImg = /* @__PURE__ */ reactExports.createElement(SimpleEmptyImg, null), Empty = (a) => {
+const defaultEmptyImg = /* @__PURE__ */ reactExports.createElement(DefaultEmptyImg, null), simpleEmptyImg = /* @__PURE__ */ reactExports.createElement(SimpleEmptyImg, null), Empty$1 = (a) => {
   var {
     className: s,
     rootClassName: $,
@@ -99518,9 +99557,9 @@ const defaultEmptyImg = /* @__PURE__ */ reactExports.createElement(DefaultEmptyI
     className: `${it}-footer`
   }, nt)));
 };
-Empty.PRESENTED_IMAGE_DEFAULT = defaultEmptyImg;
-Empty.PRESENTED_IMAGE_SIMPLE = simpleEmptyImg;
-const Empty$1 = Empty, DefaultRenderEmpty = (a) => {
+Empty$1.PRESENTED_IMAGE_DEFAULT = defaultEmptyImg;
+Empty$1.PRESENTED_IMAGE_SIMPLE = simpleEmptyImg;
+const Empty$2 = Empty$1, DefaultRenderEmpty = (a) => {
   const {
     componentName: s
   } = a, {
@@ -99529,20 +99568,20 @@ const Empty$1 = Empty, DefaultRenderEmpty = (a) => {
   switch (s) {
     case "Table":
     case "List":
-      return /* @__PURE__ */ React$a.createElement(Empty$1, {
-        image: Empty$1.PRESENTED_IMAGE_SIMPLE
+      return /* @__PURE__ */ React$a.createElement(Empty$2, {
+        image: Empty$2.PRESENTED_IMAGE_SIMPLE
       });
     case "Select":
     case "TreeSelect":
     case "Cascader":
     case "Transfer":
     case "Mentions":
-      return /* @__PURE__ */ React$a.createElement(Empty$1, {
-        image: Empty$1.PRESENTED_IMAGE_SIMPLE,
+      return /* @__PURE__ */ React$a.createElement(Empty$2, {
+        image: Empty$2.PRESENTED_IMAGE_SIMPLE,
         className: `${_}-small`
       });
     default:
-      return /* @__PURE__ */ React$a.createElement(Empty$1, null);
+      return /* @__PURE__ */ React$a.createElement(Empty$2, null);
   }
 }, DefaultRenderEmpty$1 = DefaultRenderEmpty, genItemStyle = (a) => {
   const {
@@ -119173,10 +119212,10 @@ function getOffset$2(a) {
     top: s.top + (window.pageYOffset || $.scrollTop) - ($.clientTop || document.body.clientTop || 0)
   };
 }
-var COMMON_PROPS = ["crossOrigin", "decoding", "draggable", "loading", "referrerPolicy", "sizes", "srcSet", "useMap", "alt"], PreviewGroupContext = /* @__PURE__ */ reactExports.createContext(null), uid$3 = 0;
+var COMMON_PROPS = ["crossOrigin", "decoding", "draggable", "loading", "referrerPolicy", "sizes", "srcSet", "useMap", "alt"], PreviewGroupContext = /* @__PURE__ */ reactExports.createContext(null), uid$4 = 0;
 function useRegisterImage(a, s) {
   var $ = reactExports.useState(function() {
-    return uid$3 += 1, String(uid$3);
+    return uid$4 += 1, String(uid$4);
   }), _ = _slicedToArray$e($, 1), _e = _[0], tt = reactExports.useContext(PreviewGroupContext), nt = {
     data: s,
     canPreview: a
@@ -129568,8 +129607,8 @@ function FilterDropdown(a) {
   else if (tt.filterDropdown)
     Vt = tt.filterDropdown;
   else {
-    const ar = Ot() || [], Jt = () => (tt.filters || []).length === 0 ? /* @__PURE__ */ reactExports.createElement(Empty$1, {
-      image: Empty$1.PRESENTED_IMAGE_SIMPLE,
+    const ar = Ot() || [], Jt = () => (tt.filters || []).length === 0 ? /* @__PURE__ */ reactExports.createElement(Empty$2, {
+      image: Empty$2.PRESENTED_IMAGE_SIMPLE,
       description: it.filterEmptyText,
       imageStyle: {
         height: 24
@@ -133549,7 +133588,7 @@ function upload(a) {
   };
 }
 var now$1 = +/* @__PURE__ */ new Date(), index$3 = 0;
-function uid$2() {
+function uid$3() {
   return "rc-upload-".concat(now$1, "-").concat(++index$3);
 }
 const attrAccept = function(a, s) {
@@ -133612,7 +133651,7 @@ var traverseFileTree = function a(s, $, _) {
     for (var _e = arguments.length, tt = new Array(_e), nt = 0; nt < _e; nt++)
       tt[nt] = arguments[nt];
     return _ = s.call.apply(s, [this].concat(tt)), _.state = {
-      uid: uid$2()
+      uid: uid$3()
     }, _.reqs = {}, _.fileInput = void 0, _._isMounted = void 0, _.onChange = function(at) {
       var ot = _.props, rt = ot.accept, st = ot.directory, lt = at.target.files, et = _toConsumableArray$d(lt).filter(function(it) {
         return !st || attrAccept(it, rt);
@@ -133645,7 +133684,7 @@ var traverseFileTree = function a(s, $, _) {
         }
     }, _.uploadFiles = function(at) {
       var ot = _toConsumableArray$d(at), rt = ot.map(function(st) {
-        return st.uid = uid$2(), _.processFile(st, ot);
+        return st.uid = uid$3(), _.processFile(st, ot);
       });
       Promise.all(rt).then(function(st) {
         var lt = _.props.onBatchStart;
@@ -133778,7 +133817,7 @@ var traverseFileTree = function a(s, $, _) {
     key: "reset",
     value: function() {
       this.setState({
-        uid: uid$2()
+        uid: uid$3()
       });
     }
   }, {
@@ -135120,6 +135159,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.text.max": "Max",
   "schemas.text.fit": "Fit",
   "schemas.text.dynamicFontSize": "Dynamic Font Size",
+  "schemas.text.format": "Format",
   "schemas.barcodes.barColor": "Bar Color",
   "schemas.barcodes.includetext": "Include Text",
   "schemas.table.alternateBackgroundColor": "Alternate Background Color",
@@ -135177,6 +135217,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.text.max": "最大",
   "schemas.text.fit": "适应",
   "schemas.text.dynamicFontSize": "动态字体大小",
+  "schemas.text.format": "格式",
   "schemas.barcodes.barColor": "条码颜色",
   "schemas.barcodes.includetext": "包括文本",
   "schemas.table.alternateBackgroundColor": "交替背景颜色",
@@ -135234,6 +135275,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.text.max": "最大",
   "schemas.text.fit": "フィット",
   "schemas.text.dynamicFontSize": "動的フォントサイズ",
+  "schemas.text.format": "書式",
   "schemas.barcodes.barColor": "バーの色",
   "schemas.barcodes.includetext": "テキストを含める",
   "schemas.table.alternateBackgroundColor": "交互の背景色",
@@ -135291,6 +135333,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.text.max": "최대",
   "schemas.text.fit": "맞춤",
   "schemas.text.dynamicFontSize": "동적 폰트 크기",
+  "schemas.text.format": "형식",
   "schemas.barcodes.barColor": "바코드 색상",
   "schemas.barcodes.includetext": "텍스트 포함",
   "schemas.table.alternateBackgroundColor": "대체 배경색",
@@ -135348,6 +135391,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.text.max": "الحد الأقصى",
   "schemas.text.fit": "ملاءمة",
   "schemas.text.dynamicFontSize": "حجم الخط الديناميكي",
+  "schemas.text.format": "تنسيق",
   "schemas.barcodes.barColor": "لون الشريط",
   "schemas.barcodes.includetext": "تضمين النص",
   "schemas.table.alternateBackgroundColor": "لون الخلفية البديل",
@@ -135405,6 +135449,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.text.max": "สูงสุด",
   "schemas.text.fit": "พอดี",
   "schemas.text.dynamicFontSize": "ขนาดตัวอักษรแบบไดนามิก",
+  "schemas.text.format": "รูปแบบ",
   "schemas.barcodes.barColor": "สีบาร์",
   "schemas.barcodes.includetext": "รวมข้อความ",
   "schemas.table.alternateBackgroundColor": "สีพื้นหลังสลับกัน",
@@ -135462,6 +135507,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.text.max": "Massimo",
   "schemas.text.fit": "Adatta",
   "schemas.text.dynamicFontSize": "Dimensione font dinamica",
+  "schemas.text.format": "Formato",
   "schemas.barcodes.barColor": "Colore barra",
   "schemas.barcodes.includetext": "Includi testo",
   "schemas.table.alternateBackgroundColor": "Colore di Sfondo Alternato",
@@ -135519,6 +135565,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.text.max": "Maksimum",
   "schemas.text.fit": "Dopasowanie",
   "schemas.text.dynamicFontSize": "Dynamiczny rozmiar czcionki",
+  "schemas.text.format": "Format",
   "schemas.barcodes.barColor": "Kolor paska",
   "schemas.barcodes.includetext": "Dołącz tekst",
   "schemas.table.alternateBackgroundColor": "Alternatywny kolor tła",
@@ -135576,6 +135623,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.text.max": "Max",
   "schemas.text.fit": "Anpassen",
   "schemas.text.dynamicFontSize": "Dynamische Schriftgröße",
+  "schemas.text.format": "Format",
   "schemas.barcodes.barColor": "Strichcodefarbe",
   "schemas.barcodes.includetext": "Text anzeigen",
   "schemas.table.alternateBackgroundColor": "Wechselnde Hintergrundfarbe",
@@ -135633,6 +135681,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.text.max": "Máx",
   "schemas.text.fit": "Ajustar",
   "schemas.text.dynamicFontSize": "Tamaño de fuente dinámico",
+  "schemas.text.format": "Formato",
   "schemas.barcodes.barColor": "Color de la barra",
   "schemas.barcodes.includetext": "Incluir texto",
   "schemas.table.alternateBackgroundColor": "Color de fondo alternativo",
@@ -135657,7 +135706,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   fieldsList: "Liste des champs",
   editField: "Éditer le champ",
   type: "Type",
-  errorOccurred: " Une erreur est survenue",
+  errorOccurred: "Une erreur est survenue",
   errorBulkUpdateFieldName: "Impossible de confirmer le changement car le nombre d'éléments a changé.",
   commitBulkUpdateFieldName: "Confirmer les changements",
   bulkUpdateFieldName: "Modifier les noms de champs en masse",
@@ -135690,6 +135739,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   "schemas.text.max": "Max",
   "schemas.text.fit": "Ajustement",
   "schemas.text.dynamicFontSize": "Taille de police dynamique",
+  "schemas.text.format": "Format",
   "schemas.barcodes.barColor": "Couleur de la barre",
   "schemas.barcodes.includetext": "Inclure le texte",
   "schemas.table.alternateBackgroundColor": "Couleur de fond alternative",
@@ -142209,11 +142259,11 @@ var _ie8DomDefine = !require_descriptors() && !require_fails()(function() {
   if (s && typeof ($ = a.toString) == "function" && !isObject$4(_ = $.call(a)) || typeof ($ = a.valueOf) == "function" && !isObject$4(_ = $.call(a)) || !s && typeof ($ = a.toString) == "function" && !isObject$4(_ = $.call(a)))
     return _;
   throw TypeError("Can't convert object to primitive value");
-}, anObject$1 = _anObject, IE8_DOM_DEFINE$1 = _ie8DomDefine, toPrimitive$3 = _toPrimitive$5, dP$2 = Object.defineProperty;
+}, anObject$3 = _anObject, IE8_DOM_DEFINE$1 = _ie8DomDefine, toPrimitive$3 = _toPrimitive$5, dP$3 = Object.defineProperty;
 _objectDp.f = require_descriptors() ? Object.defineProperty : function a(s, $, _) {
-  if (anObject$1(s), $ = toPrimitive$3($, !0), anObject$1(_), IE8_DOM_DEFINE$1)
+  if (anObject$3(s), $ = toPrimitive$3($, !0), anObject$3(_), IE8_DOM_DEFINE$1)
     try {
-      return dP$2(s, $, _);
+      return dP$3(s, $, _);
     } catch {
     }
   if ("get" in _ || "set" in _)
@@ -142227,14 +142277,14 @@ var _propertyDesc = function(a, s) {
     writable: !(a & 4),
     value: s
   };
-}, dP$1 = _objectDp, createDesc$2 = _propertyDesc, _hide = require_descriptors() ? function(a, s, $) {
-  return dP$1.f(a, s, createDesc$2(1, $));
+}, dP$2 = _objectDp, createDesc$2 = _propertyDesc, _hide = require_descriptors() ? function(a, s, $) {
+  return dP$2.f(a, s, createDesc$2(1, $));
 } : function(a, s, $) {
   return a[s] = $, a;
 }, hasOwnProperty = {}.hasOwnProperty, _has = function(a, s) {
   return hasOwnProperty.call(a, s);
-}, global$4 = _globalExports, core$2 = _coreExports, ctx = _ctx, hide$1 = _hide, has$4 = _has, PROTOTYPE$1 = "prototype", $export$5 = function(a, s, $) {
-  var _ = a & $export$5.F, _e = a & $export$5.G, tt = a & $export$5.S, nt = a & $export$5.P, at = a & $export$5.B, ot = a & $export$5.W, rt = _e ? core$2 : core$2[s] || (core$2[s] = {}), st = rt[PROTOTYPE$1], lt = _e ? global$4 : tt ? global$4[s] : (global$4[s] || {})[PROTOTYPE$1], et, it, ut;
+}, global$4 = _globalExports, core$2 = _coreExports, ctx = _ctx, hide$1 = _hide, has$4 = _has, PROTOTYPE$2 = "prototype", $export$5 = function(a, s, $) {
+  var _ = a & $export$5.F, _e = a & $export$5.G, tt = a & $export$5.S, nt = a & $export$5.P, at = a & $export$5.B, ot = a & $export$5.W, rt = _e ? core$2 : core$2[s] || (core$2[s] = {}), st = rt[PROTOTYPE$2], lt = _e ? global$4 : tt ? global$4[s] : (global$4[s] || {})[PROTOTYPE$2], et, it, ut;
   _e && ($ = s);
   for (et in $)
     it = !_ && lt && lt[et] !== void 0, !(it && has$4(rt, et)) && (ut = it ? lt[et] : $[et], rt[et] = _e && typeof lt[et] != "function" ? $[et] : at && it ? ctx(ut, global$4) : ot && lt[et] == ut ? function(ft) {
@@ -142252,7 +142302,7 @@ var _propertyDesc = function(a, s) {
         }
         return ft.apply(this, arguments);
       };
-      return ht[PROTOTYPE$1] = ft[PROTOTYPE$1], ht;
+      return ht[PROTOTYPE$2] = ft[PROTOTYPE$2], ht;
     }(ut) : nt && typeof ut == "function" ? ctx(Function.call, ut) : ut, nt && ((rt.virtual || (rt.virtual = {}))[et] = ut, a & $export$5.R && st && !st[et] && hide$1(st, et, ut)));
 };
 $export$5.F = 1;
@@ -142346,22 +142396,14 @@ var _shared = { exports: {} }, _library = !0, core$1 = _coreExports, global$3 =
 });
 var _sharedExports = _shared.exports, id$1 = 0, px = Math.random(), _uid = function(a) {
   return "Symbol(".concat(a === void 0 ? "" : a, ")_", (++id$1 + px).toString(36));
-}, _sharedKey, hasRequired_sharedKey;
-function require_sharedKey() {
-  if (hasRequired_sharedKey)
-    return _sharedKey;
-  hasRequired_sharedKey = 1;
-  var a = _sharedExports("keys"), s = _uid;
-  return _sharedKey = function($) {
-    return a[$] || (a[$] = s($));
-  }, _sharedKey;
-}
-var _objectKeysInternal, hasRequired_objectKeysInternal;
+}, shared$1 = _sharedExports("keys"), uid$2 = _uid, _sharedKey = function(a) {
+  return shared$1[a] || (shared$1[a] = uid$2(a));
+}, _objectKeysInternal, hasRequired_objectKeysInternal;
 function require_objectKeysInternal() {
   if (hasRequired_objectKeysInternal)
     return _objectKeysInternal;
   hasRequired_objectKeysInternal = 1;
-  var a = _has, s = _toIobject, $ = require_arrayIncludes()(!1), _ = require_sharedKey()("IE_PROTO");
+  var a = _has, s = _toIobject, $ = require_arrayIncludes()(!1), _ = _sharedKey("IE_PROTO");
   return _objectKeysInternal = function(_e, tt) {
     var nt = s(_e), at = 0, ot = [], rt;
     for (rt in nt)
@@ -142371,16 +142413,12 @@ function require_objectKeysInternal() {
     return ot;
   }, _objectKeysInternal;
 }
-var _enumBugKeys, hasRequired_enumBugKeys;
-function require_enumBugKeys() {
-  return hasRequired_enumBugKeys || (hasRequired_enumBugKeys = 1, _enumBugKeys = "constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")), _enumBugKeys;
-}
-var _objectKeys, hasRequired_objectKeys;
+var _enumBugKeys = "constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(","), _objectKeys, hasRequired_objectKeys;
 function require_objectKeys() {
   if (hasRequired_objectKeys)
     return _objectKeys;
   hasRequired_objectKeys = 1;
-  var a = require_objectKeysInternal(), s = require_enumBugKeys();
+  var a = require_objectKeysInternal(), s = _enumBugKeys;
   return _objectKeys = Object.keys || function(_) {
     return a(_, s);
   }, _objectKeys;
@@ -143092,20 +143130,12 @@ var _default$f = /* @__PURE__ */ function() {
     var _ = String(defined(s)), _e = toInteger($), tt = _.length, nt, at;
     return _e < 0 || _e >= tt ? a ? "" : void 0 : (nt = _.charCodeAt(_e), nt < 55296 || nt > 56319 || _e + 1 === tt || (at = _.charCodeAt(_e + 1)) < 56320 || at > 57343 ? a ? _.charAt(_e) : nt : a ? _.slice(_e, _e + 2) : (nt - 55296 << 10) + (at - 56320) + 65536);
   };
-}, _redefine = _hide, _iterators = {}, _objectDps, hasRequired_objectDps;
-function require_objectDps() {
-  if (hasRequired_objectDps)
-    return _objectDps;
-  hasRequired_objectDps = 1;
-  var a = _objectDp, s = _anObject, $ = require_objectKeys();
-  return _objectDps = require_descriptors() ? Object.defineProperties : function(_e, tt) {
-    s(_e);
-    for (var nt = $(tt), at = nt.length, ot = 0, rt; at > ot; )
-      a.f(_e, rt = nt[ot++], tt[rt]);
-    return _e;
-  }, _objectDps;
-}
-var _html, hasRequired_html;
+}, _redefine = _hide, _iterators = {}, dP$1 = _objectDp, anObject$2 = _anObject, getKeys$2 = require_objectKeys(), _objectDps = require_descriptors() ? Object.defineProperties : function a(s, $) {
+  anObject$2(s);
+  for (var _ = getKeys$2($), _e = _.length, tt = 0, nt; _e > tt; )
+    dP$1.f(s, nt = _[tt++], $[nt]);
+  return s;
+}, _html, hasRequired_html;
 function require_html() {
   if (hasRequired_html)
     return _html;
@@ -143113,24 +143143,16 @@ function require_html() {
   var a = _globalExports.document;
   return _html = a && a.documentElement, _html;
 }
-var _objectCreate, hasRequired_objectCreate;
-function require_objectCreate() {
-  if (hasRequired_objectCreate)
-    return _objectCreate;
-  hasRequired_objectCreate = 1;
-  var a = _anObject, s = require_objectDps(), $ = require_enumBugKeys(), _ = require_sharedKey()("IE_PROTO"), _e = function() {
-  }, tt = "prototype", nt = function() {
-    var at = require_domCreate()("iframe"), ot = $.length, rt = "<", st = ">", lt;
-    for (at.style.display = "none", require_html().appendChild(at), at.src = "javascript:", lt = at.contentWindow.document, lt.open(), lt.write(rt + "script" + st + "document.F=Object" + rt + "/script" + st), lt.close(), nt = lt.F; ot--; )
-      delete nt[tt][$[ot]];
-    return nt();
-  };
-  return _objectCreate = Object.create || function(ot, rt) {
-    var st;
-    return ot !== null ? (_e[tt] = a(ot), st = new _e(), _e[tt] = null, st[_] = ot) : st = nt(), rt === void 0 ? st : s(st, rt);
-  }, _objectCreate;
-}
-var _wks = { exports: {} }, store = _sharedExports("wks"), uid$1 = _uid, Symbol$1 = _globalExports.Symbol, USE_SYMBOL = typeof Symbol$1 == "function", $exports = _wks.exports = function(a) {
+var anObject$1 = _anObject, dPs = _objectDps, enumBugKeys = _enumBugKeys, IE_PROTO = _sharedKey("IE_PROTO"), Empty = function() {
+}, PROTOTYPE$1 = "prototype", createDict = function() {
+  var a = require_domCreate()("iframe"), s = enumBugKeys.length, $ = "<", _ = ">", _e;
+  for (a.style.display = "none", require_html().appendChild(a), a.src = "javascript:", _e = a.contentWindow.document, _e.open(), _e.write($ + "script" + _ + "document.F=Object" + $ + "/script" + _), _e.close(), createDict = _e.F; s--; )
+    delete createDict[PROTOTYPE$1][enumBugKeys[s]];
+  return createDict();
+}, _objectCreate = Object.create || function a(s, $) {
+  var _;
+  return s !== null ? (Empty[PROTOTYPE$1] = anObject$1(s), _ = new Empty(), Empty[PROTOTYPE$1] = null, _[IE_PROTO] = s) : _ = createDict(), $ === void 0 ? _ : dPs(_, $);
+}, _wks = { exports: {} }, store = _sharedExports("wks"), uid$1 = _uid, Symbol$1 = _globalExports.Symbol, USE_SYMBOL = typeof Symbol$1 == "function", $exports = _wks.exports = function(a) {
   return store[a] || (store[a] = USE_SYMBOL && Symbol$1[a] || (USE_SYMBOL ? Symbol$1 : uid$1)("Symbol." + a));
 };
 $exports.store = store;
@@ -143141,7 +143163,7 @@ function require_iterCreate() {
   if (hasRequired_iterCreate)
     return _iterCreate;
   hasRequired_iterCreate = 1;
-  var a = require_objectCreate(), s = _propertyDesc, $ = _setToStringTag, _ = {};
+  var a = _objectCreate, s = _propertyDesc, $ = _setToStringTag, _ = {};
   return _hide(_, _wksExports("iterator"), function() {
     return this;
   }), _iterCreate = function(_e, tt, nt) {
@@ -143153,7 +143175,7 @@ function require_objectGpo() {
   if (hasRequired_objectGpo)
     return _objectGpo;
   hasRequired_objectGpo = 1;
-  var a = _has, s = require_toObject(), $ = require_sharedKey()("IE_PROTO"), _ = Object.prototype;
+  var a = _has, s = require_toObject(), $ = _sharedKey("IE_PROTO"), _ = Object.prototype;
   return _objectGpo = Object.getPrototypeOf || function(_e) {
     return _e = s(_e), a(_e, $) ? _e[$] : typeof _e.constructor == "function" && _e instanceof _e.constructor ? _e.constructor.prototype : _e instanceof Object ? _ : null;
   }, _objectGpo;
@@ -143274,7 +143296,7 @@ var iterator$1 = _wksExt.f("iterator"), iterator = { default: iterator$1, __esMo
   return s;
 }, cof = require_cof(), _isArray = Array.isArray || function a(s) {
   return cof(s) == "Array";
-}, _objectGopnExt = {}, _objectGopn = {}, $keys$1 = require_objectKeysInternal(), hiddenKeys = require_enumBugKeys().concat("length", "prototype");
+}, _objectGopnExt = {}, _objectGopn = {}, $keys$1 = require_objectKeysInternal(), hiddenKeys = _enumBugKeys.concat("length", "prototype");
 _objectGopn.f = Object.getOwnPropertyNames || function a(s) {
   return $keys$1(s, hiddenKeys);
 };
@@ -143298,7 +143320,7 @@ _objectGopd.f = require_descriptors() ? gOPD$1 : function a(s, $) {
   if (has$1(s, $))
     return createDesc$1(!pIE.f.call(s, $), s[$]);
 };
-var global$1 = _globalExports, has = _has, DESCRIPTORS = require_descriptors(), $export$2 = _export, redefine = _redefine, META = _metaExports.KEY, $fails = require_fails(), shared = _sharedExports, setToStringTag = _setToStringTag, uid = _uid, wks = _wksExports, wksExt = _wksExt, wksDefine = _wksDefine, enumKeys = _enumKeys, isArray$1 = _isArray, anObject = _anObject, isObject$2 = _isObject, toObject = require_toObject(), toIObject = _toIobject, toPrimitive$1 = _toPrimitive$5, createDesc = _propertyDesc, _create$1 = require_objectCreate(), gOPNExt = _objectGopnExt, $GOPD = _objectGopd, $GOPS = require_objectGops(), $DP = _objectDp, $keys = require_objectKeys(), gOPD = $GOPD.f, dP = $DP.f, gOPN = gOPNExt.f, $Symbol = global$1.Symbol, $JSON = global$1.JSON, _stringify = $JSON && $JSON.stringify, PROTOTYPE = "prototype", HIDDEN = wks("_hidden"), TO_PRIMITIVE = wks("toPrimitive"), isEnum = {}.propertyIsEnumerable, SymbolRegistry = shared("symbol-registry"), AllSymbols = shared("symbols"), OPSymbols = shared("op-symbols"), ObjectProto = Object[PROTOTYPE], USE_NATIVE = typeof $Symbol == "function" && !!$GOPS.f, QObject = global$1.QObject, setter = !QObject || !QObject[PROTOTYPE] || !QObject[PROTOTYPE].findChild, setSymbolDesc = DESCRIPTORS && $fails(function() {
+var global$1 = _globalExports, has = _has, DESCRIPTORS = require_descriptors(), $export$2 = _export, redefine = _redefine, META = _metaExports.KEY, $fails = require_fails(), shared = _sharedExports, setToStringTag = _setToStringTag, uid = _uid, wks = _wksExports, wksExt = _wksExt, wksDefine = _wksDefine, enumKeys = _enumKeys, isArray$1 = _isArray, anObject = _anObject, isObject$2 = _isObject, toObject = require_toObject(), toIObject = _toIobject, toPrimitive$1 = _toPrimitive$5, createDesc = _propertyDesc, _create$1 = _objectCreate, gOPNExt = _objectGopnExt, $GOPD = _objectGopd, $GOPS = require_objectGops(), $DP = _objectDp, $keys = require_objectKeys(), gOPD = $GOPD.f, dP = $DP.f, gOPN = gOPNExt.f, $Symbol = global$1.Symbol, $JSON = global$1.JSON, _stringify = $JSON && $JSON.stringify, PROTOTYPE = "prototype", HIDDEN = wks("_hidden"), TO_PRIMITIVE = wks("toPrimitive"), isEnum = {}.propertyIsEnumerable, SymbolRegistry = shared("symbol-registry"), AllSymbols = shared("symbols"), OPSymbols = shared("op-symbols"), ObjectProto = Object[PROTOTYPE], USE_NATIVE = typeof $Symbol == "function" && !!$GOPS.f, QObject = global$1.QObject, setter = !QObject || !QObject[PROTOTYPE] || !QObject[PROTOTYPE].findChild, setSymbolDesc = DESCRIPTORS && $fails(function() {
   return _create$1(dP({}, "a", {
     get: function() {
       return dP(this, "a", { value: 7 }).a;
@@ -143473,7 +143495,7 @@ function require_setProto() {
 var $export$1 = _export;
 $export$1($export$1.S, "Object", { setPrototypeOf: require_setProto().set });
 var setPrototypeOf$1 = _coreExports.Object.setPrototypeOf, setPrototypeOf = { default: setPrototypeOf$1, __esModule: !0 }, $export = _export;
-$export($export.S, "Object", { create: require_objectCreate() });
+$export($export.S, "Object", { create: _objectCreate });
 var $Object = _coreExports.Object, create$1 = function a(s, $) {
   return $Object.create(s, $);
 }, create = { default: create$1, __esModule: !0 }, _setPrototypeOf = setPrototypeOf, _setPrototypeOf2 = _interopRequireDefault$c(_setPrototypeOf), _create = create, _create2 = _interopRequireDefault$c(_create), _typeof2 = _typeof$j, _typeof3 = _interopRequireDefault$c(_typeof2);
@@ -151749,12 +151771,50 @@ const FormRender = withProvider(FormCore, defaultWidgets), svgBaseProp = {
   return reactExports.useEffect(() => (_.current && (_.current.innerHTML = "", s({ ...$, rootElement: _.current })), () => {
     _.current && (_.current.innerHTML = "");
   }), [a.activeSchema]), /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: _ });
-}, WidgetRenderer$1 = WidgetRenderer, { Text: Text$2 } = Typography$1, DetailView = (a) => {
+}, WidgetRenderer$1 = WidgetRenderer, ButtonGroupWidget = (a) => {
+  const { activeElements: s, changeSchemas: $, schemas: _, schema: _e } = a, tt = (ot) => {
+    const rt = ot.key, st = ot.type, lt = s.map((it) => it.id), et = _.filter((it) => lt.includes(it.id));
+    $(
+      et.map((it) => {
+        const ut = it[rt] ?? !1, ft = st === "boolean" ? !ut : ot.value;
+        return { key: rt, value: ft, schemaId: it.id };
+      })
+    );
+  }, nt = (ot) => {
+    const rt = ot.key, st = ot.type;
+    let lt = !1;
+    const et = s.map((ut) => ut.id);
+    return _.filter((ut) => et.includes(ut.id)).forEach((ut) => {
+      lt = st === "boolean" ? ut[rt] ?? !1 : ut[rt] === ot.value;
+    }), lt;
+  }, at = (ot) => {
+    const rt = `data:image/svg+xml;utf8,${encodeURIComponent(ot)}`;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("img", { width: 17, height: 17, src: rt });
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Form$3.Item, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$2.Group, { children: _e.buttons.map((ot, rt) => {
+    const st = nt(ot);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button$2,
+      {
+        type: st ? "primary" : void 0,
+        ghost: st,
+        onClick: () => tt(ot),
+        style: {
+          padding: 7,
+          zIndex: st ? 2 : 0
+        },
+        icon: at(ot.icon)
+      },
+      rt
+    );
+  }) }) });
+}, ButtonGroupWidget$1 = ButtonGroupWidget, { Text: Text$2 } = Typography$1, DetailView = (a) => {
   const { token: s } = theme.useToken(), { size: $, changeSchemas: _, deselectSchema: _e, activeSchema: tt, activeElements: nt } = a, at = useForm(), ot = reactExports.useContext(I18nContext), rt = reactExports.useContext(PluginsRegistry), st = reactExports.useContext(OptionsContext), [lt, et] = reactExports.useState({});
   reactExports.useEffect(() => {
     const pt = {
       AlignWidget: (mt) => /* @__PURE__ */ jsxRuntimeExports.jsx(AlignWidget$1, { ...mt, ...a, options: st }),
-      Divider: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Divider$1, { style: { marginTop: s.marginXS, marginBottom: s.marginXS } })
+      Divider: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Divider$1, { style: { marginTop: s.marginXS, marginBottom: s.marginXS } }),
+      ButtonGroup: (mt) => /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonGroupWidget$1, { ...mt, ...a, options: st })
     };
     for (const mt of Object.values(rt)) {
       const ct = (mt == null ? void 0 : mt.propPanel.widgets) || {};