ep-lib-ts 1.0.62 → 1.0.64

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

@@ -1 +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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"}
+{"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 type { 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/EpTimeLine.vue.js

@@ -1,101 +1,8 @@
-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(__props) {
-    const props = __props;
-    const timeLineTags = ref();
-    onMounted(() => {
-      if (props.tags) {
-        timeLineTags.value = props.tags.map((tag) => ({ ...tag, active: false }));
-      }
-    });
-    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
-            })
-          ])
-        ])
-      ]);
-    };
-  }
-});
+import _sfc_main from "./EpTimeLine.vue2.js";
+/* empty css                */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const Comp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6ad2fc60"]]);
 export {
-  _sfc_main as default
+  Comp as default
 };
 //# sourceMappingURL=EpTimeLine.vue.js.map

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

@@ -1 +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;;;;;;;;;;;"}
+{"version":3,"file":"EpTimeLine.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,101 @@
+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(__props) {
+    const props = __props;
+    const timeLineTags = ref();
+    onMounted(() => {
+      if (props.tags) {
+        timeLineTags.value = props.tags.map((tag) => ({ ...tag, active: false }));
+      }
+    });
+    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: "eptimeline",
+              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 {
+  _sfc_main as default
+};
+//# sourceMappingURL=EpTimeLine.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpTimeLine.vue2.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 type { 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=\"eptimeline\" 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 scoped>\n.eptimeline-list-enter-active,\n.eptimeline-list-leave-active {\n  transition: all 0.5s ease;\n}\n\n.eptimeline-list-enter-from,\n.eptimeline-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,cAAa,KAAI;AAAA,YAAA;+BAEnC,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/EpVideo.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpVideo.vue.js","sources":["../../../src/components/medias/EpVideo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, toRefs } from \"vue\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { mdiVideo } from \"@mdi/js\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { EpVideoProps } from \"~/types/medias/EpVideo\";\n\nconst props = withDefaults(defineProps<EpVideoProps>(), {\n  type: \"neutral\",\n  hideIcon: false,\n  labelIntentions: \"Intentions d'écoute\",\n});\n\n//only to make custum video player\nconst video = ref<HTMLVideoElement>();\n\nconst isVideoFormat = computed(() => {\n  if (\n    props.src.endsWith(\".mp4\") ||\n    props.src.endsWith(\".ogg\") ||\n    props.src.endsWith(\".webm\")\n  ) {\n    return true;\n  }\n  return false;\n});\n\nconst videoURL = computed(() => {\n  const url = props.src;\n  if (!isVideoFormat.value && url.includes(\"https://vimeo.com/\")) {\n    return url.replace(\"https://vimeo.com/\", \"https://player.vimeo.com/video/\");\n  }\n  if (!isVideoFormat.value && url.includes(\"https://www.youtube.com/watch?\")) {\n    return url.replace(\n      \"https://www.youtube.com/watch?v=\",\n      \"https://www.youtube.com/embed/\"\n    );\n  }\n  //extra to short url youtube\n  if (!isVideoFormat.value && url.includes(\"https://youtu.be/\")) {\n    const id = getIdYoutube(url);\n    if (id) {\n      return `https://www.youtube.com/embed/${id}`;\n    }\n  }\n  return url;\n});\n\nconst renderText = computed(() => {\n  if (!props.intentions) {\n    return null;\n  }\n  if (!isHtml(props.intentions)) {\n    return useMarkdown(props.intentions);\n  }\n  return props.intentions;\n});\n\nconst getIdYoutube = (url: string): string | null => {\n  const match = url.match(/\\/([^\\/]+)$/);\n  return match ? match[1] : null;\n};\n\nconst sizeVideo = computed(() => {\n  if (props.big) {\n    return \"650\";\n  }\n  return \"360\";\n});\n\n//controls\n//const controls = useMediaControls(video, {src:props.src})\nconst { src, title, hideIcon, type, labelIntentions } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiVideo\"\n    :mandateLevel=\"mandateLevel\"\n    :labelIntentions=\"labelIntentions\"\n  >\n    <template #intentions v-if=\"renderText && renderText.length > 0\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div :class=\"!big ? 'max-w-screen-sm mx-auto' : ''\">\n        <video\n          v-if=\"isVideoFormat\"\n          ref=\"video\"\n          controls\n          :src=\"src\"\n          width=\"100%\"\n          controlsList=\"nodownload\"\n        ></video>\n\n        <iframe\n          v-else\n          :src=\"videoURL\"\n          width=\"100%\"\n          :height=\"sizeVideo\"\n          frameborder=\"0\"\n          allowfullscreen\n        ></iframe>\n      </div>\n    </template>\n    <!-- <template #actions>\n       <EpBtn :color=\"type=='base'?'text-gray-700':'text-white'\" :type=\"type\">[Repair btn style... to change]</EpBtn>\n     </template> -->\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","mandateLevel","_createElementVNode","big","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAOd,UAAM,QAAQ,IAAA;AAEd,UAAM,gBAAgB,SAAS,MAAM;AACnC,UACE,MAAM,IAAI,SAAS,MAAM,KACzB,MAAM,IAAI,SAAS,MAAM,KACzB,MAAM,IAAI,SAAS,OAAO,GAC1B;AACA,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC9B,YAAM,MAAM,MAAM;AAClB,UAAI,CAAC,cAAc,SAAS,IAAI,SAAS,oBAAoB,GAAG;AAC9D,eAAO,IAAI,QAAQ,sBAAsB,iCAAiC;AAAA,MAC5E;AACA,UAAI,CAAC,cAAc,SAAS,IAAI,SAAS,gCAAgC,GAAG;AAC1E,eAAO,IAAI;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,MAEJ;AAEA,UAAI,CAAC,cAAc,SAAS,IAAI,SAAS,mBAAmB,GAAG;AAC7D,cAAM,KAAK,aAAa,GAAG;AAC3B,YAAI,IAAI;AACN,iBAAO,iCAAiC,EAAE;AAAA,QAC5C;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,MAAM,UAAU,GAAG;AAC7B,eAAO,YAAY,MAAM,UAAU;AAAA,MACrC;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,eAAe,CAAC,QAA+B;AACnD,YAAM,QAAQ,IAAI,MAAM,aAAa;AACrC,aAAO,QAAQ,MAAM,CAAC,IAAI;AAAA,IAC5B;AAEA,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,MAAM,KAAK;AACb,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAID,UAAM,EAAE,KAAK,OAAO,UAAU,MAAM,gBAAA,IAAoB,OAAO,KAAK;;0BAIlEA,YAmCQC,aAAA;AAAA,QAlCL,OAAOC,MAAA,KAAA;AAAA,QACP,MAAMA,MAAA,IAAA;AAAA,QACN,UAAUA,MAAA,QAAA;AAAA,QACV,MAAMA,MAAA,QAAA;AAAA,QACN,cAAcC,KAAAA;AAAAA,QACd,iBAAiBD,MAAA,eAAA;AAAA,MAAA;QAKP,iBACT,MAkBM;AAAA,UAlBNE,mBAkBM,OAAA;AAAA,YAlBA,uBAAQC,KAAAA,MAAG,4BAAA,EAAA;AAAA,UAAA;YAEP,cAAA,sBADRC,mBAOS,SAAA;AAAA;uBALH;AAAA,cAAJ,KAAI;AAAA,cACJ,UAAA;AAAA,cACC,KAAKJ,MAAA,GAAA;AAAA,cACN,OAAM;AAAA,cACN,cAAa;AAAA,YAAA,yCAGfI,mBAOU,UAAA;AAAA;cALP,KAAK,SAAA;AAAA,cACN,OAAM;AAAA,cACL,QAAQ,UAAA;AAAA,cACT,aAAY;AAAA,cACZ,iBAAA;AAAA,YAAA;;;;;QApBsB,WAAA,SAAc,WAAA,MAAW,SAAM;gBAAhD;AAAA,sBACT,MAA2B;AAAA,YAA3BF,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"EpVideo.vue.js","sources":["../../../src/components/medias/EpVideo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, toRefs } from \"vue\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { mdiVideo } from \"@mdi/js\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport type { EpVideoProps } from \"~/types/medias/EpVideo\";\n\nconst props = withDefaults(defineProps<EpVideoProps>(), {\n  type: \"neutral\",\n  hideIcon: false,\n  labelIntentions: \"Intentions d'écoute\",\n});\n\n//only to make custum video player\nconst video = ref<HTMLVideoElement>();\n\nconst isVideoFormat = computed(() => {\n  if (\n    props.src.endsWith(\".mp4\") ||\n    props.src.endsWith(\".ogg\") ||\n    props.src.endsWith(\".webm\")\n  ) {\n    return true;\n  }\n  return false;\n});\n\nconst videoURL = computed(() => {\n  const url = props.src;\n  if (!isVideoFormat.value && url.includes(\"https://vimeo.com/\")) {\n    return url.replace(\"https://vimeo.com/\", \"https://player.vimeo.com/video/\");\n  }\n  if (!isVideoFormat.value && url.includes(\"https://www.youtube.com/watch?\")) {\n    return url.replace(\n      \"https://www.youtube.com/watch?v=\",\n      \"https://www.youtube.com/embed/\"\n    );\n  }\n  //extra to short url youtube\n  if (!isVideoFormat.value && url.includes(\"https://youtu.be/\")) {\n    const id = getIdYoutube(url);\n    if (id) {\n      return `https://www.youtube.com/embed/${id}`;\n    }\n  }\n  return url;\n});\n\nconst renderText = computed(() => {\n  if (!props.intentions) {\n    return null;\n  }\n  if (!isHtml(props.intentions)) {\n    return useMarkdown(props.intentions);\n  }\n  return props.intentions;\n});\n\nconst getIdYoutube = (url: string): string | null => {\n  const match = url.match(/\\/([^\\/]+)$/);\n  return match ? match[1] : null;\n};\n\nconst sizeVideo = computed(() => {\n  if (props.big) {\n    return \"650\";\n  }\n  return \"360\";\n});\n\n//controls\n//const controls = useMediaControls(video, {src:props.src})\nconst { src, title, hideIcon, type, labelIntentions } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiVideo\"\n    :mandateLevel=\"mandateLevel\"\n    :labelIntentions=\"labelIntentions\"\n  >\n    <template #intentions v-if=\"renderText && renderText.length > 0\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div :class=\"!big ? 'max-w-screen-sm mx-auto' : ''\">\n        <video\n          v-if=\"isVideoFormat\"\n          ref=\"video\"\n          controls\n          :src=\"src\"\n          width=\"100%\"\n          controlsList=\"nodownload\"\n        ></video>\n\n        <iframe\n          v-else\n          :src=\"videoURL\"\n          width=\"100%\"\n          :height=\"sizeVideo\"\n          frameborder=\"0\"\n          allowfullscreen\n        ></iframe>\n      </div>\n    </template>\n    <!-- <template #actions>\n       <EpBtn :color=\"type=='base'?'text-gray-700':'text-white'\" :type=\"type\">[Repair btn style... to change]</EpBtn>\n     </template> -->\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","mandateLevel","_createElementVNode","big","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAOd,UAAM,QAAQ,IAAA;AAEd,UAAM,gBAAgB,SAAS,MAAM;AACnC,UACE,MAAM,IAAI,SAAS,MAAM,KACzB,MAAM,IAAI,SAAS,MAAM,KACzB,MAAM,IAAI,SAAS,OAAO,GAC1B;AACA,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC9B,YAAM,MAAM,MAAM;AAClB,UAAI,CAAC,cAAc,SAAS,IAAI,SAAS,oBAAoB,GAAG;AAC9D,eAAO,IAAI,QAAQ,sBAAsB,iCAAiC;AAAA,MAC5E;AACA,UAAI,CAAC,cAAc,SAAS,IAAI,SAAS,gCAAgC,GAAG;AAC1E,eAAO,IAAI;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,MAEJ;AAEA,UAAI,CAAC,cAAc,SAAS,IAAI,SAAS,mBAAmB,GAAG;AAC7D,cAAM,KAAK,aAAa,GAAG;AAC3B,YAAI,IAAI;AACN,iBAAO,iCAAiC,EAAE;AAAA,QAC5C;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,MAAM,UAAU,GAAG;AAC7B,eAAO,YAAY,MAAM,UAAU;AAAA,MACrC;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,eAAe,CAAC,QAA+B;AACnD,YAAM,QAAQ,IAAI,MAAM,aAAa;AACrC,aAAO,QAAQ,MAAM,CAAC,IAAI;AAAA,IAC5B;AAEA,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,MAAM,KAAK;AACb,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAID,UAAM,EAAE,KAAK,OAAO,UAAU,MAAM,gBAAA,IAAoB,OAAO,KAAK;;0BAIlEA,YAmCQC,aAAA;AAAA,QAlCL,OAAOC,MAAA,KAAA;AAAA,QACP,MAAMA,MAAA,IAAA;AAAA,QACN,UAAUA,MAAA,QAAA;AAAA,QACV,MAAMA,MAAA,QAAA;AAAA,QACN,cAAcC,KAAAA;AAAAA,QACd,iBAAiBD,MAAA,eAAA;AAAA,MAAA;QAKP,iBACT,MAkBM;AAAA,UAlBNE,mBAkBM,OAAA;AAAA,YAlBA,uBAAQC,KAAAA,MAAG,4BAAA,EAAA;AAAA,UAAA;YAEP,cAAA,sBADRC,mBAOS,SAAA;AAAA;uBALH;AAAA,cAAJ,KAAI;AAAA,cACJ,UAAA;AAAA,cACC,KAAKJ,MAAA,GAAA;AAAA,cACN,OAAM;AAAA,cACN,cAAa;AAAA,YAAA,yCAGfI,mBAOU,UAAA;AAAA;cALP,KAAK,SAAA;AAAA,cACN,OAAM;AAAA,cACL,QAAQ,UAAA;AAAA,cACT,aAAY;AAAA,cACZ,iBAAA;AAAA,YAAA;;;;;QApBsB,WAAA,SAAc,WAAA,MAAW,SAAM;gBAAhD;AAAA,sBACT,MAA2B;AAAA,YAA3BF,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"EpVideoPanopto.vue.js","sources":["../../../src/components/medias/EpVideoPanopto.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { mdiVideo } from \"@mdi/js\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { EpVideoPanoptoProps } from \"~/types/medias/EpVideoPanopto\";\n\nconst props = withDefaults(defineProps<EpVideoPanoptoProps>(), {\n  labelIntentions: \"Intentions d'écoute\",\n  type: \"neutral\",\n  hideIcon: false,\n});\n\nconst renderText = computed(() => {\n  if (!props.intentions) {\n    return null;\n  }\n  if (!isHtml(props.intentions)) {\n    return useMarkdown(props.intentions);\n  }\n  return props.intentions;\n});\n\nconst sizeVideo = computed(() => {\n  if (props.big) {\n    return \"650\";\n  }\n  return \"360\";\n});\n\nconst { src, title, hideIcon, type } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiVideo\"\n    :mandateLevel=\"mandateLevel\"\n    :labelIntentions=\"labelIntentions\"\n  >\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div :class=\"!big ? 'max-w-screen-sm mx-auto' : ''\">\n        <iframe\n          :src=\"src\"\n          width=\"100%\"\n          :height=\"sizeVideo\"\n          frameborder=\"0\"\n          allowfullscreen\n        ></iframe>\n      </div>\n    </template>\n    <!-- <template #actions>\n       <EpBtn :color=\"type=='base'?'text-gray-700':'text-white'\" :type=\"type\">[Repair btn style... to change]</EpBtn>\n     </template> -->\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","mandateLevel","labelIntentions","_createElementVNode","big"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAMd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,MAAM,UAAU,GAAG;AAC7B,eAAO,YAAY,MAAM,UAAU;AAAA,MACrC;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,MAAM,KAAK;AACb,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,EAAE,KAAK,OAAO,UAAU,KAAA,IAAS,OAAO,KAAK;;0BAIjDA,YAyBQC,aAAA;AAAA,QAxBL,OAAOC,MAAA,KAAA;AAAA,QACP,MAAMA,MAAA,IAAA;AAAA,QACN,UAAUA,MAAA,QAAA;AAAA,QACV,MAAMA,MAAA,QAAA;AAAA,QACN,cAAcC,KAAAA;AAAAA,QACd,iBAAiBC,KAAAA;AAAAA,MAAAA;QAKP,iBACT,MAQM;AAAA,UARNC,mBAQM,OAAA;AAAA,YARA,uBAAQC,KAAAA,MAAG,4BAAA,EAAA;AAAA,UAAA;YACfD,mBAMU,UAAA;AAAA,cALP,KAAKH,MAAA,GAAA;AAAA,cACN,OAAM;AAAA,cACL,QAAQ,UAAA;AAAA,cACT,aAAY;AAAA,cACZ,iBAAA;AAAA,YAAA;;;;;QAVsB,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BG,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"EpVideoPanopto.vue.js","sources":["../../../src/components/medias/EpVideoPanopto.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { mdiVideo } from \"@mdi/js\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport type { EpVideoPanoptoProps } from \"~/types/medias/EpVideoPanopto\";\n\nconst props = withDefaults(defineProps<EpVideoPanoptoProps>(), {\n  labelIntentions: \"Intentions d'écoute\",\n  type: \"neutral\",\n  hideIcon: false,\n});\n\nconst renderText = computed(() => {\n  if (!props.intentions) {\n    return null;\n  }\n  if (!isHtml(props.intentions)) {\n    return useMarkdown(props.intentions);\n  }\n  return props.intentions;\n});\n\nconst sizeVideo = computed(() => {\n  if (props.big) {\n    return \"650\";\n  }\n  return \"360\";\n});\n\nconst { src, title, hideIcon, type } = toRefs(props);\n</script>\n\n<template>\n  <EpEdu\n    :title=\"title\"\n    :type=\"type\"\n    :hideIcon=\"hideIcon\"\n    :icon=\"mdiVideo\"\n    :mandateLevel=\"mandateLevel\"\n    :labelIntentions=\"labelIntentions\"\n  >\n    <template #intentions v-if=\"renderText\">\n      <div v-html=\"renderText\" />\n    </template>\n    <template #content>\n      <div :class=\"!big ? 'max-w-screen-sm mx-auto' : ''\">\n        <iframe\n          :src=\"src\"\n          width=\"100%\"\n          :height=\"sizeVideo\"\n          frameborder=\"0\"\n          allowfullscreen\n        ></iframe>\n      </div>\n    </template>\n    <!-- <template #actions>\n       <EpBtn :color=\"type=='base'?'text-gray-700':'text-white'\" :type=\"type\">[Repair btn style... to change]</EpBtn>\n     </template> -->\n  </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","mandateLevel","labelIntentions","_createElementVNode","big"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAMd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,MAAM,UAAU,GAAG;AAC7B,eAAO,YAAY,MAAM,UAAU;AAAA,MACrC;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,MAAM,KAAK;AACb,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,EAAE,KAAK,OAAO,UAAU,KAAA,IAAS,OAAO,KAAK;;0BAIjDA,YAyBQC,aAAA;AAAA,QAxBL,OAAOC,MAAA,KAAA;AAAA,QACP,MAAMA,MAAA,IAAA;AAAA,QACN,UAAUA,MAAA,QAAA;AAAA,QACV,MAAMA,MAAA,QAAA;AAAA,QACN,cAAcC,KAAAA;AAAAA,QACd,iBAAiBC,KAAAA;AAAAA,MAAAA;QAKP,iBACT,MAQM;AAAA,UARNC,mBAQM,OAAA;AAAA,YARA,uBAAQC,KAAAA,MAAG,4BAAA,EAAA;AAAA,UAAA;YACfD,mBAMU,UAAA;AAAA,cALP,KAAKH,MAAA,GAAA;AAAA,cACN,OAAM;AAAA,cACL,QAAQ,UAAA;AAAA,cACT,aAAY;AAAA,cACZ,iBAAA;AAAA,YAAA;;;;;QAVsB,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BG,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"EpWordDef.vue.js","sources":["../../../src/components/medias/EpWordDef.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { useRouter } from \"vue-router\";\nimport { EpWordDefProps } from \"~/types/medias/EpWordDef\";\n\nconst props = withDefaults(defineProps<EpWordDefProps>(), {\n  labelInformation: \"Information grammaticale\",\n  labelDomain: \"Domaine\",\n  labelRelations: \"Relations\",\n  labelNoDefinition: \"La definition n'est pas disponible\",\n  labelVariations: \"Variation(s)\",\n  cols: \"10\",\n});\n\nconst sizeGramIngo = computed(() => {\n  if (props.content) {\n    return props.content.domain || props.variation.length > 0\n      ? \"w-1/3\"\n      : \"w-full\";\n  }\n  return \"\";\n});\n\nconst sizeDomain = computed(() => {\n  if (props.variation) {\n    return props.variation.length > 0 ? \"w-1/4\" : \"w-3/4\";\n  }\n  return \"\";\n});\n\nconst sizeVariations = computed(() => {\n  if (props.content) {\n    return props.content.domain ? \"w-2/4\" : \"w-3/4\";\n  }\n  return \"\";\n});\n\n/*\nconst findRelations = (relations: string[]): { id: number | string, term: string }[] => {\n  let _relations = props.glossary.filter((term) => {\n    return relations.some((x) => {\n      return term.id === x;\n    });\n  });\n  return _relations.map((x) => ({id:x.id, term:x.term}));\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\nconst id = ref(props.uid || useCreateUid());\n</script>\n\n<template>\n  <div class=\"dark:bg-dark\" :id=\"id\">\n    <div v-if=\"term && description\">\n      <div class=\"h-min border border-base rounded-lg divide-y\">\n        <h2 class=\"text-xl font-semibold p-2\">{{ term }}</h2>\n        <div class=\"flex justify-between\">\n          <div :class=\"sizeGramIngo\">\n            <p class=\"text-sm font-medium bg-base-light dark:text-dark p-2\">\n              {{ labelInformation }}\n            </p>\n            <div class=\"px-2 py-1\" v-if=\"content.gramInfo\">\n              {{ content.gramInfo }}\n            </div>\n          </div>\n          <div :class=\"sizeDomain\" v-if=\"content.domain\">\n            <p class=\"text-sm font-medium bg-base-light dark:text-dark p-2\">\n              {{ labelDomain }}\n            </p>\n            <div class=\"px-2 py-1\">{{ content.domain }}</div>\n          </div>\n          <div :class=\"sizeVariations\" v-if=\"variation.length > 0\">\n            <p class=\"text-sm font-medium bg-base-light dark:text-dark p-2\">\n              {{ labelVariations }}\n            </p>\n            <div class=\"px-2 py-1\">\n              <span v-for=\"(_variation, i) in variation\" :key=\"`v-${i}`\"\n                >{{ _variation\n                }}{{ variation.length > i + 1 ? \", \" : \".\" }}</span\n              >\n            </div>\n          </div>\n        </div>\n        <template v-if=\"!content.image\">\n          <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n        </template>\n        <template v-else>\n          <div class=\"flex flex-row justify-between\">\n            <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n            <div class=\"flex w-1/2 justify-center p-2\">\n              <EpImg :src=\"content.image\" :cols=\"cols\" />\n            </div>\n          </div>\n        </template>\n\n        <div>\n          <div v-if=\"relation.length > 0\">\n            <p class=\"text-sm font-medium bg-base-light dark:text-dark p-2\">\n              {{ labelRelations }}\n            </p>\n            <div class=\"p-2\">\n              <template\n                v-for=\"(_relation, i) in relation\"\n                :key=\"`relation-${i}`\"\n              >\n                <button\n                  class=\"p-1 border rounded mr-1\"\n                  @click=\"goto(_relation.termId)\"\n                >\n                  {{ _relation.term }}\n                </button>\n              </template>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-else>{{ labelNoDefinition }}</div>\n  </div>\n</template>\n"],"names":["_createElementBlock","term","description","_createElementVNode","_toDisplayString","labelInformation","content","_openBlock","labelDomain","variation","labelVariations","_Fragment","_renderList","_unref","_createVNode","EpImg","cols","relation","labelRelations","labelNoDefinition"],"mappings":"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"}
+{"version":3,"file":"EpWordDef.vue.js","sources":["../../../src/components/medias/EpWordDef.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { useRouter } from \"vue-router\";\nimport type { EpWordDefProps } from \"~/types/medias/EpWordDef\";\n\nconst props = withDefaults(defineProps<EpWordDefProps>(), {\n  labelInformation: \"Information grammaticale\",\n  labelDomain: \"Domaine\",\n  labelRelations: \"Relations\",\n  labelNoDefinition: \"La definition n'est pas disponible\",\n  labelVariations: \"Variation(s)\",\n  cols: \"10\",\n});\n\nconst sizeGramIngo = computed(() => {\n  if (props.content) {\n    return props.content.domain || props.variation.length > 0\n      ? \"w-1/3\"\n      : \"w-full\";\n  }\n  return \"\";\n});\n\nconst sizeDomain = computed(() => {\n  if (props.variation) {\n    return props.variation.length > 0 ? \"w-1/4\" : \"w-3/4\";\n  }\n  return \"\";\n});\n\nconst sizeVariations = computed(() => {\n  if (props.content) {\n    return props.content.domain ? \"w-2/4\" : \"w-3/4\";\n  }\n  return \"\";\n});\n\n/*\nconst findRelations = (relations: string[]): { id: number | string, term: string }[] => {\n  let _relations = props.glossary.filter((term) => {\n    return relations.some((x) => {\n      return term.id === x;\n    });\n  });\n  return _relations.map((x) => ({id:x.id, term:x.term}));\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\nconst id = ref(props.uid || useCreateUid());\n</script>\n\n<template>\n  <div class=\"dark:bg-dark\" :id=\"id\">\n    <div v-if=\"term && description\">\n      <div class=\"h-min border border-base rounded-lg divide-y\">\n        <h2 class=\"text-xl font-semibold p-2\">{{ term }}</h2>\n        <div class=\"flex justify-between\">\n          <div :class=\"sizeGramIngo\">\n            <p class=\"text-sm font-medium bg-base-light dark:text-dark p-2\">\n              {{ labelInformation }}\n            </p>\n            <div class=\"px-2 py-1\" v-if=\"content.gramInfo\">\n              {{ content.gramInfo }}\n            </div>\n          </div>\n          <div :class=\"sizeDomain\" v-if=\"content.domain\">\n            <p class=\"text-sm font-medium bg-base-light dark:text-dark p-2\">\n              {{ labelDomain }}\n            </p>\n            <div class=\"px-2 py-1\">{{ content.domain }}</div>\n          </div>\n          <div :class=\"sizeVariations\" v-if=\"variation.length > 0\">\n            <p class=\"text-sm font-medium bg-base-light dark:text-dark p-2\">\n              {{ labelVariations }}\n            </p>\n            <div class=\"px-2 py-1\">\n              <span v-for=\"(_variation, i) in variation\" :key=\"`v-${i}`\"\n                >{{ _variation\n                }}{{ variation.length > i + 1 ? \", \" : \".\" }}</span\n              >\n            </div>\n          </div>\n        </div>\n        <template v-if=\"!content.image\">\n          <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n        </template>\n        <template v-else>\n          <div class=\"flex flex-row justify-between\">\n            <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n            <div class=\"flex w-1/2 justify-center p-2\">\n              <EpImg :src=\"content.image\" :cols=\"cols\" />\n            </div>\n          </div>\n        </template>\n\n        <div>\n          <div v-if=\"relation.length > 0\">\n            <p class=\"text-sm font-medium bg-base-light dark:text-dark p-2\">\n              {{ labelRelations }}\n            </p>\n            <div class=\"p-2\">\n              <template\n                v-for=\"(_relation, i) in relation\"\n                :key=\"`relation-${i}`\"\n              >\n                <button\n                  class=\"p-1 border rounded mr-1\"\n                  @click=\"goto(_relation.termId)\"\n                >\n                  {{ _relation.term }}\n                </button>\n              </template>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-else>{{ labelNoDefinition }}</div>\n  </div>\n</template>\n"],"names":["_createElementBlock","term","description","_createElementVNode","_toDisplayString","labelInformation","content","_openBlock","labelDomain","variation","labelVariations","_Fragment","_renderList","_unref","_createVNode","EpImg","cols","relation","labelRelations","labelNoDefinition"],"mappings":"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"}

package/dist/components/signages/EpAlert.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./EpAlert.vue2.js";
 /* empty css             */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const Comp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-82c73734"]]);
+const Comp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b4417cf8"]]);
 export {
   Comp as default
 };

package/dist/components/signages/EpAlert.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpAlert.vue2.js","sources":["../../../src/components/signages/EpAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\nimport { typeAlert, typeDivider } from \"~/types/Alert\";\nimport { useIcons } from \"~/composables/useIcons\";\nimport { EpAlertProps } from \"~/types/signages/EpAlert\";\n\n/*NOTE IMPORTANT \n  sur l'éditeur la valeur outlined a été inversée (old v-switch the vuetify)\n  donc outlined:true is fonce \n  outlined:false is outlined style\n*/\n\nconst props = withDefaults(defineProps<EpAlertProps>(), {\n  type: \"base\",\n  title: null,\n  noIcon: false,\n});\n\n/* sur l'éditeur de parcours la composante a été fait à l'inverse malhereusement  (old v-switch the vuetify)*/\n/* donc outlined:true is fonce et oulined:false is the real onlined*/\nconst outlinedCompact = computed(() => {\n  return !props.outlined;\n});\n\nconst isOutlined = computed(() => {\n  if (!props.outlined) {\n    return \"outlined\";\n  }\n  return \"default\";\n});\n\n// to change after change bd strapi v4\nconst finalType = computed(() => {\n  if (typeof props.type === \"object\") {\n    return props.type.type;\n  }\n  return props.type;\n});\n\nconst styles = computed(() => {\n  return `${typeAlert[finalType.value]?.[isOutlined.value]}`;\n});\n\nconst styleHr = computed(() => {\n  return `${typeDivider[finalType.value]?.[isOutlined.value]}`;\n});\n\nconst icon = computed(() => {\n  let icon = useIcons[finalType.value].icon;\n  if (props.noIcon) {\n    return null;\n  }\n  return icon;\n});\n\nconst { title, compact, outlined } = toRefs(props);\n</script>\n\n<template>\n  <div :class=\"`flex p-4 rounded shadow-md m-2 ${styles}`\" v-if=\"!compact\">\n    <div v-if=\"icon\" class=\"flex items-center justify-center w-1/12\">\n      <EpIcon :size=\"40\" :icon-path=\"icon\" />\n    </div>\n    <div :class=\"`${icon ? 'w-11/12' : 'w-full'} flex items-center`\">\n      <div class=\"container\">\n        <h3 v-if=\"title\" class=\"text-left text-2xl font-bold\">{{ title }}</h3>\n        <hr v-if=\"title\" :class=\"`w-full my-3 border ${styleHr}`\" />\n        <div class=\"ep-info-box\">\n          <slot> </slot>\n        </div>\n      </div>\n    </div>\n  </div>\n  <EpAccordeon\n    :type=\"finalType\"\n    :outlined=\"outlinedCompact\"\n    :icon=\"icon\"\n    :title=\"title\"\n    v-else\n  >\n    <div class=\"ep-info-box\">\n      <slot />\n    </div>\n  </EpAccordeon>\n</template>\n\n<style scoped>\n.ep-info-box :deep(a) {\n  text-decoration: underline;\n  font-weight: 500;\n}\n</style>\n"],"names":["icon","_unref","_createElementBlock","_openBlock","_createVNode","EpIcon","_createElementVNode","_toDisplayString","_renderSlot","_createBlock","EpAccordeon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AAQd,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,CAAC,MAAM;AAAA,IAChB,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,UAAU;AACnB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,OAAO,MAAM,SAAS,UAAU;AAClC,eAAO,MAAM,KAAK;AAAA,MACpB;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,SAAS,SAAS,MAAM;;AAC5B,aAAO,IAAG,eAAU,UAAU,KAAK,MAAzB,mBAA6B,WAAW,MAAM;AAAA,IAC1D,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;;AAC7B,aAAO,IAAG,iBAAY,UAAU,KAAK,MAA3B,mBAA+B,WAAW,MAAM;AAAA,IAC5D,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AAC1B,UAAIA,QAAO,SAAS,UAAU,KAAK,EAAE;AACrC,UAAI,MAAM,QAAQ;AAChB,eAAO;AAAA,MACT;AACA,aAAOA;AAAAA,IACT,CAAC;AAED,UAAM,EAAE,OAAO,QAAkB,IAAI,OAAO,KAAK;;cAIiBC,MAAA,OAAA,kBAAhEC,mBAaM,OAAA;AAAA;QAbA,wDAAyC,OAAA,KAAM,EAAA;AAAA,MAAA;QACxC,KAAA,SAAXC,UAAA,GAAAD,mBAEM,OAFN,YAEM;AAAA,UADJE,YAAuCC,aAAA;AAAA,YAA9B,MAAM;AAAA,YAAK,aAAW,KAAA;AAAA,UAAA;;QAEjCC,mBAQM,OAAA;AAAA,UARA,yBAAU,KAAA,QAAI,YAAA,QAAA,oBAAA;AAAA,QAAA;UAClBA,mBAMM,OANN,YAMM;AAAA,YALML,MAAA,KAAA,kBAAVC,mBAAsE,MAAtE,YAAsEK,gBAAbN,MAAA,KAAA,CAAK,GAAA,CAAA;YACpDA,MAAA,KAAA,kBAAVC,mBAA4D,MAAA;AAAA;cAA1C,4CAA6B,QAAA,KAAO,EAAA;AAAA,YAAA;YACtDI,mBAEM,OAFN,YAEM;AAAA,cADJE,WAAc,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,YAAA;;;6BAKtBC,YAUcC,MAAA;AAAA;QATX,MAAM,UAAA;AAAA,QACN,UAAU,gBAAA;AAAA,QACV,MAAM,KAAA;AAAA,QACN,OAAOT,MAAA,KAAA;AAAA,MAAA;yBAGR,MAEM;AAAA,UAFNK,mBAEM,OAFN,YAEM;AAAA,YADJE,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"EpAlert.vue2.js","sources":["../../../src/components/signages/EpAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\nimport { typeAlert, typeDivider } from \"~/types/Alert\";\nimport { useIcons } from \"~/composables/useIcons\";\nimport type { EpAlertProps } from \"~/types/signages/EpAlert\";\n\n/*NOTE IMPORTANT \n  sur l'éditeur la valeur outlined a été inversée (old v-switch the vuetify)\n  donc outlined:true is fonce \n  outlined:false is outlined style\n*/\n\nconst props = withDefaults(defineProps<EpAlertProps>(), {\n  type: \"base\",\n  title: null,\n  noIcon: false,\n});\n\n/* sur l'éditeur de parcours la composante a été fait à l'inverse malhereusement  (old v-switch the vuetify)*/\n/* donc outlined:true is fonce et oulined:false is the real onlined*/\nconst outlinedCompact = computed(() => {\n  return !props.outlined;\n});\n\nconst isOutlined = computed(() => {\n  if (!props.outlined) {\n    return \"outlined\";\n  }\n  return \"default\";\n});\n\n// to change after change bd strapi v4\nconst finalType = computed(() => {\n  if (typeof props.type === \"object\") {\n    return props.type.type;\n  }\n  return props.type;\n});\n\nconst styles = computed(() => {\n  return `${typeAlert[finalType.value]?.[isOutlined.value]}`;\n});\n\nconst styleHr = computed(() => {\n  return `${typeDivider[finalType.value]?.[isOutlined.value]}`;\n});\n\nconst icon = computed(() => {\n  let icon = useIcons[finalType.value].icon;\n  if (props.noIcon) {\n    return null;\n  }\n  return icon;\n});\n\nconst { title, compact, outlined } = toRefs(props);\n</script>\n\n<template>\n  <div :class=\"`flex p-4 rounded shadow-md m-2 ${styles}`\" v-if=\"!compact\">\n    <div v-if=\"icon\" class=\"flex items-center justify-center w-1/12\">\n      <EpIcon :size=\"40\" :icon-path=\"icon\" />\n    </div>\n    <div :class=\"`${icon ? 'w-11/12' : 'w-full'} flex items-center`\">\n      <div class=\"container\">\n        <h3 v-if=\"title\" class=\"text-left text-2xl font-bold\">{{ title }}</h3>\n        <hr v-if=\"title\" :class=\"`w-full my-3 border ${styleHr}`\" />\n        <div class=\"ep-info-box\">\n          <slot> </slot>\n        </div>\n      </div>\n    </div>\n  </div>\n  <EpAccordeon\n    :type=\"finalType\"\n    :outlined=\"outlinedCompact\"\n    :icon=\"icon\"\n    :title=\"title\"\n    v-else\n  >\n    <div class=\"ep-info-box\">\n      <slot />\n    </div>\n  </EpAccordeon>\n</template>\n\n<style scoped>\n.ep-info-box :deep(a) {\n  text-decoration: underline;\n  font-weight: 500;\n}\n</style>\n"],"names":["icon","_unref","_createElementBlock","_openBlock","_createVNode","EpIcon","_createElementVNode","_toDisplayString","_renderSlot","_createBlock","EpAccordeon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AAQd,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,CAAC,MAAM;AAAA,IAChB,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,UAAU;AACnB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,OAAO,MAAM,SAAS,UAAU;AAClC,eAAO,MAAM,KAAK;AAAA,MACpB;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,SAAS,SAAS,MAAM;;AAC5B,aAAO,IAAG,eAAU,UAAU,KAAK,MAAzB,mBAA6B,WAAW,MAAM;AAAA,IAC1D,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;;AAC7B,aAAO,IAAG,iBAAY,UAAU,KAAK,MAA3B,mBAA+B,WAAW,MAAM;AAAA,IAC5D,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AAC1B,UAAIA,QAAO,SAAS,UAAU,KAAK,EAAE;AACrC,UAAI,MAAM,QAAQ;AAChB,eAAO;AAAA,MACT;AACA,aAAOA;AAAAA,IACT,CAAC;AAED,UAAM,EAAE,OAAO,QAAkB,IAAI,OAAO,KAAK;;cAIiBC,MAAA,OAAA,kBAAhEC,mBAaM,OAAA;AAAA;QAbA,wDAAyC,OAAA,KAAM,EAAA;AAAA,MAAA;QACxC,KAAA,SAAXC,UAAA,GAAAD,mBAEM,OAFN,YAEM;AAAA,UADJE,YAAuCC,aAAA;AAAA,YAA9B,MAAM;AAAA,YAAK,aAAW,KAAA;AAAA,UAAA;;QAEjCC,mBAQM,OAAA;AAAA,UARA,yBAAU,KAAA,QAAI,YAAA,QAAA,oBAAA;AAAA,QAAA;UAClBA,mBAMM,OANN,YAMM;AAAA,YALML,MAAA,KAAA,kBAAVC,mBAAsE,MAAtE,YAAsEK,gBAAbN,MAAA,KAAA,CAAK,GAAA,CAAA;YACpDA,MAAA,KAAA,kBAAVC,mBAA4D,MAAA;AAAA;cAA1C,4CAA6B,QAAA,KAAO,EAAA;AAAA,YAAA;YACtDI,mBAEM,OAFN,YAEM;AAAA,cADJE,WAAc,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,YAAA;;;6BAKtBC,YAUcC,MAAA;AAAA;QATX,MAAM,UAAA;AAAA,QACN,UAAU,gBAAA;AAAA,QACV,MAAM,KAAA;AAAA,QACN,OAAOT,MAAA,KAAA;AAAA,MAAA;yBAGR,MAEM;AAAA,UAFNK,mBAEM,OAFN,YAEM;AAAA,YADJE,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/signages/EpBadge.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpBadge.vue.js","sources":["../../../src/components/signages/EpBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { typeBadge } from \"~/types/Badge\";\nimport { EpBadgeProps } from \"~/types/signages/EpBadge\";\n\n// define parameter and default valule\nconst props = withDefaults(defineProps<EpBadgeProps>(), {\n  mode: \"default\",\n  placement: \"top_right\",\n  visibility: \"true\",\n  color: \"primary\",\n  maxValue: 0,\n});\n\n// const { badgestyle } = toRefs(props)\n\nconst finalType = computed(() => {\n  return props.placement;\n});\n\nconst finalContent = computed(() => {\n  if (props.mode == \"dot\") {\n    return \"\";\n  } else if (props.visibility == \"false\") {\n    return \"\";\n  } else if (props.content != 0) {\n    if (props.content > props.maxValue && props.maxValue != 0) {\n      return props.maxValue + \"+\";\n    } else {\n      return props.content;\n    }\n  }\n});\n\nconst badgeStyle = computed(() => {\n  if (props.visibility == \"true\") {\n    return props.mode;\n  } else {\n    return \"hide\";\n  }\n});\n\nconst bgcolor = computed(() => {\n  return \"bg-\" + props.color;\n});\n\nconst finalStyles = computed(() => {\n  return `${typeBadge[finalType.value]?.[badgeStyle.value]}`;\n});\n</script>\n<template>\n  <div class=\"group relative w-max\">\n    <slot />\n    <div :class=\"`${finalStyles} ${bgcolor}`\">{{ finalContent }}</div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_renderSlot","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AAUd,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAClC,UAAI,MAAM,QAAQ,OAAO;AACvB,eAAO;AAAA,MACT,WAAW,MAAM,cAAc,SAAS;AACtC,eAAO;AAAA,MACT,WAAW,MAAM,WAAW,GAAG;AAC7B,YAAI,MAAM,UAAU,MAAM,YAAY,MAAM,YAAY,GAAG;AACzD,iBAAO,MAAM,WAAW;AAAA,QAC1B,OAAO;AACL,iBAAO,MAAM;AAAA,QACf;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,cAAc,QAAQ;AAC9B,eAAO,MAAM;AAAA,MACf,OAAO;AACL,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,aAAO,QAAQ,MAAM;AAAA,IACvB,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;;AACjC,aAAO,IAAG,eAAU,UAAU,KAAK,MAAzB,mBAA6B,WAAW,MAAM;AAAA,IAC1D,CAAC;;AAGC,aAAAA,UAAA,GAAAC,mBAGM,OAHN,YAGM;AAAA,QAFJC,WAAQ,KAAA,QAAA,SAAA;AAAA,QACRC,mBAAkE,OAAA;AAAA,UAA5D,OAAKC,eAAA,GAAK,YAAA,KAAW,IAAI,QAAA,KAAO,EAAA;AAAA,QAAA,mBAAO,aAAA,KAAY,GAAA,CAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"EpBadge.vue.js","sources":["../../../src/components/signages/EpBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { typeBadge } from \"~/types/Badge\";\nimport type { EpBadgeProps } from \"~/types/signages/EpBadge\";\n\n// define parameter and default valule\nconst props = withDefaults(defineProps<EpBadgeProps>(), {\n  mode: \"default\",\n  placement: \"top_right\",\n  visibility: \"true\",\n  color: \"primary\",\n  maxValue: 0,\n});\n\n// const { badgestyle } = toRefs(props)\n\nconst finalType = computed(() => {\n  return props.placement;\n});\n\nconst finalContent = computed(() => {\n  if (props.mode == \"dot\") {\n    return \"\";\n  } else if (props.visibility == \"false\") {\n    return \"\";\n  } else if (props.content != 0) {\n    if (props.content > props.maxValue && props.maxValue != 0) {\n      return props.maxValue + \"+\";\n    } else {\n      return props.content;\n    }\n  }\n});\n\nconst badgeStyle = computed(() => {\n  if (props.visibility == \"true\") {\n    return props.mode;\n  } else {\n    return \"hide\";\n  }\n});\n\nconst bgcolor = computed(() => {\n  return \"bg-\" + props.color;\n});\n\nconst finalStyles = computed(() => {\n  return `${typeBadge[finalType.value]?.[badgeStyle.value]}`;\n});\n</script>\n<template>\n  <div class=\"group relative w-max\">\n    <slot />\n    <div :class=\"`${finalStyles} ${bgcolor}`\">{{ finalContent }}</div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_renderSlot","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AAUd,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAClC,UAAI,MAAM,QAAQ,OAAO;AACvB,eAAO;AAAA,MACT,WAAW,MAAM,cAAc,SAAS;AACtC,eAAO;AAAA,MACT,WAAW,MAAM,WAAW,GAAG;AAC7B,YAAI,MAAM,UAAU,MAAM,YAAY,MAAM,YAAY,GAAG;AACzD,iBAAO,MAAM,WAAW;AAAA,QAC1B,OAAO;AACL,iBAAO,MAAM;AAAA,QACf;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,cAAc,QAAQ;AAC9B,eAAO,MAAM;AAAA,MACf,OAAO;AACL,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,aAAO,QAAQ,MAAM;AAAA,IACvB,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;;AACjC,aAAO,IAAG,eAAU,UAAU,KAAK,MAAzB,mBAA6B,WAAW,MAAM;AAAA,IAC1D,CAAC;;AAGC,aAAAA,UAAA,GAAAC,mBAGM,OAHN,YAGM;AAAA,QAFJC,WAAQ,KAAA,QAAA,SAAA;AAAA,QACRC,mBAAkE,OAAA;AAAA,UAA5D,OAAKC,eAAA,GAAK,YAAA,KAAW,IAAI,QAAA,KAAO,EAAA;AAAA,QAAA,mBAAO,aAAA,KAAY,GAAA,CAAA;AAAA,MAAA;;;;"}

package/dist/components/signages/EpHeader.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpHeader.vue.js","sources":["../../../src/components/signages/EpHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport { mdiCast } from \"@mdi/js\";\nimport { mdiTimerOutline } from \"@mdi/js\";\nimport { mdiChairSchool } from \"@mdi/js\";\nimport { mdiChevronDown } from \"@mdi/js\";\nimport SvgFilter from \"~/components/tools/SvgFilter.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpChip from \"~/components/basics/EpChip.vue\";\nimport { EpHeaderProps } from \"~/types/signages/EpHeader\";\n\nconst props = withDefaults(defineProps<EpHeaderProps>(), {\n  title: null,\n  icon: null,\n  src: null,\n  big: false,\n  synchrone: false,\n  hideImg: false,\n  duration: null,\n  assessment: null,\n  labels: () => {\n    return {\n      synchrone: \"Synchrone\",\n      formatif: \"Formatif\",\n    };\n  },\n  textBg: true,\n  type: \"imgBg\",\n  titlePosition: \"center\",\n  vAlign: \"items-center\",\n  hAlign: \"justify-center\",\n});\n\nconst bgTextFit = \"w-8/12\"; // ''\n\nconst styles = computed(() => {\n  return ` \n\tflex\n\tflex-col\n\toverflow-hidden \n\tw-full \n\tabsolute\n\t${props.big ? \"min-h-screen\" : \"h-96\"}\n\tbg-cover\n\tbg-center`;\n});\n\nconst bgImg = computed(() => {\n  if (props.src) {\n    return props.src;\n  }\n  return `https://live.staticflickr.com/1757/42677241511_a350206ac2_b.jpg`;\n});\n\nconst emit = defineEmits<{\n  (e: \"clicked\"): void;\n}>();\n\nconst clickScroll = (): void => {\n  emit(\"clicked\");\n};\n\nconst { title, headerImgColor, big } = toRefs(props);\n</script>\n\n<template>\n  <header\n    v-if=\"type === 'imgBg'\"\n    :class=\"`${\n      big ? 'h-screen ' : 'h-96'\n    } items-center overflow-hidden relative `\"\n    ref=\"el\"\n  >\n    <div\n      :class=\"styles\"\n      :style=\"`background-image:url('${bgImg}'); filter:url(#${headerImgColor});`\"\n    />\n\n    <div :class=\"`relative ${big ? 'mb-36' : ''} h-full items-end`\">\n      <div class=\"flex md:justify-end justify-center pt-5\">\n        <EpChip v-if=\"synchrone\" :prependIcon=\"mdiCast\" size=\"small\">{{\n          labels.synchrone\n        }}</EpChip>\n        <EpChip v-if=\"duration\" :prependIcon=\"mdiTimerOutline\" size=\"small\">\n          {{ duration }}</EpChip\n        >\n        <EpChip v-if=\"assessment\" :prependIcon=\"mdiChairSchool\" size=\"small\">{{\n          labels.formatif\n        }}</EpChip>\n      </div>\n      <div :class=\"`${vAlign} ${hAlign} flex w-full grow h-96 `\">\n        <div :class=\"`${bgTextFit}`\">\n          <div\n            v-if=\"title || subtitle\"\n            :class=\"`${\n              textBg\n                ? 'inline-block backdrop-blur-md backdrop-brightness-50 backdrop-opacity-75 rounded'\n                : ''\n            } p-4 md:items-center`\"\n          >\n            <div class=\"text-center md:text-left\">\n              <h1\n                v-if=\"title\"\n                class=\"text-3xl font-medium text-white sm:text-3xl\"\n              >\n                {{ title }}\n              </h1>\n              <h2\n                v-if=\"subtitle\"\n                class=\"max-w-xl mt-4 text-2xl text-white contrast-50\"\n              >\n                {{ subtitle }}\n              </h2>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div v-if=\"props.big\" class=\"animate-bounce absolute bottom-10 left-1/2\">\n      <div\n        class=\"mx-auto w-12 bg-white dark:text-black rounded-full p-2\"\n        @click=\"clickScroll\"\n      >\n        <EpIcon :iconPath=\"mdiChevronDown\" size=\"32\" />\n      </div>\n    </div>\n    <SvgFilter></SvgFilter>\n  </header>\n\n  <header v-else-if=\"type === 'simple'\">\n    <div class=\"text-center md:text-left mt-16 mb-32\">\n      <h1\n        v-if=\"title\"\n        class=\"text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-100\"\n      >\n        {{ title }}\n      </h1>\n      <h2 v-if=\"subtitle\" class=\"w-1/2 mt-4 text-gray-500 dark:text-gray-300\">\n        {{ subtitle }}\n      </h2>\n    </div>\n  </header>\n\n  <header v-else=\"type === 'sideBy'\">\n    <div class=\"flex flex-col-reverse lg:flex-row items-stretch\">\n      <div class=\"basis-1/2 bg-gray-100 dark:bg-base-dark lg:min-h-48 p-4\">\n        <div class=\"flex justify-start pt-0 mb-4\">\n          <EpChip v-if=\"synchrone\" :prependIcon=\"mdiCast\" size=\"small\">{{\n            labels.synchrone\n          }}</EpChip>\n          <EpChip v-if=\"duration\" :prependIcon=\"mdiTimerOutline\" size=\"small\">\n            {{ duration }}</EpChip\n          >\n          <EpChip\n            v-if=\"assessment\"\n            :prependIcon=\"mdiChairSchool\"\n            size=\"small\"\n            >{{ labels.formatif }}</EpChip\n          >\n        </div>\n        <div :class=\"`${vAlign} flex h-full pb-8 max-w-3xl`\">\n          <div>\n            <h1\n              v-if=\"title\"\n              class=\"text-4xl sm:text-5xl xl:text-6xl font-bold tracking-tight text-gray-900 dark:text-white\"\n            >\n              {{ title }}\n            </h1>\n            <p\n              v-if=\"subtitle\"\n              class=\"mt-4 text-xl text-gray-600 dark:text-white\"\n            >\n              {{ subtitle }}\n            </p>\n            <div class=\"mt-4\">\n              <slot />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"basis-1/2\">\n        <img\n          :src=\"bgImg\"\n          alt=\"\"\n          class=\"h-32 lg:h-full size-full object-cover\"\n          :style=\"`filter:url(#${headerImgColor});`\"\n        />\n      </div>\n    </div>\n  </header>\n</template>\n"],"names":["type","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_normalizeStyle","synchrone","_createBlock","EpChip","labels","duration","assessment","vAlign","hAlign","subtitle","textBg","_toDisplayString","_openBlock","_createVNode","EpIcon","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"EpHeader.vue.js","sources":["../../../src/components/signages/EpHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport { mdiCast } from \"@mdi/js\";\nimport { mdiTimerOutline } from \"@mdi/js\";\nimport { mdiChairSchool } from \"@mdi/js\";\nimport { mdiChevronDown } from \"@mdi/js\";\nimport SvgFilter from \"~/components/tools/SvgFilter.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpChip from \"~/components/basics/EpChip.vue\";\nimport type { EpHeaderProps } from \"~/types/signages/EpHeader\";\n\nconst props = withDefaults(defineProps<EpHeaderProps>(), {\n  title: null,\n  icon: null,\n  src: null,\n  big: false,\n  synchrone: false,\n  hideImg: false,\n  duration: null,\n  assessment: null,\n  labels: () => {\n    return {\n      synchrone: \"Synchrone\",\n      formatif: \"Formatif\",\n    };\n  },\n  textBg: true,\n  type: \"imgBg\",\n  titlePosition: \"center\",\n  vAlign: \"items-center\",\n  hAlign: \"justify-center\",\n});\n\nconst bgTextFit = \"w-8/12\"; // ''\n\nconst styles = computed(() => {\n  return ` \n\tflex\n\tflex-col\n\toverflow-hidden \n\tw-full \n\tabsolute\n\t${props.big ? \"min-h-screen\" : \"h-96\"}\n\tbg-cover\n\tbg-center`;\n});\n\nconst bgImg = computed(() => {\n  if (props.src) {\n    return props.src;\n  }\n  return `https://live.staticflickr.com/1757/42677241511_a350206ac2_b.jpg`;\n});\n\nconst emit = defineEmits<{\n  (e: \"clicked\"): void;\n}>();\n\nconst clickScroll = (): void => {\n  emit(\"clicked\");\n};\n\nconst { title, headerImgColor, big } = toRefs(props);\n</script>\n\n<template>\n  <header\n    v-if=\"type === 'imgBg'\"\n    :class=\"`${\n      big ? 'h-screen ' : 'h-96'\n    } items-center overflow-hidden relative `\"\n    ref=\"el\"\n  >\n    <div\n      :class=\"styles\"\n      :style=\"`background-image:url('${bgImg}'); filter:url(#${headerImgColor});`\"\n    />\n\n    <div :class=\"`relative ${big ? 'mb-36' : ''} h-full items-end`\">\n      <div class=\"flex md:justify-end justify-center pt-5\">\n        <EpChip v-if=\"synchrone\" :prependIcon=\"mdiCast\" size=\"small\">{{\n          labels.synchrone\n        }}</EpChip>\n        <EpChip v-if=\"duration\" :prependIcon=\"mdiTimerOutline\" size=\"small\">\n          {{ duration }}</EpChip\n        >\n        <EpChip v-if=\"assessment\" :prependIcon=\"mdiChairSchool\" size=\"small\">{{\n          labels.formatif\n        }}</EpChip>\n      </div>\n      <div :class=\"`${vAlign} ${hAlign} flex w-full grow h-96 `\">\n        <div :class=\"`${bgTextFit}`\">\n          <div\n            v-if=\"title || subtitle\"\n            :class=\"`${\n              textBg\n                ? 'inline-block backdrop-blur-md backdrop-brightness-50 backdrop-opacity-75 rounded'\n                : ''\n            } p-4 md:items-center`\"\n          >\n            <div class=\"text-center md:text-left\">\n              <h1\n                v-if=\"title\"\n                class=\"text-3xl font-medium text-white sm:text-3xl\"\n              >\n                {{ title }}\n              </h1>\n              <h2\n                v-if=\"subtitle\"\n                class=\"max-w-xl mt-4 text-2xl text-white contrast-50\"\n              >\n                {{ subtitle }}\n              </h2>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div v-if=\"props.big\" class=\"animate-bounce absolute bottom-10 left-1/2\">\n      <div\n        class=\"mx-auto w-12 bg-white dark:text-black rounded-full p-2\"\n        @click=\"clickScroll\"\n      >\n        <EpIcon :iconPath=\"mdiChevronDown\" size=\"32\" />\n      </div>\n    </div>\n    <SvgFilter></SvgFilter>\n  </header>\n\n  <header v-else-if=\"type === 'simple'\">\n    <div class=\"text-center md:text-left mt-16 mb-32\">\n      <h1\n        v-if=\"title\"\n        class=\"text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-100\"\n      >\n        {{ title }}\n      </h1>\n      <h2 v-if=\"subtitle\" class=\"w-1/2 mt-4 text-gray-500 dark:text-gray-300\">\n        {{ subtitle }}\n      </h2>\n    </div>\n  </header>\n\n  <header v-else=\"type === 'sideBy'\">\n    <div class=\"flex flex-col-reverse lg:flex-row items-stretch\">\n      <div class=\"basis-1/2 bg-gray-100 dark:bg-base-dark lg:min-h-48 p-4\">\n        <div class=\"flex justify-start pt-0 mb-4\">\n          <EpChip v-if=\"synchrone\" :prependIcon=\"mdiCast\" size=\"small\">{{\n            labels.synchrone\n          }}</EpChip>\n          <EpChip v-if=\"duration\" :prependIcon=\"mdiTimerOutline\" size=\"small\">\n            {{ duration }}</EpChip\n          >\n          <EpChip\n            v-if=\"assessment\"\n            :prependIcon=\"mdiChairSchool\"\n            size=\"small\"\n            >{{ labels.formatif }}</EpChip\n          >\n        </div>\n        <div :class=\"`${vAlign} flex h-full pb-8 max-w-3xl`\">\n          <div>\n            <h1\n              v-if=\"title\"\n              class=\"text-4xl sm:text-5xl xl:text-6xl font-bold tracking-tight text-gray-900 dark:text-white\"\n            >\n              {{ title }}\n            </h1>\n            <p\n              v-if=\"subtitle\"\n              class=\"mt-4 text-xl text-gray-600 dark:text-white\"\n            >\n              {{ subtitle }}\n            </p>\n            <div class=\"mt-4\">\n              <slot />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"basis-1/2\">\n        <img\n          :src=\"bgImg\"\n          alt=\"\"\n          class=\"h-32 lg:h-full size-full object-cover\"\n          :style=\"`filter:url(#${headerImgColor});`\"\n        />\n      </div>\n    </div>\n  </header>\n</template>\n"],"names":["type","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_normalizeStyle","synchrone","_createBlock","EpChip","labels","duration","assessment","vAlign","hAlign","subtitle","textBg","_toDisplayString","_openBlock","_createVNode","EpIcon","_renderSlot"],"mappings":"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"}

