@fewangsit/wangsvue-fats 1.0.1-alpha.7 → 1.0.1-alpha.70

package/hardwaresync/index.es.js

@@ -0,0 +1,237 @@
+import { defineComponent as G, onMounted as K, shallowRef as u, computed as m, ref as X, watch as ee, createBlock as g, openBlock as p, createSlots as ae, withCtx as E, createCommentVNode as b, createVNode as C, createElementVNode as V, normalizeClass as $, 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 { _ as R } from "../button/index.es.js";
+import { _ as ce } from "../dialog/index.es.js";
+import { _ as M } from "../dropdown/index.es.js";
+import { _ as ue } from "../icon/index.es.js";
+import { _ as de } 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: P }) {
+    const o = W, k = P, U = le();
+    K(() => {
+      O();
+    });
+    const {
+      device: _,
+      devices: I,
+      saveDevices: x,
+      setDevice: Q,
+      loadDevices: z
+    } = oe(), i = {
+      label: "None",
+      device: void 0
+    }, d = u(!1), l = u(i), r = u(i), T = (n) => {
+      var a, e;
+      if ((a = I.value) != null && a.length) {
+        const s = (e = I.value) == null ? void 0 : e.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, [];
+    }, f = m(() => T("rfidScan")), y = m(() => T("qrScan")), w = m(
+      () => o.errorCode === "NOT_SUPPORTED_SYSTEM"
+    ), H = m(() => o.searchBy === "RFID" && l.value.device), Y = m(() => o.searchBy === "QR" && r.value.device), D = m(() => !!o.searchBy && o.errorCode !== "HARDWARE_NOT_SYNCHRONIZED"), B = async (n) => {
+      try {
+        x(n);
+        const a = f.value.some(
+          (s) => {
+            var t, v, S;
+            return ((t = s == null ? void 0 : s.device) == null ? void 0 : t.serialNumber) === ((S = (v = l.value) == null ? void 0 : v.device) == null ? void 0 : S.serialNumber);
+          }
+        ), e = y.value.some(
+          (s) => {
+            var t, v, S;
+            return ((t = s == null ? void 0 : s.device) == null ? void 0 : t.serialNumber) === ((S = (v = r.value) == null ? void 0 : v.device) == null ? void 0 : S.serialNumber);
+          }
+        );
+        l.value = a ? l.value : f.value[0] ?? i, r.value = e ? r.value : y.value[0] ?? i, N();
+      } catch (a) {
+        c.value = h(ie(a));
+      } finally {
+        d.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(), _.value.RFID ? l.value = {
+        label: _.value.RFID.name,
+        device: _.value.RFID
+      } : f.value.length && (l.value = f.value[0] ?? i), y.value.length && (r.value = y.value[0] ?? i), N();
+    }, F = () => {
+      k("update:visible", !1), k("scan");
+    }, Z = () => {
+      var n, a;
+      d.value = !0, c.value = void 0, window.scannerWorker.onmessage = ({ data: e }) => {
+        var s;
+        if (e.status === "synced") {
+          const t = ((s = e == null ? void 0 : e.data) == null ? void 0 : s.deviceList) ?? [];
+          B(t);
+          const { error: v } = (e == null ? void 0 : e.data) ?? {};
+          v === "Driver not connected to server" ? (d.value = !1, c.value = h("DRIVER_NOT_FOUND")) : t.length || (d.value = !1, c.value = h("DEVICE_NOT_CONNECTED"));
+        } else e.status === "error_sync" && (d.value = !1, B([]), U.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,
+        companyCode: (a = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : a.companyCode
+      });
+    }, q = () => {
+      window.scannerWorker ?? (window.scannerWorker = new re());
+    };
+    return ee(
+      () => o.visible,
+      (n) => {
+        n && (q(), c.value = h(), O(), d.value = !1);
+      }
+    ), (n, a) => (p(), 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": a[3] || (a[3] = (e) => n.$emit("update:visible", e)),
+      class: "w-[400px]",
+      "content-class": "!overflow-y-visible",
+      "footer-class": "!gap-1",
+      header: "Hardware Synchronize",
+      modal: ""
+    }, ae({
+      footer: E(() => [
+        D.value ? (p(), g(R, {
+          key: 0,
+          onClick: a[2] || (a[2] = (e) => n.$emit("update:visible", !1)),
+          label: "Close",
+          severity: "secondary",
+          text: ""
+        })) : b("", !0),
+        w.value ? b("", !0) : (p(), ne(te, { key: 1 }, [
+          H.value && !o.withoutScanBtn ? (p(), g(R, {
+            key: 0,
+            onClick: F,
+            icon: "rfid",
+            label: "Scan RFID"
+          })) : b("", !0),
+          Y.value && !o.withoutScanBtn ? (p(), g(R, {
+            key: 1,
+            onClick: F,
+            icon: "qr",
+            label: "Scan QR"
+          })) : b("", !0)
+        ], 64))
+      ]),
+      default: E(() => [
+        c.value ? (p(), g(de, {
+          key: 0,
+          class: $(["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),
+        C(R, {
+          disabled: w.value,
+          loading: d.value,
+          onClick: Z,
+          icon: "refresh",
+          label: "Sync",
+          "loading-icon": "refresh",
+          outlined: ""
+        }, null, 8, ["disabled", "loading"]),
+        V("section", {
+          class: $([
+            "grid grid-cols-2 gap-3 justify-start w-full",
+            { "opacity-60 pointer-events-none": w.value }
+          ]),
+          "data-ts-section": "scanner-list"
+        }, [
+          C(M, {
+            modelValue: l.value,
+            "onUpdate:modelValue": [
+              a[0] || (a[0] = (e) => l.value = e),
+              N
+            ],
+            options: f.value,
+            label: "RFID Scanner",
+            "option-label": "label"
+          }, null, 8, ["modelValue", "options"]),
+          C(M, {
+            modelValue: r.value,
+            "onUpdate:modelValue": [
+              a[1] || (a[1] = (e) => r.value = e),
+              N
+            ],
+            options: y.value,
+            label: "QR Scanner",
+            "option-label": "label"
+          }, null, 8, ["modelValue", "options"])
+        ], 2)
+      ]),
+      _: 2
+    }, [
+      D.value ? {
+        name: "header",
+        fn: E(() => {
+          var e;
+          return [
+            C(ue, {
+              icon: (e = n.searchBy) == null ? void 0 : e.toLowerCase()
+            }, null, 8, ["icon"]),
+            V("h3", null, se(n.$t(`Scan ${n.searchBy}`)), 1)
+          ];
+        }),
+        key: "0"
+      } : void 0
+    ]), 1032, ["closable", "header-class", "visible"]));
+  }
+});
+export {
+  De as _
+};

package/headercell/index.es.js

@@ -0,0 +1,40 @@
+import { defineComponent as n, createElementBlock as t, openBlock as o, normalizeClass as p, createElementVNode as r, normalizeProps as c, guardReactiveProps as i, createBlock as s, createCommentVNode as a, createTextVNode as d, toDisplayString as f } from "vue";
+import { _ as l } from "../icon/index.es.js";
+const m = ["colspan", "rowspan"], u = { class: "flex" }, k = /* @__PURE__ */ n({
+  __name: "HeaderCell",
+  props: {
+    col: {},
+    defaultHeaderRowSpan: {},
+    sortBy: {},
+    sortOrder: {},
+    preset: {}
+  },
+  setup(y) {
+    return (e, h) => (o(), t("th", {
+      class: p([e.col.headerClass, e.col.class]),
+      colspan: e.col.colspan,
+      rowspan: e.col.rowspan ?? e.defaultHeaderRowSpan
+    }, [
+      r("span", c(i(e.preset.headercellcontent)), [
+        r("span", u, [
+          d(f(e.$t(e.col.header)) + " ", 1),
+          e.col.info ? (o(), s(l, {
+            key: 0,
+            info: e.col.info,
+            severity: e.col.infoSeverity,
+            class: "w-[10px] h-[10px]",
+            icon: "info"
+          }, null, 8, ["info", "severity"])) : a("", !0)
+        ]),
+        e.col.sortable ? (o(), s(l, {
+          key: 0,
+          icon: !e.sortBy || e.sortBy != e.col.field ? "arrow-up-down" : e.sortOrder == 1 ? "sort-asc" : "sort-desc",
+          class: "text-base"
+        }, null, 8, ["icon"])) : a("", !0)
+      ], 16)
+    ], 10, m));
+  }
+});
+export {
+  k as _
+};

package/{components/icon/Icon.vue.d.ts → icon/index.d.ts}

@@ -27,11 +27,13 @@ export type WangsIcons =
   | 'arrow-right-circle-line'
   | 'arrow-right-double'
   | 'arrow-right-fill'
+  | 'apps-2-line'
   | 'asset-view'
   | 'asset'
   | 'assignment'
   | 'attachment-2'
   | 'audit'
+  | 'bank-card-line'
   | 'barcode'
   | 'barricade-line'
   | 'bell'
@@ -144,6 +146,7 @@ export type WangsIcons =
   | 'node-tree'
   | 'note'
   | 'notification'
+  | 'organization-chart'
   | 'pdf'
   | 'pair-tag'
   | 'pencil'
@@ -181,10 +184,12 @@ export type WangsIcons =
   | 'star'
   | 'store'
   | 'subtract'
+  | 'table'
   | 'time'
   | 'ticket'
   | 'tools'
   | 'tracking'
+  | 'truck-line'
   | 'unassign'
   | 'upload-2'
   | 'upload-cloud-2'

package/icon/index.es.js

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

package/{components/image/Image.vue.d.ts → image/index.d.ts}

@@ -271,23 +271,42 @@ export interface ImageProps {
   unstyled?: boolean;
 
   /**
-   * Get image url for specifics project from its server.
-   * @returns The full URL of the image from the server.
-   * @param path - the Image path from API Response JSON
-   * @param width - the image width in pixels
-   * @param height - the image height in pixels
+   * Returns the full image URL or a ObjetctURL from Blob for an image resource, based on the provided path and dimensions.
+   *
+   * If the image is publicly accessible, this typically returns a fully qualified URL.
+   * If the image requires authentication or protected access, this may return a ObjetctURL from Blob (e.g., Base64-encoded).
+   *
+   * @param path - The image path as provided in the API response JSON. Can be null or undefined.
+   * @param width - Optional width of the image in pixels.
+   * @param height - Optional height of the image in pixels.
+   *
+   * @returns A string representing either the full image URL or a ObjetctURL from Blob. Returns `undefined` if the path is invalid.
+   * @example res.blob().then((blob) => resolve(URL.createObjectURL(blob)))
+   *
    */
   getImageURL?: (
     path?: string | null,
     width?: number,
     height?: number,
-  ) => string | undefined;
+    returnURLOnly?: boolean, // Default is undefined or will return Promise when using Auth, when it manually sets to true, return the url only
+  ) => string | undefined | Promise<string | undefined>;
 
   /**
    * The placeholder to be shown when the image failed to load, or the src is not provided.
    * It should be preserved by project configuration.
    */
   placeholder?: string | undefined;
+
+  /**
+   * Use default value for width and height if not specified. The default size is 125px.
+   * @defaultValue true
+   */
+  useDefaultSize?: boolean;
+
+  /**
+   * The size of thumbnail image (in px) if props.width is undefined and props.useDefaultSize is false.
+   */
+  thumbnailSize?: number;
 }
 
 /**

package/image/index.es.js

@@ -0,0 +1,210 @@
+import { defineComponent as W, computed as I, onMounted as Z, onUnmounted as q, shallowRef as d, watch as H, createBlock as J, openBlock as m, unref as D, withCtx as z, createElementBlock as g, normalizeStyle as k, Fragment as L, createElementVNode as $, renderList as j, withDirectives as K, vShow as Q, withModifiers as P, createVNode as S, normalizeClass as R, mergeProps as T } from "vue";
+import { c as X } from "../vendor/@vueuse/core/index.es.js";
+import { u as Y } from "../plugins/WangsVue.es.js";
+import { m as x } from "../utils/mergePropsWithDefaults.util.es.js";
+import { s as ee } from "../vendor/primevue/image/image.esm.es.js";
+import { _ as E } from "../button/index.es.js";
+import { _ as te } from "../icon/index.es.js";
+const ae = ["src"], oe = ["src"], le = ["src"], ie = ["src", "onClick"], de = /* @__PURE__ */ W({
+  __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: {},
+    useDefaultSize: { type: Boolean, default: !0 },
+    thumbnailSize: {}
+  },
+  setup(F) {
+    const t = F, { defaultProps: N } = Y("Image"), s = I(() => x(t, N));
+    Z(() => {
+      setTimeout(() => {
+        C();
+      }, 3e3);
+    }), q(() => {
+      w(), typeof i.value == "string" && i.value.includes("blob") && URL.revokeObjectURL(i.value);
+      for (const e of h) URL.revokeObjectURL(e);
+    });
+    const n = d(0), v = d(), U = d(), y = d(!1), h = [], V = I(() => {
+      var e;
+      return t.preview === !1 ? !1 : !y.value && !((e = i.value) != null && e.toString().includes("data:image/png;base64")) && i.value !== s.value.placeholder;
+    }), A = () => {
+      const e = t.galleries ?? [];
+      n.value = (n.value + 1) % e.length, b();
+    }, G = () => {
+      const e = t.galleries ?? [];
+      n.value = (n.value - 1 + e.length) % e.length, b();
+    }, C = () => {
+      var e;
+      w(), (e = t.galleries) != null && e.length && (v.value = window.setInterval(() => {
+        const a = t.galleries ?? [];
+        n.value = (n.value + 1) % a.length;
+      }, 3e3));
+    }, w = () => {
+      v.value && (window.clearInterval(v.value), v.value = void 0);
+    }, _ = I(() => {
+      if (t.width != null) return t.width;
+      if (t.size === "small") return 30;
+      if (t.size === "medium") return 80;
+      if (t.useDefaultSize) return 125;
+    }), i = X(
+      async () => {
+        var e, a;
+        if (!t.src || y.value) return s.value.placeholder;
+        if (typeof t.src == "string") {
+          const o = t.src.includes("http") || // From public image or ObjectURL from Blob e.g 'blob:http://localhost:5173/ca48705d-1fc1-4a74-af38-353ffce7e02a'
+          /^data:image\/[a-zA-Z0-9.+-]+;base64,/.test(t.src) ? t.src : await ((a = (e = s.value).getImageURL) == null ? void 0 : a.call(e, t.src, _.value));
+          return typeof o == "string" && o.includes("blob") && h.push(o), o || s.value.placeholder;
+        }
+        return t.src;
+      },
+      s.value.placeholder
+      // Show placeholder while fetching image
+    ), p = d(), M = async () => {
+      var a, o, l, c;
+      if (p.value != null) return;
+      let e = i.value;
+      if (typeof e == "string") {
+        const r = (o = (a = s.value).getImageURL) == null ? void 0 : o.call(
+          a,
+          "preview",
+          void 0,
+          void 0,
+          !0
+        ), u = typeof r == "string" && !(r != null && r.includes("undefined")) ? new URL(r).origin : "", O = u && e.includes(u) || // For getImageURL that return the image full url
+        r instanceof Promise;
+        e = e.includes("http") && !O || // From public resource
+        e.includes("data:image/svg+xml") ? e : await ((c = (l = s.value).getImageURL) == null ? void 0 : c.call(l, t.src));
+      }
+      typeof e == "string" && e.includes("blob") && h.push(e), p.value = e || s.value.placeholder;
+    }, b = (e) => {
+      w(), typeof e == "number" && (n.value = e), U.value ? window.clearTimeout(U.value) : window.setTimeout(C, 3e3);
+    }, f = (e) => {
+      var o;
+      const a = (o = e.target) == null ? void 0 : o.src;
+      (a === i.value || a.includes(i.value.toString())) && (y.value = !0);
+    }, B = (e) => {
+      var o, l, c;
+      const a = e;
+      return typeof a == "string" ? a.includes("http") ? a : (c = (l = (o = s.value).getImageURL) == null ? void 0 : l.call(o, a)) == null ? void 0 : c.toString() : a;
+    };
+    return H(i, () => {
+      p.value = void 0;
+    }), (e, a) => {
+      var o;
+      return m(), J(D(ee), {
+        "image-class": e.imageClass,
+        "image-style": e.imageStyle,
+        preview: V.value,
+        pt: { root: (o = e.$preset.image) == null ? void 0 : o.root({ props: e.$props }) },
+        "zoom-in-disabled": e.zoomInDisabled,
+        "zoom-out-disabled": e.zoomOutDisabled,
+        onShow: M
+      }, {
+        image: z(() => {
+          var l;
+          return [
+            $("img", T(
+              (l = e.$preset.image) == null ? void 0 : l.image({
+                props: e.$props,
+                context: { imageSize: _.value ?? e.thumbnailSize }
+              }),
+              {
+                onerror: f,
+                src: D(i),
+                alt: ""
+              }
+            ), null, 16, ae)
+          ];
+        }),
+        indicatoricon: z(() => [
+          S(te, T(e.$preset.image.icon, { icon: "eye" }), null, 16)
+        ]),
+        preview: z((l) => {
+          var c;
+          return [
+            (c = e.galleries) != null && c.length ? (m(), g(L, { key: 1 }, [
+              (m(!0), g(L, null, j(e.galleries, ({ src: r }, u) => K((m(), g("img", {
+                key: u,
+                onerror: f,
+                src: B(r),
+                style: k(l.style),
+                alt: "",
+                "data-wv-section": "image-gallery"
+              }, null, 12, le)), [
+                [Q, u === n.value]
+              ])), 128)),
+              $("div", {
+                onClick: a[0] || (a[0] = P(() => {
+                }, ["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"
+              }, [
+                S(E, {
+                  class: R([
+                    "text-surface-0 rotate-180 sticky left-0 !w-8 !h-8 [&_i]:w-5 [&_i]:h-5",
+                    "rounded-full mr-3"
+                  ]),
+                  onClick: G,
+                  "aria-label": "Previous Image",
+                  "data-wv-section": "prev-button",
+                  icon: "arrow-right",
+                  "icon-class": "w-5 h-5",
+                  severity: "secondary",
+                  text: ""
+                }),
+                (m(!0), g(L, null, j(e.galleries, ({ src: r }, u) => (m(), g("img", {
+                  key: u,
+                  class: R([
+                    "h-10 w-10 object-cover cursor-pointer opacity-50 hover:opacity-100 transition-opacity",
+                    { "!opacity-100": n.value == u }
+                  ]),
+                  onerror: f,
+                  src: B(r),
+                  style: k(l.style),
+                  onClick: P((O) => b(u), ["stop"]),
+                  alt: "",
+                  "data-wv-section": "thumbnail-image"
+                }, null, 14, ie))), 128)),
+                S(E, {
+                  class: R([
+                    "text-surface-0 sticky !w-8 !h-8 [&_i]:w-5 [&_i]:h-5",
+                    "rounded-full ml-3"
+                  ]),
+                  onClick: A,
+                  "aria-label": "Next Image",
+                  "data-wv-section": "next-button",
+                  icon: "arrow-right",
+                  severity: "secondary",
+                  text: ""
+                })
+              ])
+            ], 64)) : (m(), g("img", {
+              key: 0,
+              onerror: f,
+              src: p.value,
+              style: k(l.style),
+              alt: ""
+            }, null, 12, oe))
+          ];
+        }),
+        _: 1
+      }, 8, ["image-class", "image-style", "preview", "pt", "zoom-in-disabled", "zoom-out-disabled"]);
+    };
+  }
+});
+export {
+  de as _
+};

package/{components/imagecompressor/ImageCompressor.vue.d.ts → imagecompressor/index.d.ts}

@@ -1,4 +1,4 @@
-import { CustomValidation } from '../form/Form.vue.d';
+import { CustomValidation } from '../form';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export interface ImageCompressorLocaleConfig {