@mobilon-dev/chotto 0.3.59 → 0.3.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,28 +1,34 @@
1
- import { ref as d, computed as i, watch as Pe, onMounted as Ne, onUnmounted as qe, createElementBlock as l, openBlock as o, createElementVNode as r, createCommentVNode as f, Fragment as w, renderList as z, unref as e, normalizeClass as v, createBlock as C, createVNode as L, withCtx as te, resolveDynamicComponent as _, normalizeStyle as ne, toDisplayString as O, nextTick as oe } from "vue";
2
- import se from "../../1_atoms/Tooltip/Tooltip.vue.js";
3
- import { useCommunicationChannels as ze } from "./composables/useCommunicationChannels.js";
4
- import { useCommunicationMenu as Le } from "./composables/useCommunicationMenu.js";
5
- import { useCommunicationAttributes as Oe } from "./composables/useCommunicationAttributes.js";
6
- import { useCommunicationActions as Be } from "./composables/useCommunicationActions.js";
7
- import { useCommunicationSubMenu as Fe } from "./composables/useCommunicationSubMenu.js";
8
- import { useCommunicationDialogSync as $e } from "./composables/useCommunicationDialogSync.js";
9
- import { useCommunicationPlaceholder as je } from "./composables/useCommunicationPlaceholder.js";
10
- import le from "./icons/CommunicationPanelCheckIcon.vue.js";
11
- import We from "../../../_virtual/_plugin-vue_export-helper.js";
1
+ 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";
2
+ import F from "../../1_atoms/Tooltip/Tooltip.vue.js";
3
+ import { useCommunicationChannels as Le } from "./composables/useCommunicationChannels.js";
4
+ import { useCommunicationMenu as $e } from "./composables/useCommunicationMenu.js";
5
+ import { useCommunicationAttributes as je } from "./composables/useCommunicationAttributes.js";
6
+ import { useCommunicationActions as Fe } from "./composables/useCommunicationActions.js";
7
+ import { useCommunicationSubMenu as We } from "./composables/useCommunicationSubMenu.js";
8
+ import { useCommunicationDialogSync as Ve } from "./composables/useCommunicationDialogSync.js";
9
+ import { useCommunicationPlaceholder as He } from "./composables/useCommunicationPlaceholder.js";
10
+ import W from "./icons/CommunicationPanelCheckIcon.vue.js";
11
+ import Ue from "../../../_virtual/_plugin-vue_export-helper.js";
12
12
  /* empty css */