package/dist/components/signages/EpQuote.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpQuote.vue.js","sources":["../../../src/components/signages/EpQuote.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpCard from \"~/components/basics/EpCard.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { mdiFormatQuoteOpen } from \"@mdi/js\";\nimport { EpQuoteProps } from \"~/types/signages/EpQuote\";\n\nconst props = withDefaults(defineProps<EpQuoteProps>(), {\n  author: null,\n  img: null,\n  card: false,\n  hideIcon: false,\n});\n\nconst colorText = computed(() => {\n  if (props.card) {\n    return `text-white`;\n  }\n});\n\nconst styleTextAutor = computed(() => {\n  if (props.card) {\n    return `text-white`;\n  }\n  return `text-black dark:text-white`;\n});\n\nconst imageStyle = computed(() => {\n  if (props.card) {\n    return `md:rounded-lg`;\n  }\n  return `md:rounded-l-md`;\n});\n\nconst { author, img, card, hideIcon } = toRefs(props);\n</script>\n\n<template>\n  <div :class=\"card ? 'w-4/6 mx-auto' : ''\">\n    <EpCard\n      :density=\"card ? 'default' : 'compact'\"\n      :outlined=\"!card ? true : false\"\n      :color=\"card ? 'primary' : 'bg-white'\"\n    >\n      <div :class=\"`md:flex md:flex-wrap rounded-md`\">\n        <div class=\"w-1/5 mr-6\" v-if=\"img\">\n          <img\n            :class=\"`${imageStyle} md:w-full md:h-full md:object-cover md:rounded-l-md`\"\n            :src=\"img\"\n            alt=\"Image of quote\"\n          />\n        </div>\n        <div\n          class=\"flex items-center justify-center px-7\"\n          v-else-if=\"!hideIcon\"\n        >\n          <div :class=\"card ? 'text-white' : 'text-base dark:text-white'\">\n            <EpIcon :size=\"60\" :icon-path=\"mdiFormatQuoteOpen\" />\n          </div>\n        </div>\n        <div :class=\"`py-6 flex-1 ${colorText} ${hideIcon ? 'px-6' : 'pr-2'}`\">\n          <slot />\n          <template v-if=\"author\">\n            <EpDivider\n              size=\"border\"\n              :color=\"card ? 'white' : 'base'\"\n            ></EpDivider>\n            <p :class=\"`italic ${styleTextAutor}`\">\n              {{ author }}\n            </p>\n          </template>\n        </div>\n      </div>\n    </EpCard>\n  </div>\n</template>\n"],"names":["_createElementBlock","_unref","_createVNode","EpCard","_createElementVNode","_openBlock","EpIcon","_normalizeClass","_renderSlot","_Fragment","EpDivider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAOd,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,MAAM,MAAM;AACd,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,MAAM,MAAM;AACd,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,MAAM;AACd,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,EAAE,QAAQ,KAAK,MAAM,SAAA,IAAa,OAAO,KAAK;;0BAIlDA,mBAoCM,OAAA;AAAA,QApCA,sBAAOC,MAAA,IAAA,IAAI,kBAAA,EAAA;AAAA,MAAA;QACfC,YAkCSC,aAAA;AAAA,UAjCN,SAASF,MAAA,IAAA,IAAI,YAAA;AAAA,UACb,WAAWA,MAAA,IAAA,IAAI,OAAA;AAAA,UACf,OAAOA,MAAA,IAAA,IAAI,YAAA;AAAA,QAAA;2BAEZ,MA4BM;AAAA,YA5BNG,mBA4BM,OA5BN,YA4BM;AAAA,cA3B0BH,MAAA,GAAA,KAA9BI,aAAAL,mBAMM,OANN,YAMM;AAAA,gBALJI,mBAIE,OAAA;AAAA,kBAHC,yBAAU,WAAA,KAAU,sDAAA;AAAA,kBACpB,KAAKH,MAAA,GAAA;AAAA,kBACN,KAAI;AAAA,gBAAA;qBAKMA,MAAA,QAAA,KAFdI,UAAA,GAAAL,mBAOM,OAPN,YAOM;AAAA,gBAHJI,mBAEM,OAAA;AAAA,kBAFA,sBAAOH,MAAA,IAAA,IAAI,eAAA,2BAAA;AAAA,gBAAA;kBACfC,YAAqDI,aAAA;AAAA,oBAA5C,MAAM;AAAA,oBAAK,aAAWL,MAAA,kBAAA;AAAA,kBAAA;;;cAGnCG,mBAWM,OAAA;AAAA,gBAXA,OAAKG,eAAA,eAAiB,UAAA,KAAS,IAAIN,MAAA,QAAA,IAAQ,SAAA,MAAA,EAAA;AAAA,cAAA;gBAC/CO,WAAQ,KAAA,QAAA,SAAA;AAAA,gBACQP,MAAA,MAAA,kBAAhBD,mBAQWS,UAAA,EAAA,KAAA,KAAA;AAAA,kBAPTP,YAGaQ,aAAA;AAAA,oBAFX,MAAK;AAAA,oBACJ,OAAOT,MAAA,IAAA,IAAI,UAAA;AAAA,kBAAA;kBAEdG,mBAEI,KAAA;AAAA,oBAFA,gCAAiB,eAAA,KAAc,EAAA;AAAA,kBAAA,mBAC9BH,MAAA,MAAA,CAAM,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;"}
+{"version":3,"file":"EpQuote.vue.js","sources":["../../../src/components/signages/EpQuote.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpCard from \"~/components/basics/EpCard.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { mdiFormatQuoteOpen } from \"@mdi/js\";\nimport type { EpQuoteProps } from \"~/types/signages/EpQuote\";\n\nconst props = withDefaults(defineProps<EpQuoteProps>(), {\n  author: null,\n  img: null,\n  card: false,\n  hideIcon: false,\n});\n\nconst colorText = computed(() => {\n  if (props.card) {\n    return `text-white`;\n  }\n});\n\nconst styleTextAutor = computed(() => {\n  if (props.card) {\n    return `text-white`;\n  }\n  return `text-black dark:text-white`;\n});\n\nconst imageStyle = computed(() => {\n  if (props.card) {\n    return `md:rounded-lg`;\n  }\n  return `md:rounded-l-md`;\n});\n\nconst { author, img, card, hideIcon } = toRefs(props);\n</script>\n\n<template>\n  <div :class=\"card ? 'w-4/6 mx-auto' : ''\">\n    <EpCard\n      :density=\"card ? 'default' : 'compact'\"\n      :outlined=\"!card ? true : false\"\n      :color=\"card ? 'primary' : 'bg-white'\"\n    >\n      <div :class=\"`md:flex md:flex-wrap rounded-md`\">\n        <div class=\"w-1/5 mr-6\" v-if=\"img\">\n          <img\n            :class=\"`${imageStyle} md:w-full md:h-full md:object-cover md:rounded-l-md`\"\n            :src=\"img\"\n            alt=\"Image of quote\"\n          />\n        </div>\n        <div\n          class=\"flex items-center justify-center px-7\"\n          v-else-if=\"!hideIcon\"\n        >\n          <div :class=\"card ? 'text-white' : 'text-base dark:text-white'\">\n            <EpIcon :size=\"60\" :icon-path=\"mdiFormatQuoteOpen\" />\n          </div>\n        </div>\n        <div :class=\"`py-6 flex-1 ${colorText} ${hideIcon ? 'px-6' : 'pr-2'}`\">\n          <slot />\n          <template v-if=\"author\">\n            <EpDivider\n              size=\"border\"\n              :color=\"card ? 'white' : 'base'\"\n            ></EpDivider>\n            <p :class=\"`italic ${styleTextAutor}`\">\n              {{ author }}\n            </p>\n          </template>\n        </div>\n      </div>\n    </EpCard>\n  </div>\n</template>\n"],"names":["_createElementBlock","_unref","_createVNode","EpCard","_createElementVNode","_openBlock","EpIcon","_normalizeClass","_renderSlot","_Fragment","EpDivider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAOd,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,MAAM,MAAM;AACd,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,MAAM,MAAM;AACd,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,MAAM;AACd,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,EAAE,QAAQ,KAAK,MAAM,SAAA,IAAa,OAAO,KAAK;;0BAIlDA,mBAoCM,OAAA;AAAA,QApCA,sBAAOC,MAAA,IAAA,IAAI,kBAAA,EAAA;AAAA,MAAA;QACfC,YAkCSC,aAAA;AAAA,UAjCN,SAASF,MAAA,IAAA,IAAI,YAAA;AAAA,UACb,WAAWA,MAAA,IAAA,IAAI,OAAA;AAAA,UACf,OAAOA,MAAA,IAAA,IAAI,YAAA;AAAA,QAAA;2BAEZ,MA4BM;AAAA,YA5BNG,mBA4BM,OA5BN,YA4BM;AAAA,cA3B0BH,MAAA,GAAA,KAA9BI,aAAAL,mBAMM,OANN,YAMM;AAAA,gBALJI,mBAIE,OAAA;AAAA,kBAHC,yBAAU,WAAA,KAAU,sDAAA;AAAA,kBACpB,KAAKH,MAAA,GAAA;AAAA,kBACN,KAAI;AAAA,gBAAA;qBAKMA,MAAA,QAAA,KAFdI,UAAA,GAAAL,mBAOM,OAPN,YAOM;AAAA,gBAHJI,mBAEM,OAAA;AAAA,kBAFA,sBAAOH,MAAA,IAAA,IAAI,eAAA,2BAAA;AAAA,gBAAA;kBACfC,YAAqDI,aAAA;AAAA,oBAA5C,MAAM;AAAA,oBAAK,aAAWL,MAAA,kBAAA;AAAA,kBAAA;;;cAGnCG,mBAWM,OAAA;AAAA,gBAXA,OAAKG,eAAA,eAAiB,UAAA,KAAS,IAAIN,MAAA,QAAA,IAAQ,SAAA,MAAA,EAAA;AAAA,cAAA;gBAC/CO,WAAQ,KAAA,QAAA,SAAA;AAAA,gBACQP,MAAA,MAAA,kBAAhBD,mBAQWS,UAAA,EAAA,KAAA,KAAA;AAAA,kBAPTP,YAGaQ,aAAA;AAAA,oBAFX,MAAK;AAAA,oBACJ,OAAOT,MAAA,IAAA,IAAI,UAAA;AAAA,kBAAA;kBAEdG,mBAEI,KAAA;AAAA,oBAFA,gCAAiB,eAAA,KAAc,EAAA;AAAA,kBAAA,mBAC9BH,MAAA,MAAA,CAAM,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;"}

package/dist/components/signages/EpSkeleton.vue.js

@@ -1,43 +1,8 @@
-import { defineComponent, useCssVars, createElementBlock, openBlock, createElementVNode, normalizeClass, unref, createCommentVNode } from "vue";
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = { key: 1 };
-const _hoisted_3 = { key: 2 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EpSkeleton",
-  props: {
-    type: { default: "rectangle" },
-    height: { default: 10 },
-    width: { default: 100 },
-    animation: { default: "animate-pulse" },
-    loading: { type: Boolean, default: true }
-  },
-  setup(__props) {
-    useCssVars((_ctx) => ({
-      "e74a7594": height,
-      "68e48852": width
-    }));
-    const props = __props;
-    const width = props.width / 4 + "rem";
-    const height = props.height / 4 + "rem";
-    const animation = props.animation ? props.animation : "animate-pulse";
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", {
-          class: normalizeClass(["flex p-2", unref(animation)])
-        }, [
-          props.loading ? (openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [
-            createElementVNode("span", { class: "shape block bg-gray-200 rounded-full dark:bg-gray-300" }, null, -1)
-          ])])) : props.type === "circle" ? (openBlock(), createElementBlock("div", _hoisted_2, [..._cache[1] || (_cache[1] = [
-            createElementVNode("span", { class: "shape block bg-gray-200 rounded-full dark:bg-gray-300" }, null, -1)
-          ])])) : props.type === "rectangle" ? (openBlock(), createElementBlock("div", _hoisted_3, [..._cache[2] || (_cache[2] = [
-            createElementVNode("span", { class: "shape block bg-gray-200 dark:bg-gray-300 rounded-lg" }, null, -1)
-          ])])) : createCommentVNode("", true)
-        ], 2)
-      ]);
-    };
-  }
-});
+import _sfc_main from "./EpSkeleton.vue2.js";
+/* empty css                */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const Comp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4a99873e"]]);
 export {
-  _sfc_main as default
+  Comp as default
 };
 //# sourceMappingURL=EpSkeleton.vue.js.map

