adverich-kun-ui 0.1.428 → 0.1.431
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.
- package/dist/adverich-kun-ui.css +1 -1
- package/dist/components/KunAppbar/src/components/KunAppbar.vue.js +24 -24
- package/dist/components/KunAutocomplete/src/composables/KunAutocompleteProps.js +3 -3
- package/dist/components/KunBtn/src/components/KunBtn.vue.js +7 -10
- package/dist/components/KunCard/src/components/KunCard.vue.js +7 -7
- package/dist/components/KunChip/src/composables/kunChipProps.js +1 -4
- package/dist/components/KunDialog/src/components/KunDialog.vue.js +16 -16
- package/dist/components/KunDrawer/src/components/KunDrawer.vue.js +7 -7
- package/dist/components/KunFileInput/src/components/KunFileInput.vue.js +9 -9
- package/dist/components/KunListImg/src/components/KunListImg.vue.js +7 -7
- package/dist/components/KunListItem/src/components/KunListItem.vue.js +42 -42
- package/dist/components/KunListItemAvatar/src/components/KunListItemAvatar.vue.js +9 -9
- package/dist/components/KunMenu/src/composables/kunMenuProps.js +1 -1
- package/dist/components/KunNumberField/src/composables/KunNumberFieldProps.js +1 -1
- package/dist/components/KunRelationMatrix/src/components/KunRelationMatrix.vue.js +7 -7
- package/dist/components/KunSlider/src/components/KunSlider.vue.js +2 -2
- package/dist/components/KunSwitch/src/components/KunSwitch.vue.js +8 -8
- package/dist/components/KunTable/src/components/KunTable.vue.js +12 -12
- package/dist/components/KunTable/src/components/KunTableFooter.vue.js +18 -18
- package/dist/components/KunTable/src/components/KunTableHeaders.vue.js +24 -24
- package/dist/components/KunTable/src/components/KunTableIterator.vue.js +10 -10
- package/dist/components/KunTable/src/components/KunTableRow.vue.js +8 -8
- package/dist/components/KunTextField/src/composables/KunTextFieldProps.js +1 -1
- package/dist/components/KunTextarea/src/components/KunTextarea.vue.js +13 -13
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { computed as
|
|
1
|
+
import { computed as c, createElementBlock as i, openBlock as l, createElementVNode as a, toDisplayString as r, Fragment as x, renderList as h } from "vue";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import v from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const f = { class: "flex items-center justify-between p-2 text-sm border-t border-slate-300 dark:border-slate-700 bg-surface-dark" }, k = { class: "text-balck dark:text-white" }, _ = { class: "flex items-center gap-2" }, y = ["value"], L = ["value"], N = ["disabled"], w = { class: "text-slate-700 dark:text-slate-300" }, C = ["disabled"], E = {
|
|
5
5
|
__name: "KunTableFooter",
|
|
6
6
|
props: {
|
|
7
7
|
itemsLength: Number,
|
|
@@ -13,44 +13,44 @@ const k = { class: "flex items-center justify-between p-2 text-sm border-t borde
|
|
|
13
13
|
}
|
|
14
14
|
},
|
|
15
15
|
emits: ["update:page", "update:itemsPerPage"],
|
|
16
|
-
setup(t, { emit:
|
|
17
|
-
const e = t, n =
|
|
18
|
-
const
|
|
19
|
-
return
|
|
16
|
+
setup(t, { emit: g }) {
|
|
17
|
+
const e = t, n = g, o = c(() => Math.ceil(e.itemsLength / e.itemsPerPage)), m = c(() => e.itemsLength === 0 ? 0 : (e.currentPage - 1) * e.itemsPerPage + 1), b = c(() => {
|
|
18
|
+
const d = e.currentPage * e.itemsPerPage;
|
|
19
|
+
return d > e.itemsLength ? e.itemsLength : d;
|
|
20
20
|
}), p = () => {
|
|
21
21
|
e.currentPage > 1 && n("update:page", e.currentPage - 1);
|
|
22
22
|
}, P = () => {
|
|
23
|
-
e.currentPage <
|
|
23
|
+
e.currentPage < o.value && n("update:page", e.currentPage + 1);
|
|
24
24
|
};
|
|
25
|
-
return (
|
|
26
|
-
a("div",
|
|
25
|
+
return (d, u) => (l(), i("div", f, [
|
|
26
|
+
a("div", k, " Mostrando " + r(m.value) + " - " + r(b.value) + " de " + r(t.itemsLength), 1),
|
|
27
27
|
a("div", _, [
|
|
28
28
|
a("select", {
|
|
29
29
|
class: "border rounded px-2 py-1 text-sm text-slate-700 dark:text-slate-300",
|
|
30
30
|
value: t.itemsPerPage,
|
|
31
|
-
onChange:
|
|
31
|
+
onChange: u[0] || (u[0] = (s) => n("update:itemsPerPage", +s.target.value))
|
|
32
32
|
}, [
|
|
33
|
-
(
|
|
34
|
-
class: "bg-
|
|
33
|
+
(l(!0), i(x, null, h(t.pageOptions, (s) => (l(), i("option", {
|
|
34
|
+
class: "bg-surface",
|
|
35
35
|
key: s,
|
|
36
36
|
value: s
|
|
37
37
|
}, r(s) + " por página ", 9, L))), 128))
|
|
38
|
-
], 40,
|
|
38
|
+
], 40, y),
|
|
39
39
|
a("button", {
|
|
40
|
-
class: "px-2 py-1 border rounded text-slate-700 dark:text-slate-300 hover:bg-
|
|
40
|
+
class: "px-2 py-1 border rounded text-slate-700 dark:text-slate-300 hover:bg-button-hover disabled:opacity-50",
|
|
41
41
|
disabled: t.currentPage <= 1,
|
|
42
42
|
onClick: p
|
|
43
43
|
}, " ← ", 8, N),
|
|
44
|
-
a("span", w, " Página " + r(t.currentPage) + " de " + r(
|
|
44
|
+
a("span", w, " Página " + r(t.currentPage) + " de " + r(o.value), 1),
|
|
45
45
|
a("button", {
|
|
46
|
-
class: "px-2 py-1 border rounded text-slate-700 dark:text-slate-300 hover:bg-
|
|
47
|
-
disabled: t.currentPage >=
|
|
46
|
+
class: "px-2 py-1 border rounded text-slate-700 dark:text-slate-300 hover:bg-button-hover disabled:opacity-50",
|
|
47
|
+
disabled: t.currentPage >= o.value,
|
|
48
48
|
onClick: P
|
|
49
49
|
}, " → ", 8, C)
|
|
50
50
|
])
|
|
51
51
|
]));
|
|
52
52
|
}
|
|
53
|
-
}, M = /* @__PURE__ */ v(E, [["__scopeId", "data-v-
|
|
53
|
+
}, M = /* @__PURE__ */ v(E, [["__scopeId", "data-v-b8e1cc8f"]]);
|
|
54
54
|
export {
|
|
55
55
|
M as default
|
|
56
56
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ref as $, onMounted as E, watch as f, createElementBlock as
|
|
1
|
+
import { ref as $, onMounted as E, watch as f, createElementBlock as a, openBlock as o, normalizeClass as r, createElementVNode as g, createCommentVNode as u, renderSlot as k, createVNode as T, Fragment as D, renderList as H, normalizeStyle as O, createBlock as x, resolveDynamicComponent as S, toDisplayString as h } from "vue";
|
|
2
2
|
import V from "../../../../icons/IconArrowUp.vue.js";
|
|
3
3
|
import j from "../../../../icons/IconArrowDown.vue.js";
|
|
4
4
|
import z from "../../../../icons/IconArrowDownUp.vue.js";
|
|
@@ -6,7 +6,7 @@ import I from "../../../KunCheckbox/src/components/KunCheckbox.vue.js";
|
|
|
6
6
|
const L = { key: 0 }, N = { key: 1 }, U = ["onClick"], F = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "inline-flex items-center gap-1 ml-1 print:hidden"
|
|
9
|
-
}, K = "bg-
|
|
9
|
+
}, K = "bg-surface sticky top-0 z-5", M = "", R = "px-3 py-2 text-xs font-medium text-slate-700 dark:text-slate-300 uppercase tracking-wider", X = {
|
|
10
10
|
__name: "KunTableHeaders",
|
|
11
11
|
props: {
|
|
12
12
|
headers: Array,
|
|
@@ -31,42 +31,42 @@ const L = { key: 0 }, N = { key: 1 }, U = ["onClick"], F = {
|
|
|
31
31
|
}
|
|
32
32
|
function C(s) {
|
|
33
33
|
if (!s.sortable) return;
|
|
34
|
-
let
|
|
35
|
-
Array.isArray(l.sortBy) ?
|
|
36
|
-
const e = (
|
|
34
|
+
let n = null;
|
|
35
|
+
Array.isArray(l.sortBy) ? n = l.sortBy.find((d) => d.key === s.value) : typeof l.sortBy == "string" && (n = l.sortBy === s.value ? { key: s.value, order: "asc" } : null);
|
|
36
|
+
const e = (n == null ? void 0 : n.order) === "asc" ? "desc" : "asc";
|
|
37
37
|
c("sort", { key: s.value, order: e });
|
|
38
38
|
}
|
|
39
39
|
function v(s) {
|
|
40
|
-
var
|
|
40
|
+
var n;
|
|
41
41
|
if (Array.isArray(l.sortBy))
|
|
42
|
-
return (
|
|
42
|
+
return (n = l.sortBy.find((e) => e.key === s.value)) == null ? void 0 : n.order;
|
|
43
43
|
if (typeof l.sortBy == "string" && l.sortBy === s.value)
|
|
44
44
|
return "asc";
|
|
45
45
|
}
|
|
46
|
-
const
|
|
47
|
-
const
|
|
48
|
-
return
|
|
49
|
-
},
|
|
46
|
+
const w = (s) => {
|
|
47
|
+
const n = v(s);
|
|
48
|
+
return n ? n === "asc" ? V : j : z;
|
|
49
|
+
}, b = [K, l.theadClass], A = [M, l.trClass], i = [R, l.thClass], y = $(null), m = () => {
|
|
50
50
|
y.value && (y.value.indeterminate = l.someSelected && !l.allSelected);
|
|
51
51
|
};
|
|
52
|
-
return E(m), f(() => l.someSelected, m), f(() => l.allSelected, m), (s,
|
|
53
|
-
class: r(
|
|
52
|
+
return E(m), f(() => l.someSelected, m), f(() => l.allSelected, m), (s, n) => (o(), a("thead", {
|
|
53
|
+
class: r(b)
|
|
54
54
|
}, [
|
|
55
55
|
g("tr", {
|
|
56
56
|
class: r(A)
|
|
57
57
|
}, [
|
|
58
|
-
t.showExpand ? (
|
|
58
|
+
t.showExpand ? (o(), a("th", {
|
|
59
59
|
key: 0,
|
|
60
60
|
class: r([i])
|
|
61
61
|
}, [
|
|
62
|
-
s.$slots.expandIcon ? k(s.$slots, "expand-icon", { key: 0 }) : (
|
|
62
|
+
s.$slots.expandIcon ? k(s.$slots, "expand-icon", { key: 0 }) : (o(), a("button", {
|
|
63
63
|
key: 1,
|
|
64
|
-
onClick:
|
|
64
|
+
onClick: n[0] || (n[0] = (e) => t.isExpanded ? c("expandAll") : c("collapseAll"))
|
|
65
65
|
}, [
|
|
66
|
-
t.isExpanded ? (
|
|
66
|
+
t.isExpanded ? (o(), a("span", L, "−")) : (o(), a("span", N, "+"))
|
|
67
67
|
]))
|
|
68
68
|
], 2)) : u("", !0),
|
|
69
|
-
t.showSelect ? (
|
|
69
|
+
t.showSelect ? (o(), a("th", {
|
|
70
70
|
key: 1,
|
|
71
71
|
class: r([i, "h-full w-10 flex flex-col items-center justify-center"])
|
|
72
72
|
}, [
|
|
@@ -81,15 +81,15 @@ const L = { key: 0 }, N = { key: 1 }, U = ["onClick"], F = {
|
|
|
81
81
|
"hide-details": ""
|
|
82
82
|
}, null, 8, ["model-value", "indeterminate", "color"])
|
|
83
83
|
])) : u("", !0),
|
|
84
|
-
(
|
|
84
|
+
(o(!0), a(D, null, H(t.headers, (e) => {
|
|
85
85
|
var d;
|
|
86
|
-
return
|
|
86
|
+
return o(), a("th", {
|
|
87
87
|
key: e.key,
|
|
88
88
|
class: r([i, e.headerAlign === "right" ? "text-right" : e.headerAlign === "left" ? "text-left" : "text-center"]),
|
|
89
89
|
onClick: (q) => C(e),
|
|
90
90
|
style: O({ cursor: e.sortable ? "pointer" : "default" })
|
|
91
91
|
}, [
|
|
92
|
-
(d = t.customHeaders) != null && d[`header.${e.value}`] ? (
|
|
92
|
+
(d = t.customHeaders) != null && d[`header.${e.value}`] ? (o(), x(S(t.customHeaders[`header.${e.value}`]), {
|
|
93
93
|
key: 0,
|
|
94
94
|
header: e
|
|
95
95
|
}, null, 8, ["header"])) : k(s.$slots, `header.${e.key}`, {
|
|
@@ -97,13 +97,13 @@ const L = { key: 0 }, N = { key: 1 }, U = ["onClick"], F = {
|
|
|
97
97
|
header: e
|
|
98
98
|
}, () => [
|
|
99
99
|
g("span", null, h(e.label ?? e.text), 1),
|
|
100
|
-
e.sortable ? (
|
|
101
|
-
(
|
|
100
|
+
e.sortable ? (o(), a("span", F, [
|
|
101
|
+
(o(), x(S(w(e)), { class: "w-4 h-4 text-gray-500" }))
|
|
102
102
|
])) : u("", !0)
|
|
103
103
|
])
|
|
104
104
|
], 14, U);
|
|
105
105
|
}), 128)),
|
|
106
|
-
t.hasActions ? (
|
|
106
|
+
t.hasActions ? (o(), a("th", {
|
|
107
107
|
key: 2,
|
|
108
108
|
class: r([[i], "text-center print:hidden"])
|
|
109
109
|
}, h(t.actionLabel), 3)) : u("", !0)
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { computed as m, createElementBlock as o, openBlock as i, normalizeClass as
|
|
1
|
+
import { computed as m, createElementBlock as o, openBlock as i, normalizeClass as g, createElementVNode as l, createCommentVNode as r, renderSlot as u, withModifiers as v, Fragment as h, renderList as B, toDisplayString as C, createBlock as $, resolveDynamicComponent as j, unref as d, createTextVNode as E } from "vue";
|
|
2
2
|
import { getValue as x, formatValue as V } from "../../../../utils/tableFormatters.js";
|
|
3
3
|
const A = { class: "flex items-center justify-between gap-2 mb-2 print:hidden" }, N = { key: 0 }, O = { key: 0 }, T = { key: 1 }, D = { key: 1 }, F = ["checked"], R = { class: "flex flex-col gap-2" }, z = { class: "font-semibold text-slate-600 dark:text-slate-300" }, I = {
|
|
4
4
|
key: 0,
|
|
5
5
|
class: "flex justify-between items-start mt-4 text-sm"
|
|
6
|
-
}, K = { class: "text-right" }, L = "p-4 shadow-sm", M = "bg-
|
|
6
|
+
}, K = { class: "text-right" }, L = "p-4 shadow-sm", M = "bg-surface-dark", H = {
|
|
7
7
|
__name: "KunTableIterator",
|
|
8
8
|
props: {
|
|
9
9
|
item: Object,
|
|
@@ -22,13 +22,13 @@ const A = { class: "flex items-center justify-between gap-2 mb-2 print:hidden" }
|
|
|
22
22
|
customSlots: Object
|
|
23
23
|
},
|
|
24
24
|
emits: ["toggle-expand", "toggle-select", "row-click"],
|
|
25
|
-
setup(e, { emit:
|
|
26
|
-
const n = e, c =
|
|
27
|
-
function
|
|
25
|
+
setup(e, { emit: k }) {
|
|
26
|
+
const n = e, c = k;
|
|
27
|
+
function b(a, s) {
|
|
28
28
|
const t = typeof n.rowClassCondition == "function" ? n.rowClassCondition({ item: a, index: s }) : n.rowClassCondition;
|
|
29
29
|
return (t == null ? void 0 : t.trim()) || "";
|
|
30
30
|
}
|
|
31
|
-
const w = m(() => n.rowClass || M), y = m(() =>
|
|
31
|
+
const w = m(() => n.rowClass || M), y = m(() => b(n.item, n.index)), S = m(() => [
|
|
32
32
|
L,
|
|
33
33
|
y.value || w.value,
|
|
34
34
|
n.isSelected ? n.selectedClass : "",
|
|
@@ -37,7 +37,7 @@ const A = { class: "flex items-center justify-between gap-2 mb-2 print:hidden" }
|
|
|
37
37
|
]);
|
|
38
38
|
return (a, s) => (i(), o("div", {
|
|
39
39
|
onClick: s[2] || (s[2] = (t) => c("row-click", { item: e.item, index: e.index, event: t })),
|
|
40
|
-
class:
|
|
40
|
+
class: g(S.value)
|
|
41
41
|
}, [
|
|
42
42
|
l("div", A, [
|
|
43
43
|
e.showExpand ? (i(), o("div", N, [
|
|
@@ -64,20 +64,20 @@ const A = { class: "flex items-center justify-between gap-2 mb-2 print:hidden" }
|
|
|
64
64
|
]),
|
|
65
65
|
l("div", R, [
|
|
66
66
|
(i(!0), o(h, null, B(e.headers, (t) => {
|
|
67
|
-
var
|
|
67
|
+
var f;
|
|
68
68
|
return i(), o("div", {
|
|
69
69
|
key: t.value,
|
|
70
70
|
class: "flex justify-between text-sm"
|
|
71
71
|
}, [
|
|
72
72
|
l("div", z, C(t.label ?? t.text), 1),
|
|
73
73
|
l("div", {
|
|
74
|
-
class:
|
|
74
|
+
class: g(["text-right text-slate-800 dark:text-slate-100", {
|
|
75
75
|
"text-right": t.align === "right",
|
|
76
76
|
"text-center": t.align === "center",
|
|
77
77
|
"text-left": t.align === "left" || !t.align
|
|
78
78
|
}])
|
|
79
79
|
}, [
|
|
80
|
-
(
|
|
80
|
+
(f = e.customSlots) != null && f[`item.${t.value}`] ? (i(), $(j(e.customSlots[`item.${t.value}`]), {
|
|
81
81
|
key: 0,
|
|
82
82
|
item: e.item,
|
|
83
83
|
value: d(x)(t, e.item),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { computed as o, createElementBlock as s, openBlock as n, normalizeClass as d, createCommentVNode as u, renderSlot as g, createVNode as y, Fragment as $, renderList as B, createBlock as h, resolveDynamicComponent as T, unref as r, createTextVNode as V, toDisplayString as A } from "vue";
|
|
2
2
|
import E from "../../../KunCheckbox/src/components/KunCheckbox.vue.js";
|
|
3
3
|
import { getValue as x, formatValue as j } from "../../../../utils/tableFormatters.js";
|
|
4
|
-
const N = { key: 0 }, O = { key: 1 }, R = "px-1 py-2 whitespace-normal word-break text-sm text-black dark:text-white", D = "hover:bg-
|
|
4
|
+
const N = { key: 0 }, O = { key: 1 }, R = "px-1 py-2 whitespace-normal word-break text-sm text-black dark:text-white", D = "hover:bg-surface-light border-t border-slate-300 dark:border-slate-700", F = "bg-surface-dark", L = {
|
|
5
5
|
__name: "KunTableRow",
|
|
6
6
|
props: {
|
|
7
7
|
item: Object,
|
|
@@ -23,20 +23,20 @@ const N = { key: 0 }, O = { key: 1 }, R = "px-1 py-2 whitespace-normal word-brea
|
|
|
23
23
|
customSlots: Object
|
|
24
24
|
},
|
|
25
25
|
emits: ["toggle-expand", "toggle-select", "row-click"],
|
|
26
|
-
setup(e, { emit:
|
|
27
|
-
const l = e, c =
|
|
28
|
-
function
|
|
26
|
+
setup(e, { emit: f }) {
|
|
27
|
+
const l = e, c = f, m = o(() => l.tdClass || R);
|
|
28
|
+
function v(a, i) {
|
|
29
29
|
const t = typeof l.rowClassCondition == "function" ? l.rowClassCondition({ item: a, index: i }) : l.rowClassCondition;
|
|
30
30
|
return (t == null ? void 0 : t.trim()) || "";
|
|
31
31
|
}
|
|
32
|
-
const
|
|
33
|
-
|
|
32
|
+
const k = o(() => l.rowClass || D), w = o(() => l.trClass || F), S = o(() => v(l.item, l.index)), b = o(() => [
|
|
33
|
+
k.value,
|
|
34
34
|
l.stripedClass,
|
|
35
35
|
l.isSelected ? l.selectedClass : "",
|
|
36
|
-
|
|
36
|
+
S.value || w.value
|
|
37
37
|
]);
|
|
38
38
|
return (a, i) => (n(), s("tr", {
|
|
39
|
-
class: d(
|
|
39
|
+
class: d(b.value),
|
|
40
40
|
onClick: i[2] || (i[2] = (t) => c("row-click", { item: e.item, index: e.index, event: t }))
|
|
41
41
|
}, [
|
|
42
42
|
e.showExpand ? (n(), s("td", {
|
|
@@ -17,7 +17,7 @@ const e = {
|
|
|
17
17
|
textColor: { type: String, default: "text-black dark:text-white" },
|
|
18
18
|
labelColor: { type: String, default: "text-black/80 dark:text-white/80" },
|
|
19
19
|
placeholderColor: { type: String, default: "placeholder-black/60 dark:placeholder-white/60" },
|
|
20
|
-
bgInput: { type: String, default: "bg-
|
|
20
|
+
bgInput: { type: String, default: "bg-field-background" },
|
|
21
21
|
textCenter: { type: Boolean, default: !1 },
|
|
22
22
|
density: { type: String, default: "default" },
|
|
23
23
|
// Estado
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useAttrs as oe, ref as te, getCurrentInstance as ne, computed as a, createElementBlock as l, openBlock as t, mergeProps as M, renderSlot as d, createElementVNode as i, createCommentVNode as u, normalizeClass as b, toDisplayString as g, normalizeProps as z, guardReactiveProps as B, unref as n, createBlock as
|
|
1
|
+
import { useAttrs as oe, ref as te, getCurrentInstance as ne, computed as a, createElementBlock as l, openBlock as t, mergeProps as M, renderSlot as d, createElementVNode as i, createCommentVNode as u, normalizeClass as b, toDisplayString as g, normalizeProps as z, guardReactiveProps as B, unref as n, createBlock as m, resolveDynamicComponent as y, Fragment as re, renderList as se, withDirectives as le, vShow as ae, createTextVNode as de } from "vue";
|
|
2
2
|
import { kunTextareaProps as ie } from "../composables/KunTextareaProps.js";
|
|
3
3
|
import ue from "../composables/useKunTextareaComposable.js";
|
|
4
4
|
import { renderIconSlot as h } from "../../../../utils/renderIcon.js";
|
|
@@ -12,13 +12,13 @@ const ce = { class: "relative" }, ve = {
|
|
|
12
12
|
}, be = ["value", "rows", "disabled", "readonly", "placeholder"], ge = {
|
|
13
13
|
key: 3,
|
|
14
14
|
class: "absolute right-2 top-2 mr-1"
|
|
15
|
-
},
|
|
15
|
+
}, me = {
|
|
16
16
|
key: 4,
|
|
17
17
|
class: "absolute right-2 top-2 flex items-center"
|
|
18
|
-
},
|
|
18
|
+
}, ye = {
|
|
19
19
|
key: 5,
|
|
20
20
|
class: "mt-1"
|
|
21
|
-
}, he = { class: "h-1 w-full bg-
|
|
21
|
+
}, he = { class: "h-1 w-full bg-field-background rounded overflow-hidden" }, ke = {
|
|
22
22
|
key: 7,
|
|
23
23
|
class: "text-xs text-right mt-1 text-gray-400"
|
|
24
24
|
}, Ce = { key: 0 }, Re = {
|
|
@@ -48,7 +48,7 @@ const ce = { class: "relative" }, ve = {
|
|
|
48
48
|
}, V = a(() => c.value || !!v.value || o.dirty), w = a(() => typeof v.value == "string" ? v.value.length : 0), I = a(() => o.counter === !0 ? 25 : o.counter || null), q = a(() => o.persistentCounter || o.counter && c.value), J = a(() => ["relative w-full flex flex-col", o.class, o.wrapperClass]), O = a(
|
|
49
49
|
() => o.persistentClear ? "opacity-100" : "hover:opacity-100 opacity-0 transition-opacity duration-200"
|
|
50
50
|
), Q = a(() => {
|
|
51
|
-
const e = o.bgColor ? "" : o.variant === "filled" ? "bg-
|
|
51
|
+
const e = o.bgColor ? "" : o.variant === "filled" ? "bg-surface-dark" : "";
|
|
52
52
|
switch (o.variant) {
|
|
53
53
|
case "filled":
|
|
54
54
|
return [e, "border border-transparent"];
|
|
@@ -74,7 +74,7 @@ const ce = { class: "relative" }, ve = {
|
|
|
74
74
|
"shadow-none": o.flat,
|
|
75
75
|
[`text-${o.textColor}`]: o.textColor,
|
|
76
76
|
[o.bgColor]: o.bgColor,
|
|
77
|
-
"text-gray-500 bg-
|
|
77
|
+
"text-gray-500 bg-surface": o.disabled,
|
|
78
78
|
"focus:outline-none focus:ring-2": !o.disabled,
|
|
79
79
|
[`focus:ring-${o.color}`]: o.color && !o.disabled && !f.value,
|
|
80
80
|
"border-red-500 ring-red-500 focus:ring-red-500": f.value,
|
|
@@ -142,7 +142,7 @@ const ce = { class: "relative" }, ve = {
|
|
|
142
142
|
i("div", {
|
|
143
143
|
onClick: r[0] || (r[0] = (s) => e.handleIconClick(s, "prepend"))
|
|
144
144
|
}, [
|
|
145
|
-
(t(), y(
|
|
145
|
+
(t(), m(y(n(h)(e.prependIcon))))
|
|
146
146
|
])
|
|
147
147
|
])
|
|
148
148
|
])) : u("", !0),
|
|
@@ -151,7 +151,7 @@ const ce = { class: "relative" }, ve = {
|
|
|
151
151
|
i("div", {
|
|
152
152
|
onClick: r[1] || (r[1] = (s) => e.handleIconClick(s, "prependInner"))
|
|
153
153
|
}, [
|
|
154
|
-
(t(), y(
|
|
154
|
+
(t(), m(y(n(h)(e.prependInnerIcon))))
|
|
155
155
|
])
|
|
156
156
|
])
|
|
157
157
|
])) : u("", !0),
|
|
@@ -181,7 +181,7 @@ const ce = { class: "relative" }, ve = {
|
|
|
181
181
|
onClick: r[4] || (r[4] = (...s) => n(S) && n(S)(...s)),
|
|
182
182
|
class: "text-gray-500 hover:text-gray-700"
|
|
183
183
|
}, [
|
|
184
|
-
(t(), y(
|
|
184
|
+
(t(), m(y(n(h)(e.clearIcon))))
|
|
185
185
|
])
|
|
186
186
|
])
|
|
187
187
|
], 2)) : u("", !0),
|
|
@@ -190,20 +190,20 @@ const ce = { class: "relative" }, ve = {
|
|
|
190
190
|
i("div", {
|
|
191
191
|
onClick: r[5] || (r[5] = (s) => e.handleIconClick(s, "appendInner"))
|
|
192
192
|
}, [
|
|
193
|
-
(t(), y(
|
|
193
|
+
(t(), m(y(n(h)(e.appendInnerIcon))))
|
|
194
194
|
])
|
|
195
195
|
])
|
|
196
196
|
])) : u("", !0),
|
|
197
|
-
e.appendIcon || e.$slots.append ? (t(), l("div",
|
|
197
|
+
e.appendIcon || e.$slots.append ? (t(), l("div", me, [
|
|
198
198
|
d(e.$slots, "append", z(B(n(x))), () => [
|
|
199
199
|
i("div", {
|
|
200
200
|
onClick: r[6] || (r[6] = (s) => e.handleIconClick(s, "append"))
|
|
201
201
|
}, [
|
|
202
|
-
(t(), y(
|
|
202
|
+
(t(), m(y(n(h)(e.appendIcon))))
|
|
203
203
|
])
|
|
204
204
|
])
|
|
205
205
|
])) : u("", !0),
|
|
206
|
-
e.loading ? (t(), l("div",
|
|
206
|
+
e.loading ? (t(), l("div", ye, [
|
|
207
207
|
d(e.$slots, "loader", {
|
|
208
208
|
color: e.loadingColor,
|
|
209
209
|
isActive: !0
|