ep-lib-ts 1.0.59 → 1.0.60

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

@@ -1,25 +1,39 @@
-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";
+import { defineComponent, ref, computed, toRefs, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, createTextVNode, toDisplayString, unref, withCtx, createBlock, createCommentVNode, renderSlot, renderList } from "vue";
+import { useRouter } from "vue-router";
+import { mdiBookmarkMultipleOutline } from "@mdi/js";
+import _sfc_main$4 from "../basics/EpImg.vue.js";
+import _sfc_main$1 from "../basics/EpIcon.vue.js";
+import _sfc_main$2 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 = {
+import _sfc_main$3 from "../basics/EpDivider.vue.js";
+import _sfc_main$5 from "../basics/EpBtn.vue.js";
+const _hoisted_1 = { class: "relative group-hover:text-white" };
+const _hoisted_2 = { class: "mb-2 flex items-center justify-between" };
+const _hoisted_3 = { class: "font-bold text-2xl" };
+const _hoisted_4 = { class: "text-sm font-light text-error italic" };
+const _hoisted_5 = {
   key: 0,
   class: "text-xs"
-}, J = { class: "mb-4 flex items-center justify-between" }, K = { class: "text-primary font-bold" }, P = {
+};
+const _hoisted_6 = { class: "mb-4 flex items-center justify-between" };
+const _hoisted_7 = { class: "text-primary font-bold" };
+const _hoisted_8 = {
   key: 0,
   class: "text-xs"
-}, Q = { class: "font-bold" }, W = {
+};
+const _hoisted_9 = { class: "font-bold" };
+const _hoisted_10 = {
   key: 2,
   class: "text-sm mt-2"
-}, X = { class: "mr-2 font-bold" }, Y = {
+};
+const _hoisted_11 = { class: "mr-2 font-bold" };
+const _hoisted_12 = {
   key: 3,
   class: "text-sm mt-2"
-}, Z = { class: "mr-2 font-bold" }, ee = { class: "flex justify-end" }, me = /* @__PURE__ */ F({
+};
+const _hoisted_13 = { class: "mr-2 font-bold" };
+const _hoisted_14 = { class: "flex justify-end" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpTerm",
   props: {
     term: { default: "test" },
@@ -36,109 +50,147 @@ const U = { class: "relative group-hover:text-white" }, A = { class: "mb-2 flex
     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)
+  setup(__props) {
+    const props = __props;
+    const show = ref(false);
+    const subtitle = computed(() => {
+      if (props.term !== props.word) {
+        return `(${props.word})`;
+      }
+      return null;
+    });
+    const renderVariations = computed(() => {
+      var _a;
+      let renderVariations2 = null;
+      let valueprops = (_a = props.variations) == null ? void 0 : _a.trim();
+      if ((valueprops == null ? void 0 : valueprops.length) > 0) {
+        renderVariations2 = valueprops.split(",");
+      }
+      return renderVariations2;
+    });
+    const renderRelations = computed(() => {
+      var _a;
+      let renderRelations2 = null;
+      let valueprops = (_a = props.relations) == null ? void 0 : _a.trim();
+      if ((valueprops == null ? void 0 : valueprops.length) > 0) {
+        renderRelations2 = valueprops.split(",");
+      }
+      return renderRelations2;
+    });
+    const router = useRouter();
+    const goto = (term2) => {
+      if (router.hasRoute("glossary")) {
+        router.push({ path: "/glossary", query: { word: term2 } });
+      }
+    };
+    const renderDomain = computed(() => {
+      if (props.domain === "null") {
+        return null;
+      }
+      return props.domain;
+    });
+    const toggleModal = () => {
+      show.value = !show.value;
+    };
+    const { term, graminfo, src } = toRefs(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("span", {
+          onClick: toggleModal,
+          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"
+        }, [
+          _cache[2] || (_cache[2] = createElementVNode("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)),
+          createElementVNode("span", _hoisted_1, [
+            createTextVNode(toDisplayString(_ctx.word) + " ", 1),
+            createVNode(_sfc_main$1, {
+              "icon-path": unref(mdiBookmarkMultipleOutline),
+              size: "18"
+            }, null, 8, ["icon-path"])
+          ])
+        ]),
+        createVNode(_sfc_main$2, {
+          modelValue: show.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => show.value = $event),
+          size: "compact"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", null, [
+                createElementVNode("h3", _hoisted_3, [
+                  createTextVNode(toDisplayString(unref(term)) + " ", 1),
+                  createElementVNode("span", _hoisted_4, toDisplayString(unref(graminfo)), 1)
+                ]),
+                subtitle.value ? (openBlock(), createElementBlock("h4", _hoisted_5, toDisplayString(subtitle.value), 1)) : createCommentVNode("", true)
               ]),
-              k.value ? (r(), a("h4", I, o(k.value), 1)) : u("", !0)
+              createElementVNode("div", null, [
+                createVNode(_sfc_main$1, { "icon-path": unref(mdiBookmarkMultipleOutline) }, null, 8, ["icon-path"])
+              ])
+            ]),
+            createVNode(_sfc_main$3, {
+              color: "primary",
+              margin: "mb-2"
+            }),
+            createElementVNode("div", _hoisted_6, [
+              createElementVNode("h3", _hoisted_7, toDisplayString(_ctx.labelDefinition), 1),
+              renderDomain.value ? (openBlock(), createElementBlock("span", _hoisted_8, [
+                createTextVNode(toDisplayString(_ctx.labelDomain) + " : ", 1),
+                createElementVNode("span", _hoisted_9, toDisplayString(renderDomain.value), 1)
+              ])) : createCommentVNode("", true)
             ]),
-            t("div", null, [
-              m(C, { "icon-path": i($) }, null, 8, ["icon-path"])
+            createElementVNode("div", null, [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            unref(src) ? (openBlock(), createBlock(_sfc_main$4, {
+              key: 0,
+              src: unref(src)
+            }, null, 8, ["src"])) : createCommentVNode("", true),
+            renderVariations.value || renderRelations.value ? (openBlock(), createBlock(_sfc_main$3, { key: 1 })) : createCommentVNode("", true),
+            renderVariations.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
+              createElementVNode("span", _hoisted_11, toDisplayString(_ctx.labelVariations) + " :", 1),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(renderVariations.value, (variation, i) => {
+                return openBlock(), createElementBlock("span", {
+                  key: `variation-${i}`
+                }, toDisplayString(variation) + toDisplayString(renderVariations.value.length > i + 1 ? ", " : "."), 1);
+              }), 128))
+            ])) : createCommentVNode("", true),
+            renderRelations.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
+              createElementVNode("span", _hoisted_13, toDisplayString(_ctx.labelRelations) + " :", 1),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(renderRelations.value, (relation, i) => {
+                return openBlock(), createBlock(_sfc_main$5, {
+                  key: `relation-${i}`,
+                  size: "small",
+                  rounded: "",
+                  "extra-class": "mr-2",
+                  onClick: ($event) => goto(relation)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(relation), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]);
+              }), 128))
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_14, [
+              createVNode(_sfc_main$5, {
+                type: "error",
+                outlined: "",
+                onClick: _cache[0] || (_cache[0] = ($event) => show.value = false),
+                rounded: ""
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.labelClose), 1)
+                ]),
+                _: 1
+              })
             ])
           ]),
