@mobilon-dev/chotto 0.3.96 → 0.3.98

package/dist/components/2_chatinput_elements/ButtonTemplateSelector/ButtonTemplateSelector.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as T, inject as E, ref as i, computed as I, watchEffect as V, onMounted as q, onUnmounted as x, createElementBlock as y, openBlock as g, Fragment as A, createVNode as m, withCtx as h, createCommentVNode as N, unref as b, normalizeClass as W, createElementVNode as F, Transition as $, withDirectives as D, vShow as H } from "vue";
-import O from "../TemplateSelector/TemplateSelector.vue.js";
-import P from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageDraft as j } from "../../../hooks/useMessageDraft.js";
+import { defineComponent as S, inject as I, ref as s, computed as B, watchEffect as T, onMounted as w, onUnmounted as O } from "vue";
+import q from "../TemplateSelector/TemplateSelector.vue.js";
+import A from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageDraft as E } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
@@ -12,8 +12,8 @@ import "../../../locale/useLocale.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-import z from "./icons/ChatTemplatesIcon.vue.js";
-const R = { class: "" }, ne = /* @__PURE__ */ T({
+import M from "./icons/ChatTemplatesIcon.vue.js";
+const Q = /* @__PURE__ */ S({
   __name: "ButtonTemplateSelector",
   props: {
     templates: {
@@ -44,96 +44,60 @@ const R = { class: "" }, ne = /* @__PURE__ */ T({
       default: void 0
     }
   },
-  setup(l) {
-    const o = l, r = E("chatAppId"), { getMessage: w } = j(r || ""), k = i(null), e = i(null), s = i("#5F5F5F"), c = i("#404040"), d = i(!1);
-    let u = null;
-    const p = () => {
-      if (!r) {
-        s.value = "#5F5F5F", c.value = "#404040";
+  setup(d, { expose: v }) {
+    v();
+    const t = d, l = I("chatAppId"), { getMessage: f } = E(l || ""), y = s(null), e = s(null), a = s("#5F5F5F"), n = s("#404040"), c = s(!1);
+    let o = null;
+    const i = () => {
+      if (!l) {
+        a.value = "#5F5F5F", n.value = "#404040";
         return;
       }
-      const a = document.getElementById(r);
-      if (!a) {
-        s.value = "#5F5F5F", c.value = "#404040";
+      const r = document.getElementById(l);
+      if (!r) {
+        a.value = "#5F5F5F", n.value = "#404040";
         return;
       }
-      const t = window.getComputedStyle(a), n = t.getPropertyValue("--chotto-buttontemplateselector-button-span-color").trim(), S = t.getPropertyValue("--chotto-buttontemplateselector-button-span-hover-color").trim();
-      s.value = n || "#5F5F5F", c.value = S || "#404040";
-    }, C = I(() => d.value ? c.value : s.value);
-    V(() => {
-      p();
+      const u = window.getComputedStyle(r), p = u.getPropertyValue("--chotto-buttontemplateselector-button-span-color").trim(), C = u.getPropertyValue("--chotto-buttontemplateselector-button-span-hover-color").trim();
+      a.value = p || "#5F5F5F", n.value = C || "#404040";
+    }, h = B(() => c.value ? n.value : a.value);
+    T(() => {
+      i();
     });
-    const B = () => {
-      o.mode == "click" && o.state == "active" && e.value && (e.value.style.display == "none" ? e.value.style.display = "inherit" : e.value.style.display == "inherit" && (e.value.style.display = "none"));
-    }, v = () => {
-      o.mode == "hover" && o.state == "active" && e.value && (e.value.style.display = "inherit");
-    }, f = () => {
-      o.mode == "hover" && o.state == "active" && e.value && (e.value.style.display = "none");
-    }, M = () => {
+    const g = () => {
+      t.mode == "click" && t.state == "active" && e.value && (e.value.style.display == "none" ? e.value.style.display = "inherit" : e.value.style.display == "inherit" && (e.value.style.display = "none"));
+    }, b = () => {
+      t.mode == "hover" && t.state == "active" && e.value && (e.value.style.display = "inherit");
+    }, F = () => {
+      t.mode == "hover" && t.state == "active" && e.value && (e.value.style.display = "none");
+    }, _ = () => {
       e.value && (e.value.style.display = "none");
     };
-    return q(() => {
-      if (e.value && (e.value.style.display = "none"), p(), r) {
-        const a = document.getElementById(r);
-        a && (u = new MutationObserver((t) => {
-          t.forEach((n) => {
-            n.type === "attributes" && n.attributeName === "data-theme" && p();
+    w(() => {
+      if (e.value && (e.value.style.display = "none"), i(), l) {
+        const r = document.getElementById(l);
+        r && (o = new MutationObserver((u) => {
+          u.forEach((p) => {
+            p.type === "attributes" && p.attributeName === "data-theme" && i();
           });
-        }), u.observe(a, {
+        }), o.observe(r, {
           attributes: !0,
           attributeFilter: ["data-theme"]
         }));
       }
-    }), x(() => {
-      u && (u.disconnect(), u = null);
-    }), (a, t) => (g(), y(A, null, [
-      m(P, {
-        text: "Шаблоны сообщений",
-        position: "left"
-      }, {
-        default: h(() => [
-          b(w)().isRecording ? N("", !0) : (g(), y("button", {
-            key: 0,
-            ref_key: "templateButton",
-            ref: k,
-            class: W(["button-template", { "button-template-disabled": l.state == "disabled" }]),
-            onClick: B,
-            onMouseover: v,
-            onMouseout: f,
-            onMouseenter: t[0] || (t[0] = (n) => d.value = !0),
-            onMouseleave: t[1] || (t[1] = (n) => d.value = !1)
-          }, [
-            F("span", R, [
-              m(b(z), { fill: C.value }, null, 8, ["fill"])
-            ])
-          ], 34))
-        ]),
-        _: 1
-      }),
-      m($, null, {
-        default: h(() => [
-          D(F("div", {
-            ref_key: "template",
-            ref: e,
-            onMouseover: v,
-            onMouseout: f
-          }, [
-            m(O, {
-              templates: l.templates,
-              "group-templates": l.groupTemplates,
-              "elevated-window": l.elevatedWindow,
-              "chat-background": l.chatBackground,
-              onCloseTemplateWindow: M
-            }, null, 8, ["templates", "group-templates", "elevated-window", "chat-background"])
-          ], 544), [
-            [H, o.state === "active"]
-          ])
-        ]),
-        _: 1
-      })
-    ], 64));
+    }), O(() => {
+      o && (o.disconnect(), o = null);
+    });
+    const m = { props: t, chatAppId: l, getMessage: f, templateButton: y, template: e, iconFillColor: a, iconHoverColor: n, isHovered: c, get themeObserver() {
+      return o;
+    }, set themeObserver(r) {
+      o = r;
+    }, updateIconColor: i, currentIconColor: h, toggle: g, hover: b, hoverout: F, close: _, TemplateSelector: q, Tooltip: A, get ChatTemplatesIcon() {
+      return M;
+    } };
+    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
   }
 });
 export {
-  ne as default
+  Q as default
 };

package/dist/components/2_chatinput_elements/ButtonTemplateSelector/icons/ChatTemplatesIcon.vue.js

@@ -1,28 +1,26 @@
-import { defineComponent as l, createElementBlock as t, openBlock as n, createElementVNode as e } from "vue";
-const o = {
+import e from "./ChatTemplatesIcon.vue2.js";
+import { createElementBlock as o, openBlock as l, createElementVNode as t } from "vue";
+import n from "../../../../_virtual/_plugin-vue_export-helper.js";
+const c = {
   width: "26",
   height: "26",
   viewBox: "0 0 26 26",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, i = ["fill"], s = ["fill"], h = /* @__PURE__ */ l({
-  __name: "ChatTemplatesIcon",
-  props: {
-    fill: { default: "#5F5F5F" }
-  },
-  setup(C) {
-    return (c, f) => (n(), t("svg", o, [
-      e("path", {
-        d: "M22.75 1.625C23.181 1.625 23.5943 1.7962 23.899 2.10095C24.2038 2.4057 24.375 2.81902 24.375 3.25V16.25C24.375 16.681 24.2038 17.0943 23.899 17.399C23.5943 17.7038 23.181 17.875 22.75 17.875H18.6875C18.183 17.875 17.6853 17.9925 17.2341 18.2181C16.7828 18.4438 16.3902 18.7714 16.0875 19.175L13 23.2911L9.9125 19.175C9.60977 18.7714 9.21722 18.4438 8.76594 18.2181C8.31466 17.9925 7.81705 17.875 7.3125 17.875H3.25C2.81902 17.875 2.4057 17.7038 2.10095 17.399C1.7962 17.0943 1.625 16.681 1.625 16.25V3.25C1.625 2.81902 1.7962 2.4057 2.10095 2.10095C2.4057 1.7962 2.81902 1.625 3.25 1.625H22.75ZM3.25 0C2.38805 0 1.5614 0.34241 0.951903 0.951903C0.34241 1.5614 0 2.38805 0 3.25L0 16.25C0 17.112 0.34241 17.9386 0.951903 18.5481C1.5614 19.1576 2.38805 19.5 3.25 19.5H7.3125C7.56477 19.5 7.81358 19.5587 8.03922 19.6716C8.26486 19.7844 8.46114 19.9482 8.6125 20.15L11.7 24.2661C11.8514 24.4679 12.0476 24.6318 12.2733 24.7446C12.4989 24.8574 12.7477 24.9161 13 24.9161C13.2523 24.9161 13.5011 24.8574 13.7267 24.7446C13.9524 24.6318 14.1486 24.4679 14.3 24.2661L17.3875 20.15C17.5389 19.9482 17.7351 19.7844 17.9608 19.6716C18.1864 19.5587 18.4352 19.5 18.6875 19.5H22.75C23.612 19.5 24.4386 19.1576 25.0481 18.5481C25.6576 17.9386 26 17.112 26 16.25V3.25C26 2.38805 25.6576 1.5614 25.0481 0.951903C24.4386 0.34241 23.612 0 22.75 0L3.25 0Z",
-        fill: C.fill
-      }, null, 8, i),
-      e("path", {
-        d: "M4.875 5.6875C4.875 5.47201 4.9606 5.26535 5.11298 5.11298C5.26535 4.9606 5.47201 4.875 5.6875 4.875H20.3125C20.528 4.875 20.7347 4.9606 20.887 5.11298C21.0394 5.26535 21.125 5.47201 21.125 5.6875C21.125 5.90299 21.0394 6.10965 20.887 6.26202C20.7347 6.4144 20.528 6.5 20.3125 6.5H5.6875C5.47201 6.5 5.26535 6.4144 5.11298 6.26202C4.9606 6.10965 4.875 5.90299 4.875 5.6875ZM4.875 9.75C4.875 9.53451 4.9606 9.32785 5.11298 9.17548C5.26535 9.0231 5.47201 8.9375 5.6875 8.9375H20.3125C20.528 8.9375 20.7347 9.0231 20.887 9.17548C21.0394 9.32785 21.125 9.53451 21.125 9.75C21.125 9.96549 21.0394 10.1722 20.887 10.3245C20.7347 10.4769 20.528 10.5625 20.3125 10.5625H5.6875C5.47201 10.5625 5.26535 10.4769 5.11298 10.3245C4.9606 10.1722 4.875 9.96549 4.875 9.75ZM4.875 13.8125C4.875 13.597 4.9606 13.3903 5.11298 13.238C5.26535 13.0856 5.47201 13 5.6875 13H13.8125C14.028 13 14.2347 13.0856 14.387 13.238C14.5394 13.3903 14.625 13.597 14.625 13.8125C14.625 14.028 14.5394 14.2347 14.387 14.387C14.2347 14.5394 14.028 14.625 13.8125 14.625H5.6875C5.47201 14.625 5.26535 14.5394 5.11298 14.387C4.9606 14.2347 4.875 14.028 4.875 13.8125Z",
-        fill: C.fill
-      }, null, 8, s)
-    ]));
-  }
-});
+}, s = ["fill"], i = ["fill"];
+function r(a, _, C, p, f, h) {
+  return l(), o("svg", c, [
+    t("path", {
+      d: "M22.75 1.625C23.181 1.625 23.5943 1.7962 23.899 2.10095C24.2038 2.4057 24.375 2.81902 24.375 3.25V16.25C24.375 16.681 24.2038 17.0943 23.899 17.399C23.5943 17.7038 23.181 17.875 22.75 17.875H18.6875C18.183 17.875 17.6853 17.9925 17.2341 18.2181C16.7828 18.4438 16.3902 18.7714 16.0875 19.175L13 23.2911L9.9125 19.175C9.60977 18.7714 9.21722 18.4438 8.76594 18.2181C8.31466 17.9925 7.81705 17.875 7.3125 17.875H3.25C2.81902 17.875 2.4057 17.7038 2.10095 17.399C1.7962 17.0943 1.625 16.681 1.625 16.25V3.25C1.625 2.81902 1.7962 2.4057 2.10095 2.10095C2.4057 1.7962 2.81902 1.625 3.25 1.625H22.75ZM3.25 0C2.38805 0 1.5614 0.34241 0.951903 0.951903C0.34241 1.5614 0 2.38805 0 3.25L0 16.25C0 17.112 0.34241 17.9386 0.951903 18.5481C1.5614 19.1576 2.38805 19.5 3.25 19.5H7.3125C7.56477 19.5 7.81358 19.5587 8.03922 19.6716C8.26486 19.7844 8.46114 19.9482 8.6125 20.15L11.7 24.2661C11.8514 24.4679 12.0476 24.6318 12.2733 24.7446C12.4989 24.8574 12.7477 24.9161 13 24.9161C13.2523 24.9161 13.5011 24.8574 13.7267 24.7446C13.9524 24.6318 14.1486 24.4679 14.3 24.2661L17.3875 20.15C17.5389 19.9482 17.7351 19.7844 17.9608 19.6716C18.1864 19.5587 18.4352 19.5 18.6875 19.5H22.75C23.612 19.5 24.4386 19.1576 25.0481 18.5481C25.6576 17.9386 26 17.112 26 16.25V3.25C26 2.38805 25.6576 1.5614 25.0481 0.951903C24.4386 0.34241 23.612 0 22.75 0L3.25 0Z",
+      fill: C.fill
+    }, null, 8, s),
+    t("path", {
+      d: "M4.875 5.6875C4.875 5.47201 4.9606 5.26535 5.11298 5.11298C5.26535 4.9606 5.47201 4.875 5.6875 4.875H20.3125C20.528 4.875 20.7347 4.9606 20.887 5.11298C21.0394 5.26535 21.125 5.47201 21.125 5.6875C21.125 5.90299 21.0394 6.10965 20.887 6.26202C20.7347 6.4144 20.528 6.5 20.3125 6.5H5.6875C5.47201 6.5 5.26535 6.4144 5.11298 6.26202C4.9606 6.10965 4.875 5.90299 4.875 5.6875ZM4.875 9.75C4.875 9.53451 4.9606 9.32785 5.11298 9.17548C5.26535 9.0231 5.47201 8.9375 5.6875 8.9375H20.3125C20.528 8.9375 20.7347 9.0231 20.887 9.17548C21.0394 9.32785 21.125 9.53451 21.125 9.75C21.125 9.96549 21.0394 10.1722 20.887 10.3245C20.7347 10.4769 20.528 10.5625 20.3125 10.5625H5.6875C5.47201 10.5625 5.26535 10.4769 5.11298 10.3245C4.9606 10.1722 4.875 9.96549 4.875 9.75ZM4.875 13.8125C4.875 13.597 4.9606 13.3903 5.11298 13.238C5.26535 13.0856 5.47201 13 5.6875 13H13.8125C14.028 13 14.2347 13.0856 14.387 13.238C14.5394 13.3903 14.625 13.597 14.625 13.8125C14.625 14.028 14.5394 14.2347 14.387 14.387C14.2347 14.5394 14.028 14.625 13.8125 14.625H5.6875C5.47201 14.625 5.26535 14.5394 5.11298 14.387C4.9606 14.2347 4.875 14.028 4.875 13.8125Z",
+      fill: C.fill
+    }, null, 8, i)
+  ]);
+}
+const u = /* @__PURE__ */ n(e, [["render", r], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatinput_elements/ButtonTemplateSelector/icons/ChatTemplatesIcon.vue"]]);
 export {
-  h as default
+  u as default
 };

package/dist/components/2_chatinput_elements/ButtonTemplateSelector/icons/ChatTemplatesIcon.vue2.js

@@ -1,4 +1,15 @@
-import f from "./ChatTemplatesIcon.vue.js";
+import { defineComponent as r } from "vue";
+const o = /* @__PURE__ */ r({
+  __name: "ChatTemplatesIcon",
+  props: {
+    fill: { type: String, required: !1, default: "#5F5F5F" }
+  },
+  setup(p, { expose: t }) {
+    t();
+    const e = {};
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+});
 export {
-  f as default
+  o as default
 };

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

@@ -1,11 +1,11 @@
-import { provide as h, inject as k, ref as s, onMounted as w, createElementBlock as i, openBlock as u, Fragment as B, createCommentVNode as W, createElementVNode as p, unref as S, normalizeClass as T, createVNode as M } from "vue";
-import V from "../WABATemplateSelector/WABATemplateSelector.vue.js";
-import { useMessageDraft as A } from "../../../hooks/useMessageDraft.js";
+import { createElementBlock as p, openBlock as c, Fragment as S, createCommentVNode as w, createElementVNode as d, normalizeClass as T, createVNode as k, provide as m, inject as f, ref as r, onMounted as v } from "vue";
+import M from "../WABATemplateSelector/WABATemplateSelector.vue.js";
+import { useMessageDraft as b } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
-import q from "../../../_virtual/_plugin-vue_export-helper.js";
+import V from "../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
@@ -13,7 +13,7 @@ import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
 /* empty css                                */
-const C = {
+const A = {
   __name: "ButtonWabaTemplateSelector",
   props: {
     wabaTemplates: {
@@ -49,54 +49,83 @@ const C = {
     }
   },
   emits: ["sendWabaValues"],
-  setup(a, { emit: d }) {
-    const t = a;
-    h("filebumpUrl", t.filebumpUrl);
-    const m = k("chatAppId"), { getMessage: c } = A(m), f = s(null), e = s(null), y = d, v = () => {
-      t.mode == "click" && t.state == "active" && (e.value.style.display == "none" ? e.value.style.display = "inherit" : e.value.style.display == "inherit" && (e.value.style.display = "none"));
-    }, o = () => {
-      t.mode == "hover" && t.state == "active" && (e.value.style.display = "inherit");
-    }, l = () => {
-      t.mode == "hover" && t.state == "active" && (e.value.style.display = "none");
-    }, b = () => {
-      e.value.style.display = "none";
+  setup(n, { expose: o, emit: a }) {
+    o();
+    const e = n;
+    m("filebumpUrl", e.filebumpUrl);
+    const l = f("chatAppId"), { getMessage: s } = b(l), y = r(null), t = r(null), i = a, g = () => {
+      e.mode == "click" && e.state == "active" && (t.value.style.display == "none" ? t.value.style.display = "inherit" : t.value.style.display == "inherit" && (t.value.style.display = "none"));
+    }, h = () => {
+      e.mode == "hover" && e.state == "active" && (t.value.style.display = "inherit");
+    }, _ = () => {
+      e.mode == "hover" && e.state == "active" && (t.value.style.display = "none");
+    }, W = () => {
+      t.value.style.display = "none";
     };
-    w(() => {
-      e.value.style.display = "none";
+    v(() => {
+      t.value.style.display = "none";
     });
-    const g = (n) => {
-      y("sendWabaValues", n);
-    };
-    return (n, r) => (u(), i(B, null, [
-      S(c)().isRecording ? W("", !0) : (u(), i("button", {
-        key: 0,
-        ref_key: "templateButton",
-        ref: f,
-        class: T(["button-template", { "button-template-disabled": a.state == "disabled" }]),
-        onClick: v,
-        onMouseover: o,
-        onMouseout: l
-      }, [...r[0] || (r[0] = [
-        p("span", { class: "pi pi-code" }, null, -1)
-      ])], 34)),
-      p("div", {
-        ref_key: "template",
-        ref: e,
-        onMouseover: o,
-        onMouseout: l
-      }, [
-        M(V, {
-          "waba-templates": a.wabaTemplates,
-          "group-templates": a.groupTemplates,
-          "elevated-window": a.elevatedWindow,
-          "chat-background": a.chatBackground,
-          onCloseTemplateWindow: b,
-          onSendWabaValues: g
-        }, null, 8, ["waba-templates", "group-templates", "elevated-window", "chat-background"])
-      ], 544)
-    ], 64));
+    const u = { props: e, chatAppId: l, getMessage: s, templateButton: y, template: t, emit: i, toggle: g, hover: h, hoverout: _, close: W, sendWabaValues: (B) => {
+      i("sendWabaValues", B);
+    }, ref: r, onMounted: v, provide: m, inject: f, WABATemplateSelector: M, get useMessageDraft() {
+      return b;
+    } };
+    return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
   }
-}, O = /* @__PURE__ */ q(C, [["__scopeId", "data-v-e300d7b9"]]);
+};
+function q(n, o, a, e, l, s) {
+  return c(), p(
+    S,
+    null,
+    [
+      e.getMessage().isRecording ? w("v-if", !0) : (c(), p(
+        "button",
+        {
+          key: 0,
+          ref: "templateButton",
+          class: T(["button-template", { "button-template-disabled": a.state == "disabled" }]),
+          onClick: e.toggle,
+          onMouseover: e.hover,
+          onMouseout: e.hoverout
+        },
+        [...o[0] || (o[0] = [
+          d(
+            "span",
+            { class: "pi pi-code" },
+            null,
+            -1
+            /* CACHED */
+          )
+        ])],
+        34
+        /* CLASS, NEED_HYDRATION */
+      )),
+      d(
+        "div",
+        {
+          ref: "template",
+          onMouseover: e.hover,
+          onMouseout: e.hoverout
+        },
+        [
+          k(e.WABATemplateSelector, {
+            "waba-templates": a.wabaTemplates,
+            "group-templates": a.groupTemplates,
+            "elevated-window": a.elevatedWindow,
+            "chat-background": a.chatBackground,
+            onCloseTemplateWindow: e.close,
+            onSendWabaValues: e.sendWabaValues
+          }, null, 8, ["waba-templates", "group-templates", "elevated-window", "chat-background"])
+        ],
+        544
+        /* NEED_HYDRATION, NEED_PATCH */
+      )
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const K = /* @__PURE__ */ V(A, [["render", q], ["__scopeId", "data-v-367ee7e9"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatinput_elements/ButtonWabaTemplateSelector/ButtonWabaTemplateSelector.vue"]]);
 export {
-  O as default
+  K as default
 };

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

@@ -1,7 +1,185 @@
-import o from "./FilePreview.vue2.js";
+import v from "./FilePreview.vue2.js";
+import { createElementBlock as t, openBlock as l, createElementVNode as e, createBlock as d, withDirectives as _, vShow as f, createCommentVNode as n, toDisplayString as a, Teleport as m, createVNode as p, Transition as w, withCtx as c } from "vue";
 /* empty css                 */
-import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-94cf2f67"]]);
+import u from "../../../_virtual/_plugin-vue_export-helper.js";
+const y = { class: "preview__container" }, I = { class: "preview__block" }, h = ["src"], k = ["src"], g = {
+  key: 2,
+  style: { display: "flex", gap: "5px" }
+}, P = ["src"], C = { class: "pi pi-play" }, V = { class: "pi pi-pause" }, x = { key: 3 }, b = { class: "preview__control-block" }, M = { class: "preview__information" }, N = { class: "preview__name" }, T = {
+  key: 0,
+  class: "preview__size"
+}, U = {
+  key: 1,
+  class: "preview__audio-time"
+}, z = {
+  key: 2,
+  class: "preview__audio-time"
+}, D = { class: "preview__reset" }, F = ["src"], A = ["src"];
+function B(O, o, i, s, S, E) {
+  return l(), t("div", y, [
+    e("div", I, [
+      i.fileInfo.isImage ? (l(), t("div", {
+        key: 0,
+        style: { position: "relative" },
+        onClick: o[0] || (o[0] = (r) => s.isOpenModal = !0)
+      }, [
+        e("img", {
+          src: i.fileInfo.previewUrl,
+          alt: "Image Preview",
+          class: "preview__image"
+        }, null, 8, h),
+        o[3] || (o[3] = e(
+          "div",
+          { class: "preview__shadow" },
+          [
+            e("span", { class: "pi pi-plus-circle" })
+          ],
+          -1
+          /* CACHED */
+        ))
+      ])) : i.fileInfo.isVideo ? (l(), t("div", {
+        key: 1,
+        style: { position: "relative" },
+        onClick: o[1] || (o[1] = (r) => s.isOpenModal = !0)
+      }, [
+        e("video", {
+          ref: "video",
+          src: i.fileInfo.previewUrl,
+          class: "preview__video"
+        }, null, 8, k),
+        o[4] || (o[4] = e(
+          "div",
+          { class: "preview__shadow" },
+          [
+            e("span", { class: "pi pi-play" })
+          ],
+          -1
+          /* CACHED */
+        ))
+      ])) : i.fileInfo.isAudio ? (l(), t("div", g, [
+        o[5] || (o[5] = e(
+          "span",
+          {
+            class: "pi pi-headphones",
+            style: { "font-size": "1rem", margin: "auto" }
+          },
+          null,
+          -1
+          /* CACHED */
+        )),
+        e("audio", {
+          ref: "audio",
+          src: i.fileInfo.previewUrl
+        }, null, 8, P),
+        e("button", {
+          class: "preview__audio-control",
+          onClick: s.togglePlayPause
+        }, [
+          _(e(
+            "span",
+            C,
+            null,
+            512
+            /* NEED_PATCH */
+          ), [
+            [f, !s.isPlaying]
+          ]),
+          _(e(
+            "span",
+            V,
+            null,
+            512
+            /* NEED_PATCH */
+          ), [
+            [f, s.isPlaying]
+          ])
+        ])
+      ])) : (l(), t("div", x, [...o[6] || (o[6] = [
+        e(
+          "span",
+          {
+            class: "pi pi-file",
+            style: { "font-size": "2.5rem" }
+          },
+          null,
+          -1
+          /* CACHED */
+        )
+      ])]))
+    ]),
+    e("div", b, [
+      e("div", M, [
+        e(
+          "span",
+          N,
+          a(i.fileInfo.fileName),
+          1
+          /* TEXT */
+        ),
+        !i.fileInfo.isAudio && !i.fileInfo.isVideo ? (l(), t(
+          "span",
+          T,
+          a(i.fileInfo.fileSize),
+          1
+          /* TEXT */
+        )) : n("v-if", !0),
+        i.fileInfo.isAudio ? (l(), t(
+          "span",
+          U,
+          a(`${s.formatCurrentTime} / ${s.formatDuration}`),
+          1
+          /* TEXT */
+        )) : n("v-if", !0),
+        i.fileInfo.isVideo ? (l(), t(
+          "span",
+          z,
+          a(s.formatDuration),
+          1
+          /* TEXT */
+        )) : n("v-if", !0)
+      ]),
+      e("div", D, [
+        e("span", {
+          class: "pi pi-times",
+          onClick: o[2] || (o[2] = (r) => s.emit("reset"))
+        })
+      ])
+    ]),
+    (l(), d(m, { to: "body" }, [
+      p(w, { name: "modal-fade" }, {
+        default: c(() => [
+          s.isOpenModal ? (l(), d(s.ModalFullscreen, {
+            key: 0,
+            theme: s.getTheme().theme ? s.getTheme().theme : "",
+            title: i.fileInfo.fileName,
+            onClose: s.closeModal
+          }, {
+            default: c(() => [
+              i.fileInfo.isVideo ? (l(), t("video", {
+                key: 0,
+                class: "preview__modal-video",
+                src: i.fileInfo.previewUrl,
+                controls: "",
+                autoplay: ""
+              }, null, 8, F)) : n("v-if", !0),
+              i.fileInfo.isImage ? (l(), t("img", {
+                key: 1,
+                class: "preview__modal-image",
+                src: i.fileInfo.previewUrl,
+                alt: "Image Preview"
+              }, null, 8, A)) : n("v-if", !0)
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["theme", "title"])) : n("v-if", !0)
+        ]),
+        _: 1
+        /* STABLE */
+      })
+    ]))
+  ]);
+}
+const J = /* @__PURE__ */ u(v, [["render", B], ["__scopeId", "data-v-a48ddb15"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatinput_elements/FilePreview/FilePreview.vue"]]);
 export {
-  i as default
+  J as default
 };