@fewangsit/wangsvue-fats 1.0.1-alpha.25 → 1.0.1-alpha.4

package/form/index.es.js

@@ -1,188 +0,0 @@
-import { defineComponent as ne, onMounted as ue, ref as S, inject as fe, shallowRef as n, provide as de, watch as me, createElementBlock as $, openBlock as u, mergeProps as o, unref as a, withModifiers as ve, createElementVNode as B, createCommentVNode as m, renderSlot as ce, normalizeProps as Y, createVNode as Z, withDirectives as be, vShow as pe, guardReactiveProps as ye, createBlock as h } from "vue";
-import { a as ke } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { _ as C } from "../button/index.es.js";
-import { _ as Se } from "../checkbox/index.es.js";
-import { _ as Be } from "../validatormessage/index.es.js";
-const we = /* @__PURE__ */ ne({
-  __name: "Form",
-  props: {
-    buttonsTemplate: {},
-    disableSubmit: { type: Boolean },
-    cancelBtnLabel: { default: "Batal" },
-    clearBtnLabel: { default: "Bersihkan Field" },
-    columnPerRow: {},
-    hideFooter: { type: Boolean },
-    hideStayCheckbox: { type: Boolean },
-    invalid: { type: Boolean },
-    resetAfterSubmit: { type: Boolean, default: !0 },
-    saveBtnLabel: { default: "Simpan" },
-    submitBtnLabel: { default: "Simpan" },
-    stayCheckboxLabel: { default: "Tetap di halaman ini" },
-    validatorMessage: { default: "Please input all required field!" },
-    validateOnSave: { type: Boolean, default: !1 },
-    cancelBtnSeverity: { default: "secondary" },
-    saveBtnSeverity: { default: "success" },
-    submitBtnSeverity: { default: "success" }
-  },
-  emits: ["cancel", "clear", "save", "submit"],
-  setup(x, { expose: _, emit: ee }) {
-    const s = x, b = ee;
-    ue(() => {
-      if (w.value) {
-        const e = s.columnPerRow ?? 1;
-        w.value.style.gridTemplateColumns = `repeat(${e}, minmax(0, 1fr))`, E();
-      }
-    });
-    const l = fe("preset", {}).form, {
-      handleSubmit: te,
-      values: p,
-      resetForm: P,
-      errors: ae,
-      resetField: le,
-      setValues: se,
-      setFieldValue: oe,
-      setErrors: re
-    } = ke(), v = n(!1), T = S(), r = n(!1), A = n(!1), V = n(0), g = S(), f = n(!1), F = n(!1), y = n(!1), w = S(null), L = S(null);
-    de("isSubmitting", f);
-    const E = () => {
-      var e;
-      if (g.value) {
-        const t = (e = g.value) == null ? void 0 : e.offsetHeight;
-        L.value && (L.value.style.height = `calc(100% + ${t + 20}px)`);
-      }
-    }, W = () => {
-      f.value = !0, y.value = !0, A.value || (r.value = !0);
-    }, M = () => {
-      f.value = !0, F.value = !0, s.validateOnSave ? (A.value || (r.value = !0), k()) : ie();
-    }, k = te(
-      (e) => {
-        if (!s.invalid) {
-          const t = R(e), i = {
-            stayAfterSubmit: v.value,
-            formValues: t
-          };
-          F.value ? b("save", i) : b("submit", i), r.value = !1, F.value = !1, s.resetAfterSubmit && (V.value += 1, P());
-        }
-        f.value = !1;
-      },
-      () => {
-        f.value = !1;
-      }
-    ), ie = () => {
-      const e = R(p), t = {
-        stayAfterSubmit: v.value,
-        formValues: e
-      };
-      b("save", t), f.value = !1;
-    }, O = () => {
-      P(), V.value++, b("clear"), r.value = !1, y.value = !1;
-    }, R = (e) => {
-      const t = e, i = Object.keys(t);
-      for (const d of i)
-        typeof t[d] == "string" && (t[d] = t[d].trim());
-      return t;
-    };
-    return me(
-      p,
-      () => {
-        y.value = !1;
-      },
-      { deep: !0 }
-    ), _({
-      stayAfterSubmit: v,
-      submit: k,
-      onSubmitClicked: W,
-      onSaveClicked: M,
-      showValidator: r,
-      formElement: T,
-      clearField: O,
-      resetField: le,
-      errors: ae,
-      setOuterFieldsWrapperHeight: E,
-      setValues: se,
-      setFieldValue: oe,
-      setErrors: re,
-      values: p,
-      isSubmitClicked: y
-    }), (e, t) => {
-      var i, d, H, N, j, q, z, D, I, K, U, G, J, Q, X;
-      return u(), $("form", o({
-        ref_key: "formElement",
-        ref: T
-      }, (i = a(l)) == null ? void 0 : i.root({ props: s }), {
-        onInput: t[2] || (t[2] = (c) => r.value = !1),
-        onSubmit: t[3] || (t[3] = ve(
-          //@ts-ignore
-          (...c) => a(k) && a(k)(...c),
-          ["prevent"]
-        ))
-      }), [
-        B("div", {
-          ref_key: "outerFieldsWrapper",
-          ref: L
-        }, [
-          B("div", o({
-            ref_key: "fieldsWrapper",
-            ref: w
-          }, (d = a(l)) == null ? void 0 : d["fields-wrapper"]), [
-            ce(e.$slots, "fields", {
-              key: V.value,
-              formValues: a(p)
-            })
-          ], 16)
-        ], 512),
-        e.hideFooter ? m("", !0) : (u(), $("div", o({
-          key: 0,
-          ref_key: "footer",
-          ref: g
-        }, (H = a(l)) == null ? void 0 : H.footer), [
-          e.hideStayCheckbox ? m("", !0) : (u(), $("div", Y(o({ key: 0 }, (N = a(l)) == null ? void 0 : N.staycheckbox)), [
-            Z(Se, {
-              modelValue: v.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (c) => v.value = c),
-              label: e.stayCheckboxLabel
-            }, null, 8, ["modelValue", "label"])
-          ], 16)),
-          B("div", o({ id: "footer-actions-wrapper" }, (j = a(l)) == null ? void 0 : j["action-buttons"]), [
-            be(Z(Be, o((q = a(l)) == null ? void 0 : q["validator-message"], { message: e.validatorMessage }), null, 16, ["message"]), [
-              [pe, r.value || s.invalid]
-            ]),
-            B("div", Y(ye((z = a(l)) == null ? void 0 : z["button-wrapper"])), [
-              (D = s.buttonsTemplate) != null && D.includes("cancel") ? (u(), h(C, o({ key: 0 }, (I = a(l)) == null ? void 0 : I["cancel-button"], {
-                label: e.cancelBtnLabel,
-                severity: e.cancelBtnSeverity,
-                onClick: t[1] || (t[1] = (c) => e.$emit("cancel")),
-                "data-test": "cancel-button",
-                text: "",
-                type: "button"
-              }), null, 16, ["label", "severity"])) : m("", !0),
-              (K = s.buttonsTemplate) != null && K.includes("clear") ? (u(), h(C, o({ key: 1 }, (U = a(l)) == null ? void 0 : U["clear-button"], {
-                label: e.clearBtnLabel,
-                onClick: O,
-                text: "",
-                type: "button"
-              }), null, 16, ["label"])) : m("", !0),
-              (G = s.buttonsTemplate) != null && G.includes("save") ? (u(), h(C, o({ key: 2 }, (J = a(l)) == null ? void 0 : J["save-button"], {
-                label: e.saveBtnLabel,
-                severity: e.saveBtnSeverity,
-                onClick: M,
-                outlined: "",
-                type: "button"
-              }), null, 16, ["label", "severity"])) : m("", !0),
-              (Q = s.buttonsTemplate) != null && Q.includes("submit") ? (u(), h(C, o({ key: 3 }, (X = a(l)) == null ? void 0 : X["submit-button"], {
-                disabled: e.disableSubmit,
-                label: e.submitBtnLabel,
-                severity: e.submitBtnSeverity,
-                onClick: W,
-                type: "submit"
-              }), null, 16, ["disabled", "label", "severity"])) : m("", !0)
-            ], 16)
-          ], 16)
-        ], 16))
-      ], 16);
-    };
-  }
-});
-export {
-  we as _
-};

