ep-lib-ts 0.1.25 → 0.1.26

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ep-lib-ts",
   "private": false,
-  "version": "0.1.25",
+  "version": "0.1.26",
   "files": [
     "dist",
     "src/components/"
@@ -50,7 +50,7 @@
     "typescript": "^5.2.0-dev.20230801",
     "vite": "^4.1.0",
     "vite-plugin-dts": "^3.5.2",
-    "vue-tsc": "^1.8.8"
+    "vue-tsc": "^1.8.10"
   },
   "peerDependencies": {
     "vue": "^3.2.45"

package/src/components/basics/EpText.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, toRefs, h, } from "vue";
+import { computed, toRefs, h, defineAsyncComponent} from "vue";
 import { isHtml } from "../../composables/isHtml";
 import { useMarkdown } from "../../composables/useMarkdown";
 import EpAccordeon from "../interactions/EpAccordeon.vue";
@@ -81,16 +81,16 @@ const renderText = computed(() => {
   return div.innerHTML;
 });
 
-// const render = () => {
-//   const r = {
-//     components: {
-//       epterm: defineAsyncComponent(()=>import('../medias/EpTerm.vue')),
-//     },
-//     template: `<div>${renderText.value}</div>`,
-//   };
+const myRenderComponent = () => {
+  const r = {
+    components: {
+      epterm: defineAsyncComponent(()=>import('../medias/EpTerm.vue')),
+    },
+    template: `<div>${renderText.value}</div>`,
+  };
 
-//   return h(r);
-// };
+  return h(r);
+};
 
 
 
@@ -99,9 +99,9 @@ const { compact } = toRefs(props);
 
 <template>
  <div>
-    <div v-if="!compact" v-html="renderText"></div>
+   <myRenderComponent v-if="!compact"></myRenderComponent>
     <EpAccordeon outlined :title="renderTitle" v-else>
-      <div v-html="renderText"></div>
+      <myRenderComponent></myRenderComponent>
     </EpAccordeon>
  </div>
 </template>

package/src/components/signages/EpHeader.vue

