ep-lib-ts 1.0.34 → 1.0.36

package/dist/{index-CFCG0okj.js → index-D4ekzRdY.js}

@@ -1,4 +1,4 @@
-import { a1 as Ml } from "./index-DROZe3zf.js";
+import { a1 as Ml } from "./index-7_RFK7FL.js";
 function _l(n) {
   return n instanceof Map ? n.clear = n.delete = n.set = function() {
     throw new Error("map is read-only");

package/dist/{prism-CGkVnT4Z.js → prism-CZvJL8HS.js}

@@ -1,4 +1,4 @@
-import { a1 as V, a2 as W } from "./index-DROZe3zf.js";
+import { a1 as V, a2 as W } from "./index-7_RFK7FL.js";
 function ee(S, P) {
   for (var i = 0; i < P.length; i++) {
     const g = P[i];

package/dist/style.css

@@ -1 +1 @@
-.content[data-v-3a321611]{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}.shape{height:var(--57a4c52c);width:var(--32b5e5ba)}.v-enter-active[data-v-a9b3f460],.v-leave-active[data-v-a9b3f460]{transition:opacity .5s ease}.v-enter-from[data-v-a9b3f460],.v-leave-to[data-v-a9b3f460]{opacity:0}.katex[data-v-a5d595cd]{font-size:1.6em}.content[data-v-713dbd30]{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)}.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-3a321611]{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}pre{white-space:break-spaces}.shape{height:var(--57a4c52c);width:var(--32b5e5ba)}.v-enter-active[data-v-a9b3f460],.v-leave-active[data-v-a9b3f460]{transition:opacity .5s ease}.v-enter-from[data-v-a9b3f460],.v-leave-to[data-v-a9b3f460]{opacity:0}.katex[data-v-a5d595cd]{font-size:1.6em}.content[data-v-713dbd30]{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)}.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": "1.0.34",
+  "version": "1.0.36",
   "files": [
     "dist",
     "src/components/"
@@ -51,7 +51,7 @@
     "typescript": "^5.6.2",
     "vite": "^5.4.5",
     "vite-plugin-dts": "^3.9.0",
-    "vue-tsc": "^2.1.10"
+    "vue-tsc": "^2.2.0"
   },
   "peerDependencies": {
     "vue": "^3.2.45"

package/src/components/educationals/EpCodeblock.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
   import VCodeBlock from '@wdns/vue-code-block';   
   import {defaultOption} from "../../types/Codeblock";
+  import EpAccordeon from "../interactions/EpAccordeon.vue";
   import type Theme from "../../types/Codeblock";
   import { computed} from "vue";
   import { ref } from "vue"; 
@@ -12,14 +13,23 @@
     label?:string;
     lang?:Langue;
     theme?:Theme;
+    title?: string | null;
+    compact?: boolean;
   }
 const props = withDefaults(defineProps<Props>(), {   
     code:"",
     label:"",
     lang:"javascript",
     theme: defaultOption,
+    compact: false,
 })
 
+const renderTitle = computed(() => {
+  if (!props.title) {
+    return "En savoir plus"
+  }
+  return props.title;
+});
 
 const code = computed(()=>{
     return ref(props.code);
@@ -43,6 +53,22 @@ const theme = computed(()=>{
     :label=label
     :lang=lang
     :theme=theme
+    v-if="!compact"
   />
+
+  <EpAccordeon outlined :title="renderTitle" v-else>
+          <VCodeBlock
+          :code=code
+          highlightjs 
+          :label=label
+          :lang=lang
+          :theme=theme
+        />
+  </EpAccordeon>
   
 </template>
+<style>
+pre {
+	white-space: break-spaces;
+}
+</style>

package/src/components/forms/EpSelect.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { defineProps } from 'vue';
-
 type Option = { text: string; value: string };
 
 const props = defineProps<{

package/src/components/medias/EpWordDef.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
+import EpImg from '../basics/EpImg.vue';
 import { useCreateUid } from '../../composables/useCreateUid';
 import { useRenderText } from '../../composables/useRenderText';
 import { useRouter } from "vue-router";
@@ -22,7 +23,8 @@ interface Props {
       image?: string
     }
     relation:Relation[];
-    variation:string[]; 
+    variation:string[];
+    cols?:number|string; 
     labelInformation?: string;  
     labelDomain?:string;      
     labelVariations?: string;  
@@ -36,7 +38,8 @@ const props = withDefaults(defineProps<Props>(), {
     labelDomain:"Domaine",
     labelRelations:"Relations" ,
     labelNoDefinition:"La definition n'est pas disponible",
-    labelVariations:"Variation(s)"
+    labelVariations:"Variation(s)",
+    cols:"10"
 });
 
 const sizeGramIngo = computed(() => {
@@ -112,9 +115,11 @@ const id = ref(props.uid || useCreateUid());
                     <div class="px-2 py-6" v-html="useRenderText(description)"></div>
                 </template>
                 <template v-else>
-                    <div class="flex">
+                    <div class="flex flex-row justify-between">
                         <div class="px-2 py-6" v-html="useRenderText(description)"></div>
-                        <img class="h-60" :src="content.image" :alt="`Image du terme ${term}`" />
+                        <div class="flex w-1/2 justify-center p-2">
+                            <EpImg :src="content.image" :cols="cols"/>
+                        </div>
                     </div>
                 </template>
 

package/src/components/signages/EpHeader.vue

@@ -125,15 +125,15 @@ const { title, headerImgColor, big } = toRefs(props);
             v-if="title || subtitle"
             :class="`${
               textBg
-                ? 'backdrop-blur-md backdrop-brightness-50 backdrop-opacity-75 rounded'
+                ? 'inline-block backdrop-blur-md backdrop-brightness-50 backdrop-opacity-75 rounded'
                 : ''
             } p-4 md:items-center`"
           >
             <div class="text-center md:text-left">
-              <h1 v-if="title" class="text-xl font-medium text-white sm:text-3xl">
+              <h1 v-if="title" class="text-3xl font-medium text-white sm:text-3xl">
                 {{ title }}
               </h1>
-              <h2 v-if="subtitle" class="max-w-xl mt-4 text-xl text-white contrast-50">
+              <h2 v-if="subtitle" class="max-w-xl mt-4 text-2xl text-white contrast-50">
                 {{ subtitle }}
               </h2>
             </div>

package/dist/BgAudio-CA8VSLsc.js

@@ -1,4 +0,0 @@
-import { $ as f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};

package/dist/DisplayBox-DcIbA6-c.js

@@ -1,4 +0,0 @@
-import { a0 as f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};

package/dist/EpAlert-DmZqxnZD.js

@@ -1,4 +0,0 @@
-import { W as f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};

package/dist/EpAudio-CNrSgOA8.js

@@ -1,4 +0,0 @@
-import { M as f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};

package/dist/EpBadge-DDIAQCga.js

@@ -1,4 +0,0 @@
-import { c as f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};

package/dist/EpBarChart-BD7tXt0V.js

@@ -1,4 +0,0 @@
-import { p as f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};

package/dist/EpBtn-niZqYgkt.js

@@ -1,4 +0,0 @@
-import { d as f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};

package/dist/EpCard-zoWBsu5Z.js

@@ -1,4 +0,0 @@
-import { e } from "./index-DROZe3zf.js";
-export {
-  e as default
-};

package/dist/EpChip-C_0AWO5o.js

@@ -1,4 +0,0 @@
-import { f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};

package/dist/EpCodeblock-Dz861SlI.js

@@ -1,4 +0,0 @@
-import { t } from "./index-DROZe3zf.js";
-export {
-  t as default
-};

package/dist/EpConclusion-DwlOTrdr.js

@@ -1,4 +0,0 @@
-import { v as f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};

package/dist/EpContentSlider-C9PBvtNH.js

@@ -1,4 +0,0 @@
-import { H as f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};

package/dist/EpDescription-DnjXryDT.js

@@ -1,4 +0,0 @@
-import { w as f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};

package/dist/EpDivider-C8T1peku.js

@@ -1,4 +0,0 @@
-import { g as f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};

package/dist/EpEdu-Druc_eUR.js

@@ -1,4 +0,0 @@
-import { x as f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};

package/dist/EpFlex-ZQz4gN2-.js

@@ -1,4 +0,0 @@
-import { h as f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};

package/dist/EpFunnelChart-BKM1i_KX.js

@@ -1,4 +0,0 @@
-import { q as f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};

package/dist/EpHeader-CY5QHbDo.js

@@ -1,4 +0,0 @@
-import { X as f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};

package/dist/EpIcon-DhX4c8H4.js

@@ -1,4 +0,0 @@
-import { i as f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};

package/dist/EpIframe-DrJZNpa1.js

@@ -1,4 +0,0 @@
-import { N as f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};

package/dist/EpImg-CYwMBDRB.js

@@ -1,4 +0,0 @@
-import { j as f } from "./index-DROZe3zf.js";
-export {
-  f as default
-};