@mobilon-dev/chotto 0.3.29 → 0.3.31

package/dist/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.js

@@ -0,0 +1,307 @@
+import { ref as d, computed as m, watch as Ee, onMounted as we, onUnmounted as xe, createElementBlock as u, openBlock as o, createElementVNode as l, createCommentVNode as R, Fragment as E, renderList as $, unref as e, normalizeClass as r, createBlock as c, createVNode as Ie, withCtx as H, resolveDynamicComponent as p, normalizeStyle as ee, toDisplayString as h } from "vue";
+import q from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useCommunicationChannels as Se } from "./composables/useCommunicationChannels.js";
+import { useCommunicationMenu as ze } from "./composables/useCommunicationMenu.js";
+import { useCommunicationAttributes as Le } from "./composables/useCommunicationAttributes.js";
+import { useCommunicationActions as De } from "./composables/useCommunicationActions.js";
+import { useCommunicationSubMenu as $e } from "./composables/useCommunicationSubMenu.js";
+import { useCommunicationDialogSync as He } from "./composables/useCommunicationDialogSync.js";
+/* empty css                        */
+import qe from "../../../_virtual/_plugin-vue_export-helper.js";
+const Fe = ["onClick", "onMouseenter"], Oe = { class: "channel-icon" }, Pe = { class: "channel-icon" }, je = { class: "menu-header" }, Be = { class: "attribute-info" }, Ne = { class: "attribute-value" }, Ve = { class: "attribute-info" }, We = { class: "attribute-value" }, Ue = {
+  key: 2,
+  class: "menu-divider"
+}, Ge = ["onMouseenter", "onClick"], Je = { class: "attribute-info" }, Ke = { class: "attribute-value" }, Qe = { class: "menu-icon" }, Xe = {
+  key: 0,
+  class: "menu-icon-arrow"
+}, Ye = ["onClick"], Ze = { class: "sub-menu-title" }, et = {
+  __name: "CommunicationPanel",
+  props: {
+    contactAttributes: {
+      type: Array,
+      required: !0,
+      default: () => []
+    },
+    channels: {
+      type: Array,
+      required: !0,
+      default: () => []
+    },
+    recentAttributeChannels: {
+      type: Object,
+      required: !0,
+      default: () => ({})
+    },
+    selectedDialog: {
+      type: Object,
+      required: !1,
+      default: null
+    },
+    channelTooltips: {
+      type: Object,
+      required: !1,
+      default: () => ({})
+    }
+  },
+  emits: ["select-attribute-channel", "phone-call"],
+  setup(te, { emit: ne }) {
+    const a = te, oe = ne, f = d(null), F = d(null), w = d(null), x = d(null), v = d(!1), C = d(null), I = d({}), S = m(() => a.channels ?? []), se = m(() => a.channelTooltips ?? {}), {
+      channelsTypes: le,
+      getTooltipText: ie,
+      getChannelTypeFromId: ue,
+      hasMultipleChannels: y,
+      isChannelActive: M,
+      getSingleChannelForType: ae,
+      getMenuChannelIconComponent: O,
+      getMenuChannelIconComponentForChannelId: re,
+      getSingleMenuChannelIconComponent: ce,
+      getAvailableChannels: de
+    } = Se({
+      channels: S,
+      channelTooltips: se,
+      selectedChannelType: C
+    }), {
+      activeChannelType: s,
+      hoveredChannel: A,
+      showMenu: me,
+      showSubMenu: z,
+      menuWidth: pe,
+      updateMenuWidth: L,
+      handleChannelClick: ve,
+      closeMenu: be,
+      handleClickOutside: P
+    } = ze({
+      panelRef: f,
+      channelsPanelRef: F,
+      selectedChannelType: C,
+      frozenAttribute: x,
+      isRecentAttributeHovered: v
+    }), he = m(() => a.contactAttributes ?? []), j = m(() => a.recentAttributeChannels ?? {}), {
+      organizedContactAttributes: B,
+      organizeContactAttributes: fe,
+      recentAttribute: k,
+      showRecentAttribute: D,
+      isAttributeFrozen: Ce
+    } = Le({
+      contactAttributes: he,
+      recentAttributeChannels: j,
+      activeChannelType: s,
+      frozenAttribute: x
+    }), {
+      handleRecentAttributeClick: N,
+      handleAttributeClick: ye,
+      selectChannel: Me,
+      availableChannels: Ae
+    } = De({
+      activeChannelType: s,
+      channels: S,
+      recentAttributeChannels: j,
+      selectedChannel: I,
+      selectedChannelType: C,
+      isRecentAttributeHovered: v,
+      hoveredAttribute: w,
+      closeMenu: be,
+      hasMultipleChannels: y,
+      getSingleChannelForType: ae,
+      getAvailableChannels: de,
+      emit: oe
+    }), {
+      subMenuTop: ke,
+      resetRegularAttributeHover: g,
+      handleRecentAttributeMouseEnter: ge,
+      handleRecentAttributeMouseLeave: _,
+      handleAttributeMouseEnter: _e,
+      handleAttributeMouseLeave: V,
+      keepSubMenuOpen: W,
+      closeSubMenu: U,
+      alignSubMenuWithTarget: G
+    } = $e({
+      activeChannelType: s,
+      showSubMenu: z,
+      frozenAttribute: x,
+      hoveredAttribute: w,
+      isRecentAttributeHovered: v,
+      hasMultipleChannels: y
+    });
+    He({
+      selectedChannelType: C,
+      selectedChannel: I,
+      channels: S,
+      selectedDialog: m(() => a.selectedDialog ?? null)
+    });
+    const J = m(
+      () => Ae()
+    ), Te = m(
+      () => z.value && w.value && J.value.length > 0 && s.value !== "phone" && y(s.value)
+    ), K = (T) => {
+      const n = ge(T.currentTarget);
+      n instanceof HTMLElement && G(f, n);
+    }, Re = (T, n) => {
+      const b = _e(T, n.currentTarget);
+      b instanceof HTMLElement && G(f, b);
+    };
+    return Ee(() => a.selectedDialog, () => {
+    }, { deep: !0 }), we(() => {
+      L(), window.addEventListener("resize", L), document.addEventListener("click", P), fe();
+    }), xe(() => {
+      window.removeEventListener("resize", L), document.removeEventListener("click", P);
+    }), (T, n) => {
+      var b, Q, X, Y;
+      return o(), u("div", {
+        ref_key: "panelRef",
+        ref: f,
+        class: "communication-panel"
+      }, [
+        l("div", {
+          ref_key: "channelsPanelRef",
+          ref: F,
+          class: "channels-panel"
+        }, [
+          (o(!0), u(E, null, $(e(le), (t) => {
+            var i;
+            return o(), u("button", {
+              key: t.type,
+              class: r(["channel-btn", {
+                active: e(M)(t.type),
+                hover: e(A) === t.type && !e(M)(t.type) || e(A) === t.type && e(M)(t.type)
+              }]),
+              onClick: (Z) => e(ve)(t.type),
+              onMouseenter: (Z) => A.value = t.type,
+              onMouseleave: n[0] || (n[0] = (Z) => A.value = null)
+            }, [
+              e(M)(t.type) ? (o(), u(E, { key: 0 }, [
+                Ie(q, {
+                  text: (i = I.value) == null ? void 0 : i.title,
+                  position: "bottom",
+                  offset: 8
+                }, {
+                  default: H(() => [
+                    l("span", Oe, [
+                      (o(), c(p(t.component)))
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["text"]),
+                n[12] || (n[12] = l("span", { class: "active-indicator" }, null, -1))
+              ], 64)) : (o(), c(q, {
+                key: 1,
+                text: e(ie)(t.type),
+                position: "bottom",
+                offset: 8
+              }, {
+                default: H(() => [
+                  l("span", Pe, [
+                    (o(), c(p(t.component)))
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["text"]))
+            ], 42, Fe);
+          }), 128))
+        ], 512),
+        e(me) && e(s) ? (o(), u("div", {
+          key: 0,
+          class: "attributes-menu",
+          style: ee({ width: e(pe) })
+        }, [
+          l("div", je, h(e(s) === "phone" ? "Телефон" : "Недавний"), 1),
+          e(D) && ((b = a.recentAttributeChannels[e(s)]) != null && b.tooltip) ? (o(), c(q, {
+            key: 0,
+            text: (Q = a.recentAttributeChannels[e(s)]) == null ? void 0 : Q.tooltip,
+            position: "bottom",
+            offset: 8
+          }, {
+            default: H(() => {
+              var t;
+              return [
+                l("div", {
+                  class: r(["recent-attribute", {
+                    "frozen-hover": v.value
+                  }]),
+                  onMouseenter: n[1] || (n[1] = (i) => K(i)),
+                  onMouseleave: n[2] || (n[2] = (...i) => e(_) && e(_)(...i)),
+                  onMouseover: n[3] || (n[3] = (...i) => e(g) && e(g)(...i)),
+                  onClick: n[4] || (n[4] = (i) => e(N)(e(k)))
+                }, [
+                  l("div", Be, [
+                    l("span", Ne, h((t = e(k)) == null ? void 0 : t.value), 1)
+                  ]),
+                  l("span", {
+                    class: r(["channel-icon-small", { "menu-icon-grey": e(s) !== "sms" }])
+                  }, [
+                    (o(), c(p(e(O)(e(s)))))
+                  ], 2)
+                ], 34)
+              ];
+            }),
+            _: 1
+          }, 8, ["text"])) : e(D) ? (o(), u("div", {
+            key: 1,
+            class: r(["recent-attribute", {
+              "frozen-hover": v.value
+            }]),
+            onMouseenter: n[5] || (n[5] = (t) => K(t)),
+            onMouseleave: n[6] || (n[6] = (...t) => e(_) && e(_)(...t)),
+            onMouseover: n[7] || (n[7] = (...t) => e(g) && e(g)(...t)),
+            onClick: n[8] || (n[8] = (t) => e(N)(e(k)))
+          }, [
+            l("div", Ve, [
+              l("span", We, h((X = e(k)) == null ? void 0 : X.value), 1)
+            ]),
+            l("span", {
+              class: r(["channel-icon-small", { "menu-icon-grey": e(s) !== "sms" }])
+            }, [
+              (o(), c(p(e(O)(e(s)))))
+            ], 2)
+          ], 34)) : R("", !0),
+          e(D) && ((Y = e(B)[e(s)]) != null && Y.length) && e(s) !== "phone" ? (o(), u("div", Ue)) : R("", !0),
+          (o(!0), u(E, null, $(e(B)[e(s)], (t) => (o(), u("div", {
+            key: t.attributeId,
+            class: r(["attribute-item", {
+              "frozen-hover": e(Ce)(t)
+            }]),
+            onMouseenter: (i) => Re(t, i),
+            onMouseleave: n[9] || (n[9] = (...i) => e(V) && e(V)(...i)),
+            onClick: (i) => e(ye)(t)
+          }, [
+            l("div", Je, [
+              l("span", Ke, h(t.value), 1)
+            ]),
+            l("span", Qe, [
+              e(y)(e(s)) ? (o(), u("span", Xe)) : (o(), u("span", {
+                key: 1,
+                class: r(["channel-icon-small", { "menu-icon-grey": e(s) !== "sms" }])
+              }, [
+                (o(), c(p(e(ce)(e(s)))))
+              ], 2))
+            ])
+          ], 42, Ge))), 128)),
+          e(z) && Te.value ? (o(), u("div", {
+            key: 3,
+            class: "sub-menu left",
+            style: ee({ top: e(ke) + "px" }),
+            onMouseenter: n[10] || (n[10] = (...t) => e(W) && e(W)(...t)),
+            onMouseleave: n[11] || (n[11] = (...t) => e(U) && e(U)(...t))
+          }, [
+            n[13] || (n[13] = l("div", { class: "sub-menu-header" }, " Канал связи ", -1)),
+            (o(!0), u(E, null, $(J.value, (t) => (o(), u("div", {
+              key: t.channelId,
+              class: "sub-menu-item",
+              onClick: (i) => e(Me)(t.channelId)
+            }, [
+              l("span", Ze, h(t.title || t.channelId), 1),
+              l("span", {
+                class: r(["sub-menu-icon", { "menu-icon-grey": e(ue)(t.channelId) !== "sms" }])
+              }, [
+                (o(), c(p(e(re)(t.channelId))))
+              ], 2)
+            ], 8, Ye))), 128))
+          ], 36)) : R("", !0)
+        ], 4)) : R("", !0)
+      ], 512);
+    };
+  }
+}, dt = /* @__PURE__ */ qe(et, [["__scopeId", "data-v-074734c8"]]);
+export {
+  dt as default
+};

package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationActions.js

@@ -0,0 +1,83 @@
+function j({
+  activeChannelType: u,
+  channels: t,
+  recentAttributeChannels: k,
+  selectedChannel: c,
+  selectedChannelType: f,
+  isRecentAttributeHovered: C,
+  hoveredAttribute: o,
+  closeMenu: e,
+  hasMultipleChannels: d,
+  getSingleChannelForType: h,
+  getAvailableChannels: R,
+  emit: i
+}) {
+  const r = (n) => {
+    n && (i("phone-call", {
+      attributeId: n.id,
+      phoneNumber: n.data
+    }), e());
+  }, s = (n, l) => {
+    i("select-attribute-channel", {
+      attributeId: n.id,
+      channelId: l
+    }), f.value = u.value, c.value = t.value.find((a) => a.channelId === l) ?? {}, e();
+  }, v = (n, l) => {
+    l && i("select-attribute-channel", {
+      attributeId: l.id,
+      channelId: n
+    }), f.value = u.value, c.value = t.value.find((a) => a.channelId === n) ?? {}, e();
+  };
+  return {
+    handlePhoneCall: r,
+    handleRecentAttributeClick: (n) => {
+      var I;
+      const l = u.value;
+      if (!l)
+        return;
+      if (l === "phone") {
+        r(n);
+        return;
+      }
+      if (!d(l)) {
+        const b = h(l);
+        n && b && s(n, b.channelId);
+        return;
+      }
+      const a = (I = k.value[l]) == null ? void 0 : I.channelId;
+      n && a && v(a, n);
+    },
+    handleAttributeClick: (n) => {
+      const l = u.value;
+      if (l) {
+        if (l === "phone") {
+          r(n);
+          return;
+        }
+        if (!d(l)) {
+          const a = h(l);
+          a && s(n, a.channelId);
+        }
+      }
+    },
+    selectSingleChannel: s,
+    selectChannelForRecentAttribute: v,
+    selectChannel: (n) => {
+      if (C.value) {
+        v(n, o.value ?? null);
+        return;
+      }
+      o.value && (i("select-attribute-channel", {
+        attributeId: o.value.id,
+        channelId: n
+      }), f.value = u.value, c.value = t.value.find((l) => l.channelId === n) ?? {}), e();
+    },
+    availableChannels: () => {
+      const n = u.value;
+      return n ? R(n) : [];
+    }
+  };
+}
+export {
+  j as useCommunicationActions
+};

package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationAttributes.js

@@ -0,0 +1,60 @@
+import { computed as r, unref as l, ref as v, watch as y } from "vue";
+import { CHANNEL_TYPES as f } from "./useCommunicationChannels.js";
+function C({
+  contactAttributes: m,
+  recentAttributeChannels: b,
+  activeChannelType: o,
+  frozenAttribute: d
+}) {
+  const u = r(() => l(m) ?? []), i = r(() => l(b) ?? {}), s = v(
+    Object.fromEntries(f.map((t) => [t, []]))
+  ), c = () => {
+    const t = Object.fromEntries(
+      f.map((e) => [e, []])
+    );
+    u.value.forEach((e) => {
+      if (!(!e || !e.type)) {
+        if (e.type === "telegram") {
+          t.telegram.push(e);
+          return;
+        }
+        if (e.type === "phone") {
+          ["whatsapp", "max", "sms", "phone"].forEach((n) => {
+            t[n].push(e);
+          });
+          return;
+        }
+        t[e.type] && t[e.type].push(e);
+      }
+    }), s.value = t;
+  };
+  y(u, c, { deep: !0, immediate: !0 });
+  const a = (t) => {
+    var n;
+    const e = (n = i.value[t]) == null ? void 0 : n.attributeId;
+    return e ? u.value.find((A) => A.id === e) ?? null : null;
+  }, p = r(() => {
+    const t = o.value;
+    return t ? a(t) : null;
+  }), h = r(() => {
+    const t = o.value;
+    if (!t || t === "phone")
+      return !1;
+    const e = p.value, n = i.value[t];
+    return !!(e && (n != null && n.channelId));
+  });
+  return {
+    organizedContactAttributes: s,
+    organizeContactAttributes: c,
+    recentAttribute: p,
+    getRecentAttributeByType: a,
+    showRecentAttribute: h,
+    isAttributeFrozen: (t) => {
+      const e = d.value;
+      return !t || !(e != null && e.id) ? !1 : t.id === e.id;
+    }
+  };
+}
+export {
+  C as useCommunicationAttributes
+};

package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationChannels.js

@@ -0,0 +1,70 @@
+import { computed as l, unref as c } from "vue";
+import P from "../icons/CommunicationPanelPhoneIcon.vue.js";
+import S from "../icons/CommunicationPanelWhatsAppIcon.vue.js";
+import M from "../icons/CommunicationPanelTelegramIcon.vue.js";
+import T from "../icons/CommunicationPanelMaxIcon.vue.js";
+import b from "../icons/CommunicationPanelSMSIcon.vue.js";
+import d from "../icons/CommunicationPanelSubmenuPhoneIcon.vue.js";
+import v from "../icons/CommunicationPanelSubmenuWhatsAppIcon.vue.js";
+import x from "../icons/CommunicationPanelSubmenuTelegramIcon.vue.js";
+import w from "../icons/CommunicationPanelSubmenuMaxIcon.vue.js";
+import A from "../icons/CommunicationPanelSubmenuSMSIcon.vue.js";
+const F = ["phone", "whatsapp", "telegram", "max", "sms"], y = {
+  phone: P,
+  whatsapp: S,
+  telegram: M,
+  max: T,
+  sms: b
+}, E = {
+  phone: d,
+  whatsapp: v,
+  telegram: x,
+  max: w,
+  sms: A
+}, L = {
+  phone: "Позвонить",
+  whatsapp: "Выберите контакт и канал для отправки сообщения",
+  telegram: "Выберите контакт и канал для отправки сообщения",
+  max: "Выберите контакт и канал для отправки сообщения",
+  sms: "Выберите контакт и канал для отправки сообщения"
+};
+function K({ channels: i, channelTooltips: u, selectedChannelType: s }) {
+  const t = l(() => c(i) ?? []), p = l(() => c(u) ?? {}), h = l(
+    () => F.map((n) => ({
+      type: n,
+      component: y[n]
+    }))
+  ), C = (n) => {
+    const e = p.value[n];
+    return e || (L[n] ?? "");
+  }, o = (n) => {
+    if (!n) return null;
+    const [e] = n.split(".");
+    return e.includes("waba") ? "whatsapp" : e.includes("telegrambot") ? "telegram" : e;
+  }, g = (n) => t.value.filter((e) => o(e.channelId) === n).length > 1, f = (n) => s.value === n, m = (n) => {
+    const e = t.value.filter((I) => o(I.channelId) === n);
+    return e.length === 1 ? e[0] : null;
+  }, a = (n) => E[n] ?? null, r = (n) => {
+    const e = o(n);
+    return e ? a(e) : null;
+  };
+  return {
+    channelsTypes: h,
+    getTooltipText: C,
+    getChannelTypeFromId: o,
+    hasMultipleChannels: g,
+    isChannelActive: f,
+    getSingleChannelForType: m,
+    getMenuChannelIconComponent: a,
+    getMenuChannelIconComponentForChannelId: r,
+    getSingleMenuChannelIconComponent: (n) => {
+      const e = m(n);
+      return e ? r(e.channelId) : a(n);
+    },
+    getAvailableChannels: (n) => t.value.filter((e) => o(e.channelId) === n)
+  };
+}
+export {
+  F as CHANNEL_TYPES,
+  K as useCommunicationChannels
+};

package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationDialogSync.js

@@ -0,0 +1,36 @@
+import { watch as m, unref as f } from "vue";
+import { CHANNEL_TYPES as h } from "./useCommunicationChannels.js";
+function v({
+  selectedChannelType: n,
+  selectedChannel: l,
+  channels: t,
+  selectedDialog: c
+}) {
+  const u = (e) => {
+    if (!e || !e.channelId) {
+      n.value = null, l.value = {};
+      return;
+    }
+    const r = e.channelId ? e.channelId.split(".")[0] : null, a = r ? d(r) : null;
+    if (a) {
+      n.value = a;
+      const i = t.value.find((o) => o.channelId === e.channelId);
+      l.value = i ?? {};
+    }
+  };
+  return m(
+    () => f(c),
+    (e) => {
+      u(e ?? null);
+    },
+    { immediate: !0, deep: !0 }
+  ), {
+    updateSelectedChannelFromDialog: u
+  };
+}
+function d(n) {
+  return n.includes("waba") ? "whatsapp" : n.includes("telegrambot") ? "telegram" : h.includes(n) ? n : null;
+}
+export {
+  v as useCommunicationDialogSync
+};

package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationMenu.js

@@ -0,0 +1,37 @@
+import { ref as e } from "vue";
+function k({
+  panelRef: h,
+  channelsPanelRef: t,
+  selectedChannelType: d,
+  frozenAttribute: o,
+  isRecentAttributeHovered: v
+}) {
+  const u = e(null), C = e(null), n = e(!1), a = e(!1), i = e("0px"), c = () => {
+    t.value && (i.value = `${t.value.offsetWidth}px`);
+  }, s = () => {
+    n.value = !1, u.value = null, o.value = null, v.value = !1, a.value = !1;
+  };
+  return {
+    activeChannelType: u,
+    hoveredChannel: C,
+    showMenu: n,
+    showSubMenu: a,
+    menuWidth: i,
+    updateMenuWidth: c,
+    handleChannelClick: (l) => {
+      if (d.value === l && u.value === l) {
+        s();
+        return;
+      }
+      u.value = l, n.value = !0, a.value = !1, o.value = null, v.value = !1, c();
+    },
+    closeMenu: s,
+    handleClickOutside: (l) => {
+      const f = h.value;
+      f && !f.contains(l.target) && s();
+    }
+  };
+}
+export {
+  k as useCommunicationMenu
+};

package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationSubMenu.js

@@ -0,0 +1,69 @@
+import { ref as S } from "vue";
+function F({
+  activeChannelType: s,
+  showSubMenu: t,
+  frozenAttribute: a,
+  hoveredAttribute: v,
+  isRecentAttributeHovered: o,
+  hasMultipleChannels: i
+}) {
+  const n = S(0), m = () => {
+    t.value = !1, a.value = null, v.value = null;
+  };
+  return {
+    subMenuTop: n,
+    resetRegularAttributeHover: m,
+    handleRecentAttributeMouseEnter: (e) => {
+      const u = s.value;
+      if (!(!u || !i(u)))
+        return m(), o.value = !0, t.value = !0, e;
+    },
+    handleRecentAttributeMouseLeave: () => {
+      t.value || (o.value = !1);
+    },
+    handleAttributeMouseEnter: (e, u) => {
+      const l = s.value;
+      return !l || !i(l) ? null : (o.value = !1, v.value = e, t.value = !0, a.value = e, u);
+    },
+    handleAttributeMouseLeave: () => {
+      t.value || (a.value = null);
+    },
+    keepSubMenuOpen: () => {
+      t.value = !0;
+    },
+    closeSubMenu: () => {
+      t.value = !1, a.value = null, o.value = !1;
+    },
+    alignSubMenuWithTarget: (e, u) => {
+      var l, d, g;
+      if (!u) {
+        n.value = 0;
+        return;
+      }
+      try {
+        const p = (l = e.value) == null ? void 0 : l.querySelector(".attributes-menu"), c = (d = e.value) == null ? void 0 : d.querySelector(".sub-menu-header"), f = (g = e.value) == null ? void 0 : g.querySelector(".sub-menu");
+        if (!p) {
+          n.value = 0;
+          return;
+        }
+        const y = p.getBoundingClientRect(), E = u.getBoundingClientRect();
+        let M = 0;
+        if (c) {
+          const r = c.getBoundingClientRect(), R = getComputedStyle(c), h = parseFloat(R.marginBottom || "0");
+          M = r.height + (Number.isNaN(h) ? 0 : h);
+        }
+        let b = 0;
+        if (f) {
+          const r = getComputedStyle(f);
+          b = parseFloat(r.paddingTop || "0") || 0;
+        }
+        n.value = E.top - y.top - M - b - 2;
+      } catch {
+        n.value = 0;
+      }
+    }
+  };
+}
+export {
+  F as useCommunicationSubMenu
+};

package/dist/components/2_blocks/CommunicationPanel/icons/CommunicationPanelMaxIcon.vue.js

@@ -0,0 +1,18 @@
+import { createElementBlock as e, openBlock as i, createStaticVNode as o } from "vue";
+import n from "../../../../_virtual/_plugin-vue_export-helper.js";
+const r = {}, l = {
+  width: "24",
+  height: "23",
+  viewBox: "0 0 24 23",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function c(p, t) {
+  return i(), e("svg", l, [...t[0] || (t[0] = [
+    o('<g clip-path="url(#clip0_5484_1263)"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.8465 22.9371C9.5763 22.9371 8.52184 22.6072 6.69327 21.2872C5.52964 22.7721 1.86702 23.9271 1.70628 21.9472C1.70628 20.464 1.37041 19.214 1.00063 17.8378C0.547734 16.1523 0.0439453 14.2774 0.0439453 11.5525C0.0439453 5.05468 5.41635 0.167969 11.7862 0.167969C18.1561 0.167969 23.1503 5.29327 23.1503 11.6157C23.1503 17.9381 17.9972 22.9371 11.8465 22.9371ZM11.939 5.78538C8.83924 5.62414 6.42029 7.7577 5.88688 11.0971C5.44515 13.8625 6.22833 17.2322 6.89823 17.4018C7.21393 17.4817 8.02297 16.8324 8.52167 16.3374C9.34193 16.865 10.2832 17.2737 11.3295 17.3281C14.5118 17.4936 17.3319 15.0231 17.4985 11.8663C17.6652 8.70944 15.1213 5.95092 11.939 5.78538Z" fill="url(#paint0_linear_5484_1263)"></path></g><defs><linearGradient id="paint0_linear_5484_1263" x1="11.5971" y1="0.167969" x2="11.5971" y2="23.0001" gradientUnits="userSpaceOnUse"><stop stop-color="#45BEFD"></stop><stop offset="1" stop-color="#6726E2"></stop></linearGradient><clipPath id="clip0_5484_1263"><rect width="24" height="23" fill="white"></rect></clipPath></defs>', 2)
+  ])]);
+}
+const d = /* @__PURE__ */ n(r, [["render", c]]);
+export {
+  d as default
+};