@mobilon-dev/chotto 0.3.76 → 0.3.77
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.
- package/dist/chotto.css +1 -1
- package/dist/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.js +25 -31
- package/dist/themes/dark.css +1 -1
- package/dist/themes/default.css +1 -1
- package/dist/themes/glass.css +1 -1
- package/dist/themes/green.css +1 -1
- package/dist/themes/mobilon1.css +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ref as
|
|
1
|
+
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";
|
|
2
2
|
import G from "../../1_atoms/Tooltip/Tooltip.vue.js";
|
|
3
3
|
import { useCommunicationChannels as Ge } from "./composables/useCommunicationChannels.js";
|
|
4
4
|
import { useCommunicationMenu as Je } from "./composables/useCommunicationMenu.js";
|
|
@@ -16,10 +16,10 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
|
|
|
16
16
|
}, it = {
|
|
17
17
|
key: 0,
|
|
18
18
|
class: "empty-channels-placeholder"
|
|
19
|
-
}, at = ["data-attribute-status", "onMouseenter", "onClick"], ut = { class: "attribute-info" }, ct =
|
|
19
|
+
}, at = ["data-attribute-status", "onMouseenter", "onClick"], ut = { class: "attribute-info" }, ct = { class: "attribute-value" }, rt = { class: "menu-icon" }, dt = {
|
|
20
20
|
key: 0,
|
|
21
21
|
class: "menu-icon-arrow"
|
|
22
|
-
},
|
|
22
|
+
}, ft = ["data-attribute-status", "onMouseenter", "onClick"], mt = { class: "attribute-info" }, pt = { class: "attribute-value" }, ht = { class: "menu-icon" }, vt = {
|
|
23
23
|
key: 0,
|
|
24
24
|
class: "menu-icon-arrow"
|
|
25
25
|
}, yt = ["onClick"], Ct = {
|
|
@@ -104,7 +104,7 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
|
|
|
104
104
|
"reset-blocked-attributes"
|
|
105
105
|
],
|
|
106
106
|
setup(T, { emit: be }) {
|
|
107
|
-
const i = T, J = be, N =
|
|
107
|
+
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(
|
|
108
108
|
() => i.confirmingAttributeId ?? S.value
|
|
109
109
|
), 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(() => {
|
|
110
110
|
var t;
|
|
@@ -243,11 +243,11 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
|
|
|
243
243
|
emptyChannelsPlaceholder: u(() => i.emptyChannelsPlaceholder ?? {}),
|
|
244
244
|
getAvailableChannels: te,
|
|
245
245
|
organizedContactAttributes: ie
|
|
246
|
-
}),
|
|
246
|
+
}), fe = u(
|
|
247
247
|
() => Ne()
|
|
248
248
|
), Le = u(
|
|
249
|
-
() => L.value && O.value &&
|
|
250
|
-
),
|
|
249
|
+
() => L.value && O.value && fe.value.length > 0 && c.value !== "phone" && k(c.value)
|
|
250
|
+
), me = async (t, o) => {
|
|
251
251
|
const d = ze(t, o.currentTarget);
|
|
252
252
|
await he(), d instanceof HTMLElement && $e(N, d);
|
|
253
253
|
};
|
|
@@ -271,7 +271,7 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
|
|
|
271
271
|
ref: N,
|
|
272
272
|
class: "communication-panel"
|
|
273
273
|
}, [
|
|
274
|
-
|
|
274
|
+
f("div", {
|
|
275
275
|
ref_key: "channelsPanelRef",
|
|
276
276
|
ref: ge,
|
|
277
277
|
class: "channels-panel"
|
|
@@ -302,13 +302,13 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
|
|
|
302
302
|
"auto-show-duration": C.value ? 5e3 : 0
|
|
303
303
|
}, {
|
|
304
304
|
default: U(() => [
|
|
305
|
-
|
|
305
|
+
f("span", ot, [
|
|
306
306
|
(s(), y(I(e.component)))
|
|
307
307
|
])
|
|
308
308
|
]),
|
|
309
309
|
_: 2
|
|
310
310
|
}, 1032, ["text", "trigger", "auto-show-duration"]),
|
|
311
|
-
o[5] || (o[5] =
|
|
311
|
+
o[5] || (o[5] = f("span", { class: "active-indicator" }, null, -1))
|
|
312
312
|
], 64)) : (s(), y(G, {
|
|
313
313
|
key: 1,
|
|
314
314
|
text: n(we)(e.type),
|
|
@@ -316,7 +316,7 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
|
|
|
316
316
|
offset: 8
|
|
317
317
|
}, {
|
|
318
318
|
default: U(() => [
|
|
319
|
-
|
|
319
|
+
f("span", st, [
|
|
320
320
|
(s(), y(I(e.component)))
|
|
321
321
|
])
|
|
322
322
|
]),
|
|
@@ -337,7 +337,7 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
|
|
|
337
337
|
offset: 8
|
|
338
338
|
}, {
|
|
339
339
|
default: U(() => [
|
|
340
|
-
|
|
340
|
+
f("div", {
|
|
341
341
|
class: v(["attribute-item", n(ve)(e), {
|
|
342
342
|
"frozen-hover": n(ae)(e),
|
|
343
343
|
selected: w(e),
|
|
@@ -345,11 +345,11 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
|
|
|
345
345
|
blocked: g(e)
|
|
346
346
|
}]),
|
|
347
347
|
"data-attribute-status": e.status,
|
|
348
|
-
onMouseenter: (a) =>
|
|
348
|
+
onMouseenter: (a) => me(e, a),
|
|
349
349
|
onMouseleave: o[1] || (o[1] = (...a) => n(B) && n(B)(...a)),
|
|
350
350
|
onClick: (a) => re(e)
|
|
351
351
|
}, [
|
|
352
|
-
|
|
352
|
+
f("div", ut, [
|
|
353
353
|
P(Ce, {
|
|
354
354
|
attribute: e,
|
|
355
355
|
"is-selected": w(e),
|
|
@@ -357,12 +357,9 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
|
|
|
357
357
|
"blocked-attribute-ids": j.value,
|
|
358
358
|
"indicator-tooltips": K.value
|
|
359
359
|
}, null, 8, ["attribute", "is-selected", "confirming-attribute-id", "blocked-attribute-ids", "indicator-tooltips"]),
|
|
360
|
-
|
|
361
|
-
class: "attribute-value",
|
|
362
|
-
title: e.value
|
|
363
|
-
}, E(e.value), 9, ct)
|
|
360
|
+
f("span", ct, E(e.value), 1)
|
|
364
361
|
]),
|
|
365
|
-
|
|
362
|
+
f("span", rt, [
|
|
366
363
|
n(k)(n(c)) ? (s(), l("span", dt)) : T.showChannelIcons ? (s(), l("span", {
|
|
367
364
|
key: 1,
|
|
368
365
|
class: v(["channel-icon-small", { "menu-icon-grey": n(c) !== "sms" }])
|
|
@@ -382,11 +379,11 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
|
|
|
382
379
|
blocked: g(e)
|
|
383
380
|
}]),
|
|
384
381
|
"data-attribute-status": e.status,
|
|
385
|
-
onMouseenter: (a) =>
|
|
382
|
+
onMouseenter: (a) => me(e, a),
|
|
386
383
|
onMouseleave: o[2] || (o[2] = (...a) => n(B) && n(B)(...a)),
|
|
387
384
|
onClick: (a) => re(e)
|
|
388
385
|
}, [
|
|
389
|
-
|
|
386
|
+
f("div", mt, [
|
|
390
387
|
P(Ce, {
|
|
391
388
|
attribute: e,
|
|
392
389
|
"is-selected": w(e),
|
|
@@ -394,12 +391,9 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
|
|
|
394
391
|
"blocked-attribute-ids": j.value,
|
|
395
392
|
"indicator-tooltips": K.value
|
|
396
393
|
}, null, 8, ["attribute", "is-selected", "confirming-attribute-id", "blocked-attribute-ids", "indicator-tooltips"]),
|
|
397
|
-
|
|
398
|
-
class: "attribute-value",
|
|
399
|
-
title: e.value
|
|
400
|
-
}, E(e.value), 9, pt)
|
|
394
|
+
f("span", pt, E(e.value), 1)
|
|
401
395
|
]),
|
|
402
|
-
|
|
396
|
+
f("span", ht, [
|
|
403
397
|
n(k)(n(c)) ? (s(), l("span", vt)) : T.showChannelIcons ? (s(), l("span", {
|
|
404
398
|
key: 1,
|
|
405
399
|
class: v(["channel-icon-small", { "menu-icon-grey": n(c) !== "sms" }])
|
|
@@ -407,7 +401,7 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
|
|
|
407
401
|
(s(), y(I(n(ee)(n(c)))))
|
|
408
402
|
], 2)) : h("", !0)
|
|
409
403
|
])
|
|
410
|
-
], 42,
|
|
404
|
+
], 42, ft))
|
|
411
405
|
], 64))), 128)),
|
|
412
406
|
n(L) && Le.value ? (s(), l("div", {
|
|
413
407
|
key: 2,
|
|
@@ -416,8 +410,8 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
|
|
|
416
410
|
onMouseenter: o[3] || (o[3] = (...e) => n(ue) && n(ue)(...e)),
|
|
417
411
|
onMouseleave: o[4] || (o[4] = (...e) => n(ce) && n(ce)(...e))
|
|
418
412
|
}, [
|
|
419
|
-
o[6] || (o[6] =
|
|
420
|
-
(s(!0), l(A, null, W(
|
|
413
|
+
o[6] || (o[6] = f("div", { class: "sub-menu-header" }, " Канал связи ", -1)),
|
|
414
|
+
(s(!0), l(A, null, W(fe.value, (e) => (s(), l("div", {
|
|
421
415
|
key: e.channelId,
|
|
422
416
|
class: v(["sub-menu-item", { selected: Y(e.channelId) }]),
|
|
423
417
|
onClick: (a) => n(Ee)(e.channelId)
|
|
@@ -425,7 +419,7 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
|
|
|
425
419
|
Y(e.channelId) ? (s(), l("span", Ct, [
|
|
426
420
|
P(d)
|
|
427
421
|
])) : h("", !0),
|
|
428
|
-
|
|
422
|
+
f("span", bt, E(e.title || e.channelId), 1),
|
|
429
423
|
T.showChannelIcons ? (s(), l("span", {
|
|
430
424
|
key: 1,
|
|
431
425
|
class: v(["sub-menu-icon", { "menu-icon-grey": n(De)(e.channelId) !== "sms" }])
|
|
@@ -438,7 +432,7 @@ const nt = ["onClick", "onMouseenter"], ot = { class: "channel-icon" }, st = { c
|
|
|
438
432
|
], 512);
|
|
439
433
|
};
|
|
440
434
|
}
|
|
441
|
-
}, Bt = /* @__PURE__ */ tt(gt, [["__scopeId", "data-v-
|
|
435
|
+
}, Bt = /* @__PURE__ */ tt(gt, [["__scopeId", "data-v-2f47f482"]]);
|
|
442
436
|
export {
|
|
443
437
|
Bt as default
|
|
444
438
|
};
|