@orchidui/dashboard 1.8.1-77 → 1.8.1-79

package/dist/{OcLottieAnimation-EBkAB8-y.js → OcLottieAnimation-cF06yacT.js}

@@ -1,5 +1,5 @@
 import { ref, watch, onMounted, openBlock, createElementBlock, normalizeStyle } from "vue";
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./QuillEditor-BHWfmp5D.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./_commonjsHelpers-BkfeUUK-.js";
 var lottie$1 = { exports: {} };
 (function(module, exports) {
   typeof navigator < "u" && function(t, e) {

package/dist/OcOnboardingProgressbar-BsqF90Gn.js

@@ -0,0 +1,77 @@
+import { defineComponent as s, computed as c, openBlock as t, createElementBlock as o, createVNode as d, unref as p, createElementVNode as u, toDisplayString as r, createCommentVNode as i, renderSlot as m } from "vue";
+import "./index.js";
+import { PieChart as f } from "./Dashboard/Charts/PieChart/OcPieChart.js";
+const h = { class: "flex flex-col pt-10 px-7 gap-y-7 items-center" }, x = { class: "flex flex-col gap-y-4 text-center items-center" }, g = {
+  key: 0,
+  class: "text-xl font-medium"
+}, b = {
+  key: 0,
+  class: "text-sm text-oc-text-400"
+}, _ = /* @__PURE__ */ s({
+  __name: "OcOnboardingProgressbar",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    value: {
+      type: [String, Number],
+      default: "0"
+    },
+    chartData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(e) {
+    const a = e, n = c(() => ({
+      grid: {
+        containLabel: !1
+      },
+      series: [
+        {
+          name: "Onboarding Progressbar",
+          type: "pie",
+          emphasis: {
+            disabled: !0
+          },
+          avoidLabelOverlap: !1,
+          label: {
+            color: "#000",
+            fontWeight: "bold",
+            fontFamily: "Inter",
+            fontSize: "24",
+            position: "center",
+            formatter: () => a.value + "%"
+          },
+          labelLine: {
+            show: !0
+          },
+          radius: ["60%", "100%"],
+          data: a.chartData
+        }
+      ]
+    }));
+    return (l, y) => (t(), o("div", h, [
+      d(p(f), {
+        class: "w-[140px] bg-white rounded-full h-[140px]",
+        "additional-options": n.value,
+        "tooltip-formatter": () => null,
+        "tooltip-value-formatter": () => null
+      }, null, 8, ["additional-options"]),
+      u("div", x, [
+        e.title ? (t(), o("span", g, r(e.title), 1)) : i("", !0),
+        m(l.$slots, "description", {}, () => [
+          e.description ? (t(), o("span", b, r(e.description), 1)) : i("", !0)
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  _ as default
+};

package/dist/OcTextEditor-BWOvVmgS.js

@@ -0,0 +1,522 @@
+var Ie = Object.defineProperty;
+var Me = (s, p, v) => p in s ? Ie(s, p, { enumerable: !0, configurable: !0, writable: !0, value: v }) : s[p] = v;
+var P = (s, p, v) => Me(s, typeof p != "symbol" ? p + "" : p, v);
+import { computed as O, ref as r, onMounted as qe, watch as ze, openBlock as c, createBlock as k, unref as i, withCtx as S, createVNode as a, createElementVNode as n, normalizeClass as g, createElementBlock as h, Fragment as w, createCommentVNode as m, renderList as Be, toDisplayString as le, createTextVNode as Le, normalizeStyle as oe } from "vue";
+import { Q as d, a as Fe } from "./QuillEditor-DbGwG5RB.js";
+import { ColorPicker as Ue } from "./index.js";
+import { BaseInput as Ee, Modal as Ne, Select as ie, Icon as u, Dropdown as Re, Slider as je } from "@orchidui/core";
+const He = ["id"], De = { class: "flex items-center gap-x-3 px-5" }, Pe = { class: "flex items-center gap-x-5 cursor-pointer" }, Oe = { class: "flex flex-col py-2 overflow-hidden" }, We = ["onClick"], Ze = { class: "flex gap-x-3 items-center px-5" }, Ge = { class: "flex items-center gap-x-3 px-5" }, Je = { class: "flex gap-x-3 items-center px-5" }, Ke = { class: "flex gap-x-3 items-center px-5" }, Xe = { class: "flex items-center" }, Ye = { class: "grid cursor-pointer px-5" }, _e = {
+  key: 5,
+  class: "flex gap-x-3 items-center px-5"
+}, et = { class: "flex" }, tt = { class: "mt-1 mx-2 cursor-pointer" }, st = {
+  __name: "OcTextEditor",
+  props: {
+    /**
+     * The font sizes of the editor.
+     */
+    fontSizes: { type: Array, required: !0 },
+    /**
+     * The initial font size of the editor. (if empty the first item of `fontSizes` will be used, needs to be a value of `fontSizes`)
+     */
+    initialFontSize: { type: String },
+    modelValue: String,
+    image: String,
+    errorMessage: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    hint: {
+      type: String,
+      default: ""
+    },
+    isRequired: {
+      type: Boolean,
+      default: !1
+    },
+    labelIcon: {
+      type: String,
+      default: ""
+    },
+    tooltipText: {
+      type: String,
+      default: ""
+    },
+    tooltipOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    variant: {
+      type: String,
+      validator: (s) => ["default", "text-only"].includes(s),
+      default: "default"
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "update:image"],
+  setup(s, { emit: p }) {
+    const v = s, $ = p, ne = {
+      default: [
+        "changes",
+        "font-size",
+        "font-style",
+        "link",
+        "image",
+        "quote",
+        "media",
+        "list",
+        "alignment"
+      ],
+      "text-only": ["changes", "font-size", "font-style", "link", "quote", "list", "alignment"]
+    }, f = O(() => ne[v.variant]), W = d.import("attributors/style/size");
+    W.whitelist = v.fontSizes.map((t) => t.value), d.register(W, !0);
+    const ae = d.import("attributors/style/align");
+    d.register(ae, !0);
+    const se = d.import("attributors/style/background");
+    d.register(se, !0);
+    const re = d.import("attributors/style/color");
+    d.register(re, !0);
+    const ue = d.import("attributors/style/direction");
+    d.register(ue, !0);
+    const de = d.import("attributors/style/font");
+    d.register(de, !0);
+    const ce = d.import("blots/block/embed");
+    class L extends ce {
+    }
+    P(L, "blotName", "divider"), P(L, "tagName", "hr"), d.register(L);
+    const I = r(
+      Math.random().toString(36).replace(/[^a-zA-Z]+/g, "")
+    ), Z = r(!1), G = r(!1), Q = r(!1), C = r(!1), V = r(!1), M = r(!1), F = r(!1), U = r(""), q = r(""), b = r(""), o = r(), J = r(!1), K = r(v.image), E = (t) => {
+      console.log(t, 123), Z.value = o.value.getQuill().history.stack.undo.length > 0, G.value = o.value.getQuill().history.stack.redo.length > 0, Q.value = o.value.getQuill().getFormat().bold, C.value = o.value.getQuill().getFormat().italic, V.value = o.value.getQuill().getFormat().underline, F.value = o.value.getQuill().getFormat().blockquote, q.value = o.value.getQuill().getFormat().list, b.value = o.value.getQuill().getFormat().align;
+      let e = document.createElement("div");
+      e.innerHTML = t, J.value && (e.innerText ? $("update:modelValue", t || "") : $("update:modelValue", ""), e.remove());
+    }, ge = () => {
+      if (o.value.getQuill().getSelection(!0)) {
+        const e = o.value.getQuill().getSelection(!0);
+        o.value.getQuill().insertText(e.index, `
+`, d.sources.USER), o.value.getQuill().insertEmbed(e.index + 1, "divider", !0, d.sources.USER), o.value.getQuill().setSelection(e.index + 2, d.sources.SILENT);
+      }
+    }, ve = () => {
+      o.value.getQuill().history.undo(), E(v.modelValue);
+    }, me = () => {
+      o.value.getQuill().history.redo(), E(v.modelValue);
+    }, xe = () => {
+      var t;
+      o.value.getQuill().format("bold", !Q.value), (t = o.value.getQuill().getSelection()) != null && t.length || (Q.value = !Q.value);
+    }, pe = () => {
+      var t;
+      o.value.getQuill().format("italic", !C.value), (t = o.value.getQuill().getSelection()) != null && t.length || (C.value = !C.value);
+    }, fe = () => {
+      var t;
+      o.value.getQuill().format("underline", !V.value), (t = o.value.getQuill().getSelection()) != null && t.length || (V.value = !V.value);
+    }, X = (t) => {
+      o.value.getQuill().format("size", t), U.value = t, M.value = !1;
+    }, he = () => {
+      const t = o.value.getQuill().getSelection();
+      t && t.length > 0 && o.value.getQuill().theme.tooltip.edit();
+    }, be = () => {
+      o.value.getQuill().format("blockquote", !F.value);
+    }, ye = (t) => {
+      const e = o.value.getQuill().getSelection();
+      e && (o.value.getQuill().clipboard.dangerouslyPasteHTML(e.index, `<img src="${t}" />`), K.value = t, $("update:image", K.value));
+    }, ke = () => {
+      o.value.getQuill().getSelection() || o.value.getQuill().setSelection(o.value.getQuill().getLength() - 1);
+      const t = document.createElement("input");
+      t.type = "file", t.accept = "jpg,.jpeg,.png,.webp,.gif", t.onchange = () => {
+        const e = t.files[0], l = new FileReader();
+        l.onload = () => ye(l.result), l.readAsDataURL(e);
+      }, t.click();
+    }, Y = (t) => /^data:image\/(png|jpg|jpeg|gif);base64,/.test(t), Se = (t) => {
+      setTimeout(() => {
+        var l;
+        if (t) {
+          const x = o.value.getHTML(), y = document.createElement("div");
+          y.innerHTML = x;
+          let B = y.getElementsByTagName("img");
+          if (B && B.length > 0)
+            for (let D = 0; D < B.length; D++) {
+              const te = (l = B[D]) == null ? void 0 : l.getAttribute("src");
+              Y(te) && $("update:image", te);
+            }
+        }
+      }, 100);
+      const { items: e } = t.clipboardData;
+      e.length && e[0].getAsString((l) => {
+        Y(l) && (o.value.getQuill().getSelection() || o.value.getQuill().setSelection(o.value.getQuill().getLength() - 1));
+      });
+    }, we = () => {
+      o.value.getQuill().theme.tooltip.edit("video");
+    }, _ = (t) => {
+      o.value.getQuill().format("list", t), q.value = t;
+    }, z = (t = void 0) => {
+      o.value.getQuill().format("align", t), b.value = t;
+    }, T = r(""), Qe = () => {
+      o.value.getQuill().format("color", T.value);
+    };
+    qe(() => {
+      X(v.initialFontSize || v.fontSizes[0].value), J.value = !0;
+    });
+    const N = r(100), ee = r(!1), Ce = (t) => {
+      var l, x;
+      N.value = t;
+      const e = (l = window.getSelection()) == null ? void 0 : l.focusNode;
+      e && e.nodeName !== "#text" && (o.value.getQuill().format("width", `${N.value}%`), (x = e == null ? void 0 : e.querySelector("img")) == null || x.setAttribute("style", "margin:auto;display:block;"));
+    }, R = (t = "left") => {
+      var l, x;
+      const e = (l = window.getSelection()) == null ? void 0 : l.focusNode;
+      if (e && e.nodeName !== "#text") {
+        let y = "float:left";
+        t == "center" ? y = "" : t == "right" && (y = "float:right"), (x = e == null ? void 0 : e.querySelector("img")) == null || x.setAttribute("style", `margin:auto;display:block;${y}`);
+      }
+    }, Ve = () => {
+      var e;
+      const t = (e = window.getSelection()) == null ? void 0 : e.focusNode;
+      ee.value = t.innerHTML && t.innerHTML.includes("<img");
+    }, A = r(!1), j = r(3), H = r(3), Te = O(() => {
+      let t = [];
+      for (let e = 1; e < 30; e++)
+        t.push({
+          label: e.toString(),
+          value: e.toString()
+        });
+      return t;
+    }), Ae = O(() => {
+      let t = [];
+      for (let e = 1; e < 12; e++)
+        t.push({
+          label: e.toString(),
+          value: e.toString()
+        });
+      return t;
+    }), $e = () => {
+      o.value.getQuill().getModule("better-table").insertTable(parseInt(j.value), parseInt(H.value)), A.value = !1;
+    };
+    return ze(() => v.modelValue, (t) => {
+      t || o.value.getQuill().setContents([], "silent");
+    }), (t, e) => (c(), k(i(Ee), {
+      label: s.label,
+      hint: s.hint,
+      "error-message": s.errorMessage,
+      "is-required": s.isRequired,
+      "label-icon": s.labelIcon,
+      "tooltip-text": s.tooltipText,
+      "tooltip-options": s.tooltipOptions
+    }, {
+      default: S(() => [
+        a(i(Ne), {
+          title: "Insert table",
+          modelValue: A.value,
+          "onUpdate:modelValue": e[2] || (e[2] = (l) => A.value = l),
+          class: "!w-full !h-full",
+          confirmButtonProps: {
+            label: "Save",
+            onClick: () => $e()
+          }
+        }, {
+          default: S(() => [
+            a(i(ie), {
+              modelValue: H.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (l) => H.value = l),
+              options: Ae.value,
+              label: "Table cell",
+              class: "mb-3"
+            }, null, 8, ["modelValue", "options"]),
+            a(i(ie), {
+              modelValue: j.value,
+              "onUpdate:modelValue": e[1] || (e[1] = (l) => j.value = l),
+              options: Te.value,
+              label: "Table rows"
+            }, null, 8, ["modelValue", "options"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "confirmButtonProps"]),
+        n("div", {
+          class: g(["grid", { "has-error": s.errorMessage }]),
+          onClick: Ve
+        }, [
+          I.value ? (c(), k(i(Fe), {
+            key: 0,
+            id: `#${I.value}`,
+            ref_key: "quill",
+            ref: o,
+            content: s.modelValue,
+            options: {
+              bounds: `#${I.value}`
+            },
+            theme: "snow",
+            "content-type": "html",
+            class: "min-h-[200px]",
+            placeholder: s.placeholder,
+            "onUpdate:content": E,
+            onPaste: Se
+          }, {
+            toolbar: S(() => [
+              n("div", {
+                id: I.value,
+                class: "flex min-h-[36px] flex-wrap !py-2 !px-3 gap-y-2 rounded-t"
+              }, [
+                f.value.includes("changes") ? (c(), h(w, { key: 0 }, [
+                  n("div", De, [
+                    a(i(u), {
+                      class: g(Z.value ? "text-oc-text cursor-pointer" : "text-oc-text-300"),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/undo",
+                      onClick: ve
+                    }, null, 8, ["class"]),
+                    a(i(u), {
+                      class: g(G.value ? "text-oc-text cursor-pointer" : "text-oc-text-300"),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/redo",
+                      onClick: me
+                    }, null, 8, ["class"])
+                  ]),
+                  e[16] || (e[16] = n("div", { class: "border-l border-oc-gray-200" }, null, -1))
+                ], 64)) : m("", !0),
+                f.value.includes("font-size") ? (c(), h(w, { key: 1 }, [
+                  a(i(Re), {
+                    modelValue: M.value,
+                    "onUpdate:modelValue": e[3] || (e[3] = (l) => M.value = l),
+                    class: "px-5"
+                  }, {
+                    menu: S(() => [
+                      n("div", Oe, [
+                        (c(!0), h(w, null, Be(s.fontSizes, (l) => (c(), h("div", {
+                          key: l.value,
+                          class: g(["min-w-[120px] cursor-pointer py-2 px-3 hover:bg-oc-gray-50", U.value === l.value ? "font-medium" : ""]),
+                          onClick: (x) => X(l.value)
+                        }, le(l.label), 11, We))), 128))
+                      ])
+                    ]),
+                    default: S(() => {
+                      var l;
+                      return [
+                        n("div", Pe, [
+                          Le(le((l = s.fontSizes.find((x) => x.value === U.value)) == null ? void 0 : l.label) + " ", 1),
+                          a(i(u), {
+                            width: "20",
+                            height: "20",
+                            name: "chevron-down",
+                            class: g(["transition-all", M.value ? "rotate-180" : ""])
+                          }, null, 8, ["class"])
+                        ])
+                      ];
+                    }),
+                    _: 1
+                  }, 8, ["modelValue"]),
+                  e[17] || (e[17] = n("div", { class: "border-l border-oc-gray-200" }, null, -1))
+                ], 64)) : m("", !0),
+                f.value.includes("font-style") ? (c(), h(w, { key: 2 }, [
+                  n("div", Ze, [
+                    a(i(u), {
+                      class: g(["cursor-pointer", Q.value ? "text-oc-text" : "text-oc-text-300"]),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/bold",
+                      onClick: xe
+                    }, null, 8, ["class"]),
+                    a(i(u), {
+                      class: g(["cursor-pointer", C.value ? "text-oc-text" : "text-oc-text-300"]),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/italic",
+                      onClick: pe
+                    }, null, 8, ["class"]),
+                    a(i(u), {
+                      class: g(["cursor-pointer", V.value ? "text-oc-text" : "text-oc-text-300"]),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/underline",
+                      onClick: fe
+                    }, null, 8, ["class"])
+                  ]),
+                  e[18] || (e[18] = n("div", { class: "border-l border-oc-gray-200" }, null, -1))
+                ], 64)) : m("", !0),
+                n("div", Ge, [
+                  f.value.includes("link") ? (c(), k(i(u), {
+                    key: 0,
+                    class: "cursor-pointer",
+                    width: "20",
+                    height: "20",
+                    name: "text-editor/link",
+                    onClick: he
+                  })) : m("", !0),
+                  f.value.includes("image") ? (c(), k(i(u), {
+                    key: 1,
+                    class: "cursor-pointer",
+                    width: "20",
+                    height: "20",
+                    name: "text-editor/image",
+                    onClick: ke
+                  })) : m("", !0),
+                  f.value.includes("quote") ? (c(), k(i(u), {
+                    key: 2,
+                    class: g(["cursor-pointer", F.value ? "text-oc-text" : "text-oc-text-300"]),
+                    width: "20",
+                    height: "20",
+                    name: "text-editor/quote",
+                    onClick: be
+                  }, null, 8, ["class"])) : m("", !0),
+                  f.value.includes("media") ? (c(), k(i(u), {
+                    key: 3,
+                    class: "cursor-pointer",
+                    width: "20",
+                    height: "20",
+                    name: "text-editor/media",
+                    onClick: we
+                  })) : m("", !0),
+                  a(i(u), {
+                    class: "cursor-pointer",
+                    width: "20",
+                    height: "20",
+                    name: "table",
+                    onClick: e[4] || (e[4] = (l) => A.value = !A.value)
+                  })
+                ]),
+                f.value.includes("list") ? (c(), h(w, { key: 3 }, [
+                  e[19] || (e[19] = n("div", { class: "border-l border-oc-gray-200" }, null, -1)),
+                  n("div", Je, [
+                    a(i(u), {
+                      class: g(["cursor-pointer", q.value === "bullet" ? "text-oc-text" : "text-oc-text-300"]),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/bullet",
+                      onClick: e[5] || (e[5] = (l) => _("bullet"))
+                    }, null, 8, ["class"]),
+                    a(i(u), {
+                      class: g(["cursor-pointer", q.value === "ordered" ? "text-oc-text" : "text-oc-text-300"]),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/number",
+                      onClick: e[6] || (e[6] = (l) => _("ordered"))
+                    }, null, 8, ["class"])
+                  ])
+                ], 64)) : m("", !0),
+                f.value.includes("alignment") ? (c(), h(w, { key: 4 }, [
+                  e[20] || (e[20] = n("div", { class: "border-l border-oc-gray-200" }, null, -1)),
+                  n("div", Ke, [
+                    a(i(u), {
+                      class: g(["cursor-pointer", b.value ? "text-oc-text-300" : "text-oc-text"]),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/left",
+                      onClick: e[7] || (e[7] = (l) => z())
+                    }, null, 8, ["class"]),
+                    a(i(u), {
+                      class: g(["cursor-pointer", b.value === "center" ? "text-oc-text" : "text-oc-text-300"]),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/center",
+                      onClick: e[8] || (e[8] = (l) => z("center"))
+                    }, null, 8, ["class"]),
+                    a(i(u), {
+                      class: g(["cursor-pointer", b.value === "right" ? "text-oc-text" : "text-oc-text-300"]),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/right",
+                      onClick: e[9] || (e[9] = (l) => z("right"))
+                    }, null, 8, ["class"]),
+                    a(i(u), {
+                      class: g(["cursor-pointer", b.value === "justify" ? "text-oc-text" : "text-oc-text-300"]),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/justify",
+                      onClick: e[10] || (e[10] = (l) => z("justify"))
+                    }, null, 8, ["class"])
+                  ])
+                ], 64)) : m("", !0),
+                e[22] || (e[22] = n("div", { class: "border-l border-oc-gray-200" }, null, -1)),
+                n("div", Xe, [
+                  a(i(Ue), {
+                    modelValue: T.value,
+                    "onUpdate:modelValue": [
+                      e[11] || (e[11] = (l) => T.value = l),
+                      Qe
+                    ],
+                    "hide-input-color": ""
+                  }, {
+                    "picker-icon": S(() => [
+                      n("div", Ye, [
+                        n("div", {
+                          style: oe(`color:${T.value}`)
+                        }, "A", 4),
+                        n("div", {
+                          class: "h-[5px] w-full rounded border",
+                          style: oe(`background:${T.value}`)
+                        }, null, 4)
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                e[23] || (e[23] = n("div", { class: "border-l border-oc-gray-200" }, null, -1)),
+                ee.value ? (c(), h("div", _e, [
+                  a(i(je), {
+                    label: "Image width",
+                    class: "w-[120px]",
+                    "model-value": N.value,
+                    "min-limit": 0,
+                    "max-limit": 100,
+                    "onUpdate:modelValue": Ce
+                  }, null, 8, ["model-value"]),
+                  n("div", et, [
+                    a(i(u), {
+                      class: "cursor-pointer",
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/left",
+                      onClick: e[12] || (e[12] = (l) => R())
+                    }),
+                    a(i(u), {
+                      class: "cursor-pointer",
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/center",
+                      onClick: e[13] || (e[13] = (l) => R("center"))
+                    }),
+                    a(i(u), {
+                      class: "cursor-pointer",
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/right",
+                      onClick: e[14] || (e[14] = (l) => R("right"))
+                    })
+                  ])
+                ])) : m("", !0),
+                n("div", tt, [
+                  (c(), h("svg", {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 15 15",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    onClick: e[15] || (e[15] = (l) => ge())
+                  }, e[21] || (e[21] = [
+                    n("path", {
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      d: "M2 7.5C2 7.22386 2.22386 7 2.5 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H2.5C2.22386 8 2 7.77614 2 7.5Z",
+                      fill: "#000000"
+                    }, null, -1)
+                  ])))
+                ])
+              ], 8, He)
+            ]),
+            _: 1
+          }, 8, ["id", "content", "options", "placeholder"])) : m("", !0)
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["label", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
+  }
+};
+export {
+  st as default
+};