vlite3 1.4.40 → 1.4.41

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 (137) hide show
  1. package/components/AppShell/AppShellLayoutClassic.vue.js +27 -28
  2. package/components/AppShell/AppShellLayoutDashboard.vue.js +48 -48
  3. package/components/AppShell/AppShellLayoutDock.vue.js +51 -51
  4. package/components/AppShell/AppShellLayoutHeaderShell.vue.js +69 -69
  5. package/components/AppShell/AppShellLayoutSidebarFirst.vue.d.ts +2 -2
  6. package/components/AppShell/AppShellLayoutSidebarFirst.vue.js +78 -78
  7. package/components/AppShell/AppShellLayoutStorefront.vue.js +14 -15
  8. package/components/AppShell/useAppShell.d.ts +4 -0
  9. package/components/AppShell/useAppShell.js +45 -40
  10. package/components/AsyncSelect/createAsyncSelect.js +10 -10
  11. package/components/AttachmentsList/AttachmentsList.vue.d.ts +50 -2
  12. package/components/AttachmentsList/AttachmentsList.vue.js +289 -272
  13. package/components/AttachmentsList/types.d.ts +37 -0
  14. package/components/BackButton.vue.js +2 -2
  15. package/components/Button.vue.d.ts +1 -0
  16. package/components/Button.vue.js +5 -241
  17. package/components/Button.vue2.js +245 -2
  18. package/components/ButtonGroup.vue.js +2 -2
  19. package/components/ButtonGroup.vue2.js +4 -1
  20. package/components/Calendar/Calendar.vue2.js +16 -16
  21. package/components/Cart/CartCouponInput.vue.js +24 -24
  22. package/components/Cart/CartEmptyState.vue.js +4 -4
  23. package/components/Cart/CartLineItem.vue.js +33 -33
  24. package/components/Cart/CartVariant1.vue.js +3 -3
  25. package/components/Cart/CartVariant2.vue.js +5 -5
  26. package/components/Cart/CartVariant3.vue.js +25 -25
  27. package/components/Cart/CartVariant4.vue.js +9 -9
  28. package/components/CategoryManager/CategoryManager.vue2.js +19 -19
  29. package/components/CategoryManager/CategoryNode.vue.js +4 -4
  30. package/components/CategoryMenu/CategoryMenu.vue.js +3 -2
  31. package/components/CategoryMenu/CategoryMenuVariant1.vue2.js +3 -2
  32. package/components/Chat/ChatInterface.vue.js +23 -23
  33. package/components/Clipboard.vue.d.ts +7 -1
  34. package/components/Clipboard.vue.js +19 -17
  35. package/components/ColorPicker/{ColorIro.vue.js → ColorIro.vue2.js} +22 -22
  36. package/components/ColorPicker/ColorIro.vue3.js +2 -2
  37. package/components/ColorPicker/ColorPicker.vue.js +8 -8
  38. package/components/CommandPalette/CommandPaletteContent.vue2.js +1 -1
  39. package/components/CommandPalette/{CommandPaletteItem.vue.js → CommandPaletteItem.vue2.js} +1 -1
  40. package/components/Comment/CommentEditor.vue.js +14 -14
  41. package/components/Comment/CommentItem.vue2.js +6 -6
  42. package/components/Comment/CommentThread.vue.js +4 -4
  43. package/components/DataList/DataList.vue.js +7 -7
  44. package/components/DataTable/DataTable.vue.d.ts +8 -0
  45. package/components/DataTable/DataTable.vue.js +374 -263
  46. package/components/DataTable/DataTableRow.vue.d.ts +23 -2
  47. package/components/DataTable/DataTableRow.vue.js +5 -198
  48. package/components/DataTable/DataTableRow.vue2.js +360 -2
  49. package/components/DataTable/dataTableHeaders.d.ts +18 -0
  50. package/components/DataTable/dataTableHeaders.js +9 -0
  51. package/components/DataTable/types.d.ts +6 -0
  52. package/components/DatePicker.vue.js +8 -9
  53. package/components/DateRangePicker.vue2.js +34 -34
  54. package/components/Dropdown/Dropdown.vue.d.ts +7 -2
  55. package/components/Dropdown/Dropdown.vue.js +146 -139
  56. package/components/Dropdown/DropdownTrigger.vue.js +6 -6
  57. package/components/ExportData/ExportData.vue.js +15 -15
  58. package/components/FilePicker/FilePickerDropzone.vue.js +16 -16
  59. package/components/FilePicker/FilePickerInput.vue.js +3 -2
  60. package/components/FilePicker/FilePreview.vue.js +3 -3
  61. package/components/FileTree/FileTree.vue.js +4 -4
  62. package/components/FileTree/FileTree.vue2.js +9 -9
  63. package/components/FileTree/FileTreeNode.vue.js +76 -72
  64. package/components/Footer/Variant1.vue.js +48 -48
  65. package/components/Footer/Variant2.vue.js +42 -42
  66. package/components/Form/AccordionView.vue.d.ts +1 -1
  67. package/components/Form/{AccordionView.vue.js → AccordionView.vue2.js} +3 -3
  68. package/components/Form/AccordionView.vue3.js +61 -57
  69. package/components/Form/Form.vue2.js +41 -41
  70. package/components/Form/TableRow.vue.d.ts +7 -0
  71. package/components/Form/TableRow.vue.js +187 -41
  72. package/components/Form/TableView.vue.d.ts +11 -1
  73. package/components/Form/TableView.vue.js +71 -49
  74. package/components/Form/composables/useForm.js +146 -142
  75. package/components/Form/index.vue.d.ts +5 -1
  76. package/components/Form/index.vue.js +2 -2
  77. package/components/Form/index.vue2.js +45 -38
  78. package/components/Form/rowHelpers.d.ts +20 -0
  79. package/components/Form/rowHelpers.js +76 -28
  80. package/components/Form/types.d.ts +11 -0
  81. package/components/GoogleLogin.vue.js +4 -4
  82. package/components/IconPicker.vue.js +9 -9
  83. package/components/ImportData/ImportData.vue.js +11 -11
  84. package/components/ImportData/ImportStep1.vue.js +10 -10
  85. package/components/ImportData/ImportStep2.vue.js +15 -14
  86. package/components/Input.vue.js +133 -129
  87. package/components/Kanban/KanbanBoard.vue.js +1 -1
  88. package/components/Kanban/KanbanBoard.vue2.js +9 -9
  89. package/components/MultiSelect/MultiSelect.vue.js +3 -2
  90. package/components/Navbar/Navbar.vue.js +17 -17
  91. package/components/Navbar/NavbarGroup.vue.js +8 -7
  92. package/components/Navbar/NavbarItem.vue.js +40 -39
  93. package/components/Navbar/NavbarTabs.vue.js +6 -184
  94. package/components/Navbar/NavbarTabs.vue2.js +204 -0
  95. package/components/Navbar/useNavbar.js +3 -3
  96. package/components/NavbarCommandPalette.vue.js +2 -2
  97. package/components/NumberInput.vue.js +2 -2
  98. package/components/NumberInput.vue2.js +81 -77
  99. package/components/OTPInput/OTPInput.vue.js +24 -23
  100. package/components/Pagination/Pagination.vue.d.ts +1 -1
  101. package/components/Pagination/Pagination.vue.js +5 -274
  102. package/components/Pagination/Pagination.vue2.js +283 -2
  103. package/components/PermissionMatrix/PermissionTopBar.vue.js +19 -18
  104. package/components/PricingPlan/PricingPlanItem.vue.js +7 -7
  105. package/components/Screen/Screen.vue.d.ts +1 -1
  106. package/components/Screen/Screen.vue.js +21 -21
  107. package/components/Screen/ScreenFilter.vue.js +6 -6
  108. package/components/Screen/components/ScreenAddAction.vue.js +3 -3
  109. package/components/Screen/components/ScreenEmptyState.vue.js +10 -10
  110. package/components/Screen/components/ScreenExportModal.vue.js +12 -12
  111. package/components/Screen/components/ScreenOptionsDropdown.vue.js +5 -5
  112. package/components/Screen/components/ScreenToolbar.vue.js +15 -15
  113. package/components/SidePanel.vue.js +2 -2
  114. package/components/SidePanel.vue2.js +6 -6
  115. package/components/SidebarMenu/SidebarMenu.vue.js +77 -72
  116. package/components/SidebarMenu/SidebarMenuItem.vue.js +172 -168
  117. package/components/Slider.vue.js +123 -108
  118. package/components/Tabes/Tabes.vue.d.ts +8 -3
  119. package/components/Tabes/Tabes.vue.js +2 -2
  120. package/components/Tabes/Tabes.vue2.js +209 -200
  121. package/components/Tabes/tabes.utils.d.ts +23 -0
  122. package/components/Tabes/tabes.utils.js +39 -16
  123. package/components/Textarea.vue.d.ts +2 -0
  124. package/components/Textarea.vue.js +19 -16
  125. package/components/ThemeToggle.vue.js +8 -8
  126. package/components/ToastNotification.vue2.js +10 -10
  127. package/components/TreeConnectors/TreeConnectors.vue.d.ts +1 -1
  128. package/components/TreeConnectors/TreeConnectors.vue.js +13 -8
  129. package/components/TreeConnectors/geometry.js +77 -69
  130. package/components/Workbook/WorkbookAddButton.vue.js +2 -2
  131. package/composables/useRtl.d.ts +14 -0
  132. package/composables/useRtl.js +33 -0
  133. package/index.js +470 -471
  134. package/package.json +1 -1
  135. package/style.css +86 -1
  136. package/types/button.d.ts +8 -0
  137. package/components/Navbar/NavbarTabs.vue3.js +0 -5
