@apia/theme 4.0.37 → 4.0.41

package/dist/{index-DYGQfvLC.js → index-B2pK-8hw.js}

@@ -5757,51 +5757,6 @@ const semanticSearch = {
       padding: "0 24px 32px 24px",
       fontWeight: "bold"
     },
-    ".markdown": {
-      padding: "0 24px 32px 24px",
-      "h1, h2, h3, h4, h5, h6": {
-        margin: "32px 0px 20px 0px",
-        "& *": {
-          fontSize: "inherit",
-          fontWeight: "inherit",
-          fontFamily: "inherit"
-        }
-      },
-      blockquote: {
-        fontStyle: "italic"
-      },
-      table: {
-        variant: "layout.common.tables.secondary",
-        thead: {
-          zIndex: 0
-        }
-      },
-      h2: {
-        display: "block",
-        borderBottom: "2px solid hsl(195deg 10% 49% / 50%)",
-        paddingBottom: "16px"
-      },
-      h3: {
-        textDecoration: "underline"
-      },
-      h4: {
-        fontSize: "20px"
-      },
-      ul: {
-        listStyle: "unset",
-        listStyleType: "disc",
-        margin: "unset",
-        padding: "unset",
-        paddingLeft: "20px",
-        paddingBottom: "16px"
-      },
-      "ol + ul, ul + ul, ol ul, ul ul": {
-        paddingLeft: "72px"
-      },
-      "p, ul, ol, blockQuote, table": {
-        mt: "16px"
-      }
-    },
     ".filters__container": {
       " > div": {
         display: "flex",
@@ -6343,9 +6298,10 @@ const controller = {
   display: "flex",
   flexDirection: "column",
   alignItems: "stretch",
-  maxHeight: "50vh",
+  height: "100%",
   gap: 3,
   flexBasis: "50vh",
+  flexGrow: 1,
   ".autoscrollContainer": {
     flexGrow: 1,
     flexShrink: 1,
@@ -6356,7 +6312,8 @@ const controller = {
   },
   ".assistantHistory": {
     flexGrow: 1,
-    overflow: "auto"
+    overflow: "auto",
+    maxHeight: "77vh"
   }
 };
 
@@ -6463,6 +6420,9 @@ const assistant = {
     ".modal__main": {
       maxWidth: "unset",
       overflow: "hidden"
+    },
+    "#floatingAssistant": {
+      minWidth: "500px"
     }
   }
 };
@@ -6477,6 +6437,52 @@ const chat = {
   message
 };
 
+const markdown = {
+  padding: "0 24px 32px 24px",
+  "h1, h2, h3, h4, h5, h6": {
+    margin: "32px 0px 20px 0px",
+    "& *": {
+      fontSize: "inherit",
+      fontWeight: "inherit",
+      fontFamily: "inherit"
+    }
+  },
+  blockquote: {
+    fontStyle: "italic"
+  },
+  table: {
+    variant: "layout.common.tables.secondary",
+    thead: {
+      zIndex: 0
+    }
+  },
+  h2: {
+    display: "block",
+    borderBottom: "2px solid hsl(195deg 10% 49% / 50%)",
+    paddingBottom: "16px"
+  },
+  h3: {
+    textDecoration: "underline"
+  },
+  h4: {
+    fontSize: "20px"
+  },
+  ul: {
+    listStyle: "unset",
+    listStyleType: "disc",
+    margin: "unset",
+    padding: "unset",
+    paddingLeft: "20px",
+    paddingBottom: "16px"
+  },
+  "ol + ul, ul + ul, ol ul, ul ul": {
+    paddingLeft: "72px"
+  },
+  "p, ul, ol, blockQuote, table": {
+    mt: "16px"
+  }
+};
+
 const common = (theme) => {
   return {
     boxes,
@@ -6487,7 +6493,8 @@ const common = (theme) => {
     trees,
     tooltips,
     ai,
-    chat
+    chat,
+    markdown
     /* PREPEND HERE */
   };
 };
@@ -7835,6 +7842,37 @@ const ApiaThemeProvider = ({
   return /* @__PURE__ */ jsx(ThemeProvider, { theme, children });
 };
 
+const name$5 = "pageBreak";
+const pageBreakTag = "@@@ PAGEBREAK @@@";
+const pageBreakExtension = {
+  name: name$5,
+  parser: (state, startLine, _endLine, checkMode) => {
+    const line = state.getLines(startLine, startLine + 1, 0, false);
+    if (line.trim() !== pageBreakTag)
+      return false;
+    if (checkMode)
+      return true;
+    state.tokens.push({
+      type: name$5,
+      level: 0,
+      lines: [startLine, startLine + 1]
+    });
+    state.line = startLine + 1;
+    return true;
+  },
+  replacer: () => () => `<div class="${name$5}"></div>`,
+  styles: () => `
+.${name$5} + * {
+  page-break-before: always;
+}
+
+.${name$5} {
+  display: none;
+}
+
+`
+};
+
 function assignHelp(fn) {
   Object.assign(fn, {
     help: `A markdown parser. Accepts a configuration object with the following structure: 
@@ -7900,17 +7938,17 @@ const errorExtension = {
 }`
 };
 
-var __defProp$4 = Object.defineProperty;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$4 = (obj, key, value) => {
-  __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$5 = Object.defineProperty;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$5 = (obj, key, value) => {
+  __defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class HeadingToken {
   constructor(content, level) {
     this.level = level;
-    __publicField$4(this, "_content");
-    __publicField$4(this, "type", "heading");
+    __publicField$5(this, "_content");
+    __publicField$5(this, "type", "heading");
     this._content = content;
   }
   get content() {
@@ -7979,10 +8017,10 @@ const successExtension = {
 }`
 };
 
-var __defProp$3 = Object.defineProperty;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$3 = (obj, key, value) => {
-  __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$4 = Object.defineProperty;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$4 = (obj, key, value) => {
+  __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck$1 = (obj, member, msg) => {
@@ -8010,9 +8048,9 @@ class TableToken {
   constructor(content, lines) {
     this.lines = lines;
     __privateAdd$1(this, _getColumnAlignment$1);
-    __publicField$3(this, "content");
-    __publicField$3(this, "level", 1);
-    __publicField$3(this, "type", name$1);
+    __publicField$4(this, "content");
+    __publicField$4(this, "level", 1);
+    __publicField$4(this, "type", name$1);
     this.content = JSON.stringify(content);
   }
   getTable() {
@@ -8047,7 +8085,7 @@ getColumnAlignment_fn$1 = function(table, index) {
   return getCell(table.header[i - 1]).align;
 };
 const name$1 = "advancedTable";
-const headerRowRegex = /^ *(?:\{ *#([\w\-]+) *\})? *((?:\|.+)+\|) *$/;
+const headerRowRegex = /^ *(?:\{ *#([\w-]+) *\})? *((?:\|.+)+\|) *$/;
 const rowRegex = /^ *(?:\|.+)+\| *$/;
 const separatorRegex = /^ *(?:\| *:? *----* *:? *)+\| *$/;
 class TableExtension {
@@ -8062,7 +8100,7 @@ class TableExtension {
           return `${cell.className ? ` class="${cell.className ?? ""}"` : ""}`;
         },
         parseCellString(content) {
-          const classNameRegex = /\(\.([^\)]+)\)/;
+          const classNameRegex = /\(\.([^)]+)\)/;
           const className = content.match(classNameRegex)?.[1];
           return {
             parsedCell: { className },
@@ -8104,7 +8142,7 @@ class TableExtension {
           return `${style ? ` style="${style}"` : ""}`;
         },
         parseCellString(content) {
-          const stylesRegex = /\(\{style:([^\}]+)\}\)/;
+          const stylesRegex = /\(\{style:([^}]+)\}\)/;
           const style = content.match(stylesRegex)?.[1] ?? "";
           return {
             parsedCell: { style },
@@ -8113,8 +8151,8 @@ class TableExtension {
         }
       }
     ]);
-    __publicField$3(this, "name", name$1);
-    __publicField$3(this, "parser", (state, startLine, endLine, checkMode) => {
+    __publicField$4(this, "name", name$1);
+    __publicField$4(this, "parser", (state, startLine, endLine, checkMode) => {
       if (startLine + 1 >= endLine) {
         return false;
       }
@@ -8169,10 +8207,10 @@ class TableExtension {
       }
       return false;
     });
-    __publicField$3(this, "replacer", (md) => (tokens, idx) => {
+    __publicField$4(this, "replacer", (md) => (tokens, idx) => {
       return tokens[idx].getTableString(__privateGet$1(this, _cellParsers), md);
     });
-    __publicField$3(this, "styles", () => "");
+    __publicField$4(this, "styles", () => "");
   }
 }
 _cellParsers = new WeakMap();
@@ -8245,7 +8283,8 @@ const markdownExtensions = [
   errorExtension,
   successExtension,
   new TableExtension(),
-  warningExtension
+  warningExtension,
+  pageBreakExtension
 ];
 
 function isInlineExtension(ext) {
@@ -8273,7 +8312,7 @@ async function getRemarkable(extensions) {
 
 const parseMarkdown = async (options) => {
   const markdownLibrary = await getRemarkable(options.extensions);
-  const css = (await import('./styles-BQLlZhHD.js')).markdownParserStyles ?? new ErrorImporting();
+  const css = (await import('./styles-Diuey2Pf.js')).markdownParserStyles ?? new ErrorImporting();
   if (css instanceof ErrorImporting)
     throw new Error("Could not import css, cannot continue");
   const html = options.htmlTemplate ?? (await import('./html-B-K0BIiw.js')).markdownHtml ?? new ErrorImporting();
@@ -8282,59 +8321,16 @@ const parseMarkdown = async (options) => {
   const markdownString = options.content;
   const markdownParser = markdownLibrary.render.bind(markdownLibrary);
   let htmlString = markdownParser(markdownString);
-  if (options.tableOfContentsTitle) {
+  if (options.tocProps) {
     const b = new MarkdownBuilder();
-    htmlString = b.addTableOfContents(options.tableOfContentsTitle, htmlString);
+    htmlString = b.addTableOfContents(options.tocProps, htmlString);
   }
   const rendered = html(
     options.title,
     css(options.additionalStyles, options.extensions),
     `${options?.additionalBodyContent?.before ?? ""}${htmlString}${options?.additionalBodyContent?.after ?? ""}`
   );
-  let finalHtml = rendered;
-  try {
-    const DOMParserCtor = globalThis.DOMParser;
-    const hasDOM = typeof DOMParserCtor !== "undefined" && typeof globalThis.document !== "undefined";
-    if (hasDOM) {
-      const parser = new DOMParserCtor();
-      const doc = parser.parseFromString(finalHtml, "text/html");
-      const body = doc.body;
-      const headings = Array.from(
-        body.querySelectorAll("h1, h2, h3")
-      );
-      for (const h of headings) {
-        if (h.tagName === "H1") {
-          h.classList.add("mt-high");
-        }
-        const parent = h.parentElement;
-        if (parent && parent.tagName === "DIV" && parent.getAttribute("data-keep-with-next") === "true") {
-          continue;
-        }
-        const wrapper = doc.createElement("div");
-        wrapper.setAttribute(
-          "style",
-          "break-inside: avoid; display: flex; flex-direction: column; gap: var(--space-6)"
-        );
-        wrapper.setAttribute("data-keep-with-next", "true");
-        h.parentNode.insertBefore(wrapper, h);
-        let node = h;
-        while (node) {
-          const next = node.nextSibling;
-          wrapper.appendChild(node);
-          if (next && next.tagName) {
-            const tag = String(next.tagName);
-            if (/^H[1-6]$/.test(tag)) {
-              break;
-            }
-          }
-          node = next;
-        }
-      }
-      finalHtml = doc.documentElement.outerHTML;
-    }
-  } catch {
-  }
-  return finalHtml;
+  return rendered;
 };
 assignHelp(parseMarkdown);
 
@@ -8381,17 +8377,17 @@ class MarkdownHeader extends MarkdownParagraph {
   }
 }
 
-var __defProp$2 = Object.defineProperty;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$2 = (obj, key, value) => {
-  __defNormalProp$2(obj, key + "" , value);
+var __defProp$3 = Object.defineProperty;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$3 = (obj, key, value) => {
+  __defNormalProp$3(obj, key + "" , value);
   return value;
 };
 class MarkdownList extends MarkdownBlock {
   constructor(sorted = false) {
     super();
     this.sorted = sorted;
-    __publicField$2(this, "items", []);
+    __publicField$3(this, "items", []);
   }
   /**
    * Cada elemento de la lista es un MarkdownBuilder.
@@ -8431,6 +8427,39 @@ class MarkdownList extends MarkdownBlock {
   }
 }
 
+var __defProp$2 = Object.defineProperty;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$2 = (obj, key, value) => {
+  __defNormalProp$2(obj, key + "" , value);
+  return value;
+};
+class MarkdownPage extends MarkdownBlock {
+  constructor() {
+    super(...arguments);
+    __publicField$2(this, "items", []);
+  }
+  /**
+   * Cada elemento de la lista es un MarkdownBuilder.
+   *
+   * Si se pasa text como parámetro, este texto será agregado mediante
+   * builder.p(text)
+   */
+  add(text) {
+    const newBuilder = new MarkdownBuilder();
+    if (text)
+      newBuilder.p(text);
+    this.items.push(newBuilder);
+    return newBuilder;
+  }
+  toString() {
+    return `<div class="md-page">
+
+${this.items.map((c) => c.toMarkdown()).join("\n")}
+
+</div>`;
+  }
+}
+
 var __defProp$1 = Object.defineProperty;
 var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$1 = (obj, key, value) => {
@@ -8593,25 +8622,29 @@ class MarkdownTableOfContents extends MarkdownParagraph {
    * procesados por setUniqueIds) y crea una tabla de contenidos a partir de
    * esos ids
    */
-  static makeTableOfContents(title, html) {
+  static makeTableOfContents(props, html) {
     const idMap = {};
     const parser = new DOMParser();
     const parsedDocument = parser.parseFromString(html, "text/html");
-    const headers = parsedDocument.querySelectorAll("h1, h2, h3, h4, h5, h6");
+    const headers = parsedDocument.querySelectorAll(
+      new Array(props.maxLevel || 3).fill(1).map((_, i) => `h${i}`).join(", ")
+    );
     const root = document.createElement("ul");
     root.id = "TableOfContents";
     const prevParentMap = { 0: root };
     for (const header of headers) {
-      this.setUniqueId(idMap, header);
-      const depth = this.getNodeDepth(header);
-      const parentDepth = depth - 1;
-      this.deletePrevValues(prevParentMap, depth);
-      const ulParent = this.getParent(prevParentMap, parentDepth);
-      this.createNewLevel(header, ulParent, prevParentMap, parentDepth);
+      if (!props.filter || props.filter(header)) {
+        this.setUniqueId(idMap, header);
+        const depth = this.getNodeDepth(header);
+        const parentDepth = depth - 1;
+        this.deletePrevValues(prevParentMap, depth);
+        const ulParent = this.getParent(prevParentMap, parentDepth);
+        this.createNewLevel(header, ulParent, prevParentMap, parentDepth);
+      }
     }
     return parsedDocument.documentElement.outerHTML.replace(
       tocPlaceholder,
-      `<h2>${title}</h2>${root.outerHTML}`
+      `<h2>${props.title}</h2>${root.outerHTML}`
     );
   }
   static deletePrevValues(prevParentMap, depth) {
@@ -8654,7 +8687,7 @@ class MarkdownTableOfContents extends MarkdownParagraph {
    * De esta forma, nos aseguramos que ningún heading tenga un id igual a otro
    */
   static setUniqueId(idMap, element) {
-    const replacementRegex = /[\s\(\)]+/g;
+    const replacementRegex = /[\s()]+/g;
     const replacementChar = "-";
     const id = (element.id ? element.id : element.textContent)?.toLocaleLowerCase().trim().replaceAll(replacementRegex, replacementChar);
     const tokens = id.split("_-_", 2);
@@ -8670,8 +8703,8 @@ class MarkdownTableOfContents extends MarkdownParagraph {
       cond = idMap[`${tokens[0]}_-_${tokens[1]}`];
     element.id = `${tokens[0]}_-_${tokens[1]}`;
   }
-  static appendTableOfContents(title, html) {
-    return this.makeTableOfContents(title, html);
+  static appendTableOfContents(props, html) {
+    return this.makeTableOfContents(props, html);
   }
 }
 
@@ -8723,11 +8756,23 @@ class MarkdownBuilder {
     this.blocks.push(heading);
     return heading;
   }
+  html(text) {
+    this.blocks.push({
+      toString() {
+        return text.replaceAll(/\s{2,}/g, " ");
+      }
+    });
+  }
   p(text) {
     const p = new MarkdownParagraph(text);
     this.blocks.push(p);
     return p;
   }
+  page() {
+    const page = new MarkdownPage();
+    this.blocks.push(page);
+    return page;
+  }
   list(sorted = false) {
     const list = new MarkdownList(sorted);
     this.blocks.push(list);
@@ -8738,6 +8783,14 @@ class MarkdownBuilder {
     this.blocks.push(box);
     return box;
   }
+  pageBreak() {
+    this.blocks.push({
+      toString() {
+        return `
+${pageBreakTag}`;
+      }
+    });
+  }
   table(header = [], rows = []) {
     const table = new MarkdownTable(header, rows);
     this.blocks.push(table);
@@ -8752,13 +8805,10 @@ class MarkdownBuilder {
   }
   /**
    * Este método recibe un html y le agrega la tabla de contenidos, dentro de
-   * un div con id="TableOfCOntents"
+   * un div con id="TableOfContents"
    */
-  addTableOfContents(tableOfContentsTitle, html) {
-    return MarkdownTableOfContents.appendTableOfContents(
-      tableOfContentsTitle,
-      html
-    );
+  addTableOfContents(props, html) {
+    return MarkdownTableOfContents.appendTableOfContents(props, html);
   }
   toMarkdown() {
     let markdown = this.blocks.map((current) => current.toString()).join("\n\n");
@@ -8767,11 +8817,11 @@ class MarkdownBuilder {
   }
   toHtml(options) {
     let content = this.toMarkdown();
-    if (options?.tableOfContentsTitle)
-      content = this.addTableOfContents(options.tableOfContentsTitle, content);
+    if (options?.tocProps)
+      content = this.addTableOfContents(options.tocProps, content);
     return parseMarkdown({ ...options, content });
   }
 }
 
 export { ApiaThemeProvider as A, MarkdownTableOfContents as B, Form as F, MaterialInput as M, Table as T, getColorStates as a, getColorsAndStatesByDefinition as b, getColorsAndStatesByPath as c, getColorsByDefinition as d, getColorsByPath as e, getOneColorState as f, getColorState as g, applyStatesGetColor as h, makeStyledComponent as i, injectStyles as j, getSpacingLayouts as k, spacing as l, markdownExtensions as m, smallButton as n, focusOutline as o, parsePalette as p, getVariant as q, responsive$1 as r, spacingLayouts as s, MarkdownBlock as t, useMainTheme as u, MarkdownBuilder as v, parseMarkdown as w, MarkdownList as x, MarkdownParagraph as y, MarkdownTable as z };
-//# sourceMappingURL=index-DYGQfvLC.js.map
+//# sourceMappingURL=index-B2pK-8hw.js.map