@mobilon-dev/chotto 0.3.77 → 0.3.78

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

@@ -1,22 +1,24 @@
-import { ref as m, computed as u, watch as H, onMounted as Ve, onUnmounted as He, resolveComponent as We, createElementBlock as l, openBlock as s, createElementVNode as f, 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 Ue, nextTick as he } from "vue";
+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 G from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useCommunicationChannels as Ge } from "./composables/useCommunicationChannels.js";
-import { useCommunicationMenu as Je } from "./composables/useCommunicationMenu.js";
-import { useCommunicationAttributes as Ke, isAttributeBlocked as Qe, getAttributeStatusClass as ve, isAttributeConfirming as ye } from "./composables/useCommunicationAttributes.js";
-import { useCommunicationActions as Xe } from "./composables/useCommunicationActions.js";
-import { useCommunicationSubMenu as Ye } from "./composables/useCommunicationSubMenu.js";
-import { useCommunicationDialogSync as Ze } from "./composables/useCommunicationDialogSync.js";
-import { useCommunicationPlaceholder as et } from "./composables/useCommunicationPlaceholder.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";
-/* empty css                        */
+import et from "./icons/CommunicationPanelCheckIcon.vue.js";
+/* empty css                                           */
 import tt from "../../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                        */
 const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { class: "channel-icon" }, lt = {
   key: 0,
   class: "attributes-menu"
 }, it = {
   key: 0,
   class: "empty-channels-placeholder"
-}, at = ["data-attribute-status", "onMouseenter", "onClick"], ut = { class: "attribute-info" }, ct = { class: "attribute-value" }, rt = { class: "menu-icon" }, dt = {
+}, at = ["data-attribute-status", "onMouseenter", "onClick"], ut = { class: "attribute-info" }, rt = { class: "attribute-value" }, ct = { class: "menu-icon" }, dt = {
   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 = {
@@ -104,9 +106,9 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
     "reset-blocked-attributes"
   ],
   setup(T, { emit: be }) {
-    const i = T, J = be, N = m(null), ge = m(null), O = m(null), z = m(null), _ = m(null), $ = m({}), C = m(!1), M = m(null), p = m(null), S = m(null), b = u(
+    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) => Qe(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(() => {
+    ), 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(() => {
       var t;
       return ((t = i.selectedDialog) == null ? void 0 : t.channelId) ?? null;
     }), Y = (t) => Te.value === t, _e = u(() => {
@@ -116,14 +118,14 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
       const o = _e.value;
       if (!o || !t)
         return !1;
-      const d = t.id ?? t.attributeId;
-      return o === d;
+      const e = t.id ?? t.attributeId;
+      return o === e;
     }, Z = (t) => {
-      const o = Ae.value, d = (t == null ? void 0 : t.attributeId) ?? (t == null ? void 0 : t.id);
-      if (d != null) {
-        const e = o[String(d)];
-        if (e)
-          return e;
+      const o = Ae.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;
       }
       return t != null && t.value ? o[String(t.value)] ?? "" : "";
     }, Me = (t) => !!Z(t), {
@@ -136,44 +138,44 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
       getMenuChannelIconComponentForChannelId: xe,
       getSingleMenuChannelIconComponent: ee,
       getAvailableChannels: te
-    } = Ge({
+    } = Ue({
       channels: F,
       channelTooltips: ke,
       selectedChannelType: _
     }), {
-      activeChannelType: c,
+      activeChannelType: r,
       hoveredChannel: R,
       showMenu: x,
       showSubMenu: L,
       handleChannelClick: qe,
       closeMenu: ne,
       handleClickOutside: oe
-    } = Je({
+    } = Ge({
       panelRef: N,
       selectedChannelType: _,
       frozenAttribute: z
     }), V = u(() => i.contactAttributes ?? []), se = (t) => {
-      var a;
+      var m;
       if (!t || !Q.value) return !0;
-      const o = (a = Ie.value) == null ? void 0 : a.chatId;
+      const o = (m = Ie.value) == null ? void 0 : m.chatId;
       return o ? !Q.value.filter(
-        (r) => {
+        (p) => {
           var pe;
-          return r.chatId === o && r.dialogId === ((pe = i.selectedDialog) == null ? void 0 : pe.dialogId);
+          return p.chatId === o && p.dialogId === ((pe = i.selectedDialog) == null ? void 0 : pe.dialogId);
         }
       ).some(
-        (r) => r.type !== "message.system" && r.type !== "message.delimiter" && r.type !== "system" && r.type !== "system_message" && r.type !== "notification"
+        (p) => p.type !== "message.system" && p.type !== "message.delimiter" && p.type !== "system" && p.type !== "system_message" && p.type !== "notification"
       ) : !0;
     }, le = () => {
       q(), C.value = !0, he(() => {
-        const t = Array.isArray(p.value) ? p.value[0] : p.value;
+        const t = Array.isArray(f.value) ? f.value[0] : f.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), p.value) {
-        const t = Array.isArray(p.value) ? p.value[0] : p.value;
+      if (M.value && (clearTimeout(M.value), M.value = null), f.value) {
+        const t = Array.isArray(f.value) ? f.value[0] : f.value;
         t && typeof t.clearAutoTimer == "function" && t.clearAutoTimer();
       }
       C.value = !1;
@@ -181,15 +183,15 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
       organizedContactAttributes: ie,
       organizeContactAttributes: Be,
       isAttributeFrozen: ae
-    } = Ke({
+    } = Je({
       contactAttributes: V,
       frozenAttribute: z
     }), {
       handleAttributeClick: Pe,
       selectChannel: Ee,
       availableChannels: Ne
-    } = Xe({
-      activeChannelType: c,
+    } = Qe({
+      activeChannelType: r,
       channels: F,
       selectedChannel: $,
       selectedChannelType: _,
@@ -210,21 +212,21 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
       handleAttributeMouseEnter: ze,
       handleAttributeMouseLeave: B,
       keepSubMenuOpen: ue,
-      closeSubMenu: ce,
+      closeSubMenu: re,
       alignSubMenuWithTarget: $e
-    } = Ye({
-      activeChannelType: c,
+    } = Xe({
+      activeChannelType: r,
       showSubMenu: L,
       frozenAttribute: z,
       hoveredAttribute: O,
       hasMultipleChannels: k,
       isAttributeBlocked: g
     }), je = (t) => {
-      x.value && c.value === t || J("reset-blocked-attributes"), qe(t);
-    }, re = (t) => {
+      x.value && r.value === t || J("reset-blocked-attributes"), qe(t);
+    }, ce = (t) => {
       g(t) || Pe(t);
     };
-    Ze({
+    Ye({
       selectedChannelType: _,
       selectedChannel: $,
       channels: F,
@@ -237,19 +239,19 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
     const {
       emptyChannelsPlaceholderText: Fe,
       shouldShowEmptyChannelsPlaceholder: de
-    } = et({
+    } = Ze({
       showMenu: x,
-      activeChannelType: c,
+      activeChannelType: r,
       emptyChannelsPlaceholder: u(() => i.emptyChannelsPlaceholder ?? {}),
       getAvailableChannels: te,
       organizedContactAttributes: ie
     }), fe = u(
       () => Ne()
     ), Le = u(
-      () => L.value && O.value && fe.value.length > 0 && c.value !== "phone" && k(c.value)
+      () => L.value && O.value && fe.value.length > 0 && r.value !== "phone" && k(r.value)
     ), me = async (t, o) => {
-      const d = ze(t, o.currentTarget);
-      await he(), d instanceof HTMLElement && $e(N, d);
+      const e = ze(t, o.currentTarget);
+      await he(), e instanceof HTMLElement && $e(N, e);
     };
     return H(() => i.confirmingAttributeId, (t) => {
       t || (S.value = null);
@@ -257,182 +259,179 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
       const t = b.value;
       if (!t)
         return;
-      const o = V.value.find((d) => d.id === t);
+      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) => {
-      const d = We("CommunicationPanelCheckIcon");
-      return s(), l("div", {
-        ref_key: "panelRef",
-        ref: N,
-        class: "communication-panel"
+    }), (t, o) => (s(), l("div", {
+      ref_key: "panelRef",
+      ref: N,
+      class: "communication-panel"
+    }, [
+      c("div", {
+        ref_key: "channelsPanelRef",
+        ref: ge,
+        class: "channels-panel"
       }, [
-        f("div", {
-          ref_key: "channelsPanelRef",
-          ref: ge,
-          class: "channels-panel"
-        }, [
-          (s(!0), l(A, null, W(n(Se), (e) => {
-            var a;
-            return s(), l("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(c) === e.type
-              }]),
-              onClick: (r) => je(e.type),
-              onMouseenter: (r) => R.value = e.type,
-              onMouseleave: o[0] || (o[0] = (r) => R.value = null)
-            }, [
-              n(D)(e.type) ? (s(), l(A, { key: 0 }, [
-                P(G, {
-                  ref_for: !0,
-                  ref: (r) => {
-                    r && (p.value = r);
-                  },
-                  text: C.value ? "Выбран канал по умолчанию, можно изменить в настройках профиля" : (a = $.value) == null ? void 0 : a.title,
-                  position: "bottom-left",
-                  offset: 8,
-                  trigger: C.value ? "auto" : "hover",
-                  "auto-show-duration": C.value ? 5e3 : 0
-                }, {
-                  default: U(() => [
-                    f("span", ot, [
-                      (s(), y(I(e.component)))
-                    ])
-                  ]),
-                  _: 2
-                }, 1032, ["text", "trigger", "auto-show-duration"]),
-                o[5] || (o[5] = f("span", { class: "active-indicator" }, null, -1))
-              ], 64)) : (s(), y(G, {
-                key: 1,
-                text: n(we)(e.type),
+        (s(!0), l(A, null, W(n(Se), (e) => {
+          var a;
+          return s(), l("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
+            }]),
+            onClick: (m) => je(e.type),
+            onMouseenter: (m) => R.value = e.type,
+            onMouseleave: o[0] || (o[0] = (m) => R.value = null)
+          }, [
+            n(D)(e.type) ? (s(), l(A, { key: 0 }, [
+              P(G, {
+                ref_for: !0,
+                ref: (m) => {
+                  m && (f.value = m);
+                },
+                text: C.value ? "Выбран канал по умолчанию, можно изменить в настройках профиля" : (a = $.value) == null ? void 0 : a.title,
                 position: "bottom-left",
-                offset: 8
+                offset: 8,
+                trigger: C.value ? "auto" : "hover",
+                "auto-show-duration": C.value ? 5e3 : 0
               }, {
                 default: U(() => [
-                  f("span", st, [
+                  c("span", ot, [
                     (s(), y(I(e.component)))
                   ])
                 ]),
                 _: 2
-              }, 1032, ["text"]))
-            ], 42, nt);
-          }), 128))
-        ], 512),
-        n(x) && n(c) ? (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(c)], (e) => (s(), l(A, {
-            key: e.attributeId
-          }, [
-            Me(e) ? (s(), y(G, {
-              key: 0,
-              text: Z(e),
+              }, 1032, ["text", "trigger", "auto-show-duration"]),
+              o[5] || (o[5] = c("span", { class: "active-indicator" }, null, -1))
+            ], 64)) : (s(), y(G, {
+              key: 1,
+              text: n(we)(e.type),
               position: "bottom-left",
               offset: 8
             }, {
               default: U(() => [
-                f("div", {
-                  class: v(["attribute-item", n(ve)(e), {
-                    "frozen-hover": n(ae)(e),
-                    selected: w(e),
-                    confirming: n(ye)(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) => re(e)
-                }, [
-                  f("div", ut, [
-                    P(Ce, {
-                      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"]),
-                    f("span", ct, E(e.value), 1)
-                  ]),
-                  f("span", rt, [
-                    n(k)(n(c)) ? (s(), l("span", dt)) : T.showChannelIcons ? (s(), l("span", {
-                      key: 1,
-                      class: v(["channel-icon-small", { "menu-icon-grey": n(c) !== "sms" }])
-                    }, [
-                      (s(), y(I(n(ee)(n(c)))))
-                    ], 2)) : h("", !0)
-                  ])
-                ], 42, at)
+                c("span", st, [
+                  (s(), y(I(e.component)))
+                ])
               ]),
               _: 2
-            }, 1032, ["text"])) : (s(), l("div", {
-              key: 1,
-              class: v(["attribute-item", n(ve)(e), {
-                "frozen-hover": n(ae)(e),
-                selected: w(e),
-                confirming: n(ye)(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) => re(e)
-            }, [
-              f("div", mt, [
-                P(Ce, {
-                  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"]),
-                f("span", pt, E(e.value), 1)
-              ]),
-              f("span", ht, [
-                n(k)(n(c)) ? (s(), l("span", vt)) : T.showChannelIcons ? (s(), l("span", {
-                  key: 1,
-                  class: v(["channel-icon-small", { "menu-icon-grey": n(c) !== "sms" }])
-                }, [
-                  (s(), y(I(n(ee)(n(c)))))
-                ], 2)) : h("", !0)
-              ])
-            ], 42, ft))
-          ], 64))), 128)),
-          n(L) && Le.value ? (s(), l("div", {
-            key: 2,
-            class: "sub-menu left",
-            style: Ue({ top: n(Oe) + "px" }),
-            onMouseenter: o[3] || (o[3] = (...e) => n(ue) && n(ue)(...e)),
-            onMouseleave: o[4] || (o[4] = (...e) => n(ce) && n(ce)(...e))
+            }, 1032, ["text"]))
+          ], 42, nt);
+        }), 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, {
+          key: e.attributeId
+        }, [
+          Me(e) ? (s(), y(G, {
+            key: 0,
+            text: Z(e),
+            position: "bottom-left",
+            offset: 8
+          }, {
+            default: U(() => [
+              c("div", {
+                class: v(["attribute-item", n(ve)(e), {
+                  "frozen-hover": n(ae)(e),
+                  selected: w(e),
+                  confirming: n(ye)(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)
+              }, [
+                c("div", ut, [
+                  P(Ce, {
+                    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", ct, [
+                  n(k)(n(r)) ? (s(), l("span", dt)) : T.showChannelIcons ? (s(), l("span", {
+                    key: 1,
+                    class: v(["channel-icon-small", { "menu-icon-grey": n(r) !== "sms" }])
+                  }, [
+                    (s(), y(I(n(ee)(n(r)))))
+                  ], 2)) : h("", !0)
+                ])
+              ], 42, at)
+            ]),
+            _: 2
+          }, 1032, ["text"])) : (s(), l("div", {
+            key: 1,
+            class: v(["attribute-item", n(ve)(e), {
+              "frozen-hover": n(ae)(e),
+              selected: w(e),
+              confirming: n(ye)(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)
           }, [
-            o[6] || (o[6] = f("div", { class: "sub-menu-header" }, " Канал связи ", -1)),
-            (s(!0), l(A, null, W(fe.value, (e) => (s(), l("div", {
-              key: e.channelId,
-              class: v(["sub-menu-item", { selected: Y(e.channelId) }]),
-              onClick: (a) => n(Ee)(e.channelId)
-            }, [
-              Y(e.channelId) ? (s(), l("span", Ct, [
-                P(d)
-              ])) : h("", !0),
-              f("span", bt, E(e.title || e.channelId), 1),
-              T.showChannelIcons ? (s(), l("span", {
+            c("div", mt, [
+              P(Ce, {
+                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", ht, [
+              n(k)(n(r)) ? (s(), l("span", vt)) : T.showChannelIcons ? (s(), l("span", {
                 key: 1,
-                class: v(["sub-menu-icon", { "menu-icon-grey": n(De)(e.channelId) !== "sms" }])
+                class: v(["channel-icon-small", { "menu-icon-grey": n(r) !== "sms" }])
               }, [
-                (s(), y(I(n(xe)(e.channelId))))
+                (s(), y(I(n(ee)(n(r)))))
               ], 2)) : h("", !0)
-            ], 10, yt))), 128))
-          ], 36)) : h("", !0)
-        ])) : h("", !0)
-      ], 512);
-    };
+            ])
+          ], 42, ft))
+        ], 64))), 128)),
+        n(L) && Le.value ? (s(), l("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))
+        }, [
+          o[6] || (o[6] = c("div", { class: "sub-menu-header" }, " Канал связи ", -1)),
+          (s(!0), l(A, null, W(fe.value, (e) => (s(), l("div", {
+            key: e.channelId,
+            class: v(["sub-menu-item", { selected: Y(e.channelId) }]),
+            onClick: (a) => n(Ee)(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", {
+              key: 1,
+              class: v(["sub-menu-icon", { "menu-icon-grey": n(De)(e.channelId) !== "sms" }])
+            }, [
+              (s(), y(I(n(xe)(e.channelId))))
+            ], 2)) : h("", !0)
+          ], 10, yt))), 128))
+        ], 36)) : h("", !0)
+      ])) : h("", !0)
+    ], 512));
   }
-}, Bt = /* @__PURE__ */ tt(gt, [["__scopeId", "data-v-2f47f482"]]);
+}, Et = /* @__PURE__ */ tt(gt, [["__scopeId", "data-v-a451969d"]]);
 export {
-  Bt as default
+  Et as default
 };