@cling-se/widget 0.9.4 → 0.9.6

package/dist/{DocFormSend-d0c6fa1d.js → DocFormSend-44161541.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-04025a56.js";
-import { i as u, S as d } from "./formComponentsInstall-ad9c2a83.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-2dc98356.js";
+import { i as u, S as d } from "./formComponentsInstall-2dfa2def.js";
 import "./vuex.esm-4a0fff7c.js";
-import "./simplebar.min-3af55aab.js";
-import "./mapFormMixin-8d073f99.js";
-import "./BaseDatePicker-8c098701.js";
-import "./ErrorCallout-60d0b3ab.js";
-import "./AddClientCallout-d472aa84.js";
-import "./ClientAutocomplete-f65643dd.js";
-import "./SearchApi-2e286be6.js";
-import "./CDropdownItem-74672842.js";
-import "./ClientModal-d276aabd.js";
+import "./simplebar.min-9f5e0b8a.js";
+import "./mapFormMixin-4ac649c2.js";
+import "./BaseDatePicker-ae7aebf1.js";
+import "./ErrorCallout-c7f69cd9.js";
+import "./AddClientCallout-d8f5bc53.js";
+import "./ClientAutocomplete-e13c2753.js";
+import "./SearchApi-c0067742.js";
+import "./CDropdownItem-5532f8af.js";
+import "./ClientModal-da9fddf9.js";
 import "./index-805c56e4.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-f49d85e0.js";
-import "./CCallout-ffa95028.js";
-import "./CField-06dd50f1.js";
+import "./CSlider.vue_vue_type_style_index_0_lang-d9c2f582.js";
+import "./CCallout-04e2c8c6.js";
+import "./CField-0bc9de28.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
 import "./regions-29ee6964.js";
 n.use(u);

package/dist/{DocModalBase-f4915a62.js → DocModalBase-9eb0f26f.js}

@@ -1,4 +1,4 @@
-import { n as t } from "./main-04025a56.js";
+import { n as t } from "./main-2dc98356.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-92d12950.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-2dc98356.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-d192000e.js → DocReceipt-4df57e1d.js}

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

package/dist/{DocSendReminder-06d5b34c.js → DocSendReminder-041af744.js}

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

package/dist/{DocTextEditor-c6d1df3c.js → DocTextEditor-b07dd391.js}

@@ -1,9 +1,9 @@
-import { t as qo, F as Pa, s as _a, d as Ko } from "./FormInputRow-9819eb71.js";
-import { V as Vn, n as ut, Y as gs, b as ys, p as za } from "./main-04025a56.js";
-import { i as Uo } from "./CDropdownItem-74672842.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-f49d85e0.js";
+import { t as qo, F as Pa, s as _a, d as Ko } from "./tippy.esm-d2a6f864.js";
+import { V as Vn, n as ut, a2 as gs, b as ys, p as za } from "./main-2dc98356.js";
+import { i as Uo } from "./CDropdownItem-5532f8af.js";
+import "./CSlider.vue_vue_type_style_index_0_lang-d9c2f582.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import { C as $a } from "./ColorPicker-4f6b70af.js";
+import { C as $a } from "./ColorPicker-06b731b7.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-f805bfce.js")
+    TextTemplates: () => import("./index-b3fb8f92.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-895bd1bd.js"), { src: e, title: t } = ((r = this.node) == null ? void 0 : r.attrs) || {};
+      const n = () => import("./FilePreviewModal-167a40c8.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-b4c20f93.js → DocTimeline-2ae2ca63.js}

@@ -1,4 +1,4 @@
-import { n as u, Y as b, b as S, Z as _, $ as f } from "./main-04025a56.js";
+import { n as u, a2 as b, b as S, a3 as _, a4 as f } from "./main-2dc98356.js";
 import { m as D } from "./vuex.esm-4a0fff7c.js";
 const x = {
   new: {
@@ -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-c2319f00.js → DocumentClient-3a1aecf2.js}

@@ -1,7 +1,9 @@
-import { n, V as d } from "./main-04025a56.js";
-import { D as u, f as m } from "./formValidationMixin-4920ab53.js";
-import { a as l } from "./answerDocumentMixin-66023e62.js";
-import "./CDropdownItem-74672842.js";
+import { n, V as d } from "./main-2dc98356.js";
+import { D as u } from "./DocumentLayout-ae49ac7a.js";
+import { f as m } from "./formValidationMixin-82793652.js";
+import { a as l } from "./answerDocumentMixin-ef48c7eb.js";
+import "./CDropdownItem-5532f8af.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
 };