@mobilon-dev/chotto 0.3.105 → 0.3.107

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.
Files changed (43) hide show
  1. package/dist/chotto.css +1 -1
  2. package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue.js +2 -2
  3. package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue2.js +293 -266
  4. package/dist/components/2_feed_elements/FeedReplyQuote/FeedReplyQuote.vue.js +7 -0
  5. package/dist/components/2_feed_elements/FeedReplyQuote/FeedReplyQuote.vue2.js +73 -0
  6. package/dist/components/2_feed_elements/FileMessage/FileMessage.vue.js +1 -1
  7. package/dist/components/2_feed_elements/FileMessage/FileMessage.vue2.js +185 -158
  8. package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue.js +3 -3
  9. package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue2.js +227 -200
  10. package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue.js +2 -2
  11. package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue2.js +62 -245
  12. package/dist/components/2_feed_elements/MessageReactions/MessageReactionsOverlay.vue.js +7 -0
  13. package/dist/components/2_feed_elements/MessageReactions/MessageReactionsOverlay.vue2.js +231 -0
  14. package/dist/components/2_feed_elements/MessageReactions/composables/usePositioning.js +25 -25
  15. package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue.js +2 -2
  16. package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue2.js +213 -186
  17. package/dist/components/2_feed_elements/TextMessage/TextMessage.vue.js +2 -2
  18. package/dist/components/2_feed_elements/TextMessage/TextMessage.vue2.js +190 -164
  19. package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js +1 -1
  20. package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue2.js +209 -182
  21. package/dist/components/3_compounds/Feed/Feed.vue.js +2 -2
  22. package/dist/components/3_compounds/Feed/Feed.vue2.js +261 -213
  23. package/dist/components/3_compounds/Feed/composables/useFeedGrouping.js +23 -20
  24. package/dist/components/3_compounds/Feed/composables/useFeedProgressiveRender.js +82 -0
  25. package/dist/components/3_compounds/Feed/composables/useFeedReactionsOverlay.js +34 -0
  26. package/dist/hooks/messages/useMessageActions.js +81 -70
  27. package/dist/hooks/messages/useMessageReactionsInFeed.js +53 -0
  28. package/dist/hooks/messages/useMessageReactionsMount.js +21 -0
  29. package/dist/index.js +245 -238
  30. package/dist/types/components/2_feed_elements/FeedReplyQuote/FeedReplyQuote.vue.d.ts +19 -0
  31. package/dist/types/components/2_feed_elements/MessageReactions/MessageReactions.vue.d.ts +4 -71
  32. package/dist/types/components/2_feed_elements/MessageReactions/MessageReactionsOverlay.vue.d.ts +2 -0
  33. package/dist/types/components/2_feed_elements/MessageReactions/composables/usePositioning.d.ts +2 -1
  34. package/dist/types/components/3_compounds/Feed/Feed.vue.d.ts +6 -0
  35. package/dist/types/components/3_compounds/Feed/composables/index.d.ts +2 -0
  36. package/dist/types/components/3_compounds/Feed/composables/useFeedGrouping.d.ts +3 -22
  37. package/dist/types/components/3_compounds/Feed/composables/useFeedProgressiveRender.d.ts +22 -0
  38. package/dist/types/components/3_compounds/Feed/composables/useFeedReactionsOverlay.d.ts +52 -0
  39. package/dist/types/components/index.d.ts +1 -0
  40. package/dist/types/hooks/messages/index.d.ts +2 -0
  41. package/dist/types/hooks/messages/useMessageReactionsInFeed.d.ts +25 -0
  42. package/dist/types/hooks/messages/useMessageReactionsMount.d.ts +10 -0
  43. package/package.json +1 -1
@@ -1,7 +1,7 @@
1
1
  import { nextTick as p } from "vue";
