@dv.net/ui-kit 7.5.4 → 7.5.6

package/dist/assets/{DatePickerInput.vue_vue_type_script_setup_true_lang.0fTX2XyN.js → DatePickerInput.vue_vue_type_script_setup_true_lang.DGd2fKOi.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.DMTMLuQZ.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.D_ON70om.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.DGd2fKOi.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.B5uX5clB.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.DFsApq5s.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/SelectListItem.vue_vue_type_script_setup_true_lang.CzkGE6ek.js

@@ -0,0 +1,31 @@
+import { defineComponent as o, useCssVars as a, computed as l, createElementBlock as c, openBlock as n, normalizeClass as r, renderSlot as p } from "vue";
+import { SelectListItemSize as d } from "../components/UiSelect/types.js";
+const k = /* @__PURE__ */ o({
+  __name: "SelectListItem",
+  props: {
+    isDisabled: { type: Boolean },
+    isChecked: { type: Boolean },
+    isNavigated: { type: Boolean },
+    size: { default: "sm" }
+  },
+  emits: ["check", "mouseOver"],
+  setup(t) {
+    a((e) => ({
+      a2ec6fc8: s.value
+    }));
+    const i = t, s = l(() => d[i.size] + "px");
+    return (e, m) => (n(), c("button", {
+      class: r(["ui-select__option", [
+        { "is-checked": e.isChecked },
+        { "is-navigated": e.isNavigated },
+        { "is-disabled": e.isDisabled },
+        `size-${s.value}`
+      ]])
+    }, [
+      p(e.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  k as _
+};

package/dist/assets/{SelectSearch.vue_vue_type_script_setup_true_lang.Cnqyp_Zb.js → SelectSearch.vue_vue_type_script_setup_true_lang.2TYO-HaX.js}

@@ -1,5 +1,5 @@
 import { defineComponent as i, mergeModels as l, useModel as a, createElementBlock as s, openBlock as c, createElementVNode as n, createVNode as t, unref as r, withCtx as d } from "vue";
-import { _ as u } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as u } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
 /* empty css                                                */
 import "./vue3-lottie.es.BGWavb2-.js";
 import "./style.C3xG1ALc.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.C7fskhMc.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.CKdFL6-w.js}

@@ -1,7 +1,7 @@
 import { defineComponent as c, createElementBlock as t, openBlock as r, createElementVNode as o, createCommentVNode as l, toDisplayString as m, renderSlot as n, createVNode as i, Transition as _, withCtx as d, unref as p, withModifiers as h } from "vue";
 import "./vue3-lottie.es.BGWavb2-.js";
 import "./style.C3xG1ALc.js";
-import { _ as a } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as a } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
 /* empty css                                                */
 /* empty css                                                        */
 import "../config/index.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.DaXd5JY2.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.CGIpSwtF.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.BnV2c4FZ.js}

@@ -1,7 +1,7 @@
 import { defineComponent as p, mergeModels as l, useModel as s, createElementBlock as a, openBlock as n, renderSlot as u, createVNode as c, unref as d, normalizeClass as f } from "vue";
 import "./vue3-lottie.es.BGWavb2-.js";
 import "./style.C3xG1ALc.js";
-import { _ } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
 /* empty css                                                */
 /* empty css                                                        */
 import "../config/index.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.DABufUmt.js}

@@ -2,7 +2,7 @@ import { defineComponent as v, computed as n, useId as _, createElementBlock as
 import { _ as d } from "./AvatarMask.vue_vue_type_script_setup_true_lang.DknpN85J.js";
 import "./vue3-lottie.es.BGWavb2-.js";
 import "./style.C3xG1ALc.js";
-import { _ as y } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as y } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
 /* empty css                                                */
 /* 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/{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.C102Xym_.js}

@@ -1,9 +1,9 @@
 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";
+import { _ as p } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.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.CGIpSwtF.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.DW7Yk7Kh.js

@@ -0,0 +1,134 @@
+import { defineComponent as $, ref as b, 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 p, normalizeClass as q, Transition as H, withCtx as J, Fragment as A, renderList as B } from "vue";
+import { _ as K } from "./UiChatHeader.vue_vue_type_script_setup_true_lang.CkV0GeAh.js";
+import "./style.C3xG1ALc.js";
+import { _ as P } from "./UiChatFooter.vue_vue_type_script_setup_true_lang.CYNMX_9D.js";
+import { _ as Q } from "./UiChatMessage.vue_vue_type_script_setup_true_lang.BkD09EG5.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 L } from "../components/UiChat/types.js";
+import { d as Z } from "./UiChatAttachments.vue_vue_type_script_setup_true_lang.DDZ-aWa5.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 },
+    enableReopenTicket: { type: Boolean, default: !1 }
+  },
+  emits: ["action-ticket", "submit", "attach"],
+  setup(s, { expose: U, emit: z }) {
+    d.extend(X), d.extend(Y);
+    const h = z, { isDesktop: _ } = x(), w = b(), m = b(!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;
+    }, D = (e) => {
+      const t = v(e);
+      return t?.isValid() ? t.format(l.uiChat.dateFormat) : e.split(/[T\s]/)[0] || e;
+    }, E = (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 === L.MANAGER_CLOSED || s.ticket?.status?.value === L.USER_CLOSED : !1), F = n(() => !(!s.isCreateTicket && !C.value || C.value && S.value)), R = n(() => s.isCreateTicket && y.value && !s.ticketLoading), V = 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)];
+    }), O = n(() => {
+      const e = {};
+      for (const t of V.value) {
+        const a = D(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;
+    }), N = () => {
+      w.value?.clearInputAndFiles();
+    };
+    return j(
+      R,
+      (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);
+    }), U({ clearInputAndFiles: N }), (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,
+          "enable-reopen-ticket": e.enableReopenTicket,
+          onActionTicket: t[0] || (t[0] = (a) => h("action-ticket", a))
+        }, null, 8, ["ticket", "is-empty", "is-closed-ticket", "ticket-loading", "enable-reopen-ticket"]),
+        c("div", {
+          class: q(["ui-chat__body", { "mobile-layout": k(_) }])
+        }, [
+          e.ticketLoading ? u("", !0) : (i(), p(H, {
+            key: 0,
+            name: "alert",
+            mode: "out-in",
+            appear: ""
+          }, {
+            default: J(() => [
+              e.showManagerAlert ? (i(), p(W, {
+                key: 0,
+                seconds: e.managerAlertSeconds
+              }, null, 8, ["seconds"])) : u("", !0)
+            ]),
+            _: 1
+          })),
+          e.ticketLoading ? u("", !0) : (i(!0), r(A, { key: 1 }, B(O.value, (a, f) => (i(), r("div", {
+            key: f,
+            class: "ui-chat__group"
+          }, [
+            c("div", ne, [
+              c("span", null, g(f), 1)
+            ]),
+            (i(!0), r(A, null, B(a, (T) => (i(), p(Q, {
+              key: T.id,
+              message: T,
+              "is-own": E(T)
+            }, null, 8, ["message", "is-own"]))), 128))
+          ]))), 128))
+        ], 2),
+        F.value ? (i(), p(P, {
+          key: 0,
+          ref_key: "footerRef",
+          ref: w,
+          "sending-loading": e.sendingLoading,
+          onSubmit: t[1] || (t[1] = (a) => h("submit", a)),
+          onAttach: t[2] || (t[2] = (a) => h("attach", a))
+        }, null, 8, ["sending-loading"])) : u("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  ye as _
+};

package/dist/assets/{UiChatAttachments.vue_vue_type_script_setup_true_lang.mJdMkaps.js → UiChatAttachments.vue_vue_type_script_setup_true_lang.DDZ-aWa5.js}

@@ -1,7 +1,7 @@
 import { defineComponent as w, ref as o, computed as U, createElementBlock as d, openBlock as h, createElementVNode as i, createVNode as _, Fragment as R, renderList as j, toDisplayString as E } from "vue";
-import { _ as g } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as g } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
 /* empty css                                                */
-import { _ as I } from "./UiGallery.vue_vue_type_script_setup_true_lang.pDss49af.js";
+import { _ as I } from "./UiGallery.vue_vue_type_script_setup_true_lang.BT952T6m.js";
 /* empty css                                                   */
 const J = (n, u) => ({
   id: 0,

package/dist/assets/UiChatFooter.vue_vue_type_script_setup_true_lang.CYNMX_9D.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.DDZ-aWa5.js";
+/* empty css                                                           */
+import { _ as b } from "./UiIconButton.vue_vue_type_script_setup_true_lang.DMTMLuQZ.js";
+import "./style.C3xG1ALc.js";
+import { _ as z } from "./UiTextarea.vue_vue_type_script_setup_true_lang.D7yuONgD.js";
+/* empty css                                                    */
+import { _ as E } from "./UiTooltip.vue_vue_type_script_setup_true_lang.CHftlCxm.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 _
+};