ct-rich-text-editor 1.3.16 → 1.3.18

package/dist/{index-75a344b6.js → index-dbb526cd.js}

@@ -1479,7 +1479,7 @@ const AiTextTransform = async ({ content, apiKey }) => {
 const AI_ACTION_COMMAND = createCommand(
   "AI_ACTION_COMMAND"
 );
-const ImageView = React__default.lazy(() => import("./index-08a070e9.js"));
+const ImageView = React__default.lazy(() => import("./index-2bc5ccbc.js"));
 function isGoogleDocCheckboxImg(img) {
   return img.parentElement != null && img.parentElement.tagName === "LI" && img.previousSibling === null && img.getAttribute("aria-roledescription") === "checkbox";
 }
@@ -15282,7 +15282,7 @@ const EmbedComponent = ({ url, displayType, alignment, nodeKey }) => {
     }
   );
 };
-const FileComponent = React$1.lazy(() => import("./index-3ad5acc7.js"));
+const FileComponent = React$1.lazy(() => import("./index-7ddd4fcc.js"));
 function convertFileElement(domNode) {
   if (domNode instanceof HTMLDivElement) {
     const dataUrl = domNode.getAttribute("data-lexical-file-src");
@@ -19120,6 +19120,7 @@ function AIChatDialog({
     };
   }, [apiKey]);
   const handleSubmit = async () => {
+    var _a, _b;
     if (!inputValue.trim() || isLoading)
       return;
     setIsLoading(true);
@@ -19140,7 +19141,10 @@ function AIChatDialog({
       setIsLoading(false);
     } catch (error) {
       console.error("Error processing AI action:", error);
-      setErrorMessage("Error processing your request. Please try again.");
+      const apiMessage = ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) ?? (error instanceof Error ? error.message : null);
+      const safeMessage = apiMessage && !/^Request failed with status code \d+/.test(apiMessage) ? apiMessage : "Error processing your request. Please try again.";
+      setErrorMessage(safeMessage);
+      toast.error(safeMessage);
       setIsLoading(false);
     } finally {
       setInputValue("");
@@ -19987,10 +19991,10 @@ const PDF_CONFIG = {
 };
 const loadHtml2Pdf = async () => {
   try {
-    const mod = await import("./html2pdf.bundle.min-92a35c38.js").then((n) => n.h);
+    const mod = await import("./html2pdf.bundle.min-db02af80.js").then((n) => n.h);
     return (mod == null ? void 0 : mod.default) || mod;
   } catch {
-    const mod2 = await import("./html2pdf.bundle-eeac9a72.js").then((n) => n.h);
+    const mod2 = await import("./html2pdf.bundle-0a42a49f.js").then((n) => n.h);
     return (mod2 == null ? void 0 : mod2.default) || mod2;
   }
 };
@@ -26492,6 +26496,10 @@ const Toolbar = ({
                           )
                         }
                       ) }),
