vlite3 1.4.39 → 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 (135) 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 +18 -18
  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/Comment/CommentEditor.vue.js +14 -14
  39. package/components/Comment/CommentItem.vue2.js +6 -6
  40. package/components/Comment/CommentThread.vue.js +4 -4
  41. package/components/DataList/DataList.vue.js +7 -7
  42. package/components/DataTable/DataTable.vue.d.ts +9 -0
  43. package/components/DataTable/DataTable.vue.js +380 -265
  44. package/components/DataTable/DataTableRow.vue.d.ts +23 -2
  45. package/components/DataTable/DataTableRow.vue.js +5 -198
  46. package/components/DataTable/DataTableRow.vue2.js +360 -2
  47. package/components/DataTable/dataTableHeaders.d.ts +18 -0
  48. package/components/DataTable/dataTableHeaders.js +9 -0
  49. package/components/DataTable/types.d.ts +11 -0
  50. package/components/DatePicker.vue.js +8 -9
  51. package/components/DateRangePicker.vue2.js +34 -34
  52. package/components/Dropdown/Dropdown.vue.d.ts +7 -2
  53. package/components/Dropdown/Dropdown.vue.js +146 -139
  54. package/components/Dropdown/DropdownTrigger.vue.js +6 -6
  55. package/components/ExportData/ExportData.vue.js +15 -15
  56. package/components/FilePicker/FilePickerDropzone.vue.js +16 -16
  57. package/components/FilePicker/FilePickerInput.vue.js +3 -2
  58. package/components/FilePicker/FilePreview.vue.js +3 -3
  59. package/components/FileTree/FileTree.vue.js +4 -4
  60. package/components/FileTree/FileTree.vue2.js +9 -9
  61. package/components/FileTree/FileTreeNode.vue.js +76 -72
  62. package/components/Footer/Variant1.vue.js +48 -48
  63. package/components/Footer/Variant2.vue.js +42 -42
  64. package/components/Form/AccordionView.vue.d.ts +1 -1
  65. package/components/Form/AccordionView.vue2.js +2 -2
  66. package/components/Form/AccordionView.vue3.js +61 -57
  67. package/components/Form/Form.vue2.js +41 -41
  68. package/components/Form/TableRow.vue.d.ts +7 -0
  69. package/components/Form/TableRow.vue.js +187 -41
  70. package/components/Form/TableView.vue.d.ts +11 -1
  71. package/components/Form/TableView.vue.js +71 -49
  72. package/components/Form/composables/useForm.js +146 -142
  73. package/components/Form/index.vue.d.ts +5 -1
  74. package/components/Form/index.vue.js +2 -2
  75. package/components/Form/index.vue2.js +44 -37
  76. package/components/Form/rowHelpers.d.ts +20 -0
  77. package/components/Form/rowHelpers.js +76 -28
  78. package/components/Form/types.d.ts +11 -0
  79. package/components/GoogleLogin.vue.js +4 -4
  80. package/components/IconPicker.vue.js +9 -9
  81. package/components/ImportData/ImportData.vue.js +11 -11
  82. package/components/ImportData/ImportStep1.vue.js +10 -10
  83. package/components/ImportData/ImportStep2.vue.js +15 -14
  84. package/components/Input.vue.js +133 -129
  85. package/components/Kanban/KanbanBoard.vue.js +1 -1
  86. package/components/Kanban/KanbanBoard.vue2.js +9 -9
  87. package/components/MultiSelect/MultiSelect.vue.js +3 -2
  88. package/components/Navbar/Navbar.vue.js +17 -17
  89. package/components/Navbar/NavbarGroup.vue.js +8 -7
  90. package/components/Navbar/NavbarItem.vue.js +40 -39
  91. package/components/Navbar/NavbarTabs.vue.js +6 -184
  92. package/components/Navbar/NavbarTabs.vue2.js +204 -0
  93. package/components/Navbar/useNavbar.js +3 -3
  94. package/components/NavbarCommandPalette.vue.js +1 -1
  95. package/components/NumberInput.vue.js +2 -2
  96. package/components/NumberInput.vue2.js +81 -77
  97. package/components/OTPInput/OTPInput.vue.js +24 -23
  98. package/components/Pagination/Pagination.vue.d.ts +1 -1
  99. package/components/Pagination/Pagination.vue.js +5 -274
  100. package/components/Pagination/Pagination.vue2.js +283 -2
  101. package/components/PermissionMatrix/PermissionTopBar.vue.js +19 -18
  102. package/components/PricingPlan/PricingPlanItem.vue.js +7 -7
  103. package/components/Screen/Screen.vue.d.ts +1 -1
  104. package/components/Screen/Screen.vue.js +21 -21
  105. package/components/Screen/ScreenFilter.vue.js +5 -5
  106. package/components/Screen/components/ScreenAddAction.vue.js +3 -3
  107. package/components/Screen/components/ScreenEmptyState.vue.js +10 -10
  108. package/components/Screen/components/ScreenExportModal.vue.js +12 -12
  109. package/components/Screen/components/ScreenOptionsDropdown.vue.js +5 -5
  110. package/components/Screen/components/ScreenToolbar.vue.js +15 -15
  111. package/components/SidePanel.vue.js +2 -2
  112. package/components/SidePanel.vue2.js +6 -6
  113. package/components/SidebarMenu/SidebarMenu.vue.js +77 -72
  114. package/components/SidebarMenu/SidebarMenuItem.vue.js +172 -168
  115. package/components/Slider.vue.js +123 -108
  116. package/components/Tabes/Tabes.vue.d.ts +8 -3
  117. package/components/Tabes/Tabes.vue.js +2 -2
  118. package/components/Tabes/Tabes.vue2.js +209 -200
  119. package/components/Tabes/tabes.utils.d.ts +23 -0
  120. package/components/Tabes/tabes.utils.js +39 -16
  121. package/components/Textarea.vue.d.ts +2 -0
  122. package/components/Textarea.vue.js +19 -16
  123. package/components/ThemeToggle.vue.js +8 -8
  124. package/components/ToastNotification.vue2.js +10 -10
  125. package/components/TreeConnectors/TreeConnectors.vue.d.ts +1 -1
  126. package/components/TreeConnectors/TreeConnectors.vue.js +13 -8
  127. package/components/TreeConnectors/geometry.js +77 -69
  128. package/components/Workbook/WorkbookAddButton.vue.js +2 -2
  129. package/composables/useRtl.d.ts +14 -0
  130. package/composables/useRtl.js +33 -0
  131. package/index.js +470 -471
  132. package/package.json +1 -1
  133. package/style.css +86 -1
  134. package/types/button.d.ts +8 -0
  135. 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
  };