@cling-se/widget 0.9.3 → 0.9.5

package/dist/{DocFormSend-2b35999d.js → DocFormSend-cdc4eaf8.js}

@@ -1,19 +1,19 @@
-import { V as n, m as r, a as l, g as a, C as i, u as m, n as c } from "./main-2d9b8259.js";
-import { i as u, S as d } from "./formComponentsInstall-1be6791d.js";
+import { V as n, m as r, a as l, g as a, C as i, u as m, n as c } from "./main-95207159.js";
+import { i as u, S as d } from "./formComponentsInstall-3f1c6477.js";
 import "./vuex.esm-4a0fff7c.js";
-import "./simplebar.min-75960401.js";
-import "./mapFormMixin-308bbdab.js";
-import "./BaseDatePicker-a9240306.js";
-import "./ErrorCallout-42e45ec0.js";
-import "./AddClientCallout-746899d9.js";
-import "./ClientAutocomplete-421a2216.js";
-import "./SearchApi-ffe5b697.js";
-import "./CDropdownItem-05d84f95.js";
-import "./ClientModal-11341b1c.js";
+import "./simplebar.min-97b539d6.js";
+import "./mapFormMixin-a245a297.js";
+import "./BaseDatePicker-581297bc.js";
+import "./ErrorCallout-7dea37df.js";
+import "./AddClientCallout-e4e9874f.js";
+import "./ClientAutocomplete-68f76bfc.js";
+import "./SearchApi-20629627.js";
+import "./CDropdownItem-d46bf062.js";
+import "./ClientModal-73086005.js";
 import "./index-805c56e4.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-383db616.js";
-import "./CCallout-e9ff903a.js";
-import "./CField-cd4dcae9.js";
+import "./CSlider.vue_vue_type_style_index_0_lang-df4c839e.js";
+import "./CCallout-88ae9c08.js";
+import "./CField-be05883b.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
 import "./regions-29ee6964.js";
 n.use(u);

package/dist/{DocModalBase-225e2f2d.js → DocModalBase-e473b946.js}

