cja-phoenix 0.0.3 → 0.0.5
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/cja-phoenix.es.js +82 -82
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/assets/forms.scss +2 -0
- package/src/components/Modal.vue +5 -3
package/dist/cja-phoenix.es.js
CHANGED
|
@@ -16,12 +16,12 @@ const $e = (e, t) => {
|
|
|
16
16
|
]));
|
|
17
17
|
}
|
|
18
18
|
}), Sn = /* @__PURE__ */ $e(In, [["__scopeId", "data-v-5800c09e"]]);
|
|
19
|
-
const On = (e) => (at("data-v-2c22e62b"), e = e(), ot(), e),
|
|
19
|
+
const On = (e) => (at("data-v-2c22e62b"), e = e(), ot(), e), En = { class: "flex align-content-center flex-wrap counter" }, An = /* @__PURE__ */ On(() => /* @__PURE__ */ U("label", { class: "flex align-items-center justify-content-center" }, "Counter:", -1)), Vn = { class: "flex align-items-center justify-content-center count" }, Ln = /* @__PURE__ */ oe({
|
|
20
20
|
__name: "ComponentB",
|
|
21
21
|
setup(e) {
|
|
22
22
|
const t = Y(0);
|
|
23
|
-
return (n, i) => (ee(), ne("div",
|
|
24
|
-
|
|
23
|
+
return (n, i) => (ee(), ne("div", En, [
|
|
24
|
+
An,
|
|
25
25
|
U("button", {
|
|
26
26
|
icon: "pi pi-plus",
|
|
27
27
|
class: "p-button-sm flex align-items-center justify-content-center",
|
|
@@ -36,7 +36,7 @@ const On = (e) => (at("data-v-2c22e62b"), e = e(), ot(), e), An = { class: "flex
|
|
|
36
36
|
]));
|
|
37
37
|
}
|
|
38
38
|
}), Fn = /* @__PURE__ */ $e(Ln, [["__scopeId", "data-v-2c22e62b"]]);
|
|
39
|
-
const Nn = (e) => (at("data-v-
|
|
39
|
+
const Nn = (e) => (at("data-v-0270982d"), e = e(), ot(), e), Dn = { class: "modal-backdrop" }, Tn = ["onClick"], Mn = /* @__PURE__ */ Nn(() => /* @__PURE__ */ U("span", { class: "m-cgg-icon--cross" }, null, -1)), jn = [
|
|
40
40
|
Mn
|
|
41
41
|
], Pn = {
|
|
42
42
|
key: 0,
|
|
@@ -56,7 +56,7 @@ const Nn = (e) => (at("data-v-1035bf90"), e = e(), ot(), e), Dn = { class: "moda
|
|
|
56
56
|
J(
|
|
57
57
|
() => i.value,
|
|
58
58
|
(m) => {
|
|
59
|
-
m ? document.body.
|
|
59
|
+
m ? (document.body.style.overflow = "hidden", document.documentElement.style.overflow = "hidden") : (document.body.style.overflow = "", document.documentElement.style.overflow = "");
|
|
60
60
|
}
|
|
61
61
|
);
|
|
62
62
|
const o = () => {
|
|
@@ -102,7 +102,7 @@ const Nn = (e) => (at("data-v-1035bf90"), e = e(), ot(), e), Dn = { class: "moda
|
|
|
102
102
|
})
|
|
103
103
|
]));
|
|
104
104
|
}
|
|
105
|
-
}), Rn = /* @__PURE__ */ $e(Un, [["__scopeId", "data-v-
|
|
105
|
+
}), Rn = /* @__PURE__ */ $e(Un, [["__scopeId", "data-v-0270982d"]]);
|
|
106
106
|
const zn = {}, $n = { class: "cja-btn" };
|
|
107
107
|
function Gn(e, t) {
|
|
108
108
|
return ee(), ne("button", $n, [
|
|
@@ -649,9 +649,9 @@ async function ki(e, t) {
|
|
|
649
649
|
async function Ii(e, t, n) {
|
|
650
650
|
const r = z(e).map(async (p) => {
|
|
651
651
|
var b, k, S;
|
|
652
|
-
const
|
|
653
|
-
name: (
|
|
654
|
-
label:
|
|
652
|
+
const A = (b = n == null ? void 0 : n.names) === null || b === void 0 ? void 0 : b[p], P = await Kt(x(t, p), e[p], {
|
|
653
|
+
name: (A == null ? void 0 : A.name) || p,
|
|
654
|
+
label: A == null ? void 0 : A.label,
|
|
655
655
|
values: t,
|
|
656
656
|
bails: (S = (k = n == null ? void 0 : n.bailsMap) === null || k === void 0 ? void 0 : k[p]) !== null && S !== void 0 ? S : !0
|
|
657
657
|
});
|
|
@@ -672,7 +672,7 @@ async function Ii(e, t, n) {
|
|
|
672
672
|
}
|
|
673
673
|
let Ot = 0;
|
|
674
674
|
function Si(e, t) {
|
|
675
|
-
const { value: n, initialValue: i, setInitialValue: r } = Wt(e, t.modelValue, t.form), { errorMessage: o, errors: u, setErrors: d } =
|
|
675
|
+
const { value: n, initialValue: i, setInitialValue: r } = Wt(e, t.modelValue, t.form), { errorMessage: o, errors: u, setErrors: d } = Ei(e, t.form), m = Oi(n, i, u), p = Ot >= Number.MAX_SAFE_INTEGER ? 0 : ++Ot;
|
|
676
676
|
function b(k) {
|
|
677
677
|
var S;
|
|
678
678
|
"value" in k && (n.value = k.value), "errors" in k && d(k.errors), "touched" in k && (m.touched = (S = k.touched) !== null && S !== void 0 ? S : m.touched), "initialValue" in k && r(k.initialValue);
|
|
@@ -737,7 +737,7 @@ function Oi(e, t, n) {
|
|
|
737
737
|
flush: "sync"
|
|
738
738
|
}), i;
|
|
739
739
|
}
|
|
740
|
-
function
|
|
740
|
+
function Ei(e, t) {
|
|
741
741
|
function n(r) {
|
|
742
742
|
return r ? Array.isArray(r) ? r : [r] : [];
|
|
743
743
|
}
|
|
@@ -777,7 +777,7 @@ const Se = di(() => {
|
|
|
777
777
|
await Ce(), de == null || de.sendInspectorState(we), de == null || de.sendInspectorTree(we);
|
|
778
778
|
}, 100);
|
|
779
779
|
}, 100);
|
|
780
|
-
function
|
|
780
|
+
function Ai(e) {
|
|
781
781
|
const t = Te();
|
|
782
782
|
if (!de) {
|
|
783
783
|
const n = t == null ? void 0 : t.appContext.app;
|
|
@@ -1054,13 +1054,13 @@ function yt(e, t, n) {
|
|
|
1054
1054
|
return Ie(n == null ? void 0 : n.type) ? Pi(e, t, n) : Yt(e, t, n);
|
|
1055
1055
|
}
|
|
1056
1056
|
function Yt(e, t, n) {
|
|
1057
|
-
const { initialValue: i, validateOnMount: r, bails: o, type: u, checkedValue: d, label: m, validateOnValueUpdate: p, uncheckedValue: b, controlled: k, keepValueOnUnmount: S, modelPropName:
|
|
1057
|
+
const { initialValue: i, validateOnMount: r, bails: o, type: u, checkedValue: d, label: m, validateOnValueUpdate: p, uncheckedValue: b, controlled: k, keepValueOnUnmount: S, modelPropName: A, syncVModel: P, form: H } = Mi(_(e), n), L = k ? vt(Me) : void 0, v = H || L;
|
|
1058
1058
|
let l = !1;
|
|
1059
1059
|
const { id: a, value: s, initialValue: c, meta: f, setState: y, errors: C, errorMessage: O } = Si(e, {
|
|
1060
1060
|
modelValue: i,
|
|
1061
1061
|
form: v
|
|
1062
1062
|
});
|
|
1063
|
-
P && Bi({ value: s, prop:
|
|
1063
|
+
P && Bi({ value: s, prop: A, handleChange: M });
|
|
1064
1064
|
const j = () => {
|
|
1065
1065
|
f.touched = !0;
|
|
1066
1066
|
}, Q = $(() => {
|
|
@@ -1120,7 +1120,7 @@ function Yt(e, t, n) {
|
|
|
1120
1120
|
function ye(w) {
|
|
1121
1121
|
s.value = w;
|
|
1122
1122
|
}
|
|
1123
|
-
function
|
|
1123
|
+
function Ee(w) {
|
|
1124
1124
|
y({ errors: Array.isArray(w) ? w : [w] });
|
|
1125
1125
|
}
|
|
1126
1126
|
const re = {
|
|
@@ -1143,7 +1143,7 @@ function Yt(e, t, n) {
|
|
|
1143
1143
|
handleBlur: j,
|
|
1144
1144
|
setState: y,
|
|
1145
1145
|
setTouched: q,
|
|
1146
|
-
setErrors:
|
|
1146
|
+
setErrors: Ee,
|
|
1147
1147
|
setValue: ye
|
|
1148
1148
|
};
|
|
1149
1149
|
if (Dt(ii, re), Ue(t) && typeof _(t) != "function" && J(t, (w, N) => {
|
|
@@ -1160,11 +1160,11 @@ function Yt(e, t, n) {
|
|
|
1160
1160
|
const Ke = $(() => {
|
|
1161
1161
|
const w = Q.value;
|
|
1162
1162
|
return !w || ke(w) || Fe(w) || Array.isArray(w) ? {} : Object.keys(w).reduce((N, Z) => {
|
|
1163
|
-
const
|
|
1163
|
+
const Ae = mi(w[Z]).map((me) => me.__locatorRef).reduce((me, _e) => {
|
|
1164
1164
|
const je = x(v.values, _e) || v.values[_e];
|
|
1165
1165
|
return je !== void 0 && (me[_e] = je), me;
|
|
1166
1166
|
}, {});
|
|
1167
|
-
return Object.assign(N,
|
|
1167
|
+
return Object.assign(N, Ae), N;
|
|
1168
1168
|
}, {});
|
|
1169
1169
|
});
|
|
1170
1170
|
return J(Ke, (w, N) => {
|
|
@@ -1199,11 +1199,11 @@ function Pi(e, t, n) {
|
|
|
1199
1199
|
function u(d) {
|
|
1200
1200
|
const m = d.handleChange, p = $(() => {
|
|
1201
1201
|
const k = _(d.value), S = _(r);
|
|
1202
|
-
return Array.isArray(k) ? k.findIndex((
|
|
1202
|
+
return Array.isArray(k) ? k.findIndex((A) => G(A, S)) >= 0 : G(S, k);
|
|
1203
1203
|
});
|
|
1204
1204
|
function b(k, S = !0) {
|
|
1205
|
-
var
|
|
1206
|
-
if (p.value === ((
|
|
1205
|
+
var A;
|
|
1206
|
+
if (p.value === ((A = k == null ? void 0 : k.target) === null || A === void 0 ? void 0 : A.checked)) {
|
|
1207
1207
|
S && d.validate();
|
|
1208
1208
|
return;
|
|
1209
1209
|
}
|
|
@@ -1227,15 +1227,15 @@ function Bi({ prop: e, value: t, handleChange: n }) {
|
|
|
1227
1227
|
}
|
|
1228
1228
|
const r = e || "modelValue", o = `update:${r}`;
|
|
1229
1229
|
r in i.props && (J(t, (u) => {
|
|
1230
|
-
G(u,
|
|
1231
|
-
}), J(() =>
|
|
1230
|
+
G(u, Et(i, r)) || i.emit(o, u);
|
|
1231
|
+
}), J(() => Et(i, r), (u) => {
|
|
1232
1232
|
if (u === ze && t.value === void 0)
|
|
1233
1233
|
return;
|
|
1234
1234
|
const d = u === ze ? void 0 : u;
|
|
1235
1235
|
G(d, ci(t.value, i.props.modelModifiers)) || n(d);
|
|
1236
1236
|
}));
|
|
1237
1237
|
}
|
|
1238
|
-
function
|
|
1238
|
+
function Et(e, t) {
|
|
1239
1239
|
return e.props[t];
|
|
1240
1240
|
}
|
|
1241
1241
|
oe({
|
|
@@ -1308,7 +1308,7 @@ oe({
|
|
|
1308
1308
|
}
|
|
1309
1309
|
},
|
|
1310
1310
|
setup(e, t) {
|
|
1311
|
-
const n = ce(e, "rules"), i = ce(e, "name"), r = ce(e, "label"), o = ce(e, "uncheckedValue"), u = ce(e, "keepValue"), { errors: d, value: m, errorMessage: p, validate: b, handleChange: k, handleBlur: S, setTouched:
|
|
1311
|
+
const n = ce(e, "rules"), i = ce(e, "name"), r = ce(e, "label"), o = ce(e, "uncheckedValue"), u = ce(e, "keepValue"), { errors: d, value: m, errorMessage: p, validate: b, handleChange: k, handleBlur: S, setTouched: A, resetField: P, handleReset: H, meta: L, checked: v, setErrors: l } = yt(i, n, {
|
|
1312
1312
|
validateOnMount: e.validateOnMount,
|
|
1313
1313
|
bails: e.bails,
|
|
1314
1314
|
standalone: e.standalone,
|
|
@@ -1333,7 +1333,7 @@ oe({
|
|
|
1333
1333
|
onChange: te
|
|
1334
1334
|
};
|
|
1335
1335
|
R["onUpdate:modelValue"] = (q) => a(q, Q), Ie(t.attrs.type) && v && (R.checked = v.value);
|
|
1336
|
-
const M =
|
|
1336
|
+
const M = At(e, t);
|
|
1337
1337
|
return si(M, t.attrs) && (R.value = m.value), R;
|
|
1338
1338
|
});
|
|
1339
1339
|
function y() {
|
|
@@ -1349,23 +1349,23 @@ oe({
|
|
|
1349
1349
|
handleInput: c,
|
|
1350
1350
|
handleReset: H,
|
|
1351
1351
|
handleBlur: S,
|
|
1352
|
-
setTouched:
|
|
1352
|
+
setTouched: A,
|
|
1353
1353
|
setErrors: l
|
|
1354
1354
|
};
|
|
1355
1355
|
}
|
|
1356
1356
|
return t.expose({
|
|
1357
1357
|
setErrors: l,
|
|
1358
|
-
setTouched:
|
|
1358
|
+
setTouched: A,
|
|
1359
1359
|
reset: P,
|
|
1360
1360
|
validate: b,
|
|
1361
1361
|
handleChange: k
|
|
1362
1362
|
}), () => {
|
|
1363
|
-
const C = dt(
|
|
1363
|
+
const C = dt(At(e, t)), O = He(C, t, y);
|
|
1364
1364
|
return C ? Re(C, Object.assign(Object.assign({}, t.attrs), f.value), O) : O;
|
|
1365
1365
|
};
|
|
1366
1366
|
}
|
|
1367
1367
|
});
|
|
1368
|
-
function
|
|
1368
|
+
function At(e, t) {
|
|
1369
1369
|
let n = e.as || "";
|
|
1370
1370
|
return !e.as && !t.slots.default && (n = "input"), n;
|
|
1371
1371
|
}
|
|
@@ -1387,7 +1387,7 @@ function zi(e) {
|
|
|
1387
1387
|
var t;
|
|
1388
1388
|
const n = Ri++, i = /* @__PURE__ */ new Set();
|
|
1389
1389
|
let r = !1;
|
|
1390
|
-
const o = Y({}), u = Y(!1), d = Y(0), m = [], p = ct(T(_(e == null ? void 0 : e.initialValues) || {})), { errorBag: b, setErrorBag: k, setFieldErrorBag: S } = Hi(e == null ? void 0 : e.initialErrors),
|
|
1390
|
+
const o = Y({}), u = Y(!1), d = Y(0), m = [], p = ct(T(_(e == null ? void 0 : e.initialValues) || {})), { errorBag: b, setErrorBag: k, setFieldErrorBag: S } = Hi(e == null ? void 0 : e.initialErrors), A = $(() => z(b.value).reduce((h, g) => {
|
|
1391
1391
|
const I = b.value[g];
|
|
1392
1392
|
return I && I.length && (h[g] = I[0]), h;
|
|
1393
1393
|
}, {}));
|
|
@@ -1403,15 +1403,15 @@ function zi(e) {
|
|
|
1403
1403
|
return I && (h[g] = { name: _(I.name) || "", label: _(I.label) || "" }), h;
|
|
1404
1404
|
}, {})), v = $(() => z(o.value).reduce((h, g) => {
|
|
1405
1405
|
var I;
|
|
1406
|
-
const
|
|
1407
|
-
return
|
|
1408
|
-
}, {})), l = Object.assign({}, (e == null ? void 0 : e.initialErrors) || {}), a = (t = e == null ? void 0 : e.keepValuesOnUnmount) !== null && t !== void 0 ? t : !1, { initialValues: s, originalInitialValues: c, setInitialValues: f } = Gi(o, p, e == null ? void 0 : e.initialValues), y = $i(o, p, c,
|
|
1406
|
+
const E = P(g);
|
|
1407
|
+
return E && (h[g] = (I = E.bails) !== null && I !== void 0 ? I : !0), h;
|
|
1408
|
+
}, {})), l = Object.assign({}, (e == null ? void 0 : e.initialErrors) || {}), a = (t = e == null ? void 0 : e.keepValuesOnUnmount) !== null && t !== void 0 ? t : !1, { initialValues: s, originalInitialValues: c, setInitialValues: f } = Gi(o, p, e == null ? void 0 : e.initialValues), y = $i(o, p, c, A), C = $(() => [...i, ...z(o.value)].reduce((h, g) => {
|
|
1409
1409
|
const I = x(p, g);
|
|
1410
1410
|
return ue(h, g, I), h;
|
|
1411
1411
|
}, {})), O = e == null ? void 0 : e.validationSchema, j = It(bt, 5), Q = It(bt, 5), B = nt(async (h) => await h === "silent" ? j() : Q(), (h, [g]) => {
|
|
1412
|
-
const I = M.fieldsByPath.value || {},
|
|
1412
|
+
const I = M.fieldsByPath.value || {}, E = z(M.errorBag.value);
|
|
1413
1413
|
return [
|
|
1414
|
-
.../* @__PURE__ */ new Set([...z(h.results), ...z(I), ...
|
|
1414
|
+
.../* @__PURE__ */ new Set([...z(h.results), ...z(I), ...E])
|
|
1415
1415
|
].reduce((V, F) => {
|
|
1416
1416
|
const W = I[F], le = (h.results[F] || { errors: [] }).errors, ae = {
|
|
1417
1417
|
errors: le,
|
|
@@ -1426,7 +1426,7 @@ function zi(e) {
|
|
|
1426
1426
|
}, { valid: h.valid, results: {}, errors: {} });
|
|
1427
1427
|
});
|
|
1428
1428
|
function K(h) {
|
|
1429
|
-
return function(I,
|
|
1429
|
+
return function(I, E) {
|
|
1430
1430
|
return function(V) {
|
|
1431
1431
|
return V instanceof Event && (V.preventDefault(), V.stopPropagation()), N(z(o.value).reduce((F, W) => (F[W] = !0, F), {})), u.value = !0, d.value++, Pe().then((F) => {
|
|
1432
1432
|
const W = T(p);
|
|
@@ -1439,13 +1439,13 @@ function zi(e) {
|
|
|
1439
1439
|
setFieldError: fe,
|
|
1440
1440
|
setTouched: N,
|
|
1441
1441
|
setFieldTouched: w,
|
|
1442
|
-
setValues:
|
|
1442
|
+
setValues: Ee,
|
|
1443
1443
|
setFieldValue: ye,
|
|
1444
|
-
resetForm:
|
|
1444
|
+
resetForm: Ae,
|
|
1445
1445
|
resetField: Z
|
|
1446
1446
|
});
|
|
1447
1447
|
}
|
|
1448
|
-
!F.valid && typeof
|
|
1448
|
+
!F.valid && typeof E == "function" && E({
|
|
1449
1449
|
values: W,
|
|
1450
1450
|
evt: V,
|
|
1451
1451
|
errors: F.errors,
|
|
@@ -1465,7 +1465,7 @@ function zi(e) {
|
|
|
1465
1465
|
values: p,
|
|
1466
1466
|
controlledValues: C,
|
|
1467
1467
|
errorBag: b,
|
|
1468
|
-
errors:
|
|
1468
|
+
errors: A,
|
|
1469
1469
|
schema: O,
|
|
1470
1470
|
submitCount: d,
|
|
1471
1471
|
meta: y,
|
|
@@ -1479,12 +1479,12 @@ function zi(e) {
|
|
|
1479
1479
|
setFieldErrorBag: S,
|
|
1480
1480
|
validateField: qe,
|
|
1481
1481
|
setFieldValue: ye,
|
|
1482
|
-
setValues:
|
|
1482
|
+
setValues: Ee,
|
|
1483
1483
|
setErrors: pe,
|
|
1484
1484
|
setFieldError: fe,
|
|
1485
1485
|
setFieldTouched: w,
|
|
1486
1486
|
setTouched: N,
|
|
1487
|
-
resetForm:
|
|
1487
|
+
resetForm: Ae,
|
|
1488
1488
|
resetField: Z,
|
|
1489
1489
|
handleSubmit: R,
|
|
1490
1490
|
stageInitialValue: sn,
|
|
@@ -1510,13 +1510,13 @@ function zi(e) {
|
|
|
1510
1510
|
k(h);
|
|
1511
1511
|
}
|
|
1512
1512
|
function ye(h, g, { force: I } = { force: !1 }) {
|
|
1513
|
-
var
|
|
1513
|
+
var E;
|
|
1514
1514
|
const D = o.value[h], V = T(g);
|
|
1515
1515
|
if (!D) {
|
|
1516
1516
|
ue(p, h, V);
|
|
1517
1517
|
return;
|
|
1518
1518
|
}
|
|
1519
|
-
if (q(D) && ((
|
|
1519
|
+
if (q(D) && ((E = D[0]) === null || E === void 0 ? void 0 : E.type) === "checkbox" && !Array.isArray(g)) {
|
|
1520
1520
|
const W = T(tt(x(p, h) || [], g, void 0));
|
|
1521
1521
|
ue(p, h, W);
|
|
1522
1522
|
return;
|
|
@@ -1524,7 +1524,7 @@ function zi(e) {
|
|
|
1524
1524
|
let F = V;
|
|
1525
1525
|
!q(D) && D.type === "checkbox" && !I && !r && (F = T(tt(x(p, h), g, _(D.uncheckedValue)))), ue(p, h, F);
|
|
1526
1526
|
}
|
|
1527
|
-
function
|
|
1527
|
+
function Ee(h) {
|
|
1528
1528
|
z(p).forEach((g) => {
|
|
1529
1529
|
delete p[g];
|
|
1530
1530
|
}), z(h).forEach((g) => {
|
|
@@ -1544,7 +1544,7 @@ function zi(e) {
|
|
|
1544
1544
|
}
|
|
1545
1545
|
function w(h, g) {
|
|
1546
1546
|
const I = o.value[h];
|
|
1547
|
-
I && ie(I, (
|
|
1547
|
+
I && ie(I, (E) => E.setTouched(g));
|
|
1548
1548
|
}
|
|
1549
1549
|
function N(h) {
|
|
1550
1550
|
z(h).forEach((g) => {
|
|
@@ -1553,53 +1553,53 @@ function zi(e) {
|
|
|
1553
1553
|
}
|
|
1554
1554
|
function Z(h, g) {
|
|
1555
1555
|
const I = o.value[h];
|
|
1556
|
-
I && ie(I, (
|
|
1556
|
+
I && ie(I, (E) => E.resetField(g));
|
|
1557
1557
|
}
|
|
1558
|
-
function
|
|
1558
|
+
function Ae(h) {
|
|
1559
1559
|
r = !0, Oe((I) => I.resetField());
|
|
1560
1560
|
const g = h != null && h.values ? h.values : c.value;
|
|
1561
|
-
f(g),
|
|
1561
|
+
f(g), Ee(g), h != null && h.touched && N(h.touched), pe((h == null ? void 0 : h.errors) || {}), d.value = (h == null ? void 0 : h.submitCount) || 0, Ce(() => {
|
|
1562
1562
|
r = !1;
|
|
1563
1563
|
});
|
|
1564
1564
|
}
|
|
1565
1565
|
function me(h, g) {
|
|
1566
|
-
const I = bn(h),
|
|
1567
|
-
if (!o.value[
|
|
1568
|
-
o.value[
|
|
1566
|
+
const I = bn(h), E = g;
|
|
1567
|
+
if (!o.value[E]) {
|
|
1568
|
+
o.value[E] = I;
|
|
1569
1569
|
return;
|
|
1570
1570
|
}
|
|
1571
|
-
const D = o.value[
|
|
1572
|
-
D && !Array.isArray(D) && (o.value[
|
|
1571
|
+
const D = o.value[E];
|
|
1572
|
+
D && !Array.isArray(D) && (o.value[E] = [D]), o.value[E] = [...o.value[E], I];
|
|
1573
1573
|
}
|
|
1574
1574
|
function _e(h, g) {
|
|
1575
|
-
const I = g,
|
|
1576
|
-
if (!!
|
|
1577
|
-
if (!q(
|
|
1575
|
+
const I = g, E = o.value[I];
|
|
1576
|
+
if (!!E) {
|
|
1577
|
+
if (!q(E) && h.id === E.id) {
|
|
1578
1578
|
delete o.value[I];
|
|
1579
1579
|
return;
|
|
1580
1580
|
}
|
|
1581
|
-
if (q(
|
|
1582
|
-
const D =
|
|
1581
|
+
if (q(E)) {
|
|
1582
|
+
const D = E.findIndex((V) => V.id === h.id);
|
|
1583
1583
|
if (D === -1)
|
|
1584
1584
|
return;
|
|
1585
|
-
|
|
1585
|
+
E.splice(D, 1), E.length || delete o.value[I];
|
|
1586
1586
|
}
|
|
1587
1587
|
}
|
|
1588
1588
|
}
|
|
1589
1589
|
function je(h) {
|
|
1590
1590
|
const g = _(h.name);
|
|
1591
|
-
me(h, g), Ue(h.name) && J(h.name, async (
|
|
1592
|
-
await Ce(), _e(h, D), me(h,
|
|
1591
|
+
me(h, g), Ue(h.name) && J(h.name, async (E, D) => {
|
|
1592
|
+
await Ce(), _e(h, D), me(h, E), (A.value[D] || A.value[E]) && (fe(D, void 0), qe(E)), await Ce(), H(D) || Be(p, D);
|
|
1593
1593
|
});
|
|
1594
1594
|
const I = _(h.errorMessage);
|
|
1595
1595
|
I && (l == null ? void 0 : l[g]) !== I && qe(g), delete l[g];
|
|
1596
1596
|
}
|
|
1597
1597
|
function on(h) {
|
|
1598
|
-
const g = _(h.name), I = o.value[g],
|
|
1598
|
+
const g = _(h.name), I = o.value[g], E = !!I && q(I);
|
|
1599
1599
|
_e(h, g), Ce(() => {
|
|
1600
1600
|
var D;
|
|
1601
1601
|
const V = (D = _(h.keepValueOnUnmount)) !== null && D !== void 0 ? D : _(a), F = x(p, g);
|
|
1602
|
-
if (
|
|
1602
|
+
if (E && (I === o.value[g] || !o.value[g]) && !V)
|
|
1603
1603
|
if (Array.isArray(F)) {
|
|
1604
1604
|
const le = F.findIndex((ae) => G(ae, _(h.checkedValue)));
|
|
1605
1605
|
if (le > -1) {
|
|
@@ -1609,7 +1609,7 @@ function zi(e) {
|
|
|
1609
1609
|
} else
|
|
1610
1610
|
F === _(h.checkedValue) && Be(p, g);
|
|
1611
1611
|
if (!H(g)) {
|
|
1612
|
-
if (fe(g, void 0), V ||
|
|
1612
|
+
if (fe(g, void 0), V || E && Array.isArray(F) && !Rt(F))
|
|
1613
1613
|
return;
|
|
1614
1614
|
Be(p, g);
|
|
1615
1615
|
}
|
|
@@ -1626,15 +1626,15 @@ function zi(e) {
|
|
|
1626
1626
|
valid: W.valid,
|
|
1627
1627
|
errors: W.errors
|
|
1628
1628
|
})) : Promise.resolve({ key: "", valid: !0, errors: [] });
|
|
1629
|
-
})),
|
|
1629
|
+
})), E = {}, D = {};
|
|
1630
1630
|
for (const V of I)
|
|
1631
|
-
|
|
1631
|
+
E[V.key] = {
|
|
1632
1632
|
valid: V.valid,
|
|
1633
1633
|
errors: V.errors
|
|
1634
1634
|
}, V.errors.length && (D[V.key] = V.errors[0]);
|
|
1635
1635
|
return {
|
|
1636
1636
|
valid: I.every((V) => V.valid),
|
|
1637
|
-
results:
|
|
1637
|
+
results: E,
|
|
1638
1638
|
errors: D
|
|
1639
1639
|
};
|
|
1640
1640
|
}
|
|
@@ -1670,9 +1670,9 @@ function zi(e) {
|
|
|
1670
1670
|
}), Ue(O) && J(O, () => {
|
|
1671
1671
|
var h;
|
|
1672
1672
|
(h = M.validateSchema) === null || h === void 0 || h.call(M, "validated-only");
|
|
1673
|
-
}), Dt(Me, M), process.env.NODE_ENV !== "production" && (
|
|
1673
|
+
}), Dt(Me, M), process.env.NODE_ENV !== "production" && (Ai(M), J(() => Object.assign(Object.assign({ errors: b.value }, y.value), { values: p, isSubmitting: u.value, submitCount: d.value }), Se, {
|
|
1674
1674
|
deep: !0
|
|
1675
|
-
})), Object.assign(Object.assign({}, M), { handleReset: () =>
|
|
1675
|
+
})), Object.assign(Object.assign({}, M), { handleReset: () => Ae(), submitForm: un });
|
|
1676
1676
|
}
|
|
1677
1677
|
function $i(e, t, n, i) {
|
|
1678
1678
|
const r = {
|
|
@@ -1780,7 +1780,7 @@ oe({
|
|
|
1780
1780
|
}
|
|
1781
1781
|
},
|
|
1782
1782
|
setup(e, t) {
|
|
1783
|
-
const n = ce(e, "initialValues"), i = ce(e, "validationSchema"), r = ce(e, "keepValues"), { errors: o, values: u, meta: d, isSubmitting: m, submitCount: p, controlledValues: b, validate: k, validateField: S, handleReset:
|
|
1783
|
+
const n = ce(e, "initialValues"), i = ce(e, "validationSchema"), r = ce(e, "keepValues"), { errors: o, values: u, meta: d, isSubmitting: m, submitCount: p, controlledValues: b, validate: k, validateField: S, handleReset: A, resetForm: P, handleSubmit: H, setErrors: L, setFieldError: v, setFieldValue: l, setValues: a, setFieldTouched: s, setTouched: c, resetField: f } = zi({
|
|
1784
1784
|
validationSchema: i.value ? i : void 0,
|
|
1785
1785
|
initialValues: n,
|
|
1786
1786
|
initialErrors: e.initialErrors,
|
|
@@ -1791,7 +1791,7 @@ oe({
|
|
|
1791
1791
|
$t(M) && M.target.submit();
|
|
1792
1792
|
}, e.onInvalidSubmit), C = e.onSubmit ? H(e.onSubmit, e.onInvalidSubmit) : y;
|
|
1793
1793
|
function O(R) {
|
|
1794
|
-
ft(R) && R.preventDefault(),
|
|
1794
|
+
ft(R) && R.preventDefault(), A(), typeof t.attrs.onReset == "function" && t.attrs.onReset();
|
|
1795
1795
|
}
|
|
1796
1796
|
function j(R, M) {
|
|
1797
1797
|
return H(typeof R == "function" && !M ? R : M, e.onInvalidSubmit)(R);
|
|
@@ -1816,7 +1816,7 @@ oe({
|
|
|
1816
1816
|
validate: k,
|
|
1817
1817
|
validateField: S,
|
|
1818
1818
|
handleSubmit: j,
|
|
1819
|
-
handleReset:
|
|
1819
|
+
handleReset: A,
|
|
1820
1820
|
submitForm: y,
|
|
1821
1821
|
setErrors: L,
|
|
1822
1822
|
setFieldError: v,
|
|
@@ -1934,7 +1934,7 @@ function Ki(e) {
|
|
|
1934
1934
|
const j = C[a];
|
|
1935
1935
|
C[a] = C[s], C[s] = j, t == null || t.setFieldValue(c, y), n.value = C, m();
|
|
1936
1936
|
}
|
|
1937
|
-
function
|
|
1937
|
+
function A(a, s) {
|
|
1938
1938
|
const c = _(e), f = x(t == null ? void 0 : t.values, c);
|
|
1939
1939
|
if (!Array.isArray(f) || f.length < a)
|
|
1940
1940
|
return;
|
|
@@ -1970,7 +1970,7 @@ function Ki(e) {
|
|
|
1970
1970
|
remove: b,
|
|
1971
1971
|
push: k,
|
|
1972
1972
|
swap: S,
|
|
1973
|
-
insert:
|
|
1973
|
+
insert: A,
|
|
1974
1974
|
update: H,
|
|
1975
1975
|
replace: P,
|
|
1976
1976
|
prepend: L,
|
|
@@ -2169,7 +2169,7 @@ var Xt = { exports: {} }, en = { exports: {} };
|
|
|
2169
2169
|
}, k = ["800", "822", "833", "844", "855", "866", "877", "880", "881", "882", "883", "884", "885", "886", "887", "888", "889"], S = function(v, l) {
|
|
2170
2170
|
for (var a = Object.keys(v), s = 0; s < a.length; s++)
|
|
2171
2171
|
l(a[s], v[a[s]]);
|
|
2172
|
-
},
|
|
2172
|
+
}, A = function(v) {
|
|
2173
2173
|
S(window.intlTelInputGlobals.instances, function(l) {
|
|
2174
2174
|
window.intlTelInputGlobals.instances[l][v]();
|
|
2175
2175
|
});
|
|
@@ -2393,10 +2393,10 @@ var Xt = { exports: {} }, en = { exports: {} };
|
|
|
2393
2393
|
value: function() {
|
|
2394
2394
|
window.intlTelInputGlobals.autoCountry ? this.handleAutoCountry() : window.intlTelInputGlobals.startedLoadingAutoCountry || (window.intlTelInputGlobals.startedLoadingAutoCountry = !0, typeof this.options.geoIpLookup == "function" && this.options.geoIpLookup(function(l) {
|
|
2395
2395
|
window.intlTelInputGlobals.autoCountry = l.toLowerCase(), setTimeout(function() {
|
|
2396
|
-
return
|
|
2396
|
+
return A("handleAutoCountry");
|
|
2397
2397
|
});
|
|
2398
2398
|
}, function() {
|
|
2399
|
-
return
|
|
2399
|
+
return A("rejectAutoCountryPromise");
|
|
2400
2400
|
}));
|
|
2401
2401
|
}
|
|
2402
2402
|
}, {
|
|
@@ -2794,9 +2794,9 @@ var Xt = { exports: {} }, en = { exports: {} };
|
|
|
2794
2794
|
var H = function(v, l, a) {
|
|
2795
2795
|
var s = document.createElement("script");
|
|
2796
2796
|
s.onload = function() {
|
|
2797
|
-
|
|
2797
|
+
A("handleUtils"), l && l();
|
|
2798
2798
|
}, s.onerror = function() {
|
|
2799
|
-
|
|
2799
|
+
A("rejectUtilsScriptPromise"), a && a();
|
|
2800
2800
|
}, s.className = "iti-load-utils", s.async = !0, s.src = v, document.body.appendChild(s);
|
|
2801
2801
|
};
|
|
2802
2802
|
return m.loadUtils = function(L) {
|
|
@@ -2890,7 +2890,7 @@ const Xi = /* @__PURE__ */ Yi(Xt.exports), er = { class: "form-group" }, tr = {
|
|
|
2890
2890
|
type: "tel",
|
|
2891
2891
|
value: _(o),
|
|
2892
2892
|
autocomplete: e.autocomplete,
|
|
2893
|
-
onInput: k[0] || (k[0] = (
|
|
2893
|
+
onInput: k[0] || (k[0] = (A) => n("update:modelValue", A.target.value))
|
|
2894
2894
|
}, null, 40, nr), [
|
|
2895
2895
|
[S, "#########"]
|
|
2896
2896
|
])
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.icon-heart[data-v-5800c09e]{color:tomato}.counter label[data-v-2c22e62b]{padding-right:10px;font-weight:700}.counter .count[data-v-2c22e62b]{padding:0 10px}.modal-backdrop[data-v-1035bf90]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:12;background-color:#0006;transition:all .4s ease-in-out}.modal-overlay[data-v-1035bf90]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:13}.modal-container[data-v-1035bf90]{position:absolute;top:0;left:0;height:100%;background:#ffffff;padding:20px;width:100%;box-sizing:border-box}@media screen and (min-width: 601px){.modal-container[data-v-1035bf90]{top:50%;left:50%;transform:translateY(-50%) translate(-50%);max-width:calc(100% - 60px);border-radius:8px;padding:20px 40px;height:auto}}@media screen and (min-width: 1100px){.modal-container[data-v-1035bf90]{max-width:1040px}}.modal-container .modal-header[data-v-1035bf90]{font-weight:700;font-size:18px;line-height:21px;padding-bottom:15px;padding-right:20px;border-bottom:1px solid #dedede}@media screen and (min-width: 601px){.modal-container .modal-header[data-v-1035bf90]{font-size:24px;line-height:27px}}.modal-container .btn-close[data-v-1035bf90]{position:absolute;top:20px;right:20px;background:none;border:none;padding:0;outline:0;height:20px;cursor:pointer}@media screen and (min-width: 601px){.modal-container .btn-close[data-v-1035bf90]{right:40px}}.modal-container .btn-close span[data-v-1035bf90]{line-height:20px}.modal-container .btn-close[data-v-1035bf90]:focus{outline:0}.modal-container .modal-body[data-v-1035bf90]{margin:20px -15px -15px;font-size:15px;line-height:17px;overflow-y:auto;max-height:calc(100vh - 97px);height:auto;padding:0 15px 15px}@media screen and (min-width: 768px){.modal-container .modal-body[data-v-1035bf90]{max-height:800px}}.modal-container .modal-footer[data-v-1035bf90]{border-top:1px solid #dedede;padding-top:15px;margin-top:15px}.modal-container .modal-footer[data-v-1035bf90] .button-container{display:flex;flex-direction:row;justify-content:flex-end;gap:10px}.fade-enter-from[data-v-1035bf90],.fade-leave-to[data-v-1035bf90]{opacity:0}.fade-enter-to[data-v-1035bf90],.fade-leave-from[data-v-1035bf90]{opacity:1}.cja-btn[data-v-2bfec323]{display:inline-flex;justify-content:center;align-items:center;padding:10px 20px;border-radius:8px;box-shadow:0 4px 20px #0000001a;color:#076b9c;background:none;font-weight:700;font-size:16px;line-height:16px;cursor:pointer}@media screen and (min-width: 768px){.cja-btn[data-v-2bfec323]{padding:15px 20px;font-size:20px;line-height:20px}}.cja-btn[data-v-2bfec323]:focus-visible{outline:none}.cja-btn.btn-primary[data-v-2bfec323]{background:#076b9c;border:1px solid #076b9c;color:#fff}.cja-btn.btn-primary.btn-orange[data-v-2bfec323]{background:#f58423;border-color:#f58423}.cja-btn.btn-primary.btn-white[data-v-2bfec323]{background:#fff;border-color:#fff;color:#155072}.cja-btn.btn-primary[data-v-2bfec323]:disabled{background:#dedede;border:1px solid #dedede;cursor:pointer}.cja-btn.btn-secondary[data-v-2bfec323]{border:1px solid #dedede}.cja-btn[data-v-2bfec323] span[class^=m-cgg-icon--]:last-child{margin-left:5px}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNovaT-Thin.woff2) format("woff2"),url(fonts/ProximaNovaT-Thin.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Black.woff2) format("woff2"),url(fonts/ProximaNova-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Regular.woff2) format("woff2"),url(fonts/ProximaNova-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Bold.woff2) format("woff2"),url(fonts/ProximaNova-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Extrabld.woff2) format("woff2"),url(fonts/ProximaNova-Extrabld.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}body{font-family:Proxima Nova,Helvetica Neue,Helvetica,Microsoft JhengHei,Open Sans,Arial,"sans-serif"}*,*:before,*:after{box-sizing:border-box}.form-group .input-title{font-size:14px;line-height:17px;font-weight:700;margin-bottom:10px}@media screen and (min-width: 768px){.form-group .input-title{font-size:16px;line-height:19px}}.form-group .input-container{position:relative}.form-group .input-container input,.form-group .input-container textarea{outline:none;padding:10px 8px;font-size:15px;line-height:18px;width:100%;border:1px solid #dedede;border-radius:5px;transition:all .1s ease-in}.form-group .input-container input:active,.form-group .input-container input:focus,.form-group .input-container textarea:active,.form-group .input-container textarea:focus{border:1px solid #5fbbff;outline:none}.form-group .input-container input:active+.icon,.form-group .input-container input:focus+.icon,.form-group .input-container textarea:active+.icon,.form-group .input-container textarea:focus+.icon{color:#312f2e}.form-group .input-container textarea{resize:none}.form-group .input-container.has-icon input{padding-right:50px}.form-group .input-container.has-icon .icon{position:absolute;top:50%;transform:translateY(-50%);right:20px;line-height:10px;font-size:20px;font-weight:700;color:#979290;transition:color .1s ease-in}.form-group .input-container.error input,.form-group .input-container.error textarea{background-color:#ffebeb;border:1px solid #ff533f}.form-group .input-container-radio ul{display:flex;flex-direction:column;gap:15px}.form-group .input-container-radio label{display:flex;flex-direction:row;gap:10px;cursor:pointer}.form-group .input-container-radio label input{display:none}.form-group .input-container-radio label input:checked+.radio-icon{border-color:#77aa43}.form-group .input-container-radio label input:checked+.radio-icon:before{opacity:1}.form-group .input-container-radio label .radio-icon{height:25px;width:25px;border:2px solid #9fabbc;border-radius:50%;transition:all .3s ease-in-out}.form-group .input-container-radio label .radio-icon:before{content:"";display:block;opacity:0;transition:all .3s ease-in-out;width:100%;height:100%;background-color:#77aa43;background-clip:content-box;border:4px solid transparent;border-radius:50%}.form-group .input-container-radio label p{font-size:16px;line-height:25px}.form-group .input-container-checkbox label{display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px;cursor:pointer}.form-group .input-container-checkbox label input{display:none}.form-group .input-container-checkbox label.active .radio-icon{border-color:#77aa43}.form-group .input-container-checkbox label.active .radio-icon:before{opacity:1}.form-group .input-container-checkbox label.active p{color:#77aa43}.form-group .input-container-checkbox label .checkbox-icon{position:relative}.form-group .input-container-checkbox label .checkbox-icon:after{content:"";display:block;width:22px;height:22px;border-radius:3px;border:1px solid #cccbc8;color:#77aa43}.form-group .input-container-checkbox label .checkbox-icon:before{position:absolute;opacity:0;font-size:20px}.form-group .input-container-checkbox label input:checked+.checkbox-icon:before{opacity:1}.form-group .input-container-checkbox label .text-container{font-size:12px;line-height:18px;user-select:none}.form-group .input-container-checkbox label .text-container a{color:inherit;font-weight:700;text-decoration:underline}.form-group .input-container-checkbox label .text-container a:hover{text-decoration:none}.form-group .input-container-select{position:relative}.form-group .input-container-select .close-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:23}.form-group .input-container-select .select-toggle{position:relative;display:flex;justify-content:space-between;gap:10px;background-color:#fff;border:1px solid #dedede;border-radius:5px;cursor:pointer;padding:10px 8px;font-size:15px;line-height:18px;width:100%;transition:z-index 0s .3s;z-index:0}.form-group .input-container-select .select-toggle .select-display{flex-grow:1;text-overflow:ellipsis;overflow:hidden}.form-group .input-container-select .select-toggle.open{z-index:25;transition:z-index 0s}.form-group .input-container-select .select-toggle.open em{transform:rotate(180deg)}.form-group .input-container-select .select-toggle.disabled{opacity:.5;cursor:auto}.form-group .input-container-select .select-toggle em{font-size:12px;line-height:18px;color:#9fabbc;transition:all .3s ease-in-out}.form-group .input-container-select .select-collapse{position:absolute;z-index:24;left:0;width:100%;max-height:400px;overflow-y:auto;padding-top:4px;background-color:#fff;border:1px solid #dedede;transition:all .3s ease-in-out}.form-group .input-container-select .select-collapse.position-top{bottom:calc(100% - 5px);border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 -4px 10px #00000026}.form-group .input-container-select .select-collapse.position-bottom{top:calc(100% - 5px);border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 4px 10px #00000026}.form-group .input-container-select .select-collapse .search-filter-container{padding:5px 10px}.form-group .input-container-select .select-collapse .search-filter-container input{outline:none;padding:10px 8px;font-size:15px;line-height:18px;width:100%;border:1px solid #dedede;border-radius:5px}.form-group .input-container-select .select-collapse .search-filter-container input:active,.form-group .input-container-select .select-collapse .search-filter-container input:focus{border:1px solid #5fbbff;outline:none}.form-group .input-container-select .select-collapse.slide-fade-enter-from,.form-group .input-container-select .select-collapse.slide-fade-leave-to{opacity:0}.form-group .input-container-select .select-collapse.slide-fade-enter-to,.form-group .input-container-select .select-collapse.slide-fade-leave-from{opacity:1}.form-group .input-container-select .select-collapse ul li{display:flex;align-items:center;transition:all .3s ease-in-out;padding:8px 10px;cursor:pointer;user-select:none;overflow-x:hidden}.form-group .input-container-select .select-collapse ul li:hover{background-color:#f1f7ee}.form-group .input-container-select .select-collapse ul li .checkbox-icon{height:20px;width:20px;border:2px solid #9fabbc;border-radius:3px;transition:all .3s ease-in-out;display:inline-flex;place-items:center;margin-right:10px}.form-group .input-container-select .select-collapse ul li .checkbox-icon:before{color:#77aa43;opacity:0}.form-group .input-container-select .select-collapse ul li.active .checkbox-icon:before{opacity:1}.form-group .input-container-select.error .select-toggle{background-color:#ffebeb;border:1px solid #ff533f}.form-group .input-container-select.error em{background-color:#ffebeb}.form-group .input-error{color:#ff533f;font-size:14px;line-height:16px;margin-top:8px}@media screen and (min-width: 768px){.form-group .input-error{font-size:16px;line-height:18px}}.form-group .iti{display:block}.form-group .iti__flag{background-image:url(https://www.comparaja.pt/s3/portugal/comparaja.pt/production/pt/images/general/flags.png)!important}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.form-group .iti__flag{background-image:url(https://www.comparaja.pt/s3/portugal/comparaja.pt/production/pt/images/general/flags@2x.png)!important}}
|
|
1
|
+
.icon-heart[data-v-5800c09e]{color:tomato}.counter label[data-v-2c22e62b]{padding-right:10px;font-weight:700}.counter .count[data-v-2c22e62b]{padding:0 10px}.modal-backdrop[data-v-0270982d]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#0006;transition:all .4s ease-in-out}.modal-overlay[data-v-0270982d]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:13}.modal-container[data-v-0270982d]{position:absolute;top:0;left:0;height:100%;background:#ffffff;padding:20px;width:100%;box-sizing:border-box}@media screen and (min-width: 601px){.modal-container[data-v-0270982d]{top:50%;left:50%;transform:translateY(-50%) translate(-50%);max-width:calc(100% - 60px);border-radius:8px;padding:20px 40px;height:auto}}@media screen and (min-width: 1100px){.modal-container[data-v-0270982d]{max-width:1040px}}.modal-container .modal-header[data-v-0270982d]{font-weight:700;font-size:18px;line-height:21px;padding-bottom:15px;padding-right:20px;border-bottom:1px solid #dedede}@media screen and (min-width: 601px){.modal-container .modal-header[data-v-0270982d]{font-size:24px;line-height:27px}}.modal-container .btn-close[data-v-0270982d]{position:absolute;top:20px;right:20px;background:none;border:none;padding:0;outline:0;height:20px;cursor:pointer}@media screen and (min-width: 601px){.modal-container .btn-close[data-v-0270982d]{right:40px}}.modal-container .btn-close span[data-v-0270982d]{line-height:20px}.modal-container .btn-close[data-v-0270982d]:focus{outline:0}.modal-container .modal-body[data-v-0270982d]{margin:20px -15px -15px;font-size:15px;line-height:17px;overflow-y:auto;max-height:calc(100vh - 97px);height:auto;padding:0 15px 15px}@media screen and (min-width: 768px){.modal-container .modal-body[data-v-0270982d]{max-height:800px}}.modal-container .modal-footer[data-v-0270982d]{border-top:1px solid #dedede;padding-top:15px;margin-top:15px}.modal-container .modal-footer[data-v-0270982d] .button-container{display:flex;flex-direction:row;justify-content:flex-end;gap:10px}.fade-enter-from[data-v-0270982d],.fade-leave-to[data-v-0270982d]{opacity:0}.fade-enter-to[data-v-0270982d],.fade-leave-from[data-v-0270982d]{opacity:1}.cja-btn[data-v-2bfec323]{display:inline-flex;justify-content:center;align-items:center;padding:10px 20px;border-radius:8px;box-shadow:0 4px 20px #0000001a;color:#076b9c;background:none;font-weight:700;font-size:16px;line-height:16px;cursor:pointer}@media screen and (min-width: 768px){.cja-btn[data-v-2bfec323]{padding:15px 20px;font-size:20px;line-height:20px}}.cja-btn[data-v-2bfec323]:focus-visible{outline:none}.cja-btn.btn-primary[data-v-2bfec323]{background:#076b9c;border:1px solid #076b9c;color:#fff}.cja-btn.btn-primary.btn-orange[data-v-2bfec323]{background:#f58423;border-color:#f58423}.cja-btn.btn-primary.btn-white[data-v-2bfec323]{background:#fff;border-color:#fff;color:#155072}.cja-btn.btn-primary[data-v-2bfec323]:disabled{background:#dedede;border:1px solid #dedede;cursor:pointer}.cja-btn.btn-secondary[data-v-2bfec323]{border:1px solid #dedede}.cja-btn[data-v-2bfec323] span[class^=m-cgg-icon--]:last-child{margin-left:5px}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNovaT-Thin.woff2) format("woff2"),url(fonts/ProximaNovaT-Thin.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Black.woff2) format("woff2"),url(fonts/ProximaNova-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Regular.woff2) format("woff2"),url(fonts/ProximaNova-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Bold.woff2) format("woff2"),url(fonts/ProximaNova-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Extrabld.woff2) format("woff2"),url(fonts/ProximaNova-Extrabld.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}body{font-family:Proxima Nova,Helvetica Neue,Helvetica,Microsoft JhengHei,Open Sans,Arial,"sans-serif"}*,*:before,*:after{box-sizing:border-box}.form-group .input-title{font-size:14px;line-height:17px;font-weight:700;margin-bottom:10px}@media screen and (min-width: 768px){.form-group .input-title{font-size:16px;line-height:19px}}.form-group .input-container{position:relative}.form-group .input-container input,.form-group .input-container textarea{outline:none;padding:10px 8px;font-size:15px;line-height:18px;width:100%;border:1px solid #dedede;border-radius:5px;transition:all .1s ease-in}.form-group .input-container input:active,.form-group .input-container input:focus,.form-group .input-container textarea:active,.form-group .input-container textarea:focus{border:1px solid #5fbbff;outline:none}.form-group .input-container input:active+.icon,.form-group .input-container input:focus+.icon,.form-group .input-container textarea:active+.icon,.form-group .input-container textarea:focus+.icon{color:#312f2e}.form-group .input-container textarea{resize:none}.form-group .input-container.has-icon input{padding-right:50px}.form-group .input-container.has-icon .icon{position:absolute;top:50%;transform:translateY(-50%);right:20px;line-height:10px;font-size:20px;font-weight:700;color:#979290;transition:color .1s ease-in}.form-group .input-container.error input,.form-group .input-container.error textarea{background-color:#ffebeb;border:1px solid #ff533f}.form-group .input-container-radio ul{display:flex;flex-direction:column;gap:15px}.form-group .input-container-radio label{display:flex;flex-direction:row;gap:10px;cursor:pointer}.form-group .input-container-radio label input{display:none}.form-group .input-container-radio label input:checked+.radio-icon{border-color:#77aa43}.form-group .input-container-radio label input:checked+.radio-icon:before{opacity:1}.form-group .input-container-radio label .radio-icon{height:25px;width:25px;border:2px solid #9fabbc;border-radius:50%;transition:all .3s ease-in-out}.form-group .input-container-radio label .radio-icon:before{content:"";display:block;opacity:0;transition:all .3s ease-in-out;width:100%;height:100%;background-color:#77aa43;background-clip:content-box;border:4px solid transparent;border-radius:50%}.form-group .input-container-radio label p{font-size:16px;line-height:25px}.form-group .input-container-checkbox label{display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px;cursor:pointer;margin:0;font-weight:400}.form-group .input-container-checkbox label input{display:none}.form-group .input-container-checkbox label.active .radio-icon{border-color:#77aa43}.form-group .input-container-checkbox label.active .radio-icon:before{opacity:1}.form-group .input-container-checkbox label.active p{color:#77aa43}.form-group .input-container-checkbox label .checkbox-icon{position:relative}.form-group .input-container-checkbox label .checkbox-icon:after{content:"";display:block;width:22px;height:22px;border-radius:3px;border:1px solid #cccbc8;color:#77aa43}.form-group .input-container-checkbox label .checkbox-icon:before{position:absolute;opacity:0;font-size:20px}.form-group .input-container-checkbox label input:checked+.checkbox-icon:before{opacity:1}.form-group .input-container-checkbox label .text-container{font-size:12px;line-height:18px;user-select:none}.form-group .input-container-checkbox label .text-container a{color:inherit;font-weight:700;text-decoration:underline}.form-group .input-container-checkbox label .text-container a:hover{text-decoration:none}.form-group .input-container-select{position:relative}.form-group .input-container-select .close-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:23}.form-group .input-container-select .select-toggle{position:relative;display:flex;justify-content:space-between;gap:10px;background-color:#fff;border:1px solid #dedede;border-radius:5px;cursor:pointer;padding:10px 8px;font-size:15px;line-height:18px;width:100%;transition:z-index 0s .3s;z-index:0}.form-group .input-container-select .select-toggle .select-display{flex-grow:1;text-overflow:ellipsis;overflow:hidden}.form-group .input-container-select .select-toggle.open{z-index:25;transition:z-index 0s}.form-group .input-container-select .select-toggle.open em{transform:rotate(180deg)}.form-group .input-container-select .select-toggle.disabled{opacity:.5;cursor:auto}.form-group .input-container-select .select-toggle em{font-size:12px;line-height:18px;color:#9fabbc;transition:all .3s ease-in-out}.form-group .input-container-select .select-collapse{position:absolute;z-index:24;left:0;width:100%;max-height:400px;overflow-y:auto;padding-top:4px;background-color:#fff;border:1px solid #dedede;transition:all .3s ease-in-out}.form-group .input-container-select .select-collapse.position-top{bottom:calc(100% - 5px);border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 -4px 10px #00000026}.form-group .input-container-select .select-collapse.position-bottom{top:calc(100% - 5px);border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 4px 10px #00000026}.form-group .input-container-select .select-collapse .search-filter-container{padding:5px 10px}.form-group .input-container-select .select-collapse .search-filter-container input{outline:none;padding:10px 8px;font-size:15px;line-height:18px;width:100%;border:1px solid #dedede;border-radius:5px}.form-group .input-container-select .select-collapse .search-filter-container input:active,.form-group .input-container-select .select-collapse .search-filter-container input:focus{border:1px solid #5fbbff;outline:none}.form-group .input-container-select .select-collapse.slide-fade-enter-from,.form-group .input-container-select .select-collapse.slide-fade-leave-to{opacity:0}.form-group .input-container-select .select-collapse.slide-fade-enter-to,.form-group .input-container-select .select-collapse.slide-fade-leave-from{opacity:1}.form-group .input-container-select .select-collapse ul li{display:flex;align-items:center;transition:all .3s ease-in-out;padding:8px 10px;cursor:pointer;user-select:none;overflow-x:hidden}.form-group .input-container-select .select-collapse ul li:hover{background-color:#f1f7ee}.form-group .input-container-select .select-collapse ul li .checkbox-icon{height:20px;width:20px;border:2px solid #9fabbc;border-radius:3px;transition:all .3s ease-in-out;display:inline-flex;place-items:center;margin-right:10px}.form-group .input-container-select .select-collapse ul li .checkbox-icon:before{color:#77aa43;opacity:0}.form-group .input-container-select .select-collapse ul li.active .checkbox-icon:before{opacity:1}.form-group .input-container-select.error .select-toggle{background-color:#ffebeb;border:1px solid #ff533f}.form-group .input-container-select.error em{background-color:#ffebeb}.form-group .input-error{color:#ff533f;font-size:14px;line-height:16px;margin-top:8px}@media screen and (min-width: 768px){.form-group .input-error{font-size:16px;line-height:18px}}.form-group .iti{display:block}.form-group .iti__flag{background-image:url(https://www.comparaja.pt/s3/portugal/comparaja.pt/production/pt/images/general/flags.png)!important}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.form-group .iti__flag{background-image:url(https://www.comparaja.pt/s3/portugal/comparaja.pt/production/pt/images/general/flags@2x.png)!important}}
|
package/package.json
CHANGED
package/src/assets/forms.scss
CHANGED
package/src/components/Modal.vue
CHANGED
|
@@ -45,9 +45,11 @@ watch(
|
|
|
45
45
|
() => active.value,
|
|
46
46
|
(active) => {
|
|
47
47
|
if (active) {
|
|
48
|
-
document.body.
|
|
48
|
+
document.body.style.overflow = "hidden";
|
|
49
|
+
document.documentElement.style.overflow = "hidden";
|
|
49
50
|
} else {
|
|
50
|
-
document.body.
|
|
51
|
+
document.body.style.overflow = "";
|
|
52
|
+
document.documentElement.style.overflow = "";
|
|
51
53
|
}
|
|
52
54
|
}
|
|
53
55
|
);
|
|
@@ -75,7 +77,7 @@ defineExpose({ active, openModal, closeModal, toggleModal });
|
|
|
75
77
|
left: 0;
|
|
76
78
|
width: 100%;
|
|
77
79
|
height: 100%;
|
|
78
|
-
z-index:
|
|
80
|
+
z-index: 1000;
|
|
79
81
|
background-color: rgba(0, 0, 0, 0.4);
|
|
80
82
|
transition: all 0.4s ease-in-out;
|
|
81
83
|
}
|