@progress/kendo-react-editor 9.0.0-develop.1 → 9.0.0-develop.3

package/tools/table-wizard/tableProperties.mjs

@@ -23,13 +23,16 @@ const _e = (o) => {
     b(!0);
   }, []), m = e.useCallback(() => {
     b(!1), n == null || n.focus();
-  }, [n]), f = e.useCallback((i) => {
-    if (n && i) {
-      const u = ze(n.state, i);
-      u && n.dispatch(u);
-    }
-    m();
-  }, [n, m]);
+  }, [n]), f = e.useCallback(
+    (i) => {
+      if (n && i) {
+        const u = ze(n.state, i);
+        u && n.dispatch(u);
+      }
+      m();
+    },
+    [n, m]
+  );
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     A,
     {
@@ -72,43 +75,58 @@ const _e = (o) => {
     icon: "align-remove",
     svgIcon: Be
   }
-], de = [{
-  textKey: t.tablePropertiesLeft,
-  text: l[t.tablePropertiesLeft],
-  value: "left",
-  style: {},
-  icon: "table-position-left",
-  svgIcon: we
-}, {
-  textKey: t.tablePropertiesCenter,
-  text: l[t.tablePropertiesCenter],
-  value: "center",
-  style: {},
-  icon: "table-position-center",
-  svgIcon: ye
-}, {
-  textKey: t.tablePropertiesRight,
-  text: l[t.tablePropertiesRight],
-  value: "right",
-  style: {},
-  icon: "table-position-right",
-  svgIcon: Re
-}].map((o) => ({ ...o, style: He[o.value] })), fe = [{
-  textKey: t.tablePropertiesTop,
-  text: l[t.tablePropertiesTop],
-  value: "top",
-  icon: "position-top",
-  svgIcon: Ke
-}, {
-  textKey: t.tablePropertiesBottom,
-  text: l[t.tablePropertiesBottom],
-  value: "bottom",
-  icon: "position-bottom",
-  svgIcon: Ve
-}], be = [
+], de = [
+  {
+    textKey: t.tablePropertiesLeft,
+    text: l[t.tablePropertiesLeft],
+    value: "left",
+    style: {},
+    icon: "table-position-left",
+    svgIcon: we
+  },
+  {
+    textKey: t.tablePropertiesCenter,
+    text: l[t.tablePropertiesCenter],
+    value: "center",
+    style: {},
+    icon: "table-position-center",
+    svgIcon: ye
+  },
+  {
+    textKey: t.tablePropertiesRight,
+    text: l[t.tablePropertiesRight],
+    value: "right",
+    style: {},
+    icon: "table-position-right",
+    svgIcon: Re
+  }
+].map((o) => ({ ...o, style: He[o.value] })), fe = [
+  {
+    textKey: t.tablePropertiesTop,
+    text: l[t.tablePropertiesTop],
+    value: "top",
+    icon: "position-top",
+    svgIcon: Ke
+  },
+  {
+    textKey: t.tablePropertiesBottom,
+    text: l[t.tablePropertiesBottom],
+    value: "bottom",
+    icon: "position-bottom",
+    svgIcon: Ve
+  }
+], be = [
   { textKey: t.tablePropertiesNone, text: l[t.tablePropertiesNone], value: "none" },
-  { textKey: t.tablePropertiesUsingScopeAttribute, text: l[t.tablePropertiesUsingScopeAttribute], value: "scope" },
-  { textKey: t.tablePropertiesUsingIdAttributes, text: l[t.tablePropertiesUsingIdAttributes], value: "id" }
+  {
+    textKey: t.tablePropertiesUsingScopeAttribute,
+    text: l[t.tablePropertiesUsingScopeAttribute],
+    value: "scope"
+  },
+  {
+    textKey: t.tablePropertiesUsingIdAttributes,
+    text: l[t.tablePropertiesUsingIdAttributes],
+    value: "id"
+  }
 ], Fe = (o) => {
   const n = e.useMemo(() => {
     const a = o.view && o.view.state;
@@ -143,7 +161,16 @@ const _e = (o) => {
       associateHeaders: (oe = y.current) != null && oe.value ? y.current.value.value : "none"
     };
     o.onSave.call(void 0, a);
-  }, [o.onSave]), ke = /* @__PURE__ */ e.createElement("div", { className: "k-form k-form-md" }, /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-4 k-gap-x-4" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesRows, l[t.tablePropertiesRows])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: g, defaultValue: n.rows, min: 1 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesColumns, l[t.tablePropertiesColumns])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: p, defaultValue: n.columns, min: 1 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesWidth, l[t.tablePropertiesWidth])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+  }, [o.onSave]), ke = /* @__PURE__ */ e.createElement("div", { className: "k-form k-form-md" }, /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-4 k-gap-x-4" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesRows,
+    l[t.tablePropertiesRows]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: g, defaultValue: n.rows, min: 1 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesColumns,
+    l[t.tablePropertiesColumns]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: p, defaultValue: n.columns, min: 1 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesWidth,
+    l[t.tablePropertiesWidth]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
     s,
     {
       ref: m,
@@ -159,7 +186,10 @@ const _e = (o) => {
       data: me,
       popupSettings: c
     }
-  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesHeight, l[t.tablePropertiesHeight])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesHeight,
+    l[t.tablePropertiesHeight]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
     s,
     {
       ref: f,
@@ -175,19 +205,28 @@ const _e = (o) => {
       data: me.filter((a) => a !== "%"),
       popupSettings: c
     }
-  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesPosition, l[t.tablePropertiesPosition])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesPosition,
+    l[t.tablePropertiesPosition]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
     d,
     {
       ref: K,
       defaultValue: de.find((a) => a.value === n.position),
       popupSettings: c,
-      data: de.map((a) => ({ ...a, text: r.toLanguageString(a.textKey, a.text) })),
+      data: de.map((a) => ({
+        ...a,
+        text: r.toLanguageString(a.textKey, a.text)
+      })),
       textField: "text",
       dataItemKey: "value",
       valueRender: k,
       itemRender: v
     }
-  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesAlignment, l[t.tablePropertiesAlignment])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesAlignment,
+    l[t.tablePropertiesAlignment]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
     d,
     {
       ref: x,
@@ -199,7 +238,10 @@ const _e = (o) => {
       valueRender: k,
       itemRender: v
     }
-  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesCellSpacing, l[t.tablePropertiesCellSpacing])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesCellSpacing,
+    l[t.tablePropertiesCellSpacing]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
     s,
     {
       ref: i,
@@ -207,7 +249,10 @@ const _e = (o) => {
       placeholder: r.toLanguageString(t.sizeAuto, l[t.sizeAuto]),
       min: 0
     }
-  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesCellPadding, l[t.tablePropertiesCellPadding])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesCellPadding,
+    l[t.tablePropertiesCellPadding]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
     s,
     {
       ref: u,
@@ -215,13 +260,28 @@ const _e = (o) => {
       placeholder: r.toLanguageString(t.sizeAuto, l[t.sizeAuto]),
       min: 0
     }
-  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-full" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesTableBackground, l[t.tablePropertiesTableBackground])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(se, { ref: V, defaultValue: n.backgroundColor }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesBorderWidth, l[t.tablePropertiesBorderWidth])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: S, defaultValue: n.borderWidth, min: 0 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesBorderColor, l[t.tablePropertiesBorderColor])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(se, { ref: T, defaultValue: n.borderColor }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesBorderStyle, l[t.tablePropertiesBorderStyle])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-full" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesTableBackground,
+    l[t.tablePropertiesTableBackground]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(se, { ref: V, defaultValue: n.backgroundColor }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesBorderWidth,
+    l[t.tablePropertiesBorderWidth]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: S, defaultValue: n.borderWidth, min: 0 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesBorderColor,
+    l[t.tablePropertiesBorderColor]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(se, { ref: T, defaultValue: n.borderColor }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesBorderStyle,
+    l[t.tablePropertiesBorderStyle]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
     d,
     {
       ref: h,
       defaultValue: ue.find((a) => a.value === n.borderStyle),
       popupSettings: c,
-      data: ue.map((a) => ({ ...a, text: r.toLanguageString(a.textKey, a.text) })),
+      data: ue.map((a) => ({
+        ...a,
+        text: r.toLanguageString(a.textKey, a.text)
+      })),
       textField: "text",
       dataItemKey: "value"
     }
@@ -230,44 +290,105 @@ const _e = (o) => {
     {
       ref: D,
       className: "k-checkbox-wrap",
-      label: r.toLanguageString(t.tablePropertiesCollapseBorders, l[t.tablePropertiesCollapseBorders]),
+      label: r.toLanguageString(
+        t.tablePropertiesCollapseBorders,
+        l[t.tablePropertiesCollapseBorders]
+      ),
       defaultChecked: n.collapseBorders
     }
-  )))))), ve = /* @__PURE__ */ e.createElement("div", { className: "k-form k-form-md" }, /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-field" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesId, l[t.tablePropertiesId])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(L, { ref: z, defaultValue: n.id }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesCssClass, l[t.tablePropertiesCssClass])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(L, { ref: H, defaultValue: n.className }))), /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, /* @__PURE__ */ e.createElement("legend", { className: "k-form-legend" }, r.toLanguageString(t.tablePropertiesAccessibility, l[t.tablePropertiesAccessibility])), /* @__PURE__ */ e.createElement("div", { className: "k-d-grid k-grid-cols-4 k-gap-x-4" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-full" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesCaption, l[t.tablePropertiesCaption])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(L, { ref: W, defaultValue: n.caption }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesCaptionPosition, l[t.tablePropertiesCaptionPosition])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+  )))))), ve = /* @__PURE__ */ e.createElement("div", { className: "k-form k-form-md" }, /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-field" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesId, l[t.tablePropertiesId])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(L, { ref: z, defaultValue: n.id }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesCssClass,
+    l[t.tablePropertiesCssClass]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(L, { ref: H, defaultValue: n.className }))), /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, /* @__PURE__ */ e.createElement("legend", { className: "k-form-legend" }, r.toLanguageString(
+    t.tablePropertiesAccessibility,
+    l[t.tablePropertiesAccessibility]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-d-grid k-grid-cols-4 k-gap-x-4" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-full" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesCaption,
+    l[t.tablePropertiesCaption]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(L, { ref: W, defaultValue: n.caption }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesCaptionPosition,
+    l[t.tablePropertiesCaptionPosition]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
     d,
     {
       ref: w,
-      defaultValue: fe.find((a) => a.value === n.captionPosition),
-      data: fe.map((a) => ({ ...a, text: r.toLanguageString(a.textKey, a.text) })),
+      defaultValue: fe.find(
+        (a) => a.value === n.captionPosition
+      ),
+      data: fe.map((a) => ({
+        ...a,
+        text: r.toLanguageString(a.textKey, a.text)
+      })),
       popupSettings: c,
       textField: "text",
       dataItemKey: "value",
       valueRender: k,
       itemRender: v
     }
-  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesCaptionAlignment, l[t.tablePropertiesCaptionAlignment])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesCaptionAlignment,
+    l[t.tablePropertiesCaptionAlignment]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
     d,
     {
       ref: C,
       defaultValue: E.find((a) => a.value === n.captionAlignment),
-      data: E.map((a) => ({ ...a, text: r.toLanguageString(a.textKey, a.text) })),
+      data: E.map((a) => ({
+        ...a,
+        text: r.toLanguageString(a.textKey, a.text)
+      })),
       popupSettings: c,
       textField: "text",
       dataItemKey: "value",
       valueRender: k,
       itemRender: v
     }
-  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesHeaderRows, l[t.tablePropertiesHeaderRows])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: U, defaultValue: n.headerRows, min: 0 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesHeaderCols, l[t.tablePropertiesHeaderCols])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: F, defaultValue: n.headerColumns, min: 0 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesAssociateHeaders, l[t.tablePropertiesAssociateHeaders])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesHeaderRows,
+    l[t.tablePropertiesHeaderRows]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: U, defaultValue: n.headerRows, min: 0 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesHeaderCols,
+    l[t.tablePropertiesHeaderCols]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: F, defaultValue: n.headerColumns, min: 0 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    t.tablePropertiesAssociateHeaders,
+    l[t.tablePropertiesAssociateHeaders]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
     d,
     {
       ref: y,
-      defaultValue: be.find((a) => a.value === n.associateHeaders),
-      data: be.map((a) => ({ ...a, text: r.toLanguageString(a.textKey, a.text) })),
+      defaultValue: be.find(
+        (a) => a.value === n.associateHeaders
+      ),
+      data: be.map((a) => ({
+        ...a,
+        text: r.toLanguageString(a.textKey, a.text)
+      })),
       popupSettings: c,
       textField: "text",
       dataItemKey: "value"
     }
