@dv.net/ui-kit 7.4.1 → 7.5.0

package/dist/assets/{UiAvatar.vue_vue_type_script_setup_true_lang.CqOkYtri.js → UiAvatar.vue_vue_type_script_setup_true_lang.D1vn5qXx.js}

@@ -1,13 +1,20 @@
-import { defineComponent as v, computed as n, useId as _, createElementBlock as o, openBlock as a, normalizeStyle as f, normalizeClass as k, createVNode as e, createElementVNode as r, unref as s, Fragment as p, createTextVNode as u, toDisplayString as h } from "vue";
+import { defineComponent as v, computed as n, useId as _, createElementBlock as o, openBlock as i, normalizeStyle as f, normalizeClass as k, createVNode as r, createElementVNode as e, unref as s, Fragment as p, createTextVNode as u, toDisplayString as h } from "vue";
 import { _ as d } from "./AvatarMask.vue_vue_type_script_setup_true_lang.DknpN85J.js";
 import "./vue3-lottie.es.BGWavb2-.js";
-import "./style.CD0jFgS4.js";
+import "./style.C3xG1ALc.js";
 import { _ as y } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
 /* empty css                                                */
-/* empty css                                                         */
+/* empty css                                                        */
+import "../config/index.js";
+/* empty css                                                   */
+/* empty css                                                           */
+/* empty css                                                    */
 /* empty css                                                    */
+/* empty css                                                                  */
+/* empty css                                                       */
+/* empty css                                                            */
 import "./useDatePicker.DnhbkLG1.js";
-import "../config/index.js";
+/* empty css                                                         */
 /* empty css                                                           */
 import "../components/UiDatepicker/composables/useDatePickerPresets.js";
 /* empty css                                                       */
@@ -22,13 +29,11 @@ import "vue-router";
 /* empty css                                                */
 /* empty css                                                 */
 /* empty css                                                      */
-/* empty css                                                        */
 /* empty css                                                    */
 /* empty css                                                */
 /* empty css                                                    */
 /* empty css                                                               */