package/hardwaresync/index.es.js

@@ -1,236 +0,0 @@
-import { defineComponent as G, onMounted as K, shallowRef as u, computed as d, ref as X, watch as ee, createBlock as g, openBlock as m, createSlots as ae, withCtx as E, createCommentVNode as b, createVNode as R, createElementVNode as V, normalizeClass as M, createElementBlock as ne, Fragment as te, toDisplayString as se } from "vue";
-import { u as le } from "../utils/baseToast.util.es.js";
-import { u as oe, W as re, g as ie } from "../buttonscan/index.es.js";
-import { _ } from "../button/index.es.js";
-import { _ as ce } from "../dialog/index.es.js";
-import { _ as $ } from "../dropdown/index.es.js";
-import { _ as ue } from "../icon/index.es.js";
-import { _ as ve } from "../inlinemessage/index.es.js";
-const De = /* @__PURE__ */ G({
-  __name: "HardwareSync",
-  props: {
-    visible: { type: Boolean },
-    errorCode: {},
-    searchBy: {},
-    bulk: { type: Boolean },
-    withoutScanBtn: { type: Boolean }
-  },
-  emits: ["update:visible", "scan"],
-  setup(W, { emit: x }) {
-    const o = W, k = x, P = le();
-    K(() => {
-      O();
-    });
-    const {
-      device: C,
-      devices: I,
-      saveDevices: U,
-      setDevice: Q,
-      loadDevices: z
-    } = oe(), i = {
-      label: "None",
-      device: void 0
-    }, v = u(!1), l = u(i), r = u(i), T = (n) => {
-      var e, a;
-      if ((e = I.value) != null && e.length) {
-        const s = (a = I.value) == null ? void 0 : a.filter((t) => t[n]).map((t) => ({
-          label: `${t.name ?? t.jenisDevice + " - " + t.serialNumber}`,
-          device: t
-        }));
-        return s.length ? s : [];
-      }
-      return l.value = i, r.value = i, [];
-    }, p = d(() => T("rfidScan")), f = d(() => T("qrScan")), w = d(
-      () => o.errorCode === "NOT_SUPPORTED_SYSTEM"
-    ), H = d(() => o.searchBy === "RFID" && l.value.device), Y = d(() => o.searchBy === "QR" && r.value.device), D = d(() => !!o.searchBy && o.errorCode !== "HARDWARE_NOT_SYNCHRONIZED"), B = async (n) => {
-      try {
-        U(n);
-        const e = p.value.some(
-          (s) => {
-            var t, y, S;
-            return ((t = s == null ? void 0 : s.device) == null ? void 0 : t.serialNumber) === ((S = (y = l.value) == null ? void 0 : y.device) == null ? void 0 : S.serialNumber);
-          }
-        ), a = f.value.some(
-          (s) => {
-            var t, y, S;
-            return ((t = s == null ? void 0 : s.device) == null ? void 0 : t.serialNumber) === ((S = (y = r.value) == null ? void 0 : y.device) == null ? void 0 : S.serialNumber);
-          }
-        );
-        l.value = e ? l.value : p.value[0] ?? i, r.value = a ? r.value : f.value[0] ?? i, N();
-      } catch (e) {
-        c.value = h(ie(e));
-      } finally {
-        v.value = !1;
-      }
-    }, c = X(), j = u({
-      title: "The detected OS is not compatible",
-      detail: "Please check the OS compatibility list on our product information page."
-    }), L = u({
-      title: "Scanner Disconnected",
-      detail: "Your scanner has been disconnected. Please reconnect it or select another device from the list."
-    }), A = u({
-      title: "Scanner driver not found",
-      detail: "The scanner driver may not be running or installed correctly on your device. Please contact your administrator."
-    }), J = u({
-      title: "Scanner not detected",
-      detail: "The scanner is either not detected or not identified by our system."
-    });
-    u({
-      title: "Scanner is not registered",
-      detail: "The scanner is not registered in your company."
-    });
-    const h = (n) => {
-      switch (n ?? o.errorCode) {
-        case "DEVICE_NOT_CONNECTED":
-          return J.value;
-        case "DRIVER_NOT_FOUND":
-          return A.value;
-        case "NOT_SUPPORTED_SYSTEM":
-          return j.value;
-        case "DEVICE_DISCONNECTED":
-          return L.value;
-        default:
-          return;
-      }
-    }, N = () => {
-      Q({
-        RFID: l.value.device,
-        QR: r.value.device
-      });
-    }, O = () => {
-      z(), C.value.RFID ? l.value = {
-        label: C.value.RFID.name,
-        device: C.value.RFID
-      } : p.value.length && (l.value = p.value[0] ?? i), f.value.length && (r.value = f.value[0] ?? i), N();
-    }, F = () => {
-      k("update:visible", !1), k("scan");
-    }, Z = () => {
-      var n;
-      v.value = !0, c.value = void 0, window.scannerWorker.onmessage = ({ data: e }) => {
-        var a;
-        if (e.status === "synced") {
-          const s = ((a = e == null ? void 0 : e.data) == null ? void 0 : a.deviceList) ?? [];
-          B(s);
-          const { error: t } = (e == null ? void 0 : e.data) ?? {};
-          t === "Driver not connected to server" ? (v.value = !1, c.value = h("DRIVER_NOT_FOUND")) : s.length || (v.value = !1, c.value = h("DEVICE_NOT_CONNECTED"));
-        } else e.status === "error_sync" && (v.value = !1, B([]), P.add({ message: "Failed to connecting scanner", severity: "error" }));
-      }, window.scannerWorker.postMessage({
-        command: "sync",
-        userId: (n = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : n._id
-      });
-    }, q = () => {
-      window.scannerWorker ?? (window.scannerWorker = new re());
-    };
-    return ee(
-      () => o.visible,
-      (n) => {
-        n && (q(), c.value = h(), O(), v.value = !1);
-      }
-    ), (n, e) => (m(), g(ce, {
-      closable: !D.value,
-      "header-class": [
-        {
-          "flex !gap-1 !items-center !justify-center !text-sm !font-bold !leading-[18px] tracking-[0.02em] [&>div]:hidden": D.value
-        }
-      ],
-      visible: n.visible,
-      "onUpdate:visible": e[3] || (e[3] = (a) => n.$emit("update:visible", a)),
-      class: "w-[400px]",
-      "content-class": "!overflow-y-visible",
-      "footer-class": "!gap-1",
-      header: "Hardware Synchronize",
-      modal: ""
-    }, ae({
-      footer: E(() => [
-        D.value ? (m(), g(_, {
-          key: 0,
-          onClick: e[2] || (e[2] = (a) => n.$emit("update:visible", !1)),
-          label: "Close",
-          severity: "secondary",
-          text: ""
-        })) : b("", !0),
-        w.value ? b("", !0) : (m(), ne(te, { key: 1 }, [
-          H.value && !o.withoutScanBtn ? (m(), g(_, {
-            key: 0,
-            onClick: F,
-            icon: "rfid",
-            label: "Scan RFID"
-          })) : b("", !0),
-          Y.value && !o.withoutScanBtn ? (m(), g(_, {
-            key: 1,
-            onClick: F,
-            icon: "qr",
-            label: "Scan QR"
-          })) : b("", !0)
-        ], 64))
-      ]),
-      default: E(() => [
-        c.value ? (m(), g(ve, {
-          key: 0,
-          class: M(["p-[9.52px] transition"]),
-          message: c.value.detail,
-          removable: !1,
-          "show-icon": !1,
-          title: c.value.title,
-          "message-wrapper-class": "text-[11px] leading-[14px] tracking-[0.02em]",
-          severity: "danger"
-        }, null, 8, ["message", "title"])) : b("", !0),
-        R(_, {
-          disabled: w.value,
-          loading: v.value,
-          onClick: Z,
-          icon: "refresh",
-          label: "Sync",
-          "loading-icon": "refresh",
-          outlined: ""
-        }, null, 8, ["disabled", "loading"]),
-        V("section", {
-          class: M([
-            "grid grid-cols-2 gap-3 justify-start w-full",
-            { "opacity-60 pointer-events-none": w.value }
-          ]),
-          "data-ts-section": "scanner-list"
-        }, [
-          R($, {
-            modelValue: l.value,
-            "onUpdate:modelValue": [
-              e[0] || (e[0] = (a) => l.value = a),
-              N
-            ],
-            options: p.value,
-            label: "RFID Scanner",
-            "option-label": "label"
-          }, null, 8, ["modelValue", "options"]),
-          R($, {
-            modelValue: r.value,
-            "onUpdate:modelValue": [
-              e[1] || (e[1] = (a) => r.value = a),
-              N
-            ],
-            options: f.value,
-            label: "QR Scanner",
-            "option-label": "label"
-          }, null, 8, ["modelValue", "options"])
-        ], 2)
-      ]),
-      _: 2
-    }, [
-      D.value ? {
-        name: "header",
-        fn: E(() => {
-          var a;
-          return [
-            R(ue, {
-              icon: (a = n.searchBy) == null ? void 0 : a.toLowerCase()
-            }, null, 8, ["icon"]),
-            V("h3", null, "Scan " + se(n.searchBy), 1)
-          ];
-        }),
-        key: "0"
-      } : void 0
-    ]), 1032, ["closable", "header-class", "visible"]));
-  }
-});
-export {
-  De as _
-};

package/icon/index.es.js

@@ -1,82 +0,0 @@
-import { defineComponent as c, computed as d, resolveDirective as v, createElementBlock as t, openBlock as o, Fragment as f, withDirectives as i, createCommentVNode as n, mergeProps as l } from "vue";
-const $ = /* @__PURE__ */ c({
-  __name: "Icon",
-  props: {
-    icon: {},
-    severity: { default: void 0 },
-    info: { default: void 0 },
-    tooltipPos: { default: "bottom" },
-    class: { default: void 0 }
-  },
-  setup(u) {
-    const a = u, p = (() => {
-      switch (a.severity) {
-        case "primary":
-          return "text-primary-500";
-        case "success":
-          return "text-success-500";
-        case "warning":
-          return "text-warning-500";
-        case "danger":
-          return "text-danger-500";
-        case "info":
-          return "text-info-500";
-        default:
-          return "inherit";
-      }
-    })(), s = d(() => [
-      "icon",
-      `ic-${a.icon}`,
-      p,
-      "cursor-pointer !shrink-0"
-    ]);
-    return (e, m) => {
-      const r = v("tooltip");
-      return o(), t(f, null, [
-        e.tooltipPos === "top" ? i((o(), t("i", l({ key: 0 }, e.$attrs, {
-          class: [...s.value, e.$props.class]
-        }), null, 16)), [
-          [
-            r,
-            e.info,
-            void 0,
-            { top: !0 }
-          ]
-        ]) : n("", !0),
-        e.tooltipPos === "bottom" ? i((o(), t("i", l({ key: 1 }, e.$attrs, {
-          class: [...s.value, e.$props.class]
-        }), null, 16)), [
-          [
-            r,
-            e.info,
-            void 0,
-            { bottom: !0 }
-          ]
-        ]) : n("", !0),
-        e.tooltipPos === "right" ? i((o(), t("i", l({ key: 2 }, e.$attrs, {
-          class: [...s.value, e.$props.class]
-        }), null, 16)), [
-          [
-            r,
-            e.info,
-            void 0,
-            { right: !0 }
-          ]
-        ]) : n("", !0),
-        e.tooltipPos === "left" ? i((o(), t("i", l({ key: 3 }, e.$attrs, {
-          class: [...s.value, e.$props.class]
-        }), null, 16)), [
-          [
-            r,
-            e.info,
-            void 0,
-            { left: !0 }
-          ]
-        ]) : n("", !0)
-      ], 64);
-    };
-  }
-});
-export {
-  $ as _
-};

package/image/index.es.js

@@ -1,171 +0,0 @@
-import { defineComponent as j, computed as p, onMounted as G, onUnmounted as M, shallowRef as f, createBlock as W, openBlock as n, unref as q, mergeProps as I, withCtx as b, createElementBlock as m, normalizeStyle as k, Fragment as _, createElementVNode as U, renderList as T, withDirectives as A, vShow as H, withModifiers as D, createVNode as C, normalizeClass as z } from "vue";
-import { u as J } from "../plugins/WangsVue.es.js";
-import { m as K } from "../utils/mergePropsWithDefaults.util.es.js";
-import { s as Q } from "../vendor/primevue/image/image.esm.es.js";
-import { _ as O } from "../button/index.es.js";
-import { _ as X } from "../icon/index.es.js";
-const Y = ["src"], Z = ["src"], ee = ["src"], te = ["src", "onClick"], ne = /* @__PURE__ */ j({
-  __name: "Image",
-  props: {
-    src: {},
-    preview: { type: Boolean, default: !0 },
-    size: {},
-    width: {},
-    rounded: { type: Boolean },
-    imageStyle: {},
-    imageClass: {},
-    galleries: {},
-    indicatorIcon: {},
-    zoomInDisabled: { type: Boolean },
-    zoomOutDisabled: { type: Boolean },
-    pt: {},
-    ptOptions: {},
-    unstyled: { type: Boolean },
-    getImageURL: {},
-    placeholder: {}
-  },
-  setup(x) {
-    const r = x, { defaultProps: E } = J("Image"), c = p(() => K(r, E));
-    G(() => {
-      setTimeout(() => {
-        $();
-      }, 3e3);
-    }), M(() => {
-      h();
-    });
-    const o = f(0), v = f(), L = f(), w = f(!1), F = p(() => {
-      var e;
-      return r.preview === !1 ? !1 : !w.value && !((e = u.value) != null && e.toString().includes("data:image/png;base64")) && u.value !== c.value.placeholder;
-    }), N = () => {
-      const e = r.galleries ?? [];
-      o.value = (o.value + 1) % e.length, y();
-    }, P = () => {
-      const e = r.galleries ?? [];
-      o.value = (o.value - 1 + e.length) % e.length, y();
-    }, $ = () => {
-      var e;
-      h(), (e = r.galleries) != null && e.length && (v.value = window.setInterval(() => {
-        const t = r.galleries ?? [];
-        o.value = (o.value + 1) % t.length;
-      }, 3e3));
-    }, h = () => {
-      v.value && (window.clearInterval(v.value), v.value = void 0);
-    }, B = p(() => r.width != null ? r.width : r.size === "small" ? 30 : r.size === "medium" ? 80 : 125), u = p(() => {
-      var e, t;
-      return !r.src || w.value ? c.value.placeholder : typeof r.src == "string" ? r.src.includes("http") || // From public image
-      r.src.includes("data:image/png;base64") ? r.src : (t = (e = c.value).getImageURL) == null ? void 0 : t.call(e, r.src, B.value) : r.src;
-    }), V = p(() => {
-      var t, l, a, g;
-      const e = u.value;
-      if (typeof e == "string") {
-        const s = (l = (t = c.value).getImageURL) == null ? void 0 : l.call(t, "preview"), i = s && !(s != null && s.includes("undefined")) ? new URL(s).origin : "", R = i && e.includes(i);
-        return e.includes("http") && !R || // From public resource
-        e.includes("data:image/svg+xml") ? e : (g = (a = c.value).getImageURL) == null ? void 0 : g.call(a, r.src);
-      }
-      return e;
-    }), y = (e) => {
-      h(), typeof e == "number" && (o.value = e), L.value ? window.clearTimeout(L.value) : window.setTimeout($, 3e3);
-    }, d = (e) => {
-      var l;
-      const t = (l = e.target) == null ? void 0 : l.src;
-      (t === u.value || t.includes(u.value.toString())) && (w.value = !0);
-    }, S = (e) => {
-      var l, a;
-      const t = e;
-      return typeof t == "string" ? t.includes("http") ? t : (a = (l = c.value).getImageURL) == null ? void 0 : a.call(l, t) : t;
-    };
-    return (e, t) => {
-      var l;
-      return n(), W(q(Q), I(e.$props, {
-        preview: F.value,
-        pt: { root: (l = e.$preset.image) == null ? void 0 : l.root({ props: e.$props }) }
-      }), {
-        image: b(() => {
-          var a;
-          return [
-            U("img", I((a = e.$preset.image) == null ? void 0 : a.image({ props: e.$props, context: { imageSize: B.value } }), {
-              onerror: d,
-              src: u.value,
-              alt: ""
-            }), null, 16, Y)
-          ];
-        }),
-        indicatoricon: b(() => [
-          C(X, I(e.$preset.image.icon, { icon: "eye" }), null, 16)
-        ]),
-        preview: b((a) => {
-          var g;
-          return [
-            (g = e.galleries) != null && g.length ? (n(), m(_, { key: 1 }, [
-              (n(!0), m(_, null, T(e.galleries, ({ src: s }, i) => A((n(), m("img", {
-                key: i,
-                onerror: d,
-                src: S(s),
-                style: k(a.style),
-                alt: "",
-                "data-wv-section": "image-gallery"
-              }, null, 12, ee)), [
-                [H, i === o.value]
-              ])), 128)),
-              U("div", {
-                onClick: t[0] || (t[0] = D(() => {
-                }, ["stop"])),
-                class: "fixed bottom-0 left-0 flex justify-center items-center w-full p-4 mx-auto flex-row bg-black/80",
-                "data-wv-section": "gallery-thumbnail"
-              }, [
-                C(O, {
-                  class: z([
-                    "text-surface-0 rotate-180 sticky left-0 !w-8 !h-8 [&_i]:w-5 [&_i]:h-5",
-                    "rounded-full mr-3"
-                  ]),
-                  onClick: P,
-                  "aria-label": "Previous Image",
-                  "data-wv-section": "prev-button",
-                  icon: "arrow-right",
-                  "icon-class": "w-5 h-5",
-                  severity: "secondary",
-                  text: ""
-                }),
-                (n(!0), m(_, null, T(e.galleries, ({ src: s }, i) => (n(), m("img", {
-                  key: i,
-                  class: z([
-                    "h-10 w-10 object-cover cursor-pointer opacity-50 hover:opacity-100 transition-opacity",
-                    { "!opacity-100": o.value == i }
-                  ]),
-                  onerror: d,
-                  src: S(s),
-                  style: k(a.style),
-                  onClick: D((R) => y(i), ["stop"]),
-                  alt: "",
-                  "data-wv-section": "thumbnail-image"
-                }, null, 14, te))), 128)),
-                C(O, {
-                  class: z([
-                    "text-surface-0 sticky !w-8 !h-8 [&_i]:w-5 [&_i]:h-5",
-                    "rounded-full ml-3"
-                  ]),
-                  onClick: N,
-                  "aria-label": "Next Image",
-                  "data-wv-section": "next-button",
-                  icon: "arrow-right",
-                  severity: "secondary",
-                  text: ""
-                })
-              ])
-            ], 64)) : (n(), m("img", {
-              key: 0,
-              onerror: d,
-              src: V.value,
-              style: k(a.style),
-              alt: ""
-            }, null, 12, Z))
-          ];
-        }),
-        _: 1
-      }, 16, ["preview", "pt"]);
-    };
-  }
-});
-export {
-  ne as _
-};