@dv.net/ui-kit 7.5.1 → 7.5.2

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

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

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

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

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

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

package/dist/assets/UiChatHeader.vue_vue_type_script_setup_true_lang.BJzoLe2U.js

@@ -0,0 +1,147 @@
+import { defineComponent as b, ref as w, computed as p, createElementBlock as c, openBlock as i, createElementVNode as t, createCommentVNode as u, createVNode as m, createBlock as V, unref as n, Fragment as B, toDisplayString as a, withCtx as _, normalizeStyle as S } from "vue";
+import { _ as h } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+/* empty css                                                */
+import { _ as T } from "./UiSelect.vue_vue_type_script_setup_true_lang.KW-gAx4L.js";
+import "./style.C3xG1ALc.js";
+import { config as s } from "../config/index.js";
+import "./vue3-lottie.es.BGWavb2-.js";
+/* empty css                                                   */
+/* empty css                                                           */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                                  */
+/* empty css                                                       */
+/* empty css                                                            */
+import "./useDatePicker.DnhbkLG1.js";
+/* empty css                                                         */
+/* empty css                                                           */
+import "../components/UiDatepicker/composables/useDatePickerPresets.js";
+/* empty css                                                       */
+/* empty css                                                   */
+/* empty css                                                  */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                  */
+/* empty css                                                      */
+import "vue-router";
+/* empty css                                                */
+/* empty css                                                 */
+/* empty css                                                      */
+import { _ as k } from "./UiSkeleton.vue_vue_type_script_setup_true_lang.DdPvBHJ7.js";
+/* empty css                                                    */
+/* empty css                                                */
+/* empty css                                                    */
+/* empty css                                                               */
+const E = { class: "ui-chat__header" }, z = { class: "ui-chat__header-content" }, A = { class: "ui-chat__header-icon" }, L = { class: "ui-chat__header-info" }, N = { class: "ui-chat__header-ticket" }, O = { class: "ui-chat__header-title" }, $ = {
+  key: 0,
+  class: "ui-chat__header-id"
+}, U = { class: "ui-chat__header-support" }, j = { class: "ui-chat__header-name" }, D = {
+  key: 0,
+  class: "ui-chat__actions"
+}, F = {
+  key: 1,
+  class: "ui-chat__actions"
+}, H = { class: "ui-chat__actions-selected" }, Ct = /* @__PURE__ */ b({
+  __name: "UiChatHeader",
+  props: {
+    ticket: {},
+    isEmpty: { type: Boolean },
+    isClosedTicket: { type: Boolean },
+    ticketLoading: { type: Boolean, default: !1 }
+  },
+  emits: ["action-ticket"],
+  setup(d, { emit: f }) {
+    const v = f, r = w(null), y = p(() => [
+      {
+        value: "remind-ticket",
+        label: s.uiChat.translations.remindAboutTicket,
+        icon: "notifications-active"
+      },
+      {
+        value: "change-operator",
+        label: s.uiChat.translations.changeOperator,
+        icon: "sync-alt"
+      },
+      {
+        value: "close-ticket",
+        label: s.uiChat.translations.closeTicket,
+        icon: "delete",
+        color: "var(--color-text-negative)"
+      }
+    ]), g = p(() => !d.isEmpty && !d.isClosedTicket), C = () => {
+      r.value && v("action-ticket", r.value), r.value = null;
+    };
+    return (e, l) => (i(), c("div", E, [
+      t("div", z, [
+        t("div", A, [
+          m(h, {
+            name: "support-agent  2",
+            type: "100"
+          })
+        ]),
+        t("div", L, [
+          e.ticketLoading ? (i(), V(n(k), {
+            key: 0,
+            class: "ui-chat__header-info-skeleton",
+            "row-height": 36,
+            rows: 1,
+            "item-border-radius": 6,
+            "first-color": "var(--color-background-tertiary)",
+            "second-color": "var(--color-background-primary)"
+          })) : (i(), c(B, { key: 1 }, [
+            t("div", N, [
+              t("span", O, a(e.ticket?.subject || n(s).uiChat.translations.newTicket), 1),
+              e.ticket?.id ? (i(), c("span", $, a(n(s).uiChat.translations.ticket) + " #" + a(e.ticket.id), 1)) : u("", !0)
+            ]),
+            t("div", U, [
+              t("span", j, a(e.ticket?.support_name || "Sofia"), 1),
+              l[1] || (l[1] = t("span", { class: "ui-chat__header-status" }, "Online", -1))
+            ])
+          ], 64))
+        ])
+      ]),
+      e.ticketLoading ? (i(), c("div", D, [
+        m(n(k), {
+          "row-height": 36,
+          rows: 1,
+          "item-border-radius": 6,
+          "first-color": "var(--color-background-tertiary)",
+          "second-color": "var(--color-background-primary)"
+        })
+      ])) : g.value ? (i(), c("div", F, [
+        m(T, {
+          modelValue: r.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (o) => r.value = o),
+          options: y.value,
+          size: "sm",
+          placement: "bottom-end",
+          "fit-content-width": !1,
+          teleport: !1,
+          onChange: C
+        }, {
+          selected: _(() => [
+            t("span", H, a(n(s).uiChat.translations.actions), 1)
+          ]),
+          default: _(({ option: o }) => [
+            t("span", {
+              class: "ui-chat__actions-item",
+              style: S(o.color && { color: o.color })
+            }, [
+              m(h, {
+                name: o.icon,
+                type: "400",
+                size: "sm"
+              }, null, 8, ["name"]),
+              t("span", null, a(o.label), 1)
+            ], 4)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "options"])
+      ])) : u("", !0)
+    ]));
+  }
+});
+export {
+  Ct as _
+};

package/dist/assets/UiDatepickerRange.vue_vue_type_script_setup_true_lang.DCzJY2wh.js

@@ -0,0 +1,240 @@
+import { defineComponent as X, mergeModels as Z, useModel as Y, computed as k, ref as $, onMounted as x, createElementBlock as P, openBlock as p, normalizeClass as ee, createVNode as r, unref as t, withCtx as s, createElementVNode as D, createCommentVNode as z, renderSlot as N, createBlock as R, createTextVNode as C, toDisplayString as y } from "vue";
+import { _ as te } from "./DatePickerInputs.vue_vue_type_script_setup_true_lang.BDpkRcEN.js";
+import { Q as ae } from "./style.C3xG1ALc.js";
+import { _ as ie } from "./DatePickerPresets.vue_vue_type_script_setup_true_lang.CKckhapZ.js";
+/* empty css                                                           */
+import { _ as oe } from "./DatePickerSlider.vue_vue_type_script_setup_true_lang.BGkzUy3Z.js";
+import { _ as U } from "./UiIconButton.vue_vue_type_script_setup_true_lang.cJvSLKjQ.js";
+import { a as le } from "./index.Cp1LhIxy.js";
+import "./vue3-lottie.es.BGWavb2-.js";
+import { _ as F } from "./UiButton.vue_vue_type_script_setup_true_lang.C58Ve9-q.js";
+import { _ as ne } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+/* empty css                                                */
+/* empty css                                                        */
+import { config as b } from "../config/index.js";
+/* empty css                                                   */
+/* empty css                                                           */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                                  */
+/* empty css                                                       */
+/* empty css                                                            */
+import { u as re } from "./useDatePicker.DnhbkLG1.js";
+/* empty css                                                         */
+import { useDatePickerPresets as se } from "../components/UiDatepicker/composables/useDatePickerPresets.js";
+import { useDatePickerSelected as me } from "../components/UiDatepicker/composables/useDatePickerSelected.js";
+/* empty css                                                       */
+/* empty css                                                   */
+/* empty css                                                  */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                  */
+/* empty css                                                      */
+import "vue-router";
+/* empty css                                                */
+/* empty css                                                 */
+/* empty css                                                      */
+/* empty css                                                    */
+/* empty css                                                */
+/* empty css                                                    */
+/* empty css                                                               */
+const ue = {
+  key: 1,
+  class: "ui-datepicker__trigger"
+}, de = { class: "ui-datepicker__navigate" }, ce = { class: "ui-datepicker__navigate-value" }, pe = { class: "ui-datepicker__actions" }, ve = {
+  key: 0,
+  class: "ui-datepicker__actions-slot"
+}, fe = { class: "ui-datepicker__actions-btns" }, it = /* @__PURE__ */ X({
+  __name: "UiDatepickerRange",
+  props: /* @__PURE__ */ Z({
+    disabled: { type: Boolean },
+    beginDate: {},
+    size: { default: "xs" },
+    clearable: { type: Boolean },
+    autoApply: { type: Boolean },
+    maxDate: {},
+    minDate: {},
+    timezone: {},
+    single: { type: Boolean },
+    hideSliderArrows: { type: Boolean },
+    enableTimePicker: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(w) {
+    const n = w, i = Y(w, "modelValue"), { width: E } = le(), { dayjs: m, today: Q, endDate: _, startDate: V, beginDate: j, modelValueFormat: h } = re(i), M = k(
+      () => n.enableTimePicker ? `${h.value} HH:mm` : h.value
+    ), u = $(), l = $(["", ""]), d = $(!1), W = k(
+      () => n.beginDate ? m(n.beginDate).format(h.value) : null
+    ), v = k(() => n.maxDate ?? Q), B = k(() => n.minDate), { presets: f } = se({ beginDate: W.value ?? j.value }), { isAllTimeSelected: q, selectedDate: A, formattedSelectedDate: G, selectedRange: J } = me({
+      presets: f,
+      startDate: V,
+      endDate: _,
+      minDate: B,
+      maxDate: v
+    });
+    function K(e) {
+      H(e.date), u.value.closeMenu();
+    }
+    function L(e) {
+      if (!e) return;
+      const a = Array.isArray(e) ? e : [e, e];
+      d.value = e.length < 2, a.length === 2 && (l.value = a);
+    }
+    function T(e) {
+      i.value = [m(e[0]).format(M.value), m(e[1]).format(M.value)];
+    }
+    function H(e) {
+      const a = Array.isArray(e) ? e : [e, e];
+      if (V.value && _.value) {
+        const o = n.enableTimePicker ? "minute" : "day";
+        V.value.isSame(a[0], o) && _.value.isSame(a[1], o) || T(a);
+      } else
+        T(a);
+    }
+    function O() {
+      const e = n.single ? m(l.value[0], b.uiDatePicker.modelValueFormat).toDate() : l.value;
+      u.value?.updateInternalModelValue(e), u.value?.setMonthYear({
+        month: m(l.value[0]).month(),
+        year: m(l.value[0]).year()
+      });
+    }
+    const I = () => {
+      i.value = [], l.value = ["", ""], d.value = !0, u.value?.closeMenu();
+    };
+    return x(() => {
+      i.value.length || (d.value = !0);
+    }), (e, a) => (p(), P("div", {
+      class: ee(["ui-datepicker-range", [e.size, { "is-disabled": e.disabled }]])
+    }, [
+      r(oe, {
+        disabled: !i.value.length || t(q),
+        modelValue: i.value,
+        "onUpdate:modelValue": a[2] || (a[2] = (o) => i.value = o),
+        "selected-range": t(J),
+        "is-show": !e.hideSliderArrows,
+        "min-date": B.value,
+        "max-date": v.value
+      }, {
+        default: s(() => [
+          r(t(ae), {
+            position: "center",
+            locale: t(b).locale,
+            ref_key: "pickerRef",
+            ref: u,
+            "model-value": e.single ? i.value[0] : i.value,
+            "enable-time-picker": e.enableTimePicker,
+            "time-picker-inline": e.enableTimePicker,
+            "hours-grid-increment": 1,
+            "minutes-grid-increment": 1,
+            range: !e.single,
+            "multi-calendars": !e.single && t(E) > 1e3,
+            "month-name-format": "long",
+            "max-date": v.value,
+            "min-date": B.value,
+            "start-date": v.value,
+            "auto-apply": e.autoApply,
+            offset: 0,
+            timezone: e.timezone,
+            "onUpdate:modelValue": H,
+            onInternalModelChange: L
+          }, {
+            "left-sidebar": s(() => [
+              !e.single && t(f).length ? (p(), R(ie, {
+                key: 0,
+                presets: t(f),
+                date: l.value,
+                onChange: K
+              }, null, 8, ["presets", "date"])) : z("", !0),
+              r(te, {
+                onChange: O,
+                onSubmit: a[0] || (a[0] = (o) => u.value.selectDate()),
+                modelValue: l.value,
+                "onUpdate:modelValue": a[1] || (a[1] = (o) => l.value = o),
+                single: e.single
+              }, null, 8, ["modelValue", "single"])
+            ]),
+            trigger: s(() => [
+              e.$slots.trigger ? N(e.$slots, "trigger", {
+                key: 0,
+                date: i.value,
+                presets: t(f),
+                selectedDate: t(A),
+                formattedSelectedDate: t(G)
+              }) : (p(), P("button", ue, [
+                r(t(ne), {
+                  type: "400",
+                  name: "calendar-month"
+                }),
+                C(y(t(A)), 1)
+              ]))
+            ]),
+            "month-year": s(({ month: o, months: c, handleMonthYearChange: g }) => [
+              D("div", de, [
+                r(U, {
+                  onClick: (S) => g && g(!1),
+                  "icon-type": "400",
+                  size: "lg",
+                  "icon-name": "chevron-left 1",
+                  "no-size": ""
+                }, null, 8, ["onClick"]),
+                D("span", ce, y(c?.find((S) => S.value === o)?.text), 1),
+                r(U, {
+                  onClick: (S) => g && g(!0),
+                  "icon-type": "400",
+                  size: "lg",
+                  "icon-name": "chevron-right",
+                  "no-size": ""
+                }, null, 8, ["onClick"])
+              ])
+            ]),
+            "action-row": s(({ disabled: o, selectDate: c }) => [
+              D("div", pe, [
+                e.$slots["action-row"] ? (p(), P("div", ve, [
+                  N(e.$slots, "action-row", {
+                    disabled: o,
+                    selectDate: c,
+                    clearDate: I,
+                    isDisabledBtn: d.value,
+                    modelValue: i.value,
+                    clearable: e.clearable
+                  })
+                ])) : z("", !0),
+                D("div", fe, [
+                  r(t(F), {
+                    disabled: d.value || o,
+                    mode: "neutral",
+                    onClick: c
+                  }, {
+                    default: s(() => [
+                      C(y(t(b).uiDatePicker.translations.applyButton), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["disabled", "onClick"]),
+                  i.value.length && e.clearable ? (p(), R(t(F), {
+                    key: 0,
+                    type: "secondary",
+                    onClick: I
+                  }, {
+                    default: s(() => [
+                      C(y(t(b).uiDatePicker.translations.clearButton), 1)
+                    ]),
+                    _: 1
+                  })) : z("", !0)
+                ])
+              ])
+            ]),
+            _: 3
+          }, 8, ["locale", "model-value", "enable-time-picker", "time-picker-inline", "range", "multi-calendars", "max-date", "min-date", "start-date", "auto-apply", "timezone"])
+        ]),
+        _: 3
+      }, 8, ["disabled", "modelValue", "selected-range", "is-show", "min-date", "max-date"])
+    ], 2));
+  }
+});
+export {
+  it as _
+};