@dv.net/ui-kit 7.3.1 → 7.4.1

package/dist/components/UiAvatar/UiAvatar.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiAvatar.vue_vue_type_script_setup_true_lang.Do73Vuko.js";
+import { _ as m } from "../../assets/UiAvatar.vue_vue_type_script_setup_true_lang.CqOkYtri.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiBlockTitle/UiBlockTitle.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiBlockTitle.vue_vue_type_script_setup_true_lang.Dg6-Ebqf.js";
+import { _ as m } from "../../assets/UiBlockTitle.vue_vue_type_script_setup_true_lang.CDQzSyvH.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiButton/UiButton.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiButton.vue_vue_type_script_setup_true_lang.By4sPabz.js";
+import { _ as m } from "../../assets/UiButton.vue_vue_type_script_setup_true_lang.CAgnUvIV.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiCheckbox/UiCheckbox.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiCheckbox.vue_vue_type_script_setup_true_lang.BF8t-geq.js";
+import { _ as m } from "../../assets/UiCheckbox.vue_vue_type_script_setup_true_lang.jNhN0anJ.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiCollapseItem/UiCollapseItem.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiCollapseItem.vue_vue_type_script_setup_true_lang.Dck4GgNO.js";
+import { _ as m } from "../../assets/UiCollapseItem.vue_vue_type_script_setup_true_lang.T5nsbevZ.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiConfirm/UiConfirm.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiConfirm.vue_vue_type_script_setup_true_lang.CmhYjJWP.js";
+import { _ as m } from "../../assets/UiConfirm.vue_vue_type_script_setup_true_lang.BtEjkj0Q.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiDatepicker/UiDatepickerRange.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiDatepickerRange.vue_vue_type_script_setup_true_lang.BUNYTSuA.js";
+import { _ as m } from "../../assets/UiDatepickerRange.vue_vue_type_script_setup_true_lang.DEaQJdY2.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiDatepicker/components/DatePickerInput.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../../assets/DatePickerInput.vue_vue_type_script_setup_true_lang.-eVpQUbL.js";
+import { _ as m } from "../../../assets/DatePickerInput.vue_vue_type_script_setup_true_lang.zOBynXnC.js";
 import "../../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiDatepicker/components/DatePickerInputs.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../../assets/DatePickerInputs.vue_vue_type_script_setup_true_lang.5soCW2GR.js";
+import { _ as m } from "../../../assets/DatePickerInputs.vue_vue_type_script_setup_true_lang.CHu97t2s.js";
 import "../../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiDatepicker/components/DatePickerPresets.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../../assets/DatePickerPresets.vue_vue_type_script_setup_true_lang.2FMuPnQ-.js";