13
- const Ve = ["onClick", "onMouseenter"], He = { class: "channel-icon" }, Ue = { class: "channel-icon" }, Ge = {
13
+ const Ge = ["onClick", "onMouseenter"], Je = { class: "channel-icon" }, Ke = { class: "channel-icon" }, Qe = {
14
14
  key: 0,
15
15
  class: "empty-channels-placeholder"
16
- }, Je = ["onMouseenter", "onClick"], Ke = { class: "attribute-info" }, Qe = { class: "attribute-indicator-slot" }, Xe = {
16
+ }, Xe = ["onMouseenter", "onClick"], Ye = { class: "attribute-info" }, Ze = { class: "attribute-indicator-slot" }, et = {
17
17
  key: 0,
18
18
  class: "selected-indicator"
19
- }, Ye = { class: "attribute-value" }, Ze = { class: "menu-icon" }, et = {
19
+ }, tt = { class: "attribute-value" }, nt = { class: "menu-icon" }, ot = {
20
20
  key: 0,
21
21
  class: "menu-icon-arrow"
22
- }, tt = ["onClick"], nt = {
22
+ }, st = ["onMouseenter", "onClick"], lt = { class: "attribute-info" }, at = { class: "attribute-indicator-slot" }, it = {
23
23
  key: 0,
24
24
  class: "selected-indicator"
25
- }, ot = { class: "sub-menu-title" }, st = {
25
+ }, ut = { class: "attribute-value" }, ct = { class: "menu-icon" }, rt = {
26
+ key: 0,
27
+ class: "menu-icon-arrow"
28
+ }, dt = ["onClick"], pt = {
29
+ key: 0,
30
+ class: "selected-indicator"
31
+ }, mt = { class: "sub-menu-title" }, ht = {
26
32
  __name: "CommunicationPanel",
27
33
  props: {
28
34
  contactAttributes: {
@@ -45,6 +51,11 @@ const Ve = ["onClick", "onMouseenter"], He = { class: "channel-icon" }, Ue = { c
45
51
  required: !1,
46
52
  default: () => ({})
47
53
  },
54
+ attributeTooltips: {
55
+ type: Object,
56
+ required: !1,
57
+ default: () => ({})
58
+ },
48
59
  messages: {
49
60
  type: Array,
50
61
  required: !1,
@@ -72,260 +83,307 @@ const Ve = ["onClick", "onMouseenter"], He = { class: "channel-icon" }, Ue = { c
72
83
  }
73
84
  },
74
85
  emits: ["select-attribute-channel", "phone-call"],
75
- setup(I, { emit: ae }) {
76
- const a = I, ie = ae, S = d(null), B = d(null), D = d(null), R = d(null), b = d(null), x = d({}), y = d(!1), g = d(null), m = d(null), E = i(() => a.channels ?? []), ue = i(() => a.channelTooltips ?? {}), F = i(() => a.messages ?? []), re = i(() => a.selectedChat ?? null), $ = i(() => a.isNewDialog ?? !1), ce = i(() => {
86
+ setup(b, { emit: de }) {
87
+ 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(() => {
77
88
  var n;
78
- return ((n = a.selectedDialog) == null ? void 0 : n.channelId) ?? null;
79
- }), j = (n) => ce.value === n, de = i(() => {
89
+ return ((n = c.selectedDialog) == null ? void 0 : n.channelId) ?? null;
90
+ }), G = (n) => ve.value === n, ye = r(() => {
80
91
  var n;
81
- return ((n = a.selectedDialog) == null ? void 0 : n.attributeId) ?? null;
82
- }), W = (n) => de.value === n.id, {
83
- channelsTypes: me,
84
- getTooltipText: pe,
85
- getChannelTypeFromId: he,
86
- hasMultipleChannels: k,
87
- isChannelActive: A,
88
- getSingleChannelForType: fe,
89
- getMenuChannelIconComponentForChannelId: ye,
90
- getSingleMenuChannelIconComponent: ve,
91
- getAvailableChannels: V
92
- } = ze({
93
- channels: E,
94
- channelTooltips: ue,
95
- selectedChannelType: b
92
+ return ((n = c.selectedDialog) == null ? void 0 : n.attributeId) ?? null;
93
+ }), M = (n) => ye.value === n.id, J = (n) => {
94
+ const s = he.value, e = (n == null ? void 0 : n.attributeId) ?? (n == null ? void 0 : n.id);
95
+ if (e != null) {
96
+ const a = s[String(e)];
97
+ if (a)
98
+ return a;
99
+ }
100
+ return n != null && n.value ? s[String(n.value)] ?? "" : "";
101
+ }, Ce = (n) => !!J(n), {
102
+ channelsTypes: ge,
103
+ getTooltipText: ke,
104
+ getChannelTypeFromId: _e,
105
+ hasMultipleChannels: g,
106
+ isChannelActive: w,
107
+ getSingleChannelForType: be,
108
+ getMenuChannelIconComponentForChannelId: Te,
109
+ getSingleMenuChannelIconComponent: K,
110
+ getAvailableChannels: Q
111
+ } = Le({
112
+ channels: N,
113
+ channelTooltips: me,
114
+ selectedChannelType: T
96
115
  }), {
97
116
  activeChannelType: u,
98
- hoveredChannel: M,
99
- showMenu: P,
100
- showSubMenu: N,
101
- menuWidth: Ce,
102
- updateMenuWidth: q,
103
- handleChannelClick: be,
104
- closeMenu: ge,
105
- handleClickOutside: H
106
- } = Le({
107
- panelRef: S,
108
- channelsPanelRef: B,
109
- selectedChannelType: b,
110
- frozenAttribute: R
111
- }), ke = i(() => a.contactAttributes ?? []), U = (n) => {
112
- var p;
113
- if (!n || !F.value) return !0;
114
- const s = (p = re.value) == null ? void 0 : p.chatId;
115
- return s ? !F.value.filter(
116
- (h) => {
117
- var ee;
118
- return h.chatId === s && h.dialogId === ((ee = a.selectedDialog) == null ? void 0 : ee.dialogId);
117
+ hoveredChannel: I,
118
+ showMenu: O,
119
+ showSubMenu: B,
120
+ menuWidth: Ae,
121
+ updateMenuWidth: L,
122
+ handleChannelClick: Me,
123
+ closeMenu: we,
124
+ handleClickOutside: X
125
+ } = $e({
126
+ panelRef: E,
127
+ channelsPanelRef: V,
128
+ selectedChannelType: T,
129
+ frozenAttribute: q
130
+ }), Ie = r(() => c.contactAttributes ?? []), Y = (n) => {
131
+ var h;
132
+ if (!n || !H.value) return !0;
133
+ const s = (h = fe.value) == null ? void 0 : h.chatId;
134
+ return s ? !H.value.filter(
135
+ (f) => {
136
+ var ue;
137
+ return f.chatId === s && f.dialogId === ((ue = c.selectedDialog) == null ? void 0 : ue.dialogId);
119
138
  }
120
139
  ).some(
121
- (h) => h.type !== "message.system" && h.type !== "message.delimiter" && h.type !== "system" && h.type !== "system_message" && h.type !== "notification"
140
+ (f) => f.type !== "message.system" && f.type !== "message.delimiter" && f.type !== "system" && f.type !== "system_message" && f.type !== "notification"
122
141
  ) : !0;
123
- }, G = () => {
124
- T(), y.value = !0, oe(() => {
142
+ }, Z = () => {
143
+ S(), C.value = !0, re(() => {
125
144
  const n = Array.isArray(m.value) ? m.value[0] : m.value;
126
145
  n && typeof n.startAutoShow == "function" ? n.startAutoShow() : console.log("startAutoShow method not found on tooltipRef");
127
- }), g.value = setTimeout(() => {
128
- y.value = !1;
146
+ }), A.value = setTimeout(() => {
147
+ C.value = !1;
129
148
  }, 5e3);
130
- }, T = () => {
131
- if (g.value && (clearTimeout(g.value), g.value = null), m.value) {
149
+ }, S = () => {
150
+ if (A.value && (clearTimeout(A.value), A.value = null), m.value) {
132
151
  const n = Array.isArray(m.value) ? m.value[0] : m.value;
133
152
  n && typeof n.clearAutoTimer == "function" && n.clearAutoTimer();
134
153
  }
135
- y.value = !1;
154
+ C.value = !1;
136
155
  }, {
137
- organizedContactAttributes: J,
138
- organizeContactAttributes: Ae,
139
- isAttributeFrozen: Me
140
- } = Oe({
141
- contactAttributes: ke,
142
- frozenAttribute: R
156
+ organizedContactAttributes: ee,
157
+ organizeContactAttributes: Se,
158
+ isAttributeFrozen: te
159
+ } = je({
160
+ contactAttributes: Ie,
161
+ frozenAttribute: q
143
162
  }), {
144
- handleAttributeClick: Te,
145
- selectChannel: we,
146
- availableChannels: _e
147
- } = Be({
163
+ handleAttributeClick: ne,
164
+ selectChannel: De,
165
+ availableChannels: xe
166
+ } = Fe({
148
167
  activeChannelType: u,
149
- channels: E,
150
- selectedChannel: x,
151
- selectedChannelType: b,
152
- hoveredAttribute: D,
153
- closeMenu: ge,
154
- hasMultipleChannels: k,
155
- getSingleChannelForType: fe,
156
- getAvailableChannels: V,
157
- isChannelEmpty: U,
158
- isNewDialog: $,
159
- showDefaultChannelTooltipWithTimer: G,
160
- clearDefaultChannelTooltip: T,
161
- emit: ie
168
+ channels: N,
169
+ selectedChannel: z,
170
+ selectedChannelType: T,
171
+ hoveredAttribute: P,
172
+ closeMenu: we,
173
+ hasMultipleChannels: g,
174
+ getSingleChannelForType: be,
175
+ getAvailableChannels: Q,
176
+ isChannelEmpty: Y,
177
+ isNewDialog: U,
178
+ showDefaultChannelTooltipWithTimer: Z,
179
+ clearDefaultChannelTooltip: S,
180
+ emit: pe
162
181
  }), {
163
- subMenuTop: Ie,
164
- handleAttributeMouseEnter: Se,
165
- handleAttributeMouseLeave: K,
166
- keepSubMenuOpen: Q,
167
- closeSubMenu: X,
168
- alignSubMenuWithTarget: De
169
- } = Fe({
182
+ subMenuTop: Re,
183
+ handleAttributeMouseEnter: Ee,
184
+ handleAttributeMouseLeave: D,
185
+ keepSubMenuOpen: oe,
186
+ closeSubMenu: se,
187
+ alignSubMenuWithTarget: Pe
188
+ } = We({
170
189
  activeChannelType: u,
171
- showSubMenu: N,
172
- frozenAttribute: R,
173
- hoveredAttribute: D,
174
- hasMultipleChannels: k
190
+ showSubMenu: B,
191
+ frozenAttribute: q,
192
+ hoveredAttribute: P,
193
+ hasMultipleChannels: g
175
194
  });
176
- $e({
177
- selectedChannelType: b,
178
- selectedChannel: x,
179
- channels: E,
180
- selectedDialog: i(() => a.selectedDialog ?? null),
181
- isChannelEmpty: U,
182
- isNewDialog: $,
183
- showDefaultChannelTooltipWithTimer: G,
184
- clearDefaultChannelTooltip: T
195
+ Ve({
196
+ selectedChannelType: T,
197
+ selectedChannel: z,
198
+ channels: N,
199
+ selectedDialog: r(() => c.selectedDialog ?? null),
200
+ isChannelEmpty: Y,
201
+ isNewDialog: U,
202
+ showDefaultChannelTooltipWithTimer: Z,
203
+ clearDefaultChannelTooltip: S
185
204
  });
186
205
  const {
187
- emptyChannelsPlaceholderText: Re,
188
- shouldShowEmptyChannelsPlaceholder: Y
189
- } = je({
190
- showMenu: P,
206
+ emptyChannelsPlaceholderText: qe,
207
+ shouldShowEmptyChannelsPlaceholder: le
208
+ } = He({
209
+ showMenu: O,
191
210
  activeChannelType: u,
192
- emptyChannelsPlaceholder: i(() => a.emptyChannelsPlaceholder ?? {}),
193
- getAvailableChannels: V,
194
- organizedContactAttributes: J
195
- }), Z = i(
196
- () => _e()
197
- ), xe = i(
198
- () => N.value && D.value && Z.value.length > 0 && u.value !== "phone" && k(u.value)
199
- ), Ee = async (n, s) => {
200
- const t = Se(n, s.currentTarget);
201
- await oe(), t instanceof HTMLElement && De(S, t);
211
+ emptyChannelsPlaceholder: r(() => c.emptyChannelsPlaceholder ?? {}),
212
+ getAvailableChannels: Q,
213
+ organizedContactAttributes: ee
214
+ }), ae = r(
215
+ () => xe()
216
+ ), ze = r(
217
+ () => B.value && P.value && ae.value.length > 0 && u.value !== "phone" && g(u.value)
218
+ ), ie = async (n, s) => {
219
+ const e = Ee(n, s.currentTarget);
220
+ await re(), e instanceof HTMLElement && Pe(E, e);
202
221
  };
203
- return Pe(() => a.selectedDialog, () => {
204
- }, { deep: !0 }), Ne(() => {
205
- q(), window.addEventListener("resize", q), document.addEventListener("click", H), Ae();
206
- }), qe(() => {
207
- window.removeEventListener("resize", q), document.removeEventListener("click", H), T();
222
+ return Ne(() => c.selectedDialog, () => {
223
+ }, { deep: !0 }), Oe(() => {
224
+ L(), window.addEventListener("resize", L), document.addEventListener("click", X), Se();
225
+ }), Be(() => {
226
+ window.removeEventListener("resize", L), document.removeEventListener("click", X), S();
208
227
  }), (n, s) => (o(), l("div", {
209
228
  ref_key: "panelRef",
210
- ref: S,
229
+ ref: E,
211
230
  class: "communication-panel"
212
231
  }, [
213
- r("div", {
232
+ i("div", {
214
233
  ref_key: "channelsPanelRef",
215
- ref: B,
234
+ ref: V,
216
235
  class: "channels-panel"
217
236
  }, [
218
- (o(!0), l(w, null, z(e(me), (t) => {
219
- var c;
237
+ (o(!0), l(k, null, $(t(ge), (e) => {
238
+ var a;
220
239
  return o(), l("button", {
221
- key: t.type,
240
+ key: e.type,
222
241
  class: v(["channel-btn", {
223
- active: e(A)(t.type),
224
- hover: e(M) === t.type && !e(A)(t.type) || e(M) === t.type && e(A)(t.type),
225
- menuOpen: e(P) && e(u) === t.type
242
+ active: t(w)(e.type),
243
+ hover: t(I) === e.type && !t(w)(e.type) || t(I) === e.type && t(w)(e.type),
244
+ menuOpen: t(O) && t(u) === e.type
226
245
  }]),
227
- onClick: (p) => e(be)(t.type),
228
- onMouseenter: (p) => M.value = t.type,
229
- onMouseleave: s[0] || (s[0] = (p) => M.value = null)
246
+ onClick: (h) => t(Me)(e.type),
247
+ onMouseenter: (h) => I.value = e.type,
248
+ onMouseleave: s[0] || (s[0] = (h) => I.value = null)
230
249
  }, [
231
- e(A)(t.type) ? (o(), l(w, { key: 0 }, [
232
- L(se, {
250
+ t(w)(e.type) ? (o(), l(k, { key: 0 }, [
251
+ x(F, {
233
252
  ref_for: !0,
234
- ref: (p) => {
235
- p && (m.value = p);
253
+ ref: (h) => {
254
+ h && (m.value = h);
236
255
  },
237
- text: y.value ? "Выбран канал по умолчанию, можно изменить в настройках профиля" : (c = x.value) == null ? void 0 : c.title,
256
+ text: C.value ? "Выбран канал по умолчанию, можно изменить в настройках профиля" : (a = z.value) == null ? void 0 : a.title,
238
257
  position: "bottom-left",
239
258
  offset: 8,
240
- trigger: y.value ? "auto" : "hover",
241
- "auto-show-duration": y.value ? 5e3 : 0
259
+ trigger: C.value ? "auto" : "hover",
260
+ "auto-show-duration": C.value ? 5e3 : 0
242
261
  }, {
243
- default: te(() => [
244
- r("span", He, [
245
- (o(), C(_(t.component)))
262
+ default: j(() => [
263
+ i("span", Je, [
264
+ (o(), y(_(e.component)))
246
265
  ])
247
266
  ]),
248
267
  _: 2
249
268
  }, 1032, ["text", "trigger", "auto-show-duration"]),
250
- s[4] || (s[4] = r("span", { class: "active-indicator" }, null, -1))
251
- ], 64)) : (o(), C(se, {
269
+ s[5] || (s[5] = i("span", { class: "active-indicator" }, null, -1))
270
+ ], 64)) : (o(), y(F, {
252
271
  key: 1,
253
- text: e(pe)(t.type),
272
+ text: t(ke)(e.type),
254
273
  position: "bottom-left",
255
274
  offset: 8
256
275
  }, {
257
- default: te(() => [
258
- r("span", Ue, [
259
- (o(), C(_(t.component)))
276
+ default: j(() => [
277
+ i("span", Ke, [
278
+ (o(), y(_(e.component)))
260
279
  ])
261
280
  ]),
262
281
  _: 2
263
282
  }, 1032, ["text"]))
264
- ], 42, Ve);
283
+ ], 42, Ge);
265
284
  }), 128))
266
285
  ], 512),
267
- e(P) && e(u) ? (o(), l("div", {
286
+ t(O) && t(u) ? (o(), l("div", {
268
287
  key: 0,
269
288
  class: "attributes-menu",
270
- style: ne({ width: e(Ce) })
289
+ style: ce({ width: t(Ae) })
271
290
  }, [
272
- e(Y) ? (o(), l("div", Ge, O(e(Re)), 1)) : f("", !0),
273
- e(Y) ? f("", !0) : (o(!0), l(w, { key: 1 }, z(e(J)[e(u)], (t) => (o(), l("div", {
274
- key: t.attributeId,
275
- class: v(["attribute-item", {
276
- "frozen-hover": e(Me)(t),
277
- selected: W(t)
278
- }]),
279
- onMouseenter: (c) => Ee(t, c),
280
- onMouseleave: s[1] || (s[1] = (...c) => e(K) && e(K)(...c)),
281
- onClick: (c) => e(Te)(t)
291
+ t(le) ? (o(), l("div", Qe, R(t(qe)), 1)) : d("", !0),
292
+ t(le) ? d("", !0) : (o(!0), l(k, { key: 1 }, $(t(ee)[t(u)], (e) => (o(), l(k, {
293
+ key: e.attributeId
282
294
  }, [
283
- r("div", Ke, [
284
- r("span", Qe, [
285
- W(t) ? (o(), l("span", Xe, [
286
- L(e(le))
287
- ])) : f("", !0)
295
+ Ce(e) ? (o(), y(F, {
296
+ key: 0,
297
+ text: J(e),
298
+ position: "bottom-left",
299
+ offset: 8
300
+ }, {
301
+ default: j(() => [
302
+ i("div", {
303
+ class: v(["attribute-item", {
304
+ "frozen-hover": t(te)(e),
305
+ selected: M(e)
306
+ }]),
307
+ onMouseenter: (a) => ie(e, a),
308
+ onMouseleave: s[1] || (s[1] = (...a) => t(D) && t(D)(...a)),
309
+ onClick: (a) => t(ne)(e)
310
+ }, [
311
+ i("div", Ye, [
312
+ i("span", Ze, [
313
+ M(e) ? (o(), l("span", et, [
314
+ x(t(W))
315
+ ])) : d("", !0)
316
+ ]),
317
+ i("span", tt, R(e.value), 1)
318
+ ]),
319
+ i("span", nt, [
320
+ t(g)(t(u)) ? (o(), l("span", ot)) : b.showChannelIcons ? (o(), l("span", {
321
+ key: 1,
322
+ class: v(["channel-icon-small", { "menu-icon-grey": t(u) !== "sms" }])
323
+ }, [
324
+ (o(), y(_(t(K)(t(u)))))
325
+ ], 2)) : d("", !0)
326
+ ])
327
+ ], 42, Xe)
288
328
  ]),
289
- r("span", Ye, O(t.value), 1)
290
- ]),
291
- r("span", Ze, [
292
- e(k)(e(u)) ? (o(), l("span", et)) : I.showChannelIcons ? (o(), l("span", {
293
- key: 1,
294
- class: v(["channel-icon-small", { "menu-icon-grey": e(u) !== "sms" }])
295
- }, [
296
- (o(), C(_(e(ve)(e(u)))))
297
- ], 2)) : f("", !0)
298
- ])
299
- ], 42, Je))), 128)),
300
- e(N) && xe.value ? (o(), l("div", {
329
+ _: 2
330
+ }, 1032, ["text"])) : (o(), l("div", {
331
+ key: 1,
332
+ class: v(["attribute-item", {
333
+ "frozen-hover": t(te)(e),
334
+ selected: M(e)
335
+ }]),
336
+ onMouseenter: (a) => ie(e, a),
337
+ onMouseleave: s[2] || (s[2] = (...a) => t(D) && t(D)(...a)),
338
+ onClick: (a) => t(ne)(e)
339
+ }, [
340
+ i("div", lt, [
341
+ i("span", at, [
342
+ M(e) ? (o(), l("span", it, [
343
+ x(t(W))
344
+ ])) : d("", !0)
345
+ ]),
346
+ i("span", ut, R(e.value), 1)
347
+ ]),
348
+ i("span", ct, [
349
+ t(g)(t(u)) ? (o(), l("span", rt)) : b.showChannelIcons ? (o(), l("span", {
350
+ key: 1,
351
+ class: v(["channel-icon-small", { "menu-icon-grey": t(u) !== "sms" }])
352
+ }, [
353
+ (o(), y(_(t(K)(t(u)))))
354
+ ], 2)) : d("", !0)
355
+ ])
356
+ ], 42, st))
357
+ ], 64))), 128)),
358
+ t(B) && ze.value ? (o(), l("div", {
301
359
  key: 2,
302
360
  class: "sub-menu left",
303
- style: ne({ top: e(Ie) + "px" }),
304
- onMouseenter: s[2] || (s[2] = (...t) => e(Q) && e(Q)(...t)),
305
- onMouseleave: s[3] || (s[3] = (...t) => e(X) && e(X)(...t))
361
+ style: ce({ top: t(Re) + "px" }),
362
+ onMouseenter: s[3] || (s[3] = (...e) => t(oe) && t(oe)(...e)),
363
+ onMouseleave: s[4] || (s[4] = (...e) => t(se) && t(se)(...e))
306
364
  }, [
307
- s[5] || (s[5] = r("div", { class: "sub-menu-header" }, " Канал связи ", -1)),
308
- (o(!0), l(w, null, z(Z.value, (t) => (o(), l("div", {
309
- key: t.channelId,
310
- class: v(["sub-menu-item", { selected: j(t.channelId) }]),
311
- onClick: (c) => e(we)(t.channelId)
365
+ s[6] || (s[6] = i("div", { class: "sub-menu-header" }, " Канал связи ", -1)),
366
+ (o(!0), l(k, null, $(ae.value, (e) => (o(), l("div", {
367
+ key: e.channelId,
368
+ class: v(["sub-menu-item", { selected: G(e.channelId) }]),
369
+ onClick: (a) => t(De)(e.channelId)
312
370
  }, [
313
- j(t.channelId) ? (o(), l("span", nt, [
314
- L(e(le))
315
- ])) : f("", !0),
316
- r("span", ot, O(t.title || t.channelId), 1),
317
- I.showChannelIcons ? (o(), l("span", {
371
+ G(e.channelId) ? (o(), l("span", pt, [
372
+ x(t(W))
373
+ ])) : d("", !0),
374
+ i("span", mt, R(e.title || e.channelId), 1),
375
+ b.showChannelIcons ? (o(), l("span", {
318
376
  key: 1,
319
- class: v(["sub-menu-icon", { "menu-icon-grey": e(he)(t.channelId) !== "sms" }])
377
+ class: v(["sub-menu-icon", { "menu-icon-grey": t(_e)(e.channelId) !== "sms" }])
320
378
  }, [
321
- (o(), C(_(e(ye)(t.channelId))))
322
- ], 2)) : f("", !0)
323
- ], 10, tt))), 128))
324
- ], 36)) : f("", !0)
325
- ], 4)) : f("", !0)
379
+ (o(), y(_(t(Te)(e.channelId))))
380
+ ], 2)) : d("", !0)
381
+ ], 10, dt))), 128))
382
+ ], 36)) : d("", !0)
383
+ ], 4)) : d("", !0)
326
384
  ], 512));
327
385
  }
328
- }, vt = /* @__PURE__ */ We(st, [["__scopeId", "data-v-fe15da82"]]);
386
+ }, It = /* @__PURE__ */ Ue(ht, [["__scopeId", "data-v-6376eb29"]]);
329
387
  export {
330
- vt as default
388
+ It as default
331
389
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./FileUploader.vue2.js";
2
2
  /* empty css */
3
- import e from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-eeb89ab4"]]);
3
+ import a from "../../../_virtual/_plugin-vue_export-helper.js";
4
+ const e = /* @__PURE__ */ a(o, [["__scopeId", "data-v-7014afaa"]]);
5
5
  export {
6
- p as default
6
+ e as default
7
7
  };