@mobilon-dev/chotto 0.3.84 → 0.3.86

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

@@ -1,31 +1,31 @@
-import { ref as m, computed as a, watch as j, onMounted as at, onUnmounted as it, createElementBlock as u, openBlock as l, createCommentVNode as y, unref as n, Fragment as w, renderList as te, normalizeClass as g, createBlock as v, createVNode as ne, createElementVNode as d, withCtx as oe, resolveDynamicComponent as _, toDisplayString as z, normalizeStyle as ut, nextTick as le } from "vue";
+import { ref as m, computed as a, watch as z, onMounted as ct, onUnmounted as dt, createElementBlock as u, openBlock as l, createCommentVNode as y, unref as n, Fragment as w, renderList as te, normalizeClass as k, createBlock as v, createVNode as ne, createElementVNode as d, withCtx as oe, resolveDynamicComponent as D, toDisplayString as F, normalizeStyle as ft, nextTick as le } from "vue";
 import se from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useCommunicationChannels as rt } from "./composables/useCommunicationChannels.js";
-import { useCommunicationMenu as ct } from "./composables/useCommunicationMenu.js";
-import { useCommunicationAttributes as dt, isAttributeBlocked as ft, getAttributeStatusClass as Re, isAttributeConfirming as qe, getSubMenuChannelIndicatorType as pt, getSubMenuChannelIndicatorClass as mt } from "./composables/useCommunicationAttributes.js";
-import { useCommunicationActions as vt } from "./composables/useCommunicationActions.js";
-import { useCommunicationSubMenu as ht } from "./composables/useCommunicationSubMenu.js";
-import { useCommunicationDialogSync as yt } from "./composables/useCommunicationDialogSync.js";
-import { useCommunicationPlaceholder as Ct } from "./composables/useCommunicationPlaceholder.js";
-import Pe from "./CommunicationPanelAttributeIndicator.vue.js";
-import bt from "./icons/CommunicationPanelCheckIcon.vue.js";
-import gt from "./icons/CommunicationPanelUnconfirmedIcon.vue.js";
-import kt from "./icons/CommunicationPanelConfirmSpinner.vue.js";
-import It from "../../../_virtual/_plugin-vue_export-helper.js";
+import { useCommunicationChannels as pt } from "./composables/useCommunicationChannels.js";
+import { useCommunicationMenu as mt } from "./composables/useCommunicationMenu.js";
+import { useCommunicationAttributes as vt, isAttributeBlocked as ht, getAttributeStatusClass as Re, isAttributeConfirming as qe, getSubMenuChannelIndicatorType as yt, getSubMenuChannelIndicatorClass as Ct } from "./composables/useCommunicationAttributes.js";
+import { useCommunicationActions as bt } from "./composables/useCommunicationActions.js";
+import { useCommunicationSubMenu as gt } from "./composables/useCommunicationSubMenu.js";
+import { useCommunicationDialogSync as kt } from "./composables/useCommunicationDialogSync.js";
+import { useCommunicationPlaceholder as It } from "./composables/useCommunicationPlaceholder.js";
+import xe from "./CommunicationPanelAttributeIndicator.vue.js";
+import At from "./icons/CommunicationPanelCheckIcon.vue.js";
+import Tt from "./icons/CommunicationPanelUnconfirmedIcon.vue.js";
+import Mt from "./icons/CommunicationPanelConfirmSpinner.vue.js";
+import St from "../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                        */
-const At = ["data-channel-type", "onClick", "onMouseenter"], Tt = { class: "channel-icon" }, Mt = { class: "channel-icon" }, St = {
+const wt = ["data-channel-type", "onClick", "onMouseenter"], Dt = { class: "channel-icon" }, _t = { class: "channel-icon" }, Rt = {
   key: 1,
   class: "attributes-menu"
-}, wt = {
+}, qt = {
   key: 0,
   class: "empty-channels-placeholder"
-}, _t = ["data-attribute-status", "onMouseenter", "onClick"], Dt = { class: "attribute-info" }, Rt = { class: "attribute-value" }, qt = { class: "menu-icon" }, Pt = {
+}, xt = ["data-attribute-status", "onMouseenter", "onClick"], Ot = { class: "attribute-info" }, Pt = { class: "attribute-value" }, Bt = { class: "menu-icon" }, Nt = {
   key: 0,
   class: "menu-icon-arrow"
-}, xt = ["data-attribute-status", "onMouseenter", "onClick"], Ot = { class: "attribute-info" }, Bt = { class: "attribute-value" }, Nt = { class: "menu-icon" }, Et = {
+}, Et = ["data-attribute-status", "onMouseenter", "onClick"], $t = { class: "attribute-info" }, jt = { class: "attribute-value" }, zt = { class: "menu-icon" }, Ft = {
   key: 0,
   class: "menu-icon-arrow"
-}, $t = ["onClick"], jt = { class: "sub-menu-indicator-slot" }, zt = { class: "sub-menu-title" }, Ft = {
+}, Lt = ["onClick"], Ut = { class: "sub-menu-indicator-slot" }, Vt = { class: "sub-menu-title" }, Wt = {
   __name: "CommunicationPanel",
   props: {
     contactAttributes: {
@@ -136,13 +136,13 @@ const At = ["data-channel-type", "onClick", "onMouseenter"], Tt = { class: "chan
     "phone-call",
     "reset-blocked-attributes"
   ],
-  setup(h, { emit: xe }) {
-    const i = h, ae = xe, F = m(null), Oe = m(null), D = m(null), R = m(null), T = m(null), L = m({}), V = m(null), A = m(!1), q = m(null), C = m(null), P = m(null), k = a(
-      () => i.confirmingAttributeId ?? P.value
-    ), W = a(() => i.blockedAttributeIds ?? []), M = (e) => ft(e, W.value), H = a(() => i.channels ?? []), Be = a(() => i.channelOrder), Ne = a(() => i.visibleChannelTypes), Ee = a(() => i.channelTooltips ?? {}), $e = a(() => i.attributeTooltips ?? {}), ie = a(() => i.attributeIndicatorTooltips ?? {}), ue = a(() => i.recentAttributeChannels ?? {}), re = a(() => i.messages ?? []), je = a(() => i.selectedChat ?? null), ce = a(() => i.isNewDialog ?? !1), de = a(() => {
+  setup(h, { expose: Oe, emit: Pe }) {
+    const i = h, ae = Pe, L = m(null), Be = m(null), _ = m(null), R = m(null), T = m(null), U = m({}), V = m(null), A = m(!1), q = m(null), C = m(null), x = m(null), b = a(
+      () => i.confirmingAttributeId ?? x.value
+    ), W = a(() => i.blockedAttributeIds ?? []), M = (e) => ht(e, W.value), H = a(() => i.channels ?? []), Ne = a(() => i.channelOrder), Ee = a(() => i.visibleChannelTypes), $e = a(() => i.channelTooltips ?? {}), je = a(() => i.attributeTooltips ?? {}), ie = a(() => i.attributeIndicatorTooltips ?? {}), ue = a(() => i.recentAttributeChannels ?? {}), re = a(() => i.messages ?? []), ze = a(() => i.selectedChat ?? null), ce = a(() => i.isNewDialog ?? !1), de = a(() => {
       var e;
       return ((e = i.selectedDialog) == null ? void 0 : e.channelId) ?? null;
-    }), x = (e, o) => {
+    }), O = (e, o) => {
       if (!o || !e)
         return !1;
       const t = e.id ?? e.attributeId;
@@ -151,85 +151,88 @@ const At = ["data-channel-type", "onClick", "onMouseenter"], Tt = { class: "chan
       const s = o.includes(".") ? o.split(".").pop() : o;
       return o === t || t === s || t.endsWith(`.${s}`);
     }, fe = (e) => {
-      const o = $e.value, t = (e == null ? void 0 : e.attributeId) ?? (e == null ? void 0 : e.id);
+      const o = je.value, t = (e == null ? void 0 : e.attributeId) ?? (e == null ? void 0 : e.id);
       if (t != null) {
         const s = o[String(t)];
         if (s)
           return s;
       }
       return e != null && e.value ? o[String(e.value)] ?? "" : "";
-    }, ze = (e) => !!fe(e), {
-      panelChannelTypes: Fe,
+    }, Fe = (e) => !!fe(e), {
+      panelChannelTypes: Le,
       channelsTypes: pe,
-      getTooltipText: Le,
+      getTooltipText: Ue,
       getChannelTypeFromId: Ve,
       hasMultipleChannels: S,
-      isChannelActive: O,
+      isChannelActive: P,
       getSingleChannelForType: We,
       getMenuChannelIconComponentForChannelId: He,
       getSingleMenuChannelIconComponent: me,
       getAvailableChannels: ve
-    } = rt({
+    } = pt({
       channels: H,
-      channelTooltips: Ee,
-      channelOrder: Be,
-      visibleChannelTypes: Ne,
+      channelTooltips: $e,
+      channelOrder: Ne,
+      visibleChannelTypes: Ee,
       selectedChannelType: T
     }), {
       activeChannelType: r,
       hoveredChannel: B,
-      showMenu: b,
-      showSubMenu: U,
-      handleChannelClick: Ue,
-      openMenu: Ge,
-      closeMenu: G,
+      showMenu: g,
+      showSubMenu: G,
+      retainOpenUntilDismiss: Ge,
+      handleChannelClick: Je,
+      openMenu: Ke,
+      closeMenu: N,
+      pinMenuOpen: Qe,
+      armOutsideClickSuppression: Xe,
       handleClickOutside: he
-    } = ct({
-      panelRef: F,
+    } = mt({
+      panelRef: L,
       selectedChannelType: T,
       frozenAttribute: R
     }), J = a(() => {
       var e;
       return ((e = i.selectedDialog) == null ? void 0 : e.attributeId) ?? null;
     }), ye = a(() => {
-      if (!b.value || !r.value)
+      if (!g.value || !r.value)
         return null;
       const e = V.value;
       return e && e.channelType === r.value ? e : null;
     }), K = (e) => {
-      var De;
+      var _e;
       const o = typeof e == "string" ? e : e == null ? void 0 : e.channelId, t = typeof e == "object" && e != null ? e.backendChannelId : void 0, s = (p, ee) => !p || !ee ? !1 : !!(p === ee || t && (p === t || ee === t)), c = ye.value;
       if (c != null && c.channelId && s(c.channelId, o))
         return !0;
       const f = r.value, I = Q.value;
-      if (b.value && f && I) {
-        const p = (De = ue.value) == null ? void 0 : De[f];
-        if (p != null && p.channelId && (p != null && p.attributeId) && x(I, p.attributeId) && s(p.channelId, o))
+      if (g.value && f && I) {
+        const p = (_e = ue.value) == null ? void 0 : _e[f];
+        if (p != null && p.channelId && (p != null && p.attributeId) && O(I, p.attributeId) && s(p.channelId, o))
           return !0;
       }
-      return b.value && f && I && J.value && x(I, J.value) && s(de.value, o) ? !0 : s(de.value, o);
-    }, N = (e) => {
+      return g.value && f && I && J.value && O(I, J.value) && s(de.value, o) ? !0 : s(de.value, o);
+    }, E = (e) => {
       const o = ye.value;
-      return o != null && o.attributeId ? x(e, o.attributeId) : x(e, J.value);
-    }, Q = a(() => D.value ?? R.value ?? null), Ce = (e) => {
+      return o != null && o.attributeId ? O(e, o.attributeId) : O(e, J.value);
+    }, Q = a(() => _.value ?? R.value ?? null), Ce = (e) => {
       const o = e == null ? void 0 : e.backendChannelId;
       return o ? [o] : [];
-    }, X = (e) => pt(
+    }, X = (e) => yt(
       Q.value,
       e.channelId,
       K(e),
-      k.value,
+      b.value,
       Ce(e)
-    ), Je = (e) => mt(
+    ), Ye = (e) => Ct(
       Q.value,
       e.channelId,
       K(e),
-      k.value,
+      b.value,
       Ce(e)
     ) ?? "", Y = a(() => i.contactAttributes ?? []), be = (e) => {
       var c;
       if (!e || !re.value) return !0;
-      const o = (c = je.value) == null ? void 0 : c.chatId;
+      const o = (c = ze.value) == null ? void 0 : c.chatId;
       return o ? !re.value.filter(
         (f) => {
           var I;
@@ -239,13 +242,13 @@ const At = ["data-channel-type", "onClick", "onMouseenter"], Tt = { class: "chan
         (f) => f.type !== "message.system" && f.type !== "message.delimiter" && f.type !== "system" && f.type !== "system_message" && f.type !== "notification"
       ) : !0;
     }, ge = () => {
-      E(), A.value = !0, le(() => {
+      $(), A.value = !0, le(() => {
         const e = Array.isArray(C.value) ? C.value[0] : C.value;
         e && typeof e.startAutoShow == "function" ? e.startAutoShow() : console.log("startAutoShow method not found on tooltipRef");
       }), q.value = setTimeout(() => {
         A.value = !1;
       }, 5e3);
-    }, E = () => {
+    }, $ = () => {
       if (q.value && (clearTimeout(q.value), q.value = null), C.value) {
         const e = Array.isArray(C.value) ? C.value[0] : C.value;
         e && typeof e.clearAutoTimer == "function" && e.clearAutoTimer();
@@ -253,119 +256,125 @@ const At = ["data-channel-type", "onClick", "onMouseenter"], Tt = { class: "chan
       A.value = !1;
     }, {
       organizedContactAttributes: Z,
-      organizeContactAttributes: Ke,
+      organizeContactAttributes: Ze,
       isAttributeFrozen: ke
-    } = dt({
+    } = vt({
       contactAttributes: Y,
-      panelChannelTypes: Fe,
+      panelChannelTypes: Le,
       frozenAttribute: R
     }), {
-      handleAttributeClick: Qe,
-      selectChannel: Xe,
-      availableChannels: Ye,
-      applyRecentChannelButtonSelection: Ze,
+      handleAttributeClick: et,
+      selectChannel: tt,
+      availableChannels: nt,
+      applyRecentChannelButtonSelection: ot,
       clearPanelPendingSelection: Ie
-    } = vt({
+    } = bt({
       activeChannelType: r,
       channels: H,
-      selectedChannel: L,
+      selectedChannel: U,
       selectedChannelType: T,
-      hoveredAttribute: D,
-      confirmingAttributeId: P,
+      hoveredAttribute: _,
+      confirmingAttributeId: x,
       isAttributeBlocked: M,
-      closeMenu: G,
+      closeMenu: N,
+      pinMenuOpen: Qe,
       hasMultipleChannels: S,
       getSingleChannelForType: We,
       getAvailableChannels: ve,
       isChannelEmpty: be,
       isNewDialog: ce,
       showDefaultChannelTooltipWithTimer: ge,
-      clearDefaultChannelTooltip: E,
+      clearDefaultChannelTooltip: $,
       emit: ae,
       panelPendingSelection: V
     }), {
-      subMenuTop: et,
-      handleAttributeMouseEnter: tt,
-      handleAttributeMouseLeave: $,
+      subMenuTop: lt,
+      handleAttributeMouseEnter: st,
+      handleAttributeMouseLeave: j,
       keepSubMenuOpen: Ae,
       closeSubMenu: Te,
-      alignSubMenuWithTarget: nt
-    } = ht({
+      alignSubMenuWithTarget: at
+    } = gt({
       activeChannelType: r,
-      showSubMenu: U,
+      showSubMenu: G,
       frozenAttribute: R,
-      hoveredAttribute: D,
+      hoveredAttribute: _,
+      confirmingAttributeId: b,
+      retainOpenUntilDismiss: Ge,
       hasMultipleChannels: S,
       isAttributeBlocked: M
-    }), ot = async (e) => {
-      if (b.value && r.value === e) {
-        G();
+    }), it = async (e) => {
+      if (g.value && r.value === e) {
+        N();
         return;
       }
       ae("reset-blocked-attributes");
       const t = T.value !== e;
-      Ue(e), t ? (Ze(
+      Je(e), t ? (ot(
         e,
         ue.value,
         Z.value
-      ), await le(), Ge(e)) : V.value = null;
+      ), await le(), Ke(e)) : V.value = null;
     };
-    j(b, (e) => {
+    z(g, (e) => {
       e || Ie();
     });
     const Me = (e) => {
-      M(e) || Qe(e);
+      M(e) || et(e);
     };
-    yt({
+    kt({
       selectedChannelType: T,
-      selectedChannel: L,
+      selectedChannel: U,
       channels: H,
       selectedDialog: a(() => i.selectedDialog ?? null),
       isChannelEmpty: be,
       isNewDialog: ce,
       showDefaultChannelTooltipWithTimer: ge,
-      clearDefaultChannelTooltip: E
+      clearDefaultChannelTooltip: $
     });
     const {
-      emptyChannelsPlaceholderText: lt,
+      emptyChannelsPlaceholderText: ut,
       shouldShowEmptyChannelsPlaceholder: Se
-    } = Ct({
-      showMenu: b,
+    } = It({
+      showMenu: g,
       activeChannelType: r,
       emptyChannelsPlaceholder: a(() => i.emptyChannelsPlaceholder ?? {}),
       getAvailableChannels: ve,
       organizedContactAttributes: Z
     }), we = a(
-      () => Ye()
-    ), st = a(
-      () => U.value && D.value && we.value.length > 0 && r.value !== "phone" && S(r.value)
-    ), _e = async (e, o) => {
-      const t = tt(e, o.currentTarget);
-      await le(), t instanceof HTMLElement && nt(F, t);
+      () => nt()
+    ), rt = a(
+      () => G.value && _.value && we.value.length > 0 && r.value !== "phone" && S(r.value)
+    ), De = async (e, o) => {
+      const t = st(e, o.currentTarget);
+      await le(), t instanceof HTMLElement && at(L, t);
     };
-    return j(() => i.confirmingAttributeId, (e) => {
-      e || (P.value = null);
-    }), j(Y, () => {
-      const e = k.value;
+    return z(() => i.confirmingAttributeId, (e, o) => {
+      e || (x.value = null, o && Xe());
+    }), z(Y, () => {
+      const e = b.value;
       if (!e)
         return;
       const o = Y.value.find((t) => t.id === e);
-      (o == null ? void 0 : o.status) === "confirmed" && (P.value = null, G());
-    }, { deep: !0 }), j(() => i.selectedDialog, () => {
+      (o == null ? void 0 : o.status) === "confirmed" && (x.value = null, N());
+    }, { deep: !0 }), z(() => i.selectedDialog, () => {
       Ie();
-    }, { deep: !0 }), at(() => {
-      document.addEventListener("click", he), Ke();
-    }), it(() => {
-      document.removeEventListener("click", he), E();
+    }, { deep: !0 }), ct(() => {
+      document.addEventListener("click", he), Ze();
+    }), dt(() => {
+      document.removeEventListener("click", he), $();
+    }), Oe({
+      /** Снять pin и закрыть оба меню (вызывать с host при ОК на splash). */
+      closeMenu: N
     }), (e, o) => (l(), u("div", {
       ref_key: "panelRef",
-      ref: F,
+      ref: L,
       class: "communication-panel"
     }, [
       n(pe).length ? (l(), u("div", {
         key: 0,
         ref_key: "channelsPanelRef",
-        ref: Oe,
+        ref: Be,
         class: "channels-panel"
       }, [
         (l(!0), u(w, null, te(n(pe), (t) => {
@@ -373,22 +382,22 @@ const At = ["data-channel-type", "onClick", "onMouseenter"], Tt = { class: "chan
           return l(), u("button", {
             key: t.type,
             "data-channel-type": t.type,
-            class: g(["channel-btn", {
-              active: n(O)(t.type),
-              hover: n(B) === t.type && !n(O)(t.type) || n(B) === t.type && n(O)(t.type),
-              menuOpen: n(b) && n(r) === t.type
+            class: k(["channel-btn", {
+              active: n(P)(t.type),
+              hover: n(B) === t.type && !n(P)(t.type) || n(B) === t.type && n(P)(t.type),
+              menuOpen: n(g) && n(r) === t.type
             }]),
-            onClick: (c) => ot(t.type),
+            onClick: (c) => it(t.type),
             onMouseenter: (c) => B.value = t.type,
             onMouseleave: o[0] || (o[0] = (c) => B.value = null)
           }, [
-            n(O)(t.type) ? (l(), u(w, { key: 0 }, [
+            n(P)(t.type) ? (l(), u(w, { key: 0 }, [
               ne(se, {
                 ref_for: !0,
                 ref: (c) => {
                   c && (C.value = c);
                 },
-                text: A.value ? "Выбран канал по умолчанию, можно изменить в настройках профиля" : (s = L.value) == null ? void 0 : s.title,
+                text: A.value ? "Выбран канал по умолчанию, можно изменить в настройках профиля" : (s = U.value) == null ? void 0 : s.title,
                 position: "bottom-left",
                 offset: 8,
                 delay: h.tooltipDelay,
@@ -397,8 +406,8 @@ const At = ["data-channel-type", "onClick", "onMouseenter"], Tt = { class: "chan
                 "auto-show-duration": A.value ? 5e3 : 0
               }, {
                 default: oe(() => [
-                  d("span", Tt, [
-                    (l(), v(_(t.component)))
+                  d("span", Dt, [
+                    (l(), v(D(t.component)))
                   ])
                 ]),
                 _: 2
@@ -406,28 +415,28 @@ const At = ["data-channel-type", "onClick", "onMouseenter"], Tt = { class: "chan
               o[5] || (o[5] = d("span", { class: "active-indicator" }, null, -1))
             ], 64)) : (l(), v(se, {
               key: 1,
-              text: n(Le)(t.type),
+              text: n(Ue)(t.type),
               position: "bottom-left",
               offset: 8,
               delay: h.tooltipDelay,
               "hide-on-click": ""
             }, {
               default: oe(() => [
-                d("span", Mt, [
-                  (l(), v(_(t.component)))
+                d("span", _t, [
+                  (l(), v(D(t.component)))
                 ])
               ]),
               _: 2
             }, 1032, ["text", "delay"]))
-          ], 42, At);
+          ], 42, wt);
         }), 128))
       ], 512)) : y("", !0),
-      n(b) && n(r) ? (l(), u("div", St, [
-        n(Se) ? (l(), u("div", wt, z(n(lt)), 1)) : y("", !0),
+      n(g) && n(r) ? (l(), u("div", Rt, [
+        n(Se) ? (l(), u("div", qt, F(n(ut)), 1)) : y("", !0),
         n(Se) ? y("", !0) : (l(!0), u(w, { key: 1 }, te(n(Z)[n(r)], (t) => (l(), u(w, {
           key: t.attributeId
         }, [
-          ze(t) ? (l(), v(se, {
+          Fe(t) ? (l(), v(se, {
             key: 0,
             text: fe(t),
             position: "bottom-left",
@@ -437,107 +446,107 @@ const At = ["data-channel-type", "onClick", "onMouseenter"], Tt = { class: "chan
           }, {
             default: oe(() => [
               d("div", {
-                class: g(["attribute-item", n(Re)(t), {
+                class: k(["attribute-item", n(Re)(t), {
                   "frozen-hover": n(ke)(t),
-                  selected: N(t),
-                  confirming: n(qe)(t, k.value),
+                  selected: E(t),
+                  confirming: n(qe)(t, b.value),
                   blocked: M(t)
                 }]),
                 "data-attribute-status": t.status,
-                onMouseenter: (s) => _e(t, s),
-                onMouseleave: o[1] || (o[1] = (...s) => n($) && n($)(...s)),
+                onMouseenter: (s) => De(t, s),
+                onMouseleave: o[1] || (o[1] = (...s) => n(j) && n(j)(...s)),
                 onClick: (s) => Me(t)
               }, [
-                d("div", Dt, [
-                  ne(Pe, {
+                d("div", Ot, [
+                  ne(xe, {
                     attribute: t,
-                    "is-selected": N(t),
-                    "confirming-attribute-id": k.value,
+                    "is-selected": E(t),
+                    "confirming-attribute-id": b.value,
                     "blocked-attribute-ids": W.value,
                     "indicator-tooltips": ie.value,
                     "tooltip-delay": h.tooltipDelay
                   }, null, 8, ["attribute", "is-selected", "confirming-attribute-id", "blocked-attribute-ids", "indicator-tooltips", "tooltip-delay"]),
-                  d("span", Rt, z(t.value), 1)
+                  d("span", Pt, F(t.value), 1)
                 ]),
-                d("span", qt, [
-                  n(S)(n(r)) ? (l(), u("span", Pt)) : h.showChannelIcons ? (l(), u("span", {
+                d("span", Bt, [
+                  n(S)(n(r)) ? (l(), u("span", Nt)) : h.showChannelIcons ? (l(), u("span", {
                     key: 1,
-                    class: g(["channel-icon-small", { "menu-icon-grey": n(r) !== "sms" }])
+                    class: k(["channel-icon-small", { "menu-icon-grey": n(r) !== "sms" }])
                   }, [
-                    (l(), v(_(n(me)(n(r)))))
+                    (l(), v(D(n(me)(n(r)))))
                   ], 2)) : y("", !0)
                 ])
-              ], 42, _t)
+              ], 42, xt)
             ]),
             _: 2
           }, 1032, ["text", "delay"])) : (l(), u("div", {
             key: 1,
-            class: g(["attribute-item", n(Re)(t), {
+            class: k(["attribute-item", n(Re)(t), {
               "frozen-hover": n(ke)(t),
-              selected: N(t),
-              confirming: n(qe)(t, k.value),
+              selected: E(t),
+              confirming: n(qe)(t, b.value),
               blocked: M(t)
             }]),
             "data-attribute-status": t.status,
-            onMouseenter: (s) => _e(t, s),
-            onMouseleave: o[2] || (o[2] = (...s) => n($) && n($)(...s)),
+            onMouseenter: (s) => De(t, s),
+            onMouseleave: o[2] || (o[2] = (...s) => n(j) && n(j)(...s)),
             onClick: (s) => Me(t)
           }, [
-            d("div", Ot, [
-              ne(Pe, {
+            d("div", $t, [
+              ne(xe, {
                 attribute: t,
-                "is-selected": N(t),
-                "confirming-attribute-id": k.value,
+                "is-selected": E(t),
+                "confirming-attribute-id": b.value,
                 "blocked-attribute-ids": W.value,
                 "indicator-tooltips": ie.value,
                 "tooltip-delay": h.tooltipDelay
               }, null, 8, ["attribute", "is-selected", "confirming-attribute-id", "blocked-attribute-ids", "indicator-tooltips", "tooltip-delay"]),
-              d("span", Bt, z(t.value), 1)
+              d("span", jt, F(t.value), 1)
             ]),
-            d("span", Nt, [
-              n(S)(n(r)) ? (l(), u("span", Et)) : h.showChannelIcons ? (l(), u("span", {
+            d("span", zt, [
+              n(S)(n(r)) ? (l(), u("span", Ft)) : h.showChannelIcons ? (l(), u("span", {
                 key: 1,
-                class: g(["channel-icon-small", { "menu-icon-grey": n(r) !== "sms" }])
+                class: k(["channel-icon-small", { "menu-icon-grey": n(r) !== "sms" }])
               }, [
-                (l(), v(_(n(me)(n(r)))))
+                (l(), v(D(n(me)(n(r)))))
               ], 2)) : y("", !0)
             ])
-          ], 42, xt))
+          ], 42, Et))
         ], 64))), 128)),
-        n(U) && st.value ? (l(), u("div", {
+        n(G) && rt.value ? (l(), u("div", {
           key: 2,
           class: "sub-menu left",
-          style: ut({ top: n(et) + "px" }),
+          style: ft({ top: n(lt) + "px" }),
           onMouseenter: o[3] || (o[3] = (...t) => n(Ae) && n(Ae)(...t)),
           onMouseleave: o[4] || (o[4] = (...t) => n(Te) && n(Te)(...t))
         }, [
           o[6] || (o[6] = d("div", { class: "sub-menu-header" }, " Канал связи ", -1)),
           (l(!0), u(w, null, te(we.value, (t) => (l(), u("div", {
             key: t.channelId,
-            class: g(["sub-menu-item", { selected: K(t) }]),
-            onClick: (s) => n(Xe)(t.channelId)
+            class: k(["sub-menu-item", { selected: K(t) }]),
+            onClick: (s) => n(tt)(t.channelId)
           }, [
-            d("span", jt, [
+            d("span", Ut, [
               X(t) ? (l(), u("span", {
                 key: 0,
-                class: g(Je(t))
+                class: k(Ye(t))
               }, [
-                X(t) === "spinner" ? (l(), v(n(kt), { key: 0 })) : X(t) === "unconfirmed" ? (l(), v(n(gt), { key: 1 })) : (l(), v(n(bt), { key: 2 }))
+                X(t) === "spinner" ? (l(), v(n(Mt), { key: 0 })) : X(t) === "unconfirmed" ? (l(), v(n(Tt), { key: 1 })) : (l(), v(n(At), { key: 2 }))
               ], 2)) : y("", !0)
             ]),
-            d("span", zt, z(t.title || t.channelId), 1),
+            d("span", Vt, F(t.title || t.channelId), 1),
             h.showChannelIcons ? (l(), u("span", {
               key: 0,
-              class: g(["sub-menu-icon", { "menu-icon-grey": n(Ve)(t.channelId) !== "sms" }])
+              class: k(["sub-menu-icon", { "menu-icon-grey": n(Ve)(t.channelId) !== "sms" }])
             }, [
-              (l(), v(_(n(He)(t.channelId))))
+              (l(), v(D(n(He)(t.channelId))))
             ], 2)) : y("", !0)
-          ], 10, $t))), 128))
+          ], 10, Lt))), 128))
         ], 36)) : y("", !0)
       ])) : y("", !0)
     ], 512));
   }
-}, on = /* @__PURE__ */ It(Ft, [["__scopeId", "data-v-d02b223f"]]);
+}, un = /* @__PURE__ */ St(Wt, [["__scopeId", "data-v-bcd57170"]]);
 export {
-  on as default
+  un as default
 };