2
- function l(o) {
2
+ function x(o) {
3
3
  if (!o) return null;
4
- let t = o.parentElement;
4
+ let t = o;
5
5
  for (; t; ) {
6
6
  if (t.classList.contains("message-feed"))
7
7
  return t;
@@ -11,7 +11,7 @@ function l(o) {
11
11
  }
12
12
  function R(o) {
13
13
  if (!o) return null;
14
- let t = o.parentElement;
14
+ let t = o;
15
15
  for (; t; ) {
16
16
  for (const s of t.classList)
17
17
  if (s.endsWith("__content"))
@@ -24,7 +24,7 @@ function R(o) {
24
24
  }
25
25
  function w(o) {
26
26
  if (!o) return !1;
27
- let t = o.parentElement;
27
+ let t = o;
28
28
  for (; t; ) {
29
29
  for (const s of t.classList)
30
30
  if (s.includes("__right"))
@@ -37,11 +37,11 @@ function w(o) {
37
37
  }
38
38
  async function H(o, t, s = 300) {
39
39
  if (!t) return {};
40
- const g = l(t), a = R(t);
40
+ const g = x(t), a = R(t);
41
41
  if (!g || !a) return {};
42
- const e = w(t);
42
+ const f = w(t);
43
43
  await p();
44
- const i = a.getBoundingClientRect(), f = (o == null ? void 0 : o.offsetWidth) || s, c = (o == null ? void 0 : o.offsetHeight) || 44, r = 6, u = i.top + i.height / 2 - c / 2, n = e ? i.left - f - r : i.right + r;
44
+ const i = a.getBoundingClientRect(), c = (o == null ? void 0 : o.offsetWidth) || s, e = (o == null ? void 0 : o.offsetHeight) || 44, r = 6, u = i.top + i.height / 2 - e / 2, n = f ? i.left - c - r : i.right + r;
45
45
  return {
46
46
  position: "fixed",
47
47
  top: `${u}px`,
@@ -53,17 +53,17 @@ async function H(o, t, s = 300) {
53
53
  }
54
54
  async function P(o, t, s = 300) {
55
55
  if (!t) return {};
56
- const g = l(t);
56
+ const g = x(t);
57
57
  if (!g) return {};
58
58
  const a = w(t);
59
59
  await p();
60
- const e = R(t);
61
- if (!e) return {};
62
- const i = e.getBoundingClientRect(), f = g.getBoundingClientRect(), c = (o == null ? void 0 : o.offsetWidth) || s, r = (o == null ? void 0 : o.offsetHeight) || 450, u = 8, n = 6, d = window.innerHeight - i.bottom - n, x = i.top - n;
60
+ const f = R(t);
61
+ if (!f) return {};
62
+ const i = f.getBoundingClientRect(), c = g.getBoundingClientRect(), e = (o == null ? void 0 : o.offsetWidth) || s, r = (o == null ? void 0 : o.offsetHeight) || 450, u = 8, n = 6, d = window.innerHeight - i.bottom - n, l = i.top - n;
63
63
  let h;
64
- if (d >= r || d >= x ? h = { top: `${i.bottom + n}px` } : h = { bottom: `${window.innerHeight - i.top + n}px` }, a) {
65
- const $ = f.right - i.right;
66
- return c <= $ - u ? {
64
+ if (d >= r || d >= l ? h = { top: `${i.bottom + n}px` } : h = { bottom: `${window.innerHeight - i.top + n}px` }, a) {
65
+ const $ = c.right - i.right;
66
+ return e <= $ - u ? {
67
67
  position: "fixed",
68
68
  ...h,
69
69
  left: `${i.right + n}px`,
@@ -72,16 +72,16 @@ async function P(o, t, s = 300) {
72
72
  } : {
73
73
  position: "fixed",
74
74
  ...h,
75
- left: `${i.left - c - n}px`,
75
+ left: `${i.left - e - n}px`,
76
76
  right: "auto",
77
77
  transform: "none"
78
78
  };
79
79
  }
80
- const C = i.left - f.left;
81
- return c <= C - u ? {
80
+ const C = i.left - c.left;
81
+ return e <= C - u ? {
82
82
  position: "fixed",
83
83
  ...h,
84
- left: `${i.left - c - n}px`,
84
+ left: `${i.left - e - n}px`,
85
85
  right: "auto",
86
86
  transform: "none"
87
87
  } : {
@@ -94,16 +94,16 @@ async function P(o, t, s = 300) {
94
94
  }
95
95
  async function W(o, t, s, g = 350) {
96
96
  if (!t || !s) return {};
97
- const a = l(s);
97
+ const a = x(s);
98
98
  if (!a) return {};
99
99
  await p();
100
- const e = t.getBoundingClientRect(), i = a.getBoundingClientRect(), f = (o == null ? void 0 : o.offsetWidth) || g, c = (o == null ? void 0 : o.offsetHeight) || 450, r = 8, u = 6;
101
- let n = e.left + e.width / 2 - f / 2;
102
- n + f > i.right - r && (n = i.right - r - f), n < i.left + r && (n = i.left + r);
103
- const d = e.top - c - u;
100
+ const f = t.getBoundingClientRect(), i = a.getBoundingClientRect(), c = (o == null ? void 0 : o.offsetWidth) || g, e = (o == null ? void 0 : o.offsetHeight) || 450, r = 8, u = 6;
101
+ let n = f.left + f.width / 2 - c / 2;
102
+ n + c > i.right - r && (n = i.right - r - c), n < i.left + r && (n = i.left + r);
103
+ const d = f.top - e - u;
104
104
  return {
105
105
  position: "fixed",
106
- top: `${d >= r ? d : e.bottom + u}px`,
106
+ top: `${d >= r ? d : f.bottom + u}px`,
107
107
  left: `${n}px`,
108
108
  right: "auto",
109
109
  transform: "none"
@@ -113,7 +113,7 @@ export {
113
113
  P as calculateFixedPanelPosition,
114
114
  H as calculatePanelPosition,
115
115
  W as calculatePickerPositionAboveQuickPanel,
116
- l as findFeedContainer,
116
+ x as findFeedContainer,
117
117
  R as findMessageContent,
118
118
  w as isRightMessage
119
119
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./StickerMessage.vue2.js";
2
2
  /* empty css */
3
3
  import t from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9b82bb9c"]]);
4
+ const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e372212a"]]);
5
5
  export {
6
- a as default
6
+ s as default
7
7
  };