ep-lib-ts 0.1.10 → 0.1.11

package/dist/style.css

@@ -1 +1 @@
-.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;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)}.content[data-v-69793e45]{max-height:0;overflow:hidden}.v-enter-active[data-v-7d48941b],.v-leave-active[data-v-7d48941b]{transition:opacity .5s ease}.v-enter-from[data-v-7d48941b],.v-leave-to[data-v-7d48941b]{opacity:0}.katex[data-v-24ff8b28]{font-size:1.3em}
+.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;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)}.content[data-v-69793e45]{max-height:0;overflow:hidden}.v-enter-active[data-v-05af9726],.v-leave-active[data-v-05af9726]{transition:opacity .5s ease}.v-enter-from[data-v-05af9726],.v-leave-to[data-v-05af9726]{opacity:0}.katex[data-v-24ff8b28]{font-size:1.3em}

package/package.json

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

package/src/components/basics/EpImg.vue

@@ -29,7 +29,6 @@ interface Props {
    caption?: string;
    bib?: string;
    title?: string,
-   gallery?: boolean
    cols?: string | number  //posible type à venir => basis-1/12... basis-11/12 to basis-full
 }
 
@@ -78,7 +77,7 @@ const { src, alt, title, caption, thumbnail, bib } = toRefs(props)
       </div>
    </div>
    <EpModal v-model="showModal">
-      <img class="object-cover object-center h-5/6 w-5/6 mx-auto" :src="src" :alt="alt">
+      <img class="object-cover object-center h-5/6 w-5/6 mx-auto" :src="src" :alt="alt" @click="showModal = false">
        <div class="px-4 py-2" v-if="thumbnail">
          <h2 class="text-2xl font-bold">{{ title }}</h2>
          <p class="text-gray-500 text-sm mt-4">{{ caption }}</p>

package/src/components/forms/EpRadio.vue

