vlite3 0.4.4 → 0.4.7

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 (109) hide show
  1. package/components/Accordion/AccordionItem.vue.js +33 -32
  2. package/components/Accordion/types.d.ts +2 -0
  3. package/components/Alert.vue.d.ts +2 -0
  4. package/components/Alert.vue.js +38 -36
  5. package/components/AvatarUploader/AvatarUploader.vue.d.ts +1 -1
  6. package/components/AvatarUploader/AvatarUploader.vue.js +25 -24
  7. package/components/Button.vue.d.ts +1 -1
  8. package/components/Button.vue.js +37 -35
  9. package/components/CheckBox.vue.d.ts +1 -0
  10. package/components/CheckBox.vue.js +40 -40
  11. package/components/Chip/Chip.vue.js +55 -55
  12. package/components/Chip/types.d.ts +1 -0
  13. package/components/ChoiceBox/ChoiceBox.vue.d.ts +5 -0
  14. package/components/ChoiceBox/ChoiceBox.vue.js +61 -58
  15. package/components/ColorPicker/ColorPicker.vue.js +3 -2
  16. package/components/ConfirmationModal.vue.d.ts +4 -2
  17. package/components/ConfirmationModal.vue.js +48 -33
  18. package/components/DataList/DataList.vue.d.ts +0 -2
  19. package/components/DataList/DataList.vue.js +39 -35
  20. package/components/DataList/types.d.ts +2 -0
  21. package/components/DataTable/DataTable.vue.d.ts +0 -5
  22. package/components/DataTable/DataTable.vue.js +177 -158
  23. package/components/DataTable/DataTableHeader.vue.js +15 -14
  24. package/components/DataTable/DataTableToolbar.vue.d.ts +1 -1
  25. package/components/DataTable/DataTableToolbar.vue.js +30 -23
  26. package/components/DataTable/types.d.ts +4 -0
  27. package/components/DatePicker.vue.d.ts +1 -0
  28. package/components/DatePicker.vue.js +32 -25
  29. package/components/Dropdown/DropdownBooleanItem.vue.js +18 -17
  30. package/components/Dropdown/DropdownGroupedLayout.vue.js +28 -27
  31. package/components/Dropdown/DropdownItem.vue.js +24 -23
  32. package/components/Dropdown/DropdownMenu.vue.js +100 -91
  33. package/components/Dropdown/composables/useDropdownNavigation.js +24 -23
  34. package/components/Dropdown/composables/useDropdownSelection.js +19 -17
  35. package/components/Empty/Empty.vue.d.ts +2 -2
  36. package/components/Empty/Empty.vue.js +32 -18
  37. package/components/FilePicker/FilePicker.vue.d.ts +3 -1
  38. package/components/FilePicker/FilePicker.vue.js +140 -127
  39. package/components/FileTree/FileTree.vue.js +68 -58
  40. package/components/FileTree/FileTreeNode.vue.js +35 -34
  41. package/components/FileTree/types.d.ts +3 -0
  42. package/components/Form/CustomFields.vue.d.ts +3 -1
  43. package/components/Form/CustomFields.vue.js +2 -2
  44. package/components/Form/CustomFields.vue2.js +92 -80
  45. package/components/Form/Form.vue.d.ts +1 -1
  46. package/components/Form/FormField.vue.d.ts +1 -1
  47. package/components/Form/FormField.vue.js +60 -59
  48. package/components/Form/FormFields.vue.js +2 -2
  49. package/components/Form/FormFields.vue2.js +58 -57
  50. package/components/Form/composables/useForm.js +91 -88
  51. package/components/Form/types.d.ts +4 -0
  52. package/components/Form/utils/form.utils.js +104 -98
  53. package/components/GoogleLogin.vue.d.ts +1 -1
  54. package/components/GoogleLogin.vue.js +39 -32
  55. package/components/Heatmap/Heatmap.vue2.js +3 -2
  56. package/components/IconPicker.vue.d.ts +2 -0
  57. package/components/IconPicker.vue.js +37 -29
  58. package/components/Input.vue.d.ts +1 -1
  59. package/components/Input.vue.js +96 -98
  60. package/components/Kanban/KanbanBoard.vue.js +1 -1
  61. package/components/Kanban/KanbanBoard.vue2.js +55 -54
  62. package/components/Kanban/types.d.ts +1 -0
  63. package/components/Masonry/Masonry.vue2.js +3 -2
  64. package/components/Modal.vue.d.ts +2 -0
  65. package/components/Modal.vue.js +62 -57
  66. package/components/MultiSelect/MultiSelect.vue.d.ts +1 -1
  67. package/components/MultiSelect/MultiSelect.vue.js +61 -54
  68. package/components/Navbar/Navbar.vue.js +46 -46
  69. package/components/Pagination/Pagination.vue.js +116 -97
  70. package/components/PricingPlan/PricingPlanItem.vue.js +60 -47
  71. package/components/PricingPlan/types.d.ts +5 -0
  72. package/components/Screen/Screen.vue.d.ts +0 -4
  73. package/components/Screen/Screen.vue.js +231 -189
  74. package/components/Screen/ScreenFilter.vue.js +73 -63
  75. package/components/Screen/types.d.ts +5 -0
  76. package/components/SidePanel.vue.d.ts +2 -0
  77. package/components/SidePanel.vue.js +140 -5
  78. package/components/SidePanel.vue2.js +2 -135
  79. package/components/SidebarMenu/SidebarMenuItem.vue.js +131 -130
  80. package/components/SidebarMenu/types.d.ts +1 -0
  81. package/components/Slider.vue.d.ts +1 -0
  82. package/components/Slider.vue.js +71 -69
  83. package/components/Switch.vue.d.ts +1 -0
  84. package/components/Switch.vue.js +23 -18
  85. package/components/Tabes/Tabes.vue.js +20 -19
  86. package/components/Tabes/types.d.ts +1 -0
  87. package/components/Textarea.vue.d.ts +1 -0
  88. package/components/Textarea.vue.js +18 -16
  89. package/components/ThemeToggle.vue.js +24 -14
  90. package/components/Timeline.vue.js +68 -82
  91. package/components/ToastNotification.vue.js +2 -2
  92. package/components/Tooltip.vue.d.ts +4 -3
  93. package/components/Tooltip.vue.js +17 -15
  94. package/components/Workbook/Sheet.vue.js +80 -71
  95. package/components/Workbook/WorkbookAddButton.vue.js +14 -10
  96. package/components/Workbook/types.d.ts +1 -0
  97. package/core/config.d.ts +2 -0
  98. package/index.d.ts +1 -0
  99. package/index.js +28 -26
  100. package/package.json +1 -1
  101. package/style.css +1 -2
  102. package/types/button.d.ts +1 -0
  103. package/types/config.type.d.ts +10 -0
  104. package/types/form.type.d.ts +2 -0
  105. package/types/styles.d.ts +3 -0
  106. package/types/timeline.type.d.ts +2 -0
  107. package/utils/i18n.d.ts +8 -0
  108. package/utils/i18n.js +5 -0
  109. package/utils/index.d.ts +1 -0
