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,9 +1,10 @@
1
- import { defineComponent as Z, computed as d, useSlots as _, ref as v, onMounted as ee, nextTick as B, openBlock as r, createElementBlock as s, normalizeClass as u, createBlock as j, withCtx as te, createTextVNode as R, toDisplayString as w, createCommentVNode as i, createElementVNode as A, renderSlot as M, createVNode as C } from "vue";
1
+ import { defineComponent as ee, computed as a, useSlots as te, ref as b, onMounted as ne, nextTick as R, openBlock as s, createElementBlock as u, normalizeClass as r, createBlock as j, withCtx as oe, createTextVNode as S, toDisplayString as w, createCommentVNode as i, createElementVNode as A, renderSlot as D, createVNode as C } from "vue";
2
2
  import g from "./Icon.vue.js";
3
3
  import le from "./Label.vue.js";
4
- import ne from "./Textarea.vue.js";
4
+ import ae from "./Textarea.vue.js";
5
5
  import { resolveI18nText as E } from "../utils/i18n.js";
6
- const oe = ["for"], ae = ["type", "value", "placeholder", "disabled", "readonly", "min", "max", "data-testid"], de = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 z-20" }, me = /* @__PURE__ */ Z({
6
+ import { useRtl as de } from "../composables/useRtl.js";
7
+ const se = ["dir"], re = ["for"], ue = ["type", "value", "placeholder", "disabled", "readonly", "min", "max", "dir", "data-testid"], ie = { class: "absolute end-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 z-20" }, ye = /* @__PURE__ */ ee({
7
8
  __name: "Input",
8
9
  props: {
9
10
  modelValue: { default: "" },
@@ -38,18 +39,19 @@ const oe = ["for"], ae = ["type", "value", "placeholder", "disabled", "readonly"
38
39
  max: {}
39
40
  },
40
41
  emits: ["update:modelValue", "focus", "blur", "change", "click:icon", "click:icon-right"],
41
- setup(t, { emit: D }) {
42
- const e = t, c = D, a = d(() => E(e.labelI18n, e.label)), L = d(
42
+ setup(t, { emit: H }) {
43
+ const e = t, c = H, d = a(() => E(e.labelI18n, e.label)), L = a(
43
44
  () => E(e.placeholderI18n, e.placeholder)
44
- ), x = _(), m = v(null), y = v(!1), p = v(!1), H = d(() => e.type === "password" && y.value ? "text" : e.type), k = d(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), $ = d(() => b.value || k.value || p.value), h = d(() => !!e.addonLeft || !!x["addon-left"]), V = d(() => !!e.addonRight || !!x["addon-right"]), U = d(() => [
45
+ ), x = te(), m = b(null), y = b(!1), U = de(), k = a(() => U.value ? "rtl" : "ltr"), p = b(!1), W = a(() => e.type === "password" && y.value ? "text" : e.type), $ = a(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), V = a(() => v.value || $.value || p.value), h = a(() => !!e.addonLeft || !!x["addon-left"]), z = a(() => !!e.addonRight || !!x["addon-right"]), q = a(() => [
45
46
  "relative w-full",
46
47
  e.class,
47
48
  e.labelPosition === "left" ? "flex items-center gap-4" : "",
48
49
  e.labelPosition === "right" ? "flex flex-row-reverse items-center gap-4" : "space-y-2"
49
- ].join(" ")), W = d(() => ["relative flex w-full items-stretch", e.labelPosition !== "top" ? "flex-1" : ""].join(
50
- " "
51
- )), S = d(() => {
52
- const l = "block w-full bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground/70 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none relative focus:z-10", n = {
50
+ ].join(" ")), G = a(() => [
51
+ "input-addon-group relative flex w-full items-stretch",
52
+ e.labelPosition !== "top" ? "flex-1" : ""
53
+ ].join(" ")), I = a(() => {
54
+ const n = "block w-full bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground/70 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none relative focus:z-10", o = {
53
55
  solid: "bg-muted border-transparent focus-visible:border-black",
54
56
  outline: "border border-input focus-visible:border-black",
55
57
  "outline-b": "border-b border-input bg-transparent rounded-none focus-visible:border-black",
@@ -60,7 +62,7 @@ const oe = ["for"], ae = ["type", "value", "placeholder", "disabled", "readonly"
60
62
  md: "h-9 text-sm",
61
63
  lg: "h-10 text-base"
62
64
  };
63
- let o = {
65
+ let l = {
64
66
  none: "rounded-none",
65
67
  sm: "rounded-sm",
66
68
  md: "rounded-md",
@@ -69,221 +71,223 @@ const oe = ["for"], ae = ["type", "value", "placeholder", "disabled", "readonly"
69
71
  "2xl": "rounded-2xl",
70
72
  full: "rounded-full"
71
73
  }[e.rounded];
72
- h.value && (e.rounded === "md" ? o = "rounded-r-md rounded-l-none" : e.rounded === "sm" ? o = "rounded-r-sm rounded-l-none" : e.rounded === "lg" ? o = "rounded-r-lg rounded-l-none" : e.rounded === "full" ? o = "rounded-r-full rounded-l-none" : e.rounded !== "none" && (o = o.replace("rounded-", "rounded-r-").replace("rounded-l-", ""))), V.value && (h.value ? o = "rounded-none" : e.rounded === "md" ? o = "rounded-l-md rounded-r-none" : e.rounded === "sm" ? o = "rounded-l-sm rounded-r-none" : e.rounded === "lg" ? o = "rounded-l-lg rounded-r-none" : e.rounded === "full" ? o = "rounded-l-full rounded-r-none" : e.rounded !== "none" && (o = o.replace("rounded-", "rounded-l-").replace("rounded-r-", ""))), e.variant === "outline-b" && (o = "rounded-none");
73
- const T = e.variant === "outline-b" || e.variant === "transparent";
74
- e.variant;
75
- const Y = {
76
- xs: "pl-6",
77
- sm: "pl-8",
78
- md: "pl-9",
79
- lg: "pl-9",
80
- xl: "pl-9"
74
+ h.value && (e.rounded === "md" ? l = "rounded-e-md rounded-s-none" : e.rounded === "sm" ? l = "rounded-e-sm rounded-s-none" : e.rounded === "lg" ? l = "rounded-e-lg rounded-s-none" : e.rounded === "full" ? l = "rounded-e-full rounded-s-none" : e.rounded !== "none" && (l = l.replace("rounded-", "rounded-e-").replace("rounded-s-", ""))), z.value && (h.value ? l = "rounded-none" : e.rounded === "md" ? l = "rounded-s-md rounded-e-none" : e.rounded === "sm" ? l = "rounded-s-sm rounded-e-none" : e.rounded === "lg" ? l = "rounded-s-lg rounded-e-none" : e.rounded === "full" ? l = "rounded-s-full rounded-e-none" : e.rounded !== "none" && (l = l.replace("rounded-", "rounded-s-").replace("rounded-e-", ""))), e.variant === "outline-b" && (l = "rounded-none");
75
+ const M = e.variant === "outline-b" || e.variant === "transparent", _ = {
76
+ xs: "ps-6",
77
+ sm: "ps-8",
78
+ md: "ps-9",
79
+ lg: "ps-9",
80
+ xl: "ps-9"
81
81
  };
82
82
  return [
83
- l,
84
- n[e.variant],
83
+ n,
84
+ o[e.variant],
85
85
  e.type === "textarea" ? "" : f[e.size],
86
- o,
86
+ l,
87
87
  e.error ? "border-destructive focus-visible:ring-destructive" : "",
88
- e.icon ? Y[e?.size] : T && !h.value ? "pl-0" : "",
89
- e.showClearButton && k.value || e.type === "password" || e.loading || e.iconRight ? "pr-9" : T && !V.value ? "pr-0" : "",
88
+ e.icon ? _[e?.size] : M && !h.value ? "ps-0" : "",
89
+ e.showClearButton && $.value || e.type === "password" || e.loading || e.iconRight ? "pe-9" : M && !z.value ? "pe-0" : "",
90
90
  // Keyframe name used to detect browser autofill via animationstart event
91
91
  e.variant === "floating" ? "autofill-detect" : "",
92
92
  e.inputClass
93
93
  ].join(" ");
94
- }), I = {
94
+ }), P = {
95
95
  sm: "text-xs",
96
96
  md: "text-sm",
97
97
  lg: "text-base"
98
- }, P = (l) => {
99
- const n = l === "left";
98
+ }, F = (n) => {
99
+ const o = n === "start";
100
100
  return [
101
101
  "[&_button]:w-full [&_a]:w-full! [&_.v-btn]:w-full! [&_.tooltip-trigger]:w-full",
102
- n ? "[&_button]:rounded-r-none [&_a]:rounded-r-none [&_.v-btn]:rounded-r-none" : "[&_button]:rounded-l-none [&_a]:rounded-l-none [&_.v-btn]:rounded-l-none",
102
+ o ? "[&_button]:rounded-e-none [&_a]:rounded-e-none [&_.v-btn]:rounded-e-none" : "[&_button]:rounded-s-none [&_a]:rounded-s-none [&_.v-btn]:rounded-s-none",
103
103
  "[&_button]:relative [&_button]:focus:z-20",
104
- n ? "-mr-px" : "-ml-px",
104
+ o ? "-me-px" : "-ms-px",
105
105
  "z-10"
106
106
  ].join(" ");
107
- }, q = d(() => {
108
- const l = !!x["addon-left"];
107
+ }, J = a(() => {
108
+ const n = !!x["addon-left"];
109
109
  return [
110
110
  "flex items-center justify-center whitespace-nowrap",
111
- l ? `border-none ${P("left")}` : `bg-muted border border-input border-r-0! px-3 text-muted-foreground ${{
112
- sm: "rounded-l-sm",
113
- md: "rounded-l-md",
114
- lg: "rounded-l-lg",
115
- full: "rounded-l-full",
111
+ n ? `border-none ${F("start")}` : `bg-muted border border-input border-e-0! px-3 text-muted-foreground ${{
112
+ sm: "rounded-s-sm",
113
+ md: "rounded-s-md",
114
+ lg: "rounded-s-lg",
115
+ full: "rounded-s-full",
116
116
  none: "rounded-none",
117
- xl: "rounded-l-xl",
118
- "2xl": "rounded-l-2xl"
119
- }[e.rounded] || "rounded-l-md"}`,
120
- l ? "" : I[e.size],
117
+ xl: "rounded-s-xl",
118
+ "2xl": "rounded-s-2xl"
119
+ }[e.rounded] || "rounded-s-md"}`,
120
+ n ? "" : P[e.size],
121
121
  e.addonLeftClass,
122
122
  e.disabled ? "opacity-50 cursor-not-allowed" : ""
123
123
  ].join(" ");
124
- }), G = d(() => {
125
- const l = !!x["addon-right"];
124
+ }), K = a(() => {
125
+ const n = !!x["addon-right"];
126
126
  return [
127
127
  "flex items-center justify-center whitespace-nowrap",
128
- l ? `border-none ${P("right")}` : `bg-muted border border-input border-l-0! px-3 text-muted-foreground ${{
129
- sm: "rounded-r-sm",
130
- md: "rounded-r-md",
131
- lg: "rounded-r-lg",
132
- full: "rounded-r-full",
128
+ n ? `border-none ${F("end")}` : `bg-muted border border-input border-s-0! px-3 text-muted-foreground ${{
129
+ sm: "rounded-e-sm",
130
+ md: "rounded-e-md",
131
+ lg: "rounded-e-lg",
132
+ full: "rounded-e-full",
133
133
  none: "rounded-none",
134
- xl: "rounded-r-xl",
135
- "2xl": "rounded-r-2xl"
136
- }[e.rounded] || "rounded-r-md"}`,
137
- l ? "" : I[e.size],
134
+ xl: "rounded-e-xl",
135
+ "2xl": "rounded-e-2xl"
136
+ }[e.rounded] || "rounded-e-md"}`,
137
+ n ? "" : P[e.size],
138
138
  e.addonRightClass,
139
139
  e.disabled ? "opacity-50 cursor-not-allowed" : ""
140
140
  ].join(" ");
141
- }), J = (l) => {
142
- const n = l.target;
143
- c("update:modelValue", n.value);
144
- }, K = (l) => {
145
- const n = l.target;
146
- c("change", n.value);
147
- }, O = () => {
141
+ }), O = (n) => {
142
+ const o = n.target;
143
+ c("update:modelValue", o.value);
144
+ }, Q = (n) => {
145
+ const o = n.target;
146
+ c("change", o.value);
147
+ }, X = () => {
148
148
  e.disabled || e.readonly || (y.value = !y.value);
149
- }, Q = () => {
150
- e.disabled || e.readonly || (c("update:modelValue", ""), B(() => {
149
+ }, Y = () => {
150
+ e.disabled || e.readonly || (c("update:modelValue", ""), R(() => {
151
151
  m.value?.focus();
152
152
  }));
153
- }, b = v(!1), z = v(!1), F = (l) => {
154
- b.value = !0, c("focus", l);
155
- }, N = (l) => {
156
- b.value = !1, c("blur", l);
157
- }, X = (l) => {
158
- l.animationName === "onAutoFillStart" ? p.value = !0 : l.animationName === "onAutoFillCancel" && (p.value = !1);
153
+ }, v = b(!1), B = b(!1), N = (n) => {
154
+ v.value = !0, c("focus", n);
155
+ }, T = (n) => {
156
+ v.value = !1, c("blur", n);
157
+ }, Z = (n) => {
158
+ n.animationName === "onAutoFillStart" ? p.value = !0 : n.animationName === "onAutoFillCancel" && (p.value = !1);
159
159
  };
160
- return ee(() => {
161
- e.autofocus && B(() => {
160
+ return ne(() => {
161
+ e.autofocus && R(() => {
162
162
  setTimeout(() => {
163
- m.value?.focus(), b.value = !0;
163
+ m.value?.focus(), v.value = !0;
164
164
  }, 100);
165
- }), B(() => {
165
+ }), R(() => {
166
166
  m.value && m.value.value && !e.modelValue && (p.value = !0);
167
167
  });
168
- }), (l, n) => (r(), s("div", {
169
- class: u(U.value)
168
+ }), (n, o) => (s(), u("div", {
169
+ class: r(q.value)
170
170
  }, [
171
- a.value && t.variant !== "floating" ? (r(), j(le, {
171
+ d.value && t.variant !== "floating" ? (s(), j(le, {
172
172
  key: 0,
173
173
  size: "xs",
174
- for: a.value,
175
- class: u(["mb-1.5", t.labelPosition !== "top" ? "mb-0" : ""].join(" "))
174
+ for: d.value,
175
+ class: r(["mb-1.5", t.labelPosition !== "top" ? "mb-0" : ""].join(" "))
176
176
  }, {
177
- default: te(() => [
178
- R(w(a.value), 1)
177
+ default: oe(() => [
178
+ S(w(d.value), 1)
179
179
  ]),
180
180
  _: 1
181
181
  }, 8, ["for", "class"])) : i("", !0),
182
182
  A("div", {
183
- class: u(W.value)
183
+ class: r(G.value),
184
+ dir: "ltr"
184
185
  }, [
185
- h.value ? (r(), s("div", {
186
+ h.value ? (s(), u("div", {
186
187
  key: 0,
187
- class: u(q.value)
188
+ class: r(J.value)
188
189
  }, [
189
- M(l.$slots, "addon-left", {}, () => [
190
- R(w(t.addonLeft), 1)
190
+ D(n.$slots, "addon-left", {}, () => [
191
+ S(w(t.addonLeft), 1)
191
192
  ])
192
193
  ], 2)) : i("", !0),
193
194
  A("div", {
194
- class: "relative w-full",
195
- onMouseenter: n[2] || (n[2] = (f) => z.value = !0),
196
- onMouseleave: n[3] || (n[3] = (f) => z.value = !1)
195
+ class: "input-field-chrome relative w-full",
196
+ dir: k.value,
197
+ onMouseenter: o[2] || (o[2] = (f) => B.value = !0),
198
+ onMouseleave: o[3] || (o[3] = (f) => B.value = !1)
197
199
  }, [
198
- a.value && t.variant === "floating" ? (r(), s("label", {
200
+ d.value && t.variant === "floating" ? (s(), u("label", {
199
201
  key: 0,
200
- for: a.value,
201
- class: u([
202
+ for: d.value,
203
+ class: r([
202
204
  "absolute transition-all duration-200 ease-in-out pointer-events-none z-20",
203
- $.value ? "-top-2.5 left-3 text-xs bg-background px-1 text-black shadow-[0_4px_4px_-4px_bg-background] translate-y-0" : t.type === "textarea" ? `top-2 text-sm text-muted-foreground/70 ${t.icon ? "left-9" : "left-3"} translate-y-0` : `top-1/2 -translate-y-1/2 text-sm text-muted-foreground/70 ${t.icon ? "left-9" : "left-3"}`
205
+ V.value ? "-top-2.5 start-3 text-xs bg-background px-1 text-black shadow-[0_4px_4px_-4px_bg-background] translate-y-0" : t.type === "textarea" ? `top-2 text-sm text-muted-foreground/70 ${t.icon ? "start-9" : "start-3"} translate-y-0` : `top-1/2 -translate-y-1/2 text-sm text-muted-foreground/70 ${t.icon ? "start-9" : "start-3"}`
204
206
  ])
205
- }, w(a.value), 11, oe)) : i("", !0),
206
- t.type === "textarea" ? (r(), j(ne, {
207
+ }, w(d.value), 11, re)) : i("", !0),
208
+ t.type === "textarea" ? (s(), j(ae, {
207
209
  key: 1,
208
210
  "model-value": String(t.modelValue),
209
- placeholder: t.variant === "floating" && a.value && !$.value ? "" : L.value,
211
+ placeholder: t.variant === "floating" && d.value && !V.value ? "" : L.value,
210
212
  disabled: t.disabled,
211
213
  readonly: t.readonly,
212
214
  rows: t.rows,
213
- class: u(S.value),
214
- "onUpdate:modelValue": n[0] || (n[0] = (f) => c("update:modelValue", f)),
215
- onBlur: N,
216
- onFocus: F,
217
- "data-testid": l.$attrs["data-testid"] || (l.$attrs.name ? `input-${l.$attrs.name}` : a.value ? `input-${a.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "textarea")
218
- }, null, 8, ["model-value", "placeholder", "disabled", "readonly", "rows", "class", "data-testid"])) : (r(), s("input", {
215
+ class: r(I.value),
216
+ dir: k.value,
217
+ "onUpdate:modelValue": o[0] || (o[0] = (f) => c("update:modelValue", f)),
218
+ onBlur: T,
219
+ onFocus: N,
220
+ "data-testid": n.$attrs["data-testid"] || (n.$attrs.name ? `input-${n.$attrs.name}` : d.value ? `input-${d.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "textarea")
221
+ }, null, 8, ["model-value", "placeholder", "disabled", "readonly", "rows", "class", "dir", "data-testid"])) : (s(), u("input", {
219
222
  key: 2,
220
223
  ref_key: "inputRef",
221
224
  ref: m,
222
- type: H.value,
225
+ type: W.value,
223
226
  value: t.modelValue,
224
- placeholder: t.variant === "floating" && a.value && !$.value ? "" : L.value,
227
+ placeholder: t.variant === "floating" && d.value && !V.value ? "" : L.value,
225
228
  disabled: t.disabled,
226
229
  readonly: t.readonly,
227
230
  min: t.min,
228
231
  max: t.max,
229
- class: u(S.value),
230
- onInput: J,
231
- onChange: K,
232
- onBlur: N,
233
- onFocus: F,
234
- onAnimationstart: X,
235
- "data-testid": l.$attrs["data-testid"] || (l.$attrs.name ? `input-${l.$attrs.name}` : a.value ? `input-${a.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "input")
236
- }, null, 42, ae)),
237
- t.icon ? (r(), s("div", {
232
+ class: r(I.value),
233
+ dir: k.value,
234
+ onInput: O,
235
+ onChange: Q,
236
+ onBlur: T,
237
+ onFocus: N,
238
+ onAnimationstart: Z,
239
+ "data-testid": n.$attrs["data-testid"] || (n.$attrs.name ? `input-${n.$attrs.name}` : d.value ? `input-${d.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "input")
240
+ }, null, 42, ue)),
241
+ t.icon ? (s(), u("div", {
238
242
  key: 3,
239
243
  tabindex: "-1",
240
- class: u([
241
- "absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center justify-center text-muted-foreground z-20 pointer-events-none",
244
+ class: r([
245
+ "absolute start-2.5 top-1/2 -translate-y-1/2 flex items-center justify-center text-muted-foreground z-20 pointer-events-none",
242
246
  t.disabled ? "opacity-50" : ""
243
247
  ])
244
248
  }, [
245
249
  C(g, {
246
250
  icon: t.icon,
247
- class: u(["h-4 w-4", t.iconClass])
251
+ class: r(["h-4 w-4", t.iconClass])
248
252
  }, null, 8, ["icon", "class"])
249
253
  ], 2)) : i("", !0),
250
- A("div", de, [
251
- t.loading ? (r(), j(g, {
254
+ A("div", ie, [
255
+ t.loading ? (s(), j(g, {
252
256
  key: 0,
253
257
  icon: "lucide:loader-2",
254
258
  class: "h-4 w-4 animate-spin text-muted-foreground"
255
- })) : t.iconRight ? (r(), s("div", {
259
+ })) : t.iconRight ? (s(), u("div", {
256
260
  key: 1,
257
261
  tabindex: "-1",
258
- class: u([
262
+ class: r([
259
263
  "flex items-center justify-center text-muted-foreground",
260
264
  t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:text-foreground"
261
265
  ]),
262
- onClick: n[1] || (n[1] = (f) => !t.disabled && !t.readonly && c("click:icon-right", f))
266
+ onClick: o[1] || (o[1] = (f) => !t.disabled && !t.readonly && c("click:icon-right", f))
263
267
  }, [
264
268
  C(g, {
265
269
  icon: t.iconRight,
266
- class: u(["h-4 w-4", t.iconRightClass])
270
+ class: r(["h-4 w-4", t.iconRightClass])
267
271
  }, null, 8, ["icon", "class"])
268
272
  ], 2)) : i("", !0),
269
- t.type === "password" && !t.disabled && !t.readonly ? (r(), s("button", {
273
+ t.type === "password" && !t.disabled && !t.readonly ? (s(), u("button", {
270
274
  key: 2,
271
275
  type: "button",
272
276
  tabindex: "-1",
273
277
  class: "flex items-center justify-center text-muted-foreground hover:text-foreground focus:outline-none",
274
- onClick: O
278
+ onClick: X
275
279
  }, [
276
280
  C(g, {
277
281
  icon: y.value ? "lucide:eye-off" : "lucide:eye",
278
282
  class: "h-4 w-4"
279
283
  }, null, 8, ["icon"])
280
284
  ])) : i("", !0),
281
- t.showClearButton && k.value && !t.disabled && !t.readonly && !t.loading && t.type !== "textarea" && t.type !== "password" && (b.value || z.value) ? (r(), s("button", {
285
+ t.showClearButton && $.value && !t.disabled && !t.readonly && !t.loading && t.type !== "textarea" && t.type !== "password" && (v.value || B.value) ? (s(), u("button", {
282
286
  key: 3,
283
287
  type: "button",
284
288
  tabindex: "-1",
285
289
  class: "flex items-center justify-center text-muted-foreground hover:text-foreground focus:outline-none transition-opacity duration-200",
286
- onClick: Q
290
+ onClick: Y
287
291
  }, [
288
292
  C(g, {
289
293
  icon: "lucide:x-circle",
@@ -291,13 +295,13 @@ const oe = ["for"], ae = ["type", "value", "placeholder", "disabled", "readonly"
291
295
  })
292
296
  ])) : i("", !0)
293
297
  ])
294
- ], 32),
295
- V.value ? (r(), s("div", {
298
+ ], 40, se),
299
+ z.value ? (s(), u("div", {
296
300
  key: 1,
297
- class: u(G.value)
301
+ class: r(K.value)
298
302
  }, [
299
- M(l.$slots, "addon-right", {}, () => [
300
- R(w(t.addonRight), 1)
303
+ D(n.$slots, "addon-right", {}, () => [
304
+ S(w(t.addonRight), 1)
301
305
  ])
302
306
  ], 2)) : i("", !0)
303
307
  ], 2)
@@ -305,5 +309,5 @@ const oe = ["for"], ae = ["type", "value", "placeholder", "disabled", "readonly"
305
309
  }
306
310
  });
307
311
  export {
308
- me as default
312
+ ye as default
309
313
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./KanbanBoard.vue2.js";
2
2
  /* empty css */
3
3
  import a from "../../_virtual/_plugin-vue_export-helper.js";
4
- const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-38015ba3"]]);
4
+ const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-d505482b"]]);
5
5
  export {
6
6
  p as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import { defineComponent as j, ref as z, watch as H, onMounted as J, computed as p, openBlock as r, createElementBlock as d, normalizeClass as c, createElementVNode as i, renderSlot as b, unref as a, toDisplayString as k, createCommentVNode as x, setBlockTracking as D, Fragment as v, renderList as C, createVNode as I, withCtx as G, isMemoSame as R } from "vue";
1
+ import { defineComponent as j, ref as z, watch as H, onMounted as J, computed as p, openBlock as r, createElementBlock as d, normalizeClass as c, createElementVNode as i, renderSlot as f, unref as a, toDisplayString as k, createCommentVNode as x, setBlockTracking as D, Fragment as v, renderList as C, createVNode as I, withCtx as G, isMemoSame as R } from "vue";
2
2
  import { VueDraggable as q } from "vue-draggable-plus";
3
3
  import { useKanbanBoard as P } from "./useKanbanBoard.js";
4
4
  import "../../core/config.js";
@@ -62,16 +62,16 @@ const X = { class: "flex items-center justify-between font-semibold text-foregro
62
62
  ), u = p(() => o.column.disabled === !0), V = p(() => u.value ? { name: o.group, pull: !1, put: !1 } : o.group), g = (e) => typeof o.isItemDisabled == "function" ? o.isItemDisabled(e) : !1;
63
63
  return (e, n) => (r(), d("div", {
64
64
  class: c([
65
- "flex flex-col bg-card rounded-lg overflow-hidden shrink-0 border border-border/50 w-full flex-1 min-w-75",
65
+ "flex flex-col bg-body rounded-lg overflow-hidden shrink-0 border border-border/50 w-full flex-1 min-w-75",
66
66
  // Visual indicator for a fully-disabled/locked board
67
67
  u.value && "kanban-board--disabled",
68
68
  l.boardClass
69
69
  ])
70
70
  }, [
71
71
  i("div", {
72
- class: c(["p-3 border-b border-border/80 ", l.headerClass])
72
+ class: c(["px-3 py-2 border-b border-border/80 ", l.headerClass])
73
73
  }, [
74
- b(e.$slots, "header", {
74
+ f(e.$slots, "header", {
75
75
  column: l.column,
76
76
  pageInfo: a(F)
77
77
  }, () => [
@@ -99,7 +99,7 @@ const X = { class: "flex items-center justify-between font-semibold text-foregro
99
99
  i("div", { class: "h-3 bg-muted/60 rounded w-1/3" }, null, -1)
100
100
  ])])), 64))).cacheIndex = 0, D(1), n[0])
101
101
  ])) : (r(), d(v, { key: 1 }, [
102
- b(e.$slots, "prepend-item", {
102
+ f(e.$slots, "prepend-item", {
103
103
  column: l.column,
104
104
  items: a(s)
105
105
  }, void 0, !0),
@@ -117,9 +117,9 @@ const X = { class: "flex items-center justify-between font-semibold text-foregro
117
117
  onUpdate: A
118
118
  }, {
119
119
  default: G(() => [
120
- (r(!0), d(v, null, C(a(s), (t, ee, oe, f) => {
120
+ (r(!0), d(v, null, C(a(s), (t, ee, oe, b) => {
121
121
  const y = [t];
122
- if (f && f.key === t[l.itemKey || "id"] && R(f, y)) return f;
122
+ if (b && b.key === t[l.itemKey || "id"] && R(b, y)) return b;
123
123
  const h = (r(), d("div", {
124
124
  key: t[l.itemKey || "id"],
125
125
  class: c([
@@ -128,7 +128,7 @@ const X = { class: "flex items-center justify-between font-semibold text-foregro
128
128
  u.value ? "cursor-default" : g(t) ? `${S} cursor-not-allowed` : "cursor-grab active:cursor-grabbing"
129
129
  ])
130
130
  }, [
131
- b(e.$slots, "item", {
131
+ f(e.$slots, "item", {
132
132
  item: t,
133
133
  column: l.column,
134
134
  isDisabled: u.value || g(t)
@@ -146,7 +146,7 @@ const X = { class: "flex items-center justify-between font-semibold text-foregro
146
146
  ]),
147
147
  _: 3
148
148
  }, 8, ["model-value", "group", "ghostClass", "class", "filter"]),
149
- b(e.$slots, "append-item", {
149
+ f(e.$slots, "append-item", {
150
150
  column: l.column,
151
151
  items: a(s)
152
152
  }, void 0, !0),
@@ -3,6 +3,7 @@ import M from "../Icon.vue.js";
3
3
  import W from "../Dropdown/Dropdown.vue.js";
4
4
  import X from "../Dropdown/DropdownMenu.vue.js";
5
5
  import { $t as C } from "../../utils/i18n.js";
6
+ /* empty css */
6
7
  import L from "../Badge.vue.js";
7
8
  /* empty css */
8
9
  import { useMultiSelectHydration as Y } from "./composables/useMultiSelectHydration.js";
@@ -12,7 +13,7 @@ const Z = ["tabindex", "data-testid"], _ = {
12
13
  }, ee = { class: "truncate min-w-0" }, te = ["onClick"], ae = {
13
14
  key: 0,
14
15
  class: "flex items-center gap-2 pl-2 shrink-0 text-muted-foreground"
15
- }, me = /* @__PURE__ */ F({
16
+ }, ce = /* @__PURE__ */ F({
16
17
  __name: "MultiSelect",
17
18
  props: {
18
19
  modelValue: { default: () => [] },
@@ -237,5 +238,5 @@ const Z = ["tabindex", "data-testid"], _ = {
237
238
  }
238
239
  });
239
240
  export {
240
- me as default
241
+ ce as default
241
242
  };