@dv.net/ui-kit 7.5.1 → 7.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/assets/UiChat.vue_vue_type_script_setup_true_lang.BrVReK9q.js +93 -0
  2. package/dist/assets/UiChatAttachments.vue_vue_type_script_setup_true_lang.mJdMkaps.js +97 -0
  3. package/dist/assets/UiChatFooter.vue_vue_type_script_setup_true_lang.C6KE8NDI.js +103 -0
  4. package/dist/assets/UiChatHeader.vue_vue_type_script_setup_true_lang.BJzoLe2U.js +147 -0
  5. package/dist/assets/UiDatepickerRange.vue_vue_type_script_setup_true_lang.DCzJY2wh.js +240 -0
  6. package/dist/components/UiChat/UiChat.js +1 -1
  7. package/dist/components/UiChat/UiChat.vue.d.ts +107 -2
  8. package/dist/components/UiChat/UiChatAttachments.js +1 -1
  9. package/dist/components/UiChat/UiChatAttachments.vue.d.ts +2 -0
  10. package/dist/components/UiChat/UiChatFooter.js +1 -1
  11. package/dist/components/UiChat/UiChatFooter.vue.d.ts +15 -3
  12. package/dist/components/UiChat/UiChatHeader.js +1 -1
  13. package/dist/components/UiChat/UiChatHeader.vue.d.ts +2 -0
  14. package/dist/components/UiChat/types.d.ts +10 -1
  15. package/dist/components/UiChat/types.js +4 -1
  16. package/dist/components/UiDatepicker/UiDatepickerRange.js +1 -1
  17. package/dist/components/UiDatepicker/UiDatepickerRange.vue.d.ts +13 -4
  18. package/dist/components/UiDatepicker/types.d.ts +1 -0
  19. package/dist/components/UiSkeleton/UiSkeleton.vue.d.ts +1 -1
  20. package/dist/components/UiTextarea/UiTextarea.vue.d.ts +1 -1
  21. package/dist/index.js +2 -2
  22. package/dist/style.css +1 -1
  23. package/package.json +1 -1
  24. package/dist/assets/UiChat.vue_vue_type_script_setup_true_lang.CTu88TXM.js +0 -79
  25. package/dist/assets/UiChatAttachments.vue_vue_type_script_setup_true_lang.CCGby5Jd.js +0 -94
  26. package/dist/assets/UiChatFooter.vue_vue_type_script_setup_true_lang.CqDExA87.js +0 -88
  27. package/dist/assets/UiChatHeader.vue_vue_type_script_setup_true_lang.BT2QlOtu.js +0 -95
  28. package/dist/assets/UiDatepickerRange.vue_vue_type_script_setup_true_lang.BfxSFgGk.js +0 -213
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dv.net/ui-kit",
3
3
  "private": false,
4
- "version": "7.5.1",
4
+ "version": "7.5.2",
5
5
  "type": "module",
6
6
  "sideEffects": false,
7
7
  "module": "dist/index.js",