@@ -46,12 +46,12 @@ const styles = computed(() => {
   return ` 
   flex
   flex-col
-	items-start 
 	overflow-hidden 
 	w-full 
   absolute
 	${props.big ? "min-h-screen" : "h-96"}
-	bg-cover`;
+	bg-cover
+	bg-center`;
 });
 
 const bgImg = computed(() => {
@@ -77,13 +77,13 @@ const { title, headerImgColor, big } = toRefs(props);
   <section :class="`${big?'h-screen ':''}items-center overflow-hidden relative `" ref="el">
     <div :class="styles" :style="`background-image:url('${bgImg}'); filter:url(#${headerImgColor});`"></div>
     
-      <div :class="`relative ${big?'mb-36':''}`">
+      <div :class="`relative ${big?'mb-36':''} h-full items-end`">
         <div class="flex md:justify-end justify-center pt-5">
           <EpChip v-if="synchrone" :prependIcon="mdiCast">Synchrone</EpChip>
           <EpChip v-if="duration"  :prependIcon="mdiTimerOutline"> {{ duration }}</EpChip>
           <EpChip v-if="assessment" :prependIcon="mdiChairSchool">Formatif</EpChip>
         </div>
-        <div class="md:px-64 flex w-full py-24 grow flex items-end">
+        <div class="md:px-64 flex w-full py-24 grow flex  h-full items-center">
           <div class="container flex flex-col px-8 max-w-7xl md:flex-row lg:px-16">
             <div v-if="title || subtitle"
               class="p-4 md:items-center backdrop-blur-md backdrop-brightness-50 backdrop-opacity-75 rounded"
@@ -101,7 +101,7 @@ const { title, headerImgColor, big } = toRefs(props);
         </div>
       </div>
 
-      <div v-if="props.big" class="animate-bounce">
+      <div v-if="props.big" class="animate-bounce absolute bottom-10 left-1/2">
         <div class="mx-auto w-12 bg-white rounded-full p-2" @click="clickScroll">
           <EpIcon :iconPath="mdiChevronDown" size="32"></EpIcon>
         </div>

package/dist/BgAudio-19fc3ef0.js

@@ -1,5 +0,0 @@
-import { L as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/DisplayBox-fa19ab72.js

@@ -1,5 +0,0 @@
-import { M as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpAlert-ab232357.js

@@ -1,5 +0,0 @@
-import { I as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpAudio-00157c16.js

@@ -1,5 +0,0 @@
-import { y as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpBadge-cb10612f.js

@@ -1,5 +0,0 @@
-import { b as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpBarChart-83419240.js

@@ -1,5 +0,0 @@
-import { n as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpBtn-af008ece.js

@@ -1,5 +0,0 @@
-import { c as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpCard-c3b9b7f3.js

@@ -1,5 +0,0 @@
-import { d as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpChip-fe638461.js

@@ -1,5 +0,0 @@
-import { e as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpContentSlider-3f980aaa.js

@@ -1,5 +0,0 @@
-import { v as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpEdu-bfa65400.js

@@ -1,5 +0,0 @@
-import { q as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpFlex-7055e504.js

@@ -1,5 +0,0 @@
-import { g as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpHeader-ccce56a6.js

@@ -1,5 +0,0 @@
-import { J as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpIcon-c07e65b8.js

@@ -1,5 +0,0 @@
-import { h as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpIframe-8b386b2d.js

@@ -1,5 +0,0 @@
-import { z as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpLineChart-171befe5.js

@@ -1,5 +0,0 @@
-import { o as a } from "./index-6098179c.js";
-import "vue";
-export {
-  a as default
-};

package/dist/EpLink-198d821f.js

@@ -1,5 +0,0 @@
-import { A as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpLinkVersion-f04da9ef.js

@@ -1,5 +0,0 @@
-import { B as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpModal-a0b66d0c.js

@@ -1,5 +0,0 @@
-import { w as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpPieChart-582e11c2.js

@@ -1,5 +0,0 @@
-import { p as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpQuestion-4bde8b02.js

@@ -1,5 +0,0 @@
-import { x as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpQuote-45484b6a.js

@@ -1,5 +0,0 @@
-import { K as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpRadio-ae91a584.js

@@ -1,5 +0,0 @@
-import { u as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpReading-63a6b4a7.js

@@ -1,5 +0,0 @@
-import { a as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpResource-4103b249.js

@@ -1,5 +0,0 @@
-import { r as a } from "./index-6098179c.js";
-import "vue";
-export {
-  a as default
-};

package/dist/EpScope-737d27a9.js

@@ -1,5 +0,0 @@
-import { s as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpSection-7d78ae7e.js

@@ -1,5 +0,0 @@
-import { j as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpSoftware-41e74d15.js

@@ -1,5 +0,0 @@
-import { C as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpSpinner-a06a4c1e.js

@@ -1,5 +0,0 @@
-import { k as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpSvg-b79609dc.js

@@ -1,5 +0,0 @@
-import { D as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpTable-f7a4501f.js

@@ -1,5 +0,0 @@
-import { l as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpTerm-51f8798c.js

@@ -1,5 +0,0 @@
-import { E as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpText-3c37dea4.js

@@ -1,5 +0,0 @@
-import { m as a } from "./index-6098179c.js";
-import "vue";
-export {
-  a as default
-};

package/dist/EpTimeLine-fb50cf15.js

@@ -1,5 +0,0 @@
-import { F as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpVideo-7c248b82.js

@@ -1,5 +0,0 @@
-import { G as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};

package/dist/EpVideoPanopto-43a49f5c.js

@@ -1,5 +0,0 @@
-import { H as m } from "./index-6098179c.js";
-import "vue";
-export {
-  m as default
-};