golden-logic-ui 1.2.21 → 1.2.23

package/dist/GlTinymce-CjsbThKo.js

@@ -0,0 +1,118 @@
+import { ref as g, onMounted as k, onBeforeUnmount as x, watch as v, computed as w, createElementBlock as d, openBlock as m, Fragment as p, createCommentVNode as y, normalizeClass as s, createElementVNode as a, toDisplayString as i, withDirectives as V, vModelText as C, nextTick as S } from "vue";
+import { t as B } from "./plugin-D6yBFU6i.js";
+const T = { class: "font-bold ptext-lg dark:text-white" }, E = ["id"], M = ["for"], N = ["name", "id", "type"], q = { class: "gl-span-form-error" }, D = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, z = {
+  __name: "GlTinymce",
+  props: {
+    is_required: { type: Boolean, default: !1 },
+    show: { type: Boolean, default: !1 },
+    error_message: { type: String, default: "" },
+    model_value: { type: [String, Number], default: null },
+    modelValue: { type: [String, Number], default: "" },
+    type: { type: String, default: "text" },
+    field_name: { type: String, default: "" },
+    label_name: { type: String, default: "" },
+    description: { type: String, default: "" }
+  },
+  emits: ["update:modelValue", "keydown"],
+  setup(e, { expose: b, emit: h }) {
+    const o = e, u = h, f = g(null);
+    let l = null;
+    g(!1), k(async () => {
+      await S(), l && (l.destroy(), l = null), B.init({
+        selector: "#" + o.field_name,
+        height: 300,
+        plugins: [
+          "advlist",
+          "autolink",
+          "lists",
+          "link",
+          "image",
+          "charmap",
+          "preview",
+          "anchor",
+          "searchreplace",
+          "visualblocks",
+          "code",
+          "fullscreen",
+          "insertdatetime",
+          "media",
+          "table",
+          "help",
+          "wordcount"
+        ],
+        toolbar: "undo redo | blocks | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help",
+        skin: !1,
+        // disable import of skins
+        content_css: !1,
+        // disable import of css
+        images_upload_url: "/uploadImages",
+        setup(t) {
+          l = t, t.on("Change", () => {
+            u("update:modelValue", t.getContent());
+          }), t.on("init", () => {
+            t.setContent(o.modelValue);
+          });
+        }
+      });
+    }), x(() => {
+      l && (l.destroy(), l = null);
+    }), v(() => o.modelValue, (t) => {
+      l && l.getContent() !== t && l.setContent(t);
+    });
+    const c = w({
+      get() {
+        return o.modelValue;
+      },
+      set(t) {
+        u("update:modelValue", t);
+      }
+    });
+    return b({ focus: () => f.value.focus() }), (t, n) => (m(), d(p, null, [
+      e.show ? (m(), d("div", {
+        key: 0,
+        class: s(e.field_name)
+      }, [
+        a("h3", T, i(e.label_name), 1),
+        a("p", {
+          id: e.field_name,
+          class: "mb-4 text-base text-gray-900 input_tr_show dark:text-white"
+        }, i(e.model_value), 9, E),
+        n[2] || (n[2] = a("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
+      ], 2)) : y("", !0),
+      e.show ? y("", !0) : (m(), d("div", {
+        key: 1,
+        class: s(["mb-4", e.field_name])
+      }, [
+        a("label", {
+          class: s({
+            "gl-label-form": e.error_message == "",
+            "gl-label-form-invalid": e.error_message !== "",
+            required: e.is_required
+          }),
+          for: e.field_name
+        }, i(e.label_name), 11, M),
+        V(a("textarea", {
+          name: e.field_name,
+          id: e.field_name,
+          class: s(["tiny", {
+            "gl-textarea-form mt-4": e.error_message == "",
+            "gl-textarea-form-invalid mt-4": e.error_message !== ""
+          }]),
+          type: e.type,
+          "onUpdate:modelValue": n[0] || (n[0] = (r) => c.value = r),
+          onKeydown: n[1] || (n[1] = (r) => t.$emit("keydown", r)),
+          ref_key: "input",
+          ref: f,
+          rows: "4"
+        }, null, 42, N), [
+          [C, c.value]
+        ]),
+        a("span", q, i(e.error_message), 1),
+        a("small", D, i(e.description), 1)
+      ], 2))
+    ], 64));
+  }
+};
+export {
+  z as default
+};

package/dist/GlTinymceTranslate-vp6hYqDK.js

@@ -0,0 +1,188 @@
+import { ref as f, onMounted as p, onBeforeUnmount as w, watch as S, computed as C, createElementBlock as g, openBlock as c, Fragment as _, createCommentVNode as v, normalizeClass as m, createElementVNode as i, withDirectives as V, toDisplayString as o, vModelText as k, nextTick as j } from "vue";
+import { t as B } from "./plugin-D6yBFU6i.js";
+const N = { class: "font-bold ptext-lg dark:text-white" }, q = ["name", "id"], E = ["id"], I = ["for"], M = ["name", "id"], O = ["name", "id", "type"], U = { class: "gl-span-form-error" }, D = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, G = {
+  __name: "GlTinymceTranslate",
+  props: {
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    },
+    model_value: {
+      type: [String, Number],
+      default: null
+    },
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    model_value_translate: {
+      type: [String, Object],
+      default: null
+    },
+    modelValueTranslate: {
+      type: [String, Object],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    get_field_translations: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    translatable: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
+  setup(e, { expose: h, emit: x }) {
+    const l = e, u = x, r = f(null), d = f(null);
+    let a = null;
+    f(!1);
+    const y = async () => {
+      await j(), a && (a.destroy(), a = null), B.init({
+        selector: "#" + l.field_name,
+        height: 300,
+        plugins: [
+          "advlist",
+          "autolink",
+          "lists",
+          "link",
+          "image",
+          "charmap",
+          "preview",
+          "anchor",
+          "searchreplace",
+          "visualblocks",
+          "code",
+          "fullscreen",
+          "insertdatetime",
+          "media",
+          "table",
+          "wordcount"
+        ],
+        toolbar: "undo redo | blocks | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help",
+        skin: !1,
+        // disable import of skins
+        content_css: !1,
+        // disable import of css
+        images_upload_url: "/uploadImages",
+        setup(t) {
+          a = t, t.on("Change", () => {
+            u("update:modelValue", t.getContent());
+          }), t.on("init", () => {
+            t.setContent(l.modelValue);
+          });
+        }
+      }), r.value.classList.add("gl-multilanguage");
+    }, T = () => {
+      d.value && u("update:modelValueTranslate", d.value.value);
+    };
+    p(y), w(() => {
+      a && (a.destroy(), a = null);
+    }), p(() => {
+      y(), l.modelValue && (u("update:modelValue", l.modelValue), r.value.value = l.modelValue), l.modelValueTranslate && (u("update:modelValueTranslate", l.modelValueTranslate), d.value.value = l.modelValueTranslate);
+    }), S(() => l.modelValue, (t) => {
+      a && a.getContent() !== t && a.setContent(t);
+    });
+    const b = C({
+      get() {
+        return l.modelValue;
+      },
+      set(t) {
+        u("update:modelValue", t);
+      }
+    });
+    return h({ focus: () => r.value.focus() }), (t, n) => (c(), g(_, null, [
+      e.show ? (c(), g("div", {
+        key: 0,
+        class: m(e.field_name)
+      }, [
+        i("h3", N, o(e.label_name), 1),
+        V(i("input", {
+          type: "hidden",
+          "data-i18n": "true",
+          name: e.field_name + "_i18n",
+          id: e.field_name + "_i18n",
+          ref_key: "input_translate",
+          ref: d,
+          "onUpdate:modelValue": n[0] || (n[0] = (s) => t.inputTranslateValue = s)
+        }, null, 8, q), [
+          [k, t.inputTranslateValue]
+        ]),
+        i("p", {
+          id: e.field_name,
+          class: "mb-4 text-base text-gray-900 input_tr_show dark:text-white"
+        }, o(e.model_value), 9, E),
+        n[3] || (n[3] = i("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
+      ], 2)) : v("", !0),
+      e.show ? v("", !0) : (c(), g("div", {
+        key: 1,
+        class: m(["mb-4", e.field_name])
+      }, [
+        i("label", {
+          class: m({
+            "gl-label-translation-form": e.error_message == "",
+            "gl-label-translation-form-invalid": e.error_message !== "",
+            required: e.is_required
+          }),
+          for: e.field_name
+        }, o(e.label_name), 11, I),
+        n[4] || (n[4] = i("span", { class: "language-label js-language-label bg-blue-100 text-blue-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded-sm dark:bg-blue-900 dark:text-blue-300" }, null, -1)),
+        i("input", {
+          class: "mb-4",
+          type: "hidden",
+          "data-i18n": "true",
+          name: e.field_name + "_i18n",
+          id: e.field_name + "_i18n",
+          onChange: T,
+          ref_key: "input_translate",
+          ref: d
+        }, null, 40, M),
+        V(i("textarea", {
+          name: e.field_name,
+          id: e.field_name,
+          class: m(["mt-4 tiny form-input-translation", {
+            " gl-textarea-form": e.error_message == "",
+            " gl-textarea-form-invalid": e.error_message !== ""
+          }]),
+          type: e.type,
+          "onUpdate:modelValue": n[1] || (n[1] = (s) => b.value = s),
+          onKeydown: n[2] || (n[2] = (s) => t.$emit("keydown", s)),
+          ref_key: "input",
+          ref: r,
+          rows: "4"
+        }, "   ", 42, O), [
+          [k, b.value]
+        ]),
+        i("span", U, o(e.error_message), 1),
+        i("small", D, o(e.description), 1)
+      ], 2))
+    ], 64));
+  }
+};
+export {
+  G as default
+};

package/dist/GlToastList-eeZ0hUJQ.js

@@ -0,0 +1,126 @@
+import { onMounted as m, createElementBlock as n, openBlock as s, createCommentVNode as i, createElementVNode as e, toDisplayString as p, createBlock as g, TransitionGroup as v, withCtx as y, Fragment as w, renderList as x, unref as f } from "vue";
+import { GlToast as u } from "./golden-logic-ui.js";
+const h = {
+  class: "flex items-center p-4 text-gray-500 bg-white rounded-lg shadow-sm dark:bg-gray-800 dark:text-gray-400",
+  role: "alert"
+}, k = {
+  key: 0,
+  class: "inline-flex items-center justify-center shrink-0 w-8 h-8 text-green-500 bg-green-100 rounded-lg dark:bg-green-800 dark:text-green-200"
+}, b = {
+  key: 1,
+  class: "inline-flex items-center justify-center shrink-0 w-8 h-8 text-red-500 bg-red-100 rounded-lg dark:bg-red-800 dark:text-red-200"
+}, _ = {
+  key: 2,
+  class: "inline-flex items-center justify-center shrink-0 w-8 h-8 text-orange-500 bg-orange-100 rounded-lg dark:bg-orange-700 dark:text-orange-200"
+}, L = { class: "ml-3 text-sm font-normal" }, C = {
+  __name: "ToastListItem",
+  props: {
+    message: String,
+    duration: {
+      type: Number,
+      default: 2e3
+    },
+    type: {
+      type: String,
+      default: "success"
+    }
+  },
+  emits: ["remove"],
+  setup(d, { emit: o }) {
+    const r = d;
+    m(() => {
+      setTimeout(() => l("remove"), r.duration);
+    });
+    const l = o;
+    return (a, t) => (s(), n("div", h, [
+      r.type === "success" ? (s(), n("div", k, t[1] || (t[1] = [
+        e("svg", {
+          class: "w-5 h-5",
+          "aria-hidden": "true",
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "currentColor",
+          viewBox: "0 0 20 20"
+        }, [
+          e("path", { d: "M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5Zm3.707 8.207-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L9 10.586l3.293-3.293a1 1 0 0 1 1.414 1.414Z" })
+        ], -1),
+        e("span", { class: "sr-only" }, "Check icon", -1)
+      ]))) : i("", !0),
+      r.type === "error" ? (s(), n("div", b, t[2] || (t[2] = [
+        e("svg", {
+          class: "w-5 h-5",
+          "aria-hidden": "true",
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "currentColor",
+          viewBox: "0 0 20 20"
+        }, [
+          e("path", { d: "M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5Zm3.707 11.793a1 1 0 1 1-1.414 1.414L10 11.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L8.586 10 6.293 7.707a1 1 0 0 1 1.414-1.414L10 8.586l2.293-2.293a1 1 0 0 1 1.414 1.414L11.414 10l2.293 2.293Z" })
+        ], -1),
+        e("span", { class: "sr-only" }, "Error icon", -1)
+      ]))) : i("", !0),
+      r.type === "warning" ? (s(), n("div", _, t[3] || (t[3] = [
+        e("svg", {
+          class: "w-5 h-5",
+          "aria-hidden": "true",
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "currentColor",
+          viewBox: "0 0 20 20"
+        }, [
+          e("path", { d: "M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM10 15a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm1-4a1 1 0 0 1-2 0V6a1 1 0 0 1 2 0v5Z" })
+        ], -1),
+        e("span", { class: "sr-only" }, "Warning icon", -1)
+      ]))) : i("", !0),
+      e("div", L, p(r.message), 1),
+      e("button", {
+        onClick: t[0] || (t[0] = (c) => l("remove")),
+        type: "button",
+        class: "-mx-1.5 -my-1.5 ml-auto inline-flex h-8 w-8 rounded-lg bg-white p-1.5 text-gray-400 hover:bg-gray-100 hover:text-gray-900 focus:ring-2 focus:ring-gray-300 dark:bg-gray-800 dark:text-gray-500 dark:hover:bg-gray-700 dark:hover:text-white",
+        "data-dismiss-target": "#toast-default",
+        "aria-label": "Close"
+      }, t[4] || (t[4] = [
+        e("span", { class: "sr-only" }, "Close", -1),
+        e("svg", {
+          "aria-hidden": "true",
+          class: "w-5 h-5",
+          fill: "currentColor",
+          viewBox: "0 0 20 20",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          e("path", {
+            "fill-rule": "evenodd",
+            d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+            "clip-rule": "evenodd"
+          })
+        ], -1)
+      ]))
+    ]));
+  }
+}, M = {
+  __name: "GlToastList",
+  setup(d) {
+    function o(r) {
+      u.methods.remove(r);
+    }
+    return (r, l) => (s(), g(v, {
+      tag: "div",
+      "enter-from-class": "translate-x-full opacity-0",
+      "enter-active-class": "duration-500",
+      "leave-active-class": "duration-500",
+      "leave-to-class": "translate-x-full opacity-0",
+      class: "fixed z-1060 w-full max-w-xs space-y-4 top-4 right-4"
+    }, {
+      default: y(() => [
+        (s(!0), n(w, null, x(f(u).state.items, (a, t) => (s(), g(C, {
+          key: a.key,
+          message: a.message,
+          type: a.type,
+          duration: a.duration,
+          onRemove: (c) => o(t)
+        }, null, 8, ["message", "type", "duration", "onRemove"]))), 128))
+      ]),
+      _: 1
+    }));
+  }
+};
+export {
+  M as default
+};

package/dist/GlToggleBox-Dym29cx5.js

@@ -0,0 +1,120 @@
+import { ref as p, computed as y, createElementBlock as a, openBlock as n, Fragment as h, createCommentVNode as d, normalizeClass as u, createElementVNode as r, createTextVNode as f, toDisplayString as l, withDirectives as k, vModelCheckbox as x } from "vue";
+const v = { class: "flex justify-between p-2 -mb-px border border-gray-300 no-underlin" }, w = { class: "relative inline-flex items-center cursor-pointer" }, V = ["name", "id", "checked"], _ = {
+  key: 0,
+  class: "flex justify-between items-center"
+}, S = { class: "gl-label-form" }, B = { class: "flex justify-between p-2 -mb-px border border-gray-200 rounded-lg no-underlin dark:border-gray-600 dark:focus:border-primaryDark" }, N = { class: "relative inline-flex items-center cursor-pointer" }, j = ["name", "id"], C = { class: "gl-span-form-error" }, D = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, E = {
+  __name: "GlToggleBox",
+  props: {
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    },
+    model_value: {
+      type: String,
+      required: !0
+    },
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    has_label_up: {
+      type: Boolean,
+      default: !1
+    },
+    description: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: c }) {
+    const b = e, m = c, o = p(null), s = y({
+      get() {
+        return b.modelValue;
+      },
+      set(i) {
+        m("update:modelValue", i);
+      }
+    });
+    return (i, t) => (n(), a(h, null, [
+      e.show ? (n(), a("div", {
+        key: 0,
+        class: u(e.field_name)
+      }, [
+        r("div", null, [
+          r("li", v, [
+            f(l(e.label_name) + " ", 1),
+            r("label", w, [
+              r("input", {
+                type: "checkbox",
+                class: "sr-only peer",
+                name: e.field_name,
+                id: e.field_name,
+                checked: e.modelValue,
+                "true-value": 1,
+                "false-value": 0,
+                ref_key: "input",
+                ref: o,
+                disabled: ""
+              }, null, 8, V),
+              t[1] || (t[1] = r("div", { class: "w-11 h-6 bg-gray-200 peer-focus:outline-hidden peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:rtl:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" }, null, -1))
+            ])
+          ])
+        ]),
+        t[2] || (t[2] = r("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
+      ], 2)) : d("", !0),
+      e.show ? d("", !0) : (n(), a("div", {
+        key: 1,
+        class: u(e.field_name)
+      }, [
+        e.has_label_up ? (n(), a("div", _, [
+          r("label", S, l(e.label_name), 1)
+        ])) : d("", !0),
+        r("li", B, [
+          f(l(e.label_name) + " ", 1),
+          r("label", N, [
+            k(r("input", {
+              type: "checkbox",
+              class: "sr-only peer",
+              name: e.field_name,
+              id: e.field_name,
+              "true-value": 1,
+              "false-value": 0,
+              ref_key: "input",
+              ref: o,
+              "onUpdate:modelValue": t[0] || (t[0] = (g) => s.value = g)
+            }, null, 8, j), [
+              [x, s.value]
+            ]),
+            t[3] || (t[3] = r("div", { class: "w-11 h-6 bg-gray-200 peer-focus:outline-hidden peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:rtl:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" }, null, -1))
+          ])
+        ]),
+        r("span", C, l(e.error_message), 1),
+        r("small", D, l(e.description), 1)
+      ], 2))
+    ], 64));
+  }
+};
+export {
+  E as default
+};

package/dist/GlToggleBoxTrueFalse-CjvcXXTw.js

@@ -0,0 +1,112 @@
+import { ref as p, computed as y, createElementBlock as a, openBlock as n, Fragment as h, createCommentVNode as o, normalizeClass as u, createElementVNode as r, createTextVNode as f, toDisplayString as l, withDirectives as k, vModelCheckbox as x } from "vue";
+const w = { class: "flex justify-between p-2 -mb-px border border-gray-300 no-underlin" }, v = { class: "relative inline-flex items-center cursor-pointer" }, V = ["name", "id", "checked"], _ = {
+  key: 0,
+  class: "flex justify-between items-center"
+}, B = { class: "gl-label-form" }, S = { class: "flex justify-between p-2 -mb-px border border-gray-200 rounded-lg no-underlin dark:border-gray-600 dark:focus:border-primaryDark" }, j = { class: "relative inline-flex items-center cursor-pointer" }, C = ["name", "id"], D = { class: "gl-span-form-error" }, N = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, E = {
+  __name: "GlToggleBoxTrueFalse",
+  props: {
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    },
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    has_label_up: {
+      type: Boolean,
+      default: !1
+    },
+    description: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: c }) {
+    const b = e, m = c, d = p(null), s = y({
+      get() {
+        return b.modelValue;
+      },
+      set(i) {
+        m("update:modelValue", i);
+      }
+    });
+    return (i, t) => (n(), a(h, null, [
+      e.show ? (n(), a("div", {
+        key: 0,
+        class: u(e.field_name)
+      }, [
+        r("div", null, [
+          r("li", w, [
+            f(l(e.label_name) + " ", 1),
+            r("label", v, [
+              r("input", {
+                type: "checkbox",
+                class: "sr-only peer",
+                name: e.field_name,
+                id: e.field_name,
+                checked: e.modelValue,
+                ref_key: "input",
+                ref: d,
+                disabled: ""
+              }, null, 8, V),
+              t[1] || (t[1] = r("div", { class: "w-11 h-6 bg-gray-200 peer-focus:outline-hidden peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:rtl:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" }, null, -1))
+            ])
+          ])
+        ]),
+        t[2] || (t[2] = r("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
+      ], 2)) : o("", !0),
+      e.show ? o("", !0) : (n(), a("div", {
+        key: 1,
+        class: u(e.field_name)
+      }, [
+        e.has_label_up ? (n(), a("div", _, [
+          r("label", B, l(e.label_name), 1)
+        ])) : o("", !0),
+        r("li", S, [
+          f(l(e.label_name) + " ", 1),
+          r("label", j, [
+            k(r("input", {
+              type: "checkbox",
+              class: "sr-only peer",
+              name: e.field_name,
+              id: e.field_name,
+              ref_key: "input",
+              ref: d,
+              "onUpdate:modelValue": t[0] || (t[0] = (g) => s.value = g)
+            }, null, 8, C), [
+              [x, s.value]
+            ]),
+            t[3] || (t[3] = r("div", { class: "w-11 h-6 bg-gray-200 peer-focus:outline-hidden peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:rtl:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" }, null, -1))
+          ])
+        ]),
+        r("span", D, l(e.error_message), 1),
+        r("small", N, l(e.description), 1)
+      ], 2))
+    ], 64));
+  }
+};
+export {
+  E as default
+};