adverich-kun-ui 0.1.378 → 0.1.379

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 (2) hide show
  1. package/dist/components/KunTextField/src/components/KunTextField.vue.js +69 -65
  2. package/package.json +1 -1
package/dist/components/KunTextField/src/components/KunTextField.vue.js CHANGED
@@ -1,5 +1,5 @@
1
- import { getCurrentInstance as U, computed as d, useSlots as H, ref as q, createElementBlock as n, openBlock as o, createCommentVNode as r, createElementVNode as h, normalizeClass as u, toDisplayString as i, mergeProps as G, unref as t, renderSlot as k, withModifiers as J, createVNode as L } from "vue";
2
- import { icons as P } from "../../../../icons/index.js";
1
+ import { getCurrentInstance as U, computed as u, useSlots as H, ref as q, createElementBlock as o, openBlock as s, createCommentVNode as r, createElementVNode as c, normalizeClass as i, toDisplayString as a, mergeProps as G, unref as l, renderSlot as k, withModifiers as J, createVNode as L } from "vue";
2
+ import { icons as V } from "../../../../icons/index.js";
3
3
  import Q from "../composables/KunTextFieldProps.js";
4
4
  import W from "../composables/useKunTextFieldComposable.js";
5
5
  import X from "../../../KunIcon/src/components/KunIcon.vue.js";