+import { _ as m } from "../../../assets/DatePickerPresets.vue_vue_type_script_setup_true_lang.CKckhapZ.js";
 /* empty css                                                                         */
 export {
   m as default

package/dist/components/UiDatepicker/components/DatePickerSlider.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../../assets/DatePickerSlider.vue_vue_type_script_setup_true_lang.C5d0LYnp.js";
+import { _ as m } from "../../../assets/DatePickerSlider.vue_vue_type_script_setup_true_lang.OWR8o6fM.js";
 import "../../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiDatepicker/composables/useDatePicker.d.ts

@@ -13,5 +13,7 @@ export declare function useDatePicker(modelValue?: Ref<string[]>): {
     beginDate: import('vue').ComputedRef<string>;
     startDate: import('vue').ComputedRef<dayjs.Dayjs | null>;
     endDate: import('vue').ComputedRef<dayjs.Dayjs | null>;
+    monthAgo: string;
+    yearAgo: string;
     checkIsValidDate: () => boolean;
 };

package/dist/components/UiDatepicker/composables/useDatePicker.js

@@ -1,4 +1,4 @@
-import { u as i } from "../../../assets/useDatePicker.DpkmuZRe.js";
+import { u as i } from "../../../assets/useDatePicker.DnhbkLG1.js";
 import "vue";
 import "../../../config/index.js";
 export {

package/dist/components/UiDatepicker/composables/useDatePickerPresets.js

@@ -1,7 +1,7 @@
 import { computed as a } from "vue";
-import { u as i } from "../../../assets/useDatePicker.DpkmuZRe.js";
+import { u as i } from "../../../assets/useDatePicker.DnhbkLG1.js";
 import { config as t } from "../../../config/index.js";
-const { today: e, weekAgo: s, startOfMonth: o, startOfYear: n, quarterAgo: l } = i();
+const { today: e, weekAgo: o, monthAgo: s, yearAgo: n, quarterAgo: l } = i();
 function m(r) {
   return { presets: a(() => [
     {
@@ -15,7 +15,7 @@ function m(r) {
     },
     {
       label: t.uiDatePicker.translations.presetWeek,
-      date: [s, e],
+      date: [o, e],
       id: "week",
       slider: {
         type: "day",
@@ -24,7 +24,7 @@ function m(r) {
     },
     {
       label: t.uiDatePicker.translations.presetMonth,
-      date: [o, e],
+      date: [s, e],
       id: "month",
       slider: {
         type: "month",

package/dist/components/UiDatepicker/composables/useDatePickerSelected.js

@@ -1,31 +1,31 @@
-import { u as y, d as t } from "../../../assets/useDatePicker.DpkmuZRe.js";
-import { computed as i } from "vue";
+import { u as M, d as t } from "../../../assets/useDatePicker.DnhbkLG1.js";
+import { computed as u } from "vue";
 import { config as l } from "../../../config/index.js";
-function h(e) {
-  const { checkIsValidDate: o } = y(), D = i(() => {
+function P(e) {
+  const { checkIsValidDate: o } = M(), i = u(() => {
     if (!(!e.startDate || !e.endDate))
       return e.presets.value.find((a) => t(a.date[0]).isSame(e.startDate.value, "day") && t(a.date[1]).isSame(e.endDate.value, "day"));
-  }), s = i(() => D.value?.id === "all-time"), r = i(() => {
+  }), c = u(() => i.value?.id === "all-time"), f = u(() => i.value?.id === "month"), y = u(() => i.value?.id === "year"), r = u(() => {
     if (!e.startDate.value || !e.endDate.value) return;
     const a = e.startDate.value.isSame(e.endDate.value, "month"), d = e.startDate.value.isSame(e.endDate.value, "year");
     if (e.endDate.value.diff(e.startDate.value, "days") === 6)
       return "week";
-    if (a && d && (e.startDate.value.isSame(e.startDate.value.startOf("month"), "day") || e.minDate.value && e.startDate.value.isSame(t(e.minDate.value), "day")) && (e.endDate.value.isSame(e.endDate.value.endOf("month"), "day") || e.maxDate.value && e.endDate.value.isSame(t(e.maxDate.value), "day") || e.endDate.value.isSame(t(), "day")))
+    if (f.value || a && d && (e.startDate.value.isSame(e.startDate.value.startOf("month"), "day") || e.minDate.value && e.startDate.value.isSame(t(e.minDate.value), "day")) && (e.endDate.value.isSame(e.endDate.value.endOf("month"), "day") || e.maxDate.value && e.endDate.value.isSame(t(e.maxDate.value), "day") || e.endDate.value.isSame(t(), "day")))
       return "month";
-    if (d && (e.startDate.value.isSame(e.startDate.value.startOf("year"), "day") || e.minDate.value && e.startDate.value.isSame(t(e.minDate.value), "day")) && (e.endDate.value.isSame(e.endDate.value.endOf("year"), "day") || e.endDate.value.isSame(t(e.maxDate.value), "day") || e.endDate.value.isSame(t(), "day")))
+    if (y.value || d && (e.startDate.value.isSame(e.startDate.value.startOf("year"), "day") || e.minDate.value && e.startDate.value.isSame(t(e.minDate.value), "day")) && (e.endDate.value.isSame(e.endDate.value.endOf("year"), "day") || e.endDate.value.isSame(t(e.maxDate.value), "day") || e.endDate.value.isSame(t(), "day")))
       return "year";
-  }), f = i(() => !o() || !e.startDate.value || !e.endDate.value ? [] : [e.startDate.value, e.endDate.value].map(
+  }), S = u(() => !o() || !e.startDate.value || !e.endDate.value ? [] : [e.startDate.value, e.endDate.value].map(
     (a) => t(a, l.uiDatePicker.modelValueFormat).format(l.uiDatePicker.inputFormat)
-  )), S = i(() => {
+  )), Y = u(() => {
     if (!o())
       return l.uiDatePicker.translations.invalidDate;
     if (!e.startDate.value || !e.endDate.value)
       return l.uiDatePicker.translations.emptyPlaceholder;
-    const a = e.endDate.value.isSame(e.startDate.value, "day"), d = e.startDate.value.isSame(t().subtract(1, "day").startOf("day"), "day") && e.endDate.value.isSame(t().subtract(1, "day").startOf("day"), "day"), v = e.startDate.value.isSame(e.endDate.value, "month"), c = e.startDate.value.isSame(e.endDate.value, "year"), n = e.startDate.value.locale(l.locale), u = e.endDate.value.locale(l.locale);
-    return D.value ? D.value.label : r.value === "year" ? `${n.format("YYYY")} ${l.uiDatePicker.translations.yearLabelSuffix}` : d ? l.uiDatePicker.translations.yesterdayPlaceholder : a ? n.format("DD MMM YY") : r.value === "month" ? n.format("MMMM YYYY") : v ? `${n.format("DD")} - ${u.format("DD")} ${u.format("MMM YYYY")}` : c ? `${n.format("DD MMM")} - ${u.format("DD MMM")} ${u.format("YYYY")}` : `${n.format("DD MMM YY")} - ${u.format("DD MMM YY")}`;
+    const a = e.endDate.value.isSame(e.startDate.value, "day"), d = e.startDate.value.isSame(t().subtract(1, "day").startOf("day"), "day") && e.endDate.value.isSame(t().subtract(1, "day").startOf("day"), "day"), v = e.startDate.value.isSame(e.endDate.value, "month"), s = e.startDate.value.isSame(e.endDate.value, "year"), n = e.startDate.value.locale(l.locale), D = e.endDate.value.locale(l.locale);
+    return i.value ? i.value.label : r.value === "year" ? `${n.format("YYYY")} ${l.uiDatePicker.translations.yearLabelSuffix}` : d ? l.uiDatePicker.translations.yesterdayPlaceholder : a ? n.format("DD MMM YY") : r.value === "month" ? n.format("MMMM YYYY") : v ? `${n.format("DD")} - ${D.format("DD")} ${D.format("MMM YYYY")}` : s ? `${n.format("DD MMM")} - ${D.format("DD MMM")} ${D.format("YYYY")}` : `${n.format("DD MMM YY")} - ${D.format("DD MMM YY")}`;
   });
-  return { selectedPreset: D, formattedSelectedDate: f, isAllTimeSelected: s, selectedRange: r, selectedDate: S };
+  return { selectedPreset: i, formattedSelectedDate: S, isAllTimeSelected: c, selectedRange: r, selectedDate: Y };
 }
 export {
-  h as useDatePickerSelected
+  P as useDatePickerSelected
 };

package/dist/components/UiDragAndDrop/UiDragAndDrop.js

@@ -1,6 +1,6 @@
 import { defineComponent as E, mergeModels as _, useModel as L, ref as O, computed as s, createElementBlock as l, openBlock as a, normalizeClass as T, unref as d, createCommentVNode as p, createElementVNode as g, createVNode as v, toDisplayString as h, withModifiers as b, withCtx as j, createTextVNode as z, Fragment as x, renderList as k, createBlock as D } from "vue";
 import I from "./UiFileItem.js";
-import { _ as Z } from "../../assets/UiFileItemLoading.vue_vue_type_script_setup_true_lang.BDIoiKZY.js";
+import { _ as Z } from "../../assets/UiFileItemLoading.vue_vue_type_script_setup_true_lang.BA93cC3z.js";
 import "../../assets/style.CD0jFgS4.js";
 import { b as H, c as q } from "../../assets/index.CWUzDs_o.js";
 import { u as G } from "../../assets/index.DCOIFumv.js";
@@ -9,7 +9,7 @@ import { _ as J } from "../../assets/UiIcon.vue_vue_type_script_setup_true_lang.
 /* empty css                                                           */
 /* empty css                                                                    */
 /* empty css                                                               */
-import "../../assets/useDatePicker.DpkmuZRe.js";
+import "../../assets/useDatePicker.DnhbkLG1.js";
 import { config as y } from "../../config/index.js";
 /* empty css                                                                      */
 import "../UiDatepicker/composables/useDatePickerPresets.js";

package/dist/components/UiDragAndDrop/UiFileItem.js

@@ -5,10 +5,10 @@ import "../../assets/style.CD0jFgS4.js";
 /* empty css                                                           */
 /* empty css                                                                    */
 /* empty css                                                               */
-import "../../assets/useDatePicker.DpkmuZRe.js";
+import "../../assets/useDatePicker.DnhbkLG1.js";
 import "../../config/index.js";
 /* empty css                                                                      */
-import { _ as c } from "../../assets/UiIconButton.vue_vue_type_script_setup_true_lang.CsRgGcFe.js";
+import { _ as c } from "../../assets/UiIconButton.vue_vue_type_script_setup_true_lang.O2daaEIF.js";
 import "../UiDatepicker/composables/useDatePickerPresets.js";
 /* empty css                                                                  */
 /* empty css                                                              */

package/dist/components/UiDragAndDrop/UiFileItemLoading.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiFileItemLoading.vue_vue_type_script_setup_true_lang.BDIoiKZY.js";
+import { _ as m } from "../../assets/UiFileItemLoading.vue_vue_type_script_setup_true_lang.BA93cC3z.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiGallery/UiGallery.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiGallery.vue_vue_type_script_setup_true_lang.Dg4f_pfI.js";
+import { _ as m } from "../../assets/UiGallery.vue_vue_type_script_setup_true_lang.vSJzXRLK.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiIconButton/UiIconButton.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiIconButton.vue_vue_type_script_setup_true_lang.CsRgGcFe.js";
+import { _ as m } from "../../assets/UiIconButton.vue_vue_type_script_setup_true_lang.O2daaEIF.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiInput/UiInput.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiInput.vue_vue_type_script_setup_true_lang.DEimU8gU.js";
+import { _ as m } from "../../assets/UiInput.vue_vue_type_script_setup_true_lang.BH5qdvOZ.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiLanguages/UiLanguages.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiLanguages.vue_vue_type_script_setup_true_lang.LYxxYbAH.js";
+import { _ as m } from "../../assets/UiLanguages.vue_vue_type_script_setup_true_lang.DtEthdD6.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiLanguages/components/UiLanguageButton.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../../assets/UiLanguageButton.vue_vue_type_script_setup_true_lang.BMln3mpp.js";
+import { _ as f } from "../../../assets/UiLanguageButton.vue_vue_type_script_setup_true_lang.BxsrtKTK.js";
 export {
   f as default
 };

package/dist/components/UiLayoutMenu/UiLayoutMenu.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiLayoutMenu.vue_vue_type_script_setup_true_lang.CSI-p_o7.js";
+import { _ as m } from "../../assets/UiLayoutMenu.vue_vue_type_script_setup_true_lang.CjdqGSzF.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiLayoutMenu/UiLayoutMenuItem.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiLayoutMenuItem.vue_vue_type_script_setup_true_lang.uvYieFEy.js";
+import { _ as m } from "../../assets/UiLayoutMenuItem.vue_vue_type_script_setup_true_lang.CLIVTrur.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiLoading/UiLoading.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiLoading.vue_vue_type_script_setup_true_lang.ChUnJUUt.js";
+import { _ as m } from "../../assets/UiLoading.vue_vue_type_script_setup_true_lang.D452h_BA.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiMobileMenu/UiMobileMenu.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiMobileMenu.vue_vue_type_script_setup_true_lang.CgGrwS_8.js";
+import { _ as m } from "../../assets/UiMobileMenu.vue_vue_type_script_setup_true_lang.BWJ__ZHV.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiModal/UiModal.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiModal.vue_vue_type_script_setup_true_lang.HOneZL0f.js";
+import { _ as m } from "../../assets/UiModal.vue_vue_type_script_setup_true_lang.CatEtX_V.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiModal/UiModal.vue.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     popperClass: string;
     padding: string;
-    isShowBtnClose: boolean;
     borderRadius: string;
+    isShowBtnClose: boolean;
     background: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     contentRef: HTMLDivElement;

package/dist/components/UiPagination/UiPagination.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiPagination.vue_vue_type_script_setup_true_lang.BmCkLQ3p.js";
+import { _ as m } from "../../assets/UiPagination.vue_vue_type_script_setup_true_lang.DguX4iwq.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiProfileMenu/UiProfileMenu.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiProfileMenu.vue_vue_type_script_setup_true_lang.BHwKcdVh.js";
+import { _ as m } from "../../assets/UiProfileMenu.vue_vue_type_script_setup_true_lang.DLKXYSDQ.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiProfileMenu/components/UiProfileMenuItem.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../../assets/UiProfileMenuItem.vue_vue_type_script_setup_true_lang.BWv1Apfn.js";
+import { _ as m } from "../../../assets/UiProfileMenuItem.vue_vue_type_script_setup_true_lang.DhOjFaOe.js";
 import "../../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiSelect/UiSelect.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiSelect.vue_vue_type_script_setup_true_lang.D7FJgCCm.js";
+import { _ as m } from "../../assets/UiSelect.vue_vue_type_script_setup_true_lang.CL2T5ktg.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiSelect/components/SelectSearch.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../../assets/SelectSearch.vue_vue_type_script_setup_true_lang.DqVUJSaz.js";
+import { _ as m } from "../../../assets/SelectSearch.vue_vue_type_script_setup_true_lang.CtZVcSW3.js";
 import "../../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiSelect/components/SelectTrigger.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../../assets/SelectTrigger.vue_vue_type_script_setup_true_lang.Cl-xk4br.js";
+import { _ as f } from "../../../assets/SelectTrigger.vue_vue_type_script_setup_true_lang.Qj7K7MkG.js";
 export {
   f as default
 };

package/dist/components/UiSelect/components/SelectVirtualList.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../../assets/SelectVirtualList.vue_vue_type_script_setup_true_lang.DTulmRfJ.js";
+import { _ as m } from "../../../assets/SelectVirtualList.vue_vue_type_script_setup_true_lang.D93PRpP9.js";
 import "../../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiSwitch/UiSwitch.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiSwitch.vue_vue_type_script_setup_true_lang.1coaUjRW.js";
+import { _ as m } from "../../assets/UiSwitch.vue_vue_type_script_setup_true_lang.DqsPZD1T.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiTable/UiTable.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiTable.vue_vue_type_script_setup_true_lang.D-Ae3pMX.js";
+import { _ as m } from "../../assets/UiTable.vue_vue_type_script_setup_true_lang.f0rsrVh5.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiTable/components/TableSort.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../../assets/TableSort.vue_vue_type_script_setup_true_lang.CBipD66h.js";
+import { _ as m } from "../../../assets/TableSort.vue_vue_type_script_setup_true_lang.N-BF_O-e.js";
 import "../../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiTooltip/UiTooltip.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiTooltip.vue_vue_type_script_setup_true_lang.C_cxTfXA.js";
+import { _ as m } from "../../assets/UiTooltip.vue_vue_type_script_setup_true_lang.CptSEao7.js";
 import "../../assets/style.CD0jFgS4.js";
 export {
   m as default

package/dist/components/UiTooltip/UiTooltip.vue.d.ts

@@ -28,6 +28,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     onClick?: ((args_0?: void | undefined) => any) | undefined;
     onClose?: ((args_0?: void | undefined) => any) | undefined;
 }>, {
+    width: string | number;
+    backgroundColor: string;
     title: string;
     text: string;
     disabled: boolean;
@@ -37,6 +39,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     timeout: number;
     teleport: string | boolean;
     tabindex: number;
+    maxWidth: string | number;
+    padding: string | number;
+    borderRadius: string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     triggerRefer: HTMLDivElement;
     contentRefer: HTMLDivElement;

package/dist/components/UiTooltip/types.d.ts

@@ -11,4 +11,9 @@ export interface UiTooltipProps {
     teleport?: string | boolean;
     isShowIconClose?: boolean;
     tabindex?: number;
+    backgroundColor?: string;
+    maxWidth?: string | number;
+    padding?: string | number;
+    borderRadius?: string | number;
+    width?: string | number;
 }

package/dist/composables/useNotification/UiNotification.js

@@ -1,17 +1,18 @@
-import { defineComponent as k, ref as g, computed as T, onMounted as h, createBlock as i, openBlock as e, Transition as M, withCtx as N, withDirectives as B, createElementVNode as n, normalizeStyle as C, createElementBlock as r, unref as o, normalizeClass as L, Fragment as u, createTextVNode as d, toDisplayString as a, vShow as w } from "vue";
+import { defineComponent as C, ref as y, computed as _, onMounted as D, onUnmounted as L, createBlock as n, openBlock as o, Transition as w, withCtx as F, withDirectives as $, createElementVNode as l, normalizeStyle as b, createElementBlock as s, unref as i, normalizeClass as E, Fragment as T, createTextVNode as k, toDisplayString as m, vShow as O } from "vue";
 import "../../assets/vue3-lottie.es.BGWavb2-.js";
 import "../../assets/style.CD0jFgS4.js";
-import { _ as m } from "../../assets/UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as p } from "../../assets/UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
 /* empty css                                                           */
 /* empty css                                                                    */
 /* empty css                                                               */
-import "../../assets/useDatePicker.DpkmuZRe.js";
-import { config as p } from "../../config/index.js";
+import "../../assets/useDatePicker.DnhbkLG1.js";
+import { config as u } from "../../config/index.js";
 /* empty css                                                                      */
 import "../../components/UiDatepicker/composables/useDatePickerPresets.js";
 /* empty css                                                                  */
 /* empty css                                                              */
 /* empty css                                                             */
+import { isMobileDevice as S } from "../../helpers/is-mobile-device.js";
 /* empty css                                                               */
 /* empty css                                                               */
 /* empty css                                                               */
@@ -27,11 +28,11 @@ import "vue-router";
 /* empty css                                                               */
 /* empty css                                                                          */
 /* empty css                                                               */
-import { _ as D } from "../../assets/_plugin-vue_export-helper.CHgC5LLL.js";
-const F = { class: "ui-notification__top" }, H = ["innerHTML"], $ = {
+import { _ as U } from "../../assets/_plugin-vue_export-helper.CHgC5LLL.js";
+const z = { class: "ui-notification__top" }, I = ["innerHTML"], V = {
   key: 1,
   class: "ui-notification__text"
-}, E = /* @__PURE__ */ k({
+}, A = /* @__PURE__ */ C({
   __name: "UiNotification",
   props: {
     id: {},
@@ -39,64 +40,78 @@ const F = { class: "ui-notification__top" }, H = ["innerHTML"], $ = {
     title: {},
     message: {},
     type: { default: "error" },
-    isHTMLMessage: { type: Boolean, default: !0 }
+    isHTMLMessage: { type: Boolean, default: !0 },
+    pauseOnHover: { type: Boolean, default: !0 },
+    duration: { default: 5e3 }
   },
   emits: ["remove", "delete-from-list"],
-  setup(y, { emit: _ }) {
-    const l = y, c = _, s = g(!1), v = T(() => `top: ${l.top}px`);
-    return h(() => {
-      setTimeout(() => {
-        c("delete-from-list", l.id), s.value = !1;
-      }, 5e3), s.value = !0;
-    }), (t, f) => (e(), i(M, {
+  setup(M, { emit: h }) {
+    const r = M, c = h, a = y(!1), t = y(null), g = _(() => `top: ${r.top}px`), f = _(() => r.pauseOnHover && !S()), N = () => {
+      c("delete-from-list", r.id), a.value = !1;
+    }, d = () => {
+      t.value && clearTimeout(t.value), t.value = setTimeout(() => {
+        N();
+      }, r.duration);
+    }, H = () => {
+      t.value && f.value && (clearTimeout(t.value), t.value = null);
+    }, B = () => {
+      f.value && d();
+    };
+    return D(() => {
+      d(), a.value = !0;
+    }), L(() => {
+      t.value && clearTimeout(t.value);
+    }), (e, v) => (o(), n(w, {
       name: "notification",
-      onAfterLeave: f[0] || (f[0] = (S) => c("remove"))
+      onAfterLeave: v[0] || (v[0] = (P) => c("remove"))
     }, {
-      default: N(() => [
-        B(n("div", {
+      default: F(() => [
+        $(l("div", {
           class: "ui-notification",
-          style: C(v.value)
+          style: b(g.value),
+          onMouseenter: H,
+          onMouseleave: B
         }, [
-          n("div", F, [
-            t.type === "error" ? (e(), i(o(m), {
+          l("div", z, [
+            e.type === "error" ? (o(), n(i(p), {
               key: 0,
               name: "block",
               type: "400",
               color: "#DD4C1E"
-            })) : t.type === "success" ? (e(), i(o(m), {
+            })) : e.type === "success" ? (o(), n(i(p), {
               key: 1,
               name: "check-circle",
               type: "400",
               color: "#1F9649"
-            })) : (e(), i(o(m), {
+            })) : (o(), n(i(p), {
               key: 2,
               name: "error",
               type: "400",
               color: "#B4FF29"
             })),
-            n("span", {
-              class: L(["ui-notification__title", `${t.type}`])
+            l("span", {
+              class: E(["ui-notification__title", `${e.type}`])
             }, [
-              t.title ? (e(), r(u, { key: 0 }, [
-                d(a(t.title), 1)
-              ], 64)) : (e(), r(u, { key: 1 }, [
-                d(a(t.type === "error" ? o(p).uiNotification.translations.error : t.type === "success" ? o(p).uiNotification.translations.success + "!" : t.title || o(p).uiNotification.translations.infoTitle), 1)
+              e.title ? (o(), s(T, { key: 0 }, [
+                k(m(e.title), 1)
+              ], 64)) : (o(), s(T, { key: 1 }, [
+                k(m(e.type === "error" ? i(u).uiNotification.translations.error : e.type === "success" ? i(u).uiNotification.translations.success + "!" : e.title || i(u).uiNotification.translations.infoTitle), 1)
               ], 64))
             ], 2)
           ]),
-          t.isHTMLMessage ? (e(), r("div", {
+          e.isHTMLMessage ? (o(), s("div", {
             key: 0,
-            innerHTML: t.message,
+            innerHTML: e.message,
             class: "ui-notification__text"
-          }, null, 8, H)) : (e(), r("div", $, a(t.message), 1))
-        ], 4), [
-          [w, s.value]
+          }, null, 8, I)) : (o(), s("div", V, m(e.message), 1))
+        ], 36), [
+          [O, a.value]
         ])
       ]),
       _: 1
     }));
   }
-}), lt = /* @__PURE__ */ D(E, [["__scopeId", "data-v-d4eef8bd"]]);
+}), ke = /* @__PURE__ */ U(A, [["__scopeId", "data-v-2bd67e86"]]);
 export {
-  lt as default
+  ke as default
 };

package/dist/composables/useNotification/UiNotification.vue.d.ts

@@ -6,6 +6,8 @@ type __VLS_Props = {
     message: string;
     type?: UiNotificationType;
     isHTMLMessage?: boolean;
+    pauseOnHover?: boolean;
+    duration?: number;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     remove: (...args: any[]) => void;
@@ -14,7 +16,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     onRemove?: ((...args: any[]) => any) | undefined;
     "onDelete-from-list"?: ((...args: any[]) => any) | undefined;
 }>, {
+    pauseOnHover: boolean;
     type: UiNotificationType;
+    duration: number;
     isHTMLMessage: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;