@vlalg-nimbus/nb-inputs 8.0.15 → 8.0.16
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 +802 -787
- package/dist/nb-inputs.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/nb-inputs.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { useCssVars as fa, onMounted as sa, ref as
|
|
1
|
+
import { useCssVars as fa, onMounted as sa, ref as J, toRefs as va, computed as a, watch as H, openBlock as F, createElementBlock as q, normalizeClass as We, normalizeStyle as Ee, createElementVNode as ve, mergeProps as da, Fragment as qa, renderList as ja, unref as o, withDirectives as pa, vModelRadio as nl, withKeys as qt, withModifiers as ca, toDisplayString as Ct, createCommentVNode as Be, vModelCheckbox as ol, onUnmounted as ma, renderSlot as ia, createTextVNode as ga, vModelDynamic as Ha, vModelText as Ua, defineAsyncComponent as ul, nextTick as ya, createBlock as rl, Teleport as il, createVNode as sl } from "vue";
|
|
2
2
|
const ba = (e, m) => {
|
|
3
3
|
const C = e.__vccOpts || e;
|
|
4
4
|
for (const [E, D] of m)
|
|
5
5
|
C[E] = D;
|
|
6
6
|
return C;
|
|
7
|
-
},
|
|
7
|
+
}, dl = ["id"], cl = ["id", "disabled", "value", "name"], fl = ["for", "tabindex"], vl = /* @__PURE__ */ Object.assign({
|
|
8
8
|
name: "NbInputRadio",
|
|
9
9
|
inheritAttrs: !1
|
|
10
10
|
}, {
|
|
@@ -157,25 +157,25 @@ const ba = (e, m) => {
|
|
|
157
157
|
"50426c15": ct.value,
|
|
158
158
|
"5fa7628c": dt.value,
|
|
159
159
|
"5949c3d2": Te.value,
|
|
160
|
-
91322790:
|
|
161
|
-
"6750fc92":
|
|
162
|
-
"8c592938":
|
|
160
|
+
91322790: Qe.value,
|
|
161
|
+
"6750fc92": tt.value,
|
|
162
|
+
"8c592938": bt.value,
|
|
163
163
|
c11d4680: st.value,
|
|
164
|
-
"35b74fa6":
|
|
164
|
+
"35b74fa6": at.value,
|
|
165
165
|
"7dd5f889": Se.value,
|
|
166
|
-
"5cb21b36":
|
|
166
|
+
"5cb21b36": gt.value
|
|
167
167
|
})), sa(() => {
|
|
168
|
-
|
|
168
|
+
Je();
|
|
169
169
|
});
|
|
170
|
-
const C = m, E = e, D =
|
|
170
|
+
const C = m, E = e, D = J(null), {
|
|
171
171
|
ariaLabel: Ve,
|
|
172
172
|
ariaAttrs: pe,
|
|
173
173
|
currentOption: Ae,
|
|
174
174
|
valueType: ke,
|
|
175
175
|
display: se,
|
|
176
|
-
options:
|
|
176
|
+
options: X,
|
|
177
177
|
theme: Pe,
|
|
178
|
-
lightTextColor:
|
|
178
|
+
lightTextColor: $e,
|
|
179
179
|
lightColor: ne,
|
|
180
180
|
lightColorHover: U,
|
|
181
181
|
darkTextColor: w,
|
|
@@ -186,74 +186,74 @@ const ba = (e, m) => {
|
|
|
186
186
|
itemGap: ce,
|
|
187
187
|
internalGap: P,
|
|
188
188
|
scale: be,
|
|
189
|
-
disabled:
|
|
189
|
+
disabled: Z,
|
|
190
190
|
fontFamily: Ce,
|
|
191
191
|
fontSize: ge,
|
|
192
192
|
fontWeight: xe
|
|
193
|
-
} = va(E),
|
|
194
|
-
const y =
|
|
193
|
+
} = va(E), $ = a(() => {
|
|
194
|
+
const y = Z.value ? "component-disabled" : "", V = se.value !== "b" ? "inline-block" : "block", ue = Ce.value ? Ce.value : "'Lato', sans-serif", ee = ge.value ? ge.value : "1.6em", me = xe.value !== 0 && !xe.value || xe.value < 0 ? 200 : xe.value, Re = [!1, !0].includes(G.value) ? G.value : !1, Ke = [!1, !0].includes(Le.value) ? Le.value : !1, re = ce.value !== 0 && !ce.value || ce.value < 0 ? 15 : ce.value, d = P.value !== 0 && !P.value || P.value < 0 ? 6 : P.value, b = be.value !== 0 && !be.value || be.value < 0 ? 1 : be.value;
|
|
195
195
|
return {
|
|
196
196
|
disabled: y,
|
|
197
197
|
display: V,
|
|
198
198
|
hoverEffect: Re,
|
|
199
|
-
activeHoverEffect:
|
|
199
|
+
activeHoverEffect: Ke,
|
|
200
200
|
itemGap: re,
|
|
201
|
-
internalGap:
|
|
201
|
+
internalGap: d,
|
|
202
202
|
scale: b,
|
|
203
203
|
font: ue,
|
|
204
|
-
fontSize:
|
|
204
|
+
fontSize: ee,
|
|
205
205
|
fontWeight: me
|
|
206
206
|
};
|
|
207
|
-
}), L = a(() =>
|
|
208
|
-
display:
|
|
209
|
-
})),
|
|
210
|
-
const y =
|
|
207
|
+
}), L = a(() => $.value.disabled), x = a(() => ({
|
|
208
|
+
display: $.value.display
|
|
209
|
+
})), _e = a(() => $.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), je = a(() => {
|
|
210
|
+
const y = $.value;
|
|
211
211
|
return {
|
|
212
212
|
fontSize: y.fontSize,
|
|
213
213
|
fontWeight: y.fontWeight
|
|
214
214
|
};
|
|
215
|
-
}), we = a(() => Array.isArray(
|
|
216
|
-
const V =
|
|
215
|
+
}), we = a(() => Array.isArray(X.value) && X.value.constructor === Array && X.value.length > 0), et = a(() => Pe.value === "dark" ? "component__theme--dark" : "component__theme--light"), ye = a(() => $.value.font), tt = a(() => $e.value), bt = a(() => ne.value), Qe = a(() => $.value.hoverEffect ? U.value : ne.value), Te = a(() => $.value.activeHoverEffect ? U.value : ne.value), Se = a(() => w.value), gt = a(() => oe.value), at = a(() => $.value.hoverEffect ? de.value : oe.value), st = a(() => $.value.activeHoverEffect ? de.value : oe.value), dt = a(() => {
|
|
216
|
+
const V = $.value.internalGap;
|
|
217
217
|
return !V || V < 0 ? 0 : `${V}px`;
|
|
218
218
|
}), ct = a(() => {
|
|
219
|
-
const V =
|
|
219
|
+
const V = $.value.itemGap;
|
|
220
220
|
return !V || V < 0 ? 0 : `${V}px`;
|
|
221
|
-
}),
|
|
222
|
-
zoom:
|
|
223
|
-
})),
|
|
221
|
+
}), He = a(() => ({
|
|
222
|
+
zoom: $.value.scale
|
|
223
|
+
})), Ue = a(() => {
|
|
224
224
|
const y = {};
|
|
225
|
-
pe.value && Object.keys(pe.value).forEach((
|
|
225
|
+
pe.value && Object.keys(pe.value).forEach((ee) => y[`aria-${ee}`] = pe.value[ee]);
|
|
226
226
|
const V = {
|
|
227
227
|
"aria-label": Ve.value,
|
|
228
|
-
"aria-disabled":
|
|
228
|
+
"aria-disabled": Z.value,
|
|
229
229
|
...y
|
|
230
230
|
};
|
|
231
231
|
return Object.fromEntries(
|
|
232
|
-
Object.entries(V).filter(([ue,
|
|
232
|
+
Object.entries(V).filter(([ue, ee]) => ee != null)
|
|
233
233
|
);
|
|
234
|
-
}),
|
|
234
|
+
}), Je = () => {
|
|
235
235
|
const y = Ae.value;
|
|
236
236
|
y && ["string"].includes(ke.value) ? D.value = y.toString().toLowerCase() : D.value = y;
|
|
237
|
-
},
|
|
237
|
+
}, Ge = () => {
|
|
238
238
|
C("clicked");
|
|
239
239
|
};
|
|
240
240
|
return H(Ae, (y, V) => {
|
|
241
|
-
y !== V &&
|
|
241
|
+
y !== V && Je();
|
|
242
242
|
}), H(D, (y, V) => {
|
|
243
243
|
y !== V && (C("current-value", y), C("changed", y));
|
|
244
244
|
}), (y, V) => e.nbId && we.value ? (F(), q("div", {
|
|
245
245
|
key: 0,
|
|
246
246
|
class: We(["nb-wrapper", L.value]),
|
|
247
|
-
style: Ee([x.value,
|
|
247
|
+
style: Ee([x.value, He.value])
|
|
248
248
|
}, [
|
|
249
249
|
ve("div", da({
|
|
250
250
|
id: e.nbId,
|
|
251
251
|
role: "radiogroup"
|
|
252
|
-
},
|
|
253
|
-
class: ["nb-reset", "component",
|
|
252
|
+
}, Ue.value, {
|
|
253
|
+
class: ["nb-reset", "component", _e.value, et.value]
|
|
254
254
|
}), [
|
|
255
|
-
(F(!0), q(qa, null, ja(o(
|
|
256
|
-
key:
|
|
255
|
+
(F(!0), q(qa, null, ja(o(X), (ue, ee) => (F(), q("div", {
|
|
256
|
+
key: ee,
|
|
257
257
|
class: "component-radio__item"
|
|
258
258
|
}, [
|
|
259
259
|
pa(ve("input", {
|
|
@@ -261,33 +261,33 @@ const ba = (e, m) => {
|
|
|
261
261
|
"onUpdate:modelValue": V[0] || (V[0] = (me) => D.value = me),
|
|
262
262
|
type: "radio",
|
|
263
263
|
class: "component-radio__item--input",
|
|
264
|
-
disabled: o(
|
|
264
|
+
disabled: o(Z),
|
|
265
265
|
value: ue.value,
|
|
266
266
|
name: e.groupName,
|
|
267
|
-
onClick:
|
|
268
|
-
}, null, 8,
|
|
269
|
-
[
|
|
267
|
+
onClick: Ge
|
|
268
|
+
}, null, 8, cl), [
|
|
269
|
+
[nl, D.value]
|
|
270
270
|
]),
|
|
271
271
|
ve("label", {
|
|
272
272
|
for: `${e.nbId}-${ue.value}`,
|
|
273
|
-
tabindex: o(
|
|
273
|
+
tabindex: o(Z) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[ee] : e.tabIndex >= 0 ? e.tabIndex : ee + 1,
|
|
274
274
|
class: "component-radio__item--label",
|
|
275
275
|
onKeydown: [
|
|
276
|
-
V[1] || (V[1] = qt(ca((me) => !o(
|
|
277
|
-
V[2] || (V[2] = qt(ca((me) => !o(
|
|
276
|
+
V[1] || (V[1] = qt(ca((me) => !o(Z) && e.hasTabIndexEnter && me.target.click(), ["prevent"]), ["enter"])),
|
|
277
|
+
V[2] || (V[2] = qt(ca((me) => !o(Z) && e.hasTabIndexSpace && me.target.click(), ["prevent"]), ["space"]))
|
|
278
278
|
]
|
|
279
279
|
}, [
|
|
280
280
|
V[3] || (V[3] = ve("div", null, null, -1)),
|
|
281
281
|
ve("span", {
|
|
282
|
-
style: Ee([
|
|
283
|
-
},
|
|
284
|
-
], 40,
|
|
282
|
+
style: Ee([je.value])
|
|
283
|
+
}, Ct(ue.text), 5)
|
|
284
|
+
], 40, fl)
|
|
285
285
|
]))), 128))
|
|
286
|
-
], 16,
|
|
286
|
+
], 16, dl)
|
|
287
287
|
], 6)) : Be("", !0);
|
|
288
288
|
}
|
|
289
|
-
}),
|
|
290
|
-
const
|
|
289
|
+
}), pl = /* @__PURE__ */ ba(vl, [["__scopeId", "data-v-a95f65ea"]]);
|
|
290
|
+
const bl = ["id"], gl = ["id", "disabled", "value", "name"], yl = ["for", "tabindex"], ml = /* @__PURE__ */ Object.assign({
|
|
291
291
|
name: "NbInputCheckbox",
|
|
292
292
|
inheritAttrs: !1
|
|
293
293
|
}, {
|
|
@@ -448,34 +448,34 @@ const pl = ["id"], bl = ["id", "disabled", "value", "name"], gl = ["for", "tabin
|
|
|
448
448
|
},
|
|
449
449
|
emits: ["current-value", "changed", "clicked"],
|
|
450
450
|
setup(e, { emit: m }) {
|
|
451
|
-
fa((
|
|
452
|
-
"49e2c63f":
|
|
451
|
+
fa((d) => ({
|
|
452
|
+
"49e2c63f": bt.value,
|
|
453
453
|
"107babaa": ue.value,
|
|
454
454
|
"3c7cc5ce": V.value,
|
|
455
455
|
"16d311d0": y.value,
|
|
456
|
-
"3f8b2f30":
|
|
456
|
+
"3f8b2f30": gt.value,
|
|
457
457
|
"53078d64": Se.value,
|
|
458
|
-
"537834e6":
|
|
458
|
+
"537834e6": at.value,
|
|
459
459
|
fbc86ee4: Te.value,
|
|
460
|
-
"517939e1":
|
|
461
|
-
"3faff29d":
|
|
462
|
-
"302ecd6a":
|
|
460
|
+
"517939e1": Qe.value,
|
|
461
|
+
"3faff29d": Ge.value,
|
|
462
|
+
"302ecd6a": He.value,
|
|
463
463
|
"8a4df060": ct.value,
|
|
464
|
-
"0a99dbe2":
|
|
464
|
+
"0a99dbe2": Ue.value,
|
|
465
465
|
d6971e68: dt.value,
|
|
466
466
|
ca30d9c2: st.value
|
|
467
467
|
})), sa(() => {
|
|
468
|
-
|
|
468
|
+
Ke();
|
|
469
469
|
});
|
|
470
|
-
const C = m, E = e, D =
|
|
470
|
+
const C = m, E = e, D = J(null), {
|
|
471
471
|
ariaLabel: Ve,
|
|
472
472
|
ariaAttrs: pe,
|
|
473
473
|
currentOption: Ae,
|
|
474
474
|
display: ke,
|
|
475
475
|
options: se,
|
|
476
|
-
theme:
|
|
476
|
+
theme: X,
|
|
477
477
|
lightTextColor: Pe,
|
|
478
|
-
lightColor:
|
|
478
|
+
lightColor: $e,
|
|
479
479
|
lightColorHover: ne,
|
|
480
480
|
darkTextColor: U,
|
|
481
481
|
darkColor: w,
|
|
@@ -486,89 +486,89 @@ const pl = ["id"], bl = ["id", "disabled", "value", "name"], gl = ["for", "tabin
|
|
|
486
486
|
itemGap: ce,
|
|
487
487
|
internalGap: P,
|
|
488
488
|
scale: be,
|
|
489
|
-
type:
|
|
489
|
+
type: Z,
|
|
490
490
|
background: Ce,
|
|
491
491
|
disabled: ge,
|
|
492
492
|
fontFamily: xe,
|
|
493
|
-
fontSize:
|
|
493
|
+
fontSize: $,
|
|
494
494
|
fontWeight: L
|
|
495
495
|
} = va(E), x = a(() => {
|
|
496
|
-
const
|
|
496
|
+
const d = ge.value ? "component-disabled" : "", b = ke.value !== "b" ? "inline-block" : "block", fe = xe.value ? xe.value : "'Lato', sans-serif", K = $.value ? $.value : "1.6em", te = L.value !== 0 && !L.value || L.value < 0 ? 200 : L.value, Me = de.value !== 0 && !de.value || de.value < 0 ? 0 : de.value, ze = [!1, !0].includes(G.value) ? G.value : !1, Fe = [!1, !0].includes(Le.value) ? Le.value : !1, Ye = ce.value !== 0 && !ce.value || ce.value < 0 ? 15 : ce.value, Xe = P.value !== 0 && !P.value || P.value < 0 ? 6 : P.value, lt = ["box", "circle"].includes(Z.value) ? Z.value : "box", nt = be.value !== 0 && !be.value || be.value < 0 ? 1 : be.value, ft = [!1, !0].includes(Ce.value) ? Ce.value : !1;
|
|
497
497
|
return {
|
|
498
|
-
disabled:
|
|
498
|
+
disabled: d,
|
|
499
499
|
display: b,
|
|
500
500
|
boxRadius: Me,
|
|
501
501
|
hoverEffect: ze,
|
|
502
502
|
activeHoverEffect: Fe,
|
|
503
|
-
itemGap:
|
|
504
|
-
internalGap:
|
|
505
|
-
scale:
|
|
506
|
-
type:
|
|
503
|
+
itemGap: Ye,
|
|
504
|
+
internalGap: Xe,
|
|
505
|
+
scale: nt,
|
|
506
|
+
type: lt,
|
|
507
507
|
font: fe,
|
|
508
508
|
background: ft,
|
|
509
509
|
fontSize: K,
|
|
510
|
-
fontWeight:
|
|
510
|
+
fontWeight: te
|
|
511
511
|
};
|
|
512
|
-
}),
|
|
512
|
+
}), _e = a(() => x.value.disabled), je = a(() => ({
|
|
513
513
|
display: x.value.display
|
|
514
|
-
})), we = a(() => x.value.display === "inline-block" ? "component-checkbox__item--display-inline" : "component-checkbox__item--display-block"),
|
|
515
|
-
const
|
|
514
|
+
})), we = a(() => x.value.display === "inline-block" ? "component-checkbox__item--display-inline" : "component-checkbox__item--display-block"), et = a(() => {
|
|
515
|
+
const d = x.value;
|
|
516
516
|
return {
|
|
517
|
-
fontSize:
|
|
518
|
-
fontWeight:
|
|
517
|
+
fontSize: d.fontSize,
|
|
518
|
+
fontWeight: d.fontWeight
|
|
519
519
|
};
|
|
520
|
-
}), ye = a(() => Array.isArray(se.value) && se.value.constructor === Array && se.value.length > 0),
|
|
521
|
-
const
|
|
522
|
-
return
|
|
523
|
-
}), st = a(() => U.value), dt = a(() => w.value), ct = a(() => x.value.hoverEffect ? oe.value : w.value),
|
|
524
|
-
const
|
|
525
|
-
return
|
|
526
|
-
}),
|
|
527
|
-
const
|
|
528
|
-
return
|
|
520
|
+
}), ye = a(() => Array.isArray(se.value) && se.value.constructor === Array && se.value.length > 0), tt = a(() => X.value === "dark" ? "component__theme--dark" : "component__theme--light"), bt = a(() => x.value.font), Qe = a(() => Pe.value), Te = a(() => $e.value), Se = a(() => x.value.hoverEffect ? ne.value : $e.value), gt = a(() => x.value.activeHoverEffect ? ne.value : $e.value), at = a(() => {
|
|
521
|
+
const d = x.value;
|
|
522
|
+
return d.activeHoverEffect && d.background ? `${ne.value}80` : ne.value;
|
|
523
|
+
}), st = a(() => U.value), dt = a(() => w.value), ct = a(() => x.value.hoverEffect ? oe.value : w.value), He = a(() => x.value.activeHoverEffect ? oe.value : w.value), Ue = a(() => {
|
|
524
|
+
const d = x.value;
|
|
525
|
+
return d.activeHoverEffect && d.background ? `${oe.value}80` : oe.value;
|
|
526
|
+
}), Je = a(() => x.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"), Ge = a(() => {
|
|
527
|
+
const d = x.value, b = X.value === "dark" ? U.value : Pe.value;
|
|
528
|
+
return d.background ? "#ffffff" : b;
|
|
529
529
|
});
|
|
530
530
|
a(() => x.value.background ? "19px" : "auto");
|
|
531
531
|
const y = a(() => {
|
|
532
532
|
const b = x.value.internalGap;
|
|
533
533
|
return !b || b < 0 ? 0 : `${b}px`;
|
|
534
534
|
}), V = a(() => {
|
|
535
|
-
const
|
|
536
|
-
return `${
|
|
535
|
+
const d = x.value;
|
|
536
|
+
return `${d.boxRadius > 7 ? 7 : d.boxRadius}px`;
|
|
537
537
|
}), ue = a(() => {
|
|
538
538
|
const b = x.value.itemGap;
|
|
539
539
|
return !b || b < 0 ? 0 : `${b}px`;
|
|
540
|
-
}),
|
|
540
|
+
}), ee = a(() => x.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), me = a(() => ({
|
|
541
541
|
zoom: x.value.scale
|
|
542
542
|
})), Re = a(() => {
|
|
543
|
-
const
|
|
544
|
-
pe.value && Object.keys(pe.value).forEach((K) =>
|
|
543
|
+
const d = {};
|
|
544
|
+
pe.value && Object.keys(pe.value).forEach((K) => d[`aria-${K}`] = pe.value[K]);
|
|
545
545
|
const b = {
|
|
546
546
|
"aria-label": Ve.value,
|
|
547
547
|
"aria-disabled": ge.value,
|
|
548
|
-
...
|
|
548
|
+
...d
|
|
549
549
|
};
|
|
550
550
|
return Object.fromEntries(
|
|
551
551
|
Object.entries(b).filter(([fe, K]) => K != null)
|
|
552
552
|
);
|
|
553
|
-
}),
|
|
553
|
+
}), Ke = () => {
|
|
554
554
|
D.value = Ae.value;
|
|
555
555
|
}, re = () => {
|
|
556
556
|
C("clicked");
|
|
557
557
|
};
|
|
558
|
-
return H(Ae, (
|
|
559
|
-
|
|
560
|
-
}), H(D, (
|
|
561
|
-
|
|
562
|
-
}), (
|
|
558
|
+
return H(Ae, (d, b) => {
|
|
559
|
+
d !== b && Ke();
|
|
560
|
+
}), H(D, (d, b) => {
|
|
561
|
+
d !== b && (C("current-value", d), C("changed", d));
|
|
562
|
+
}), (d, b) => e.nbId && ye.value ? (F(), q("div", {
|
|
563
563
|
key: 0,
|
|
564
|
-
class: We(["nb-wrapper",
|
|
565
|
-
style: Ee([
|
|
564
|
+
class: We(["nb-wrapper", _e.value]),
|
|
565
|
+
style: Ee([je.value, me.value])
|
|
566
566
|
}, [
|
|
567
567
|
ve("div", da({
|
|
568
568
|
id: e.nbId,
|
|
569
569
|
role: "group"
|
|
570
570
|
}, Re.value, {
|
|
571
|
-
class: ["nb-reset", "component", we.value,
|
|
571
|
+
class: ["nb-reset", "component", we.value, tt.value]
|
|
572
572
|
}), [
|
|
573
573
|
(F(!0), q(qa, null, ja(o(se), (fe, K) => (F(), q("div", {
|
|
574
574
|
key: K,
|
|
@@ -576,38 +576,38 @@ const pl = ["id"], bl = ["id", "disabled", "value", "name"], gl = ["for", "tabin
|
|
|
576
576
|
}, [
|
|
577
577
|
pa(ve("input", {
|
|
578
578
|
id: `${e.nbId}-${fe.value}`,
|
|
579
|
-
"onUpdate:modelValue": b[0] || (b[0] = (
|
|
579
|
+
"onUpdate:modelValue": b[0] || (b[0] = (te) => D.value = te),
|
|
580
580
|
type: "checkbox",
|
|
581
581
|
class: "component-checkbox__item--input",
|
|
582
582
|
disabled: o(ge),
|
|
583
583
|
value: fe.value,
|
|
584
584
|
name: e.groupName,
|
|
585
585
|
onClick: re
|
|
586
|
-
}, null, 8,
|
|
587
|
-
[
|
|
586
|
+
}, null, 8, gl), [
|
|
587
|
+
[ol, D.value]
|
|
588
588
|
]),
|
|
589
589
|
ve("label", {
|
|
590
590
|
for: `${e.nbId}-${fe.value}`,
|
|
591
|
-
class: We([[
|
|
591
|
+
class: We([[ee.value], "component-checkbox__item--label"]),
|
|
592
592
|
tabindex: o(ge) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[K] : e.tabIndex >= 0 ? e.tabIndex : K + 1,
|
|
593
593
|
onKeydown: [
|
|
594
|
-
b[1] || (b[1] = qt(ca((
|
|
595
|
-
b[2] || (b[2] = qt(ca((
|
|
594
|
+
b[1] || (b[1] = qt(ca((te) => !o(ge) && e.hasTabIndexEnter && te.target.click(), ["prevent"]), ["enter"])),
|
|
595
|
+
b[2] || (b[2] = qt(ca((te) => !o(ge) && e.hasTabIndexSpace && te.target.click(), ["prevent"]), ["space"]))
|
|
596
596
|
]
|
|
597
597
|
}, [
|
|
598
598
|
ve("div", {
|
|
599
|
-
class: We([
|
|
599
|
+
class: We([Je.value])
|
|
600
600
|
}, null, 2),
|
|
601
601
|
ve("span", {
|
|
602
|
-
style: Ee([
|
|
603
|
-
},
|
|
604
|
-
], 42,
|
|
602
|
+
style: Ee([et.value])
|
|
603
|
+
}, Ct(fe.text), 5)
|
|
604
|
+
], 42, yl)
|
|
605
605
|
]))), 128))
|
|
606
|
-
], 16,
|
|
606
|
+
], 16, bl)
|
|
607
607
|
], 6)) : Be("", !0);
|
|
608
608
|
}
|
|
609
|
-
}),
|
|
610
|
-
const
|
|
609
|
+
}), hl = /* @__PURE__ */ ba(ml, [["__scopeId", "data-v-1c6afddc"]]);
|
|
610
|
+
const Cl = ["id"], xl = ["for"], Sl = ["for"], Vl = { key: 0 }, kl = { key: 1 }, Ll = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "tabindex", "min", "max", "step"], Tl = ["for"], Bl = /* @__PURE__ */ Object.assign({
|
|
611
611
|
name: "NbInput",
|
|
612
612
|
inheritAttrs: !1
|
|
613
613
|
}, {
|
|
@@ -726,6 +726,18 @@ const hl = ["id"], Cl = ["for"], xl = ["for"], Sl = { key: 0 }, Vl = { key: 1 },
|
|
|
726
726
|
default: "text",
|
|
727
727
|
validator: (e) => ["text", "number", "email", "password"].indexOf(e) !== -1
|
|
728
728
|
},
|
|
729
|
+
min: {
|
|
730
|
+
type: String,
|
|
731
|
+
default: ""
|
|
732
|
+
},
|
|
733
|
+
max: {
|
|
734
|
+
type: String,
|
|
735
|
+
default: ""
|
|
736
|
+
},
|
|
737
|
+
step: {
|
|
738
|
+
type: [String, Number],
|
|
739
|
+
default: ""
|
|
740
|
+
},
|
|
729
741
|
hasTrim: {
|
|
730
742
|
type: Boolean,
|
|
731
743
|
default: !1,
|
|
@@ -1029,48 +1041,48 @@ const hl = ["id"], Cl = ["for"], xl = ["for"], Sl = { key: 0 }, Vl = { key: 1 },
|
|
|
1029
1041
|
"entered"
|
|
1030
1042
|
],
|
|
1031
1043
|
setup(e, { emit: m }) {
|
|
1032
|
-
fa((
|
|
1033
|
-
"
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
"
|
|
1037
|
-
"
|
|
1038
|
-
"
|
|
1039
|
-
"
|
|
1040
|
-
"
|
|
1041
|
-
|
|
1042
|
-
"
|
|
1043
|
-
"
|
|
1044
|
-
"
|
|
1045
|
-
"
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
"
|
|
1053
|
-
"
|
|
1054
|
-
"
|
|
1055
|
-
"
|
|
1056
|
-
"
|
|
1057
|
-
"
|
|
1058
|
-
"
|
|
1059
|
-
"
|
|
1060
|
-
|
|
1061
|
-
"
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
"
|
|
1065
|
-
"
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
"
|
|
1069
|
-
|
|
1044
|
+
fa((l) => ({
|
|
1045
|
+
"4e737fa6": Bt.value,
|
|
1046
|
+
a3dffdac: Tt.value,
|
|
1047
|
+
eee43752: o(ct),
|
|
1048
|
+
"1bc8c27a": Kt.value,
|
|
1049
|
+
"6a6a4c4c": Yt.value,
|
|
1050
|
+
"100690e4": Qt.value,
|
|
1051
|
+
"740e7c2e": o(V),
|
|
1052
|
+
"566fd520": o(ze),
|
|
1053
|
+
"757b8bf6": o(ue),
|
|
1054
|
+
"442603bc": o(ft),
|
|
1055
|
+
"41f7b175": o(y),
|
|
1056
|
+
"6e805d5a": o(Je),
|
|
1057
|
+
"3f8bdd00": o(Ge),
|
|
1058
|
+
d92fdc6a: ua.value,
|
|
1059
|
+
b2620ade: o(He),
|
|
1060
|
+
"00fa5cc7": o(Ue),
|
|
1061
|
+
"53a901b0": o(Me),
|
|
1062
|
+
f9c97570: o(ee),
|
|
1063
|
+
d9968008: o(nt),
|
|
1064
|
+
"4f98c963": o(dt),
|
|
1065
|
+
"02e0eea8": o(at),
|
|
1066
|
+
"33e47a5c": o(st),
|
|
1067
|
+
"88f43f02": o(Se),
|
|
1068
|
+
"6c2808ce": o(gt),
|
|
1069
|
+
"6f1130b3": la.value,
|
|
1070
|
+
"6f8e37be": na.value,
|
|
1071
|
+
"6199e061": oa.value,
|
|
1072
|
+
62884451: Et.value,
|
|
1073
|
+
"77304b74": aa.value,
|
|
1074
|
+
"9440be3e": o(me),
|
|
1075
|
+
f1c59d84: ht.value,
|
|
1076
|
+
"70d35cfe": At.value,
|
|
1077
|
+
"12c4e940": zt.value,
|
|
1078
|
+
"4398272e": Ht.value,
|
|
1079
|
+
"9e7be27a": Gt.value,
|
|
1080
|
+
"5b58b1b7": l.styleButtonColor,
|
|
1081
|
+
f9fb0bc8: Ut.value
|
|
1070
1082
|
})), sa(() => {
|
|
1071
1083
|
ye.value != null ? x.value === "number" && typeof ye.value == "number" ? Y.value = ye.value : Y.value = String(ye.value) : Y.value = "";
|
|
1072
1084
|
}), ma(() => {
|
|
1073
|
-
|
|
1085
|
+
pt();
|
|
1074
1086
|
});
|
|
1075
1087
|
const C = m, E = e, {
|
|
1076
1088
|
nbId: D,
|
|
@@ -1079,9 +1091,9 @@ const hl = ["id"], Cl = ["for"], xl = ["for"], Sl = { key: 0 }, Vl = { key: 1 },
|
|
|
1079
1091
|
ariaLabel: Ae,
|
|
1080
1092
|
ariaAttrs: ke,
|
|
1081
1093
|
textColor: se,
|
|
1082
|
-
caretColor:
|
|
1094
|
+
caretColor: X,
|
|
1083
1095
|
selectionBgColor: Pe,
|
|
1084
|
-
selectionTextColor:
|
|
1096
|
+
selectionTextColor: $e,
|
|
1085
1097
|
hasBorderRadius: ne,
|
|
1086
1098
|
borderRadius: U,
|
|
1087
1099
|
disabled: w,
|
|
@@ -1092,52 +1104,52 @@ const hl = ["id"], Cl = ["for"], xl = ["for"], Sl = { key: 0 }, Vl = { key: 1 },
|
|
|
1092
1104
|
fontSizeMsg: ce,
|
|
1093
1105
|
fontWeightMsg: P,
|
|
1094
1106
|
textMessageColor: be,
|
|
1095
|
-
inputWidth:
|
|
1107
|
+
inputWidth: Z,
|
|
1096
1108
|
inputStyle: Ce,
|
|
1097
1109
|
activeTextStyle: ge,
|
|
1098
1110
|
sizeMediaQuery: xe,
|
|
1099
|
-
inputReadonly:
|
|
1111
|
+
inputReadonly: $,
|
|
1100
1112
|
showInputEye: L,
|
|
1101
1113
|
inputType: x,
|
|
1102
|
-
hasTrim:
|
|
1103
|
-
inputUppercase:
|
|
1114
|
+
hasTrim: _e,
|
|
1115
|
+
inputUppercase: je,
|
|
1104
1116
|
inputName: we,
|
|
1105
|
-
inputPlaceholder:
|
|
1117
|
+
inputPlaceholder: et,
|
|
1106
1118
|
inputText: ye,
|
|
1107
|
-
theme:
|
|
1108
|
-
inputEyeIcon:
|
|
1109
|
-
tabindex:
|
|
1119
|
+
theme: tt,
|
|
1120
|
+
inputEyeIcon: bt,
|
|
1121
|
+
tabindex: Qe,
|
|
1110
1122
|
inputEyeIconHidden: Te,
|
|
1111
1123
|
lightBgColor: Se,
|
|
1112
|
-
lightBgColorFocus:
|
|
1113
|
-
lightEyeBgColor:
|
|
1124
|
+
lightBgColorFocus: gt,
|
|
1125
|
+
lightEyeBgColor: at,
|
|
1114
1126
|
lightEyeBgColorActive: st,
|
|
1115
1127
|
lightDisabledBgColor: dt,
|
|
1116
1128
|
lightTextColor: ct,
|
|
1117
|
-
darkBgColor:
|
|
1118
|
-
darkBgColorFocus:
|
|
1119
|
-
darkEyeBgColor:
|
|
1120
|
-
darkEyeBgColorActive:
|
|
1129
|
+
darkBgColor: He,
|
|
1130
|
+
darkBgColorFocus: Ue,
|
|
1131
|
+
darkEyeBgColor: Je,
|
|
1132
|
+
darkEyeBgColorActive: Ge,
|
|
1121
1133
|
darkDisabledBgColor: y,
|
|
1122
1134
|
darkTextColor: V,
|
|
1123
1135
|
darkDisabledEyeBgColor: ue,
|
|
1124
|
-
lightDisabledEyeBgColor:
|
|
1136
|
+
lightDisabledEyeBgColor: ee,
|
|
1125
1137
|
textAlign: me,
|
|
1126
1138
|
showMsg: Re,
|
|
1127
|
-
hasMsg:
|
|
1139
|
+
hasMsg: Ke,
|
|
1128
1140
|
hasIcon: re,
|
|
1129
|
-
iconDirection:
|
|
1141
|
+
iconDirection: d,
|
|
1130
1142
|
iconPadding: b,
|
|
1131
1143
|
iconPaddingInput: fe,
|
|
1132
1144
|
iconMargin: K,
|
|
1133
|
-
iconBorderRadius:
|
|
1145
|
+
iconBorderRadius: te,
|
|
1134
1146
|
iconLightTextColor: Me,
|
|
1135
1147
|
iconDarkTextColor: ze,
|
|
1136
1148
|
iconLightBgColor: Fe,
|
|
1137
|
-
iconDarkBgColor:
|
|
1138
|
-
iconLightBgColorActive:
|
|
1139
|
-
iconDarkBgColorActive:
|
|
1140
|
-
iconLightDisabledBgColor:
|
|
1149
|
+
iconDarkBgColor: Ye,
|
|
1150
|
+
iconLightBgColorActive: Xe,
|
|
1151
|
+
iconDarkBgColorActive: lt,
|
|
1152
|
+
iconLightDisabledBgColor: nt,
|
|
1141
1153
|
iconDarkDisabledBgColor: ft,
|
|
1142
1154
|
iconWidth: h,
|
|
1143
1155
|
iconSize: R,
|
|
@@ -1145,83 +1157,83 @@ const hl = ["id"], Cl = ["for"], xl = ["for"], Sl = { key: 0 }, Vl = { key: 1 },
|
|
|
1145
1157
|
labelBackground: Oe,
|
|
1146
1158
|
labelPadding: T,
|
|
1147
1159
|
labelBorderRadius: he,
|
|
1148
|
-
labelLeft:
|
|
1149
|
-
inputLabelMarginActive:
|
|
1150
|
-
labelActiveTop:
|
|
1160
|
+
labelLeft: xt,
|
|
1161
|
+
inputLabelMarginActive: St,
|
|
1162
|
+
labelActiveTop: ot,
|
|
1151
1163
|
labelActiveLeft: j,
|
|
1152
1164
|
fontFamilyLabel: N,
|
|
1153
|
-
fontSizeLabel:
|
|
1154
|
-
fontSizeLabelActive:
|
|
1165
|
+
fontSizeLabel: ae,
|
|
1166
|
+
fontSizeLabelActive: _,
|
|
1155
1167
|
fontWeightLabel: M,
|
|
1156
|
-
lightTextColorLabel:
|
|
1168
|
+
lightTextColorLabel: le,
|
|
1157
1169
|
lightTextColorLabelActive: I,
|
|
1158
|
-
darkTextColorLabel:
|
|
1170
|
+
darkTextColorLabel: _t,
|
|
1159
1171
|
darkTextColorLabelActive: wt
|
|
1160
|
-
} = va(E), Y =
|
|
1161
|
-
const
|
|
1172
|
+
} = va(E), Y = J(""), ut = J(""), rt = J(!1), vt = J(!1), B = a(() => {
|
|
1173
|
+
const l = w.value ? "component-disabled" : "", c = Ve.value !== "b" ? "inline-block" : "block", Q = se ? se.value : "ffffff", t = X.value ? X.value : "", n = Pe.value ? Pe.value : "", s = $e.value ? $e.value : "", i = ne.value ? ne.value : !1, v = U.value !== 0 && !U.value || U.value < 0 ? 0 : U.value, f = oe.value ? oe.value : "'Lato', sans-serif", p = de.value ? de.value : null, S = G.value !== 0 && !G.value || G.value < 0 ? 100 : G.value, A = Le.value ? Le.value : "'Lato', sans-serif", z = ce.value ? ce.value : "1em", O = P.value !== 0 && !P.value || P.value < 0 ? 100 : P.value, ie = be.value ? be.value : "#f15574", De = Z.value ? Z.value : 200, Ze = ge.value ? ge.value : "normal", Ne = xe.value ? xe.value : "xs", Ie = $.value ? $.value : !1, ha = L.value ? L.value : !1, Ca = x.value ? x.value : "text", xa = je.value ? je.value : !1, Sa = tt.value ? tt.value : "normal", Va = me.value ? me.value : "left", ka = Ce.value ? Ce.value : "background", La = b.value ? b.value : "5px 10px", Ta = K.value ? K.value : "0", Ba = fe.value ? fe.value : 10, Aa = Me.value ? Me.value : "#000000", $a = ze.value ? ze.value : "#000000", _a = Fe.value ? Fe.value : "transparent", wa = Ye.value ? Ye.value : "transparent", Ra = te.value !== 0 && !te.value || te.value < 0 ? 0 : te.value, Ma = Xe.value ? Xe.value : "transparent", za = lt.value ? lt.value : "transparent", Da = h.value ? h.value : 32, Na = R.value ? R.value : 1, Ia = k.value ? k.value : !1, Wa = xt.value !== 0 && !xt.value || xt.value < 0 ? 5 : xt.value, Ea = Oe.value ? Oe.value : "transparent", Pa = St.value !== 0 && !St.value || St.value < 0 ? 15 : St.value, Fa = T.value ? T.value : "1px 5px", Ga = he.value !== 0 && !he.value || he.value < 0 ? 0 : he.value, Ka = ot.value === null || ot.value === void 0 ? -13 : ot.value, Ya = j.value === null || j.value === void 0 ? -10 : j.value, Qa = N.value ? N.value : "'Lato', sans-serif", Ja = ae.value ? ae.value : "1em", Xa = _.value ? _.value : "0.8em", Za = M.value ? M.value : 400, el = le.value ? le.value : "#ffffff", tl = _t.value ? _t.value : "#000000", al = I.value ? I.value : "#ffffff", ll = wt.value ? wt.value : "#000000";
|
|
1162
1174
|
return {
|
|
1163
|
-
disabled:
|
|
1164
|
-
display:
|
|
1165
|
-
font:
|
|
1166
|
-
fontSize:
|
|
1167
|
-
fontWeight:
|
|
1168
|
-
fontFamilyMsg:
|
|
1169
|
-
fontSizeMsg:
|
|
1170
|
-
fontWeightMsg:
|
|
1171
|
-
textMessageColor:
|
|
1172
|
-
textColor:
|
|
1173
|
-
caretColor:
|
|
1174
|
-
selectionBgColor:
|
|
1175
|
-
selectionTextColor:
|
|
1176
|
-
hasBorderRadius:
|
|
1177
|
-
borderRadius:
|
|
1178
|
-
textAlign:
|
|
1179
|
-
inputWidth:
|
|
1180
|
-
activeTextStyle:
|
|
1181
|
-
sizeMediaQuery:
|
|
1182
|
-
inputReadonly:
|
|
1183
|
-
showInputEye:
|
|
1184
|
-
inputType:
|
|
1185
|
-
inputUppercase:
|
|
1186
|
-
theme:
|
|
1187
|
-
inputStyle:
|
|
1188
|
-
iconPadding:
|
|
1189
|
-
iconMargin:
|
|
1190
|
-
iconPaddingInput:
|
|
1191
|
-
iconLightTextColor:
|
|
1192
|
-
iconDarkTextColor:
|
|
1175
|
+
disabled: l,
|
|
1176
|
+
display: c,
|
|
1177
|
+
font: f,
|
|
1178
|
+
fontSize: p,
|
|
1179
|
+
fontWeight: S,
|
|
1180
|
+
fontFamilyMsg: A,
|
|
1181
|
+
fontSizeMsg: z,
|
|
1182
|
+
fontWeightMsg: O,
|
|
1183
|
+
textMessageColor: ie,
|
|
1184
|
+
textColor: Q,
|
|
1185
|
+
caretColor: t,
|
|
1186
|
+
selectionBgColor: n,
|
|
1187
|
+
selectionTextColor: s,
|
|
1188
|
+
hasBorderRadius: i,
|
|
1189
|
+
borderRadius: v,
|
|
1190
|
+
textAlign: Va,
|
|
1191
|
+
inputWidth: De,
|
|
1192
|
+
activeTextStyle: Ze,
|
|
1193
|
+
sizeMediaQuery: Ne,
|
|
1194
|
+
inputReadonly: Ie,
|
|
1195
|
+
showInputEye: ha,
|
|
1196
|
+
inputType: Ca,
|
|
1197
|
+
inputUppercase: xa,
|
|
1198
|
+
theme: Sa,
|
|
1199
|
+
inputStyle: ka,
|
|
1200
|
+
iconPadding: La,
|
|
1201
|
+
iconMargin: Ta,
|
|
1202
|
+
iconPaddingInput: Ba,
|
|
1203
|
+
iconLightTextColor: Aa,
|
|
1204
|
+
iconDarkTextColor: $a,
|
|
1193
1205
|
iconLightBgColor: _a,
|
|
1194
|
-
iconDarkBgColor:
|
|
1195
|
-
iconBorderRadius:
|
|
1196
|
-
iconLightBgColorActive:
|
|
1197
|
-
iconDarkBgColorActive:
|
|
1198
|
-
iconWidth:
|
|
1199
|
-
iconSize:
|
|
1200
|
-
showLabel:
|
|
1201
|
-
labelBackground:
|
|
1202
|
-
labelPadding:
|
|
1203
|
-
labelBorderRadius:
|
|
1204
|
-
labelLeft:
|
|
1205
|
-
inputLabelMarginActive:
|
|
1206
|
-
labelActiveTop:
|
|
1207
|
-
labelActiveLeft:
|
|
1208
|
-
fontFamilyLabel:
|
|
1209
|
-
fontSizeLabel:
|
|
1210
|
-
fontSizeLabelActive:
|
|
1211
|
-
fontWeightLabel:
|
|
1212
|
-
lightTextColorLabel:
|
|
1213
|
-
darkTextColorLabel:
|
|
1214
|
-
lightTextColorLabelActive:
|
|
1215
|
-
darkTextColorLabelActive:
|
|
1206
|
+
iconDarkBgColor: wa,
|
|
1207
|
+
iconBorderRadius: Ra,
|
|
1208
|
+
iconLightBgColorActive: Ma,
|
|
1209
|
+
iconDarkBgColorActive: za,
|
|
1210
|
+
iconWidth: Da,
|
|
1211
|
+
iconSize: Na,
|
|
1212
|
+
showLabel: Ia,
|
|
1213
|
+
labelBackground: Ea,
|
|
1214
|
+
labelPadding: Fa,
|
|
1215
|
+
labelBorderRadius: Ga,
|
|
1216
|
+
labelLeft: Wa,
|
|
1217
|
+
inputLabelMarginActive: Pa,
|
|
1218
|
+
labelActiveTop: Ka,
|
|
1219
|
+
labelActiveLeft: Ya,
|
|
1220
|
+
fontFamilyLabel: Qa,
|
|
1221
|
+
fontSizeLabel: Ja,
|
|
1222
|
+
fontSizeLabelActive: Xa,
|
|
1223
|
+
fontWeightLabel: Za,
|
|
1224
|
+
lightTextColorLabel: el,
|
|
1225
|
+
darkTextColorLabel: tl,
|
|
1226
|
+
lightTextColorLabelActive: al,
|
|
1227
|
+
darkTextColorLabelActive: ll
|
|
1216
1228
|
};
|
|
1217
1229
|
}), Rt = a(() => B.value.disabled), Mt = a(() => ({
|
|
1218
1230
|
display: B.value.display
|
|
1219
1231
|
})), Tt = a(() => {
|
|
1220
|
-
const
|
|
1221
|
-
if (
|
|
1222
|
-
return
|
|
1223
|
-
let
|
|
1224
|
-
switch (
|
|
1232
|
+
const l = B.value;
|
|
1233
|
+
if (l.fontSize)
|
|
1234
|
+
return l.fontSize;
|
|
1235
|
+
let c = "";
|
|
1236
|
+
switch (l.sizeMediaQuery) {
|
|
1225
1237
|
case "sm":
|
|
1226
1238
|
return "1.2em";
|
|
1227
1239
|
case "md":
|
|
@@ -1229,31 +1241,31 @@ const hl = ["id"], Cl = ["for"], xl = ["for"], Sl = { key: 0 }, Vl = { key: 1 },
|
|
|
1229
1241
|
case "lg":
|
|
1230
1242
|
return "2em";
|
|
1231
1243
|
default:
|
|
1232
|
-
|
|
1244
|
+
c = "1.2em";
|
|
1233
1245
|
}
|
|
1234
|
-
return
|
|
1246
|
+
return c;
|
|
1235
1247
|
}), jt = a(() => {
|
|
1236
|
-
const
|
|
1248
|
+
const l = B.value, c = Wt.value;
|
|
1237
1249
|
return {
|
|
1238
|
-
fontWeight:
|
|
1239
|
-
marginTop:
|
|
1250
|
+
fontWeight: l.fontWeight,
|
|
1251
|
+
marginTop: c && k.value ? `${l.inputLabelMarginActive}px` : "0"
|
|
1240
1252
|
};
|
|
1241
|
-
}),
|
|
1242
|
-
const
|
|
1243
|
-
return
|
|
1253
|
+
}), yt = a(() => {
|
|
1254
|
+
const l = B.value;
|
|
1255
|
+
return l.inputStyle !== "line" && l.hasBorderRadius ? { borderRadius: `${l.borderRadius}rem` } : {};
|
|
1244
1256
|
}), Bt = a(() => B.value.font), At = a(() => B.value.fontFamilyMsg), zt = a(() => B.value.fontSizeMsg), Ht = a(() => B.value.fontWeightMsg), Ut = a(() => B.value.textColor), Gt = a(() => B.value.textMessageColor), Kt = a(() => {
|
|
1245
|
-
const
|
|
1246
|
-
return
|
|
1257
|
+
const l = B.value;
|
|
1258
|
+
return l.caretColor || (l.theme === "dark" ? "#00d4ff" : "#007bff");
|
|
1247
1259
|
}), Yt = a(() => {
|
|
1248
|
-
const
|
|
1249
|
-
return
|
|
1260
|
+
const l = B.value;
|
|
1261
|
+
return l.selectionBgColor || (l.theme === "dark" ? "#00d4ff" : "#007bff");
|
|
1250
1262
|
}), Qt = a(() => {
|
|
1251
|
-
const
|
|
1252
|
-
return
|
|
1253
|
-
}),
|
|
1254
|
-
const
|
|
1255
|
-
return
|
|
1256
|
-
width: `${
|
|
1263
|
+
const l = B.value;
|
|
1264
|
+
return l.selectionTextColor || (l.theme === "dark" ? "#000000" : "#ffffff");
|
|
1265
|
+
}), Vt = a(() => {
|
|
1266
|
+
const l = B.value;
|
|
1267
|
+
return l.display === "block" ? { width: "100%" } : {
|
|
1268
|
+
width: `${l.inputWidth}px`
|
|
1257
1269
|
};
|
|
1258
1270
|
}), Dt = a(() => {
|
|
1259
1271
|
switch (Ce.value) {
|
|
@@ -1292,188 +1304,191 @@ const hl = ["id"], Cl = ["for"], xl = ["for"], Sl = { key: 0 }, Vl = { key: 1 },
|
|
|
1292
1304
|
return "component__theme--light";
|
|
1293
1305
|
}
|
|
1294
1306
|
}), W = a(() => B.value.inputReadonly ? "component__input--read-only" : ""), qe = a(() => B.value.inputUppercase ? "component__input--uppercase" : ""), Nt = a(() => {
|
|
1295
|
-
const
|
|
1296
|
-
return !!(
|
|
1297
|
-
}), Jt = a(() => rt.value ?
|
|
1298
|
-
const
|
|
1299
|
-
return
|
|
1300
|
-
}), Xt = a(() => B.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), Zt = a(() =>
|
|
1301
|
-
const
|
|
1302
|
-
ke.value && Object.keys(ke.value).forEach((
|
|
1303
|
-
const
|
|
1307
|
+
const l = B.value;
|
|
1308
|
+
return !!(l.showInputEye && l.inputType === "password");
|
|
1309
|
+
}), Jt = a(() => rt.value ? bt.value : Te.value), mt = a(() => we.value ? we.value : `${D.value}-name-label`), It = a(() => k.value ? vt.value ? et.value : "" : et.value), Wt = a(() => {
|
|
1310
|
+
const l = Y.value;
|
|
1311
|
+
return vt.value || l != null && String(l).trim().length > 0;
|
|
1312
|
+
}), Xt = a(() => B.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), Zt = a(() => vt.value ? "component__input--active" : "component__input--no-active"), ht = a(() => Nt.value ? "6px 50px 6px 10px" : "6px 10px"), ea = a(() => !!(Re.value && Ke.value)), ta = a(() => {
|
|
1313
|
+
const l = {};
|
|
1314
|
+
ke.value && Object.keys(ke.value).forEach((t) => l[`aria-${t}`] = ke.value[t]);
|
|
1315
|
+
const c = {
|
|
1304
1316
|
"aria-label": Ae.value,
|
|
1305
1317
|
"aria-disabled": w.value,
|
|
1306
|
-
...
|
|
1318
|
+
...l
|
|
1307
1319
|
};
|
|
1308
1320
|
return Object.fromEntries(
|
|
1309
|
-
Object.entries(
|
|
1321
|
+
Object.entries(c).filter(([Q, t]) => t != null)
|
|
1310
1322
|
);
|
|
1311
|
-
}), aa = a(() => re.value ? `${R.value}rem` : "0"), la = a(() => re.value ? `${h.value}px` : "0"),
|
|
1312
|
-
const
|
|
1313
|
-
return re.value ?
|
|
1323
|
+
}), aa = a(() => re.value ? `${R.value}rem` : "0"), la = a(() => re.value ? `${h.value}px` : "0"), $t = a(() => re.value ? `component__icon--${d.value}` : ""), na = a(() => {
|
|
1324
|
+
const l = B.value;
|
|
1325
|
+
return re.value ? l.iconPadding : "0";
|
|
1314
1326
|
}), oa = a(() => {
|
|
1315
|
-
const
|
|
1316
|
-
return re.value ?
|
|
1327
|
+
const l = B.value;
|
|
1328
|
+
return re.value ? l.iconMargin : "0";
|
|
1317
1329
|
}), ua = a(() => {
|
|
1318
|
-
const
|
|
1319
|
-
return re.value ?
|
|
1330
|
+
const l = B.value;
|
|
1331
|
+
return re.value ? l.theme === "dark" ? l.iconDarkBgColor : l.iconLightBgColor : "transparent";
|
|
1320
1332
|
}), Et = a(() => {
|
|
1321
|
-
const
|
|
1322
|
-
return re.value ? `${
|
|
1333
|
+
const l = B.value;
|
|
1334
|
+
return re.value ? `${l.iconBorderRadius}rem` : "0";
|
|
1323
1335
|
}), Pt = a(() => {
|
|
1324
|
-
const
|
|
1325
|
-
return re.value ?
|
|
1336
|
+
const l = B.value;
|
|
1337
|
+
return re.value ? d.value === "left" ? { paddingLeft: `${l.iconPaddingInput}px` } : { paddingRight: `${l.iconPaddingInput}px` } : {};
|
|
1326
1338
|
}), Ft = a(() => {
|
|
1327
|
-
const
|
|
1339
|
+
const l = B.value, c = Wt.value, Q = c ? l.lightTextColorLabelActive : l.lightTextColorLabel, t = c ? l.darkTextColorLabelActive : l.darkTextColorLabel;
|
|
1328
1340
|
return {
|
|
1329
|
-
fontFamily:
|
|
1330
|
-
fontSize:
|
|
1331
|
-
fontWeight:
|
|
1332
|
-
color:
|
|
1333
|
-
top:
|
|
1334
|
-
left:
|
|
1335
|
-
transform:
|
|
1341
|
+
fontFamily: l.fontFamilyLabel,
|
|
1342
|
+
fontSize: c ? l.fontSizeLabelActive : l.fontSizeLabel,
|
|
1343
|
+
fontWeight: l.fontWeightLabel,
|
|
1344
|
+
color: l.theme === "dark" ? t : Q,
|
|
1345
|
+
top: c ? `${l.labelActiveTop}px` : "50%",
|
|
1346
|
+
left: c ? `${l.labelActiveLeft}px` : `${l.labelLeft}px`,
|
|
1347
|
+
transform: c ? "translateY(0)" : "translateY(-50%)",
|
|
1336
1348
|
transition: "all 0.2s ease",
|
|
1337
|
-
backgroundColor:
|
|
1338
|
-
padding:
|
|
1339
|
-
borderRadius:
|
|
1349
|
+
backgroundColor: c ? l.labelBackground : "transparent",
|
|
1350
|
+
padding: c ? l.labelPadding : "0",
|
|
1351
|
+
borderRadius: c ? `${l.labelBorderRadius}rem` : "0"
|
|
1340
1352
|
};
|
|
1341
1353
|
});
|
|
1342
1354
|
a(() => {
|
|
1343
|
-
const
|
|
1344
|
-
return
|
|
1355
|
+
const l = B.value;
|
|
1356
|
+
return l.theme === "dark" ? l.darkTextColorLabelActive : l.lightTextColorLabelActive;
|
|
1345
1357
|
});
|
|
1346
|
-
const
|
|
1347
|
-
ye.value != null ? x.value === "number" && typeof ye.value == "number" ? Y.value = ye.value : Y.value = String(ye.value) : Y.value = "",
|
|
1348
|
-
},
|
|
1349
|
-
const
|
|
1350
|
-
if (
|
|
1358
|
+
const pt = () => {
|
|
1359
|
+
ye.value != null ? x.value === "number" && typeof ye.value == "number" ? Y.value = ye.value : Y.value = String(ye.value) : Y.value = "", ut.value = x.value;
|
|
1360
|
+
}, kt = () => {
|
|
1361
|
+
const l = B.value;
|
|
1362
|
+
if (l.inputReadonly || l.disabled)
|
|
1351
1363
|
return;
|
|
1352
|
-
const
|
|
1353
|
-
|
|
1354
|
-
}, it = (
|
|
1364
|
+
const c = !rt.value;
|
|
1365
|
+
c ? ut.value = "text" : ut.value = x.value, rt.value = c;
|
|
1366
|
+
}, it = a(() => ut.value === "number"), Lt = (l) => {
|
|
1355
1367
|
if (x.value === "number") {
|
|
1356
|
-
if (
|
|
1368
|
+
if (l === "" || l === null || l === void 0)
|
|
1357
1369
|
return "";
|
|
1358
1370
|
{
|
|
1359
|
-
const
|
|
1360
|
-
return isNaN(
|
|
1371
|
+
const c = typeof l == "number" ? l : Number(l);
|
|
1372
|
+
return isNaN(c) ? l : c;
|
|
1361
1373
|
}
|
|
1362
1374
|
}
|
|
1363
|
-
return
|
|
1364
|
-
}, Ot = () => {
|
|
1365
|
-
C("clicked");
|
|
1375
|
+
return l;
|
|
1366
1376
|
}, ra = () => {
|
|
1367
|
-
|
|
1377
|
+
C("clicked");
|
|
1378
|
+
}, Ot = () => {
|
|
1379
|
+
w.value || B.value.inputReadonly || !pe.value || C("entered", Lt(Y.value));
|
|
1368
1380
|
};
|
|
1369
|
-
return H(x, (
|
|
1370
|
-
|
|
1371
|
-
}, { immediate: !0 }), H(ye, (
|
|
1372
|
-
if (
|
|
1373
|
-
if (x.value === "number" && typeof
|
|
1374
|
-
|
|
1381
|
+
return H(x, (l) => {
|
|
1382
|
+
ut.value = l;
|
|
1383
|
+
}, { immediate: !0 }), H(ye, (l) => {
|
|
1384
|
+
if (l != null)
|
|
1385
|
+
if (x.value === "number" && typeof l == "number")
|
|
1386
|
+
l !== Y.value && (Y.value = l);
|
|
1375
1387
|
else {
|
|
1376
|
-
const
|
|
1377
|
-
|
|
1388
|
+
const c = String(l);
|
|
1389
|
+
c !== Y.value && (Y.value = c);
|
|
1378
1390
|
}
|
|
1379
1391
|
else
|
|
1380
1392
|
Y.value !== "" && (Y.value = "");
|
|
1381
|
-
}, { immediate: !0 }), H(Y, (
|
|
1382
|
-
|
|
1383
|
-
}), H(
|
|
1384
|
-
C(
|
|
1385
|
-
}), H(rt, (
|
|
1386
|
-
C("show-input-eye",
|
|
1387
|
-
}, { immediate: !0 }), H(Y, (
|
|
1388
|
-
|
|
1389
|
-
}), H(x, (
|
|
1390
|
-
|
|
1391
|
-
const
|
|
1392
|
-
|
|
1393
|
+
}, { immediate: !0 }), H(Y, (l) => {
|
|
1394
|
+
_e.value && typeof l == "string" && (l = l.trim()), C("changed", Lt(l));
|
|
1395
|
+
}), H(vt, (l) => {
|
|
1396
|
+
C(l ? "focused" : "blurred");
|
|
1397
|
+
}), H(rt, (l) => {
|
|
1398
|
+
C("show-input-eye", l);
|
|
1399
|
+
}, { immediate: !0 }), H(Y, (l) => {
|
|
1400
|
+
_e.value && typeof l == "string" && (l = l.trim()), C("current-value", Lt(l));
|
|
1401
|
+
}), H(x, (l) => {
|
|
1402
|
+
l === "password" && nextTick(() => {
|
|
1403
|
+
const c = document.getElementById(we.value);
|
|
1404
|
+
c && (c.type = "password", c.removeAttribute("autocomplete"));
|
|
1393
1405
|
});
|
|
1394
|
-
}), (
|
|
1406
|
+
}), (l, c) => o(D) ? (F(), q("div", da({
|
|
1395
1407
|
key: 0,
|
|
1396
1408
|
class: ["nb-wrapper", Rt.value],
|
|
1397
|
-
style: [Mt.value,
|
|
1409
|
+
style: [Mt.value, Vt.value, yt.value],
|
|
1398
1410
|
role: "input"
|
|
1399
1411
|
}, ta.value), [
|
|
1400
1412
|
ve("div", {
|
|
1401
1413
|
id: o(D),
|
|
1402
1414
|
class: We(["nb-reset", "component", u.value, g.value, W.value, Dt.value]),
|
|
1403
|
-
style: Ee([jt.value,
|
|
1404
|
-
onClick:
|
|
1415
|
+
style: Ee([jt.value, Vt.value, yt.value]),
|
|
1416
|
+
onClick: ra
|
|
1405
1417
|
}, [
|
|
1406
1418
|
o(k) ? (F(), q("label", {
|
|
1407
1419
|
key: 0,
|
|
1408
|
-
for:
|
|
1420
|
+
for: mt.value,
|
|
1409
1421
|
class: "component__label",
|
|
1410
1422
|
style: Ee([Ft.value])
|
|
1411
|
-
},
|
|
1423
|
+
}, Ct(e.label), 13, xl)) : Be("", !0),
|
|
1412
1424
|
Nt.value ? (F(), q("div", {
|
|
1413
1425
|
key: 1,
|
|
1414
1426
|
class: We(["component__eye", Zt.value]),
|
|
1415
|
-
style: Ee([
|
|
1416
|
-
onClick:
|
|
1427
|
+
style: Ee([yt.value]),
|
|
1428
|
+
onClick: kt
|
|
1417
1429
|
}, [
|
|
1418
1430
|
ve("label", {
|
|
1419
|
-
for:
|
|
1431
|
+
for: mt.value,
|
|
1420
1432
|
class: We(["component__eye-icon", "fas"])
|
|
1421
1433
|
}, [
|
|
1422
|
-
e.inputEyeCustomIcon ? (F(), q("span",
|
|
1423
|
-
rt.value ? ia(
|
|
1424
|
-
|
|
1425
|
-
], !0) : ia(
|
|
1426
|
-
|
|
1434
|
+
e.inputEyeCustomIcon ? (F(), q("span", kl, [
|
|
1435
|
+
rt.value ? ia(l.$slots, "eye-icon-show", { key: 0 }, () => [
|
|
1436
|
+
c[4] || (c[4] = ga("show"))
|
|
1437
|
+
], !0) : ia(l.$slots, "eye-icon-hidden", { key: 1 }, () => [
|
|
1438
|
+
c[5] || (c[5] = ga("hidden"))
|
|
1427
1439
|
], !0)
|
|
1428
|
-
])) : (F(), q("span",
|
|
1429
|
-
], 8,
|
|
1440
|
+
])) : (F(), q("span", Vl, Ct(Jt.value), 1))
|
|
1441
|
+
], 8, Sl)
|
|
1430
1442
|
], 6)) : Be("", !0),
|
|
1431
1443
|
pa(ve("input", {
|
|
1432
|
-
"onUpdate:modelValue":
|
|
1433
|
-
id:
|
|
1434
|
-
name:
|
|
1435
|
-
type:
|
|
1444
|
+
"onUpdate:modelValue": c[0] || (c[0] = (Q) => Y.value = Q),
|
|
1445
|
+
id: mt.value,
|
|
1446
|
+
name: mt.value,
|
|
1447
|
+
type: ut.value,
|
|
1436
1448
|
class: We(["component__input", [
|
|
1437
1449
|
qe.value,
|
|
1438
1450
|
Xt.value,
|
|
1439
1451
|
r.value
|
|
1440
1452
|
]]),
|
|
1441
1453
|
placeholder: It.value,
|
|
1442
|
-
disabled: o(w) || o(
|
|
1454
|
+
disabled: o(w) || o($),
|
|
1443
1455
|
required: e.required,
|
|
1444
|
-
readonly: o(
|
|
1456
|
+
readonly: o($),
|
|
1445
1457
|
autocomplete: e.inputAutocomplete,
|
|
1446
|
-
tabindex: o(w) || o(
|
|
1458
|
+
tabindex: o(w) || o($) ? -1 : o(Qe),
|
|
1459
|
+
min: it.value ? e.min : void 0,
|
|
1460
|
+
max: it.value ? e.max : void 0,
|
|
1461
|
+
step: it.value ? e.step : void 0,
|
|
1447
1462
|
role: "input",
|
|
1448
|
-
style: Ee([
|
|
1449
|
-
onFocus:
|
|
1450
|
-
onBlur:
|
|
1451
|
-
onKeydown:
|
|
1452
|
-
}, null, 46,
|
|
1463
|
+
style: Ee([yt.value, Pt.value]),
|
|
1464
|
+
onFocus: c[1] || (c[1] = (Q) => vt.value = !0),
|
|
1465
|
+
onBlur: c[2] || (c[2] = (Q) => vt.value = !1),
|
|
1466
|
+
onKeydown: c[3] || (c[3] = qt((Q) => !o(w) && o(pe) && Ot(), ["enter"]))
|
|
1467
|
+
}, null, 46, Ll), [
|
|
1453
1468
|
[Ha, Y.value]
|
|
1454
1469
|
]),
|
|
1455
1470
|
o(re) ? (F(), q("label", {
|
|
1456
1471
|
key: 2,
|
|
1457
|
-
for:
|
|
1458
|
-
class: We(["component__icon",
|
|
1472
|
+
for: mt.value,
|
|
1473
|
+
class: We(["component__icon", $t.value])
|
|
1459
1474
|
}, [
|
|
1460
|
-
ia(
|
|
1461
|
-
|
|
1475
|
+
ia(l.$slots, "icon", {}, () => [
|
|
1476
|
+
c[6] || (c[6] = ve("span", null, "♥", -1))
|
|
1462
1477
|
], !0)
|
|
1463
|
-
], 10,
|
|
1464
|
-
], 14,
|
|
1478
|
+
], 10, Tl)) : Be("", !0)
|
|
1479
|
+
], 14, Cl),
|
|
1465
1480
|
ea.value ? (F(), q("div", {
|
|
1466
1481
|
key: 0,
|
|
1467
1482
|
class: We(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
|
|
1468
1483
|
}, [
|
|
1469
|
-
ia(
|
|
1470
|
-
ga(
|
|
1484
|
+
ia(l.$slots, "message", {}, () => [
|
|
1485
|
+
ga(Ct(e.message), 1)
|
|
1471
1486
|
], !0)
|
|
1472
1487
|
], 2)) : Be("", !0)
|
|
1473
1488
|
], 16)) : Be("", !0);
|
|
1474
1489
|
}
|
|
1475
|
-
}),
|
|
1476
|
-
const
|
|
1490
|
+
}), Al = /* @__PURE__ */ ba(Bl, [["__scopeId", "data-v-d843b2db"]]);
|
|
1491
|
+
const $l = ["for"], _l = ["id"], wl = { class: "chip-text" }, Rl = ["onClick"], Ml = ["id", "name", "placeholder", "readonly", "autocomplete", "required", "tabindex"], zl = /* @__PURE__ */ Object.assign({
|
|
1477
1492
|
name: "NbInputChip",
|
|
1478
1493
|
inheritAttrs: !1
|
|
1479
1494
|
}, {
|
|
@@ -1800,29 +1815,29 @@ const Al = ["for"], _l = ["id"], $l = { class: "chip-text" }, wl = ["onClick"],
|
|
|
1800
1815
|
fa((u) => ({
|
|
1801
1816
|
"376e4d80": Y.value,
|
|
1802
1817
|
d807475a: rt.value,
|
|
1803
|
-
"2226ac9e": o(
|
|
1804
|
-
"19aa3459": o(
|
|
1805
|
-
"0af60f52": o(
|
|
1806
|
-
"4bbf74ed": o(
|
|
1818
|
+
"2226ac9e": o(bt),
|
|
1819
|
+
"19aa3459": o(je),
|
|
1820
|
+
"0af60f52": o(et),
|
|
1821
|
+
"4bbf74ed": o(Qe),
|
|
1807
1822
|
"1e97d576": o(Te),
|
|
1808
1823
|
"7a6f588e": o(Se),
|
|
1809
|
-
"2c5ee94f": o(
|
|
1810
|
-
"5743c377": o(
|
|
1824
|
+
"2c5ee94f": o(Ue),
|
|
1825
|
+
"5743c377": o(at),
|
|
1811
1826
|
96524120: o(dt),
|
|
1812
|
-
"14bf75ea": o(
|
|
1813
|
-
b4bd543a: o(
|
|
1827
|
+
"14bf75ea": o(Je),
|
|
1828
|
+
b4bd543a: o(Ge),
|
|
1814
1829
|
ade22ca8: o(y),
|
|
1815
1830
|
f111ceb4: o(ye),
|
|
1816
1831
|
"2cc9ab48": o(ct),
|
|
1817
|
-
14762890:
|
|
1832
|
+
14762890: le.value,
|
|
1818
1833
|
fd7aaf40: B.value,
|
|
1819
1834
|
ea04a49c: Rt.value,
|
|
1820
1835
|
"594730ca": Mt.value,
|
|
1821
1836
|
b5c8eede: u.styleButtonColor,
|
|
1822
|
-
"2d3d8114":
|
|
1823
|
-
"87feb986": o(
|
|
1824
|
-
a61b2794: o(
|
|
1825
|
-
"2abf974a": o(
|
|
1837
|
+
"2d3d8114": ut.value,
|
|
1838
|
+
"87feb986": o(tt),
|
|
1839
|
+
a61b2794: o(gt),
|
|
1840
|
+
"2abf974a": o(He),
|
|
1826
1841
|
"71083e54": o(V)
|
|
1827
1842
|
})), sa(() => {
|
|
1828
1843
|
U.value.length > 0 && (j.value = U.value);
|
|
@@ -1834,9 +1849,9 @@ const Al = ["for"], _l = ["id"], $l = { class: "chip-text" }, wl = ["onClick"],
|
|
|
1834
1849
|
paddingX: Ae,
|
|
1835
1850
|
paddingY: ke,
|
|
1836
1851
|
borderRadius: se,
|
|
1837
|
-
disabled:
|
|
1852
|
+
disabled: X,
|
|
1838
1853
|
fontFamily: Pe,
|
|
1839
|
-
fontSize:
|
|
1854
|
+
fontSize: $e,
|
|
1840
1855
|
fontWeight: ne,
|
|
1841
1856
|
currentList: U,
|
|
1842
1857
|
allowDuplicates: w,
|
|
@@ -1847,108 +1862,108 @@ const Al = ["for"], _l = ["id"], $l = { class: "chip-text" }, wl = ["onClick"],
|
|
|
1847
1862
|
inputName: ce,
|
|
1848
1863
|
inputPlaceholder: P,
|
|
1849
1864
|
inputUppercase: be,
|
|
1850
|
-
inputReadonly:
|
|
1865
|
+
inputReadonly: Z,
|
|
1851
1866
|
inputAutocomplete: Ce,
|
|
1852
1867
|
required: ge,
|
|
1853
1868
|
textAlign: xe,
|
|
1854
|
-
hasBorderRadius:
|
|
1869
|
+
hasBorderRadius: $,
|
|
1855
1870
|
activeTextStyle: L,
|
|
1856
1871
|
theme: x,
|
|
1857
|
-
inputStyle:
|
|
1858
|
-
lightBgColor:
|
|
1872
|
+
inputStyle: _e,
|
|
1873
|
+
lightBgColor: je,
|
|
1859
1874
|
lightBgColorFocus: we,
|
|
1860
|
-
lightBorderColor:
|
|
1875
|
+
lightBorderColor: et,
|
|
1861
1876
|
lightBorderColorFocus: ye,
|
|
1862
|
-
lightDisabledBgColor:
|
|
1863
|
-
lightTextColor:
|
|
1864
|
-
lightChipBgColor:
|
|
1877
|
+
lightDisabledBgColor: tt,
|
|
1878
|
+
lightTextColor: bt,
|
|
1879
|
+
lightChipBgColor: Qe,
|
|
1865
1880
|
lightChipTextColor: Te,
|
|
1866
1881
|
lightChipRemoveColor: Se,
|
|
1867
|
-
lightDisabledBorderColor:
|
|
1868
|
-
darkBgColor:
|
|
1882
|
+
lightDisabledBorderColor: gt,
|
|
1883
|
+
darkBgColor: at,
|
|
1869
1884
|
darkBgColorFocus: st,
|
|
1870
1885
|
darkBorderColor: dt,
|
|
1871
1886
|
darkBorderColorFocus: ct,
|
|
1872
|
-
darkDisabledBgColor:
|
|
1873
|
-
darkTextColor:
|
|
1874
|
-
darkChipBgColor:
|
|
1875
|
-
darkChipTextColor:
|
|
1887
|
+
darkDisabledBgColor: He,
|
|
1888
|
+
darkTextColor: Ue,
|
|
1889
|
+
darkChipBgColor: Je,
|
|
1890
|
+
darkChipTextColor: Ge,
|
|
1876
1891
|
darkChipRemoveColor: y,
|
|
1877
1892
|
darkDisabledBorderColor: V,
|
|
1878
1893
|
tabIndex: ue,
|
|
1879
|
-
hasTabIndexEnter:
|
|
1894
|
+
hasTabIndexEnter: ee,
|
|
1880
1895
|
ariaLabel: me,
|
|
1881
1896
|
ariaAttrs: Re,
|
|
1882
|
-
caretColor:
|
|
1897
|
+
caretColor: Ke,
|
|
1883
1898
|
selectionBgColor: re,
|
|
1884
|
-
selectionTextColor:
|
|
1899
|
+
selectionTextColor: d,
|
|
1885
1900
|
showLabel: b,
|
|
1886
1901
|
label: fe,
|
|
1887
1902
|
labelBackground: K,
|
|
1888
|
-
labelPadding:
|
|
1903
|
+
labelPadding: te,
|
|
1889
1904
|
labelBorderRadius: Me,
|
|
1890
1905
|
labelLeft: ze,
|
|
1891
1906
|
inputLabelMarginActive: Fe,
|
|
1892
|
-
labelActiveTop:
|
|
1893
|
-
labelActiveLeft:
|
|
1894
|
-
fontFamilyLabel:
|
|
1895
|
-
fontSizeLabel:
|
|
1907
|
+
labelActiveTop: Ye,
|
|
1908
|
+
labelActiveLeft: Xe,
|
|
1909
|
+
fontFamilyLabel: lt,
|
|
1910
|
+
fontSizeLabel: nt,
|
|
1896
1911
|
fontSizeLabelActive: ft,
|
|
1897
1912
|
fontWeightLabel: h,
|
|
1898
1913
|
lightTextColorLabel: R,
|
|
1899
1914
|
lightTextColorLabelActive: k,
|
|
1900
1915
|
darkTextColorLabel: Oe,
|
|
1901
1916
|
darkTextColorLabelActive: T
|
|
1902
|
-
} = va(E), he =
|
|
1903
|
-
const u =
|
|
1917
|
+
} = va(E), he = J(""), xt = J(null), St = J(null), ot = J(null), j = J([]), N = J(!1), ae = a(() => {
|
|
1918
|
+
const u = X.value ? "component-disabled" : "", g = Ve.value !== "b" ? "inline-block" : "block", W = !Le.value || Le.value < 185 ? 185 : Le.value, qe = pe ? pe.value : "ffffff", Nt = Ke.value ? Ke.value : "", Jt = re.value ? re.value : "", mt = d.value ? d.value : "", It = Ae.value !== 0 && !Ae.value || Ae.value < 0 ? 1 : Ae.value, Wt = ke.value !== 0 && !ke.value || ke.value < 0 ? 0.2 : ke.value, Xt = se.value !== 0 && !se.value || se.value < 0 ? 0 : se.value, Zt = Pe.value ? Pe.value : "'Lato', sans-serif", ht = $e.value ? $e.value : "1.4em", ea = ne.value !== 0 && !ne.value || ne.value < 0 ? 100 : ne.value, ta = oe.value !== 0 && !oe.value || oe.value < 0 ? 0 : oe.value, aa = de.value !== 0 && !de.value || de.value < 0 ? 10 : de.value, la = !G.value || !["top", "bottom"].includes(G.value) ? "bottom" : G.value, $t = !_e.value || !["background", "line", "border"].includes(_e.value) ? "background" : _e.value, na = x.value ? x.value : "light", oa = b.value ? b.value : !1, ua = ze.value !== 0 && !ze.value || ze.value < 0 ? 5 : ze.value, Et = K.value ? K.value : "transparent", Pt = Fe.value !== 0 && !Fe.value || Fe.value < 0 ? 15 : Fe.value, Ft = te.value ? te.value : "1px 5px", pt = Me.value !== 0 && !Me.value || Me.value < 0 ? 0 : Me.value, kt = Ye.value === null || Ye.value === void 0 ? 13 : Ye.value, it = Xe.value === null || Xe.value === void 0 ? 5 : Xe.value, Lt = lt.value ? lt.value : "'Lato', sans-serif", ra = nt.value ? nt.value : "1em", Ot = ft.value ? ft.value : "0.8em", l = h.value ? h.value : 400, c = R.value ? R.value : "#333333", Q = Oe.value ? Oe.value : "#ffffff", t = k.value ? k.value : "#333333", n = T.value ? T.value : "#ffffff";
|
|
1904
1919
|
return {
|
|
1905
1920
|
disabled: u,
|
|
1906
1921
|
display: g,
|
|
1907
1922
|
width: W,
|
|
1908
1923
|
font: Zt,
|
|
1909
|
-
fontSize:
|
|
1924
|
+
fontSize: ht,
|
|
1910
1925
|
fontWeight: ea,
|
|
1911
1926
|
textColor: qe,
|
|
1912
1927
|
caretColor: Nt,
|
|
1913
1928
|
selectionBgColor: Jt,
|
|
1914
|
-
selectionTextColor:
|
|
1929
|
+
selectionTextColor: mt,
|
|
1915
1930
|
paddingX: It,
|
|
1916
1931
|
paddingY: Wt,
|
|
1917
1932
|
borderRadius: Xt,
|
|
1918
1933
|
minChips: ta,
|
|
1919
1934
|
maxChips: aa,
|
|
1920
1935
|
inputPosition: la,
|
|
1921
|
-
inputStyle:
|
|
1936
|
+
inputStyle: $t,
|
|
1922
1937
|
theme: na,
|
|
1923
1938
|
showLabel: oa,
|
|
1924
1939
|
labelLeft: ua,
|
|
1925
1940
|
labelBackground: Et,
|
|
1926
1941
|
inputLabelMarginActive: Pt,
|
|
1927
1942
|
labelPadding: Ft,
|
|
1928
|
-
labelBorderRadius:
|
|
1929
|
-
labelActiveTop:
|
|
1943
|
+
labelBorderRadius: pt,
|
|
1944
|
+
labelActiveTop: kt,
|
|
1930
1945
|
labelActiveLeft: it,
|
|
1931
|
-
fontFamilyLabel:
|
|
1946
|
+
fontFamilyLabel: Lt,
|
|
1932
1947
|
fontSizeLabel: ra,
|
|
1933
|
-
fontSizeLabelActive:
|
|
1934
|
-
fontWeightLabel:
|
|
1935
|
-
lightTextColorLabel:
|
|
1936
|
-
darkTextColorLabel:
|
|
1948
|
+
fontSizeLabelActive: Ot,
|
|
1949
|
+
fontWeightLabel: l,
|
|
1950
|
+
lightTextColorLabel: c,
|
|
1951
|
+
darkTextColorLabel: Q,
|
|
1937
1952
|
lightTextColorLabelActive: t,
|
|
1938
|
-
darkTextColorLabelActive:
|
|
1953
|
+
darkTextColorLabelActive: n
|
|
1939
1954
|
};
|
|
1940
|
-
}),
|
|
1941
|
-
const u =
|
|
1955
|
+
}), _ = a(() => ae.value.disabled), M = a(() => {
|
|
1956
|
+
const u = ae.value, g = At.value;
|
|
1942
1957
|
return {
|
|
1943
1958
|
display: u.display,
|
|
1944
1959
|
// Adiciona padding-top quando o label está ativo para evitar que seja cortado
|
|
1945
1960
|
paddingTop: g && b.value ? `${Math.abs(u.labelActiveTop)}px` : "0"
|
|
1946
1961
|
};
|
|
1947
|
-
}),
|
|
1948
|
-
const u =
|
|
1962
|
+
}), le = a(() => {
|
|
1963
|
+
const u = ae.value;
|
|
1949
1964
|
return u.fontSize ? u.fontSize : "1.4em";
|
|
1950
1965
|
}), I = a(() => {
|
|
1951
|
-
const u =
|
|
1966
|
+
const u = ae.value, g = At.value;
|
|
1952
1967
|
return {
|
|
1953
1968
|
color: u.textColor,
|
|
1954
1969
|
padding: `${u.paddingY}rem ${u.paddingX}rem`,
|
|
@@ -1956,7 +1971,7 @@ const Al = ["for"], _l = ["id"], $l = { class: "chip-text" }, wl = ["onClick"],
|
|
|
1956
1971
|
textAlign: xe.value,
|
|
1957
1972
|
marginTop: g && b.value ? `${u.inputLabelMarginActive}px` : "0"
|
|
1958
1973
|
};
|
|
1959
|
-
}),
|
|
1974
|
+
}), _t = a(() => {
|
|
1960
1975
|
switch (L.value) {
|
|
1961
1976
|
case "italic":
|
|
1962
1977
|
return "component__text--italic";
|
|
@@ -1966,40 +1981,40 @@ const Al = ["for"], _l = ["id"], $l = { class: "chip-text" }, wl = ["onClick"],
|
|
|
1966
1981
|
return "component__text--normal";
|
|
1967
1982
|
}
|
|
1968
1983
|
}), wt = a(() => {
|
|
1969
|
-
const u =
|
|
1970
|
-
return u.inputStyle !== "line" &&
|
|
1971
|
-
}), Y = a(() =>
|
|
1984
|
+
const u = ae.value;
|
|
1985
|
+
return u.inputStyle !== "line" && $.value ? { borderRadius: `${u.borderRadius}rem` } : {};
|
|
1986
|
+
}), Y = a(() => ae.value.font), ut = a(() => ae.value.textColor), rt = a(() => ae.value.inputPosition === "top" ? "column" : "column-reverse"), vt = a(() => {
|
|
1972
1987
|
const u = {};
|
|
1973
1988
|
Re.value && Object.keys(Re.value).forEach((qe) => u[`aria-${qe}`] = Re.value[qe]);
|
|
1974
1989
|
const g = {
|
|
1975
1990
|
"aria-label": me.value,
|
|
1976
|
-
"aria-disabled":
|
|
1991
|
+
"aria-disabled": X.value,
|
|
1977
1992
|
...u
|
|
1978
1993
|
};
|
|
1979
1994
|
return Object.fromEntries(
|
|
1980
1995
|
Object.entries(g).filter(([W, qe]) => qe != null)
|
|
1981
1996
|
);
|
|
1982
1997
|
}), B = a(() => {
|
|
1983
|
-
const u =
|
|
1998
|
+
const u = ae.value;
|
|
1984
1999
|
return u.caretColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
|
|
1985
2000
|
}), Rt = a(() => {
|
|
1986
|
-
const u =
|
|
2001
|
+
const u = ae.value;
|
|
1987
2002
|
return u.selectionBgColor || (u.theme === "dark" ? "#00d4ff" : "#007bff");
|
|
1988
2003
|
}), Mt = a(() => {
|
|
1989
|
-
const u =
|
|
2004
|
+
const u = ae.value;
|
|
1990
2005
|
return u.selectionTextColor || (u.theme === "dark" ? "#000000" : "#ffffff");
|
|
1991
2006
|
}), Tt = a(() => ({
|
|
1992
2007
|
caretColor: B.value
|
|
1993
2008
|
})), jt = a(() => ({
|
|
1994
2009
|
"--selection-bg-color": Rt.value,
|
|
1995
2010
|
"--selection-text-color": Mt.value
|
|
1996
|
-
})),
|
|
1997
|
-
const u =
|
|
2011
|
+
})), yt = a(() => {
|
|
2012
|
+
const u = ae.value, g = {
|
|
1998
2013
|
width: `${u.width}px`
|
|
1999
2014
|
};
|
|
2000
2015
|
return u.display === "block" ? { width: "auto" } : g;
|
|
2001
2016
|
}), Bt = a(() => ce.value ? ce.value : `${D.value}-name-label`), At = a(() => N.value || j.value.length > 0 || he.value && he.value.trim().length > 0), zt = a(() => b.value ? N.value || j.value.length > 0 ? P.value : "" : P.value), Ht = a(() => {
|
|
2002
|
-
const u =
|
|
2017
|
+
const u = ae.value, g = At.value, W = g ? u.lightTextColorLabelActive : u.lightTextColorLabel, qe = g ? u.darkTextColorLabelActive : u.darkTextColorLabel;
|
|
2003
2018
|
return {
|
|
2004
2019
|
fontFamily: u.fontFamilyLabel,
|
|
2005
2020
|
fontSize: g ? u.fontSizeLabelActive : u.fontSizeLabel,
|
|
@@ -2021,7 +2036,7 @@ const Al = ["for"], _l = ["id"], $l = { class: "chip-text" }, wl = ["onClick"],
|
|
|
2021
2036
|
return "component__theme--light";
|
|
2022
2037
|
}
|
|
2023
2038
|
}), Gt = a(() => {
|
|
2024
|
-
switch (
|
|
2039
|
+
switch (_e.value) {
|
|
2025
2040
|
case "line":
|
|
2026
2041
|
return "component__input--line";
|
|
2027
2042
|
case "border":
|
|
@@ -2035,8 +2050,8 @@ const Al = ["for"], _l = ["id"], $l = { class: "chip-text" }, wl = ["onClick"],
|
|
|
2035
2050
|
N.value = !0, C("focused");
|
|
2036
2051
|
}, Qt = () => {
|
|
2037
2052
|
N.value = !1, C("blurred");
|
|
2038
|
-
},
|
|
2039
|
-
if (!(
|
|
2053
|
+
}, Vt = (u) => {
|
|
2054
|
+
if (!(X.value || Z.value) && u.key === "Enter" && he.value.trim() !== "") {
|
|
2040
2055
|
u.preventDefault();
|
|
2041
2056
|
let g = he.value.trim();
|
|
2042
2057
|
be.value && (g = g.toUpperCase()), (w.value || !j.value.includes(g)) && Dt(g), he.value = "";
|
|
@@ -2052,27 +2067,27 @@ const Al = ["for"], _l = ["id"], $l = { class: "chip-text" }, wl = ["onClick"],
|
|
|
2052
2067
|
C("input-changed", u);
|
|
2053
2068
|
}), (u, g) => o(D) ? (F(), q("div", da({
|
|
2054
2069
|
key: 0,
|
|
2055
|
-
class: ["nb-wrapper",
|
|
2070
|
+
class: ["nb-wrapper", _.value],
|
|
2056
2071
|
style: [M.value],
|
|
2057
2072
|
role: "input"
|
|
2058
|
-
},
|
|
2073
|
+
}, vt.value, { onClick: Kt }), [
|
|
2059
2074
|
o(b) ? (F(), q("label", {
|
|
2060
2075
|
key: 0,
|
|
2061
2076
|
for: Bt.value,
|
|
2062
2077
|
class: "component__label",
|
|
2063
2078
|
style: Ee([Ht.value])
|
|
2064
|
-
},
|
|
2079
|
+
}, Ct(o(fe)), 13, $l)) : Be("", !0),
|
|
2065
2080
|
ve("div", {
|
|
2066
2081
|
id: o(D),
|
|
2067
2082
|
ref_key: "chipsContainer",
|
|
2068
|
-
ref:
|
|
2083
|
+
ref: xt,
|
|
2069
2084
|
class: We(["nb-reset", "component", Ut.value, Gt.value]),
|
|
2070
|
-
style: Ee([I.value,
|
|
2085
|
+
style: Ee([I.value, yt.value, wt.value])
|
|
2071
2086
|
}, [
|
|
2072
2087
|
j.value.length > 0 ? (F(), q("div", {
|
|
2073
2088
|
key: 0,
|
|
2074
2089
|
ref_key: "chips",
|
|
2075
|
-
ref:
|
|
2090
|
+
ref: ot,
|
|
2076
2091
|
class: "chips"
|
|
2077
2092
|
}, [
|
|
2078
2093
|
(F(!0), q(qa, null, ja(j.value, (W) => (F(), q("div", {
|
|
@@ -2084,40 +2099,40 @@ const Al = ["for"], _l = ["id"], $l = { class: "chip-text" }, wl = ["onClick"],
|
|
|
2084
2099
|
chip: W,
|
|
2085
2100
|
removeChip: r
|
|
2086
2101
|
}, () => [
|
|
2087
|
-
ve("span",
|
|
2088
|
-
!o(
|
|
2102
|
+
ve("span", wl, Ct(W), 1),
|
|
2103
|
+
!o(X) && !o(Z) ? (F(), q("span", {
|
|
2089
2104
|
key: 0,
|
|
2090
2105
|
class: "chip-remove",
|
|
2091
2106
|
onClick: (qe) => r(W)
|
|
2092
|
-
}, "×", 8,
|
|
2107
|
+
}, "×", 8, Rl)) : Be("", !0)
|
|
2093
2108
|
], !0)
|
|
2094
2109
|
]))), 128))
|
|
2095
2110
|
], 512)) : Be("", !0),
|
|
2096
2111
|
pa(ve("input", {
|
|
2097
2112
|
ref_key: "chipInput",
|
|
2098
|
-
ref:
|
|
2113
|
+
ref: St,
|
|
2099
2114
|
type: "text",
|
|
2100
2115
|
"onUpdate:modelValue": g[0] || (g[0] = (W) => he.value = W),
|
|
2101
2116
|
id: Bt.value,
|
|
2102
2117
|
name: Bt.value,
|
|
2103
2118
|
placeholder: zt.value,
|
|
2104
|
-
readonly: o(
|
|
2119
|
+
readonly: o(Z),
|
|
2105
2120
|
autocomplete: o(Ce),
|
|
2106
2121
|
required: o(ge),
|
|
2107
|
-
tabindex: o(
|
|
2108
|
-
class: We(["chips-input",
|
|
2122
|
+
tabindex: o(X) || o(Z) ? -1 : o(ue),
|
|
2123
|
+
class: We(["chips-input", _t.value]),
|
|
2109
2124
|
style: Ee([Tt.value, jt.value]),
|
|
2110
|
-
onKeydown: g[1] || (g[1] = qt((W) => !o(
|
|
2125
|
+
onKeydown: g[1] || (g[1] = qt((W) => !o(X) && o(ee) && Vt(W), ["enter"])),
|
|
2111
2126
|
onFocus: Yt,
|
|
2112
2127
|
onBlur: Qt
|
|
2113
|
-
}, null, 46,
|
|
2128
|
+
}, null, 46, Ml), [
|
|
2114
2129
|
[Ua, he.value]
|
|
2115
2130
|
])
|
|
2116
2131
|
], 14, _l)
|
|
2117
2132
|
], 16)) : Be("", !0);
|
|
2118
2133
|
}
|
|
2119
|
-
}),
|
|
2120
|
-
const
|
|
2134
|
+
}), Dl = /* @__PURE__ */ ba(zl, [["__scopeId", "data-v-3467aba9"]]);
|
|
2135
|
+
const Nl = ["id"], Il = ["for"], Wl = ["id", "name", "placeholder", "disabled", "required", "readonly", "autocomplete", "tabindex"], El = /* @__PURE__ */ Object.assign({
|
|
2121
2136
|
name: "NbTextarea",
|
|
2122
2137
|
inheritAttrs: !1
|
|
2123
2138
|
}, {
|
|
@@ -2488,28 +2503,28 @@ const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2488
2503
|
setup(e, { emit: m }) {
|
|
2489
2504
|
fa((r) => ({
|
|
2490
2505
|
"047a55d8": N.value,
|
|
2491
|
-
ea886f76: o(
|
|
2492
|
-
"5f575c4c":
|
|
2506
|
+
ea886f76: o(Qe),
|
|
2507
|
+
"5f575c4c": _t.value,
|
|
2493
2508
|
"49bec09e": wt.value,
|
|
2494
2509
|
"6c0f38b6": Y.value,
|
|
2495
|
-
"39a7a83b": o(
|
|
2496
|
-
f3bddb72: o(
|
|
2510
|
+
"39a7a83b": o(at),
|
|
2511
|
+
f3bddb72: o(gt),
|
|
2497
2512
|
"57474d63": o(Te),
|
|
2498
2513
|
"2f3efd35": o(Se),
|
|
2499
|
-
dec8fa5e: o(
|
|
2514
|
+
dec8fa5e: o(bt),
|
|
2500
2515
|
"1a17e7ed": o(ye),
|
|
2501
|
-
"643b68eb": o(
|
|
2502
|
-
"21bee77c":
|
|
2516
|
+
"643b68eb": o(tt),
|
|
2517
|
+
"21bee77c": St.value,
|
|
2503
2518
|
"07928033": o(st),
|
|
2504
2519
|
"34a18ea8": Bt.value,
|
|
2505
|
-
"780ea453":
|
|
2506
|
-
56538312:
|
|
2520
|
+
"780ea453": ae.value,
|
|
2521
|
+
56538312: _.value,
|
|
2507
2522
|
"788359bb": M.value,
|
|
2508
2523
|
dfd2f9d6: I.value,
|
|
2509
2524
|
ecc55bb6: r.styleButtonColor,
|
|
2510
|
-
f59f43ec:
|
|
2525
|
+
f59f43ec: le.value
|
|
2511
2526
|
})), sa(() => {
|
|
2512
|
-
k.value =
|
|
2527
|
+
k.value = je.value;
|
|
2513
2528
|
}), ma(() => {
|
|
2514
2529
|
Yt();
|
|
2515
2530
|
});
|
|
@@ -2520,9 +2535,9 @@ const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2520
2535
|
ariaLabel: Ae,
|
|
2521
2536
|
ariaAttrs: ke,
|
|
2522
2537
|
textColor: se,
|
|
2523
|
-
caretColor:
|
|
2538
|
+
caretColor: X,
|
|
2524
2539
|
selectionBgColor: Pe,
|
|
2525
|
-
selectionTextColor:
|
|
2540
|
+
selectionTextColor: $e,
|
|
2526
2541
|
hasBorderRadius: ne,
|
|
2527
2542
|
borderRadius: U,
|
|
2528
2543
|
disabled: w,
|
|
@@ -2533,57 +2548,57 @@ const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2533
2548
|
fontSizeMsg: ce,
|
|
2534
2549
|
fontWeightMsg: P,
|
|
2535
2550
|
textMessageColor: be,
|
|
2536
|
-
inputWidth:
|
|
2551
|
+
inputWidth: Z,
|
|
2537
2552
|
inputStyle: Ce,
|
|
2538
2553
|
activeTextStyle: ge,
|
|
2539
2554
|
inputReadonly: xe,
|
|
2540
|
-
hasTrim:
|
|
2555
|
+
hasTrim: $,
|
|
2541
2556
|
inputUppercase: L,
|
|
2542
2557
|
inputName: x,
|
|
2543
|
-
inputPlaceholder:
|
|
2544
|
-
inputText:
|
|
2558
|
+
inputPlaceholder: _e,
|
|
2559
|
+
inputText: je,
|
|
2545
2560
|
theme: we,
|
|
2546
|
-
tabindex:
|
|
2561
|
+
tabindex: et,
|
|
2547
2562
|
lightBgColor: ye,
|
|
2548
|
-
lightBgColorFocus:
|
|
2549
|
-
lightDisabledBgColor:
|
|
2550
|
-
lightTextColor:
|
|
2563
|
+
lightBgColorFocus: tt,
|
|
2564
|
+
lightDisabledBgColor: bt,
|
|
2565
|
+
lightTextColor: Qe,
|
|
2551
2566
|
darkBgColor: Te,
|
|
2552
2567
|
darkBgColorFocus: Se,
|
|
2553
|
-
darkDisabledBgColor:
|
|
2554
|
-
darkTextColor:
|
|
2568
|
+
darkDisabledBgColor: gt,
|
|
2569
|
+
darkTextColor: at,
|
|
2555
2570
|
textAlign: st,
|
|
2556
2571
|
showMsg: dt,
|
|
2557
2572
|
hasMsg: ct,
|
|
2558
|
-
showLabel:
|
|
2559
|
-
labelBackground:
|
|
2560
|
-
labelPadding:
|
|
2561
|
-
labelBorderRadius:
|
|
2573
|
+
showLabel: He,
|
|
2574
|
+
labelBackground: Ue,
|
|
2575
|
+
labelPadding: Je,
|
|
2576
|
+
labelBorderRadius: Ge,
|
|
2562
2577
|
labelLeft: y,
|
|
2563
2578
|
inputLabelMarginActive: V,
|
|
2564
2579
|
labelActiveTop: ue,
|
|
2565
|
-
labelActiveLeft:
|
|
2580
|
+
labelActiveLeft: ee,
|
|
2566
2581
|
fontFamilyLabel: me,
|
|
2567
2582
|
fontSizeLabel: Re,
|
|
2568
|
-
fontSizeLabelActive:
|
|
2583
|
+
fontSizeLabelActive: Ke,
|
|
2569
2584
|
fontWeightLabel: re,
|
|
2570
|
-
lightTextColorLabel:
|
|
2585
|
+
lightTextColorLabel: d,
|
|
2571
2586
|
lightTextColorLabelActive: b,
|
|
2572
2587
|
darkTextColorLabel: fe,
|
|
2573
2588
|
darkTextColorLabelActive: K,
|
|
2574
|
-
rows:
|
|
2589
|
+
rows: te,
|
|
2575
2590
|
cols: Me,
|
|
2576
2591
|
maxlength: ze,
|
|
2577
2592
|
minlength: Fe,
|
|
2578
|
-
wrap:
|
|
2579
|
-
spellcheck:
|
|
2580
|
-
autofocus:
|
|
2581
|
-
resize:
|
|
2593
|
+
wrap: Ye,
|
|
2594
|
+
spellcheck: Xe,
|
|
2595
|
+
autofocus: lt,
|
|
2596
|
+
resize: nt,
|
|
2582
2597
|
autoResize: ft,
|
|
2583
2598
|
minRows: h,
|
|
2584
2599
|
maxRows: R
|
|
2585
|
-
} = va(E), k =
|
|
2586
|
-
const r = w.value ? "component-disabled" : "", u = Ve.value !== "b" ? "inline-block" : "block", g = se ? se.value : "ffffff", W =
|
|
2600
|
+
} = va(E), k = J(""), Oe = J(!1), T = a(() => {
|
|
2601
|
+
const r = w.value ? "component-disabled" : "", u = Ve.value !== "b" ? "inline-block" : "block", g = se ? se.value : "ffffff", W = X.value ? X.value : "", qe = Pe.value ? Pe.value : "", Nt = $e.value ? $e.value : "", Jt = ne.value ? ne.value : !1, mt = U.value !== 0 && !U.value || U.value < 0 ? 0 : U.value, It = oe.value ? oe.value : "'Lato', sans-serif", Wt = de.value ? de.value : "1.4em", Xt = G.value !== 0 && !G.value || G.value < 0 ? 100 : G.value, Zt = Le.value ? Le.value : "'Lato', sans-serif", ht = ce.value ? ce.value : "1em", ea = P.value !== 0 && !P.value || P.value < 0 ? 100 : P.value, ta = be.value ? be.value : "#f15574", aa = Z.value ? Z.value : 200, la = ge.value ? ge.value : "normal", $t = xe.value ? xe.value : !1, na = L.value ? L.value : !1, oa = we.value ? we.value : "normal", ua = st.value ? st.value : "left", Et = Ce.value ? Ce.value : "background", Pt = He.value ? He.value : !1, Ft = y.value !== 0 && !y.value || y.value < 0 ? 5 : y.value, pt = Ue.value ? Ue.value : "transparent", kt = V.value !== 0 && !V.value || V.value < 0 ? 15 : V.value, it = Je.value ? Je.value : "1px 5px", Lt = Ge.value !== 0 && !Ge.value || Ge.value < 0 ? 0 : Ge.value, ra = ue.value === null || ue.value === void 0 ? -13 : ue.value, Ot = ee.value === null || ee.value === void 0 ? -10 : ee.value, l = me.value ? me.value : "'Lato', sans-serif", c = Re.value ? Re.value : "1em", Q = Ke.value ? Ke.value : "0.8em", t = re.value ? re.value : 400, n = d.value ? d.value : "#ffffff", s = fe.value ? fe.value : "#000000", i = b.value ? b.value : "#ffffff", v = K.value ? K.value : "#000000", f = te.value && te.value > 0 ? te.value : 2, p = Me.value && Me.value > 0 ? Me.value : 20, S = ze.value !== null && ze.value >= 0 ? ze.value : null, A = Fe.value !== null && Fe.value >= 0 ? Fe.value : null, z = Ye.value && ["soft", "hard", "off"].includes(Ye.value) ? Ye.value : "soft", O = Xe.value !== void 0 ? Xe.value : "default", ie = lt.value !== void 0 ? lt.value : !1, De = nt.value && ["none", "both", "vertical", "horizontal"].includes(nt.value) ? nt.value : "vertical", Ze = ft.value !== void 0 ? ft.value : !1, Ne = h.value !== null && h.value > 0 ? h.value : null, Ie = R.value !== null && R.value > 0 ? R.value : null;
|
|
2587
2602
|
return {
|
|
2588
2603
|
disabled: r,
|
|
2589
2604
|
display: u,
|
|
@@ -2591,7 +2606,7 @@ const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2591
2606
|
fontSize: Wt,
|
|
2592
2607
|
fontWeight: Xt,
|
|
2593
2608
|
fontFamilyMsg: Zt,
|
|
2594
|
-
fontSizeMsg:
|
|
2609
|
+
fontSizeMsg: ht,
|
|
2595
2610
|
fontWeightMsg: ea,
|
|
2596
2611
|
textMessageColor: ta,
|
|
2597
2612
|
textColor: g,
|
|
@@ -2599,28 +2614,28 @@ const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2599
2614
|
selectionBgColor: qe,
|
|
2600
2615
|
selectionTextColor: Nt,
|
|
2601
2616
|
hasBorderRadius: Jt,
|
|
2602
|
-
borderRadius:
|
|
2617
|
+
borderRadius: mt,
|
|
2603
2618
|
textAlign: ua,
|
|
2604
2619
|
inputWidth: aa,
|
|
2605
2620
|
activeTextStyle: la,
|
|
2606
|
-
inputReadonly:
|
|
2621
|
+
inputReadonly: $t,
|
|
2607
2622
|
inputUppercase: na,
|
|
2608
2623
|
theme: oa,
|
|
2609
2624
|
inputStyle: Et,
|
|
2610
2625
|
showLabel: Pt,
|
|
2611
|
-
labelBackground:
|
|
2626
|
+
labelBackground: pt,
|
|
2612
2627
|
labelPadding: it,
|
|
2613
|
-
labelBorderRadius:
|
|
2628
|
+
labelBorderRadius: Lt,
|
|
2614
2629
|
labelLeft: Ft,
|
|
2615
|
-
inputLabelMarginActive:
|
|
2630
|
+
inputLabelMarginActive: kt,
|
|
2616
2631
|
labelActiveTop: ra,
|
|
2617
|
-
labelActiveLeft:
|
|
2618
|
-
fontFamilyLabel:
|
|
2619
|
-
fontSizeLabel:
|
|
2620
|
-
fontSizeLabelActive:
|
|
2632
|
+
labelActiveLeft: Ot,
|
|
2633
|
+
fontFamilyLabel: l,
|
|
2634
|
+
fontSizeLabel: c,
|
|
2635
|
+
fontSizeLabelActive: Q,
|
|
2621
2636
|
fontWeightLabel: t,
|
|
2622
|
-
lightTextColorLabel:
|
|
2623
|
-
darkTextColorLabel:
|
|
2637
|
+
lightTextColorLabel: n,
|
|
2638
|
+
darkTextColorLabel: s,
|
|
2624
2639
|
lightTextColorLabelActive: i,
|
|
2625
2640
|
darkTextColorLabelActive: v,
|
|
2626
2641
|
rows: f,
|
|
@@ -2631,25 +2646,25 @@ const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2631
2646
|
spellcheck: O,
|
|
2632
2647
|
autofocus: ie,
|
|
2633
2648
|
resize: De,
|
|
2634
|
-
autoResize:
|
|
2649
|
+
autoResize: Ze,
|
|
2635
2650
|
minRows: Ne,
|
|
2636
2651
|
maxRows: Ie
|
|
2637
2652
|
};
|
|
2638
|
-
}), he = a(() => T.value.disabled),
|
|
2653
|
+
}), he = a(() => T.value.disabled), xt = a(() => ({
|
|
2639
2654
|
display: T.value.display
|
|
2640
|
-
})),
|
|
2655
|
+
})), St = a(() => {
|
|
2641
2656
|
const r = T.value;
|
|
2642
2657
|
return r.fontSize ? r.fontSize : "1.4em";
|
|
2643
|
-
}),
|
|
2644
|
-
const r = T.value, u =
|
|
2658
|
+
}), ot = a(() => {
|
|
2659
|
+
const r = T.value, u = yt.value;
|
|
2645
2660
|
return {
|
|
2646
2661
|
fontWeight: r.fontWeight,
|
|
2647
|
-
marginTop: u &&
|
|
2662
|
+
marginTop: u && He.value ? `${r.inputLabelMarginActive}px` : "0"
|
|
2648
2663
|
};
|
|
2649
2664
|
}), j = a(() => {
|
|
2650
2665
|
const r = T.value;
|
|
2651
2666
|
return r.inputStyle !== "line" && r.hasBorderRadius ? { borderRadius: `${r.borderRadius}rem` } : {};
|
|
2652
|
-
}), N = a(() => T.value.font),
|
|
2667
|
+
}), N = a(() => T.value.font), ae = a(() => T.value.fontFamilyMsg), _ = a(() => T.value.fontSizeMsg), M = a(() => T.value.fontWeightMsg), le = a(() => T.value.textColor), I = a(() => T.value.textMessageColor), _t = a(() => {
|
|
2653
2668
|
const r = T.value;
|
|
2654
2669
|
return r.caretColor || (r.theme === "dark" ? "#00d4ff" : "#007bff");
|
|
2655
2670
|
}), wt = a(() => {
|
|
@@ -2658,7 +2673,7 @@ const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2658
2673
|
}), Y = a(() => {
|
|
2659
2674
|
const r = T.value;
|
|
2660
2675
|
return r.selectionTextColor || (r.theme === "dark" ? "#000000" : "#ffffff");
|
|
2661
|
-
}),
|
|
2676
|
+
}), ut = a(() => {
|
|
2662
2677
|
const r = T.value;
|
|
2663
2678
|
return r.display === "block" ? { width: "100%" } : {
|
|
2664
2679
|
width: `${r.inputWidth}px`
|
|
@@ -2672,7 +2687,7 @@ const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2672
2687
|
default:
|
|
2673
2688
|
return "component__input--background";
|
|
2674
2689
|
}
|
|
2675
|
-
}),
|
|
2690
|
+
}), vt = a(() => {
|
|
2676
2691
|
switch (T.value.activeTextStyle) {
|
|
2677
2692
|
case "italic":
|
|
2678
2693
|
return "component__input--active--italic";
|
|
@@ -2688,7 +2703,7 @@ const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2688
2703
|
default:
|
|
2689
2704
|
return "component__theme--light";
|
|
2690
2705
|
}
|
|
2691
|
-
}), Rt = a(() => T.value.inputReadonly ? "component__input--read-only" : ""), Mt = a(() => T.value.inputUppercase ? "component__input--uppercase" : ""), Tt = a(() => x.value ? x.value : `${D.value}-name-label`), jt = a(() =>
|
|
2706
|
+
}), Rt = a(() => T.value.inputReadonly ? "component__input--read-only" : ""), Mt = a(() => T.value.inputUppercase ? "component__input--uppercase" : ""), Tt = a(() => x.value ? x.value : `${D.value}-name-label`), jt = a(() => He.value ? Oe.value ? _e.value : "" : _e.value), yt = a(() => Oe.value || k.value && k.value.trim().length > 0);
|
|
2692
2707
|
a(() => Oe.value ? "component__input--active" : "component__input--no-active");
|
|
2693
2708
|
const Bt = a(() => "6px 10px"), At = a(() => !!(dt.value && ct.value)), zt = a(() => {
|
|
2694
2709
|
const r = {};
|
|
@@ -2702,7 +2717,7 @@ const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2702
2717
|
Object.entries(u).filter(([g, W]) => W != null)
|
|
2703
2718
|
);
|
|
2704
2719
|
}), Ht = a(() => {
|
|
2705
|
-
const r = T.value, u =
|
|
2720
|
+
const r = T.value, u = yt.value, g = u ? r.lightTextColorLabelActive : r.lightTextColorLabel, W = u ? r.darkTextColorLabelActive : r.darkTextColorLabel;
|
|
2706
2721
|
return {
|
|
2707
2722
|
fontFamily: r.fontFamilyLabel,
|
|
2708
2723
|
fontSize: u ? r.fontSizeLabelActive : r.fontSizeLabel,
|
|
@@ -2736,19 +2751,19 @@ const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2736
2751
|
whiteSpace: "nowrap",
|
|
2737
2752
|
overflowX: "auto"
|
|
2738
2753
|
} : {}), Yt = () => {
|
|
2739
|
-
k.value =
|
|
2754
|
+
k.value = je.value;
|
|
2740
2755
|
}, Qt = () => {
|
|
2741
2756
|
C("clicked");
|
|
2742
|
-
},
|
|
2757
|
+
}, Vt = () => {
|
|
2743
2758
|
w.value || T.value.inputReadonly || !pe.value || C("entered", k.value);
|
|
2744
2759
|
}, Dt = () => {
|
|
2745
2760
|
let r = k.value;
|
|
2746
|
-
|
|
2761
|
+
$.value && (r = r.trim()), C("current-value", r);
|
|
2747
2762
|
};
|
|
2748
|
-
return H(
|
|
2763
|
+
return H(je, (r) => {
|
|
2749
2764
|
r !== k.value && (k.value = r);
|
|
2750
2765
|
}, { immediate: !0 }), H(k, (r) => {
|
|
2751
|
-
|
|
2766
|
+
$.value && (r = r.trim()), C("changed", r);
|
|
2752
2767
|
}), H(Oe, (r) => {
|
|
2753
2768
|
C(r ? "focused" : "blurred");
|
|
2754
2769
|
}), H(k, () => {
|
|
@@ -2756,21 +2771,21 @@ const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2756
2771
|
}, { immediate: !0 }), (r, u) => o(D) ? (F(), q("div", da({
|
|
2757
2772
|
key: 0,
|
|
2758
2773
|
class: ["nb-wrapper", he.value],
|
|
2759
|
-
style: [
|
|
2774
|
+
style: [xt.value, ut.value, j.value],
|
|
2760
2775
|
role: "input"
|
|
2761
2776
|
}, zt.value), [
|
|
2762
2777
|
ve("div", {
|
|
2763
2778
|
id: o(D),
|
|
2764
2779
|
class: We(["nb-reset", "component", B.value, Rt.value, rt.value]),
|
|
2765
|
-
style: Ee([
|
|
2780
|
+
style: Ee([ot.value, ut.value, j.value]),
|
|
2766
2781
|
onClick: Qt
|
|
2767
2782
|
}, [
|
|
2768
|
-
o(
|
|
2783
|
+
o(He) ? (F(), q("label", {
|
|
2769
2784
|
key: 0,
|
|
2770
2785
|
for: Tt.value,
|
|
2771
2786
|
class: "component__label",
|
|
2772
2787
|
style: Ee([Ht.value])
|
|
2773
|
-
},
|
|
2788
|
+
}, Ct(e.label), 13, Il)) : Be("", !0),
|
|
2774
2789
|
pa(ve("textarea", da({
|
|
2775
2790
|
"onUpdate:modelValue": u[0] || (u[0] = (g) => k.value = g),
|
|
2776
2791
|
id: Tt.value,
|
|
@@ -2778,36 +2793,36 @@ const Dl = ["id"], Nl = ["for"], Il = ["id", "name", "placeholder", "disabled",
|
|
|
2778
2793
|
}, Ut.value, {
|
|
2779
2794
|
class: ["component__input", [
|
|
2780
2795
|
Mt.value,
|
|
2781
|
-
|
|
2796
|
+
vt.value
|
|
2782
2797
|
]],
|
|
2783
2798
|
placeholder: jt.value,
|
|
2784
2799
|
disabled: o(w) || o(xe),
|
|
2785
2800
|
required: e.required,
|
|
2786
2801
|
readonly: o(xe),
|
|
2787
2802
|
autocomplete: e.inputAutocomplete,
|
|
2788
|
-
tabindex: o(w) || o(xe) ? -1 : o(
|
|
2803
|
+
tabindex: o(w) || o(xe) ? -1 : o(et),
|
|
2789
2804
|
role: "textbox",
|
|
2790
2805
|
style: [j.value, Gt.value, Kt.value],
|
|
2791
2806
|
onFocus: u[1] || (u[1] = (g) => Oe.value = !0),
|
|
2792
2807
|
onBlur: u[2] || (u[2] = (g) => Oe.value = !1),
|
|
2793
2808
|
onInput: Dt,
|
|
2794
|
-
onKeydown: u[3] || (u[3] = qt((g) => !o(w) && o(pe) &&
|
|
2795
|
-
}), null, 16,
|
|
2809
|
+
onKeydown: u[3] || (u[3] = qt((g) => !o(w) && o(pe) && Vt(), ["enter"]))
|
|
2810
|
+
}), null, 16, Wl), [
|
|
2796
2811
|
[Ua, k.value]
|
|
2797
2812
|
])
|
|
2798
|
-
], 14,
|
|
2813
|
+
], 14, Nl),
|
|
2799
2814
|
At.value ? (F(), q("div", {
|
|
2800
2815
|
key: 0,
|
|
2801
2816
|
class: We(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
|
|
2802
2817
|
}, [
|
|
2803
2818
|
ia(r.$slots, "message", {}, () => [
|
|
2804
|
-
ga(
|
|
2819
|
+
ga(Ct(e.message), 1)
|
|
2805
2820
|
], !0)
|
|
2806
2821
|
], 2)) : Be("", !0)
|
|
2807
2822
|
], 16)) : Be("", !0);
|
|
2808
2823
|
}
|
|
2809
|
-
}),
|
|
2810
|
-
const
|
|
2824
|
+
}), Pl = /* @__PURE__ */ ba(El, [["__scopeId", "data-v-c4b7eb6b"]]);
|
|
2825
|
+
const Fl = ["id"], Ol = ["for"], ql = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "min", "max", "step", "tabindex"], jl = /* @__PURE__ */ Object.assign({
|
|
2811
2826
|
name: "NbDatePicker",
|
|
2812
2827
|
inheritAttrs: !1
|
|
2813
2828
|
}, {
|
|
@@ -3149,20 +3164,20 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
|
|
|
3149
3164
|
],
|
|
3150
3165
|
setup(e, { emit: m }) {
|
|
3151
3166
|
fa((t) => ({
|
|
3152
|
-
"61b2bd67":
|
|
3167
|
+
"61b2bd67": vt.value,
|
|
3153
3168
|
"7d03ac89": Y.value,
|
|
3154
|
-
cfe0b650: o(
|
|
3155
|
-
"0701dbce":
|
|
3169
|
+
cfe0b650: o(Ue),
|
|
3170
|
+
"0701dbce": yt.value,
|
|
3156
3171
|
"51e828ab": Bt.value,
|
|
3157
3172
|
"0f7ed183": At.value,
|
|
3158
3173
|
d6272570: o(V),
|
|
3159
3174
|
"39af1994": o(y),
|
|
3160
|
-
"3723f1b0": o(
|
|
3175
|
+
"3723f1b0": o(Je),
|
|
3161
3176
|
"66d8e666": Tt.value,
|
|
3162
|
-
"370e0108": o(
|
|
3177
|
+
"370e0108": o(Ge),
|
|
3163
3178
|
"26ed153e": Nt.value,
|
|
3164
3179
|
"68d2e63a": Jt.value,
|
|
3165
|
-
"4ece6524": o(
|
|
3180
|
+
"4ece6524": o(He),
|
|
3166
3181
|
"35cfcd40": o(dt),
|
|
3167
3182
|
"564cdf78": o(ct),
|
|
3168
3183
|
"32f5d3c0": o(ue),
|
|
@@ -3173,7 +3188,7 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
|
|
|
3173
3188
|
cf8029bc: jt.value,
|
|
3174
3189
|
dd275410: t.styleButtonColor
|
|
3175
3190
|
}));
|
|
3176
|
-
const C =
|
|
3191
|
+
const C = ul(
|
|
3177
3192
|
() => import("@vlalg-nimbus/nb-calendar").then((t) => t.Calendar ? t.Calendar : t.default && t.default.Calendar ? t.default.Calendar : t.default)
|
|
3178
3193
|
);
|
|
3179
3194
|
sa(() => {
|
|
@@ -3187,9 +3202,9 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
|
|
|
3187
3202
|
hasTabIndexEnter: Ae,
|
|
3188
3203
|
ariaLabel: ke,
|
|
3189
3204
|
ariaAttrs: se,
|
|
3190
|
-
caretColor:
|
|
3205
|
+
caretColor: X,
|
|
3191
3206
|
selectionBgColor: Pe,
|
|
3192
|
-
selectionTextColor:
|
|
3207
|
+
selectionTextColor: $e,
|
|
3193
3208
|
hasBorderRadius: ne,
|
|
3194
3209
|
borderRadius: U,
|
|
3195
3210
|
disabled: w,
|
|
@@ -3200,86 +3215,86 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
|
|
|
3200
3215
|
fontSizeMsg: ce,
|
|
3201
3216
|
fontWeightMsg: P,
|
|
3202
3217
|
textMessageColor: be,
|
|
3203
|
-
inputWidth:
|
|
3218
|
+
inputWidth: Z,
|
|
3204
3219
|
inputStyle: Ce,
|
|
3205
3220
|
activeTextStyle: ge,
|
|
3206
3221
|
sizeMediaQuery: xe,
|
|
3207
|
-
inputReadonly:
|
|
3222
|
+
inputReadonly: $,
|
|
3208
3223
|
inputType: L,
|
|
3209
3224
|
hasTrim: x,
|
|
3210
|
-
inputUppercase:
|
|
3211
|
-
inputName:
|
|
3225
|
+
inputUppercase: _e,
|
|
3226
|
+
inputName: je,
|
|
3212
3227
|
inputText: we,
|
|
3213
|
-
min:
|
|
3228
|
+
min: et,
|
|
3214
3229
|
max: ye,
|
|
3215
|
-
step:
|
|
3216
|
-
useCustomCalendar:
|
|
3217
|
-
locale:
|
|
3230
|
+
step: tt,
|
|
3231
|
+
useCustomCalendar: bt,
|
|
3232
|
+
locale: Qe,
|
|
3218
3233
|
theme: Te,
|
|
3219
3234
|
allowRange: Se,
|
|
3220
|
-
calendarZIndex:
|
|
3221
|
-
calendarWidth:
|
|
3235
|
+
calendarZIndex: gt,
|
|
3236
|
+
calendarWidth: at,
|
|
3222
3237
|
tabindex: st,
|
|
3223
3238
|
lightBgColor: dt,
|
|
3224
3239
|
lightBgColorFocus: ct,
|
|
3225
|
-
lightDisabledBgColor:
|
|
3226
|
-
lightTextColor:
|
|
3227
|
-
darkBgColor:
|
|
3228
|
-
darkBgColorFocus:
|
|
3240
|
+
lightDisabledBgColor: He,
|
|
3241
|
+
lightTextColor: Ue,
|
|
3242
|
+
darkBgColor: Je,
|
|
3243
|
+
darkBgColorFocus: Ge,
|
|
3229
3244
|
darkDisabledBgColor: y,
|
|
3230
3245
|
darkTextColor: V,
|
|
3231
3246
|
textAlign: ue,
|
|
3232
|
-
showMsg:
|
|
3247
|
+
showMsg: ee,
|
|
3233
3248
|
hasMsg: me,
|
|
3234
3249
|
showLabel: Re,
|
|
3235
|
-
labelBackground:
|
|
3250
|
+
labelBackground: Ke,
|
|
3236
3251
|
labelPadding: re,
|
|
3237
|
-
labelBorderRadius:
|
|
3252
|
+
labelBorderRadius: d,
|
|
3238
3253
|
labelLeft: b,
|
|
3239
3254
|
inputLabelMarginActive: fe,
|
|
3240
3255
|
labelActiveTop: K,
|
|
3241
|
-
labelActiveLeft:
|
|
3256
|
+
labelActiveLeft: te,
|
|
3242
3257
|
fontFamilyLabel: Me,
|
|
3243
3258
|
fontSizeLabel: ze,
|
|
3244
3259
|
fontSizeLabelActive: Fe,
|
|
3245
|
-
fontWeightLabel:
|
|
3246
|
-
lightTextColorLabel:
|
|
3247
|
-
lightTextColorLabelActive:
|
|
3248
|
-
darkTextColorLabel:
|
|
3260
|
+
fontWeightLabel: Ye,
|
|
3261
|
+
lightTextColorLabel: Xe,
|
|
3262
|
+
lightTextColorLabelActive: lt,
|
|
3263
|
+
darkTextColorLabel: nt,
|
|
3249
3264
|
darkTextColorLabelActive: ft
|
|
3250
|
-
} = va(D), h =
|
|
3265
|
+
} = va(D), h = J(""), R = J(""), k = J(""), Oe = J(""), T = J(!1), he = J(!1), xt = a(() => !at.value || at.value < 280 ? 280 : parseInt(at.value, 10)), St = a(() => {
|
|
3251
3266
|
if (!h.value)
|
|
3252
3267
|
return null;
|
|
3253
3268
|
if (Se.value && typeof h.value == "string" && h.value.startsWith("{"))
|
|
3254
3269
|
try {
|
|
3255
3270
|
const t = JSON.parse(h.value);
|
|
3256
3271
|
if (t && (t.startDate || t.endDate)) {
|
|
3257
|
-
const
|
|
3258
|
-
if (!
|
|
3272
|
+
const n = (s) => {
|
|
3273
|
+
if (!s)
|
|
3259
3274
|
return null;
|
|
3260
|
-
if (/^\d{4}-\d{2}-\d{2}$/.test(
|
|
3261
|
-
const [i, v, f] =
|
|
3275
|
+
if (/^\d{4}-\d{2}-\d{2}$/.test(s)) {
|
|
3276
|
+
const [i, v, f] = s.split("-").map(Number);
|
|
3262
3277
|
return new Date(i, v - 1, f);
|
|
3263
3278
|
}
|
|
3264
|
-
return new Date(
|
|
3279
|
+
return new Date(s);
|
|
3265
3280
|
};
|
|
3266
3281
|
return {
|
|
3267
|
-
startDate: t.startDate ?
|
|
3268
|
-
endDate: t.endDate ?
|
|
3282
|
+
startDate: t.startDate ? n(t.startDate) : null,
|
|
3283
|
+
endDate: t.endDate ? n(t.endDate) : null
|
|
3269
3284
|
};
|
|
3270
3285
|
}
|
|
3271
3286
|
} catch {
|
|
3272
3287
|
}
|
|
3273
3288
|
if (L.value === "date" && typeof h.value == "string" && /^\d{4}-\d{2}-\d{2}$/.test(h.value)) {
|
|
3274
|
-
const [t,
|
|
3275
|
-
return new Date(t,
|
|
3289
|
+
const [t, n, s] = h.value.split("-").map(Number);
|
|
3290
|
+
return new Date(t, n - 1, s);
|
|
3276
3291
|
}
|
|
3277
3292
|
return h.value;
|
|
3278
|
-
}),
|
|
3293
|
+
}), ot = (t, n, s) => {
|
|
3279
3294
|
if (!t)
|
|
3280
3295
|
return "";
|
|
3281
|
-
const i =
|
|
3282
|
-
if (
|
|
3296
|
+
const i = s || Qe.value;
|
|
3297
|
+
if (n === "date") {
|
|
3283
3298
|
if (Se.value && typeof t == "string" && t.startsWith("{"))
|
|
3284
3299
|
try {
|
|
3285
3300
|
const v = JSON.parse(t);
|
|
@@ -3307,19 +3322,19 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
|
|
|
3307
3322
|
return i === "pt-BR" ? `${p}/${f}/${v}` : `${f}/${p}/${v}`;
|
|
3308
3323
|
}
|
|
3309
3324
|
return t;
|
|
3310
|
-
} else if (
|
|
3325
|
+
} else if (n === "datetime-local") {
|
|
3311
3326
|
if (typeof t == "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?$/.test(t)) {
|
|
3312
3327
|
const [v, f] = t.split("T"), [p, S, A] = v.split("-");
|
|
3313
3328
|
return i === "pt-BR" ? `${A}/${S}/${p} ${f}` : `${S}/${A}/${p} ${f}`;
|
|
3314
3329
|
}
|
|
3315
3330
|
return t;
|
|
3316
|
-
} else if (
|
|
3331
|
+
} else if (n === "month") {
|
|
3317
3332
|
if (typeof t == "string" && /^\d{4}-\d{2}$/.test(t)) {
|
|
3318
3333
|
const [v, f] = t.split("-");
|
|
3319
3334
|
return `${f}/${v}`;
|
|
3320
3335
|
}
|
|
3321
3336
|
return t;
|
|
3322
|
-
} else if (
|
|
3337
|
+
} else if (n === "week") {
|
|
3323
3338
|
if (typeof t == "string" && /^\d{4}-W\d{2}$/i.test(t)) {
|
|
3324
3339
|
const v = t.match(/^(\d{4})-W(\d{2})$/i);
|
|
3325
3340
|
if (v)
|
|
@@ -3328,11 +3343,11 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
|
|
|
3328
3343
|
return t;
|
|
3329
3344
|
}
|
|
3330
3345
|
return t;
|
|
3331
|
-
}, j = (t,
|
|
3346
|
+
}, j = (t, n, s) => {
|
|
3332
3347
|
if (!t || !t.trim())
|
|
3333
3348
|
return "";
|
|
3334
|
-
const i = t.trim(), v =
|
|
3335
|
-
if (
|
|
3349
|
+
const i = t.trim(), v = s || Qe.value;
|
|
3350
|
+
if (n === "date") {
|
|
3336
3351
|
if (Se.value && i.includes("-")) {
|
|
3337
3352
|
const f = i.split(/\s*-\s*/).map((z) => z.trim()), p = (z) => {
|
|
3338
3353
|
if (!z)
|
|
@@ -3340,14 +3355,14 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
|
|
|
3340
3355
|
if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(z)) {
|
|
3341
3356
|
const O = z.split("/");
|
|
3342
3357
|
if (v === "pt-BR") {
|
|
3343
|
-
const [ie, De,
|
|
3344
|
-
return `${
|
|
3358
|
+
const [ie, De, Ze] = O, Ne = ie.padStart(2, "0"), Ie = De.padStart(2, "0");
|
|
3359
|
+
return `${Ze}-${Ie}-${Ne}`;
|
|
3345
3360
|
} else {
|
|
3346
|
-
const [ie, De,
|
|
3347
|
-
return `${
|
|
3361
|
+
const [ie, De, Ze] = O, Ne = De.padStart(2, "0"), Ie = ie.padStart(2, "0");
|
|
3362
|
+
return `${Ze}-${Ie}-${Ne}`;
|
|
3348
3363
|
}
|
|
3349
3364
|
} else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(z)) {
|
|
3350
|
-
const O = z.split("-"), [ie, De,
|
|
3365
|
+
const O = z.split("-"), [ie, De, Ze] = O, Ne = Ze.padStart(2, "0"), Ie = De.padStart(2, "0");
|
|
3351
3366
|
return `${ie}-${Ie}-${Ne}`;
|
|
3352
3367
|
}
|
|
3353
3368
|
return null;
|
|
@@ -3378,7 +3393,7 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
|
|
|
3378
3393
|
return `${p}-${O}-${z}`;
|
|
3379
3394
|
}
|
|
3380
3395
|
return "";
|
|
3381
|
-
} else if (
|
|
3396
|
+
} else if (n === "datetime-local") {
|
|
3382
3397
|
if (/^\d{1,2}\/\d{1,2}\/\d{4} \d{1,2}:\d{1,2}(:\d{1,2})?$/.test(i)) {
|
|
3383
3398
|
const [f, p] = i.split(" "), S = f.split("/");
|
|
3384
3399
|
if (v === "pt-BR") {
|
|
@@ -3393,7 +3408,7 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
|
|
|
3393
3408
|
return `${A}-${De}-${ie}T${Ne}`;
|
|
3394
3409
|
}
|
|
3395
3410
|
return "";
|
|
3396
|
-
} else if (
|
|
3411
|
+
} else if (n === "month") {
|
|
3397
3412
|
if (/^\d{1,2}\/\d{4}$/.test(i)) {
|
|
3398
3413
|
const [f, p] = i.split("/"), S = f.padStart(2, "0");
|
|
3399
3414
|
return `${p}-${S}`;
|
|
@@ -3402,7 +3417,7 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
|
|
|
3402
3417
|
return `${f}-${S}`;
|
|
3403
3418
|
}
|
|
3404
3419
|
return "";
|
|
3405
|
-
} else if (
|
|
3420
|
+
} else if (n === "week") {
|
|
3406
3421
|
if (/^\d{4}-W\d{2}$/i.test(i))
|
|
3407
3422
|
return i.toUpperCase();
|
|
3408
3423
|
const f = i.match(/semana\s+W?(\d{2})\s+de\s+(\d{4})/i);
|
|
@@ -3412,19 +3427,19 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
|
|
|
3412
3427
|
return p ? `${p[2]}-W${p[1]}` : "";
|
|
3413
3428
|
}
|
|
3414
3429
|
return i;
|
|
3415
|
-
}, N =
|
|
3416
|
-
const t = w.value ? "component-disabled" : "",
|
|
3430
|
+
}, N = J(!1), ae = J({ top: 0, left: 0 }), _ = J(null), M = J(null), le = a(() => bt.value === !0), I = a(() => {
|
|
3431
|
+
const t = w.value ? "component-disabled" : "", n = pe.value !== "b" ? "inline-block" : "block", s = X.value ? X.value : "", i = Pe.value ? Pe.value : "", v = $e.value ? $e.value : "", f = ne.value ? ne.value : !1, p = U.value !== 0 && !U.value || U.value < 0 ? 0 : U.value, S = oe.value ? oe.value : "'Lato', sans-serif", A = de.value ? de.value : "1.4em", z = G.value !== 0 && !G.value || G.value < 0 ? 100 : G.value, O = Le.value ? Le.value : "'Lato', sans-serif", ie = ce.value ? ce.value : "1em", De = P.value !== 0 && !P.value || P.value < 0 ? 100 : P.value, Ze = be.value ? be.value : "#f15574", Ne = Z.value ? Z.value : 200, Ie = ge.value ? ge.value : "normal", ha = "sm", Ca = $.value ? $.value : !1, xa = L.value ? L.value : "date", Sa = _e.value ? _e.value : !1, Va = Te.value ? Te.value : "normal", ka = ue.value ? ue.value : "left", La = Ce.value ? Ce.value : "background", Ta = Re.value ? Re.value : !1, Ba = b.value !== 0 && !b.value || b.value < 0 ? 5 : b.value, Aa = Ke.value ? Ke.value : "transparent", $a = fe.value !== 0 && !fe.value || fe.value < 0 ? 15 : fe.value, _a = re.value ? re.value : "1px 5px", wa = d.value !== 0 && !d.value || d.value < 0 ? 0 : d.value, Ra = K.value === null || K.value === void 0 ? -13 : K.value, Ma = te.value === null || te.value === void 0 ? -10 : te.value, za = Me.value ? Me.value : "'Lato', sans-serif", Da = ze.value ? ze.value : "1em", Na = Fe.value ? Fe.value : "0.8em", Ia = Ye.value ? Ye.value : 400, Wa = Xe.value ? Xe.value : "#ffffff", Ea = nt.value ? nt.value : "#000000", Pa = lt.value ? lt.value : "#ffffff", Fa = ft.value ? ft.value : "#000000";
|
|
3417
3432
|
return {
|
|
3418
3433
|
disabled: t,
|
|
3419
|
-
display:
|
|
3434
|
+
display: n,
|
|
3420
3435
|
font: S,
|
|
3421
3436
|
fontSize: A,
|
|
3422
3437
|
fontWeight: z,
|
|
3423
3438
|
fontFamilyMsg: O,
|
|
3424
3439
|
fontSizeMsg: ie,
|
|
3425
3440
|
fontWeightMsg: De,
|
|
3426
|
-
textMessageColor:
|
|
3427
|
-
caretColor:
|
|
3441
|
+
textMessageColor: Ze,
|
|
3442
|
+
caretColor: s,
|
|
3428
3443
|
selectionBgColor: i,
|
|
3429
3444
|
selectionTextColor: v,
|
|
3430
3445
|
hasBorderRadius: f,
|
|
@@ -3440,10 +3455,10 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
|
|
|
3440
3455
|
inputStyle: La,
|
|
3441
3456
|
showLabel: Ta,
|
|
3442
3457
|
labelBackground: Aa,
|
|
3443
|
-
labelPadding:
|
|
3458
|
+
labelPadding: _a,
|
|
3444
3459
|
labelBorderRadius: wa,
|
|
3445
3460
|
labelLeft: Ba,
|
|
3446
|
-
inputLabelMarginActive:
|
|
3461
|
+
inputLabelMarginActive: $a,
|
|
3447
3462
|
labelActiveTop: Ra,
|
|
3448
3463
|
labelActiveLeft: Ma,
|
|
3449
3464
|
fontFamilyLabel: za,
|
|
@@ -3455,21 +3470,21 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
|
|
|
3455
3470
|
lightTextColorLabelActive: Pa,
|
|
3456
3471
|
darkTextColorLabelActive: Fa
|
|
3457
3472
|
};
|
|
3458
|
-
}),
|
|
3473
|
+
}), _t = a(() => I.value.disabled), wt = a(() => ({
|
|
3459
3474
|
display: I.value.display
|
|
3460
3475
|
})), Y = a(() => {
|
|
3461
3476
|
const t = I.value;
|
|
3462
3477
|
return t.fontSize ? t.fontSize : "1.4em";
|
|
3463
|
-
}),
|
|
3464
|
-
const t = I.value,
|
|
3478
|
+
}), ut = a(() => {
|
|
3479
|
+
const t = I.value, n = r.value;
|
|
3465
3480
|
return {
|
|
3466
3481
|
fontWeight: t.fontWeight,
|
|
3467
|
-
marginTop:
|
|
3482
|
+
marginTop: n && Re.value ? `${t.inputLabelMarginActive}px` : "0"
|
|
3468
3483
|
};
|
|
3469
3484
|
}), rt = a(() => {
|
|
3470
3485
|
const t = I.value;
|
|
3471
3486
|
return t.inputStyle !== "line" && t.hasBorderRadius ? { borderRadius: `${t.borderRadius}rem` } : {};
|
|
3472
|
-
}),
|
|
3487
|
+
}), vt = a(() => I.value.font), B = a(() => I.value.fontFamilyMsg), Rt = a(() => I.value.fontSizeMsg), Mt = a(() => I.value.fontWeightMsg), Tt = a(() => Te.value === "dark" ? V.value : Ue.value), jt = a(() => I.value.textMessageColor), yt = a(() => {
|
|
3473
3488
|
const t = I.value;
|
|
3474
3489
|
return t.caretColor || (t.theme === "dark" ? "#00d4ff" : "#007bff");
|
|
3475
3490
|
}), Bt = a(() => {
|
|
@@ -3508,39 +3523,39 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
|
|
|
3508
3523
|
default:
|
|
3509
3524
|
return "component__theme--light";
|
|
3510
3525
|
}
|
|
3511
|
-
}), Yt = a(() => I.value.inputReadonly ? "component__input--read-only" : ""), Qt = a(() => I.value.inputUppercase ? "component__input--uppercase" : ""),
|
|
3526
|
+
}), Yt = a(() => I.value.inputReadonly ? "component__input--read-only" : ""), Qt = a(() => I.value.inputUppercase ? "component__input--uppercase" : ""), Vt = a(() => je.value ? je.value : `${Ve.value}-name-label`), Dt = a(() => ""), r = a(() => T.value || R.value && R.value.trim().length > 0), u = a(() => !R.value || R.value.trim().length === 0 ? "component__input--empty" : "");
|
|
3512
3527
|
a(() => T.value ? "component__input--active" : "component__input--no-active");
|
|
3513
|
-
const g = a(() => "6px 10px"), W = a(() => !!(
|
|
3528
|
+
const g = a(() => "6px 10px"), W = a(() => !!(ee.value && me.value)), qe = a(() => {
|
|
3514
3529
|
const t = {};
|
|
3515
3530
|
se.value && Object.keys(se.value).forEach((i) => t[`aria-${i}`] = se.value[i]);
|
|
3516
|
-
const
|
|
3531
|
+
const n = {
|
|
3517
3532
|
"aria-label": ke.value,
|
|
3518
3533
|
"aria-disabled": w.value,
|
|
3519
3534
|
...t
|
|
3520
3535
|
};
|
|
3521
3536
|
return Object.fromEntries(
|
|
3522
|
-
Object.entries(
|
|
3537
|
+
Object.entries(n).filter(([s, i]) => i != null)
|
|
3523
3538
|
);
|
|
3524
3539
|
}), Nt = a(() => {
|
|
3525
|
-
const t = Te.value === "dark" ?
|
|
3526
|
-
return t === "transparent" || t === "#transparent" || !t ?
|
|
3540
|
+
const t = Te.value === "dark" ? Je.value : dt.value, n = Te.value === "dark" ? V.value : Ue.value;
|
|
3541
|
+
return t === "transparent" || t === "#transparent" || !t ? n : t;
|
|
3527
3542
|
}), Jt = a(() => {
|
|
3528
|
-
const t = Te.value === "dark" ?
|
|
3529
|
-
return t === "transparent" || t === "#transparent" || !t ?
|
|
3530
|
-
}),
|
|
3531
|
-
const t = I.value,
|
|
3543
|
+
const t = Te.value === "dark" ? Ge.value : ct.value, n = Te.value === "dark" ? V.value : Ue.value;
|
|
3544
|
+
return t === "transparent" || t === "#transparent" || !t ? n : t;
|
|
3545
|
+
}), mt = a(() => {
|
|
3546
|
+
const t = I.value, n = r.value, s = n ? t.lightTextColorLabelActive : t.lightTextColorLabel, i = n ? t.darkTextColorLabelActive : t.darkTextColorLabel;
|
|
3532
3547
|
return {
|
|
3533
3548
|
fontFamily: t.fontFamilyLabel,
|
|
3534
|
-
fontSize:
|
|
3549
|
+
fontSize: n ? t.fontSizeLabelActive : t.fontSizeLabel,
|
|
3535
3550
|
fontWeight: t.fontWeightLabel,
|
|
3536
|
-
color: t.theme === "dark" ? i :
|
|
3537
|
-
top:
|
|
3538
|
-
left:
|
|
3539
|
-
transform:
|
|
3551
|
+
color: t.theme === "dark" ? i : s,
|
|
3552
|
+
top: n ? `${t.labelActiveTop}px` : "50%",
|
|
3553
|
+
left: n ? `${t.labelActiveLeft}px` : `${t.labelLeft}px`,
|
|
3554
|
+
transform: n ? "translateY(0)" : "translateY(-50%)",
|
|
3540
3555
|
transition: "all 0.2s ease",
|
|
3541
|
-
backgroundColor:
|
|
3542
|
-
padding:
|
|
3543
|
-
borderRadius:
|
|
3556
|
+
backgroundColor: n ? t.labelBackground : "transparent",
|
|
3557
|
+
padding: n ? t.labelPadding : "0",
|
|
3558
|
+
borderRadius: n ? `${t.labelBorderRadius}rem` : "0"
|
|
3544
3559
|
};
|
|
3545
3560
|
});
|
|
3546
3561
|
a(() => {
|
|
@@ -3552,276 +3567,276 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
|
|
|
3552
3567
|
}, Wt = () => {
|
|
3553
3568
|
E("clicked");
|
|
3554
3569
|
}, Xt = (t) => {
|
|
3555
|
-
t.stopPropagation(), !(w.value || I.value.inputReadonly) &&
|
|
3556
|
-
|
|
3570
|
+
t.stopPropagation(), !(w.value || I.value.inputReadonly) && _.value && (_.value.focus(), le.value && (N.value = !1, requestAnimationFrame(() => {
|
|
3571
|
+
ht(), N.value = !0;
|
|
3557
3572
|
})));
|
|
3558
3573
|
}, Zt = () => {
|
|
3559
3574
|
w.value || I.value.inputReadonly || !Ae.value || E("entered", h.value);
|
|
3560
|
-
},
|
|
3561
|
-
|
|
3562
|
-
const t =
|
|
3563
|
-
|
|
3564
|
-
top: `${t.bottom +
|
|
3575
|
+
}, ht = () => {
|
|
3576
|
+
_.value && ya(() => {
|
|
3577
|
+
const t = _.value.getBoundingClientRect(), n = 4;
|
|
3578
|
+
ae.value = {
|
|
3579
|
+
top: `${t.bottom + n}px`,
|
|
3565
3580
|
left: `${t.left}px`
|
|
3566
3581
|
};
|
|
3567
3582
|
});
|
|
3568
3583
|
}, ea = a(() => ({
|
|
3569
3584
|
position: "fixed",
|
|
3570
|
-
top:
|
|
3571
|
-
left:
|
|
3572
|
-
zIndex:
|
|
3585
|
+
top: ae.value.top,
|
|
3586
|
+
left: ae.value.left,
|
|
3587
|
+
zIndex: gt.value
|
|
3573
3588
|
})), ta = () => {
|
|
3574
|
-
T.value = !0, E("focused"),
|
|
3575
|
-
|
|
3589
|
+
T.value = !0, E("focused"), le.value && (N.value = !1, requestAnimationFrame(() => {
|
|
3590
|
+
ht(), N.value = !0;
|
|
3576
3591
|
}));
|
|
3577
3592
|
}, aa = (t) => {
|
|
3578
3593
|
t.relatedTarget && M.value && M.value.contains(t.relatedTarget) || setTimeout(() => {
|
|
3579
3594
|
var i;
|
|
3580
|
-
const
|
|
3595
|
+
const n = document.activeElement;
|
|
3581
3596
|
if (N.value) {
|
|
3582
|
-
if (M.value && M.value.contains(
|
|
3597
|
+
if (M.value && M.value.contains(n) || t.relatedTarget && M.value && M.value.contains(t.relatedTarget))
|
|
3583
3598
|
return;
|
|
3584
|
-
if (
|
|
3599
|
+
if (n === document.body && M.value) {
|
|
3585
3600
|
const v = M.value.querySelectorAll('button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
3586
3601
|
if (Array.from(v).some((p) => p === document.activeElement || p.contains(document.activeElement)))
|
|
3587
3602
|
return;
|
|
3588
3603
|
}
|
|
3589
3604
|
}
|
|
3590
|
-
const
|
|
3591
|
-
|
|
3605
|
+
const s = (i = _.value) == null ? void 0 : i.closest(".component");
|
|
3606
|
+
s && s.contains(n) || _.value !== n && (T.value = !1, N.value = !1, E("blurred"));
|
|
3592
3607
|
}, 200);
|
|
3593
3608
|
}, la = () => {
|
|
3594
|
-
|
|
3595
|
-
|
|
3609
|
+
le.value && (N.value, N.value = !1, requestAnimationFrame(() => {
|
|
3610
|
+
ht(), N.value = !0;
|
|
3596
3611
|
}));
|
|
3597
|
-
},
|
|
3612
|
+
}, $t = (t) => {
|
|
3598
3613
|
if (!t || !(t instanceof Date))
|
|
3599
3614
|
return null;
|
|
3600
|
-
const
|
|
3601
|
-
return `${
|
|
3615
|
+
const n = t.getFullYear(), s = String(t.getMonth() + 1).padStart(2, "0"), i = String(t.getDate()).padStart(2, "0");
|
|
3616
|
+
return `${n}-${s}-${i}`;
|
|
3602
3617
|
}, na = (t) => {
|
|
3603
|
-
let
|
|
3618
|
+
let n = "";
|
|
3604
3619
|
if (!t)
|
|
3605
|
-
|
|
3620
|
+
n = "";
|
|
3606
3621
|
else if (Se.value && typeof t == "object" && !(t instanceof Date)) {
|
|
3607
3622
|
if (t.startDate === null && t.endDate === null)
|
|
3608
|
-
|
|
3623
|
+
n = "";
|
|
3609
3624
|
else if (t.startDate || t.endDate) {
|
|
3610
3625
|
const i = {
|
|
3611
3626
|
// Converter startDate para string ISO se existir
|
|
3612
|
-
startDate: t.startDate ?
|
|
3627
|
+
startDate: t.startDate ? $t(t.startDate) : null,
|
|
3613
3628
|
// Converter endDate para string ISO se existir
|
|
3614
|
-
endDate: t.endDate ?
|
|
3629
|
+
endDate: t.endDate ? $t(t.endDate) : null
|
|
3615
3630
|
};
|
|
3616
|
-
|
|
3631
|
+
n = JSON.stringify(i);
|
|
3617
3632
|
}
|
|
3618
3633
|
} else
|
|
3619
|
-
L.value === "date" ? t instanceof Date ?
|
|
3620
|
-
|
|
3621
|
-
const
|
|
3622
|
-
R.value =
|
|
3634
|
+
L.value === "date" ? t instanceof Date ? n = $t(t) : typeof t == "string" && (n = t) : (L.value === "month" || L.value === "time" || L.value === "datetime-local" || L.value === "week") && (n = typeof t == "string" ? t : "");
|
|
3635
|
+
Q = !0, h.value = n;
|
|
3636
|
+
const s = n ? ot(n, L.value) : "";
|
|
3637
|
+
R.value = s, k.value = s;
|
|
3623
3638
|
}, oa = () => {
|
|
3624
|
-
if (!
|
|
3639
|
+
if (!le.value) {
|
|
3625
3640
|
h.value = R.value;
|
|
3626
3641
|
return;
|
|
3627
3642
|
}
|
|
3628
|
-
|
|
3629
|
-
const t =
|
|
3630
|
-
start:
|
|
3631
|
-
end:
|
|
3632
|
-
} : null,
|
|
3633
|
-
if (!
|
|
3634
|
-
|
|
3635
|
-
|
|
3643
|
+
l = !0;
|
|
3644
|
+
const t = _.value ? {
|
|
3645
|
+
start: _.value.selectionStart,
|
|
3646
|
+
end: _.value.selectionEnd
|
|
3647
|
+
} : null, n = R.value.trim();
|
|
3648
|
+
if (!n || n.length === 0) {
|
|
3649
|
+
Q = !0, h.value = "", R.value = "", k.value = "", setTimeout(() => {
|
|
3650
|
+
l = !1;
|
|
3636
3651
|
}, 50);
|
|
3637
3652
|
return;
|
|
3638
3653
|
}
|
|
3639
3654
|
if (L.value === "date") {
|
|
3640
3655
|
const i = Se.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}$/;
|
|
3641
3656
|
if (Se.value) {
|
|
3642
|
-
if (
|
|
3643
|
-
R.value = k.value, t &&
|
|
3657
|
+
if (n.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})$/), n.length > 23 && !i.test(n)) {
|
|
3658
|
+
R.value = k.value, t && _.value && ya(() => {
|
|
3644
3659
|
const v = Math.min(t.start, k.value.length);
|
|
3645
|
-
|
|
3660
|
+
_.value.setSelectionRange(v, v);
|
|
3646
3661
|
}), setTimeout(() => {
|
|
3647
|
-
|
|
3662
|
+
l = !1;
|
|
3648
3663
|
}, 50);
|
|
3649
3664
|
return;
|
|
3650
3665
|
}
|
|
3651
|
-
if (!i.test(
|
|
3666
|
+
if (!i.test(n) && n.length <= 23) {
|
|
3652
3667
|
setTimeout(() => {
|
|
3653
|
-
|
|
3668
|
+
l = !1;
|
|
3654
3669
|
}, 50);
|
|
3655
3670
|
return;
|
|
3656
3671
|
}
|
|
3657
3672
|
} else {
|
|
3658
|
-
if (
|
|
3659
|
-
R.value = k.value, t &&
|
|
3673
|
+
if (n.length > 10 && !i.test(n)) {
|
|
3674
|
+
R.value = k.value, t && _.value && ya(() => {
|
|
3660
3675
|
const v = Math.min(t.start, k.value.length);
|
|
3661
|
-
|
|
3676
|
+
_.value.setSelectionRange(v, v);
|
|
3662
3677
|
}), setTimeout(() => {
|
|
3663
|
-
|
|
3678
|
+
l = !1;
|
|
3664
3679
|
}, 50);
|
|
3665
3680
|
return;
|
|
3666
3681
|
}
|
|
3667
|
-
if (!i.test(
|
|
3682
|
+
if (!i.test(n) && n.length <= 10) {
|
|
3668
3683
|
setTimeout(() => {
|
|
3669
|
-
|
|
3684
|
+
l = !1;
|
|
3670
3685
|
}, 50);
|
|
3671
3686
|
return;
|
|
3672
3687
|
}
|
|
3673
3688
|
}
|
|
3674
3689
|
}
|
|
3675
|
-
let
|
|
3690
|
+
let s = null;
|
|
3676
3691
|
if (L.value === "date")
|
|
3677
3692
|
if (Se.value)
|
|
3678
|
-
if (
|
|
3679
|
-
if (
|
|
3680
|
-
|
|
3693
|
+
if (n.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})$/))
|
|
3694
|
+
if (s = j(n, L.value), s && s !== h.value)
|
|
3695
|
+
Q = !0, h.value = s, k.value = n;
|
|
3681
3696
|
else {
|
|
3682
3697
|
setTimeout(() => {
|
|
3683
|
-
|
|
3698
|
+
l = !1;
|
|
3684
3699
|
}, 50);
|
|
3685
3700
|
return;
|
|
3686
3701
|
}
|
|
3687
|
-
else if (
|
|
3688
|
-
const v =
|
|
3702
|
+
else if (n.includes("-")) {
|
|
3703
|
+
const v = n.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*$/);
|
|
3689
3704
|
if (v) {
|
|
3690
3705
|
const f = v[1], p = j(f, L.value);
|
|
3691
3706
|
if (p) {
|
|
3692
3707
|
const S = JSON.stringify({ startDate: p, endDate: null });
|
|
3693
|
-
S !== h.value && (
|
|
3708
|
+
S !== h.value && (Q = !0, h.value = S, k.value = n);
|
|
3694
3709
|
} else {
|
|
3695
|
-
k.value =
|
|
3696
|
-
|
|
3710
|
+
k.value = n, setTimeout(() => {
|
|
3711
|
+
l = !1;
|
|
3697
3712
|
}, 50);
|
|
3698
3713
|
return;
|
|
3699
3714
|
}
|
|
3700
3715
|
} else {
|
|
3701
|
-
k.value =
|
|
3702
|
-
|
|
3716
|
+
k.value = n, setTimeout(() => {
|
|
3717
|
+
l = !1;
|
|
3703
3718
|
}, 50);
|
|
3704
3719
|
return;
|
|
3705
3720
|
}
|
|
3706
|
-
} else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(
|
|
3707
|
-
if (
|
|
3708
|
-
const f = JSON.stringify({ startDate:
|
|
3709
|
-
f !== h.value && (
|
|
3721
|
+
} else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(n))
|
|
3722
|
+
if (s = j(n, L.value), s) {
|
|
3723
|
+
const f = JSON.stringify({ startDate: s, endDate: null });
|
|
3724
|
+
f !== h.value && (Q = !0, h.value = f, k.value = n);
|
|
3710
3725
|
} else {
|
|
3711
|
-
k.value =
|
|
3712
|
-
|
|
3726
|
+
k.value = n, setTimeout(() => {
|
|
3727
|
+
l = !1;
|
|
3713
3728
|
}, 50);
|
|
3714
3729
|
return;
|
|
3715
3730
|
}
|
|
3716
3731
|
else {
|
|
3717
|
-
k.value =
|
|
3718
|
-
|
|
3732
|
+
k.value = n, setTimeout(() => {
|
|
3733
|
+
l = !1;
|
|
3719
3734
|
}, 50);
|
|
3720
3735
|
return;
|
|
3721
3736
|
}
|
|
3722
|
-
else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(
|
|
3723
|
-
|
|
3737
|
+
else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(n))
|
|
3738
|
+
s = j(n, L.value), s && s !== h.value && (Q = !0, h.value = s, k.value = n);
|
|
3724
3739
|
else {
|
|
3725
3740
|
setTimeout(() => {
|
|
3726
|
-
|
|
3741
|
+
l = !1;
|
|
3727
3742
|
}, 50);
|
|
3728
3743
|
return;
|
|
3729
3744
|
}
|
|
3730
3745
|
else
|
|
3731
|
-
|
|
3746
|
+
s = j(n, L.value), s && s !== h.value && (Q = !0, h.value = s, k.value = n);
|
|
3732
3747
|
setTimeout(() => {
|
|
3733
|
-
|
|
3748
|
+
l = !1;
|
|
3734
3749
|
}, 50);
|
|
3735
3750
|
}, ua = (t) => {
|
|
3736
3751
|
}, Et = (t) => {
|
|
3737
3752
|
var v;
|
|
3738
|
-
if (!N.value || !M.value ||
|
|
3753
|
+
if (!N.value || !M.value || !_.value)
|
|
3739
3754
|
return;
|
|
3740
|
-
const
|
|
3741
|
-
if (M.value && M.value.contains(
|
|
3755
|
+
const n = t.target, s = (v = _.value) == null ? void 0 : v.closest(".nb-wrapper");
|
|
3756
|
+
if (M.value && M.value.contains(n) || s && (n === s || s.contains(n)) || M.value && M.value.contains(n))
|
|
3742
3757
|
return;
|
|
3743
|
-
let i =
|
|
3758
|
+
let i = n;
|
|
3744
3759
|
for (; i && i !== document.body; ) {
|
|
3745
3760
|
if (i === M.value || M.value && M.value.contains(i))
|
|
3746
3761
|
return;
|
|
3747
3762
|
i = i.parentElement;
|
|
3748
3763
|
}
|
|
3749
3764
|
setTimeout(() => {
|
|
3750
|
-
if (!N.value || !M.value || M.value && M.value.contains(
|
|
3765
|
+
if (!N.value || !M.value || M.value && M.value.contains(n))
|
|
3751
3766
|
return;
|
|
3752
|
-
for (i =
|
|
3767
|
+
for (i = n; i && i !== document.body; ) {
|
|
3753
3768
|
if (i === M.value || M.value && M.value.contains(i))
|
|
3754
3769
|
return;
|
|
3755
3770
|
i = i.parentElement;
|
|
3756
3771
|
}
|
|
3757
|
-
if (!document.body.contains(
|
|
3772
|
+
if (!document.body.contains(n))
|
|
3758
3773
|
return;
|
|
3759
|
-
const f =
|
|
3774
|
+
const f = _.value && (n === _.value || _.value.contains(n)), p = s && (n === s || s.contains(n));
|
|
3760
3775
|
!f && !p && (N.value = !1, (!R.value || R.value.trim().length === 0) && (T.value = !1));
|
|
3761
3776
|
}, 50);
|
|
3762
3777
|
}, Pt = () => {
|
|
3763
|
-
N.value &&
|
|
3778
|
+
N.value && le.value && ht();
|
|
3764
3779
|
}, Ft = () => {
|
|
3765
|
-
N.value &&
|
|
3780
|
+
N.value && le.value && (N.value = !1);
|
|
3766
3781
|
};
|
|
3767
|
-
let
|
|
3768
|
-
const
|
|
3769
|
-
if (!N.value || !
|
|
3782
|
+
let pt = null, kt = null, it = { top: 0, left: 0 };
|
|
3783
|
+
const Lt = () => {
|
|
3784
|
+
if (!N.value || !le.value || !_.value)
|
|
3770
3785
|
return;
|
|
3771
|
-
const t = 4,
|
|
3772
|
-
(it.top !==
|
|
3773
|
-
top:
|
|
3786
|
+
const t = 4, n = _.value.getBoundingClientRect(), s = `${n.bottom + t}px`, i = `${n.left}px`;
|
|
3787
|
+
(it.top !== s || it.left !== i) && (it.top = s, it.left = i, ae.value = {
|
|
3788
|
+
top: s,
|
|
3774
3789
|
left: i
|
|
3775
|
-
}),
|
|
3790
|
+
}), kt = requestAnimationFrame(Lt);
|
|
3776
3791
|
}, ra = () => {
|
|
3777
|
-
if (
|
|
3792
|
+
if (!_.value || !le.value)
|
|
3778
3793
|
return;
|
|
3779
|
-
it = { top: 0, left: 0 },
|
|
3780
|
-
N.value &&
|
|
3781
|
-
}),
|
|
3782
|
-
const t =
|
|
3783
|
-
t &&
|
|
3784
|
-
},
|
|
3785
|
-
|
|
3794
|
+
it = { top: 0, left: 0 }, Lt(), pt = new ResizeObserver(() => {
|
|
3795
|
+
N.value && ht();
|
|
3796
|
+
}), pt.observe(_.value);
|
|
3797
|
+
const t = _.value.closest(".component");
|
|
3798
|
+
t && pt.observe(t);
|
|
3799
|
+
}, Ot = () => {
|
|
3800
|
+
kt !== null && (cancelAnimationFrame(kt), kt = null), pt && (pt.disconnect(), pt = null);
|
|
3786
3801
|
};
|
|
3787
3802
|
H(N, (t) => {
|
|
3788
|
-
t &&
|
|
3803
|
+
t && le.value ? ya(() => {
|
|
3789
3804
|
ra();
|
|
3790
|
-
}) :
|
|
3805
|
+
}) : Ot();
|
|
3791
3806
|
}), sa(() => {
|
|
3792
|
-
h.value = we.value, R.value =
|
|
3807
|
+
h.value = we.value, R.value = ot(we.value, L.value), document.addEventListener("click", Et, !1), window.addEventListener("scroll", Pt, { capture: !0, passive: !0 }), window.addEventListener("resize", Ft);
|
|
3793
3808
|
}), ma(() => {
|
|
3794
|
-
It(),
|
|
3809
|
+
It(), Ot(), document.removeEventListener("click", Et), window.removeEventListener("scroll", Pt, { capture: !0, passive: !0 }), window.removeEventListener("resize", Ft);
|
|
3795
3810
|
}), H(L, (t) => {
|
|
3796
3811
|
Oe.value = t;
|
|
3797
|
-
}, { immediate: !0 }), H(
|
|
3798
|
-
h.value &&
|
|
3812
|
+
}, { immediate: !0 }), H(Qe, () => {
|
|
3813
|
+
h.value && le.value && (R.value = ot(h.value, L.value));
|
|
3799
3814
|
}), H(we, (t) => {
|
|
3800
3815
|
if (t !== h.value) {
|
|
3801
3816
|
h.value = t;
|
|
3802
|
-
const
|
|
3803
|
-
R.value =
|
|
3817
|
+
const n = ot(t, L.value);
|
|
3818
|
+
R.value = n, k.value = n;
|
|
3804
3819
|
}
|
|
3805
3820
|
}, { immediate: !0 });
|
|
3806
|
-
let
|
|
3807
|
-
const
|
|
3808
|
-
|
|
3809
|
-
|
|
3821
|
+
let l = !1;
|
|
3822
|
+
const c = () => {
|
|
3823
|
+
l = !0, setTimeout(() => {
|
|
3824
|
+
l = !1;
|
|
3810
3825
|
}, 100);
|
|
3811
3826
|
};
|
|
3812
|
-
let
|
|
3827
|
+
let Q = !1;
|
|
3813
3828
|
return H(() => h.value, (t) => {
|
|
3814
|
-
if (
|
|
3815
|
-
const
|
|
3816
|
-
|
|
3829
|
+
if (le.value && !Q && !l) {
|
|
3830
|
+
const n = ot(t, L.value);
|
|
3831
|
+
n !== R.value && (R.value = n, k.value = n);
|
|
3817
3832
|
}
|
|
3818
|
-
|
|
3833
|
+
Q = !1;
|
|
3819
3834
|
}), H(h, (t) => {
|
|
3820
3835
|
if (x.value && (t = t.trim()), Se.value && typeof t == "string" && t.startsWith("{"))
|
|
3821
3836
|
try {
|
|
3822
|
-
const
|
|
3823
|
-
if (
|
|
3824
|
-
const
|
|
3837
|
+
const n = JSON.parse(t);
|
|
3838
|
+
if (n && (n.startDate || n.endDate)) {
|
|
3839
|
+
const s = (f) => {
|
|
3825
3840
|
if (!f)
|
|
3826
3841
|
return null;
|
|
3827
3842
|
if (/^\d{4}-\d{2}-\d{2}$/.test(f)) {
|
|
@@ -3829,7 +3844,7 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
|
|
|
3829
3844
|
return new Date(p, S - 1, A);
|
|
3830
3845
|
}
|
|
3831
3846
|
return new Date(f);
|
|
3832
|
-
}, i =
|
|
3847
|
+
}, i = n.startDate ? s(n.startDate) : null, v = n.endDate ? s(n.endDate) : null;
|
|
3833
3848
|
E("changed", { startDate: i, endDate: v });
|
|
3834
3849
|
return;
|
|
3835
3850
|
}
|
|
@@ -3840,107 +3855,107 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
|
|
|
3840
3855
|
E(t ? "focused" : "blurred");
|
|
3841
3856
|
}), H(h, (t) => {
|
|
3842
3857
|
x.value && (t = t.trim()), E("current-value", t);
|
|
3843
|
-
}), (t,
|
|
3858
|
+
}), (t, n) => o(Ve) ? (F(), q("div", da({
|
|
3844
3859
|
key: 0,
|
|
3845
|
-
class: ["nb-wrapper",
|
|
3860
|
+
class: ["nb-wrapper", _t.value],
|
|
3846
3861
|
style: [wt.value, zt.value, rt.value],
|
|
3847
3862
|
role: "input"
|
|
3848
3863
|
}, qe.value), [
|
|
3849
3864
|
ve("div", {
|
|
3850
3865
|
id: o(Ve),
|
|
3851
3866
|
class: We(["nb-reset", "component", Gt.value, Kt.value, Yt.value, Ht.value]),
|
|
3852
|
-
style: Ee([
|
|
3867
|
+
style: Ee([ut.value, zt.value, rt.value]),
|
|
3853
3868
|
onClick: Wt
|
|
3854
3869
|
}, [
|
|
3855
3870
|
o(Re) ? (F(), q("label", {
|
|
3856
3871
|
key: 0,
|
|
3857
|
-
for:
|
|
3872
|
+
for: Vt.value,
|
|
3858
3873
|
class: "component__label",
|
|
3859
|
-
style: Ee([
|
|
3874
|
+
style: Ee([mt.value]),
|
|
3860
3875
|
onClick: Xt
|
|
3861
|
-
},
|
|
3876
|
+
}, Ct(e.label), 13, Ol)) : Be("", !0),
|
|
3862
3877
|
pa(ve("input", {
|
|
3863
3878
|
ref_key: "inputRef",
|
|
3864
|
-
ref:
|
|
3865
|
-
"onUpdate:modelValue":
|
|
3879
|
+
ref: _,
|
|
3880
|
+
"onUpdate:modelValue": n[0] || (n[0] = (s) => R.value = s),
|
|
3866
3881
|
onInput: oa,
|
|
3867
3882
|
onKeydown: [
|
|
3868
|
-
|
|
3869
|
-
|
|
3883
|
+
c,
|
|
3884
|
+
n[1] || (n[1] = qt((s) => !o(w) && o(Ae) && Zt(), ["enter"]))
|
|
3870
3885
|
],
|
|
3871
|
-
id:
|
|
3872
|
-
name:
|
|
3873
|
-
type:
|
|
3886
|
+
id: Vt.value,
|
|
3887
|
+
name: Vt.value,
|
|
3888
|
+
type: le.value ? "text" : Oe.value,
|
|
3874
3889
|
class: We(["component__input", [
|
|
3875
3890
|
Qt.value,
|
|
3876
3891
|
Ut.value,
|
|
3877
3892
|
u.value
|
|
3878
3893
|
]]),
|
|
3879
3894
|
placeholder: Dt.value,
|
|
3880
|
-
disabled: o(w) || o(
|
|
3895
|
+
disabled: o(w) || o($),
|
|
3881
3896
|
required: e.required,
|
|
3882
|
-
readonly: o(
|
|
3897
|
+
readonly: o($),
|
|
3883
3898
|
autocomplete: e.inputAutocomplete,
|
|
3884
|
-
min:
|
|
3885
|
-
max:
|
|
3886
|
-
step:
|
|
3887
|
-
tabindex: o(w) || o(
|
|
3899
|
+
min: le.value ? void 0 : o(et),
|
|
3900
|
+
max: le.value ? void 0 : o(ye),
|
|
3901
|
+
step: le.value ? void 0 : o(tt),
|
|
3902
|
+
tabindex: o(w) || o($) ? -1 : o(st),
|
|
3888
3903
|
role: "input",
|
|
3889
3904
|
style: Ee([rt.value]),
|
|
3890
3905
|
onFocus: ta,
|
|
3891
3906
|
onBlur: aa,
|
|
3892
3907
|
onClick: la
|
|
3893
|
-
}, null, 46,
|
|
3908
|
+
}, null, 46, ql), [
|
|
3894
3909
|
[Ha, R.value]
|
|
3895
3910
|
])
|
|
3896
|
-
], 14,
|
|
3911
|
+
], 14, Fl),
|
|
3897
3912
|
W.value ? (F(), q("div", {
|
|
3898
3913
|
key: 0,
|
|
3899
3914
|
class: We(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
|
|
3900
3915
|
}, [
|
|
3901
3916
|
ia(t.$slots, "message", {}, () => [
|
|
3902
|
-
ga(
|
|
3917
|
+
ga(Ct(e.message), 1)
|
|
3903
3918
|
], !0)
|
|
3904
3919
|
], 2)) : Be("", !0),
|
|
3905
|
-
(F(),
|
|
3906
|
-
|
|
3920
|
+
(F(), rl(il, { to: "body" }, [
|
|
3921
|
+
le.value && N.value ? (F(), q("div", {
|
|
3907
3922
|
key: 0,
|
|
3908
3923
|
ref_key: "calendarRef",
|
|
3909
3924
|
ref: M,
|
|
3910
3925
|
class: "datepicker__custom-calendar-wrapper",
|
|
3911
3926
|
style: Ee(ea.value),
|
|
3912
|
-
onClick:
|
|
3913
|
-
onMousedown:
|
|
3927
|
+
onClick: n[4] || (n[4] = ca((s) => he.value = !0, ["stop"])),
|
|
3928
|
+
onMousedown: n[5] || (n[5] = ca((s) => he.value = !0, ["stop"]))
|
|
3914
3929
|
}, [
|
|
3915
|
-
|
|
3930
|
+
sl(o(C), {
|
|
3916
3931
|
"nb-id": `${o(Ve)}-calendar`,
|
|
3917
|
-
value:
|
|
3932
|
+
value: St.value,
|
|
3918
3933
|
"input-type": o(L),
|
|
3919
|
-
min: o(
|
|
3934
|
+
min: o(et),
|
|
3920
3935
|
max: o(ye),
|
|
3921
|
-
step: o(
|
|
3936
|
+
step: o(tt),
|
|
3922
3937
|
disabled: o(w),
|
|
3923
|
-
width:
|
|
3924
|
-
locale: o(
|
|
3938
|
+
width: xt.value,
|
|
3939
|
+
locale: o(Qe),
|
|
3925
3940
|
theme: o(Te),
|
|
3926
3941
|
"allow-range": o(Se),
|
|
3927
3942
|
onChanged: na,
|
|
3928
3943
|
onDateSelected: ua,
|
|
3929
|
-
onMousedown:
|
|
3930
|
-
onClick:
|
|
3944
|
+
onMousedown: n[2] || (n[2] = (s) => he.value = !0),
|
|
3945
|
+
onClick: n[3] || (n[3] = (s) => he.value = !0)
|
|
3931
3946
|
}, null, 8, ["nb-id", "value", "input-type", "min", "max", "step", "disabled", "width", "locale", "theme", "allow-range"])
|
|
3932
3947
|
], 36)) : Be("", !0)
|
|
3933
3948
|
]))
|
|
3934
3949
|
], 16)) : Be("", !0);
|
|
3935
3950
|
}
|
|
3936
|
-
}),
|
|
3937
|
-
NbInputRadio:
|
|
3938
|
-
NbInputCheckbox:
|
|
3939
|
-
NbInput:
|
|
3940
|
-
NbInputChip:
|
|
3941
|
-
NbTextarea:
|
|
3942
|
-
NbDatePicker:
|
|
3943
|
-
},
|
|
3951
|
+
}), Hl = /* @__PURE__ */ ba(jl, [["__scopeId", "data-v-35736538"]]), Oa = {
|
|
3952
|
+
NbInputRadio: pl,
|
|
3953
|
+
NbInputCheckbox: hl,
|
|
3954
|
+
NbInput: Al,
|
|
3955
|
+
NbInputChip: Dl,
|
|
3956
|
+
NbTextarea: Pl,
|
|
3957
|
+
NbDatePicker: Hl
|
|
3958
|
+
}, Gl = {
|
|
3944
3959
|
install(e) {
|
|
3945
3960
|
for (const m in Oa)
|
|
3946
3961
|
if (Object.prototype.hasOwnProperty.call(Oa, m)) {
|
|
@@ -3950,5 +3965,5 @@ const Pl = ["id"], Fl = ["for"], Ol = ["id", "name", "type", "placeholder", "dis
|
|
|
3950
3965
|
}
|
|
3951
3966
|
};
|
|
3952
3967
|
export {
|
|
3953
|
-
|
|
3968
|
+
Gl as default
|
|
3954
3969
|
};
|