@dv.net/ui-kit 7.5.4 → 7.5.5

package/dist/assets/{DatePickerInput.vue_vue_type_script_setup_true_lang.0fTX2XyN.js → DatePickerInput.vue_vue_type_script_setup_true_lang.DZ7tWsTE.js}

@@ -6,13 +6,13 @@ import "./style.C3xG1ALc.js";
 import "../config/index.js";
 /* empty css                                                   */
 /* empty css                                                           */
-import { _ as G } from "./UiIconButton.vue_vue_type_script_setup_true_lang.cJvSLKjQ.js";
+import { _ as G } from "./UiIconButton.vue_vue_type_script_setup_true_lang.CLwrAt2h.js";
 /* empty css                                                    */
 /* empty css                                                    */
 /* empty css                                                                  */
 /* empty css                                                       */
 /* empty css                                                            */
-import "./useDatePicker.DnhbkLG1.js";
+import "./useDatePicker.BwRlPS-o.js";
 /* empty css                                                         */
 /* empty css                                                           */
 import "../components/UiDatepicker/composables/useDatePickerPresets.js";

package/dist/assets/{DatePickerInputs.vue_vue_type_script_setup_true_lang.BDpkRcEN.js → DatePickerInputs.vue_vue_type_script_setup_true_lang.Cl6w-GjV.js}

@@ -1,8 +1,8 @@
 import { defineComponent as h, mergeModels as V, useModel as F, ref as m, computed as b, watch as I, createElementBlock as D, openBlock as E, createElementVNode as y, withModifiers as N, createVNode as w, createCommentVNode as A, unref as n, Fragment as C } from "vue";
-import { _ as B } from "./DatePickerInput.vue_vue_type_script_setup_true_lang.0fTX2XyN.js";
+import { _ as B } from "./DatePickerInput.vue_vue_type_script_setup_true_lang.DZ7tWsTE.js";
 import "./style.C3xG1ALc.js";
 import { a as L } from "./index.Cp1LhIxy.js";