@@ -1,4 +1,4 @@
1
- import { defineComponent as K, ref as w, watch as N, onMounted as J, nextTick as W, onUnmounted as $, computed as x, openBlock as d, createElementBlock as c, normalizeClass as D, createElementVNode as k, Fragment as I, renderList as O, createTextVNode as B, toDisplayString as m, createCommentVNode as S } from "vue";
1
+ import { defineComponent as K, ref as w, watch as N, onMounted as J, nextTick as W, onUnmounted as $, computed as x, openBlock as i, createElementBlock as c, normalizeClass as D, createElementVNode as k, Fragment as I, renderList as O, createTextVNode as B, toDisplayString as m, createCommentVNode as S } from "vue";
2
2
  const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "onKeydown"], q = {
3
3
  key: 0,
4
4
  class: "text-sm text-center text-muted-foreground mt-1"
@@ -30,14 +30,14 @@ const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "
30
30
  },
31
31
  emits: ["update:modelValue", "complete", "change", "resend", "resend-limit-reached"],
32
32
  setup(s, { emit: R }) {
33
- const e = s, p = R, i = w([]), r = w(new Array(e.length).fill("")), v = w(e.resendDuration), g = w(0);
33
+ const e = s, p = R, d = w([]), r = w(new Array(e.length).fill("")), g = w(e.resendDuration), v = w(0);
34
34
  let f = null;
35
35
  const T = () => {
36
- f && clearInterval(f), v.value = e.resendDuration, f = setInterval(() => {
37
- v.value > 0 ? v.value-- : f && clearInterval(f);
36
+ f && clearInterval(f), g.value = e.resendDuration, f = setInterval(() => {
37
+ g.value > 0 ? g.value-- : f && clearInterval(f);
38
38
  }, 1e3);
39
39
  }, C = () => {
40
- g.value >= e.maxResends || (g.value++, p("resend", g.value), g.value >= e.maxResends ? p("resend-limit-reached") : T());
40
+ v.value >= e.maxResends || (v.value++, p("resend", v.value), v.value >= e.maxResends ? p("resend-limit-reached") : T());
41
41
  };
42
42
  N(
43
43
  () => e.modelValue,
@@ -56,7 +56,7 @@ const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "
56
56
  }, V = (n, t) => {
57
57
  let a = n.target.value;
58
58
  if (e.type === "number" && (a = a.replace(/\D/g, "")), a.length === 1) {
59
- r.value[t] = a, h(), t < e.length - 1 && i.value[t + 1]?.focus();
59
+ r.value[t] = a, h(), t < e.length - 1 && d.value[t + 1]?.focus();
60
60
  return;
61
61
  }
62
62
  if (!a) {
@@ -69,15 +69,15 @@ const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "
69
69
  t + b < e.length && (r.value[t + b] = y);
70
70
  }), h();
71
71
  const u = Math.min(t + l.length, e.length - 1);
72
- i.value[u]?.focus();
72
+ d.value[u]?.focus();
73
73
  }
74
74
  }, j = (n, t) => {
75
75
  const o = n.key;
76
76
  if (o === "Backspace") {
77
- r.value[t] || (n.preventDefault(), t > 0 && (r.value[t - 1] = "", i.value[t - 1]?.focus(), h()));
77
+ r.value[t] || (n.preventDefault(), t > 0 && (r.value[t - 1] = "", d.value[t - 1]?.focus(), h()));
78
78
  return;
79
79
  }
80
- o === "ArrowLeft" && (n.preventDefault(), t > 0 && i.value[t - 1]?.focus()), o === "ArrowRight" && (n.preventDefault(), t < e.length - 1 && i.value[t + 1]?.focus());
80
+ o === "ArrowLeft" && (n.preventDefault(), t > 0 && d.value[t - 1]?.focus()), o === "ArrowRight" && (n.preventDefault(), t < e.length - 1 && d.value[t + 1]?.focus());
81
81
  }, A = (n) => {
82
82
  n.preventDefault();
83
83
  const t = n.clipboardData?.getData("text/plain");
@@ -89,13 +89,13 @@ const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "
89
89
  l[b] = y;
90
90
  }), r.value = l, h();