-          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));
+          _: 3
+        }, 8, ["modelValue"])
+      ], 64);
+    };
   }
 });
 export {
-  me as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpTerm.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpTerm.vue.js","sources":["../../../src/components/medias/EpTerm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, toRefs, computed } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { mdiBookmarkMultipleOutline } from \"@mdi/js\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport { EpTermProps } from \"~/types/medias/EpTerm\";\n\nconst props = withDefaults(defineProps<EpTermProps>(), {\n  term: \"test\",\n  variations: \"\",\n  relations: \"\",\n  idrelation: \"\",\n  labelDefinition: \"Définition\",\n  labelDomain: \"Domaine\",\n  labelVariations: \"Variations\",\n  labelRelations: \"Relations\",\n  labelClose: \"Fermer\",\n});\n\nconst show = ref(false);\n\nconst subtitle = computed(() => {\n  if (props.term !== props.word) {\n    return `(${props.word})`;\n  }\n  return null;\n});\n\nconst renderVariations = computed(() => {\n  let renderVariations = null;\n  let valueprops = props.variations?.trim();\n  if (valueprops?.length > 0) {\n    renderVariations = valueprops.split(\",\");\n  }\n  return renderVariations;\n});\n\nconst renderRelations = computed(() => {\n  let renderRelations = null;\n  let valueprops = props.relations?.trim();\n  if (valueprops?.length > 0) {\n    renderRelations = valueprops.split(\",\");\n  }\n  return renderRelations;\n});\n\nconst router = useRouter();\nconst goto = (term: string) => {\n  if (router.hasRoute(\"glossary\")) {\n    router.push({ path: \"/glossary\", query: { word: term } });\n  }\n  //console.log(router.hasRoute('signages'))\n  //\n};\n// const relationsID = computed(() => {\n//   let relationsID = null;\n//   let valueprops = props.idrelation?.trim();\n//   if (valueprops?.length > 0) {\n//     relationsID = valueprops.split(\",\");\n//   }\n//   return relationsID;\n// });\n\nconst renderDomain = computed(() => {\n  if (props.domain === \"null\") {\n    return null;\n  }\n  return props.domain;\n});\n\nconst toggleModal = () => {\n  show.value = !show.value;\n};\n/*\nconst el = (contentref:any) => {\n   const contentHtml = contentref.innerHTML \n   const renderHtml = useRenderText(contentHtml)\n   contentref.innerHTML = renderHtml\n}*/\n\nconst { term, graminfo, src } = toRefs(props);\n</script>\n\n<template>\n  <span\n    @click=\"toggleModal\"\n    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\"\n  >\n    <span\n      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\"\n    />\n    <span class=\"relative group-hover:text-white\"\n      >{{ word }}\n      <EpIcon :icon-path=\"mdiBookmarkMultipleOutline\" size=\"18\" />\n    </span>\n  </span>\n\n  <EpModal v-model=\"show\" size=\"compact\">\n    <div class=\"mb-2 flex items-center justify-between\">\n      <div>\n        <h3 class=\"font-bold text-2xl\">\n          {{ term }}\n          <span class=\"text-sm font-light text-error italic\">{{\n            graminfo\n          }}</span>\n        </h3>\n        <h4 class=\"text-xs\" v-if=\"subtitle\">{{ subtitle }}</h4>\n      </div>\n      <div>\n        <EpIcon :icon-path=\"mdiBookmarkMultipleOutline\" />\n      </div>\n    </div>\n    <EpDivider color=\"primary\" margin=\"mb-2\"></EpDivider>\n    <div class=\"mb-4 flex items-center justify-between\">\n      <h3 class=\"text-primary font-bold\">{{ labelDefinition }}</h3>\n      <span class=\"text-xs\" v-if=\"renderDomain\"\n        >{{ labelDomain }} :\n        <span class=\"font-bold\">{{ renderDomain }}</span></span\n      >\n    </div>\n    <!-- <div v-html=\"renderText\"/> -->\n    <div>\n      <slot />\n    </div>\n    <EpImg v-if=\"src\" :src=\"src\"></EpImg>\n\n    <EpDivider v-if=\"renderVariations || renderRelations\"></EpDivider>\n    <div class=\"text-sm mt-2\" v-if=\"renderVariations\">\n      <span class=\"mr-2 font-bold\">{{ labelVariations }} :</span>\n      <span v-for=\"(variation, i) in renderVariations\" :key=\"`variation-${i}`\">\n        {{ variation }}{{ renderVariations.length > i + 1 ? \", \" : \".\" }}\n      </span>\n    </div>\n    <div class=\"text-sm mt-2\" v-if=\"renderRelations\">\n      <span class=\"mr-2 font-bold\">{{ labelRelations }} :</span>\n      <template v-for=\"(relation, i) in renderRelations\" :key=\"`relation-${i}`\">\n        <EpBtn\n          size=\"small\"\n          rounded\n          extra-class=\"mr-2\"\n          @click=\"goto(relation)\"\n          >{{ relation }}</EpBtn\n        >\n      </template>\n    </div>\n    <div class=\"flex justify-end\">\n      <EpBtn type=\"error\" outlined @click=\"show = false\" rounded>{{\n        labelClose\n      }}</EpBtn>\n    </div>\n  </EpModal>\n</template>\n"],"names":["renderVariations","renderRelations","term","_createElementVNode","word","_createVNode","EpIcon","_unref","EpModal","_createTextVNode","_toDisplayString","_createElementBlock","EpDivider","labelDefinition","_openBlock","labelDomain","_renderSlot","_createBlock","EpImg","labelVariations","_Fragment","_renderList","labelRelations","EpBtn","labelClose"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
-import f from "./EpTerm.vue.js";
+import _sfc_main from "./EpTerm.vue.js";
 export {
-  f as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpTerm.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpTerm.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,64 +1,101 @@
-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({
+import { defineComponent, ref, onMounted, computed, toRefs, createElementBlock, openBlock, createElementVNode, toDisplayString, unref, Fragment, renderList, normalizeClass, createTextVNode, createVNode, TransitionGroup, withCtx, createBlock } from "vue";
+import { colorsTimeLine } from "../../types/TimeLine.js";
+import TimeLineItem from "../tools/TimelineItem.vue.js";
+import _sfc_main$1 from "../basics/EpIcon.vue.js";
+import { mdiCheckboxMarkedCircle, mdiCheckboxBlankCircleOutline } from "@mdi/js";
+const _hoisted_1 = { class: "w-10/12 mx-auto relative" };
+const _hoisted_2 = { class: "text-2xl mb-2" };
+const _hoisted_3 = { class: "my-4 px-2" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "border-l-4 pl-1 transition-all dark:border-l-gray-500" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __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 })));
+  setup(__props) {
+    const props = __props;
+    const timeLineTags = ref();
+    onMounted(() => {
+      if (props.tags) {
+        timeLineTags.value = props.tags.map((tag) => ({ ...tag, active: false }));
+      }
     });
-    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
-          })
+    const styleTag = (color) => {
+      const styles = colorsTimeLine[color];
+      if (!styles) {
+        return colorsTimeLine.noTag;
+      }
+      return styles;
+    };
+    const activeTags = computed(() => {
+      var _a;
+      return ((_a = timeLineTags.value) == null ? void 0 : _a.filter((tag) => tag.active)) || [];
+    });
+    const filteredEvents = computed(() => {
+      if (activeTags.value.length === 0) {
+        return props.events;
+      } else {
+        const filtered = props.events.filter((event) => {
+          if (event.tag) {
+            return activeTags.value.some((t) => {
+              var _a;
+              return t.id === ((_a = event.tag) == null ? void 0 : _a.id);
+            });
+          }
+        });
+        return filtered;
+      }
+    });
+    const toggleActive = (tag) => {
+      tag.active = !tag.active;
+    };
+    const { title } = toRefs(props);
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("h3", _hoisted_2, toDisplayString((_a = unref(title)) == null ? void 0 : _a.text.headline), 1),
+          createElementVNode("p", null, toDisplayString((_b = unref(title)) == null ? void 0 : _b.text.text), 1),
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(timeLineTags.value, (tag) => {
+              return openBlock(), createElementBlock("span", {
+                key: tag.id,
+                onClick: ($event) => toggleActive(tag),
+                class: normalizeClass(`mr-2 mb-2 inline-block cursor-pointer text-sm px-2 py-1 rounded border ${styleTag(tag.color).border} ${tag.active ? "text-white" : styleTag(tag.color).text} ${tag.active ? styleTag(tag.color).bg : ""}`)
+              }, [
+                createTextVNode(toDisplayString(tag.title) + " ", 1),
+                createVNode(_sfc_main$1, {
+                  "icon-path": tag.active ? unref(mdiCheckboxMarkedCircle) : unref(mdiCheckboxBlankCircleOutline),
+                  size: "14"
+                }, null, 8, ["icon-path"])
+              ], 10, _hoisted_4);
+            }), 128))
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            createVNode(TransitionGroup, {
+              name: "list",
+              tag: "div"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(filteredEvents.value, (item, i) => {
+                  return openBlock(), createBlock(TimeLineItem, {
+                    key: `${i}-card-${item.id}`,
+                    event: item
+                  }, null, 8, ["event"]);
+                }), 128))
+              ]),
+              _: 1
+            })
+          ])
         ])