@@ -1,79 +0,0 @@
1
- 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";
2
- import { _ as b } from "./UiChatHeader.vue_vue_type_script_setup_true_lang.BT2QlOtu.js";
3
- import "./style.C3xG1ALc.js";
4
- import { _ as B } from "./UiChatFooter.vue_vue_type_script_setup_true_lang.CqDExA87.js";
5
- import { _ as D } from "./UiChatMessage.vue_vue_type_script_setup_true_lang.BuCaTu3U.js";
6
- /* empty css */
7
- import { _ as S } from "./UiChatManagerAlert.vue_vue_type_script_setup_true_lang.DzU8TXYU.js";
8
- /* empty css */
9
- import { d as Y } from "./useDatePicker.DnhbkLG1.js";
10
- import { config as $ } from "../config/index.js";
11
- import { d as E } from "./UiChatAttachments.vue_vue_type_script_setup_true_lang.CCGby5Jd.js";
12
- const N = { class: "ui-chat" }, V = { class: "ui-chat__body" }, H = { class: "ui-chat__group-date" }, K = /* @__PURE__ */ M({
13
- __name: "UiChat",
14
- props: {
15
- ticket: {},
16
- messages: { default: () => [] },
17
- currentUserUuid: {},
18
- showManagerAlert: { type: Boolean, default: !1 },
19
- managerAlertSeconds: {}
20
- },
21
- emits: ["action-ticket", "submit", "attach"],
22
- setup(o, { emit: _ }) {
23
- 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(() => {
24
- if (!r.value) return o.messages;
25
- const t = Y().format("DD.MM.YYYY HH:mm");
26
- return [E($.uiChat.translations.defaultMessage, t)];
27
- }), v = u(() => {
28
- const t = {};
29
- for (const s of y.value) {
30
- const e = k(s.created_at);
31
- t[e] || (t[e] = []), t[e].push(s);
32
- }
33
- return t;
34
- });
35
- return (t, s) => (a(), n("div", N, [
36
- c(b, {
37
- ticket: t.ticket,
38
- "is-empty": r.value,
39
- onActionTicket: s[0] || (s[0] = (e) => i("action-ticket", e))
40
- }, null, 8, ["ticket", "is-empty"]),
41
- l("div", V, [
42
- c(w, {
43
- name: "alert",
44
- mode: "out-in",
45
- appear: ""
46
- }, {
47
- default: U(() => [
48
- t.showManagerAlert ? (a(), f(S, {
49
- key: 0,
50
- seconds: t.managerAlertSeconds
51
- }, null, 8, ["seconds"])) : A("", !0)
52
- ]),
53
- _: 1
54
- }),
55
- (a(!0), n(p, null, g(v.value, (e, d) => (a(), n("div", {
56
- key: d,
57
- class: "ui-chat__group"
58
- }, [
59
- l("div", H, [
60
- l("span", null, C(d), 1)
61
- ]),
62
- (a(!0), n(p, null, g(e, (m) => (a(), f(D, {
63
- key: m.id,
64
- message: m,
65
- "is-own": h(m)
66
- }, null, 8, ["message", "is-own"]))), 128))
67
- ]))), 128))
68
- ]),
69
- c(B, {
70
- "is-empty": r.value,
71
- onSubmit: s[1] || (s[1] = (e) => i("submit", e)),
72
- onAttach: s[2] || (s[2] = (e) => i("attach", e))
73
- }, null, 8, ["is-empty"])
74
- ]));
75
- }
76
- });
77
- export {
78
- K as _
79
- };
@@ -1,94 +0,0 @@
1
- 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";
2
- import { _ as g } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
3
- /* empty css */
4
- import { _ as V } from "./UiGallery.vue_vue_type_script_setup_true_lang.pDss49af.js";
5
- /* empty css */
6
- const z = (s, u) => ({
7
- id: 0,
8
- ticket_id: 0,
9
- message: s,
10
- created_at: u,
11
- updated_at: u,
12
- files: [],
13
- attachments: [],
14
- user: { uuid: "", avatar: null, telegram: null, email: "", name: null }
15
- }), 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({
16
- __name: "UiChatAttachments",
17
- props: {
18
- maxFiles: { default: () => E },
19
- accept: { default: () => M }
20
- },
21
- emits: ["change"],
22
- setup(s, { expose: u, emit: A }) {
23
- const p = A, d = o(), t = o([]), i = o(/* @__PURE__ */ new Map()), C = () => {
24
- t.value.length >= s.maxFiles || d.value?.click();
25
- }, y = (e) => {
26
- const a = e.target;
27
- if (!a.files?.length) return;
28
- const n = s.maxFiles - t.value.length, c = Array.from(a.files).slice(0, n);
29
- t.value.push(...c), p("change", t.value), a.value = "";
30
- }, F = (e) => {
31
- const a = i.value.get(t.value[e]);
32
- a && (window.URL.revokeObjectURL(a), i.value.delete(t.value[e])), t.value.splice(e, 1), p("change", t.value);
33
- }, 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(
34
- () => t.value.map((e) => ({ file: e }))
35
- ), b = (e) => {
36
- v.value = e, r.value = !0;
37
- };
38
- return u({ openFileDialog: C }), (e, a) => (_(), m("div", O, [
39
- l("input", {
40
- ref_key: "fileInput",
41
- ref: d,
42
- type: "file",
43
- accept: e.accept,
44
- multiple: e.maxFiles > 1,
45
- hidden: "",
46
- onChange: y
47
- }, null, 40, S),
48
- (_(!0), m(j, null, I(t.value, (n, c) => (_(), m("div", {
49
- key: c,
50
- class: "ui-chat-attachments__item"
51
- }, [
52
- l("div", $, [
53
- l("img", {
54
- src: k(n),
55
- alt: n.name
56
- }, null, 8, x),
57
- l("div", H, [
58
- l("button", {
59
- class: "ui-chat-attachments__btn ui-chat-attachments__btn--show",
60
- onClick: (w) => b(c)
61
- }, [
62
- h(g, {
63
- name: "visibility",
64
- type: "400"
65
- })
66
- ], 8, D),
67
- l("button", {
68
- class: "ui-chat-attachments__btn ui-chat-attachments__btn--remove",
69
- onClick: (w) => F(c)
70
- }, [
71
- h(g, {
72
- name: "close",
73
- type: "400"
74
- })
75
- ], 8, B)
76
- ])
77
- ]),
78
- l("span", P, R(n.name), 1)
79
- ]))), 128)),
80
- h(V, {
81
- modelValue: r.value,
82
- "onUpdate:modelValue": a[0] || (a[0] = (n) => r.value = n),
83
- images: T.value,
84
- "initial-index": v.value
85
- }, null, 8, ["modelValue", "images", "initial-index"])
86
- ]));
87
- }
88
- });
89
- export {
90
- E as A,
91
- K as _,
92
- J as a,
93
- z as d
94
- };
@@ -1,88 +0,0 @@
1
- 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";
2
- import { A as m, a as V, _ as E } from "./UiChatAttachments.vue_vue_type_script_setup_true_lang.CCGby5Jd.js";
3
- /* empty css */
4
- import { _ as g } from "./UiIconButton.vue_vue_type_script_setup_true_lang.cJvSLKjQ.js";
5
- import "./style.C3xG1ALc.js";
6
- import { _ as S } from "./UiTextarea.vue_vue_type_script_setup_true_lang.bD1zcxkh.js";
7
- /* empty css */
8
- import { _ as T } from "./UiTooltip.vue_vue_type_script_setup_true_lang.DNZTJcY4.js";
9
- import { config as c } from "../config/index.js";
10
- 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({
11
- __name: "UiChatFooter",
12
- props: {
13
- isEmpty: { type: Boolean }
14
- },
15
- emits: ["submit", "attach"],
16
- setup(R, { emit: y }) {
17
- const u = y, a = r(null), l = r([]), p = r(), C = k(() => l.value.length >= m), _ = () => {
18
- a.value && u("submit", { message: a.value, files: l.value });
19
- };
20
- return (f, t) => (d(), A("div", z, [
21
- e("div", B, [
22
- C.value ? $("", !0) : (d(), F(T, { key: 0 }, {
23
- text: h(() => [
24
- e("p", M, [
25
- e("span", null, n(o(c).uiChat.translations.maxFiles) + ": " + n(o(m)), 1),
26
- e("span", null, n(o(c).uiChat.translations.supportsFormats) + ": " + n(o(V)), 1)
27
- ])
28
- ]),
29
- default: h(() => [
30
- e("div", {
31
- style: { "margin-left": "-16px" },
32
- onClick: t[0] || (t[0] = (s) => p.value?.openFileDialog())
33
- }, [
34
- v(f.$slots, "footer-left", {}, () => [
35
- i(g, {
36
- "icon-name": "attach-file_add",
37
- type: "clear",
38
- "icon-type": "100",
39
- "icon-color": "#1968e5",
40
- size: "xl"
41
- })
42
- ])
43
- ])
44
- ]),
45
- _: 3
46
- })),
47
- e("div", N, [
48
- i(S, {
49
- modelValue: a.value,
50
- "onUpdate:modelValue": t[1] || (t[1] = (s) => a.value = s),
51
- size: "auto",
52
- placeholder: o(c).uiChat.translations.messagePlaceholder,
53
- submitOnEnter: "",
54
- onSubmit: _,
55
- "is-empty-value-null": ""
56
- }, null, 8, ["modelValue", "placeholder"])
57
- ]),
58
- e("div", {
59
- style: { "margin-right": "-16px" },
60
- onClick: _
61
- }, [
62
- v(f.$slots, "footer-right", {}, () => [
63
- i(g, {
64
- "icon-name": "send",
65
- type: "clear",
66
- "icon-type": "400",
67
- "icon-color": "#1968e5",
68
- size: "xl",
69
- disabled: !a.value
70
- }, null, 8, ["disabled"])
71
- ])
72
- ])
73
- ]),
74
- i(E, {
75
- ref_key: "attachmentsRef",
76
- ref: p,
77
- "max-files": o(m),
78
- class: b(["ui-chat__footer-attachments", { "ui-chat__footer-attachments--empty": !l.value.length }]),
79
- onChange: t[2] || (t[2] = (s) => {
80
- l.value = s, u("attach", s);
81
- })
82
- }, null, 8, ["max-files", "class"])
83
- ]));
84
- }
85
- });
86
- export {
87
- j as _
88
- };
@@ -1,95 +0,0 @@
1
- import { defineComponent as g, ref as b, computed as d, createElementBlock as c, openBlock as l, createElementVNode as t, createCommentVNode as h, createVNode as r, toDisplayString as a, unref as u, withCtx as m, normalizeStyle as V } from "vue";
2
- import { _ as p } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
3
- /* empty css */
4
- import { _ as S } from "./UiSelect.vue_vue_type_script_setup_true_lang.KW-gAx4L.js";
5
- import "./style.C3xG1ALc.js";
6
- import { config as i } from "../config/index.js";
7
- const w = { class: "ui-chat__header" }, E = { class: "ui-chat__header-content" }, z = { class: "ui-chat__header-icon" }, A = { class: "ui-chat__header-info" }, B = { class: "ui-chat__header-ticket" }, N = { class: "ui-chat__header-title" }, O = {
8
- key: 0,
9
- class: "ui-chat__header-id"
10
- }, T = { class: "ui-chat__header-support" }, U = { class: "ui-chat__header-name" }, $ = {
11
- key: 0,
12
- class: "ui-chat__actions"
13
- }, j = { class: "ui-chat__actions-selected" }, I = /* @__PURE__ */ g({
14
- __name: "UiChatHeader",
15
- props: {
16
- ticket: {},
17
- isEmpty: { type: Boolean }
18
- },
19
- emits: ["action-ticket"],
20
- setup(_, { emit: v }) {
21
- const f = v, s = b(null), k = d(() => [
22
- {
23
- value: "remind-ticket",
24
- label: i.uiChat.translations.remindAboutTicket,
25
- icon: "notifications-active"
26
- },
27
- {
28
- value: "change-operator",
29
- label: i.uiChat.translations.changeOperator,
30
- icon: "sync-alt"
31
- },
32
- {
33
- value: "close-ticket",
34
- label: i.uiChat.translations.closeTicket,
35
- icon: "delete",
36
- color: "var(--color-text-negative)"
37
- }
38
- ]), C = d(() => !_.isEmpty && _.ticket?.status?.value !== 5), y = () => {
39
- s.value && f("action-ticket", s.value), s.value = null;
40
- };
41
- return (o, n) => (l(), c("div", w, [
42
- t("div", E, [
43
- t("div", z, [
44
- r(p, {
45
- name: "support-agent 2",
46
- type: "100"
47
- })
48
- ]),
49
- t("div", A, [
50
- t("div", B, [
51
- t("span", N, a(o.ticket?.subject || u(i).uiChat.translations.newTicket), 1),
52
- o.ticket?.id ? (l(), c("span", O, a(u(i).uiChat.translations.ticket) + " #" + a(o.ticket.id), 1)) : h("", !0)
53
- ]),
54
- t("div", T, [
55
- t("span", U, a(o.ticket?.support_name || "Sofia"), 1),
56
- n[1] || (n[1] = t("span", { class: "ui-chat__header-status" }, "Online", -1))
57
- ])
58
- ])
59
- ]),
60
- C.value ? (l(), c("div", $, [
61
- r(S, {
62
- modelValue: s.value,
63
- "onUpdate:modelValue": n[0] || (n[0] = (e) => s.value = e),
64
- options: k.value,
65
- size: "sm",
66
- placement: "bottom-end",
67
- "fit-content-width": !1,
68
- teleport: !1,
69
- onChange: y
70
- }, {
71
- selected: m(() => [
72
- t("span", j, a(u(i).uiChat.translations.actions), 1)
73
- ]),
74
- default: m(({ option: e }) => [
75
- t("span", {
76
- class: "ui-chat__actions-item",
77
- style: V(e.color && { color: e.color })
78
- }, [
79
- r(p, {
80
- name: e.icon,
81
- type: "400",
82
- size: "sm"
83
- }, null, 8, ["name"]),
84
- t("span", null, a(e.label), 1)
85
- ], 4)
86
- ]),
87
- _: 1
88
- }, 8, ["modelValue", "options"])
89
- ])) : h("", !0)
90
- ]));
91
- }
92
- });
93
- export {
94
- I as _
95
- };
@@ -1,213 +0,0 @@
1
- import { defineComponent as K, mergeModels as L, useModel as O, ref as S, computed as z, onMounted as X, createElementBlock as w, openBlock as v, normalizeClass as Z, createVNode as n, unref as t, withCtx as r, createBlock as P, createCommentVNode as I, createTextVNode as B, toDisplayString as g, createElementVNode as N, renderSlot as Y } from "vue";
2
- import { _ as ee } from "./DatePickerInputs.vue_vue_type_script_setup_true_lang.BDpkRcEN.js";
3
- import { Q as te } from "./style.C3xG1ALc.js";
4
- import { _ as ae } from "./DatePickerPresets.vue_vue_type_script_setup_true_lang.CKckhapZ.js";
5
- /* empty css */
6
- import { _ as oe } from "./DatePickerSlider.vue_vue_type_script_setup_true_lang.BGkzUy3Z.js";
7
- import { _ as R } from "./UiIconButton.vue_vue_type_script_setup_true_lang.cJvSLKjQ.js";
8
- import { a as le } from "./index.Cp1LhIxy.js";
9
- import "./vue3-lottie.es.BGWavb2-.js";
10
- import { _ as U } from "./UiButton.vue_vue_type_script_setup_true_lang.C58Ve9-q.js";
11
- import { _ as ie } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
12
- /* empty css */
13
- /* empty css */
14
- import { config as D } from "../config/index.js";
15
- /* empty css */
16
- /* empty css */
17
- /* empty css */
18
- /* empty css */
19
- /* empty css */
20
- /* empty css */
21
- /* empty css */
22
- import { u as ne } from "./useDatePicker.DnhbkLG1.js";
23
- /* empty css */
24
- import { useDatePickerPresets as re } from "../components/UiDatepicker/composables/useDatePickerPresets.js";
25
- import { useDatePickerSelected as se } from "../components/UiDatepicker/composables/useDatePickerSelected.js";
26
- /* empty css */
27
- /* empty css */
28
- /* empty css */
29
- /* empty css */
30
- /* empty css */
31
- /* empty css */
32
- /* empty css */
33
- /* empty css */
34
- import "vue-router";
35
- /* empty css */
36
- /* empty css */
37
- /* empty css */
38
- /* empty css */
39
- /* empty css */
40
- /* empty css */
41
- /* empty css */
42
- const me = {
43
- key: 1,
44
- class: "ui-datepicker__trigger"
45
- }, ue = { class: "ui-datepicker__navigate" }, de = { class: "ui-datepicker__navigate-value" }, Ye = /* @__PURE__ */ K({
46
- __name: "UiDatepickerRange",
47
- props: /* @__PURE__ */ L({
48
- disabled: { type: Boolean },
49
- beginDate: {},
50
- size: { default: "xs" },
51
- clearable: { type: Boolean },
52
- autoApply: { type: Boolean },
53
- maxDate: {},
54
- minDate: {},
55
- timezone: {},
56
- single: { type: Boolean },
57
- hideSliderArrows: { type: Boolean }
58
- }, {
59
- modelValue: { default: [] },
60
- modelModifiers: {}
61
- }),
62
- emits: ["update:modelValue"],
63
- setup(C) {
64
- const u = C, o = O(C, "modelValue"), { width: E } = le(), { dayjs: s, today: F, endDate: y, startDate: k, beginDate: H, modelValueFormat: V } = ne(o), m = S(), l = S(["", ""]), d = S(!1), Q = z(
65
- () => u.beginDate ? s(u.beginDate).format(V.value) : null
66
- ), p = z(() => u.maxDate ?? F), _ = z(() => u.minDate), { presets: c } = re({ beginDate: Q.value ?? H.value }), { isAllTimeSelected: T, selectedDate: $, formattedSelectedDate: j, selectedRange: x } = se({
67
- presets: c,
68
- startDate: k,
69
- endDate: y,
70
- minDate: _,
71
- maxDate: p
72
- });
73
- function W(e) {
74
- A(e.date), m.value.closeMenu();
75
- }
76
- function q(e) {
77
- if (!e) return;
78
- const a = Array.isArray(e) ? e : [e, e];
79
- d.value = e.length < 2, a.length === 2 && (l.value = a);
80
- }
81
- function M(e) {
82
- o.value = [s(e[0]).format(V.value), s(e[1]).format(V.value)];
83
- }
84
- function A(e) {
85
- const a = Array.isArray(e) ? e : [e, e];
86
- k.value && y.value && k.value.isSame(a[0], "day") && y.value.isSame(a[1], "day") || M(a);
87
- }
88
- function G() {
89
- const e = u.single ? s(l.value[0], D.uiDatePicker.modelValueFormat).toDate() : l.value;
90
- m.value?.updateInternalModelValue(e), m.value?.setMonthYear({
91
- month: s(l.value[0]).month(),
92
- year: s(l.value[0]).year()
93
- });
94
- }
95
- const J = () => {
96
- o.value = [], l.value = ["", ""], d.value = !0, m.value?.closeMenu();
97
- };
98
- return X(() => {
99
- o.value.length || (d.value = !0);
100
- }), (e, a) => (v(), w("div", {
101
- class: Z(["ui-datepicker-range", [e.size, { "is-disabled": e.disabled }]])
102
- }, [
103
- n(oe, {
104
- disabled: !o.value.length || t(T),
105
- modelValue: o.value,
106
- "onUpdate:modelValue": a[2] || (a[2] = (i) => o.value = i),
107
- "selected-range": t(x),
108
- "is-show": !e.hideSliderArrows,
109
- "min-date": _.value,
110
- "max-date": p.value
111
- }, {
112
- default: r(() => [
113
- n(t(te), {
114
- position: "center",
115
- locale: t(D).locale,
116
- ref_key: "pickerRef",
117
- ref: m,
118
- "model-value": e.single ? o.value[0] : o.value,
119
- "enable-time-picker": !1,
120
- range: !e.single,
121
- "multi-calendars": !e.single && t(E) > 1e3,
122
- "month-name-format": "long",
123
- "max-date": p.value,
124
- "min-date": _.value,
125
- "start-date": p.value,
126
- "auto-apply": e.autoApply,
127
- offset: 0,
128
- timezone: e.timezone,
129
- "onUpdate:modelValue": A,
130
- onInternalModelChange: q
131
- }, {
132
- "left-sidebar": r(() => [
133
- !e.single && t(c).length ? (v(), P(ae, {
134
- key: 0,
135
- presets: t(c),
136
- date: l.value,
137
- onChange: W
138
- }, null, 8, ["presets", "date"])) : I("", !0),
139
- n(ee, {
140
- onChange: G,
141
- onSubmit: a[0] || (a[0] = (i) => m.value.selectDate()),
142
- modelValue: l.value,
143
- "onUpdate:modelValue": a[1] || (a[1] = (i) => l.value = i),
144
- single: e.single
145
- }, null, 8, ["modelValue", "single"])
146
- ]),
147
- trigger: r(() => [
148
- e.$slots.trigger ? Y(e.$slots, "trigger", {
149
- key: 0,
150
- date: o.value,
151
- presets: t(c),
152
- selectedDate: t($),
153
- formattedSelectedDate: t(j)
154
- }) : (v(), w("button", me, [
155
- n(t(ie), {
156
- type: "400",
157
- name: "calendar-month"
158
- }),
159
- B(g(t($)), 1)
160
- ]))
161
- ]),
162
- "month-year": r(({ month: i, months: b, handleMonthYearChange: f }) => [
163
- N("div", ue, [
164
- n(R, {
165
- onClick: (h) => f && f(!1),
166
- "icon-type": "400",
167
- size: "lg",
168
- "icon-name": "chevron-left 1",
169
- "no-size": ""
170
- }, null, 8, ["onClick"]),
171
- N("span", de, g(b?.find((h) => h.value === i)?.text), 1),
172
- n(R, {
173
- onClick: (h) => f && f(!0),
174
- "icon-type": "400",
175
- size: "lg",
176
- "icon-name": "chevron-right",
177
- "no-size": ""
178
- }, null, 8, ["onClick"])
179
- ])
180
- ]),
181
- "action-row": r(({ disabled: i, selectDate: b }) => [
182
- n(t(U), {
183
- disabled: d.value || i,
184
- mode: "neutral",
185
- onClick: b
186
- }, {
187
- default: r(() => [
188
- B(g(t(D).uiDatePicker.translations.applyButton), 1)
189
- ]),
190
- _: 2
191
- }, 1032, ["disabled", "onClick"]),
192
- o.value.length && e.clearable ? (v(), P(t(U), {
193
- key: 0,
194
- type: "secondary",
195
- onClick: J
196
- }, {
197
- default: r(() => [
198
- B(g(t(D).uiDatePicker.translations.clearButton), 1)
199
- ]),
200
- _: 1
201
- })) : I("", !0)
202
- ]),
203
- _: 3
204
- }, 8, ["locale", "model-value", "range", "multi-calendars", "max-date", "min-date", "start-date", "auto-apply", "timezone"])
205
- ]),
206
- _: 3
207
- }, 8, ["disabled", "modelValue", "selected-range", "is-show", "min-date", "max-date"])
208
- ], 2));
209
- }
210
- });
211
- export {
212
- Ye as _
213
- };