@cling-se/widget 0.19.7 → 0.19.9

package/dist/DocumentLayout-C-V_5p3r.js

@@ -0,0 +1,595 @@
+import { a7 as S, A as x, d as g, o as u, j as B, W as w, _ as I, p as X, J as N, b_ as Y, l as W, b$ as A, b, c as v, e as L, w as y, F, n as V, R as $, ap as O, i as Z, z as ee, a3 as te, D as R, I as k, q as P, t as p, r as oe, a5 as ne, az as ae, H as _, c0 as se, c1 as le, T as j, by as re, bz as ie, X as ce, a1 as ue, f as C, c2 as de, c3 as me, a2 as pe, x as fe } from "./main-BkjAGG46.js";
+import "./template-Cvzvayl5.js";
+import { C as ye, a as he } from "./CDropdownItem-B9dja0RC.js";
+import "./helpers-Cf9wqfZh.js";
+const ve = (e, t, o) => {
+  const n = e[t];
+  return n ? typeof n == "function" ? n() : Promise.resolve(n) : new Promise((s, a) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
+      a.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + t + (t.split("/").length !== o ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+}, ge = { class: "c-loading" }, be = /* @__PURE__ */ S({
+  __name: "LoadingBlock",
+  setup(e) {
+    const t = x(`${Math.floor(Math.random() * 56 + 25)}%`);
+    return (o, n) => (u(), g("div", ge, [
+      B("div", {
+        style: w({ width: t.value }),
+        class: "c-loading-title"
+      }, null, 4),
+      n[0] || (n[0] = B("div", { class: "c-loading-body" }, null, -1))
+    ]));
+  }
+}), E = /* @__PURE__ */ I(be, [["__scopeId", "data-v-70f204ee"]]), q = (e) => {
+  const t = Symbol(e);
+  return [(s) => X(t, s), (s) => N(t, s), t];
+}, [_e, ke] = q("DocumentWidth"), [xe, tt] = q("DocumentHeight");
+function we(e) {
+  const { width: t, height: o } = Y(e);
+  return _e(t), xe(o), { width: t, height: o };
+}
+function Ie() {
+  return ke(x(window.innerWidth));
+}
+const Ce = {
+  name: "DynamicChapter",
+  components: {
+    DynamicChapter: W(() => Promise.resolve().then(() => Pe)),
+    LoadingBlock: E
+  },
+  provide() {
+    return this.level !== 0 ? {} : {
+      _firstBlock: this._firstBlock,
+      _lastBlock: this._lastBlock
+    };
+  },
+  inject: {
+    isPdf: {
+      default: !1
+    }
+  },
+  props: {
+    componentProps: {
+      type: Object,
+      default: () => ({})
+    },
+    componentName: {
+      type: String,
+      required: !0
+    },
+    level: {
+      type: Number,
+      default: 0
+    },
+    isVisible: {
+      type: [Boolean, Object],
+      default: !0
+    },
+    _firstBlock: {
+      type: Boolean,
+      default: !1
+    },
+    _lastBlock: {
+      type: Boolean,
+      default: !1
+    },
+    children: {
+      type: Array,
+      default: () => []
+    },
+    onInput: {
+      type: Function,
+      default: () => {
+      }
+    },
+    onRemove: {
+      type: Function,
+      default: () => {
+      }
+    },
+    onMount: {
+      type: Function,
+      default: () => {
+      }
+    }
+  },
+  setup() {
+    return { docWidth: Ie() };
+  },
+  data() {
+    return {
+      component: A(E)
+    };
+  },
+  computed: {
+    loader() {
+      return () => ve(/* @__PURE__ */ Object.assign({ "../blocks/answer/Index.vue": () => import("./Index--_tbiloB.js"), "../blocks/attachments/Index.vue": () => import("./Index-E7OzmtR_.js"), "../blocks/coverBlock/Index.vue": () => import("./Index-Rb5n5XoO.js"), "../blocks/custom/Index.vue": () => import("./Index-MmvJQvLm.js"), "../blocks/docChapter/Index.vue": () => import("./Index-rINXTjpt.js"), "../blocks/docChapterSub/Index.vue": () => import("./Index-zRXdiRpy.js"), "../blocks/docParties/Index.vue": () => import("./Index-DUM-3B1l.js"), "../blocks/embed/Index.vue": () => import("./Index-8CyLDQv2.js"), "../blocks/estimatedTimeToCompleteText/Index.vue": () => import("./Index-DB3keB-X.js"), "../blocks/estimatedWorkStartAndEndAtText/Index.vue": () => import("./Index-B1tFrOfN.js"), "../blocks/extraWorkConstructionPricingList/Index.vue": () => import("./Index-C46cWm4W.js"), "../blocks/extraWorkTimeImpactText/Index.vue": () => import("./Index-DtDRffCY.js"), "../blocks/header/Index.vue": () => import("./Index-Bg1kzWCp.js"), "../blocks/multiGroupPricing/Index.vue": () => import("./Index-BXqNV8F_.js"), "../blocks/notBinding/Index.vue": () => import("./Index-D2A8evjo.js"), "../blocks/packageGroup/Index.vue": () => import("./Index-CNQhKXtr.js"), "../blocks/pdf/Index.vue": () => import("./Index-DQLLCnjH.js"), "../blocks/presentation/Index.vue": () => import("./Index-D4XDugcf.js"), "../blocks/terms/Index.vue": () => import("./Index-CGhWvSf9.js"), "../blocks/textContent/Index.vue": () => import("./Index-DtCuzght.js"), "../blocks/videoPlayer/Index.vue": () => import("./Index-dTgmxz_A.js"), "../blocks/workAddressText/Index.vue": () => import("./Index-Doc7K3kL.js") }), `../blocks/${this.componentName}/Index.vue`, 4);
+    },
+    isPdfPrintAndPdfBlock() {
+      var e, t;
+      return !!(this.isPdf && ((t = (e = this.children) == null ? void 0 : e[0]) == null ? void 0 : t.componentName) === "pdf");
+    },
+    isPdfBlock() {
+      var e, t;
+      return ((t = (e = this.children) == null ? void 0 : e[0]) == null ? void 0 : t.componentName) === "pdf";
+    }
+  },
+  mounted() {
+    this.loader().then(() => {
+      this.component = A(W(() => this.loader()));
+    }).catch((e) => {
+      console.log(e);
+    });
+  }
+};
+function Se(e, t, o, n, s, a) {
+  const l = b("DynamicChapter", !0);
+  return s.component ? (u(), v(O(s.component), $({ key: 0 }, o.componentProps, {
+    class: o.level === 0 && [
+      {
+        "is-mobile": n.docWidth <= 640,
+        "is-tablet": n.docWidth > 640 && n.docWidth <= 1024,
+        "is-desktop": n.docWidth > 1024
+      },
+      o.componentProps && o.componentProps.classList ? o.componentProps.classList : ""
+    ],
+    "enable-spacing-x": !a.isPdfPrintAndPdfBlock,
+    "pdf-spacing-x": a.isPdfBlock,
+    "enable-spacing-y": !!(!a.isPdfPrintAndPdfBlock && o.isVisible),
+    onInput: o.onInput,
+    onRemove: o.onRemove,
+    onVnodeMounted: t[0] || (t[0] = (i) => o.onMount(e.$el))
+  }), {
+    default: y(() => [
+      o.children.length ? (u(!0), g(F, { key: 0 }, V(o.children, (i, r) => (u(), v(l, {
+        key: i.itemId + `${r}`,
+        "component-name": i.componentName,
+        "component-props": {
+          ...i.props,
+          _document: o.componentProps._document,
+          _value: i._value,
+          _nodeId: i.nodeId
+        },
+        children: i.children,
+        level: o.level + 1,
+        "on-input": o.onInput,
+        "on-remove": o.onRemove,
+        "on-mount": o.onMount
+      }, null, 8, ["component-name", "component-props", "children", "level", "on-input", "on-remove", "on-mount"]))), 128)) : L("", !0)
+    ]),
+    _: 1
+  }, 16, ["class", "enable-spacing-x", "pdf-spacing-x", "enable-spacing-y", "onInput", "onRemove"])) : L("", !0);
+}
+const z = /* @__PURE__ */ I(Ce, [["render", Se]]), Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: z
+}, Symbol.toStringTag, { value: "Module" })), G = "data-is-preview", De = Z.google.fontsKey, Be = "https://www.googleapis.com/webfonts/v1/webfonts", Le = "https://fonts.googleapis.com/css", M = {
+  100: { label: "Thin", value: "100" },
+  200: { label: "Extra Light", value: "200" },
+  300: { label: "Light", value: "300" },
+  regular: { label: "Normal", value: "400" },
+  500: { label: "Medium", value: "500" },
+  600: { label: "Semi Bold", value: "600" },
+  700: { label: "Bold", value: "700" },
+  800: { label: "Extra Bold", value: "800" },
+  900: { label: "Black", value: "900" }
+}, Q = (e) => `font-${e.replace(/\s+/g, "-").toLowerCase()}`, Fe = (e, t = !1) => {
+  const o = document.getElementById(Q(e));
+  return o !== null && o.getAttribute(G) === t.toString();
+}, Ve = (e, t = !1) => {
+  const o = document.head || document.getElementsByTagName("head")[0], n = document.createElement("link");
+  n.id = Q(e), n.setAttribute("rel", "stylesheet"), n.setAttribute(G, t.toString());
+  let s = `${Le}?family=${e.replace(/\s/gi, "+")}`;
+  return t ? s += `&text=${e}` : s += ":100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic", s += "&display=swap", n.setAttribute("href", s), o.appendChild(n), n;
+}, U = (e, t = !1) => {
+  e && !Fe(e, t) && Ve(e, t);
+}, H = (e = {}) => {
+  if (!(typeof e != "object" || !e))
+    for (const t in e)
+      t === "fontFamily" ? U(e[t]) : typeof e[t] == "object" && H(e[t]);
+}, K = /* @__PURE__ */ S({
+  __name: "FontDropdownItem",
+  props: {
+    source: {}
+  },
+  setup(e) {
+    const t = e, o = x(null), n = (l, i) => {
+      let r = l, c = r.$options.name;
+      for (; r && (!c || c !== i); )
+        r = r.$parent, r && ({ name: c } = r.$options);
+      return r || null;
+    }, s = x({
+      paddingRight: "calc(0.5 * var(--rem))",
+      fontFamily: `'${t.source.family}'`
+    }), a = ee();
+    return a && (o.value = n(a.proxy, "CDropdown")), te(() => {
+      U(t.source.family, !0);
+    }), R(
+      () => t.source,
+      (l) => {
+        s.value.fontFamily = `'${l.family}'`;
+      }
+    ), (l, i) => (u(), v(k(ye), {
+      value: l.source,
+      "custom-parent": o.value,
+      class: "!truncate",
+      style: w(s.value)
+    }, {
+      default: y(() => [
+        P(p(l.source.family), 1)
+      ]),
+      _: 1
+    }, 8, ["value", "custom-parent", "style"]));
+  }
+}), $e = 1e3 * 60 * 60 * 24 * 14, m = oe({
+  list: [],
+  fetchedAt: null,
+  error: "",
+  loading: !1
+}), Oe = async (e = "popularity") => {
+  let t = [];
+  try {
+    const { data: o } = await ne.get(Be, {
+      params: {
+        sort: e,
+        key: De
+      }
+    });
+    t = o.items || [];
+  } catch (o) {
+    m.error = o;
+  }
+  return t;
+};
+m.load = async () => {
+  if (m.loading) {
+    await m.loading;
+    return;
+  }
+  (!m.fetchedAt || m.fetchedAt < Date.now() - $e) && (m.loading = new Promise(async (e) => {
+    m.list = await Oe(), m.fetchedAt = Date.now(), e(!1);
+  }), await m.loading);
+};
+const J = (e = []) => (e || []).filter((t) => !!M[t]).map((t) => M[t]), ot = async (e) => {
+  if (!e || typeof e != "string") return {};
+  !m.list.length && !m.error && await m.load();
+  const { variants: t } = m.list.find((o) => o.family === e) || {};
+  return J(t || []);
+}, je = /* @__PURE__ */ S({
+  __name: "VirtualFontsList",
+  props: {
+    items: {}
+  },
+  setup(e) {
+    const t = e, o = x([...t.items]);
+    R(
+      () => t.items,
+      (c) => {
+        o.value = [...c];
+      }
+    );
+    const n = ae(), s = _(() => n.style), a = _(() => ({
+      "overflow-y": "auto",
+      height: "250px",
+      width: "240px",
+      ...s
+    })), { list: l, containerProps: i, wrapperProps: r } = se(o, {
+      itemHeight: 35
+    });
+    return (c, f) => (u(), g("div", $(k(i), { style: a.value }), [
+      B("div", re(ie(k(r))), [
+        (u(!0), g(F, null, V(k(l), (d) => (u(), v(K, {
+          key: d.index,
+          source: d.data
+        }, le({ _: 2 }, [
+          c.$slots.footer ? {
+            name: "footer",
+            fn: y(() => [
+              j(c.$slots, "footer")
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["source"]))), 128))
+      ], 16)
+    ], 16));
+  }
+}), Te = {
+  name: "FontPickerDropdown",
+  components: {
+    CInput: ue,
+    CDropdown: he,
+    VirtualFontsList: je
+  },
+  props: {
+    modelValue: {
+      type: Object,
+      default: null
+    },
+    height: {
+      type: String,
+      default: "250px"
+    }
+  },
+  emits: ["update:modelValue"],
+  data() {
+    return {
+      FontDropdownItem: K,
+      visualQuery: "",
+      // string visual to user
+      activeQuery: ""
+      // query used for filtering results, hidden behind debounce
+    };
+  },
+  computed: {
+    selectedValue: {
+      get() {
+        return {
+          family: "Inter",
+          weight: "400",
+          ...this.modelValue
+        };
+      },
+      set(e) {
+        const { family: t, variants: o = [] } = e || {};
+        let { weight: n = "400" } = this.modelValue || {};
+        const s = J(o), a = s.map((l) => l.value);
+        a.length && !a.includes(`${n}`) && (n = a.reduce(
+          (l, i) => Math.abs(i - n) < Math.abs(l - n) ? i : l
+        )), this.$emit("update:modelValue", {
+          family: t,
+          weight: n,
+          options: s
+        });
+      }
+    },
+    fontsList() {
+      const e = m.list || [];
+      if (this.activeQuery) {
+        const t = new RegExp(this.activeQuery, "i");
+        return e.filter((o) => t.test(o.family));
+      }
+      return e;
+    }
+  },
+  watch: {
+    visualQuery: ce(function(t) {
+      this.activeQuery = t;
+    }, 300)
+  },
+  created() {
+    m.load();
+  }
+};
+function We(e, t, o, n, s, a) {
+  const l = b("CButton"), i = b("CInput"), r = b("VirtualFontsList"), c = b("CDropdown");
+  return u(), v(c, $({
+    position: "is-bottom-left",
+    ...e.$attrs,
+    ...e.$props
+  }, {
+    ref: "dropdown",
+    modelValue: a.selectedValue,
+    "onUpdate:modelValue": t[1] || (t[1] = (f) => a.selectedValue = f),
+    size: e.$attrs.size,
+    disabled: e.$attrs.disabled,
+    "menu-styling": {
+      minWidth: "250px",
+      maxWidth: "300px"
+    },
+    "max-height": o.height,
+    scrollable: !0,
+    class: "control"
+  }), {
+    trigger: y(() => [
+      j(e.$slots, "default", {
+        selectedFamily: a.selectedValue.family
+      }, () => [
+        C(l, {
+          style: w([{ fontFamily: a.selectedValue.family }, { width: "100%", "text-align": "left", "min-width": "7em" }]),
+          class: "is-left"
+        }, {
+          default: y(() => [
+            P(p(a.selectedValue.family), 1)
+          ]),
+          _: 1
+        }, 8, ["style"])
+      ])
+    ]),
+    header: y(() => [
+      C(i, {
+        modelValue: s.visualQuery,
+        "onUpdate:modelValue": t[0] || (t[0] = (f) => s.visualQuery = f),
+        placeholder: e.$t("_common:search"),
+        filled: "",
+        style: { "margin-bottom": "0.25em" }
+      }, null, 8, ["modelValue", "placeholder"])
+    ]),
+    default: y(() => [
+      a.fontsList.length ? (u(), v(r, {
+        key: 0,
+        items: a.fontsList
+      }, null, 8, ["items"])) : (u(), g("div", {
+        key: 1,
+        style: w([{ height: "250px", width: "240px", display: "flex", "justify-content": "center", "align-items": "center" }, { height: o.height }])
+      }, p(e.$t("_common:noResults")), 5))
+    ]),
+    _: 3
+  }, 16, ["modelValue", "size", "disabled", "max-height"]);
+}
+const nt = /* @__PURE__ */ I(Te, [["render", We]]), T = de(me), at = T.smallerOrEqual("sm"), Ae = T.between("md", "lg"), Ee = T.greaterOrEqual("lg");
+_(
+  () => Ae.value || Ee.value
+);
+function Me({
+  minWidthPx: e,
+  maxWidthPx: t,
+  minFontSize: o,
+  maxFontSize: n
+}) {
+  const s = e, a = t, l = (n - o) / (a - s), i = -375 * l + o, r = (c) => Math.round(c * 1e3) / 1e3;
+  return `clamp(${r(o)}px, ${r(
+    i
+  )}px + calc(${r(l) * 100} * var(--vw, 1vw)), ${r(
+    n
+  )}px)`;
+}
+function Ne({ size: e }) {
+  let t = e * 0.9;
+  return e > 30 && (t = e * 0.8), e > 40 && (t = e * 0.725), e > 50 && (t = e * 0.675), Me({
+    minWidthPx: 375,
+    maxWidthPx: 1200,
+    minFontSize: t,
+    maxFontSize: e
+  });
+}
+const Re = ({ json: e, prefix: t = "" } = {}) => Object.keys(e || {}).map((o) => {
+  const n = e[o], a = Object.keys(n).map((l) => {
+    const i = l.startsWith("--") ? l : l.split(/(?=[A-Z])/).join("-").toLowerCase(), r = n[l];
+    let c = `${i}:${r}`;
+    return i === "font-size" && (c += `; font-size: ${Ne({
+      size: parseInt(r, 10)
+    })}`), c;
+  }).join(";");
+  return `${t}${o}{${a}}`;
+}).join(`
+`), qe = {
+  name: "DynamicStyle",
+  props: {
+    json: {
+      type: Object,
+      default: null
+    },
+    prefix: {
+      type: String,
+      default: ""
+    }
+  },
+  created() {
+    H(this.json);
+  },
+  methods: {
+    jsonToCss: Re
+  }
+};
+function ze(e, t, o, n, s, a) {
+  return o.json ? (u(), v(O("style"), { key: 0 }, {
+    default: y(() => [
+      P(p(a.jsonToCss({ json: o.json, prefix: o.prefix })), 1)
+    ]),
+    _: 1
+  })) : L("", !0);
+}
+const Ge = /* @__PURE__ */ I(qe, [["render", ze]]), Qe = /* @__PURE__ */ S({
+  __name: "DocumentStyleContainer",
+  props: {
+    inputStyle: {}
+  },
+  setup(e) {
+    const t = e, { canEdit: o, isForm: n } = N("viewSettings", {
+      canEdit: !1,
+      isForm: !1
+    }), s = pe("container"), { width: a, height: l } = we(s), i = _(() => ({
+      "--vw": `${a.value / 100}px`,
+      "--vh": `clamp(7.5px, ${l.value / 100}px, ${o ? 7.5 : 9}px)`
+    })), r = _(
+      () => `document-base-style-${Math.random().toString(36).substr(2, 9)}`
+    ), c = {
+      '[data-typography="title"]': "title",
+      h1: "h1",
+      h2: "h2",
+      h3: "h3",
+      p: "p",
+      blockquote: "blockquote",
+      ".chapter": "section"
+    }, f = _(() => Object.keys(c).filter((h) => !(t.inputStyle || {})[h]).map((h) => `document-legacy-style-${c[h]}`)), d = _(
+      () => {
+        var h, D;
+        return (D = (h = t.inputStyle) == null ? void 0 : h[".chapter"]) == null ? void 0 : D["--accentColor"];
+      }
+    );
+    return (h, D) => (u(), g("div", {
+      ref_key: "container",
+      ref: s,
+      class: fe([...f.value, r.value]),
+      style: w(k(n) && i.value)
+    }, [
+      (u(), v(O("style"), null, {
+        default: y(() => [
+          P(" .primary-text-color { color: " + p(d.value) + " !important } .primary-background-color, quill-format ul li::before { background-color: " + p(d.value) + " !important } .primary-box-shadow-left-color { box-shadow: inset 4px 0 " + p(d.value) + " !important } .primary-border-left-color { border-left-color: " + p(d.value) + " !important } .primary-pseudo-background::after { background-color: " + p(d.value) + " !important } .primary-svg-fill { fill: " + p(d.value) + " !important } .primary-light-background { background-color: hsla(0, 0%, 0%, 0.05) !important} .primary-light-box-shadow-left-color { box-shadow: inset 4px 0 " + p(d.value ? d.value.replace(/[^,]+(?=\))/, "0.08") : "") + " !important} .quill-format ul li::before { background-color: " + p(d.value) + " !important } ", 1)
+        ]),
+        _: 1
+      })),
+      C(Ge, {
+        json: h.inputStyle,
+        prefix: `.${r.value}.${r.value}.${r.value} `
+      }, null, 8, ["json", "prefix"]),
+      j(h.$slots, "default")
+    ], 6));
+  }
+}), Ue = {
+  name: "DocumentLayout",
+  components: {
+    DynamicChapter: z,
+    DocumentStyleContainer: Qe
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    }
+  },
+  computed: {
+    layout() {
+      var e;
+      return ((e = this.document) == null ? void 0 : e.readLayout) || [];
+    }
+  }
+}, He = { class: "font-family-default h-full w-full" };
+function Ke(e, t, o, n, s, a) {
+  var r, c;
+  const l = b("DynamicChapter"), i = b("DocumentStyleContainer");
+  return u(), g("div", He, [
+    C(i, {
+      "input-style": (c = (r = o.document) == null ? void 0 : r.data) == null ? void 0 : c.css,
+      style: { flex: "1 0 auto" },
+      class: "h-full w-full"
+    }, {
+      default: y(() => [
+        (u(!0), g(F, null, V(a.layout, (f, d) => (u(), v(l, {
+          key: d,
+          "component-name": f.componentName,
+          "component-props": {
+            ...f.props,
+            _document: o.document,
+            _value: f.value
+          },
+          children: f.children,
+          "_first-block": d === 0,
+          "_last-block": d === a.layout.length - 1
+        }, null, 8, ["component-name", "component-props", "children", "_first-block", "_last-block"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["input-style"])
+  ]);
+}
+const Je = /* @__PURE__ */ I(Ue, [["render", Ke]]), st = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Je
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Je as D,
+  nt as F,
+  Qe as _,
+  z as a,
+  st as b,
+  ot as g,
+  at as i,
+  U as l,
+  Ie as u
+};

package/dist/{DocumentLogotype-G-a7gBIC.js → DocumentLogotype-H0f7bO0E.js}

@@ -1,13 +1,13 @@
-import { a as _ } from "./publicSenderState-C3ELW8Cw.js";
-import { C as w, a as C } from "./CDropdownItem-B5rgSee7.js";
-import { _ as v, l as b, m as k, a as L, g as D, e as d, o as i, b as p, d as n, w as s, j as u, c as I, Y as P, x as r, t as m, F as V, f as g } from "./main-C2Q8_T2Y.js";
+import { s as _ } from "./publicSenderState-DeC1m0ps.js";
+import { C as w, a as C } from "./CDropdownItem-B9dja0RC.js";
+import { _ as v, m as b, a as k, l as L, b as d, d as p, e as u, o as i, f as n, w as s, q as r, t as m, F as D, c as I, j as g, W as P, g as V } from "./main-BkjAGG46.js";
 const B = {
   name: "DocumentLogotype",
   components: {
-    CDropdown: w,
-    CDropdownItem: C,
-    ImageUploadWrapper: b(
-      () => import("./ImageUploadWrapper-CwKe3Iq7.js")
+    CDropdown: C,
+    CDropdownItem: w,
+    ImageUploadWrapper: L(
+      () => import("./ImageUploadWrapper-CKJXUAkn.js")
     )
   },
   inject: {
@@ -46,8 +46,8 @@ const B = {
     }
   },
   methods: {
-    ...L({
-      updateCompany: D.DO_UPDATE_CURRENT_COMPANY
+    ...b({
+      updateCompany: V.DO_UPDATE_CURRENT_COMPANY
     }),
     initUpload() {
       this.$refs.uploadWrapper && this.$refs.uploadWrapper.onClick();
@@ -65,11 +65,11 @@ const B = {
 }, S = {
   key: 0,
   style: { display: "inline-block", width: "fit-content", "will-change": "opacity", "z-index": "3" }
-}, U = {
+}, W = {
   key: 0,
   class: "logo",
   style: { "min-height": "35px" }
-}, W = ["src"], E = {
+}, U = ["src"], E = {
   key: 1,
   style: { display: "inline-block" }
 }, N = ["src"];
@@ -78,13 +78,13 @@ function z(o, e, t, A, F, a) {
   return a.viewSettings.canEdit ? (i(), p("div", S, [
     n(h, { position: "is-bottom-right" }, {
       trigger: s(() => [
-        a.logotype && t.showLogo ? (i(), p("div", U, [
-          u("img", {
+        a.logotype && t.showLogo ? (i(), p("div", W, [
+          g("img", {
             src: a.logotype,
             alt: "",
             width: "150",
             class: "hover:outline-primary-500 hover:outline hover:outline-2"
-          }, null, 8, W)
+          }, null, 8, U)
         ])) : (i(), I(y, {
           key: 1,
           style: P(!t.hasHover && { visibility: "hidden", pointerEvents: "none" }),
@@ -112,7 +112,7 @@ function z(o, e, t, A, F, a) {
           ]),
           _: 1
         }, 8, ["value"]),
-        t.showLogo ? (i(), p(V, { key: 0 }, [
+        t.showLogo ? (i(), p(D, { key: 0 }, [
           n(l, { separator: !0 }),
           n(l, { onClick: a.initUpload }, {
             default: s(() => [
@@ -129,7 +129,7 @@ function z(o, e, t, A, F, a) {
             ]),
             _: 1
           }, 8, ["disabled"])
-        ], 64)) : g("", !0)
+        ], 64)) : u("", !0)
       ]),
       _: 1
     }),
@@ -139,12 +139,12 @@ function z(o, e, t, A, F, a) {
       "upload-options": { maxWidth: 500, maxHeight: 300 }
     }, null, 8, ["on-image-upload"])
   ])) : t.showLogo ? (i(), p("div", E, [
-    u("img", {
+    g("img", {
       src: a.logotype,
       alt: "",
       width: "150"
     }, null, 8, N)
-  ])) : g("", !0);
+  ])) : u("", !0);
 }
 const j = /* @__PURE__ */ v(B, [["render", z], ["__scopeId", "data-v-0a4d2733"]]);
 export {