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

package/dist/Index-DI5EB5Rt.js

@@ -0,0 +1,39 @@
+import { m as d } from "./mapFormMixin-D3BihYWW.js";
+import { _ as p, z as n, b as o, o as i, c as m } from "./main-Cb-nyil1.js";
+const u = {
+  name: "ExtraWorkTimeImpactText",
+  components: {
+    Read: n(() => import("./Index-ZUnH-BHj.js")),
+    Edit: n(() => import("./Index-D8Ae1Txt.js"))
+  },
+  emits: ["input"],
+  mixins: [
+    d([
+      "workStartAt",
+      "workEndAt",
+      "timeUnit",
+      "noOfTimeUnits",
+      "timeDeltaDirection"
+    ])
+  ]
+};
+function c(t, e, l, k, f, w) {
+  const r = o("Edit"), a = o("Read");
+  return t.canEdit ? (i(), m(r, {
+    key: 0,
+    _document: t._document,
+    _value: t._value,
+    onInput: e[0] || (e[0] = (s) => t.$emit("input", s))
+  }, null, 8, ["_document", "_value"])) : (i(), m(a, {
+    key: 1,
+    "work-start-at": t.workStartAt,
+    "work-end-at": t.workEndAt,
+    "time-unit": t.timeUnit,
+    "no-of-time-units": t.noOfTimeUnits,
+    "time-delta-direction": t.timeDeltaDirection
+  }, null, 8, ["work-start-at", "work-end-at", "time-unit", "no-of-time-units", "time-delta-direction"]));
+}
+const A = /* @__PURE__ */ p(u, [["render", c]]);
+export {
+  A as default
+};

package/dist/Index-DaV57YPP.js

