@mobilon-dev/chotto 0.3.78 → 0.3.79

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

@@ -1,33 +1,33 @@
-import { ref as d, computed as u, watch as H, onMounted as Ve, onUnmounted as He, createElementBlock as l, openBlock as s, createElementVNode as c, createCommentVNode as h, Fragment as A, renderList as W, unref as n, normalizeClass as v, createBlock as y, createVNode as P, withCtx as U, resolveDynamicComponent as I, toDisplayString as E, normalizeStyle as We, nextTick as he } from "vue";
+import { ref as d, computed as i, watch as H, onMounted as Ue, onUnmounted as Ge, createElementBlock as a, openBlock as s, createCommentVNode as f, unref as n, Fragment as A, renderList as W, normalizeClass as v, createBlock as y, createVNode as B, createElementVNode as c, withCtx as U, resolveDynamicComponent as I, toDisplayString as P, normalizeStyle as Je, nextTick as ve } from "vue";
 import G from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useCommunicationChannels as Ue } from "./composables/useCommunicationChannels.js";
-import { useCommunicationMenu as Ge } from "./composables/useCommunicationMenu.js";
-import { useCommunicationAttributes as Je, isAttributeBlocked as Ke, getAttributeStatusClass as ve, isAttributeConfirming as ye } from "./composables/useCommunicationAttributes.js";
-import { useCommunicationActions as Qe } from "./composables/useCommunicationActions.js";
-import { useCommunicationSubMenu as Xe } from "./composables/useCommunicationSubMenu.js";
-import { useCommunicationDialogSync as Ye } from "./composables/useCommunicationDialogSync.js";
-import { useCommunicationPlaceholder as Ze } from "./composables/useCommunicationPlaceholder.js";
-import Ce from "./CommunicationPanelAttributeIndicator.vue.js";
-import et from "./icons/CommunicationPanelCheckIcon.vue.js";
+import { useCommunicationChannels as Ke } from "./composables/useCommunicationChannels.js";
+import { useCommunicationMenu as Qe } from "./composables/useCommunicationMenu.js";
+import { useCommunicationAttributes as Xe, isAttributeBlocked as Ye, getAttributeStatusClass as ye, isAttributeConfirming as Ce } from "./composables/useCommunicationAttributes.js";
+import { useCommunicationActions as Ze } from "./composables/useCommunicationActions.js";
+import { useCommunicationSubMenu as et } from "./composables/useCommunicationSubMenu.js";
+import { useCommunicationDialogSync as tt } from "./composables/useCommunicationDialogSync.js";
+import { useCommunicationPlaceholder as nt } from "./composables/useCommunicationPlaceholder.js";
+import be from "./CommunicationPanelAttributeIndicator.vue.js";
+import ot from "./icons/CommunicationPanelCheckIcon.vue.js";
 /* empty css                                           */
