@mobilon-dev/chotto 0.3.81 → 0.3.83

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

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

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

@@ -1,17 +1,17 @@
-import { computed as o, createElementBlock as i, openBlock as e, createCommentVNode as u, Fragment as y, createBlock as r, withCtx as C, createElementVNode as A, normalizeClass as p, unref as l } from "vue";
+import { computed as o, createElementBlock as i, openBlock as e, createCommentVNode as u, Fragment as v, createBlock as r, withCtx as C, createElementVNode as A, normalizeClass as p, unref as n } from "vue";
 import I from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import f from "./icons/CommunicationPanelCheckIcon.vue.js";
-import b from "./icons/CommunicationPanelConfirmSpinner.vue2.js";
+import b from "./icons/CommunicationPanelCheckIcon.vue.js";
+import k from "./icons/CommunicationPanelConfirmSpinner.vue2.js";
 import { isAttributeConfirming as S, shouldShowAttributeCheckmark as _, shouldShowBlockedIndicatorSlot as g, getAttributeCheckIndicatorClass as w, getAttributeIndicatorTooltipText as x } from "./composables/useCommunicationAttributes.js";
-const B = { class: "attribute-indicator-slot" }, T = {
+const q = { class: "attribute-indicator-slot" }, B = {
   key: 2,
   class: "blocked-indicator-mark",
   "aria-hidden": "true"
-}, q = {
+}, T = {
   key: 2,
   class: "blocked-indicator-mark",
   "aria-hidden": "true"
-}, F = {
+}, z = {
   __name: "CommunicationPanelAttributeIndicator",
   props: {
     attribute: {
@@ -37,10 +37,15 @@ const B = { class: "attribute-indicator-slot" }, T = {
       type: Object,
       required: !1,
       default: () => ({})
+    },
+    tooltipDelay: {
+      type: Number,
+      required: !1,
+      default: 600
     }
   },
-  setup(k) {
-    const t = k, s = o(() => ({
+  setup(s) {
+    const t = s, d = o(() => ({
       isSelected: t.isSelected,
       confirmingAttributeId: t.confirmingAttributeId,
       blockedAttributeIds: t.blockedAttributeIds ?? []
@@ -48,41 +53,43 @@ const B = { class: "attribute-indicator-slot" }, T = {
       () => S(t.attribute, t.confirmingAttributeId)
     ), c = o(
       () => _(t.attribute, t.isSelected)
-    ), n = o(
-      () => g(t.attribute, s.value)
-    ), h = o(() => a.value || c.value), v = o(() => h.value || n.value), d = o(() => a.value ? "confirming-indicator" : n.value ? "blocked-indicator" : w(t.attribute, t.isSelected) ?? ""), m = o(
+    ), l = o(
+      () => g(t.attribute, d.value)
+    ), h = o(() => a.value || c.value), y = o(() => h.value || l.value), m = o(() => a.value ? "confirming-indicator" : l.value ? "blocked-indicator" : w(t.attribute, t.isSelected) ?? ""), f = o(
       () => x(
         t.attribute,
         t.indicatorTooltips,
-        s.value
+        d.value
       )
     );
-    return (P, j) => (e(), i("span", B, [
-      v.value ? (e(), i(y, { key: 0 }, [
-        m.value ? (e(), r(I, {
+    return (N, P) => (e(), i("span", q, [
+      y.value ? (e(), i(v, { key: 0 }, [
+        f.value ? (e(), r(I, {
           key: 0,
-          text: m.value,
+          text: f.value,
           position: "bottom-left",
-          offset: 8
+          offset: 8,
+          delay: s.tooltipDelay,
+          "hide-on-click": ""
         }, {
           default: C(() => [
             A("span", {
-              class: p(d.value)
+              class: p(m.value)
             }, [
-              a.value ? (e(), r(l(b), { key: 0 })) : c.value ? (e(), r(l(f), { key: 1 })) : n.value ? (e(), i("span", T)) : u("", !0)
+              a.value ? (e(), r(n(k), { key: 0 })) : c.value ? (e(), r(n(b), { key: 1 })) : l.value ? (e(), i("span", B)) : u("", !0)
             ], 2)
           ]),
           _: 1
-        }, 8, ["text"])) : (e(), i("span", {
+        }, 8, ["text", "delay"])) : (e(), i("span", {
           key: 1,
-          class: p(d.value)
+          class: p(m.value)
         }, [
-          a.value ? (e(), r(l(b), { key: 0 })) : c.value ? (e(), r(l(f), { key: 1 })) : n.value ? (e(), i("span", q)) : u("", !0)
+          a.value ? (e(), r(n(k), { key: 0 })) : c.value ? (e(), r(n(b), { key: 1 })) : l.value ? (e(), i("span", T)) : u("", !0)
         ], 2))
       ], 64)) : u("", !0)
     ]));
   }
 };
 export {
-  F as default
+  z as default
 };

package/dist/components/2_chatinput_elements/FilePreview/FilePreview.vue.js

@@ -1,7 +1,7 @@
 import o from "./FilePreview.vue2.js";
 /* empty css                 */
 import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b83aa92d"]]);
+const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-94cf2f67"]]);
 export {
   i as default
 };