-      ])
-    ]));
+      ]);
+    };
   }
 });
 export {
-  J as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpTimeLine.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpTimeLine.vue.js","sources":["../../../src/components/medias/EpTimeLine.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, toRefs, onMounted, computed } from \"vue\";\nimport {\n  type TagTimeLine,\n  type ColorsTags,\n  colorsTimeLine,\n} from \"~/types/TimeLine\";\nimport TimeLineItem from \"~/components/tools/TimelineItem.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { mdiCheckboxBlankCircleOutline } from \"@mdi/js\";\nimport { mdiCheckboxMarkedCircle } from \"@mdi/js\";\nimport { EpTimeLineProps } from \"~/types/medias/EpTimeLine\";\n\nconst props = withDefaults(defineProps<EpTimeLineProps>(), {});\n\nconst timeLineTags = ref<TagTimeLine[]>();\n\nonMounted(() => {\n  if (props.tags) {\n    timeLineTags.value = props.tags.map((tag) => ({ ...tag, active: false }));\n  }\n});\n\nconst styleTag = (color: ColorsTags) => {\n  const styles = colorsTimeLine[color];\n  if (!styles) {\n    return colorsTimeLine.noTag;\n  }\n  return styles;\n};\n\nconst activeTags = computed(() => {\n  return timeLineTags.value?.filter((tag) => tag.active) || [];\n});\n\nconst filteredEvents = computed(() => {\n  if (activeTags.value.length === 0) {\n    return props.events;\n  } else {\n    const filtered = props.events.filter((event) => {\n      if (event.tag) {\n        ///event.tag.id === this.activesTags.some(t => t.id)\n        return activeTags.value.some((t) => t.id === event.tag?.id);\n      }\n    });\n    return filtered;\n  }\n});\n\nconst toggleActive = (tag: TagTimeLine) => {\n  tag.active = !tag.active;\n};\n\nconst { title } = toRefs(props);\n</script>\n\n<template>\n  <!-- component -->\n  <div>\n    <div class=\"w-10/12 mx-auto relative\">\n      <h3 class=\"text-2xl mb-2\">{{ title?.text.headline }}</h3>\n      <p>{{ title?.text.text }}</p>\n      <div class=\"my-4 px-2\">\n        <template v-for=\"tag in timeLineTags\" :key=\"tag.id\">\n          <span\n            @click=\"toggleActive(tag)\"\n            :class=\"`mr-2 mb-2 inline-block cursor-pointer text-sm px-2 py-1 rounded border ${\n              styleTag(tag.color).border\n            } ${tag.active ? 'text-white' : styleTag(tag.color).text} ${\n              tag.active ? styleTag(tag.color).bg : ''\n            }`\"\n          >\n            {{ tag.title }}\n            <EpIcon\n              :icon-path=\"\n                tag.active\n                  ? mdiCheckboxMarkedCircle\n                  : mdiCheckboxBlankCircleOutline\n              \"\n              size=\"14\"\n            />\n          </span>\n        </template>\n      </div>\n      <div class=\"border-l-4 pl-1 transition-all dark:border-l-gray-500\">\n        <TransitionGroup name=\"list\" tag=\"div\">\n          <template\n            v-for=\"(item, i) in filteredEvents\"\n            :key=\"`${i}-card-${item.id}`\"\n          >\n            <TimeLineItem :event=\"item\"></TimeLineItem>\n          </template>\n        </TransitionGroup>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n.list-enter-active,\n.list-leave-active {\n  transition: all 0.5s ease;\n}\n\n.list-enter-from,\n.list-leave-to {\n  opacity: 0;\n  transform: translateX(30px);\n}\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_toDisplayString","_unref","_Fragment","_renderList","_normalizeClass","_createVNode","EpIcon","_TransitionGroup","_openBlock","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;;AAaA,UAAM,QAAQ;AAEd,UAAM,eAAe,IAAA;AAErB,cAAU,MAAM;AACd,UAAI,MAAM,MAAM;AACd,qBAAa,QAAQ,MAAM,KAAK,IAAI,CAAC,SAAS,EAAE,GAAG,KAAK,QAAQ,MAAA,EAAQ;AAAA,MAC1E;AAAA,IACF,CAAC;AAED,UAAM,WAAW,CAAC,UAAsB;AACtC,YAAM,SAAS,eAAe,KAAK;AACnC,UAAI,CAAC,QAAQ;AACX,eAAO,eAAe;AAAA,MACxB;AACA,aAAO;AAAA,IACT;AAEA,UAAM,aAAa,SAAS,MAAM;;AAChC,eAAO,kBAAa,UAAb,mBAAoB,OAAO,CAAC,QAAQ,IAAI,YAAW,CAAA;AAAA,IAC5D,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,WAAW,MAAM,WAAW,GAAG;AACjC,eAAO,MAAM;AAAA,MACf,OAAO;AACL,cAAM,WAAW,MAAM,OAAO,OAAO,CAAC,UAAU;AAC9C,cAAI,MAAM,KAAK;AAEb,mBAAO,WAAW,MAAM,KAAK,CAAC;;AAAM,uBAAE,SAAO,WAAM,QAAN,mBAAW;AAAA,aAAE;AAAA,UAC5D;AAAA,QACF,CAAC;AACD,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,UAAM,eAAe,CAAC,QAAqB;AACzC,UAAI,SAAS,CAAC,IAAI;AAAA,IACpB;AAEA,UAAM,EAAE,MAAA,IAAU,OAAO,KAAK;;;0BAK5BA,mBAqCM,OAAA,MAAA;AAAA,QApCJC,mBAmCM,OAnCN,YAmCM;AAAA,UAlCJA,mBAAyD,MAAzD,YAAyDC,iBAA5BC,sBAAAA,mBAAO,KAAK,QAAQ,GAAA,CAAA;AAAA,UACjDF,mBAA6B,KAAA,MAAAC,iBAAvBC,WAAA,KAAA,MAAAA,mBAAO,KAAK,IAAI,GAAA,CAAA;AAAA,UACtBF,mBAqBM,OArBN,YAqBM;AAAA,8BApBJD,mBAmBWI,UAAA,MAAAC,WAnBa,aAAA,OAAY,CAAnB,QAAG;kCAClBL,mBAiBO,QAAA;AAAA,gBAlBmC,KAAA,IAAI;AAAA,gBAE3C,SAAK,CAAA,WAAE,aAAa,GAAG;AAAA,gBACvB,OAAKM,eAAA,0EAA2F,SAAS,IAAI,KAAK,EAAE,UAAuB,IAAI,SAAM,eAAkB,SAAS,IAAI,KAAK,EAAE,IAAI,IAAmB,IAAI,SAAS,SAAS,IAAI,KAAK,EAAE,KAAE;;gDAMnP,IAAI,KAAK,IAAG,KACf,CAAA;AAAA,gBAAAC,YAOEC,aAAA;AAAA,kBANC,aAA4B,IAAI,SAA2BL,MAAA,uBAAA,IAA4CA,MAAA,6BAAA;AAAA,kBAKxG,MAAK;AAAA,gBAAA;;;;UAKbF,mBASM,OATN,YASM;AAAA,YARJM,YAOkBE,iBAAA;AAAA,cAPD,MAAK;AAAA,cAAO,KAAI;AAAA,YAAA;+BAE7B,MAAmC;AAAA,iBADrCC,UAAA,IAAA,GAAAV,mBAKWI,UAAA,MAAAC,WAJW,eAAA,OAAc,CAA1B,MAAM,MAAC;sCAGfM,YAA2C,cAAA;AAAA,4BAFlC,CAAC,SAAS,KAAK,EAAE;AAAA,oBAEX,OAAO;AAAA,kBAAA;;;;;;;;;;;"}

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

@@ -1,5 +1,6 @@
-import o from "./EpTimeLine.vue.js";
+import _sfc_main from "./EpTimeLine.vue.js";
 /* empty css                */
 export {
-  o as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpTimeLine.vue3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpTimeLine.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}