@mobilon-dev/chotto 0.3.75 → 0.3.77

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

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