ep-lib-ts 1.0.57 → 1.0.59
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/LICENSE +0 -0
- package/README.md +0 -0
- package/dist/Glossary.d.ts +10 -0
- package/dist/components/basics/EpBadge.vue.js +2 -20
- package/dist/components/basics/EpBadge.vue2.js +20 -2
- package/dist/components/basics/EpText.vue.js +86 -60
- package/dist/components/educationals/EpResource.vue.js +1 -1
- package/dist/components/forms/EpCheckbox.vue.js +2 -39
- package/dist/components/forms/EpCheckbox.vue2.js +39 -2
- package/dist/components/forms/EpInput.vue.js +2 -60
- package/dist/components/forms/EpInput.vue2.js +60 -2
- package/dist/components/forms/EpRadio.vue.js +2 -39
- package/dist/components/forms/EpRadio.vue2.js +39 -2
- package/dist/components/forms/EpRadioSummative.vue.js +2 -35
- package/dist/components/forms/EpRadioSummative.vue2.js +35 -2
- package/dist/components/forms/EpSelect.vue.js +2 -31
- package/dist/components/forms/EpSelect.vue2.js +31 -2
- package/dist/components/forms/EpSwitch.vue.js +2 -46
- package/dist/components/forms/EpSwitch.vue2.js +46 -2
- package/dist/components/forms/EpTextarea.vue.js +2 -33
- package/dist/components/forms/EpTextarea.vue2.js +33 -2
- package/dist/components/forms/EpToggle.vue.js +2 -36
- package/dist/components/forms/EpToggle.vue2.js +36 -2
- package/dist/components/interactions/Ep360Image.vue.js +2 -8
- package/dist/components/interactions/Ep360Image.vue2.js +8 -2
- package/dist/components/interactions/Ep360Video.vue.js +2 -8
- package/dist/components/interactions/Ep360Video.vue2.js +8 -2
- package/dist/components/interactions/EpContentSlider.vue.js +6 -6
- package/dist/components/interactions/{EpHotsPot.vue.js → EpHotSpot.vue.js} +7 -7
- package/dist/components/interactions/EpHotSpot.vue2.js +4 -0
- package/dist/components/interactions/EpQuestion.vue.js +12 -12
- package/dist/components/interactions/EpSummativeTable.vue.js +1 -1
- package/dist/components/medias/EpAudio.vue.js +1 -1
- package/dist/components/medias/EpHierarchy.vue2.js +1 -1
- package/dist/components/medias/EpSensibleImage.vue.js +1 -1
- package/dist/components/medias/EpSensibleImage.vue2.js +23 -21
- package/dist/components/tools/BgAudio.vue.js +2 -57
- package/dist/components/tools/BgAudio.vue2.js +57 -2
- package/dist/components/tools/TextMedia.vue2.js +5 -5
- package/dist/components/tools/TwoColsMedia.vue2.js +6 -6
- package/dist/ep-lib-ts.css +1 -1
- package/dist/interactions/{EpHotsPot.d.ts → EpHotSpot.d.ts} +1 -1
- package/dist/interactions/EpHotSpot.js +4 -0
- package/dist/medias/EpSensibleImage.d.ts +2 -0
- package/dist/testImg.jpg +0 -0
- package/dist/testMaria.jpg +0 -0
- package/dist/vite.svg +0 -0
- package/package.json +11 -13
- package/dist/basics/EpAvatar.js +0 -4
- package/dist/basics/EpBadge.js +0 -4
- package/dist/components/interactions/EpHotsPot.vue2.js +0 -4
- package/dist/forms/EpCheckbox.js +0 -4
- package/dist/forms/EpInput.js +0 -4
- package/dist/forms/EpRadio.js +0 -4
- package/dist/forms/EpRadioSummative.js +0 -4
- package/dist/forms/EpSelect.js +0 -4
- package/dist/forms/EpSwitch.js +0 -4
- package/dist/forms/EpTextarea.js +0 -4
- package/dist/forms/EpToggle.js +0 -4
- package/dist/interactions/Ep360Image.js +0 -4
- package/dist/interactions/Ep360Video.js +0 -4
- package/dist/interactions/EpHotsPot.js +0 -4
package/LICENSE
CHANGED
|
File without changes
|
package/README.md
CHANGED
|
File without changes
|
|
@@ -1,22 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import t from "../../composables/useColors.js";
|
|
3
|
-
const u = { class: "p-12 bg-warning-light w-[50%] mx-auto border-2 border-warning dark:bg-warning-dark" }, g = /* @__PURE__ */ a({
|
|
4
|
-
__name: "EpBadge",
|
|
5
|
-
props: {
|
|
6
|
-
color: { default: "primary" },
|
|
7
|
-
outlined: { type: Boolean },
|
|
8
|
-
square: { type: Boolean, default: !1 },
|
|
9
|
-
iconPath: { default: null }
|
|
10
|
-
},
|
|
11
|
-
setup(n) {
|
|
12
|
-
const e = n;
|
|
13
|
-
r(() => e.outlined ? t("border", e.color) : t("bg", e.color)), r(() => e.square ? "" : "rounded-full");
|
|
14
|
-
const { iconPath: c } = l(e);
|
|
15
|
-
return (i, o) => (d(), s("div", u, [...o[0] || (o[0] = [
|
|
16
|
-
p("p", { class: "text-center text-error font-bold uppercase" }, "In progress", -1)
|
|
17
|
-
])]));
|
|
18
|
-
}
|
|
19
|
-
});
|
|
1
|
+
import f from "./EpBadge.vue2.js";
|
|
20
2
|
export {
|
|
21
|
-
|
|
3
|
+
f as default
|
|
22
4
|
};
|
|
@@ -1,4 +1,22 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent as a, computed as r, toRefs as l, createElementBlock as s, openBlock as d, createElementVNode as p } from "vue";
|
|
2
|
+
import t from "../../composables/useColors.js";
|
|
3
|
+
const u = { class: "p-12 bg-warning-light w-[50%] mx-auto border-2 border-warning dark:bg-warning-dark" }, g = /* @__PURE__ */ a({
|
|
4
|
+
__name: "EpBadge",
|
|
5
|
+
props: {
|
|
6
|
+
color: { default: "primary" },
|
|
7
|
+
outlined: { type: Boolean },
|
|
8
|
+
square: { type: Boolean, default: !1 },
|
|
9
|
+
iconPath: { default: null }
|
|
10
|
+
},
|
|
11
|
+
setup(n) {
|
|
12
|
+
const e = n;
|
|
13
|
+
r(() => e.outlined ? t("border", e.color) : t("bg", e.color)), r(() => e.square ? "" : "rounded-full");
|
|
14
|
+
const { iconPath: c } = l(e);
|
|
15
|
+
return (i, o) => (d(), s("div", u, [...o[0] || (o[0] = [
|
|
16
|
+
p("p", { class: "text-center text-error font-bold uppercase" }, "In progress", -1)
|
|
17
|
+
])]));
|
|
18
|
+
}
|
|
19
|
+
});
|
|
2
20
|
export {
|
|
3
|
-
|
|
21
|
+
g as default
|
|
4
22
|
};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { isHtml as
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
1
|
+
import { defineComponent as V, toRefs as w, computed as y, h as l, createElementBlock as d, openBlock as a, createBlock as p, unref as M, withCtx as B, createElementVNode as N, Fragment as g, renderList as T, resolveDynamicComponent as h } from "vue";
|
|
2
|
+
import { isHtml as x } from "../../composables/isHtml.js";
|
|
3
|
+
import { useRenderText as b } from "../../composables/useRenderText.js";
|
|
4
|
+
import j from "../interactions/EpAccordeon.vue.js";
|
|
5
|
+
import A from "../medias/EpTerm.vue.js";
|
|
6
|
+
const F = { class: "px-2 text-black dark:text-white" }, I = { key: 1 }, O = /* @__PURE__ */ V({
|
|
6
7
|
__name: "EpText",
|
|
7
8
|
props: {
|
|
8
9
|
glossary: {},
|
|
@@ -15,69 +16,94 @@ const C = { class: "px-2 text-black dark:text-white" }, S = ["innerHTML"], A = [
|
|
|
15
16
|
labelRelations: { default: "Relations" },
|
|
16
17
|
labelClose: { default: "Fermer" }
|
|
17
18
|
},
|
|
18
|
-
setup(
|
|
19
|
-
const e =
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
19
|
+
setup(R) {
|
|
20
|
+
const e = R, { compact: k } = w(e), C = y(() => e.title || "En savoir plus");
|
|
21
|
+
function m(c) {
|
|
22
|
+
const f = document.createElement("div");
|
|
23
|
+
f.innerHTML = c;
|
|
24
|
+
const n = [];
|
|
25
|
+
return f.childNodes.forEach((t) => {
|
|
26
|
+
if (t.nodeType === 3)
|
|
27
|
+
t.textContent && n.push(t.textContent);
|
|
28
|
+
else if (t.nodeType === 1) {
|
|
29
|
+
const s = t;
|
|
30
|
+
if (s.classList.contains("ep_glossary_item")) {
|
|
31
|
+
const v = s.getAttribute("data-id"), D = s.innerHTML;
|
|
32
|
+
let u = [];
|
|
33
|
+
e.glossary && (u = e.glossary.map((r) => ({
|
|
34
|
+
...r,
|
|
35
|
+
id: r.documentId ?? r.id
|
|
36
|
+
})));
|
|
37
|
+
const o = u.find((r) => r.id === v);
|
|
38
|
+
if (o) {
|
|
39
|
+
const L = u.filter(
|
|
40
|
+
(i) => i.relation.some((H) => H === v)
|
|
41
|
+
).map((i) => i.term).join(", "), E = o.variation.join(", ");
|
|
42
|
+
n.push(
|
|
43
|
+
l(
|
|
44
|
+
"div",
|
|
45
|
+
{ style: "display:inline" },
|
|
46
|
+
l(
|
|
47
|
+
A,
|
|
48
|
+
{
|
|
49
|
+
term: o.term,
|
|
50
|
+
word: D,
|
|
51
|
+
variations: E,
|
|
52
|
+
graminfo: o.graminfo,
|
|
53
|
+
src: o.img ?? "",
|
|
54
|
+
domain: o.domain,
|
|
55
|
+
relations: L,
|
|
56
|
+
labelDefinition: e.labelDefinition,
|
|
57
|
+
labelDomain: e.labelDomain,
|
|
58
|
+
labelVariations: e.labelVariations,
|
|
59
|
+
labelRelations: e.labelRelations,
|
|
60
|
+
labelClose: e.labelClose
|
|
61
|
+
},
|
|
62
|
+
() => {
|
|
63
|
+
const i = b(o.definition);
|
|
64
|
+
return x(i) ? m(i) : l("div", { innerHTML: i });
|
|
65
|
+
}
|
|
66
|
+
)
|
|
67
|
+
)
|
|
68
|
+
);
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
n.push(
|
|
73
|
+
l(
|
|
74
|
+
s.tagName.toLowerCase(),
|
|
75
|
+
{},
|
|
76
|
+
m(s.innerHTML)
|
|
77
|
+
)
|
|
78
|
+
);
|
|
61
79
|
}
|
|
62
|
-
}),
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
|
|
80
|
+
}), n;
|
|
81
|
+
}
|
|
82
|
+
const _ = y(() => {
|
|
83
|
+
if (!e.content) return [l("div")];
|
|
84
|
+
if (!x(e.content))
|
|
85
|
+
return [l("div", { innerHTML: b(e.content) })];
|
|
86
|
+
const c = b(e.content);
|
|
87
|
+
return m(c);
|
|
88
|
+
});
|
|
89
|
+
return (c, f) => (a(), d("div", F, [
|
|
90
|
+
M(k) ? (a(), p(j, {
|
|
66
91
|
key: 0,
|
|
67
92
|
outlined: "",
|
|
68
|
-
title:
|
|
93
|
+
title: C.value
|
|
69
94
|
}, {
|
|
70
|
-
default:
|
|
71
|
-
|
|
95
|
+
default: B(() => [
|
|
96
|
+
N("div", null, [
|
|
97
|
+
(a(!0), d(g, null, T(_.value, (n, t) => (a(), p(h(n), { key: t }))), 128))
|
|
98
|
+
])
|
|
72
99
|
]),
|
|
73
100
|
_: 1
|
|
74
|
-
}, 8, ["title"])) : (
|
|
75
|
-
key:
|
|
76
|
-
|
|
77
|
-
}, null, 8, A))
|
|
101
|
+
}, 8, ["title"])) : (a(), d("div", I, [
|
|
102
|
+
(a(!0), d(g, null, T(_.value, (n, t) => (a(), p(h(n), { key: t }))), 128))
|
|
103
|
+
]))
|
|
78
104
|
]));
|
|
79
105
|
}
|
|
80
106
|
});
|
|
81
107
|
export {
|
|
82
|
-
|
|
108
|
+
O as default
|
|
83
109
|
};
|
|
@@ -18,7 +18,7 @@ const f = /* @__PURE__ */ n({
|
|
|
18
18
|
}), s = (i) => {
|
|
19
19
|
const e = l(i);
|
|
20
20
|
return e.name === "EpNothing" ? p(() => import("../signages/EpNothing.vue.js")) : e.name === "EpReading" ? p(() => import("./EpReading.vue2.js")) : p(
|
|
21
|
-
() => a(/* @__PURE__ */ Object.assign({ "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.vue2.js"), "../basics/EpBadge.vue": () => import("../basics/EpBadge.
|
|
21
|
+
() => a(/* @__PURE__ */ Object.assign({ "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.vue2.js"), "../basics/EpBadge.vue": () => import("../basics/EpBadge.vue.js"), "../basics/EpBtn.vue": () => import("../basics/EpBtn.vue2.js"), "../basics/EpCard.vue": () => import("../basics/EpCard.vue2.js"), "../basics/EpChip.vue": () => import("../basics/EpChip.vue2.js"), "../basics/EpDivider.vue": () => import("../basics/EpDivider.vue2.js"), "../basics/EpFlex.vue": () => import("../basics/EpFlex.vue2.js"), "../basics/EpHover.vue": () => import("../basics/EpHover.vue2.js"), "../basics/EpHoverCard.vue": () => import("../basics/EpHoverCard.vue2.js"), "../basics/EpIcon.vue": () => import("../basics/EpIcon.vue2.js"), "../basics/EpImg.vue": () => import("../basics/EpImg.vue2.js"), "../basics/EpImgCarousel.vue": () => import("../basics/EpImgCarousel.vue2.js"), "../basics/EpList.vue": () => import("../basics/EpList.vue.js"), "../basics/EpListItem.vue": () => import("../basics/EpListItem.vue2.js"), "../basics/EpSection.vue": () => import("../basics/EpSection.vue2.js"), "../basics/EpSectionCols.vue": () => import("../basics/EpSectionCols.vue2.js"), "../basics/EpSpinner.vue": () => import("../basics/EpSpinner.vue2.js"), "../basics/EpStackedList.vue": () => import("../basics/EpStackedList.vue2.js"), "../basics/EpTable.vue": () => import("../basics/EpTable.vue2.js"), "../basics/EpText.vue": () => import("../basics/EpText.vue2.js"), "../charts/EpBarChart.vue": () => import("../charts/EpBarChart.vue2.js"), "../charts/EpFunnelChart.vue": () => import("../charts/EpFunnelChart.vue2.js"), "../charts/EpLineChart.vue": () => import("../charts/EpLineChart.vue2.js"), "../charts/EpPieChart.vue": () => import("../charts/EpPieChart.vue2.js"), "./EpBranchingScenario.vue": () => import("./EpBranchingScenario.vue.js"), "./EpCodeblock.vue": () => import("./EpCodeblock.vue3.js"), "./EpConclusion.vue": () => import("./EpConclusion.vue2.js"), "./EpDescription.vue": () => import("./EpDescription.vue2.js"), "./EpDocument.vue": () => import("./EpDocument.vue2.js"), "./EpEdu.vue": () => import("./EpEdu.vue2.js"), "./EpInstructions.vue": () => import("./EpInstructions.vue2.js"), "./EpIntroduction.vue": () => import("./EpIntroduction.vue2.js"), "./EpObjective.vue": () => import("./EpObjective.vue2.js"), "./EpReading.vue": () => import("./EpReading.vue2.js"), "./EpResource.vue": () => import("./EpResource.vue2.js"), "./EpScope.vue": () => import("./EpScope.vue2.js"), "./EpSpecificObjective.vue": () => import("./EpSpecificObjective.vue2.js"), "../forms/EpCheckbox.vue": () => import("../forms/EpCheckbox.vue.js"), "../forms/EpInput.vue": () => import("../forms/EpInput.vue.js"), "../forms/EpRadio.vue": () => import("../forms/EpRadio.vue.js"), "../forms/EpRadioSummative.vue": () => import("../forms/EpRadioSummative.vue.js"), "../forms/EpSelect.vue": () => import("../forms/EpSelect.vue.js"), "../forms/EpSwitch.vue": () => import("../forms/EpSwitch.vue.js"), "../forms/EpTextarea.vue": () => import("../forms/EpTextarea.vue.js"), "../forms/EpToggle.vue": () => import("../forms/EpToggle.vue.js"), "../interactions/Ep360Image.vue": () => import("../interactions/Ep360Image.vue.js"), "../interactions/Ep360Video.vue": () => import("../interactions/Ep360Video.vue.js"), "../interactions/EpAccordeon.vue": () => import("../interactions/EpAccordeon.vue.js"), "../interactions/EpContentSlider.vue": () => import("../interactions/EpContentSlider.vue2.js"), "../interactions/EpDarkMode.vue": () => import("../interactions/EpDarkMode.vue2.js"), "../interactions/EpDraggable.vue": () => import("../interactions/EpDraggable.vue2.js"), "../interactions/EpHotSpot.vue": () => import("../interactions/EpHotSpot.vue2.js"), "../interactions/EpModal.vue": () => import("../interactions/EpModal.vue3.js"), "../interactions/EpQuestion.vue": () => import("../interactions/EpQuestion.vue2.js"), "../interactions/EpSummativeTable.vue": () => import("../interactions/EpSummativeTable.vue2.js"), "../interactions/EpSvgShow.vue": () => import("../interactions/EpSvgShow.vue2.js"), "../interactions/EpTabs.vue": () => import("../interactions/EpTabs.vue.js"), "../interactions/EpTooltip.vue": () => import("../interactions/EpTooltip.vue3.js"), "../medias/EpAudio.vue": () => import("../medias/EpAudio.vue2.js"), "../medias/EpCardLink.vue": () => import("../medias/EpCardLink.vue2.js"), "../medias/EpCarousel.vue": () => import("../medias/EpCarousel.vue.js"), "../medias/EpHierarchy.vue": () => import("../medias/EpHierarchy.vue.js"), "../medias/EpIframe.vue": () => import("../medias/EpIframe.vue2.js"), "../medias/EpKatex.vue": () => import("../medias/EpKatex.vue.js"), "../medias/EpLink.vue": () => import("../medias/EpLink.vue2.js"), "../medias/EpLinkVersion.vue": () => import("../medias/EpLinkVersion.vue2.js"), "../medias/EpLottieSvg.vue": () => import("../medias/EpLottieSvg.vue2.js"), "../medias/EpSensibleImage.vue": () => import("../medias/EpSensibleImage.vue.js"), "../medias/EpSoftware.vue": () => import("../medias/EpSoftware.vue2.js"), "../medias/EpSvg.vue": () => import("../medias/EpSvg.vue2.js"), "../medias/EpTerm.vue": () => import("../medias/EpTerm.vue2.js"), "../medias/EpTimeLine.vue": () => import("../medias/EpTimeLine.vue3.js"), "../medias/EpVideo.vue": () => import("../medias/EpVideo.vue2.js"), "../medias/EpVideoPanopto.vue": () => import("../medias/EpVideoPanopto.vue2.js"), "../medias/EpWordDef.vue": () => import("../medias/EpWordDef.vue2.js"), "../signages/EpAlert.vue": () => import("../signages/EpAlert.vue.js"), "../signages/EpBadge.vue": () => import("../signages/EpBadge.vue2.js"), "../signages/EpHeader.vue": () => import("../signages/EpHeader.vue2.js"), "../signages/EpNothing.vue": () => import("../signages/EpNothing.vue.js"), "../signages/EpQuote.vue": () => import("../signages/EpQuote.vue2.js"), "../signages/EpSkeleton.vue": () => import("../signages/EpSkeleton.vue3.js"), "../tools/BgAudio.vue": () => import("../tools/BgAudio.vue.js"), "../tools/Details.vue": () => import("../tools/Details.vue.js"), "../tools/DisplayBox.vue": () => import("../tools/DisplayBox.vue.js"), "../tools/SvgFilter.vue": () => import("../tools/SvgFilter.vue.js"), "../tools/TextMedia.vue": () => import("../tools/TextMedia.vue.js"), "../tools/TimelineItem.vue": () => import("../tools/TimelineItem.vue.js"), "../tools/TwoColsMedia.vue": () => import("../tools/TwoColsMedia.vue.js") }), `../${e.path}/${e.name}.vue`, 3)
|
|
22
22
|
);
|
|
23
23
|
}, m = r(() => o.value.type && o.value.type === "website" && t.type === "base" ? "primary" : t.type);
|
|
24
24
|
return (i, e) => (v(), u(c(s(o.value.type)), E({ ...o.value }, {
|
|
@@ -1,41 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
const V = { class: "cursor-pointer flex items-center rounded-md py-3 px-3 text-xs font-semibold uppercase sm:flex-1 hover:bg-gray-200" }, B = ["id", "value", "disabled", "readonly"], C = { class: "ml-2" }, D = /* @__PURE__ */ y({
|
|
3
|
-
__name: "EpCheckbox",
|
|
4
|
-
props: {
|
|
5
|
-
id: { default: "0" },
|
|
6
|
-
label: { default: "check" },
|
|
7
|
-
modelValue: { type: [String, Array, Boolean], default: "" },
|
|
8
|
-
disabled: { type: Boolean, default: !1 },
|
|
9
|
-
readonly: { type: Boolean, default: !1 },
|
|
10
|
-
value: { default: void 0 }
|
|
11
|
-
},
|
|
12
|
-
emits: ["update:modelValue"],
|
|
13
|
-
setup(r, { emit: s }) {
|
|
14
|
-
const o = r, n = s, t = b({
|
|
15
|
-
get() {
|
|
16
|
-
return o.modelValue;
|
|
17
|
-
},
|
|
18
|
-
set(a) {
|
|
19
|
-
n("update:modelValue", a);
|
|
20
|
-
}
|
|
21
|
-
}), { id: u, label: i, disabled: c, readonly: p, value: m } = g(o);
|
|
22
|
-
return (a, l) => (v(), x("label", V, [
|
|
23
|
-
_(d("input", {
|
|
24
|
-
type: "checkbox",
|
|
25
|
-
id: e(u),
|
|
26
|
-
"onUpdate:modelValue": l[0] || (l[0] = (f) => t.value = f),
|
|
27
|
-
value: e(m),
|
|
28
|
-
disabled: e(c),
|
|
29
|
-
readonly: e(p),
|
|
30
|
-
name: "notification-method",
|
|
31
|
-
class: "rounded bg-gray-200 border-gray-300 focus:border-transparent focus:bg-gray-200 text-primary focus:ring-1 focus:ring-offset-2 focus:ring-primary"
|
|
32
|
-
}, null, 8, B), [
|
|
33
|
-
[h, t.value]
|
|
34
|
-
]),
|
|
35
|
-
d("span", C, k(e(i)), 1)
|
|
36
|
-
]));
|
|
37
|
-
}
|
|
38
|
-
});
|
|
1
|
+
import f from "./EpCheckbox.vue2.js";
|
|
39
2
|
export {
|
|
40
|
-
|
|
3
|
+
f as default
|
|
41
4
|
};
|
|
@@ -1,4 +1,41 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent as y, computed as b, toRefs as g, createElementBlock as x, openBlock as v, withDirectives as _, createElementVNode as d, unref as e, vModelCheckbox as h, toDisplayString as k } from "vue";
|
|
2
|
+
const V = { class: "cursor-pointer flex items-center rounded-md py-3 px-3 text-xs font-semibold uppercase sm:flex-1 hover:bg-gray-200" }, B = ["id", "value", "disabled", "readonly"], C = { class: "ml-2" }, D = /* @__PURE__ */ y({
|
|
3
|
+
__name: "EpCheckbox",
|
|
4
|
+
props: {
|
|
5
|
+
id: { default: "0" },
|
|
6
|
+
label: { default: "check" },
|
|
7
|
+
modelValue: { type: [String, Array, Boolean], default: "" },
|
|
8
|
+
disabled: { type: Boolean, default: !1 },
|
|
9
|
+
readonly: { type: Boolean, default: !1 },
|
|
10
|
+
value: { default: void 0 }
|
|
11
|
+
},
|
|
12
|
+
emits: ["update:modelValue"],
|
|
13
|
+
setup(r, { emit: s }) {
|
|
14
|
+
const o = r, n = s, t = b({
|
|
15
|
+
get() {
|
|
16
|
+
return o.modelValue;
|
|
17
|
+
},
|
|
18
|
+
set(a) {
|
|
19
|
+
n("update:modelValue", a);
|
|
20
|
+
}
|
|
21
|
+
}), { id: u, label: i, disabled: c, readonly: p, value: m } = g(o);
|
|
22
|
+
return (a, l) => (v(), x("label", V, [
|
|
23
|
+
_(d("input", {
|
|
24
|
+
type: "checkbox",
|
|
25
|
+
id: e(u),
|
|
26
|
+
"onUpdate:modelValue": l[0] || (l[0] = (f) => t.value = f),
|
|
27
|
+
value: e(m),
|
|
28
|
+
disabled: e(c),
|
|
29
|
+
readonly: e(p),
|
|
30
|
+
name: "notification-method",
|
|
31
|
+
class: "rounded bg-gray-200 border-gray-300 focus:border-transparent focus:bg-gray-200 text-primary focus:ring-1 focus:ring-offset-2 focus:ring-primary"
|
|
32
|
+
}, null, 8, B), [
|
|
33
|
+
[h, t.value]
|
|
34
|
+
]),
|
|
35
|
+
d("span", C, k(e(i)), 1)
|
|
36
|
+
]));
|
|
37
|
+
}
|
|
38
|
+
});
|
|
2
39
|
export {
|
|
3
|
-
|
|
40
|
+
D as default
|
|
4
41
|
};
|
|
@@ -1,62 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { useField as P } from "vee-validate";
|
|
3
|
-
import R from "../basics/EpBadge.vue.js";
|
|
4
|
-
import { mdiLockOutline as C } from "@mdi/js";
|
|
5
|
-
const D = { class: "w-72" }, M = { class: "relative h-10 w-full min-w-[200px]" }, S = ["id", "type", "disabled"], T = ["for"], q = { class: "my-3" }, z = ["name", "id"], I = { key: 0 }, j = /* @__PURE__ */ v({
|
|
6
|
-
__name: "EpInput",
|
|
7
|
-
props: {
|
|
8
|
-
name: {},
|
|
9
|
-
id: { default: "0" },
|
|
10
|
-
label: { default: "label" },
|
|
11
|
-
modelValue: { default: "" },
|
|
12
|
-
type: { default: "text" },
|
|
13
|
-
placeholder: { default: "" },
|
|
14
|
-
iconPath: { default: "" },
|
|
15
|
-
iconSize: { default: "32" },
|
|
16
|
-
disabled: { type: Boolean, default: !1 },
|
|
17
|
-
readonly: { type: Boolean, default: !1 }
|
|
18
|
-
},
|
|
19
|
-
emits: ["update:modelValue"],
|
|
20
|
-
setup(b) {
|
|
21
|
-
const d = b, { id: s, label: c, type: m, disabled: h } = g(d), t = y(d, "name");
|
|
22
|
-
function x(n) {
|
|
23
|
-
return n ? n.length < 8 ? "this field must contain at least 8 characters" : !0 : "this field is required";
|
|
24
|
-
}
|
|
25
|
-
const { value: a, errorMessage: f, meta: w } = P(t, x);
|
|
26
|
-
return (n, o) => (u(), i(V, null, [
|
|
27
|
-
p(l(e(w)) + " ", 1),
|
|
28
|
-
r("div", D, [
|
|
29
|
-
r("div", M, [
|
|
30
|
-
o[1] || (o[1] = r("div", { class: "absolute top-2/4 right-3 grid h-5 w-5 -translate-y-2/4 place-items-center text-neutral-400" }, null, -1)),
|
|
31
|
-
r("input", {
|
|
32
|
-
id: e(s),
|
|
33
|
-
type: e(m),
|
|
34
|
-
class: "peer h-full w-full rounded-[7px] border border-blue-200 border-t-transparent bg-transparent px-3 py-2.5 !pr-9 font-sans text-sm font-normal text-neutral-700 outline outline-0 transition-all placeholder-shown:border placeholder-shown:border-neutral-200 placeholder-shown:border-t-neutral-200 focus:border-2 focus:border-blue-500 focus:border-t-transparent focus:outline-0 disabled:border-0 disabled:bg-neutral-100 disabled:cursor-not-allowed",
|
|
35
|
-
placeholder: " ",
|
|
36
|
-
disabled: e(h)
|
|
37
|
-
}, null, 8, S),
|
|
38
|
-
r("label", {
|
|
39
|
-
for: e(s),
|
|
40
|
-
class: "before:content[' '] after:content[' '] pointer-events-none absolute left-0 -top-1.5 flex h-full w-full select-none text-[11px] font-normal leading-tight text-neutral-400 transition-all before:pointer-events-none before:mt-[6.5px] before:mr-1 before:box-border before:block before:h-1.5 before:w-2.5 before:rounded-tl-md before:border-t before:border-l before:border-blue-200 before:transition-all after:pointer-events-none after:mt-[6.5px] after:ml-1 after:box-border after:block after:h-1.5 after:w-2.5 after:flex-grow after:rounded-tr-md after:border-t after:border-r after:border-blue-200 after:transition-all peer-placeholder-shown:text-sm peer-placeholder-shown:leading-[3.75] peer-placeholder-shown:text-neutral-700 peer-placeholder-shown:before:border-transparent peer-placeholder-shown:after:border-transparent peer-focus:text-[11px] peer-focus:leading-tight peer-focus:text-blue-500 peer-focus:before:border-t-2 peer-focus:before:border-l-2 peer-focus:before:border-blue-500 peer-focus:after:border-t-2 peer-focus:after:border-r-2 peer-focus:after:border-blue-500 peer-disabled:text-transparent peer-disabled:before:border-transparent peer-disabled:after:border-transparent peer-disabled:peer-placeholder-shown:text-neutral-500"
|
|
41
|
-
}, l(e(c)), 9, T),
|
|
42
|
-
k(R, { iconPath: e(C) }, null, 8, ["iconPath"])
|
|
43
|
-
])
|
|
44
|
-
]),
|
|
45
|
-
r("div", q, [
|
|
46
|
-
p(l(t.value) + " ", 1),
|
|
47
|
-
B(r("input", {
|
|
48
|
-
type: "text",
|
|
49
|
-
"onUpdate:modelValue": o[0] || (o[0] = (_) => E(a) ? a.value = _ : null),
|
|
50
|
-
name: t.value,
|
|
51
|
-
id: t.value
|
|
52
|
-
}, null, 8, z), [
|
|
53
|
-
[F, e(a)]
|
|
54
|
-
]),
|
|
55
|
-
e(f) ? (u(), i("div", I, l(e(f)), 1)) : N("", !0)
|
|
56
|
-
])
|
|
57
|
-
], 64));
|
|
58
|
-
}
|
|
59
|
-
});
|
|
1
|
+
import f from "./EpInput.vue2.js";
|
|
60
2
|
export {
|
|
61
|
-
|
|
3
|
+
f as default
|
|
62
4
|
};
|
|
@@ -1,4 +1,62 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent as v, toRefs as g, toRef as y, createElementBlock as i, openBlock as u, Fragment as V, createTextVNode as p, createElementVNode as r, toDisplayString as l, unref as e, createVNode as k, withDirectives as B, createCommentVNode as N, isRef as E, vModelText as F } from "vue";
|
|
2
|
+
import { useField as P } from "vee-validate";
|
|
3
|
+
import R from "../basics/EpBadge.vue2.js";
|
|
4
|
+
import { mdiLockOutline as C } from "@mdi/js";
|
|
5
|
+
const D = { class: "w-72" }, M = { class: "relative h-10 w-full min-w-[200px]" }, S = ["id", "type", "disabled"], T = ["for"], q = { class: "my-3" }, z = ["name", "id"], I = { key: 0 }, j = /* @__PURE__ */ v({
|
|
6
|
+
__name: "EpInput",
|
|
7
|
+
props: {
|
|
8
|
+
name: {},
|
|
9
|
+
id: { default: "0" },
|
|
10
|
+
label: { default: "label" },
|
|
11
|
+
modelValue: { default: "" },
|
|
12
|
+
type: { default: "text" },
|
|
13
|
+
placeholder: { default: "" },
|
|
14
|
+
iconPath: { default: "" },
|
|
15
|
+
iconSize: { default: "32" },
|
|
16
|
+
disabled: { type: Boolean, default: !1 },
|
|
17
|
+
readonly: { type: Boolean, default: !1 }
|
|
18
|
+
},
|
|
19
|
+
emits: ["update:modelValue"],
|
|
20
|
+
setup(b) {
|
|
21
|
+
const d = b, { id: s, label: c, type: m, disabled: h } = g(d), t = y(d, "name");
|
|
22
|
+
function x(n) {
|
|
23
|
+
return n ? n.length < 8 ? "this field must contain at least 8 characters" : !0 : "this field is required";
|
|
24
|
+
}
|
|
25
|
+
const { value: a, errorMessage: f, meta: w } = P(t, x);
|
|
26
|
+
return (n, o) => (u(), i(V, null, [
|
|
27
|
+
p(l(e(w)) + " ", 1),
|
|
28
|
+
r("div", D, [
|
|
29
|
+
r("div", M, [
|
|
30
|
+
o[1] || (o[1] = r("div", { class: "absolute top-2/4 right-3 grid h-5 w-5 -translate-y-2/4 place-items-center text-neutral-400" }, null, -1)),
|
|
31
|
+
r("input", {
|
|
32
|
+
id: e(s),
|
|
33
|
+
type: e(m),
|
|
34
|
+
class: "peer h-full w-full rounded-[7px] border border-blue-200 border-t-transparent bg-transparent px-3 py-2.5 !pr-9 font-sans text-sm font-normal text-neutral-700 outline outline-0 transition-all placeholder-shown:border placeholder-shown:border-neutral-200 placeholder-shown:border-t-neutral-200 focus:border-2 focus:border-blue-500 focus:border-t-transparent focus:outline-0 disabled:border-0 disabled:bg-neutral-100 disabled:cursor-not-allowed",
|
|
35
|
+
placeholder: " ",
|
|
36
|
+
disabled: e(h)
|
|
37
|
+
}, null, 8, S),
|
|
38
|
+
r("label", {
|
|
39
|
+
for: e(s),
|
|
40
|
+
class: "before:content[' '] after:content[' '] pointer-events-none absolute left-0 -top-1.5 flex h-full w-full select-none text-[11px] font-normal leading-tight text-neutral-400 transition-all before:pointer-events-none before:mt-[6.5px] before:mr-1 before:box-border before:block before:h-1.5 before:w-2.5 before:rounded-tl-md before:border-t before:border-l before:border-blue-200 before:transition-all after:pointer-events-none after:mt-[6.5px] after:ml-1 after:box-border after:block after:h-1.5 after:w-2.5 after:flex-grow after:rounded-tr-md after:border-t after:border-r after:border-blue-200 after:transition-all peer-placeholder-shown:text-sm peer-placeholder-shown:leading-[3.75] peer-placeholder-shown:text-neutral-700 peer-placeholder-shown:before:border-transparent peer-placeholder-shown:after:border-transparent peer-focus:text-[11px] peer-focus:leading-tight peer-focus:text-blue-500 peer-focus:before:border-t-2 peer-focus:before:border-l-2 peer-focus:before:border-blue-500 peer-focus:after:border-t-2 peer-focus:after:border-r-2 peer-focus:after:border-blue-500 peer-disabled:text-transparent peer-disabled:before:border-transparent peer-disabled:after:border-transparent peer-disabled:peer-placeholder-shown:text-neutral-500"
|
|
41
|
+
}, l(e(c)), 9, T),
|
|
42
|
+
k(R, { iconPath: e(C) }, null, 8, ["iconPath"])
|
|
43
|
+
])
|
|
44
|
+
]),
|
|
45
|
+
r("div", q, [
|
|
46
|
+
p(l(t.value) + " ", 1),
|
|
47
|
+
B(r("input", {
|
|
48
|
+
type: "text",
|
|
49
|
+
"onUpdate:modelValue": o[0] || (o[0] = (_) => E(a) ? a.value = _ : null),
|
|
50
|
+
name: t.value,
|
|
51
|
+
id: t.value
|
|
52
|
+
}, null, 8, z), [
|
|
53
|
+
[F, e(a)]
|
|
54
|
+
]),
|
|
55
|
+
e(f) ? (u(), i("div", I, l(e(f)), 1)) : N("", !0)
|
|
56
|
+
])
|
|
57
|
+
], 64));
|
|
58
|
+
}
|
|
59
|
+
});
|
|
2
60
|
export {
|
|
3
|
-
|
|
61
|
+
j as default
|
|
4
62
|
};
|
|
@@ -1,41 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { radioVariants as x } from "../../types/Radio.js";
|
|
3
|
-
const B = { class: "flex items-center" }, C = ["id", "name", "disabled", "readonly", "value", "checked"], E = ["for"], $ = /* @__PURE__ */ v({
|
|
4
|
-
__name: "EpRadio",
|
|
5
|
-
props: {
|
|
6
|
-
id: { default: "01" },
|
|
7
|
-
label: {},
|
|
8
|
-
disabled: { type: Boolean, default: !1 },
|
|
9
|
-
readonly: { type: Boolean, default: !1 },
|
|
10
|
-
type: { default: "base" },
|
|
11
|
-
value: { default: void 0 },
|
|
12
|
-
modelValue: { default: "" }
|
|
13
|
-
},
|
|
14
|
-
emits: ["update:modelValue"],
|
|
15
|
-
setup(s, { emit: d }) {
|
|
16
|
-
const e = s, u = t(() => `${x[e.type]} mx-2 `), i = t(() => e.modelValue === e.value), l = t(() => e.label ? e.label.trim().replace(/\s/g, "_") : `label_${Math.round(Math.random() * 100)}`), { label: c, disabled: p, readonly: m, value: f } = y(e), _ = d, b = (o) => {
|
|
17
|
-
const n = o.target;
|
|
18
|
-
_("update:modelValue", n.value);
|
|
19
|
-
};
|
|
20
|
-
return (o, n) => (V(), h("span", B, [
|
|
21
|
-
r("input", {
|
|
22
|
-
class: g(["cursor-pointer", u.value]),
|
|
23
|
-
type: "radio",
|
|
24
|
-
id: l.value,
|
|
25
|
-
name: l.value,
|
|
26
|
-
disabled: a(p),
|
|
27
|
-
readonly: a(m),
|
|
28
|
-
value: a(f),
|
|
29
|
-
checked: i.value,
|
|
30
|
-
onChange: b
|
|
31
|
-
}, null, 42, C),
|
|
32
|
-
r("label", {
|
|
33
|
-
for: l.value,
|
|
34
|
-
class: "disabled:opacity-40 cursor-pointer"
|
|
35
|
-
}, k(a(c)), 9, E)
|
|
36
|
-
]));
|
|
37
|
-
}
|
|
38
|
-
});
|
|
1
|
+
import f from "./EpRadio.vue2.js";
|
|
39
2
|
export {
|
|
40
|
-
|
|
3
|
+
f as default
|
|
41
4
|
};
|
|
@@ -1,4 +1,41 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent as v, computed as t, toRefs as y, createElementBlock as h, openBlock as V, createElementVNode as r, unref as a, normalizeClass as g, toDisplayString as k } from "vue";
|
|
2
|
+
import { radioVariants as x } from "../../types/Radio.js";
|
|
3
|
+
const B = { class: "flex items-center" }, C = ["id", "name", "disabled", "readonly", "value", "checked"], E = ["for"], $ = /* @__PURE__ */ v({
|
|
4
|
+
__name: "EpRadio",
|
|
5
|
+
props: {
|
|
6
|
+
id: { default: "01" },
|
|
7
|
+
label: {},
|
|
8
|
+
disabled: { type: Boolean, default: !1 },
|
|
9
|
+
readonly: { type: Boolean, default: !1 },
|
|
10
|
+
type: { default: "base" },
|
|
11
|
+
value: { default: void 0 },
|
|
12
|
+
modelValue: { default: "" }
|
|
13
|
+
},
|
|
14
|
+
emits: ["update:modelValue"],
|
|
15
|
+
setup(s, { emit: d }) {
|
|
16
|
+
const e = s, u = t(() => `${x[e.type]} mx-2 `), i = t(() => e.modelValue === e.value), l = t(() => e.label ? e.label.trim().replace(/\s/g, "_") : `label_${Math.round(Math.random() * 100)}`), { label: c, disabled: p, readonly: m, value: f } = y(e), _ = d, b = (o) => {
|
|
17
|
+
const n = o.target;
|
|
18
|
+
_("update:modelValue", n.value);
|
|
19
|
+
};
|
|
20
|
+
return (o, n) => (V(), h("span", B, [
|
|
21
|
+
r("input", {
|
|
22
|
+
class: g(["cursor-pointer", u.value]),
|
|
23
|
+
type: "radio",
|
|
24
|
+
id: l.value,
|
|
25
|
+
name: l.value,
|
|
26
|
+
disabled: a(p),
|
|
27
|
+
readonly: a(m),
|
|
28
|
+
value: a(f),
|
|
29
|
+
checked: i.value,
|
|
30
|
+
onChange: b
|
|
31
|
+
}, null, 42, C),
|
|
32
|
+
r("label", {
|
|
33
|
+
for: l.value,
|
|
34
|
+
class: "disabled:opacity-40 cursor-pointer"
|
|
35
|
+
}, k(a(c)), 9, E)
|
|
36
|
+
]));
|
|
37
|
+
}
|
|
38
|
+
});
|
|
2
39
|
export {
|
|
3
|
-
|
|
40
|
+
$ as default
|
|
4
41
|
};
|
|
@@ -1,37 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
const k = { class: "cursor-pointer hover:text-white dark:hover:text-black flex items-center rounded-md py-3 px-3 text-xs font-semibold uppercase sm:flex-1 hover:bg-base" }, V = ["id", "name", "disabled", "readonly", "value", "checked"], B = { class: "ml-2" }, E = /* @__PURE__ */ v({
|
|
3
|
-
__name: "EpRadioSummative",
|
|
4
|
-
props: {
|
|
5
|
-
id: { default: "01" },
|
|
6
|
-
label: {},
|
|
7
|
-
disabled: { type: Boolean, default: !1 },
|
|
8
|
-
readonly: { type: Boolean, default: !1 },
|
|
9
|
-
type: { default: "base" },
|
|
10
|
-
value: { default: void 0 },
|
|
11
|
-
modelValue: { default: null }
|
|
12
|
-
},
|
|
13
|
-
emits: ["update:modelValue"],
|
|
14
|
-
setup(s, { emit: d }) {
|
|
15
|
-
const t = s, r = y(() => t.modelValue === t.value), { label: n, disabled: u, readonly: c, value: i, id: a } = g(t), p = d, m = (o) => {
|
|
16
|
-
const b = +o.target.value || 0;
|
|
17
|
-
p("update:modelValue", b);
|
|
18
|
-
};
|
|
19
|
-
return (o, f) => (_(), h("label", k, [
|
|
20
|
-
l("input", {
|
|
21
|
-
type: "radio",
|
|
22
|
-
id: e(a),
|
|
23
|
-
name: e(a),
|
|
24
|
-
disabled: e(u),
|
|
25
|
-
readonly: e(c),
|
|
26
|
-
value: e(i),
|
|
27
|
-
checked: r.value,
|
|
28
|
-
onChange: m,
|
|
29
|
-
class: "rounded bg-base-dark border-gray-300 focus:border-transparent focus:bg-base text-primary focus:ring-1 focus:ring-offset-2 focus:ring-primary"
|
|
30
|
-
}, null, 40, V),
|
|
31
|
-
l("span", B, x(e(n)), 1)
|
|
32
|
-
]));
|
|
33
|
-
}
|
|
34
|
-
});
|
|
1
|
+
import f from "./EpRadioSummative.vue2.js";
|
|
35
2
|
export {
|
|
36
|
-
|
|
3
|
+
f as default
|
|
37
4
|
};
|