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

package/dist/Index-CqrTij2j.js

@@ -0,0 +1,70 @@
+import { m as o } from "./mapFormMixin-v-nbaWcx.js";
+import { I as d } from "./InputToggleRow-BCvMVbW-.js";
+import { _ as m, b as u, o as i, c as p, w as g, s } from "./main-C4OdoeS2.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
+};

package/dist/Index-CrsGxDWC.js

@@ -0,0 +1,16 @@
+import { h as s, i as r, o, d as c } from "./main-C4OdoeS2.js";
+const i = ["innerHTML"], u = /* @__PURE__ */ s({
+  __name: "Index",
+  props: {
+    street: {},
+    zip: {},
+    city: {}
+  },
+  setup(t) {
+    const e = t, n = r(() => `${e.street ? `${e.street}, ` : ""}${e.zip ? `${e.zip} ` : ""}${e.city}`);
+    return (p, a) => (o(), c("div", { innerHTML: n.value }, null, 8, i));
+  }
+});
+export {
+  u as default
+};

package/dist/Index-CxY5Ii6K.js

@@ -0,0 +1,49 @@
+import { h as f, i as n, b as h, o as c, d as r, s as i, c as k, af as y, v as b, f as d, S as B, P as E, _ as g } from "./main-C4OdoeS2.js";
+const w = {
+  key: 0,
+  class: "sub-chapter"
+}, C = { class: "sub-chapter-title" }, F = { key: 1 }, I = { class: "sub-chapter-content" }, S = /* @__PURE__ */ f({
+  __name: "Index",
+  props: {
+    title: {},
+    hideFromEdit: { type: Boolean, default: !1 },
+    _value: { default: () => ({
+      title: ""
+    }) }
+  },
+  setup(u) {
+    const o = u, t = E("viewSettings", { canEdit: !1 }), p = n(
+      () => o.hideFromEdit && t.canEdit
+    ), v = n(() => t.canEdit), s = n(() => o.title || ""), m = (l) => {
+      var a;
+      const e = l.target;
+      t.setFormValue && t.setFormValue({
+        key: (a = o._value) == null ? void 0 : a.title,
+        value: (e == null ? void 0 : e.value) || ""
+      });
+    };
+    return (l, e) => {
+      const a = h("CInput");
+      return p.value ? d("", !0) : (c(), r("div", w, [
+        i("div", C, [
+          e[1] || (e[1] = i("span", { class: "sub-chapter-counter primary-pseudo-background" }, null, -1)),
+          v.value && s.value ? (c(), k(a, {
+            key: 0,
+            "model-value": s.value,
+            spellcheck: !1,
+            static: "",
+            class: "preview-title-input",
+            onKeydown: e[0] || (e[0] = y((_) => _.target.blur(), ["enter"])),
+            onBlur: m
+          }, null, 8, ["model-value"])) : s.value ? (c(), r("div", F, b(s.value), 1)) : d("", !0)
+        ]),
+        i("div", I, [
+          B(l.$slots, "default", {}, void 0, !0)
+        ])
+      ]));
+    };
+  }
+}), V = /* @__PURE__ */ g(S, [["__scopeId", "data-v-1a63c96c"]]);
+export {
+  V as default
+};

package/dist/Index-D7Z2w9cd.js