@@ -0,0 +1,163 @@
+import { m as P } from "./mapFormMixin-D3BihYWW.js";
+import I from "./FilePreviewModal-Bf3ELTow.js";
+import { _ as F, S as k, z as w, a9 as C, b as m, o as d, d as u, e as f, w as g, s as S, F as v, k as b, B, v as A, f as z, c as U } from "./main-Cb-nyil1.js";
+const $ = {
+  name: "FilePreviewWrapper",
+  props: {
+    list: {
+      type: Array,
+      default: () => [],
+      validator: (e) => e.length ? !(!e[0].hasOwnProperty("url") || !e[0].hasOwnProperty("name") || !e[0].hasOwnProperty("mime")) : !0
+    }
+  },
+  computed: {
+    fileList() {
+      return this.list.reduce(
+        (e, t) => this.isImage(t.mime) || this.isPdf(t.mime) ? [...e, t] : e,
+        []
+      );
+    }
+  },
+  methods: {
+    isImage(e) {
+      const t = e.toLowerCase(e);
+      return /image\/(gif|jpg|jpeg|png|bmp|svg|svg\+xml|tiff)$/.test(t);
+    },
+    isPdf(e) {
+      return e === "application/pdf";
+    },
+    FilePreviewModal(e) {
+      this.$modal.show(
+        I,
+        {
+          index: this.fileList.indexOf(this.list[e]),
+          // Translate src index to img list index
+          list: this.fileList
+        },
+        {
+          adaptive: !0,
+          height: "100%",
+          width: "100%",
+          classes: "",
+          // Don't remove. In place to not apply default modal class
+          transition: ""
+        }
+      );
+    }
+  }
+};
+function M(e, t, o, r, a, s) {
+  return k(e.$slots, "default", {
+    openModal: (n) => s.FilePreviewModal(n),
+    isImageOrPdf: (n) => s.isImage(n) || s.isPdf(n)
+  });
+}
+const V = /* @__PURE__ */ F($, [["render", M]]), j = {
+  name: "AttachmentList",
+  components: {
+    FilePreviewWrapper: V,
+    BaseUpload: w(
+      () => import("./BaseUpload-BiJBcWRu.js")
+    ),
+    AttachmentItem: w(() => import("./AttachmentItem-CkHbAm4l.js"))
+  },
+  mixins: [P(["attachments"])],
+  data() {
+    return {
+      hoverIndex: null,
+      newFiles: [],
+      maxFileSize: 1e3 * 1e3 * 30
+      // 30 MB
+    };
+  },
+  computed: {
+    cAttachments() {
+      return [
+        ...this.attachments,
+        ...this.newFiles.map(
+          ({ displayName: e, type: t, url: o, progress: r }) => ({
+            name: e,
+            mime: t,
+            url: o,
+            progress: parseInt(r, 10)
+          })
+        )
+      ];
+    },
+    showRecentModal() {
+      return !this.viewSettings.isPublicForm;
+    }
+  },
+  methods: {
+    immutable: C,
+    async onUploadSuccess(e) {
+      const { id: t, displayName: o, url: r, mime: a } = e.response;
+      if (!t) throw new Error("Could not read id from uploaded file");
+      this.attachments = [
+        ...this.attachments,
+        {
+          fileId: t,
+          name: o,
+          mime: a,
+          url: r
+        }
+      ], this.$refs.uploader.remove(e);
+    },
+    remove(e) {
+      if (!this.attachments[e]) return;
+      const t = this.attachments.slice();
+      t.splice(e, 1), this.attachments = t;
+    }
+  }
+}, L = { class: "font-inter" };
+function N(e, t, o, r, a, s) {
+  const n = m("AttachmentItem"), _ = m("FilePreviewWrapper"), y = m("BaseUpload"), x = m("CButton");
+  return d(), u("div", L, [
+    f(_, { list: s.cAttachments }, {
+      default: g(({ openModal: p, isImageOrPdf: h }) => [
+        S("div", null, [
+          (d(!0), u(v, null, b(s.cAttachments, (i, l) => (d(), U(n, {
+            key: l,
+            "is-image-or-pdf": h(i.mime),
+            attachment: i,
+            "can-edit": e.canEdit,
+            "upload-progress": i.progress,
+            onClick: (c) => h(i.mime) ? p(l) : null,
+            onRemove: (c) => s.remove(l),
+            onInput: (c) => e.attachments = s.immutable(e.attachments).set(c, l)
+          }, null, 8, ["is-image-or-pdf", "attachment", "can-edit", "upload-progress", "onClick", "onRemove", "onInput"]))), 128))
+        ])
+      ]),
+      _: 1
+    }, 8, ["list"]),
+    e.canEdit ? (d(), u(v, { key: 0 }, [
+      f(y, {
+        ref: "uploader",
+        modelValue: a.newFiles,
+        "onUpdate:modelValue": t[0] || (t[0] = (p) => a.newFiles = p),
+        "recent-modal": s.showRecentModal,
+        "autostart-upload": !0,
+        "max-size": a.maxFileSize,
+        extensions: "png,gif,jpg,jpeg,svg,bmp,heic,heif,pdf,txt,odp,ods,odt,rtf,doc,docx,xls,xlsx,ppt,pptx,csv,ogv,mp4,webm,m4v,ogg,mp3,wav,zip,rar,json,7z,mpeg,oga,ogv,vsd,weba,webm,webp,xml,gz,tif,jfif,dwg,dwf,dwfx,dwt,msg,ai,psd,md,markdown,mdown,markdn",
+        accept: "*",
+        onUploadSuccess: s.onUploadSuccess
+      }, null, 8, ["modelValue", "recent-modal", "max-size", "onUploadSuccess"]),
+      f(x, {
+        type: "none",
+        pattern: "secondary",
+        wide: "",
+        "icon-left": "upload-cloud",
+        onClick: t[1] || (t[1] = () => e.$refs.uploader ? e.$refs.uploader.open() : null)
+      }, {
+        default: g(() => [
+          B(A(e.$t("_common:upload", { thing: e.$t("_common:file") })), 1)
+        ]),
+        _: 1
+      })
+    ], 64)) : z("", !0)
+  ]);
+}
+const W = /* @__PURE__ */ F(j, [["render", N]]);
+export {
+  W as default
+};

package/dist/Index-DbwkmoyM.js