91
91
  const u = Math.min(a.length, e.length - 1);
92
- i.value[u]?.focus();
92
+ d.value[u]?.focus();
93
93
  }, z = (n, t) => {
94
- n && (i.value[t] = n);
94
+ n && (d.value[t] = n);
95
95
  };
96
96
  J(() => {
97
97
  e.autofocus && W(() => {
98
- i.value[0]?.focus();
98
+ d.value[0]?.focus();
99
99
  }), e.allowResend && T();
100
100
  }), $(() => {
101
101
  f && clearInterval(f);
@@ -108,7 +108,7 @@ const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "
108
108
  e.fluid ? "w-full" : "w-fit"
109
109
  ].filter(Boolean).join(" ")), P = x(() => {
110
110
  const n = e.attached ? "-space-x-px" : "gap-2", t = e.fluid ? "w-full" : "";
111
- return ["flex items-center", n, t].filter(Boolean).join(" ");
111
+ return ["input-addon-group flex items-center", n, t].filter(Boolean).join(" ");
112
112
  }), F = (n) => {
113
113
  const t = "text-center font-medium transition-all focus:outline-none focus:z-10 disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted-foreground", o = e.fluid ? {
114
114
  sm: "flex-1 min-w-0 h-8 text-sm",
@@ -124,15 +124,16 @@ const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "
124
124
  ghost: "bg-transparent border border-transparent hover:bg-accent focus:border-primary focus:ring-2 focus:ring-primary"
125
125
  }, l = e.error ? "border-destructive focus:ring-destructive text-destructive" : "";
126
126
  let u = "rounded-md";
127
- return e.attached && (n === 0 ? u = "rounded-l-md rounded-r-none" : n === e.length - 1 ? u = "rounded-r-md rounded-l-none" : u = "rounded-none"), [t, o[e.size], a[e.variant], l, u].join(" ");
127
+ return e.attached && (n === 0 ? u = "rounded-s-md rounded-e-none" : n === e.length - 1 ? u = "rounded-e-md rounded-s-none" : u = "rounded-none"), [t, o[e.size], a[e.variant], l, u].join(" ");
128
128
  };
