@mobilon-dev/chotto 0.3.80 → 0.3.82
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/1_icons/MessageStatus/ErrorStatusIcon.vue.js +7 -0
- package/dist/components/{2_feed_elements/MessageStatusIndicator/icons → 1_icons/MessageStatus}/ErrorStatusIcon.vue2.js +5 -5
- package/dist/components/1_icons/MessageStatus/PendingStatusIcon.vue.js +7 -0
- package/dist/components/1_icons/MessageStatus/ReadStatusIcon.vue.js +7 -0
- package/dist/components/{2_feed_elements/MessageStatusIndicator/icons → 1_icons/MessageStatus}/ReadStatusIcon.vue2.js +1 -1
- package/dist/components/1_icons/MessageStatus/ReceivedStatusIcon.vue.js +7 -0
- package/dist/components/{2_feed_elements/MessageStatusIndicator/icons → 1_icons/MessageStatus}/ReceivedStatusIcon.vue2.js +9 -9
- package/dist/components/1_icons/MessageStatus/SentStatusIcon.vue.js +7 -0
- package/dist/components/2_chatinput_elements/FilePreview/FilePreview.vue.js +1 -1
- package/dist/components/2_chatinput_elements/FilePreview/FilePreview.vue2.js +39 -38
- package/dist/components/2_chatinput_elements/StickerPicker/StickerPicker.vue.js +2 -2
- package/dist/components/2_chatinput_elements/StickerPicker/StickerPicker.vue2.js +123 -122
- package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue.js +2 -2
- package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue2.js +132 -139
- package/dist/components/2_feed_elements/MessageStatusIndicator/MessageStatusIndicator.vue.js +2 -2
- package/dist/components/2_feed_elements/MessageStatusIndicator/MessageStatusIndicator.vue2.js +5 -5
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js +3 -3
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue2.js +78 -77
- package/dist/components/2_modals/ModalVideoRecorder/ModalVideoRecorder.vue.js +2 -2
- package/dist/components/2_modals/ModalVideoRecorder/ModalVideoRecorder.vue2.js +58 -58
- package/dist/functions/playNotificationAudio.js +4 -3
- package/dist/functions/safeMediaPlay.js +17 -0
- package/dist/index.js +234 -221
- 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/dist/types/components/2_chatlist_elements/ChatItem/styles/types.d.ts +2 -4
- package/dist/types/components/index.d.ts +5 -0
- package/dist/types/functions/index.d.ts +1 -0
- package/dist/types/functions/safeMediaPlay.d.ts +3 -0
- package/package.json +1 -1
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/ErrorStatusIcon.vue.js +0 -7
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/PendingStatusIcon.vue.js +0 -7
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/ReadStatusIcon.vue.js +0 -7
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/ReceivedStatusIcon.vue.js +0 -7
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/SentStatusIcon.vue.js +0 -7
- /package/dist/components/{2_feed_elements/MessageStatusIndicator/icons → 1_icons/MessageStatus}/PendingStatusIcon.vue2.js +0 -0
- /package/dist/components/{2_feed_elements/MessageStatusIndicator/icons → 1_icons/MessageStatus}/SentStatusIcon.vue2.js +0 -0
- /package/dist/types/components/{2_feed_elements/MessageStatusIndicator/icons → 1_icons/MessageStatus}/ErrorStatusIcon.vue.d.ts +0 -0
- /package/dist/types/components/{2_feed_elements/MessageStatusIndicator/icons → 1_icons/MessageStatus}/PendingStatusIcon.vue.d.ts +0 -0
- /package/dist/types/components/{2_feed_elements/MessageStatusIndicator/icons → 1_icons/MessageStatus}/ReadStatusIcon.vue.d.ts +0 -0
- /package/dist/types/components/{2_feed_elements/MessageStatusIndicator/icons → 1_icons/MessageStatus}/ReceivedStatusIcon.vue.d.ts +0 -0
- /package/dist/types/components/{2_feed_elements/MessageStatusIndicator/icons → 1_icons/MessageStatus}/SentStatusIcon.vue.d.ts +0 -0
- /package/dist/types/components/{2_feed_elements/MessageStatusIndicator/icons → 1_icons/MessageStatus}/index.d.ts +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as n, computed as C, createElementBlock as o, openBlock as l, normalizeStyle as c, normalizeClass as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as n, computed as C, createElementBlock as o, openBlock as l, normalizeStyle as c, normalizeClass as f, createStaticVNode as p } from "vue";
|
|
2
|
+
const d = /* @__PURE__ */ n({
|
|
3
3
|
name: "ErrorStatusIcon",
|
|
4
4
|
__name: "ErrorStatusIcon",
|
|
5
5
|
props: {
|
|
@@ -23,7 +23,7 @@ const f = /* @__PURE__ */ n({
|
|
|
23
23
|
};
|
|
24
24
|
});
|
|
25
25
|
return (e, r) => (l(), o("svg", {
|
|
26
|
-
class:
|
|
26
|
+
class: f(a.value),
|
|
27
27
|
style: c(s.value),
|
|
28
28
|
width: "16",
|
|
29
29
|
height: "16",
|
|
@@ -31,10 +31,10 @@ const f = /* @__PURE__ */ n({
|
|
|
31
31
|
fill: "none",
|
|
32
32
|
xmlns: "http://www.w3.org/2000/svg"
|
|
33
33
|
}, [...r[0] || (r[0] = [
|
|
34
|
-
|
|
34
|
+
p('<g clip-path="url(#clip0_7935_4)" data-v-44ff6442><path d="M8 15C6.14348 15 4.36301 14.2625 3.05025 12.9497C1.7375 11.637 1 9.85652 1 8C1 6.14348 1.7375 4.36301 3.05025 3.05025C4.36301 1.7375 6.14348 1 8 1C9.85652 1 11.637 1.7375 12.9497 3.05025C14.2625 4.36301 15 6.14348 15 8C15 9.85652 14.2625 11.637 12.9497 12.9497C11.637 14.2625 9.85652 15 8 15ZM8 16C10.1217 16 12.1566 15.1571 13.6569 13.6569C15.1571 12.1566 16 10.1217 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16Z" fill="currentColor" data-v-44ff6442></path><path d="M7.00195 11.0011C7.00195 10.8698 7.02782 10.7397 7.07807 10.6184C7.12833 10.4971 7.20199 10.3868 7.29485 10.294C7.38771 10.2011 7.49794 10.1275 7.61927 10.0772C7.7406 10.027 7.87063 10.0011 8.00195 10.0011C8.13328 10.0011 8.26331 10.027 8.38464 10.0772C8.50596 10.1275 8.6162 10.2011 8.70906 10.294C8.80192 10.3868 8.87558 10.4971 8.92583 10.6184C8.97609 10.7397 9.00195 10.8698 9.00195 11.0011C9.00195 11.2663 8.8966 11.5207 8.70906 11.7082C8.52152 11.8957 8.26717 12.0011 8.00195 12.0011C7.73674 12.0011 7.48238 11.8957 7.29485 11.7082C7.10731 11.5207 7.00195 11.2663 7.00195 11.0011ZM7.09995 4.99609C7.08664 4.86993 7.09999 4.74239 7.13915 4.62172C7.17831 4.50106 7.24241 4.38998 7.32727 4.29568C7.41214 4.20139 7.51588 4.12599 7.63176 4.07438C7.74765 4.02276 7.87309 3.99609 7.99995 3.99609C8.12681 3.99609 8.25226 4.02276 8.36814 4.07438C8.48403 4.12599 8.58777 4.20139 8.67263 4.29568C8.7575 4.38998 8.82159 4.50106 8.86075 4.62172C8.89991 4.74239 8.91327 4.86993 8.89995 4.99609L8.54995 8.50309C8.53819 8.64087 8.47516 8.76921 8.37331 8.86273C8.27146 8.95625 8.13823 9.00815 7.99995 9.00815C7.86168 9.00815 7.72844 8.95625 7.6266 8.86273C7.52475 8.76921 7.46171 8.64087 7.44995 8.50309L7.09995 4.99609Z" fill="currentColor" data-v-44ff6442></path></g><defs data-v-44ff6442><clipPath id="clip0_7935_4" data-v-44ff6442><rect width="16" height="16" fill="white" data-v-44ff6442></rect></clipPath></defs>', 2)
|
|
35
35
|
])], 6));
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
38
|
export {
|
|
39
|
-
|
|
39
|
+
d as default
|
|
40
40
|
};
|
|
@@ -31,7 +31,7 @@ const h = /* @__PURE__ */ c({
|
|
|
31
31
|
fill: "none",
|
|
32
32
|
xmlns: "http://www.w3.org/2000/svg"
|
|
33
33
|
}, [...a[0] || (a[0] = [
|
|
34
|
-
d('<g clip-path="url(#clip0_8155_1633)" data-v-
|
|
34
|
+
d('<g clip-path="url(#clip0_8155_1633)" data-v-e13c479a><path d="M15.4433 5.44329C15.5014 5.38518 15.5475 5.31619 15.5789 5.24027C15.6104 5.16434 15.6266 5.08297 15.6266 5.00079C15.6266 4.91861 15.6104 4.83723 15.5789 4.76131C15.5475 4.68539 15.5014 4.6164 15.4433 4.55829C15.3852 4.50018 15.3162 4.45408 15.2403 4.42264C15.1643 4.39119 15.083 4.375 15.0008 4.375C14.9186 4.375 14.8372 4.39119 14.7613 4.42264C14.6854 4.45408 14.6164 4.50018 14.5583 4.55829L6.25079 12.867L2.31829 8.93329C2.26018 8.87518 2.19119 8.82908 2.11527 8.79763C2.03934 8.76619 1.95797 8.75 1.87579 8.75C1.70982 8.75 1.55065 8.81593 1.43329 8.93329C1.31593 9.05065 1.25 9.20982 1.25 9.37579C1.25 9.54176 1.31593 9.70093 1.43329 9.81829L5.80829 14.1933C5.86635 14.2515 5.93532 14.2977 6.01125 14.3292C6.08718 14.3607 6.16858 14.3769 6.25079 14.3769C6.333 14.3769 6.4144 14.3607 6.49033 14.3292C6.56626 14.2977 6.63523 14.2515 6.69329 14.1933L15.4433 5.44329ZM10.1833 14.1933L9.06329 13.072L9.94704 12.1883L10.6258 12.867L18.9333 4.55829C19.0506 4.44093 19.2098 4.375 19.3758 4.375C19.5418 4.375 19.7009 4.44093 19.8183 4.55829C19.9356 4.67565 20.0016 4.83482 20.0016 5.00079C20.0016 5.16676 19.9356 5.32593 19.8183 5.44329L11.0683 14.1933C11.0102 14.2515 10.9413 14.2977 10.8653 14.3292C10.7894 14.3607 10.708 14.3769 10.6258 14.3769C10.5436 14.3769 10.4622 14.3607 10.3862 14.3292C10.3103 14.2977 10.2413 14.2515 10.1833 14.1933Z" fill="currentColor" data-v-e13c479a></path><path d="M6.69329 8.93329L7.81329 10.0545L6.92954 10.9383L5.80829 9.81829C5.69093 9.70093 5.625 9.54176 5.625 9.37579C5.625 9.20982 5.69093 9.05065 5.80829 8.93329C5.92565 8.81593 6.08482 8.75 6.25079 8.75C6.41676 8.75 6.57593 8.81593 6.69329 8.93329Z" fill="currentColor" data-v-e13c479a></path></g><defs data-v-e13c479a><clipPath id="clip0_8155_1633" data-v-e13c479a><rect width="20" height="20" fill="white" data-v-e13c479a></rect></clipPath></defs>', 2)
|
|
35
35
|
])], 6));
|
|
36
36
|
}
|
|
37
37
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as n, computed as i, createElementBlock as l, openBlock as C, normalizeStyle as o, normalizeClass as p, createStaticVNode as d } from "vue";
|
|
2
|
+
const f = /* @__PURE__ */ n({
|
|
3
3
|
name: "ReceivedStatusIcon",
|
|
4
4
|
__name: "ReceivedStatusIcon",
|
|
5
5
|
props: {
|
|
@@ -12,8 +12,8 @@ const h = /* @__PURE__ */ l({
|
|
|
12
12
|
default: ""
|
|
13
13
|
}
|
|
14
14
|
},
|
|
15
|
-
setup(
|
|
16
|
-
const e =
|
|
15
|
+
setup(c) {
|
|
16
|
+
const e = c, s = i(() => `status-icon status-icon--received ${e.class}`.trim()), r = i(() => {
|
|
17
17
|
if (e.size === "inherit")
|
|
18
18
|
return {};
|
|
19
19
|
const t = typeof e.size == "number" ? `${e.size}px` : e.size;
|
|
@@ -22,19 +22,19 @@ const h = /* @__PURE__ */ l({
|
|
|
22
22
|
height: t
|
|
23
23
|
};
|
|
24
24
|
});
|
|
25
|
-
return (t, a) => (
|
|
26
|
-
class: p(
|
|
27
|
-
style:
|
|
25
|
+
return (t, a) => (C(), l("svg", {
|
|
26
|
+
class: p(s.value),
|
|
27
|
+
style: o(r.value),
|
|
28
28
|
width: "20",
|
|
29
29
|
height: "20",
|
|
30
30
|
viewBox: "0 0 20 20",
|
|
31
31
|
fill: "none",
|
|
32
32
|
xmlns: "http://www.w3.org/2000/svg"
|
|
33
33
|
}, [...a[0] || (a[0] = [
|
|
34
|
-
d('<g clip-path="url(#clip0_7951_852)" data-v-
|
|
34
|
+
d('<g clip-path="url(#clip0_7951_852)" data-v-f32ac6e1><path d="M15.4423 5.44329C15.5004 5.38518 15.5465 5.31619 15.578 5.24027C15.6094 5.16434 15.6256 5.08297 15.6256 5.00079C15.6256 4.91861 15.6094 4.83723 15.578 4.76131C15.5465 4.68539 15.5004 4.6164 15.4423 4.55829C15.3842 4.50018 15.3152 4.45408 15.2393 4.42264C15.1634 4.39119 15.082 4.375 14.9998 4.375C14.9176 4.375 14.8363 4.39119 14.7603 4.42264C14.6844 4.45408 14.6154 4.50018 14.5573 4.55829L6.24981 12.867L2.31731 8.93329C2.2592 8.87518 2.19022 8.82908 2.11429 8.79764C2.03837 8.76619 1.95699 8.75 1.87481 8.75C1.70884 8.75 1.54967 8.81593 1.43231 8.93329C1.31495 9.05065 1.24902 9.20982 1.24902 9.37579C1.24902 9.54176 1.31495 9.70093 1.43231 9.81829L5.80731 14.1933C5.86537 14.2515 5.93434 14.2977 6.01027 14.3292C6.0862 14.3607 6.1676 14.3769 6.24981 14.3769C6.33202 14.3769 6.41342 14.3607 6.48936 14.3292C6.56529 14.2977 6.63426 14.2515 6.69231 14.1933L15.4423 5.44329ZM10.1823 14.1933L9.06231 13.072L9.94606 12.1883L10.6248 12.867L18.9323 4.55829C19.0497 4.44093 19.2088 4.375 19.3748 4.375C19.5408 4.375 19.7 4.44093 19.8173 4.55829C19.9347 4.67565 20.0006 4.83482 20.0006 5.00079C20.0006 5.16676 19.9347 5.32593 19.8173 5.44329L11.0673 14.1933C11.0093 14.2515 10.9403 14.2977 10.8644 14.3292C10.7884 14.3607 10.707 14.3769 10.6248 14.3769C10.5426 14.3769 10.4612 14.3607 10.3853 14.3292C10.3093 14.2977 10.2404 14.2515 10.1823 14.1933Z" fill="currentColor" data-v-f32ac6e1></path><path d="M6.69231 8.93329L7.81231 10.0545L6.92856 10.9383L5.80731 9.81829C5.68995 9.70093 5.62402 9.54176 5.62402 9.37579C5.62402 9.20982 5.68995 9.05065 5.80731 8.93329C5.92467 8.81593 6.08384 8.75 6.24981 8.75C6.41578 8.75 6.57495 8.81593 6.69231 8.93329Z" fill="currentColor" data-v-f32ac6e1></path></g><defs data-v-f32ac6e1><clipPath id="clip0_7951_852" data-v-f32ac6e1><rect width="20" height="20" fill="white" data-v-f32ac6e1></rect></clipPath></defs>', 2)
|
|
35
35
|
])], 6));
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
38
|
export {
|
|
39
|
-
|
|
39
|
+
f as default
|
|
40
40
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./FilePreview.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-
|
|
4
|
+
const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-94cf2f67"]]);
|
|
5
5
|
export {
|
|
6
6
|
i as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as V, inject as $, ref as s, computed as I, onMounted as x, createElementBlock as n, openBlock as o, createElementVNode as i, createBlock as h, withDirectives as k, vShow as g, createCommentVNode as r, toDisplayString as c, Teleport as A, createVNode as L, Transition as U, withCtx as T, unref as N } from "vue";
|
|
2
2
|
import z from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
|
|
3
3
|
import "../../../hooks/useMessageDraft.js";
|
|
4
4
|
import "../../../hooks/useSearchModel.js";
|
|
@@ -8,19 +8,20 @@ import { useTheme as B } from "../../../hooks/useTheme.js";
|
|
|
8
8
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
9
9
|
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
10
10
|
import "../../../functions/parseMarkdown.js";
|
|
11
|
-
|
|
11
|
+
import { safeMediaPlay as D } from "../../../functions/safeMediaPlay.js";
|
|
12
|
+
const j = { class: "preview__container" }, F = { class: "preview__block" }, O = ["src"], q = ["src"], G = {
|
|
12
13
|
key: 2,
|
|
13
14
|
style: { display: "flex", gap: "5px" }
|
|
14
|
-
},
|
|
15
|
+
}, H = ["src"], J = { class: "pi pi-play" }, K = { class: "pi pi-pause" }, Q = { key: 3 }, R = { class: "preview__control-block" }, W = { class: "preview__information" }, X = { class: "preview__name" }, Y = {
|
|
15
16
|
key: 0,
|
|
16
17
|
class: "preview__size"
|
|
17
|
-
},
|
|
18
|
+
}, Z = {
|
|
18
19
|
key: 1,
|
|
19
20
|
class: "preview__audio-time"
|
|
20
|
-
},
|
|
21
|
+
}, ee = {
|
|
21
22
|
key: 2,
|
|
22
23
|
class: "preview__audio-time"
|
|
23
|
-
},
|
|
24
|
+
}, ie = { class: "preview__reset" }, te = ["src"], le = ["src"], pe = /* @__PURE__ */ V({
|
|
24
25
|
__name: "FilePreview",
|
|
25
26
|
props: {
|
|
26
27
|
fileInfo: {
|
|
@@ -30,56 +31,56 @@ const D = { class: "preview__container" }, j = { class: "preview__block" }, F =
|
|
|
30
31
|
},
|
|
31
32
|
emits: ["reset"],
|
|
32
33
|
setup(t, { emit: C }) {
|
|
33
|
-
const b =
|
|
34
|
-
function
|
|
35
|
-
e.value && (u.value ? e.value.pause() : e.value
|
|
34
|
+
const b = $("chatAppId"), { getTheme: p } = B(b), E = C, e = s(), a = s(), u = s(!1), d = s(0), _ = s(0), v = s(!1), M = () => v.value = !1;
|
|
35
|
+
function P() {
|
|
36
|
+
e.value && (u.value ? e.value.pause() : D(e.value), u.value = !u.value);
|
|
36
37
|
}
|
|
37
38
|
const w = (m) => {
|
|
38
39
|
const l = Math.floor(m / 60), f = Math.floor(m % 60);
|
|
39
40
|
return `${l.toString().padStart(2, "0")}:${f.toString().padStart(2, "0")}`;
|
|
40
|
-
},
|
|
41
|
+
}, S = I(() => e.value ? w(_.value) : "0:00"), y = I(() => e.value || a.value ? w(d.value) : "0:00");
|
|
41
42
|
return x(() => {
|
|
42
43
|
e.value != null && (e.value.addEventListener("loadedmetadata", () => {
|
|
43
44
|
e.value != null && (e.value.duration == 1 / 0 || Number.isNaN(e.value.duration)) && (e.value.currentTime = 1e101, e.value.addEventListener("timeupdate", () => {
|
|
44
|
-
e.value && (e.value.currentTime = 0,
|
|
45
|
-
}, { once: !0 })),
|
|
45
|
+
e.value && (e.value.currentTime = 0, d.value = e.value.duration);
|
|
46
|
+
}, { once: !0 })), d.value = e.value != null ? e.value.duration : 0;
|
|
46
47
|
}), e.value.addEventListener("timeupdate", () => {
|
|
47
48
|
_.value = e.value != null ? e.value.currentTime : 0;
|
|
48
49
|
})), a.value && a.value.addEventListener("loadedmetadata", () => {
|
|
49
|
-
a.value && (
|
|
50
|
-
a.value && (a.value.currentTime = 0,
|
|
50
|
+
a.value && (d.value = a.value.duration, (a.value.duration == 1 / 0 || Number.isNaN(a.value.duration)) && (a.value.currentTime = 1e101, a.value.addEventListener("timeupdate", () => {
|
|
51
|
+
a.value && (a.value.currentTime = 0, d.value = a.value.duration);
|
|
51
52
|
}, { once: !0 })));
|
|
52
53
|
});
|
|
53
|
-
}), (m, l) => (o(), n("div",
|
|
54
|
-
i("div",
|
|
54
|
+
}), (m, l) => (o(), n("div", j, [
|
|
55
|
+
i("div", F, [
|
|
55
56
|
t.fileInfo.isImage ? (o(), n("div", {
|
|
56
57
|
key: 0,
|
|
57
58
|
style: { position: "relative" },
|
|
58
|
-
onClick: l[0] || (l[0] = (f) =>
|
|
59
|
+
onClick: l[0] || (l[0] = (f) => v.value = !0)
|
|
59
60
|
}, [
|
|
60
61
|
i("img", {
|
|
61
62
|
src: t.fileInfo.previewUrl,
|
|
62
63
|
alt: "Image Preview",
|
|
63
64
|
class: "preview__image"
|
|
64
|
-
}, null, 8,
|
|
65
|
+
}, null, 8, O),
|
|
65
66
|
l[3] || (l[3] = i("div", { class: "preview__shadow" }, [
|
|
66
67
|
i("span", { class: "pi pi-plus-circle" })
|
|
67
68
|
], -1))
|
|
68
69
|
])) : t.fileInfo.isVideo ? (o(), n("div", {
|
|
69
70
|
key: 1,
|
|
70
71
|
style: { position: "relative" },
|
|
71
|
-
onClick: l[1] || (l[1] = (f) =>
|
|
72
|
+
onClick: l[1] || (l[1] = (f) => v.value = !0)
|
|
72
73
|
}, [
|
|
73
74
|
i("video", {
|
|
74
75
|
ref_key: "video",
|
|
75
76
|
ref: a,
|
|
76
77
|
src: t.fileInfo.previewUrl,
|
|
77
78
|
class: "preview__video"
|
|
78
|
-
}, null, 8,
|
|
79
|
+
}, null, 8, q),
|
|
79
80
|
l[4] || (l[4] = i("div", { class: "preview__shadow" }, [
|
|
80
81
|
i("span", { class: "pi pi-play" })
|
|
81
82
|
], -1))
|
|
82
|
-
])) : t.fileInfo.isAudio ? (o(), n("div",
|
|
83
|
+
])) : t.fileInfo.isAudio ? (o(), n("div", G, [
|
|
83
84
|
l[5] || (l[5] = i("span", {
|
|
84
85
|
class: "pi pi-headphones",
|
|
85
86
|
style: { "font-size": "1rem", margin: "auto" }
|
|
@@ -88,33 +89,33 @@ const D = { class: "preview__container" }, j = { class: "preview__block" }, F =
|
|
|
88
89
|
ref_key: "audio",
|
|
89
90
|
ref: e,
|
|
90
91
|
src: t.fileInfo.previewUrl
|
|
91
|
-
}, null, 8,
|
|
92
|
+
}, null, 8, H),
|
|
92
93
|
i("button", {
|
|
93
94
|
class: "preview__audio-control",
|
|
94
|
-
onClick:
|
|
95
|
+
onClick: P
|
|
95
96
|
}, [
|
|
96
|
-
k(i("span",
|
|
97
|
+
k(i("span", J, null, 512), [
|
|
97
98
|
[g, !u.value]
|
|
98
99
|
]),
|
|
99
|
-
k(i("span",
|
|
100
|
+
k(i("span", K, null, 512), [
|
|
100
101
|
[g, u.value]
|
|
101
102
|
])
|
|
102
103
|
])
|
|
103
|
-
])) : (o(), n("div",
|
|
104
|
+
])) : (o(), n("div", Q, [...l[6] || (l[6] = [
|
|
104
105
|
i("span", {
|
|
105
106
|
class: "pi pi-file",
|
|
106
107
|
style: { "font-size": "2.5rem" }
|
|
107
108
|
}, null, -1)
|
|
108
109
|
])]))
|
|
109
110
|
]),
|
|
110
|
-
i("div",
|
|
111
|
-
i("div",
|
|
112
|
-
i("span",
|
|
113
|
-
!t.fileInfo.isAudio && !t.fileInfo.isVideo ? (o(), n("span",
|
|
114
|
-
t.fileInfo.isAudio ? (o(), n("span",
|
|
115
|
-
t.fileInfo.isVideo ? (o(), n("span",
|
|
111
|
+
i("div", R, [
|
|
112
|
+
i("div", W, [
|
|
113
|
+
i("span", X, c(t.fileInfo.fileName), 1),
|
|
114
|
+
!t.fileInfo.isAudio && !t.fileInfo.isVideo ? (o(), n("span", Y, c(t.fileInfo.fileSize), 1)) : r("", !0),
|
|
115
|
+
t.fileInfo.isAudio ? (o(), n("span", Z, c(`${S.value} / ${y.value}`), 1)) : r("", !0),
|
|
116
|
+
t.fileInfo.isVideo ? (o(), n("span", ee, c(y.value), 1)) : r("", !0)
|
|
116
117
|
]),
|
|
117
|
-
i("div",
|
|
118
|
+
i("div", ie, [
|
|
118
119
|
i("span", {
|
|
119
120
|
class: "pi pi-times",
|
|
120
121
|
onClick: l[2] || (l[2] = (f) => E("reset"))
|
|
@@ -124,11 +125,11 @@ const D = { class: "preview__container" }, j = { class: "preview__block" }, F =
|
|
|
124
125
|
(o(), h(A, { to: "body" }, [
|
|
125
126
|
L(U, { name: "modal-fade" }, {
|
|
126
127
|
default: T(() => [
|
|
127
|
-
|
|
128
|
+
v.value ? (o(), h(z, {
|
|
128
129
|
key: 0,
|
|
129
130
|
theme: N(p)().theme ? N(p)().theme : "",
|
|
130
131
|
title: t.fileInfo.fileName,
|
|
131
|
-
onClose:
|
|
132
|
+
onClose: M
|
|
132
133
|
}, {
|
|
133
134
|
default: T(() => [
|
|
134
135
|
t.fileInfo.isVideo ? (o(), n("video", {
|
|
@@ -137,13 +138,13 @@ const D = { class: "preview__container" }, j = { class: "preview__block" }, F =
|
|
|
137
138
|
src: t.fileInfo.previewUrl,
|
|
138
139
|
controls: "",
|
|
139
140
|
autoplay: ""
|
|
140
|
-
}, null, 8,
|
|
141
|
+
}, null, 8, te)) : r("", !0),
|
|
141
142
|
t.fileInfo.isImage ? (o(), n("img", {
|
|
142
143
|
key: 1,
|
|
143
144
|
class: "preview__modal-image",
|
|
144
145
|
src: t.fileInfo.previewUrl,
|
|
145
146
|
alt: "Image Preview"
|
|
146
|
-
}, null, 8,
|
|
147
|
+
}, null, 8, le)) : r("", !0)
|
|
147
148
|
]),
|
|
148
149
|
_: 1
|
|
149
150
|
}, 8, ["theme", "title"])) : r("", !0)
|
|
@@ -155,5 +156,5 @@ const D = { class: "preview__container" }, j = { class: "preview__block" }, F =
|
|
|
155
156
|
}
|
|
156
157
|
});
|
|
157
158
|
export {
|
|
158
|
-
|
|
159
|
+
pe as default
|
|
159
160
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./StickerPicker.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-bbb6923b"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
i as default
|
|
7
7
|
};
|