ep-lib-ts 0.1.35 → 0.1.37

package/dist/style.css

@@ -1 +1 @@
-.content[data-v-ab122c9c]{max-height:0;overflow:hidden}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-container{margin:auto;max-height:95%;transition:all .3s ease;z-index:9999}.modal-header h3{margin-top:0;color:#42b983}.modal-body{margin:20px 0}.modal-default-button{float:right}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{transform:scale(1.1)}.custom_index{z-index:9999;position:absolute;right:12rem}.h-custom{height:30rem}.p-custom p{margin-bottom:1em}.v-enter-active[data-v-63d168f1],.v-leave-active[data-v-63d168f1]{transition:opacity .5s ease}.v-enter-from[data-v-63d168f1],.v-leave-to[data-v-63d168f1]{opacity:0}.katex[data-v-24ff8b28]{font-size:1.3em}.content[data-v-89d118fb]{max-height:0;overflow:hidden}.list-enter-active,.list-leave-active{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.shape{height:var(--5ad0279f);width:var(--6f1de84e)}.arrow-light-top:before{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.2) transparent transparent transparent}.arrow-dark-top:before{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent}.arrow-light-bottom:before{content:"";position:absolute;display:inline-block;left:50%;bottom:100%;border-right:7px solid transparent;border-bottom:7px solid #eee;border-left:7px solid transparent;border-bottom-color:#0003}.arrow-dark-bottom:before{content:"";position:absolute;display:inline-block;left:50%;bottom:100%;border-right:7px solid transparent;border-bottom:7px solid black;border-left:7px solid transparent;border-bottom-color:black transparent transparent transparent}.arrow-light-left:before{position:absolute;display:inline-block;left:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-left:5px solid #eee;border-bottom:5px solid transparent;border-left-color:#0003}.arrow-dark-left:before{position:absolute;display:inline-block;left:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-left:5px solid black;border-bottom:5px solid transparent;border-left-color:black transparent transparent transparent}.arrow-light-right:before{position:absolute;display:inline-block;right:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-right:5px solid #eee;border-bottom:5px solid transparent;border-right-color:#0003}.arrow-dark-right:before{position:absolute;display:inline-block;right:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-right:5px solid black;border-bottom:5px solid transparent;border-right-color:black transparent transparent transparent}
+.content[data-v-7dc117b1]{max-height:0;overflow:hidden}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-container{margin:auto;max-height:95%;transition:all .3s ease;z-index:9999}.modal-header h3{margin-top:0;color:#42b983}.modal-body{margin:20px 0}.modal-default-button{float:right}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{transform:scale(1.1)}.custom_index{z-index:9999;position:absolute;right:12rem}.h-custom{height:30rem}.p-custom p{margin-bottom:1em}.v-enter-active[data-v-63d168f1],.v-leave-active[data-v-63d168f1]{transition:opacity .5s ease}.v-enter-from[data-v-63d168f1],.v-leave-to[data-v-63d168f1]{opacity:0}.katex[data-v-24ff8b28]{font-size:1.3em}.content[data-v-89d118fb]{max-height:0;overflow:hidden}.list-enter-active,.list-leave-active{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.shape{height:var(--5ad0279f);width:var(--6f1de84e)}.arrow-light-top:before{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.2) transparent transparent transparent}.arrow-dark-top:before{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent}.arrow-light-bottom:before{content:"";position:absolute;display:inline-block;left:50%;bottom:100%;border-right:7px solid transparent;border-bottom:7px solid #eee;border-left:7px solid transparent;border-bottom-color:#0003}.arrow-dark-bottom:before{content:"";position:absolute;display:inline-block;left:50%;bottom:100%;border-right:7px solid transparent;border-bottom:7px solid black;border-left:7px solid transparent;border-bottom-color:black transparent transparent transparent}.arrow-light-left:before{position:absolute;display:inline-block;left:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-left:5px solid #eee;border-bottom:5px solid transparent;border-left-color:#0003}.arrow-dark-left:before{position:absolute;display:inline-block;left:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-left:5px solid black;border-bottom:5px solid transparent;border-left-color:black transparent transparent transparent}.arrow-light-right:before{position:absolute;display:inline-block;right:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-right:5px solid #eee;border-bottom:5px solid transparent;border-right-color:#0003}.arrow-dark-right:before{position:absolute;display:inline-block;right:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-right:5px solid black;border-bottom:5px solid transparent;border-right-color:black transparent transparent transparent}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ep-lib-ts",
   "private": false,
-  "version": "0.1.35",
+  "version": "0.1.37",
   "files": [
     "dist",
     "src/components/"

package/src/components/basics/EpImg.vue

@@ -3,10 +3,12 @@ import { toRefs, ref, computed } from 'vue'
 import { useImage } from '@vueuse/core'
 import EpModal from '../interactions/EpModal.vue'
 import EpIcon from '../basics/EpIcon.vue'
+import EpBtn from './EpBtn.vue'
 import { mdiArrowExpandAll } from '@mdi/js';
 import { mdiImage } from '@mdi/js';
 import { mdiImageRemove } from '@mdi/js';
 import { useRenderText } from "../../composables/useRenderText";
+
 const Cols = [
    'basis-6/12',
    'basis-1/12',
@@ -63,6 +65,12 @@ const toggleModal = ():void => {
    showModal.value = !showModal.value
 }
 
+const showBib = ref<boolean>(false)
+
+const toggleBib = ():void => {
+   showBib.value = !showBib.value
+}
+
 const { isLoading, error } = useImage({ src: props.src })
 const { src, alt, title, caption, thumbnail, bib, noModal } = toRefs(props)
 
@@ -84,7 +92,7 @@ const { src, alt, title, caption, thumbnail, bib, noModal } = toRefs(props)
             <div class="px-4 py-2" v-if="title || caption || bib">
                <h2 class="text-2xl font-bold">{{ title }}</h2>
                <p class="text-gray-500 text-sm mt-4">{{ caption }}</p>
-               <div class="text-gray-700 mt-4" v-html="renderBib"></div>
+               <div class="text-right"><EpBtn @click="toggleBib" size="small">Référence</EpBtn></div>
             </div>
          </div>
       </div>
@@ -106,6 +114,11 @@ const { src, alt, title, caption, thumbnail, bib, noModal } = toRefs(props)
             <div class="text-gray-700 mt-4" v-html="renderBib"></div>
          </div> 
       </EpModal>
+      <EpModal v-model="showBib" title="Référence bibliographique">
+  
+            <div class="text-gray-700 mt-4" v-html="renderBib"></div>
+            <div class="flex justify-end"><EpBtn @click="toggleBib" size="small" type="error" outlined>Fermer</EpBtn></div>
+      </EpModal>
  </div>
 </template>
 

package/src/components/basics/EpTable.vue

@@ -25,7 +25,7 @@ const styleTh ="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase
       </thead>
       <tbody class="bg-white divide-y divide-gray-200">
         <tr v-for="(tr, i) in arrayContent" :key="`tr-${i}`" class="hover:bg-gray-50">
-          <td v-for="(value, j) in tr" :key="`td-${i}-${j}`" class="px-6 py-4 whitespace-nowrap">{{value}}</td>
+          <td v-for="(value, j) in tr" :key="`td-${i}-${j}`" class="px-6 py-4">{{value}}</td>
         </tr>
       </tbody>
     </table>

package/src/components/educationals/EpReading.vue

@@ -82,6 +82,13 @@ const {
   mandateLevel,
   url
 } = toRefs(props);
+
+const errorImg = (event:Event)=>{
+  const imgElement = event.target as HTMLImageElement;
+  if(imgElement.src){
+    imgElement.src="https://live.staticflickr.com/4868/45940268562_c5f7fdd06b_q.jpg"
+  }
+}
 </script>
 
 <template>
@@ -91,7 +98,7 @@ const {
         v-if="hasCover"
         class="h-96 w-full rounded-t-lg md:h-auto md:w-56 md:rounded-none md:rounded-l-lg flex justify-center items-center text-gray-300"
       >
-        <img :src="cover" :alt="`image de la lecture ${title}`" />
+        <img :src="cover" :alt="`image de la lecture ${title}`" @error="errorImg" />
       </div>
 
       <div
@@ -169,6 +176,7 @@ const {
                         class="object-cover h-96 w-full rounded-t-lg object-cover md:h-auto md:w-56 md:rounded-none md:rounded-l-lg"
                         :src="cover"
                         :alt="`image de la lecture ${title}`"
+                        @error="errorImg"
                       />
                       <div
                         v-else

package/src/components/interactions/EpAccordeon.vue

@@ -66,7 +66,7 @@ const { title, icon } = toRefs(props)
 <template>
   <div>
     <div :class="stylesHeader" @click="toggleDivVisibility">
-      <h3 class="text-lg"><EpIcon v-if="icon" :icon-path="icon"></EpIcon> {{ title }}</h3>
+      <h3 class="text-lg flex items-center"><EpIcon v-if="icon" :icon-path="icon" size="28" extraClass="mr-2"></EpIcon>{{ title }}</h3>
       <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
         :class="`mx-4 my-3 h-6 w-6 transition-all duration-200 ${showDiv ? 'rotate-45' : ''}`">
         <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />

package/src/components/medias/EpAudio.vue

@@ -32,8 +32,21 @@ const props = withDefaults(defineProps<Props>(), {
    hideIcon: false
 })
 
+//regex url panopto udem
+const hasmp4 = /\.mp4\?/
+
+const cleanSrc = computed(() => {
+   let srcString = props.src
+   const isPanopto = hasmp4.test(props.src)
+   if(isPanopto){
+      srcString = srcString.replace(/\.mp4.*$/, '.mp4')
+   }
+   return srcString
+})
+
+
 const isAudioFormat = computed(() => {
-   if (props.src.endsWith('.mp3') || props.src.endsWith('.ogg') || props.src.endsWith('.wav')) {
+   if (cleanSrc.value.endsWith('.mp3') || cleanSrc.value.endsWith('.mp4') || cleanSrc.value.endsWith('.ogg') || cleanSrc.value.endsWith('.wav')) {
       return true
    }
    return false
@@ -69,7 +82,7 @@ const { src, title, hideIcon, mandateLevel } = toRefs(props)
       <template #content>
          <div class="max-w-screen-sm mx-auto">
             <BgAudio :fill="bgColor"></BgAudio>
-            <audio v-if="isAudioFormat" ref="video" controls :src="src" controlsList="nodownload"></audio>
+            <audio v-if="isAudioFormat" ref="video" controls :src="cleanSrc" controlsList="nodownload"></audio>
             <EpAlert type="error" outlined v-else>
                <p>{{ messageError }}</p>
             </EpAlert>

package/src/components/medias/EpTimeLine.vue

@@ -8,8 +8,9 @@ import { mdiCheckboxBlankCircleOutline } from '@mdi/js';
 import { mdiCheckboxMarkedCircle } from '@mdi/js';
 
 interface TimelineHeading {
-  title?: {
-    text?: HeadTimeLine
+  text:{ 
+      text: string
+      headline: string
   }
 }
 
@@ -72,8 +73,8 @@ const { title } = toRefs(props)
   <!-- component -->
   <div>
     <div class="w-10/12 mx-auto relative">
-      <h3 class="text-2xl mb-2">{{ title?.title?.text?.headline }}</h3>
-      <p>{{ title?.title?.text?.text }}</p>
+      <h3 class="text-2xl mb-2">{{ title?.text.headline }}</h3>
+      <p>{{ title?.text.text}}</p>
       <div class="my-4 px-2">
         <template v-for="tag in timeLineTags" :key="tag.id">
           <span @click="toggleActive(tag)"

package/dist/EpBadge-dd8e857c.js

@@ -1,6 +0,0 @@
-import { c as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpBtn-18387d10.js

@@ -1,6 +0,0 @@
-import { d as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpCard-31f18d9b.js

@@ -1,6 +0,0 @@
-import { e as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpChip-32ef487d.js

@@ -1,6 +0,0 @@
-import { f as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpContentSlider-d64d71f8.js

@@ -1,6 +0,0 @@
-import { w as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpDivider-233fb36b.js

@@ -1,6 +0,0 @@
-import { g as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpFlex-eeda64e3.js

@@ -1,6 +0,0 @@
-import { h as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpHeader-333e073c.js

@@ -1,6 +0,0 @@
-import { J as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpIframe-2ffab515.js

@@ -1,6 +0,0 @@
-import { A as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpImg-f1ed48bc.js

@@ -1,6 +0,0 @@
-import { j as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpLineChart-07cccc87.js

@@ -1,6 +0,0 @@
-import { p as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpLink-4ebb0f75.js

@@ -1,6 +0,0 @@
-import { B as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpLinkVersion-9504b6f0.js

@@ -1,6 +0,0 @@
-import { C as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpModal-e17bd732.js

@@ -1,6 +0,0 @@
-import { x as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpPieChart-7b5c7d64.js

@@ -1,6 +0,0 @@
-import { q as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpQuestion-90a88ae5.js

@@ -1,6 +0,0 @@
-import { y as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpQuote-26dbbb13.js

@@ -1,6 +0,0 @@
-import { K as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpRadio-6eddd7b3.js

@@ -1,6 +0,0 @@
-import { v as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpReading-b9565583.js

@@ -1,6 +0,0 @@
-import { b as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpResource-8302d3d8.js

@@ -1,6 +0,0 @@
-import { s as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpSection-ddd3a8b3.js

@@ -1,6 +0,0 @@
-import { k as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpSkeleton-1c722632.js

@@ -1,6 +0,0 @@
-import { L as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpSoftware-80fc1d51.js

@@ -1,6 +0,0 @@
-import { D as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpSpinner-55270b38.js

@@ -1,6 +0,0 @@
-import { l as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpSvg-89224f2a.js

@@ -1,6 +0,0 @@
-import { E as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpTable-934c61e4.js

@@ -1,6 +0,0 @@
-import { m as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpTerm-cc9dc6c5.js

@@ -1,6 +0,0 @@
-import { _ as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpText-f2758226.js

@@ -1,6 +0,0 @@
-import { n as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpTimeLine-94895947.js

@@ -1,6 +0,0 @@
-import { F as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpVideo-a581818c.js

@@ -1,6 +0,0 @@
-import { G as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};

package/dist/EpVideoPanopto-3681c5d8.js

@@ -1,6 +0,0 @@
-import { H as o } from "./index-fbf251b4.js";
-import "vue";
-import "vue-router";
-export {
-  o as default
-};