@elmethis/qwik 0.0.1

package/lib/elmethis20.js

@@ -0,0 +1,89 @@
+import { jsx, jsxs } from "@builder.io/qwik/jsx-runtime";
+import { component$, Slot } from "@builder.io/qwik";
+import styles from "./elmethis65.js";
+import textStyles from "./elmethis30.js";
+import { ElmInlineIcon } from "./elmethis9.js";
+const ElmInlineText = component$((props) => {
+  const { bold = false, italic = false, underline = false, strikethrough = false, code = false, size = "1em" } = props;
+  let vnode = props.text ? /* @__PURE__ */ jsx("span", {
+    children: props.text
+  }) : /* @__PURE__ */ jsx(Slot, {});
+  if (props.kbd) {
+    vnode = /* @__PURE__ */ jsx("kbd", {
+      class: styles.kbd,
+      children: vnode
+    });
+  }
+  if (strikethrough) {
+    vnode = /* @__PURE__ */ jsx("del", {
+      children: vnode
+    });
+  }
+  if (italic) {
+    vnode = /* @__PURE__ */ jsx("em", {
+      children: vnode
+    });
+  }
+  if (underline) {
+    vnode = /* @__PURE__ */ jsx("ins", {
+      children: vnode
+    });
+  }
+  if (bold) {
+    vnode = /* @__PURE__ */ jsx("strong", {
+      children: vnode
+    });
+  }
+  if (code) {
+    vnode = /* @__PURE__ */ jsx("code", {
+      class: styles.code,
+      children: vnode
+    });
+  }
+  if (props.ruby) {
+    vnode = /* @__PURE__ */ jsxs("ruby", {
+      class: styles.text,
+      children: [
+        /* @__PURE__ */ jsx("span", {
+          children: vnode
+        }),
+        /* @__PURE__ */ jsx("rt", {
+          children: props.ruby
+        })
+      ]
+    });
+  }
+  const wrappedVnode = /* @__PURE__ */ jsx("span", {
+    class: [
+      styles.text,
+      textStyles.text
+    ],
+    style: {
+      "--color": props.color,
+      "--font-size": size,
+      "--background-color": props.backgroundColor
+    },
+    children: vnode
+  });
+  if (props.href) {
+    return /* @__PURE__ */ jsxs("a", {
+      class: styles.link,
+      href: props.href,
+      style: {
+        "--font-size": size
+      },
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: [
+        props.favicon && /* @__PURE__ */ jsx(ElmInlineIcon, {
+          src: props.favicon
+        }),
+        wrappedVnode
+      ]
+    });
+  }
+  return wrappedVnode;
+});
+export {
+  ElmInlineText
+};

package/lib/elmethis21.js

@@ -0,0 +1,28 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, Slot } from "@builder.io/qwik";
+/* empty css           */
+import textStyles from "./elmethis30.js";
+const ElmList = component$(({ listStyle = "unordered" }) => {
+  if (listStyle === "ordered") {
+    return /* @__PURE__ */ jsx("ol", {
+      class: [
+        textStyles.text,
+        "elmethis-list-common",
+        "elmethis-numbered-list"
+      ],
+      children: /* @__PURE__ */ jsx(Slot, {})
+    });
+  } else {
+    return /* @__PURE__ */ jsx("ul", {
+      class: [
+        textStyles.text,
+        "elmethis-list-common",
+        "elmethis-bulleted-list"
+      ],
+      children: /* @__PURE__ */ jsx(Slot, {})
+    });
+  }
+});
+export {
+  ElmList
+};

package/lib/elmethis22.js