-import tt from "../../../_virtual/_plugin-vue_export-helper.js";
+import st from "../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                        */
-const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { class: "channel-icon" }, lt = {
-  key: 0,
+const lt = ["onClick", "onMouseenter"], at = { class: "channel-icon" }, it = { class: "channel-icon" }, ut = {
+  key: 1,
   class: "attributes-menu"
-}, it = {
+}, rt = {
   key: 0,
   class: "empty-channels-placeholder"
-}, at = ["data-attribute-status", "onMouseenter", "onClick"], ut = { class: "attribute-info" }, rt = { class: "attribute-value" }, ct = { class: "menu-icon" }, dt = {
+}, ct = ["data-attribute-status", "onMouseenter", "onClick"], dt = { class: "attribute-info" }, ft = { class: "attribute-value" }, mt = { class: "menu-icon" }, pt = {
   key: 0,
   class: "menu-icon-arrow"
-}, ft = ["data-attribute-status", "onMouseenter", "onClick"], mt = { class: "attribute-info" }, pt = { class: "attribute-value" }, ht = { class: "menu-icon" }, vt = {
+}, ht = ["data-attribute-status", "onMouseenter", "onClick"], vt = { class: "attribute-info" }, yt = { class: "attribute-value" }, Ct = { class: "menu-icon" }, bt = {
   key: 0,
   class: "menu-icon-arrow"
-}, yt = ["onClick"], Ct = {
+}, gt = ["onClick"], kt = {
   key: 0,
   class: "selected-indicator"
-}, bt = { class: "sub-menu-title" }, gt = {
+}, At = { class: "sub-menu-title" }, It = {
   __name: "CommunicationPanel",
   props: {
     contactAttributes: {
@@ -97,6 +97,24 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
       type: Array,
       required: !1,
       default: () => []
+    },
+    /**
+     * Порядок кнопок каналов в панели.
+     * По умолчанию: max → telegram → whatsapp → sms → phone.
+     */
+    channelOrder: {
+      type: Array,
+      required: !1,
+      default: void 0
+    },
+    /**
+     * Типы каналов для отображения (обычно с бэка — доступные пользователю).
+     * Если не задан — показываются все поддерживаемые типы.
+     */
+    visibleChannelTypes: {
+      type: Array,
+      required: !1,
+      default: void 0
     }
   },
   emits: [
@@ -105,204 +123,209 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
     "phone-call",
     "reset-blocked-attributes"
   ],
-  setup(T, { emit: be }) {
-    const i = T, J = be, N = d(null), ge = d(null), O = d(null), z = d(null), _ = d(null), $ = d({}), C = d(!1), M = d(null), f = d(null), S = d(null), b = u(
-      () => i.confirmingAttributeId ?? S.value
-    ), j = u(() => i.blockedAttributeIds ?? []), g = (t) => Ke(t, j.value), F = u(() => i.channels ?? []), ke = u(() => i.channelTooltips ?? {}), Ae = u(() => i.attributeTooltips ?? {}), K = u(() => i.attributeIndicatorTooltips ?? {}), Q = u(() => i.messages ?? []), Ie = u(() => i.selectedChat ?? null), X = u(() => i.isNewDialog ?? !1), Te = u(() => {
+  setup(T, { emit: ge }) {
+    const l = T, J = ge, E = d(null), ke = d(null), N = d(null), z = d(null), _ = d(null), $ = d({}), C = d(!1), M = d(null), m = d(null), S = d(null), b = i(
+      () => l.confirmingAttributeId ?? S.value
+    ), j = i(() => l.blockedAttributeIds ?? []), g = (t) => Ye(t, j.value), F = i(() => l.channels ?? []), Ae = i(() => l.channelOrder), Ie = i(() => l.visibleChannelTypes), Te = i(() => l.channelTooltips ?? {}), _e = i(() => l.attributeTooltips ?? {}), K = i(() => l.attributeIndicatorTooltips ?? {}), Q = i(() => l.messages ?? []), Me = i(() => l.selectedChat ?? null), X = i(() => l.isNewDialog ?? !1), Se = i(() => {
       var t;
-      return ((t = i.selectedDialog) == null ? void 0 : t.channelId) ?? null;
-    }), Y = (t) => Te.value === t, _e = u(() => {
+      return ((t = l.selectedDialog) == null ? void 0 : t.channelId) ?? null;
+    }), Y = (t) => Se.value === t, we = i(() => {
       var t;
-      return ((t = i.selectedDialog) == null ? void 0 : t.attributeId) ?? null;
+      return ((t = l.selectedDialog) == null ? void 0 : t.attributeId) ?? null;
     }), w = (t) => {
-      const o = _e.value;
+      const o = we.value;
       if (!o || !t)
         return !1;
       const e = t.id ?? t.attributeId;
       return o === e;
     }, Z = (t) => {
-      const o = Ae.value, e = (t == null ? void 0 : t.attributeId) ?? (t == null ? void 0 : t.id);
+      const o = _e.value, e = (t == null ? void 0 : t.attributeId) ?? (t == null ? void 0 : t.id);
       if (e != null) {
-        const a = o[String(e)];
-        if (a)
-          return a;
+        const u = o[String(e)];
+        if (u)
+          return u;
       }
       return t != null && t.value ? o[String(t.value)] ?? "" : "";
-    }, Me = (t) => !!Z(t), {
-      channelsTypes: Se,
-      getTooltipText: we,
-      getChannelTypeFromId: De,
+    }, Re = (t) => !!Z(t), {
+      panelChannelTypes: De,
+      channelsTypes: ee,
+      getTooltipText: qe,
+      getChannelTypeFromId: xe,
       hasMultipleChannels: k,
-      isChannelActive: D,
-      getSingleChannelForType: Re,
-      getMenuChannelIconComponentForChannelId: xe,
-      getSingleMenuChannelIconComponent: ee,
-      getAvailableChannels: te
-    } = Ue({
+      isChannelActive: R,
+      getSingleChannelForType: Oe,
+      getMenuChannelIconComponentForChannelId: Be,
+      getSingleMenuChannelIconComponent: te,
+      getAvailableChannels: ne
+    } = Ke({
       channels: F,
-      channelTooltips: ke,
+      channelTooltips: Te,
+      channelOrder: Ae,
+      visibleChannelTypes: Ie,
       selectedChannelType: _
     }), {
       activeChannelType: r,
-      hoveredChannel: R,
-      showMenu: x,
+      hoveredChannel: D,
+      showMenu: q,
       showSubMenu: L,
-      handleChannelClick: qe,
-      closeMenu: ne,
-      handleClickOutside: oe
-    } = Ge({
-      panelRef: N,
+      handleChannelClick: Pe,
+      closeMenu: oe,
+      handleClickOutside: se
+    } = Qe({
+      panelRef: E,
       selectedChannelType: _,
       frozenAttribute: z
-    }), V = u(() => i.contactAttributes ?? []), se = (t) => {
-      var m;
+    }), V = i(() => l.contactAttributes ?? []), le = (t) => {
+      var p;
       if (!t || !Q.value) return !0;
-      const o = (m = Ie.value) == null ? void 0 : m.chatId;
+      const o = (p = Me.value) == null ? void 0 : p.chatId;
       return o ? !Q.value.filter(
-        (p) => {
-          var pe;
-          return p.chatId === o && p.dialogId === ((pe = i.selectedDialog) == null ? void 0 : pe.dialogId);
+        (h) => {
+          var he;
+          return h.chatId === o && h.dialogId === ((he = l.selectedDialog) == null ? void 0 : he.dialogId);
         }
       ).some(
-        (p) => p.type !== "message.system" && p.type !== "message.delimiter" && p.type !== "system" && p.type !== "system_message" && p.type !== "notification"
+        (h) => h.type !== "message.system" && h.type !== "message.delimiter" && h.type !== "system" && h.type !== "system_message" && h.type !== "notification"
       ) : !0;
-    }, le = () => {
-      q(), C.value = !0, he(() => {
-        const t = Array.isArray(f.value) ? f.value[0] : f.value;
+    }, ae = () => {
+      x(), C.value = !0, ve(() => {
+        const t = Array.isArray(m.value) ? m.value[0] : m.value;
         t && typeof t.startAutoShow == "function" ? t.startAutoShow() : console.log("startAutoShow method not found on tooltipRef");
       }), M.value = setTimeout(() => {
         C.value = !1;
       }, 5e3);
-    }, q = () => {
-      if (M.value && (clearTimeout(M.value), M.value = null), f.value) {
-        const t = Array.isArray(f.value) ? f.value[0] : f.value;
+    }, x = () => {
+      if (M.value && (clearTimeout(M.value), M.value = null), m.value) {
+        const t = Array.isArray(m.value) ? m.value[0] : m.value;
         t && typeof t.clearAutoTimer == "function" && t.clearAutoTimer();
       }
       C.value = !1;
     }, {
       organizedContactAttributes: ie,
-      organizeContactAttributes: Be,
-      isAttributeFrozen: ae
-    } = Je({
+      organizeContactAttributes: Ee,
+      isAttributeFrozen: ue
+    } = Xe({
       contactAttributes: V,
+      panelChannelTypes: De,
       frozenAttribute: z
     }), {
-      handleAttributeClick: Pe,
-      selectChannel: Ee,
-      availableChannels: Ne
-    } = Qe({
+      handleAttributeClick: Ne,
+      selectChannel: ze,
+      availableChannels: $e
+    } = Ze({
       activeChannelType: r,
       channels: F,
       selectedChannel: $,
       selectedChannelType: _,
-      hoveredAttribute: O,
+      hoveredAttribute: N,
       confirmingAttributeId: S,
       isAttributeBlocked: g,
-      closeMenu: ne,
+      closeMenu: oe,
       hasMultipleChannels: k,
-      getSingleChannelForType: Re,
-      getAvailableChannels: te,
-      isChannelEmpty: se,
+      getSingleChannelForType: Oe,
+      getAvailableChannels: ne,
+      isChannelEmpty: le,
       isNewDialog: X,
-      showDefaultChannelTooltipWithTimer: le,
-      clearDefaultChannelTooltip: q,
+      showDefaultChannelTooltipWithTimer: ae,
+      clearDefaultChannelTooltip: x,
       emit: J
     }), {
-      subMenuTop: Oe,
-      handleAttributeMouseEnter: ze,
-      handleAttributeMouseLeave: B,
-      keepSubMenuOpen: ue,
-      closeSubMenu: re,
-      alignSubMenuWithTarget: $e
-    } = Xe({
+      subMenuTop: je,
+      handleAttributeMouseEnter: Fe,
+      handleAttributeMouseLeave: O,
+      keepSubMenuOpen: re,
+      closeSubMenu: ce,
+      alignSubMenuWithTarget: Le
+    } = et({
       activeChannelType: r,
       showSubMenu: L,
       frozenAttribute: z,
-      hoveredAttribute: O,
+      hoveredAttribute: N,
       hasMultipleChannels: k,
       isAttributeBlocked: g
-    }), je = (t) => {
-      x.value && r.value === t || J("reset-blocked-attributes"), qe(t);
-    }, ce = (t) => {
-      g(t) || Pe(t);
+    }), Ve = (t) => {
+      q.value && r.value === t || J("reset-blocked-attributes"), Pe(t);
+    }, de = (t) => {
+      g(t) || Ne(t);
     };
-    Ye({
+    tt({
       selectedChannelType: _,
       selectedChannel: $,
       channels: F,
-      selectedDialog: u(() => i.selectedDialog ?? null),
-      isChannelEmpty: se,
+      selectedDialog: i(() => l.selectedDialog ?? null),
+      isChannelEmpty: le,
       isNewDialog: X,
-      showDefaultChannelTooltipWithTimer: le,
-      clearDefaultChannelTooltip: q
+      showDefaultChannelTooltipWithTimer: ae,
+      clearDefaultChannelTooltip: x
     });
     const {
-      emptyChannelsPlaceholderText: Fe,
-      shouldShowEmptyChannelsPlaceholder: de
-    } = Ze({
-      showMenu: x,
+      emptyChannelsPlaceholderText: He,
+      shouldShowEmptyChannelsPlaceholder: fe
+    } = nt({
+      showMenu: q,
       activeChannelType: r,
-      emptyChannelsPlaceholder: u(() => i.emptyChannelsPlaceholder ?? {}),
-      getAvailableChannels: te,
+      emptyChannelsPlaceholder: i(() => l.emptyChannelsPlaceholder ?? {}),
+      getAvailableChannels: ne,
       organizedContactAttributes: ie
-    }), fe = u(
-      () => Ne()
-    ), Le = u(
-      () => L.value && O.value && fe.value.length > 0 && r.value !== "phone" && k(r.value)
-    ), me = async (t, o) => {
-      const e = ze(t, o.currentTarget);
-      await he(), e instanceof HTMLElement && $e(N, e);
+    }), me = i(
+      () => $e()
+    ), We = i(
+      () => L.value && N.value && me.value.length > 0 && r.value !== "phone" && k(r.value)
+    ), pe = async (t, o) => {
+      const e = Fe(t, o.currentTarget);
+      await ve(), e instanceof HTMLElement && Le(E, e);
     };
-    return H(() => i.confirmingAttributeId, (t) => {
+    return H(() => l.confirmingAttributeId, (t) => {
       t || (S.value = null);
     }), H(V, () => {
       const t = b.value;
       if (!t)
         return;
       const o = V.value.find((e) => e.id === t);
-      (o == null ? void 0 : o.status) === "confirmed" && (S.value = null, ne());
-    }, { deep: !0 }), H(() => i.selectedDialog, () => {
-    }, { deep: !0 }), Ve(() => {
-      document.addEventListener("click", oe), Be();
-    }), He(() => {
-      document.removeEventListener("click", oe), q();
-    }), (t, o) => (s(), l("div", {
+      (o == null ? void 0 : o.status) === "confirmed" && (S.value = null, oe());
+    }, { deep: !0 }), H(() => l.selectedDialog, () => {
+    }, { deep: !0 }), Ue(() => {
+      document.addEventListener("click", se), Ee();
+    }), Ge(() => {
+      document.removeEventListener("click", se), x();
+    }), (t, o) => (s(), a("div", {
       ref_key: "panelRef",
-      ref: N,
+      ref: E,
       class: "communication-panel"
     }, [
-      c("div", {
+      n(ee).length ? (s(), a("div", {
+        key: 0,
         ref_key: "channelsPanelRef",
-        ref: ge,
+        ref: ke,
         class: "channels-panel"
       }, [
-        (s(!0), l(A, null, W(n(Se), (e) => {
-          var a;
-          return s(), l("button", {
+        (s(!0), a(A, null, W(n(ee), (e) => {
+          var u;
+          return s(), a("button", {
             key: e.type,
             class: v(["channel-btn", {
-              active: n(D)(e.type),
-              hover: n(R) === e.type && !n(D)(e.type) || n(R) === e.type && n(D)(e.type),
-              menuOpen: n(x) && n(r) === e.type
+              active: n(R)(e.type),
+              hover: n(D) === e.type && !n(R)(e.type) || n(D) === e.type && n(R)(e.type),
+              menuOpen: n(q) && n(r) === e.type
             }]),
-            onClick: (m) => je(e.type),
-            onMouseenter: (m) => R.value = e.type,
-            onMouseleave: o[0] || (o[0] = (m) => R.value = null)
+            onClick: (p) => Ve(e.type),
+            onMouseenter: (p) => D.value = e.type,
+            onMouseleave: o[0] || (o[0] = (p) => D.value = null)
           }, [
-            n(D)(e.type) ? (s(), l(A, { key: 0 }, [
-              P(G, {
+            n(R)(e.type) ? (s(), a(A, { key: 0 }, [
+              B(G, {
                 ref_for: !0,
-                ref: (m) => {
-                  m && (f.value = m);
+                ref: (p) => {
+                  p && (m.value = p);
                 },
-                text: C.value ? "Выбран канал по умолчанию, можно изменить в настройках профиля" : (a = $.value) == null ? void 0 : a.title,
+                text: C.value ? "Выбран канал по умолчанию, можно изменить в настройках профиля" : (u = $.value) == null ? void 0 : u.title,
                 position: "bottom-left",
                 offset: 8,
                 trigger: C.value ? "auto" : "hover",
                 "auto-show-duration": C.value ? 5e3 : 0
               }, {
                 default: U(() => [
-                  c("span", ot, [
+                  c("span", at, [
                     (s(), y(I(e.component)))
                   ])
                 ]),
@@ -311,26 +334,26 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
               o[5] || (o[5] = c("span", { class: "active-indicator" }, null, -1))
             ], 64)) : (s(), y(G, {
               key: 1,
-              text: n(we)(e.type),
+              text: n(qe)(e.type),
               position: "bottom-left",
               offset: 8
             }, {
               default: U(() => [
-                c("span", st, [
+                c("span", it, [
                   (s(), y(I(e.component)))
                 ])
               ]),
               _: 2
             }, 1032, ["text"]))
-          ], 42, nt);
+          ], 42, lt);
         }), 128))
-      ], 512),
-      n(x) && n(r) ? (s(), l("div", lt, [
-        n(de) ? (s(), l("div", it, E(n(Fe)), 1)) : h("", !0),
-        n(de) ? h("", !0) : (s(!0), l(A, { key: 1 }, W(n(ie)[n(r)], (e) => (s(), l(A, {
+      ], 512)) : f("", !0),
+      n(q) && n(r) ? (s(), a("div", ut, [
+        n(fe) ? (s(), a("div", rt, P(n(He)), 1)) : f("", !0),
+        n(fe) ? f("", !0) : (s(!0), a(A, { key: 1 }, W(n(ie)[n(r)], (e) => (s(), a(A, {
           key: e.attributeId
         }, [
-          Me(e) ? (s(), y(G, {
+          Re(e) ? (s(), y(G, {
             key: 0,
             text: Z(e),
             position: "bottom-left",
@@ -338,100 +361,100 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
           }, {
             default: U(() => [
               c("div", {
-                class: v(["attribute-item", n(ve)(e), {
-                  "frozen-hover": n(ae)(e),
+                class: v(["attribute-item", n(ye)(e), {
+                  "frozen-hover": n(ue)(e),
                   selected: w(e),
-                  confirming: n(ye)(e, b.value),
+                  confirming: n(Ce)(e, b.value),
                   blocked: g(e)
                 }]),
                 "data-attribute-status": e.status,
-                onMouseenter: (a) => me(e, a),
-                onMouseleave: o[1] || (o[1] = (...a) => n(B) && n(B)(...a)),
-                onClick: (a) => ce(e)
+                onMouseenter: (u) => pe(e, u),
+                onMouseleave: o[1] || (o[1] = (...u) => n(O) && n(O)(...u)),
+                onClick: (u) => de(e)
               }, [
-                c("div", ut, [
-                  P(Ce, {
+                c("div", dt, [
+                  B(be, {
                     attribute: e,
                     "is-selected": w(e),
                     "confirming-attribute-id": b.value,
                     "blocked-attribute-ids": j.value,
                     "indicator-tooltips": K.value
                   }, null, 8, ["attribute", "is-selected", "confirming-attribute-id", "blocked-attribute-ids", "indicator-tooltips"]),
-                  c("span", rt, E(e.value), 1)
+                  c("span", ft, P(e.value), 1)
                 ]),
-                c("span", ct, [
-                  n(k)(n(r)) ? (s(), l("span", dt)) : T.showChannelIcons ? (s(), l("span", {
+                c("span", mt, [
+                  n(k)(n(r)) ? (s(), a("span", pt)) : T.showChannelIcons ? (s(), a("span", {
                     key: 1,
                     class: v(["channel-icon-small", { "menu-icon-grey": n(r) !== "sms" }])
                   }, [
-                    (s(), y(I(n(ee)(n(r)))))
-                  ], 2)) : h("", !0)
+                    (s(), y(I(n(te)(n(r)))))
+                  ], 2)) : f("", !0)
                 ])
-              ], 42, at)
+              ], 42, ct)
             ]),
             _: 2
-          }, 1032, ["text"])) : (s(), l("div", {
+          }, 1032, ["text"])) : (s(), a("div", {
             key: 1,
-            class: v(["attribute-item", n(ve)(e), {
-              "frozen-hover": n(ae)(e),
+            class: v(["attribute-item", n(ye)(e), {
+              "frozen-hover": n(ue)(e),
               selected: w(e),
-              confirming: n(ye)(e, b.value),
+              confirming: n(Ce)(e, b.value),
               blocked: g(e)
             }]),
             "data-attribute-status": e.status,
-            onMouseenter: (a) => me(e, a),
-            onMouseleave: o[2] || (o[2] = (...a) => n(B) && n(B)(...a)),
-            onClick: (a) => ce(e)
+            onMouseenter: (u) => pe(e, u),
+            onMouseleave: o[2] || (o[2] = (...u) => n(O) && n(O)(...u)),
+            onClick: (u) => de(e)
           }, [
-            c("div", mt, [
-              P(Ce, {
+            c("div", vt, [
+              B(be, {
                 attribute: e,
                 "is-selected": w(e),
                 "confirming-attribute-id": b.value,
                 "blocked-attribute-ids": j.value,
                 "indicator-tooltips": K.value
               }, null, 8, ["attribute", "is-selected", "confirming-attribute-id", "blocked-attribute-ids", "indicator-tooltips"]),
-              c("span", pt, E(e.value), 1)
+              c("span", yt, P(e.value), 1)
             ]),
-            c("span", ht, [
-              n(k)(n(r)) ? (s(), l("span", vt)) : T.showChannelIcons ? (s(), l("span", {
+            c("span", Ct, [
+              n(k)(n(r)) ? (s(), a("span", bt)) : T.showChannelIcons ? (s(), a("span", {
                 key: 1,
                 class: v(["channel-icon-small", { "menu-icon-grey": n(r) !== "sms" }])
               }, [
-                (s(), y(I(n(ee)(n(r)))))
-              ], 2)) : h("", !0)
+                (s(), y(I(n(te)(n(r)))))
+              ], 2)) : f("", !0)
             ])
-          ], 42, ft))
+          ], 42, ht))
         ], 64))), 128)),
-        n(L) && Le.value ? (s(), l("div", {
+        n(L) && We.value ? (s(), a("div", {
           key: 2,
           class: "sub-menu left",
-          style: We({ top: n(Oe) + "px" }),
-          onMouseenter: o[3] || (o[3] = (...e) => n(ue) && n(ue)(...e)),
-          onMouseleave: o[4] || (o[4] = (...e) => n(re) && n(re)(...e))
+          style: Je({ top: n(je) + "px" }),
+          onMouseenter: o[3] || (o[3] = (...e) => n(re) && n(re)(...e)),
+          onMouseleave: o[4] || (o[4] = (...e) => n(ce) && n(ce)(...e))
         }, [
           o[6] || (o[6] = c("div", { class: "sub-menu-header" }, " Канал связи ", -1)),
-          (s(!0), l(A, null, W(fe.value, (e) => (s(), l("div", {
+          (s(!0), a(A, null, W(me.value, (e) => (s(), a("div", {
             key: e.channelId,
             class: v(["sub-menu-item", { selected: Y(e.channelId) }]),
-            onClick: (a) => n(Ee)(e.channelId)
+            onClick: (u) => n(ze)(e.channelId)
           }, [
-            Y(e.channelId) ? (s(), l("span", Ct, [
-              P(n(et))
-            ])) : h("", !0),
-            c("span", bt, E(e.title || e.channelId), 1),
-            T.showChannelIcons ? (s(), l("span", {
+            Y(e.channelId) ? (s(), a("span", kt, [
+              B(n(ot))
+            ])) : f("", !0),
+            c("span", At, P(e.title || e.channelId), 1),
+            T.showChannelIcons ? (s(), a("span", {
               key: 1,
-              class: v(["sub-menu-icon", { "menu-icon-grey": n(De)(e.channelId) !== "sms" }])
+              class: v(["sub-menu-icon", { "menu-icon-grey": n(xe)(e.channelId) !== "sms" }])
             }, [
-              (s(), y(I(n(xe)(e.channelId))))
-            ], 2)) : h("", !0)
-          ], 10, yt))), 128))
-        ], 36)) : h("", !0)
-      ])) : h("", !0)
+              (s(), y(I(n(Be)(e.channelId))))
+            ], 2)) : f("", !0)
+          ], 10, gt))), 128))
+        ], 36)) : f("", !0)
+      ])) : f("", !0)
     ], 512));
   }
-}, Et = /* @__PURE__ */ tt(gt, [["__scopeId", "data-v-a451969d"]]);
+}, zt = /* @__PURE__ */ st(It, [["__scopeId", "data-v-cae081e6"]]);
 export {
-  Et as default
+  zt as default
 };