@@ -0,0 +1,163 @@
+import { m as P } from "./mapFormMixin-v-nbaWcx.js";
+import I from "./FilePreviewModal-BfIqIIbb.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-C4OdoeS2.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--paElAyr.js")
+    ),
+    AttachmentItem: w(() => import("./AttachmentItem-Bef5zdHr.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-D7ixmzBH.js

@@ -0,0 +1,76 @@
+import { m as a } from "./mapFormMixin-v-nbaWcx.js";
+import { I as u } from "./InputToggleRow-BCvMVbW-.js";
+import { C as f } from "./CSelect-B1AAIFbK.js";
+import { _ as T, b as l, o as c, c as U, w as m, e as s, s as n, v as i } from "./main-C4OdoeS2.js";
+const h = {
+  i18nOptions: {
+    namespaces: "estimatedTimeToCompleteText",
+    messages: {
+      en: {
+        label: "Time to complete work",
+        placeholder: "Time unit"
+      },
+      sv: {
+        label: "Tid för att klargöra arbetet",
+        placeholder: "Tidsenhet"
+      }
+    }
+  },
+  name: "EstimatedTimeToCompleteEdit",
+  components: {
+    InputToggleRow: u,
+    CSelect: f
+  },
+  mixins: [
+    a(["timeUnit"]),
+    a(["noOfTimeUnits"], { type: "number" })
+  ],
+  created() {
+    this.timeUnit || (this.timeUnit = "day");
+  }
+}, $ = { value: "hour" }, w = { value: "day" }, v = { value: "week" }, b = { value: "month" };
+function y(e, o, C, _, g, O) {
+  const p = l("CSelect"), r = l("CInput"), d = l("InputToggleRow");
+  return c(), U(d, {
+    "display-value": e.noOfTimeUnits && e.timeUnit ? `${e.noOfTimeUnits} ${e.$t(`_common:${e.timeUnit}`, {
+      count: e.noOfTimeUnits
+    })}` : e.$t("_common:add"),
+    label: e.$t("label"),
+    "show-clear": !!(e.noOfTimeUnits && e.timeUnit),
+    onRemove: o[2] || (o[2] = (t) => e.noOfTimeUnits = null)
+  }, {
+    default: m(() => [
+      s(r, {
+        modelValue: e.noOfTimeUnits,
+        "onUpdate:modelValue": o[1] || (o[1] = (t) => e.noOfTimeUnits = t),
+        modelModifiers: { number: !0 },
+        type: "number",
+        style: { width: "calc(15 * var(--rem))" }
+      }, {
+        suffix: m(() => [
+          s(p, {
+            modelValue: e.timeUnit,
+            "onUpdate:modelValue": o[0] || (o[0] = (t) => e.timeUnit = t),
+            placeholder: e.$t("placeholder"),
+            class: "select-width plain",
+            style: { width: "120px" }
+          }, {
+            default: m(() => [
+              n("option", $, i(e.$t("_common:hour_plural")), 1),
+              n("option", w, i(e.$t("_common:day_plural")), 1),
+              n("option", v, i(e.$t("_common:week_plural")), 1),
+              n("option", b, i(e.$t("_common:month_plural")), 1)
+            ]),
+            _: 1
+          }, 8, ["modelValue", "placeholder"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]),
+    _: 1
+  }, 8, ["display-value", "label", "show-clear"]);
+}
+const S = /* @__PURE__ */ T(h, [["render", y]]);
+export {
+  S as default
+};

package/dist/Index-D7pzv-AR.js

@@ -0,0 +1,74 @@
+import { m as l } from "./mapFormMixin-v-nbaWcx.js";
+import { u as c } from "./index-8g2jwLJx.js";
+import { _ as v, z as p, b as s, o as i, c as n } from "./main-C4OdoeS2.js";
+const g = {
+  name: "PackageGroupBlock",
+  components: {
+    PackageGroupRead: p(
+      () => import("./PackageGroup-1X3jUipj.js")
+    ),
+    PackageGroupEdit: p(() => import("./Index-DuDVafLn.js"))
+  },
+  emits: ["input", "remove"],
+  mixins: [l(["type", "packages"])],
+  setup() {
+    return {
+      v$: c()
+    };
+  },
+  data() {
+    return {
+      persistedGroup: {
+        type: "",
+        packages: [],
+        articles: []
+      }
+    };
+  },
+  computed: {
+    valuePaths() {
+      return {
+        ...this._value,
+        ...this._value.groupId && {
+          hideGroupPrice: `data.packageGroup.${this._value.groupId}.hideGroupPrice`
+        },
+        articles: "articles"
+      };
+    }
+  },
+  validations() {
+    return this.isForm ? {
+      type: {
+        required: (e) => !!e
+      },
+      packages: {
+        required: (e) => e && e.length
+        // packages cannot be left empty
+      }
+    } : {
+      // No validation for read mode
+    };
+  }
+};
+function k(e, o, _, a, t, u) {
+  const d = s("PackageGroupEdit"), m = s("PackageGroupRead");
+  return e.canEdit ? (i(), n(d, {
+    key: 0,
+    "persisted-group": t.persistedGroup,
+    "onUpdate:persistedGroup": o[0] || (o[0] = (r) => t.persistedGroup = r),
+    _document: e._document,
+    _value: u.valuePaths,
+    validator: a.v$,
+    onInput: o[1] || (o[1] = (r) => e.$emit("input", r)),
+    onRemove: o[2] || (o[2] = (r) => e.$emit("remove", r))
+  }, null, 8, ["persisted-group", "_document", "_value", "validator"])) : (i(), n(m, {
+    key: 1,
+    _document: e._document,
+    _value: u.valuePaths,
+    validator: a.v$
+  }, null, 8, ["_document", "_value", "validator"]));
+}
+const y = /* @__PURE__ */ v(g, [["render", k]]);
+export {
+  y as default
+};

package/dist/Index-D9keESQi.js

@@ -0,0 +1,159 @@
+import { m as C } from "./mapFormMixin-v-nbaWcx.js";
+import { V as F } from "./PdfViewer-BdhwFfc6.js";
+import { _ as I, z as g, p as P, D as h, b as d, o as n, d as a, E as V, G as x, n as f, s as t, e as p, v as u, w as v, F as b, B as y, f as m, c as z } from "./main-C4OdoeS2.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-DtcV6rl1.js")
+    ),
+    BaseUpload: g(
+      () => import("./BaseUpload--paElAyr.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 = d("FileIcon"), B = d("CButton"), w = d("BaseUpload"), U = d("PdfViewer");
+  return n(), a("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(), a("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"])
+    }, [
+      t("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" }),
+        t("div", E, [
+          s[4] || (s[4] = t("div", { class: "font-medium" }, "PDF", -1)),
+          t("div", N, u(e.$t("embedded")) + " " + u(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
+        }, {
+          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(), a(b, { key: 0 }, [
+                  y(u(`${o.uploadProgress}% ${e.$t("_common:uploading")}`), 1)
+                ], 64)) : (n(), a(b, { key: 1 }, [
+                  y(u(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(), a("div", _, [
+      t("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
+};