-/* empty css                                                    */
-const g = { class: "ui-avatar__inner" }, z = ["id"], b = ["mask"], $ = { class: "ui-avatar__avatar" }, j = ["src"], B = { class: "ui-avatar__status" }, it = /* @__PURE__ */ v({
+const g = { class: "ui-avatar__inner" }, z = ["id"], b = ["mask"], $ = { class: "ui-avatar__avatar" }, j = ["src"], B = { class: "ui-avatar__status" }, ct = /* @__PURE__ */ v({
   __name: "UiAvatar",
   props: {
     avatar: {},
@@ -37,8 +42,8 @@ const g = { class: "ui-avatar__inner" }, z = ["id"], b = ["mask"], $ = { class:
     status: { default: "reject" },
     clickable: { type: Boolean }
   },
-  setup(i) {
-    const c = n(() => i.email ? (i.email[0] ?? "") + (i.email[1] ?? "") : null), l = _(), m = n(() => ({
+  setup(a) {
+    const m = n(() => a.email ? (a.email[0] ?? "") + (a.email[1] ?? "") : null), c = _(), l = n(() => ({
       success: {
         icon: "check-circle  1",
         color: "var(--color-icon-positive)"
@@ -56,39 +61,39 @@ const g = { class: "ui-avatar__inner" }, z = ["id"], b = ["mask"], $ = { class:
         color: "var(--color-icon-tertiary)"
       }
     }));
-    return (t, E) => (a(), o("div", {
+    return (t, E) => (i(), o("div", {
       class: k(["ui-avatar", [`size-${t.size}`, { clickable: t.clickable }]]),
-      style: f({ color: m.value[t.email ? t.status : "default"].color })
+      style: f({ color: l.value[t.email ? t.status : "default"].color })
     }, [
-      e(d, {
+      r(d, {
         isTransparent: "",
         class: "ui-avatar__mask"
       }),
-      (a(), o("svg", g, [
-        r("mask", { id: s(l) }, [
-          e(d)
+      (i(), o("svg", g, [
+        e("mask", { id: s(c) }, [
+          r(d)
         ], 8, z),
-        (a(), o("foreignObject", {
-          mask: `url(#${s(l)})`,
+        (i(), o("foreignObject", {
+          mask: `url(#${s(c)})`,
           width: "100%",
           height: "100%"
         }, [
-          r("div", $, [
-            t.avatar ? (a(), o("img", {
+          e("div", $, [
+            t.avatar ? (i(), o("img", {
               key: 0,
               src: t.avatar
-            }, null, 8, j)) : c.value ? (a(), o(p, { key: 1 }, [
-              u(h(c.value), 1)
-            ], 64)) : (a(), o(p, { key: 2 }, [
+            }, null, 8, j)) : m.value ? (i(), o(p, { key: 1 }, [
+              u(h(m.value), 1)
+            ], 64)) : (i(), o(p, { key: 2 }, [
               u("-")
             ], 64))
           ])
         ], 8, b))
       ])),
-      r("div", B, [
-        e(s(y), {
+      e("div", B, [
+        r(s(y), {
           type: "100",
-          name: m.value[t.status].icon,
+          name: l.value[t.status].icon,
           size: "fill"
         }, null, 8, ["name"])
       ])
@@ -96,5 +101,5 @@ const g = { class: "ui-avatar__inner" }, z = ["id"], b = ["mask"], $ = { class:
   }
 });
 export {
-  it as _
+  ct as _
 };

package/dist/assets/{UiBlockTitle.vue_vue_type_script_setup_true_lang.CDQzSyvH.js → UiBlockTitle.vue_vue_type_script_setup_true_lang.D3gstLQO.js}

@@ -1,11 +1,18 @@
-import { defineComponent as l, createElementBlock as r, openBlock as e, renderSlot as a, createElementVNode as s, createCommentVNode as n, toDisplayString as i, createVNode as c, unref as m, withCtx as p, Fragment as _, renderList as u, createBlock as d, createTextVNode as f } from "vue";
+import { defineComponent as l, createElementBlock as r, openBlock as o, renderSlot as a, createElementVNode as s, createCommentVNode as n, toDisplayString as i, createVNode as c, unref as m, withCtx as p, Fragment as _, renderList as u, createBlock as d, createTextVNode as f } from "vue";
 import "./vue3-lottie.es.BGWavb2-.js";
-import "./style.CD0jFgS4.js";
+import "./style.C3xG1ALc.js";
 /* empty css                                                */
-/* empty css                                                         */
+/* empty css                                                        */
+import "../config/index.js";
+/* empty css                                                   */
+/* empty css                                                           */
+/* empty css                                                    */
 /* empty css                                                    */
+/* empty css                                                                  */
+/* empty css                                                       */
+/* empty css                                                            */
 import "./useDatePicker.DnhbkLG1.js";
-import "../config/index.js";
+/* empty css                                                         */
 /* empty css                                                           */
 import "../components/UiDatepicker/composables/useDatePickerPresets.js";
 /* empty css                                                       */
@@ -20,27 +27,25 @@ import "vue-router";
 /* empty css                                                */
 /* empty css                                                 */
 /* empty css                                                      */
-/* empty css                                                        */
 /* empty css                                                    */
 import { _ as h } from "./UiTabs.vue_vue_type_script_setup_true_lang.Cl2uvELZ.js";
 /* empty css                                                */
 import { _ as k } from "./UiTabsItem.vue_vue_type_script_setup_true_lang.XvsBaqkr.js";
 /* empty css                                                    */
 /* empty css                                                               */
-/* empty css                                                    */
 const V = { class: "ui-block-title" }, v = {
   key: 0,
   class: "ui-block-title__title"
-}, B = { class: "ui-block-title__nav" }, x = /* @__PURE__ */ l({
+}, B = { class: "ui-block-title__nav" }, it = /* @__PURE__ */ l({
   __name: "UiBlockTitle",
   props: {
     title: {},
     links: {}
   },
   setup(N) {
-    return (t, $) => (e(), r("div", V, [
+    return (t, $) => (o(), r("div", V, [
       a(t.$slots, "default", {}, () => [
-        t.title ? (e(), r("h1", v, i(t.title), 1)) : n("", !0)
+        t.title ? (o(), r("h1", v, i(t.title), 1)) : n("", !0)
       ]),
       s("nav", B, [
         c(m(h), {
@@ -50,12 +55,12 @@ const V = { class: "ui-block-title" }, v = {
           modelValue: t.$route?.path
         }, {
           default: p(() => [
-            (e(!0), r(_, null, u(t.links, (o) => (e(), d(m(k), {
-              value: o?.path,
-              key: o?.path
+            (o(!0), r(_, null, u(t.links, (e) => (o(), d(m(k), {
+              value: e?.path,
+              key: e?.path
             }, {
               default: p(() => [
-                f(i(o.title), 1)
+                f(i(e.title), 1)
               ]),
               _: 2
             }, 1032, ["value"]))), 128))
@@ -67,5 +72,5 @@ const V = { class: "ui-block-title" }, v = {
   }
 });
 export {
-  x as _
+  it as _
 };

package/dist/assets/{UiButton.vue_vue_type_script_setup_true_lang.CAgnUvIV.js → UiButton.vue_vue_type_script_setup_true_lang.C58Ve9-q.js}

@@ -1,12 +1,20 @@
-import { defineComponent as u, useAttrs as d, computed as f, createBlock as c, openBlock as o, resolveDynamicComponent as y, mergeProps as g, unref as n, withCtx as I, createElementBlock as t, createCommentVNode as i, createVNode as r, renderSlot as h } from "vue";
-import { _ as a } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { defineComponent as d, useAttrs as f, computed as c, createBlock as y, openBlock as e, resolveDynamicComponent as g, mergeProps as I, unref as a, withCtx as h, createElementBlock as t, createCommentVNode as i, createVNode as r, createElementVNode as z, renderSlot as b } from "vue";
+import { _ as p } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
 /* empty css                                                */
 import "./vue3-lottie.es.BGWavb2-.js";
-import "./style.CD0jFgS4.js";
-/* empty css                                                         */
+import "./style.C3xG1ALc.js";
+import { _ as C } from "./UiLoading.vue_vue_type_script_setup_true_lang.cWPzNcNZ.js";
+/* empty css                                                        */
+import "../config/index.js";
+/* empty css                                                   */
+/* empty css                                                           */
+/* empty css                                                    */
 /* empty css                                                    */
+/* empty css                                                                  */
+/* empty css                                                       */
+/* empty css                                                            */
 import "./useDatePicker.DnhbkLG1.js";
-import "../config/index.js";
+/* empty css                                                         */
 /* empty css                                                           */
 import "../components/UiDatepicker/composables/useDatePickerPresets.js";
 /* empty css                                                       */
@@ -19,25 +27,22 @@ import "../components/UiDatepicker/composables/useDatePickerPresets.js";
 /* empty css                                                      */
 import "vue-router";
 /* empty css                                                */
-import { _ as z } from "./UiLoading.vue_vue_type_script_setup_true_lang.D452h_BA.js";
 /* empty css                                                 */
 /* empty css                                                      */
-/* empty css                                                        */
 /* empty css                                                    */
 /* empty css                                                */
 /* empty css                                                    */
 /* empty css                                                               */
-/* empty css                                                    */
-const C = {
+const T = {
   key: 0,
   class: "ui-button__icon-slot"
-}, b = {
+}, N = {
   key: 1,
   class: "ui-button__content"
-}, T = {
+}, k = {
   key: 2,
   class: "ui-button__icon-slot"
-}, ee = /* @__PURE__ */ u({
+}, no = /* @__PURE__ */ d({
   __name: "UiButton",
   props: {
     link: { type: Boolean },
@@ -59,52 +64,53 @@ const C = {
     to: {},
     outlineTypeColor: {}
   },
-  setup(p) {
-    const l = d(), s = p, m = f(() => l.href ? "a" : s.to ? "router-link" : "button");
-    return (e, k) => (o(), c(y(m.value), g(n(l), {
+  setup(s) {
+    const l = f(), m = s, u = c(() => l.href ? "a" : m.to ? "router-link" : "button");
+    return (o, n) => (e(), y(g(u.value), I(a(l), {
       class: ["ui-button", [
-        `size-${e.size}`,
-        `type-${e.type}`,
-        `mode-${e.mode}`,
+        `size-${o.size}`,
+        `type-${o.type}`,
+        `mode-${o.mode}`,
         {
-          "is-loading": e.loading
+          "is-loading": o.loading
         }
       ]],
-      target: e.target,
-      to: e.to,
-      disabled: e.disabled || e.loading,
-      type: e.nativeType,
-      style: e.outlineTypeColor && e.type === "outline" && { "--color-state-accent": e.outlineTypeColor }
+      target: o.target,
+      to: o.to,
+      disabled: o.disabled || o.loading,
+      type: o.nativeType,
+      style: o.outlineTypeColor && o.type === "outline" && { "--color-state-accent": o.outlineTypeColor }
     }), {
-      default: I(() => [
-        e.leftIconName ? (o(), t("span", C, [
-          r(a, {
-            type: e.leftIconType,
-            name: e.leftIconName,
-            color: e.leftIconColor,
-            size: e.leftIconSize
+      default: h(() => [
+        o.leftIconName ? (e(), t("span", T, [
+          r(p, {
+            type: o.leftIconType,
+            name: o.leftIconName,
+            color: o.leftIconColor,
+            size: o.leftIconSize
           }, null, 8, ["type", "name", "color", "size"])
         ])) : i("", !0),
-        e.$slots.default ? (o(), t("span", b, [
-          h(e.$slots, "default")
+        o.$slots.default ? (e(), t("span", N, [
+          b(o.$slots, "default")
         ])) : i("", !0),
-        e.rightIconName ? (o(), t("span", T, [
-          r(a, {
-            type: e.rightIconType,
-            name: e.rightIconName,
-            color: e.rightIconColor,
-            size: e.rightIconSize
+        o.rightIconName ? (e(), t("span", k, [
+          r(p, {
+            type: o.rightIconType,
+            name: o.rightIconName,
+            color: o.rightIconColor,
+            size: o.rightIconSize
           }, null, 8, ["type", "name", "color", "size"])
         ])) : i("", !0),
-        r(n(z), {
-          "is-show": e.loading,
+        r(a(C), {
+          "is-show": o.loading,
           "icon-size": "fill"
-        }, null, 8, ["is-show"])
+        }, null, 8, ["is-show"]),
+        n[0] || (n[0] = z("div", { class: "ui-button__hover-effect" }, null, -1))
       ]),
       _: 3
     }, 16, ["target", "to", "class", "disabled", "type", "style"]));
   }
 });
 export {
-  ee as _
+  no as _
 };

package/dist/assets/UiChat.vue_vue_type_script_setup_true_lang.CTu88TXM.js

@@ -0,0 +1,79 @@
+import { defineComponent as M, computed as u, createElementBlock as n, openBlock as a, createVNode as c, createElementVNode as l, Transition as w, withCtx as U, createBlock as f, createCommentVNode as A, Fragment as p, renderList as g, toDisplayString as C } from "vue";
+import { _ as b } from "./UiChatHeader.vue_vue_type_script_setup_true_lang.BT2QlOtu.js";
+import "./style.C3xG1ALc.js";
+import { _ as B } from "./UiChatFooter.vue_vue_type_script_setup_true_lang.CqDExA87.js";
+import { _ as D } from "./UiChatMessage.vue_vue_type_script_setup_true_lang.BuCaTu3U.js";
+/* empty css                                                       */
+import { _ as S } from "./UiChatManagerAlert.vue_vue_type_script_setup_true_lang.DzU8TXYU.js";
+/* empty css                                                            */
+import { d as Y } from "./useDatePicker.DnhbkLG1.js";
+import { config as $ } from "../config/index.js";
+import { d as E } from "./UiChatAttachments.vue_vue_type_script_setup_true_lang.CCGby5Jd.js";
+const N = { class: "ui-chat" }, V = { class: "ui-chat__body" }, H = { class: "ui-chat__group-date" }, K = /* @__PURE__ */ M({
+  __name: "UiChat",
+  props: {
+    ticket: {},
+    messages: { default: () => [] },
+    currentUserUuid: {},
+    showManagerAlert: { type: Boolean, default: !1 },
+    managerAlertSeconds: {}
+  },
+  emits: ["action-ticket", "submit", "attach"],
+  setup(o, { emit: _ }) {
+    const i = _, k = (t) => t.split(" ")[0], h = (t) => t.user.uuid === o.currentUserUuid, r = u(() => !o.messages.length || !o.ticket || !o.currentUserUuid), y = u(() => {
+      if (!r.value) return o.messages;
+      const t = Y().format("DD.MM.YYYY HH:mm");
+      return [E($.uiChat.translations.defaultMessage, t)];
+    }), v = u(() => {
+      const t = {};
+      for (const s of y.value) {
+        const e = k(s.created_at);
+        t[e] || (t[e] = []), t[e].push(s);
+      }
+      return t;
+    });
+    return (t, s) => (a(), n("div", N, [
+      c(b, {
+        ticket: t.ticket,
+        "is-empty": r.value,
+        onActionTicket: s[0] || (s[0] = (e) => i("action-ticket", e))
+      }, null, 8, ["ticket", "is-empty"]),
+      l("div", V, [
+        c(w, {
+          name: "alert",
+          mode: "out-in",
+          appear: ""
+        }, {
+          default: U(() => [
+            t.showManagerAlert ? (a(), f(S, {
+              key: 0,
+              seconds: t.managerAlertSeconds
+            }, null, 8, ["seconds"])) : A("", !0)
+          ]),
+          _: 1
+        }),
+        (a(!0), n(p, null, g(v.value, (e, d) => (a(), n("div", {
+          key: d,
+          class: "ui-chat__group"
+        }, [
+          l("div", H, [
+            l("span", null, C(d), 1)
+          ]),
+          (a(!0), n(p, null, g(e, (m) => (a(), f(D, {
+            key: m.id,
+            message: m,
+            "is-own": h(m)
+          }, null, 8, ["message", "is-own"]))), 128))
+        ]))), 128))
+      ]),
+      c(B, {
+        "is-empty": r.value,
+        onSubmit: s[1] || (s[1] = (e) => i("submit", e)),
+        onAttach: s[2] || (s[2] = (e) => i("attach", e))
+      }, null, 8, ["is-empty"])
+    ]));
+  }
+});
+export {
+  K as _
+};

package/dist/assets/UiChatAttachments.vue_vue_type_script_setup_true_lang.CCGby5Jd.js

@@ -0,0 +1,94 @@
+import { defineComponent as L, ref as o, computed as U, createElementBlock as m, openBlock as _, createElementVNode as l, createVNode as h, Fragment as j, renderList as I, toDisplayString as R } from "vue";
+import { _ as g } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+/* empty css                                                */
+import { _ as V } from "./UiGallery.vue_vue_type_script_setup_true_lang.pDss49af.js";
+/* empty css                                                   */
+const z = (s, u) => ({
+  id: 0,
+  ticket_id: 0,
+  message: s,
+  created_at: u,
+  updated_at: u,
+  files: [],
+  attachments: [],
+  user: { uuid: "", avatar: null, telegram: null, email: "", name: null }
+}), E = 10, f = ["jpg", "jpeg", "png", "heic", "heif"], J = f.join(", "), M = f.map((s) => `.${s}`).join(","), O = { class: "ui-chat-attachments" }, S = ["accept", "multiple"], $ = { class: "ui-chat-attachments__file" }, x = ["src", "alt"], H = { class: "ui-chat-attachments__overlay" }, D = ["onClick"], B = ["onClick"], P = { class: "ui-chat-attachments__description" }, K = /* @__PURE__ */ L({
+  __name: "UiChatAttachments",
+  props: {
+    maxFiles: { default: () => E },
+    accept: { default: () => M }
+  },
+  emits: ["change"],
+  setup(s, { expose: u, emit: A }) {
+    const p = A, d = o(), t = o([]), i = o(/* @__PURE__ */ new Map()), C = () => {
+      t.value.length >= s.maxFiles || d.value?.click();
+    }, y = (e) => {
+      const a = e.target;
+      if (!a.files?.length) return;
+      const n = s.maxFiles - t.value.length, c = Array.from(a.files).slice(0, n);
+      t.value.push(...c), p("change", t.value), a.value = "";
+    }, F = (e) => {
+      const a = i.value.get(t.value[e]);
+      a && (window.URL.revokeObjectURL(a), i.value.delete(t.value[e])), t.value.splice(e, 1), p("change", t.value);
+    }, k = (e) => (i.value.has(e) || i.value.set(e, window.URL.createObjectURL(e)), i.value.get(e)), r = o(!1), v = o(0), T = U(
+      () => t.value.map((e) => ({ file: e }))
+    ), b = (e) => {
+      v.value = e, r.value = !0;
+    };
+    return u({ openFileDialog: C }), (e, a) => (_(), m("div", O, [
+      l("input", {
+        ref_key: "fileInput",
+        ref: d,
+        type: "file",
+        accept: e.accept,
+        multiple: e.maxFiles > 1,
+        hidden: "",
+        onChange: y
+      }, null, 40, S),
+      (_(!0), m(j, null, I(t.value, (n, c) => (_(), m("div", {
+        key: c,
+        class: "ui-chat-attachments__item"
+      }, [
+        l("div", $, [
+          l("img", {
+            src: k(n),
+            alt: n.name
+          }, null, 8, x),
+          l("div", H, [
+            l("button", {
+              class: "ui-chat-attachments__btn ui-chat-attachments__btn--show",
+              onClick: (w) => b(c)
+            }, [
+              h(g, {
+                name: "visibility",
+                type: "400"
+              })
+            ], 8, D),
+            l("button", {
+              class: "ui-chat-attachments__btn ui-chat-attachments__btn--remove",
+              onClick: (w) => F(c)
+            }, [
+              h(g, {
+                name: "close",
+                type: "400"
+              })
+            ], 8, B)
+          ])
+        ]),
+        l("span", P, R(n.name), 1)
+      ]))), 128)),
+      h(V, {
+        modelValue: r.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (n) => r.value = n),
+        images: T.value,
+        "initial-index": v.value
+      }, null, 8, ["modelValue", "images", "initial-index"])
+    ]));
+  }
+});
+export {
+  E as A,
+  K as _,
+  J as a,
+  z as d
+};

package/dist/assets/UiChatFooter.vue_vue_type_script_setup_true_lang.CqDExA87.js

@@ -0,0 +1,88 @@
+import { defineComponent as x, ref as r, computed as k, createElementBlock as A, openBlock as d, createElementVNode as e, createVNode as i, createBlock as F, createCommentVNode as $, withCtx as h, renderSlot as v, toDisplayString as n, unref as o, normalizeClass as b } from "vue";
+import { A as m, a as V, _ as E } from "./UiChatAttachments.vue_vue_type_script_setup_true_lang.CCGby5Jd.js";
+/* empty css                                                           */
+import { _ as g } from "./UiIconButton.vue_vue_type_script_setup_true_lang.cJvSLKjQ.js";
+import "./style.C3xG1ALc.js";
+import { _ as S } from "./UiTextarea.vue_vue_type_script_setup_true_lang.bD1zcxkh.js";
+/* empty css                                                    */
+import { _ as T } from "./UiTooltip.vue_vue_type_script_setup_true_lang.DNZTJcY4.js";
+import { config as c } from "../config/index.js";
+const z = { class: "ui-chat__footer-wrapper" }, B = { class: "ui-chat__footer" }, M = { class: "ui-chat__footer-tooltip" }, N = { class: "ui-chat__footer-input" }, j = /* @__PURE__ */ x({
+  __name: "UiChatFooter",
+  props: {
+    isEmpty: { type: Boolean }
+  },
+  emits: ["submit", "attach"],
+  setup(R, { emit: y }) {
+    const u = y, a = r(null), l = r([]), p = r(), C = k(() => l.value.length >= m), _ = () => {
+      a.value && u("submit", { message: a.value, files: l.value });
+    };
+    return (f, t) => (d(), A("div", z, [
+      e("div", B, [
+        C.value ? $("", !0) : (d(), F(T, { key: 0 }, {
+          text: h(() => [
+            e("p", M, [
+              e("span", null, n(o(c).uiChat.translations.maxFiles) + ": " + n(o(m)), 1),
+              e("span", null, n(o(c).uiChat.translations.supportsFormats) + ": " + n(o(V)), 1)
+            ])
+          ]),
+          default: h(() => [
+            e("div", {
+              style: { "margin-left": "-16px" },
+              onClick: t[0] || (t[0] = (s) => p.value?.openFileDialog())
+            }, [
+              v(f.$slots, "footer-left", {}, () => [
+                i(g, {
+                  "icon-name": "attach-file_add",
+                  type: "clear",
+                  "icon-type": "100",
+                  "icon-color": "#1968e5",
+                  size: "xl"
+                })
+              ])
+            ])
+          ]),
+          _: 3
+        })),
+        e("div", N, [
+          i(S, {
+            modelValue: a.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (s) => a.value = s),
+            size: "auto",
+            placeholder: o(c).uiChat.translations.messagePlaceholder,
+            submitOnEnter: "",
+            onSubmit: _,
+            "is-empty-value-null": ""
+          }, null, 8, ["modelValue", "placeholder"])
+        ]),
+        e("div", {
+          style: { "margin-right": "-16px" },
+          onClick: _
+        }, [
+          v(f.$slots, "footer-right", {}, () => [
+            i(g, {
+              "icon-name": "send",
+              type: "clear",
+              "icon-type": "400",
+              "icon-color": "#1968e5",
+              size: "xl",
+              disabled: !a.value
+            }, null, 8, ["disabled"])
+          ])
+        ])
+      ]),
+      i(E, {
+        ref_key: "attachmentsRef",
+        ref: p,
+        "max-files": o(m),
+        class: b(["ui-chat__footer-attachments", { "ui-chat__footer-attachments--empty": !l.value.length }]),
+        onChange: t[2] || (t[2] = (s) => {
+          l.value = s, u("attach", s);
+        })
+      }, null, 8, ["max-files", "class"])
+    ]));
+  }
+});
+export {
+  j as _
+};