@@ -0,0 +1,38 @@
+import { m as c } from "./mapFormMixin-D3BihYWW.js";
+import { _ as u, z as r, b as t, o, c as a } from "./main-Cb-nyil1.js";
+const s = {
+  name: "ExtraWorkConstructionPricingList",
+  components: {
+    Read: r(() => import("./Index-BTFmHjUt.js")),
+    Edit: r(() => import("./Index-CeSG1C41.js"))
+  },
+  emits: ["input"],
+  mixins: [
+    c([
+      "workPrice",
+      "managementPrice",
+      "entrepreneurMarkupPercentage",
+      "miscMarkupPercentage"
+    ])
+  ]
+};
+function d(e, n, k, g, l, _) {
+  const m = t("Edit"), p = t("Read");
+  return e.canEdit ? (o(), a(m, {
+    key: 0,
+    _document: e._document,
+    _value: e._value,
+    onInput: n[0] || (n[0] = (i) => e.$emit("input", i))
+  }, null, 8, ["_document", "_value"])) : (o(), a(p, {
+    key: 1,
+    _document: e._document,
+    "work-price": e.workPrice,
+    "management-price": e.managementPrice,
+    "entrepreneur-markup-percentage": e.entrepreneurMarkupPercentage,
+    "misc-markup-percentage": e.miscMarkupPercentage
+  }, null, 8, ["_document", "work-price", "management-price", "entrepreneur-markup-percentage", "misc-markup-percentage"]));
+}
+const E = /* @__PURE__ */ u(s, [["render", d]]);
+export {
+  E as default
+};

package/dist/Index-Df9skok6.js

@@ -0,0 +1,70 @@
+import { m as o } from "./mapFormMixin-D3BihYWW.js";
+import { I as d } from "./InputToggleRow-v6qAWPg6.js";
+import { _ as m, b as u, o as i, c as p, w as g, s } from "./main-Cb-nyil1.js";
+const A = {
+  i18nOptions: {
+    namespaces: "estimatedTimeStartEnd",
+    messages: {
+      en: {
+        title: "Start and end date",
+        label: "Work start and ends"
+      },
+      sv: {
+        title: "Start- och slutdatum",
+        label: "Arbetet påbörjas och avslutas"
+      }
+    }
+  },
+  name: "EstimatedWorkStartAndEndAtTextEdit",
+  components: {
+    InputToggleRow: d
+  },
+  mixins: [o(["startAt", "endAt"])],
+  methods: {
+    getDateValue(t) {
+      return t ? this.$formatDate(t, "yyyy-MM-dd") : null;
+    }
+  }
+}, v = { style: { display: "inline-flex" } }, f = ["value", "max"], y = ["value", "min"];
+function b(t, e, D, w, I, n) {
+  const r = u("InputToggleRow");
+  return i(), p(r, {
+    "display-value": t.startAt && t.endAt ? `${t.$formatDate(t.startAt)} → ${t.$formatDate(t.endAt)}` : t.$t("_common:add"),
+    label: t.$t("label"),
+    "show-clear": !!(t.startAt && t.endAt),
+    onRemove: e[2] || (e[2] = () => {
+      t.startAt = null, t.endAt = null;
+    })
+  }, {
+    default: g(() => [
+      s("div", v, [
+        s("input", {
+          type: "date",
+          class: "ml-1 bg-gray-100",
+          value: n.getDateValue(t.startAt),
+          max: n.getDateValue(t.endAt),
+          onInput: e[0] || (e[0] = (a) => {
+            var l;
+            return t.startAt = (l = a.target) != null && l.value ? new Date(a.target.value).toISOString() : null;
+          })
+        }, null, 40, f),
+        e[3] || (e[3] = s("div", { style: { "line-height": "calc(3 * var(--rem))", margin: "0 calc(0.5 * var(--rem))", "font-size": "calc(calc(1 * var(--rem)) + 2px)" } }, " → ", -1)),
+        s("input", {
+          type: "date",
+          class: "ml-1 bg-gray-100",
+          value: n.getDateValue(t.endAt),
+          min: n.getDateValue(t.startAt),
+          onInput: e[1] || (e[1] = (a) => {
+            var l;
+            return t.endAt = (l = a.target) != null && l.value ? new Date(a.target.value).toISOString() : null;
+          })
+        }, null, 40, y)
+      ])
+    ]),
+    _: 1
+  }, 8, ["display-value", "label", "show-clear"]);
+}
+const T = /* @__PURE__ */ m(A, [["render", b]]);
+export {
+  T as default
+};