package/dist/components/signages/EpSkeleton.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpSkeleton.vue.js","sources":["../../../src/components/signages/EpSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { EpSkeletonProps } from \"~/types/signages/EpSkeleton\";\n\nconst props = withDefaults(defineProps<EpSkeletonProps>(), {\n  type: \"rectangle\",\n  width: 100,\n  height: 10,\n  animation: \"animate-pulse\",\n  loading: true,\n});\n\nconst width = props.width / 4 + \"rem\";\nconst height = props.height / 4 + \"rem\";\nconst animation = props.animation ? props.animation : \"animate-pulse\";\n</script>\n<template>\n  <div>\n    <div class=\"flex p-2\" :class=\"animation\">\n      <div v-if=\"props.loading\">\n        <span class=\"shape block bg-gray-200 rounded-full dark:bg-gray-300\" />\n      </div>\n      <div v-else-if=\"props.type === 'circle'\">\n        <span class=\"shape block bg-gray-200 rounded-full dark:bg-gray-300\" />\n      </div>\n      <div v-else-if=\"props.type === 'rectangle'\">\n        <span class=\"shape block bg-gray-200 dark:bg-gray-300 rounded-lg\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n.shape {\n  height: v-bind(height);\n  width: v-bind(width);\n}\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass","_unref"],"mappings":";;;;;;;;;;;;;;;;;;AAGA,UAAM,QAAQ;AAQd,UAAM,QAAQ,MAAM,QAAQ,IAAI;AAChC,UAAM,SAAS,MAAM,SAAS,IAAI;AAClC,UAAM,YAAY,MAAM,YAAY,MAAM,YAAY;;0BAGpDA,mBAYM,OAAA,MAAA;AAAA,QAXJC,mBAUM,OAAA;AAAA,UAVD,OAAKC,eAAA,CAAC,YAAmBC,MAAA,SAAA,CAAS,CAAA;AAAA,QAAA;UAC1B,MAAM,wBAAjBH,mBAEM,OAAA,YAAA,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,YADJC,mBAAsE,QAAA,EAAhE,OAAM,wDAAA,GAAuD,MAAA,EAAA;AAAA,UAAA,QAErD,MAAM,SAAI,yBAA1BD,mBAEM,OAAA,YAAA,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,YADJC,mBAAsE,QAAA,EAAhE,OAAM,wDAAA,GAAuD,MAAA,EAAA;AAAA,UAAA,QAErD,MAAM,SAAI,4BAA1BD,mBAEM,OAAA,YAAA,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,YADJC,mBAAoE,QAAA,EAA9D,OAAM,sDAAA,GAAqD,MAAA,EAAA;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"EpSkeleton.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}