@@ -9,16 +9,16 @@ const Y = {
9
9
  }, Z = ["type", "value", "placeholder", "disabled", "readonly", "maxlength", "aria-invalid", "aria-describedby"], _ = ["disabled"], ee = {
10
10
  key: 3,
11
11
  class: "flex items-center justify-center min-w-[32px] h-full px-1"
12
- }, te = {
12
+ }, le = {
13
13
  key: 5,
14
14
  class: "ml-2"
15
- }, le = {
15
+ }, te = {
16
16
  key: 0,
17
17
  class: "h-[1.25rem]"
18
- }, se = ["id"], ne = {
18
+ }, ne = ["id"], oe = {
19
19
  key: 1,
20
20
  class: "text-xs text-center"
21
- }, oe = {
21
+ }, se = {
22
22
  key: 2,
23
23
  class: "text-xs text-right"
24
24
  }, pe = {
@@ -32,121 +32,125 @@ const Y = {
32
32
  "keyDown",
33
33
  "keyUp"
34
34
  ],
35
- setup(V, { expose: D, emit: j }) {
36
- const a = V, p = j, {
37
- inputField: c,
35
+ setup(j, { expose: D, emit: B }) {
36
+ const d = j, p = B, {
37
+ inputField: b,
38
38
  inputValue: f,
39
39
  rootRef: w,
40
- inputFocused: b,
41
- validationError: B,
40
+ inputFocused: h,
41
+ validationError: E,
42
42
  hasError: y,
43
43
  handleInput: g,
44
44
  handleBlur: C,
45
45
  focusInput: I,
46
- validate: E,
47
- reset: K,
48
- resetValidation: S,
46
+ validate: K,
47
+ reset: S,
48
+ resetValidation: T,
49
49
  clearInput: $
50
- } = W(a, p);
50
+ } = W(d, p);
51
51
  D({
52
- validate: E,
53
- reset: K,
54
- resetValidation: S,
55
- inputField: c,
52
+ validate: K,
53
+ reset: S,
54
+ resetValidation: T,
55
+ inputField: b,
56
56
  rootRef: w,
57
57
  focus: () => {
58
58
  var e;
59
- return (e = c.value) == null ? void 0 : e.focus();
59
+ return (e = b.value) == null ? void 0 : e.focus();
60
60
  }
61
61
  });
62
- const m = `input-${U().uid}`, T = d(() => b.value || !!f.value || a.dirty), x = H(), N = d(() => !!x["prepend-inner"]), O = d(() => !!x["append-inner"]), v = q(!1), z = d(() => v.value ? P.eyeOffOutline : P.eyeOutline);
63
- function A() {
62
+ const m = `input-${U().uid}`, N = u(() => h.value || !!f.value || d.dirty), x = H(), O = u(() => !!x["prepend-inner"]), z = u(() => !!x["append-inner"]), v = q(!1), A = u(() => v.value ? V.eyeOffOutline : V.eyeOutline);
63
+ function M() {
64
64
  v.value = !v.value;
65
65
  }
66
- const M = d(() => a.type === "password" ? v.value ? "text" : "password" : a.type), R = d(() => a.density === "compact" ? "p-1" : a.density === "comfortable" ? "p-2" : "p-3");
67
- return (e, l) => {
68
- var F;
69
- return o(), n("div", {
66
+ const R = u(() => d.type === "password" ? v.value ? "text" : "password" : d.type), F = u(() => d.density === "compact" ? "p-1" : d.density === "comfortable" ? "p-2" : "p-3");
67
+ return (e, t) => {
68
+ var P;
69
+ return s(), o("div", {
70
70
  class: "w-full flex flex-col relative",
71
71
  ref_key: "rootRef",
72
72
  ref: w
73
73
  }, [
74
- e.label ? (o(), n("label", {
74
+ e.label ? (s(), o("label", {
75
75
  key: 0,
76
76
  for: m,
77
- class: u([
77
+ class: i([
78
78
  e.labelColor,
79
79
  "absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10",
80
- T.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"
80
+ N.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"
81
81
  ])
82
- }, i(e.label), 3)) : r("", !0),
83
- h("div", G({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
84
- h("div", {
85
- class: u(["flex flex-row items-center w-full h-full border", [
82
+ }, a(e.label), 3)) : r("", !0),
83
+ c("div", G({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
84
+ c("div", {
85
+ class: i(["flex flex-row items-center w-full h-full border", [
86
86
  e.bgInput,
87
87
  e.rounded,
88
- t(b) ? "border-blue-600 shadow-[0_0_0_1px_rgba(59,130,246,0.5)]" : e.borderColor,
88
+ l(h) ? "border-blue-600 shadow-[0_0_0_1px_rgba(59,130,246,0.5)]" : e.borderColor,
89
89
  e.disabled ? "opacity-60 cursor-not-allowed" : "cursor-text",
90
- t(y) ? "bg-red-200 dark:bg-red-900" : ""
90
+ l(y) ? "bg-red-200 dark:bg-red-900" : ""
91
91
  ]])
92
92
  }, [
93
- e.prefix ? (o(), n("div", Y, i(e.prefix), 1)) : r("", !0),
94
- N.value ? (o(), n("div", {
93
+ e.prefix ? (s(), o("div", Y, a(e.prefix), 1)) : r("", !0),
94
+ O.value ? (s(), o("div", {
95
95
  key: 1,
96
- class: u([e.prependInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
96
+ class: i([e.prependInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
97
97
  }, [
98
98
  k(e.$slots, "prepend-inner")
99
99
  ], 2)) : r("", !0),
100
- h("input", {
100
+ c("input", {
101
101
  ref_key: "inputField",
102
- ref: c,
103
- type: M.value,
104
- value: t(f),
102
+ ref: b,
103
+ type: R.value,
104
+ value: l(f),
105
105
  id: m,
106
106
  placeholder: e.placeholder,
107
107
  disabled: e.disabled,
108
108
  readonly: e.readonly,
109
109
  maxlength: e.maxlength,
110
110
  autocomplete: "off",
111
- class: u(["w-full h-full bg-transparent focus:outline-none", [R.value, e.textColor, e.placeholderColor, e.rounded, e.textCenter ? "text-center" : ""]]),
112
- "aria-invalid": t(y) ? "true" : "false",
113
- "aria-describedby": t(y) ? `error-${m}` : null,
114
- onInput: l[0] || (l[0] = (...s) => t(g) && t(g)(...s)),
115
- onBlur: l[1] || (l[1] = (...s) => t(C) && t(C)(...s)),
116
- onFocus: l[2] || (l[2] = (...s) => t(I) && t(I)(...s)),
117
- onClick: l[3] || (l[3] = J((s) => p("handleClick"), ["stop"])),
118
- onKeydown: l[4] || (l[4] = (s) => p("keyDown", s)),
119
- onKeyup: l[5] || (l[5] = (s) => p("keyUp", s))
111
+ class: i(["w-full h-full bg-transparent focus:outline-none", [F.value, e.textColor, e.placeholderColor, e.rounded, e.textCenter ? "text-center" : ""]]),
112
+ "aria-invalid": l(y) ? "true" : "false",
113
+ "aria-describedby": l(y) ? `error-${m}` : null,
114
+ onInput: t[0] || (t[0] = (...n) => l(g) && l(g)(...n)),
115
+ onBlur: t[1] || (t[1] = (...n) => l(C) && l(C)(...n)),
116
+ onFocus: t[2] || (t[2] = (...n) => l(I) && l(I)(...n)),
117
+ onClick: t[3] || (t[3] = J((n) => p("handleClick"), ["stop"])),
118
+ onKeydown: t[4] || (t[4] = (n) => p("keyDown", n)),
119
+ onKeyup: t[5] || (t[5] = (n) => p("keyUp", n))
120
120
  }, null, 42, Z),
121
- e.clearable && t(f) ? (o(), n("button", {
121
+ e.clearable && l(f) ? (s(), o("button", {
122
122
  key: 2,
123
123
  type: "button",
124
- onClick: l[6] || (l[6] = (...s) => t($) && t($)(...s)),
125
- class: u(["ml-2", e.textColor]),
124
+ onClick: t[6] || (t[6] = (...n) => l($) && l($)(...n)),
125
+ class: i(["ml-2", e.textColor]),
126
126
  disabled: e.disabled || e.readonly
127
127
  }, " × ", 10, _)) : r("", !0),
128
- k(e.$slots, "default"),
129
- e.type === "password" && e.showPasswordToggle ? (o(), n("div", ee, [
128
+ c("div", {
129
+ class: i(["w-full h-full bg-transparent focus:outline-none flex items-center", [F.value, e.textColor, e.placeholderColor, e.rounded, e.textCenter ? "justify-center" : ""]])
130
+ }, [
131
+ k(e.$slots, "default")
132
+ ], 2),
133
+ e.type === "password" && e.showPasswordToggle ? (s(), o("div", ee, [
130
134
  L(X, {
131
- icon: z.value,
132
- onClick: A
135
+ icon: A.value,
136
+ onClick: M
133
137
  }, null, 8, ["icon"])
134
138
  ])) : r("", !0),
135
- O.value ? (o(), n("div", {
139
+ z.value ? (s(), o("div", {
136
140
  key: 4,
137
- class: u([e.appendInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
141
+ class: i([e.appendInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
138
142
  }, [
139
143
  k(e.$slots, "append-inner")
140
144
  ], 2)) : r("", !0),
141
- e.suffix ? (o(), n("div", te, i(e.suffix), 1)) : r("", !0)
145
+ e.suffix ? (s(), o("div", le, a(e.suffix), 1)) : r("", !0)
142
146
  ], 2),
143
- e.hideDetails ? r("", !0) : (o(), n("div", le, [
144
- t(y) ? (o(), n("div", {
147
+ e.hideDetails ? r("", !0) : (s(), o("div", te, [
148
+ l(y) ? (s(), o("div", {
145
149
  key: 0,
146
150
  id: `error-${m}`,
147
151
  class: "text-red-500 text-sm text-center"
148
- }, i(t(B) || e.errorMessage), 9, se)) : e.hint && (e.persistentHint || t(b)) ? (o(), n("div", ne, i(e.hint), 1)) : r("", !0),
149
- e.counter && e.maxlength ? (o(), n("div", oe, i(((F = t(f)) == null ? void 0 : F.length) || 0) + " / " + i(e.maxlength), 1)) : r("", !0)
152
+ }, a(l(E) || e.errorMessage), 9, ne)) : e.hint && (e.persistentHint || l(h)) ? (s(), o("div", oe, a(e.hint), 1)) : r("", !0),
153
+ e.counter && e.maxlength ? (s(), o("div", se, a(((P = l(f)) == null ? void 0 : P.length) || 0) + " / " + a(e.maxlength), 1)) : r("", !0)
150
154
  ]))
151
155
  ], 16)
152
156
  ], 512);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adverich-kun-ui",
3
- "version": "0.1.378",
3
+ "version": "0.1.379",
4
4
  "type": "module",
5
5
  "description": "Una librería de componentes Vue.js con Tailwind CSS",
6
6
  "main": "dist/index.js",