@cling-se/widget 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/PdfTerms-Bf4TlzP5.js

@@ -0,0 +1,34 @@
+import { V as d } from "./PdfViewer-BdhwFfc6.js";
+import { h as _, i as t, aK as m, o as s, d as o, s as n, v as f, e as p, j as u, _ as v } from "./main-C4OdoeS2.js";
+const h = {
+  key: 0,
+  class: "root"
+}, k = { class: "root-title page-break" }, x = ["innerHTML"], y = { key: 1 }, T = { key: 2 }, V = /* @__PURE__ */ _({
+  __name: "PdfTerms",
+  props: {
+    text: {},
+    file: {}
+  },
+  setup(c) {
+    const a = c, r = t(() => a.text), i = t(() => {
+      var e;
+      return (e = a.file) == null ? void 0 : e.url;
+    }), l = t(() => m.t("_common:terms.general"));
+    return (e, g) => r.value ? (s(), o("div", h, [
+      n("div", k, f(l.value), 1),
+      n("div", {
+        class: "term-text quill-format",
+        innerHTML: r.value
+      }, null, 8, x)
+    ])) : e.file ? (s(), o("div", y, [
+      p(u(d), {
+        src: i.value,
+        "doc-file-path": "data.terms.file.url",
+        class: "pdf-container"
+      }, null, 8, ["src"])
+    ])) : (s(), o("div", T));
+  }
+}), b = /* @__PURE__ */ v(V, [["__scopeId", "data-v-1d0b6534"]]);
+export {
+  b as default
+};

package/dist/PdfViewer-BdhwFfc6.js

@@ -0,0 +1,392 @@
+import { h as K, I as C, $ as H, K as T, a0 as J, M as W, o as p, d as v, S as X, f as F, s as d, n as z, e as b, w as I, _ as O, b as G, af as M, v as E, ao as V, aj as Y, bd as _, j, B as S, F as U, c as R, k as ee, P as $, aA as te, Z as ae, p as D, Q as A } from "./main-C4OdoeS2.js";
+import { e as q } from "./dom-CkTGWrfu.js";
+import { a as ne } from "./DocumentLayout-BRfEjoYq.js";
+import { w as oe } from "./CDropdownItem-DvaU14-V.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, "/ " + E(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" }, Z = "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 q(
+          `${D.api.baseUrl}/js/pdfjs-dist@${Z}/build/pdf.min.mjs`
+        ), await q(
+          `${D.api.baseUrl}/js/pdfjs-dist@${Z}/web/pdf_viewer.mjs`
+        ), window.pdfjsLib.GlobalWorkerOptions.workerSrc = `${D.api.baseUrl}/js/pdfjs-dist@${Z}/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 A(), 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
+          }
+        ), A(() => {
+          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:[" + E(l.docFilePath) + `]ClingPDFReplaceEnd
+      `, 1),
+          d("div", null, "This page should have been replaced with URL: " + E(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
+};

package/dist/PlainHtml.vue_vue_type_script_setup_true_lang-BgsfquR_.js

@@ -0,0 +1,17 @@
+import { h as n, o as t, d as o, S as s, s as a } from "./main-C4OdoeS2.js";
+const r = { class: "quill-format" }, l = ["innerHTML"], d = /* @__PURE__ */ n({
+  __name: "PlainHtml",
+  props: {
+    content: { default: "" }
+  },
+  setup(c) {
+    return (e, i) => (t(), o("div", r, [
+      s(e.$slots, "default", {}, () => [
+        a("div", { innerHTML: e.content }, null, 8, l)
+      ])
+    ]));
+  }
+});
+export {
+  d as _
+};