ep-lib-ts 1.0.56 → 1.0.58

package/dist/components/medias/EpAudio.vue.js

@@ -0,0 +1,76 @@
+import { defineComponent as I, computed as i, toRefs as k, createBlock as s, openBlock as r, unref as n, createSlots as b, withCtx as l, createElementVNode as a, createElementBlock as u, toDisplayString as L } from "vue";
+import { isHtml as w } from "../../composables/isHtml.js";
+import { useMarkdown as C } from "../../composables/useMarkdown.js";
+import { mdiHeadphones as E } from "@mdi/js";
+import B from "../../composables/useColors.js";
+import H from "../tools/BgAudio.vue2.js";
+import M from "../signages/EpAlert.vue.js";
+import S from "../educationals/EpEdu.vue.js";
+const W = ["innerHTML"], x = { class: "max-w-screen-sm mx-auto" }, T = ["src"], $ = ["src"], z = /* @__PURE__ */ I({
+  __name: "EpAudio",
+  props: {
+    src: {},
+    title: {},
+    intentions: {},
+    bgImg: {},
+    type: { default: "neutral" },
+    hideIcon: { type: Boolean, default: !1 },
+    mandateLevel: {},
+    labelIntentions: { default: "Intentions d'écoute" },
+    messageError: { default: "Mauvais url" }
+  },
+  setup(d) {
+    const e = d, p = /\.mp4\?/, o = i(() => {
+      let t = e.src;
+      return p.test(e.src) && (t = t.replace(/\.mp4.*$/, ".mp4")), t;
+    }), f = i(() => !!(o.value.endsWith(".mp3") || o.value.endsWith(".mp4") || o.value.endsWith(".ogg") || o.value.endsWith(".wav"))), v = i(() => B("fill", e.type)), c = i(() => e.intentions ? w(e.intentions) ? e.intentions : C(e.intentions) : null), { src: A, title: _, hideIcon: h, mandateLevel: y, bgImg: m } = k(e);
+    return (t, g) => (r(), s(S, {
+      title: n(_),
+      labelIntentions: t.labelIntentions,
+      type: t.type,
+      hideIcon: n(h),
+      icon: n(E),
+      mandateLevel: n(y)
+    }, b({
+      content: l(() => [
+        a("div", x, [
+          n(m) ? (r(), u("img", {
+            key: 1,
+            src: n(m)
+          }, null, 8, T)) : (r(), s(H, {
+            key: 0,
+            fill: v.value
+          }, null, 8, ["fill"])),
+          f.value ? (r(), u("audio", {
+            key: 2,
+            ref: "video",
+            controls: "",
+            src: o.value,
+            controlsList: "nodownload"
+          }, null, 8, $)) : (r(), s(M, {
+            key: 3,
+            type: "error",
+            outlined: ""
+          }, {
+            default: l(() => [
+              a("p", null, L(t.messageError), 1)
+            ]),
+            _: 1
+          }))
+        ])
+      ]),
+      _: 2
+    }, [
+      c.value ? {
+        name: "intentions",
+        fn: l(() => [
+          a("div", { innerHTML: c.value }, null, 8, W)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["title", "labelIntentions", "type", "hideIcon", "icon", "mandateLevel"]));
+  }
+});
+export {
+  z as default
+};

package/dist/components/medias/EpAudio.vue2.js

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

package/dist/components/medias/EpCardLink.vue.js

@@ -0,0 +1,65 @@
+import { defineComponent as C, computed as m, createElementBlock as i, openBlock as o, normalizeClass as f, createVNode as n } from "vue";
+import { useRouter as p } from "vue-router";
+import s from "../basics/EpCard.vue.js";
+import { mdiChevronRight as c } from "@mdi/js";
+const v = ["href"], y = /* @__PURE__ */ C({
+  __name: "EpCardLink",
+  props: {
+    title: {},
+    subtitle: {},
+    outlined: { type: Boolean },
+    flat: { type: Boolean },
+    color: {},
+    src: {},
+    svg: { default: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>dog</title><path d="M18,4C16.29,4 15.25,4.33 14.65,4.61C13.88,4.23 13,4 12,4C11,4 10.12,4.23 9.35,4.61C8.75,4.33 7.71,4 6,4C3,4 1,12 1,14C1,14.83 2.32,15.59 4.14,15.9C4.78,18.14 7.8,19.85 11.5,20V15.72C10.91,15.35 10,14.68 10,14C10,13 12,13 12,13C12,13 14,13 14,14C14,14.68 13.09,15.35 12.5,15.72V20C16.2,19.85 19.22,18.14 19.86,15.9C21.68,15.59 23,14.83 23,14C23,12 21,4 18,4M4.15,13.87C3.65,13.75 3.26,13.61 3,13.5C3.25,10.73 5.2,6.4 6.05,6C6.59,6 7,6.06 7.37,6.11C5.27,8.42 4.44,12.04 4.15,13.87M9,12A1,1 0 0,1 8,11C8,10.46 8.45,10 9,10A1,1 0 0,1 10,11C10,11.56 9.55,12 9,12M15,12A1,1 0 0,1 14,11C14,10.46 14.45,10 15,10A1,1 0 0,1 16,11C16,11.56 15.55,12 15,12M19.85,13.87C19.56,12.04 18.73,8.42 16.63,6.11C17,6.06 17.41,6 17.95,6C18.8,6.4 20.75,10.73 21,13.5C20.75,13.61 20.36,13.75 19.85,13.87Z" /></svg>' },
+    maxWidth: { default: "max-w-md" },
+    center: { type: Boolean, default: !1 },
+    content: {},
+    iconlink: { default: c },
+    to: { default: "/" },
+    nuxtLink: { type: Boolean, default: !1 },
+    isExternal: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    const t = a, r = m(() => t.center ? "mx-auto" : ""), d = p(), u = (e) => {
+      !t.isExternal && !t.disabled && d.push(e);
+    };
+    return (e, l) => (o(), i("div", {
+      class: f(`${r.value} ${e.maxWidth}`)
+    }, [
+      e.isExternal ? (o(), i("a", {
+        key: 0,
+        href: e.to,
+        target: "_blank",
+        rel: "noopener noreferrer"
+      }, [
+        n(s, {
+          title: e.title,
+          subtitle: e.subtitle,
+          src: e.src,
+          svg: e.svg,
+          maxWidth: e.maxWidth,
+          icon: e.iconlink,
+          isLink: ""
+        }, null, 8, ["title", "subtitle", "src", "svg", "maxWidth", "icon"])
+      ], 8, v)) : (o(), i("div", {
+        key: 1,
+        onClick: l[0] || (l[0] = (g) => u(e.to))
+      }, [
+        n(s, {
+          title: e.title,
+          subtitle: e.subtitle,
+          src: e.src,
+          svg: e.svg,
+          maxWidth: e.maxWidth,
+          icon: e.iconlink,
+          isLink: ""
+        }, null, 8, ["title", "subtitle", "src", "svg", "maxWidth", "icon"])
+      ]))
+    ], 2));
+  }
+});
+export {
+  y as default
+};

package/dist/components/medias/EpCardLink.vue2.js

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

package/dist/components/medias/EpCarousel.vue.js

@@ -0,0 +1,7 @@
+import o from "./EpCarousel.vue2.js";
+/* empty css                */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-91694b55"]]);
+export {
+  _ as default
+};

package/dist/components/medias/EpCarousel.vue2.js

@@ -0,0 +1,162 @@
+import { defineComponent as j, ref as p, computed as E, toRefs as M, createElementBlock as i, openBlock as s, Fragment as h, createCommentVNode as v, toDisplayString as d, createElementVNode as c, createVNode as b, createTextVNode as y, unref as n, withCtx as I, normalizeClass as N, renderList as x, createBlock as S } from "vue";
+import { mdiChevronLeftCircleOutline as P, mdiChevronRightCircleOutline as H } from "@mdi/js";
+import w from "../basics/EpIcon.vue.js";
+import z from "../basics/EpBtn.vue.js";
+import O from "../interactions/EpModal.vue.js";
+/* empty css                           */
+import F from "../basics/EpImgCarousel.vue.js";
+const q = {
+  key: 0,
+  class: "text-xl font-semibold mt-10 mb-4 text-center"
+}, D = { key: 1 }, U = { class: "flex items-center justify-center mb-2" }, A = { class: "bg-white dark:bg-dark shadow-xl p-4 lg:max-w-[800px] mx-auto border-solid border" }, G = ["src"], J = {
+  key: 0,
+  class: "mt-2 text-sm text-center text-base-dark dark:text-white"
+}, K = {
+  key: 1,
+  class: "flex justify-end mt-2"
+}, Q = ["innerHTML"], W = { class: "flex justify-end" }, X = {
+  key: 3,
+  class: /* @__PURE__ */ N("columns-3xs mx-5 gap-2")
+}, se = /* @__PURE__ */ j({
+  __name: "EpCarousel",
+  props: {
+    carrouselImg: {},
+    title: {},
+    gallery: { type: Boolean, default: !1 },
+    puzzle: { type: Boolean, default: !1 },
+    sizeThumbnail: { default: "medium" },
+    isCenter: { type: Boolean, default: !1 },
+    labelClose: { default: "Fermer" },
+    labelRef: { default: "Référence" },
+    labelRefLib: { default: "Référence bibliographique" }
+  },
+  setup($) {
+    const t = $, o = p(0), f = p(!1), L = () => {
+      const e = o.value === 0 ? t.carrouselImg.length - 1 : o.value - 1;
+      o.value = e;
+    }, R = () => {
+      const e = o.value === t.carrouselImg.length - 1 ? 0 : o.value + 1;
+      o.value = e;
+    }, T = E(() => t.isCenter ? "justify-center" : ""), u = p(0), m = p({ src: "", caption: "", bib: "" }), k = (l) => {
+      u.value = l, m.value = {
+        src: t.carrouselImg[l].src,
+        caption: t.carrouselImg[l].caption,
+        bib: t.carrouselImg[l].bib
+      };
+    }, _ = () => {
+      const e = u.value === 0 ? t.carrouselImg.length - 1 : u.value - 1;
+      u.value = e, m.value = {
+        src: t.carrouselImg[e].src,
+        caption: t.carrouselImg[e].caption,
+        bib: t.carrouselImg[e].bib
+      };
+    }, C = () => {
+      const e = u.value === t.carrouselImg.length - 1 ? 0 : u.value + 1;
+      u.value = e, m.value = {
+        src: t.carrouselImg[e].src,
+        caption: t.carrouselImg[e].caption,
+        bib: t.carrouselImg[e].bib
+      };
+    }, { carrouselImg: r, sizeThumbnail: V } = M(t);
+    return (l, e) => (s(), i(h, null, [
+      t.title ? (s(), i("h2", q, d(t.title), 1)) : v("", !0),
+      l.gallery ? l.puzzle ? l.puzzle ? (s(), i("div", X, [
+        (s(!0), i(h, null, x(n(r), (a, g) => (s(), S(F, {
+          key: `image-${a?.uid}`,
+          src: a.src,
+          bib: a.bib,
+          caption: a.caption,
+          "label-ref": l.labelRef,
+          "label-close": l.labelClose,
+          puzzle: "",
+          "managed-modal": "",
+          onNewFocus: (B) => k(g),
+          "info-modal": m.value,
+          onPrevSlide: _,
+          onNextSlide: C
+        }, null, 8, ["src", "bib", "caption", "label-ref", "label-close", "onNewFocus", "info-modal"]))), 128))
+      ])) : v("", !0) : (s(), i("div", {
+        key: 2,
+        class: N(`flex flex-wrap ${T.value}`)
+      }, [
+        (s(!0), i(h, null, x(n(r), (a, g) => (s(), S(F, {
+          key: `image-${a?.uid}`,
+          src: a.src,
+          bib: a.bib,
+          caption: a.caption,
+          "label-ref": l.labelRef,
+          "label-close": l.labelClose,
+          "size-thumbnail": n(V),
+          "managed-modal": "",
+          onNewFocus: (B) => k(g),
+          "info-modal": m.value,
+          onPrevSlide: _,
+          onNextSlide: C
+        }, null, 8, ["src", "bib", "caption", "label-ref", "label-close", "size-thumbnail", "onNewFocus", "info-modal"]))), 128))
+      ], 2)) : (s(), i("div", D, [
+        c("div", U, [
+          c("button", {
+            class: "p-2",
+            onClick: L
+          }, [
+            b(w, { "icon-path": n(P) }, null, 8, ["icon-path"])
+          ]),
+          y(" " + d(o.value + 1) + "/" + d(n(r).length) + " ", 1),
+          c("button", {
+            class: "p-2",
+            onClick: R
+          }, [
+            b(w, { "icon-path": n(H) }, null, 8, ["icon-path"])
+          ])
+        ]),
+        c("div", A, [
+          c("img", {
+            src: n(r)[o.value].src,
+            alt: "image",
+            class: "rounded-sm m-auto"
+          }, null, 8, G),
+          n(r)[o.value]?.caption ? (s(), i("div", J, d(n(r)[o.value].caption), 1)) : v("", !0),
+          n(r)[o.value]?.bib ? (s(), i("div", K, [
+            b(z, {
+              type: "primary",
+              onClick: e[0] || (e[0] = (a) => f.value = !0),
+              dark: ""
+            }, {
+              default: I(() => [
+                y(d(l.labelRef), 1)
+              ]),
+              _: 1
+            })
+          ])) : v("", !0)
+        ]),
+        b(O, {
+          modelValue: f.value,
+          "onUpdate:modelValue": e[2] || (e[2] = (a) => f.value = a),
+          title: l.labelRefLib
+        }, {
+          default: I(() => [
+            c("div", {
+              innerHTML: n(r)[o.value].bib
+            }, null, 8, Q),
+            c("div", W, [
+              b(z, {
+                onClick: e[1] || (e[1] = (a) => f.value = !1),
+                type: "primary",
+                dark: ""
+              }, {
+                default: I(() => [
+                  y(d(l.labelClose), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ]))
+    ], 64));
+  }
+});
+export {
+  se as default
+};

package/dist/components/medias/EpHierarchy.vue.js

@@ -0,0 +1,7 @@
+import o from "./EpHierarchy.vue2.js";
+/* empty css                 */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-74d1794a"]]);
+export {
+  a as default
+};

package/dist/components/medias/EpHierarchy.vue2.js

@@ -0,0 +1,172 @@
+import { defineComponent as O, ref as k, computed as L, defineAsyncComponent as Q, onMounted as U, createElementBlock as W, openBlock as y, createElementVNode as z, createBlock as P, createCommentVNode as H, normalizeStyle as Z, withCtx as A, unref as q, resolveDynamicComponent as G, normalizeProps as J, mergeProps as tt, createVNode as et, createTextVNode as ot, toDisplayString as at } from "vue";
+import { hierarchy as I, tree as rt, cluster as nt } from "d3-hierarchy";
+import * as m from "d3-selection";
+import { linkVertical as st, linkHorizontal as it } from "d3-shape";
+import * as E from "d3-zoom";
+import { useComponent as lt } from "../../composables/useComponent.js";
+import ct from "../interactions/EpModal.vue.js";
+/* empty css                           */
+import pt from "../basics/EpBtn.vue.js";
+import { useRenderText as mt } from "../../composables/useRenderText.js";
+const dt = ["innerHTML"], ut = { class: "flex justify-end" }, bt = /* @__PURE__ */ O({
+  __name: "EpHierarchy",
+  props: {
+    nodes: {},
+    maxWidth: { default: 800 },
+    maxHeight: { default: 600 },
+    labelClose: { default: "fermer" },
+    isCluster: { type: Boolean, default: !1 },
+    colorPath: { default: "stroke-yellow-400" },
+    colorRect: { default: "fill-main-color-400" }
+  },
+  setup(T) {
+    const o = T, x = k(null), M = k(null), a = k(null), g = k(!1), V = (e) => {
+      a.value = {
+        title: e.name,
+        text: e.text,
+        component: e.component
+      }, g.value = !0;
+    }, N = () => {
+      g.value = !1, a.value = null;
+    }, D = /* @__PURE__ */ Object.assign({
+      "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.vue2.js"),
+      "../basics/EpBadge.vue": () => import("../basics/EpBadge.vue2.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"),
+      "./EpAudio.vue": () => import("./EpAudio.vue2.js"),
+      "./EpCardLink.vue": () => import("./EpCardLink.vue2.js"),
+      "./EpCarousel.vue": () => import("./EpCarousel.vue.js"),
+      "./EpHierarchy.vue": () => import("./EpHierarchy.vue.js"),
+      "./EpIframe.vue": () => import("./EpIframe.vue2.js"),
+      "./EpKatex.vue": () => import("./EpKatex.vue.js"),
+      "./EpLink.vue": () => import("./EpLink.vue2.js"),
+      "./EpLinkVersion.vue": () => import("./EpLinkVersion.vue2.js"),
+      "./EpLottieSvg.vue": () => import("./EpLottieSvg.vue2.js"),
+      "./EpSensibleImage.vue": () => import("./EpSensibleImage.vue.js"),
+      "./EpSoftware.vue": () => import("./EpSoftware.vue2.js"),
+      "./EpSvg.vue": () => import("./EpSvg.vue2.js"),
+      "./EpTerm.vue": () => import("./EpTerm.vue2.js"),
+      "./EpTimeLine.vue": () => import("./EpTimeLine.vue3.js"),
+      "./EpVideo.vue": () => import("./EpVideo.vue2.js"),
+      "./EpVideoPanopto.vue": () => import("./EpVideoPanopto.vue2.js"),
+      "./EpWordDef.vue": () => import("./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")
+    }), B = L(() => {
+      if (!a.value || !a.value.component)
+        return null;
+      const { path: e, name: n } = lt(a.value.component.type);
+      let r = "";
+      e === "medias" ? r = `./${n}.vue` : r = `../${e}/${n}.vue`;
+      const i = D[r];
+      return i ? Q(i) : (console.warn(`Component not found: ${r}`), null);
+    });
+    U(() => {
+      x.value && (o.isCluster ? X() : R());
+    });
+    const R = () => {
+      const e = { top: 40, left: 40 }, n = I(o.nodes), r = Math.max(o.maxWidth), i = o.maxHeight, l = rt().nodeSize([170, 100])(n), c = m.select(x.value).append("svg").attr("width", r).attr("height", i), p = c.append("g").attr("transform", `translate(${e.left}, ${e.top})`), d = E.zoom().scaleExtent([0.5, 2]).on("zoom", (t) => {
+        p.attr("transform", t.transform);
+      });
+      c.call(d);
+      const b = r / 2 - l.x, w = 30, C = E.zoomIdentity;
+      c.call(d.transform, C.translate(b, w));
+      const $ = st().x((t) => t.x).y((t) => t.y);
+      p.selectAll("path.link").data(l.links()).enter().append("path").attr("d", (t) => $(t)).attr("class", (t) => `${t.target.data.active ? `${o.colorPath} stroke-2` : "stroke-black dark:stroke-white"} link fill-none`);
+      const u = p.selectAll("g.node").data(l.descendants()).enter().append("g").attr("class", "node").attr("transform", (t) => `translate(${t.x}, ${t.y})`).style(
+        "cursor",
+        (t) => t.data.component || t.data.text ? "pointer" : "default"
+      ).each(function(t) {
+        (t.data.component || t.data.text) && m.select(this).on("click", (s) => V(t.data));
+      });
+      u.each(function(t) {
+        const s = m.select(this), v = s.append("text").attr("class", "text-sm font-semibold fill-black dark:fill-white").attr("text-anchor", "middle").attr("x", 0).attr("y", 0).attr("dy", ".35em").text(t.data.name).node().getBBox(), _ = 10, S = 10, f = v.width + _ * 2, h = v.height + S * 2;
+        s.insert("rect", "text").attr("class", o.colorRect).attr("x", -f / 2).attr("y", -h / 2).attr("width", f).attr("height", h).attr("rx", 4).attr("ry", 4);
+      }), u.append("text").attr("x", 0).attr("y", 0).attr("dy", ".35em").attr("class", "text-sm font-semibold fill-white dark:fill-black").attr("text-anchor", "middle").text((t) => t.data.name).style("pointer-events", "none");
+    }, X = () => {
+      const e = { top: 40, left: 40 }, n = I(o.nodes), r = Math.max(o.maxWidth), i = o.maxHeight, l = nt().nodeSize([130, 130])(n), c = m.select(x.value).append("svg").attr("width", r).attr("height", i), p = c.append("g").attr("transform", `translate(${e.left}, ${e.top})`), d = E.zoom().scaleExtent([0.1, 4]).on("zoom", (t) => {
+        p.attr("transform", t.transform);
+      });
+      c.call(d);
+      const b = 30, w = i / 2 - l.x, C = E.zoomIdentity;
+      c.call(d.transform, C.translate(b, w));
+      const $ = it().x((t) => t.y).y((t) => t.x);
+      p.selectAll("path.link").data(l.links()).enter().append("path").attr("d", (t) => $(t)).attr("class", (t) => `${t.target.data.active ? `${o.colorPath} stroke-2` : "stroke-black dark:stroke-white"} link fill-none`);
+      const u = p.selectAll("g.node").data(l.descendants()).enter().append("g").attr("class", "node").attr("transform", (t) => `translate(${t.y}, ${t.x})`).style(
+        "cursor",
+        (t) => t.data.component || t.data.text ? "pointer" : "default"
+      ).each(function(t) {
+        (t.data.component || t.data.text) && m.select(this).on("click", (s) => V(t.data));
+      });
+      u.each(function(t) {
+        const s = m.select(this), v = s.append("text").attr("class", "text-sm font-semibold fill-black dark:fill-white").attr("text-anchor", "middle").attr("x", 0).attr("y", 0).attr("dy", ".35em").text(t.data.name).node().getBBox(), _ = 10, S = 10, f = v.width + _ * 2, h = v.height + S * 2;
+        s.insert("rect", "text").attr("class", o.colorRect).attr("x", -f / 2).attr("y", -h / 2).attr("width", f).attr("height", h).attr("rx", 4).attr("ry", 4);
+      }), u.append("text").attr("x", 0).attr("y", 0).attr("dy", ".35em").attr("class", "text-sm font-semibold fill-white dark:fill-black").attr("text-anchor", "middle").text((t) => t.data.name).style("pointer-events", "none");
+    }, Y = L(() => `${o.maxWidth.toString()}px`), j = L(() => `${o.maxWidth.toString()}px`);
+    return (e, n) => (y(), W("div", null, [
+      z("div", {
+        ref_key: "treeWrapper",
+        ref: M,
+        class: "tree-wrapper mx-auto",
+        style: Z({ maxHeight: j.value, maxWidth: Y.value })
+      }, [
+        z("div", {
+          ref_key: "treeContainer",
+          ref: x,
+          class: "tree-container"
+        }, null, 512)
+      ], 4),
+      a.value ? (y(), P(ct, {
+        key: 0,
+        modelValue: g.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (r) => g.value = r),
+        title: a.value.title
+      }, {
+        default: A(() => [
+          a.value.text ? (y(), W("div", {
+            key: 0,
+            innerHTML: q(mt)(a.value.text)
+          }, null, 8, dt)) : H("", !0),
+          B.value && a.value.component ? (y(), P(G(B.value), J(tt({ key: 1 }, { ...a.value.component.data })), null, 16)) : H("", !0),
+          z("div", ut, [
+            et(pt, {
+              onClick: N,
+              type: "error",
+              outlined: "",
+              rounded: ""
+            }, {
+              default: A(() => [
+                ot(at(e.labelClose), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title"])) : H("", !0)
+    ]));
+  }
+});
+export {
+  bt as default
+};

package/dist/components/medias/EpIframe.vue.js

@@ -0,0 +1,53 @@
+import { defineComponent as p, computed as n, toRefs as h, createBlock as _, openBlock as v, unref as i, createSlots as g, withCtx as s, createElementVNode as l } from "vue";
+import I from "../educationals/EpEdu.vue.js";
+import { isHtml as b } from "../../composables/isHtml.js";
+import { useMarkdown as y } from "../../composables/useMarkdown.js";
+import { mdiApplicationBrackets as L } from "@mdi/js";
+const H = ["innerHTML"], k = ["src", "height"], E = /* @__PURE__ */ p({
+  __name: "EpIframe",
+  props: {
+    src: {},
+    big: { type: Boolean, default: !1 },
+    title: {},
+    intentions: {},
+    hideIcon: { type: Boolean, default: !1 },
+    type: { default: "neutral" },
+    mandateLevel: {},
+    customHeight: {},
+    labelIntentions: {}
+  },
+  setup(a) {
+    const e = a, o = n(() => e.intentions ? b(e.intentions) ? e.intentions : y(e.intentions) : null), c = n(() => e.customHeight ? e.customHeight : e.big ? "1000" : "520"), u = n(() => {
+      let t = e.src[e.src.length - 1], r = /^\d+$/.test(t), f = e.src.includes("https://studium.umontreal.ca");
+      return r && f ? e.src + "&embed=1" : e.src;
+    }), { title: m, hideIcon: d } = h(e);
+    return (t, r) => (v(), _(I, {
+      title: i(m),
+      labelIntentions: t.labelIntentions,
+      type: t.type,
+      hideIcon: i(d),
+      icon: i(L),
+      mandateLevel: t.mandateLevel
+    }, g({
+      content: s(() => [
+        l("iframe", {
+          src: u.value,
+          class: "w-full",
+          height: c.value
+        }, null, 8, k)
+      ]),
+      _: 2
+    }, [
+      o.value ? {
+        name: "intentions",
+        fn: s(() => [
+          l("div", { innerHTML: o.value }, null, 8, H)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["title", "labelIntentions", "type", "hideIcon", "icon", "mandateLevel"]));
+  }
+});
+export {
+  E as default
+};

package/dist/components/medias/EpIframe.vue2.js

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

package/dist/components/medias/EpKatex.vue.js

@@ -0,0 +1,7 @@
+import o from "./EpKatex.vue2.js";
+/* empty css             */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c2d47687"]]);
+export {
+  _ as default
+};

package/dist/components/medias/EpKatex.vue2.js

@@ -0,0 +1,58 @@
+import { defineComponent as c, ref as f, onMounted as p, computed as m, toRefs as u, createBlock as d, openBlock as h, unref as i, createSlots as y, withCtx as l, createElementVNode as o, normalizeClass as v } from "vue";
+import I from "katex";
+import _ from "../educationals/EpEdu.vue.js";
+import { mdiFunctionVariant as k } from "@mdi/js";
+import { isHtml as x } from "../../composables/isHtml.js";
+import { useMarkdown as b } from "../../composables/useMarkdown.js";
+const w = ["innerHTML"], $ = /* @__PURE__ */ c({
+  __name: "EpKatex",
+  props: {
+    content: {},
+    center: { type: Boolean, default: !1 },
+    title: {},
+    intentions: {},
+    hideIcon: { type: Boolean },
+    type: {},
+    labelIntentions: {}
+  },
+  setup(a) {
+    const e = a, t = f();
+    p(() => {
+      t.value && I.render(String.raw`${e.content}`, t.value, {
+        throwOnError: !1,
+        output: "html"
+      });
+    });
+    const r = m(() => e.intentions ? x(e.intentions) ? e.intentions : b(e.intentions) : null), { center: s } = u(e);
+    return (n, B) => (h(), d(_, {
+      title: n.title,
+      type: n.type,
+      hideIcon: n.hideIcon,
+      icon: i(k),
+      labelIntentions: n.labelIntentions
+    }, y({
+      content: l(() => [
+        o("div", {
+          class: v(`p-4 ${i(s) ? "flex justify-center" : ""}`)
+        }, [
+          o("div", {
+            ref_key: "renderKatex",
+            ref: t
+          }, null, 512)
+        ], 2)
+      ]),
+      _: 2
+    }, [
+      r.value ? {
+        name: "intentions",
+        fn: l(() => [
+          o("div", { innerHTML: r.value }, null, 8, w)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["title", "type", "hideIcon", "icon", "labelIntentions"]));
+  }
+});
+export {
+  $ as default
+};