ep-lib-ts 0.1.24 → 0.1.26

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ep-lib-ts",
   "private": false,
-  "version": "0.1.24",
+  "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/medias/EpIframe.vue

@@ -37,7 +37,17 @@ const height = computed(() => {
   return props.big ? "1000" : "520";
 });
 
-const { src, title, intentions, hideIcon } = toRefs(props);
+const _src = computed(()=>{
+   let lastLetter = props.src[props.src.length -1]
+   let isNum = /^\d+$/.test(lastLetter);
+   let studiumUrl = props.src.includes('https://studium.umontreal.ca')
+   if(isNum && studiumUrl){
+     return props.src + '&embed=1'
+   }
+   return props.src
+})
+
+const { title, hideIcon } = toRefs(props);
 </script>
 
 <template>
@@ -47,7 +57,7 @@ const { src, title, intentions, hideIcon } = toRefs(props);
      </template>
      <template #content>
 
-        <iframe :src="src" class="w-full" :height="height"></iframe>
+        <iframe :src="_src" class="w-full" :height="height"></iframe>
 
      </template>
      <!-- <template #actions>

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-f51bafb3.js

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

package/dist/DisplayBox-317fba69.js

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

package/dist/EpAlert-99444e4e.js

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

package/dist/EpAudio-7503cfdb.js

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

package/dist/EpBadge-cb333627.js

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

package/dist/EpBarChart-442d2832.js

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

package/dist/EpBtn-5914b35b.js

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

package/dist/EpCard-fa47b837.js

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

package/dist/EpChip-97ef0134.js

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

package/dist/EpContentSlider-f1892b00.js

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

package/dist/EpEdu-8e19b3df.js

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

package/dist/EpFlex-fe56942b.js

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

package/dist/EpHeader-82979dff.js

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

package/dist/EpIcon-52d5ea7d.js

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

package/dist/EpIframe-62102493.js

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

package/dist/EpLineChart-d8e22a0d.js

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

package/dist/EpLink-df8c0dec.js

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

package/dist/EpLinkVersion-15da5608.js

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

package/dist/EpModal-b66c7ba4.js

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

package/dist/EpPieChart-7436118f.js

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

package/dist/EpQuestion-4531496a.js

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

package/dist/EpQuote-afea2bec.js

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

package/dist/EpRadio-d4efcf58.js

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

package/dist/EpReading-30f4e498.js

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

package/dist/EpResource-900d9284.js

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

package/dist/EpScope-42664ac9.js

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

package/dist/EpSection-66dd8259.js

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

package/dist/EpSoftware-97af8b21.js

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

package/dist/EpSpinner-4feb948b.js

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

package/dist/EpSvg-84a15dfe.js

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

package/dist/EpTable-db6fcb2a.js

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

package/dist/EpTerm-16e3cae0.js

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

package/dist/EpText-9b184616.js

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

package/dist/EpTimeLine-5d17460a.js

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

package/dist/EpVideo-1272566d.js

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

package/dist/EpVideoPanopto-3df2e2e3.js

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