@@ -1,10 +1,12 @@
1
- import { defineComponent as d, ref as u, openBlock as c, createElementBlock as f, renderSlot as m, createVNode as g, normalizeClass as v, unref as b, withCtx as C, createElementVNode as h, toDisplayString as k } from "vue";
1
+ import { defineComponent as c, ref as f, computed as g, openBlock as m, createElementBlock as b, renderSlot as v, createVNode as x, normalizeClass as T, unref as p, withCtx as C, createElementVNode as h, toDisplayString as k } from "vue";
2
2
  import { useTokenClient as w } from "vue3-google-signin";
3
- import z from "./Button.vue.js";
4
- const x = { class: "google-login-wrapper inline-block w-full" }, y = { class: "font-medium" }, T = /* @__PURE__ */ d({
3
+ import y from "./Button.vue.js";
4
+ import { $t as i } from "../utils/i18n.js";
5
+ const z = { class: "google-login-wrapper inline-block w-full" }, L = { class: "font-medium" }, G = /* @__PURE__ */ c({
5
6
  __name: "GoogleLogin",
6
7
  props: {
7
- buttonText: { default: "Sign in with Google" },
8
+ buttonText: {},
9
+ buttonTextI18n: {},
8
10
  btnClass: {},
9
11
  variant: { default: "outline" },
10
12
  size: { default: "md" },
@@ -12,42 +14,47 @@ const x = { class: "google-login-wrapper inline-block w-full" }, y = { class: "f
12
14
  disabled: { type: Boolean, default: !1 }
13
15
  },
14
16
  emits: ["success", "error"],
15
- setup(e, { emit: n }) {
16
- const s = e, a = n, l = u(!1), { login: i, isReady: r } = w({
17
- onSuccess: (o) => {
18
- l.value = !1, a("success", o);
17
+ setup(o, { emit: s }) {
18
+ const n = o, l = s, t = f(!1), { login: r, isReady: u } = w({
19
+ onSuccess: (e) => {
20
+ t.value = !1, l("success", e);
19
21
  },
20
- onError: (o) => {
21
- l.value = !1, a("error", o);
22
+ onError: (e) => {
23
+ t.value = !1, l("error", e);
22
24
  }
23
- }), t = () => {
24
- if (!(s.disabled || l.value)) {
25
- l.value = !0;
25
+ }), a = () => {
26
+ if (!(n.disabled || t.value)) {
27
+ t.value = !0;
26
28
  try {
27
- i();
28
- } catch (o) {
29
- l.value = !1, a("error", o);
29
+ r();
30
+ } catch (e) {
31
+ t.value = !1, l("error", e);
30
32
  }
31
33
  }
32
- };
33
- return (o, S) => (c(), f("div", x, [
34
- m(o.$slots, "default", {
35
- login: t,
36
- loading: l.value,
37
- disabled: e.disabled
34
+ }, d = g(() => {
35
+ if (n.buttonTextI18n) return i(n.buttonTextI18n);
36
+ if (n.buttonText) return n.buttonText;
37
+ const e = i("vlite.googleLogin.buttonText");
38
+ return e !== "vlite.googleLogin.buttonText" ? e : "Sign in with Google";
39
+ });
40
+ return (e, B) => (m(), b("div", z, [
41
+ v(e.$slots, "default", {
42
+ login: a,
43
+ loading: t.value,
44
+ disabled: o.disabled
38
45
  }, () => [
39
- g(z, {
40
- variant: e.variant,
41
- size: e.size,
42
- rounded: e.rounded,
43
- disabled: !b(r) || e.disabled || l.value,
44
- loading: l.value,
45
- class: v([e.btnClass, "w-full"]),
46
+ x(y, {
47
+ variant: o.variant,
48
+ size: o.size,
49
+ rounded: o.rounded,
50
+ disabled: !p(u) || o.disabled || t.value,
51
+ loading: t.value,
52
+ class: T([o.btnClass, "w-full"]),
46
53
  icon: "flat-color-icons:google",
47
- onClick: t
54
+ onClick: a
48
55
  }, {
49
56
  default: C(() => [
50
- h("span", y, k(e.buttonText), 1)
57
+ h("span", L, k(d.value), 1)
51
58
  ]),
52
59
  _: 1
53
60
  }, 8, ["variant", "size", "rounded", "disabled", "loading", "class"])
@@ -56,5 +63,5 @@ const x = { class: "google-login-wrapper inline-block w-full" }, y = { class: "f
56
63
  }
57
64
  });
58
65
  export {
59
- T as default
66
+ G as default
60
67
  };
@@ -1,6 +1,7 @@
1
1
  import { defineComponent as te, ref as p, computed as c, onMounted as ae, nextTick as U, onUnmounted as le, watch as oe, openBlock as d, createElementBlock as m, normalizeClass as z, createElementVNode as b, normalizeStyle as k, Fragment as E, renderList as W, createBlock as ne, withCtx as se, toDisplayString as j, createCommentVNode as I } from "vue";
2
2
  import ie from "../Tooltip.vue.js";
3
3
  import { debounce as re } from "../../utils/functions.js";
4
+ import "../../core/config.js";
4
5
  const ue = ["onClick", "onMouseenter"], ce = {
5
6
  key: 0,
6
7
  class: "heatmap-cell-label"
@@ -10,7 +11,7 @@ const ue = ["onClick", "onMouseenter"], ce = {
10
11
  }, ve = {
11
12
  key: 0,
12
13
  class: "heatmap-legend"
13
- }, me = { class: "heatmap-legend-colors" }, ge = ["title"], ye = /* @__PURE__ */ te({
14
+ }, me = { class: "heatmap-legend-colors" }, ge = ["title"], xe = /* @__PURE__ */ te({
14
15
  __name: "Heatmap",
15
16
  props: {
16
17
  data: {},
@@ -322,5 +323,5 @@ const ue = ["onClick", "onMouseenter"], ce = {
322
323
  }
323
324
  });
324
325
  export {
325
- ye as default
326
+ xe as default
326
327
  };
@@ -4,6 +4,8 @@ interface Props {
4
4
  btnProps?: ButtonProps;
5
5
  value?: string;
6
6
  position?: TooltTipPlacement;
7
+ placeholder?: string;
8
+ placeholderI18n?: string;
7
9
  }
8
10
  declare function __VLS_template(): {
9
11
  attrs: Partial<{}>;
@@ -1,23 +1,31 @@
1
- import { defineComponent as p, ref as f, openBlock as b, createBlock as g, unref as n, withCtx as a, renderSlot as l, createVNode as s, mergeProps as v } from "vue";
2
- import w from "./Dropdown/Dropdown.vue.js";
1
+ import { defineComponent as g, ref as v, computed as w, openBlock as k, createBlock as y, unref as a, withCtx as n, renderSlot as c, createVNode as s, mergeProps as P } from "vue";
2
+ import $ from "./Dropdown/Dropdown.vue.js";
3
3
  import "@iconify/vue";
4
- import y from "./Button.vue.js";
5
- import k from "iconify-icon-picker";
4
+ import { $t as d } from "../utils/i18n.js";
5
+ import C from "./Button.vue.js";
6
+ import I from "iconify-icon-picker";
6
7
  import "iconify-icon-picker/style.css";
7
- const O = /* @__PURE__ */ p({
8
+ const z = /* @__PURE__ */ g({
8
9
  __name: "IconPicker",
9
10
  props: {
10
11
  btnProps: {},
11
12
  value: { default: "tabler:icons-filled" },
12
- position: { default: "bottom" }
13
+ position: { default: "bottom" },
14
+ placeholder: {},
15
+ placeholderI18n: {}
13
16
  },
14
17
  emits: ["onSelect", "onTrigger", "onClose"],
15
- setup(r, { emit: c }) {
16
- const t = c, m = f(!1), i = () => {
18
+ setup(o, { emit: u }) {
19
+ const t = o, i = u, m = v(!1), l = () => {
17
20
  m.value = !1;
18
- }, d = (o, e) => {
19
- t("onSelect", o, e), i();
20
- }, u = [
21
+ }, h = (e, r) => {
22
+ i("onSelect", e, r), l();
23
+ }, p = w(() => {
24
+ if (t.placeholderI18n) return d(t.placeholderI18n);
25
+ if (t.placeholder) return t.placeholder;
26
+ const e = d("vlite.iconPicker.search");
27
+ return e !== "vlite.iconPicker.search" ? e : "Search 1000+ icons...";
28
+ }), f = [
21
29
  "ri:alert-line",
22
30
  "heroicons:arrow-right",
23
31
  "lucide:arrow-left",
@@ -87,38 +95,38 @@ const O = /* @__PURE__ */ p({
87
95
  "tabler:ruler-2",
88
96
  "material-symbols:download-rounded"
89
97
  ];
90
- return (o, e) => (b(), g(n(w), {
98
+ return (e, r) => (k(), y(a($), {
91
99
  className: "max-h-[392px]! min-w-[250px]",
92
- onOnClose: e[1] || (e[1] = (h) => t("onClose")),
93
- position: r.position
100
+ onOnClose: r[1] || (r[1] = (b) => i("onClose")),
101
+ position: o.position
94
102
  }, {
95
- trigger: a(() => [
96
- l(o.$slots, "default", {}, () => [
97
- s(y, v({
98
- icon: r.value,
103
+ trigger: n(() => [
104
+ c(e.$slots, "default", {}, () => [
105
+ s(C, P({
106
+ icon: o.value,
99
107
  rounded: "md",
100
108
  variant: "outline",
101
- ...r.btnProps || {}
109
+ ...o.btnProps || {}
102
110
  }, {
103
- onClick: e[0] || (e[0] = (h) => t("onTrigger"))
111
+ onClick: r[0] || (r[0] = (b) => i("onTrigger"))
104
112
  }), null, 16)
105
113
  ])
106
114
  ]),
107
- menu: a(() => [
108
- l(o.$slots, "menu-top", { close: i }),
109
- s(n(k), {
115
+ menu: n(() => [
116
+ c(e.$slots, "menu-top", { close: l }),
117
+ s(a(I), {
110
118
  id: "icon-picker",
111
- placeholder: "Search 1000+ icons...",
119
+ placeholder: p.value,
112
120
  "items-per-page": 35,
113
- value: r.value,
114
- onOnSelect: d,
115
- defaultIcons: u
116
- }, null, 8, ["value"])
121
+ value: o.value,
122
+ onOnSelect: h,
123
+ defaultIcons: f
124
+ }, null, 8, ["placeholder", "value"])
117
125
  ]),
118
126
  _: 3
119
127
  }, 8, ["position"]));
120
128
  }
121
129
  });
122
130
  export {
123
- O as default
131
+ z as default
124
132
  };
@@ -32,8 +32,8 @@ declare const __VLS_component: import('vue').DefineComponent<InputProps, {}, {},
32
32
  size: InputSize;
33
33
  variant: InputVariant;
34
34
  modelValue: string | number;
35
- loading: boolean;
36
35
  rounded: InputRounded;
36
+ loading: boolean;
37
37
  rows: number;
38
38
  showClearButton: boolean;
39
39
  autofocus: boolean;
@@ -1,14 +1,17 @@
1
- import { defineComponent as G, useSlots as J, ref as v, computed as r, onMounted as K, nextTick as A, openBlock as d, createElementBlock as u, normalizeClass as a, createBlock as C, withCtx as O, createTextVNode as k, toDisplayString as V, createCommentVNode as c, createElementVNode as B, renderSlot as F, createVNode as x } from "vue";
1
+ import { defineComponent as O, computed as d, useSlots as Q, ref as g, onMounted as X, nextTick as F, openBlock as r, createElementBlock as u, normalizeClass as a, createBlock as k, withCtx as Y, createTextVNode as V, toDisplayString as B, createCommentVNode as c, createElementVNode as j, renderSlot as M, createVNode as p } from "vue";
2
2
  import f from "./Icon.vue.js";
3
- import Q from "./Label.vue.js";
4
- import X from "./Textarea.vue.js";
5
- const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 z-20" }, le = /* @__PURE__ */ G({
3
+ import Z from "./Label.vue.js";
4
+ import _ from "./Textarea.vue.js";
5
+ import { $t as N } from "../utils/i18n.js";
6
+ const ee = ["type", "value", "placeholder", "disabled", "min", "max"], ne = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 z-20" }, ue = /* @__PURE__ */ O({
6
7
  __name: "Input",
7
8
  props: {
8
9
  modelValue: { default: "" },
9
10
  type: { default: "text" },
10
11
  label: {},
12
+ labelI18n: {},
11
13
  placeholder: {},
14
+ placeholderI18n: {},
12
15
  disabled: { type: Boolean, default: !1 },
13
16
  loading: { type: Boolean, default: !1 },
14
17
  error: {},
@@ -32,16 +35,16 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
32
35
  max: {}
33
36
  },
34
37
  emits: ["update:modelValue", "focus", "blur", "change", "click:icon", "click:icon-right"],
35
- setup(n, { emit: I }) {
36
- const e = n, s = I, m = J(), y = v(null), b = v(!1), M = r(() => e.type === "password" && b.value ? "text" : e.type), j = r(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), g = r(() => !!e.addonLeft || !!m["addon-left"]), p = r(() => !!e.addonRight || !!m["addon-right"]), N = r(() => [
38
+ setup(n, { emit: T }) {
39
+ const e = n, s = T, x = d(() => e.labelI18n ? N(e.labelI18n) : e.label), z = d(() => e.placeholderI18n ? N(e.placeholderI18n) : e.placeholder), m = Q(), y = g(null), b = g(!1), E = d(() => e.type === "password" && b.value ? "text" : e.type), R = d(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), v = d(() => !!e.addonLeft || !!m["addon-left"]), h = d(() => !!e.addonRight || !!m["addon-right"]), D = d(() => [
37
40
  "relative w-full",
38
41
  e.class,
39
42
  e.labelPosition === "left" ? "flex items-center gap-4" : "",
40
43
  e.labelPosition === "right" ? "flex flex-row-reverse items-center gap-4" : "space-y-2"
41
- ].join(" ")), T = r(() => ["relative flex w-full items-stretch", e.labelPosition !== "top" ? "flex-1" : ""].join(
44
+ ].join(" ")), H = d(() => ["relative flex w-full items-stretch", e.labelPosition !== "top" ? "flex-1" : ""].join(
42
45
  " "
43
- )), z = r(() => {
44
- const t = "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/50 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none relative focus:z-10", o = {
46
+ )), $ = d(() => {
47
+ const o = "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/50 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none relative focus:z-10", l = {
45
48
  solid: "bg-muted border-transparent focus-visible:border-primary",
46
49
  outline: "border border-input focus-visible:border-primary",
47
50
  "outline-b": "border-b border-input bg-transparent rounded-none focus-visible:border-primary",
@@ -51,7 +54,7 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
51
54
  md: "h-9 text-sm",
52
55
  lg: "h-10 text-base"
53
56
  };
54
- let l = {
57
+ let t = {
55
58
  none: "rounded-none",
56
59
  sm: "rounded-sm",
57
60
  md: "rounded-md",
@@ -60,41 +63,36 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
60
63
  "2xl": "rounded-2xl",
61
64
  full: "rounded-full"
62
65
  }[e.rounded];
63
- g.value && (e.rounded === "md" ? l = "rounded-r-md rounded-l-none" : e.rounded === "sm" ? l = "rounded-r-sm rounded-l-none" : e.rounded === "lg" ? l = "rounded-r-lg rounded-l-none" : e.rounded === "full" ? l = "rounded-r-full rounded-l-none" : e.rounded !== "none" && (l = l.replace("rounded-", "rounded-r-").replace("rounded-l-", ""))), p.value && (g.value ? l = "rounded-none" : e.rounded === "md" ? l = "rounded-l-md rounded-r-none" : e.rounded === "sm" ? l = "rounded-l-sm rounded-r-none" : e.rounded === "lg" ? l = "rounded-l-lg rounded-r-none" : e.rounded === "full" ? l = "rounded-l-full rounded-r-none" : e.rounded !== "none" && (l = l.replace("rounded-", "rounded-l-").replace("rounded-r-", ""))), e.variant === "outline-b" && (l = "rounded-none");
64
- const P = e.variant === "outline-b" || e.variant === "transparent";
66
+ v.value && (e.rounded === "md" ? t = "rounded-r-md rounded-l-none" : e.rounded === "sm" ? t = "rounded-r-sm rounded-l-none" : e.rounded === "lg" ? t = "rounded-r-lg rounded-l-none" : e.rounded === "full" ? t = "rounded-r-full rounded-l-none" : e.rounded !== "none" && (t = t.replace("rounded-", "rounded-r-").replace("rounded-l-", ""))), h.value && (v.value ? t = "rounded-none" : e.rounded === "md" ? t = "rounded-l-md rounded-r-none" : e.rounded === "sm" ? t = "rounded-l-sm rounded-r-none" : e.rounded === "lg" ? t = "rounded-l-lg rounded-r-none" : e.rounded === "full" ? t = "rounded-l-full rounded-r-none" : e.rounded !== "none" && (t = t.replace("rounded-", "rounded-l-").replace("rounded-r-", ""))), e.variant === "outline-b" && (t = "rounded-none");
67
+ const A = e.variant === "outline-b" || e.variant === "transparent";
65
68
  return [
66
- t,
67
- o[e.variant],
69
+ o,
70
+ l[e.variant],
68
71
  i[e.size],
69
- l,
72
+ t,
70
73
  e.error ? "border-destructive focus-visible:ring-destructive" : "",
71
- e.icon ? "pl-9" : P && !g.value ? "pl-0" : "",
72
- e.showClearButton && j.value || e.type === "password" || e.loading || e.iconRight ? "pr-9" : P && !p.value ? "pr-0" : "",
74
+ e.icon ? "pl-9" : A && !v.value ? "pl-0" : "",
75
+ e.showClearButton && R.value || e.type === "password" || e.loading || e.iconRight ? "pr-9" : A && !h.value ? "pr-0" : "",
73
76
  e.inputClass
74
77
  ].join(" ");
75
- }), R = {
78
+ }), I = {
76
79
  sm: "text-xs",
77
80
  md: "text-sm",
78
81
  lg: "text-base"
79
- }, $ = (t) => {
80
- const o = t === "left";
82
+ }, L = (o) => {
83
+ const l = o === "left";
81
84
  return [
82
- // Ensure height matches
83
85
  "[&_button]:w-full [&_a]:w-full! [&_.v-btn]:w-full! [&_.tooltip-trigger]:w-full",
84
- // Handle borders (Connect sides)
85
- o ? "[&_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",
86
- // Ensure focus ring appears on top
86
+ l ? "[&_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",
87
87
  "[&_button]:relative [&_button]:focus:z-20",
88
- // Merge borders (Negative margin to overlap single pixels)
89
- o ? "-mr-px" : "-ml-px",
88
+ l ? "-mr-px" : "-ml-px",
90
89
  "z-10"
91
- // Ensure addons sit visually above input border if needed
92
90
  ].join(" ");
93
- }, E = r(() => {
94
- const t = !!m["addon-left"];
91
+ }, U = d(() => {
92
+ const o = !!m["addon-left"];
95
93
  return [
96
94
  "flex items-center justify-center whitespace-nowrap",
97
- t ? `border-none ${$("left")}` : `bg-muted border border-input border-r-0! px-3 text-muted-foreground ${{
95
+ o ? `border-none ${L("left")}` : `bg-muted border border-input border-r-0! px-3 text-muted-foreground ${{
98
96
  sm: "rounded-l-sm",
99
97
  md: "rounded-l-md",
100
98
  lg: "rounded-l-lg",
@@ -103,15 +101,15 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
103
101
  xl: "rounded-l-xl",
104
102
  "2xl": "rounded-l-2xl"
105
103
  }[e.rounded] || "rounded-l-md"}`,
106
- t ? "" : R[e.size],
104
+ o ? "" : I[e.size],
107
105
  e.addonLeftClass,
108
106
  e.disabled ? "opacity-50 cursor-not-allowed" : ""
109
107
  ].join(" ");
110
- }), D = r(() => {
111
- const t = !!m["addon-right"];
108
+ }), W = d(() => {
109
+ const o = !!m["addon-right"];
112
110
  return [
113
111
  "flex items-center justify-center whitespace-nowrap",
114
- t ? `border-none ${$("right")}` : `bg-muted border border-input border-l-0! px-3 text-muted-foreground ${{
112
+ o ? `border-none ${L("right")}` : `bg-muted border border-input border-l-0! px-3 text-muted-foreground ${{
115
113
  sm: "rounded-r-sm",
116
114
  md: "rounded-r-md",
117
115
  lg: "rounded-r-lg",
@@ -120,87 +118,87 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
120
118
  xl: "rounded-r-xl",
121
119
  "2xl": "rounded-r-2xl"
122
120
  }[e.rounded] || "rounded-r-md"}`,
123
- t ? "" : R[e.size],
121
+ o ? "" : I[e.size],
124
122
  e.addonRightClass,
125
123
  e.disabled ? "opacity-50 cursor-not-allowed" : ""
126
124
  ].join(" ");
127
- }), H = (t) => {
128
- const o = t.target;
129
- s("update:modelValue", o.value);
130
- }, U = (t) => {
131
- const o = t.target;
132
- s("change", o.value);
133
- }, W = () => {
125
+ }), q = (o) => {
126
+ const l = o.target;
127
+ s("update:modelValue", l.value);
128
+ }, G = (o) => {
129
+ const l = o.target;
130
+ s("change", l.value);
131
+ }, J = () => {
134
132
  b.value = !b.value;
135
- }, q = () => {
136
- s("update:modelValue", ""), A(() => {
133
+ }, K = () => {
134
+ s("update:modelValue", ""), F(() => {
137
135
  y.value?.focus();
138
136
  });
139
- }, h = v(!1), w = v(!1), S = (t) => {
140
- h.value = !0, s("focus", t);
141
- }, L = (t) => {
142
- h.value = !1, s("blur", t);
137
+ }, w = g(!1), C = g(!1), P = (o) => {
138
+ w.value = !0, s("focus", o);
139
+ }, S = (o) => {
140
+ w.value = !1, s("blur", o);
143
141
  };
144
- return K(() => {
145
- e.autofocus && A(() => {
142
+ return X(() => {
143
+ e.autofocus && F(() => {
146
144
  y.value?.focus();
147
145
  });
148
- }), (t, o) => (d(), u("div", {
149
- class: a(N.value)
146
+ }), (o, l) => (r(), u("div", {
147
+ class: a(D.value)
150
148
  }, [
151
- n.label ? (d(), C(Q, {
149
+ x.value ? (r(), k(Z, {
152
150
  key: 0,
153
- for: n.label,
151
+ for: x.value,
154
152
  class: a(["mb-1.5", n.labelPosition !== "top" ? "mb-0" : ""].join(" "))
155
153
  }, {
156
- default: O(() => [
157
- k(V(n.label), 1)
154
+ default: Y(() => [
155
+ V(B(x.value), 1)
158
156
  ]),
159
157
  _: 1
160
158
  }, 8, ["for", "class"])) : c("", !0),
161
- B("div", {
162
- class: a(T.value)
159
+ j("div", {
160
+ class: a(H.value)
163
161
  }, [
164
- g.value ? (d(), u("div", {
162
+ v.value ? (r(), u("div", {
165
163
  key: 0,
166
- class: a(E.value)
164
+ class: a(U.value)
167
165
  }, [
168
- F(t.$slots, "addon-left", {}, () => [
169
- k(V(n.addonLeft), 1)
166
+ M(o.$slots, "addon-left", {}, () => [
167
+ V(B(n.addonLeft), 1)
170
168
  ])
171
169
  ], 2)) : c("", !0),
172
- B("div", {
170
+ j("div", {
173
171
  class: "relative w-full",
174
- onMouseenter: o[2] || (o[2] = (i) => w.value = !0),
175
- onMouseleave: o[3] || (o[3] = (i) => w.value = !1)
172
+ onMouseenter: l[2] || (l[2] = (i) => C.value = !0),
173
+ onMouseleave: l[3] || (l[3] = (i) => C.value = !1)
176
174
  }, [
177
- n.type === "textarea" ? (d(), C(X, {
175
+ n.type === "textarea" ? (r(), k(_, {
178
176
  key: 0,
179
177
  "model-value": String(n.modelValue),
180
- placeholder: n.placeholder,
178
+ placeholder: z.value,
181
179
  disabled: n.disabled,
182
180
  rows: n.rows,
183
- class: a(z.value),
184
- "onUpdate:modelValue": o[0] || (o[0] = (i) => s("update:modelValue", i)),
185
- onBlur: L,
186
- onFocus: S
187
- }, null, 8, ["model-value", "placeholder", "disabled", "rows", "class"])) : (d(), u("input", {
181
+ class: a($.value),
182
+ "onUpdate:modelValue": l[0] || (l[0] = (i) => s("update:modelValue", i)),
183
+ onBlur: S,
184
+ onFocus: P
185
+ }, null, 8, ["model-value", "placeholder", "disabled", "rows", "class"])) : (r(), u("input", {
188
186
  key: 1,
189
187
  ref_key: "inputRef",
190
188
  ref: y,
191
- type: M.value,
189
+ type: E.value,
192
190
  value: n.modelValue,
193
- placeholder: n.placeholder,
191
+ placeholder: z.value,
194
192
  disabled: n.disabled,
195
193
  min: n.min,
196
194
  max: n.max,
197
- class: a(z.value),
198
- onInput: H,
199
- onChange: U,
200
- onBlur: L,
201
- onFocus: S
202
- }, null, 42, Y)),
203
- n.icon ? (d(), u("div", {
195
+ class: a($.value),
196
+ onInput: q,
197
+ onChange: G,
198
+ onBlur: S,
199
+ onFocus: P
200
+ }, null, 42, ee)),
201
+ n.icon ? (r(), u("div", {
204
202
  key: 2,
205
203
  tabindex: "-1",
206
204
  class: a([
@@ -208,62 +206,62 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
208
206
  n.disabled ? "opacity-50" : ""
209
207
  ])
210
208
  }, [
211
- x(f, {
209
+ p(f, {
212
210
  icon: n.icon,
213
211
  class: "h-4 w-4"
214
212
  }, null, 8, ["icon"])
215
213
  ], 2)) : c("", !0),
216
- B("div", Z, [
217
- n.loading ? (d(), C(f, {
214
+ j("div", ne, [
215
+ n.loading ? (r(), k(f, {
218
216
  key: 0,
219
217
  icon: "lucide:loader-2",
220
218
  class: "h-4 w-4 animate-spin text-muted-foreground"
221
- })) : n.iconRight ? (d(), u("div", {
219
+ })) : n.iconRight ? (r(), u("div", {
222
220
  key: 1,
223
221
  tabindex: "-1",
224
222
  class: a([
225
223
  "flex items-center justify-center text-muted-foreground",
226
224
  n.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:text-foreground"
227
225
  ]),
228
- onClick: o[1] || (o[1] = (i) => !n.disabled && s("click:icon-right", i))
226
+ onClick: l[1] || (l[1] = (i) => !n.disabled && s("click:icon-right", i))
229
227
  }, [
230
- x(f, {
228
+ p(f, {
231
229
  icon: n.iconRight,
232
230
  class: "h-4 w-4"
233
231
  }, null, 8, ["icon"])
234
232
  ], 2)) : c("", !0),
235
- n.type === "password" && !n.disabled ? (d(), u("button", {
233
+ n.type === "password" && !n.disabled ? (r(), u("button", {
236
234
  key: 2,
237
235
  type: "button",
238
236
  tabindex: "-1",
239
237
  class: "flex items-center justify-center text-muted-foreground hover:text-foreground focus:outline-none",
240
- onClick: W
238
+ onClick: J
241
239
  }, [
242
- x(f, {
240
+ p(f, {
243
241
  icon: b.value ? "lucide:eye-off" : "lucide:eye",
244
242
  class: "h-4 w-4"
245
243
  }, null, 8, ["icon"])
246
244
  ])) : c("", !0),
247
- n.showClearButton && j.value && !n.disabled && !n.loading && n.type !== "textarea" && n.type !== "password" && (h.value || w.value) ? (d(), u("button", {
245
+ n.showClearButton && R.value && !n.disabled && !n.loading && n.type !== "textarea" && n.type !== "password" && (w.value || C.value) ? (r(), u("button", {
248
246
  key: 3,
249
247
  type: "button",
250
248
  tabindex: "-1",
251
249
  class: "flex items-center justify-center text-muted-foreground hover:text-foreground focus:outline-none transition-opacity duration-200",
252
- onClick: q
250
+ onClick: K
253
251
  }, [
254
- x(f, {
252
+ p(f, {
255
253
  icon: "lucide:x-circle",
256
254
  class: "h-4 w-4"
257
255
  })
258
256
  ])) : c("", !0)
259
257
  ])
260
258
  ], 32),
261
- p.value ? (d(), u("div", {
259
+ h.value ? (r(), u("div", {
262
260
  key: 1,
263
- class: a(D.value)
261
+ class: a(W.value)
264
262
  }, [
265
- F(t.$slots, "addon-right", {}, () => [
266
- k(V(n.addonRight), 1)
263
+ M(o.$slots, "addon-right", {}, () => [
264
+ V(B(n.addonRight), 1)
267
265
  ])
268
266
  ], 2)) : c("", !0)
269
267
  ], 2)
@@ -271,5 +269,5 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
271
269
  }
272
270
  });
273
271
  export {
274
- le as default
272
+ ue as default
275
273
  };
@@ -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-9ac38977"]]);
4
+ const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-3849c10a"]]);
5
5
  export {
6
6
  p as default
7
7
  };