ep-lib-ts 1.0.55 → 1.0.57

package/dist/components/educationals/EpBranchingScenario.vue2.js

@@ -0,0 +1,236 @@
+import { defineComponent as R, ref as p, computed as j, createElementBlock as r, openBlock as a, createElementVNode as l, normalizeStyle as z, createCommentVNode as x, toDisplayString as c, createVNode as s, withCtx as d, unref as g, normalizeClass as _, createTextVNode as h, Fragment as C, renderList as w, createBlock as $ } from "vue";
+import { useRenderText as A } from "../../composables/useRenderText.js";
+import N from "../basics/EpIcon.vue.js";
+import L from "../tools/Details.vue2.js";
+import E from "../interactions/EpModal.vue.js";
+/* empty css                           */
+import H from "../medias/EpHierarchy.vue.js";
+import m from "../basics/EpBtn.vue.js";
+import { mdiArrowLeft as M } from "@mdi/js";
+import T from "../tools/TextMedia.vue2.js";
+const O = { class: "mb-2" }, Y = { class: "font-bold text-3xl text-center" }, D = {
+  key: 0,
+  class: "mt-2"
+}, U = {
+  key: 0,
+  class: "w-full flex flex-col space-y-6"
+}, q = {
+  key: 1,
+  class: "w-full"
+}, G = {
+  class: /* @__PURE__ */ _("w-full my-4 mx-4 flex flex-wrap gap-2 justify-center items-center")
+}, J = { key: 2 }, K = { class: "text-xl text-center font-semibold" }, Q = { class: "w-full" }, W = { class: "font-semibold mb-3" }, X = {
+  class: "overflow-auto p-2",
+  style: { height: "200px" }
+}, Z = { class: "flex justify-center mt-2" }, ee = { class: "flex justify-end mt-4" }, le = {
+  key: 0,
+  class: "flex w-full flex-col col-span-1 items-center px-4 border-l-2 border-gray-700 overflow-auto"
+}, te = ["innerHTML"], oe = { class: "flex justify-center mt-2" }, pe = /* @__PURE__ */ R({
+  __name: "EpBranchingScenario",
+  props: {
+    title: {},
+    media: {},
+    initialInstruction: { default: null },
+    initialTwoCols: { type: Boolean },
+    generalFeedback: {},
+    bgColor: {},
+    decisionTree: {},
+    transitionAnimation: { default: "fade" },
+    labelStart: { default: "Commencer" },
+    labelFinish: { default: "Vous avez terminé le scénario!" },
+    labelYourPath: { default: "Votre parcours" },
+    labelShowFullPath: { default: "Voir le parcours au complet" },
+    labelClose: { default: "Fermer" },
+    labelRestart: { default: "Recommencer" },
+    colorPath: { default: "stroke-yellow-400" },
+    colorRect: { default: "fill-main-color-400" },
+    isCluster: { type: Boolean }
+  },
+  setup(F) {
+    const i = F, y = p(!1), u = p([]), b = p(null), t = p(null), f = p(!0), P = () => {
+      f.value = !1, t.value = i.decisionTree;
+    }, V = j(() => {
+      const e = !i.initialInstruction, n = !i.media;
+      return e && n ? "pt-44" : "";
+    }), S = () => {
+      if (u.value.length === 0) {
+        f.value = !0, t.value = null;
+        return;
+      }
+      u.value.pop();
+      const e = u.value[u.value.length - 1];
+      e ? t.value = e : t.value = i.decisionTree;
+    }, B = () => {
+      t.value = null, f.value = !0, u.value = [];
+    }, I = (e) => {
+      u.value.push(e), e.children && e.children.length > 0 ? t.value = e : (t.value = null, b.value = k(i.decisionTree, u.value));
+    };
+    function k(e, n) {
+      const o = n.includes(e);
+      return {
+        name: e.name,
+        text: e.text,
+        component: e.component,
+        active: o,
+        children: e.children?.map(
+          (v) => k(v, n)
+        )
+      };
+    }
+    return (e, n) => (a(), r("div", null, [
+      l("div", {
+        class: "bg-gray-200 dark:bg-slate-800 rounded-md p-4 flex flex-col",
+        style: z({ minHeight: "500px", backgroundColor: e.bgColor })
+      }, [
+        l("div", O, [
+          l("h1", Y, c(e.title), 1),
+          t.value ? (a(), r("div", D, [
+            s(m, {
+              type: "primary",
+              rounded: "",
+              size: "small",
+              "extra-class": `${e.transitionAnimation}`,
+              onClick: S
+            }, {
+              default: d(() => [
+                s(N, {
+                  "icon-path": g(M),
+                  size: "25"
+                }, null, 8, ["icon-path"])
+              ]),
+              _: 1
+            }, 8, ["extra-class"])
+          ])) : x("", !0)
+        ]),
+        l("div", null, [
+          f.value ? (a(), r("div", U, [
+            s(T, {
+              text: e.initialInstruction ?? "",
+              media: e.media,
+              cols: e.initialTwoCols
+            }, null, 8, ["text", "media", "cols"]),
+            l("div", {
+              class: _(`justify-center flex ${V.value}`)
+            }, [
+              s(m, {
+                type: "primary",
+                rounded: "",
+                onClick: P
+              }, {
+                default: d(() => [
+                  h(c(e.labelStart), 1)
+                ]),
+                _: 1
+              })
+            ], 2)
+          ])) : t.value && !f.value ? (a(), r("div", q, [
+            l("div", {
+              class: _(`${e.transitionAnimation} my-12`)
+            }, [
+              s(T, {
+                text: t.value.text ?? "",
+                media: t.value.component,
+                cols: t.value.cols
+              }, null, 8, ["text", "media", "cols"]),
+              l("div", G, [
+                (a(!0), r(C, null, w(t.value.children, (o, v) => (a(), $(m, {
+                  key: `option-${v}`,
+                  rounded: "",
+                  type: "primary",
+                  class: "flex-1 min-w-[120px] sm:min-w-[160px] max-w-xs",
+                  onClick: (ne) => I(o)
+                }, {
+                  default: d(() => [
+                    h(c(o.name), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ])
+            ], 2)
+          ])) : (a(), r("div", J, [
+            l("h3", K, c(e.labelFinish), 1),
+            l("div", {
+              class: _(`flex gap-6 mt-3 ${e.generalFeedback ? "" : "w-3/6 mx-auto"}`)
+            }, [
+              l("div", Q, [
+                l("h3", W, c(e.labelYourPath), 1),
+                l("div", X, [
+                  (a(!0), r(C, null, w(u.value, (o, v) => (a(), r("div", {
+                    key: `user-choice-${v}`,
+                    class: "mb-2"
+                  }, [
+                    s(L, {
+                      content: o.text ?? "",
+                      title: o.name,
+                      media: o.component
+                    }, null, 8, ["content", "title", "media"])
+                  ]))), 128))
+                ]),
+                l("div", Z, [
+                  s(m, {
+                    type: "info",
+                    rounded: "",
+                    onClick: n[0] || (n[0] = (o) => y.value = !0)
+                  }, {
+                    default: d(() => [
+                      h(c(e.labelShowFullPath), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                b.value ? (a(), $(E, {
+                  key: 0,
+                  modelValue: y.value,
+                  "onUpdate:modelValue": n[2] || (n[2] = (o) => y.value = o)
+                }, {
+                  default: d(() => [
+                    s(H, {
+                      nodes: b.value,
+                      "is-cluster": i.isCluster,
+                      "color-path": i.colorPath,
+                      "color-rect": i.colorRect
+                    }, null, 8, ["nodes", "is-cluster", "color-path", "color-rect"]),
+                    l("div", ee, [
+                      s(m, {
+                        onClick: n[1] || (n[1] = (o) => y.value = !1),
+                        type: "error",
+                        outlined: "",
+                        rounded: ""
+                      }, {
+                        default: d(() => [
+                          h(c(e.labelClose), 1)
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])) : x("", !0)
+              ]),
+              e.generalFeedback ? (a(), r("div", le, [
+                l("div", {
+                  innerHTML: g(A)(e.generalFeedback)
+                }, null, 8, te)
+              ])) : x("", !0)
+            ], 2),
+            l("div", oe, [
+              s(m, {
+                rounded: "",
+                type: "warning",
+                onClick: B
+              }, {
+                default: d(() => [
+                  h(c(e.labelRestart), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]))
+        ])
+      ], 4)
+    ]));
+  }
+});
+export {
+  pe as default
+};

package/dist/components/educationals/EpCodeblock.vue.js

@@ -0,0 +1,44 @@
+import { defineComponent as f, computed as t, ref as s, createBlock as r, openBlock as u, unref as c, withCtx as h, createVNode as g } from "vue";
+import d from "@wdns/vue-code-block";
+import { defaultOption as v } from "../../types/Codeblock.js";
+import b from "../interactions/EpAccordeon.vue.js";
+const y = /* @__PURE__ */ f({
+  __name: "EpCodeblock",
+  props: {
+    code: { default: "" },
+    label: { default: "" },
+    lang: { default: "javascript" },
+    theme: { default: v },
+    title: {},
+    compact: { type: Boolean, default: !1 }
+  },
+  setup(i) {
+    const e = i, m = t(() => e.title ? e.title : "En savoir plus"), l = t(() => s(e.code)), o = t(() => e.label), a = t(() => e.lang), n = t(() => e.theme);
+    return (p, k) => p.compact ? (u(), r(b, {
+      key: 1,
+      outlined: "",
+      title: m.value
+    }, {
+      default: h(() => [
+        g(c(d), {
+          code: l.value,
+          highlightjs: "",
+          label: o.value,
+          lang: a.value,
+          theme: n.value
+        }, null, 8, ["code", "label", "lang", "theme"])
+      ]),
+      _: 1
+    }, 8, ["title"])) : (u(), r(c(d), {
+      key: 0,
+      code: l.value,
+      highlightjs: "",
+      label: o.value,
+      lang: a.value,
+      theme: n.value
+    }, null, 8, ["code", "label", "lang", "theme"]));
+  }
+});
+export {
+  y as default
+};

package/dist/components/educationals/EpCodeblock.vue3.js

@@ -0,0 +1,5 @@
+import o from "./EpCodeblock.vue.js";
+/* empty css                 */
+export {
+  o as default
+};

package/dist/components/educationals/EpConclusion.vue.js

@@ -0,0 +1,40 @@
+import { defineComponent as _, toRefs as p, createElementBlock as r, openBlock as o, createElementVNode as t, createBlock as m, createCommentVNode as a, createTextVNode as x, unref as e, toDisplayString as n, renderSlot as u } from "vue";
+import h from "../basics/EpIcon.vue.js";
+const f = { class: "lg:grid lg:grid-cols-12 lg:gap-8" }, y = { class: "lg:col-span-2" }, k = { class: "text-pretty text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-100 sm:text-xl" }, b = { class: "lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4" }, v = { class: "py-2" }, C = {
+  key: 0,
+  class: "text-base font-semibold leading-7 text-gray-900 dark:text-gray-100"
+}, B = { class: "text-gray-600 dark:text-gray-300" }, S = /* @__PURE__ */ _({
+  __name: "EpConclusion",
+  props: {
+    icon: {},
+    title: { default: "Conclusion" },
+    subtitle: {}
+  },
+  setup(c) {
+    const i = c, { title: d, icon: s, subtitle: l } = p(i);
+    return (g, E) => (o(), r("div", f, [
+      t("div", y, [
+        t("h2", k, [
+          e(s) ? (o(), m(h, {
+            key: 0,
+            "icon-path": e(s),
+            size: "28",
+            extraClass: "mr-2"
+          }, null, 8, ["icon-path"])) : a("", !0),
+          x(" " + n(e(d)), 1)
+        ])
+      ]),
+      t("div", b, [
+        t("div", v, [
+          e(l) ? (o(), r("h3", C, n(e(l)), 1)) : a("", !0),
+          t("div", B, [
+            u(g.$slots, "default")
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  S as default
+};

package/dist/components/educationals/EpConclusion.vue2.js

@@ -0,0 +1,4 @@
+import f from "./EpConclusion.vue.js";
+export {
+  f as default
+};

package/dist/components/educationals/EpDescription.vue.js

@@ -0,0 +1,40 @@
+import { defineComponent as p, toRefs as _, createElementBlock as l, openBlock as s, createElementVNode as t, createBlock as m, createCommentVNode as a, createTextVNode as x, unref as e, toDisplayString as c, renderSlot as h } from "vue";
+import f from "../basics/EpIcon.vue.js";
+const u = { class: "lg:grid lg:grid-cols-12 lg:gap-8" }, y = { class: "lg:col-span-2" }, k = { class: "text-pretty text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-100 sm:text-xl" }, b = { class: "lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4" }, v = { class: "py-2" }, B = {
+  key: 0,
+  class: "text-base font-semibold leading-7 text-gray-900 dark:text-gray-100"
+}, C = { class: "text-gray-600 dark:text-gray-300" }, V = /* @__PURE__ */ p({
+  __name: "EpDescription",
+  props: {
+    icon: {},
+    title: { default: "Description" },
+    subtitle: {}
+  },
+  setup(i) {
+    const n = i, { title: d, icon: o, subtitle: r } = _(n);
+    return (g, D) => (s(), l("div", u, [
+      t("div", y, [
+        t("h2", k, [
+          e(o) ? (s(), m(f, {
+            key: 0,
+            "icon-path": e(o),
+            size: "28",
+            extraClass: "mr-2"
+          }, null, 8, ["icon-path"])) : a("", !0),
+          x(" " + c(e(d)), 1)
+        ])
+      ]),
+      t("div", b, [
+        t("div", v, [
+          e(r) ? (s(), l("h3", B, c(e(r)), 1)) : a("", !0),
+          t("div", C, [
+            h(g.$slots, "default")
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  V as default
+};

package/dist/components/educationals/EpDescription.vue2.js

@@ -0,0 +1,4 @@
+import f from "./EpDescription.vue.js";
+export {
+  f as default
+};

package/dist/components/educationals/EpDocument.vue.js

@@ -0,0 +1,99 @@
+import { defineComponent as D, computed as l, toRefs as g, createElementBlock as o, openBlock as n, createVNode as i, withCtx as f, createElementVNode as r, normalizeClass as c, createCommentVNode as d, unref as s, toDisplayString as _, createTextVNode as C } from "vue";
+import E from "../basics/EpCard.vue.js";
+import I from "../basics/EpIcon.vue.js";
+import { mdiArrowCollapseDown as N, mdiOpenInNew as T, mdiFile as B } from "@mdi/js";
+import O from "../basics/EpBtn.vue.js";
+import { useRenderText as R } from "../../composables/useRenderText.js";
+const V = { class: "w-5/6 mx-auto" }, $ = {
+  class: /* @__PURE__ */ c("md:flex md:flex-wrap rounded-md")
+}, q = {
+  key: 0,
+  class: "w-1/5 mr-6"
+}, L = ["src"], j = {
+  key: 1,
+  class: "flex items-center justify-center px-7"
+}, z = { class: "text-base dark:text-white'" }, H = {
+  key: 0,
+  class: "text-2xl font-semibold mb-4"
+}, M = ["innerHTML"], P = /* @__PURE__ */ D({
+  __name: "EpDocument",
+  props: {
+    url: {},
+    src: { default: null },
+    icon: {},
+    title: {},
+    description: {},
+    hideIcon: { type: Boolean, default: !1 },
+    labelOpen: { default: "Ouvrir" },
+    labelDownload: { default: "Télécharger" }
+  },
+  setup(h) {
+    const t = h, x = [
+      "doc",
+      "docx",
+      "xls",
+      "xlsx",
+      "ppt",
+      "pptx",
+      "rtf",
+      "odt",
+      "ods",
+      "odp"
+    ], v = (e) => {
+      const m = e.split("?")[0].split(".");
+      return m.length > 1 ? m.pop().toLowerCase() : "";
+    }, a = l(() => {
+      const e = v(t.url);
+      return x.includes(e);
+    }), w = l(() => a.value ? N : T), y = l(() => a.value ? t.labelDownload : t.labelOpen), b = l(() => t.icon ? t.icon : B), { src: p, hideIcon: u } = g(t);
+    return (e, k) => (n(), o("div", V, [
+      i(E, null, {
+        default: f(() => [
+          r("div", $, [
+            s(p) ? (n(), o("div", q, [
+              r("img", {
+                class: c("md:w-full md:h-full md:object-cover rounded-md"),
+                src: s(p),
+                alt: "Image of quote"
+              }, null, 8, L)
+            ])) : s(u) ? d("", !0) : (n(), o("div", j, [
+              r("div", z, [
+                i(I, {
+                  size: 60,
+                  "icon-path": b.value,
+                  "extra-class": "dark:text-white"
+                }, null, 8, ["icon-path"])
+              ])
+            ])),
+            r("div", {
+              class: c(`py-6 flex-1 ${s(u) ? "px-6" : "pr-2"}`)
+            }, [
+              e.title ? (n(), o("h4", H, _(e.title), 1)) : d("", !0),
+              e.description ? (n(), o("div", {
+                key: 1,
+                class: "mb-3",
+                innerHTML: s(R)(e.description)
+              }, null, 8, M)) : d("", !0),
+              i(O, {
+                href: e.url,
+                block: "",
+                type: "primary",
+                rounded: "",
+                "prepend-icon": w.value
+              }, {
+                default: f(() => [
+                  C(_(y.value), 1)
+                ]),
+                _: 1
+              }, 8, ["href", "prepend-icon"])
+            ], 2)
+          ])
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+export {
+  P as default
+};

package/dist/components/educationals/EpDocument.vue2.js

@@ -0,0 +1,4 @@
+import f from "./EpDocument.vue.js";
+export {
+  f as default
+};

package/dist/components/educationals/EpEdu.vue.js

@@ -0,0 +1,81 @@
+import { defineComponent as x, useSlots as I, computed as t, toRefs as L, createElementBlock as o, openBlock as a, normalizeClass as s, createCommentVNode as l, createElementVNode as r, unref as i, createBlock as p, toDisplayString as y, renderSlot as d, createVNode as E } from "vue";
+import { mediaVariants as v } from "../../types/Medias.js";
+import P from "../basics/EpIcon.vue.js";
+import V from "../basics/EpDivider.vue.js";
+import j from "./EpScope.vue.js";
+import { mdiLeadPencil as C } from "@mdi/js";
+const N = { class: "font-bold align-middle" }, z = {
+  key: 0,
+  class: "py-4"
+}, A = {
+  key: 0,
+  class: "font-light text-sm pb-1 tracking-wide dark:text-white"
+}, D = { class: "pt-2" }, K = /* @__PURE__ */ x({
+  __name: "EpEdu",
+  props: {
+    title: { default: null },
+    subtitle: {},
+    icon: {},
+    mandateLevel: {},
+    synchrone: { type: Boolean },
+    type: { default: "neutral" },
+    labelIntentions: { default: "" },
+    hideIcon: { type: Boolean, default: !1 },
+    flat: { type: Boolean, default: !0 }
+  },
+  setup(h) {
+    const e = h, u = I(), c = t(() => !!u.intentions), f = t(() => !!u.actions), k = t(() => e.icon ? e.icon : C), $ = t(() => `${v[e.type]} text-left  ${e.flat ? "" : "rounded-t-md"} flex justify-between items-center `), b = t(() => `${v[e.type]} text-right`), _ = t(() => {
+      if (e.type != "neutral")
+        return "px-5 py-2";
+    }), B = t(() => {
+      if (e.type != "neutral")
+        return "pr-5";
+    }), S = t(() => {
+      if (e.type != "neutral")
+        return "px-5";
+    }), g = t(() => f.value || c.value || e.title ? ` overflow-hidden ${e.flat ? "" : "shadow-md"} flex flex-col justify-start h-full` : "flex flex-col justify-between"), { title: m, hideIcon: w } = L(e);
+    return (n, R) => (a(), o("div", {
+      class: s(g.value)
+    }, [
+      i(m) || n.mandateLevel ? (a(), o("div", {
+        key: 0,
+        class: s(`${$.value} ${_.value} dark:base-dark`)
+      }, [
+        r("h3", null, [
+          i(w) ? l("", !0) : (a(), p(P, {
+            key: 0,
+            iconPath: k.value,
+            size: "24",
+            class: "mr-2"
+          }, null, 8, ["iconPath"])),
+          r("span", N, y(i(m)), 1)
+        ]),
+        n.mandateLevel ? (a(), p(j, {
+          key: 0,
+          mandateLevel: n.mandateLevel
+        }, null, 8, ["mandateLevel"])) : l("", !0)
+      ], 2)) : l("", !0),
+      r("div", {
+        class: s(`${S.value} dark:base-dark dark:text-white`)
+      }, [
+        c.value ? (a(), o("div", z, [
+          n.labelIntentions ? (a(), o("h4", A, y(n.labelIntentions), 1)) : l("", !0),
+          d(n.$slots, "intentions"),
+          E(V)
+        ])) : l("", !0),
+        r("div", D, [
+          d(n.$slots, "content")
+        ])
+      ], 2),
+      f.value ? (a(), o("div", {
+        key: 1,
+        class: s([`${b.value} ${B.value}`, "dark:base-dark"])
+      }, [
+        d(n.$slots, "actions")
+      ], 2)) : l("", !0)
+    ], 2));
+  }
+});
+export {
+  K as default
+};

package/dist/components/educationals/EpEdu.vue2.js

@@ -0,0 +1,4 @@
+import f from "./EpEdu.vue.js";
+export {
+  f as default
+};

package/dist/components/educationals/EpInstructions.vue.js

@@ -0,0 +1,49 @@
+import { defineComponent as p, toRefs as m, createElementBlock as l, openBlock as o, createElementVNode as t, createBlock as r, createCommentVNode as _, createTextVNode as g, unref as n, toDisplayString as u, Fragment as f, renderList as h, withCtx as x } from "vue";
+import k from "../basics/EpIcon.vue.js";
+import y from "../interactions/EpAccordeon.vue.js";
+const v = { class: "lg:grid lg:grid-cols-12 lg:gap-8" }, C = { class: "lg:col-span-2" }, b = { class: "text-pretty text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-100 sm:text-xl" }, E = { class: "lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4" }, B = { class: "py-2" }, L = ["innerHTML"], M = /* @__PURE__ */ p({
+  __name: "EpInstructions",
+  props: {
+    icon: {},
+    title: { default: "Consignes" },
+    subtitle: {},
+    instructions: {}
+  },
+  setup(i) {
+    const c = i, { title: a, icon: s } = m(c);
+    return (d, N) => (o(), l("div", v, [
+      t("div", C, [
+        t("h2", b, [
+          n(s) ? (o(), r(k, {
+            key: 0,
+            "icon-path": n(s),
+            size: "28",
+            extraClass: "mr-2"
+          }, null, 8, ["icon-path"])) : _("", !0),
+          g(" " + u(n(a)), 1)
+        ])
+      ]),
+      t("div", E, [
+        t("div", B, [
+          (o(!0), l(f, null, h(d.instructions, (e) => (o(), r(y, {
+            key: `instruction-${e.uid}`,
+            small: "",
+            outlined: "",
+            title: e.title,
+            open: e.open
+          }, {
+            default: x(() => [
+              t("div", {
+                innerHTML: e.content
+              }, null, 8, L)
+            ]),
+            _: 2
+          }, 1032, ["title", "open"]))), 128))
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  M as default
+};

package/dist/components/educationals/EpInstructions.vue2.js

@@ -0,0 +1,4 @@
+import f from "./EpInstructions.vue.js";
+export {
+  f as default
+};

package/dist/components/educationals/EpIntroduction.vue.js

@@ -0,0 +1,39 @@
+import { defineComponent as a, createElementBlock as s, openBlock as o, createElementVNode as e, createBlock as i, createCommentVNode as l, createTextVNode as n, toDisplayString as r, renderSlot as c } from "vue";
+import d from "../basics/EpIcon.vue.js";
+const g = { class: "lg:grid lg:grid-cols-12 lg:gap-8" }, p = { class: "lg:col-span-2" }, _ = { class: "text-pretty text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-100 sm:text-xl" }, m = { class: "lg:col-span-8 lg:mt-0 lg:border-l dark:border-gray-700 lg:pl-4" }, u = { class: "py-2" }, h = {
+  key: 0,
+  class: "text-base font-semibold leading-7 text-gray-900 dark:text-gray-100"
+}, y = { class: "text-gray-600 dark:text-gray-300" }, v = /* @__PURE__ */ a({
+  __name: "EpIntroduction",
+  props: {
+    icon: {},
+    title: { default: "Introduction" },
+    subtitle: {}
+  },
+  setup(f) {
+    return (t, k) => (o(), s("div", g, [
+      e("div", p, [
+        e("h2", _, [
+          t.icon ? (o(), i(d, {
+            key: 0,
+            "icon-path": t.icon,
+            size: "28",
+            extraClass: "mr-2"
+          }, null, 8, ["icon-path"])) : l("", !0),
+          n(" " + r(t.title), 1)
+        ])
+      ]),
+      e("div", m, [
+        e("div", u, [
+          t.subtitle ? (o(), s("h3", h, r(t.subtitle), 1)) : l("", !0),
+          e("div", y, [
+            c(t.$slots, "default")
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  v as default
+};

package/dist/components/educationals/EpIntroduction.vue2.js

@@ -0,0 +1,4 @@
+import f from "./EpIntroduction.vue.js";
+export {
+  f as default
+};