@@ -0,0 +1,24 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, Slot } from "@builder.io/qwik";
+import styles from "./elmethis67.js";
+import textStyles from "./elmethis30.js";
+import { useInView } from "./elmethis68.js";
+const ElmParagraph = component$(({ color, backgroundColor }) => {
+  const { ref, isVisible } = useInView();
+  return /* @__PURE__ */ jsx("p", {
+    ref,
+    class: [
+      styles.paragraph,
+      textStyles.text
+    ],
+    style: {
+      "--color": color,
+      "--background-color": backgroundColor,
+      "--opacity": isVisible.value ? 1 : 0
+    },
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  ElmParagraph
+};

package/lib/elmethis23.js

@@ -0,0 +1,57 @@
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, useComputed$, useContextProvider, createContextId, Slot } from "@builder.io/qwik";
+import styles from "./elmethis69.js";
+import textStyles from "./elmethis30.js";
+import { ElmInlineText } from "./elmethis20.js";
+const HasRowHeaderContext = createContextId("HasRowHeaderContext");
+const ElmTable = component$((props) => {
+  const { margin, caption, hasRowHeader = false } = props;
+  const hasRowHeaderComputed = useComputed$(() => hasRowHeader);
+  useContextProvider(HasRowHeaderContext, hasRowHeaderComputed);
+  return /* @__PURE__ */ jsxs("table", {
+    class: [
+      styles.table,
+      textStyles.text
+    ],
+    style: {
+      "--margin-block": margin
+    },
+    children: [
+      caption && /* @__PURE__ */ jsx("caption", {
+        children: /* @__PURE__ */ jsxs("span", {
+          class: styles["caption"],
+          children: [
+            /* @__PURE__ */ jsx("span", {
+              class: styles.spacing
+            }),
+            /* @__PURE__ */ jsxs("span", {
+              class: styles["caption-inner"],
+              children: [
+                /* @__PURE__ */ jsx("svg", {
+                  viewBox: "0 0 24 24",
+                  width: "1rem",
+                  height: "1rem",
+                  children: /* @__PURE__ */ jsx("path", {
+                    d: "M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M12,6A6,6 0 0,0 6,12A6,6 0 0,0 12,18A6,6 0 0,0 18,12A6,6 0 0,0 12,6M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8Z",
+                    fill: "#6987b8"
+                  })
+                }),
+                /* @__PURE__ */ jsx(ElmInlineText, {
+                  text: caption
+                })
+              ]
+            }),
+            /* @__PURE__ */ jsx("span", {
+              class: styles.spacing
+            })
+          ]
+        })
+      }),
+      /* @__PURE__ */ jsx(Slot, {})
+    ]
+  });
+});
+export {
+  ElmTable,
+  HasRowHeaderContext
+};

package/lib/elmethis24.js

@@ -0,0 +1,15 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, useContextProvider, createContextId, Slot } from "@builder.io/qwik";
+import styles from "./elmethis70.js";
+const HasHeaderContext = createContextId("HasHeaderContext");
+const ElmTableHeader = component$(() => {
+  useContextProvider(HasHeaderContext, true);
+  return /* @__PURE__ */ jsx("thead", {
+    class: styles.thead,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  ElmTableHeader,
+  HasHeaderContext
+};

package/lib/elmethis25.js

@@ -0,0 +1,12 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, useContextProvider, Slot } from "@builder.io/qwik";
+import { HasHeaderContext } from "./elmethis24.js";
+const ElmTableBody = component$(() => {
+  useContextProvider(HasHeaderContext, false);
+  return /* @__PURE__ */ jsx("tbody", {
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  ElmTableBody
+};

package/lib/elmethis26.js

@@ -0,0 +1,17 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, useContext, Slot } from "@builder.io/qwik";
+import styles from "./elmethis71.js";
+import { HasRowHeaderContext } from "./elmethis23.js";
+const ElmTableRow = component$(() => {
+  const hasRowHeader = useContext(HasRowHeaderContext);
+  return /* @__PURE__ */ jsx("tr", {
+    class: [
+      styles.tr,
+      hasRowHeader.value && styles["has-row-header"]
+    ],
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  ElmTableRow
+};

package/lib/elmethis27.js

@@ -0,0 +1,27 @@
+import { jsx, Fragment } from "@builder.io/qwik/jsx-runtime";
+import { component$, useContext, Slot } from "@builder.io/qwik";
+import styles from "./elmethis72.js";
+import { HasHeaderContext } from "./elmethis24.js";
+const ElmTableCell = component$((props) => {
+  const { hasHeader = false, text } = props;
+  const hasHeaderInjected = useContext(HasHeaderContext, false);
+  const isHeader = hasHeader || hasHeaderInjected;
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: isHeader ? /* @__PURE__ */ jsx("th", {
+      class: [
+        styles.common,
+        styles.th
+      ],
+      children: text ? text : /* @__PURE__ */ jsx(Slot, {})
+    }) : /* @__PURE__ */ jsx("td", {
+      class: [
+        styles.common,
+        styles.td
+      ],
+      children: text ? text : /* @__PURE__ */ jsx(Slot, {})
+    })
+  });
+});
+export {
+  ElmTableCell
+};

package/lib/elmethis28.js

@@ -0,0 +1,193 @@
+import { jsx, jsxs } from "@builder.io/qwik/jsx-runtime";
+import { component$ } from "@builder.io/qwik";
+import { kebabCase } from "lodash-es";
+import styles from "./elmethis73.js";
+import { ElmInlineText } from "./elmethis20.js";
+import { ElmKatex } from "./elmethis3.js";
+import { ElmInlineIcon } from "./elmethis9.js";
+import { ElmHeading } from "./elmethis19.js";
+import { ElmParagraph } from "./elmethis22.js";
+import { ElmList } from "./elmethis21.js";
+import { ElmBlockQuote } from "./elmethis15.js";
+import { ElmCallout } from "./elmethis16.js";
+import { ElmDivider } from "./elmethis17.js";
+import { ElmToggle } from "./elmethis5.js";
+import { ElmBookmark } from "./elmethis14.js";
+import { ElmFile } from "./elmethis13.js";
+import { ElmBlockImage } from "./elmethis12.js";
+import { ElmCodeBlock } from "./elmethis2.js";
+import { ElmTableCell } from "./elmethis27.js";
+import { ElmTableRow } from "./elmethis26.js";
+import { ElmTable } from "./elmethis23.js";
+import { ElmTableHeader } from "./elmethis24.js";
+import { ElmTableBody } from "./elmethis25.js";
+const convertInlineComponentsToPlainText = (inlineComponents) => {
+  return inlineComponents.map((component) => {
+    if (component.type === "Text") {
+      return component.props.text;
+    } else {
+      return "";
+    }
+  }).join("");
+};
+const ElmJarkup = component$((props) => {
+  const render = (jsonComponents) => {
+    return jsonComponents.map((component, index) => {
+      const key = component.id || index;
+      switch (component.type) {
+        case "Text": {
+          const { props: p } = component;
+          if (p.katex) {
+            return /* @__PURE__ */ jsx(ElmKatex, {
+              expression: p.text,
+              block: false
+            }, key);
+          }
+          return /* @__PURE__ */ jsx(ElmInlineText, {
+            text: p.text,
+            color: p.color,
+            backgroundColor: p.backgroundColor,
+            bold: p.bold,
+            italic: p.italic,
+            underline: p.underline,
+            strikethrough: p.strikethrough,
+            code: p.code,
+            ruby: p.ruby,
+            href: p.href,
+            favicon: p.favicon
+          }, key);
+        }
+        case "Icon":
+          return /* @__PURE__ */ jsx(ElmInlineIcon, {
+            src: component.props.src,
+            alt: component.props.alt
+          }, key);
+        case "Heading":
+          return /* @__PURE__ */ jsx(ElmHeading, {
+            level: component.props.level,
+            id: kebabCase(convertInlineComponentsToPlainText(component.slots.default)),
+            children: render(component.slots.default)
+          }, key);
+        case "Paragraph":
+          return /* @__PURE__ */ jsx(ElmParagraph, {
+            color: component.props?.color,
+            backgroundColor: component.props?.backgroundColor,
+            children: render(component.slots.default)
+          }, key);
+        case "ListItem":
+          return /* @__PURE__ */ jsx("li", {
+            children: render(component.slots.default)
+          }, key);
+        case "List":
+          return /* @__PURE__ */ jsx(ElmList, {
+            listStyle: component.props?.listStyle === "unordered" ? "unordered" : "ordered",
+            children: render(component.slots.default)
+          }, key);
+        case "BlockQuote":
+          return /* @__PURE__ */ jsx(ElmBlockQuote, {
+            cite: component.props?.cite,
+            children: render(component.slots.default)
+          }, key);
+        case "Callout":
+          return /* @__PURE__ */ jsx(ElmCallout, {
+            type: component.props?.type,
+            children: render(component.slots.default)
+          }, key);
+        case "Divider":
+          return /* @__PURE__ */ jsx(ElmDivider, {}, key);
+        case "Toggle":
+          return /* @__PURE__ */ jsxs(ElmToggle, {
+            children: [
+              /* @__PURE__ */ jsx("div", {
+                "q:slot": "summary",
+                children: render(component.slots.summary)
+              }),
+              render(component.slots.default)
+            ]
+          }, key);
+        case "Bookmark":
+          return /* @__PURE__ */ jsx(ElmBookmark, {
+            url: component.props.url,
+            title: component.props.title,
+            description: component.props.description,
+            image: component.props.image
+          }, key);
+        case "File":
+          return /* @__PURE__ */ jsx(ElmFile, {
+            src: component.props.src,
+            name: component.props.name
+          }, key);
+        case "Image":
+          return /* @__PURE__ */ jsx(ElmBlockImage, {
+            src: component.props.src,
+            alt: component.props.alt,
+            enableModal: true
+          }, key);
+        case "CodeBlock":
+          return /* @__PURE__ */ jsx(ElmCodeBlock, {
+            code: component.props.code,
+            language: component.props.language,
+            children: component.slots?.default && render(component.slots.default)
+          }, key);
+        case "Katex":
+          return /* @__PURE__ */ jsx(ElmKatex, {
+            expression: component.props.expression,
+            block: true
+          }, key);
+        case "Table":
+          return /* @__PURE__ */ jsxs(ElmTable, {
+            caption: component.props?.caption,
+            hasRowHeader: component.props?.hasRowHeader,
+            children: [
+              component.slots.header && /* @__PURE__ */ jsx(ElmTableHeader, {
+                children: render(component.slots.header)
+              }),
+              /* @__PURE__ */ jsx(ElmTableBody, {
+                children: render(component.slots.body)
+              })
+            ]
+          }, key);
+        case "TableRow":
+          return /* @__PURE__ */ jsx(ElmTableRow, {
+            children: render(component.slots.default)
+          }, key);
+        case "TableCell":
+          return /* @__PURE__ */ jsx(ElmTableCell, {
+            children: render(component.slots.default)
+          }, key);
+        case "ColumnList":
+          return /* @__PURE__ */ jsx("div", {
+            class: styles["column-list"],
+            children: render(component.slots.default)
+          }, key);
+        case "Column":
+          return /* @__PURE__ */ jsx("div", {
+            class: styles.column,
+            style: {
+              "--width-ratio": component.props?.widthRatio || 1,
+              width: component.props?.widthRatio ? `${component.props.widthRatio * 100}%` : void 0
+            },
+            children: render(component.slots.default)
+          }, key);
+        default:
+          return /* @__PURE__ */ jsxs("div", {
+            style: {
+              color: "red",
+              border: "1px solid red"
+            },
+            children: [
+              "Unsupported component type: ",
+              component.type
+            ]
+          }, key);
+      }
+    });
+  };
+  return /* @__PURE__ */ jsx("div", {
+    class: styles["jarkup-body"],
+    children: render(props.jsonComponents)
+  });
+});
+export {
+  ElmJarkup
+};

package/lib/elmethis29.js

@@ -0,0 +1,17 @@
+const caption = "_caption_f7ep7_27";
+const divider = "_divider_f7ep7_49";
+const code = "_code_f7ep7_1";
+const styles = {
+  "code-block": "_code-block_f7ep7_1",
+  "language-icon": "_language-icon_f7ep7_22",
+  caption,
+  "copy-icon": "_copy-icon_f7ep7_33",
+  divider,
+  code
+};
+export {
+  caption,
+  code,
+  styles as default,
+  divider
+};

package/lib/elmethis3.js

@@ -0,0 +1,17 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, useComputed$ } from "@builder.io/qwik";
+import textStyles from "./elmethis30.js";
+import { renderToString } from "katex";
+const ElmKatex = component$(({ expression, block = false }) => {
+  const html = useComputed$(() => renderToString(expression, {
+    displayMode: block,
+    output: "mathml"
+  }));
+  return /* @__PURE__ */ jsx("div", {
+    class: textStyles.text,
+    dangerouslySetInnerHTML: html.value
+  });
+});
+export {
+  ElmKatex
+};

package/lib/elmethis30.js

@@ -0,0 +1,8 @@
+const text = "_text_zryur_1";
+const textStyles = {
+  text
+};
+export {
+  textStyles as default,
+  text
+};

package/lib/elmethis31.js

@@ -0,0 +1,79 @@
+import { createHighlighter } from "shiki";
+let highlighterPromise = null;
+function getHighlighterSingleton() {
+  if (!highlighterPromise) {
+    highlighterPromise = createHighlighter({
+      langs: [
+        "abap",
+        "bash",
+        "c",
+        "clojure",
+        "coffeescript",
+        "c++",
+        "c#",
+        "css",
+        "dart",
+        "diff",
+        "docker",
+        "elixir",
+        "elm",
+        "erlang",
+        "f#",
+        "gherkin",
+        "glsl",
+        "go",
+        "graphql",
+        "groovy",
+        "haskell",
+        "html",
+        "java",
+        "javascript",
+        "json",
+        "julia",
+        "kotlin",
+        "latex",
+        "less",
+        "lisp",
+        "lua",
+        "makefile",
+        "markdown",
+        "matlab",
+        "mermaid",
+        "nix",
+        "objective-c",
+        "ocaml",
+        "pascal",
+        "perl",
+        "php",
+        "plaintext",
+        "powershell",
+        "prolog",
+        "protobuf",
+        "python",
+        "r",
+        "ruby",
+        "rust",
+        "sass",
+        "scala",
+        "scheme",
+        "scss",
+        "shell",
+        "sql",
+        "swift",
+        "toml",
+        "typescript",
+        "wasm",
+        "xml",
+        "yaml"
+      ],
+      themes: [
+        "vitesse-light",
+        "vitesse-dark"
+      ]
+    });
+  }
+  return highlighterPromise;
+}
+export {
+  getHighlighterSingleton
+};

package/lib/elmethis33.js

@@ -0,0 +1,32 @@
+const toggle = "_toggle_1nxqa_1";
+const summary = "_summary_1nxqa_14";
+const content = "_content_1nxqa_60";
+const footer = "_footer_1nxqa_80";
+const styles = {
+  toggle,
+  "toggle-closed": "_toggle-closed_1nxqa_7",
+  "toggle-open": "_toggle-open_1nxqa_10",
+  summary,
+  "summary-open": "_summary-open_1nxqa_29",
+  "summary-closed": "_summary-closed_1nxqa_33",
+  "chevron-icon": "_chevron-icon_1nxqa_37",
+  "chevron-icon-open": "_chevron-icon-open_1nxqa_40",
+  "chevron-icon-closed": "_chevron-icon-closed_1nxqa_43",
+  "plus-icon": "_plus-icon_1nxqa_47",
+  "plus-icon-open": "_plus-icon-open_1nxqa_53",
+  "plus-icon-closed": "_plus-icon-closed_1nxqa_56",
+  content,
+  "content-open": "_content-open_1nxqa_73",
+  "content-closed": "_content-closed_1nxqa_76",
+  footer,
+  "footer-line": "_footer-line_1nxqa_99",
+  "footer-cross-icon": "_footer-cross-icon_1nxqa_106",
+  "footer-chevron-icon": "_footer-chevron-icon_1nxqa_109"
+};
+export {
+  content,
+  styles as default,
+  footer,
+  summary,
+  toggle
+};

package/lib/elmethis34.js

@@ -0,0 +1,6 @@
+const styles = {
+  "block-fallback": "_block-fallback_rt986_1"
+};
+export {
+  styles as default
+};

package/lib/elmethis35.js

@@ -0,0 +1,6 @@
+const styles = {
+  "rectangle-wave": "_rectangle-wave_hej9g_17"
+};
+export {
+  styles as default
+};

package/lib/elmethis36.js

@@ -0,0 +1,11 @@
+const wrapper = "_wrapper_1yktj_12";
+const dot = "_dot_1yktj_22";
+const styles = {
+  wrapper,
+  dot
+};
+export {
+  styles as default,
+  dot,
+  wrapper
+};

package/lib/elmethis37.js

@@ -0,0 +1,8 @@
+const icon = "_icon_19g82_1";
+const styles = {
+  icon
+};
+export {
+  styles as default,
+  icon
+};