@cling-se/widget 0.17.3 → 0.18.1

package/dist/Index-rDndJKo1.js

@@ -0,0 +1,160 @@
+import { m as C } from "./mapFormMixin-Cgvwie9a.js";
+import { V as F } from "./PdfViewer-C_y5sqXB.js";
+import { _ as I, z as g, p as P, D as h, o as n, b as t, E as V, G as x, n as f, s as a, d as p, v as d, w as v, F as y, B as b, f as m, c as z, e as u } from "./main-DI0diChK.js";
+const S = {
+  i18nOptions: {
+    namespaces: "pdfBlock",
+    messages: {
+      en: {
+        embedded: "Embedded",
+        numOfPages: "- {{numPages}} pages",
+        upload: "Upload PDF"
+      },
+      sv: {
+        embedded: "Inbäddat",
+        numOfPages: "- {{numPages}} sidor",
+        upload: "Ladda upp en pdf"
+      }
+    }
+  },
+  name: "Pdf",
+  components: {
+    PdfViewer: F,
+    FileIcon: g(
+      () => import("./Index-lbWFEELM.js")
+    ),
+    BaseUpload: g(
+      () => import("./BaseUpload-DFoV0ZLe.js")
+    )
+  },
+  mixins: [C(["file"])],
+  inject: {
+    isPdf: {
+      default: !1
+    },
+    _firstBlock: {
+      default: !1
+    },
+    _lastBlock: {
+      default: !1
+    }
+  },
+  data() {
+    return {
+      uploadProgress: null,
+      isHover: !1,
+      numPages: null,
+      maxFileSize: 1e3 * 1e3 * 30
+      // 30 MB
+    };
+  },
+  computed: {
+    showControls() {
+      return !this.file || this.isHover || this.uploadProgress !== null;
+    },
+    // Fetch the file from API instead of AWS directly
+    fileUrl() {
+      if (!this.file || !this.file.url) return null;
+      if (this.file.url.startsWith(P.api.baseUrl)) return this.file.url;
+      try {
+        const { hostname: e } = new URL(this.file.url);
+        if (Object.keys(h).some(
+          (i) => e.includes(h[i].domain)
+        )) return this.file.url;
+      } catch {
+      }
+      return `${P.api.baseUrl}/public/fileProxy?url=${encodeURIComponent(
+        this.file.url
+      )}`;
+    }
+  },
+  methods: {
+    onUploadSuccess(e) {
+      const { id: s, displayName: i, url: c, mime: o } = e.response;
+      if (!s) throw new Error("Could not read id from uploaded file");
+      this.file = {
+        fileId: s,
+        name: i,
+        mime: o,
+        url: c
+      }, this.$refs.uploader.remove(e), this.uploadProgress = null;
+    }
+  }
+}, E = { class: "flex-auto pl-4" }, N = { class: "text-sm text-gray-600" }, _ = { key: 1 };
+function D(e, s, i, c, o, r) {
+  const k = u("FileIcon"), B = u("CButton"), w = u("BaseUpload"), U = u("PdfViewer");
+  return n(), t("div", {
+    style: { position: "relative" },
+    class: "font-inter print-no-margin",
+    onMouseover: s[2] || (s[2] = (l) => o.isHover = !0),
+    onMouseleave: s[3] || (s[3] = (l) => o.isHover = !1)
+  }, [
+    e.canEdit ? V((n(), t("div", {
+      key: 0,
+      class: f([!!e.file && "absolute left-0 right-0 top-2 z-10", "chapter-spacing-x pointer-events-none mx-auto flex max-w-full items-center justify-center"])
+    }, [
+      a("div", {
+        class: f([!!e.file && "border border-gray-200 !p-2 shadow-lg", "pointer-events-auto flex w-full max-w-[95%] items-center rounded-lg bg-gray-100 !p-4 text-left"])
+      }, [
+        p(k, { mime: "application/pdf" }),
+        a("div", E, [
+          s[4] || (s[4] = a("div", { class: "font-medium" }, "PDF", -1)),
+          a("div", N, d(e.$t("embedded")) + " " + d(o.numPages ? e.$t("numOfPages", { numPages: o.numPages }) : ""), 1)
+        ]),
+        p(w, {
+          ref: "uploader",
+          "autostart-upload": !0,
+          "background-drop": !1,
+          extensions: "pdf",
+          accept: "application/pdf",
+          "max-size": o.maxFileSize,
+          onInput: s[0] || (s[0] = ([l]) => o.uploadProgress = l ? parseInt(l.progress, 10) : null),
+          onUploadSuccess: r.onUploadSuccess,
+          style: { display: "contents" }
+        }, {
+          default: v(({ openFilePicker: l }) => [
+            p(B, {
+              type: e.file ? "none" : "secondary",
+              pattern: e.file ? "secondary" : "primary",
+              disabled: o.uploadProgress !== null,
+              style: { "z-index": "2" },
+              onClick: l
+            }, {
+              default: v(() => [
+                o.uploadProgress !== null ? (n(), t(y, { key: 0 }, [
+                  b(d(`${o.uploadProgress}% ${e.$t("_common:uploading")}`), 1)
+                ], 64)) : (n(), t(y, { key: 1 }, [
+                  b(d(e.file ? e.$t("_common:change", { thing: e.$t("_common:file") }) : e.$t("upload")), 1)
+                ], 64))
+              ]),
+              _: 2
+            }, 1032, ["type", "pattern", "disabled", "onClick"])
+          ]),
+          _: 1
+        }, 8, ["max-size", "onUploadSuccess"])
+      ], 2)
+    ], 2)), [
+      [x, r.showControls]
+    ]) : m("", !0),
+    e.file ? (n(), t("div", _, [
+      a("div", {
+        class: f({
+          "break-before-page": r.isPdf && !r._firstBlock,
+          "break-after-page": r.isPdf && !r._lastBlock
+        })
+      }, [
+        e.file && e.file.url ? (n(), z(U, {
+          key: 0,
+          src: r.fileUrl,
+          toolbar: !e.canEdit,
+          "doc-file-path": `${e._value.file}.url`,
+          onNumPages: s[1] || (s[1] = (l) => o.numPages = l)
+        }, null, 8, ["src", "toolbar", "doc-file-path"])) : m("", !0)
+      ], 2)
+    ])) : m("", !0)
+  ], 32);
+}
+const M = /* @__PURE__ */ I(S, [["render", D]]);
+export {
+  M as default
+};