@@ -1,4 +1,4 @@
-import { n as t } from "./main-2d9b8259.js";
+import { n as t } from "./main-95207159.js";
 const s = {
   name: "DocModalBase",
   components: {},
@@ -14,17 +14,17 @@ var a = function() {
   return o("div", { staticClass: "doc-modal-base" }, [e.showClose ? o("CButton", { staticClass: "absolute text-gray-500 top-4 right-4", attrs: { circle: "", icon: "x" }, on: { click: function(_) {
     return e.$parent.$emit("close");
   } } }) : e._e(), e._t("default")], 2);
-}, n = [], l = /* @__PURE__ */ t(
+}, n = [], c = /* @__PURE__ */ t(
   s,
   a,
   n,
   !1,
   null,
-  "8a946449",
+  "bbac188f",
   null,
   null
 );
-const i = l.exports;
+const i = c.exports;
 export {
   i as D
 };

package/dist/DocPrint-6d8b1f14.js

@@ -0,0 +1,222 @@
+import { n as d, A as h, k as c, I as l, B as p, D as a, E as m } from "./main-95207159.js";
+const f = {
+  i18nOptions: {
+    namespaces: "documentPrint",
+    messages: {
+      en: {
+        title: "Print options",
+        appendAttachments: "Append attachments",
+        appendAttachmentsSub: "Append attachments",
+        hideDocumentAttachmentBlocks: "Hide document attachment blocks",
+        hideDocumentAttachmentBlocksTooltip: "Hide blocks with the type of attachments.",
+        showVerification: "Include verification",
+        showVerificationSub: "Signature verification.",
+        showLast4ssn: "Include the last 4 digits of the personal identification number from the BankID signature.",
+        showEvents: "Show events",
+        buttonText: "Download PDF",
+        preparingPdf: "Preparing PDF...",
+        preparingPdfDone: "PDF is complete",
+        preparingPdfError: "Could not create PDF. Try again."
+      },
+      sv: {
+        title: "Utskriftsinställningar",
+        appendAttachments: "Bifoga bilagor",
+        appendAttachmentsSub: "Inkludera bilagor i slutet av PDF:en.",
+        hideDocumentAttachmentBlocks: "Göm dokumentblock som är bilagor",
+        hideDocumentAttachmentBlocksTooltip: "Dölj blocken av typen bilagor.",
+        showVerification: "Inkludera verifikat",
+        showVerificationSub: "Signaturverifikat.",
+        showLast4ssn: "Inkludera de sista 4-siffrorna i personnummret från BankID-signaturen",
+        showEvents: "Visa händelser",
+        buttonText: "Ladda ner PDF",
+        preparingPdf: "Förbereder PDF...",
+        preparingPdfDone: "PDF är redo",
+        preparingPdfError: "Kunde inte skapa PDF. Pröva igen."
+      }
+    }
+  },
+  name: "DocumentPrint",
+  components: {
+    CCheckbox: h
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    },
+    isSuperUser: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  data() {
+    return {
+      options: {
+        appendAttachments: !0,
+        hideDocumentAttachmentBlocks: !1,
+        showVerification: !0,
+        showEvents: !0,
+        showLast4ssn: !0,
+        forceDoCreatePdf: !1
+        // Only for superuser
+      },
+      showMoreOptions: !1,
+      omitAttachmentBlockTooltip: {
+        content: '<svg style="margin-top: 2px;" width="193" height="122" viewBox="0 0 193 122" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="193" height="122" rx="5" fill="white"/><text fill="black" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="11" font-weight="bold" letter-spacing="0em"><tspan x="13" y="25.5">' + this.$t("_common:attachment_plural").capitalize() + `</tspan></text><path d="M14 33H25.2941L30 38.225V52H14V33Z" fill="#FFC4C4"/><path opacity="0.34" d="M14 60H25.5L30 64.5V79H14V60Z" fill="#42A4FF"/><text fill="black" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="11" letter-spacing="0em"><tspan x="41" y="46.5">${this.$t("_common:file").capitalize()} #1</tspan></text><text fill="black" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="11" letter-spacing="0em"><tspan x="41" y="73.5">${this.$t("_common:file").capitalize()} #2</tspan></text><rect x="13" y="87" width="61" height="12" fill="#E2E2E2"/><rect x="13" y="103" width="168" height="6" fill="#E2E2E2"/><rect x="13" y="112" width="151" height="6" fill="#E2E2E2"/><rect x="13" y="3" width="97" height="6" fill="#E2E2E2"/><rect x="14" y="47" width="16" height="5" fill="#FF1515"/><rect x="14" y="74" width="16" height="5" fill="#42A4FF"/></svg><div style="max-width: 193px; padding: 2px 0 8px 0;">
+            ${this.$t("hideDocumentAttachmentBlocksTooltip")}
+          </div>`,
+        placement: "left",
+        boundariesElement() {
+          return this.$parent.$el;
+        },
+        html: !0
+      }
+    };
+  },
+  computed: {
+    allowVerification() {
+      return this.document && this.document.allowVerification;
+    },
+    showForceCreatePDF() {
+      return c.showAdminSettings || this.isSuperUser;
+    },
+    hasBankIdSignatures() {
+      var e;
+      const { clients: s, senderClient: t } = this.document;
+      return t != null && t.socialNo && ((e = t.answerMethod) == null ? void 0 : e.accept) === "bankId" ? !0 : s.some(
+        (i) => {
+          var o;
+          return i.socialNo && ((o = i.answerMethod) == null ? void 0 : o.accept) === "bankId";
+        }
+      );
+    }
+  },
+  created() {
+    Object.assign(
+      this.options,
+      JSON.parse(l.getItem("print-settings"))
+    ), this.allowVerification || (this.options.showVerification = !1), this.$watch("options", {
+      deep: !0,
+      handler(s) {
+        l.setItem("print-settings", JSON.stringify(s)), !s.showVerification && !s.showEvents && (this.options.showEvents = !0), !s.showVerification && !s.showLast4ssn && (this.options.showLast4ssn = !0);
+      }
+    });
+  },
+  methods: {
+    async generatePdf() {
+      if (!this.document || !this.document.publicId)
+        return;
+      const { data: s } = await p.addDocument(this.document.publicId, {
+        ...this.options,
+        brand: c.brand
+        // this.$brand not defined on init
+        // locale: this.$i18n.locale,
+        // timeZone: this.$get(Intl.DateTimeFormat().resolvedOptions(), 'timeZone') || '',
+      });
+      let t, e;
+      const i = async () => {
+        const { data: n } = await p.get(s) || {};
+        ({ status: t, url: e } = n);
+      }, o = async () => {
+        try {
+          if (await i(), t === "canceled")
+            throw new Error(
+              `Canceled preparing document pdf for publicId: ${this.document.publicId}`
+            );
+          if (t === "completed" && e) {
+            const n = () => {
+              const r = window.open(e, "_blank");
+              return r ? (r.focus(), !0) : !1;
+            };
+            return n() || a({
+              type: "success",
+              message: this.$t("preparingPdfDone"),
+              time: null,
+              // won't close notification after default 6 sec
+              closeButton: !0,
+              actions: {
+                submit: {
+                  text: this.$t("_common:download"),
+                  callback: n
+                }
+              }
+            }), "close";
+          }
+          return await m(3e3), o();
+        } catch (n) {
+          return a({
+            type: "error",
+            message: this.$t("preparingPdfError")
+          }), this.$error(n, { showMessage: !1 }), "close";
+        }
+      };
+      await a({
+        type: "spinner",
+        message: this.$t("preparingPdf"),
+        time: o,
+        closeButton: !0
+      }), this.$emit("close");
+    }
+  }
+};
+var u = function() {
+  var t = this, e = t._self._c;
+  return e("div", [e("div", { staticClass: "options-wrapper" }, [e("div", { staticClass: "pb-4 text-lg font-semibold" }, [t._v(t._s(t.$t("title")))]), e("div", { staticClass: "print-options" }, [e("div", { staticClass: "pb-1 text-sm font-medium text-gray-800 select-none" }, [t._v(" " + t._s(t.$t("_common:document")) + " ")]), e("div", { staticClass: "option-item" }, [e("div", { staticClass: "bg-gray-100 option-item__inner hover:bg-gray-200", class: { disabled: !t.document.attachedFiles.length }, on: { click: function(i) {
+    t.options.appendAttachments = !t.options.appendAttachments;
+  } } }, [e("CCheckbox", { staticStyle: { flex: "0 0 30px" }, attrs: { value: t.document.attachedFiles.length ? t.options.appendAttachments : !1, type: "secondary", size: "small" } }), e("div", [e("div", [t._v(t._s(t.$t("appendAttachments")))]), e("div", { staticClass: "has-text-grey-dark", staticStyle: { "font-size": "13px" } }, [t._v(" " + t._s(t.$tc("_common:attachment", { count: t.document.attachedFiles.length })) + " ")])])], 1), e("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.omitAttachmentBlockTooltip, expression: "omitAttachmentBlockTooltip" }] }, [e("div", { staticClass: "bg-gray-100 option-item__inner hover:bg-gray-200", class: {
+    disabled: !t.document.getAllNodesWithType("attachments").length
+  }, staticStyle: { "border-top": "2px solid hsl(0, 0%, 100%)" }, on: { click: function(i) {
+    t.options.hideDocumentAttachmentBlocks = !t.options.hideDocumentAttachmentBlocks;
+  } } }, [e("CCheckbox", { staticStyle: { flex: "0 0 30px" }, attrs: { value: t.document.getAllNodesWithType("attachments").length ? t.options.hideDocumentAttachmentBlocks : !1, type: "secondary", size: "small" } }), e("div", [e("div", [t._v(t._s(t.$t("hideDocumentAttachmentBlocks")))]), e("div", { staticClass: "has-text-grey-dark", staticStyle: { "font-size": "13px" } }, [t._v(" " + t._s(t.$tc("_common:block", { count: t.document.getAllNodesWithType("attachments").length })) + " ")])])], 1)])]), e("div", { staticStyle: { height: "1.25rem" } }), e("div", { staticClass: "pb-1 text-sm font-medium text-gray-800 select-none" }, [t._v(" " + t._s(t.$t("_common:verification").capitalize()) + " ")]), e("div", { staticClass: "option-item", class: { disabled: !t.allowVerification } }, [e("div", { staticClass: "bg-gray-100 option-item__inner hover:bg-gray-200", on: { click: function(i) {
+    t.options.showVerification = !t.options.showVerification;
+  } } }, [e("CCheckbox", { staticStyle: { flex: "0 0 30px" }, attrs: { value: t.options.showVerification, type: "secondary", size: "small" } }), e("div", [e("div", [t._v(t._s(t.$t("showVerification")))]), e("div", { staticClass: "has-text-grey-dark", staticStyle: { "font-size": "13px" } }, [t._v(" " + t._s(t.$t("showVerificationSub")) + " ")])])], 1), t.options.showVerification ? e("div", { staticClass: "bg-gray-100 option-item__inner hover:bg-gray-200", staticStyle: { "padding-left": "2rem", "border-top": "2px solid hsl(0, 0%, 100%)" }, on: { click: function(i) {
+    t.options.showEvents = !t.options.showEvents;
+  } } }, [e("CCheckbox", { staticStyle: { flex: "0 0 30px" }, attrs: { value: t.options.showEvents, type: "secondary", size: "small" } }), e("div", [e("div", [t._v(t._s(t.$t("showEvents")))])])], 1) : t._e(), t.options.showVerification && t.hasBankIdSignatures ? e("div", [e("div", { staticClass: "inline-flex items-center p-2 mt-3 mb-1 text-xs font-medium leading-none text-gray-500 rounded cursor-pointer select-none hover:bg-gray-100", on: { click: function(i) {
+    t.showMoreOptions = !t.showMoreOptions;
+  } } }, [t._v(" " + t._s(t.$t("_common:more").capitalize()) + " "), e("BaseIcon", { staticClass: "ml-0.5 transition-transform", class: { "rotate-90": t.showMoreOptions }, attrs: { type: "chevron-right", "stroke-width": "2.25", size: "12" } })], 1), e("Animation", [t.showMoreOptions ? e("div", { staticClass: "bg-gray-100 option-item__inner hover:bg-gray-200", on: { click: function(i) {
+    t.options.showLast4ssn = !t.options.showLast4ssn;
+  } } }, [e("CCheckbox", { staticStyle: { flex: "0 0 30px" }, attrs: { value: t.options.showLast4ssn, type: "secondary", size: "small" } }), e("div", [e("div", [t._v(t._s(t.$t("showLast4ssn")))])])], 1) : t._e()])], 1) : t._e()]), t.showForceCreatePDF ? e("div", { staticClass: "bg-gray-100 option-item__inner hover:bg-gray-200", staticStyle: { "border-top": "2px solid hsl(0, 0%, 100%)", "margin-top": "20px", opacity: "0.8", "font-size": "10px" }, on: { click: function(i) {
+    t.options.forceDoCreatePdf = !t.options.forceDoCreatePdf;
+  } } }, [e("CCheckbox", { staticStyle: { flex: "0 0 30px" }, attrs: { value: t.options.forceDoCreatePdf, type: "secondary", size: "small" } }), t._m(0)], 1) : t._e()])]), e("CButton", { attrs: { type: "secondary", size: "medium", wide: "" }, on: { click: t.generatePdf } }, [t._v(" " + t._s(t.$t("buttonText")) + " ")])], 1);
+}, v = [function() {
+  var s = this, t = s._self._c;
+  return t("div", [t("div", [s._v("Superuser + VPN: Force re-create PDF")])]);
+}], g = /* @__PURE__ */ d(
+  f,
+  u,
+  v,
+  !1,
+  null,
+  "8fa798ef",
+  null,
+  null
+);
+const _ = g.exports, w = {
+  name: "DocPrint",
+  components: {
+    DocumentPrint: _
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    }
+  }
+};
+var y = function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "h-full w-full overflow-auto px-8 py-12" }, [e("DocumentPrint", { attrs: { document: t.document } })], 1);
+}, x = [], b = /* @__PURE__ */ d(
+  w,
+  y,
+  x,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const C = b.exports;
+export {
+  C as default
+};

package/dist/{DocReceipt-1391c17a.js → DocReceipt-c8a543f8.js}

@@ -1,4 +1,4 @@
-import { g as p, n as u } from "./main-2d9b8259.js";
+import { g as p, n as u } from "./main-95207159.js";
 import { m as g, a as _ } from "./vuex.esm-4a0fff7c.js";
 const f = {
   sv: {

package/dist/{DocSendReminder-c488842d.js → DocSendReminder-70effa09.js}

@@ -1,4 +1,4 @@
-import { g as m, n as a } from "./main-2d9b8259.js";
+import { g as m, n as a } from "./main-95207159.js";
 import { m as c, a as d } from "./vuex.esm-4a0fff7c.js";
 const l = {
   name: "DocumentSendReminderModal",

package/dist/{DocTextEditor-2538e1ab.js → DocTextEditor-cce51e7c.js}

@@ -1,9 +1,9 @@
-import { t as qo, F as Pa, s as _a, d as Ko } from "./FormInputRow-09d450e3.js";
-import { V as Vn, n as ut, Y as gs, b as ys, p as za } from "./main-2d9b8259.js";
-import { i as Uo } from "./CDropdownItem-05d84f95.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-383db616.js";
+import { t as qo, F as Pa, s as _a, d as Ko } from "./tippy.esm-3c111ba9.js";
+import { V as Vn, n as ut, P as gs, b as ys, p as za } from "./main-95207159.js";
+import { i as Uo } from "./CDropdownItem-d46bf062.js";
+import "./CSlider.vue_vue_type_style_index_0_lang-df4c839e.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import { C as $a } from "./ColorPicker-f90939b5.js";
+import { C as $a } from "./ColorPicker-11ee76f0.js";
 import { h as Ha } from "./color-71c20583.js";
 function ee(n) {
   this.content = n;
@@ -13780,7 +13780,7 @@ const am = {
 };
 var um = function() {
   var e = this, t = e._self._c;
-  return t("v-popover", { attrs: { placement: e.showPicker ? "right" : e.isTouchDevice ? "bottom" : "top", "popover-inner-class": "texteditor-tooltip-dropdown-inner is-color-menu has-background-white", "popover-class": "no-animation" }, on: { hide: e.closePicker }, nativeOn: { mousedown: function(r) {
+  return t("v-popover", { attrs: { placement: e.showPicker ? "right" : e.isTouchDevice ? "bottom" : "top", "popover-inner-class": "bg-white texteditor-tooltip-dropdown-inner is-color-menu", "popover-class": "no-animation" }, on: { hide: e.closePicker }, nativeOn: { mousedown: function(r) {
     r.preventDefault();
   } } }, [t("button", { staticClass: "menu-button", attrs: { "data-texteditor-tooltip": e.$t("_common:color").capitalize() } }, [t("svg", { attrs: { fill: e.editor.getAttributes("textStyle").color, viewBox: "0 0 24 24", width: "20", height: "20", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z" } })])]), t("div", { staticClass: "texteditor-tooltip-dropdown", attrs: { slot: "popover" }, slot: "popover" }, [e.showPicker ? t("ColorPicker", { ref: "colorPicker", staticStyle: { "box-shadow": "none", padding: "0" }, attrs: { value: e.internalColor }, on: { input: function(r) {
     return e.setColor(r);
@@ -13816,7 +13816,7 @@ var um = function() {
   cm,
   !1,
   null,
-  "6a55049a",
+  "b98b0ecb",
   null,
   null
 );
@@ -13889,7 +13889,7 @@ const fm = {
 };
 var pm = function() {
   var e = this, t = e._self._c;
-  return t("BubbleMenu", { directives: [{ name: "show", rawName: "v-show", value: (e.editor.isFocused || e.linkMenuIsActive) && !e.editor.isActive("image"), expression: "(editor.isFocused || linkMenuIsActive) && !editor.isActive('image')" }], attrs: { editor: e.editor, "tippy-options": {
+  return t("BubbleMenu", { directives: [{ name: "show", rawName: "v-show", value: (e.editor.isFocused || e.linkMenuIsActive) && !e.editor.isActive("image") && !e.editor.isActive("horizontalRule"), expression: "(editor.isFocused || linkMenuIsActive) && !editor.isActive('image') && !editor.isActive('horizontalRule')" }], attrs: { editor: e.editor, "tippy-options": {
     maxWidth: "none"
   } } }, [t("div", { staticClass: "menu", class: [
     {
@@ -13945,7 +13945,7 @@ var pm = function() {
   mm,
   !1,
   null,
-  "c4d249a2",
+  "64a65984",
   null,
   null
 );
@@ -13953,7 +13953,7 @@ const ym = gm.exports;
 const bm = {
   components: {
     FormInputRow: Pa,
-    TextTemplates: () => import("./index-1ef6f423.js")
+    TextTemplates: () => import("./index-07377b76.js")
   },
   props: {
     editor: {
@@ -14257,7 +14257,7 @@ var Dm = function() {
       "is-active": r.active && r.active()
     }, attrs: { "data-texteditor-tooltip": r.tooltip }, on: { mousedown: (s) => {
       r.popup ? r.onClick() : s.preventDefault();
-    }, click: r.onClick } }, [t("BaseIcon", { attrs: { type: r.icon || "info", size: "22" } }), r.popup && e.popupOpen ? t("div", { staticStyle: { position: "absolute", left: "50%", bottom: "calc(100% + 1em)", "background-color": "white", padding: "10px 10px 2rem 10px", transform: "translate(-50%, 0%)", color: "hsl(0, 0%, 35%)", width: "250px", "box-shadow": "0 8px 14px rgba(0, 0, 0, 0.2)", border: "1px solid hsl(0, 0%, 88%)", "border-radius": "8px", cursor: "default" } }, e._l(r.popup(), function(s, o) {
+    }, click: r.onClick } }, [t("BaseIcon", { attrs: { type: r.icon || "info", size: "22" } }), r.popup && e.popupOpen ? t("div", { staticStyle: { position: "absolute", left: "50%", bottom: "calc(100% + 1em)", "background-color": "white", padding: "10px 10px calc(2 * var(--rem)) 10px", transform: "translate(-50%, 0%)", color: "hsl(0, 0%, 35%)", width: "250px", "box-shadow": "0 8px 14px rgba(0, 0, 0, 0.2)", border: "1px solid hsl(0, 0%, 88%)", "border-radius": "8px", cursor: "default" } }, e._l(r.popup(), function(s, o) {
       return t("FormInputRow", { key: o, attrs: { label: s.label, inputs: s.inputs } });
     }), 1) : e._e()], 1)];
   }), e.extensions.snippets && !e.editor.isActive("table") ? t("TextTemplates", { attrs: { placement: "top" }, on: { open: function(r) {
@@ -14275,7 +14275,7 @@ var Dm = function() {
   Cm,
   !1,
   null,
-  "2552233d",
+  "90213a20",
   null,
   null
 );
@@ -14570,7 +14570,7 @@ var Mm = function() {
   Tm,
   !1,
   null,
-  "7f9f62f0",
+  "25c52730",
   null,
   null
 );
@@ -14803,7 +14803,7 @@ const Im = {
     },
     async openPreview() {
       var r;
-      const n = () => import("./FilePreviewModal-75693619.js"), { src: e, title: t } = ((r = this.node) == null ? void 0 : r.attrs) || {};
+      const n = () => import("./FilePreviewModal-875fd8c9.js"), { src: e, title: t } = ((r = this.node) == null ? void 0 : r.attrs) || {};
       this.$modal.show(
         n,
         {
@@ -14828,21 +14828,21 @@ var Pm = function() {
   return t("NodeViewWrapper", { staticClass: "texteditor-image-view", class: [
     {
       "texteditor-image-view-inline": e.display && e.display !== "block",
-      "is-selected": e.isSelected
+      "outline outline-2 outline-primary-300": e.isSelected
     },
     `texteditor-image-view-${e.display}`
-  ], attrs: { as: "span", draggable: "true", "data-drag-handle": "" } }, [t("img", { class: { selected: e.isSelected }, attrs: { src: e.src }, on: { click: e.selectImage } }), e.isSelected ? t("div", { staticClass: "image-menu" }, [e._l(e.displayOptions, function(r, i) {
-    return t("CButton", { key: i, class: { "is-active": e.display === r.value }, attrs: { "data-texteditor-tooltip": r.tooltip, type: "none", size: "small" }, on: { click: function(s) {
+  ], attrs: { as: "span", draggable: "true", "data-drag-handle": "" } }, [t("img", { class: { selected: e.isSelected }, attrs: { src: e.src }, on: { click: e.selectImage } }), e.isSelected ? t("div", { staticClass: "bg-gray-800 rounded-md image-menu top-2" }, [e._l(e.displayOptions, function(r, i) {
+    return t("CButton", { key: i, class: { "!text-primary-300": e.display === r.value }, attrs: { "data-texteditor-tooltip": r.tooltip, type: "none", size: "small" }, on: { click: function(s) {
       return e.changeDisplay(r.value);
     } } }, [t("svg", { attrs: { viewBox: "0 0 24 24", width: "21", height: "21", stroke: "currentColor", "stroke-width": "2", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" }, domProps: { innerHTML: e._s(r.icon) } })]);
-  }), t("div", { staticClass: "has-background-grey", staticStyle: { width: "1px", height: "1.5em", margin: "0 2px" } }), t("CButton", { attrs: { "data-texteditor-tooltip": e.$t("_common:remove"), type: "none", size: "small" }, on: { click: e.remove } }, [t("BaseIcon", { attrs: { size: 18, type: "trash" } })], 1)], 2) : e._e()]);
+  }), t("div", { staticClass: "bg-gray-500", staticStyle: { width: "1px", height: "1.5em", margin: "0 2px" } }), t("CButton", { attrs: { "data-texteditor-tooltip": e.$t("_common:remove"), type: "none", size: "small" }, on: { click: e.remove } }, [t("BaseIcon", { attrs: { size: 18, type: "trash" } })], 1)], 2) : e._e()]);
 }, _m = [], zm = /* @__PURE__ */ ut(
   Im,
   Pm,
   _m,
   !1,
   null,
-  "b38eb5a9",
+  "56d16b37",
   null,
   null
 );

package/dist/{DocTimeline-69ada0de.js → DocTimeline-c2cbd773.js}

@@ -1,4 +1,4 @@
-import { n as u, Y as b, b as S, Z as _, $ as f } from "./main-2d9b8259.js";
+import { n as u, P as b, b as S, a3 as _, a4 as f } from "./main-95207159.js";
 import { m as D } from "./vuex.esm-4a0fff7c.js";
 const x = {
   new: {
@@ -212,7 +212,7 @@ var F = function() {
   null,
   null
 );
-const R = j.exports, L = {
+const R = j.exports, P = {
   sv: {
     clientName: "Kunden",
     byName: "Av {{- name}}",
@@ -249,11 +249,11 @@ const R = j.exports, L = {
     expiredContent: "The expiration date has passed",
     toEmail: "To: {{email}}"
   }
-}, P = {
+}, L = {
   name: "DocumentTimeline",
   i18nOptions: {
     namespaces: "documentTimeline",
-    messages: L
+    messages: P
   },
   components: {
     EventItem: R
@@ -433,7 +433,7 @@ var G = function() {
     return e("EventItem", { key: r, attrs: { title: n.title, content: n.content, createdAt: n.createdAt, icon: n.icon, color: n.color, "is-future": n.isFuture, size: t.size } });
   })], 2);
 }, V = [], U = /* @__PURE__ */ u(
-  P,
+  L,
   G,
   V,
   !1,
@@ -455,20 +455,20 @@ const H = U.exports, K = {
     }
   }
 };
-var Y = function() {
+var J = function() {
   var t = this, e = t._self._c;
   return e("div", { staticClass: "p-8" }, [e("DocumentTimeline", { attrs: { document: t.document, size: "large" } }, [e("div", { staticClass: "border-b mb-4 pb-4", attrs: { slot: "header" }, slot: "header" }, [e("div", { staticClass: "mb-2" }, [e("div", { staticClass: "text-xs text-gray-600", domProps: { textContent: t._s(t.$t("_common:document").capitalize()) } }), e("div", { staticClass: "font-semibold text-lg" }, [t._v(t._s(t.document.name))])]), e("div", { staticClass: "inline-flex items-center -ml-2" }, [e("div", { staticClass: "text-xs text-gray-600 mr-1.5 py-1 pl-2", domProps: { textContent: t._s(t.$t("_common:status.status")) } }), e("StatusBadge", { attrs: { status: t.document.status } })], 1)])])], 1);
-}, Z = [], J = /* @__PURE__ */ u(
+}, Q = [], W = /* @__PURE__ */ u(
   K,
-  Y,
-  Z,
+  J,
+  Q,
   !1,
   null,
   null,
   null,
   null
 );
-const X = J.exports;
+const Z = W.exports;
 export {
-  X as default
+  Z as default
 };

package/dist/{DocumentClient-74b8f25b.js → DocumentClient-611c8c1c.js}

@@ -1,7 +1,9 @@
-import { n, V as d } from "./main-2d9b8259.js";
-import { D as u, f as m } from "./formValidationMixin-df38771c.js";
-import { a as l } from "./answerDocumentMixin-0e5e4dbb.js";
-import "./CDropdownItem-05d84f95.js";
+import { n, V as d } from "./main-95207159.js";
+import { D as u } from "./DocumentLayout-86c367d1.js";
+import { f as m } from "./formValidationMixin-d4e84872.js";
+import { a as l } from "./answerDocumentMixin-574c5304.js";
+import "./CDropdownItem-d46bf062.js";
+import "./dom-068d1a7b.js";
 const f = (s) => {
   var e;
   return (e = window == null ? void 0 : window.parent) == null ? void 0 : e.postMessage(s, "*");
@@ -139,7 +141,7 @@ var C = function() {
   null,
   null
 );
-const A = $.exports;
+const O = $.exports;
 export {
-  A as default
+  O as default
 };