ep-lib-ts 1.0.55 → 1.0.57

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

@@ -0,0 +1,73 @@
+import { defineComponent as p, computed as l, toRefs as _, createBlock as h, openBlock as v, unref as e, createSlots as I, withCtx as o, createElementVNode as n, createVNode as b, toDisplayString as k, normalizeClass as y } from "vue";
+import w from "../basics/EpBtn.vue.js";
+import { mdiLinkVariant as C } from "@mdi/js";
+import L from "../educationals/EpEdu.vue.js";
+import g from "../../composables/useColors.js";
+import { useRenderText as x } from "../../composables/useRenderText.js";
+const z = ["innerHTML"], B = { class: "flex justify-center" }, T = { class: "w-4/5" }, V = { class: "font-medium tracking-wider" }, S = /* @__PURE__ */ p({
+  __name: "EpLink",
+  props: {
+    url: {},
+    title: {},
+    intentions: {},
+    mandateLevel: {},
+    labelIntentions: {},
+    type: { default: "neutral" },
+    hideIcon: { type: Boolean, default: !1 },
+    labelCard: {},
+    icon: {}
+  },
+  setup(s) {
+    const t = s, i = l(() => t.icon ? t.icon : C), c = l(() => `absolute ${g(
+      "bg",
+      "primarydark"
+    )} bottom-0 w-0 left-1/2 h-full -translate-x-1/2 transition-all ease-in-out duration-300 group-hover:w-[105%] -z-[1] group-focus:w-[105%]`), { url: d, title: u, intentions: r, mandateLevel: m, hideIcon: f } = _(t);
+    return (a, $) => (v(), h(L, {
+      title: a.labelCard,
+      icon: i.value,
+      flat: "",
+      hideIcon: e(f),
+      mandateLevel: e(m),
+      labelIntentions: a.labelIntentions
+    }, I({
+      content: o(() => [
+        n("div", B, [
+          n("div", T, [
+            b(w, {
+              block: "",
+              rounded: "",
+              type: "primary",
+              prependIcon: i.value,
+              href: e(d),
+              extraClass: "group font-medium tracking-wide relative inline-flex justify-center overflow-hidden z-10 transition-all duration-300 ease-in-out "
+            }, {
+              default: o(() => [
+                n("div", null, [
+                  n("span", V, k(e(u)), 1),
+                  n("span", {
+                    class: y(c.value)
+                  }, null, 2)
+                ])
+              ]),
+              _: 1
+            }, 8, ["prependIcon", "href"])
+          ])
+        ])
+      ]),
+      _: 2
+    }, [
+      e(r) ? {
+        name: "intentions",
+        fn: o(() => [
+          n("div", {
+            innerHTML: e(x)(e(r))
+          }, null, 8, z)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["title", "icon", "hideIcon", "mandateLevel", "labelIntentions"]));
+  }
+});
+export {
+  S as default
+};

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

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

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

@@ -0,0 +1,34 @@
+import { defineComponent as m, toRefs as p, createElementBlock as o, unref as t, openBlock as i, createVNode as l, toDisplayString as _ } from "vue";
+import f from "./EpLink.vue.js";
+import d from "./EpIframe.vue.js";
+const h = { key: 0 }, g = { key: 1 }, k = { key: 2 }, D = /* @__PURE__ */ m({
+  __name: "EpLinkVersion",
+  props: {
+    type: {},
+    link: {},
+    big: { type: Boolean, default: !1 },
+    customHeight: {},
+    labels: { default: () => ({
+      noData: "no data"
+    }) }
+  },
+  setup(s) {
+    const r = s, { type: n, link: e, big: a, customHeight: c } = p(r);
+    return (u, b) => t(n) === "button" ? (i(), o("div", h, [
+      l(f, {
+        title: t(e).title,
+        url: t(e).url
+      }, null, 8, ["title", "url"])
+    ])) : t(n) === "iframe" ? (i(), o("div", g, [
+      l(d, {
+        title: t(e).title,
+        src: t(e).url,
+        big: t(a),
+        "custom-height": t(c)
+      }, null, 8, ["title", "src", "big", "custom-height"])
+    ])) : (i(), o("div", k, _(u.labels.noData), 1));
+  }
+});
+export {
+  D as default
+};

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

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

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

@@ -0,0 +1,47 @@
+import { defineComponent as i, ref as p, watchEffect as f, createElementBlock as s, openBlock as u, createVNode as y, createCommentVNode as d, unref as c, normalizeStyle as m, toDisplayString as v } from "vue";
+import { DotLottieVue as h } from "@lottiefiles/dotlottie-vue";
+const g = { class: "flex flex-col items-center" }, L = /* @__PURE__ */ i({
+  __name: "EpLottieSvg",
+  props: {
+    src: {},
+    autoPlay: { type: Boolean, default: !1 },
+    loop: { type: Boolean, default: !1 },
+    speed: { default: 1 },
+    width: { default: 150 },
+    height: { default: 150 },
+    pauseOnClick: { type: Boolean, default: !1 },
+    pauseButton: { type: Boolean, default: !1 },
+    playOnHover: { type: Boolean, default: !1 },
+    onComplete: {}
+  },
+  setup(r) {
+    const o = r, l = p(o.autoPlay ? "Arrêter" : "Jouer"), t = p(null), a = () => {
+      t.value && (t.value.getDotLottieInstance().isPlaying ? (t.value.getDotLottieInstance().pause(), l.value = "Jouer") : (t.value.getDotLottieInstance().play(), l.value = "Arrêter"));
+    };
+    return f(() => {
+      t.value && t.value.getDotLottieInstance().addEventListener("complete", () => {
+        o.onComplete && o.onComplete();
+      });
+    }), (e, n) => (u(), s("div", g, [
+      y(c(h), {
+        src: e.src,
+        loop: e.loop,
+        autoplay: e.autoPlay,
+        style: m(`width: ${e.width}px; height: ${e.height}px;`),
+        speed: Number(e.speed),
+        "play-on-hover": e.playOnHover,
+        ref_key: "playerRef",
+        ref: t,
+        onClick: n[0] || (n[0] = (B) => e.pauseOnClick ? a() : "")
+      }, null, 8, ["src", "loop", "autoplay", "style", "speed", "play-on-hover"]),
+      e.pauseButton ? (u(), s("button", {
+        key: 0,
+        class: "rounded bg-blue-500 text-white py-2 px-4 min-w-28 my-3",
+        onClick: a
+      }, v(l.value), 1)) : d("", !0)
+    ]));
+  }
+});
+export {
+  L as default
+};

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

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

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

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

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

@@ -0,0 +1,71 @@
+import { defineComponent as p, ref as l, watchEffect as d, createElementBlock as i, openBlock as o, createVNode as u, createBlock as h, createCommentVNode as n, Teleport as b, unref as f, normalizeClass as g } from "vue";
+import v from "../basics/EpImg.vue.js";
+import k from "../basics/EpIcon.vue.js";
+import { mdiEyeOffOutline as w } from "@mdi/js";
+import { useRenderText as y } from "../../composables/useRenderText.js";
+const N = { class: "relative" }, C = ["innerHTML"], $ = /* @__PURE__ */ p({
+  __name: "EpSensibleImage",
+  props: {
+    src: {},
+    label: { default: "<h5>Ce contenu est sensible</h5><p>Cliquez pour afficher l'image.</p>" },
+    alt: { default: "Image snfas" },
+    height: {},
+    width: {},
+    caption: {},
+    bib: {},
+    title: {},
+    cols: { default: "6" }
+  },
+  setup(E) {
+    const a = l(null), r = l(null), c = l(!1);
+    d(() => {
+      const e = a.value?.imgEl;
+      if (e && e.parentNode) {
+        const t = e.parentNode;
+        t instanceof HTMLElement && (t.classList.contains("sensible-content") || (t.classList.add("sensible-content"), c.value = !0, r.value = t));
+      }
+    });
+    const s = l(!1), m = () => {
+      s.value || (s.value = !0);
+    };
+    return (e, t) => (o(), i("div", N, [
+      u(v, {
+        ref_key: "epImg",
+        ref: a,
+        src: e.src,
+        alt: e.alt,
+        height: e.height,
+        width: e.width,
+        caption: e.caption,
+        bib: e.bib,
+        title: e.title,
+        cols: e.cols,
+        "no-modal": ""
+      }, null, 8, ["src", "alt", "height", "width", "caption", "bib", "title", "cols"]),
+      c.value ? (o(), h(b, {
+        key: 0,
+        to: r.value
+      }, [
+        s.value ? n("", !0) : (o(), i("div", {
+          key: 0,
+          id: "overlay",
+          class: "text-white absolute z-3 top-0 left-0 w-full h-full inset-0 bg-black/50 backdrop-blur-2xl flex flex-col gap-2 justify-center items-center text-center",
+          onClick: m
+        }, [
+          u(k, {
+            size: `${Number(e.cols) <= 2 ? "45" : "60"}`,
+            "icon-path": f(w)
+          }, null, 8, ["size", "icon-path"]),
+          Number(e.cols) > 1 ? (o(), i("div", {
+            key: 0,
+            class: g(`${Number(e.cols) <= 2 ? "hidden md:block" : "md:text-base"} text-xs overflow-auto md:p-1`),
+            innerHTML: f(y)(e.label)
+          }, null, 10, C)) : n("", !0)
+        ]))
+      ], 8, ["to"])) : n("", !0)
+    ]));
+  }
+});
+export {
+  $ as default
+};

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

@@ -0,0 +1,113 @@
+import { defineComponent as I, computed as x, toRefs as C, createBlock as d, openBlock as t, unref as e, createSlots as L, withCtx as o, createElementVNode as n, createElementBlock as a, createCommentVNode as i, Fragment as B, createVNode as N, createTextVNode as s, toDisplayString as c } from "vue";
+import $ from "../basics/EpIcon.vue.js";
+import j from "../basics/EpBtn.vue.js";
+import T from "../basics/EpChip.vue.js";
+import V from "../educationals/EpEdu.vue.js";
+import { useRenderText as A } from "../../composables/useRenderText.js";
+import { mdiLaptop as _, mdiOpenInNew as E } from "@mdi/js";
+const S = ["innerHTML"], z = { class: "flex flex-col items-center border rounded-lg bg-base-light md:flex-row mt-2 dark:bg-dark" }, H = ["src", "alt"], M = {
+  key: 1,
+  class: "h-96 w-full rounded-t-lg md:h-auto md:w-56 md:rounded-none md:rounded-l-lg flex justify-center items-center text-base-dark dark:text-white"
+}, R = { class: "w-full" }, q = { class: "w-full px-5" }, D = { class: "flex justify-between items-center rounded-t-md p-2" }, F = "https://live.staticflickr.com/4868/45940268562_c5f7fdd06b_q.jpg", X = /* @__PURE__ */ I({
+  __name: "EpSoftware",
+  props: {
+    url: {},
+    cover: { default: "" },
+    title: {},
+    mandateLevel: {},
+    intentions: { default: "" },
+    hideCover: { type: Boolean, default: !1 },
+    version: {},
+    type: { default: "base" },
+    hideIcon: { type: Boolean, default: !1 },
+    labelCard: {},
+    labelIntentions: {},
+    labelAccess: { default: "Accéder au logiciel" }
+  },
+  setup(h) {
+    const l = h, v = x(() => !(l.cover === F || l.cover.trim().length === 0)), {
+      title: m,
+      intentions: f,
+      cover: y,
+      hideCover: b,
+      version: u,
+      labelCard: g,
+      hideIcon: k,
+      mandateLevel: w,
+      url: p
+    } = C(l);
+    return (r, O) => (t(), d(V, {
+      title: e(g),
+      labelIntentions: r.labelIntentions,
+      icon: e(_),
+      flat: "",
+      type: r.type,
+      hideIcon: e(k),
+      mandateLevel: e(w)
+    }, L({
+      content: o(() => [
+        n("div", z, [
+          e(b) ? i("", !0) : (t(), a(B, { key: 0 }, [
+            v.value ? (t(), a("img", {
+              key: 0,
+              class: "h-24 w-full rounded-t-lg object-cover md:h-auto md:w-24 md:rounded-none md:rounded-l-lg",
+              src: e(y),
+              alt: `image de la lecture ${e(m)}`
+            }, null, 8, H)) : (t(), a("div", M, [
+              N($, {
+                "icon-path": e(_),
+                size: "95"
+              }, null, 8, ["icon-path"])
+            ]))
+          ], 64)),
+          n("div", R, [
+            n("div", q, [
+              n("div", D, [
+                n("h4", null, [
+                  s(c(e(m)) + " ", 1),
+                  e(u) ? (t(), d(T, {
+                    key: 0,
+                    size: "small",
+                    type: "primary"
+                  }, {
+                    default: o(() => [
+                      s(c(e(u)), 1)
+                    ]),
+                    _: 1
+                  })) : i("", !0)
+                ]),
+                e(p) ? (t(), d(j, {
+                  key: 0,
+                  rounded: "",
+                  type: "primary",
+                  prependIcon: e(E),
+                  href: e(p)
+                }, {
+                  default: o(() => [
+                    s(c(r.labelAccess), 1)
+                  ]),
+                  _: 1
+                }, 8, ["prependIcon", "href"])) : i("", !0)
+              ])
+            ])
+          ])
+        ])
+      ]),
+      actions: o(() => []),
+      _: 2
+    }, [
+      e(f) ? {
+        name: "intentions",
+        fn: o(() => [
+          n("div", {
+            innerHTML: e(A)(e(f))
+          }, null, 8, S)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["title", "labelIntentions", "icon", "type", "hideIcon", "mandateLevel"]));
+  }
+});
+export {
+  X as default
+};

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

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

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

@@ -0,0 +1,56 @@
+import { defineComponent as p, computed as r, toRefs as u, createBlock as f, openBlock as s, unref as n, createSlots as v, withCtx as a, createElementVNode as o, createElementBlock as _, createCommentVNode as h, normalizeClass as I } from "vue";
+import { cols_img as L } from "../../types/Image.js";
+import { useRenderText as y } from "../../composables/useRenderText.js";
+import { mdiImage as T } from "@mdi/js";
+import k from "../educationals/EpEdu.vue.js";
+const C = ["innerHTML"], b = { class: "flex" }, B = ["innerHTML"], N = /* @__PURE__ */ p({
+  __name: "EpSvg",
+  props: {
+    desc: {},
+    title: {},
+    content: {},
+    mandateLevel: {},
+    type: {},
+    cols: { default: "6" },
+    labelIntentions: {},
+    hideIcon: { type: Boolean }
+  },
+  setup(c) {
+    const e = c, d = r(() => L[+e.cols]), l = r(() => e.desc ? y(e.desc) : null), { title: m, content: i } = u(e);
+    return (t, H) => (s(), f(k, {
+      title: n(m),
+      hideIcon: t.hideIcon,
+      icon: n(T),
+      labelIntentions: t.labelIntentions,
+      flat: "",
+      type: t.type,
+      mandateLevel: t.mandateLevel
+    }, v({
+      content: a(() => [
+        o("div", b, [
+          n(i) ? (s(), _("div", {
+            key: 0,
+            class: I(`mx-auto ${d.value}`)
+          }, [
+            o("div", {
+              innerHTML: n(i),
+              class: "w-full"
+            }, null, 8, B)
+          ], 2)) : h("", !0)
+        ])
+      ]),
+      _: 2
+    }, [
+      l.value ? {
+        name: "intentions",
+        fn: a(() => [
+          o("div", { innerHTML: l.value }, null, 8, C)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["title", "hideIcon", "icon", "labelIntentions", "type", "mandateLevel"]));
+  }
+});
+export {
+  N as default
+};

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

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

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

@@ -0,0 +1,144 @@
+import { defineComponent as F, ref as M, computed as v, toRefs as S, createElementBlock as a, openBlock as r, Fragment as h, createElementVNode as t, createVNode as m, createTextVNode as c, toDisplayString as o, unref as i, withCtx as b, createBlock as y, createCommentVNode as u, renderSlot as T, renderList as V } from "vue";
+import { useRouter as q } from "vue-router";
+import { mdiBookmarkMultipleOutline as $ } from "@mdi/js";
+import L from "../basics/EpImg.vue.js";
+import C from "../basics/EpIcon.vue.js";
+import O from "../interactions/EpModal.vue.js";
+/* empty css                           */
+import D from "../basics/EpDivider.vue.js";
+import R from "../basics/EpBtn.vue.js";
+const U = { class: "relative group-hover:text-white" }, A = { class: "mb-2 flex items-center justify-between" }, G = { class: "font-bold text-2xl" }, H = { class: "text-sm font-light text-error italic" }, I = {
+  key: 0,
+  class: "text-xs"
+}, J = { class: "mb-4 flex items-center justify-between" }, K = { class: "text-primary font-bold" }, P = {
+  key: 0,
+  class: "text-xs"
+}, Q = { class: "font-bold" }, W = {
+  key: 2,
+  class: "text-sm mt-2"
+}, X = { class: "mr-2 font-bold" }, Y = {
+  key: 3,
+  class: "text-sm mt-2"
+}, Z = { class: "mr-2 font-bold" }, ee = { class: "flex justify-end" }, me = /* @__PURE__ */ F({
+  __name: "EpTerm",
+  props: {
+    term: { default: "test" },
+    word: {},
+    definition: {},
+    variations: { default: "" },
+    domain: {},
+    graminfo: {},
+    relations: { default: "" },
+    src: {},
+    labelDefinition: { default: "Définition" },
+    labelDomain: { default: "Domaine" },
+    labelVariations: { default: "Variations" },
+    labelRelations: { default: "Relations" },
+    labelClose: { default: "Fermer" }
+  },
+  setup(B) {
+    const n = B, d = M(!1), k = v(() => n.term !== n.word ? `(${n.word})` : null), f = v(() => {
+      let e = null, l = n.variations?.trim();
+      return l?.length > 0 && (e = l.split(",")), e;
+    }), _ = v(() => {
+      let e = null, l = n.relations?.trim();
+      return l?.length > 0 && (e = l.split(",")), e;
+    }), g = q(), N = (e) => {
+      g.hasRoute("glossary") && g.push({ path: "/glossary", query: { word: e } });
+    }, x = v(() => n.domain === "null" ? null : n.domain), j = () => {
+      d.value = !d.value;
+    }, { term: z, graminfo: E, src: w } = S(n);
+    return (e, l) => (r(), a(h, null, [
+      t("span", {
+        onClick: j,
+        class: "cursor-pointer border-primary dark:border-main-color-500 border dark:text-main-color-500 text-primary px-2 py-1 rounded group overflow-hidden relative"
+      }, [
+        l[2] || (l[2] = t("span", { class: "absolute top-0 left-0 flex w-full h-0 mb-0 transition-all duration-300 ease-out transform translate-y-0 bg-primary dark:bg-main-color-500 group-hover:h-full opacity-90" }, null, -1)),
+        t("span", U, [
+          c(o(e.word) + " ", 1),
+          m(C, {
+            "icon-path": i($),
+            size: "18"
+          }, null, 8, ["icon-path"])
+        ])
+      ]),
+      m(O, {
+        modelValue: d.value,
+        "onUpdate:modelValue": l[1] || (l[1] = (s) => d.value = s),
+        size: "compact"
+      }, {
+        default: b(() => [
+          t("div", A, [
+            t("div", null, [
+              t("h3", G, [
+                c(o(i(z)) + " ", 1),
+                t("span", H, o(i(E)), 1)
+              ]),
+              k.value ? (r(), a("h4", I, o(k.value), 1)) : u("", !0)
+            ]),
+            t("div", null, [
+              m(C, { "icon-path": i($) }, null, 8, ["icon-path"])
+            ])
+          ]),
+          m(D, {
+            color: "primary",
+            margin: "mb-2"
+          }),
+          t("div", J, [
+            t("h3", K, o(e.labelDefinition), 1),
+            x.value ? (r(), a("span", P, [
+              c(o(e.labelDomain) + " : ", 1),
+              t("span", Q, o(x.value), 1)
+            ])) : u("", !0)
+          ]),
+          t("div", null, [
+            T(e.$slots, "default")
+          ]),
+          i(w) ? (r(), y(L, {
+            key: 0,
+            src: i(w)
+          }, null, 8, ["src"])) : u("", !0),
+          f.value || _.value ? (r(), y(D, { key: 1 })) : u("", !0),
+          f.value ? (r(), a("div", W, [
+            t("span", X, o(e.labelVariations) + " :", 1),
+            (r(!0), a(h, null, V(f.value, (s, p) => (r(), a("span", {
+              key: `variation-${p}`
+            }, o(s) + o(f.value.length > p + 1 ? ", " : "."), 1))), 128))
+          ])) : u("", !0),
+          _.value ? (r(), a("div", Y, [
+            t("span", Z, o(e.labelRelations) + " :", 1),
+            (r(!0), a(h, null, V(_.value, (s, p) => (r(), y(R, {
+              key: `relation-${p}`,
+              size: "small",
+              rounded: "",
+              "extra-class": "mr-2",
+              onClick: (te) => N(s)
+            }, {
+              default: b(() => [
+                c(o(s), 1)
+              ]),
+              _: 2
+            }, 1032, ["onClick"]))), 128))
+          ])) : u("", !0),
+          t("div", ee, [
+            m(R, {
+              type: "error",
+              outlined: "",
+              onClick: l[0] || (l[0] = (s) => d.value = !1),
+              rounded: ""
+            }, {
+              default: b(() => [
+                c(o(e.labelClose), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 3
+      }, 8, ["modelValue"])
+    ], 64));
+  }
+});
+export {
+  me as default
+};

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

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

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

@@ -0,0 +1,64 @@
+import { defineComponent as T, ref as g, onMounted as y, computed as v, toRefs as $, createElementBlock as l, openBlock as i, createElementVNode as n, toDisplayString as d, unref as s, Fragment as f, renderList as _, normalizeClass as L, createTextVNode as B, createVNode as x, TransitionGroup as E, withCtx as w, createBlock as N } from "vue";
+import { colorsTimeLine as h } from "../../types/TimeLine.js";
+import V from "../tools/TimelineItem.vue.js";
+import z from "../basics/EpIcon.vue.js";
+import { mdiCheckboxMarkedCircle as M, mdiCheckboxBlankCircleOutline as A } from "@mdi/js";
+const D = { class: "w-10/12 mx-auto relative" }, F = { class: "text-2xl mb-2" }, G = { class: "my-4 px-2" }, I = ["onClick"], O = { class: "border-l-4 pl-1 transition-all dark:border-l-gray-500" }, J = /* @__PURE__ */ T({
+  __name: "EpTimeLine",
+  props: {
+    tags: {},
+    events: {},
+    title: {}
+  },
+  setup(k) {
+    const o = k, c = g();
+    y(() => {
+      o.tags && (c.value = o.tags.map((t) => ({ ...t, active: !1 })));
+    });
+    const a = (t) => {
+      const r = h[t];
+      return r || h.noTag;
+    }, u = v(() => c.value?.filter((t) => t.active) || []), b = v(() => u.value.length === 0 ? o.events : o.events.filter((r) => {
+      if (r.tag)
+        return u.value.some((e) => e.id === r.tag?.id);
+    })), C = (t) => {
+      t.active = !t.active;
+    }, { title: m } = $(o);
+    return (t, r) => (i(), l("div", null, [
+      n("div", D, [
+        n("h3", F, d(s(m)?.text.headline), 1),
+        n("p", null, d(s(m)?.text.text), 1),
+        n("div", G, [
+          (i(!0), l(f, null, _(c.value, (e) => (i(), l("span", {
+            key: e.id,
+            onClick: (p) => C(e),
+            class: L(`mr-2 mb-2 inline-block cursor-pointer text-sm px-2 py-1 rounded border ${a(e.color).border} ${e.active ? "text-white" : a(e.color).text} ${e.active ? a(e.color).bg : ""}`)
+          }, [
+            B(d(e.title) + " ", 1),
+            x(z, {
+              "icon-path": e.active ? s(M) : s(A),
+              size: "14"
+            }, null, 8, ["icon-path"])
+          ], 10, I))), 128))
+        ]),
+        n("div", O, [
+          x(E, {
+            name: "list",
+            tag: "div"
+          }, {
+            default: w(() => [
+              (i(!0), l(f, null, _(b.value, (e, p) => (i(), N(V, {
+                key: `${p}-card-${e.id}`,
+                event: e
+              }, null, 8, ["event"]))), 128))
+            ]),
+            _: 1
+          })
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  J as default
+};

package/dist/components/medias/EpTimeLine.vue3.js

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