@vlalg-nimbus/nb-inputs 9.2.0 → 9.3.0
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 +873 -873
- package/dist/nb-inputs.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -2
package/dist/nb-inputs.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { useCssVars as Wa, onMounted as Aa, ref as oe, toRefs as Ea, computed as a, watch as re, openBlock as O, createElementBlock as K, normalizeClass as Ye, normalizeStyle as Ne, createElementVNode as
|
|
1
|
+
import { useCssVars as Wa, onMounted as Aa, ref as oe, toRefs as Ea, computed as a, watch as re, openBlock as O, createElementBlock as K, normalizeClass as Ye, normalizeStyle as Ne, createElementVNode as xe, mergeProps as $a, Fragment as gl, renderList as yl, unref as u, withDirectives as Pa, vModelRadio as Tl, withKeys as na, withModifiers as Ia, toDisplayString as Rt, createCommentVNode as ye, vModelCheckbox as kl, onUnmounted as Ya, createTextVNode as jt, renderSlot as La, vModelDynamic as ml, vModelText as hl, defineAsyncComponent as Bl, nextTick as la, createBlock as Ll, Teleport as Al, createVNode as $l } from "vue";
|
|
2
2
|
const Oa = (e, y) => {
|
|
3
3
|
const g = e.__vccOpts || e;
|
|
4
|
-
for (const [h,
|
|
5
|
-
g[h] =
|
|
4
|
+
for (const [h, F] of y)
|
|
5
|
+
g[h] = F;
|
|
6
6
|
return g;
|
|
7
7
|
}, wl = ["id"], Dl = ["id", "disabled", "value", "name"], Rl = ["for", "tabindex"], Ml = /* @__PURE__ */ Object.assign({
|
|
8
8
|
name: "NbInputRadio",
|
|
@@ -152,26 +152,26 @@ const Oa = (e, y) => {
|
|
|
152
152
|
},
|
|
153
153
|
emits: ["current-value", "changed", "clicked"],
|
|
154
154
|
setup(e, { emit: y }) {
|
|
155
|
-
Wa((
|
|
155
|
+
Wa((T) => ({
|
|
156
156
|
"0fd48d29": Ue.value,
|
|
157
|
-
"50426c15":
|
|
157
|
+
"50426c15": xt.value,
|
|
158
158
|
"5fa7628c": St.value,
|
|
159
159
|
"5949c3d2": ot.value,
|
|
160
160
|
91322790: ht.value,
|
|
161
161
|
"6750fc92": ve.value,
|
|
162
162
|
"8c592938": vt.value,
|
|
163
163
|
c11d4680: pt.value,
|
|
164
|
-
"35b74fa6":
|
|
164
|
+
"35b74fa6": Lt.value,
|
|
165
165
|
"7dd5f889": ze.value,
|
|
166
|
-
"5cb21b36":
|
|
166
|
+
"5cb21b36": ke.value
|
|
167
167
|
})), Aa(() => {
|
|
168
168
|
gt();
|
|
169
169
|
});
|
|
170
|
-
const g = y, h = e,
|
|
170
|
+
const g = y, h = e, F = oe(null), {
|
|
171
171
|
ariaLabel: Q,
|
|
172
172
|
ariaAttrs: ce,
|
|
173
173
|
currentOption: D,
|
|
174
|
-
valueType:
|
|
174
|
+
valueType: k,
|
|
175
175
|
display: x,
|
|
176
176
|
options: I,
|
|
177
177
|
theme: ae,
|
|
@@ -185,102 +185,102 @@ const Oa = (e, y) => {
|
|
|
185
185
|
activeHoverEffect: Fe,
|
|
186
186
|
itemGap: be,
|
|
187
187
|
internalGap: ee,
|
|
188
|
-
scale:
|
|
188
|
+
scale: Ce,
|
|
189
189
|
disabled: fe,
|
|
190
|
-
fontFamily:
|
|
191
|
-
fontSize:
|
|
192
|
-
fontWeight:
|
|
190
|
+
fontFamily: Ae,
|
|
191
|
+
fontSize: Ve,
|
|
192
|
+
fontWeight: Te
|
|
193
193
|
} = Ea(h), j = a(() => {
|
|
194
|
-
const
|
|
194
|
+
const T = fe.value ? "component-disabled" : "", R = x.value !== "b" ? "inline-block" : "block", me = Ae.value ? Ae.value : "'Lato', sans-serif", te = Ve.value ? Ve.value : "1.6em", he = Te.value !== 0 && !Te.value || Te.value < 0 ? 200 : Te.value, tt = [!1, !0].includes(q.value) ? q.value : !1, Ge = [!1, !0].includes(Fe.value) ? Fe.value : !1, Ie = be.value !== 0 && !be.value || be.value < 0 ? 15 : be.value, b = ee.value !== 0 && !ee.value || ee.value < 0 ? 6 : ee.value, A = Ce.value !== 0 && !Ce.value || Ce.value < 0 ? 1 : Ce.value;
|
|
195
195
|
return {
|
|
196
|
-
disabled:
|
|
197
|
-
display:
|
|
198
|
-
hoverEffect:
|
|
196
|
+
disabled: T,
|
|
197
|
+
display: R,
|
|
198
|
+
hoverEffect: tt,
|
|
199
199
|
activeHoverEffect: Ge,
|
|
200
200
|
itemGap: Ie,
|
|
201
201
|
internalGap: b,
|
|
202
|
-
scale:
|
|
202
|
+
scale: A,
|
|
203
203
|
font: me,
|
|
204
204
|
fontSize: te,
|
|
205
205
|
fontWeight: he
|
|
206
206
|
};
|
|
207
|
-
}),
|
|
207
|
+
}), Qe = a(() => j.value.disabled), v = a(() => ({
|
|
208
208
|
display: j.value.display
|
|
209
209
|
})), se = a(() => j.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), Oe = a(() => {
|
|
210
|
-
const
|
|
210
|
+
const T = j.value;
|
|
211
211
|
return {
|
|
212
|
-
fontSize:
|
|
213
|
-
fontWeight:
|
|
212
|
+
fontSize: T.fontSize,
|
|
213
|
+
fontWeight: T.fontWeight
|
|
214
214
|
};
|
|
215
|
-
}),
|
|
216
|
-
const
|
|
217
|
-
return !
|
|
218
|
-
}),
|
|
219
|
-
const
|
|
220
|
-
return !
|
|
221
|
-
}),
|
|
215
|
+
}), Xe = a(() => Array.isArray(I.value) && I.value.constructor === Array && I.value.length > 0), S = a(() => ae.value === "dark" ? "component__theme--dark" : "component__theme--light"), Ue = a(() => j.value.font), ve = a(() => le.value), vt = a(() => X.value), ht = a(() => j.value.hoverEffect ? _.value : X.value), ot = a(() => j.value.activeHoverEffect ? _.value : X.value), ze = a(() => $.value), ke = a(() => H.value), Lt = a(() => j.value.hoverEffect ? ie.value : H.value), pt = a(() => j.value.activeHoverEffect ? ie.value : H.value), St = a(() => {
|
|
216
|
+
const R = j.value.internalGap;
|
|
217
|
+
return !R || R < 0 ? 0 : `${R}px`;
|
|
218
|
+
}), xt = a(() => {
|
|
219
|
+
const R = j.value.itemGap;
|
|
220
|
+
return !R || R < 0 ? 0 : `${R}px`;
|
|
221
|
+
}), Ct = a(() => ({
|
|
222
222
|
zoom: j.value.scale
|
|
223
|
-
})),
|
|
224
|
-
const
|
|
225
|
-
ce.value && Object.keys(ce.value).forEach((te) =>
|
|
226
|
-
const
|
|
223
|
+
})), Be = a(() => {
|
|
224
|
+
const T = {};
|
|
225
|
+
ce.value && Object.keys(ce.value).forEach((te) => T[`aria-${te}`] = ce.value[te]);
|
|
226
|
+
const R = {
|
|
227
227
|
"aria-label": Q.value,
|
|
228
228
|
"aria-disabled": fe.value,
|
|
229
|
-
...
|
|
229
|
+
...T
|
|
230
230
|
};
|
|
231
231
|
return Object.fromEntries(
|
|
232
|
-
Object.entries(
|
|
232
|
+
Object.entries(R).filter(([me, te]) => te != null)
|
|
233
233
|
);
|
|
234
234
|
}), gt = () => {
|
|
235
|
-
const
|
|
236
|
-
|
|
237
|
-
},
|
|
235
|
+
const T = D.value;
|
|
236
|
+
T && ["string"].includes(k.value) ? F.value = T.toString().toLowerCase() : F.value = T;
|
|
237
|
+
}, et = () => {
|
|
238
238
|
g("clicked");
|
|
239
239
|
};
|
|
240
|
-
return re(D, (
|
|
241
|
-
|
|
242
|
-
}), re(
|
|
243
|
-
|
|
244
|
-
}), (
|
|
240
|
+
return re(D, (T, R) => {
|
|
241
|
+
T !== R && gt();
|
|
242
|
+
}), re(F, (T, R) => {
|
|
243
|
+
T !== R && (g("current-value", T), g("changed", T));
|
|
244
|
+
}), (T, R) => e.nbId && Xe.value ? (O(), K("div", {
|
|
245
245
|
key: 0,
|
|
246
|
-
class: Ye(["nb-wrapper",
|
|
247
|
-
style: Ne([v.value,
|
|
246
|
+
class: Ye(["nb-wrapper", Qe.value]),
|
|
247
|
+
style: Ne([v.value, Ct.value])
|
|
248
248
|
}, [
|
|
249
|
-
|
|
249
|
+
xe("div", $a({
|
|
250
250
|
id: e.nbId,
|
|
251
251
|
role: "radiogroup"
|
|
252
|
-
},
|
|
252
|
+
}, Be.value, {
|
|
253
253
|
class: ["nb-reset", "component", se.value, S.value]
|
|
254
254
|
}), [
|
|
255
|
-
(O(!0), K(
|
|
255
|
+
(O(!0), K(gl, null, yl(u(I), (me, te) => (O(), K("div", {
|
|
256
256
|
key: te,
|
|
257
257
|
class: "component-radio__item"
|
|
258
258
|
}, [
|
|
259
|
-
Pa(
|
|
259
|
+
Pa(xe("input", {
|
|
260
260
|
id: `${e.nbId}-${me.value}`,
|
|
261
|
-
"onUpdate:modelValue":
|
|
261
|
+
"onUpdate:modelValue": R[0] || (R[0] = (he) => F.value = he),
|
|
262
262
|
type: "radio",
|
|
263
263
|
class: "component-radio__item--input",
|
|
264
264
|
disabled: u(fe),
|
|
265
265
|
value: me.value,
|
|
266
266
|
name: e.groupName,
|
|
267
|
-
onClick:
|
|
267
|
+
onClick: et
|
|
268
268
|
}, null, 8, Dl), [
|
|
269
|
-
[Tl,
|
|
269
|
+
[Tl, F.value]
|
|
270
270
|
]),
|
|
271
|
-
|
|
271
|
+
xe("label", {
|
|
272
272
|
for: `${e.nbId}-${me.value}`,
|
|
273
273
|
tabindex: u(fe) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[te] : e.tabIndex >= 0 ? e.tabIndex : te + 1,
|
|
274
274
|
class: "component-radio__item--label",
|
|
275
275
|
onKeydown: [
|
|
276
|
-
|
|
277
|
-
|
|
276
|
+
R[1] || (R[1] = na(Ia((he) => !u(fe) && e.hasTabIndexEnter && he.target.click(), ["prevent"]), ["enter"])),
|
|
277
|
+
R[2] || (R[2] = na(Ia((he) => !u(fe) && e.hasTabIndexSpace && he.target.click(), ["prevent"]), ["space"]))
|
|
278
278
|
]
|
|
279
279
|
}, [
|
|
280
|
-
|
|
281
|
-
|
|
280
|
+
R[3] || (R[3] = xe("div", null, null, -1)),
|
|
281
|
+
xe("span", {
|
|
282
282
|
style: Ne([Oe.value])
|
|
283
|
-
},
|
|
283
|
+
}, Rt(me.text), 5)
|
|
284
284
|
], 40, Rl)
|
|
285
285
|
]))), 128))
|
|
286
286
|
], 16, wl)
|
|
@@ -451,27 +451,27 @@ const Fl = ["id"], zl = ["id", "disabled", "value", "name"], Il = ["for", "tabin
|
|
|
451
451
|
Wa((b) => ({
|
|
452
452
|
"49e2c63f": vt.value,
|
|
453
453
|
"107babaa": me.value,
|
|
454
|
-
"3c7cc5ce":
|
|
455
|
-
"16d311d0":
|
|
456
|
-
"3f8b2f30":
|
|
454
|
+
"3c7cc5ce": R.value,
|
|
455
|
+
"16d311d0": T.value,
|
|
456
|
+
"3f8b2f30": ke.value,
|
|
457
457
|
"53078d64": ze.value,
|
|
458
|
-
"537834e6":
|
|
458
|
+
"537834e6": Lt.value,
|
|
459
459
|
fbc86ee4: ot.value,
|
|
460
460
|
"517939e1": ht.value,
|
|
461
|
-
"3faff29d":
|
|
462
|
-
"302ecd6a":
|
|
463
|
-
"8a4df060":
|
|
464
|
-
"0a99dbe2":
|
|
461
|
+
"3faff29d": et.value,
|
|
462
|
+
"302ecd6a": Ct.value,
|
|
463
|
+
"8a4df060": xt.value,
|
|
464
|
+
"0a99dbe2": Be.value,
|
|
465
465
|
d6971e68: St.value,
|
|
466
466
|
ca30d9c2: pt.value
|
|
467
467
|
})), Aa(() => {
|
|
468
468
|
Ge();
|
|
469
469
|
});
|
|
470
|
-
const g = y, h = e,
|
|
470
|
+
const g = y, h = e, F = oe(null), {
|
|
471
471
|
ariaLabel: Q,
|
|
472
472
|
ariaAttrs: ce,
|
|
473
473
|
currentOption: D,
|
|
474
|
-
display:
|
|
474
|
+
display: k,
|
|
475
475
|
options: x,
|
|
476
476
|
theme: I,
|
|
477
477
|
lightTextColor: ae,
|
|
@@ -485,24 +485,24 @@ const Fl = ["id"], zl = ["id", "disabled", "value", "name"], Il = ["for", "tabin
|
|
|
485
485
|
activeHoverEffect: Fe,
|
|
486
486
|
itemGap: be,
|
|
487
487
|
internalGap: ee,
|
|
488
|
-
scale:
|
|
488
|
+
scale: Ce,
|
|
489
489
|
type: fe,
|
|
490
|
-
background:
|
|
491
|
-
disabled:
|
|
492
|
-
fontFamily:
|
|
490
|
+
background: Ae,
|
|
491
|
+
disabled: Ve,
|
|
492
|
+
fontFamily: Te,
|
|
493
493
|
fontSize: j,
|
|
494
|
-
fontWeight:
|
|
494
|
+
fontWeight: Qe
|
|
495
495
|
} = Ea(h), v = a(() => {
|
|
496
|
-
const b =
|
|
496
|
+
const b = Ve.value ? "component-disabled" : "", A = k.value !== "b" ? "inline-block" : "block", de = Te.value ? Te.value : "'Lato', sans-serif", ge = j.value ? j.value : "1.6em", Se = Qe.value !== 0 && !Qe.value || Qe.value < 0 ? 200 : Qe.value, _e = ie.value !== 0 && !ie.value || ie.value < 0 ? 0 : ie.value, We = [!1, !0].includes(q.value) ? q.value : !1, Ee = [!1, !0].includes(Fe.value) ? Fe.value : !1, He = be.value !== 0 && !be.value || be.value < 0 ? 15 : be.value, qe = ee.value !== 0 && !ee.value || ee.value < 0 ? 6 : ee.value, Ke = ["box", "circle"].includes(fe.value) ? fe.value : "box", at = Ce.value !== 0 && !Ce.value || Ce.value < 0 ? 1 : Ce.value, yt = [!1, !0].includes(Ae.value) ? Ae.value : !1;
|
|
497
497
|
return {
|
|
498
498
|
disabled: b,
|
|
499
|
-
display:
|
|
499
|
+
display: A,
|
|
500
500
|
boxRadius: _e,
|
|
501
501
|
hoverEffect: We,
|
|
502
502
|
activeHoverEffect: Ee,
|
|
503
503
|
itemGap: He,
|
|
504
504
|
internalGap: qe,
|
|
505
|
-
scale:
|
|
505
|
+
scale: at,
|
|
506
506
|
type: Ke,
|
|
507
507
|
font: de,
|
|
508
508
|
background: yt,
|
|
@@ -511,96 +511,96 @@ const Fl = ["id"], zl = ["id", "disabled", "value", "name"], Il = ["for", "tabin
|
|
|
511
511
|
};
|
|
512
512
|
}), se = a(() => v.value.disabled), Oe = a(() => ({
|
|
513
513
|
display: v.value.display
|
|
514
|
-
})),
|
|
514
|
+
})), Xe = a(() => v.value.display === "inline-block" ? "component-checkbox__item--display-inline" : "component-checkbox__item--display-block"), S = a(() => {
|
|
515
515
|
const b = v.value;
|
|
516
516
|
return {
|
|
517
517
|
fontSize: b.fontSize,
|
|
518
518
|
fontWeight: b.fontWeight
|
|
519
519
|
};
|
|
520
|
-
}), Ue = a(() => Array.isArray(x.value) && x.value.constructor === Array && x.value.length > 0), ve = a(() => I.value === "dark" ? "component__theme--dark" : "component__theme--light"), vt = a(() => v.value.font), ht = a(() => ae.value), ot = a(() => le.value), ze = a(() => v.value.hoverEffect ? X.value : le.value),
|
|
520
|
+
}), Ue = a(() => Array.isArray(x.value) && x.value.constructor === Array && x.value.length > 0), ve = a(() => I.value === "dark" ? "component__theme--dark" : "component__theme--light"), vt = a(() => v.value.font), ht = a(() => ae.value), ot = a(() => le.value), ze = a(() => v.value.hoverEffect ? X.value : le.value), ke = a(() => v.value.activeHoverEffect ? X.value : le.value), Lt = a(() => {
|
|
521
521
|
const b = v.value;
|
|
522
522
|
return b.activeHoverEffect && b.background ? `${X.value}80` : X.value;
|
|
523
|
-
}), pt = a(() => _.value), St = a(() => $.value),
|
|
523
|
+
}), pt = a(() => _.value), St = a(() => $.value), xt = a(() => v.value.hoverEffect ? H.value : $.value), Ct = a(() => v.value.activeHoverEffect ? H.value : $.value), Be = a(() => {
|
|
524
524
|
const b = v.value;
|
|
525
525
|
return b.activeHoverEffect && b.background ? `${H.value}80` : H.value;
|
|
526
|
-
}), gt = a(() => v.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"),
|
|
527
|
-
const b = v.value,
|
|
528
|
-
return b.background ? "#ffffff" :
|
|
526
|
+
}), gt = a(() => v.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"), et = a(() => {
|
|
527
|
+
const b = v.value, A = I.value === "dark" ? _.value : ae.value;
|
|
528
|
+
return b.background ? "#ffffff" : A;
|
|
529
529
|
});
|
|
530
530
|
a(() => v.value.background ? "19px" : "auto");
|
|
531
|
-
const
|
|
532
|
-
const
|
|
533
|
-
return !
|
|
534
|
-
}),
|
|
531
|
+
const T = a(() => {
|
|
532
|
+
const A = v.value.internalGap;
|
|
533
|
+
return !A || A < 0 ? 0 : `${A}px`;
|
|
534
|
+
}), R = a(() => {
|
|
535
535
|
const b = v.value;
|
|
536
536
|
return `${b.boxRadius > 7 ? 7 : b.boxRadius}px`;
|
|
537
537
|
}), me = a(() => {
|
|
538
|
-
const
|
|
539
|
-
return !
|
|
538
|
+
const A = v.value.itemGap;
|
|
539
|
+
return !A || A < 0 ? 0 : `${A}px`;
|
|
540
540
|
}), te = a(() => v.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), he = a(() => ({
|
|
541
541
|
zoom: v.value.scale
|
|
542
|
-
})),
|
|
542
|
+
})), tt = a(() => {
|
|
543
543
|
const b = {};
|
|
544
544
|
ce.value && Object.keys(ce.value).forEach((ge) => b[`aria-${ge}`] = ce.value[ge]);
|
|
545
|
-
const
|
|
545
|
+
const A = {
|
|
546
546
|
"aria-label": Q.value,
|
|
547
|
-
"aria-disabled":
|
|
547
|
+
"aria-disabled": Ve.value,
|
|
548
548
|
...b
|
|
549
549
|
};
|
|
550
550
|
return Object.fromEntries(
|
|
551
|
-
Object.entries(
|
|
551
|
+
Object.entries(A).filter(([de, ge]) => ge != null)
|
|
552
552
|
);
|
|
553
553
|
}), Ge = () => {
|
|
554
|
-
|
|
554
|
+
F.value = D.value;
|
|
555
555
|
}, Ie = () => {
|
|
556
556
|
g("clicked");
|
|
557
557
|
};
|
|
558
|
-
return re(D, (b,
|
|
559
|
-
b !==
|
|
560
|
-
}), re(
|
|
561
|
-
b !==
|
|
562
|
-
}), (b,
|
|
558
|
+
return re(D, (b, A) => {
|
|
559
|
+
b !== A && Ge();
|
|
560
|
+
}), re(F, (b, A) => {
|
|
561
|
+
b !== A && (g("current-value", b), g("changed", b));
|
|
562
|
+
}), (b, A) => e.nbId && Ue.value ? (O(), K("div", {
|
|
563
563
|
key: 0,
|
|
564
564
|
class: Ye(["nb-wrapper", se.value]),
|
|
565
565
|
style: Ne([Oe.value, he.value])
|
|
566
566
|
}, [
|
|
567
|
-
|
|
567
|
+
xe("div", $a({
|
|
568
568
|
id: e.nbId,
|
|
569
569
|
role: "group"
|
|
570
|
-
},
|
|
571
|
-
class: ["nb-reset", "component",
|
|
570
|
+
}, tt.value, {
|
|
571
|
+
class: ["nb-reset", "component", Xe.value, ve.value]
|
|
572
572
|
}), [
|
|
573
|
-
(O(!0), K(
|
|
573
|
+
(O(!0), K(gl, null, yl(u(x), (de, ge) => (O(), K("div", {
|
|
574
574
|
key: ge,
|
|
575
575
|
class: "component-checkbox__item"
|
|
576
576
|
}, [
|
|
577
|
-
Pa(
|
|
577
|
+
Pa(xe("input", {
|
|
578
578
|
id: `${e.nbId}-${de.value}`,
|
|
579
|
-
"onUpdate:modelValue":
|
|
579
|
+
"onUpdate:modelValue": A[0] || (A[0] = (Se) => F.value = Se),
|
|
580
580
|
type: "checkbox",
|
|
581
581
|
class: "component-checkbox__item--input",
|
|
582
|
-
disabled: u(
|
|
582
|
+
disabled: u(Ve),
|
|
583
583
|
value: de.value,
|
|
584
584
|
name: e.groupName,
|
|
585
585
|
onClick: Ie
|
|
586
586
|
}, null, 8, zl), [
|
|
587
|
-
[kl,
|
|
587
|
+
[kl, F.value]
|
|
588
588
|
]),
|
|
589
|
-
|
|
589
|
+
xe("label", {
|
|
590
590
|
for: `${e.nbId}-${de.value}`,
|
|
591
591
|
class: Ye([[te.value], "component-checkbox__item--label"]),
|
|
592
|
-
tabindex: u(
|
|
592
|
+
tabindex: u(Ve) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[ge] : e.tabIndex >= 0 ? e.tabIndex : ge + 1,
|
|
593
593
|
onKeydown: [
|
|
594
|
-
|
|
595
|
-
|
|
594
|
+
A[1] || (A[1] = na(Ia((Se) => !u(Ve) && e.hasTabIndexEnter && Se.target.click(), ["prevent"]), ["enter"])),
|
|
595
|
+
A[2] || (A[2] = na(Ia((Se) => !u(Ve) && e.hasTabIndexSpace && Se.target.click(), ["prevent"]), ["space"]))
|
|
596
596
|
]
|
|
597
597
|
}, [
|
|
598
|
-
|
|
598
|
+
xe("div", {
|
|
599
599
|
class: Ye([gt.value])
|
|
600
600
|
}, null, 2),
|
|
601
|
-
|
|
601
|
+
xe("span", {
|
|
602
602
|
style: Ne([S.value])
|
|
603
|
-
},
|
|
603
|
+
}, Rt(de.text), 5)
|
|
604
604
|
], 42, Il)
|
|
605
605
|
]))), 128))
|
|
606
606
|
], 16, Fl)
|
|
@@ -1064,54 +1064,54 @@ const Pl = ["id"], Ol = ["for"], _l = {
|
|
|
1064
1064
|
],
|
|
1065
1065
|
setup(e, { emit: y }) {
|
|
1066
1066
|
Wa((o) => ({
|
|
1067
|
-
"
|
|
1068
|
-
"
|
|
1069
|
-
"
|
|
1070
|
-
"
|
|
1071
|
-
"
|
|
1072
|
-
"
|
|
1073
|
-
|
|
1074
|
-
"
|
|
1075
|
-
"
|
|
1076
|
-
"
|
|
1077
|
-
"
|
|
1078
|
-
"
|
|
1079
|
-
"
|
|
1080
|
-
"
|
|
1081
|
-
"
|
|
1082
|
-
"
|
|
1083
|
-
|
|
1084
|
-
"
|
|
1085
|
-
"
|
|
1086
|
-
"
|
|
1087
|
-
|
|
1088
|
-
"
|
|
1089
|
-
"
|
|
1090
|
-
"
|
|
1091
|
-
"
|
|
1092
|
-
"
|
|
1093
|
-
|
|
1094
|
-
"
|
|
1095
|
-
"
|
|
1096
|
-
"
|
|
1097
|
-
"
|
|
1098
|
-
|
|
1099
|
-
"
|
|
1100
|
-
"
|
|
1101
|
-
"
|
|
1102
|
-
|
|
1103
|
-
"
|
|
1067
|
+
"342644d9": Et.value,
|
|
1068
|
+
"3f4c6557": ra.value,
|
|
1069
|
+
"1ede05ca": u(Ct),
|
|
1070
|
+
"4f7ccf67": ca.value,
|
|
1071
|
+
"69eb990e": fa.value,
|
|
1072
|
+
"6f6d3e5e": va.value,
|
|
1073
|
+
57352616: u(me),
|
|
1074
|
+
"28a6c9c6": u(Ee),
|
|
1075
|
+
"28d88a69": u(te),
|
|
1076
|
+
"072e58ae": u(Mt),
|
|
1077
|
+
"31d17fe2": u(R),
|
|
1078
|
+
"04d07ecd": u(et),
|
|
1079
|
+
"4aebdc33": u(T),
|
|
1080
|
+
"5394bb04": dt.value,
|
|
1081
|
+
"4e4085fe": u(Be),
|
|
1082
|
+
"43c7ed7a": u(gt),
|
|
1083
|
+
"195531a3": u(We),
|
|
1084
|
+
"3b5e1535": u(he),
|
|
1085
|
+
"396824a2": u(yt),
|
|
1086
|
+
"5af8c896": u(xt),
|
|
1087
|
+
32439599: u(pt),
|
|
1088
|
+
"46ada9ff": u(St),
|
|
1089
|
+
"0245c2b2": u(ke),
|
|
1090
|
+
"3e5efd74": u(Lt),
|
|
1091
|
+
"05615226": ha.value,
|
|
1092
|
+
"9b486f1e": xa.value,
|
|
1093
|
+
d5642564: Ca.value,
|
|
1094
|
+
"79afa904": _t.value,
|
|
1095
|
+
"086cafa1": Dt.value,
|
|
1096
|
+
"1127238e": u(tt),
|
|
1097
|
+
"6445d91e": ya.value,
|
|
1098
|
+
"6f07dcee": Pt.value,
|
|
1099
|
+
"4678f62d": ia.value,
|
|
1100
|
+
"15cf1bd4": Ut.value,
|
|
1101
|
+
"1161f5f0": da.value,
|
|
1102
|
+
c3b37b2c: Gt.value,
|
|
1103
|
+
"19529b8f": sa.value
|
|
1104
1104
|
})), Aa(() => {
|
|
1105
|
-
ve.value != null ? se.value === "number" && typeof ve.value == "number" ?
|
|
1105
|
+
ve.value != null ? se.value === "number" && typeof ve.value == "number" ? z.value = ve.value : z.value = String(ve.value) : z.value = "";
|
|
1106
1106
|
}), Ya(() => {
|
|
1107
|
-
|
|
1107
|
+
Ht();
|
|
1108
1108
|
});
|
|
1109
1109
|
const g = y, h = e, {
|
|
1110
|
-
nbId:
|
|
1110
|
+
nbId: F,
|
|
1111
1111
|
display: Q,
|
|
1112
1112
|
hasTabIndexEnter: ce,
|
|
1113
1113
|
ariaLabel: D,
|
|
1114
|
-
ariaAttrs:
|
|
1114
|
+
ariaAttrs: k,
|
|
1115
1115
|
textColor: x,
|
|
1116
1116
|
caretColor: I,
|
|
1117
1117
|
selectionBgColor: ae,
|
|
@@ -1125,17 +1125,17 @@ const Pl = ["id"], Ol = ["for"], _l = {
|
|
|
1125
1125
|
fontFamilyMsg: Fe,
|
|
1126
1126
|
fontSizeMsg: be,
|
|
1127
1127
|
fontWeightMsg: ee,
|
|
1128
|
-
textMessageColor:
|
|
1128
|
+
textMessageColor: Ce,
|
|
1129
1129
|
inputWidth: fe,
|
|
1130
|
-
inputStyle:
|
|
1131
|
-
activeTextStyle:
|
|
1132
|
-
sizeMediaQuery:
|
|
1130
|
+
inputStyle: Ae,
|
|
1131
|
+
activeTextStyle: Ve,
|
|
1132
|
+
sizeMediaQuery: Te,
|
|
1133
1133
|
inputReadonly: j,
|
|
1134
|
-
blockPaste:
|
|
1134
|
+
blockPaste: Qe,
|
|
1135
1135
|
showInputEye: v,
|
|
1136
1136
|
inputType: se,
|
|
1137
1137
|
hasTrim: Oe,
|
|
1138
|
-
inputUppercase:
|
|
1138
|
+
inputUppercase: Xe,
|
|
1139
1139
|
inputName: S,
|
|
1140
1140
|
inputPlaceholder: Ue,
|
|
1141
1141
|
inputText: ve,
|
|
@@ -1143,25 +1143,25 @@ const Pl = ["id"], Ol = ["for"], _l = {
|
|
|
1143
1143
|
inputEyeIcon: ht,
|
|
1144
1144
|
tabindex: ot,
|
|
1145
1145
|
inputEyeIconHidden: ze,
|
|
1146
|
-
lightBgColor:
|
|
1147
|
-
lightBgColorFocus:
|
|
1146
|
+
lightBgColor: ke,
|
|
1147
|
+
lightBgColorFocus: Lt,
|
|
1148
1148
|
lightEyeBgColor: pt,
|
|
1149
1149
|
lightEyeBgColorActive: St,
|
|
1150
|
-
lightDisabledBgColor:
|
|
1151
|
-
lightTextColor:
|
|
1152
|
-
darkBgColor:
|
|
1150
|
+
lightDisabledBgColor: xt,
|
|
1151
|
+
lightTextColor: Ct,
|
|
1152
|
+
darkBgColor: Be,
|
|
1153
1153
|
darkBgColorFocus: gt,
|
|
1154
|
-
darkEyeBgColor:
|
|
1155
|
-
darkEyeBgColorActive:
|
|
1156
|
-
darkDisabledBgColor:
|
|
1154
|
+
darkEyeBgColor: et,
|
|
1155
|
+
darkEyeBgColorActive: T,
|
|
1156
|
+
darkDisabledBgColor: R,
|
|
1157
1157
|
darkTextColor: me,
|
|
1158
1158
|
darkDisabledEyeBgColor: te,
|
|
1159
1159
|
lightDisabledEyeBgColor: he,
|
|
1160
|
-
textAlign:
|
|
1160
|
+
textAlign: tt,
|
|
1161
1161
|
showMsg: Ge,
|
|
1162
1162
|
hasMsg: Ie,
|
|
1163
1163
|
hasIcon: b,
|
|
1164
|
-
iconDirection:
|
|
1164
|
+
iconDirection: A,
|
|
1165
1165
|
iconPadding: de,
|
|
1166
1166
|
iconPaddingInput: ge,
|
|
1167
1167
|
iconMargin: Se,
|
|
@@ -1171,102 +1171,102 @@ const Pl = ["id"], Ol = ["for"], _l = {
|
|
|
1171
1171
|
iconLightBgColor: He,
|
|
1172
1172
|
iconDarkBgColor: qe,
|
|
1173
1173
|
iconLightBgColorActive: Ke,
|
|
1174
|
-
iconDarkBgColorActive:
|
|
1174
|
+
iconDarkBgColorActive: at,
|
|
1175
1175
|
iconLightDisabledBgColor: yt,
|
|
1176
|
-
iconDarkDisabledBgColor:
|
|
1177
|
-
iconWidth:
|
|
1176
|
+
iconDarkDisabledBgColor: Mt,
|
|
1177
|
+
iconWidth: Vt,
|
|
1178
1178
|
iconSize: bt,
|
|
1179
|
-
showLabel:
|
|
1180
|
-
label:
|
|
1179
|
+
showLabel: lt,
|
|
1180
|
+
label: Nt,
|
|
1181
1181
|
labelBreakOnActive: rt,
|
|
1182
|
-
labelBackground:
|
|
1183
|
-
labelPadding:
|
|
1182
|
+
labelBackground: Tt,
|
|
1183
|
+
labelPadding: B,
|
|
1184
1184
|
labelBorderRadius: E,
|
|
1185
1185
|
labelLeft: Z,
|
|
1186
1186
|
inputLabelMarginActive: Y,
|
|
1187
|
-
labelActiveTop:
|
|
1188
|
-
labelActiveLeft:
|
|
1189
|
-
labelRight:
|
|
1190
|
-
labelActiveRight:
|
|
1191
|
-
fontFamilyLabel:
|
|
1187
|
+
labelActiveTop: $e,
|
|
1188
|
+
labelActiveLeft: M,
|
|
1189
|
+
labelRight: Wt,
|
|
1190
|
+
labelActiveRight: we,
|
|
1191
|
+
fontFamilyLabel: At,
|
|
1192
1192
|
fontSizeLabel: ue,
|
|
1193
1193
|
fontSizeLabelActive: ut,
|
|
1194
1194
|
fontWeightLabel: ne,
|
|
1195
|
-
lightTextColorLabel:
|
|
1195
|
+
lightTextColorLabel: $t,
|
|
1196
1196
|
lightTextColorLabelActive: P,
|
|
1197
1197
|
darkTextColorLabel: U,
|
|
1198
1198
|
darkTextColorLabelActive: Yt
|
|
1199
|
-
} = Ea(h),
|
|
1200
|
-
const o = $.value ? "component-disabled" : "", m = Q.value !== "b" ? "inline-block" : "block", Re = x ? x.value : "ffffff", nt = I.value ? I.value : "",
|
|
1199
|
+
} = Ea(h), z = oe(""), G = oe(null), kt = oe(""), wt = oe(!1), it = oe(!1), N = a(() => {
|
|
1200
|
+
const o = $.value ? "component-disabled" : "", m = Q.value !== "b" ? "inline-block" : "block", Re = x ? x.value : "#ffffff", nt = I.value ? I.value : "", Ba = ae.value ? ae.value : "", ta = le.value ? le.value : "", wa = X.value ? X.value : !1, Da = _.value !== 0 && !_.value || _.value < 0 ? 0 : _.value, It = H.value ? H.value : "'Lato', sans-serif", aa = ie.value ? ie.value : null, qt = q.value !== 0 && !q.value || q.value < 0 ? 100 : q.value, Ra = Fe.value ? Fe.value : "'Lato', sans-serif", _a = be.value ? be.value : "1em", Ma = ee.value !== 0 && !ee.value || ee.value < 0 ? 100 : ee.value, Ha = Ce.value ? Ce.value : "#f15574", Le = fe.value ? fe.value : 200, qa = Ve.value ? Ve.value : "normal", mt = Te.value ? Te.value : "xs", t = j.value ? j.value : !1, l = v.value ? v.value : !1, n = se.value ? se.value : "text", r = Xe.value ? Xe.value : !1, s = vt.value ? vt.value : "normal", d = tt.value ? tt.value : "left", f = Ae.value ? Ae.value : "background", p = de.value ? de.value : "5px 10px", V = Se.value ? Se.value : "0", L = ge.value ? ge.value : 10, W = We.value ? We.value : "#000000", J = Ee.value ? Ee.value : "#000000", Me = He.value ? He.value : "transparent", ft = qe.value ? qe.value : "transparent", Pe = _e.value !== 0 && !_e.value || _e.value < 0 ? 0 : _e.value, Je = Ke.value ? Ke.value : "transparent", Ua = at.value ? at.value : "transparent", Ga = Vt.value ? Vt.value : 32, Ka = bt.value ? bt.value : 1, Za = lt.value ? lt.value : !1, Ja = Z.value !== 0 && !Z.value || Z.value < 0 ? 5 : Z.value, Qa = Tt.value ? Tt.value : "transparent", Xa = Y.value !== 0 && !Y.value || Y.value < 0 ? 15 : Y.value, el = B.value ? B.value : "1px 5px", tl = E.value !== 0 && !E.value || E.value < 0 ? 0 : E.value, al = $e.value === null || $e.value === void 0 ? -13 : $e.value, ll = M.value === null || M.value === void 0 ? 5 : M.value, nl = Wt.value === null || Wt.value === void 0 ? 0 : Wt.value, ol = we.value === null || we.value === void 0 ? 0 : we.value, rl = At.value ? At.value : "'Lato', sans-serif", ul = ue.value ? ue.value : "1em", il = ut.value ? ut.value : "0.8em", sl = ne.value ? ne.value : 400, dl = $t.value ? $t.value : "#ffffff", cl = U.value ? U.value : "#000000", fl = P.value ? P.value : "#ffffff", vl = Yt.value ? Yt.value : "#000000";
|
|
1201
1201
|
return {
|
|
1202
1202
|
disabled: o,
|
|
1203
1203
|
display: m,
|
|
1204
|
-
font:
|
|
1205
|
-
fontSize:
|
|
1206
|
-
fontWeight:
|
|
1207
|
-
fontFamilyMsg:
|
|
1208
|
-
fontSizeMsg:
|
|
1209
|
-
fontWeightMsg:
|
|
1210
|
-
textMessageColor:
|
|
1204
|
+
font: It,
|
|
1205
|
+
fontSize: aa,
|
|
1206
|
+
fontWeight: qt,
|
|
1207
|
+
fontFamilyMsg: Ra,
|
|
1208
|
+
fontSizeMsg: _a,
|
|
1209
|
+
fontWeightMsg: Ma,
|
|
1210
|
+
textMessageColor: Ha,
|
|
1211
1211
|
textColor: Re,
|
|
1212
1212
|
caretColor: nt,
|
|
1213
|
-
selectionBgColor:
|
|
1214
|
-
selectionTextColor:
|
|
1215
|
-
hasBorderRadius:
|
|
1216
|
-
borderRadius:
|
|
1217
|
-
textAlign:
|
|
1218
|
-
inputWidth:
|
|
1219
|
-
activeTextStyle:
|
|
1220
|
-
sizeMediaQuery:
|
|
1221
|
-
inputReadonly:
|
|
1222
|
-
showInputEye:
|
|
1223
|
-
inputType:
|
|
1224
|
-
inputUppercase:
|
|
1225
|
-
theme:
|
|
1226
|
-
inputStyle:
|
|
1227
|
-
iconPadding:
|
|
1228
|
-
iconMargin:
|
|
1229
|
-
iconPaddingInput:
|
|
1230
|
-
iconLightTextColor:
|
|
1231
|
-
iconDarkTextColor:
|
|
1232
|
-
iconLightBgColor:
|
|
1233
|
-
iconDarkBgColor:
|
|
1234
|
-
iconBorderRadius:
|
|
1235
|
-
iconLightBgColorActive:
|
|
1236
|
-
iconDarkBgColorActive:
|
|
1237
|
-
iconWidth:
|
|
1238
|
-
iconSize:
|
|
1239
|
-
showLabel:
|
|
1240
|
-
labelBackground:
|
|
1241
|
-
labelPadding:
|
|
1242
|
-
labelBorderRadius:
|
|
1243
|
-
labelLeft:
|
|
1244
|
-
inputLabelMarginActive:
|
|
1245
|
-
labelActiveTop:
|
|
1246
|
-
labelActiveLeft:
|
|
1247
|
-
labelRight:
|
|
1248
|
-
labelActiveRight:
|
|
1249
|
-
fontFamilyLabel:
|
|
1250
|
-
fontSizeLabel:
|
|
1251
|
-
fontSizeLabelActive:
|
|
1252
|
-
fontWeightLabel:
|
|
1253
|
-
lightTextColorLabel:
|
|
1254
|
-
darkTextColorLabel:
|
|
1255
|
-
lightTextColorLabelActive:
|
|
1256
|
-
darkTextColorLabelActive:
|
|
1213
|
+
selectionBgColor: Ba,
|
|
1214
|
+
selectionTextColor: ta,
|
|
1215
|
+
hasBorderRadius: wa,
|
|
1216
|
+
borderRadius: Da,
|
|
1217
|
+
textAlign: d,
|
|
1218
|
+
inputWidth: Le,
|
|
1219
|
+
activeTextStyle: qa,
|
|
1220
|
+
sizeMediaQuery: mt,
|
|
1221
|
+
inputReadonly: t,
|
|
1222
|
+
showInputEye: l,
|
|
1223
|
+
inputType: n,
|
|
1224
|
+
inputUppercase: r,
|
|
1225
|
+
theme: s,
|
|
1226
|
+
inputStyle: f,
|
|
1227
|
+
iconPadding: p,
|
|
1228
|
+
iconMargin: V,
|
|
1229
|
+
iconPaddingInput: L,
|
|
1230
|
+
iconLightTextColor: W,
|
|
1231
|
+
iconDarkTextColor: J,
|
|
1232
|
+
iconLightBgColor: Me,
|
|
1233
|
+
iconDarkBgColor: ft,
|
|
1234
|
+
iconBorderRadius: Pe,
|
|
1235
|
+
iconLightBgColorActive: Je,
|
|
1236
|
+
iconDarkBgColorActive: Ua,
|
|
1237
|
+
iconWidth: Ga,
|
|
1238
|
+
iconSize: Ka,
|
|
1239
|
+
showLabel: Za,
|
|
1240
|
+
labelBackground: Qa,
|
|
1241
|
+
labelPadding: el,
|
|
1242
|
+
labelBorderRadius: tl,
|
|
1243
|
+
labelLeft: Ja,
|
|
1244
|
+
inputLabelMarginActive: Xa,
|
|
1245
|
+
labelActiveTop: al,
|
|
1246
|
+
labelActiveLeft: ll,
|
|
1247
|
+
labelRight: nl,
|
|
1248
|
+
labelActiveRight: ol,
|
|
1249
|
+
fontFamilyLabel: rl,
|
|
1250
|
+
fontSizeLabel: ul,
|
|
1251
|
+
fontSizeLabelActive: il,
|
|
1252
|
+
fontWeightLabel: sl,
|
|
1253
|
+
lightTextColorLabel: dl,
|
|
1254
|
+
darkTextColorLabel: cl,
|
|
1255
|
+
lightTextColorLabelActive: fl,
|
|
1256
|
+
darkTextColorLabelActive: vl
|
|
1257
1257
|
};
|
|
1258
|
-
}),
|
|
1259
|
-
const o =
|
|
1258
|
+
}), Ft = a(() => N.value.disabled), oa = a(() => {
|
|
1259
|
+
const o = N.value, m = je.value;
|
|
1260
1260
|
return {
|
|
1261
1261
|
display: o.display,
|
|
1262
1262
|
// Adiciona padding-top quando o label está ativo para evitar que seja cortado
|
|
1263
1263
|
// paddingTop: isActive && showLabel.value ? `${Math.abs(defaultValues.labelActiveTop)}px` : '0',
|
|
1264
1264
|
paddingTop: "0px",
|
|
1265
1265
|
// Esconde o label quando não está ativo usando overflow hidden
|
|
1266
|
-
overflow: m &&
|
|
1266
|
+
overflow: m && lt.value ? "visible" : "hidden"
|
|
1267
1267
|
};
|
|
1268
1268
|
}), ra = a(() => {
|
|
1269
|
-
const o =
|
|
1269
|
+
const o = N.value;
|
|
1270
1270
|
if (o.fontSize)
|
|
1271
1271
|
return o.fontSize;
|
|
1272
1272
|
let m = "";
|
|
@@ -1282,30 +1282,30 @@ const Pl = ["id"], Ol = ["for"], _l = {
|
|
|
1282
1282
|
}
|
|
1283
1283
|
return m;
|
|
1284
1284
|
}), ua = a(() => {
|
|
1285
|
-
const o =
|
|
1285
|
+
const o = N.value, m = je.value;
|
|
1286
1286
|
return {
|
|
1287
1287
|
fontWeight: o.fontWeight,
|
|
1288
|
-
marginTop: m &&
|
|
1288
|
+
marginTop: m && lt.value ? `${o.inputLabelMarginActive}px` : "0"
|
|
1289
1289
|
};
|
|
1290
1290
|
}), st = a(() => {
|
|
1291
|
-
const o =
|
|
1291
|
+
const o = N.value;
|
|
1292
1292
|
return o.inputStyle !== "line" && o.hasBorderRadius ? { borderRadius: `${o.borderRadius}rem` } : {};
|
|
1293
|
-
}),
|
|
1294
|
-
const o =
|
|
1293
|
+
}), Et = a(() => N.value.font), Pt = a(() => N.value.fontFamilyMsg), ia = a(() => N.value.fontSizeMsg), Ut = a(() => N.value.fontWeightMsg), sa = a(() => N.value.textColor), Gt = a(() => N.value.theme === "dark" ? R.value : xt.value), da = a(() => N.value.textMessageColor), ca = a(() => {
|
|
1294
|
+
const o = N.value;
|
|
1295
1295
|
return o.caretColor || (o.theme === "dark" ? "#00d4ff" : "#007bff");
|
|
1296
|
-
}), ca = a(() => {
|
|
1297
|
-
const o = z.value;
|
|
1298
|
-
return o.selectionBgColor || (o.theme === "dark" ? "#00d4ff" : "#007bff");
|
|
1299
1296
|
}), fa = a(() => {
|
|
1300
|
-
const o =
|
|
1297
|
+
const o = N.value;
|
|
1298
|
+
return o.selectionBgColor || (o.theme === "dark" ? "#00d4ff" : "#007bff");
|
|
1299
|
+
}), va = a(() => {
|
|
1300
|
+
const o = N.value;
|
|
1301
1301
|
return o.selectionTextColor || (o.theme === "dark" ? "#000000" : "#ffffff");
|
|
1302
1302
|
}), Kt = a(() => {
|
|
1303
|
-
const o =
|
|
1303
|
+
const o = N.value;
|
|
1304
1304
|
return o.display === "block" ? { width: "100%" } : {
|
|
1305
1305
|
width: `${o.inputWidth}px`
|
|
1306
1306
|
};
|
|
1307
|
-
}),
|
|
1308
|
-
switch (
|
|
1307
|
+
}), pa = a(() => {
|
|
1308
|
+
switch (Ae.value) {
|
|
1309
1309
|
case "line":
|
|
1310
1310
|
return "component__input--line";
|
|
1311
1311
|
case "border":
|
|
@@ -1313,8 +1313,8 @@ const Pl = ["id"], Ol = ["for"], _l = {
|
|
|
1313
1313
|
default:
|
|
1314
1314
|
return "component__input--background";
|
|
1315
1315
|
}
|
|
1316
|
-
}),
|
|
1317
|
-
switch (
|
|
1316
|
+
}), zt = a(() => {
|
|
1317
|
+
switch (N.value.activeTextStyle) {
|
|
1318
1318
|
case "italic":
|
|
1319
1319
|
return "component__input--active--italic";
|
|
1320
1320
|
case "oblique":
|
|
@@ -1322,8 +1322,8 @@ const Pl = ["id"], Ol = ["for"], _l = {
|
|
|
1322
1322
|
default:
|
|
1323
1323
|
return "component__input--active--normal";
|
|
1324
1324
|
}
|
|
1325
|
-
}),
|
|
1326
|
-
switch (
|
|
1325
|
+
}), c = a(() => {
|
|
1326
|
+
switch (N.value.sizeMediaQuery) {
|
|
1327
1327
|
case "sm":
|
|
1328
1328
|
return "component__sm";
|
|
1329
1329
|
case "md":
|
|
@@ -1333,22 +1333,22 @@ const Pl = ["id"], Ol = ["for"], _l = {
|
|
|
1333
1333
|
default:
|
|
1334
1334
|
return "";
|
|
1335
1335
|
}
|
|
1336
|
-
}),
|
|
1337
|
-
switch (
|
|
1336
|
+
}), w = a(() => {
|
|
1337
|
+
switch (N.value.theme) {
|
|
1338
1338
|
case "dark":
|
|
1339
1339
|
return "component__theme--dark";
|
|
1340
1340
|
default:
|
|
1341
1341
|
return "component__theme--light";
|
|
1342
1342
|
}
|
|
1343
|
-
}),
|
|
1344
|
-
const o =
|
|
1343
|
+
}), pe = a(() => N.value.inputReadonly ? "component__input--read-only" : ""), Ze = a(() => N.value.inputUppercase ? "component__input--uppercase" : ""), Ot = a(() => {
|
|
1344
|
+
const o = N.value;
|
|
1345
1345
|
return !!(o.showInputEye && o.inputType === "password");
|
|
1346
|
-
}),
|
|
1347
|
-
const o =
|
|
1346
|
+
}), i = a(() => wt.value ? ht.value : ze.value), C = a(() => S.value ? S.value : `${F.value}-name-label`), De = a(() => lt.value ? it.value ? Ue.value : "" : Ue.value), je = a(() => {
|
|
1347
|
+
const o = z.value;
|
|
1348
1348
|
return it.value || o != null && String(o).trim().length > 0;
|
|
1349
|
-
}),
|
|
1349
|
+
}), Zt = a(() => N.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), ga = a(() => it.value ? "component__input--active" : "component__input--no-active"), ya = a(() => Ot.value ? "6px 50px 6px 10px" : "6px 10px"), ba = a(() => !!(Ge.value && Ie.value)), ma = a(() => {
|
|
1350
1350
|
const o = {};
|
|
1351
|
-
|
|
1351
|
+
k.value && Object.keys(k.value).forEach((nt) => o[`aria-${nt}`] = k.value[nt]);
|
|
1352
1352
|
const m = {
|
|
1353
1353
|
"aria-label": D.value,
|
|
1354
1354
|
"aria-disabled": $.value,
|
|
@@ -1357,23 +1357,23 @@ const Pl = ["id"], Ol = ["for"], _l = {
|
|
|
1357
1357
|
return Object.fromEntries(
|
|
1358
1358
|
Object.entries(m).filter(([Re, nt]) => nt != null)
|
|
1359
1359
|
);
|
|
1360
|
-
}),
|
|
1361
|
-
const o =
|
|
1360
|
+
}), Dt = a(() => b.value ? `${bt.value}rem` : "0"), ha = a(() => b.value ? `${Vt.value}px` : "0"), Sa = a(() => b.value ? `component__icon--${A.value}` : ""), xa = a(() => {
|
|
1361
|
+
const o = N.value;
|
|
1362
1362
|
return b.value ? o.iconPadding : "0";
|
|
1363
|
-
}), xa = a(() => {
|
|
1364
|
-
const o = z.value;
|
|
1365
|
-
return b.value ? o.iconMargin : "0";
|
|
1366
1363
|
}), Ca = a(() => {
|
|
1367
|
-
const o =
|
|
1368
|
-
return b.value ? o.
|
|
1364
|
+
const o = N.value;
|
|
1365
|
+
return b.value ? o.iconMargin : "0";
|
|
1369
1366
|
}), dt = a(() => {
|
|
1370
|
-
const o =
|
|
1371
|
-
return b.value ?
|
|
1367
|
+
const o = N.value;
|
|
1368
|
+
return b.value ? o.theme === "dark" ? o.iconDarkBgColor : o.iconLightBgColor : "transparent";
|
|
1372
1369
|
}), _t = a(() => {
|
|
1373
|
-
const o =
|
|
1374
|
-
return b.value ?
|
|
1370
|
+
const o = N.value;
|
|
1371
|
+
return b.value ? `${o.iconBorderRadius}rem` : "0";
|
|
1372
|
+
}), Jt = a(() => {
|
|
1373
|
+
const o = N.value;
|
|
1374
|
+
return b.value ? A.value === "left" ? { paddingLeft: `${o.iconPaddingInput}px` } : { paddingRight: `${o.iconPaddingInput}px` } : {};
|
|
1375
1375
|
}), Qt = a(() => {
|
|
1376
|
-
const o =
|
|
1376
|
+
const o = N.value, m = je.value, Re = m ? o.lightTextColorLabelActive : o.lightTextColorLabel, nt = m ? o.darkTextColorLabelActive : o.darkTextColorLabel;
|
|
1377
1377
|
return {
|
|
1378
1378
|
fontFamily: o.fontFamilyLabel,
|
|
1379
1379
|
fontSize: m ? o.fontSizeLabelActive : o.fontSizeLabel,
|
|
@@ -1399,18 +1399,18 @@ const Pl = ["id"], Ol = ["for"], _l = {
|
|
|
1399
1399
|
};
|
|
1400
1400
|
});
|
|
1401
1401
|
a(() => {
|
|
1402
|
-
const o =
|
|
1402
|
+
const o = N.value;
|
|
1403
1403
|
return o.theme === "dark" ? o.darkTextColorLabelActive : o.lightTextColorLabelActive;
|
|
1404
1404
|
});
|
|
1405
|
-
const
|
|
1406
|
-
ve.value != null ? se.value === "number" && typeof ve.value == "number" ?
|
|
1407
|
-
},
|
|
1408
|
-
const o =
|
|
1405
|
+
const Ht = () => {
|
|
1406
|
+
ve.value != null ? se.value === "number" && typeof ve.value == "number" ? z.value = ve.value : z.value = String(ve.value) : z.value = "", kt.value = se.value;
|
|
1407
|
+
}, Xt = () => {
|
|
1408
|
+
const o = N.value;
|
|
1409
1409
|
if (o.inputReadonly || o.disabled)
|
|
1410
1410
|
return;
|
|
1411
|
-
const m =
|
|
1412
|
-
m ?
|
|
1413
|
-
},
|
|
1411
|
+
const m = !wt.value;
|
|
1412
|
+
m ? kt.value = "text" : kt.value = se.value, wt.value = m;
|
|
1413
|
+
}, ct = a(() => kt.value === "number"), Bt = (o) => {
|
|
1414
1414
|
if (se.value === "number") {
|
|
1415
1415
|
if (o === "" || o === null || o === void 0)
|
|
1416
1416
|
return "";
|
|
@@ -1420,134 +1420,134 @@ const Pl = ["id"], Ol = ["for"], _l = {
|
|
|
1420
1420
|
}
|
|
1421
1421
|
}
|
|
1422
1422
|
return o;
|
|
1423
|
-
},
|
|
1423
|
+
}, Va = () => {
|
|
1424
1424
|
g("clicked");
|
|
1425
|
-
},
|
|
1426
|
-
o.stopPropagation(), !($.value ||
|
|
1427
|
-
},
|
|
1428
|
-
$.value ||
|
|
1429
|
-
},
|
|
1425
|
+
}, Ta = (o) => {
|
|
1426
|
+
o.stopPropagation(), !($.value || N.value.inputReadonly) && G.value && G.value.focus();
|
|
1427
|
+
}, ea = () => {
|
|
1428
|
+
$.value || N.value.inputReadonly || !ce.value || g("entered", Bt(z.value));
|
|
1429
|
+
}, ka = async (o) => {
|
|
1430
1430
|
var Re;
|
|
1431
1431
|
const m = ((Re = o.clipboardData) == null ? void 0 : Re.getData("text")) || "";
|
|
1432
|
-
g("paste", m),
|
|
1432
|
+
g("paste", m), Qe.value && o.preventDefault();
|
|
1433
1433
|
};
|
|
1434
1434
|
return re(se, (o) => {
|
|
1435
|
-
|
|
1435
|
+
kt.value = o;
|
|
1436
1436
|
}, { immediate: !0 }), re(ve, (o) => {
|
|
1437
1437
|
if (o != null)
|
|
1438
1438
|
if (se.value === "number" && typeof o == "number")
|
|
1439
|
-
o !==
|
|
1439
|
+
o !== z.value && (z.value = o);
|
|
1440
1440
|
else {
|
|
1441
1441
|
const m = String(o);
|
|
1442
|
-
m !==
|
|
1442
|
+
m !== z.value && (z.value = m);
|
|
1443
1443
|
}
|
|
1444
1444
|
else
|
|
1445
|
-
|
|
1446
|
-
}, { immediate: !0 }), re(
|
|
1447
|
-
Oe.value && typeof o == "string" && (o = o.trim()), g("changed",
|
|
1445
|
+
z.value !== "" && (z.value = "");
|
|
1446
|
+
}, { immediate: !0 }), re(z, (o) => {
|
|
1447
|
+
Oe.value && typeof o == "string" && (o = o.trim()), g("changed", Bt(o));
|
|
1448
1448
|
}), re(it, (o) => {
|
|
1449
1449
|
g(o ? "focused" : "blurred");
|
|
1450
|
-
}), re(
|
|
1450
|
+
}), re(wt, (o) => {
|
|
1451
1451
|
g("show-input-eye", o);
|
|
1452
|
-
}, { immediate: !0 }), re(
|
|
1453
|
-
Oe.value && typeof o == "string" && (o = o.trim()), g("current-value",
|
|
1452
|
+
}, { immediate: !0 }), re(z, (o) => {
|
|
1453
|
+
Oe.value && typeof o == "string" && (o = o.trim()), g("current-value", Bt(o));
|
|
1454
1454
|
}), re(se, (o) => {
|
|
1455
1455
|
o === "password" && nextTick(() => {
|
|
1456
1456
|
const m = document.getElementById(S.value);
|
|
1457
1457
|
m && (m.type = "password", m.removeAttribute("autocomplete"));
|
|
1458
1458
|
});
|
|
1459
|
-
}), (o, m) => u(
|
|
1459
|
+
}), (o, m) => u(F) ? (O(), K("div", $a({
|
|
1460
1460
|
key: 0,
|
|
1461
|
-
class: ["nb-wrapper",
|
|
1461
|
+
class: ["nb-wrapper", Ft.value],
|
|
1462
1462
|
style: [oa.value, Kt.value, st.value],
|
|
1463
1463
|
role: "input"
|
|
1464
|
-
},
|
|
1465
|
-
|
|
1466
|
-
id: u(
|
|
1467
|
-
class: Ye(["nb-reset", "component",
|
|
1464
|
+
}, ma.value), [
|
|
1465
|
+
xe("div", {
|
|
1466
|
+
id: u(F),
|
|
1467
|
+
class: Ye(["nb-reset", "component", c.value, w.value, pe.value, pa.value]),
|
|
1468
1468
|
style: Ne([ua.value, Kt.value, st.value]),
|
|
1469
|
-
onClick:
|
|
1469
|
+
onClick: Va
|
|
1470
1470
|
}, [
|
|
1471
|
-
u(
|
|
1471
|
+
u(lt) ? (O(), K("label", {
|
|
1472
1472
|
key: 0,
|
|
1473
|
-
for:
|
|
1473
|
+
for: C.value,
|
|
1474
1474
|
class: "component__label",
|
|
1475
1475
|
style: Ne([Qt.value]),
|
|
1476
|
-
onClick:
|
|
1476
|
+
onClick: Ta
|
|
1477
1477
|
}, [
|
|
1478
|
-
jt(
|
|
1478
|
+
jt(Rt(u(Nt)), 1),
|
|
1479
1479
|
e.required ? (O(), K("span", _l, "*")) : ye("", !0)
|
|
1480
1480
|
], 12, Ol)) : ye("", !0),
|
|
1481
|
-
|
|
1481
|
+
Ot.value ? (O(), K("div", {
|
|
1482
1482
|
key: 1,
|
|
1483
|
-
class: Ye(["component__eye",
|
|
1483
|
+
class: Ye(["component__eye", ga.value]),
|
|
1484
1484
|
style: Ne([st.value]),
|
|
1485
|
-
onClick:
|
|
1485
|
+
onClick: Xt
|
|
1486
1486
|
}, [
|
|
1487
|
-
|
|
1488
|
-
for:
|
|
1487
|
+
xe("label", {
|
|
1488
|
+
for: C.value,
|
|
1489
1489
|
class: Ye(["component__eye-icon", "fas"])
|
|
1490
1490
|
}, [
|
|
1491
1491
|
e.inputEyeCustomIcon ? (O(), K("span", jl, [
|
|
1492
|
-
|
|
1492
|
+
wt.value ? La(o.$slots, "eye-icon-show", { key: 0 }, () => [
|
|
1493
1493
|
m[4] || (m[4] = jt("show"))
|
|
1494
1494
|
], !0) : La(o.$slots, "eye-icon-hidden", { key: 1 }, () => [
|
|
1495
1495
|
m[5] || (m[5] = jt("hidden"))
|
|
1496
1496
|
], !0)
|
|
1497
|
-
])) : (O(), K("span", ql,
|
|
1497
|
+
])) : (O(), K("span", ql, Rt(i.value), 1))
|
|
1498
1498
|
], 8, Hl)
|
|
1499
1499
|
], 6)) : ye("", !0),
|
|
1500
|
-
Pa(
|
|
1500
|
+
Pa(xe("input", {
|
|
1501
1501
|
ref_key: "inputRef",
|
|
1502
1502
|
ref: G,
|
|
1503
|
-
"onUpdate:modelValue": m[0] || (m[0] = (Re) =>
|
|
1504
|
-
id:
|
|
1505
|
-
name:
|
|
1506
|
-
type:
|
|
1503
|
+
"onUpdate:modelValue": m[0] || (m[0] = (Re) => z.value = Re),
|
|
1504
|
+
id: C.value,
|
|
1505
|
+
name: C.value,
|
|
1506
|
+
type: kt.value,
|
|
1507
1507
|
class: Ye(["component__input", [
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1508
|
+
Ze.value,
|
|
1509
|
+
Zt.value,
|
|
1510
|
+
zt.value
|
|
1511
1511
|
]]),
|
|
1512
|
-
placeholder:
|
|
1512
|
+
placeholder: De.value,
|
|
1513
1513
|
disabled: u($) || u(j),
|
|
1514
1514
|
required: e.required,
|
|
1515
1515
|
readonly: u(j),
|
|
1516
1516
|
autocomplete: e.inputAutocomplete,
|
|
1517
1517
|
tabindex: u($) || u(j) ? -1 : u(ot),
|
|
1518
|
-
min:
|
|
1519
|
-
max:
|
|
1520
|
-
step:
|
|
1518
|
+
min: ct.value ? e.min : void 0,
|
|
1519
|
+
max: ct.value ? e.max : void 0,
|
|
1520
|
+
step: ct.value ? e.step : void 0,
|
|
1521
1521
|
role: "input",
|
|
1522
|
-
style: Ne([st.value,
|
|
1522
|
+
style: Ne([st.value, Jt.value]),
|
|
1523
1523
|
onFocus: m[1] || (m[1] = (Re) => it.value = !0),
|
|
1524
1524
|
onBlur: m[2] || (m[2] = (Re) => it.value = !1),
|
|
1525
|
-
onKeydown: m[3] || (m[3] = na((Re) => !u($) && u(ce) &&
|
|
1526
|
-
onPaste:
|
|
1525
|
+
onKeydown: m[3] || (m[3] = na((Re) => !u($) && u(ce) && ea(), ["enter"])),
|
|
1526
|
+
onPaste: ka
|
|
1527
1527
|
}, null, 46, Yl), [
|
|
1528
|
-
[
|
|
1528
|
+
[ml, z.value]
|
|
1529
1529
|
]),
|
|
1530
1530
|
u(b) ? (O(), K("label", {
|
|
1531
1531
|
key: 2,
|
|
1532
|
-
for:
|
|
1533
|
-
class: Ye(["component__icon",
|
|
1532
|
+
for: C.value,
|
|
1533
|
+
class: Ye(["component__icon", Sa.value])
|
|
1534
1534
|
}, [
|
|
1535
1535
|
La(o.$slots, "icon", {}, () => [
|
|
1536
|
-
m[6] || (m[6] =
|
|
1536
|
+
m[6] || (m[6] = xe("span", null, "♥", -1))
|
|
1537
1537
|
], !0)
|
|
1538
1538
|
], 10, Ul)) : ye("", !0)
|
|
1539
1539
|
], 14, Pl),
|
|
1540
|
-
|
|
1540
|
+
ba.value ? (O(), K("div", {
|
|
1541
1541
|
key: 0,
|
|
1542
1542
|
class: Ye(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
|
|
1543
1543
|
}, [
|
|
1544
1544
|
La(o.$slots, "message", {}, () => [
|
|
1545
|
-
jt(
|
|
1545
|
+
jt(Rt(e.message), 1)
|
|
1546
1546
|
], !0)
|
|
1547
1547
|
], 2)) : ye("", !0)
|
|
1548
1548
|
], 16)) : ye("", !0);
|
|
1549
1549
|
}
|
|
1550
|
-
}), Kl = /* @__PURE__ */ Oa(Gl, [["__scopeId", "data-v-
|
|
1550
|
+
}), Kl = /* @__PURE__ */ Oa(Gl, [["__scopeId", "data-v-bc390fa8"]]);
|
|
1551
1551
|
const Zl = ["for"], Jl = {
|
|
1552
1552
|
key: 0,
|
|
1553
1553
|
class: "component__label--required"
|
|
@@ -1899,41 +1899,41 @@ const Zl = ["for"], Jl = {
|
|
|
1899
1899
|
emits: ["clicked", "changed", "removed", "added", "input-changed", "focused", "blurred", "paste"],
|
|
1900
1900
|
setup(e, { emit: y }) {
|
|
1901
1901
|
Wa((c) => ({
|
|
1902
|
-
"4b2d2ea2":
|
|
1903
|
-
"0ac199f5":
|
|
1902
|
+
"4b2d2ea2": z.value,
|
|
1903
|
+
"0ac199f5": kt.value,
|
|
1904
1904
|
"96b3ef5a": u(ht),
|
|
1905
|
-
"660ed37b": u(
|
|
1905
|
+
"660ed37b": u(Xe),
|
|
1906
1906
|
"47d24d74": u(Ue),
|
|
1907
1907
|
eec899e2: u(ot),
|
|
1908
1908
|
"677952e7": u(ze),
|
|
1909
|
-
"54dbb5b0": u(
|
|
1909
|
+
"54dbb5b0": u(ke),
|
|
1910
1910
|
"6c8e2e6d": u(gt),
|
|
1911
1911
|
"33c48fd6": u(pt),
|
|
1912
|
-
b36d55e4: u(
|
|
1913
|
-
"31da8aae": u(
|
|
1914
|
-
"044cdc01": u(
|
|
1915
|
-
"0af1604a": u(
|
|
1912
|
+
b36d55e4: u(xt),
|
|
1913
|
+
"31da8aae": u(et),
|
|
1914
|
+
"044cdc01": u(T),
|
|
1915
|
+
"0af1604a": u(R),
|
|
1916
1916
|
"0ad34078": u(ve),
|
|
1917
|
-
"0736086a": u(
|
|
1918
|
-
"54a56dae":
|
|
1917
|
+
"0736086a": u(Ct),
|
|
1918
|
+
"54a56dae": $t.value,
|
|
1919
1919
|
"72b51dfe": it.value,
|
|
1920
|
-
"03c61660":
|
|
1921
|
-
fc9daf30:
|
|
1920
|
+
"03c61660": N.value,
|
|
1921
|
+
fc9daf30: Ft.value,
|
|
1922
1922
|
"3c10729a": c.styleButtonColor,
|
|
1923
1923
|
a1cac3d0: G.value,
|
|
1924
1924
|
d325ff42: u(vt),
|
|
1925
|
-
dc712f50: u(
|
|
1926
|
-
"4c82aaf9": u(
|
|
1925
|
+
dc712f50: u(Lt),
|
|
1926
|
+
"4c82aaf9": u(Be),
|
|
1927
1927
|
cd1b941c: u(me)
|
|
1928
1928
|
})), Aa(() => {
|
|
1929
|
-
_.value.length > 0 && (
|
|
1929
|
+
_.value.length > 0 && (we.value = _.value);
|
|
1930
1930
|
});
|
|
1931
1931
|
const g = y, h = e, {
|
|
1932
|
-
nbId:
|
|
1932
|
+
nbId: F,
|
|
1933
1933
|
display: Q,
|
|
1934
1934
|
textColor: ce,
|
|
1935
1935
|
paddingX: D,
|
|
1936
|
-
paddingY:
|
|
1936
|
+
paddingY: k,
|
|
1937
1937
|
borderRadius: x,
|
|
1938
1938
|
disabled: I,
|
|
1939
1939
|
fontFamily: ae,
|
|
@@ -1947,17 +1947,17 @@ const Zl = ["for"], Jl = {
|
|
|
1947
1947
|
width: Fe,
|
|
1948
1948
|
inputName: be,
|
|
1949
1949
|
inputPlaceholder: ee,
|
|
1950
|
-
inputUppercase:
|
|
1950
|
+
inputUppercase: Ce,
|
|
1951
1951
|
inputReadonly: fe,
|
|
1952
|
-
blockPaste:
|
|
1953
|
-
inputAutocomplete:
|
|
1954
|
-
required:
|
|
1952
|
+
blockPaste: Ae,
|
|
1953
|
+
inputAutocomplete: Ve,
|
|
1954
|
+
required: Te,
|
|
1955
1955
|
textAlign: j,
|
|
1956
|
-
hasBorderRadius:
|
|
1956
|
+
hasBorderRadius: Qe,
|
|
1957
1957
|
activeTextStyle: v,
|
|
1958
1958
|
theme: se,
|
|
1959
1959
|
inputStyle: Oe,
|
|
1960
|
-
lightBgColor:
|
|
1960
|
+
lightBgColor: Xe,
|
|
1961
1961
|
lightBgColorFocus: S,
|
|
1962
1962
|
lightBorderColor: Ue,
|
|
1963
1963
|
lightBorderColorFocus: ve,
|
|
@@ -1965,25 +1965,25 @@ const Zl = ["for"], Jl = {
|
|
|
1965
1965
|
lightTextColor: ht,
|
|
1966
1966
|
lightChipBgColor: ot,
|
|
1967
1967
|
lightChipTextColor: ze,
|
|
1968
|
-
lightChipRemoveColor:
|
|
1969
|
-
lightDisabledBorderColor:
|
|
1968
|
+
lightChipRemoveColor: ke,
|
|
1969
|
+
lightDisabledBorderColor: Lt,
|
|
1970
1970
|
darkBgColor: pt,
|
|
1971
1971
|
darkBgColorFocus: St,
|
|
1972
|
-
darkBorderColor:
|
|
1973
|
-
darkBorderColorFocus:
|
|
1974
|
-
darkDisabledBgColor:
|
|
1972
|
+
darkBorderColor: xt,
|
|
1973
|
+
darkBorderColorFocus: Ct,
|
|
1974
|
+
darkDisabledBgColor: Be,
|
|
1975
1975
|
darkTextColor: gt,
|
|
1976
|
-
darkChipBgColor:
|
|
1977
|
-
darkChipTextColor:
|
|
1978
|
-
darkChipRemoveColor:
|
|
1976
|
+
darkChipBgColor: et,
|
|
1977
|
+
darkChipTextColor: T,
|
|
1978
|
+
darkChipRemoveColor: R,
|
|
1979
1979
|
darkDisabledBorderColor: me,
|
|
1980
1980
|
tabIndex: te,
|
|
1981
1981
|
hasTabIndexEnter: he,
|
|
1982
|
-
ariaLabel:
|
|
1982
|
+
ariaLabel: tt,
|
|
1983
1983
|
ariaAttrs: Ge,
|
|
1984
1984
|
caretColor: Ie,
|
|
1985
1985
|
selectionBgColor: b,
|
|
1986
|
-
selectionTextColor:
|
|
1986
|
+
selectionTextColor: A,
|
|
1987
1987
|
showLabel: de,
|
|
1988
1988
|
label: ge,
|
|
1989
1989
|
labelBackground: Se,
|
|
@@ -1993,20 +1993,20 @@ const Zl = ["for"], Jl = {
|
|
|
1993
1993
|
labelLeft: He,
|
|
1994
1994
|
inputLabelMarginActive: qe,
|
|
1995
1995
|
labelActiveTop: Ke,
|
|
1996
|
-
labelActiveLeft:
|
|
1996
|
+
labelActiveLeft: at,
|
|
1997
1997
|
fontFamilyLabel: yt,
|
|
1998
|
-
fontSizeLabel:
|
|
1999
|
-
fontSizeLabelActive:
|
|
1998
|
+
fontSizeLabel: Mt,
|
|
1999
|
+
fontSizeLabelActive: Vt,
|
|
2000
2000
|
fontWeightLabel: bt,
|
|
2001
|
-
lightTextColorLabel:
|
|
2002
|
-
lightTextColorLabelActive:
|
|
2001
|
+
lightTextColorLabel: lt,
|
|
2002
|
+
lightTextColorLabelActive: Nt,
|
|
2003
2003
|
darkTextColorLabel: rt,
|
|
2004
|
-
darkTextColorLabelActive:
|
|
2005
|
-
fontFamilyChip:
|
|
2004
|
+
darkTextColorLabelActive: Tt,
|
|
2005
|
+
fontFamilyChip: B,
|
|
2006
2006
|
fontSizeChip: E,
|
|
2007
2007
|
fontWeightChip: Z
|
|
2008
|
-
} = Ea(h), Y = oe(""),
|
|
2009
|
-
const c = I.value ? "component-disabled" : "", w = Q.value !== "b" ? "inline-block" : "block", pe = !Fe.value || Fe.value < 185 ? 185 : Fe.value,
|
|
2008
|
+
} = Ea(h), Y = oe(""), $e = oe(null), M = oe(null), Wt = oe(null), we = oe([]), At = oe(!1), ue = a(() => {
|
|
2009
|
+
const c = I.value ? "component-disabled" : "", w = Q.value !== "b" ? "inline-block" : "block", pe = !Fe.value || Fe.value < 185 ? 185 : Fe.value, Ze = ce ? ce.value : "ffffff", Ot = Ie.value ? Ie.value : "", i = b.value ? b.value : "", C = A.value ? A.value : "", De = D.value !== 0 && !D.value || D.value < 0 ? 1 : D.value, je = k.value !== 0 && !k.value || k.value < 0 ? 0.2 : k.value, Zt = x.value !== 0 && !x.value || x.value < 0 ? 0 : x.value, ga = ae.value ? ae.value : "'Lato', sans-serif", ya = le.value ? le.value : "1.2em", ba = X.value !== 0 && !X.value || X.value < 0 ? 100 : X.value, ma = H.value !== 0 && !H.value || H.value < 0 ? 0 : H.value, Dt = ie.value !== 0 && !ie.value || ie.value < 0 ? 10 : ie.value, ha = !q.value || !["top", "bottom"].includes(q.value) ? "bottom" : q.value, Sa = !Oe.value || !["background", "line", "border"].includes(Oe.value) ? "background" : Oe.value, xa = se.value ? se.value : "light", Ca = de.value ? de.value : !1, dt = He.value !== 0 && !He.value || He.value < 0 ? 5 : He.value, _t = Se.value ? Se.value : "transparent", Jt = qe.value !== 0 && !qe.value || qe.value < 0 ? 15 : qe.value, Qt = _e.value ? _e.value : "1px 5px", Ht = We.value !== 0 && !We.value || We.value < 0 ? 0 : We.value, Xt = Ke.value === null || Ke.value === void 0 ? -13 : Ke.value, ct = at.value === null || at.value === void 0 ? 5 : at.value, Bt = yt.value ? yt.value : "'Lato', sans-serif", Va = Mt.value ? Mt.value : "1em", Ta = Vt.value ? Vt.value : "0.8em", ea = bt.value ? bt.value : 400, ka = lt.value ? lt.value : "#333333", o = rt.value ? rt.value : "#ffffff", m = Nt.value ? Nt.value : "#333333", Re = Tt.value ? Tt.value : "#ffffff", nt = B.value ? B.value : "'Lato', sans-serif", Ba = E.value ? E.value : "1.2em", ta = Z.value ? Z.value : 400;
|
|
2010
2010
|
return {
|
|
2011
2011
|
disabled: c,
|
|
2012
2012
|
display: w,
|
|
@@ -2014,40 +2014,40 @@ const Zl = ["for"], Jl = {
|
|
|
2014
2014
|
font: ga,
|
|
2015
2015
|
fontSize: ya,
|
|
2016
2016
|
fontWeight: ba,
|
|
2017
|
-
textColor:
|
|
2018
|
-
caretColor:
|
|
2017
|
+
textColor: Ze,
|
|
2018
|
+
caretColor: Ot,
|
|
2019
2019
|
selectionBgColor: i,
|
|
2020
|
-
selectionTextColor:
|
|
2021
|
-
paddingX:
|
|
2022
|
-
paddingY:
|
|
2023
|
-
borderRadius:
|
|
2020
|
+
selectionTextColor: C,
|
|
2021
|
+
paddingX: De,
|
|
2022
|
+
paddingY: je,
|
|
2023
|
+
borderRadius: Zt,
|
|
2024
2024
|
minChips: ma,
|
|
2025
|
-
maxChips:
|
|
2025
|
+
maxChips: Dt,
|
|
2026
2026
|
inputPosition: ha,
|
|
2027
2027
|
inputStyle: Sa,
|
|
2028
2028
|
theme: xa,
|
|
2029
2029
|
showLabel: Ca,
|
|
2030
2030
|
labelLeft: dt,
|
|
2031
2031
|
labelBackground: _t,
|
|
2032
|
-
inputLabelMarginActive:
|
|
2033
|
-
labelPadding:
|
|
2032
|
+
inputLabelMarginActive: Jt,
|
|
2033
|
+
labelPadding: Qt,
|
|
2034
2034
|
labelBorderRadius: Ht,
|
|
2035
|
-
labelActiveTop:
|
|
2035
|
+
labelActiveTop: Xt,
|
|
2036
2036
|
labelActiveLeft: ct,
|
|
2037
|
-
fontFamilyLabel:
|
|
2037
|
+
fontFamilyLabel: Bt,
|
|
2038
2038
|
fontSizeLabel: Va,
|
|
2039
2039
|
fontSizeLabelActive: Ta,
|
|
2040
2040
|
fontWeightLabel: ea,
|
|
2041
|
-
lightTextColorLabel:
|
|
2042
|
-
darkTextColorLabel:
|
|
2043
|
-
lightTextColorLabelActive:
|
|
2044
|
-
darkTextColorLabelActive:
|
|
2045
|
-
fontFamilyChip:
|
|
2041
|
+
lightTextColorLabel: ka,
|
|
2042
|
+
darkTextColorLabel: o,
|
|
2043
|
+
lightTextColorLabelActive: m,
|
|
2044
|
+
darkTextColorLabelActive: Re,
|
|
2045
|
+
fontFamilyChip: nt,
|
|
2046
2046
|
fontSizeChip: Ba,
|
|
2047
2047
|
fontWeightChip: ta
|
|
2048
2048
|
};
|
|
2049
2049
|
}), ut = a(() => ue.value.disabled), ne = a(() => {
|
|
2050
|
-
const c = ue.value, w =
|
|
2050
|
+
const c = ue.value, w = Et.value;
|
|
2051
2051
|
return {
|
|
2052
2052
|
display: c.display,
|
|
2053
2053
|
// Adiciona padding-top quando o label está ativo para evitar que seja cortado
|
|
@@ -2056,11 +2056,11 @@ const Zl = ["for"], Jl = {
|
|
|
2056
2056
|
// Esconde o label quando não está ativo usando overflow hidden
|
|
2057
2057
|
overflow: w && de.value ? "visible" : "hidden"
|
|
2058
2058
|
};
|
|
2059
|
-
}),
|
|
2059
|
+
}), $t = a(() => {
|
|
2060
2060
|
const c = ue.value;
|
|
2061
2061
|
return c.fontSize ? c.fontSize : "1.2em";
|
|
2062
2062
|
}), P = a(() => {
|
|
2063
|
-
const c = ue.value, w =
|
|
2063
|
+
const c = ue.value, w = Et.value;
|
|
2064
2064
|
return {
|
|
2065
2065
|
color: c.textColor,
|
|
2066
2066
|
padding: `${c.paddingY}rem ${c.paddingX}rem`,
|
|
@@ -2079,44 +2079,44 @@ const Zl = ["for"], Jl = {
|
|
|
2079
2079
|
}
|
|
2080
2080
|
}), Yt = a(() => {
|
|
2081
2081
|
const c = ue.value;
|
|
2082
|
-
return c.inputStyle !== "line" &&
|
|
2083
|
-
}),
|
|
2082
|
+
return c.inputStyle !== "line" && Qe.value ? { borderRadius: `${c.borderRadius}rem` } : {};
|
|
2083
|
+
}), z = a(() => ue.value.font), G = a(() => ue.value.textColor), kt = a(() => ue.value.inputPosition === "top" ? "column" : "column-reverse"), wt = a(() => {
|
|
2084
2084
|
const c = {};
|
|
2085
|
-
Ge.value && Object.keys(Ge.value).forEach((
|
|
2085
|
+
Ge.value && Object.keys(Ge.value).forEach((Ze) => c[`aria-${Ze}`] = Ge.value[Ze]);
|
|
2086
2086
|
const w = {
|
|
2087
|
-
"aria-label":
|
|
2087
|
+
"aria-label": tt.value,
|
|
2088
2088
|
"aria-disabled": I.value,
|
|
2089
2089
|
...c
|
|
2090
2090
|
};
|
|
2091
2091
|
return Object.fromEntries(
|
|
2092
|
-
Object.entries(w).filter(([pe,
|
|
2092
|
+
Object.entries(w).filter(([pe, Ze]) => Ze != null)
|
|
2093
2093
|
);
|
|
2094
2094
|
}), it = a(() => {
|
|
2095
2095
|
const c = ue.value;
|
|
2096
2096
|
return c.caretColor || (c.theme === "dark" ? "#00d4ff" : "#007bff");
|
|
2097
|
-
}),
|
|
2097
|
+
}), N = a(() => {
|
|
2098
2098
|
const c = ue.value;
|
|
2099
2099
|
return c.selectionBgColor || (c.theme === "dark" ? "#00d4ff" : "#007bff");
|
|
2100
|
-
}),
|
|
2100
|
+
}), Ft = a(() => {
|
|
2101
2101
|
const c = ue.value;
|
|
2102
2102
|
return c.selectionTextColor || (c.theme === "dark" ? "#000000" : "#ffffff");
|
|
2103
2103
|
}), oa = a(() => ({
|
|
2104
2104
|
caretColor: it.value
|
|
2105
2105
|
})), ra = a(() => ({
|
|
2106
|
-
"--selection-bg-color":
|
|
2107
|
-
"--selection-text-color":
|
|
2106
|
+
"--selection-bg-color": N.value,
|
|
2107
|
+
"--selection-text-color": Ft.value
|
|
2108
2108
|
})), ua = a(() => {
|
|
2109
2109
|
const c = ue.value, w = {
|
|
2110
2110
|
width: `${c.width}px`
|
|
2111
2111
|
};
|
|
2112
2112
|
return c.display === "block" ? { width: "auto" } : w;
|
|
2113
|
-
}), st = a(() => be.value ? be.value : `${
|
|
2114
|
-
const c = ue.value, w =
|
|
2113
|
+
}), st = a(() => be.value ? be.value : `${F.value}-name-label`), Et = a(() => At.value || we.value.length > 0 || Y.value && Y.value.trim().length > 0), Pt = a(() => de.value ? At.value || we.value.length > 0 ? ee.value : "" : ee.value), ia = a(() => {
|
|
2114
|
+
const c = ue.value, w = Et.value, pe = w ? c.lightTextColorLabelActive : c.lightTextColorLabel, Ze = w ? c.darkTextColorLabelActive : c.darkTextColorLabel;
|
|
2115
2115
|
return {
|
|
2116
2116
|
fontFamily: c.fontFamilyLabel,
|
|
2117
2117
|
fontSize: w ? c.fontSizeLabelActive : c.fontSizeLabel,
|
|
2118
2118
|
fontWeight: c.fontWeightLabel,
|
|
2119
|
-
color: c.theme === "dark" ?
|
|
2119
|
+
color: c.theme === "dark" ? Ze : pe,
|
|
2120
2120
|
top: w ? `${c.labelActiveTop}px` : "50%",
|
|
2121
2121
|
left: w ? `${c.labelActiveLeft}px` : `${c.labelLeft}px`,
|
|
2122
2122
|
transform: w ? "translateY(0)" : "translateY(-50%)",
|
|
@@ -2160,98 +2160,98 @@ const Zl = ["for"], Jl = {
|
|
|
2160
2160
|
}), da = () => {
|
|
2161
2161
|
g("clicked");
|
|
2162
2162
|
}, ca = () => {
|
|
2163
|
-
|
|
2163
|
+
At.value = !0, g("focused");
|
|
2164
2164
|
}, fa = () => {
|
|
2165
|
-
|
|
2166
|
-
},
|
|
2165
|
+
At.value = !1, g("blurred");
|
|
2166
|
+
}, va = async (c) => {
|
|
2167
2167
|
var pe;
|
|
2168
2168
|
const w = ((pe = c.clipboardData) == null ? void 0 : pe.getData("text")) || "";
|
|
2169
|
-
g("paste", w),
|
|
2170
|
-
},
|
|
2169
|
+
g("paste", w), Ae.value && c.preventDefault();
|
|
2170
|
+
}, Kt = (c) => {
|
|
2171
2171
|
if (!(I.value || fe.value) && c.key === "Enter" && Y.value.trim() !== "") {
|
|
2172
2172
|
c.preventDefault();
|
|
2173
2173
|
let w = Y.value.trim();
|
|
2174
|
-
|
|
2174
|
+
Ce.value && (w = w.toUpperCase()), ($.value || !we.value.includes(w)) && pa(w), Y.value = "";
|
|
2175
2175
|
}
|
|
2176
2176
|
}, pa = (c) => {
|
|
2177
|
-
|
|
2178
|
-
},
|
|
2179
|
-
|
|
2177
|
+
we.value.push(c), g("added", c);
|
|
2178
|
+
}, zt = (c) => {
|
|
2179
|
+
we.value = we.value.filter((w) => w !== c), g("removed", c);
|
|
2180
2180
|
};
|
|
2181
2181
|
return re(_, (c) => {
|
|
2182
|
-
|
|
2182
|
+
we.value = c, g("changed", c);
|
|
2183
2183
|
}), re(Y, (c) => {
|
|
2184
2184
|
g("input-changed", c);
|
|
2185
|
-
}), (c, w) => u(
|
|
2185
|
+
}), (c, w) => u(F) ? (O(), K("div", $a({
|
|
2186
2186
|
key: 0,
|
|
2187
2187
|
class: ["nb-wrapper", ut.value],
|
|
2188
2188
|
style: [ne.value],
|
|
2189
2189
|
role: "input"
|
|
2190
|
-
},
|
|
2190
|
+
}, wt.value, { onClick: da }), [
|
|
2191
2191
|
u(de) ? (O(), K("label", {
|
|
2192
2192
|
key: 0,
|
|
2193
2193
|
for: st.value,
|
|
2194
2194
|
class: "component__label",
|
|
2195
2195
|
style: Ne([ia.value])
|
|
2196
2196
|
}, [
|
|
2197
|
-
jt(
|
|
2198
|
-
u(
|
|
2197
|
+
jt(Rt(u(ge)), 1),
|
|
2198
|
+
u(Te) ? (O(), K("span", Jl, "*")) : ye("", !0)
|
|
2199
2199
|
], 12, Zl)) : ye("", !0),
|
|
2200
|
-
|
|
2201
|
-
id: u(
|
|
2200
|
+
xe("div", {
|
|
2201
|
+
id: u(F),
|
|
2202
2202
|
ref_key: "chipsContainer",
|
|
2203
|
-
ref:
|
|
2203
|
+
ref: $e,
|
|
2204
2204
|
class: Ye(["nb-reset", "component", sa.value, Gt.value]),
|
|
2205
2205
|
style: Ne([P.value, ua.value, Yt.value])
|
|
2206
2206
|
}, [
|
|
2207
|
-
|
|
2207
|
+
we.value.length > 0 ? (O(), K("div", {
|
|
2208
2208
|
key: 0,
|
|
2209
2209
|
ref_key: "chips",
|
|
2210
|
-
ref:
|
|
2210
|
+
ref: Wt,
|
|
2211
2211
|
class: "chips"
|
|
2212
2212
|
}, [
|
|
2213
|
-
(O(!0), K(
|
|
2213
|
+
(O(!0), K(gl, null, yl(we.value, (pe) => (O(), K("div", {
|
|
2214
2214
|
key: pe,
|
|
2215
2215
|
class: "chip"
|
|
2216
2216
|
}, [
|
|
2217
2217
|
La(c.$slots, "chip", {
|
|
2218
|
-
chips:
|
|
2218
|
+
chips: we.value,
|
|
2219
2219
|
chip: pe,
|
|
2220
|
-
removeChip:
|
|
2220
|
+
removeChip: zt
|
|
2221
2221
|
}, () => [
|
|
2222
|
-
|
|
2222
|
+
xe("span", {
|
|
2223
2223
|
class: "chip-text",
|
|
2224
2224
|
style: Ne([Ut.value])
|
|
2225
|
-
},
|
|
2225
|
+
}, Rt(pe), 5),
|
|
2226
2226
|
!u(I) && !u(fe) ? (O(), K("span", {
|
|
2227
2227
|
key: 0,
|
|
2228
2228
|
class: "chip-remove",
|
|
2229
2229
|
style: Ne([Ut.value]),
|
|
2230
|
-
onClick: (
|
|
2230
|
+
onClick: (Ze) => zt(pe)
|
|
2231
2231
|
}, "×", 12, Xl)) : ye("", !0)
|
|
2232
2232
|
], !0)
|
|
2233
2233
|
]))), 128))
|
|
2234
2234
|
], 512)) : ye("", !0),
|
|
2235
|
-
Pa(
|
|
2235
|
+
Pa(xe("input", {
|
|
2236
2236
|
ref_key: "chipInput",
|
|
2237
|
-
ref:
|
|
2237
|
+
ref: M,
|
|
2238
2238
|
type: "text",
|
|
2239
2239
|
"onUpdate:modelValue": w[0] || (w[0] = (pe) => Y.value = pe),
|
|
2240
2240
|
id: st.value,
|
|
2241
2241
|
name: st.value,
|
|
2242
|
-
placeholder:
|
|
2242
|
+
placeholder: Pt.value,
|
|
2243
2243
|
readonly: u(fe),
|
|
2244
|
-
autocomplete: u(
|
|
2245
|
-
required: u(
|
|
2244
|
+
autocomplete: u(Ve),
|
|
2245
|
+
required: u(Te),
|
|
2246
2246
|
tabindex: u(I) || u(fe) ? -1 : u(te),
|
|
2247
2247
|
class: Ye(["chips-input", U.value]),
|
|
2248
2248
|
style: Ne([oa.value, ra.value]),
|
|
2249
|
-
onKeydown: w[1] || (w[1] = na((pe) => !u(I) && u(he) &&
|
|
2249
|
+
onKeydown: w[1] || (w[1] = na((pe) => !u(I) && u(he) && Kt(pe), ["enter"])),
|
|
2250
2250
|
onFocus: ca,
|
|
2251
2251
|
onBlur: fa,
|
|
2252
|
-
onPaste:
|
|
2252
|
+
onPaste: va
|
|
2253
2253
|
}, null, 46, en), [
|
|
2254
|
-
[
|
|
2254
|
+
[hl, Y.value]
|
|
2255
2255
|
])
|
|
2256
2256
|
], 14, Ql)
|
|
2257
2257
|
], 16)) : ye("", !0);
|
|
@@ -2671,35 +2671,35 @@ const ln = ["id"], nn = ["for"], on = {
|
|
|
2671
2671
|
"8275e69e": ne.value,
|
|
2672
2672
|
"383240bc": u(ot),
|
|
2673
2673
|
"2b8f308f": G.value,
|
|
2674
|
-
"520916a1":
|
|
2675
|
-
e9c7cc0e:
|
|
2674
|
+
"520916a1": kt.value,
|
|
2675
|
+
e9c7cc0e: wt.value,
|
|
2676
2676
|
"133db13e": u(pt),
|
|
2677
|
-
"0dff0d0a": u(
|
|
2677
|
+
"0dff0d0a": u(Lt),
|
|
2678
2678
|
"347c89b4": u(ze),
|
|
2679
|
-
"2bfc9d5c": u(
|
|
2679
|
+
"2bfc9d5c": u(ke),
|
|
2680
2680
|
"047ce06e": u(ht),
|
|
2681
2681
|
"5aeb328a": u(ve),
|
|
2682
2682
|
"01cf386e": u(vt),
|
|
2683
|
-
"09561f02":
|
|
2683
|
+
"09561f02": At.value,
|
|
2684
2684
|
"7e4382b6": u(St),
|
|
2685
2685
|
26828349: ia.value,
|
|
2686
|
-
"06891216":
|
|
2686
|
+
"06891216": $t.value,
|
|
2687
2687
|
"228b5755": P.value,
|
|
2688
2688
|
"1617293e": U.value,
|
|
2689
|
-
cf3e4dd0:
|
|
2689
|
+
cf3e4dd0: z.value,
|
|
2690
2690
|
44600642: i.styleButtonColor,
|
|
2691
2691
|
43491532: Yt.value
|
|
2692
2692
|
})), Aa(() => {
|
|
2693
|
-
Y.value =
|
|
2693
|
+
Y.value = Xe.value;
|
|
2694
2694
|
}), Ya(() => {
|
|
2695
2695
|
c();
|
|
2696
2696
|
});
|
|
2697
2697
|
const g = y, h = e, {
|
|
2698
|
-
nbId:
|
|
2698
|
+
nbId: F,
|
|
2699
2699
|
display: Q,
|
|
2700
2700
|
hasTabIndexEnter: ce,
|
|
2701
2701
|
ariaLabel: D,
|
|
2702
|
-
ariaAttrs:
|
|
2702
|
+
ariaAttrs: k,
|
|
2703
2703
|
textColor: x,
|
|
2704
2704
|
caretColor: I,
|
|
2705
2705
|
selectionBgColor: ae,
|
|
@@ -2713,17 +2713,17 @@ const ln = ["id"], nn = ["for"], on = {
|
|
|
2713
2713
|
fontFamilyMsg: Fe,
|
|
2714
2714
|
fontSizeMsg: be,
|
|
2715
2715
|
fontWeightMsg: ee,
|
|
2716
|
-
textMessageColor:
|
|
2716
|
+
textMessageColor: Ce,
|
|
2717
2717
|
inputWidth: fe,
|
|
2718
|
-
inputStyle:
|
|
2719
|
-
activeTextStyle:
|
|
2720
|
-
inputReadonly:
|
|
2718
|
+
inputStyle: Ae,
|
|
2719
|
+
activeTextStyle: Ve,
|
|
2720
|
+
inputReadonly: Te,
|
|
2721
2721
|
blockPaste: j,
|
|
2722
|
-
hasTrim:
|
|
2722
|
+
hasTrim: Qe,
|
|
2723
2723
|
inputUppercase: v,
|
|
2724
2724
|
inputName: se,
|
|
2725
2725
|
inputPlaceholder: Oe,
|
|
2726
|
-
inputText:
|
|
2726
|
+
inputText: Xe,
|
|
2727
2727
|
theme: S,
|
|
2728
2728
|
tabindex: Ue,
|
|
2729
2729
|
lightBgColor: ve,
|
|
@@ -2731,25 +2731,25 @@ const ln = ["id"], nn = ["for"], on = {
|
|
|
2731
2731
|
lightDisabledBgColor: ht,
|
|
2732
2732
|
lightTextColor: ot,
|
|
2733
2733
|
darkBgColor: ze,
|
|
2734
|
-
darkBgColorFocus:
|
|
2735
|
-
darkDisabledBgColor:
|
|
2734
|
+
darkBgColorFocus: ke,
|
|
2735
|
+
darkDisabledBgColor: Lt,
|
|
2736
2736
|
darkTextColor: pt,
|
|
2737
2737
|
textAlign: St,
|
|
2738
|
-
showMsg:
|
|
2739
|
-
hasMsg:
|
|
2740
|
-
showLabel:
|
|
2738
|
+
showMsg: xt,
|
|
2739
|
+
hasMsg: Ct,
|
|
2740
|
+
showLabel: Be,
|
|
2741
2741
|
labelBackground: gt,
|
|
2742
|
-
labelPadding:
|
|
2743
|
-
labelBorderRadius:
|
|
2744
|
-
labelBreakOnActive:
|
|
2742
|
+
labelPadding: et,
|
|
2743
|
+
labelBorderRadius: T,
|
|
2744
|
+
labelBreakOnActive: R,
|
|
2745
2745
|
labelLeft: me,
|
|
2746
2746
|
inputLabelMarginActive: te,
|
|
2747
2747
|
labelActiveTop: he,
|
|
2748
|
-
labelActiveLeft:
|
|
2748
|
+
labelActiveLeft: tt,
|
|
2749
2749
|
labelRight: Ge,
|
|
2750
2750
|
labelActiveRight: Ie,
|
|
2751
2751
|
fontFamilyLabel: b,
|
|
2752
|
-
fontSizeLabel:
|
|
2752
|
+
fontSizeLabel: A,
|
|
2753
2753
|
fontSizeLabelActive: de,
|
|
2754
2754
|
fontWeightLabel: ge,
|
|
2755
2755
|
lightTextColorLabel: Se,
|
|
@@ -2759,63 +2759,63 @@ const ln = ["id"], nn = ["for"], on = {
|
|
|
2759
2759
|
rows: He,
|
|
2760
2760
|
cols: qe,
|
|
2761
2761
|
maxlength: Ke,
|
|
2762
|
-
minlength:
|
|
2762
|
+
minlength: at,
|
|
2763
2763
|
wrap: yt,
|
|
2764
|
-
spellcheck:
|
|
2765
|
-
autofocus:
|
|
2764
|
+
spellcheck: Mt,
|
|
2765
|
+
autofocus: Vt,
|
|
2766
2766
|
resize: bt,
|
|
2767
|
-
minWidth:
|
|
2768
|
-
maxWidth:
|
|
2767
|
+
minWidth: lt,
|
|
2768
|
+
maxWidth: Nt,
|
|
2769
2769
|
minHeight: rt,
|
|
2770
|
-
maxHeight:
|
|
2771
|
-
autoResize:
|
|
2770
|
+
maxHeight: Tt,
|
|
2771
|
+
autoResize: B,
|
|
2772
2772
|
minRows: E,
|
|
2773
2773
|
maxRows: Z
|
|
2774
|
-
} = Ea(h), Y = oe(""),
|
|
2775
|
-
const i = $.value ? "component-disabled" : "",
|
|
2774
|
+
} = Ea(h), Y = oe(""), $e = oe(!1), M = a(() => {
|
|
2775
|
+
const i = $.value ? "component-disabled" : "", C = Q.value !== "b" ? "inline-block" : "block", De = x ? x.value : "ffffff", je = I.value ? I.value : "", Zt = ae.value ? ae.value : "", ga = le.value ? le.value : "", ya = X.value ? X.value : !1, ba = _.value !== 0 && !_.value || _.value < 0 ? 0 : _.value, ma = H.value ? H.value : "'Lato', sans-serif", Dt = ie.value ? ie.value : "1.4em", ha = q.value !== 0 && !q.value || q.value < 0 ? 100 : q.value, Sa = Fe.value ? Fe.value : "'Lato', sans-serif", xa = be.value ? be.value : "1em", Ca = ee.value !== 0 && !ee.value || ee.value < 0 ? 100 : ee.value, dt = Ce.value ? Ce.value : "#f15574", _t = fe.value ? fe.value : 200, Jt = Ve.value ? Ve.value : "normal", Qt = Te.value ? Te.value : !1, Ht = v.value ? v.value : !1, Xt = S.value ? S.value : "normal", ct = St.value ? St.value : "left", Bt = Ae.value ? Ae.value : "background", Va = Be.value ? Be.value : !1, Ta = me.value !== 0 && !me.value || me.value < 0 ? 5 : me.value, ea = gt.value ? gt.value : "transparent", ka = te.value !== 0 && !te.value || te.value < 0 ? 15 : te.value, o = et.value ? et.value : "1px 5px", m = T.value !== 0 && !T.value || T.value < 0 ? 0 : T.value, Re = he.value === null || he.value === void 0 ? -13 : he.value, nt = tt.value === null || tt.value === void 0 ? 5 : tt.value, Ba = Ge.value === null || Ge.value === void 0 ? 0 : Ge.value, ta = Ie.value === null || Ie.value === void 0 ? 0 : Ie.value, wa = b.value ? b.value : "'Lato', sans-serif", Da = A.value ? A.value : "1em", It = de.value ? de.value : "0.8em", aa = ge.value ? ge.value : 400, qt = Se.value ? Se.value : "#ffffff", Ra = We.value ? We.value : "#000000", _a = _e.value ? _e.value : "#ffffff", Ma = Ee.value ? Ee.value : "#000000", Ha = He.value && He.value > 0 ? He.value : 2, Le = qe.value && qe.value > 0 ? qe.value : 20, qa = Ke.value !== null && Ke.value >= 0 ? Ke.value : null, mt = at.value !== null && at.value >= 0 ? at.value : null, t = yt.value && ["soft", "hard", "off"].includes(yt.value) ? yt.value : "soft", l = Mt.value !== void 0 ? Mt.value : "default", n = Vt.value !== void 0 ? Vt.value : !1, r = bt.value && ["none", "both", "vertical", "horizontal"].includes(bt.value) ? bt.value : "vertical", s = lt.value ? lt.value : "auto", d = Nt.value ? Nt.value : "auto", f = rt.value ? rt.value : "auto", p = Tt.value ? Tt.value : "auto", V = B.value !== void 0 ? B.value : !1, L = E.value !== null && E.value > 0 ? E.value : null, W = Z.value !== null && Z.value > 0 ? Z.value : null;
|
|
2776
2776
|
return {
|
|
2777
2777
|
disabled: i,
|
|
2778
|
-
display:
|
|
2778
|
+
display: C,
|
|
2779
2779
|
font: ma,
|
|
2780
|
-
fontSize:
|
|
2780
|
+
fontSize: Dt,
|
|
2781
2781
|
fontWeight: ha,
|
|
2782
2782
|
fontFamilyMsg: Sa,
|
|
2783
2783
|
fontSizeMsg: xa,
|
|
2784
2784
|
fontWeightMsg: Ca,
|
|
2785
2785
|
textMessageColor: dt,
|
|
2786
|
-
textColor:
|
|
2787
|
-
caretColor:
|
|
2788
|
-
selectionBgColor:
|
|
2786
|
+
textColor: De,
|
|
2787
|
+
caretColor: je,
|
|
2788
|
+
selectionBgColor: Zt,
|
|
2789
2789
|
selectionTextColor: ga,
|
|
2790
2790
|
hasBorderRadius: ya,
|
|
2791
2791
|
borderRadius: ba,
|
|
2792
2792
|
textAlign: ct,
|
|
2793
2793
|
inputWidth: _t,
|
|
2794
|
-
activeTextStyle:
|
|
2795
|
-
inputReadonly:
|
|
2794
|
+
activeTextStyle: Jt,
|
|
2795
|
+
inputReadonly: Qt,
|
|
2796
2796
|
inputUppercase: Ht,
|
|
2797
|
-
theme:
|
|
2798
|
-
inputStyle:
|
|
2797
|
+
theme: Xt,
|
|
2798
|
+
inputStyle: Bt,
|
|
2799
2799
|
showLabel: Va,
|
|
2800
2800
|
labelBackground: ea,
|
|
2801
|
-
labelPadding:
|
|
2802
|
-
labelBorderRadius:
|
|
2801
|
+
labelPadding: o,
|
|
2802
|
+
labelBorderRadius: m,
|
|
2803
2803
|
labelLeft: Ta,
|
|
2804
|
-
inputLabelMarginActive:
|
|
2805
|
-
labelActiveTop:
|
|
2806
|
-
labelActiveLeft:
|
|
2804
|
+
inputLabelMarginActive: ka,
|
|
2805
|
+
labelActiveTop: Re,
|
|
2806
|
+
labelActiveLeft: nt,
|
|
2807
2807
|
labelRight: Ba,
|
|
2808
2808
|
labelActiveRight: ta,
|
|
2809
2809
|
fontFamilyLabel: wa,
|
|
2810
2810
|
fontSizeLabel: Da,
|
|
2811
|
-
fontSizeLabelActive:
|
|
2811
|
+
fontSizeLabelActive: It,
|
|
2812
2812
|
fontWeightLabel: aa,
|
|
2813
2813
|
lightTextColorLabel: qt,
|
|
2814
2814
|
darkTextColorLabel: Ra,
|
|
2815
2815
|
lightTextColorLabelActive: _a,
|
|
2816
2816
|
darkTextColorLabelActive: Ma,
|
|
2817
2817
|
rows: Ha,
|
|
2818
|
-
cols:
|
|
2818
|
+
cols: Le,
|
|
2819
2819
|
maxlength: qa,
|
|
2820
2820
|
minlength: mt,
|
|
2821
2821
|
wrap: t,
|
|
@@ -2826,53 +2826,53 @@ const ln = ["id"], nn = ["for"], on = {
|
|
|
2826
2826
|
maxWidth: d,
|
|
2827
2827
|
minHeight: f,
|
|
2828
2828
|
maxHeight: p,
|
|
2829
|
-
autoResize:
|
|
2830
|
-
minRows:
|
|
2829
|
+
autoResize: V,
|
|
2830
|
+
minRows: L,
|
|
2831
2831
|
maxRows: W
|
|
2832
2832
|
};
|
|
2833
|
-
}),
|
|
2834
|
-
const i =
|
|
2833
|
+
}), Wt = a(() => M.value.disabled), we = a(() => {
|
|
2834
|
+
const i = M.value, C = Pt.value;
|
|
2835
2835
|
return {
|
|
2836
2836
|
display: i.display,
|
|
2837
2837
|
// Adiciona padding-top quando o label está ativo para evitar que seja cortado
|
|
2838
2838
|
// paddingTop: isActive && showLabel.value ? `${Math.abs(defaultValues.labelActiveTop)}px` : '0',
|
|
2839
2839
|
paddingTop: "0px",
|
|
2840
2840
|
// Esconde o label quando não está ativo usando overflow hidden
|
|
2841
|
-
overflow:
|
|
2841
|
+
overflow: C && Be.value ? "visible" : "hidden"
|
|
2842
2842
|
};
|
|
2843
|
-
}),
|
|
2844
|
-
const i =
|
|
2843
|
+
}), At = a(() => {
|
|
2844
|
+
const i = M.value;
|
|
2845
2845
|
return i.fontSize ? i.fontSize : "1.4em";
|
|
2846
2846
|
}), ue = a(() => {
|
|
2847
|
-
const i =
|
|
2847
|
+
const i = M.value, C = Pt.value;
|
|
2848
2848
|
return {
|
|
2849
2849
|
fontWeight: i.fontWeight,
|
|
2850
|
-
marginTop:
|
|
2850
|
+
marginTop: C && Be.value ? `${i.inputLabelMarginActive}px` : "0",
|
|
2851
2851
|
// Quando o label está ativo, define altura mínima igual ao input para alinhar baseline
|
|
2852
2852
|
// Mas permite que o textarea cresça quando há conteúdo
|
|
2853
|
-
minHeight: (
|
|
2854
|
-
height:
|
|
2855
|
-
maxHeight:
|
|
2853
|
+
minHeight: (C && Be.value, "28px"),
|
|
2854
|
+
height: C && Be.value ? "auto" : "28px",
|
|
2855
|
+
maxHeight: C && Be.value ? void 0 : "28px"
|
|
2856
2856
|
};
|
|
2857
2857
|
}), ut = a(() => {
|
|
2858
|
-
const i =
|
|
2858
|
+
const i = M.value;
|
|
2859
2859
|
return i.inputStyle !== "line" && i.hasBorderRadius ? { borderRadius: `${i.borderRadius}rem` } : {};
|
|
2860
|
-
}), ne = a(() =>
|
|
2861
|
-
const i =
|
|
2860
|
+
}), ne = a(() => M.value.font), $t = a(() => M.value.fontFamilyMsg), P = a(() => M.value.fontSizeMsg), U = a(() => M.value.fontWeightMsg), Yt = a(() => M.value.textColor), z = a(() => M.value.textMessageColor), G = a(() => {
|
|
2861
|
+
const i = M.value;
|
|
2862
2862
|
return i.caretColor || (i.theme === "dark" ? "#00d4ff" : "#007bff");
|
|
2863
|
-
}),
|
|
2864
|
-
const i =
|
|
2863
|
+
}), kt = a(() => {
|
|
2864
|
+
const i = M.value;
|
|
2865
2865
|
return i.selectionBgColor || (i.theme === "dark" ? "#00d4ff" : "#007bff");
|
|
2866
|
-
}),
|
|
2867
|
-
const i =
|
|
2866
|
+
}), wt = a(() => {
|
|
2867
|
+
const i = M.value;
|
|
2868
2868
|
return i.selectionTextColor || (i.theme === "dark" ? "#000000" : "#ffffff");
|
|
2869
2869
|
}), it = a(() => {
|
|
2870
|
-
const i =
|
|
2870
|
+
const i = M.value;
|
|
2871
2871
|
return i.display === "block" ? { width: "100%" } : {
|
|
2872
2872
|
width: `${i.inputWidth}px`
|
|
2873
2873
|
};
|
|
2874
|
-
}),
|
|
2875
|
-
switch (
|
|
2874
|
+
}), N = a(() => {
|
|
2875
|
+
switch (Ae.value) {
|
|
2876
2876
|
case "line":
|
|
2877
2877
|
return "component__input--line";
|
|
2878
2878
|
case "border":
|
|
@@ -2880,8 +2880,8 @@ const ln = ["id"], nn = ["for"], on = {
|
|
|
2880
2880
|
default:
|
|
2881
2881
|
return "component__input--background";
|
|
2882
2882
|
}
|
|
2883
|
-
}),
|
|
2884
|
-
switch (
|
|
2883
|
+
}), Ft = a(() => {
|
|
2884
|
+
switch (M.value.activeTextStyle) {
|
|
2885
2885
|
case "italic":
|
|
2886
2886
|
return "component__input--active--italic";
|
|
2887
2887
|
case "oblique":
|
|
@@ -2890,156 +2890,156 @@ const ln = ["id"], nn = ["for"], on = {
|
|
|
2890
2890
|
return "component__input--active--normal";
|
|
2891
2891
|
}
|
|
2892
2892
|
}), oa = a(() => {
|
|
2893
|
-
switch (
|
|
2893
|
+
switch (M.value.theme) {
|
|
2894
2894
|
case "dark":
|
|
2895
2895
|
return "component__theme--dark";
|
|
2896
2896
|
default:
|
|
2897
2897
|
return "component__theme--light";
|
|
2898
2898
|
}
|
|
2899
|
-
}), ra = a(() =>
|
|
2900
|
-
a(() =>
|
|
2901
|
-
const ia = a(() => "6px 10px"), Ut = a(() => !!(
|
|
2899
|
+
}), ra = a(() => M.value.inputReadonly ? "component__input--read-only" : ""), ua = a(() => M.value.inputUppercase ? "component__input--uppercase" : ""), st = a(() => se.value ? se.value : `${F.value}-name-label`), Et = a(() => Be.value ? $e.value ? Oe.value : "" : Oe.value), Pt = a(() => $e.value || Y.value && Y.value.trim().length > 0);
|
|
2900
|
+
a(() => $e.value ? "component__input--active" : "component__input--no-active");
|
|
2901
|
+
const ia = a(() => "6px 10px"), Ut = a(() => !!(xt.value && Ct.value)), sa = a(() => {
|
|
2902
2902
|
const i = {};
|
|
2903
|
-
|
|
2904
|
-
const
|
|
2903
|
+
k.value && Object.keys(k.value).forEach((je) => i[`aria-${je}`] = k.value[je]);
|
|
2904
|
+
const C = {
|
|
2905
2905
|
"aria-label": D.value,
|
|
2906
2906
|
"aria-disabled": $.value,
|
|
2907
2907
|
...i
|
|
2908
2908
|
};
|
|
2909
2909
|
return Object.fromEntries(
|
|
2910
|
-
Object.entries(
|
|
2910
|
+
Object.entries(C).filter(([De, je]) => je != null)
|
|
2911
2911
|
);
|
|
2912
2912
|
}), Gt = a(() => {
|
|
2913
|
-
const i =
|
|
2913
|
+
const i = M.value, C = Pt.value, De = C ? i.lightTextColorLabelActive : i.lightTextColorLabel, je = C ? i.darkTextColorLabelActive : i.darkTextColorLabel;
|
|
2914
2914
|
return {
|
|
2915
2915
|
fontFamily: i.fontFamilyLabel,
|
|
2916
|
-
fontSize:
|
|
2916
|
+
fontSize: C ? i.fontSizeLabelActive : i.fontSizeLabel,
|
|
2917
2917
|
fontWeight: i.fontWeightLabel,
|
|
2918
|
-
color: i.theme === "dark" ?
|
|
2919
|
-
top:
|
|
2920
|
-
transform:
|
|
2921
|
-
left:
|
|
2922
|
-
right:
|
|
2918
|
+
color: i.theme === "dark" ? je : De,
|
|
2919
|
+
top: C ? `${i.labelActiveTop}px` : "50%",
|
|
2920
|
+
transform: C ? "translateY(0)" : "translateY(-50%)",
|
|
2921
|
+
left: C ? `${i.labelActiveLeft}px` : `${i.labelLeft}px`,
|
|
2922
|
+
right: C ? `${i.labelActiveRight}px` : `${i.labelRight}px`,
|
|
2923
2923
|
transition: "all 0.2s ease",
|
|
2924
|
-
backgroundColor:
|
|
2925
|
-
padding:
|
|
2926
|
-
borderRadius:
|
|
2924
|
+
backgroundColor: C ? i.labelBackground : "transparent",
|
|
2925
|
+
padding: C ? i.labelPadding : "0",
|
|
2926
|
+
borderRadius: C ? `${i.labelBorderRadius}rem` : "0",
|
|
2927
2927
|
// Se labelBreakOnActive for true (padrão), usa ellipsis quando ativo. Se false, quebra linha
|
|
2928
|
-
...
|
|
2929
|
-
whiteSpace:
|
|
2930
|
-
wordWrap:
|
|
2931
|
-
overflowWrap:
|
|
2928
|
+
...C ? {
|
|
2929
|
+
whiteSpace: R.value ? "nowrap" : "normal",
|
|
2930
|
+
wordWrap: R.value ? "normal" : "break-word",
|
|
2931
|
+
overflowWrap: R.value ? "normal" : "break-word",
|
|
2932
2932
|
maxWidth: "100%",
|
|
2933
|
-
textOverflow:
|
|
2934
|
-
overflow:
|
|
2933
|
+
textOverflow: R.value ? "ellipsis" : "clip",
|
|
2934
|
+
overflow: R.value ? "hidden" : "visible"
|
|
2935
2935
|
} : {}
|
|
2936
2936
|
};
|
|
2937
2937
|
});
|
|
2938
2938
|
a(() => {
|
|
2939
|
-
const i =
|
|
2939
|
+
const i = M.value;
|
|
2940
2940
|
return i.theme === "dark" ? i.darkTextColorLabelActive : i.lightTextColorLabelActive;
|
|
2941
2941
|
});
|
|
2942
2942
|
const da = a(() => {
|
|
2943
|
-
const i =
|
|
2943
|
+
const i = M.value, C = {
|
|
2944
2944
|
rows: i.rows,
|
|
2945
2945
|
cols: i.cols,
|
|
2946
2946
|
wrap: i.wrap,
|
|
2947
2947
|
spellcheck: i.spellcheck === "default" ? void 0 : i.spellcheck,
|
|
2948
2948
|
autofocus: i.autofocus || void 0
|
|
2949
2949
|
};
|
|
2950
|
-
return i.maxlength !== null && (
|
|
2950
|
+
return i.maxlength !== null && (C.maxlength = i.maxlength), i.minlength !== null && (C.minlength = i.minlength), C;
|
|
2951
2951
|
}), ca = a(() => ({
|
|
2952
|
-
resize:
|
|
2953
|
-
})), fa = a(() =>
|
|
2952
|
+
resize: M.value.resize
|
|
2953
|
+
})), fa = a(() => M.value.wrap === "off" ? {
|
|
2954
2954
|
whiteSpace: "nowrap",
|
|
2955
2955
|
overflowX: "auto"
|
|
2956
|
-
} : {}),
|
|
2957
|
-
const i =
|
|
2956
|
+
} : {}), va = a(() => {
|
|
2957
|
+
const i = M.value;
|
|
2958
2958
|
return i.minWidth === "auto" ? {} : {
|
|
2959
2959
|
minWidth: i.minWidth
|
|
2960
2960
|
};
|
|
2961
|
-
}),
|
|
2962
|
-
const i =
|
|
2961
|
+
}), Kt = a(() => {
|
|
2962
|
+
const i = M.value;
|
|
2963
2963
|
return i.maxWidth === "auto" ? {} : {
|
|
2964
2964
|
maxWidth: i.maxWidth
|
|
2965
2965
|
};
|
|
2966
2966
|
}), pa = a(() => {
|
|
2967
|
-
const i =
|
|
2967
|
+
const i = M.value;
|
|
2968
2968
|
return i.minHeight === "auto" ? {} : {
|
|
2969
2969
|
minHeight: i.minHeight
|
|
2970
2970
|
};
|
|
2971
|
-
}),
|
|
2972
|
-
const i =
|
|
2971
|
+
}), zt = a(() => {
|
|
2972
|
+
const i = M.value;
|
|
2973
2973
|
return i.maxHeight === "auto" ? {} : {
|
|
2974
2974
|
maxHeight: i.maxHeight
|
|
2975
2975
|
};
|
|
2976
2976
|
}), c = () => {
|
|
2977
|
-
Y.value =
|
|
2977
|
+
Y.value = Xe.value;
|
|
2978
2978
|
}, w = () => {
|
|
2979
2979
|
g("clicked");
|
|
2980
2980
|
}, pe = () => {
|
|
2981
|
-
$.value ||
|
|
2982
|
-
},
|
|
2983
|
-
var
|
|
2984
|
-
const
|
|
2985
|
-
g("paste",
|
|
2986
|
-
},
|
|
2981
|
+
$.value || M.value.inputReadonly || !ce.value || g("entered", Y.value);
|
|
2982
|
+
}, Ze = async (i) => {
|
|
2983
|
+
var De;
|
|
2984
|
+
const C = ((De = i.clipboardData) == null ? void 0 : De.getData("text")) || "";
|
|
2985
|
+
g("paste", C), j.value && i.preventDefault();
|
|
2986
|
+
}, Ot = () => {
|
|
2987
2987
|
let i = Y.value;
|
|
2988
|
-
|
|
2988
|
+
Qe.value && (i = i.trim()), g("current-value", i);
|
|
2989
2989
|
};
|
|
2990
|
-
return re(
|
|
2990
|
+
return re(Xe, (i) => {
|
|
2991
2991
|
i !== Y.value && (Y.value = i);
|
|
2992
2992
|
}, { immediate: !0 }), re(Y, (i) => {
|
|
2993
|
-
|
|
2994
|
-
}), re(
|
|
2993
|
+
Qe.value && (i = i.trim()), g("changed", i);
|
|
2994
|
+
}), re($e, (i) => {
|
|
2995
2995
|
g(i ? "focused" : "blurred");
|
|
2996
2996
|
}), re(Y, () => {
|
|
2997
|
-
|
|
2998
|
-
}, { immediate: !0 }), (i,
|
|
2997
|
+
Ot();
|
|
2998
|
+
}, { immediate: !0 }), (i, C) => u(F) ? (O(), K("div", $a({
|
|
2999
2999
|
key: 0,
|
|
3000
|
-
class: ["nb-wrapper",
|
|
3001
|
-
style: [
|
|
3000
|
+
class: ["nb-wrapper", Wt.value],
|
|
3001
|
+
style: [we.value, it.value, ut.value],
|
|
3002
3002
|
role: "input"
|
|
3003
3003
|
}, sa.value), [
|
|
3004
|
-
|
|
3005
|
-
id: u(
|
|
3006
|
-
class: Ye(["nb-reset", "component", oa.value, ra.value,
|
|
3004
|
+
xe("div", {
|
|
3005
|
+
id: u(F),
|
|
3006
|
+
class: Ye(["nb-reset", "component", oa.value, ra.value, N.value]),
|
|
3007
3007
|
style: Ne([ue.value, it.value, ut.value]),
|
|
3008
3008
|
onClick: w
|
|
3009
3009
|
}, [
|
|
3010
|
-
u(
|
|
3010
|
+
u(Be) ? (O(), K("label", {
|
|
3011
3011
|
key: 0,
|
|
3012
3012
|
for: st.value,
|
|
3013
3013
|
class: "component__label",
|
|
3014
3014
|
style: Ne([Gt.value])
|
|
3015
3015
|
}, [
|
|
3016
|
-
jt(
|
|
3016
|
+
jt(Rt(e.label), 1),
|
|
3017
3017
|
e.required ? (O(), K("span", on, "*")) : ye("", !0)
|
|
3018
3018
|
], 12, nn)) : ye("", !0),
|
|
3019
|
-
Pa(
|
|
3020
|
-
"onUpdate:modelValue":
|
|
3019
|
+
Pa(xe("textarea", $a({
|
|
3020
|
+
"onUpdate:modelValue": C[0] || (C[0] = (De) => Y.value = De),
|
|
3021
3021
|
id: st.value,
|
|
3022
3022
|
name: st.value
|
|
3023
3023
|
}, da.value, {
|
|
3024
3024
|
class: ["component__input", [
|
|
3025
3025
|
ua.value,
|
|
3026
|
-
|
|
3026
|
+
Ft.value
|
|
3027
3027
|
]],
|
|
3028
|
-
placeholder:
|
|
3029
|
-
disabled: u($) || u(
|
|
3028
|
+
placeholder: Et.value,
|
|
3029
|
+
disabled: u($) || u(Te),
|
|
3030
3030
|
required: e.required,
|
|
3031
|
-
readonly: u(
|
|
3031
|
+
readonly: u(Te),
|
|
3032
3032
|
autocomplete: e.inputAutocomplete,
|
|
3033
|
-
tabindex: u($) || u(
|
|
3033
|
+
tabindex: u($) || u(Te) ? -1 : u(Ue),
|
|
3034
3034
|
role: "textbox",
|
|
3035
|
-
style: [ut.value, ca.value, fa.value,
|
|
3036
|
-
onFocus:
|
|
3037
|
-
onBlur:
|
|
3038
|
-
onInput:
|
|
3039
|
-
onKeydown:
|
|
3040
|
-
onPaste:
|
|
3035
|
+
style: [ut.value, ca.value, fa.value, va.value, Kt.value, pa.value, zt.value],
|
|
3036
|
+
onFocus: C[1] || (C[1] = (De) => $e.value = !0),
|
|
3037
|
+
onBlur: C[2] || (C[2] = (De) => $e.value = !1),
|
|
3038
|
+
onInput: Ot,
|
|
3039
|
+
onKeydown: C[3] || (C[3] = na((De) => !u($) && u(ce) && pe(), ["enter"])),
|
|
3040
|
+
onPaste: Ze
|
|
3041
3041
|
}), null, 16, rn), [
|
|
3042
|
-
[
|
|
3042
|
+
[hl, Y.value]
|
|
3043
3043
|
])
|
|
3044
3044
|
], 14, ln),
|
|
3045
3045
|
Ut.value ? (O(), K("div", {
|
|
@@ -3047,7 +3047,7 @@ const ln = ["id"], nn = ["for"], on = {
|
|
|
3047
3047
|
class: Ye(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
|
|
3048
3048
|
}, [
|
|
3049
3049
|
La(i.$slots, "message", {}, () => [
|
|
3050
|
-
jt(
|
|
3050
|
+
jt(Rt(e.message), 1)
|
|
3051
3051
|
], !0)
|
|
3052
3052
|
], 2)) : ye("", !0)
|
|
3053
3053
|
], 16)) : ye("", !0);
|
|
@@ -3055,21 +3055,21 @@ const ln = ["id"], nn = ["for"], on = {
|
|
|
3055
3055
|
}), sn = /* @__PURE__ */ Oa(un, [["__scopeId", "data-v-32bd91a4"]]), za = (e) => String(e).padStart(2, "0"), Na = (e) => {
|
|
3056
3056
|
if (!e || !(e instanceof Date))
|
|
3057
3057
|
return null;
|
|
3058
|
-
const y = e.getFullYear(), g = za(e.getMonth() + 1), h = za(e.getDate()),
|
|
3059
|
-
return `${y}-${g}-${h}T${
|
|
3058
|
+
const y = e.getFullYear(), g = za(e.getMonth() + 1), h = za(e.getDate()), F = za(e.getHours()), Q = za(e.getMinutes()), ce = za(e.getSeconds());
|
|
3059
|
+
return `${y}-${g}-${h}T${F}:${Q}:${ce}`;
|
|
3060
3060
|
}, Fa = (e, y = "Z") => {
|
|
3061
3061
|
if (!e || !(e instanceof Date))
|
|
3062
3062
|
return null;
|
|
3063
3063
|
const g = e.toISOString();
|
|
3064
3064
|
return y === "+00:00" ? g.replace("Z", "+00:00") : g;
|
|
3065
|
-
},
|
|
3065
|
+
}, bl = (e, y) => !e || !y ? !1 : e.getFullYear() === y.getFullYear() && // Verificar se o ano é o mesmo
|
|
3066
3066
|
e.getMonth() === y.getMonth() && // Verificar se o mês é o mesmo
|
|
3067
3067
|
e.getDate() === y.getDate(), ja = (e) => {
|
|
3068
3068
|
if (!e)
|
|
3069
3069
|
return null;
|
|
3070
3070
|
if (/^\d{4}-\d{2}-\d{2}$/.test(e)) {
|
|
3071
|
-
const [g, h,
|
|
3072
|
-
return new Date(g, h - 1,
|
|
3071
|
+
const [g, h, F] = e.split("-").map(Number);
|
|
3072
|
+
return new Date(g, h - 1, F);
|
|
3073
3073
|
}
|
|
3074
3074
|
const y = new Date(e);
|
|
3075
3075
|
return isNaN(y.getTime()) ? null : y;
|
|
@@ -3077,19 +3077,19 @@ e.getDate() === y.getDate(), ja = (e) => {
|
|
|
3077
3077
|
const {
|
|
3078
3078
|
inputType: g,
|
|
3079
3079
|
hasSeconds: h = !1,
|
|
3080
|
-
allowRange:
|
|
3080
|
+
allowRange: F = !1,
|
|
3081
3081
|
timezoneFormat: Q = "Z",
|
|
3082
3082
|
locale: ce = "en-US"
|
|
3083
3083
|
} = y;
|
|
3084
3084
|
if (!e || e === "" || e === null || e === void 0)
|
|
3085
|
-
return g === "date" ? { date: null, dateString: null, isoString: null, isoStringLocal: null, day: null } : g === "time" ? { hour: 0, minute: 0, second: void 0, timeString: "" } : g === "datetime-local" ? { date: null, hour: 0, minute: 0, second: void 0, datetimeString: null, isoString: null, isoStringLocal: null, day: null } : g === "week" ? { weekString: null, weekStartDate: null, weekEndDate: null, weekNumber: null, weekYear: null, isoString: null, isoStringLocal: null } : g === "month" ? { date: null, dateString: null, month: null, year: null, monthName: null, isoString: null, isoStringLocal: null } :
|
|
3085
|
+
return g === "date" ? { date: null, dateString: null, isoString: null, isoStringLocal: null, day: null } : g === "time" ? { hour: 0, minute: 0, second: void 0, timeString: "" } : g === "datetime-local" ? { date: null, hour: 0, minute: 0, second: void 0, datetimeString: null, isoString: null, isoStringLocal: null, day: null } : g === "week" ? { weekString: null, weekStartDate: null, weekEndDate: null, weekNumber: null, weekYear: null, isoString: null, isoStringLocal: null } : g === "month" ? { date: null, dateString: null, month: null, year: null, monthName: null, isoString: null, isoStringLocal: null } : F ? { startDate: null, endDate: null, isRange: !0, isoString: null, isoStringLocal: null } : null;
|
|
3086
3086
|
try {
|
|
3087
3087
|
if (g === "date") {
|
|
3088
3088
|
const D = ja(e);
|
|
3089
3089
|
if (!D)
|
|
3090
3090
|
return { date: null, dateString: null, isoString: null, isoStringLocal: null, day: null };
|
|
3091
|
-
const
|
|
3092
|
-
|
|
3091
|
+
const k = /* @__PURE__ */ new Date();
|
|
3092
|
+
k.setHours(0, 0, 0, 0);
|
|
3093
3093
|
const x = new Date(D.getTime());
|
|
3094
3094
|
return x.setHours(0, 0, 0, 0), {
|
|
3095
3095
|
date: x,
|
|
@@ -3100,7 +3100,7 @@ e.getDate() === y.getDate(), ja = (e) => {
|
|
|
3100
3100
|
date: x.getDate(),
|
|
3101
3101
|
fullDate: x,
|
|
3102
3102
|
isOtherMonth: !1,
|
|
3103
|
-
isToday:
|
|
3103
|
+
isToday: bl(x, k),
|
|
3104
3104
|
isSelected: !0,
|
|
3105
3105
|
isInRange: !1,
|
|
3106
3106
|
isRangeStart: !1,
|
|
@@ -3110,10 +3110,10 @@ e.getDate() === y.getDate(), ja = (e) => {
|
|
|
3110
3110
|
}
|
|
3111
3111
|
};
|
|
3112
3112
|
} else if (g === "time") {
|
|
3113
|
-
const D = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/,
|
|
3114
|
-
if (!
|
|
3113
|
+
const D = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, k = e.match(D);
|
|
3114
|
+
if (!k)
|
|
3115
3115
|
return { hour: 0, minute: 0, second: void 0, timeString: "" };
|
|
3116
|
-
const x = parseInt(
|
|
3116
|
+
const x = parseInt(k[1], 10), I = parseInt(k[2], 10), ae = k[3] ? parseInt(k[3], 10) : void 0;
|
|
3117
3117
|
return {
|
|
3118
3118
|
hour: x,
|
|
3119
3119
|
minute: I,
|
|
@@ -3124,7 +3124,7 @@ e.getDate() === y.getDate(), ja = (e) => {
|
|
|
3124
3124
|
const D = e.split("T");
|
|
3125
3125
|
if (D.length !== 2)
|
|
3126
3126
|
return { date: null, hour: 0, minute: 0, second: void 0, datetimeString: null, isoString: null, isoStringLocal: null, day: null };
|
|
3127
|
-
const
|
|
3127
|
+
const k = D[0], x = D[1], I = ja(k);
|
|
3128
3128
|
if (!I)
|
|
3129
3129
|
return { date: null, hour: 0, minute: 0, second: void 0, datetimeString: null, isoString: null, isoStringLocal: null, day: null };
|
|
3130
3130
|
const ae = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, le = x.match(ae);
|
|
@@ -3147,7 +3147,7 @@ e.getDate() === y.getDate(), ja = (e) => {
|
|
|
3147
3147
|
date: q.getDate(),
|
|
3148
3148
|
fullDate: q,
|
|
3149
3149
|
isOtherMonth: !1,
|
|
3150
|
-
isToday:
|
|
3150
|
+
isToday: bl(q, ie),
|
|
3151
3151
|
isSelected: !0,
|
|
3152
3152
|
isInRange: !1,
|
|
3153
3153
|
isRangeStart: !1,
|
|
@@ -3157,10 +3157,10 @@ e.getDate() === y.getDate(), ja = (e) => {
|
|
|
3157
3157
|
}
|
|
3158
3158
|
};
|
|
3159
3159
|
} else if (g === "week") {
|
|
3160
|
-
const D = /^(\d{4})-W(\d{2})$/,
|
|
3161
|
-
if (!
|
|
3160
|
+
const D = /^(\d{4})-W(\d{2})$/, k = e.match(D);
|
|
3161
|
+
if (!k)
|
|
3162
3162
|
return { weekString: null, weekStartDate: null, weekEndDate: null, weekNumber: null, weekYear: null, isoString: null, isoStringLocal: null };
|
|
3163
|
-
const x = parseInt(
|
|
3163
|
+
const x = parseInt(k[1], 10), I = parseInt(k[2], 10), X = (8 - (new Date(x, 0, 4).getDay() || 7)) % 7, _ = new Date(x, 0, 4 + X), $ = new Date(_.getTime());
|
|
3164
3164
|
$.setDate(_.getDate() + (I - 1) * 7), $.setHours(0, 0, 0, 0);
|
|
3165
3165
|
const H = new Date($.getTime());
|
|
3166
3166
|
return H.setDate($.getDate() + 6), H.setHours(23, 59, 59, 999), {
|
|
@@ -3173,10 +3173,10 @@ e.getDate() === y.getDate(), ja = (e) => {
|
|
|
3173
3173
|
isoStringLocal: Na($)
|
|
3174
3174
|
};
|
|
3175
3175
|
} else if (g === "month") {
|
|
3176
|
-
const D = /^(\d{4})-(\d{2})$/,
|
|
3177
|
-
if (!
|
|
3176
|
+
const D = /^(\d{4})-(\d{2})$/, k = e.match(D);
|
|
3177
|
+
if (!k)
|
|
3178
3178
|
return { date: null, dateString: null, month: null, year: null, monthName: null, isoString: null, isoStringLocal: null };
|
|
3179
|
-
const x = parseInt(
|
|
3179
|
+
const x = parseInt(k[1], 10), I = parseInt(k[2], 10) - 1, ae = new Date(x, I, 1);
|
|
3180
3180
|
ae.setHours(0, 0, 0, 0);
|
|
3181
3181
|
const le = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
|
|
3182
3182
|
return {
|
|
@@ -3188,25 +3188,25 @@ e.getDate() === y.getDate(), ja = (e) => {
|
|
|
3188
3188
|
isoString: Fa(ae, Q),
|
|
3189
3189
|
isoStringLocal: Na(ae)
|
|
3190
3190
|
};
|
|
3191
|
-
} else if (
|
|
3191
|
+
} else if (F && typeof e == "string" && e.startsWith("{"))
|
|
3192
3192
|
try {
|
|
3193
3193
|
const D = JSON.parse(e);
|
|
3194
3194
|
if (D && (D.startDate || D.endDate)) {
|
|
3195
|
-
const
|
|
3196
|
-
return
|
|
3197
|
-
startDate:
|
|
3195
|
+
const k = D.startDate ? ja(D.startDate) : null, x = D.endDate ? ja(D.endDate) : null;
|
|
3196
|
+
return k && x ? (k.setHours(0, 0, 0, 0), x.setHours(0, 0, 0, 0), {
|
|
3197
|
+
startDate: k,
|
|
3198
3198
|
endDate: x,
|
|
3199
3199
|
isRange: !0,
|
|
3200
3200
|
isoString: {
|
|
3201
|
-
start: Fa(
|
|
3201
|
+
start: Fa(k, Q),
|
|
3202
3202
|
end: Fa(x, Q)
|
|
3203
3203
|
},
|
|
3204
3204
|
isoStringLocal: {
|
|
3205
|
-
start: Na(
|
|
3205
|
+
start: Na(k),
|
|
3206
3206
|
end: Na(x)
|
|
3207
3207
|
}
|
|
3208
3208
|
}) : {
|
|
3209
|
-
startDate:
|
|
3209
|
+
startDate: k,
|
|
3210
3210
|
endDate: x,
|
|
3211
3211
|
isRange: !0,
|
|
3212
3212
|
isoString: null,
|
|
@@ -3878,41 +3878,41 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
3878
3878
|
Wa((t) => ({
|
|
3879
3879
|
fec94d28: oa.value,
|
|
3880
3880
|
"2979c624": it.value,
|
|
3881
|
-
"7a5cbe9d": u(
|
|
3881
|
+
"7a5cbe9d": u(et),
|
|
3882
3882
|
"63d530f4": ia.value,
|
|
3883
3883
|
c6b71174: Ut.value,
|
|
3884
3884
|
c73c3544: sa.value,
|
|
3885
3885
|
"416286e3": u(te),
|
|
3886
3886
|
"8e575a22": u(me),
|
|
3887
|
-
"41f9b60b": u(
|
|
3888
|
-
"3403c07e":
|
|
3889
|
-
"8b0884e6": u(
|
|
3890
|
-
ab4a5c7a:
|
|
3891
|
-
"98e19656":
|
|
3887
|
+
"41f9b60b": u(T),
|
|
3888
|
+
"3403c07e": Et.value,
|
|
3889
|
+
"8b0884e6": u(R),
|
|
3890
|
+
ab4a5c7a: C.value,
|
|
3891
|
+
"98e19656": De.value,
|
|
3892
3892
|
"975f51ae": u(gt),
|
|
3893
|
-
f49ad776: u(
|
|
3894
|
-
"4096b393": u(
|
|
3893
|
+
f49ad776: u(Ct),
|
|
3894
|
+
"4096b393": u(Be),
|
|
3895
3895
|
"6196f2db": u(he),
|
|
3896
|
-
"5149e504":
|
|
3896
|
+
"5149e504": Ze.value,
|
|
3897
3897
|
"62c10cfb": ra.value,
|
|
3898
3898
|
"5ad157ba": ua.value,
|
|
3899
3899
|
"54dea463": st.value,
|
|
3900
|
-
"3a078c86":
|
|
3900
|
+
"3a078c86": Pt.value,
|
|
3901
3901
|
"14da127d": t.styleButtonColor
|
|
3902
3902
|
}));
|
|
3903
3903
|
const g = Bl(
|
|
3904
3904
|
() => import("@vlalg-nimbus/nb-calendar").then((t) => t.Calendar ? t.Calendar : t.default && t.default.Calendar ? t.default.Calendar : t.default)
|
|
3905
3905
|
);
|
|
3906
3906
|
Aa(() => {
|
|
3907
|
-
|
|
3907
|
+
B.value = S.value;
|
|
3908
3908
|
}), Ya(() => {
|
|
3909
|
-
|
|
3909
|
+
Zt();
|
|
3910
3910
|
});
|
|
3911
|
-
const h = y,
|
|
3911
|
+
const h = y, F = e, {
|
|
3912
3912
|
nbId: Q,
|
|
3913
3913
|
display: ce,
|
|
3914
3914
|
hasTabIndexEnter: D,
|
|
3915
|
-
ariaLabel:
|
|
3915
|
+
ariaLabel: k,
|
|
3916
3916
|
ariaAttrs: x,
|
|
3917
3917
|
caretColor: I,
|
|
3918
3918
|
selectionBgColor: ae,
|
|
@@ -3926,17 +3926,17 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
3926
3926
|
fontFamilyMsg: Fe,
|
|
3927
3927
|
fontSizeMsg: be,
|
|
3928
3928
|
fontWeightMsg: ee,
|
|
3929
|
-
textMessageColor:
|
|
3929
|
+
textMessageColor: Ce,
|
|
3930
3930
|
inputWidth: fe,
|
|
3931
|
-
inputStyle:
|
|
3932
|
-
activeTextStyle:
|
|
3933
|
-
sizeMediaQuery:
|
|
3931
|
+
inputStyle: Ae,
|
|
3932
|
+
activeTextStyle: Ve,
|
|
3933
|
+
sizeMediaQuery: Te,
|
|
3934
3934
|
inputReadonly: j,
|
|
3935
|
-
blockPaste:
|
|
3935
|
+
blockPaste: Qe,
|
|
3936
3936
|
inputType: v,
|
|
3937
3937
|
hasTrim: se,
|
|
3938
3938
|
inputUppercase: Oe,
|
|
3939
|
-
inputName:
|
|
3939
|
+
inputName: Xe,
|
|
3940
3940
|
inputText: S,
|
|
3941
3941
|
min: Ue,
|
|
3942
3942
|
max: ve,
|
|
@@ -3944,25 +3944,25 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
3944
3944
|
hasSeconds: ht,
|
|
3945
3945
|
locale: ot,
|
|
3946
3946
|
theme: ze,
|
|
3947
|
-
allowRange:
|
|
3948
|
-
calendarZIndex:
|
|
3947
|
+
allowRange: ke,
|
|
3948
|
+
calendarZIndex: Lt,
|
|
3949
3949
|
calendarWidth: pt,
|
|
3950
3950
|
blockClicksWithoutEvents: St,
|
|
3951
|
-
tabindex:
|
|
3952
|
-
lightBgColor:
|
|
3953
|
-
lightBgColorFocus:
|
|
3951
|
+
tabindex: xt,
|
|
3952
|
+
lightBgColor: Ct,
|
|
3953
|
+
lightBgColorFocus: Be,
|
|
3954
3954
|
lightDisabledBgColor: gt,
|
|
3955
|
-
lightTextColor:
|
|
3956
|
-
darkBgColor:
|
|
3957
|
-
darkBgColorFocus:
|
|
3955
|
+
lightTextColor: et,
|
|
3956
|
+
darkBgColor: T,
|
|
3957
|
+
darkBgColorFocus: R,
|
|
3958
3958
|
darkDisabledBgColor: me,
|
|
3959
3959
|
darkTextColor: te,
|
|
3960
3960
|
textAlign: he,
|
|
3961
|
-
showMsg:
|
|
3961
|
+
showMsg: tt,
|
|
3962
3962
|
hasMsg: Ge,
|
|
3963
3963
|
showLabel: Ie,
|
|
3964
3964
|
label: b,
|
|
3965
|
-
labelBreakOnActive:
|
|
3965
|
+
labelBreakOnActive: A,
|
|
3966
3966
|
labelBackground: de,
|
|
3967
3967
|
labelPadding: ge,
|
|
3968
3968
|
labelBorderRadius: Se,
|
|
@@ -3972,16 +3972,16 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
3972
3972
|
labelActiveLeft: He,
|
|
3973
3973
|
labelRight: qe,
|
|
3974
3974
|
labelActiveRight: Ke,
|
|
3975
|
-
fontFamilyLabel:
|
|
3975
|
+
fontFamilyLabel: at,
|
|
3976
3976
|
fontSizeLabel: yt,
|
|
3977
|
-
fontSizeLabelActive:
|
|
3978
|
-
fontWeightLabel:
|
|
3977
|
+
fontSizeLabelActive: Mt,
|
|
3978
|
+
fontWeightLabel: Vt,
|
|
3979
3979
|
lightTextColorLabel: bt,
|
|
3980
|
-
lightTextColorLabelActive:
|
|
3981
|
-
darkTextColorLabel:
|
|
3980
|
+
lightTextColorLabelActive: lt,
|
|
3981
|
+
darkTextColorLabel: Nt,
|
|
3982
3982
|
darkTextColorLabelActive: rt,
|
|
3983
|
-
required:
|
|
3984
|
-
} = Ea(
|
|
3983
|
+
required: Tt
|
|
3984
|
+
} = Ea(F), B = oe(""), E = oe(""), Z = oe(""), Y = oe(""), $e = oe(!1), M = oe(!1), Wt = a(() => !pt.value || pt.value < 280 ? 280 : parseInt(pt.value, 10)), we = a(() => {
|
|
3985
3985
|
if (ht.value !== null)
|
|
3986
3986
|
return ht.value;
|
|
3987
3987
|
if (v.value === "time" || v.value === "datetime-local") {
|
|
@@ -3991,16 +3991,16 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
3991
3991
|
let n = l;
|
|
3992
3992
|
return v.value === "datetime-local" && (n = l.split("T")[1] || "", n = n.split(/[Z+-]/)[0] || ""), n.split(":").length >= 3;
|
|
3993
3993
|
};
|
|
3994
|
-
if (t(
|
|
3994
|
+
if (t(B.value) || t(S.value))
|
|
3995
3995
|
return !0;
|
|
3996
3996
|
}
|
|
3997
3997
|
return !1;
|
|
3998
|
-
}),
|
|
3999
|
-
if (!
|
|
3998
|
+
}), At = a(() => {
|
|
3999
|
+
if (!B.value)
|
|
4000
4000
|
return null;
|
|
4001
|
-
if (
|
|
4001
|
+
if (ke.value && typeof B.value == "string" && B.value.startsWith("{"))
|
|
4002
4002
|
try {
|
|
4003
|
-
const t = JSON.parse(
|
|
4003
|
+
const t = JSON.parse(B.value);
|
|
4004
4004
|
if (t && (t.startDate || t.endDate)) {
|
|
4005
4005
|
const l = (n) => {
|
|
4006
4006
|
if (!n)
|
|
@@ -4018,28 +4018,28 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4018
4018
|
}
|
|
4019
4019
|
} catch {
|
|
4020
4020
|
}
|
|
4021
|
-
if (v.value === "date" && typeof
|
|
4022
|
-
const [t, l, n] =
|
|
4021
|
+
if (v.value === "date" && typeof B.value == "string" && /^\d{4}-\d{2}-\d{2}$/.test(B.value)) {
|
|
4022
|
+
const [t, l, n] = B.value.split("-").map(Number);
|
|
4023
4023
|
return new Date(t, l - 1, n);
|
|
4024
4024
|
}
|
|
4025
|
-
return
|
|
4025
|
+
return B.value;
|
|
4026
4026
|
}), ue = (t, l, n) => {
|
|
4027
4027
|
if (!t)
|
|
4028
4028
|
return "";
|
|
4029
4029
|
const r = n || ot.value;
|
|
4030
4030
|
if (l === "date") {
|
|
4031
|
-
if (
|
|
4031
|
+
if (ke.value && typeof t == "string" && t.startsWith("{"))
|
|
4032
4032
|
try {
|
|
4033
4033
|
const s = JSON.parse(t);
|
|
4034
4034
|
if (s && (s.startDate || s.endDate)) {
|
|
4035
|
-
const d = (
|
|
4036
|
-
if (!
|
|
4035
|
+
const d = (V) => {
|
|
4036
|
+
if (!V)
|
|
4037
4037
|
return "";
|
|
4038
|
-
if (/^\d{4}-\d{2}-\d{2}$/.test(
|
|
4039
|
-
const [
|
|
4040
|
-
return r === "pt-BR" ? `${J}/${W}/${
|
|
4038
|
+
if (/^\d{4}-\d{2}-\d{2}$/.test(V)) {
|
|
4039
|
+
const [L, W, J] = V.split("-");
|
|
4040
|
+
return r === "pt-BR" ? `${J}/${W}/${L}` : `${W}/${J}/${L}`;
|
|
4041
4041
|
}
|
|
4042
|
-
return
|
|
4042
|
+
return V;
|
|
4043
4043
|
}, f = d(s.startDate), p = d(s.endDate);
|
|
4044
4044
|
if (f && p)
|
|
4045
4045
|
return `${f} - ${p}`;
|
|
@@ -4058,8 +4058,8 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4058
4058
|
if (/^(\d{4}-\d{2}-\d{2})(T\d{2}:\d{2}(?::\d{2})?(?:\.\d{1,3})?(?:Z|[+-]\d{2}:\d{2})?)?$/.test(t) && t.includes("T")) {
|
|
4059
4059
|
const d = new Date(t);
|
|
4060
4060
|
if (!isNaN(d.getTime())) {
|
|
4061
|
-
const f = d.getFullYear(), p = String(d.getMonth() + 1).padStart(2, "0"),
|
|
4062
|
-
return r === "pt-BR" ? `${
|
|
4061
|
+
const f = d.getFullYear(), p = String(d.getMonth() + 1).padStart(2, "0"), V = String(d.getDate()).padStart(2, "0");
|
|
4062
|
+
return r === "pt-BR" ? `${V}/${p}/${f}` : `${p}/${V}/${f}`;
|
|
4063
4063
|
}
|
|
4064
4064
|
}
|
|
4065
4065
|
} else if (t instanceof Date && !isNaN(t.getTime())) {
|
|
@@ -4070,14 +4070,14 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4070
4070
|
} else if (l === "datetime-local") {
|
|
4071
4071
|
if (typeof t == "string") {
|
|
4072
4072
|
if (/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?$/.test(t)) {
|
|
4073
|
-
const [d, f] = t.split("T"), [p,
|
|
4074
|
-
return r === "pt-BR" ? `${
|
|
4073
|
+
const [d, f] = t.split("T"), [p, V, L] = d.split("-");
|
|
4074
|
+
return r === "pt-BR" ? `${L}/${V}/${p} ${f}` : `${V}/${L}/${p} ${f}`;
|
|
4075
4075
|
}
|
|
4076
4076
|
if (/^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}(?::\d{2})?(?:\.\d{1,3})?)(?:Z|[+-]\d{2}:\d{2})?$/.test(t)) {
|
|
4077
4077
|
const d = new Date(t);
|
|
4078
4078
|
if (!isNaN(d.getTime())) {
|
|
4079
|
-
const f = d.getFullYear(), p = String(d.getMonth() + 1).padStart(2, "0"),
|
|
4080
|
-
return r === "pt-BR" ? `${
|
|
4079
|
+
const f = d.getFullYear(), p = String(d.getMonth() + 1).padStart(2, "0"), V = String(d.getDate()).padStart(2, "0"), L = String(d.getHours()).padStart(2, "0"), W = String(d.getMinutes()).padStart(2, "0"), J = String(d.getSeconds()).padStart(2, "0");
|
|
4080
|
+
return r === "pt-BR" ? `${V}/${p}/${f} ${L}:${W}:${J}` : `${p}/${V}/${f} ${L}:${W}:${J}`;
|
|
4081
4081
|
}
|
|
4082
4082
|
}
|
|
4083
4083
|
}
|
|
@@ -4102,33 +4102,33 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4102
4102
|
return "";
|
|
4103
4103
|
const r = t.trim(), s = n || ot.value;
|
|
4104
4104
|
if (l === "date") {
|
|
4105
|
-
if (
|
|
4106
|
-
const d = r.split(/\s*-\s*/).map((
|
|
4107
|
-
if (!
|
|
4105
|
+
if (ke.value && r.includes("-")) {
|
|
4106
|
+
const d = r.split(/\s*-\s*/).map((L) => L.trim()), f = (L) => {
|
|
4107
|
+
if (!L)
|
|
4108
4108
|
return null;
|
|
4109
|
-
if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(
|
|
4110
|
-
const W =
|
|
4109
|
+
if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(L)) {
|
|
4110
|
+
const W = L.split("/");
|
|
4111
4111
|
if (s === "pt-BR") {
|
|
4112
|
-
const [J, Me, ft] = W, Pe = J.padStart(2, "0"),
|
|
4113
|
-
return `${ft}-${
|
|
4112
|
+
const [J, Me, ft] = W, Pe = J.padStart(2, "0"), Je = Me.padStart(2, "0");
|
|
4113
|
+
return `${ft}-${Je}-${Pe}`;
|
|
4114
4114
|
} else {
|
|
4115
|
-
const [J, Me, ft] = W, Pe = Me.padStart(2, "0"),
|
|
4116
|
-
return `${ft}-${
|
|
4115
|
+
const [J, Me, ft] = W, Pe = Me.padStart(2, "0"), Je = J.padStart(2, "0");
|
|
4116
|
+
return `${ft}-${Je}-${Pe}`;
|
|
4117
4117
|
}
|
|
4118
|
-
} else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(
|
|
4119
|
-
const W =
|
|
4120
|
-
return `${J}-${
|
|
4118
|
+
} else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(L)) {
|
|
4119
|
+
const W = L.split("-"), [J, Me, ft] = W, Pe = ft.padStart(2, "0"), Je = Me.padStart(2, "0");
|
|
4120
|
+
return `${J}-${Je}-${Pe}`;
|
|
4121
4121
|
}
|
|
4122
4122
|
return null;
|
|
4123
4123
|
};
|
|
4124
|
-
let p = f(d[0]),
|
|
4125
|
-
if (p &&
|
|
4126
|
-
const
|
|
4127
|
-
if (new Date(
|
|
4124
|
+
let p = f(d[0]), V = d[1] ? f(d[1]) : null;
|
|
4125
|
+
if (p && V) {
|
|
4126
|
+
const L = new Date(p);
|
|
4127
|
+
if (new Date(V) < L) {
|
|
4128
4128
|
const J = p;
|
|
4129
|
-
p =
|
|
4129
|
+
p = V, V = J;
|
|
4130
4130
|
}
|
|
4131
|
-
return JSON.stringify({ startDate: p, endDate:
|
|
4131
|
+
return JSON.stringify({ startDate: p, endDate: V });
|
|
4132
4132
|
} else if (p)
|
|
4133
4133
|
return JSON.stringify({ startDate: p, endDate: null });
|
|
4134
4134
|
return "";
|
|
@@ -4136,30 +4136,30 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4136
4136
|
if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(r)) {
|
|
4137
4137
|
const d = r.split("/");
|
|
4138
4138
|
if (s === "pt-BR") {
|
|
4139
|
-
const [f, p,
|
|
4140
|
-
return `${
|
|
4139
|
+
const [f, p, V] = d, L = f.padStart(2, "0"), W = p.padStart(2, "0");
|
|
4140
|
+
return `${V}-${W}-${L}`;
|
|
4141
4141
|
} else {
|
|
4142
|
-
const [f, p,
|
|
4143
|
-
return `${
|
|
4142
|
+
const [f, p, V] = d, L = p.padStart(2, "0"), W = f.padStart(2, "0");
|
|
4143
|
+
return `${V}-${W}-${L}`;
|
|
4144
4144
|
}
|
|
4145
4145
|
} else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(r)) {
|
|
4146
|
-
const d = r.split("-"), [f, p,
|
|
4147
|
-
return `${f}-${W}-${
|
|
4146
|
+
const d = r.split("-"), [f, p, V] = d, L = V.padStart(2, "0"), W = p.padStart(2, "0");
|
|
4147
|
+
return `${f}-${W}-${L}`;
|
|
4148
4148
|
}
|
|
4149
4149
|
return "";
|
|
4150
4150
|
} else if (l === "datetime-local") {
|
|
4151
4151
|
if (/^\d{1,2}\/\d{1,2}\/\d{4} \d{1,2}:\d{1,2}(:\d{1,2})?$/.test(r)) {
|
|
4152
4152
|
const [d, f] = r.split(" "), p = d.split("/");
|
|
4153
4153
|
if (s === "pt-BR") {
|
|
4154
|
-
const [
|
|
4154
|
+
const [V, L, W] = p, J = V.padStart(2, "0"), Me = L.padStart(2, "0"), Pe = f.split(":").map((Je) => Je.padStart(2, "0")).join(":");
|
|
4155
4155
|
return `${W}-${Me}-${J}T${Pe}`;
|
|
4156
4156
|
} else {
|
|
4157
|
-
const [
|
|
4157
|
+
const [V, L, W] = p, J = L.padStart(2, "0"), Me = V.padStart(2, "0"), Pe = f.split(":").map((Je) => Je.padStart(2, "0")).join(":");
|
|
4158
4158
|
return `${W}-${Me}-${J}T${Pe}`;
|
|
4159
4159
|
}
|
|
4160
4160
|
} else if (/^\d{4}-\d{1,2}-\d{1,2}T\d{1,2}:\d{1,2}(:\d{1,2})?$/.test(r)) {
|
|
4161
|
-
const [d, f] = r.split("T"), p = d.split("-"), [
|
|
4162
|
-
return `${
|
|
4161
|
+
const [d, f] = r.split("T"), p = d.split("-"), [V, L, W] = p, J = W.padStart(2, "0"), Me = L.padStart(2, "0"), Pe = f.split(":").map((Je) => Je.padStart(2, "0")).join(":");
|
|
4162
|
+
return `${V}-${Me}-${J}T${Pe}`;
|
|
4163
4163
|
}
|
|
4164
4164
|
return "";
|
|
4165
4165
|
} else if (l === "month") {
|
|
@@ -4181,14 +4181,14 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4181
4181
|
return f ? `${f[2]}-W${f[1]}` : "";
|
|
4182
4182
|
}
|
|
4183
4183
|
return r;
|
|
4184
|
-
}, ne = oe(!1),
|
|
4185
|
-
const t = $.value ? "component-disabled" : "", l = ce.value !== "b" ? "inline-block" : "block", n = I.value ? I.value : "", r = ae.value ? ae.value : "", s = le.value ? le.value : "", d = X.value ? X.value : !1, f = _.value !== 0 && !_.value || _.value < 0 ? 0 : _.value, p = H.value ? H.value : "'Lato', sans-serif",
|
|
4184
|
+
}, ne = oe(!1), $t = oe({ top: 0, left: 0 }), P = oe(null), U = oe(null), Yt = oe(!0), z = a(() => Yt.value === !0), G = a(() => {
|
|
4185
|
+
const t = $.value ? "component-disabled" : "", l = ce.value !== "b" ? "inline-block" : "block", n = I.value ? I.value : "", r = ae.value ? ae.value : "", s = le.value ? le.value : "", d = X.value ? X.value : !1, f = _.value !== 0 && !_.value || _.value < 0 ? 0 : _.value, p = H.value ? H.value : "'Lato', sans-serif", V = ie.value ? ie.value : "1.4em", L = q.value !== 0 && !q.value || q.value < 0 ? 100 : q.value, W = Fe.value ? Fe.value : "'Lato', sans-serif", J = be.value ? be.value : "1em", Me = ee.value !== 0 && !ee.value || ee.value < 0 ? 100 : ee.value, ft = Ce.value ? Ce.value : "#f15574", Pe = fe.value ? fe.value : 200, Je = Ve.value ? Ve.value : "normal", Ua = "sm", Ga = j.value ? j.value : !1, Ka = v.value ? v.value : "date", Za = Oe.value ? Oe.value : !1, Ja = ze.value ? ze.value : "normal", Qa = he.value ? he.value : "left", Xa = Ae.value ? Ae.value : "background", el = Ie.value ? Ie.value : !1, tl = _e.value !== 0 && !_e.value || _e.value < 0 ? 5 : _e.value, al = de.value ? de.value : "transparent", ll = We.value !== 0 && !We.value || We.value < 0 ? 15 : We.value, nl = ge.value ? ge.value : "1px 5px", ol = Se.value !== 0 && !Se.value || Se.value < 0 ? 0 : Se.value, rl = Ee.value === null || Ee.value === void 0 ? -13 : Ee.value, ul = He.value === null || He.value === void 0 ? 5 : He.value, il = qe.value === null || qe.value === void 0 ? 0 : qe.value, sl = Ke.value === null || Ke.value === void 0 ? 0 : Ke.value, dl = at.value ? at.value : "'Lato', sans-serif", cl = yt.value ? yt.value : "1em", fl = Mt.value ? Mt.value : "0.8em", vl = Vt.value ? Vt.value : 400, Sl = bt.value ? bt.value : "#ffffff", xl = Nt.value ? Nt.value : "#000000", Cl = lt.value ? lt.value : "#ffffff", Vl = rt.value ? rt.value : "#000000";
|
|
4186
4186
|
return {
|
|
4187
4187
|
disabled: t,
|
|
4188
4188
|
display: l,
|
|
4189
4189
|
font: p,
|
|
4190
|
-
fontSize:
|
|
4191
|
-
fontWeight:
|
|
4190
|
+
fontSize: V,
|
|
4191
|
+
fontWeight: L,
|
|
4192
4192
|
fontFamilyMsg: W,
|
|
4193
4193
|
fontSizeMsg: J,
|
|
4194
4194
|
fontWeightMsg: Me,
|
|
@@ -4200,7 +4200,7 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4200
4200
|
borderRadius: f,
|
|
4201
4201
|
textAlign: Qa,
|
|
4202
4202
|
inputWidth: Pe,
|
|
4203
|
-
activeTextStyle:
|
|
4203
|
+
activeTextStyle: Je,
|
|
4204
4204
|
sizeMediaQuery: Ua,
|
|
4205
4205
|
inputReadonly: Ga,
|
|
4206
4206
|
inputType: Ka,
|
|
@@ -4220,13 +4220,13 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4220
4220
|
fontFamilyLabel: dl,
|
|
4221
4221
|
fontSizeLabel: cl,
|
|
4222
4222
|
fontSizeLabelActive: fl,
|
|
4223
|
-
fontWeightLabel:
|
|
4223
|
+
fontWeightLabel: vl,
|
|
4224
4224
|
lightTextColorLabel: Sl,
|
|
4225
4225
|
darkTextColorLabel: xl,
|
|
4226
4226
|
lightTextColorLabelActive: Cl,
|
|
4227
4227
|
darkTextColorLabelActive: Vl
|
|
4228
4228
|
};
|
|
4229
|
-
}),
|
|
4229
|
+
}), kt = a(() => G.value.disabled), wt = a(() => {
|
|
4230
4230
|
const t = G.value, l = w.value;
|
|
4231
4231
|
return {
|
|
4232
4232
|
display: t.display,
|
|
@@ -4239,16 +4239,16 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4239
4239
|
}), it = a(() => {
|
|
4240
4240
|
const t = G.value;
|
|
4241
4241
|
return t.fontSize ? t.fontSize : "1.4em";
|
|
4242
|
-
}),
|
|
4242
|
+
}), N = a(() => {
|
|
4243
4243
|
const t = G.value, l = w.value;
|
|
4244
4244
|
return {
|
|
4245
4245
|
fontWeight: t.fontWeight,
|
|
4246
4246
|
marginTop: l && Ie.value ? `${t.inputLabelMarginActive}px` : "0"
|
|
4247
4247
|
};
|
|
4248
|
-
}),
|
|
4248
|
+
}), Ft = a(() => {
|
|
4249
4249
|
const t = G.value;
|
|
4250
4250
|
return t.inputStyle !== "line" && t.hasBorderRadius ? { borderRadius: `${t.borderRadius}rem` } : {};
|
|
4251
|
-
}), oa = a(() => G.value.font), ra = a(() => G.value.fontFamilyMsg), ua = a(() => G.value.fontSizeMsg), st = a(() => G.value.fontWeightMsg),
|
|
4251
|
+
}), oa = a(() => G.value.font), ra = a(() => G.value.fontFamilyMsg), ua = a(() => G.value.fontSizeMsg), st = a(() => G.value.fontWeightMsg), Et = a(() => ze.value === "dark" ? te.value : et.value), Pt = a(() => G.value.textMessageColor), ia = a(() => {
|
|
4252
4252
|
const t = G.value;
|
|
4253
4253
|
return t.caretColor || (t.theme === "dark" ? "#00d4ff" : "#007bff");
|
|
4254
4254
|
}), Ut = a(() => {
|
|
@@ -4263,7 +4263,7 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4263
4263
|
width: `${t.inputWidth}px`
|
|
4264
4264
|
};
|
|
4265
4265
|
}), da = a(() => {
|
|
4266
|
-
switch (
|
|
4266
|
+
switch (Ae.value) {
|
|
4267
4267
|
case "line":
|
|
4268
4268
|
return "component__input--line";
|
|
4269
4269
|
case "border":
|
|
@@ -4280,33 +4280,33 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4280
4280
|
default:
|
|
4281
4281
|
return "component__input--active--normal";
|
|
4282
4282
|
}
|
|
4283
|
-
}), fa = a(() => "component__sm"),
|
|
4283
|
+
}), fa = a(() => "component__sm"), va = a(() => {
|
|
4284
4284
|
switch (G.value.theme) {
|
|
4285
4285
|
case "dark":
|
|
4286
4286
|
return "component__theme--dark";
|
|
4287
4287
|
default:
|
|
4288
4288
|
return "component__theme--light";
|
|
4289
4289
|
}
|
|
4290
|
-
}),
|
|
4291
|
-
a(() =>
|
|
4292
|
-
const
|
|
4290
|
+
}), Kt = a(() => G.value.inputReadonly ? "component__input--read-only" : ""), pa = a(() => G.value.inputUppercase ? "component__input--uppercase" : ""), zt = a(() => Xe.value ? Xe.value : `${Q.value}-name-label`), c = a(() => ""), w = a(() => $e.value || E.value && E.value.trim().length > 0), pe = a(() => !E.value || E.value.trim().length === 0 ? "component__input--empty" : "");
|
|
4291
|
+
a(() => $e.value ? "component__input--active" : "component__input--no-active");
|
|
4292
|
+
const Ze = a(() => "6px 10px"), Ot = a(() => !!(tt.value && Ge.value)), i = a(() => {
|
|
4293
4293
|
const t = {};
|
|
4294
4294
|
x.value && Object.keys(x.value).forEach((r) => t[`aria-${r}`] = x.value[r]);
|
|
4295
4295
|
const l = {
|
|
4296
|
-
"aria-label":
|
|
4296
|
+
"aria-label": k.value,
|
|
4297
4297
|
"aria-disabled": $.value,
|
|
4298
4298
|
...t
|
|
4299
4299
|
};
|
|
4300
4300
|
return Object.fromEntries(
|
|
4301
4301
|
Object.entries(l).filter(([n, r]) => r != null)
|
|
4302
4302
|
);
|
|
4303
|
-
}),
|
|
4304
|
-
const t = ze.value === "dark" ?
|
|
4303
|
+
}), C = a(() => {
|
|
4304
|
+
const t = ze.value === "dark" ? T.value : Ct.value, l = ze.value === "dark" ? te.value : et.value;
|
|
4305
4305
|
return t === "transparent" || t === "#transparent" || !t ? l : t;
|
|
4306
|
-
}),
|
|
4307
|
-
const t = ze.value === "dark" ?
|
|
4306
|
+
}), De = a(() => {
|
|
4307
|
+
const t = ze.value === "dark" ? R.value : Be.value, l = ze.value === "dark" ? te.value : et.value;
|
|
4308
4308
|
return t === "transparent" || t === "#transparent" || !t ? l : t;
|
|
4309
|
-
}),
|
|
4309
|
+
}), je = a(() => {
|
|
4310
4310
|
const t = G.value, l = w.value, n = l ? t.lightTextColorLabelActive : t.lightTextColorLabel, r = l ? t.darkTextColorLabelActive : t.darkTextColorLabel;
|
|
4311
4311
|
return {
|
|
4312
4312
|
fontFamily: t.fontFamilyLabel,
|
|
@@ -4324,12 +4324,12 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4324
4324
|
// Se labelBreakOnActive for true (padrão), usa ellipsis quando ativo. Se false, quebra linha
|
|
4325
4325
|
...l ? {
|
|
4326
4326
|
width: "fit-content",
|
|
4327
|
-
whiteSpace:
|
|
4328
|
-
wordWrap:
|
|
4329
|
-
overflowWrap:
|
|
4327
|
+
whiteSpace: A.value ? "nowrap" : "normal",
|
|
4328
|
+
wordWrap: A.value ? "normal" : "break-word",
|
|
4329
|
+
overflowWrap: A.value ? "normal" : "break-word",
|
|
4330
4330
|
maxWidth: "100%",
|
|
4331
|
-
textOverflow:
|
|
4332
|
-
overflow:
|
|
4331
|
+
textOverflow: A.value ? "ellipsis" : "clip",
|
|
4332
|
+
overflow: A.value ? "hidden" : "visible"
|
|
4333
4333
|
} : {}
|
|
4334
4334
|
};
|
|
4335
4335
|
});
|
|
@@ -4337,36 +4337,36 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4337
4337
|
const t = G.value;
|
|
4338
4338
|
return t.theme === "dark" ? t.darkTextColorLabelActive : t.lightTextColorLabelActive;
|
|
4339
4339
|
});
|
|
4340
|
-
const
|
|
4341
|
-
|
|
4340
|
+
const Zt = () => {
|
|
4341
|
+
B.value = S.value, Y.value = v.value;
|
|
4342
4342
|
}, ga = () => {
|
|
4343
4343
|
h("clicked");
|
|
4344
4344
|
}, ya = (t) => {
|
|
4345
|
-
t.stopPropagation(), !($.value || G.value.inputReadonly) && P.value && (P.value.focus(),
|
|
4346
|
-
|
|
4345
|
+
t.stopPropagation(), !($.value || G.value.inputReadonly) && P.value && (P.value.focus(), z.value && (ne.value = !1, requestAnimationFrame(() => {
|
|
4346
|
+
Dt(), ne.value = !0;
|
|
4347
4347
|
})));
|
|
4348
4348
|
}, ba = () => {
|
|
4349
|
-
$.value || G.value.inputReadonly || !D.value || h("entered",
|
|
4349
|
+
$.value || G.value.inputReadonly || !D.value || h("entered", B.value);
|
|
4350
4350
|
}, ma = async (t) => {
|
|
4351
4351
|
var n;
|
|
4352
4352
|
const l = ((n = t.clipboardData) == null ? void 0 : n.getData("text")) || "";
|
|
4353
|
-
h("paste", l),
|
|
4354
|
-
},
|
|
4353
|
+
h("paste", l), Qe.value && t.preventDefault();
|
|
4354
|
+
}, Dt = () => {
|
|
4355
4355
|
P.value && la(() => {
|
|
4356
4356
|
const t = P.value.getBoundingClientRect(), l = 4;
|
|
4357
|
-
|
|
4357
|
+
$t.value = {
|
|
4358
4358
|
top: `${t.bottom + l}px`,
|
|
4359
4359
|
left: `${t.left}px`
|
|
4360
4360
|
};
|
|
4361
4361
|
});
|
|
4362
4362
|
}, ha = a(() => ({
|
|
4363
4363
|
position: "fixed",
|
|
4364
|
-
top:
|
|
4365
|
-
left:
|
|
4366
|
-
zIndex:
|
|
4364
|
+
top: $t.value.top,
|
|
4365
|
+
left: $t.value.left,
|
|
4366
|
+
zIndex: Lt.value
|
|
4367
4367
|
})), Sa = () => {
|
|
4368
|
-
|
|
4369
|
-
|
|
4368
|
+
$e.value = !0, h("focused"), z.value && (ne.value = !1, requestAnimationFrame(() => {
|
|
4369
|
+
Dt(), ne.value = !0;
|
|
4370
4370
|
}));
|
|
4371
4371
|
}, xa = (t) => {
|
|
4372
4372
|
t.relatedTarget && U.value && U.value.contains(t.relatedTarget) || setTimeout(() => {
|
|
@@ -4382,11 +4382,11 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4382
4382
|
}
|
|
4383
4383
|
}
|
|
4384
4384
|
const n = (r = P.value) == null ? void 0 : r.closest(".component");
|
|
4385
|
-
n && n.contains(l) || P.value !== l && (
|
|
4385
|
+
n && n.contains(l) || P.value !== l && ($e.value = !1, ne.value = !1, h("blurred"));
|
|
4386
4386
|
}, 200);
|
|
4387
4387
|
}, Ca = () => {
|
|
4388
|
-
|
|
4389
|
-
|
|
4388
|
+
z.value && (ne.value, ne.value = !1, requestAnimationFrame(() => {
|
|
4389
|
+
Dt(), ne.value = !0;
|
|
4390
4390
|
}));
|
|
4391
4391
|
}, dt = (t) => {
|
|
4392
4392
|
if (!t || !(t instanceof Date))
|
|
@@ -4409,7 +4409,7 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4409
4409
|
}
|
|
4410
4410
|
}
|
|
4411
4411
|
return "";
|
|
4412
|
-
},
|
|
4412
|
+
}, Jt = (t) => {
|
|
4413
4413
|
if (!t)
|
|
4414
4414
|
return null;
|
|
4415
4415
|
if (t instanceof Date) {
|
|
@@ -4426,7 +4426,7 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4426
4426
|
return l.setHours(0, 0, 0, 0), l;
|
|
4427
4427
|
}
|
|
4428
4428
|
return null;
|
|
4429
|
-
},
|
|
4429
|
+
}, Qt = (t) => {
|
|
4430
4430
|
if (!t)
|
|
4431
4431
|
return null;
|
|
4432
4432
|
if (t instanceof Date && !isNaN(t.getTime())) {
|
|
@@ -4464,27 +4464,27 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4464
4464
|
return !0;
|
|
4465
4465
|
if (!l || isNaN(l.getTime()))
|
|
4466
4466
|
return !0;
|
|
4467
|
-
const n =
|
|
4467
|
+
const n = Jt(Ue.value);
|
|
4468
4468
|
if (n) {
|
|
4469
4469
|
const s = new Date(n.getTime());
|
|
4470
4470
|
if (s.setHours(0, 0, 0, 0), l < s)
|
|
4471
4471
|
return !0;
|
|
4472
4472
|
}
|
|
4473
|
-
const r =
|
|
4473
|
+
const r = Jt(ve.value);
|
|
4474
4474
|
if (r) {
|
|
4475
4475
|
const s = new Date(r.getTime());
|
|
4476
4476
|
if (s.setHours(0, 0, 0, 0), l > s)
|
|
4477
4477
|
return !0;
|
|
4478
4478
|
}
|
|
4479
4479
|
return !1;
|
|
4480
|
-
},
|
|
4481
|
-
const r = t * 3600 + l * 60 + n, s =
|
|
4480
|
+
}, Xt = (t, l, n = 0) => {
|
|
4481
|
+
const r = t * 3600 + l * 60 + n, s = Qt(Ue.value);
|
|
4482
4482
|
if (s) {
|
|
4483
4483
|
const f = s.hour * 3600 + s.minute * 60 + (s.second || 0);
|
|
4484
4484
|
if (r < f)
|
|
4485
4485
|
return !0;
|
|
4486
4486
|
}
|
|
4487
|
-
const d =
|
|
4487
|
+
const d = Qt(ve.value);
|
|
4488
4488
|
if (d) {
|
|
4489
4489
|
const f = d.hour * 3600 + d.minute * 60 + (d.second || 0);
|
|
4490
4490
|
if (r > f)
|
|
@@ -4523,10 +4523,10 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4523
4523
|
return n >= 1900 && n <= 2100 && r >= 1 && r <= 53;
|
|
4524
4524
|
}
|
|
4525
4525
|
return !1;
|
|
4526
|
-
},
|
|
4526
|
+
}, Bt = () => {
|
|
4527
4527
|
let t = !0;
|
|
4528
4528
|
if (S.value === null || S.value === void 0 || S.value === "") {
|
|
4529
|
-
t = !
|
|
4529
|
+
t = !Tt.value, h("valid", t);
|
|
4530
4530
|
return;
|
|
4531
4531
|
}
|
|
4532
4532
|
if (v.value === "date") {
|
|
@@ -4552,7 +4552,7 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4552
4552
|
const n = S.value.split(":");
|
|
4553
4553
|
if (n.length >= 2) {
|
|
4554
4554
|
const r = parseInt(n[0], 10) || 0, s = parseInt(n[1], 10) || 0, d = n[2] ? parseInt(n[2], 10) : 0;
|
|
4555
|
-
t = !
|
|
4555
|
+
t = !Xt(r, s, d);
|
|
4556
4556
|
}
|
|
4557
4557
|
} else if (v.value === "datetime-local") {
|
|
4558
4558
|
if (S.value, typeof S.value == "string") {
|
|
@@ -4572,14 +4572,14 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4572
4572
|
h("valid", !1);
|
|
4573
4573
|
return;
|
|
4574
4574
|
}
|
|
4575
|
-
if (
|
|
4576
|
-
const n =
|
|
4575
|
+
if (B.value) {
|
|
4576
|
+
const n = B.value.split("T");
|
|
4577
4577
|
if (n.length === 2) {
|
|
4578
4578
|
const r = n[0], s = n[1], d = !Ht(r), f = s.split(":");
|
|
4579
4579
|
let p = !0;
|
|
4580
4580
|
if (f.length >= 2) {
|
|
4581
|
-
const
|
|
4582
|
-
p = !
|
|
4581
|
+
const V = parseInt(f[0], 10) || 0, L = parseInt(f[1], 10) || 0, W = f[2] ? parseInt(f[2], 10) : 0;
|
|
4582
|
+
p = !Xt(V, L, W);
|
|
4583
4583
|
}
|
|
4584
4584
|
t = d && p;
|
|
4585
4585
|
}
|
|
@@ -4619,17 +4619,17 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4619
4619
|
} else if (l === "week")
|
|
4620
4620
|
return dt(t);
|
|
4621
4621
|
return "";
|
|
4622
|
-
},
|
|
4623
|
-
if (!
|
|
4622
|
+
}, ka = a(() => {
|
|
4623
|
+
if (!z.value)
|
|
4624
4624
|
return ea(Ue.value, v.value);
|
|
4625
|
-
}),
|
|
4626
|
-
if (!
|
|
4625
|
+
}), o = a(() => {
|
|
4626
|
+
if (!z.value)
|
|
4627
4627
|
return ea(ve.value, v.value);
|
|
4628
|
-
}),
|
|
4628
|
+
}), m = a(() => !0), Re = (t) => {
|
|
4629
4629
|
let l = "";
|
|
4630
4630
|
if (!t)
|
|
4631
4631
|
l = "";
|
|
4632
|
-
else if (
|
|
4632
|
+
else if (ke.value && typeof t == "object" && !(t instanceof Date)) {
|
|
4633
4633
|
if (t.startDate === null && t.endDate === null)
|
|
4634
4634
|
l = "";
|
|
4635
4635
|
else if (t.startDate || t.endDate) {
|
|
@@ -4643,40 +4643,40 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4643
4643
|
}
|
|
4644
4644
|
} else
|
|
4645
4645
|
v.value === "date" ? t instanceof Date ? l = dt(t) : typeof t == "string" && (l = t) : (v.value === "month" || v.value === "time" || v.value === "datetime-local" || v.value === "week") && (l = typeof t == "string" ? t : "");
|
|
4646
|
-
mt = !0,
|
|
4646
|
+
mt = !0, B.value = l;
|
|
4647
4647
|
const n = l ? ue(l, v.value) : "";
|
|
4648
4648
|
E.value = n, Z.value = n;
|
|
4649
|
-
},
|
|
4650
|
-
if (!
|
|
4651
|
-
|
|
4649
|
+
}, nt = () => {
|
|
4650
|
+
if (!z.value) {
|
|
4651
|
+
B.value = E.value;
|
|
4652
4652
|
return;
|
|
4653
4653
|
}
|
|
4654
|
-
|
|
4654
|
+
Le = !0;
|
|
4655
4655
|
const t = P.value ? {
|
|
4656
4656
|
start: P.value.selectionStart,
|
|
4657
4657
|
end: P.value.selectionEnd
|
|
4658
4658
|
} : null, l = E.value.trim();
|
|
4659
4659
|
if (!l || l.length === 0) {
|
|
4660
|
-
mt = !0,
|
|
4661
|
-
|
|
4660
|
+
mt = !0, B.value = "", E.value = "", Z.value = "", setTimeout(() => {
|
|
4661
|
+
Le = !1;
|
|
4662
4662
|
}, 50);
|
|
4663
4663
|
return;
|
|
4664
4664
|
}
|
|
4665
4665
|
if (v.value === "date") {
|
|
4666
|
-
const r =
|
|
4667
|
-
if (
|
|
4666
|
+
const r = ke.value ? /^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$|^\d{1,2}\/\d{1,2}\/\d{4}\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})?$/ : /^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/;
|
|
4667
|
+
if (ke.value) {
|
|
4668
4668
|
if (l.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})$/), l.length > 23 && !r.test(l)) {
|
|
4669
4669
|
E.value = Z.value, t && P.value && la(() => {
|
|
4670
4670
|
const s = Math.min(t.start, Z.value.length);
|
|
4671
4671
|
P.value.setSelectionRange(s, s);
|
|
4672
4672
|
}), setTimeout(() => {
|
|
4673
|
-
|
|
4673
|
+
Le = !1;
|
|
4674
4674
|
}, 50);
|
|
4675
4675
|
return;
|
|
4676
4676
|
}
|
|
4677
4677
|
if (!r.test(l) && l.length <= 23) {
|
|
4678
4678
|
setTimeout(() => {
|
|
4679
|
-
|
|
4679
|
+
Le = !1;
|
|
4680
4680
|
}, 50);
|
|
4681
4681
|
return;
|
|
4682
4682
|
}
|
|
@@ -4686,13 +4686,13 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4686
4686
|
const s = Math.min(t.start, Z.value.length);
|
|
4687
4687
|
P.value.setSelectionRange(s, s);
|
|
4688
4688
|
}), setTimeout(() => {
|
|
4689
|
-
|
|
4689
|
+
Le = !1;
|
|
4690
4690
|
}, 50);
|
|
4691
4691
|
return;
|
|
4692
4692
|
}
|
|
4693
4693
|
if (!r.test(l) && l.length <= 10) {
|
|
4694
4694
|
setTimeout(() => {
|
|
4695
|
-
|
|
4695
|
+
Le = !1;
|
|
4696
4696
|
}, 50);
|
|
4697
4697
|
return;
|
|
4698
4698
|
}
|
|
@@ -4700,13 +4700,13 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4700
4700
|
}
|
|
4701
4701
|
let n = null;
|
|
4702
4702
|
if (v.value === "date")
|
|
4703
|
-
if (
|
|
4703
|
+
if (ke.value)
|
|
4704
4704
|
if (l.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})$/))
|
|
4705
|
-
if (n = ut(l, v.value), n && n !==
|
|
4706
|
-
mt = !0,
|
|
4705
|
+
if (n = ut(l, v.value), n && n !== B.value)
|
|
4706
|
+
mt = !0, B.value = n, Z.value = l;
|
|
4707
4707
|
else {
|
|
4708
4708
|
setTimeout(() => {
|
|
4709
|
-
|
|
4709
|
+
Le = !1;
|
|
4710
4710
|
}, 50);
|
|
4711
4711
|
return;
|
|
4712
4712
|
}
|
|
@@ -4716,47 +4716,47 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4716
4716
|
const d = s[1], f = ut(d, v.value);
|
|
4717
4717
|
if (f) {
|
|
4718
4718
|
const p = JSON.stringify({ startDate: f, endDate: null });
|
|
4719
|
-
p !==
|
|
4719
|
+
p !== B.value && (mt = !0, B.value = p, Z.value = l);
|
|
4720
4720
|
} else {
|
|
4721
4721
|
Z.value = l, setTimeout(() => {
|
|
4722
|
-
|
|
4722
|
+
Le = !1;
|
|
4723
4723
|
}, 50);
|
|
4724
4724
|
return;
|
|
4725
4725
|
}
|
|
4726
4726
|
} else {
|
|
4727
4727
|
Z.value = l, setTimeout(() => {
|
|
4728
|
-
|
|
4728
|
+
Le = !1;
|
|
4729
4729
|
}, 50);
|
|
4730
4730
|
return;
|
|
4731
4731
|
}
|
|
4732
4732
|
} else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(l))
|
|
4733
4733
|
if (n = ut(l, v.value), n) {
|
|
4734
4734
|
const d = JSON.stringify({ startDate: n, endDate: null });
|
|
4735
|
-
d !==
|
|
4735
|
+
d !== B.value && (mt = !0, B.value = d, Z.value = l);
|
|
4736
4736
|
} else {
|
|
4737
4737
|
Z.value = l, setTimeout(() => {
|
|
4738
|
-
|
|
4738
|
+
Le = !1;
|
|
4739
4739
|
}, 50);
|
|
4740
4740
|
return;
|
|
4741
4741
|
}
|
|
4742
4742
|
else {
|
|
4743
4743
|
Z.value = l, setTimeout(() => {
|
|
4744
|
-
|
|
4744
|
+
Le = !1;
|
|
4745
4745
|
}, 50);
|
|
4746
4746
|
return;
|
|
4747
4747
|
}
|
|
4748
4748
|
else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(l))
|
|
4749
|
-
n = ut(l, v.value), n && n !==
|
|
4749
|
+
n = ut(l, v.value), n && n !== B.value && (mt = !0, B.value = n, Z.value = l);
|
|
4750
4750
|
else {
|
|
4751
4751
|
setTimeout(() => {
|
|
4752
|
-
|
|
4752
|
+
Le = !1;
|
|
4753
4753
|
}, 50);
|
|
4754
4754
|
return;
|
|
4755
4755
|
}
|
|
4756
4756
|
else
|
|
4757
|
-
n = ut(l, v.value), n && n !==
|
|
4757
|
+
n = ut(l, v.value), n && n !== B.value && (mt = !0, B.value = n, Z.value = l);
|
|
4758
4758
|
setTimeout(() => {
|
|
4759
|
-
|
|
4759
|
+
Le = !1;
|
|
4760
4760
|
}, 50);
|
|
4761
4761
|
}, Ba = (t) => {
|
|
4762
4762
|
h("changed-complete", t), h("current-value-complete", t);
|
|
@@ -4784,35 +4784,35 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4784
4784
|
if (!document.body.contains(l))
|
|
4785
4785
|
return;
|
|
4786
4786
|
const d = P.value && (l === P.value || P.value.contains(l)), f = n && (l === n || n.contains(l));
|
|
4787
|
-
!d && !f && (ne.value = !1, (!E.value || E.value.trim().length === 0) && (
|
|
4787
|
+
!d && !f && (ne.value = !1, (!E.value || E.value.trim().length === 0) && ($e.value = !1));
|
|
4788
4788
|
}, 50);
|
|
4789
4789
|
}, wa = () => {
|
|
4790
|
-
ne.value &&
|
|
4790
|
+
ne.value && z.value && Dt();
|
|
4791
4791
|
}, Da = () => {
|
|
4792
|
-
ne.value &&
|
|
4792
|
+
ne.value && z.value && (ne.value = !1);
|
|
4793
4793
|
};
|
|
4794
|
-
let
|
|
4794
|
+
let It = null, aa = null, qt = { top: 0, left: 0 };
|
|
4795
4795
|
const Ra = () => {
|
|
4796
|
-
if (!ne.value || !
|
|
4796
|
+
if (!ne.value || !z.value || !P.value)
|
|
4797
4797
|
return;
|
|
4798
4798
|
const t = 4, l = P.value.getBoundingClientRect(), n = `${l.bottom + t}px`, r = `${l.left}px`;
|
|
4799
|
-
(qt.top !== n || qt.left !== r) && (qt.top = n, qt.left = r,
|
|
4799
|
+
(qt.top !== n || qt.left !== r) && (qt.top = n, qt.left = r, $t.value = {
|
|
4800
4800
|
top: n,
|
|
4801
4801
|
left: r
|
|
4802
4802
|
}), aa = requestAnimationFrame(Ra);
|
|
4803
4803
|
}, _a = () => {
|
|
4804
|
-
if (!P.value || !
|
|
4804
|
+
if (!P.value || !z.value)
|
|
4805
4805
|
return;
|
|
4806
|
-
qt = { top: 0, left: 0 }, Ra(),
|
|
4807
|
-
ne.value &&
|
|
4808
|
-
}),
|
|
4806
|
+
qt = { top: 0, left: 0 }, Ra(), It = new ResizeObserver(() => {
|
|
4807
|
+
ne.value && Dt();
|
|
4808
|
+
}), It.observe(P.value);
|
|
4809
4809
|
const t = P.value.closest(".component");
|
|
4810
|
-
t &&
|
|
4810
|
+
t && It.observe(t);
|
|
4811
4811
|
}, Ma = () => {
|
|
4812
|
-
aa !== null && (cancelAnimationFrame(aa), aa = null),
|
|
4812
|
+
aa !== null && (cancelAnimationFrame(aa), aa = null), It && (It.disconnect(), It = null);
|
|
4813
4813
|
};
|
|
4814
4814
|
re(ne, (t) => {
|
|
4815
|
-
t &&
|
|
4815
|
+
t && z.value ? la(() => {
|
|
4816
4816
|
_a();
|
|
4817
4817
|
}) : Ma();
|
|
4818
4818
|
}), Aa(() => {
|
|
@@ -4832,33 +4832,33 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4832
4832
|
if (isNaN(s.getTime()))
|
|
4833
4833
|
t = "";
|
|
4834
4834
|
else {
|
|
4835
|
-
const d = s.getFullYear(), f = String(s.getMonth() + 1).padStart(2, "0"), p = String(s.getDate()).padStart(2, "0"),
|
|
4836
|
-
t = J.includes(":") && J.split(":").length >= 3 ? `${d}-${f}-${p}T${
|
|
4835
|
+
const d = s.getFullYear(), f = String(s.getMonth() + 1).padStart(2, "0"), p = String(s.getDate()).padStart(2, "0"), V = String(s.getHours()).padStart(2, "0"), L = String(s.getMinutes()).padStart(2, "0"), W = String(s.getSeconds()).padStart(2, "0"), J = ((l = S.value.split("T")[1]) == null ? void 0 : l.split(/[Z+-]/)[0]) || "";
|
|
4836
|
+
t = J.includes(":") && J.split(":").length >= 3 ? `${d}-${f}-${p}T${V}:${L}:${W}` : `${d}-${f}-${p}T${V}:${L}`;
|
|
4837
4837
|
}
|
|
4838
4838
|
} else
|
|
4839
4839
|
t = "";
|
|
4840
4840
|
} else
|
|
4841
4841
|
t = "";
|
|
4842
|
-
|
|
4843
|
-
|
|
4842
|
+
B.value = t, E.value = ue(S.value, v.value), document.addEventListener("click", ta, !1), window.addEventListener("scroll", wa, { capture: !0, passive: !0 }), window.addEventListener("resize", Da), la(() => {
|
|
4843
|
+
Bt();
|
|
4844
4844
|
});
|
|
4845
4845
|
}), Ya(() => {
|
|
4846
|
-
|
|
4846
|
+
Zt(), Ma(), document.removeEventListener("click", ta), window.removeEventListener("scroll", wa, { capture: !0, passive: !0 }), window.removeEventListener("resize", Da);
|
|
4847
4847
|
}), re(v, (t) => {
|
|
4848
4848
|
Y.value = t;
|
|
4849
4849
|
}, { immediate: !0 }), re(ot, () => {
|
|
4850
|
-
|
|
4850
|
+
B.value && z.value && (E.value = ue(B.value, v.value));
|
|
4851
4851
|
});
|
|
4852
4852
|
const Ha = (t) => dn(t, {
|
|
4853
4853
|
inputType: v.value,
|
|
4854
|
-
hasSeconds:
|
|
4855
|
-
allowRange:
|
|
4856
|
-
timezoneFormat:
|
|
4857
|
-
locale:
|
|
4854
|
+
hasSeconds: F.hasSeconds,
|
|
4855
|
+
allowRange: ke.value,
|
|
4856
|
+
timezoneFormat: F.calendarIsoStringTimezoneFormat,
|
|
4857
|
+
locale: F.calendarLocale
|
|
4858
4858
|
});
|
|
4859
4859
|
re(S, (t) => {
|
|
4860
4860
|
var l;
|
|
4861
|
-
if (t !==
|
|
4861
|
+
if (t !== B.value) {
|
|
4862
4862
|
let n = t;
|
|
4863
4863
|
if (v.value === "date")
|
|
4864
4864
|
n = _t(t);
|
|
@@ -4874,37 +4874,37 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4874
4874
|
if (isNaN(p.getTime()))
|
|
4875
4875
|
n = "";
|
|
4876
4876
|
else {
|
|
4877
|
-
const
|
|
4878
|
-
n = Pe.includes(":") && Pe.split(":").length >= 3 ? `${
|
|
4877
|
+
const V = p.getFullYear(), L = String(p.getMonth() + 1).padStart(2, "0"), W = String(p.getDate()).padStart(2, "0"), J = String(p.getHours()).padStart(2, "0"), Me = String(p.getMinutes()).padStart(2, "0"), ft = String(p.getSeconds()).padStart(2, "0"), Pe = ((l = t.split("T")[1]) == null ? void 0 : l.split(/[Z+-]/)[0]) || "";
|
|
4878
|
+
n = Pe.includes(":") && Pe.split(":").length >= 3 ? `${V}-${L}-${W}T${J}:${Me}:${ft}` : `${V}-${L}-${W}T${J}:${Me}`;
|
|
4879
4879
|
}
|
|
4880
4880
|
} else
|
|
4881
4881
|
n = "";
|
|
4882
4882
|
} else
|
|
4883
4883
|
n = "";
|
|
4884
|
-
|
|
4884
|
+
B.value = n;
|
|
4885
4885
|
const r = ue(t, v.value);
|
|
4886
4886
|
E.value = r, la(() => {
|
|
4887
|
-
|
|
4887
|
+
Bt();
|
|
4888
4888
|
}), Z.value = r;
|
|
4889
4889
|
const s = Ha(n);
|
|
4890
4890
|
s && (h("changed-complete", s), h("current-value-complete", s));
|
|
4891
4891
|
}
|
|
4892
4892
|
}, { immediate: !0 });
|
|
4893
|
-
let
|
|
4893
|
+
let Le = !1;
|
|
4894
4894
|
const qa = () => {
|
|
4895
|
-
|
|
4896
|
-
|
|
4895
|
+
Le = !0, setTimeout(() => {
|
|
4896
|
+
Le = !1;
|
|
4897
4897
|
}, 100);
|
|
4898
4898
|
};
|
|
4899
4899
|
let mt = !1;
|
|
4900
|
-
return re(() =>
|
|
4901
|
-
if (
|
|
4900
|
+
return re(() => B.value, (t) => {
|
|
4901
|
+
if (z.value && !mt && !Le) {
|
|
4902
4902
|
const l = ue(t, v.value);
|
|
4903
4903
|
l !== E.value && (E.value = l, Z.value = l);
|
|
4904
4904
|
}
|
|
4905
4905
|
mt = !1;
|
|
4906
|
-
}), re(
|
|
4907
|
-
if (se.value && (t = t.trim()),
|
|
4906
|
+
}), re(B, (t) => {
|
|
4907
|
+
if (se.value && (t = t.trim()), ke.value && typeof t == "string" && t.startsWith("{"))
|
|
4908
4908
|
try {
|
|
4909
4909
|
const l = JSON.parse(t);
|
|
4910
4910
|
if (l && (l.startDate || l.endDate)) {
|
|
@@ -4912,8 +4912,8 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4912
4912
|
if (!d)
|
|
4913
4913
|
return null;
|
|
4914
4914
|
if (/^\d{4}-\d{2}-\d{2}$/.test(d)) {
|
|
4915
|
-
const [f, p,
|
|
4916
|
-
return new Date(f, p - 1,
|
|
4915
|
+
const [f, p, V] = d.split("-").map(Number);
|
|
4916
|
+
return new Date(f, p - 1, V);
|
|
4917
4917
|
}
|
|
4918
4918
|
return new Date(d);
|
|
4919
4919
|
}, r = l.startDate ? n(l.startDate) : null, s = l.endDate ? n(l.endDate) : null;
|
|
@@ -4923,50 +4923,50 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4923
4923
|
} catch {
|
|
4924
4924
|
}
|
|
4925
4925
|
h("changed", t);
|
|
4926
|
-
}), re(
|
|
4926
|
+
}), re($e, (t) => {
|
|
4927
4927
|
h(t ? "focused" : "blurred");
|
|
4928
|
-
}), re(
|
|
4928
|
+
}), re(B, (t) => {
|
|
4929
4929
|
se.value && (t = t.trim()), h("current-value", t), la(() => {
|
|
4930
|
-
|
|
4930
|
+
Bt();
|
|
4931
4931
|
});
|
|
4932
4932
|
}), re([Ue, ve], () => {
|
|
4933
4933
|
la(() => {
|
|
4934
|
-
|
|
4934
|
+
Bt();
|
|
4935
4935
|
});
|
|
4936
4936
|
}), (t, l) => u(Q) ? (O(), K("div", $a({
|
|
4937
4937
|
key: 0,
|
|
4938
|
-
class: ["nb-wrapper",
|
|
4939
|
-
style: [
|
|
4938
|
+
class: ["nb-wrapper", kt.value],
|
|
4939
|
+
style: [wt.value, Gt.value, Ft.value],
|
|
4940
4940
|
role: "input"
|
|
4941
4941
|
}, i.value), [
|
|
4942
|
-
|
|
4942
|
+
xe("div", {
|
|
4943
4943
|
id: u(Q),
|
|
4944
|
-
class: Ye(["nb-reset", "component", fa.value,
|
|
4945
|
-
style: Ne([
|
|
4944
|
+
class: Ye(["nb-reset", "component", fa.value, va.value, Kt.value, da.value]),
|
|
4945
|
+
style: Ne([N.value, Gt.value, Ft.value]),
|
|
4946
4946
|
onClick: ga
|
|
4947
4947
|
}, [
|
|
4948
4948
|
u(Ie) ? (O(), K("label", {
|
|
4949
4949
|
key: 0,
|
|
4950
|
-
for:
|
|
4950
|
+
for: zt.value,
|
|
4951
4951
|
class: "component__label",
|
|
4952
|
-
style: Ne([
|
|
4952
|
+
style: Ne([je.value]),
|
|
4953
4953
|
onClick: ya
|
|
4954
4954
|
}, [
|
|
4955
|
-
jt(
|
|
4956
|
-
u(
|
|
4955
|
+
jt(Rt(u(b)), 1),
|
|
4956
|
+
u(Tt) ? (O(), K("span", vn, "*")) : ye("", !0)
|
|
4957
4957
|
], 12, fn)) : ye("", !0),
|
|
4958
|
-
Pa(
|
|
4958
|
+
Pa(xe("input", {
|
|
4959
4959
|
ref_key: "inputRef",
|
|
4960
4960
|
ref: P,
|
|
4961
4961
|
"onUpdate:modelValue": l[0] || (l[0] = (n) => E.value = n),
|
|
4962
|
-
onInput:
|
|
4962
|
+
onInput: nt,
|
|
4963
4963
|
onKeydown: [
|
|
4964
4964
|
qa,
|
|
4965
4965
|
l[1] || (l[1] = na((n) => !u($) && u(D) && ba(), ["enter"]))
|
|
4966
4966
|
],
|
|
4967
|
-
id:
|
|
4968
|
-
name:
|
|
4969
|
-
type:
|
|
4967
|
+
id: zt.value,
|
|
4968
|
+
name: zt.value,
|
|
4969
|
+
type: z.value ? "text" : Y.value,
|
|
4970
4970
|
class: Ye(["component__input", [
|
|
4971
4971
|
pa.value,
|
|
4972
4972
|
ca.value,
|
|
@@ -4974,54 +4974,54 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
4974
4974
|
]]),
|
|
4975
4975
|
placeholder: c.value,
|
|
4976
4976
|
disabled: u($) || u(j),
|
|
4977
|
-
required: u(
|
|
4978
|
-
readonly:
|
|
4977
|
+
required: u(Tt),
|
|
4978
|
+
readonly: m.value,
|
|
4979
4979
|
autocomplete: e.inputAutocomplete,
|
|
4980
|
-
min:
|
|
4981
|
-
max:
|
|
4982
|
-
step:
|
|
4983
|
-
tabindex: u($) || u(j) ? -1 : u(
|
|
4980
|
+
min: ka.value,
|
|
4981
|
+
max: o.value,
|
|
4982
|
+
step: z.value ? void 0 : u(vt),
|
|
4983
|
+
tabindex: u($) || u(j) ? -1 : u(xt),
|
|
4984
4984
|
role: "input",
|
|
4985
|
-
style: Ne([
|
|
4985
|
+
style: Ne([Ft.value]),
|
|
4986
4986
|
onFocus: Sa,
|
|
4987
4987
|
onBlur: xa,
|
|
4988
4988
|
onClick: Ca,
|
|
4989
4989
|
onPaste: ma
|
|
4990
4990
|
}, null, 46, pn), [
|
|
4991
|
-
[
|
|
4991
|
+
[ml, E.value]
|
|
4992
4992
|
])
|
|
4993
4993
|
], 14, cn),
|
|
4994
|
-
|
|
4994
|
+
Ot.value ? (O(), K("div", {
|
|
4995
4995
|
key: 0,
|
|
4996
4996
|
class: Ye(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
|
|
4997
4997
|
}, [
|
|
4998
4998
|
La(t.$slots, "message", {}, () => [
|
|
4999
|
-
jt(
|
|
4999
|
+
jt(Rt(e.message), 1)
|
|
5000
5000
|
], !0)
|
|
5001
5001
|
], 2)) : ye("", !0),
|
|
5002
5002
|
(O(), Ll(Al, { to: "body" }, [
|
|
5003
|
-
|
|
5003
|
+
z.value && ne.value ? (O(), K("div", {
|
|
5004
5004
|
key: 0,
|
|
5005
5005
|
ref_key: "calendarRef",
|
|
5006
5006
|
ref: U,
|
|
5007
5007
|
class: "datepicker__custom-calendar-wrapper",
|
|
5008
5008
|
style: Ne(ha.value),
|
|
5009
|
-
onClick: l[4] || (l[4] = Ia((n) =>
|
|
5010
|
-
onMousedown: l[5] || (l[5] = Ia((n) =>
|
|
5009
|
+
onClick: l[4] || (l[4] = Ia((n) => M.value = !0, ["stop"])),
|
|
5010
|
+
onMousedown: l[5] || (l[5] = Ia((n) => M.value = !0, ["stop"]))
|
|
5011
5011
|
}, [
|
|
5012
5012
|
$l(u(g), {
|
|
5013
5013
|
"nb-id": `${u(Q)}-calendar`,
|
|
5014
|
-
value:
|
|
5014
|
+
value: At.value,
|
|
5015
5015
|
"input-type": u(v),
|
|
5016
|
-
"has-seconds":
|
|
5016
|
+
"has-seconds": we.value,
|
|
5017
5017
|
min: u(Ue),
|
|
5018
5018
|
max: u(ve),
|
|
5019
5019
|
step: u(vt),
|
|
5020
5020
|
disabled: u($),
|
|
5021
|
-
width:
|
|
5021
|
+
width: Wt.value,
|
|
5022
5022
|
locale: u(ot),
|
|
5023
5023
|
theme: u(ze),
|
|
5024
|
-
"allow-range": u(
|
|
5024
|
+
"allow-range": u(ke),
|
|
5025
5025
|
"block-clicks-without-events": u(St),
|
|
5026
5026
|
"font-family": e.calendarFontFamily,
|
|
5027
5027
|
"font-size": e.calendarFontSize,
|
|
@@ -5081,18 +5081,18 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
5081
5081
|
"clear-button-title": e.calendarClearButtonTitle,
|
|
5082
5082
|
"clear-button-symbol": e.calendarClearButtonSymbol,
|
|
5083
5083
|
"iso-string-timezone-format": e.calendarIsoStringTimezoneFormat,
|
|
5084
|
-
onChanged:
|
|
5084
|
+
onChanged: Re,
|
|
5085
5085
|
onDateSelected: Ba,
|
|
5086
5086
|
onMonthChanged: Ta,
|
|
5087
5087
|
onValid: Va,
|
|
5088
|
-
onMousedown: l[2] || (l[2] = (n) =>
|
|
5089
|
-
onClick: l[3] || (l[3] = (n) =>
|
|
5088
|
+
onMousedown: l[2] || (l[2] = (n) => M.value = !0),
|
|
5089
|
+
onClick: l[3] || (l[3] = (n) => M.value = !0)
|
|
5090
5090
|
}, null, 8, ["nb-id", "value", "input-type", "has-seconds", "min", "max", "step", "disabled", "width", "locale", "theme", "allow-range", "block-clicks-without-events", "font-family", "font-size", "font-weight", "primary-color", "selection-color", "event-color", "today-color", "hover-text-color", "normal-text-color", "month-year-item-bg", "month-year-item-bg-hover", "day-hover-bg", "day-hover-text-color", "time-display-text-color", "time-edit-button-bg", "time-edit-button-text-color", "time-edit-button-bg-hover", "time-edit-button-text-color-hover", "time-edit-button-font-family", "time-edit-button-font-size", "time-edit-button-padding", "time-edit-button-border-radius", "time-edit-button-font-weight", "time-edit-button-border", "time-edit-button-text", "today-button-bg", "today-button-text-color", "today-button-bg-hover", "today-button-text-color-hover", "today-button-font-family", "today-button-font-size", "today-button-padding", "today-button-border-radius", "today-button-font-weight", "today-button-border", "today-button-text", "now-button-text", "show-clear-button", "show-today-button", "clear-button-keep-current-month", "start-week-on-monday", "edit-range", "max-range-days", "min-year", "max-year", "go-to-date", "is-required", "width-full", "border-radius", "scroll-class", "events", "select-month-text", "select-year-text", "select-time-text", "time-display-label-text", "clear-button-title", "clear-button-symbol", "iso-string-timezone-format"])
|
|
5091
5091
|
], 36)) : ye("", !0)
|
|
5092
5092
|
]))
|
|
5093
5093
|
], 16)) : ye("", !0);
|
|
5094
5094
|
}
|
|
5095
|
-
}), yn = /* @__PURE__ */ Oa(gn, [["__scopeId", "data-v-8c15f0f4"]]),
|
|
5095
|
+
}), yn = /* @__PURE__ */ Oa(gn, [["__scopeId", "data-v-8c15f0f4"]]), pl = {
|
|
5096
5096
|
NbInputRadio: Nl,
|
|
5097
5097
|
NbInputCheckbox: El,
|
|
5098
5098
|
NbInput: Kl,
|
|
@@ -5101,9 +5101,9 @@ const cn = ["id"], fn = ["for"], vn = {
|
|
|
5101
5101
|
NbDatePicker: yn
|
|
5102
5102
|
}, mn = {
|
|
5103
5103
|
install(e) {
|
|
5104
|
-
for (const y in
|
|
5105
|
-
if (Object.prototype.hasOwnProperty.call(
|
|
5106
|
-
const g =
|
|
5104
|
+
for (const y in pl)
|
|
5105
|
+
if (Object.prototype.hasOwnProperty.call(pl, y)) {
|
|
5106
|
+
const g = pl[y];
|
|
5107
5107
|
e.component(g.name, g);
|
|
5108
5108
|
}
|
|
5109
5109
|
}
|