package/dist/{Index-Dfq7egc1.js → Index-s-6Qh_NE.js}

@@ -1,7 +1,7 @@
-import { P as m } from "./PlainHtml-B7gUNNZd.js";
-import { Z as c, D as u, n as p } from "./main-BL_yzf2r.js";
-import { s as g } from "./dom-Ds4ypDrd.js";
-const h = {
+import { _ as p } from "./PlainHtml.vue_vue_type_script_setup_true_lang-D5ZLw34T.js";
+import { d as e, aF as c, A as u, B as d, _ as h } from "./main-DI0diChK.js";
+import { s as g } from "./dom-CkTGWrfu.js";
+const f = {
   name: "ExtraWorkConstructionPricingListRead",
   props: {
     _document: {
@@ -60,18 +60,16 @@ const h = {
       }
     }
   },
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  render(e) {
-    if (!this._document.readPrices)
-      return e("div");
-    let n = !0, i = null, s = 1, o = null;
+  render() {
+    if (!this._document.readPrices) return e("div", null, null);
+    let a = !0, i = null, n = 1, o = null;
     const {
       prices: r = null
     } = this._document || {};
     if (r && (r.currency && ({
       currency: o
     } = r), r.helpers && ({
-      isIndivid: n
+      isIndivid: a
     } = r.helpers), r.region)) {
       ({
         houseWorkType: i
@@ -83,21 +81,21 @@ const h = {
         greenRot20: 0.8,
         greenRot50: 0.5
       };
-      n && (s *= 1.25), n && t[i] && (s *= t[i]);
+      a && (n *= 1.25), a && t[i] && (n *= t[i]);
     }
-    const d = () => i ? this.$t("deduction.afterType", {
+    const m = () => i ? this.$t("deduction.afterType", {
       type: this.$t(`deduction.${i}`)
-    }) : n ? "" : `${this.$t("vat.exVat", {
+    }) : a ? "" : `${this.$t("vat.exVat", {
       thing: this.$t("_common:vat.sharedTitle")
     })} `, l = this.$t("subPriceString", {
-      str: d(),
-      vat: n ? this.$t("andVat") : ""
-    }), a = [];
+      str: m(),
+      vat: a ? this.$t("andVat") : ""
+    }), s = [];
     if (this.workPrice) {
       const t = c({
         amount: this.workPrice
-      }).multiply(s).getAmount();
-      a.push({
+      }).multiply(n).getAmount();
+      s.push({
         title: this.$t("labor"),
         subTitle: l,
         amount: `${u(t, {
@@ -109,8 +107,8 @@ const h = {
     if (this.managementPrice) {
       const t = c({
         amount: this.managementPrice
-      }).multiply(s).getAmount();
-      a.push({
+      }).multiply(n).getAmount();
+      s.push({
         title: this.$t("laborManagement"),
         subTitle: l,
         amount: `${u(t, {
@@ -119,53 +117,42 @@ const h = {
         })}/h`
       });
     }
-    return this.entrepreneurMarkupPercentage && a.push({
+    return this.entrepreneurMarkupPercentage && s.push({
       title: this.$t("subContractors"),
       subTitle: this.$t("subContractorsSub"),
       amount: `${this.entrepreneurMarkupPercentage} %`
-    }), this.miscMarkupPercentage && a.push({
+    }), this.miscMarkupPercentage && s.push({
       title: this.$t("material"),
       subTitle: this.$t("materialSub"),
       amount: `${this.miscMarkupPercentage} %`
-    }), e(m, [e("div", {
-      class: "m-b-2r"
-    }, [this.$t("descriptionTop")]), e("div", {
-      class: "m-b-2r list-box"
-    }, [a.map((t) => e("div", {
-      class: "ata-item"
-    }, [e("div", {
-      class: "ata-item-text"
-    }, [e("div", {
-      class: "ata-item-text-title"
-    }, [t.title]), e("div", {
-      class: "ata-item-text-sub"
-    }, [t.subTitle])]), e("div", {
-      class: "ata-item-data"
-    }, [t.amount])]))]), e("div", {
-      class: "m-b-2r"
-    }, [this.$t("descriptionBottom")]), i && e("div", {
-      class: "hint-text"
-    }, [this.$t("houseWorkDesc1"), " ", document.getElementById("villkor-avdrag") ? e("span", {
-      on: {
-        click: () => g(document.getElementById("villkor-avdrag"), {
+    }), e(p, null, {
+      default: () => [e("div", {
+        class: "m-b-2r"
+      }, [this.$t("descriptionTop")]), e("div", {
+        class: "m-b-2r list-box"
+      }, [s.map((t) => e("div", {
+        class: "ata-item"
+      }, [e("div", {
+        class: "ata-item-text"
+      }, [e("div", {
+        class: "ata-item-text-title"
+      }, [t.title]), e("div", {
+        class: "ata-item-text-sub"
+      }, [t.subTitle])]), e("div", {
+        class: "ata-item-data"
+      }, [t.amount])]))]), e("div", {
+        class: "m-b-2r"
+      }, [this.$t("descriptionBottom")]), i && e("div", {
+        class: "hint-text"
+      }, [this.$t("houseWorkDesc1"), d(" "), document.getElementById("villkor-avdrag") ? e("span", {
+        onClick: () => g(document.getElementById("villkor-avdrag"), {
           offset: 80
-        })
-      },
-      attrs: {
-        className: "cursor-pointer underline"
-      }
-    }, [this.$t("houseWorkReadTerms")]) : this.$t("houseWorkReadTerms"), " ", this.$t("houseWorkDesc2")])]);
+        }),
+        class: "cursor-pointer underline"
+      }, [this.$t("houseWorkReadTerms")]) : this.$t("houseWorkReadTerms"), d(" "), this.$t("houseWorkDesc2")])]
+    });
   }
-}, f = null, b = null;
-var k = /* @__PURE__ */ p(
-  h,
-  f,
-  b,
-  !1,
-  null,
-  "1142813c"
-);
-const y = k.exports;
+}, P = /* @__PURE__ */ h(f, [["__scopeId", "data-v-eed65914"]]);
 export {
-  y as default
+  P as default
 };