@vlalg-nimbus/nb-inputs 8.0.9 → 8.0.10
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/nb-inputs.js +499 -499
- package/dist/nb-inputs.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/nb-inputs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useCssVars as fa, onMounted as sa, ref as
|
|
1
|
+
import { useCssVars as fa, onMounted as sa, ref as Q, toRefs as va, computed as a, watch as U, openBlock as O, createElementBlock as j, normalizeClass as Ne, normalizeStyle as We, createElementVNode as fe, mergeProps as da, Fragment as qa, renderList as ja, unref as n, withDirectives as pa, vModelRadio as al, withKeys as jt, withModifiers as ca, toDisplayString as St, createCommentVNode as Le, vModelCheckbox as ll, onUnmounted as ma, renderSlot as ia, createTextVNode as ga, vModelDynamic as Ha, vModelText as Ua, defineAsyncComponent as nl, nextTick as ya, createBlock as ol, Teleport as ul, createVNode as rl } from "vue";
|
|
2
2
|
const ba = (e, m) => {
|
|
3
3
|
const C = e.__vccOpts || e;
|
|
4
4
|
for (const [E, I] of m)
|
|
@@ -153,134 +153,134 @@ const ba = (e, m) => {
|
|
|
153
153
|
emits: ["current-value", "changed", "clicked"],
|
|
154
154
|
setup(e, { emit: m }) {
|
|
155
155
|
fa((y) => ({
|
|
156
|
-
"0fd48d29":
|
|
156
|
+
"0fd48d29": Je.value,
|
|
157
157
|
"50426c15": ct.value,
|
|
158
158
|
"5fa7628c": dt.value,
|
|
159
159
|
"5949c3d2": ke.value,
|
|
160
|
-
91322790:
|
|
161
|
-
"6750fc92":
|
|
160
|
+
91322790: Xe.value,
|
|
161
|
+
"6750fc92": lt.value,
|
|
162
162
|
"8c592938": gt.value,
|
|
163
163
|
c11d4680: st.value,
|
|
164
|
-
"35b74fa6":
|
|
164
|
+
"35b74fa6": nt.value,
|
|
165
165
|
"7dd5f889": Ce.value,
|
|
166
166
|
"5cb21b36": yt.value
|
|
167
167
|
})), sa(() => {
|
|
168
|
-
|
|
168
|
+
Ze();
|
|
169
169
|
});
|
|
170
|
-
const C = m, E = e, I =
|
|
170
|
+
const C = m, E = e, I = Q(null), {
|
|
171
171
|
ariaLabel: xe,
|
|
172
172
|
ariaAttrs: ve,
|
|
173
173
|
currentOption: Te,
|
|
174
174
|
valueType: Se,
|
|
175
175
|
display: ie,
|
|
176
|
-
options:
|
|
176
|
+
options: J,
|
|
177
177
|
theme: Pe,
|
|
178
178
|
lightTextColor: Be,
|
|
179
|
-
lightColor:
|
|
180
|
-
lightColorHover:
|
|
179
|
+
lightColor: le,
|
|
180
|
+
lightColorHover: G,
|
|
181
181
|
darkTextColor: R,
|
|
182
|
-
darkColor:
|
|
182
|
+
darkColor: ne,
|
|
183
183
|
darkColorHover: se,
|
|
184
|
-
hoverEffect:
|
|
184
|
+
hoverEffect: K,
|
|
185
185
|
activeHoverEffect: Ve,
|
|
186
186
|
itemGap: de,
|
|
187
187
|
internalGap: F,
|
|
188
188
|
scale: pe,
|
|
189
|
-
disabled:
|
|
189
|
+
disabled: X,
|
|
190
190
|
fontFamily: me,
|
|
191
191
|
fontSize: be,
|
|
192
192
|
fontWeight: he
|
|
193
193
|
} = va(E), _ = a(() => {
|
|
194
|
-
const y =
|
|
194
|
+
const y = X.value ? "component-disabled" : "", S = ie.value !== "b" ? "inline-block" : "block", oe = me.value ? me.value : "'Lato', sans-serif", Z = be.value ? be.value : "1.6em", ge = he.value !== 0 && !he.value || he.value < 0 ? 200 : he.value, $e = [!1, !0].includes(K.value) ? K.value : !1, Ge = [!1, !0].includes(Ve.value) ? Ve.value : !1, ue = de.value !== 0 && !de.value || de.value < 0 ? 15 : de.value, d = F.value !== 0 && !F.value || F.value < 0 ? 6 : F.value, v = pe.value !== 0 && !pe.value || pe.value < 0 ? 1 : pe.value;
|
|
195
195
|
return {
|
|
196
196
|
disabled: y,
|
|
197
197
|
display: S,
|
|
198
198
|
hoverEffect: $e,
|
|
199
|
-
activeHoverEffect:
|
|
199
|
+
activeHoverEffect: Ge,
|
|
200
200
|
itemGap: ue,
|
|
201
201
|
internalGap: d,
|
|
202
202
|
scale: v,
|
|
203
|
-
font:
|
|
204
|
-
fontSize:
|
|
203
|
+
font: oe,
|
|
204
|
+
fontSize: Z,
|
|
205
205
|
fontWeight: ge
|
|
206
206
|
};
|
|
207
207
|
}), k = a(() => _.value.disabled), L = a(() => ({
|
|
208
208
|
display: _.value.display
|
|
209
|
-
})), Ae = a(() => _.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"),
|
|
209
|
+
})), Ae = a(() => _.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), qe = a(() => {
|
|
210
210
|
const y = _.value;
|
|
211
211
|
return {
|
|
212
212
|
fontSize: y.fontSize,
|
|
213
213
|
fontWeight: y.fontWeight
|
|
214
214
|
};
|
|
215
|
-
}), _e = a(() => Array.isArray(
|
|
215
|
+
}), _e = a(() => Array.isArray(J.value) && J.value.constructor === Array && J.value.length > 0), at = a(() => Pe.value === "dark" ? "component__theme--dark" : "component__theme--light"), Je = a(() => _.value.font), lt = a(() => Be.value), gt = a(() => le.value), Xe = a(() => _.value.hoverEffect ? G.value : le.value), ke = a(() => _.value.activeHoverEffect ? G.value : le.value), Ce = a(() => R.value), yt = a(() => ne.value), nt = a(() => _.value.hoverEffect ? se.value : ne.value), st = a(() => _.value.activeHoverEffect ? se.value : ne.value), dt = a(() => {
|
|
216
216
|
const S = _.value.internalGap;
|
|
217
217
|
return !S || S < 0 ? 0 : `${S}px`;
|
|
218
218
|
}), ct = a(() => {
|
|
219
219
|
const S = _.value.itemGap;
|
|
220
220
|
return !S || S < 0 ? 0 : `${S}px`;
|
|
221
|
-
}),
|
|
221
|
+
}), je = a(() => ({
|
|
222
222
|
zoom: _.value.scale
|
|
223
|
-
})),
|
|
223
|
+
})), He = a(() => {
|
|
224
224
|
const y = {};
|
|
225
|
-
ve.value && Object.keys(ve.value).forEach((
|
|
225
|
+
ve.value && Object.keys(ve.value).forEach((Z) => y[`aria-${Z}`] = ve.value[Z]);
|
|
226
226
|
const S = {
|
|
227
227
|
"aria-label": xe.value,
|
|
228
|
-
"aria-disabled":
|
|
228
|
+
"aria-disabled": X.value,
|
|
229
229
|
...y
|
|
230
230
|
};
|
|
231
231
|
return Object.fromEntries(
|
|
232
|
-
Object.entries(S).filter(([
|
|
232
|
+
Object.entries(S).filter(([oe, Z]) => Z != null)
|
|
233
233
|
);
|
|
234
|
-
}),
|
|
234
|
+
}), Ze = () => {
|
|
235
235
|
const y = Te.value;
|
|
236
236
|
y && ["string"].includes(Se.value) ? I.value = y.toString().toLowerCase() : I.value = y;
|
|
237
|
-
},
|
|
237
|
+
}, Ue = () => {
|
|
238
238
|
C("clicked");
|
|
239
239
|
};
|
|
240
|
-
return
|
|
241
|
-
y !== S &&
|
|
242
|
-
}),
|
|
240
|
+
return U(Te, (y, S) => {
|
|
241
|
+
y !== S && Ze();
|
|
242
|
+
}), U(I, (y, S) => {
|
|
243
243
|
y !== S && (C("current-value", y), C("changed", y));
|
|
244
|
-
}), (y, S) => e.nbId && _e.value ? (O(),
|
|
244
|
+
}), (y, S) => e.nbId && _e.value ? (O(), j("div", {
|
|
245
245
|
key: 0,
|
|
246
246
|
class: Ne(["nb-wrapper", k.value]),
|
|
247
|
-
style: We([L.value,
|
|
247
|
+
style: We([L.value, je.value])
|
|
248
248
|
}, [
|
|
249
249
|
fe("div", da({
|
|
250
250
|
id: e.nbId,
|
|
251
251
|
role: "radiogroup"
|
|
252
|
-
},
|
|
253
|
-
class: ["nb-reset", "component", Ae.value,
|
|
252
|
+
}, He.value, {
|
|
253
|
+
class: ["nb-reset", "component", Ae.value, at.value]
|
|
254
254
|
}), [
|
|
255
|
-
(O(!0),
|
|
256
|
-
key:
|
|
255
|
+
(O(!0), j(qa, null, ja(n(J), (oe, Z) => (O(), j("div", {
|
|
256
|
+
key: Z,
|
|
257
257
|
class: "component-radio__item"
|
|
258
258
|
}, [
|
|
259
259
|
pa(fe("input", {
|
|
260
|
-
id: `${e.nbId}-${
|
|
260
|
+
id: `${e.nbId}-${oe.value}`,
|
|
261
261
|
"onUpdate:modelValue": S[0] || (S[0] = (ge) => I.value = ge),
|
|
262
262
|
type: "radio",
|
|
263
263
|
class: "component-radio__item--input",
|
|
264
|
-
disabled: n(
|
|
265
|
-
value:
|
|
264
|
+
disabled: n(X),
|
|
265
|
+
value: oe.value,
|
|
266
266
|
name: e.groupName,
|
|
267
|
-
onClick:
|
|
267
|
+
onClick: Ue
|
|
268
268
|
}, null, 8, sl), [
|
|
269
269
|
[al, I.value]
|
|
270
270
|
]),
|
|
271
271
|
fe("label", {
|
|
272
|
-
for: `${e.nbId}-${
|
|
273
|
-
tabindex: n(
|
|
272
|
+
for: `${e.nbId}-${oe.value}`,
|
|
273
|
+
tabindex: n(X) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[Z] : e.tabIndex >= 0 ? e.tabIndex : Z + 1,
|
|
274
274
|
class: "component-radio__item--label",
|
|
275
275
|
onKeydown: [
|
|
276
|
-
S[1] || (S[1] = jt(ca((ge) => !n(
|
|
277
|
-
S[2] || (S[2] = jt(ca((ge) => !n(
|
|
276
|
+
S[1] || (S[1] = jt(ca((ge) => !n(X) && e.hasTabIndexEnter && ge.target.click(), ["prevent"]), ["enter"])),
|
|
277
|
+
S[2] || (S[2] = jt(ca((ge) => !n(X) && e.hasTabIndexSpace && ge.target.click(), ["prevent"]), ["space"]))
|
|
278
278
|
]
|
|
279
279
|
}, [
|
|
280
280
|
S[3] || (S[3] = fe("div", null, null, -1)),
|
|
281
281
|
fe("span", {
|
|
282
|
-
style: We([
|
|
283
|
-
}, St(
|
|
282
|
+
style: We([qe.value])
|
|
283
|
+
}, St(oe.text), 5)
|
|
284
284
|
], 40, dl)
|
|
285
285
|
]))), 128))
|
|
286
286
|
], 16, il)
|
|
@@ -450,81 +450,81 @@ const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabin
|
|
|
450
450
|
setup(e, { emit: m }) {
|
|
451
451
|
fa((d) => ({
|
|
452
452
|
"49e2c63f": gt.value,
|
|
453
|
-
"107babaa":
|
|
453
|
+
"107babaa": oe.value,
|
|
454
454
|
"3c7cc5ce": S.value,
|
|
455
455
|
"16d311d0": y.value,
|
|
456
456
|
"3f8b2f30": yt.value,
|
|
457
457
|
"53078d64": Ce.value,
|
|
458
|
-
"537834e6":
|
|
458
|
+
"537834e6": nt.value,
|
|
459
459
|
fbc86ee4: ke.value,
|
|
460
|
-
"517939e1":
|
|
461
|
-
"3faff29d":
|
|
462
|
-
"302ecd6a":
|
|
460
|
+
"517939e1": Xe.value,
|
|
461
|
+
"3faff29d": Ue.value,
|
|
462
|
+
"302ecd6a": je.value,
|
|
463
463
|
"8a4df060": ct.value,
|
|
464
|
-
"0a99dbe2":
|
|
464
|
+
"0a99dbe2": He.value,
|
|
465
465
|
d6971e68: dt.value,
|
|
466
466
|
ca30d9c2: st.value
|
|
467
467
|
})), sa(() => {
|
|
468
|
-
|
|
468
|
+
Ge();
|
|
469
469
|
});
|
|
470
|
-
const C = m, E = e, I =
|
|
470
|
+
const C = m, E = e, I = Q(null), {
|
|
471
471
|
ariaLabel: xe,
|
|
472
472
|
ariaAttrs: ve,
|
|
473
473
|
currentOption: Te,
|
|
474
474
|
display: Se,
|
|
475
475
|
options: ie,
|
|
476
|
-
theme:
|
|
476
|
+
theme: J,
|
|
477
477
|
lightTextColor: Pe,
|
|
478
478
|
lightColor: Be,
|
|
479
|
-
lightColorHover:
|
|
480
|
-
darkTextColor:
|
|
479
|
+
lightColorHover: le,
|
|
480
|
+
darkTextColor: G,
|
|
481
481
|
darkColor: R,
|
|
482
|
-
darkColorHover:
|
|
482
|
+
darkColorHover: ne,
|
|
483
483
|
boxRadius: se,
|
|
484
|
-
hoverEffect:
|
|
484
|
+
hoverEffect: K,
|
|
485
485
|
activeHoverEffect: Ve,
|
|
486
486
|
itemGap: de,
|
|
487
487
|
internalGap: F,
|
|
488
488
|
scale: pe,
|
|
489
|
-
type:
|
|
489
|
+
type: X,
|
|
490
490
|
background: me,
|
|
491
491
|
disabled: be,
|
|
492
492
|
fontFamily: he,
|
|
493
493
|
fontSize: _,
|
|
494
494
|
fontWeight: k
|
|
495
495
|
} = va(E), L = a(() => {
|
|
496
|
-
const d = be.value ? "component-disabled" : "", v = Se.value !== "b" ? "inline-block" : "block", ce = he.value ? he.value : "'Lato', sans-serif",
|
|
496
|
+
const d = be.value ? "component-disabled" : "", v = Se.value !== "b" ? "inline-block" : "block", ce = he.value ? he.value : "'Lato', sans-serif", Y = _.value ? _.value : "1.6em", ee = k.value !== 0 && !k.value || k.value < 0 ? 200 : k.value, we = se.value !== 0 && !se.value || se.value < 0 ? 0 : se.value, Re = [!1, !0].includes(K.value) ? K.value : !1, Ee = [!1, !0].includes(Ve.value) ? Ve.value : !1, Ke = de.value !== 0 && !de.value || de.value < 0 ? 15 : de.value, et = F.value !== 0 && !F.value || F.value < 0 ? 6 : F.value, ot = ["box", "circle"].includes(X.value) ? X.value : "box", ut = pe.value !== 0 && !pe.value || pe.value < 0 ? 1 : pe.value, ft = [!1, !0].includes(me.value) ? me.value : !1;
|
|
497
497
|
return {
|
|
498
498
|
disabled: d,
|
|
499
499
|
display: v,
|
|
500
500
|
boxRadius: we,
|
|
501
501
|
hoverEffect: Re,
|
|
502
502
|
activeHoverEffect: Ee,
|
|
503
|
-
itemGap:
|
|
504
|
-
internalGap:
|
|
505
|
-
scale:
|
|
506
|
-
type:
|
|
503
|
+
itemGap: Ke,
|
|
504
|
+
internalGap: et,
|
|
505
|
+
scale: ut,
|
|
506
|
+
type: ot,
|
|
507
507
|
font: ce,
|
|
508
508
|
background: ft,
|
|
509
|
-
fontSize:
|
|
510
|
-
fontWeight:
|
|
509
|
+
fontSize: Y,
|
|
510
|
+
fontWeight: ee
|
|
511
511
|
};
|
|
512
|
-
}), Ae = a(() => L.value.disabled),
|
|
512
|
+
}), Ae = a(() => L.value.disabled), qe = a(() => ({
|
|
513
513
|
display: L.value.display
|
|
514
|
-
})), _e = a(() => L.value.display === "inline-block" ? "component-checkbox__item--display-inline" : "component-checkbox__item--display-block"),
|
|
514
|
+
})), _e = a(() => L.value.display === "inline-block" ? "component-checkbox__item--display-inline" : "component-checkbox__item--display-block"), at = a(() => {
|
|
515
515
|
const d = L.value;
|
|
516
516
|
return {
|
|
517
517
|
fontSize: d.fontSize,
|
|
518
518
|
fontWeight: d.fontWeight
|
|
519
519
|
};
|
|
520
|
-
}),
|
|
520
|
+
}), Je = a(() => Array.isArray(ie.value) && ie.value.constructor === Array && ie.value.length > 0), lt = a(() => J.value === "dark" ? "component__theme--dark" : "component__theme--light"), gt = a(() => L.value.font), Xe = a(() => Pe.value), ke = a(() => Be.value), Ce = a(() => L.value.hoverEffect ? le.value : Be.value), yt = a(() => L.value.activeHoverEffect ? le.value : Be.value), nt = a(() => {
|
|
521
521
|
const d = L.value;
|
|
522
|
-
return d.activeHoverEffect && d.background ? `${
|
|
523
|
-
}), st = a(() =>
|
|
522
|
+
return d.activeHoverEffect && d.background ? `${le.value}80` : le.value;
|
|
523
|
+
}), st = a(() => G.value), dt = a(() => R.value), ct = a(() => L.value.hoverEffect ? ne.value : R.value), je = a(() => L.value.activeHoverEffect ? ne.value : R.value), He = a(() => {
|
|
524
524
|
const d = L.value;
|
|
525
|
-
return d.activeHoverEffect && d.background ? `${
|
|
526
|
-
}),
|
|
527
|
-
const d = L.value, v =
|
|
525
|
+
return d.activeHoverEffect && d.background ? `${ne.value}80` : ne.value;
|
|
526
|
+
}), Ze = a(() => L.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"), Ue = a(() => {
|
|
527
|
+
const d = L.value, v = J.value === "dark" ? G.value : Pe.value;
|
|
528
528
|
return d.background ? "#ffffff" : v;
|
|
529
529
|
});
|
|
530
530
|
a(() => L.value.background ? "19px" : "auto");
|
|
@@ -534,49 +534,49 @@ const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabin
|
|
|
534
534
|
}), S = a(() => {
|
|
535
535
|
const d = L.value;
|
|
536
536
|
return `${d.boxRadius > 7 ? 7 : d.boxRadius}px`;
|
|
537
|
-
}),
|
|
537
|
+
}), oe = a(() => {
|
|
538
538
|
const v = L.value.itemGap;
|
|
539
539
|
return !v || v < 0 ? 0 : `${v}px`;
|
|
540
|
-
}),
|
|
540
|
+
}), Z = a(() => L.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), ge = a(() => ({
|
|
541
541
|
zoom: L.value.scale
|
|
542
542
|
})), $e = a(() => {
|
|
543
543
|
const d = {};
|
|
544
|
-
ve.value && Object.keys(ve.value).forEach((
|
|
544
|
+
ve.value && Object.keys(ve.value).forEach((Y) => d[`aria-${Y}`] = ve.value[Y]);
|
|
545
545
|
const v = {
|
|
546
546
|
"aria-label": xe.value,
|
|
547
547
|
"aria-disabled": be.value,
|
|
548
548
|
...d
|
|
549
549
|
};
|
|
550
550
|
return Object.fromEntries(
|
|
551
|
-
Object.entries(v).filter(([ce,
|
|
551
|
+
Object.entries(v).filter(([ce, Y]) => Y != null)
|
|
552
552
|
);
|
|
553
|
-
}),
|
|
553
|
+
}), Ge = () => {
|
|
554
554
|
I.value = Te.value;
|
|
555
555
|
}, ue = () => {
|
|
556
556
|
C("clicked");
|
|
557
557
|
};
|
|
558
|
-
return
|
|
559
|
-
d !== v &&
|
|
560
|
-
}),
|
|
558
|
+
return U(Te, (d, v) => {
|
|
559
|
+
d !== v && Ge();
|
|
560
|
+
}), U(I, (d, v) => {
|
|
561
561
|
d !== v && (C("current-value", d), C("changed", d));
|
|
562
|
-
}), (d, v) => e.nbId &&
|
|
562
|
+
}), (d, v) => e.nbId && Je.value ? (O(), j("div", {
|
|
563
563
|
key: 0,
|
|
564
564
|
class: Ne(["nb-wrapper", Ae.value]),
|
|
565
|
-
style: We([
|
|
565
|
+
style: We([qe.value, ge.value])
|
|
566
566
|
}, [
|
|
567
567
|
fe("div", da({
|
|
568
568
|
id: e.nbId,
|
|
569
569
|
role: "group"
|
|
570
570
|
}, $e.value, {
|
|
571
|
-
class: ["nb-reset", "component", _e.value,
|
|
571
|
+
class: ["nb-reset", "component", _e.value, lt.value]
|
|
572
572
|
}), [
|
|
573
|
-
(O(!0),
|
|
574
|
-
key:
|
|
573
|
+
(O(!0), j(qa, null, ja(n(ie), (ce, Y) => (O(), j("div", {
|
|
574
|
+
key: Y,
|
|
575
575
|
class: "component-checkbox__item"
|
|
576
576
|
}, [
|
|
577
577
|
pa(fe("input", {
|
|
578
578
|
id: `${e.nbId}-${ce.value}`,
|
|
579
|
-
"onUpdate:modelValue": v[0] || (v[0] = (
|
|
579
|
+
"onUpdate:modelValue": v[0] || (v[0] = (ee) => I.value = ee),
|
|
580
580
|
type: "checkbox",
|
|
581
581
|
class: "component-checkbox__item--input",
|
|
582
582
|
disabled: n(be),
|
|
@@ -588,18 +588,18 @@ const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabin
|
|
|
588
588
|
]),
|
|
589
589
|
fe("label", {
|
|
590
590
|
for: `${e.nbId}-${ce.value}`,
|
|
591
|
-
class: Ne([[
|
|
592
|
-
tabindex: n(be) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[
|
|
591
|
+
class: Ne([[Z.value], "component-checkbox__item--label"]),
|
|
592
|
+
tabindex: n(be) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[Y] : e.tabIndex >= 0 ? e.tabIndex : Y + 1,
|
|
593
593
|
onKeydown: [
|
|
594
|
-
v[1] || (v[1] = jt(ca((
|
|
595
|
-
v[2] || (v[2] = jt(ca((
|
|
594
|
+
v[1] || (v[1] = jt(ca((ee) => !n(be) && e.hasTabIndexEnter && ee.target.click(), ["prevent"]), ["enter"])),
|
|
595
|
+
v[2] || (v[2] = jt(ca((ee) => !n(be) && e.hasTabIndexSpace && ee.target.click(), ["prevent"]), ["space"]))
|
|
596
596
|
]
|
|
597
597
|
}, [
|
|
598
598
|
fe("div", {
|
|
599
|
-
class: Ne([
|
|
599
|
+
class: Ne([Ze.value])
|
|
600
600
|
}, null, 2),
|
|
601
601
|
fe("span", {
|
|
602
|
-
style: We([
|
|
602
|
+
style: We([at.value])
|
|
603
603
|
}, St(ce.text), 5)
|
|
604
604
|
], 42, bl)
|
|
605
605
|
]))), 128))
|
|
@@ -1030,45 +1030,45 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
|
|
|
1030
1030
|
],
|
|
1031
1031
|
setup(e, { emit: m }) {
|
|
1032
1032
|
fa((o) => ({
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
"
|
|
1036
|
-
|
|
1037
|
-
"
|
|
1038
|
-
"
|
|
1039
|
-
"
|
|
1040
|
-
"
|
|
1041
|
-
"
|
|
1042
|
-
"
|
|
1043
|
-
"
|
|
1044
|
-
"
|
|
1045
|
-
"
|
|
1046
|
-
"
|
|
1047
|
-
"
|
|
1048
|
-
"
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
"
|
|
1052
|
-
"
|
|
1053
|
-
"
|
|
1054
|
-
|
|
1055
|
-
"
|
|
1056
|
-
"
|
|
1057
|
-
"
|
|
1058
|
-
"
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
"
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
"
|
|
1067
|
-
"
|
|
1068
|
-
|
|
1069
|
-
|
|
1033
|
+
a691cde4: At.value,
|
|
1034
|
+
"64c3067c": Bt.value,
|
|
1035
|
+
"5acedbbf": n(ct),
|
|
1036
|
+
dcb28fdc: Yt.value,
|
|
1037
|
+
"05efafe4": Qt.value,
|
|
1038
|
+
"407d2308": Jt.value,
|
|
1039
|
+
"34f184fe": n(S),
|
|
1040
|
+
"4aff0508": n(Re),
|
|
1041
|
+
"4aa29b5e": n(oe),
|
|
1042
|
+
"13e0e154": n(ft),
|
|
1043
|
+
"06311b0d": n(y),
|
|
1044
|
+
"40c154c2": n(Ze),
|
|
1045
|
+
"027fa668": n(Ue),
|
|
1046
|
+
"4d6e619a": ra.value,
|
|
1047
|
+
"0e777c29": n(je),
|
|
1048
|
+
"46db1a2f": n(He),
|
|
1049
|
+
b75ff5d0: n(we),
|
|
1050
|
+
"52d622e0": n(Z),
|
|
1051
|
+
"8a54d538": n(ut),
|
|
1052
|
+
"128c92cb": n(dt),
|
|
1053
|
+
"746d7e44": n(nt),
|
|
1054
|
+
fcd9b32c: n(st),
|
|
1055
|
+
"48ed91e7": n(Ce),
|
|
1056
|
+
"4022eb31": n(yt),
|
|
1057
|
+
"4152281b": na.value,
|
|
1058
|
+
"952215b4": oa.value,
|
|
1059
|
+
"5110540e": ua.value,
|
|
1060
|
+
"03e4b02e": Et.value,
|
|
1061
|
+
d28271e8: la.value,
|
|
1062
|
+
df28af0e: n(ge),
|
|
1063
|
+
"1484e2a6": Ct.value,
|
|
1064
|
+
"2f3ed319": _t.value,
|
|
1065
|
+
eeba4250: Dt.value,
|
|
1066
|
+
"546adc01": Ut.value,
|
|
1067
|
+
"4c47725b": Kt.value,
|
|
1068
|
+
bd8d21c2: o.styleButtonColor,
|
|
1069
|
+
55437184: Gt.value
|
|
1070
1070
|
})), sa(() => {
|
|
1071
|
-
Me.value =
|
|
1071
|
+
Me.value = Je.value;
|
|
1072
1072
|
}), ma(() => {
|
|
1073
1073
|
bt();
|
|
1074
1074
|
});
|
|
@@ -1079,20 +1079,20 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
|
|
|
1079
1079
|
ariaLabel: Te,
|
|
1080
1080
|
ariaAttrs: Se,
|
|
1081
1081
|
textColor: ie,
|
|
1082
|
-
caretColor:
|
|
1082
|
+
caretColor: J,
|
|
1083
1083
|
selectionBgColor: Pe,
|
|
1084
1084
|
selectionTextColor: Be,
|
|
1085
|
-
hasBorderRadius:
|
|
1086
|
-
borderRadius:
|
|
1085
|
+
hasBorderRadius: le,
|
|
1086
|
+
borderRadius: G,
|
|
1087
1087
|
disabled: R,
|
|
1088
|
-
fontFamily:
|
|
1088
|
+
fontFamily: ne,
|
|
1089
1089
|
fontSize: se,
|
|
1090
|
-
fontWeight:
|
|
1090
|
+
fontWeight: K,
|
|
1091
1091
|
fontFamilyMsg: Ve,
|
|
1092
1092
|
fontSizeMsg: de,
|
|
1093
1093
|
fontWeightMsg: F,
|
|
1094
1094
|
textMessageColor: pe,
|
|
1095
|
-
inputWidth:
|
|
1095
|
+
inputWidth: X,
|
|
1096
1096
|
inputStyle: me,
|
|
1097
1097
|
activeTextStyle: be,
|
|
1098
1098
|
sizeMediaQuery: he,
|
|
@@ -1100,65 +1100,65 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
|
|
|
1100
1100
|
showInputEye: k,
|
|
1101
1101
|
inputType: L,
|
|
1102
1102
|
hasTrim: Ae,
|
|
1103
|
-
inputUppercase:
|
|
1103
|
+
inputUppercase: qe,
|
|
1104
1104
|
inputName: _e,
|
|
1105
|
-
inputPlaceholder:
|
|
1106
|
-
inputText:
|
|
1107
|
-
theme:
|
|
1105
|
+
inputPlaceholder: at,
|
|
1106
|
+
inputText: Je,
|
|
1107
|
+
theme: lt,
|
|
1108
1108
|
inputEyeIcon: gt,
|
|
1109
|
-
tabindex:
|
|
1109
|
+
tabindex: Xe,
|
|
1110
1110
|
inputEyeIconHidden: ke,
|
|
1111
1111
|
lightBgColor: Ce,
|
|
1112
1112
|
lightBgColorFocus: yt,
|
|
1113
|
-
lightEyeBgColor:
|
|
1113
|
+
lightEyeBgColor: nt,
|
|
1114
1114
|
lightEyeBgColorActive: st,
|
|
1115
1115
|
lightDisabledBgColor: dt,
|
|
1116
1116
|
lightTextColor: ct,
|
|
1117
|
-
darkBgColor:
|
|
1118
|
-
darkBgColorFocus:
|
|
1119
|
-
darkEyeBgColor:
|
|
1120
|
-
darkEyeBgColorActive:
|
|
1117
|
+
darkBgColor: je,
|
|
1118
|
+
darkBgColorFocus: He,
|
|
1119
|
+
darkEyeBgColor: Ze,
|
|
1120
|
+
darkEyeBgColorActive: Ue,
|
|
1121
1121
|
darkDisabledBgColor: y,
|
|
1122
1122
|
darkTextColor: S,
|
|
1123
|
-
darkDisabledEyeBgColor:
|
|
1124
|
-
lightDisabledEyeBgColor:
|
|
1123
|
+
darkDisabledEyeBgColor: oe,
|
|
1124
|
+
lightDisabledEyeBgColor: Z,
|
|
1125
1125
|
textAlign: ge,
|
|
1126
1126
|
showMsg: $e,
|
|
1127
|
-
hasMsg:
|
|
1127
|
+
hasMsg: Ge,
|
|
1128
1128
|
hasIcon: ue,
|
|
1129
1129
|
iconDirection: d,
|
|
1130
1130
|
iconPadding: v,
|
|
1131
1131
|
iconPaddingInput: ce,
|
|
1132
|
-
iconMargin:
|
|
1133
|
-
iconBorderRadius:
|
|
1132
|
+
iconMargin: Y,
|
|
1133
|
+
iconBorderRadius: ee,
|
|
1134
1134
|
iconLightTextColor: we,
|
|
1135
1135
|
iconDarkTextColor: Re,
|
|
1136
1136
|
iconLightBgColor: Ee,
|
|
1137
|
-
iconDarkBgColor:
|
|
1138
|
-
iconLightBgColorActive:
|
|
1139
|
-
iconDarkBgColorActive:
|
|
1140
|
-
iconLightDisabledBgColor:
|
|
1137
|
+
iconDarkBgColor: Ke,
|
|
1138
|
+
iconLightBgColorActive: et,
|
|
1139
|
+
iconDarkBgColorActive: ot,
|
|
1140
|
+
iconLightDisabledBgColor: ut,
|
|
1141
1141
|
iconDarkDisabledBgColor: ft,
|
|
1142
1142
|
iconWidth: h,
|
|
1143
1143
|
iconSize: M,
|
|
1144
1144
|
showLabel: V,
|
|
1145
|
-
labelBackground:
|
|
1145
|
+
labelBackground: Fe,
|
|
1146
1146
|
labelPadding: T,
|
|
1147
1147
|
labelBorderRadius: ye,
|
|
1148
1148
|
labelLeft: Vt,
|
|
1149
1149
|
inputLabelMarginActive: kt,
|
|
1150
|
-
labelActiveTop:
|
|
1151
|
-
labelActiveLeft:
|
|
1150
|
+
labelActiveTop: rt,
|
|
1151
|
+
labelActiveLeft: H,
|
|
1152
1152
|
fontFamilyLabel: N,
|
|
1153
|
-
fontSizeLabel:
|
|
1153
|
+
fontSizeLabel: te,
|
|
1154
1154
|
fontSizeLabelActive: $,
|
|
1155
1155
|
fontWeightLabel: z,
|
|
1156
|
-
lightTextColorLabel:
|
|
1156
|
+
lightTextColorLabel: ae,
|
|
1157
1157
|
lightTextColorLabelActive: W,
|
|
1158
1158
|
darkTextColorLabel: wt,
|
|
1159
1159
|
darkTextColorLabelActive: Rt
|
|
1160
|
-
} = va(E), Me =
|
|
1161
|
-
const o = R.value ? "component-disabled" : "", f = xe.value !== "b" ? "inline-block" : "block", w = ie ? ie.value : "ffffff",
|
|
1160
|
+
} = va(E), Me = Q(""), vt = Q(""), it = Q(!1), pt = Q(!1), B = a(() => {
|
|
1161
|
+
const o = R.value ? "component-disabled" : "", f = xe.value !== "b" ? "inline-block" : "block", w = ie ? ie.value : "ffffff", Ye = J.value ? J.value : "", Qe = Pe.value ? Pe.value : "", t = Be.value ? Be.value : "", l = le.value ? le.value : !1, i = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, s = ne.value ? ne.value : "'Lato', sans-serif", b = se.value ? se.value : null, c = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, g = Ve.value ? Ve.value : "'Lato', sans-serif", x = de.value ? de.value : "1em", A = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, D = pe.value ? pe.value : "#f15574", q = X.value ? X.value : 200, re = be.value ? be.value : "normal", ze = he.value ? he.value : "xs", tt = _.value ? _.value : !1, De = k.value ? k.value : !1, Ie = L.value ? L.value : "text", ha = qe.value ? qe.value : !1, Ca = lt.value ? lt.value : "normal", xa = ge.value ? ge.value : "left", Sa = me.value ? me.value : "background", Va = v.value ? v.value : "5px 10px", ka = Y.value ? Y.value : "0", La = ce.value ? ce.value : 10, Ta = we.value ? we.value : "#000000", Ba = Re.value ? Re.value : "#000000", Aa = Ee.value ? Ee.value : "transparent", _a = Ke.value ? Ke.value : "transparent", $a = ee.value !== 0 && !ee.value || ee.value < 0 ? 0 : ee.value, wa = et.value ? et.value : "transparent", Ra = ot.value ? ot.value : "transparent", Ma = h.value ? h.value : 32, za = M.value ? M.value : 1, Da = V.value ? V.value : !1, Ia = Vt.value !== 0 && !Vt.value || Vt.value < 0 ? 5 : Vt.value, Na = Fe.value ? Fe.value : "transparent", Wa = kt.value !== 0 && !kt.value || kt.value < 0 ? 15 : kt.value, Pa = T.value ? T.value : "1px 5px", Ea = ye.value !== 0 && !ye.value || ye.value < 0 ? 0 : ye.value, Fa = rt.value === null || rt.value === void 0 ? -13 : rt.value, Ga = H.value === null || H.value === void 0 ? -10 : H.value, Ka = N.value ? N.value : "'Lato', sans-serif", Ya = te.value ? te.value : "1em", Qa = $.value ? $.value : "0.8em", Ja = z.value ? z.value : 400, Xa = ae.value ? ae.value : "#ffffff", Za = wt.value ? wt.value : "#000000", el = W.value ? W.value : "#ffffff", tl = Rt.value ? Rt.value : "#000000";
|
|
1162
1162
|
return {
|
|
1163
1163
|
disabled: o,
|
|
1164
1164
|
display: f,
|
|
@@ -1170,16 +1170,16 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
|
|
|
1170
1170
|
fontWeightMsg: A,
|
|
1171
1171
|
textMessageColor: D,
|
|
1172
1172
|
textColor: w,
|
|
1173
|
-
caretColor:
|
|
1174
|
-
selectionBgColor:
|
|
1173
|
+
caretColor: Ye,
|
|
1174
|
+
selectionBgColor: Qe,
|
|
1175
1175
|
selectionTextColor: t,
|
|
1176
1176
|
hasBorderRadius: l,
|
|
1177
1177
|
borderRadius: i,
|
|
1178
1178
|
textAlign: xa,
|
|
1179
|
-
inputWidth:
|
|
1179
|
+
inputWidth: q,
|
|
1180
1180
|
activeTextStyle: re,
|
|
1181
1181
|
sizeMediaQuery: ze,
|
|
1182
|
-
inputReadonly:
|
|
1182
|
+
inputReadonly: tt,
|
|
1183
1183
|
showInputEye: De,
|
|
1184
1184
|
inputType: Ie,
|
|
1185
1185
|
inputUppercase: ha,
|
|
@@ -1291,19 +1291,19 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
|
|
|
1291
1291
|
default:
|
|
1292
1292
|
return "component__theme--light";
|
|
1293
1293
|
}
|
|
1294
|
-
}), P = a(() => B.value.inputReadonly ? "component__input--read-only" : ""),
|
|
1294
|
+
}), P = a(() => B.value.inputReadonly ? "component__input--read-only" : ""), Oe = a(() => B.value.inputUppercase ? "component__input--uppercase" : ""), Nt = a(() => {
|
|
1295
1295
|
const o = B.value;
|
|
1296
1296
|
return !!(o.showInputEye && o.inputType === "password");
|
|
1297
|
-
}), Xt = a(() => it.value ? gt.value : ke.value), ht = a(() => _e.value ? _e.value : `${I.value}-name-label`), Wt = a(() => V.value ? pt.value ?
|
|
1297
|
+
}), Xt = a(() => it.value ? gt.value : ke.value), ht = a(() => _e.value ? _e.value : `${I.value}-name-label`), Wt = a(() => V.value ? pt.value ? at.value : "" : at.value), Pt = a(() => pt.value || Me.value && Me.value.trim().length > 0), Zt = a(() => B.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), ea = a(() => pt.value ? "component__input--active" : "component__input--no-active"), Ct = a(() => Nt.value ? "6px 50px 6px 10px" : "6px 10px"), ta = a(() => !!($e.value && Ge.value)), aa = a(() => {
|
|
1298
1298
|
const o = {};
|
|
1299
|
-
Se.value && Object.keys(Se.value).forEach((
|
|
1299
|
+
Se.value && Object.keys(Se.value).forEach((Ye) => o[`aria-${Ye}`] = Se.value[Ye]);
|
|
1300
1300
|
const f = {
|
|
1301
1301
|
"aria-label": Te.value,
|
|
1302
1302
|
"aria-disabled": R.value,
|
|
1303
1303
|
...o
|
|
1304
1304
|
};
|
|
1305
1305
|
return Object.fromEntries(
|
|
1306
|
-
Object.entries(f).filter(([w,
|
|
1306
|
+
Object.entries(f).filter(([w, Ye]) => Ye != null)
|
|
1307
1307
|
);
|
|
1308
1308
|
}), la = a(() => ue.value ? `${M.value}rem` : "0"), na = a(() => ue.value ? `${h.value}px` : "0"), $t = a(() => ue.value ? `component__icon--${d.value}` : ""), oa = a(() => {
|
|
1309
1309
|
const o = B.value;
|
|
@@ -1321,12 +1321,12 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
|
|
|
1321
1321
|
const o = B.value;
|
|
1322
1322
|
return ue.value ? d.value === "left" ? { paddingLeft: `${o.iconPaddingInput}px` } : { paddingRight: `${o.iconPaddingInput}px` } : {};
|
|
1323
1323
|
}), Ot = a(() => {
|
|
1324
|
-
const o = B.value, f = Pt.value, w = f ? o.lightTextColorLabelActive : o.lightTextColorLabel,
|
|
1324
|
+
const o = B.value, f = Pt.value, w = f ? o.lightTextColorLabelActive : o.lightTextColorLabel, Ye = f ? o.darkTextColorLabelActive : o.darkTextColorLabel;
|
|
1325
1325
|
return {
|
|
1326
1326
|
fontFamily: o.fontFamilyLabel,
|
|
1327
1327
|
fontSize: f ? o.fontSizeLabelActive : o.fontSizeLabel,
|
|
1328
1328
|
fontWeight: o.fontWeightLabel,
|
|
1329
|
-
color: o.theme === "dark" ?
|
|
1329
|
+
color: o.theme === "dark" ? Ye : w,
|
|
1330
1330
|
top: f ? `${o.labelActiveTop}px` : "50%",
|
|
1331
1331
|
left: f ? `${o.labelActiveLeft}px` : `${o.labelLeft}px`,
|
|
1332
1332
|
transform: f ? "translateY(0)" : "translateY(-50%)",
|
|
@@ -1341,7 +1341,7 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
|
|
|
1341
1341
|
return o.theme === "dark" ? o.darkTextColorLabelActive : o.lightTextColorLabelActive;
|
|
1342
1342
|
});
|
|
1343
1343
|
const bt = () => {
|
|
1344
|
-
Me.value =
|
|
1344
|
+
Me.value = Je.value, vt.value = L.value;
|
|
1345
1345
|
}, Tt = () => {
|
|
1346
1346
|
const o = B.value;
|
|
1347
1347
|
if (o.inputReadonly || o.disabled)
|
|
@@ -1353,24 +1353,24 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
|
|
|
1353
1353
|
}, qt = () => {
|
|
1354
1354
|
R.value || B.value.inputReadonly || !ve.value || C("entered", Me.value);
|
|
1355
1355
|
};
|
|
1356
|
-
return
|
|
1356
|
+
return U(L, (o) => {
|
|
1357
1357
|
vt.value = o;
|
|
1358
|
-
}, { immediate: !0 }),
|
|
1358
|
+
}, { immediate: !0 }), U(Je, (o) => {
|
|
1359
1359
|
o !== Me.value && (Me.value = o);
|
|
1360
|
-
}, { immediate: !0 }),
|
|
1360
|
+
}, { immediate: !0 }), U(Me, (o) => {
|
|
1361
1361
|
Ae.value && (o = o.trim()), C("changed", o);
|
|
1362
|
-
}),
|
|
1362
|
+
}), U(pt, (o) => {
|
|
1363
1363
|
C(o ? "focused" : "blurred");
|
|
1364
|
-
}),
|
|
1364
|
+
}), U(it, (o) => {
|
|
1365
1365
|
C("show-input-eye", o);
|
|
1366
|
-
}, { immediate: !0 }),
|
|
1366
|
+
}, { immediate: !0 }), U(Me, (o) => {
|
|
1367
1367
|
Ae.value && (o = o.trim()), C("current-value", o);
|
|
1368
|
-
}),
|
|
1368
|
+
}), U(L, (o) => {
|
|
1369
1369
|
o === "password" && nextTick(() => {
|
|
1370
1370
|
const f = document.getElementById(_e.value);
|
|
1371
1371
|
f && (f.type = "password", f.removeAttribute("autocomplete"));
|
|
1372
1372
|
});
|
|
1373
|
-
}), (o, f) => n(I) ? (O(),
|
|
1373
|
+
}), (o, f) => n(I) ? (O(), j("div", da({
|
|
1374
1374
|
key: 0,
|
|
1375
1375
|
class: ["nb-wrapper", Mt.value],
|
|
1376
1376
|
style: [zt.value, Lt.value, mt.value],
|
|
@@ -1382,13 +1382,13 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
|
|
|
1382
1382
|
style: We([Ht.value, Lt.value, mt.value]),
|
|
1383
1383
|
onClick: xt
|
|
1384
1384
|
}, [
|
|
1385
|
-
n(V) ? (O(),
|
|
1385
|
+
n(V) ? (O(), j("label", {
|
|
1386
1386
|
key: 0,
|
|
1387
1387
|
for: ht.value,
|
|
1388
1388
|
class: "component__label",
|
|
1389
1389
|
style: We([Ot.value])
|
|
1390
1390
|
}, St(e.label), 13, hl)) : Le("", !0),
|
|
1391
|
-
Nt.value ? (O(),
|
|
1391
|
+
Nt.value ? (O(), j("div", {
|
|
1392
1392
|
key: 1,
|
|
1393
1393
|
class: Ne(["component__eye", ea.value]),
|
|
1394
1394
|
style: We([mt.value]),
|
|
@@ -1398,13 +1398,13 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
|
|
|
1398
1398
|
for: ht.value,
|
|
1399
1399
|
class: Ne(["component__eye-icon", "fas"])
|
|
1400
1400
|
}, [
|
|
1401
|
-
e.inputEyeCustomIcon ? (O(),
|
|
1401
|
+
e.inputEyeCustomIcon ? (O(), j("span", Sl, [
|
|
1402
1402
|
it.value ? ia(o.$slots, "eye-icon-show", { key: 0 }, () => [
|
|
1403
1403
|
f[4] || (f[4] = ga("show"))
|
|
1404
1404
|
], !0) : ia(o.$slots, "eye-icon-hidden", { key: 1 }, () => [
|
|
1405
1405
|
f[5] || (f[5] = ga("hidden"))
|
|
1406
1406
|
], !0)
|
|
1407
|
-
])) : (O(),
|
|
1407
|
+
])) : (O(), j("span", xl, St(Xt.value), 1))
|
|
1408
1408
|
], 8, Cl)
|
|
1409
1409
|
], 6)) : Le("", !0),
|
|
1410
1410
|
pa(fe("input", {
|
|
@@ -1413,7 +1413,7 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
|
|
|
1413
1413
|
name: ht.value,
|
|
1414
1414
|
type: vt.value,
|
|
1415
1415
|
class: Ne(["component__input", [
|
|
1416
|
-
|
|
1416
|
+
Oe.value,
|
|
1417
1417
|
Zt.value,
|
|
1418
1418
|
r.value
|
|
1419
1419
|
]]),
|
|
@@ -1422,7 +1422,7 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
|
|
|
1422
1422
|
required: e.required,
|
|
1423
1423
|
readonly: n(_),
|
|
1424
1424
|
autocomplete: e.inputAutocomplete,
|
|
1425
|
-
tabindex: n(R) || n(_) ? -1 : n(
|
|
1425
|
+
tabindex: n(R) || n(_) ? -1 : n(Xe),
|
|
1426
1426
|
role: "input",
|
|
1427
1427
|
style: We([mt.value, Ft.value]),
|
|
1428
1428
|
onFocus: f[1] || (f[1] = (w) => pt.value = !0),
|
|
@@ -1431,7 +1431,7 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
|
|
|
1431
1431
|
}, null, 46, Vl), [
|
|
1432
1432
|
[Ha, Me.value]
|
|
1433
1433
|
]),
|
|
1434
|
-
n(ue) ? (O(),
|
|
1434
|
+
n(ue) ? (O(), j("label", {
|
|
1435
1435
|
key: 2,
|
|
1436
1436
|
for: ht.value,
|
|
1437
1437
|
class: Ne(["component__icon", $t.value])
|
|
@@ -1441,7 +1441,7 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
|
|
|
1441
1441
|
], !0)
|
|
1442
1442
|
], 10, kl)) : Le("", !0)
|
|
1443
1443
|
], 14, ml),
|
|
1444
|
-
ta.value ? (O(),
|
|
1444
|
+
ta.value ? (O(), j("div", {
|
|
1445
1445
|
key: 0,
|
|
1446
1446
|
class: Ne(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
|
|
1447
1447
|
}, [
|
|
@@ -1451,7 +1451,7 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
|
|
|
1451
1451
|
], 2)) : Le("", !0)
|
|
1452
1452
|
], 16)) : Le("", !0);
|
|
1453
1453
|
}
|
|
1454
|
-
}), Tl = /* @__PURE__ */ ba(Ll, [["__scopeId", "data-v-
|
|
1454
|
+
}), Tl = /* @__PURE__ */ ba(Ll, [["__scopeId", "data-v-7da192c6"]]);
|
|
1455
1455
|
const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"], wl = ["id", "name", "placeholder", "readonly", "autocomplete", "required", "tabindex"], Rl = /* @__PURE__ */ Object.assign({
|
|
1456
1456
|
name: "NbInputChip",
|
|
1457
1457
|
inheritAttrs: !1
|
|
@@ -1777,34 +1777,34 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
|
|
|
1777
1777
|
emits: ["clicked", "changed", "removed", "added", "input-changed", "focused", "blurred"],
|
|
1778
1778
|
setup(e, { emit: m }) {
|
|
1779
1779
|
fa((u) => ({
|
|
1780
|
-
|
|
1781
|
-
"
|
|
1782
|
-
"
|
|
1783
|
-
"
|
|
1784
|
-
"
|
|
1785
|
-
"
|
|
1786
|
-
|
|
1787
|
-
"
|
|
1788
|
-
|
|
1789
|
-
"
|
|
1790
|
-
|
|
1791
|
-
"
|
|
1792
|
-
"
|
|
1793
|
-
"
|
|
1794
|
-
|
|
1795
|
-
"
|
|
1796
|
-
"
|
|
1797
|
-
"
|
|
1798
|
-
|
|
1799
|
-
"
|
|
1800
|
-
|
|
1801
|
-
"
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
"
|
|
1805
|
-
"
|
|
1780
|
+
fc1ac0b0: Me.value,
|
|
1781
|
+
"79d1c87b": it.value,
|
|
1782
|
+
"696e69d9": n(gt),
|
|
1783
|
+
"932442fe": n(qe),
|
|
1784
|
+
"27ef350c": n(at),
|
|
1785
|
+
"2cd1cb15": n(Xe),
|
|
1786
|
+
"52ecfd26": n(ke),
|
|
1787
|
+
"409a5ab6": n(Ce),
|
|
1788
|
+
28108427: n(He),
|
|
1789
|
+
"4bce344f": n(nt),
|
|
1790
|
+
eae5b770: n(dt),
|
|
1791
|
+
"6952ec3a": n(Ze),
|
|
1792
|
+
"324c768a": n(Ue),
|
|
1793
|
+
"7de70284": n(y),
|
|
1794
|
+
f2a74904: n(Je),
|
|
1795
|
+
"1a16a520": n(ct),
|
|
1796
|
+
"1027c368": ae.value,
|
|
1797
|
+
"56f8ed38": B.value,
|
|
1798
|
+
eb9a1eec: Mt.value,
|
|
1799
|
+
"60371da2": zt.value,
|
|
1800
|
+
f3a4428e: u.styleButtonColor,
|
|
1801
|
+
"63e2ff9e": vt.value,
|
|
1802
|
+
fba8b536: n(lt),
|
|
1803
|
+
f7ffcb44: n(yt),
|
|
1804
|
+
"810f659a": n(je),
|
|
1805
|
+
"77f82b2c": n(S)
|
|
1806
1806
|
})), sa(() => {
|
|
1807
|
-
|
|
1807
|
+
G.value.length > 0 && (H.value = G.value);
|
|
1808
1808
|
});
|
|
1809
1809
|
const C = m, E = e, {
|
|
1810
1810
|
nbId: I,
|
|
@@ -1813,20 +1813,20 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
|
|
|
1813
1813
|
paddingX: Te,
|
|
1814
1814
|
paddingY: Se,
|
|
1815
1815
|
borderRadius: ie,
|
|
1816
|
-
disabled:
|
|
1816
|
+
disabled: J,
|
|
1817
1817
|
fontFamily: Pe,
|
|
1818
1818
|
fontSize: Be,
|
|
1819
|
-
fontWeight:
|
|
1820
|
-
currentList:
|
|
1819
|
+
fontWeight: le,
|
|
1820
|
+
currentList: G,
|
|
1821
1821
|
allowDuplicates: R,
|
|
1822
|
-
minChips:
|
|
1822
|
+
minChips: ne,
|
|
1823
1823
|
maxChips: se,
|
|
1824
|
-
inputPosition:
|
|
1824
|
+
inputPosition: K,
|
|
1825
1825
|
width: Ve,
|
|
1826
1826
|
inputName: de,
|
|
1827
1827
|
inputPlaceholder: F,
|
|
1828
1828
|
inputUppercase: pe,
|
|
1829
|
-
inputReadonly:
|
|
1829
|
+
inputReadonly: X,
|
|
1830
1830
|
inputAutocomplete: me,
|
|
1831
1831
|
required: be,
|
|
1832
1832
|
textAlign: he,
|
|
@@ -1834,52 +1834,52 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
|
|
|
1834
1834
|
activeTextStyle: k,
|
|
1835
1835
|
theme: L,
|
|
1836
1836
|
inputStyle: Ae,
|
|
1837
|
-
lightBgColor:
|
|
1837
|
+
lightBgColor: qe,
|
|
1838
1838
|
lightBgColorFocus: _e,
|
|
1839
|
-
lightBorderColor:
|
|
1840
|
-
lightBorderColorFocus:
|
|
1841
|
-
lightDisabledBgColor:
|
|
1839
|
+
lightBorderColor: at,
|
|
1840
|
+
lightBorderColorFocus: Je,
|
|
1841
|
+
lightDisabledBgColor: lt,
|
|
1842
1842
|
lightTextColor: gt,
|
|
1843
|
-
lightChipBgColor:
|
|
1843
|
+
lightChipBgColor: Xe,
|
|
1844
1844
|
lightChipTextColor: ke,
|
|
1845
1845
|
lightChipRemoveColor: Ce,
|
|
1846
1846
|
lightDisabledBorderColor: yt,
|
|
1847
|
-
darkBgColor:
|
|
1847
|
+
darkBgColor: nt,
|
|
1848
1848
|
darkBgColorFocus: st,
|
|
1849
1849
|
darkBorderColor: dt,
|
|
1850
1850
|
darkBorderColorFocus: ct,
|
|
1851
|
-
darkDisabledBgColor:
|
|
1852
|
-
darkTextColor:
|
|
1853
|
-
darkChipBgColor:
|
|
1854
|
-
darkChipTextColor:
|
|
1851
|
+
darkDisabledBgColor: je,
|
|
1852
|
+
darkTextColor: He,
|
|
1853
|
+
darkChipBgColor: Ze,
|
|
1854
|
+
darkChipTextColor: Ue,
|
|
1855
1855
|
darkChipRemoveColor: y,
|
|
1856
1856
|
darkDisabledBorderColor: S,
|
|
1857
|
-
tabIndex:
|
|
1858
|
-
hasTabIndexEnter:
|
|
1857
|
+
tabIndex: oe,
|
|
1858
|
+
hasTabIndexEnter: Z,
|
|
1859
1859
|
ariaLabel: ge,
|
|
1860
1860
|
ariaAttrs: $e,
|
|
1861
|
-
caretColor:
|
|
1861
|
+
caretColor: Ge,
|
|
1862
1862
|
selectionBgColor: ue,
|
|
1863
1863
|
selectionTextColor: d,
|
|
1864
1864
|
showLabel: v,
|
|
1865
1865
|
label: ce,
|
|
1866
|
-
labelBackground:
|
|
1867
|
-
labelPadding:
|
|
1866
|
+
labelBackground: Y,
|
|
1867
|
+
labelPadding: ee,
|
|
1868
1868
|
labelBorderRadius: we,
|
|
1869
1869
|
labelLeft: Re,
|
|
1870
1870
|
inputLabelMarginActive: Ee,
|
|
1871
|
-
labelActiveTop:
|
|
1872
|
-
labelActiveLeft:
|
|
1873
|
-
fontFamilyLabel:
|
|
1874
|
-
fontSizeLabel:
|
|
1871
|
+
labelActiveTop: Ke,
|
|
1872
|
+
labelActiveLeft: et,
|
|
1873
|
+
fontFamilyLabel: ot,
|
|
1874
|
+
fontSizeLabel: ut,
|
|
1875
1875
|
fontSizeLabelActive: ft,
|
|
1876
1876
|
fontWeightLabel: h,
|
|
1877
1877
|
lightTextColorLabel: M,
|
|
1878
1878
|
lightTextColorLabelActive: V,
|
|
1879
|
-
darkTextColorLabel:
|
|
1879
|
+
darkTextColorLabel: Fe,
|
|
1880
1880
|
darkTextColorLabelActive: T
|
|
1881
|
-
} = va(E), ye =
|
|
1882
|
-
const u =
|
|
1881
|
+
} = va(E), ye = Q(""), Vt = Q(null), kt = Q(null), rt = Q(null), H = Q([]), N = Q(!1), te = a(() => {
|
|
1882
|
+
const u = J.value ? "component-disabled" : "", p = xe.value !== "b" ? "inline-block" : "block", P = !Ve.value || Ve.value < 185 ? 185 : Ve.value, Oe = ve ? ve.value : "ffffff", Nt = Ge.value ? Ge.value : "", Xt = ue.value ? ue.value : "", ht = d.value ? d.value : "", Wt = Te.value !== 0 && !Te.value || Te.value < 0 ? 1 : Te.value, Pt = Se.value !== 0 && !Se.value || Se.value < 0 ? 0.2 : Se.value, Zt = ie.value !== 0 && !ie.value || ie.value < 0 ? 0 : ie.value, ea = Pe.value ? Pe.value : "'Lato', sans-serif", Ct = Be.value ? Be.value : "1.4em", ta = le.value !== 0 && !le.value || le.value < 0 ? 100 : le.value, aa = ne.value !== 0 && !ne.value || ne.value < 0 ? 0 : ne.value, la = se.value !== 0 && !se.value || se.value < 0 ? 10 : se.value, na = !K.value || !["top", "bottom"].includes(K.value) ? "bottom" : K.value, $t = !Ae.value || !["background", "line", "border"].includes(Ae.value) ? "background" : Ae.value, oa = L.value ? L.value : "light", ua = v.value ? v.value : !1, ra = Re.value !== 0 && !Re.value || Re.value < 0 ? 5 : Re.value, Et = Y.value ? Y.value : "transparent", Ft = Ee.value !== 0 && !Ee.value || Ee.value < 0 ? 15 : Ee.value, Ot = ee.value ? ee.value : "1px 5px", bt = we.value !== 0 && !we.value || we.value < 0 ? 0 : we.value, Tt = Ke.value === null || Ke.value === void 0 ? 13 : Ke.value, xt = et.value === null || et.value === void 0 ? 5 : et.value, qt = ot.value ? ot.value : "'Lato', sans-serif", o = ut.value ? ut.value : "1em", f = ft.value ? ft.value : "0.8em", w = h.value ? h.value : 400, Ye = M.value ? M.value : "#333333", Qe = Fe.value ? Fe.value : "#ffffff", t = V.value ? V.value : "#333333", l = T.value ? T.value : "#ffffff";
|
|
1883
1883
|
return {
|
|
1884
1884
|
disabled: u,
|
|
1885
1885
|
display: p,
|
|
@@ -1887,7 +1887,7 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
|
|
|
1887
1887
|
font: ea,
|
|
1888
1888
|
fontSize: Ct,
|
|
1889
1889
|
fontWeight: ta,
|
|
1890
|
-
textColor:
|
|
1890
|
+
textColor: Oe,
|
|
1891
1891
|
caretColor: Nt,
|
|
1892
1892
|
selectionBgColor: Xt,
|
|
1893
1893
|
selectionTextColor: ht,
|
|
@@ -1911,23 +1911,23 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
|
|
|
1911
1911
|
fontSizeLabel: o,
|
|
1912
1912
|
fontSizeLabelActive: f,
|
|
1913
1913
|
fontWeightLabel: w,
|
|
1914
|
-
lightTextColorLabel:
|
|
1915
|
-
darkTextColorLabel:
|
|
1914
|
+
lightTextColorLabel: Ye,
|
|
1915
|
+
darkTextColorLabel: Qe,
|
|
1916
1916
|
lightTextColorLabelActive: t,
|
|
1917
1917
|
darkTextColorLabelActive: l
|
|
1918
1918
|
};
|
|
1919
|
-
}), $ = a(() =>
|
|
1920
|
-
const u =
|
|
1919
|
+
}), $ = a(() => te.value.disabled), z = a(() => {
|
|
1920
|
+
const u = te.value, p = _t.value;
|
|
1921
1921
|
return {
|
|
1922
1922
|
display: u.display,
|
|
1923
1923
|
// Adiciona padding-top quando o label está ativo para evitar que seja cortado
|
|
1924
1924
|
paddingTop: p && v.value ? `${Math.abs(u.labelActiveTop)}px` : "0"
|
|
1925
1925
|
};
|
|
1926
|
-
}),
|
|
1927
|
-
const u =
|
|
1926
|
+
}), ae = a(() => {
|
|
1927
|
+
const u = te.value;
|
|
1928
1928
|
return u.fontSize ? u.fontSize : "1.4em";
|
|
1929
1929
|
}), W = a(() => {
|
|
1930
|
-
const u =
|
|
1930
|
+
const u = te.value, p = _t.value;
|
|
1931
1931
|
return {
|
|
1932
1932
|
color: u.textColor,
|
|
1933
1933
|
padding: `${u.paddingY}rem ${u.paddingX}rem`,
|
|
@@ -1945,27 +1945,27 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
|
|
|
1945
1945
|
return "component__text--normal";
|
|
1946
1946
|
}
|
|
1947
1947
|
}), Rt = a(() => {
|
|
1948
|
-
const u =
|
|
1948
|
+
const u = te.value;
|
|
1949
1949
|
return u.inputStyle !== "line" && _.value ? { borderRadius: `${u.borderRadius}rem` } : {};
|
|
1950
|
-
}), Me = a(() =>
|
|
1950
|
+
}), Me = a(() => te.value.font), vt = a(() => te.value.textColor), it = a(() => te.value.inputPosition === "top" ? "column" : "column-reverse"), pt = a(() => {
|
|
1951
1951
|
const u = {};
|
|
1952
|
-
$e.value && Object.keys($e.value).forEach((
|
|
1952
|
+
$e.value && Object.keys($e.value).forEach((Oe) => u[`aria-${Oe}`] = $e.value[Oe]);
|
|
1953
1953
|
const p = {
|
|
1954
1954
|
"aria-label": ge.value,
|
|
1955
|
-
"aria-disabled":
|
|
1955
|
+
"aria-disabled": J.value,
|
|
1956
1956
|
...u
|
|
1957
1957
|
};
|
|
1958
1958
|
return Object.fromEntries(
|
|
1959
|
-
Object.entries(p).filter(([P,
|
|
1959
|
+
Object.entries(p).filter(([P, Oe]) => Oe != null)
|
|
1960
1960
|
);
|
|
1961
1961
|
}), B = a(() => {
|
|
1962
|
-
const u =
|
|
1962
|
+
const u = te.value;
|
|
1963
1963
|
return u.caretColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
|
|
1964
1964
|
}), Mt = a(() => {
|
|
1965
|
-
const u =
|
|
1965
|
+
const u = te.value;
|
|
1966
1966
|
return u.selectionBgColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
|
|
1967
1967
|
}), zt = a(() => {
|
|
1968
|
-
const u =
|
|
1968
|
+
const u = te.value;
|
|
1969
1969
|
return u.selectionTextColor || (u.theme === "dark" ? "#000000" : "#ffffff");
|
|
1970
1970
|
}), Bt = a(() => ({
|
|
1971
1971
|
caretColor: B.value
|
|
@@ -1973,17 +1973,17 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
|
|
|
1973
1973
|
"--selection-bg-color": Mt.value,
|
|
1974
1974
|
"--selection-text-color": zt.value
|
|
1975
1975
|
})), mt = a(() => {
|
|
1976
|
-
const u =
|
|
1976
|
+
const u = te.value, p = {
|
|
1977
1977
|
width: `${u.width}px`
|
|
1978
1978
|
};
|
|
1979
1979
|
return u.display === "block" ? { width: "auto" } : p;
|
|
1980
|
-
}), At = a(() => de.value ? de.value : `${I.value}-name-label`), _t = a(() => N.value ||
|
|
1981
|
-
const u =
|
|
1980
|
+
}), At = a(() => de.value ? de.value : `${I.value}-name-label`), _t = a(() => N.value || H.value.length > 0 || ye.value && ye.value.trim().length > 0), Dt = a(() => v.value ? N.value || H.value.length > 0 ? F.value : "" : F.value), Ut = a(() => {
|
|
1981
|
+
const u = te.value, p = _t.value, P = p ? u.lightTextColorLabelActive : u.lightTextColorLabel, Oe = p ? u.darkTextColorLabelActive : u.darkTextColorLabel;
|
|
1982
1982
|
return {
|
|
1983
1983
|
fontFamily: u.fontFamilyLabel,
|
|
1984
1984
|
fontSize: p ? u.fontSizeLabelActive : u.fontSizeLabel,
|
|
1985
1985
|
fontWeight: u.fontWeightLabel,
|
|
1986
|
-
color: u.theme === "dark" ?
|
|
1986
|
+
color: u.theme === "dark" ? Oe : P,
|
|
1987
1987
|
top: p ? `${u.labelActiveTop}px` : "50%",
|
|
1988
1988
|
left: p ? `${u.labelActiveLeft}px` : `${u.labelLeft}px`,
|
|
1989
1989
|
transform: p ? "translateY(0)" : "translateY(-50%)",
|
|
@@ -2015,27 +2015,27 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
|
|
|
2015
2015
|
}, Jt = () => {
|
|
2016
2016
|
N.value = !1, C("blurred");
|
|
2017
2017
|
}, Lt = (u) => {
|
|
2018
|
-
if (!(
|
|
2018
|
+
if (!(J.value || X.value) && u.key === "Enter" && ye.value.trim() !== "") {
|
|
2019
2019
|
u.preventDefault();
|
|
2020
2020
|
let p = ye.value.trim();
|
|
2021
|
-
pe.value && (p = p.toUpperCase()), (R.value || !
|
|
2021
|
+
pe.value && (p = p.toUpperCase()), (R.value || !H.value.includes(p)) && It(p), ye.value = "";
|
|
2022
2022
|
}
|
|
2023
2023
|
}, It = (u) => {
|
|
2024
|
-
|
|
2024
|
+
H.value.push(u), C("added", u);
|
|
2025
2025
|
}, r = (u) => {
|
|
2026
|
-
|
|
2026
|
+
H.value = H.value.filter((p) => p !== u), C("removed", u);
|
|
2027
2027
|
};
|
|
2028
|
-
return G
|
|
2029
|
-
|
|
2030
|
-
}),
|
|
2028
|
+
return U(G, (u) => {
|
|
2029
|
+
H.value = u, C("changed", u);
|
|
2030
|
+
}), U(ye, (u) => {
|
|
2031
2031
|
C("input-changed", u);
|
|
2032
|
-
}), (u, p) => n(I) ? (O(),
|
|
2032
|
+
}), (u, p) => n(I) ? (O(), j("div", da({
|
|
2033
2033
|
key: 0,
|
|
2034
2034
|
class: ["nb-wrapper", $.value],
|
|
2035
2035
|
style: [z.value],
|
|
2036
2036
|
role: "input"
|
|
2037
2037
|
}, pt.value, { onClick: Yt }), [
|
|
2038
|
-
n(v) ? (O(),
|
|
2038
|
+
n(v) ? (O(), j("label", {
|
|
2039
2039
|
key: 0,
|
|
2040
2040
|
for: At.value,
|
|
2041
2041
|
class: "component__label",
|
|
@@ -2048,26 +2048,26 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
|
|
|
2048
2048
|
class: Ne(["nb-reset", "component", Gt.value, Kt.value]),
|
|
2049
2049
|
style: We([W.value, mt.value, Rt.value])
|
|
2050
2050
|
}, [
|
|
2051
|
-
|
|
2051
|
+
H.value.length > 0 ? (O(), j("div", {
|
|
2052
2052
|
key: 0,
|
|
2053
2053
|
ref_key: "chips",
|
|
2054
|
-
ref:
|
|
2054
|
+
ref: rt,
|
|
2055
2055
|
class: "chips"
|
|
2056
2056
|
}, [
|
|
2057
|
-
(O(!0),
|
|
2057
|
+
(O(!0), j(qa, null, ja(H.value, (P) => (O(), j("div", {
|
|
2058
2058
|
key: P,
|
|
2059
2059
|
class: "chip"
|
|
2060
2060
|
}, [
|
|
2061
2061
|
ia(u.$slots, "chip", {
|
|
2062
|
-
chips:
|
|
2062
|
+
chips: H.value,
|
|
2063
2063
|
chip: P,
|
|
2064
2064
|
removeChip: r
|
|
2065
2065
|
}, () => [
|
|
2066
2066
|
fe("span", _l, St(P), 1),
|
|
2067
|
-
!n(
|
|
2067
|
+
!n(J) && !n(X) ? (O(), j("span", {
|
|
2068
2068
|
key: 0,
|
|
2069
2069
|
class: "chip-remove",
|
|
2070
|
-
onClick: (
|
|
2070
|
+
onClick: (Oe) => r(P)
|
|
2071
2071
|
}, "×", 8, $l)) : Le("", !0)
|
|
2072
2072
|
], !0)
|
|
2073
2073
|
]))), 128))
|
|
@@ -2080,13 +2080,13 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
|
|
|
2080
2080
|
id: At.value,
|
|
2081
2081
|
name: At.value,
|
|
2082
2082
|
placeholder: Dt.value,
|
|
2083
|
-
readonly: n(
|
|
2083
|
+
readonly: n(X),
|
|
2084
2084
|
autocomplete: n(me),
|
|
2085
2085
|
required: n(be),
|
|
2086
|
-
tabindex: n(
|
|
2086
|
+
tabindex: n(J) || n(X) ? -1 : n(oe),
|
|
2087
2087
|
class: Ne(["chips-input", wt.value]),
|
|
2088
2088
|
style: We([Bt.value, Ht.value]),
|
|
2089
|
-
onKeydown: p[1] || (p[1] = jt((P) => !n(
|
|
2089
|
+
onKeydown: p[1] || (p[1] = jt((P) => !n(J) && n(Z) && Lt(P), ["enter"])),
|
|
2090
2090
|
onFocus: Qt,
|
|
2091
2091
|
onBlur: Jt
|
|
2092
2092
|
}, null, 46, wl), [
|
|
@@ -2095,7 +2095,7 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
|
|
|
2095
2095
|
], 14, Al)
|
|
2096
2096
|
], 16)) : Le("", !0);
|
|
2097
2097
|
}
|
|
2098
|
-
}), Ml = /* @__PURE__ */ ba(Rl, [["__scopeId", "data-v-
|
|
2098
|
+
}), Ml = /* @__PURE__ */ ba(Rl, [["__scopeId", "data-v-c066fb82"]]);
|
|
2099
2099
|
const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled", "required", "readonly", "autocomplete", "tabindex"], Nl = /* @__PURE__ */ Object.assign({
|
|
2100
2100
|
name: "NbTextarea",
|
|
2101
2101
|
inheritAttrs: !1
|
|
@@ -2466,29 +2466,29 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2466
2466
|
],
|
|
2467
2467
|
setup(e, { emit: m }) {
|
|
2468
2468
|
fa((r) => ({
|
|
2469
|
-
"
|
|
2470
|
-
"
|
|
2471
|
-
|
|
2472
|
-
"
|
|
2473
|
-
"
|
|
2474
|
-
"
|
|
2475
|
-
|
|
2476
|
-
|
|
2477
|
-
"
|
|
2478
|
-
|
|
2479
|
-
"
|
|
2480
|
-
"
|
|
2481
|
-
"
|
|
2482
|
-
|
|
2483
|
-
"
|
|
2484
|
-
|
|
2485
|
-
|
|
2486
|
-
"
|
|
2487
|
-
"
|
|
2488
|
-
"
|
|
2489
|
-
"
|
|
2469
|
+
"35d5fe9e": N.value,
|
|
2470
|
+
"2a0fe562": n(Xe),
|
|
2471
|
+
"06a3b882": wt.value,
|
|
2472
|
+
"2de69c54": Rt.value,
|
|
2473
|
+
"34a20228": Me.value,
|
|
2474
|
+
"4caccc1e": n(nt),
|
|
2475
|
+
"8a4f3906": n(yt),
|
|
2476
|
+
f93396ce: n(ke),
|
|
2477
|
+
"717e27bf": n(Ce),
|
|
2478
|
+
"1a634f4a": n(gt),
|
|
2479
|
+
"71d5e777": n(Je),
|
|
2480
|
+
"69e18fa1": n(lt),
|
|
2481
|
+
"7c7e4d9c": kt.value,
|
|
2482
|
+
"74e4862e": n(st),
|
|
2483
|
+
"3d6d3836": At.value,
|
|
2484
|
+
b7a4e8ee: te.value,
|
|
2485
|
+
"04c04170": $.value,
|
|
2486
|
+
"7e298071": z.value,
|
|
2487
|
+
"743e5ecb": W.value,
|
|
2488
|
+
"684706a2": r.styleButtonColor,
|
|
2489
|
+
"3526b9d8": ae.value
|
|
2490
2490
|
})), sa(() => {
|
|
2491
|
-
V.value =
|
|
2491
|
+
V.value = qe.value;
|
|
2492
2492
|
}), ma(() => {
|
|
2493
2493
|
Qt();
|
|
2494
2494
|
});
|
|
@@ -2499,20 +2499,20 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2499
2499
|
ariaLabel: Te,
|
|
2500
2500
|
ariaAttrs: Se,
|
|
2501
2501
|
textColor: ie,
|
|
2502
|
-
caretColor:
|
|
2502
|
+
caretColor: J,
|
|
2503
2503
|
selectionBgColor: Pe,
|
|
2504
2504
|
selectionTextColor: Be,
|
|
2505
|
-
hasBorderRadius:
|
|
2506
|
-
borderRadius:
|
|
2505
|
+
hasBorderRadius: le,
|
|
2506
|
+
borderRadius: G,
|
|
2507
2507
|
disabled: R,
|
|
2508
|
-
fontFamily:
|
|
2508
|
+
fontFamily: ne,
|
|
2509
2509
|
fontSize: se,
|
|
2510
|
-
fontWeight:
|
|
2510
|
+
fontWeight: K,
|
|
2511
2511
|
fontFamilyMsg: Ve,
|
|
2512
2512
|
fontSizeMsg: de,
|
|
2513
2513
|
fontWeightMsg: F,
|
|
2514
2514
|
textMessageColor: pe,
|
|
2515
|
-
inputWidth:
|
|
2515
|
+
inputWidth: X,
|
|
2516
2516
|
inputStyle: me,
|
|
2517
2517
|
activeTextStyle: be,
|
|
2518
2518
|
inputReadonly: he,
|
|
@@ -2520,49 +2520,49 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2520
2520
|
inputUppercase: k,
|
|
2521
2521
|
inputName: L,
|
|
2522
2522
|
inputPlaceholder: Ae,
|
|
2523
|
-
inputText:
|
|
2523
|
+
inputText: qe,
|
|
2524
2524
|
theme: _e,
|
|
2525
|
-
tabindex:
|
|
2526
|
-
lightBgColor:
|
|
2527
|
-
lightBgColorFocus:
|
|
2525
|
+
tabindex: at,
|
|
2526
|
+
lightBgColor: Je,
|
|
2527
|
+
lightBgColorFocus: lt,
|
|
2528
2528
|
lightDisabledBgColor: gt,
|
|
2529
|
-
lightTextColor:
|
|
2529
|
+
lightTextColor: Xe,
|
|
2530
2530
|
darkBgColor: ke,
|
|
2531
2531
|
darkBgColorFocus: Ce,
|
|
2532
2532
|
darkDisabledBgColor: yt,
|
|
2533
|
-
darkTextColor:
|
|
2533
|
+
darkTextColor: nt,
|
|
2534
2534
|
textAlign: st,
|
|
2535
2535
|
showMsg: dt,
|
|
2536
2536
|
hasMsg: ct,
|
|
2537
|
-
showLabel:
|
|
2538
|
-
labelBackground:
|
|
2539
|
-
labelPadding:
|
|
2540
|
-
labelBorderRadius:
|
|
2537
|
+
showLabel: je,
|
|
2538
|
+
labelBackground: He,
|
|
2539
|
+
labelPadding: Ze,
|
|
2540
|
+
labelBorderRadius: Ue,
|
|
2541
2541
|
labelLeft: y,
|
|
2542
2542
|
inputLabelMarginActive: S,
|
|
2543
|
-
labelActiveTop:
|
|
2544
|
-
labelActiveLeft:
|
|
2543
|
+
labelActiveTop: oe,
|
|
2544
|
+
labelActiveLeft: Z,
|
|
2545
2545
|
fontFamilyLabel: ge,
|
|
2546
2546
|
fontSizeLabel: $e,
|
|
2547
|
-
fontSizeLabelActive:
|
|
2547
|
+
fontSizeLabelActive: Ge,
|
|
2548
2548
|
fontWeightLabel: ue,
|
|
2549
2549
|
lightTextColorLabel: d,
|
|
2550
2550
|
lightTextColorLabelActive: v,
|
|
2551
2551
|
darkTextColorLabel: ce,
|
|
2552
|
-
darkTextColorLabelActive:
|
|
2553
|
-
rows:
|
|
2552
|
+
darkTextColorLabelActive: Y,
|
|
2553
|
+
rows: ee,
|
|
2554
2554
|
cols: we,
|
|
2555
2555
|
maxlength: Re,
|
|
2556
2556
|
minlength: Ee,
|
|
2557
|
-
wrap:
|
|
2558
|
-
spellcheck:
|
|
2559
|
-
autofocus:
|
|
2560
|
-
resize:
|
|
2557
|
+
wrap: Ke,
|
|
2558
|
+
spellcheck: et,
|
|
2559
|
+
autofocus: ot,
|
|
2560
|
+
resize: ut,
|
|
2561
2561
|
autoResize: ft,
|
|
2562
2562
|
minRows: h,
|
|
2563
2563
|
maxRows: M
|
|
2564
|
-
} = va(E), V =
|
|
2565
|
-
const r = R.value ? "component-disabled" : "", u = xe.value !== "b" ? "inline-block" : "block", p = ie ? ie.value : "ffffff", P =
|
|
2564
|
+
} = va(E), V = Q(""), Fe = Q(!1), T = a(() => {
|
|
2565
|
+
const r = R.value ? "component-disabled" : "", u = xe.value !== "b" ? "inline-block" : "block", p = ie ? ie.value : "ffffff", P = J.value ? J.value : "", Oe = Pe.value ? Pe.value : "", Nt = Be.value ? Be.value : "", Xt = le.value ? le.value : !1, ht = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, Wt = ne.value ? ne.value : "'Lato', sans-serif", Pt = se.value ? se.value : "1.4em", Zt = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, ea = Ve.value ? Ve.value : "'Lato', sans-serif", Ct = de.value ? de.value : "1em", ta = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, aa = pe.value ? pe.value : "#f15574", la = X.value ? X.value : 200, na = be.value ? be.value : "normal", $t = he.value ? he.value : !1, oa = k.value ? k.value : !1, ua = _e.value ? _e.value : "normal", ra = st.value ? st.value : "left", Et = me.value ? me.value : "background", Ft = je.value ? je.value : !1, Ot = y.value !== 0 && !y.value || y.value < 0 ? 5 : y.value, bt = He.value ? He.value : "transparent", Tt = S.value !== 0 && !S.value || S.value < 0 ? 15 : S.value, xt = Ze.value ? Ze.value : "1px 5px", qt = Ue.value !== 0 && !Ue.value || Ue.value < 0 ? 0 : Ue.value, o = oe.value === null || oe.value === void 0 ? -13 : oe.value, f = Z.value === null || Z.value === void 0 ? -10 : Z.value, w = ge.value ? ge.value : "'Lato', sans-serif", Ye = $e.value ? $e.value : "1em", Qe = Ge.value ? Ge.value : "0.8em", t = ue.value ? ue.value : 400, l = d.value ? d.value : "#ffffff", i = ce.value ? ce.value : "#000000", s = v.value ? v.value : "#ffffff", b = Y.value ? Y.value : "#000000", c = ee.value && ee.value > 0 ? ee.value : 2, g = we.value && we.value > 0 ? we.value : 20, x = Re.value !== null && Re.value >= 0 ? Re.value : null, A = Ee.value !== null && Ee.value >= 0 ? Ee.value : null, D = Ke.value && ["soft", "hard", "off"].includes(Ke.value) ? Ke.value : "soft", q = et.value !== void 0 ? et.value : "default", re = ot.value !== void 0 ? ot.value : !1, ze = ut.value && ["none", "both", "vertical", "horizontal"].includes(ut.value) ? ut.value : "vertical", tt = ft.value !== void 0 ? ft.value : !1, De = h.value !== null && h.value > 0 ? h.value : null, Ie = M.value !== null && M.value > 0 ? M.value : null;
|
|
2566
2566
|
return {
|
|
2567
2567
|
disabled: r,
|
|
2568
2568
|
display: u,
|
|
@@ -2575,7 +2575,7 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2575
2575
|
textMessageColor: aa,
|
|
2576
2576
|
textColor: p,
|
|
2577
2577
|
caretColor: P,
|
|
2578
|
-
selectionBgColor:
|
|
2578
|
+
selectionBgColor: Oe,
|
|
2579
2579
|
selectionTextColor: Nt,
|
|
2580
2580
|
hasBorderRadius: Xt,
|
|
2581
2581
|
borderRadius: ht,
|
|
@@ -2595,8 +2595,8 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2595
2595
|
labelActiveTop: o,
|
|
2596
2596
|
labelActiveLeft: f,
|
|
2597
2597
|
fontFamilyLabel: w,
|
|
2598
|
-
fontSizeLabel:
|
|
2599
|
-
fontSizeLabelActive:
|
|
2598
|
+
fontSizeLabel: Ye,
|
|
2599
|
+
fontSizeLabelActive: Qe,
|
|
2600
2600
|
fontWeightLabel: t,
|
|
2601
2601
|
lightTextColorLabel: l,
|
|
2602
2602
|
darkTextColorLabel: i,
|
|
@@ -2607,10 +2607,10 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2607
2607
|
maxlength: x,
|
|
2608
2608
|
minlength: A,
|
|
2609
2609
|
wrap: D,
|
|
2610
|
-
spellcheck:
|
|
2610
|
+
spellcheck: q,
|
|
2611
2611
|
autofocus: re,
|
|
2612
2612
|
resize: ze,
|
|
2613
|
-
autoResize:
|
|
2613
|
+
autoResize: tt,
|
|
2614
2614
|
minRows: De,
|
|
2615
2615
|
maxRows: Ie
|
|
2616
2616
|
};
|
|
@@ -2619,16 +2619,16 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2619
2619
|
})), kt = a(() => {
|
|
2620
2620
|
const r = T.value;
|
|
2621
2621
|
return r.fontSize ? r.fontSize : "1.4em";
|
|
2622
|
-
}),
|
|
2622
|
+
}), rt = a(() => {
|
|
2623
2623
|
const r = T.value, u = mt.value;
|
|
2624
2624
|
return {
|
|
2625
2625
|
fontWeight: r.fontWeight,
|
|
2626
|
-
marginTop: u &&
|
|
2626
|
+
marginTop: u && je.value ? `${r.inputLabelMarginActive}px` : "0"
|
|
2627
2627
|
};
|
|
2628
|
-
}),
|
|
2628
|
+
}), H = a(() => {
|
|
2629
2629
|
const r = T.value;
|
|
2630
2630
|
return r.inputStyle !== "line" && r.hasBorderRadius ? { borderRadius: `${r.borderRadius}rem` } : {};
|
|
2631
|
-
}), N = a(() => T.value.font),
|
|
2631
|
+
}), N = a(() => T.value.font), te = a(() => T.value.fontFamilyMsg), $ = a(() => T.value.fontSizeMsg), z = a(() => T.value.fontWeightMsg), ae = a(() => T.value.textColor), W = a(() => T.value.textMessageColor), wt = a(() => {
|
|
2632
2632
|
const r = T.value;
|
|
2633
2633
|
return r.caretColor || (r.theme === "dark" ? "#00d4ff" : "#007bff");
|
|
2634
2634
|
}), Rt = a(() => {
|
|
@@ -2667,8 +2667,8 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2667
2667
|
default:
|
|
2668
2668
|
return "component__theme--light";
|
|
2669
2669
|
}
|
|
2670
|
-
}), Mt = a(() => T.value.inputReadonly ? "component__input--read-only" : ""), zt = a(() => T.value.inputUppercase ? "component__input--uppercase" : ""), Bt = a(() => L.value ? L.value : `${I.value}-name-label`), Ht = a(() =>
|
|
2671
|
-
a(() =>
|
|
2670
|
+
}), Mt = a(() => T.value.inputReadonly ? "component__input--read-only" : ""), zt = a(() => T.value.inputUppercase ? "component__input--uppercase" : ""), Bt = a(() => L.value ? L.value : `${I.value}-name-label`), Ht = a(() => je.value ? Fe.value ? Ae.value : "" : Ae.value), mt = a(() => Fe.value || V.value && V.value.trim().length > 0);
|
|
2671
|
+
a(() => Fe.value ? "component__input--active" : "component__input--no-active");
|
|
2672
2672
|
const At = a(() => "6px 10px"), _t = a(() => !!(dt.value && ct.value)), Dt = a(() => {
|
|
2673
2673
|
const r = {};
|
|
2674
2674
|
Se.value && Object.keys(Se.value).forEach((P) => r[`aria-${P}`] = Se.value[P]);
|
|
@@ -2715,7 +2715,7 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2715
2715
|
whiteSpace: "nowrap",
|
|
2716
2716
|
overflowX: "auto"
|
|
2717
2717
|
} : {}), Qt = () => {
|
|
2718
|
-
V.value =
|
|
2718
|
+
V.value = qe.value;
|
|
2719
2719
|
}, Jt = () => {
|
|
2720
2720
|
C("clicked");
|
|
2721
2721
|
}, Lt = () => {
|
|
@@ -2724,27 +2724,27 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2724
2724
|
let r = V.value;
|
|
2725
2725
|
_.value && (r = r.trim()), C("current-value", r);
|
|
2726
2726
|
};
|
|
2727
|
-
return
|
|
2727
|
+
return U(qe, (r) => {
|
|
2728
2728
|
r !== V.value && (V.value = r);
|
|
2729
|
-
}, { immediate: !0 }),
|
|
2729
|
+
}, { immediate: !0 }), U(V, (r) => {
|
|
2730
2730
|
_.value && (r = r.trim()), C("changed", r);
|
|
2731
|
-
}),
|
|
2731
|
+
}), U(Fe, (r) => {
|
|
2732
2732
|
C(r ? "focused" : "blurred");
|
|
2733
|
-
}),
|
|
2733
|
+
}), U(V, () => {
|
|
2734
2734
|
It();
|
|
2735
|
-
}, { immediate: !0 }), (r, u) => n(I) ? (O(),
|
|
2735
|
+
}, { immediate: !0 }), (r, u) => n(I) ? (O(), j("div", da({
|
|
2736
2736
|
key: 0,
|
|
2737
2737
|
class: ["nb-wrapper", ye.value],
|
|
2738
|
-
style: [Vt.value, vt.value,
|
|
2738
|
+
style: [Vt.value, vt.value, H.value],
|
|
2739
2739
|
role: "input"
|
|
2740
2740
|
}, Dt.value), [
|
|
2741
2741
|
fe("div", {
|
|
2742
2742
|
id: n(I),
|
|
2743
2743
|
class: Ne(["nb-reset", "component", B.value, Mt.value, it.value]),
|
|
2744
|
-
style: We([
|
|
2744
|
+
style: We([rt.value, vt.value, H.value]),
|
|
2745
2745
|
onClick: Jt
|
|
2746
2746
|
}, [
|
|
2747
|
-
n(
|
|
2747
|
+
n(je) ? (O(), j("label", {
|
|
2748
2748
|
key: 0,
|
|
2749
2749
|
for: Bt.value,
|
|
2750
2750
|
class: "component__label",
|
|
@@ -2764,18 +2764,18 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2764
2764
|
required: e.required,
|
|
2765
2765
|
readonly: n(he),
|
|
2766
2766
|
autocomplete: e.inputAutocomplete,
|
|
2767
|
-
tabindex: n(R) || n(he) ? -1 : n(
|
|
2767
|
+
tabindex: n(R) || n(he) ? -1 : n(at),
|
|
2768
2768
|
role: "textbox",
|
|
2769
|
-
style: [
|
|
2770
|
-
onFocus: u[1] || (u[1] = (p) =>
|
|
2771
|
-
onBlur: u[2] || (u[2] = (p) =>
|
|
2769
|
+
style: [H.value, Kt.value, Yt.value],
|
|
2770
|
+
onFocus: u[1] || (u[1] = (p) => Fe.value = !0),
|
|
2771
|
+
onBlur: u[2] || (u[2] = (p) => Fe.value = !1),
|
|
2772
2772
|
onInput: It,
|
|
2773
2773
|
onKeydown: u[3] || (u[3] = jt((p) => !n(R) && n(ve) && Lt(), ["enter"]))
|
|
2774
2774
|
}), null, 16, Il), [
|
|
2775
2775
|
[Ua, V.value]
|
|
2776
2776
|
])
|
|
2777
2777
|
], 14, zl),
|
|
2778
|
-
_t.value ? (O(),
|
|
2778
|
+
_t.value ? (O(), j("div", {
|
|
2779
2779
|
key: 0,
|
|
2780
2780
|
class: Ne(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
|
|
2781
2781
|
}, [
|
|
@@ -2785,7 +2785,7 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2785
2785
|
], 2)) : Le("", !0)
|
|
2786
2786
|
], 16)) : Le("", !0);
|
|
2787
2787
|
}
|
|
2788
|
-
}), Wl = /* @__PURE__ */ ba(Nl, [["__scopeId", "data-v-
|
|
2788
|
+
}), Wl = /* @__PURE__ */ ba(Nl, [["__scopeId", "data-v-32c2ea2a"]]);
|
|
2789
2789
|
const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "min", "max", "step", "tabindex"], Ol = /* @__PURE__ */ Object.assign({
|
|
2790
2790
|
name: "NbDatePicker",
|
|
2791
2791
|
inheritAttrs: !1
|
|
@@ -3128,29 +3128,29 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3128
3128
|
],
|
|
3129
3129
|
setup(e, { emit: m }) {
|
|
3130
3130
|
fa((t) => ({
|
|
3131
|
-
|
|
3132
|
-
"
|
|
3133
|
-
"
|
|
3134
|
-
|
|
3135
|
-
|
|
3136
|
-
|
|
3137
|
-
"
|
|
3138
|
-
|
|
3139
|
-
|
|
3140
|
-
|
|
3141
|
-
"
|
|
3142
|
-
"
|
|
3143
|
-
"
|
|
3144
|
-
|
|
3145
|
-
"
|
|
3146
|
-
|
|
3147
|
-
|
|
3148
|
-
"
|
|
3149
|
-
"
|
|
3150
|
-
|
|
3151
|
-
"
|
|
3152
|
-
"
|
|
3153
|
-
|
|
3131
|
+
c04124a6: pt.value,
|
|
3132
|
+
"8b9c29fa": Me.value,
|
|
3133
|
+
"00a9359e": n(He),
|
|
3134
|
+
b1d0cbda: mt.value,
|
|
3135
|
+
"86d565b6": At.value,
|
|
3136
|
+
f9168106: _t.value,
|
|
3137
|
+
"5bcaa87c": n(S),
|
|
3138
|
+
"546f148e": n(y),
|
|
3139
|
+
"25e386aa": n(Ze),
|
|
3140
|
+
fcce3d40: Bt.value,
|
|
3141
|
+
"40f30f64": n(Ue),
|
|
3142
|
+
"6134e6f8": Nt.value,
|
|
3143
|
+
"58ffea98": Xt.value,
|
|
3144
|
+
e7e46d2c: n(je),
|
|
3145
|
+
"1f02d786": n(dt),
|
|
3146
|
+
"86395e1c": n(ct),
|
|
3147
|
+
"86ab418c": n(oe),
|
|
3148
|
+
"2acbaf76": p.value,
|
|
3149
|
+
"46aadd9a": B.value,
|
|
3150
|
+
c3d87e4e: Mt.value,
|
|
3151
|
+
"5da97c7c": zt.value,
|
|
3152
|
+
"02ed0f9c": Ht.value,
|
|
3153
|
+
"39e4cd3e": t.styleButtonColor
|
|
3154
3154
|
}));
|
|
3155
3155
|
const C = nl(
|
|
3156
3156
|
() => import("@vlalg-nimbus/nb-calendar").then((t) => t.Calendar ? t.Calendar : t.default && t.default.Calendar ? t.default.Calendar : t.default)
|
|
@@ -3166,20 +3166,20 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3166
3166
|
hasTabIndexEnter: Te,
|
|
3167
3167
|
ariaLabel: Se,
|
|
3168
3168
|
ariaAttrs: ie,
|
|
3169
|
-
caretColor:
|
|
3169
|
+
caretColor: J,
|
|
3170
3170
|
selectionBgColor: Pe,
|
|
3171
3171
|
selectionTextColor: Be,
|
|
3172
|
-
hasBorderRadius:
|
|
3173
|
-
borderRadius:
|
|
3172
|
+
hasBorderRadius: le,
|
|
3173
|
+
borderRadius: G,
|
|
3174
3174
|
disabled: R,
|
|
3175
|
-
fontFamily:
|
|
3175
|
+
fontFamily: ne,
|
|
3176
3176
|
fontSize: se,
|
|
3177
|
-
fontWeight:
|
|
3177
|
+
fontWeight: K,
|
|
3178
3178
|
fontFamilyMsg: Ve,
|
|
3179
3179
|
fontSizeMsg: de,
|
|
3180
3180
|
fontWeightMsg: F,
|
|
3181
3181
|
textMessageColor: pe,
|
|
3182
|
-
inputWidth:
|
|
3182
|
+
inputWidth: X,
|
|
3183
3183
|
inputStyle: me,
|
|
3184
3184
|
activeTextStyle: be,
|
|
3185
3185
|
sizeMediaQuery: he,
|
|
@@ -3187,46 +3187,46 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3187
3187
|
inputType: k,
|
|
3188
3188
|
hasTrim: L,
|
|
3189
3189
|
inputUppercase: Ae,
|
|
3190
|
-
inputName:
|
|
3190
|
+
inputName: qe,
|
|
3191
3191
|
inputText: _e,
|
|
3192
|
-
min:
|
|
3193
|
-
max:
|
|
3194
|
-
step:
|
|
3192
|
+
min: at,
|
|
3193
|
+
max: Je,
|
|
3194
|
+
step: lt,
|
|
3195
3195
|
useCustomCalendar: gt,
|
|
3196
|
-
locale:
|
|
3196
|
+
locale: Xe,
|
|
3197
3197
|
theme: ke,
|
|
3198
3198
|
allowRange: Ce,
|
|
3199
3199
|
calendarZIndex: yt,
|
|
3200
|
-
calendarWidth:
|
|
3200
|
+
calendarWidth: nt,
|
|
3201
3201
|
tabindex: st,
|
|
3202
3202
|
lightBgColor: dt,
|
|
3203
3203
|
lightBgColorFocus: ct,
|
|
3204
|
-
lightDisabledBgColor:
|
|
3205
|
-
lightTextColor:
|
|
3206
|
-
darkBgColor:
|
|
3207
|
-
darkBgColorFocus:
|
|
3204
|
+
lightDisabledBgColor: je,
|
|
3205
|
+
lightTextColor: He,
|
|
3206
|
+
darkBgColor: Ze,
|
|
3207
|
+
darkBgColorFocus: Ue,
|
|
3208
3208
|
darkDisabledBgColor: y,
|
|
3209
3209
|
darkTextColor: S,
|
|
3210
|
-
textAlign:
|
|
3211
|
-
showMsg:
|
|
3210
|
+
textAlign: oe,
|
|
3211
|
+
showMsg: Z,
|
|
3212
3212
|
hasMsg: ge,
|
|
3213
3213
|
showLabel: $e,
|
|
3214
|
-
labelBackground:
|
|
3214
|
+
labelBackground: Ge,
|
|
3215
3215
|
labelPadding: ue,
|
|
3216
3216
|
labelBorderRadius: d,
|
|
3217
3217
|
labelLeft: v,
|
|
3218
3218
|
inputLabelMarginActive: ce,
|
|
3219
|
-
labelActiveTop:
|
|
3220
|
-
labelActiveLeft:
|
|
3219
|
+
labelActiveTop: Y,
|
|
3220
|
+
labelActiveLeft: ee,
|
|
3221
3221
|
fontFamilyLabel: we,
|
|
3222
3222
|
fontSizeLabel: Re,
|
|
3223
3223
|
fontSizeLabelActive: Ee,
|
|
3224
|
-
fontWeightLabel:
|
|
3225
|
-
lightTextColorLabel:
|
|
3226
|
-
lightTextColorLabelActive:
|
|
3227
|
-
darkTextColorLabel:
|
|
3224
|
+
fontWeightLabel: Ke,
|
|
3225
|
+
lightTextColorLabel: et,
|
|
3226
|
+
lightTextColorLabelActive: ot,
|
|
3227
|
+
darkTextColorLabel: ut,
|
|
3228
3228
|
darkTextColorLabelActive: ft
|
|
3229
|
-
} = va(I), h =
|
|
3229
|
+
} = va(I), h = Q(""), M = Q(""), V = Q(""), Fe = Q(""), T = Q(!1), ye = Q(!1), Vt = a(() => !nt.value || nt.value < 280 ? 280 : parseInt(nt.value, 10)), kt = a(() => {
|
|
3230
3230
|
if (!h.value)
|
|
3231
3231
|
return null;
|
|
3232
3232
|
if (Ce.value && typeof h.value == "string" && h.value.startsWith("{"))
|
|
@@ -3254,10 +3254,10 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3254
3254
|
return new Date(t, l - 1, i);
|
|
3255
3255
|
}
|
|
3256
3256
|
return h.value;
|
|
3257
|
-
}),
|
|
3257
|
+
}), rt = (t, l, i) => {
|
|
3258
3258
|
if (!t)
|
|
3259
3259
|
return "";
|
|
3260
|
-
const s = i ||
|
|
3260
|
+
const s = i || Xe.value;
|
|
3261
3261
|
if (l === "date") {
|
|
3262
3262
|
if (Ce.value && typeof t == "string" && t.startsWith("{"))
|
|
3263
3263
|
try {
|
|
@@ -3267,8 +3267,8 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3267
3267
|
if (!A)
|
|
3268
3268
|
return "";
|
|
3269
3269
|
if (/^\d{4}-\d{2}-\d{2}$/.test(A)) {
|
|
3270
|
-
const [D,
|
|
3271
|
-
return s === "pt-BR" ? `${re}/${
|
|
3270
|
+
const [D, q, re] = A.split("-");
|
|
3271
|
+
return s === "pt-BR" ? `${re}/${q}/${D}` : `${q}/${re}/${D}`;
|
|
3272
3272
|
}
|
|
3273
3273
|
return A;
|
|
3274
3274
|
}, g = c(b.startDate), x = c(b.endDate);
|
|
@@ -3307,26 +3307,26 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3307
3307
|
return t;
|
|
3308
3308
|
}
|
|
3309
3309
|
return t;
|
|
3310
|
-
},
|
|
3310
|
+
}, H = (t, l, i) => {
|
|
3311
3311
|
if (!t || !t.trim())
|
|
3312
3312
|
return "";
|
|
3313
|
-
const s = t.trim(), b = i ||
|
|
3313
|
+
const s = t.trim(), b = i || Xe.value;
|
|
3314
3314
|
if (l === "date") {
|
|
3315
3315
|
if (Ce.value && s.includes("-")) {
|
|
3316
3316
|
const c = s.split(/\s*-\s*/).map((D) => D.trim()), g = (D) => {
|
|
3317
3317
|
if (!D)
|
|
3318
3318
|
return null;
|
|
3319
3319
|
if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(D)) {
|
|
3320
|
-
const
|
|
3320
|
+
const q = D.split("/");
|
|
3321
3321
|
if (b === "pt-BR") {
|
|
3322
|
-
const [re, ze,
|
|
3323
|
-
return `${
|
|
3322
|
+
const [re, ze, tt] = q, De = re.padStart(2, "0"), Ie = ze.padStart(2, "0");
|
|
3323
|
+
return `${tt}-${Ie}-${De}`;
|
|
3324
3324
|
} else {
|
|
3325
|
-
const [re, ze,
|
|
3326
|
-
return `${
|
|
3325
|
+
const [re, ze, tt] = q, De = ze.padStart(2, "0"), Ie = re.padStart(2, "0");
|
|
3326
|
+
return `${tt}-${Ie}-${De}`;
|
|
3327
3327
|
}
|
|
3328
3328
|
} else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(D)) {
|
|
3329
|
-
const
|
|
3329
|
+
const q = D.split("-"), [re, ze, tt] = q, De = tt.padStart(2, "0"), Ie = ze.padStart(2, "0");
|
|
3330
3330
|
return `${re}-${Ie}-${De}`;
|
|
3331
3331
|
}
|
|
3332
3332
|
return null;
|
|
@@ -3346,29 +3346,29 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3346
3346
|
if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(s)) {
|
|
3347
3347
|
const c = s.split("/");
|
|
3348
3348
|
if (b === "pt-BR") {
|
|
3349
|
-
const [g, x, A] = c, D = g.padStart(2, "0"),
|
|
3350
|
-
return `${A}-${
|
|
3349
|
+
const [g, x, A] = c, D = g.padStart(2, "0"), q = x.padStart(2, "0");
|
|
3350
|
+
return `${A}-${q}-${D}`;
|
|
3351
3351
|
} else {
|
|
3352
|
-
const [g, x, A] = c, D = x.padStart(2, "0"),
|
|
3353
|
-
return `${A}-${
|
|
3352
|
+
const [g, x, A] = c, D = x.padStart(2, "0"), q = g.padStart(2, "0");
|
|
3353
|
+
return `${A}-${q}-${D}`;
|
|
3354
3354
|
}
|
|
3355
3355
|
} else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(s)) {
|
|
3356
|
-
const c = s.split("-"), [g, x, A] = c, D = A.padStart(2, "0"),
|
|
3357
|
-
return `${g}-${
|
|
3356
|
+
const c = s.split("-"), [g, x, A] = c, D = A.padStart(2, "0"), q = x.padStart(2, "0");
|
|
3357
|
+
return `${g}-${q}-${D}`;
|
|
3358
3358
|
}
|
|
3359
3359
|
return "";
|
|
3360
3360
|
} else if (l === "datetime-local") {
|
|
3361
3361
|
if (/^\d{1,2}\/\d{1,2}\/\d{4} \d{1,2}:\d{1,2}(:\d{1,2})?$/.test(s)) {
|
|
3362
3362
|
const [c, g] = s.split(" "), x = c.split("/");
|
|
3363
3363
|
if (b === "pt-BR") {
|
|
3364
|
-
const [A, D,
|
|
3365
|
-
return `${
|
|
3364
|
+
const [A, D, q] = x, re = A.padStart(2, "0"), ze = D.padStart(2, "0"), De = g.split(":").map((Ie) => Ie.padStart(2, "0")).join(":");
|
|
3365
|
+
return `${q}-${ze}-${re}T${De}`;
|
|
3366
3366
|
} else {
|
|
3367
|
-
const [A, D,
|
|
3368
|
-
return `${
|
|
3367
|
+
const [A, D, q] = x, re = D.padStart(2, "0"), ze = A.padStart(2, "0"), De = g.split(":").map((Ie) => Ie.padStart(2, "0")).join(":");
|
|
3368
|
+
return `${q}-${ze}-${re}T${De}`;
|
|
3369
3369
|
}
|
|
3370
3370
|
} else if (/^\d{4}-\d{1,2}-\d{1,2}T\d{1,2}:\d{1,2}(:\d{1,2})?$/.test(s)) {
|
|
3371
|
-
const [c, g] = s.split("T"), x = c.split("-"), [A, D,
|
|
3371
|
+
const [c, g] = s.split("T"), x = c.split("-"), [A, D, q] = x, re = q.padStart(2, "0"), ze = D.padStart(2, "0"), De = g.split(":").map((Ie) => Ie.padStart(2, "0")).join(":");
|
|
3372
3372
|
return `${A}-${ze}-${re}T${De}`;
|
|
3373
3373
|
}
|
|
3374
3374
|
return "";
|
|
@@ -3391,18 +3391,18 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3391
3391
|
return g ? `${g[2]}-W${g[1]}` : "";
|
|
3392
3392
|
}
|
|
3393
3393
|
return s;
|
|
3394
|
-
}, N =
|
|
3395
|
-
const t = R.value ? "component-disabled" : "", l = ve.value !== "b" ? "inline-block" : "block", i =
|
|
3394
|
+
}, N = Q(!1), te = Q({ top: 0, left: 0 }), $ = Q(null), z = Q(null), ae = a(() => gt.value === !0), W = a(() => {
|
|
3395
|
+
const t = R.value ? "component-disabled" : "", l = ve.value !== "b" ? "inline-block" : "block", i = J.value ? J.value : "", s = Pe.value ? Pe.value : "", b = Be.value ? Be.value : "", c = le.value ? le.value : !1, g = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, x = ne.value ? ne.value : "'Lato', sans-serif", A = se.value ? se.value : "1.4em", D = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, q = Ve.value ? Ve.value : "'Lato', sans-serif", re = de.value ? de.value : "1em", ze = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, tt = pe.value ? pe.value : "#f15574", De = X.value ? X.value : 200, Ie = be.value ? be.value : "normal", ha = "sm", Ca = _.value ? _.value : !1, xa = k.value ? k.value : "date", Sa = Ae.value ? Ae.value : !1, Va = ke.value ? ke.value : "normal", ka = oe.value ? oe.value : "left", La = me.value ? me.value : "background", Ta = $e.value ? $e.value : !1, Ba = v.value !== 0 && !v.value || v.value < 0 ? 5 : v.value, Aa = Ge.value ? Ge.value : "transparent", _a = ce.value !== 0 && !ce.value || ce.value < 0 ? 15 : ce.value, $a = ue.value ? ue.value : "1px 5px", wa = d.value !== 0 && !d.value || d.value < 0 ? 0 : d.value, Ra = Y.value === null || Y.value === void 0 ? -13 : Y.value, Ma = ee.value === null || ee.value === void 0 ? -10 : ee.value, za = we.value ? we.value : "'Lato', sans-serif", Da = Re.value ? Re.value : "1em", Ia = Ee.value ? Ee.value : "0.8em", Na = Ke.value ? Ke.value : 400, Wa = et.value ? et.value : "#ffffff", Pa = ut.value ? ut.value : "#000000", Ea = ot.value ? ot.value : "#ffffff", Fa = ft.value ? ft.value : "#000000";
|
|
3396
3396
|
return {
|
|
3397
3397
|
disabled: t,
|
|
3398
3398
|
display: l,
|
|
3399
3399
|
font: x,
|
|
3400
3400
|
fontSize: A,
|
|
3401
3401
|
fontWeight: D,
|
|
3402
|
-
fontFamilyMsg:
|
|
3402
|
+
fontFamilyMsg: q,
|
|
3403
3403
|
fontSizeMsg: re,
|
|
3404
3404
|
fontWeightMsg: ze,
|
|
3405
|
-
textMessageColor:
|
|
3405
|
+
textMessageColor: tt,
|
|
3406
3406
|
caretColor: i,
|
|
3407
3407
|
selectionBgColor: s,
|
|
3408
3408
|
selectionTextColor: b,
|
|
@@ -3448,7 +3448,7 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3448
3448
|
}), it = a(() => {
|
|
3449
3449
|
const t = W.value;
|
|
3450
3450
|
return t.inputStyle !== "line" && t.hasBorderRadius ? { borderRadius: `${t.borderRadius}rem` } : {};
|
|
3451
|
-
}), pt = a(() => W.value.font), B = a(() => W.value.fontFamilyMsg), Mt = a(() => W.value.fontSizeMsg), zt = a(() => W.value.fontWeightMsg), Bt = a(() => ke.value === "dark" ? S.value :
|
|
3451
|
+
}), pt = a(() => W.value.font), B = a(() => W.value.fontFamilyMsg), Mt = a(() => W.value.fontSizeMsg), zt = a(() => W.value.fontWeightMsg), Bt = a(() => ke.value === "dark" ? S.value : He.value), Ht = a(() => W.value.textMessageColor), mt = a(() => {
|
|
3452
3452
|
const t = W.value;
|
|
3453
3453
|
return t.caretColor || (t.theme === "dark" ? "#00d4ff" : "#007bff");
|
|
3454
3454
|
}), At = a(() => {
|
|
@@ -3487,9 +3487,9 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3487
3487
|
default:
|
|
3488
3488
|
return "component__theme--light";
|
|
3489
3489
|
}
|
|
3490
|
-
}), Qt = a(() => W.value.inputReadonly ? "component__input--read-only" : ""), Jt = a(() => W.value.inputUppercase ? "component__input--uppercase" : ""), Lt = a(() =>
|
|
3490
|
+
}), Qt = a(() => W.value.inputReadonly ? "component__input--read-only" : ""), Jt = a(() => W.value.inputUppercase ? "component__input--uppercase" : ""), Lt = a(() => qe.value ? qe.value : `${xe.value}-name-label`), It = a(() => ""), r = a(() => T.value || M.value && M.value.trim().length > 0), u = a(() => !M.value || M.value.trim().length === 0 ? "component__input--empty" : "");
|
|
3491
3491
|
a(() => T.value ? "component__input--active" : "component__input--no-active");
|
|
3492
|
-
const p = a(() => "6px 10px"), P = a(() => !!(
|
|
3492
|
+
const p = a(() => "6px 10px"), P = a(() => !!(Z.value && ge.value)), Oe = a(() => {
|
|
3493
3493
|
const t = {};
|
|
3494
3494
|
ie.value && Object.keys(ie.value).forEach((s) => t[`aria-${s}`] = ie.value[s]);
|
|
3495
3495
|
const l = {
|
|
@@ -3501,10 +3501,10 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3501
3501
|
Object.entries(l).filter(([i, s]) => s != null)
|
|
3502
3502
|
);
|
|
3503
3503
|
}), Nt = a(() => {
|
|
3504
|
-
const t = ke.value === "dark" ?
|
|
3504
|
+
const t = ke.value === "dark" ? Ze.value : dt.value, l = ke.value === "dark" ? S.value : He.value;
|
|
3505
3505
|
return t === "transparent" || t === "#transparent" || !t ? l : t;
|
|
3506
3506
|
}), Xt = a(() => {
|
|
3507
|
-
const t = ke.value === "dark" ?
|
|
3507
|
+
const t = ke.value === "dark" ? Ue.value : ct.value, l = ke.value === "dark" ? S.value : He.value;
|
|
3508
3508
|
return t === "transparent" || t === "#transparent" || !t ? l : t;
|
|
3509
3509
|
}), ht = a(() => {
|
|
3510
3510
|
const t = W.value, l = r.value, i = l ? t.lightTextColorLabelActive : t.lightTextColorLabel, s = l ? t.darkTextColorLabelActive : t.darkTextColorLabel;
|
|
@@ -3527,11 +3527,11 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3527
3527
|
return t.theme === "dark" ? t.darkTextColorLabelActive : t.lightTextColorLabelActive;
|
|
3528
3528
|
});
|
|
3529
3529
|
const Wt = () => {
|
|
3530
|
-
h.value = _e.value,
|
|
3530
|
+
h.value = _e.value, Fe.value = k.value;
|
|
3531
3531
|
}, Pt = () => {
|
|
3532
3532
|
E("clicked");
|
|
3533
3533
|
}, Zt = (t) => {
|
|
3534
|
-
t.stopPropagation(), !(R.value || W.value.inputReadonly) && $.value && ($.value.focus(),
|
|
3534
|
+
t.stopPropagation(), !(R.value || W.value.inputReadonly) && $.value && ($.value.focus(), ae.value && (N.value = !1, requestAnimationFrame(() => {
|
|
3535
3535
|
Ct(), N.value = !0;
|
|
3536
3536
|
})));
|
|
3537
3537
|
}, ea = () => {
|
|
@@ -3539,18 +3539,18 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3539
3539
|
}, Ct = () => {
|
|
3540
3540
|
$.value && ya(() => {
|
|
3541
3541
|
const t = $.value.getBoundingClientRect(), l = 4;
|
|
3542
|
-
|
|
3542
|
+
te.value = {
|
|
3543
3543
|
top: `${t.bottom + l}px`,
|
|
3544
3544
|
left: `${t.left}px`
|
|
3545
3545
|
};
|
|
3546
3546
|
});
|
|
3547
3547
|
}, ta = a(() => ({
|
|
3548
3548
|
position: "fixed",
|
|
3549
|
-
top:
|
|
3550
|
-
left:
|
|
3549
|
+
top: te.value.top,
|
|
3550
|
+
left: te.value.left,
|
|
3551
3551
|
zIndex: yt.value
|
|
3552
3552
|
})), aa = () => {
|
|
3553
|
-
T.value = !0, E("focused"),
|
|
3553
|
+
T.value = !0, E("focused"), ae.value && (N.value = !1, requestAnimationFrame(() => {
|
|
3554
3554
|
Ct(), N.value = !0;
|
|
3555
3555
|
}));
|
|
3556
3556
|
}, la = (t) => {
|
|
@@ -3570,7 +3570,7 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3570
3570
|
i && i.contains(l) || $.value !== l && (T.value = !1, N.value = !1, E("blurred"));
|
|
3571
3571
|
}, 200);
|
|
3572
3572
|
}, na = () => {
|
|
3573
|
-
|
|
3573
|
+
ae.value && (N.value, N.value = !1, requestAnimationFrame(() => {
|
|
3574
3574
|
Ct(), N.value = !0;
|
|
3575
3575
|
}));
|
|
3576
3576
|
}, $t = (t) => {
|
|
@@ -3596,11 +3596,11 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3596
3596
|
}
|
|
3597
3597
|
} else
|
|
3598
3598
|
k.value === "date" ? t instanceof Date ? l = $t(t) : typeof t == "string" && (l = t) : (k.value === "month" || k.value === "time" || k.value === "datetime-local" || k.value === "week") && (l = typeof t == "string" ? t : "");
|
|
3599
|
-
|
|
3600
|
-
const i = l ?
|
|
3599
|
+
Qe = !0, h.value = l;
|
|
3600
|
+
const i = l ? rt(l, k.value) : "";
|
|
3601
3601
|
M.value = i, V.value = i;
|
|
3602
3602
|
}, ua = () => {
|
|
3603
|
-
if (!
|
|
3603
|
+
if (!ae.value) {
|
|
3604
3604
|
h.value = M.value;
|
|
3605
3605
|
return;
|
|
3606
3606
|
}
|
|
@@ -3610,7 +3610,7 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3610
3610
|
end: $.value.selectionEnd
|
|
3611
3611
|
} : null, l = M.value.trim();
|
|
3612
3612
|
if (!l || l.length === 0) {
|
|
3613
|
-
|
|
3613
|
+
Qe = !0, h.value = "", M.value = "", V.value = "", setTimeout(() => {
|
|
3614
3614
|
w = !1;
|
|
3615
3615
|
}, 50);
|
|
3616
3616
|
return;
|
|
@@ -3655,8 +3655,8 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3655
3655
|
if (k.value === "date")
|
|
3656
3656
|
if (Ce.value)
|
|
3657
3657
|
if (l.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})$/))
|
|
3658
|
-
if (i =
|
|
3659
|
-
|
|
3658
|
+
if (i = H(l, k.value), i && i !== h.value)
|
|
3659
|
+
Qe = !0, h.value = i, V.value = l;
|
|
3660
3660
|
else {
|
|
3661
3661
|
setTimeout(() => {
|
|
3662
3662
|
w = !1;
|
|
@@ -3666,10 +3666,10 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3666
3666
|
else if (l.includes("-")) {
|
|
3667
3667
|
const b = l.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*$/);
|
|
3668
3668
|
if (b) {
|
|
3669
|
-
const c = b[1], g =
|
|
3669
|
+
const c = b[1], g = H(c, k.value);
|
|
3670
3670
|
if (g) {
|
|
3671
3671
|
const x = JSON.stringify({ startDate: g, endDate: null });
|
|
3672
|
-
x !== h.value && (
|
|
3672
|
+
x !== h.value && (Qe = !0, h.value = x, V.value = l);
|
|
3673
3673
|
} else {
|
|
3674
3674
|
V.value = l, setTimeout(() => {
|
|
3675
3675
|
w = !1;
|
|
@@ -3683,9 +3683,9 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3683
3683
|
return;
|
|
3684
3684
|
}
|
|
3685
3685
|
} else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(l))
|
|
3686
|
-
if (i =
|
|
3686
|
+
if (i = H(l, k.value), i) {
|
|
3687
3687
|
const c = JSON.stringify({ startDate: i, endDate: null });
|
|
3688
|
-
c !== h.value && (
|
|
3688
|
+
c !== h.value && (Qe = !0, h.value = c, V.value = l);
|
|
3689
3689
|
} else {
|
|
3690
3690
|
V.value = l, setTimeout(() => {
|
|
3691
3691
|
w = !1;
|
|
@@ -3699,7 +3699,7 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3699
3699
|
return;
|
|
3700
3700
|
}
|
|
3701
3701
|
else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(l))
|
|
3702
|
-
i =
|
|
3702
|
+
i = H(l, k.value), i && i !== h.value && (Qe = !0, h.value = i, V.value = l);
|
|
3703
3703
|
else {
|
|
3704
3704
|
setTimeout(() => {
|
|
3705
3705
|
w = !1;
|
|
@@ -3707,7 +3707,7 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3707
3707
|
return;
|
|
3708
3708
|
}
|
|
3709
3709
|
else
|
|
3710
|
-
i =
|
|
3710
|
+
i = H(l, k.value), i && i !== h.value && (Qe = !0, h.value = i, V.value = l);
|
|
3711
3711
|
setTimeout(() => {
|
|
3712
3712
|
w = !1;
|
|
3713
3713
|
}, 50);
|
|
@@ -3738,21 +3738,21 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3738
3738
|
$.value && (l === $.value || $.value.contains(l)) || (N.value = !1, (!M.value || M.value.trim().length === 0) && (T.value = !1));
|
|
3739
3739
|
}, 50);
|
|
3740
3740
|
}, Ft = () => {
|
|
3741
|
-
N.value &&
|
|
3741
|
+
N.value && ae.value && Ct();
|
|
3742
3742
|
}, Ot = () => {
|
|
3743
|
-
N.value &&
|
|
3743
|
+
N.value && ae.value && (N.value = !1);
|
|
3744
3744
|
};
|
|
3745
3745
|
let bt = null, Tt = null, xt = { top: 0, left: 0 };
|
|
3746
3746
|
const qt = () => {
|
|
3747
|
-
if (!N.value || !
|
|
3747
|
+
if (!N.value || !ae.value || !$.value)
|
|
3748
3748
|
return;
|
|
3749
3749
|
const t = 4, l = $.value.getBoundingClientRect(), i = `${l.bottom + t}px`, s = `${l.left}px`;
|
|
3750
|
-
(xt.top !== i || xt.left !== s) && (xt.top = i, xt.left = s,
|
|
3750
|
+
(xt.top !== i || xt.left !== s) && (xt.top = i, xt.left = s, te.value = {
|
|
3751
3751
|
top: i,
|
|
3752
3752
|
left: s
|
|
3753
3753
|
}), Tt = requestAnimationFrame(qt);
|
|
3754
3754
|
}, o = () => {
|
|
3755
|
-
if (!$.value || !
|
|
3755
|
+
if (!$.value || !ae.value)
|
|
3756
3756
|
return;
|
|
3757
3757
|
xt = { top: 0, left: 0 }, qt(), bt = new ResizeObserver(() => {
|
|
3758
3758
|
N.value && Ct();
|
|
@@ -3762,39 +3762,39 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3762
3762
|
}, f = () => {
|
|
3763
3763
|
Tt !== null && (cancelAnimationFrame(Tt), Tt = null), bt && (bt.disconnect(), bt = null);
|
|
3764
3764
|
};
|
|
3765
|
-
|
|
3766
|
-
t &&
|
|
3765
|
+
U(N, (t) => {
|
|
3766
|
+
t && ae.value ? ya(() => {
|
|
3767
3767
|
o();
|
|
3768
3768
|
}) : f();
|
|
3769
3769
|
}), sa(() => {
|
|
3770
|
-
h.value = _e.value, M.value =
|
|
3770
|
+
h.value = _e.value, M.value = rt(_e.value, k.value), document.addEventListener("click", Et, !1), window.addEventListener("scroll", Ft, { capture: !0, passive: !0 }), window.addEventListener("resize", Ot);
|
|
3771
3771
|
}), ma(() => {
|
|
3772
3772
|
Wt(), f(), document.removeEventListener("click", Et), window.removeEventListener("scroll", Ft, { capture: !0, passive: !0 }), window.removeEventListener("resize", Ot);
|
|
3773
|
-
}),
|
|
3774
|
-
|
|
3775
|
-
}, { immediate: !0 }),
|
|
3776
|
-
h.value &&
|
|
3777
|
-
}),
|
|
3773
|
+
}), U(k, (t) => {
|
|
3774
|
+
Fe.value = t;
|
|
3775
|
+
}, { immediate: !0 }), U(Xe, () => {
|
|
3776
|
+
h.value && ae.value && (M.value = rt(h.value, k.value));
|
|
3777
|
+
}), U(_e, (t) => {
|
|
3778
3778
|
if (t !== h.value) {
|
|
3779
3779
|
h.value = t;
|
|
3780
|
-
const l =
|
|
3780
|
+
const l = rt(t, k.value);
|
|
3781
3781
|
M.value = l, V.value = l;
|
|
3782
3782
|
}
|
|
3783
3783
|
}, { immediate: !0 });
|
|
3784
3784
|
let w = !1;
|
|
3785
|
-
const
|
|
3785
|
+
const Ye = () => {
|
|
3786
3786
|
w = !0, setTimeout(() => {
|
|
3787
3787
|
w = !1;
|
|
3788
3788
|
}, 100);
|
|
3789
3789
|
};
|
|
3790
|
-
let
|
|
3791
|
-
return
|
|
3792
|
-
if (
|
|
3793
|
-
const l =
|
|
3790
|
+
let Qe = !1;
|
|
3791
|
+
return U(() => h.value, (t) => {
|
|
3792
|
+
if (ae.value && !Qe && !w) {
|
|
3793
|
+
const l = rt(t, k.value);
|
|
3794
3794
|
l !== M.value && (M.value = l, V.value = l);
|
|
3795
3795
|
}
|
|
3796
|
-
|
|
3797
|
-
}),
|
|
3796
|
+
Qe = !1;
|
|
3797
|
+
}), U(h, (t) => {
|
|
3798
3798
|
if (L.value && (t = t.trim()), Ce.value && typeof t == "string" && t.startsWith("{"))
|
|
3799
3799
|
try {
|
|
3800
3800
|
const l = JSON.parse(t);
|
|
@@ -3814,23 +3814,23 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3814
3814
|
} catch {
|
|
3815
3815
|
}
|
|
3816
3816
|
E("changed", t);
|
|
3817
|
-
}),
|
|
3817
|
+
}), U(T, (t) => {
|
|
3818
3818
|
E(t ? "focused" : "blurred");
|
|
3819
|
-
}),
|
|
3819
|
+
}), U(h, (t) => {
|
|
3820
3820
|
L.value && (t = t.trim()), E("current-value", t);
|
|
3821
|
-
}), (t, l) => n(xe) ? (O(),
|
|
3821
|
+
}), (t, l) => n(xe) ? (O(), j("div", da({
|
|
3822
3822
|
key: 0,
|
|
3823
3823
|
class: ["nb-wrapper", wt.value],
|
|
3824
3824
|
style: [Rt.value, Dt.value, it.value],
|
|
3825
3825
|
role: "input"
|
|
3826
|
-
},
|
|
3826
|
+
}, Oe.value), [
|
|
3827
3827
|
fe("div", {
|
|
3828
3828
|
id: n(xe),
|
|
3829
3829
|
class: Ne(["nb-reset", "component", Kt.value, Yt.value, Qt.value, Ut.value]),
|
|
3830
3830
|
style: We([vt.value, Dt.value, it.value]),
|
|
3831
3831
|
onClick: Pt
|
|
3832
3832
|
}, [
|
|
3833
|
-
n($e) ? (O(),
|
|
3833
|
+
n($e) ? (O(), j("label", {
|
|
3834
3834
|
key: 0,
|
|
3835
3835
|
for: Lt.value,
|
|
3836
3836
|
class: "component__label",
|
|
@@ -3843,12 +3843,12 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3843
3843
|
"onUpdate:modelValue": l[0] || (l[0] = (i) => M.value = i),
|
|
3844
3844
|
onInput: ua,
|
|
3845
3845
|
onKeydown: [
|
|
3846
|
-
|
|
3846
|
+
Ye,
|
|
3847
3847
|
l[1] || (l[1] = jt((i) => !n(R) && n(Te) && ea(), ["enter"]))
|
|
3848
3848
|
],
|
|
3849
3849
|
id: Lt.value,
|
|
3850
3850
|
name: Lt.value,
|
|
3851
|
-
type:
|
|
3851
|
+
type: ae.value ? "text" : Fe.value,
|
|
3852
3852
|
class: Ne(["component__input", [
|
|
3853
3853
|
Jt.value,
|
|
3854
3854
|
Gt.value,
|
|
@@ -3859,9 +3859,9 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3859
3859
|
required: e.required,
|
|
3860
3860
|
readonly: n(_),
|
|
3861
3861
|
autocomplete: e.inputAutocomplete,
|
|
3862
|
-
min:
|
|
3863
|
-
max:
|
|
3864
|
-
step:
|
|
3862
|
+
min: ae.value ? void 0 : n(at),
|
|
3863
|
+
max: ae.value ? void 0 : n(Je),
|
|
3864
|
+
step: ae.value ? void 0 : n(lt),
|
|
3865
3865
|
tabindex: n(R) || n(_) ? -1 : n(st),
|
|
3866
3866
|
role: "input",
|
|
3867
3867
|
style: We([it.value]),
|
|
@@ -3872,7 +3872,7 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3872
3872
|
[Ha, M.value]
|
|
3873
3873
|
])
|
|
3874
3874
|
], 14, Pl),
|
|
3875
|
-
P.value ? (O(),
|
|
3875
|
+
P.value ? (O(), j("div", {
|
|
3876
3876
|
key: 0,
|
|
3877
3877
|
class: Ne(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
|
|
3878
3878
|
}, [
|
|
@@ -3881,7 +3881,7 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3881
3881
|
], !0)
|
|
3882
3882
|
], 2)) : Le("", !0),
|
|
3883
3883
|
(O(), ol(ul, { to: "body" }, [
|
|
3884
|
-
|
|
3884
|
+
ae.value && N.value ? (O(), j("div", {
|
|
3885
3885
|
key: 0,
|
|
3886
3886
|
ref_key: "calendarRef",
|
|
3887
3887
|
ref: z,
|
|
@@ -3894,12 +3894,12 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3894
3894
|
"nb-id": `${n(xe)}-calendar`,
|
|
3895
3895
|
value: kt.value,
|
|
3896
3896
|
"input-type": n(k),
|
|
3897
|
-
min: n(
|
|
3898
|
-
max: n(
|
|
3899
|
-
step: n(
|
|
3897
|
+
min: n(at),
|
|
3898
|
+
max: n(Je),
|
|
3899
|
+
step: n(lt),
|
|
3900
3900
|
disabled: n(R),
|
|
3901
3901
|
width: Vt.value,
|
|
3902
|
-
locale: n(
|
|
3902
|
+
locale: n(Xe),
|
|
3903
3903
|
theme: n(ke),
|
|
3904
3904
|
"allow-range": n(Ce),
|
|
3905
3905
|
onChanged: oa,
|
|
@@ -3911,7 +3911,7 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
|
|
|
3911
3911
|
]))
|
|
3912
3912
|
], 16)) : Le("", !0);
|
|
3913
3913
|
}
|
|
3914
|
-
}), ql = /* @__PURE__ */ ba(Ol, [["__scopeId", "data-v-
|
|
3914
|
+
}), ql = /* @__PURE__ */ ba(Ol, [["__scopeId", "data-v-4dcd0e79"]]), Oa = {
|
|
3915
3915
|
NbInputRadio: fl,
|
|
3916
3916
|
NbInputCheckbox: yl,
|
|
3917
3917
|
NbInput: Tl,
|