@@ -51,8 +51,7 @@ const onChange = (event:Event) => {
 </script>
 
 <template>
-  <span>
-  
+  <span class="flex items-center">
     <input
       class="cursor-pointer"
       type="radio"

package/src/components/interactions/EpQuestion.vue

@@ -138,7 +138,7 @@ const { title, intentions, hideIcon, question, src } = toRefs(props);
 
         <div class="mb-6">
           <ol>
-            <li v-for="(answer, i) in answers" class="mb-2" :key="answer.uid">
+            <li v-for="(answer, i) in answers" :key="answer.uid">
               <EpRadio
                 :label="`${typeList(i)}. ${answer.text}`"
                 v-model="userAnswer"

package/src/components/medias/EpCarousel.vue

@@ -1,22 +1,24 @@
 <script setup lang="ts">
 import { toRefs, ref } from "vue";
-import EpIcon from "../basics/EpIcon.vue";
-import EpBtn from "../basics/EpBtn.vue";
-import EpModal from "../interactions/EpModal.vue";
 import { mdiChevronLeftCircleOutline } from "@mdi/js";
 import { mdiChevronRightCircleOutline } from "@mdi/js";
 import { MediaCarousel } from "../../types/MediaCarousel";
-
+import EpIcon from "../basics/EpIcon.vue";
+import EpBtn from "../basics/EpBtn.vue";
+import EpModal from "../interactions/EpModal.vue";
+import EpImg from "../basics/EpImg.vue";
 
 interface Props {
   carrouselImg: MediaCarousel[]; 
+  gallery?:boolean;
   labelRef?:string|null;
   labelClose?:string|null
 }
 
 const props = withDefaults(defineProps<Props>(), {
   labelClose:"Fermer",
-  labelRef:"Référence"
+  labelRef:"Référence",
+  gallery:false
 });
 
 const currentIndex = ref<number>(0);
@@ -38,40 +40,45 @@ const { carrouselImg, labelClose, labelRef } = toRefs(props);
 </script>
 
 <template>
-  <div class="flex items-center justify-center mb-2">
-    <button @click="prevSlide">
-      <EpIcon :icon-path="mdiChevronLeftCircleOutline"></EpIcon>
-    </button>
-    {{ currentIndex + 1 }}/{{ carrouselImg.length }}
-    <button @click="nextSlide">
-      <EpIcon :icon-path="mdiChevronRightCircleOutline"></EpIcon>
-    </button>
-  </div>
-  <div class="bg-white shadow-xl p-4 max-w-[800px] mx-auto border-solid">
-    <div class="max-w-[800px] h-[550px] m-auto relative">
-      <div
-        class="w-full h-full bg-center bg-cover duration-500"
-        :style="`background-image:url('${carrouselImg[currentIndex].src}')`"
-      ></div>
+  <div v-if="!gallery">
+    <div class="flex items-center justify-center mb-2">
+      <button @click="prevSlide">
+        <EpIcon :icon-path="mdiChevronLeftCircleOutline"></EpIcon>
+      </button>
+      {{ currentIndex + 1 }}/{{ carrouselImg.length }}
+      <button @click="nextSlide">
+        <EpIcon :icon-path="mdiChevronRightCircleOutline"></EpIcon>
+      </button>
     </div>
-    <div v-if="carrouselImg[currentIndex]?.caption" class="mt-2 text-sm text-gray-800">
-      {{ carrouselImg[currentIndex].caption }}
-    </div>
-    <div v-if="carrouselImg[currentIndex]?.bib" class="flex justify-end">
-      <EpBtn  type="primary" @click="dialog = true" dark>{{ labelRef }}</EpBtn>
+    <div class="bg-white shadow-xl p-4 max-w-[800px] mx-auto border-solid">
+      <div class="max-w-[800px] h-[550px] m-auto relative">
+        <div
+          class="w-full h-full bg-center bg-cover duration-500"
+          :style="`background-image:url('${carrouselImg[currentIndex].src}')`"
+        ></div>
+      </div>
+      <div v-if="carrouselImg[currentIndex]?.caption" class="mt-2 text-sm text-gray-800">
+        {{ carrouselImg[currentIndex].caption }}
+      </div>
+      <div v-if="carrouselImg[currentIndex]?.bib" class="flex justify-end">
+        <EpBtn  type="primary" @click="dialog = true" dark>{{ labelRef }}</EpBtn>
+      </div>
     </div>
+    <EpModal v-model="dialog" title="Référence">
+         <div v-html="carrouselImg[currentIndex].bib"></div>
+         <div class="flex justify-end">
+           <EpBtn @click="dialog = false" type="primary" dark>{{ labelClose }}</EpBtn>
+         </div>
+    </EpModal>
+  </div>
+  <div v-else>
+    <template v-for="image in carrouselImg" :key="`image-${image?.uid}`">
+      <EpImg :src="image.src" :bib="image.bib" :caption="image.caption" thumbnail></EpImg>
+    </template>
   </div>
-  <EpModal v-model="dialog" title="Référence">
-       <div v-html="carrouselImg[currentIndex].bib"></div>
-       <div class="flex justify-end">
-         <EpBtn @click="dialog = false" type="primary" dark>{{ labelClose }}</EpBtn>
-       </div>
-  </EpModal>
-  <!--icons-->
 </template>
 
 <style scoped>
-/* we will explain what these classes do next! */
 .v-enter-active,
 .v-leave-active {
   transition: opacity 0.5s ease;

package/src/components/medias/EpLink.vue

@@ -51,7 +51,7 @@ const { href, label, intentions, mandateLevel, hideIcon } = toRefs(props);
     <template #content>
       <div class="flex justify-center">
         <div class="w-4/5">
-          <EpBtn block color="text-white" rounded :type="type" :prependIcon="renderIcon" :href="href"
+          <EpBtn block :color="type === 'base'?'text-black':'text-white'" rounded :type="type" :prependIcon="renderIcon" :href="href"
             extraClass="group font-medium tracking-wide relative inline-flex justify-center overflow-hidden z-10 transition-all duration-300 ease-in-out ">
             <span class="font-medium tracking-wider ">{{label}}</span>
             <span :class='hoverColor'></span>

package/src/components/medias/EpLinkVersion.vue

@@ -1,8 +1,36 @@
 <script setup lang="ts">
+import { toRefs } from 'vue';
+import EpLink from './EpLink.vue';
+import EpIframe from './EpIframe.vue';
+
+type TypeLink = "iframe" | "button"
+
+interface Link {
+   id:string;
+   url:string;
+   title:string;
+   disabled:boolean
+}
+
+interface Props{
+   type:TypeLink;
+   link:Link
+}
+
+const props = withDefaults(defineProps<Props>(),{})
+
+const {type, link} = toRefs(props)
+
 </script>
 
 <template>
-   <div class="p-12 bg-warning-light w-[50%] mx-auto border-2 border-warning">
-        <p class="text-center text-error font-bold uppercase">In progress</p>
+   <div v-if="type === 'button'">
+      <EpLink :label="link.title" :href="link.url"></EpLink>
+   </div>
+   <div v-else-if="type === 'iframe'">
+      <EpIframe :title="link.title" :src="link.url"></EpIframe>
+   </div>
+   <div v-else>
+      no data
    </div>
 </template>

package/dist/BgAudio-7556351b.js

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

package/dist/DisplayBox-15403c71.js

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

package/dist/EpAlert-2abc116f.js

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

package/dist/EpBadge-234518b2.js

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

package/dist/EpBarChart-ce79ce3d.js

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

package/dist/EpBtn-3512ca60.js

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

package/dist/EpCard-84819b25.js

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

package/dist/EpChip-f91aa662.js

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

package/dist/EpEdu-fe8bc9f2.js

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

package/dist/EpFlex-c87197a7.js

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

package/dist/EpHeader-61c8da9f.js

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

package/dist/EpIcon-c85eaee3.js

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

package/dist/EpIframe-06bf6ef4.js

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

package/dist/EpLineChart-76eb8203.js

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

package/dist/EpModal-9acbf67e.js

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

package/dist/EpQuote-82683817.js

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

package/dist/EpRadio-6bb393b5.js

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

package/dist/EpReading-725ce633.js

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

package/dist/EpResource-3487f005.js

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

package/dist/EpScope-87682f54.js

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

package/dist/EpSection-826799f7.js

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

package/dist/EpSoftware-b616d8f4.js

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

package/dist/EpSpinner-b1c988e5.js

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

package/dist/EpTable-fd10d6c4.js

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

package/dist/EpTerm-6a339de4.js

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

package/dist/EpText-75b4c821.js

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

package/dist/EpVideo-981c8f8d.js

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

package/dist/EpVideoPanopto-928e60df.js

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

package/dist/{EpQuestion-e24fa1e7.js → EpCard-61fc7afd.js}

@@ -1,4 +1,4 @@
-import { v as m } from "./index-761c8157.js";
+import { d as m } from "./index-8c79cd61.js";
 import "vue";
 export {
   m as default

package/dist/{EpAudio-5c9dfb92.js → EpChip-16e2c87e.js}

@@ -1,4 +1,4 @@
-import { w as m } from "./index-761c8157.js";
+import { e as m } from "./index-8c79cd61.js";
 import "vue";
 export {
   m as default

package/dist/{EpLink-ae95b58b.js → EpFlex-9e2d21f7.js}

@@ -1,4 +1,4 @@
-import { y as m } from "./index-761c8157.js";
+import { g as m } from "./index-8c79cd61.js";
 import "vue";
 export {
   m as default