129
- return (n, t) => (d(), c("div", {
129
+ return (n, t) => (i(), c("div", {
130
130
  class: D(L.value)
131
131
  }, [
132
132
  k("div", {
133
- class: D(P.value)
133
+ class: D(P.value),
134
+ dir: "ltr"
134
135
  }, [
135
- (d(!0), c(I, null, O(e.length, (o, a) => (d(), c("input", {
136
+ (i(!0), c(I, null, O(e.length, (o, a) => (i(), c("input", {
136
137
  key: a,
137
138
  ref_for: !0,
138
139
  ref: (l) => z(l, a),
@@ -149,12 +150,12 @@ const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "
149
150
  onFocus: t[0] || (t[0] = (l) => n.$emit("update:modelValue", r.value.join("")))
150
151
  }, null, 42, U))), 128))
151
152
  ], 2),
152
- s.allowResend ? (d(), c("div", q, [
153
- g.value < s.maxResends ? (d(), c(I, { key: 0 }, [
154
- v.value > 0 ? (d(), c("span", G, [
153
+ s.allowResend ? (i(), c("div", q, [
154
+ v.value < s.maxResends ? (i(), c(I, { key: 0 }, [
155
+ g.value > 0 ? (i(), c("span", G, [
155
156
  B(m(s.resendText) + " " + m(s.resendWaitText) + " ", 1),
156
- k("span", H, m(v.value) + "s", 1)
157
- ])) : (d(), c("span", Q, [
157
+ k("span", H, m(g.value) + "s", 1)
158
+ ])) : (i(), c("span", Q, [
158
159
  B(m(s.resendText) + " ", 1),
159
160
  k("button", {
160
161
  type: "button",
@@ -162,7 +163,7 @@ const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "
162
163
  class: "font-medium text-primary hover:underline focus:outline-none focus:ring-2 focus:ring-primary rounded px-1 transition-colors"
163
164
  }, m(s.resendActionText), 1)
164
165
  ]))
165
- ], 64)) : (d(), c("span", X, m(s.resendLimitText), 1))
166
+ ], 64)) : (i(), c("span", X, m(s.resendLimitText), 1))
166
167
  ])) : S("", !0)
167
168
  ], 2));
168
169
  }
@@ -22,5 +22,5 @@ declare const _default: import('vue').DefineComponent<PaginationProps, {}, {}, {
22
22
  itemsPerPageOptions: number[];
23
23
  navType: "text" | "icon";
24
24
  activeVariant: import('.').PaginationVariant;
25
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
25
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
26
26
  export default _default;
@@ -1,276 +1,7 @@
1
- import { defineComponent as G, computed as u, openBlock as r, createElementBlock as i, normalizeClass as l, createElementVNode as f, toDisplayString as o, Fragment as k, renderList as N, createVNode as C, createCommentVNode as P, createTextVNode as h, createBlock as b, withCtx as z } from "vue";
2
- import H from "../Icon.vue.js";
3
- import c from "../Button.vue.js";
4
- import { $t as x } from "../../utils/i18n.js";
5
- const J = {
6
- key: 0,
7
- class: "flex flex-wrap items-center justify-center md:justify-start gap-4 order-2 md:order-1"
8
- }, K = {
9
- key: 0,
10
- class: "flex items-center gap-2 text-sm text-muted-foreground"
11
- }, Q = { class: "whitespace-nowrap" }, U = { class: "relative" }, W = ["value", "disabled"], X = ["value"], Y = { class: "whitespace-nowrap" }, Z = {
12
- key: 1,
13
- class: "hidden md:block w-px h-4 bg-border"
14
- }, p = {
15
- key: 2,
16
- class: "text-sm text-muted-foreground whitespace-nowrap"
17
- }, _ = { class: "font-medium text-foreground" }, ee = { class: "font-medium text-foreground" }, te = {
18
- class: "flex items-center justify-center gap-1 order-1 md:order-2",
19
- "aria-label": "Pagination"
20
- }, ae = {
21
- key: 0,
22
- class: "w-8 h-8 flex items-center justify-center text-muted-foreground select-none"
23
- }, le = /* @__PURE__ */ G({
24
- __name: "Pagination",
25
- props: {
26
- currentPage: { default: 1 },
27
- totalPages: {},
28
- totalItems: { default: 0 },
29
- siblingCount: { default: 1 },
30
- disabled: { type: Boolean, default: !1 },
31
- showEdges: { type: Boolean, default: !1 },
32
- showPageInfo: { type: Boolean, default: !1 },
33
- showItemsPerPage: { type: Boolean, default: !1 },
34
- itemsPerPage: { default: 10 },
35
- itemsPerPageOptions: { default: () => [10, 25, 50, 100] },
36
- navType: { default: "text" },
37
- alignment: {},
38
- activeVariant: { default: "solid" },
39
- rounded: { default: "full" }
40
- },
41
- emits: ["update:currentPage", "change", "update:itemsPerPage", "change:itemsPerPage"],
42
- setup(e, { emit: O }) {
43
- const s = e, m = O, g = (t) => {
44
- s.disabled || t < 1 || t > s.totalPages || t !== s.currentPage && (m("update:currentPage", t), m("change", t));
45
- }, B = (t) => {
46
- const n = t.target, a = parseInt(n.value);
47
- m("update:itemsPerPage", a), m("change:itemsPerPage", a), m("update:currentPage", 1), m("change", 1);
48
- }, R = u(() => {
49
- const t = s.siblingCount ?? 1;
50
- if (t * 2 + 5 >= s.totalPages)
51
- return I(1, s.totalPages);
52
- const a = Math.max(s.currentPage - t, 1), y = Math.min(s.currentPage + t, s.totalPages), v = a > 2, j = y < s.totalPages - 2, $ = 1, T = s.totalPages;
53
- if (!v && j) {
54
- const w = 3 + 2 * t;
55
- return [...I(1, w), "DOTS", T];
56
- }
57
- if (v && !j) {
58
- const w = 3 + 2 * t, D = I(s.totalPages - w + 1, s.totalPages);
59
- return [$, "DOTS", ...D];
60
- }
61
- if (v && j) {
62
- const w = I(a, y);
63
- return [$, "DOTS", ...w, "DOTS", T];
64
- }
65
- return [];
66
- }), I = (t, n) => {
67
- const a = n - t + 1;
68
- return Array.from({ length: a }, (y, v) => v + t);
69
- }, V = u(() => {
70
- if (s.alignment)
71
- switch (s.alignment) {
72
- case "start":
73
- return "justify-start";
74
- case "end":
75
- return "justify-end";
76
- case "between":
77
- return "justify-between!";
78
- default:
79
- return "justify-center";
80
- }
81
- return s.showPageInfo || s.showItemsPerPage ? "justify-between" : "justify-center";
82
- }), d = u(() => {
83
- switch (s.rounded) {
84
- case "none":
85
- return "rounded-none";
86
- case "sm":
87
- return "rounded-sm";
88
- case "lg":
89
- return "rounded-lg";
90
- case "full":
91
- return "rounded-full";
92
- default:
93
- return "rounded-md";
94
- }
95
- }), S = u(() => {
96
- switch (s.activeVariant) {
97
- case "solid":
98
- return {
99
- variant: "primary",
100
- extraClass: "pointer-events-none z-10"
101
- };
102
- case "ghost":
103
- return {
104
- variant: "ghost",
105
- extraClass: "bg-accent text-accent-foreground pointer-events-none z-10 font-semibold"
106
- };
107
- default:
108
- return {
109
- variant: "outline",
110
- extraClass: "bg-white text-primary border-primary ring-1 ring-primary pointer-events-none z-10"
111
- };
112
- }
113
- }), E = u(() => {
114
- const t = x("vlite.pagination.show");
115
- return t !== "vlite.pagination.show" ? t : "Show";
116
- }), A = u(() => {
117
- const t = x("vlite.pagination.perPage");
118
- return t !== "vlite.pagination.perPage" ? t : "per page";
119
- }), L = u(() => {
120
- const t = x("vlite.pagination.page");
121
- return t !== "vlite.pagination.page" ? t : "Page";
122
- }), M = u(() => {
123
- const t = x("vlite.pagination.of");
124
- return t !== "vlite.pagination.of" ? t : "of";
125
- }), F = u(() => {
126
- const t = x("vlite.pagination.previous");
127
- return t !== "vlite.pagination.previous" ? t : "Previous";
128
- }), q = u(() => {
129
- const t = x("vlite.pagination.next");
130
- return t !== "vlite.pagination.next" ? t : "Next";
131
- });
132
- return (t, n) => (r(), i("div", {
133
- class: l(["flex flex-col md:flex-row items-center gap-4 w-full", [V.value]])
134
- }, [
135
- e.showPageInfo || e.showItemsPerPage ? (r(), i("div", J, [
136
- e.showItemsPerPage ? (r(), i("div", K, [
137
- f("span", Q, o(E.value), 1),
138
- f("div", U, [
139
- f("select", {
140
- value: e.itemsPerPage,
141
- class: "appearance-none bg-background border border-border hover:border-accent text-foreground py-1 pl-2 pr-6 rounded-md focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary text-sm cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
142
- disabled: e.disabled,
143
- onChange: B
144
- }, [
145
- (r(!0), i(k, null, N(e.itemsPerPageOptions, (a) => (r(), i("option", {
146
- key: a,
147
- value: a
148
- }, o(a), 9, X))), 128))
149
- ], 40, W),
150
- C(H, {
151
- icon: "lucide:chevron-down",
152
- class: "absolute right-1.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground pointer-events-none"
153
- })
154
- ]),
155
- f("span", Y, o(A.value), 1)
156
- ])) : P("", !0),
157
- e.showItemsPerPage && e.showPageInfo ? (r(), i("div", Z)) : P("", !0),
158
- e.showPageInfo ? (r(), i("span", p, [
159
- h(o(L.value) + " ", 1),
160
- f("span", _, o(e.currentPage), 1),
161
- h(" " + o(M.value) + " ", 1),
162
- f("span", ee, o(e.totalPages), 1)
163
- ])) : P("", !0)
164
- ])) : P("", !0),
165
- f("nav", te, [
166
- e.showEdges ? (r(), b(c, {
167
- key: 0,
168
- variant: "ghost",
169
- size: "sm2",
170
- icon: "lucide:chevrons-left",
171
- class: l(d.value),
172
- disabled: e.disabled || e.currentPage === 1,
173
- onClick: n[0] || (n[0] = (a) => g(1))
174
- }, null, 8, ["class", "disabled"])) : P("", !0),
175
- e.navType === "icon" ? (r(), b(c, {
176
- key: 1,
177
- variant: "ghost",
178
- size: "sm2",
179
- icon: "lucide:chevron-left",
180
- class: l(d.value),
181
- disabled: e.disabled || e.currentPage === 1,
182
- onClick: n[1] || (n[1] = (a) => g(e.currentPage - 1))
183
- }, null, 8, ["class", "disabled"])) : (r(), i(k, { key: 2 }, [
184
- C(c, {
185
- variant: "ghost",
186
- size: "sm2",
187
- class: l(["hidden sm:flex", d.value]),
188
- disabled: e.disabled || e.currentPage === 1,
189
- onClick: n[2] || (n[2] = (a) => g(e.currentPage - 1))
190
- }, {
191
- default: z(() => [
192
- h(o(F.value), 1)
193
- ]),
194
- _: 1
195
- }, 8, ["class", "disabled"]),
196
- C(c, {
197
- variant: "ghost",
198
- size: "sm2",
199
- icon: "lucide:chevron-left",
200
- class: l(["flex sm:hidden", d.value]),
201
- disabled: e.disabled || e.currentPage === 1,
202
- onClick: n[3] || (n[3] = (a) => g(e.currentPage - 1))
203
- }, null, 8, ["class", "disabled"])
204
- ], 64)),
205
- (r(!0), i(k, null, N(R.value, (a, y) => (r(), i(k, { key: y }, [
206
- a === "DOTS" ? (r(), i("div", ae, "...")) : a === e.currentPage ? (r(), b(c, {
207
- key: 1,
208
- size: "sm2",
209
- variant: S.value.variant,
210
- class: l(["w-8! h-8! px-0! py-0! flex items-center justify-center min-w-[2rem]", S.value.extraClass, d.value]),
211
- disabled: e.disabled
212
- }, {
213
- default: z(() => [
214
- h(o(a), 1)
215
- ]),
216
- _: 2
217
- }, 1032, ["variant", "class", "disabled"])) : (r(), b(c, {
218
- key: 2,
219
- size: "sm2",
220
- variant: "ghost",
221
- class: l(["w-8! h-8! px-0! py-0! border border-transparent flex items-center justify-center min-w-[2rem] text-gray-600 hover:bg-gray-100", d.value]),
222
- disabled: e.disabled,
223
- onClick: (v) => g(a)
224
- }, {
225
- default: z(() => [
226
- h(o(a), 1)
227
- ]),
228
- _: 2
229
- }, 1032, ["class", "disabled", "onClick"]))
230
- ], 64))), 128)),
231
- e.navType === "icon" ? (r(), b(c, {
232
- key: 3,
233
- variant: "ghost",
234
- size: "sm2",
235
- icon: "lucide:chevron-right",
236
- class: l(d.value),
237
- disabled: e.disabled || e.currentPage === e.totalPages,
238
- onClick: n[4] || (n[4] = (a) => g(e.currentPage + 1))
239
- }, null, 8, ["class", "disabled"])) : (r(), i(k, { key: 4 }, [
240
- C(c, {
241
- variant: "ghost",
242
- size: "sm2",
243
- class: l(["hidden sm:flex", d.value]),
244
- disabled: e.disabled || e.currentPage === e.totalPages,
245
- onClick: n[5] || (n[5] = (a) => g(e.currentPage + 1))
246
- }, {
247
- default: z(() => [
248
- h(o(q.value), 1)
249
- ]),
250
- _: 1
251
- }, 8, ["class", "disabled"]),
252
- C(c, {
253
- variant: "ghost",
254
- size: "sm2",
255
- icon: "lucide:chevron-right",
256
- class: l(["flex sm:hidden", d.value]),
257
- disabled: e.disabled || e.currentPage === e.totalPages,
258
- onClick: n[6] || (n[6] = (a) => g(e.currentPage + 1))
259
- }, null, 8, ["class", "disabled"])
260
- ], 64)),
261
- e.showEdges ? (r(), b(c, {
262
- key: 5,
263
- variant: "ghost",
264
- size: "sm2",
265
- icon: "lucide:chevrons-right",
266
- class: l(d.value),
267
- disabled: e.disabled || e.currentPage === e.totalPages,
268
- onClick: n[7] || (n[7] = (a) => g(e.totalPages))
269
- }, null, 8, ["class", "disabled"])) : P("", !0)
270
- ])
271
- ], 2));
272
- }
273
- });
1
+ import o from "./Pagination.vue2.js";
2
+ /* empty css */
3
+ import t from "../../_virtual/_plugin-vue_export-helper.js";
4
+ const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6c562c38"]]);
274
5
  export {
275
- le as default
6
+ i as default
276
7
  };