-  )))))))), Ee = /* @__PURE__ */ e.createElement(he, { selected: P, onSelect: b, animation: !1, keepTabsMounted: !0 }, /* @__PURE__ */ e.createElement(ce, { title: r.toLanguageString(t.tablePropertiesGeneral, l[t.tablePropertiesGeneral]) }, ke), /* @__PURE__ */ e.createElement(ce, { title: r.toLanguageString(t.tablePropertiesAdvanced, l[t.tablePropertiesAdvanced]) }, ve)), Pe = [/* @__PURE__ */ e.createElement(A, { themeColor: "primary", key: "save", onClick: pe }, r.toLanguageString(t.tablePropertiesSave, l[t.tablePropertiesSave])), /* @__PURE__ */ e.createElement(A, { onClick: o.onClose, key: "cancel" }, r.toLanguageString(t.tablePropertiesCancel, l[t.tablePropertiesCancel]))];
+  )))))))), Ee = /* @__PURE__ */ e.createElement(he, { selected: P, onSelect: b, animation: !1, keepTabsMounted: !0 }, /* @__PURE__ */ e.createElement(
+    ce,
+    {
+      title: r.toLanguageString(
+        t.tablePropertiesGeneral,
+        l[t.tablePropertiesGeneral]
+      )
+    },
+    ke
+  ), /* @__PURE__ */ e.createElement(
+    ce,
+    {
+      title: r.toLanguageString(
+        t.tablePropertiesAdvanced,
+        l[t.tablePropertiesAdvanced]
+      )
+    },
+    ve
+  )), Pe = [
+    /* @__PURE__ */ e.createElement(A, { themeColor: "primary", key: "save", onClick: pe }, r.toLanguageString(t.tablePropertiesSave, l[t.tablePropertiesSave])),
+    /* @__PURE__ */ e.createElement(A, { onClick: o.onClose, key: "cancel" }, r.toLanguageString(t.tablePropertiesCancel, l[t.tablePropertiesCancel]))
+  ];
   return /* @__PURE__ */ e.createElement(
     Se,
     {

package/tools/table-wizard/utils.mjs

@@ -37,10 +37,11 @@ const d = /[\D]+$/, h = (e) => {
 function N(e, t, s) {
   let n;
   if (new RegExp("[^-]?" + t + ":").test(e.style || "")) {
-    const { style: l } = m(
-      e.style || "",
-      { style: t, value: b, newValue: s }
-    );
+    const { style: l } = m(e.style || "", {
+      style: t,
+      value: b,
+      newValue: s
+    });
     n = { ...e, style: l };
   } else if (e.style) {
     const l = u(e.style);

package/tools/unlink.mjs

@@ -21,13 +21,18 @@ var c;
         const { view: o, render: r, ...s } = this.props, n = { mark: e.mark }, d = o ? u(o.state, n) : !1, k = h(this), i = e.messages.title, t = !d, m = /* @__PURE__ */ l.createElement(
           f,
           {
-            onClick: t ? void 0 : () => o && v(n, o.state.tr.setMeta("commandName", e.commandName))(o.state, o.dispatch),
+            onClick: t ? void 0 : () => o && v(n, o.state.tr.setMeta("commandName", e.commandName))(
+              o.state,
+              o.dispatch
+            ),
             "aria-disabled": t ? !0 : void 0,
             ...N,
             title: k.toLanguageString(i, L[i]),
             ...e.props,
             ...s,
-            className: T(s.className, e.props.className, { "k-disabled": t })
+            className: T(s.className, e.props.className, {
+              "k-disabled": t
+            })
           }
         );
         return r ? r.call(void 0, m, { view: o }) : m;

package/tools/utils.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),e=require("../messages/index.js");function y(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,o.get?o:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const n=y(l),d={onMouseDown:t=>t.preventDefault(),onPointerDown:t=>t.preventDefault()},a={userSelect:"none"},u=function(t,...s){return s.forEach((r,o)=>{t=t.replace("{"+o+"}",String(r))}),t},i=(t,s)=>s.dataItem.style?n.cloneElement(t,t.props,n.createElement("span",{style:s.dataItem.style},t.props.children)):t,S=["px","em","%"],c={animate:{openDuration:150,closeDuration:150}},b=[{textKey:e.keys.borderStyleNone,text:e.messages[e.keys.borderStyleNone],value:"none"},{textKey:e.keys.borderStyleSolid,text:e.messages[e.keys.borderStyleSolid],value:"solid"},{textKey:e.keys.borderStyleDotted,text:e.messages[e.keys.borderStyleDotted],value:"dotted"},{textKey:e.keys.borderStyleDashed,text:e.messages[e.keys.borderStyleDashed],value:"dashed"},{textKey:e.keys.borderStyleDouble,text:e.messages[e.keys.borderStyleDouble],value:"double"},{textKey:e.keys.borderStyleGroove,text:e.messages[e.keys.borderStyleGroove],value:"groove"},{textKey:e.keys.borderStyleRidge,text:e.messages[e.keys.borderStyleRidge],value:"ridge"},{textKey:e.keys.borderStyleInset,text:e.messages[e.keys.borderStyleInset],value:"inset"},{textKey:e.keys.borderStyleOutset,text:e.messages[e.keys.borderStyleOutset],value:"outset"},{textKey:e.keys.borderStyleInitial,text:e.messages[e.keys.borderStyleInitial],value:"initial"},{textKey:e.keys.borderStyleInherit,text:e.messages[e.keys.borderStyleInherit],value:"inherit"},{textKey:e.keys.borderStyleHidden,text:e.messages[e.keys.borderStyleHidden],value:"hidden"}];function g(t,s){for(let r=t.depth;r>0;r--){let o=t.node(r);if(s(o))return{node:o,depth:r}}return null}exports.borderStyles=b;exports.formatString=u;exports.itemRender=i;exports.onDownPreventDefault=d;exports.parentNode=g;exports.popupSettings=c;exports.units=S;exports.userSelectNone=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),e=require("../messages/index.js");function y(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,o.get?o:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const n=y(l),d={onMouseDown:t=>t.preventDefault(),onPointerDown:t=>t.preventDefault()},a={userSelect:"none"},u=function(t,...s){return s.forEach((r,o)=>{t=t.replace("{"+o+"}",String(r))}),t},i=(t,s)=>s.dataItem.style?n.cloneElement(t,t.props,n.createElement("span",{style:s.dataItem.style},t.props.children)):t,S=["px","em","%"],c={animate:{openDuration:150,closeDuration:150}},b=[{textKey:e.keys.borderStyleNone,text:e.messages[e.keys.borderStyleNone],value:"none"},{textKey:e.keys.borderStyleSolid,text:e.messages[e.keys.borderStyleSolid],value:"solid"},{textKey:e.keys.borderStyleDotted,text:e.messages[e.keys.borderStyleDotted],value:"dotted"},{textKey:e.keys.borderStyleDashed,text:e.messages[e.keys.borderStyleDashed],value:"dashed"},{textKey:e.keys.borderStyleDouble,text:e.messages[e.keys.borderStyleDouble],value:"double"},{textKey:e.keys.borderStyleGroove,text:e.messages[e.keys.borderStyleGroove],value:"groove"},{textKey:e.keys.borderStyleRidge,text:e.messages[e.keys.borderStyleRidge],value:"ridge"},{textKey:e.keys.borderStyleInset,text:e.messages[e.keys.borderStyleInset],value:"inset"},{textKey:e.keys.borderStyleOutset,text:e.messages[e.keys.borderStyleOutset],value:"outset"},{textKey:e.keys.borderStyleInitial,text:e.messages[e.keys.borderStyleInitial],value:"initial"},{textKey:e.keys.borderStyleInherit,text:e.messages[e.keys.borderStyleInherit],value:"inherit"},{textKey:e.keys.borderStyleHidden,text:e.messages[e.keys.borderStyleHidden],value:"hidden"}];function g(t,s){for(let r=t.depth;r>0;r--){const o=t.node(r);if(s(o))return{node:o,depth:r}}return null}exports.borderStyles=b;exports.formatString=u;exports.itemRender=i;exports.onDownPreventDefault=d;exports.parentNode=g;exports.popupSettings=c;exports.units=S;exports.userSelectNone=a;

package/tools/utils.mjs

@@ -14,8 +14,8 @@ const a = {
 }, s = {
   userSelect: "none"
 }, u = function(t, ...o) {
-  return o.forEach((l, n) => {
-    t = t.replace("{" + n + "}", String(l));
+  return o.forEach((n, l) => {
+    t = t.replace("{" + l + "}", String(n));
   }), t;
 }, S = (t, o) => o.dataItem.style ? d.cloneElement(t, t.props, /* @__PURE__ */ d.createElement("span", { style: o.dataItem.style }, t.props.children)) : t, i = ["px", "em", "%"], b = { animate: { openDuration: 150, closeDuration: 150 } }, x = [
   { textKey: e.borderStyleNone, text: r[e.borderStyleNone], value: "none" },
@@ -32,10 +32,10 @@ const a = {
   { textKey: e.borderStyleHidden, text: r[e.borderStyleHidden], value: "hidden" }
 ];
 function c(t, o) {
-  for (let l = t.depth; l > 0; l--) {
-    let n = t.node(l);
-    if (o(n))
-      return { node: n, depth: l };
+  for (let n = t.depth; n > 0; n--) {
+    const l = t.node(n);
+    if (o(l))
+      return { node: l, depth: n };
   }
   return null;
 }

package/tools/viewHtml.mjs

@@ -26,26 +26,29 @@ var n;
         };
       }
       render() {
-        const { view: o, render: r, ...l } = this.props, g = u(this), a = e.messages.viewHtml, s = [/* @__PURE__ */ t.createElement(
-          c,
-          {
-            onClick: this.toggleDialog,
-            key: "viewHtml",
-            ...p,
-            title: g.toLanguageString(a, h[a]),
-            ...e.props,
-            ...l
-          }
-        ), this.state.openedDialog && o && /* @__PURE__ */ t.createElement(
-          d.ViewHtmlDialog,
-          {
-            key: "viewHtmlDialog",
-            view: o,
-            settings: e,
-            dir: l.dir,
-            onClose: this.toggleDialog
-          }
-        ) || null];
+        const { view: o, render: r, ...l } = this.props, g = u(this), a = e.messages.viewHtml, s = [
+          /* @__PURE__ */ t.createElement(
+            c,
+            {
+              onClick: this.toggleDialog,
+              key: "viewHtml",
+              ...p,
+              title: g.toLanguageString(a, h[a]),
+              ...e.props,
+              ...l
+            }
+          ),
+          this.state.openedDialog && o && /* @__PURE__ */ t.createElement(
+            d.ViewHtmlDialog,
+            {
+              key: "viewHtmlDialog",
+              view: o,
+              settings: e,
+              dir: l.dir,
+              onClose: this.toggleDialog
+            }
+          ) || null
+        ];
         return r ? r.call(void 0, s, { view: o }) : s;
       }
     };

package/utils/index.mjs

@@ -40,7 +40,11 @@ var u;
   }
   t.convertMsLists = l;
   function p(e, n, a) {
-    return ne(c(n), e, a !== void 0 ? a : { preserveWhitespace: "full" });
+    return ne(
+      c(n),
+      e,
+      a !== void 0 ? a : { preserveWhitespace: "full" }
+    );
   }
   t.createDocument = p;
   function $(e, n, a) {