@cling-se/widget 0.18.6 → 0.19.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cling-se/widget",
-  "version": "0.18.6",
+  "version": "0.19.1",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
@@ -46,7 +46,7 @@
     "rollup-plugin-visualizer": "^5.8.3",
     "tailwindcss": "^3.2.1",
     "terser": "^5.37.0",
-    "vite": "^6.0.7",
+    "vite": "^6.2.0",
     "vite-tsconfig-paths": "^4.3.2"
   },
   "scripts": {

package/dist/Index-Bh5PBCWm.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./Index.vue_vue_type_script_lang-JD2uxCqe.js";
-export {
-  f as default
-};

package/dist/PdfViewer-m7Vvy9vD.js

@@ -1,392 +0,0 @@
-import { h as K, I as C, a0 as H, K as T, a1 as J, M as W, o as p, b as v, S as X, f as F, s as d, n as z, d as b, w as I, _ as O, e as G, ae as M, v as Z, an as V, ai as Y, bc as _, j, B as S, F as U, c as R, k as ee, P as $, az as te, $ as ae, p as D, Q as q } from "./main-C7xk4P1d.js";
-import { e as A } from "./dom-DOcGU3-g.js";
-import { a as ne } from "./DocumentLayout-flBcTHXJ.js";
-import { w as oe } from "./CDropdownItem-Buqn3VW4.js";
-const se = /* @__PURE__ */ K({
-  __name: "PdfPage",
-  props: {
-    pdf: {},
-    page: { default: 1 },
-    scale: { default: "page-width" },
-    rotate: { default: 0 },
-    resize: { type: Boolean, default: !0 },
-    annotation: { type: Boolean, default: !0 },
-    text: { type: Boolean, default: !0 },
-    containerClass: {}
-  },
-  emits: ["pagerendered", "link-clicked", "update:scale", "error"],
-  setup(t, { emit: e }) {
-    let o, s, g, f, n;
-    const r = e, y = C(!0), w = H("container");
-    T(
-      () => t.scale,
-      (a) => P(a)
-    ), T(
-      () => t.rotate,
-      (a) => {
-        n && (n.update({ scale: t.scale, rotation: a }), n.draw());
-      }
-    ), J(() => {
-      o = window.pdfjsViewer.PDFFindController, s = window.pdfjsViewer.PDFLinkService, g = window.pdfjsViewer.PDFPageView, f = window.pdfjsViewer.EventBus, k();
-    }), W(() => {
-      n && (n.destroy(), n = null);
-    });
-    function k() {
-      var u;
-      const a = new f();
-      a.on("pagerendered", (c) => r("pagerendered", c));
-      const m = new s({
-        eventBus: a,
-        externalLinkTarget: 2
-      }), l = new o({
-        eventBus: a,
-        linkService: m
-      });
-      (u = t.pdf) == null || u.getPage(t.page).then((c) => {
-        n = new g({
-          container: w.value,
-          id: t.page,
-          scale: 1,
-          defaultViewport: c.getViewport({ scale: 1 }),
-          eventBus: a,
-          textLayerMode: t.text ? 1 : 0,
-          annotationMode: t.annotation ? 1 : 0
-        }), n.setPdfPage(c);
-        const i = {
-          scrollPageIntoView: (h) => r("link-clicked", h)
-        };
-        return m.setDocument(t.pdf), m.setViewer(i), l.setDocument(t.pdf), P(t.scale);
-      }).catch((c) => {
-        r("error", c), y.value = !1;
-      });
-    }
-    function x(a = -1, m = -1) {
-      return n.update({ scale: 1, rotation: t.rotate }), a === -1 && m === -1 && (a = w.value.offsetWidth), a / n.viewport.width;
-    }
-    function N() {
-      var l;
-      n.update({ scale: 1, rotation: t.rotate });
-      const a = w.value.offsetHeight, m = (l = w.value.parentElement) == null ? void 0 : l.parentElement;
-      return m ? m.offsetHeight / a : 1;
-    }
-    async function P(a) {
-      n && (a === "page-width" ? (a = x(), r("update:scale", a)) : a === "page-height" && (a = N(), r("update:scale", a)), n.update({ scale: a, rotation: t.rotate }), await n.draw(), y.value = !1);
-    }
-    function B() {
-      t.resize && P("page-width");
-    }
-    return (a, m) => (p(), v("div", null, [
-      y.value ? X(a.$slots, "loading", { key: 0 }) : F("", !0),
-      d("div", {
-        ref_key: "container",
-        ref: w,
-        class: z([a.containerClass, "pdfViewer tracking-normal"])
-      }, null, 2),
-      b(ne, { onResize: B }, {
-        default: I(() => m[0] || (m[0] = [
-          d("div", { class: "w-full" }, null, -1)
-        ])),
-        _: 1
-      })
-    ]));
-  }
-}), re = {
-  name: "PDFToolbar",
-  emits: ["update:scale", "update:auto-zoom", "navigate-to-page", "download"],
-  mixins: [oe],
-  props: {
-    currentPage: {
-      type: Number,
-      default: 0
-    },
-    numPages: {
-      type: Number,
-      default: 0
-    },
-    scale: {
-      type: [Number, String],
-      default: "page-width"
-    },
-    autoZoom: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      compactExpand: !1
-    };
-  },
-  computed: {
-    formattedZoom() {
-      return this.autoZoom ? "Auto" : Number.parseInt(this.scale * 100) + "%";
-    }
-  },
-  methods: {
-    updateZoom(t) {
-      this.$emit("update:scale", t), this.$emit("update:auto-zoom", t === "page-width");
-    },
-    onManualZoom(t) {
-      var g;
-      let e = ((g = t == null ? void 0 : t.target) == null ? void 0 : g.value) || "";
-      if (e === "Auto") return;
-      e.endsWith("%") && (e = e.slice(0, -1));
-      const o = Number.parseFloat(e);
-      let s = 1;
-      Number.isNaN(o) || (s = o / 100, s < 0 && (s = 0), s > 5 && (s = 5)), this.updateZoom(s);
-    },
-    navigateToPage(t) {
-      var o, s;
-      let e = ((o = t == null ? void 0 : t.target) == null ? void 0 : o.value) || "";
-      e = Number.parseInt(e), Number.isNaN(e) && (e = this.currentPage), e < 1 && (e = 1), e > this.numPages && (e = this.numPages), e === this.currentPage && typeof ((s = t == null ? void 0 : t.target) == null ? void 0 : s.value) < "u" && (t.target.value = this.currentPage), this.$emit("navigate-to-page", e);
-    }
-  }
-}, le = { class: "ease flex h-full items-center justify-center gap-1 overflow-hidden rounded-full border border-gray-100 bg-white px-1.5 text-gray-500 transition duration-500" }, ie = { class: "mr-2 inline-flex items-center gap-2" }, de = ["value"], ue = { class: "text-sm font-medium" }, ce = {
-  key: 0,
-  class: "button-transitions flex items-center"
-}, fe = { class: "inline-flex items-center" }, ge = ["value"];
-function me(t, e, o, s, g, f) {
-  const n = G("CIcon");
-  return p(), v("div", {
-    class: z(["pointer-events-none sticky top-0 z-10 flex h-10 w-full translate-y-4", { "translate-y-2": t.mq === "sm" }])
-  }, [
-    d("div", {
-      class: z(["pointer-events-auto mx-auto inline-flex items-center justify-center rounded-full bg-gray-300/50 shadow-xl backdrop-blur-md", { "ml-2": t.mq === "sm" }])
-    }, [
-      d("div", le, [
-        d("div", ie, [
-          d("input", {
-            class: "w-9 rounded-full border border-solid border-gray-200 bg-gray-100 text-center leading-loose text-gray-500",
-            type: "number",
-            value: o.currentPage,
-            onBlur: e[0] || (e[0] = (...r) => f.navigateToPage && f.navigateToPage(...r)),
-            onKeyup: e[1] || (e[1] = M((...r) => f.navigateToPage && f.navigateToPage(...r), ["enter"]))
-          }, null, 40, de),
-          d("div", ue, "/ " + Z(o.numPages), 1)
-        ]),
-        b(Y, { name: "slide-fade" }, {
-          default: I(() => [
-            t.mq !== "sm" || g.compactExpand ? (p(), v("div", ce, [
-              e[9] || (e[9] = d("div", { class: "h-8 w-px bg-gray-700/10" }, null, -1)),
-              d("div", fe, [
-                d("button", {
-                  class: "h-10 w-10 rounded-full text-gray-400",
-                  onClick: e[2] || (e[2] = V((r) => f.updateZoom(o.scale - (o.scale > 0.2 ? 0.1 : 0)), ["prevent"]))
-                }, [
-                  b(n, {
-                    type: "zoomOut",
-                    size: "20"
-                  })
-                ]),
-                (p(), v("input", {
-                  key: o.scale,
-                  class: "w-12 rounded-md border border-solid border-gray-200 bg-gray-100 text-center leading-loose text-gray-500",
-                  type: "text",
-                  value: f.formattedZoom,
-                  onBlur: e[3] || (e[3] = (...r) => f.onManualZoom && f.onManualZoom(...r)),
-                  onKeyup: e[4] || (e[4] = M((...r) => f.onManualZoom && f.onManualZoom(...r), ["enter"]))
-                }, null, 40, ge)),
-                d("button", {
-                  class: "h-10 w-10 rounded-full text-gray-400",
-                  onClick: e[5] || (e[5] = V((r) => f.updateZoom(o.scale + (o.scale < 2 ? 0.1 : 0)), ["prevent"]))
-                }, [
-                  b(n, {
-                    type: "zoomIn",
-                    size: "20"
-                  })
-                ])
-              ]),
-              e[10] || (e[10] = d("div", { class: "h-8 w-px bg-gray-700/10" }, null, -1)),
-              d("button", {
-                class: "h-10 w-10 rounded-full text-gray-400",
-                onClick: e[6] || (e[6] = V((r) => f.updateZoom("page-width"), ["prevent"]))
-              }, [
-                b(n, {
-                  type: "boxBox",
-                  size: "20"
-                })
-              ]),
-              e[11] || (e[11] = d("div", { class: "h-8 w-px bg-gray-700/10" }, null, -1)),
-              d("button", {
-                class: "h-10 w-10 rounded-full text-gray-400",
-                onClick: e[7] || (e[7] = V((r) => t.$emit("download"), ["prevent"]))
-              }, [
-                b(n, {
-                  type: "download",
-                  size: "20"
-                })
-              ])
-            ])) : F("", !0)
-          ]),
-          _: 1
-        })
-      ]),
-      t.mq === "sm" ? (p(), v("button", {
-        key: 0,
-        class: "h-10 w-10 rounded-full text-gray-400",
-        onClick: e[8] || (e[8] = V((r) => g.compactExpand = !g.compactExpand, ["prevent"]))
-      }, [
-        b(n, {
-          class: z([{ "rotate-180": g.compactExpand }, "duration-500"]),
-          type: "chevron-right",
-          size: "20"
-        }, null, 8, ["class"])
-      ])) : F("", !0)
-    ], 2)
-  ], 2);
-}
-const pe = /* @__PURE__ */ O(re, [["render", me], ["__scopeId", "data-v-5b038ef5"]]);
-function ve(t, e = {}) {
-  let o;
-  if (typeof t == "string")
-    o = {
-      url: t
-    };
-  else if (typeof t == "object" && t !== null) o = { ...t };
-  else throw new TypeError("invalid src type");
-  const s = window.pdfjsLib.getDocument(o);
-  return e && e.onPassword && (s.onPassword = e.onPassword), e && e.onProgress && (s.onProgress = e.onProgress), s;
-}
-const we = { key: 0 }, be = {
-  key: 0,
-  class: "mb-4 grid aspect-[210/297] w-full place-items-center border border-gray-100 bg-gray-50"
-}, ye = { class: "mb-4 grid aspect-[210/297] place-items-center border border-gray-100 bg-gray-50" }, E = "4.0.379", Pe = /* @__PURE__ */ K({
-  __name: "PdfViewer",
-  props: {
-    src: {},
-    toolbar: { type: Boolean, default: !0 },
-    docFilePath: {}
-  },
-  emits: ["numPages", "rendered"],
-  setup(t, { emit: e }) {
-    let o = !1, s = null;
-    const g = e, f = $("isPdf", !1), n = $("fallbackMode", !1), r = _(null), y = C(!1), w = H("pageComponents"), k = C("page-width"), x = C(!0), N = C(1), P = C(void 0);
-    T(
-      () => n,
-      (l) => {
-        l && (k.value = 0.9);
-      },
-      { immediate: !0 }
-    ), T(
-      () => t.src,
-      async (l) => {
-        o || (await A(
-          `${D.api.baseUrl}/js/pdfjs-dist@${E}/build/pdf.min.mjs`
-        ), await A(
-          `${D.api.baseUrl}/js/pdfjs-dist@${E}/web/pdf_viewer.mjs`
-        ), window.pdfjsLib.GlobalWorkerOptions.workerSrc = `${D.api.baseUrl}/js/pdfjs-dist@${E}/build/pdf.worker.min.mjs`, o = !0), B(l);
-      },
-      { immediate: !0 }
-    ), W(() => {
-      s && (s.disconnect(), s = null);
-    });
-    const B = async (l) => {
-      if (!l) return;
-      y.value = !0;
-      const u = ve(l);
-      await q(), u.promise.then((c) => {
-        r.value = c, y.value = !1, P.value = c.numPages, g("numPages", c.numPages), g("rendered"), t.toolbar && (P.value ?? 0) > 1 && (s = new IntersectionObserver(
-          (i) => {
-            i.forEach((h) => {
-              var L;
-              if (h.isIntersecting) {
-                const Q = Number((L = h.target) == null ? void 0 : L.getAttribute("data-page"));
-                N.value = Q;
-              }
-            });
-          },
-          {
-            rootMargin: "0px",
-            threshold: 0.5
-          }
-        ), q(() => {
-          var i;
-          (i = w.value) == null || i.forEach(
-            (h) => s.observe(h.$el)
-          );
-        }));
-      });
-    }, a = (l) => {
-      var u, c, i;
-      (i = (c = (u = w.value) == null ? void 0 : u[l - 1]) == null ? void 0 : c.$el) == null || i.scrollIntoView({
-        behavior: "instant",
-        block: "start"
-      });
-    }, m = async () => {
-      r.value && r.value.getData().then((l) => {
-        const u = new Blob([l], { type: "application/pdf" }), c = URL.createObjectURL(u), i = document.createElement("a");
-        i.href = c, i.setAttribute("download", "document.pdf"), i.click();
-      }).catch(() => te("Failed to download PDF"));
-    };
-    return (l, u) => {
-      const c = G("CIcon");
-      return p(), v("div", {
-        key: l.src,
-        style: { "--page-border": "0" }
-      }, [
-        j(f) && !j(n) ? (p(), v("pre", we, [
-          S("      ClingPDFReplaceStart:[" + Z(l.docFilePath) + `]ClingPDFReplaceEnd
-      `, 1),
-          d("div", null, "This page should have been replaced with URL: " + Z(l.src), 1),
-          u[3] || (u[3] = S(`
-    `))
-        ])) : (p(), v(U, { key: 1 }, [
-          l.toolbar && !j(n) && !y.value ? (p(), R(pe, {
-            key: 0,
-            scale: k.value,
-            "onUpdate:scale": u[0] || (u[0] = (i) => k.value = i),
-            "auto-zoom": x.value,
-            "onUpdate:autoZoom": u[1] || (u[1] = (i) => x.value = i),
-            "current-page": N.value,
-            "num-pages": P.value,
-            onDownload: m,
-            onNavigateToPage: a
-          }, null, 8, ["scale", "auto-zoom", "current-page", "num-pages"])) : F("", !0),
-          d("div", {
-            class: z(["mx-auto", { "chapter-spacing-x max-w-full": x.value && !j(n) }])
-          }, [
-            y.value ? (p(), v("div", be, [
-              b(c, {
-                type: "loader",
-                size: "28",
-                class: "animate-spin text-gray-400"
-              })
-            ])) : F("", !0),
-            d("div", {
-              class: z({ "overflow-x-auto": !x.value })
-            }, [
-              (p(!0), v(U, null, ee(P.value, (i) => (p(), R(se, ae({ ref_for: !0 }, l.$attrs, {
-                ref_for: !0,
-                ref_key: "pageComponents",
-                ref: w,
-                scale: k.value,
-                "onUpdate:scale": u[2] || (u[2] = (h) => k.value = h),
-                key: i,
-                pdf: r.value,
-                page: i,
-                "data-page": i,
-                resize: x.value,
-                "container-class": j(n) ? "" : "mb-4",
-                class: "page-shadow"
-              }), {
-                loading: I(() => [
-                  d("div", ye, [
-                    b(c, {
-                      type: "loader",
-                      size: "28",
-                      class: "animate-spin text-gray-400"
-                    })
-                  ])
-                ]),
-                _: 2
-              }, 1040, ["scale", "pdf", "page", "data-page", "resize", "container-class"]))), 128))
-            ], 2)
-          ], 2)
-        ], 64))
-      ]);
-    };
-  }
-}), ze = /* @__PURE__ */ O(Pe, [["__scopeId", "data-v-cd432605"]]);
-export {
-  ze as V
-};