+                      activeEditor === editor && hiddenItemIds.has("chartInsert") && /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: openChartDialog, children: [
+                        /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(ChartBarIcon, {}) }),
+                        "Insert Chart"
+                      ] }),
                       enableTextFormatting && hiddenItemIds.has("inlineFormats") && /* @__PURE__ */ jsxs(
                         DropdownMenuItem,
                         {
@@ -32541,6 +32549,24 @@ function TableActionMenu({
             const firstCell = cells[0];
             hasColumnHeaders = (firstCell.getHeaderStyles() & TableCellHeaderStates.COLUMN) === TableCellHeaderStates.COLUMN;
             headerBackgroundColor = firstCell.getBackgroundColor();
+            if (!headerBackgroundColor) {
+              const cellElement = editor.getElementByKey(firstCell.getKey());
+              if (cellElement) {
+                const inlineBgColor = cellElement.style.backgroundColor;
+                if (inlineBgColor && inlineBgColor !== "rgba(0, 0, 0, 0)") {
+                  headerBackgroundColor = inlineBgColor;
+                }
+              }
+            }
+            if (!headerBackgroundColor) {
+              const tableElement = editor.getElementByKey(tableNode.getKey());
+              if (tableElement) {
+                const cssVarColor = tableElement.style.getPropertyValue("--table-header-bg-color");
+                if (cssVarColor) {
+                  headerBackgroundColor = cssVarColor;
+                }
+              }
+            }
           }
         }
         const cellColumnIndex = $getTableColumnIndexFromTableCellNode(cell);
@@ -32751,6 +32777,15 @@ function TableActionMenu({
                   hasHeaderRow = (firstCell.getHeaderStyles() & TableCellHeaderStates.COLUMN) === TableCellHeaderStates.COLUMN;
                 }
               }
+              const rows = Array.from(tableElement.querySelectorAll("tr"));
+              const dataRows = hasHeaderRow ? rows.slice(1) : rows;
+              dataRows.forEach((row, index2) => {
+                if (index2 % 2 === 0) {
+                  row.querySelectorAll("td").forEach((cell) => {
+                    cell.style.removeProperty("background-color");
+                  });
+                }
+              });
               tableElement.style.setProperty(
                 "--table-odd-striping-color",
                 color
@@ -32786,6 +32821,15 @@ function TableActionMenu({
                   hasHeaderRow = (firstCell.getHeaderStyles() & TableCellHeaderStates.COLUMN) === TableCellHeaderStates.COLUMN;
                 }
               }
+              const rows = Array.from(tableElement.querySelectorAll("tr"));
+              const dataRows = hasHeaderRow ? rows.slice(1) : rows;
+              dataRows.forEach((row, index2) => {
+                if (index2 % 2 === 1) {
+                  row.querySelectorAll("td").forEach((cell) => {
+                    cell.style.removeProperty("background-color");
+                  });
+                }
+              });
               tableElement.style.setProperty(
                 "--table-even-striping-color",
                 color
@@ -34169,7 +34213,25 @@ function TableHoverActionsContainer({
                 const newHeaderCell = updatedCells[index2];
                 if (newHeaderCell && $isTableCellNode(newHeaderCell)) {
                   newHeaderCell.setHeaderStyles(TableCellHeaderStates.COLUMN);
-                  const headerBackgroundColor = cells[0].getBackgroundColor();
+                  let headerBackgroundColor = cells[0].getBackgroundColor();
+                  if (!headerBackgroundColor) {
+                    const cellElement = editor.getElementByKey(cells[0].getKey());
+                    if (cellElement) {
+                      const inlineBgColor = cellElement.style.backgroundColor;
+                      if (inlineBgColor && inlineBgColor !== "rgba(0, 0, 0, 0)") {
+                        headerBackgroundColor = inlineBgColor;
+                      }
+                    }
+                  }
+                  if (!headerBackgroundColor) {
+                    const tableElement = editor.getElementByKey(tableNode.getKey());
+                    if (tableElement) {
+                      const cssVarColor = tableElement.style.getPropertyValue("--table-header-bg-color");
+                      if (cssVarColor) {
+                        headerBackgroundColor = cssVarColor;
+                      }
+                    }
+                  }
                   if (headerBackgroundColor) {
                     newHeaderCell.setBackgroundColor(headerBackgroundColor);
                   }
@@ -35234,7 +35296,7 @@ const WordCountPlugin = () => {
     }
   );
 };
-function exportEditorWithStriping(editor) {
+function exportEditorWithInlineStyle(editor) {
   const rootElement = editor.getRootElement();
   if (!rootElement)
     return "";
@@ -35242,9 +35304,44 @@ function exportEditorWithStriping(editor) {
   const liveTables = rootElement.querySelectorAll("table");
   liveTables.forEach((table, index2) => {
     const colors = detectTableColorsFromVariables(table);
-    if (colors) {
-      tableStyleMap.set(index2, colors);
-    }
+    const oddColor = (colors == null ? void 0 : colors.odd) || "";
+    const evenColor = (colors == null ? void 0 : colors.even) || "";
+    const headerCells = table.querySelectorAll("th");
+    const headerBgColors = [];
+    headerCells.forEach((th) => {
+      const computed = window.getComputedStyle(th);
+      const bgColor = computed.backgroundColor;
+      if (bgColor && bgColor !== "rgba(0, 0, 0, 0)") {
+        headerBgColors.push(bgColor);
+      } else {
+        headerBgColors.push("");
+      }
+    });
+    const explicitCellColors = /* @__PURE__ */ new Map();
+    const rows = Array.from(table.querySelectorAll("tr"));
+    const firstRow = rows[0];
+    const hasHeaderRow = firstRow && firstRow.querySelectorAll("th").length > 0;
+    const dataRows = hasHeaderRow ? rows.slice(1) : rows;
+    dataRows.forEach((row, rowIndex) => {
+      const cells = row.querySelectorAll("td");
+      cells.forEach((cell, cellIndex) => {
+        const inlineBgColor = cell.style.backgroundColor;
+        if (inlineBgColor && inlineBgColor !== "rgba(0, 0, 0, 0)") {
+          const normalizedBg = normalizeColorForComparison(inlineBgColor);
+          const normalizedOdd = normalizeColorForComparison(oddColor);
+          const normalizedEven = normalizeColorForComparison(evenColor);
+          if (normalizedBg !== "" && normalizedBg !== normalizedOdd && normalizedBg !== normalizedEven) {
+            explicitCellColors.set(`${rowIndex}-${cellIndex}`, inlineBgColor);
+          }
+        }
+      });
+    });
+    tableStyleMap.set(index2, {
+      odd: oddColor,
+      even: evenColor,
+      headerBgColors,
+      explicitCellColors
+    });
   });
   let htmlString = "";
   editor.getEditorState().read(() => {
@@ -35252,10 +35349,31 @@ function exportEditorWithStriping(editor) {
   });
   return processHtmlForExport(htmlString, tableStyleMap);
 }
+function normalizeColorForComparison(color) {
+  if (!color)
+    return "";
+  color = color.trim().toLowerCase();
+  if (color.startsWith("#")) {
+    if (color.length === 4) {
+      return `#${color[1]}${color[1]}${color[2]}${color[2]}${color[3]}${color[3]}`;
+    }
+    return color;
+  }
+  if (color.includes("rgb")) {
+    const matches = color.match(/\d+/g);
+    if (matches && matches.length >= 3) {
+      const r2 = parseInt(matches[0]);
+      const g2 = parseInt(matches[1]);
+      const b2 = parseInt(matches[2]);
+      return `#${r2.toString(16).padStart(2, "0")}${g2.toString(16).padStart(2, "0")}${b2.toString(16).padStart(2, "0")}`;
+    }
+  }
+  return color;
+}
 function detectTableColorsFromVariables(table) {
   const computed = window.getComputedStyle(table);
-  const oddVar = computed.getPropertyValue("--table-odd-striping-color").trim();
-  const evenVar = computed.getPropertyValue("--table-even-striping-color").trim();
+  const oddVar = computed.getPropertyValue("--table-even-striping-color").trim();
+  const evenVar = computed.getPropertyValue("--table-odd-striping-color").trim();
   const isValidColor = (c2) => c2 && c2 !== "initial" && c2 !== "inherit" && c2 !== "";
   if (isValidColor(oddVar) || isValidColor(evenVar)) {
     return {
@@ -35284,27 +35402,48 @@ function processHtmlForExport(html, tableStyleMap) {
   const doc = parser.parseFromString(html, "text/html");
   const tables = doc.querySelectorAll("table");
   tables.forEach((table, index2) => {
-    const colors = tableStyleMap.get(index2);
-    if (!colors)
+    const styleInfo = tableStyleMap.get(index2);
+    if (!styleInfo)
       return;
+    const headerCells = table.querySelectorAll("th");
+    headerCells.forEach((th, cellIndex) => {
+      const bgColor = styleInfo.headerBgColors[cellIndex];
+      if (bgColor) {
+        const el = th;
+        el.style.setProperty("background-color", bgColor, "important");
+        const textColor = getContrastColor(bgColor);
+        el.style.color = textColor;
+        el.querySelectorAll("*").forEach((nested) => {
+          nested.style.color = textColor;
+        });
+      }
+    });
     const tbody = table.querySelector("tbody") || table;
     const dataRows = Array.from(tbody.querySelectorAll("tr")).filter(
       (row) => row.querySelector("td")
     );
     dataRows.forEach((row, rowIndex) => {
-      const isOdd = !(rowIndex % 2 === 0);
-      const bgColor = isOdd ? colors.odd : colors.even;
-      if (bgColor) {
-        const textColor = getContrastColor(bgColor);
-        row.querySelectorAll("td").forEach((cell) => {
-          const el = cell;
-          el.style.setProperty("background-color", bgColor, "important");
+      const isOddDataRow = rowIndex % 2 === 0;
+      const stripingColor = isOddDataRow ? styleInfo.odd : styleInfo.even;
+      row.querySelectorAll("td").forEach((cell, cellIndex) => {
+        const el = cell;
+        const explicitColor = styleInfo.explicitCellColors.get(`${rowIndex}-${cellIndex}`);
+        if (explicitColor) {
+          const textColor = getContrastColor(explicitColor);
+          el.style.setProperty("background-color", explicitColor, "important");
           el.style.color = textColor;
           el.querySelectorAll("*").forEach((nested) => {
             nested.style.color = textColor;
           });
-        });
-      }
+        } else if (stripingColor) {
+          const textColor = getContrastColor(stripingColor);
+          el.style.setProperty("background-color", stripingColor, "important");
+          el.style.color = textColor;
+          el.querySelectorAll("*").forEach((nested) => {
+            nested.style.color = textColor;
+          });
+        }
+      });
     });
   });
   cleanupHeaderCellStructure(doc.body);
@@ -35338,8 +35477,19 @@ function applyGenericSafeStyles(container) {
       el.style.cssText += "; " + styles;
     });
   };
+  const addStyleIfNotSet = (selector, property, value) => {
+    container.querySelectorAll(selector).forEach((el) => {
+      const currentValue = el.style.getPropertyValue(property);
+      if (!currentValue || currentValue === "initial" || currentValue === "inherit") {
+        el.style.setProperty(property, value);
+      }
+    });
+  };
   const fontReset = 'font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5;';
-  addStyle("table, p, span, li, td, th, div, h1, h2, h3, h4, h5, h6", fontReset);
+  addStyle(
+    "table, p, span, li, td, th, div, h1, h2, h3, h4, h5, h6",
+    fontReset
+  );
   addStyle("th p, td p", "margin: 0; padding: 0;");
   addStyle(
     "table",
@@ -35349,7 +35499,8 @@ function applyGenericSafeStyles(container) {
     "th, td",
     "border: 1px solid #dfe1e5; padding: 10px; vertical-align: middle; text-align: left;"
   );
-  addStyle("th", "background-color: #f8f9fa; font-weight: 600;");
+  addStyleIfNotSet("th", "background-color", "#f8f9fa");
+  addStyle("th", "font-weight: 600;");
   addStyle("img", "max-width: 100%; height: auto; display: block;");
   addStyle("h1", "font-size: 2em; font-weight: bold; margin: 0.67em 0;");
   addStyle("h2", "font-size: 1.5em; font-weight: bold; margin: 0.75em 0;");
@@ -35418,6 +35569,168 @@ function getContrastColor(color) {
   const yiq = (r2 * 299 + g2 * 587 + b2 * 114) / 1e3;
   return yiq >= 128 ? "#000000" : "#FFFFFF";
 }
+function normalizeColor(color) {
+  if (!color)
+    return "";
+  color = color.trim().toLowerCase();
+  if (color.startsWith("#")) {
+    return color;
+  }
+  if (color.includes("rgb")) {
+    const matches = color.match(/\d+/g);
+    if (matches && matches.length >= 3) {
+      const r2 = parseInt(matches[0]);
+      const g2 = parseInt(matches[1]);
+      const b2 = parseInt(matches[2]);
+      return `#${r2.toString(16).padStart(2, "0")}${g2.toString(16).padStart(2, "0")}${b2.toString(16).padStart(2, "0")}`;
+    }
+  }
+  return color;
+}
+function detectTableStylesFromInline(table) {
+  const result = {
+    hasHeaderRow: false,
+    oddStripingColor: null,
+    evenStripingColor: null,
+    headerBackgroundColors: []
+  };
+  const rows = Array.from(table.querySelectorAll("tr"));
+  if (rows.length === 0)
+    return result;
+  const firstRow = rows[0];
+  const headerCells = firstRow.querySelectorAll("th");
+  const hasThElements = headerCells.length > 0;
+  if (hasThElements) {
+    result.hasHeaderRow = true;
+    headerCells.forEach((th) => {
+      const bgColor = th.style.backgroundColor;
+      if (bgColor) {
+        result.headerBackgroundColors.push(normalizeColor(bgColor));
+      } else {
+        result.headerBackgroundColors.push("");
+      }
+    });
+  } else {
+    const firstRowCells = firstRow.querySelectorAll("td");
+    if (firstRowCells.length > 0) {
+      const firstCell = firstRowCells[0];
+      const bgColor = firstCell.style.backgroundColor;
+      if (bgColor) {
+        const normalizedBg = normalizeColor(bgColor);
+        const isLikelyHeader = normalizedBg === "#f8f9fa" || normalizedBg === "#565656" || firstCell.style.fontWeight === "600" || firstCell.style.fontWeight === "bold";
+        if (isLikelyHeader) {
+          result.hasHeaderRow = true;
+          firstRowCells.forEach((td) => {
+            const cellBg = td.style.backgroundColor;
+            result.headerBackgroundColors.push(
+              cellBg ? normalizeColor(cellBg) : ""
+            );
+          });
+        }
+      }
+    }
+  }
+  const dataRows = result.hasHeaderRow ? rows.slice(1) : rows;
+  const rowColors = [];
+  dataRows.forEach((row) => {
+    const cells = row.querySelectorAll("td");
+    if (cells.length > 0) {
+      const cellColors = [];
+      cells.forEach((cell) => {
+        const bgColor = cell.style.backgroundColor;
+        cellColors.push(bgColor ? normalizeColor(bgColor) : null);
+      });
+      const firstColor = cellColors[0];
+      const allSameColor = cellColors.every((c2) => c2 === firstColor);
+      if (allSameColor && firstColor) {
+        rowColors.push(firstColor);
+      } else {
+        rowColors.push(null);
+      }
+    }
+  });
+  if (rowColors.length >= 2) {
+    const oddRowColors = rowColors.filter((_, i2) => (i2 + 1) % 2 === 0);
+    const evenRowColors = rowColors.filter((_, i2) => (i2 + 1) % 2 === 1);
+    const oddColorCounts = /* @__PURE__ */ new Map();
+    oddRowColors.forEach((c2) => {
+      if (c2 && c2 !== "transparent" && c2 !== "rgba(0, 0, 0, 0)") {
+        oddColorCounts.set(c2, (oddColorCounts.get(c2) || 0) + 1);
+      }
+    });
+    const evenColorCounts = /* @__PURE__ */ new Map();
+    evenRowColors.forEach((c2) => {
+      if (c2 && c2 !== "transparent" && c2 !== "rgba(0, 0, 0, 0)") {
+        evenColorCounts.set(c2, (evenColorCounts.get(c2) || 0) + 1);
+      }
+    });
+    let maxOddCount = 0;
+    let maxOddColor = null;
+    oddColorCounts.forEach((count2, color) => {
+      if (count2 > maxOddCount) {
+        maxOddCount = count2;
+        maxOddColor = color;
+      }
+    });
+    let maxEvenCount = 0;
+    let maxEvenColor = null;
+    evenColorCounts.forEach((count2, color) => {
+      if (count2 > maxEvenCount) {
+        maxEvenCount = count2;
+        maxEvenColor = color;
+      }
+    });
+    if (maxOddColor && (maxOddCount >= 1 || oddRowColors.length <= 2)) {
+      if (maxOddColor !== maxEvenColor || !maxEvenColor) {
+        result.oddStripingColor = maxOddColor;
+      }
+    }
+    if (maxEvenColor && (maxEvenCount >= 1 || evenRowColors.length <= 2)) {
+      if (maxEvenColor !== maxOddColor || !maxOddColor) {
+        result.evenStripingColor = maxEvenColor;
+      }
+    }
+  } else if (rowColors.length === 1 && rowColors[0]) {
+    result.oddStripingColor = rowColors[0];
+  }
+  return result;
+}
+function preprocessInitialContent(html) {
+  if (!html || !html.includes("<table")) {
+    return html;
+  }
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(html, "text/html");
+  const tables = doc.querySelectorAll("table");
+  tables.forEach((table) => {
+    const styles = detectTableStylesFromInline(table);
+    if (styles.oddStripingColor) {
+      table.style.setProperty(
+        "--table-odd-striping-color",
+        styles.oddStripingColor
+      );
+      table.classList.add("table-custom-odd-striping");
+    }
+    if (styles.evenStripingColor) {
+      table.style.setProperty(
+        "--table-even-striping-color",
+        styles.evenStripingColor
+      );
+      table.classList.add("table-custom-even-striping");
+    }
+    if (styles.hasHeaderRow) {
+      table.classList.add("has-header-row");
+      const firstHeaderColor = styles.headerBackgroundColors.find((c2) => c2);
+      if (firstHeaderColor) {
+        table.style.setProperty("--table-header-bg-color", firstHeaderColor);
+      }
+    }
+    if (!table.classList.contains("PlaygroundEditorTheme__table")) {
+      table.classList.add("PlaygroundEditorTheme__table");
+    }
+  });
+  return doc.body.innerHTML;
+}
 const useAutoExpandingHeight = ({
   minHeight = 150,
   maxHeight = 800,
@@ -35529,7 +35842,7 @@ const OnChangeWrapper = ({
 }) => {
   const [editor] = useLexicalComposerContext();
   const handleChange = () => {
-    const exportReady = exportEditorWithStriping(editor);
+    const exportReady = exportEditorWithInlineStyle(editor);
     if (onChange) {
       onChange(exportReady);
     }
@@ -35540,19 +35853,127 @@ const InitialContentPlugin = ({
   initialContent
 }) => {
   const [editor] = useLexicalComposerContext();
+  const [hasInitialized, setHasInitialized] = useState$1(false);
   useEffect$1(() => {
-    if (!initialContent)
+    if (hasInitialized || !initialContent)
       return;
+    setHasInitialized(true);
+    const processedHtml = preprocessInitialContent(initialContent);
     editor.update(() => {
       const parser = new DOMParser();
-      const dom = parser.parseFromString(initialContent, "text/html");
+      const dom = parser.parseFromString(processedHtml, "text/html");
       const nodes = $generateNodesFromDOM(editor, dom);
       const root2 = $getRoot();
       root2.clear();
       root2.append(...nodes);
+      root2.getChildren().forEach((node) => {
+        if ($isTableNode(node)) {
+          const rows = node.getChildren();
+          if (rows.length > 0) {
+            const firstRow = rows[0];
+            if ($isTableRowNode(firstRow)) {
+              const cells = firstRow.getChildren();
+              let hasHeaderCells = false;
+              const preprocessedTables = dom.querySelectorAll("table");
+              preprocessedTables.forEach((table) => {
+                const firstTr = table.querySelector("tr");
+                if (firstTr && firstTr.querySelectorAll("th").length > 0) {
+                  hasHeaderCells = true;
+                }
+              });
+              if (hasHeaderCells) {
+                cells.forEach((cell) => {
+                  if ($isTableCellNode(cell)) {
+                    cell.setHeaderStyles(TableCellHeaderStates.COLUMN);
+                  }
+                });
+              }
+            }
+          }
+        }
+      });
       root2.selectEnd();
     });
-  }, [editor, initialContent]);
+    requestAnimationFrame(() => {
+      const rootElement = editor.getRootElement();
+      if (!rootElement)
+        return;
+      const parser = new DOMParser();
+      const preprocessedDom = parser.parseFromString(processedHtml, "text/html");
+      const preprocessedTables = preprocessedDom.querySelectorAll("table");
+      const liveTables = rootElement.querySelectorAll("table");
+      liveTables.forEach((liveTable, index2) => {
+        const preprocessedTable = preprocessedTables[index2];
+        if (!preprocessedTable)
+          return;
+        const oddColor = preprocessedTable.style.getPropertyValue("--table-odd-striping-color");
+        const evenColor = preprocessedTable.style.getPropertyValue("--table-even-striping-color");
+        const headerBgColor = preprocessedTable.style.getPropertyValue("--table-header-bg-color");
+        const hasHeaderRow = preprocessedTable.classList.contains("has-header-row");
+        const tableWrapper = liveTable.closest(".PlaygroundEditorTheme__tableScrollableWrapper");
+        const targetElement = tableWrapper || liveTable;
+        const normalizeColor2 = (color) => {
+          if (!color)
+            return "";
+          color = color.trim().toLowerCase();
+          if (color.startsWith("#")) {
+            if (color.length === 4) {
+              return `#${color[1]}${color[1]}${color[2]}${color[2]}${color[3]}${color[3]}`;
+            }
+            return color;
+          }
+          if (color.includes("rgb")) {
+            const matches = color.match(/\d+/g);
+            if (matches && matches.length >= 3) {
+              const r2 = parseInt(matches[0]);
+              const g2 = parseInt(matches[1]);
+              const b2 = parseInt(matches[2]);
+              return `#${r2.toString(16).padStart(2, "0")}${g2.toString(16).padStart(2, "0")}${b2.toString(16).padStart(2, "0")}`;
+            }
+          }
+          return color;
+        };
+        const normalizedOdd = normalizeColor2(oddColor);
+        const normalizedEven = normalizeColor2(evenColor);
+        if (oddColor || evenColor) {
+          const rows = Array.from(liveTable.querySelectorAll("tr"));
+          const dataRows = hasHeaderRow ? rows.slice(1) : rows;
+          dataRows.forEach((row) => {
+            row.querySelectorAll("td").forEach((cell) => {
+              const cellElement = cell;
+              const cellBgColor = cellElement.style.backgroundColor;
+              const normalizedCellColor = normalizeColor2(cellBgColor);
+              const isStripingColor = normalizedCellColor === normalizedOdd || normalizedCellColor === normalizedEven;
+              if (isStripingColor || !cellBgColor) {
+                cellElement.style.removeProperty("background-color");
+                cellElement.style.removeProperty("color");
+                cell.querySelectorAll("*").forEach((nested) => {
+                  nested.style.removeProperty("color");
+                });
+              } else {
+                cellElement.style.setProperty("background-color", cellBgColor, "important");
+              }
+            });
+          });
+        }
+        if (oddColor) {
+          targetElement.style.setProperty("--table-odd-striping-color", oddColor);
+          targetElement.classList.add("table-custom-odd-striping");
+        }
+        if (evenColor) {
+          targetElement.style.setProperty("--table-even-striping-color", evenColor);
+          targetElement.classList.add("table-custom-even-striping");
+        }
+        if (headerBgColor) {
+          targetElement.style.setProperty("--table-header-bg-color", headerBgColor);
+          liveTable.style.setProperty("--table-header-bg-color", headerBgColor);
+        }
+        if (hasHeaderRow) {
+          targetElement.classList.add("has-header-row");
+        }
+      });
+    });
+  }, [editor, initialContent, hasInitialized]);
   return null;
 };
 const CellBackgroundPersistencePlugin = () => {
@@ -35954,4 +36375,4 @@ export {
   useHtmlView as u,
   verifyApiKey as v
 };
-//# sourceMappingURL=index-75a344b6.js.map
+//# sourceMappingURL=index-dbb526cd.js.map