-import { u as S } from "./useDatePicker.DnhbkLG1.js";
+import { a as S } from "./useDatePicker.BwRlPS-o.js";
 import { config as M } from "../config/index.js";
 const U = { class: "com-datepicker-inputs" }, G = /* @__PURE__ */ h({
   __name: "DatePickerInputs",

package/dist/assets/{DatePickerPresets.vue_vue_type_script_setup_true_lang.CKckhapZ.js → DatePickerPresets.vue_vue_type_script_setup_true_lang.Bvgo7JE0.js}

@@ -1,5 +1,5 @@
 import { defineComponent as p, ref as _, watch as k, createElementBlock as c, openBlock as r, createElementVNode as h, Fragment as f, renderList as v, normalizeClass as g, toDisplayString as y } from "vue";
-import { u as C } from "./useDatePicker.DnhbkLG1.js";
+import { a as C } from "./useDatePicker.BwRlPS-o.js";
 const P = { class: "com-datepicker-presets" }, b = { class: "com-datepicker-presets--buttons" }, D = ["onClick"], E = /* @__PURE__ */ p({
   __name: "DatePickerPresets",
   props: {

package/dist/assets/{DatePickerSlider.vue_vue_type_script_setup_true_lang.BGkzUy3Z.js → DatePickerSlider.vue_vue_type_script_setup_true_lang.BAkdY4F-.js}

@@ -1,11 +1,11 @@
-import { defineComponent as k, mergeModels as R, useModel as h, computed as n, createElementBlock as s, openBlock as u, createCommentVNode as f, renderSlot as x, createVNode as p, unref as y } from "vue";
-import { u as B } from "./useDatePicker.DnhbkLG1.js";
+import { defineComponent as B, mergeModels as R, useModel as h, computed as d, createElementBlock as u, openBlock as s, createCommentVNode as v, renderSlot as x, createVNode as p, unref as b } from "vue";
+import { a as V } from "./useDatePicker.BwRlPS-o.js";
+import { config as S } from "../config/index.js";
 import "./vue3-lottie.es.BGWavb2-.js";
 import "./style.C3xG1ALc.js";
-import { _ as b } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as y } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
 /* empty css                                                */
 /* empty css                                                        */
-import "../config/index.js";
 /* empty css                                                   */
 /* empty css                                                           */
 /* empty css                                                    */
@@ -32,64 +32,67 @@ import "vue-router";
 /* empty css                                                */
 /* empty css                                                    */
 /* empty css                                                               */
-const S = { class: "com-datepicker-slider" }, V = ["disabled"], C = ["disabled"], re = /* @__PURE__ */ k({
+const C = { class: "com-datepicker-slider" }, F = ["disabled"], O = ["disabled"], ue = /* @__PURE__ */ B({
   __name: "DatePickerSlider",
   props: /* @__PURE__ */ R({
     isShow: { type: Boolean, default: !0 },
     disabled: { type: Boolean },
     selectedRange: {},
     minDate: {},
-    maxDate: {}
+    maxDate: {},
+    enableTimePicker: { type: Boolean, default: !1 }
   }, {
     modelValue: { default: [] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const m = h(e, "modelValue"), { dayjs: r, modelValueFormat: v } = B(m), t = n(() => ({
-      min: e.minDate ? r(e.minDate) : void 0,
-      max: e.maxDate ? r(e.maxDate) : void 0
-    })), o = n(() => ({
-      start: r(m.value[0]),
-      end: r(m.value[1])
-    })), g = n(() => {
+    const r = h(e, "modelValue"), { dayjs: n, modelValueFormat: g } = V(r), c = d(
+      () => e.enableTimePicker ? S.uiDatePicker.modelValueFormatTime : g.value
+    ), t = d(() => ({
+      min: e.minDate ? n(e.minDate) : void 0,
+      max: e.maxDate ? n(e.maxDate) : void 0
+    })), o = d(() => ({
+      start: n(r.value[0]),
+      end: n(r.value[1])
+    })), k = d(() => {
       if (t.value.max)
         return o.value.end.isAfter(t.value.max) || t.value.max.isSame(o.value.end, "day");
-    }), D = n(() => {
+    }), D = d(() => {
       if (t.value.min)
         return o.value.start.isBefore(t.value.min) || t.value.min.isSame(o.value.start, "day");
     });
-    function c(a) {
-      let l = o.value.end.diff(o.value.start, "day") || 1, i, d;
-      e.selectedRange ? (i = o.value.start.add(a ? -1 : 1, e.selectedRange), d = o.value.end.add(a ? -1 : 1, e.selectedRange), ["month", "year"].includes(e.selectedRange) && (a ? (i = d.startOf(e.selectedRange), d = d.endOf(e.selectedRange)) : (i = i.startOf(e.selectedRange), d = i.endOf(e.selectedRange)))) : (i = o.value.start.add(a ? -l : l, "day"), d = o.value.end.add(a ? -l : l, "day")), t.value.min && i.isBefore(t.value.min) && (i = t.value.min), t.value.max && d.isAfter(t.value.max) && (d = t.value.max), m.value = [i?.format(v.value) || "", d?.format(v.value) || ""];
+    function f(a) {
+      let l = o.value.end.diff(o.value.start, "day") || 1, i, m;
+      e.selectedRange ? (i = o.value.start.add(a ? -1 : 1, e.selectedRange), m = o.value.end.add(a ? -1 : 1, e.selectedRange), ["month", "year"].includes(e.selectedRange) && (a ? (i = m.startOf(e.selectedRange), m = m.endOf(e.selectedRange)) : (i = i.startOf(e.selectedRange), m = i.endOf(e.selectedRange)))) : (i = o.value.start.add(a ? -l : l, "day"), m = o.value.end.add(a ? -l : l, "day")), t.value.min && i.isBefore(t.value.min) && (i = t.value.min), t.value.max && m.isAfter(t.value.max) && (m = t.value.max), r.value = [i?.format(c.value) || "", m?.format(c.value) || ""];
     }
-    return (a, l) => (u(), s("div", S, [
-      a.isShow ? (u(), s("button", {
+    return (a, l) => (s(), u("div", C, [
+      a.isShow ? (s(), u("button", {
         key: 0,
         disabled: D.value || a.disabled,
         class: "com-datepicker-slider__btn",
-        onClick: l[0] || (l[0] = (i) => c(!0))
+        onClick: l[0] || (l[0] = (i) => f(!0))
       }, [
-        p(y(b), {
+        p(b(y), {
           type: "400",
           name: "chevron-left 1"
         })
-      ], 8, V)) : f("", !0),
+      ], 8, F)) : v("", !0),
       x(a.$slots, "default"),
-      a.isShow ? (u(), s("button", {
+      a.isShow ? (s(), u("button", {
         key: 1,
-        disabled: g.value || a.disabled,
+        disabled: k.value || a.disabled,
         class: "com-datepicker-slider__btn",
-        onClick: l[1] || (l[1] = (i) => c(!1))
+        onClick: l[1] || (l[1] = (i) => f(!1))
       }, [
-        p(y(b), {
+        p(b(y), {
           type: "400",
           name: "chevron-right"
         })
-      ], 8, C)) : f("", !0)
+      ], 8, O)) : v("", !0)
     ]));
   }
 });
 export {
-  re as _
+  ue as _
 };

package/dist/assets/{SelectSearch.vue_vue_type_script_setup_true_lang.Cnqyp_Zb.js → SelectSearch.vue_vue_type_script_setup_true_lang.CdrsJ21l.js}

@@ -12,7 +12,7 @@ import { config as _ } from "../config/index.js";
 /* empty css                                                                  */
 /* empty css                                                       */
 /* empty css                                                            */
-import "./useDatePicker.DnhbkLG1.js";
+import "./useDatePicker.BwRlPS-o.js";
 /* empty css                                                         */
 /* empty css                                                           */
 import "../components/UiDatepicker/composables/useDatePickerPresets.js";
@@ -22,7 +22,7 @@ import "../components/UiDatepicker/composables/useDatePickerPresets.js";
 /* empty css                                                    */
 /* empty css                                                    */
 /* empty css                                                    */
-import { _ as f } from "./UiInput.vue_vue_type_script_setup_true_lang.Dr-b7jG5.js";
+import { _ as f } from "./UiInput.vue_vue_type_script_setup_true_lang.BuuJ7Jhm.js";
 /* empty css                                                  */
 /* empty css                                                      */
 import "vue-router";

package/dist/assets/{SelectTrigger.vue_vue_type_script_setup_true_lang.DdrjuMDG.js → SelectTrigger.vue_vue_type_script_setup_true_lang.DL0PZAhX.js}

@@ -12,7 +12,7 @@ import "../config/index.js";
 /* empty css                                                                  */
 /* empty css                                                       */
 /* empty css                                                            */
-import "./useDatePicker.DnhbkLG1.js";
+import "./useDatePicker.BwRlPS-o.js";
 /* empty css                                                         */
 /* empty css                                                           */
 import "../components/UiDatepicker/composables/useDatePickerPresets.js";

package/dist/assets/{SelectVirtualList.vue_vue_type_script_setup_true_lang.CiNZoKwF.js → SelectVirtualList.vue_vue_type_script_setup_true_lang.DWiYg4id.js}

@@ -2,7 +2,7 @@ import { defineComponent as a, computed as r, createBlock as c, openBlock as u,
 import { s as _ } from "./style.C3xG1ALc.js";
 import "./vue3-lottie.es.BGWavb2-.js";
 /* empty css                                                */
-import { _ as S } from "./UiLoading.vue_vue_type_script_setup_true_lang.cWPzNcNZ.js";
+import { _ as S } from "./UiLoading.vue_vue_type_script_setup_true_lang.DTrsijd2.js";
 import { SelectListItemSize as z } from "../components/UiSelect/types.js";
 /* empty css                                                        */
 import "../config/index.js";
@@ -13,7 +13,7 @@ import "../config/index.js";
 /* empty css                                                                  */
 /* empty css                                                       */
 /* empty css                                                            */
-import "./useDatePicker.DnhbkLG1.js";
+import "./useDatePicker.BwRlPS-o.js";
 /* empty css                                                         */
 /* empty css                                                           */
 import "../components/UiDatepicker/composables/useDatePickerPresets.js";

package/dist/assets/{TableSort.vue_vue_type_script_setup_true_lang.czdmoDoN.js → TableSort.vue_vue_type_script_setup_true_lang.pWu7KNxi.js}

@@ -12,7 +12,7 @@ import "../config/index.js";
 /* empty css                                                                  */
 /* empty css                                                       */
 /* empty css                                                            */
-import "./useDatePicker.DnhbkLG1.js";
+import "./useDatePicker.BwRlPS-o.js";
 /* empty css                                                         */
 /* empty css                                                           */
 import "../components/UiDatepicker/composables/useDatePickerPresets.js";

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

@@ -13,7 +13,7 @@ import "../config/index.js";
 /* empty css                                                                  */
 /* empty css                                                       */
 /* empty css                                                            */
-import "./useDatePicker.DnhbkLG1.js";
+import "./useDatePicker.BwRlPS-o.js";
 /* empty css                                                         */
 /* empty css                                                           */
 import "../components/UiDatepicker/composables/useDatePickerPresets.js";

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

@@ -11,7 +11,7 @@ import "../config/index.js";
 /* empty css                                                                  */
 /* empty css                                                       */
 /* empty css                                                            */
-import "./useDatePicker.DnhbkLG1.js";
+import "./useDatePicker.BwRlPS-o.js";
 /* empty css                                                         */
 /* empty css                                                           */
 import "../components/UiDatepicker/composables/useDatePickerPresets.js";

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

@@ -3,7 +3,7 @@ import { _ as p } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js
 /* empty css                                                */
 import "./vue3-lottie.es.BGWavb2-.js";
 import "./style.C3xG1ALc.js";
-import { _ as C } from "./UiLoading.vue_vue_type_script_setup_true_lang.cWPzNcNZ.js";
+import { _ as C } from "./UiLoading.vue_vue_type_script_setup_true_lang.DTrsijd2.js";
 /* empty css                                                        */
 import "../config/index.js";
 /* empty css                                                   */
@@ -13,7 +13,7 @@ import "../config/index.js";
 /* empty css                                                                  */
 /* empty css                                                       */
 /* empty css                                                            */
-import "./useDatePicker.DnhbkLG1.js";
+import "./useDatePicker.BwRlPS-o.js";
 /* empty css                                                         */
 /* empty css                                                           */
 import "../components/UiDatepicker/composables/useDatePickerPresets.js";

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

@@ -0,0 +1,132 @@
+import { defineComponent as $, ref as A, computed as n, watch as j, onUnmounted as I, createElementBlock as r, openBlock as i, createCommentVNode as u, createElementVNode as c, unref as k, toDisplayString as g, createVNode as G, createBlock as h, normalizeClass as q, Transition as H, withCtx as J, Fragment as L, renderList as U } from "vue";
+import { _ as K } from "./UiChatHeader.vue_vue_type_script_setup_true_lang.DXyrZ_AB.js";
+import "./style.C3xG1ALc.js";
+import { _ as P } from "./UiChatFooter.vue_vue_type_script_setup_true_lang.Bd2E7fmC.js";
+import { _ as Q } from "./UiChatMessage.vue_vue_type_script_setup_true_lang.BuCaTu3U.js";
+/* empty css                                                       */
+import { _ as W } from "./UiChatManagerAlert.vue_vue_type_script_setup_true_lang.DzU8TXYU.js";
+/* empty css                                                            */
+import { d, u as X, t as Y } from "./useDatePicker.BwRlPS-o.js";
+import { config as l } from "../config/index.js";
+import { UiChatTicketStatusValue as B } from "../components/UiChat/types.js";
+import { d as Z } from "./UiChatAttachments.vue_vue_type_script_setup_true_lang.mJdMkaps.js";
+import { useBreakpoints as x } from "../composables/useBreakpoints.js";
+const ee = { class: "ui-chat" }, te = {
+  key: 0,
+  class: "ui-chat__top"
+}, ae = { class: "ui-chat__top-title" }, se = {
+  key: 0,
+  class: "ui-chat__top-id"
+}, ie = { class: "ui-chat__wrapper" }, ne = { class: "ui-chat__group-date" }, ye = /* @__PURE__ */ $({
+  __name: "UiChat",
+  props: {
+    ticket: {},
+    messages: { default: () => [] },
+    currentUserUuid: {},
+    showManagerAlert: { type: Boolean, default: !1 },
+    managerAlertSeconds: {},
+    ticketLoading: { type: Boolean, default: !1 },
+    isCreateTicket: { type: Boolean, default: !1 },
+    sendingLoading: { type: Boolean, default: !1 }
+  },
+  emits: ["action-ticket", "submit", "attach"],
+  setup(s, { expose: z, emit: D }) {
+    d.extend(X), d.extend(Y);
+    const p = D, { isDesktop: _ } = x(), w = A(), m = A(!s.isCreateTicket);
+    let o = null;
+    const M = n(() => l.uiChat.timezone || d.tz.guess()), v = (e) => {
+      const t = d(e);
+      return t.isValid() ? t.tz(M.value) : null;
+    }, E = (e) => {
+      const t = v(e);
+      return t?.isValid() ? t.format(l.uiChat.dateFormat) : e.split(/[T\s]/)[0] || e;
+    }, b = (e) => e.user.uuid === s.currentUserUuid, y = n(() => !s.messages.length || !s.ticket || !s.currentUserUuid), C = n(() => typeof s.ticket?.status?.value < "u"), S = n(() => C.value ? s.ticket?.status?.value === B.MANAGER_CLOSED || s.ticket?.status?.value === B.USER_CLOSED : !1), F = n(() => !(!s.isCreateTicket && !C.value || C.value && S.value)), V = n(() => s.isCreateTicket && y.value && !s.ticketLoading), O = n(() => {
+      if (!y.value) return s.messages;
+      if (!m.value) return [];
+      const e = d().tz(M.value).format(l.uiChat.dateTimeFormat);
+      return [Z(l.uiChat.translations.defaultMessage, e)];
+    }), N = n(() => {
+      const e = {};
+      for (const t of O.value) {
+        const a = E(t.created_at);
+        e[a] || (e[a] = []), e[a].push(t);
+      }
+      for (const t in e)
+        e[t].sort((a, f) => (v(a.created_at)?.valueOf() ?? 0) - (v(f.created_at)?.valueOf() ?? 0));
+      return e;
+    }), R = () => {
+      w.value?.clearInputAndFiles();
+    };
+    return j(
+      V,
+      (e) => {
+        if (o && (clearTimeout(o), o = null), !e) {
+          m.value = !0;
+          return;
+        }
+        m.value = !1, o = setTimeout(() => {
+          m.value = !0;
+        }, 1e3);
+      },
+      { immediate: !0 }
+    ), I(() => {
+      o && (clearTimeout(o), o = null);
+    }), z({ clearInputAndFiles: R }), (e, t) => (i(), r("div", ee, [
+      k(_) ? (i(), r("div", te, [
+        c("span", ae, g(e.ticket?.subject || k(l).uiChat.translations.newTicket), 1),
+        e.ticket?.id ? (i(), r("span", se, g(k(l).uiChat.translations.ticket) + " #" + g(e.ticket.id), 1)) : u("", !0)
+      ])) : u("", !0),
+      c("div", ie, [
+        G(K, {
+          ticket: e.ticket,
+          "is-empty": y.value,
+          "is-closed-ticket": S.value,
+          "ticket-loading": e.ticketLoading,
+          onActionTicket: t[0] || (t[0] = (a) => p("action-ticket", a))
+        }, null, 8, ["ticket", "is-empty", "is-closed-ticket", "ticket-loading"]),
+        c("div", {
+          class: q(["ui-chat__body", { "mobile-layout": k(_) }])
+        }, [
+          e.ticketLoading ? u("", !0) : (i(), h(H, {
+            key: 0,
+            name: "alert",
+            mode: "out-in",
+            appear: ""
+          }, {
+            default: J(() => [
+              e.showManagerAlert ? (i(), h(W, {
+                key: 0,
+                seconds: e.managerAlertSeconds
+              }, null, 8, ["seconds"])) : u("", !0)
+            ]),
+            _: 1
+          })),
+          e.ticketLoading ? u("", !0) : (i(!0), r(L, { key: 1 }, U(N.value, (a, f) => (i(), r("div", {
+            key: f,
+            class: "ui-chat__group"
+          }, [
+            c("div", ne, [
+              c("span", null, g(f), 1)
+            ]),
+            (i(!0), r(L, null, U(a, (T) => (i(), h(Q, {
+              key: T.id,
+              message: T,
+              "is-own": b(T)
+            }, null, 8, ["message", "is-own"]))), 128))
+          ]))), 128))
+        ], 2),
+        F.value ? (i(), h(P, {
+          key: 0,
+          ref_key: "footerRef",
+          ref: w,
+          "sending-loading": e.sendingLoading,
+          onSubmit: t[1] || (t[1] = (a) => p("submit", a)),
+          onAttach: t[2] || (t[2] = (a) => p("attach", a))
+        }, null, 8, ["sending-loading"])) : u("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  ye as _
+};

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

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