@golemui/gui-react 0.12.2 → 0.13.1

package/Markdown-DeAW4y3P.js

@@ -0,0 +1,571 @@
+import { jsx as k } from "react/jsx-runtime";
+import { useInputWidget as D } from "@golemui/react";
+import "@golemui/gui-shared";
+import { useCallback as U } from "react";
+import { A as $, i as j, b as m, n as d, t as z } from "./directive-1yd1wdny.js";
+import { r as T } from "./state-DI9ZsB5W.js";
+import { e as y } from "./class-map-DrTVAYz_.js";
+import { G as R, b as N, c as Q } from "./templates-DBGyvZtc.js";
+import { o as W } from "./style-map-C_0XzJlx.js";
+import "./markdown-text-BUv0K0WF.js";
+/* empty css                */
+const f = (t) => t ?? $;
+var J = Object.defineProperty, X = Object.getOwnPropertyDescriptor, r = (t, s, i, a) => {
+  for (var o = a > 1 ? void 0 : a ? X(s, i) : s, n = t.length - 1, e; n >= 0; n--)
+    (e = t[n]) && (o = (a ? e(s, i, o) : e(o)) || o);
+  return a && o && J(s, i, o), o;
+};
+let l = class extends j {
+  constructor() {
+    super(...arguments), this.uid = void 0, this.label = void 0, this.localeId = "en", this.errors = [], this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.hint = void 0, this.tools = void 0, this.placeholder = void 0, this.autocomplete = void 0, this.minimumHeight = void 0, this.autoGrow = !1, this.defaultOpenPreview = void 0, this.maxLength = void 0, this.headingTitle = void 0, this.boldTitle = void 0, this.italicTitle = void 0, this.strikethroughTitle = void 0, this.quoteTitle = void 0, this.linkTitle = void 0, this.orderedListTitle = void 0, this.unorderedListTitle = void 0, this.splitViewTitle = void 0, this.dependencies = void 0, this.splitViewActive = !1, this.activeFormats = {}, this.splitViewInitialized = !1, this.ariaController = new R(this, {
+      getTargets: () => this.querySelectorAll(`textarea[id="${this.uid}"]`),
+      getState: () => ({
+        uid: this.uid,
+        templateData: {
+          hint: this.hint,
+          errors: this.errors,
+          readonly: this.readOnly,
+          disabled: this.disabled,
+          touched: this.touched
+        }
+      })
+    });
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-field");
+  }
+  updated() {
+    this.recalculateAutoGrow();
+  }
+  willUpdate(t) {
+    !this.splitViewInitialized && t.has("defaultOpenPreview") && (this.splitViewActive = !!this.defaultOpenPreview, this.splitViewInitialized = !0);
+  }
+  render() {
+    super.render();
+    const t = {
+      uid: this.uid,
+      label: this.label,
+      errors: this.errors,
+      touched: this.touched,
+      required: this.required,
+      disabled: this.disabled,
+      readonly: this.readOnly,
+      value: this.value,
+      hint: this.hint,
+      placeholder: this.placeholder,
+      counterMode: this.counterMode ?? "remaining",
+      minimumHeight: this.minimumHeight ?? 120,
+      autoGrow: this.autoGrow ?? !1,
+      defaultOpenPreview: this.defaultOpenPreview ?? !1,
+      maxLength: this.maxLength,
+      dependencies: this.dependencies
+    }, s = {
+      "gui-markdown--icon": !1
+    };
+    let i = m``;
+    if (t.counterMode && t.maxLength) {
+      const o = {
+        "gui-markdown--counter": !0,
+        "gui-markdown--counter__error": (t.value?.length ?? 0) > t.maxLength
+      }, n = t.counterMode === "current" ? m`<span>${t.value?.length ?? 0}</span>` : m`<span>${t.maxLength - (t.value?.length ?? 0)}</span>`;
+      i = m`<div class=${y(o)}>
+        ${n}
+        <span> / ${t.maxLength}</span>
+      </div>`;
+    }
+    const a = {
+      "min-height": `${t.minimumHeight}px`
+    };
+    return m`
+      ${N(this.uid, t)}
+
+      <div
+        class=${y({
+      "gui-widget": !0,
+      "gui-markdown--with-preview": this.splitViewActive
+    })}
+      >
+        <nav class="gui-markdown__toolbar">
+          <ul>
+            ${(this.tools ?? ["H", "B", "I", "S", "Q", "L", "|", "OL", "UL"]).map(
+      (o) => this.renderToolbarItem(o)
+    )}
+            <li>
+              <button
+                type="button"
+                tabindex="0"
+                class=${y({
+      "gui-markdown__toolbar-button": !0,
+      "gui-markdown__toolbar-button--active": this.splitViewActive
+    })}
+                @click=${this.splitView}
+                title=${this.splitViewTitle ?? "Split View"}
+              >
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="20"
+                  height="20"
+                  viewBox="0 0 256 256"
+                >
+                  <path
+                    d="M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40ZM56,56h64V200H56ZM200,200H136V56h64V200Z"
+                  ></path>
+                </svg>
+              </button>
+            </li>
+          </ul>
+        </nav>
+        <textarea
+          id=${f(this.uid)}
+          class=${y(s)}
+          style=${W(a)}
+          ?required=${t.required}
+          ?disabled=${t.disabled}
+          ?readonly=${t.readonly}
+          placeholder=${f(t.placeholder)}
+          autocomplete=${this.autocomplete || $}
+          .value=${this.value || ""}
+          @input=${this.valueChanged}
+          @keyup=${this.detectFormats}
+          @mouseup=${this.detectFormats}
+          @blur=${this.onBlur}
+        ></textarea>
+
+        ${this.splitViewActive ? m`
+              <section
+                data-cy=${f(this.uid ? `${this.uid}_markdown` : $)}
+                class="gui-markdown__preview"
+              >
+                <gui-markdown-text
+                  .md=${this.value || ""}
+                  .dependencies=${this.dependencies}
+                ></gui-markdown-text>
+              </section>
+            ` : $}
+      </div>
+
+      <div class="gui-markdown--validation">
+        <div>${Q(this.uid, t)}</div>
+        ${i}
+      </div>
+    `;
+  }
+  recalculateAutoGrow() {
+    if (!this.autoGrow) return;
+    const t = this.querySelector(`textarea[id="${this.uid}"]`);
+    if (!t) return;
+    const s = window.getComputedStyle(t), i = parseFloat(s.paddingTop), a = parseFloat(s.paddingBottom), o = i + a;
+    t.style.height = "auto", t.style.height = `${Math.max(this.minimumHeight ?? 120, t.scrollHeight - o)}px`;
+  }
+  splitView() {
+    this.splitViewActive = !this.splitViewActive;
+  }
+  renderToolbarItem(t) {
+    switch (t) {
+      case "H":
+        return m`<li>
+          <button
+            type="button"
+            tabindex="0"
+            class=${this.toolbarBtnClass("heading")}
+            @click=${this.applyFormat("# ", "", "heading")}
+            title=${this.headingTitle ?? "Heading"}
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256">
+              <path
+                d="M212,56V200a12,12,0,0,1-24,0V140H68v60a12,12,0,0,1-24,0V56a12,12,0,0,1,24,0v60H188V56a12,12,0,0,1,24,0Z"
+              ></path>
+            </svg>
+          </button>
+        </li>`;
+      case "B":
+        return m`<li>
+          <button
+            type="button"
+            tabindex="0"
+            class=${this.toolbarBtnClass("bold")}
+            @click=${this.applyFormat("**", "**", "bold")}
+            title=${this.boldTitle ?? "Bold"}
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256">
+              <path
+                d="M185.08,114.46A48,48,0,0,0,148,36H80A12,12,0,0,0,68,48V200a12,12,0,0,0,12,12h80a52,52,0,0,0,25.08-97.54ZM92,60h56a24,24,0,0,1,0,48H92Zm68,128H92V132h68a28,28,0,0,1,0,56Z"
+              ></path>
+            </svg>
+          </button>
+        </li>`;
+      case "I":
+        return m`<li>
+          <button
+            type="button"
+            tabindex="0"
+            class=${this.toolbarBtnClass("italic")}
+            @click=${this.applyFormat("_", "_", "italic")}
+            title=${this.italicTitle ?? "Italic"}
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256">
+              <path
+                d="M204,56a12,12,0,0,1-12,12H160.65l-40,120H144a12,12,0,0,1,0,24H64a12,12,0,0,1,0-24H95.35l40-120H112a12,12,0,0,1,0-24h80A12,12,0,0,1,204,56Z"
+              ></path>
+            </svg>
+          </button>
+        </li>`;
+      case "S":
+        return m`<li>
+          <button
+            type="button"
+            tabindex="0"
+            class=${this.toolbarBtnClass("strikethrough")}
+            @click=${this.applyFormat("~~", "~~", "strikethrough")}
+            title=${this.strikethroughTitle ?? "Strikethrough"}
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256">
+              <path
+                d="M224,128a8,8,0,0,1-8,8H175.93c9.19,7.11,16.07,17.2,16.07,32,0,13.34-7,25.7-19.75,34.79C160.33,211.31,144.61,216,128,216s-32.33-4.69-44.25-13.21C71,193.7,64,181.34,64,168a8,8,0,0,1,16,0c0,17.35,22,32,48,32s48-14.65,48-32c0-14.85-10.54-23.58-38.77-32H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM76.33,104a8,8,0,0,0,7.61-10.49A17.3,17.3,0,0,1,83.11,88c0-18.24,19.3-32,44.89-32,18.84,0,34.16,7.42,41,19.85a8,8,0,0,0,14-7.7C173.33,50.52,152.77,40,128,40,93.29,40,67.11,60.63,67.11,88a33.73,33.73,0,0,0,1.62,10.49A8,8,0,0,0,76.33,104Z"
+              ></path>
+            </svg>
+          </button>
+        </li>`;
+      case "Q":
+        return m`<li>
+          <button
+            type="button"
+            tabindex="0"
+            class=${this.toolbarBtnClass("quote")}
+            @click=${this.applyFormat("> ", "", "quote")}
+            title=${this.quoteTitle ?? "Quote"}
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256">
+              <path
+                d="M100,52H40A20,20,0,0,0,20,72v64a20,20,0,0,0,20,20H96v4a28,28,0,0,1-28,28,12,12,0,0,0,0,24,52.06,52.06,0,0,0,52-52V72A20,20,0,0,0,100,52Zm-4,80H44V76H96ZM216,52H156a20,20,0,0,0-20,20v64a20,20,0,0,0,20,20h56v4a28,28,0,0,1-28,28,12,12,0,0,0,0,24,52.06,52.06,0,0,0,52-52V72A20,20,0,0,0,216,52Zm-4,80H160V76h52Z"
+              ></path>
+            </svg>
+          </button>
+        </li>`;
+      case "L":
+        return m`<li>
+          <button
+            type="button"
+            tabindex="0"
+            class=${this.toolbarBtnClass("link")}
+            @click=${this.applyFormat("[", "](url)", "link")}
+            title=${this.linkTitle ?? "Link"}
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256">
+              <path
+                d="M117.18,188.74a12,12,0,0,1,0,17l-5.12,5.12A58.26,58.26,0,0,1,70.6,228h0A58.62,58.62,0,0,1,29.14,127.92L63.89,93.17a58.64,58.64,0,0,1,98.56,28.11,12,12,0,1,1-23.37,5.44,34.65,34.65,0,0,0-58.22-16.58L46.11,144.89A34.62,34.62,0,0,0,70.57,204h0a34.41,34.41,0,0,0,24.49-10.14l5.11-5.12A12,12,0,0,1,117.18,188.74ZM226.83,45.17a58.65,58.65,0,0,0-82.93,0l-5.11,5.11a12,12,0,0,0,17,17l5.12-5.12a34.63,34.63,0,1,1,49,49L175.1,145.86A34.39,34.39,0,0,1,150.61,156h0a34.63,34.63,0,0,1-33.69-26.72,12,12,0,0,0-23.38,5.44A58.64,58.64,0,0,0,150.56,180h.05a58.28,58.28,0,0,0,41.47-17.17l34.75-34.75a58.62,58.62,0,0,0,0-82.91Z"
+              ></path>
+            </svg>
+          </button>
+        </li>`;
+      case "OL":
+        return m`<li>
+          <button
+            type="button"
+            tabindex="0"
+            class=${this.toolbarBtnClass("orderedList")}
+            @click=${this.applyFormat("1. ", "", "orderedList")}
+            title=${this.orderedListTitle ?? "Ordered List"}
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256">
+              <path
+                d="M228,128a12,12,0,0,1-12,12H116a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM116,76H216a12,12,0,0,0,0-24H116a12,12,0,0,0,0,24ZM216,180H116a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24ZM44,59.31V104a12,12,0,0,0,24,0V40A12,12,0,0,0,50.64,29.27l-16,8a12,12,0,0,0,9.36,22Zm39.73,96.86a27.7,27.7,0,0,0-11.2-18.63A28.89,28.89,0,0,0,32.9,143a27.71,27.71,0,0,0-4.17,7.54,12,12,0,0,0,22.55,8.21,4,4,0,0,1,.58-1,4.78,4.78,0,0,1,6.5-.82,3.82,3.82,0,0,1,1.61,2.6,3.63,3.63,0,0,1-.77,2.77l-.13.17L30.39,200.82A12,12,0,0,0,40,220H72a12,12,0,0,0,0-24H64l14.28-19.11A27.48,27.48,0,0,0,83.73,156.17Z"
+              ></path>
+            </svg>
+          </button>
+        </li>`;
+      case "UL":
+        return m`<li>
+          <button
+            type="button"
+            tabindex="0"
+            class=${this.toolbarBtnClass("unorderedList")}
+            @click=${this.applyFormat("- ", "", "unorderedList")}
+            title=${this.unorderedListTitle ?? "Unordered List"}
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256">
+              <path
+                d="M76,64A12,12,0,0,1,88,52H216a12,12,0,0,1,0,24H88A12,12,0,0,1,76,64Zm140,52H88a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Zm0,64H88a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24ZM44,112a16,16,0,1,0,16,16A16,16,0,0,0,44,112Zm0-64A16,16,0,1,0,60,64,16,16,0,0,0,44,48Zm0,128a16,16,0,1,0,16,16A16,16,0,0,0,44,176Z"
+              ></path>
+            </svg>
+          </button>
+        </li>`;
+      case "|":
+        return m`<li>
+          <span class="gui-markdown__toolbar-separator">
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256">
+              <path d="M140,24V232a12,12,0,0,1-24,0V24a12,12,0,0,1,24,0Z"></path>
+            </svg>
+          </span>
+        </li>`;
+      default:
+        return $;
+    }
+  }
+  toolbarBtnClass(t) {
+    return y({
+      "gui-markdown__toolbar-button": !0,
+      "gui-markdown__toolbar-button--active": !!t && !!this.activeFormats[t]
+    });
+  }
+  detectFormats() {
+    const t = this.querySelector(`textarea[id="${this.uid}"]`);
+    if (!t) return;
+    const { selectionStart: s, value: i } = t, a = i.lastIndexOf(`
+`, s - 1) + 1, o = i.indexOf(`
+`, s), n = i.substring(a, o === -1 ? i.length : o);
+    this.activeFormats = {
+      heading: /^#{1,6}\s/.test(n),
+      bold: this.isInsideInlineFormat(i, s, "**"),
+      italic: this.isInsideInlineFormat(i, s, "_"),
+      strikethrough: this.isInsideInlineFormat(i, s, "~~"),
+      quote: n.startsWith("> "),
+      link: this.isInsideLink(i, s),
+      orderedList: /^\d+\.\s/.test(n),
+      unorderedList: n.startsWith("- ")
+    };
+  }
+  isInsideInlineFormat(t, s, i) {
+    const a = t.lastIndexOf(`
+`, s - 1) + 1, o = t.indexOf(`
+`, s), n = t.substring(a, o === -1 ? t.length : o), e = s - a;
+    let h = 0;
+    for (; h < n.length; ) {
+      const p = n.indexOf(i, h);
+      if (p === -1) break;
+      const u = n.indexOf(i, p + i.length);
+      if (u === -1) break;
+      if (e >= p && e <= u + i.length)
+        return !0;
+      h = u + i.length;
+    }
+    return !1;
+  }
+  isInsideLink(t, s) {
+    const i = t.lastIndexOf(`
+`, s - 1) + 1, a = t.indexOf(`
+`, s), o = t.substring(i, a === -1 ? t.length : a), n = s - i, e = /\[[^\]]*\]\([^)]*\)/g;
+    let h;
+    for (; (h = e.exec(o)) !== null; )
+      if (n >= h.index && n <= h.index + h[0].length)
+        return !0;
+    return !1;
+  }
+  applyFormat(t, s = "", i = "") {
+    return () => {
+      const a = this.querySelector(`textarea[id="${this.uid}"]`);
+      if (a) {
+        if (i && this.activeFormats[i])
+          this.removeFormat(a, t, s, i);
+        else {
+          const { selectionStart: o, selectionEnd: n, value: e } = a, h = e.substring(o, n), p = e.substring(0, o), u = e.substring(n);
+          a.value = `${p}${t}${h}${s}${u}`, a.selectionStart = o + t.length, a.selectionEnd = o + t.length + h.length;
+        }
+        a.focus(), a.dispatchEvent(new Event("input", { bubbles: !0 })), this.detectFormats();
+      }
+    };
+  }
+  removeFormat(t, s, i, a) {
+    const { selectionStart: o, value: n } = t, e = n.lastIndexOf(`
+`, o - 1) + 1, h = n.indexOf(`
+`, o), p = n.substring(e, h === -1 ? n.length : h);
+    if (i)
+      if (a === "link") {
+        const u = o - e, w = /\[([^\]]*)\]\([^)]*\)/g;
+        let c;
+        for (; (c = w.exec(p)) !== null; )
+          if (u >= c.index && u <= c.index + c[0].length) {
+            const v = c[1], g = e + c.index, b = g + c[0].length;
+            t.value = `${n.substring(0, g)}${v}${n.substring(b)}`, t.selectionStart = g, t.selectionEnd = g + v.length;
+            break;
+          }
+      } else {
+        const u = o - e;
+        let w = 0;
+        for (; w < p.length; ) {
+          const c = p.indexOf(s, w);
+          if (c === -1) break;
+          const v = p.indexOf(i, c + s.length);
+          if (v === -1) break;
+          if (u >= c && u <= v + i.length) {
+            const g = p.substring(c + s.length, v), b = e + c, x = e + v + i.length;
+            t.value = `${n.substring(0, b)}${g}${n.substring(x)}`, t.selectionStart = b, t.selectionEnd = b + g.length;
+            break;
+          }
+          w = v + i.length;
+        }
+      }
+    else {
+      let u = s;
+      if (a === "heading") {
+        const g = p.match(/^#{1,6}\s/);
+        g && (u = g[0]);
+      } else if (a === "orderedList") {
+        const g = p.match(/^\d+\.\s/);
+        g && (u = g[0]);
+      }
+      const w = n.substring(0, e), c = p.substring(u.length), v = n.substring(h === -1 ? n.length : h);
+      t.value = `${w}${c}${v}`, t.selectionStart = Math.max(e, o - u.length), t.selectionEnd = t.selectionStart;
+    }
+  }
+  valueChanged(t) {
+    if (t.stopPropagation(), !this.readOnly) {
+      const s = t.target;
+      this.dispatchEvent(
+        new CustomEvent("input", {
+          detail: { value: s.value },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }
+  }
+  onBlur() {
+    this.dispatchEvent(
+      new CustomEvent("blur", {
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+};
+r([
+  d({ type: String })
+], l.prototype, "uid", 2);
+r([
+  d({ type: String })
+], l.prototype, "label", 2);
+r([
+  d({ type: String, attribute: "locale-id" })
+], l.prototype, "localeId", 2);
+r([
+  d({ type: Array })
+], l.prototype, "errors", 2);
+r([
+  d({ type: Boolean })
+], l.prototype, "touched", 2);
+r([
+  d({ type: Boolean })
+], l.prototype, "required", 2);
+r([
+  d({ type: Boolean })
+], l.prototype, "disabled", 2);
+r([
+  d({ type: Boolean, attribute: "readonly" })
+], l.prototype, "readOnly", 2);
+r([
+  d({ type: String })
+], l.prototype, "value", 2);
+r([
+  d({ type: String })
+], l.prototype, "hint", 2);
+r([
+  d({ type: Array })
+], l.prototype, "tools", 2);
+r([
+  d({ type: String })
+], l.prototype, "placeholder", 2);
+r([
+  d({ type: String })
+], l.prototype, "autocomplete", 2);
+r([
+  d({ type: String, attribute: "countermode" })
+], l.prototype, "counterMode", 2);
+r([
+  d({ type: Number, attribute: "minimumheight" })
+], l.prototype, "minimumHeight", 2);
+r([
+  d({ type: Boolean, attribute: "autogrow" })
+], l.prototype, "autoGrow", 2);
+r([
+  d({ type: Boolean, attribute: "defaultopenpreview" })
+], l.prototype, "defaultOpenPreview", 2);
+r([
+  d({ type: Number, attribute: "maxlength" })
+], l.prototype, "maxLength", 2);
+r([
+  d({ type: String })
+], l.prototype, "headingTitle", 2);
+r([
+  d({ type: String })
+], l.prototype, "boldTitle", 2);
+r([
+  d({ type: String })
+], l.prototype, "italicTitle", 2);
+r([
+  d({ type: String })
+], l.prototype, "strikethroughTitle", 2);
+r([
+  d({ type: String })
+], l.prototype, "quoteTitle", 2);
+r([
+  d({ type: String })
+], l.prototype, "linkTitle", 2);
+r([
+  d({ type: String })
+], l.prototype, "orderedListTitle", 2);
+r([
+  d({ type: String })
+], l.prototype, "unorderedListTitle", 2);
+r([
+  d({ type: String })
+], l.prototype, "splitViewTitle", 2);
+r([
+  d({ type: Object })
+], l.prototype, "dependencies", 2);
+r([
+  T()
+], l.prototype, "splitViewActive", 2);
+r([
+  T()
+], l.prototype, "activeFormats", 2);
+l = r([
+  z("gui-markdown")
+], l);
+typeof customElements < "u" && !customElements.get("gui-markdown") && customElements.define("gui-markdown", l);
+function dt(t) {
+  const s = t.widget, { uid: i, errors: a, value: o, isTouched: n, templateData: e, onValueChanged: h, onBlur: p } = D(s), u = U(
+    (P) => h(P.nativeEvent.detail.value),
+    [h]
+  ), w = e.label, c = e.hint, v = e.placeholder, g = e.autocomplete, b = e.validator?.maxLength, x = e.counterMode, L = e.autoGrow, H = e.minimumHeight, A = e.tools, V = e.defaultOpenPreview, S = e.headingTitle, I = e.boldTitle, O = e.italicTitle, B = e.strikethroughTitle, M = e.quoteTitle, F = e.linkTitle, Z = e.orderedListTitle, C = e.unorderedListTitle, _ = e.splitViewTitle, q = e.disabled, E = e.readonly, G = e.validator?.required;
+  return /* @__PURE__ */ k("div", { className: "gui-markdown gui-field", style: { flex: e.size }, children: /* @__PURE__ */ k(
+    "gui-markdown",
+    {
+      uid: i,
+      label: w,
+      errors: a,
+      touched: n,
+      required: G,
+      disabled: q,
+      readOnly: E,
+      value: o,
+      hint: c,
+      placeholder: v,
+      autocomplete: g ?? void 0,
+      counterMode: x,
+      minimumHeight: H,
+      autoGrow: L,
+      maxLength: b,
+      tools: A,
+      defaultOpenPreview: V,
+      headingTitle: S,
+      boldTitle: I,
+      italicTitle: O,
+      strikethroughTitle: B,
+      quoteTitle: M,
+      linkTitle: F,
+      orderedListTitle: Z,
+      unorderedListTitle: C,
+      splitViewTitle: _,
+      dependencies: e.deps,
+      onInput: u,
+      onBlur: p
+    }
+  ) });
+}
+export {
+  dt as Markdown
+};

package/MarkdownText-BdISjAsE.js

@@ -0,0 +1,11 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useDisplayWdiget as m } from "@golemui/react";
+import "@golemui/gui-shared";
+import "./markdown-text-BUv0K0WF.js";
+function l(t) {
+  const d = t.widget, { uid: r, templateData: e } = m(d);
+  return /* @__PURE__ */ i("div", { className: "gui-markdown-text gui-field", style: { flex: e.size }, children: /* @__PURE__ */ i("div", { className: "gui-widget", id: r, children: /* @__PURE__ */ i("gui-markdown-text", { md: e.md, dependencies: e.deps }) }) });
+}
+export {
+  l as MarkdownText
+};