ep-lib-ts 0.1.44 → 1.0.1

package/dist/index.d.ts

@@ -1,43 +1,44 @@
-import EpText from './components/basics/EpText.vue';
-import EpImg from './components/basics/EpImg.vue';
-import EpCard from './components/basics/EpCard.vue';
-import EpBadge from './components/basics/EpBadge.vue';
-import EpBtn from './components/basics/EpBtn.vue';
-import EpChip from './components/basics/EpChip.vue';
-import EpDivider from './components/basics/EpDivider.vue';
-import EpSection from './components/basics/EpSection.vue';
-import EpSpinner from './components/basics/EpSpinner.vue';
-import EpFlex from './components/basics/EpFlex.vue';
-import EpIcon from './components/basics/EpIcon.vue';
-import EpTable from './components/basics/EpTable.vue';
-import EpBarChart from './components/charts/EpBarChart.vue';
-import EpLineChart from './components/charts/EpLineChart.vue';
-import EpPieChart from './components/charts/EpPieChart.vue';
-import EpEdu from './components/educationals/EpEdu.vue';
-import EpReading from './components/educationals/EpReading.vue';
-import EpResource from './components/educationals/EpResource.vue';
-import EpScope from './components/educationals/EpScope.vue';
-import EpAccordeon from './components/interactions/EpAccordeon.vue';
-import EpContentSlider from './components/interactions/EpContentSlider.vue';
-import EpModal from './components/interactions/EpModal.vue';
-import EpQuestion from './components/interactions/EpQuestion.vue';
-import EpTabs from './components/interactions/EpTabs.vue';
-import EpSummativeTable from './components/interactions/EpSummativeTable.vue';
-import EpAudio from './components/medias/EpAudio.vue';
-import EpCarousel from './components/medias/EpCarousel.vue';
-import EpIframe from './components/medias/EpIframe.vue';
-import EpKatex from './components/medias/EpKatex.vue';
-import EpLink from './components/medias/EpLink.vue';
-import EpLinkVersion from './components/medias/EpLinkVersion.vue';
-import EpSoftware from './components/medias/EpSoftware.vue';
-import EpSvg from './components/medias/EpSvg.vue';
-import EpTerm from './components/medias/EpTerm.vue';
-import EpTimeLine from './components/medias/EpTimeLine.vue';
-import EpVideo from './components/medias/EpVideo.vue';
-import EpVideoPanopto from './components/medias/EpVideoPanopto.vue';
-import EpWordDef from './components/medias/EpWordDef.vue';
-import EpAlert from './components/signages/EpAlert.vue';
-import EpHeader from './components/signages/EpHeader.vue';
-import EpQuote from './components/signages/EpQuote.vue';
-import EpSkeleton from './components/signages/EpSkeleton.vue';
+import { default as EpSkeleton } from './components/signages/EpSkeleton.vue';
+import { default as EpQuote } from './components/signages/EpQuote.vue';
+import { default as EpHeader } from './components/signages/EpHeader.vue';
+import { default as EpAlert } from './components/signages/EpAlert.vue';
+import { default as EpWordDef } from './components/medias/EpWordDef.vue';
+import { default as EpVideoPanopto } from './components/medias/EpVideoPanopto.vue';
+import { default as EpVideo } from './components/medias/EpVideo.vue';
+import { default as EpTimeLine } from './components/medias/EpTimeLine.vue';
+import { default as EpTerm } from './components/medias/EpTerm.vue';
+import { default as EpSvg } from './components/medias/EpSvg.vue';
+import { default as EpSoftware } from './components/medias/EpSoftware.vue';
+import { default as EpLinkVersion } from './components/medias/EpLinkVersion.vue';
+import { default as EpLink } from './components/medias/EpLink.vue';
+import { default as EpKatex } from './components/medias/EpKatex.vue';
+import { default as EpIframe } from './components/medias/EpIframe.vue';
+import { default as EpCarousel } from './components/medias/EpCarousel.vue';
+import { default as EpAudio } from './components/medias/EpAudio.vue';
+import { default as EpSummativeTable } from './components/interactions/EpSummativeTable.vue';
+import { default as EpTabs } from './components/interactions/EpTabs.vue';
+import { default as EpQuestion } from './components/interactions/EpQuestion.vue';
+import { default as EpModal } from './components/interactions/EpModal.vue';
+import { default as EpContentSlider } from './components/interactions/EpContentSlider.vue';
+import { default as EpAccordeon } from './components/interactions/EpAccordeon.vue';
+import { default as EpScope } from './components/educationals/EpScope.vue';
+import { default as EpResource } from './components/educationals/EpResource.vue';
+import { default as EpReading } from './components/educationals/EpReading.vue';
+import { default as EpEdu } from './components/educationals/EpEdu.vue';
+import { default as EpPieChart } from './components/charts/EpPieChart.vue';
+import { default as EpLineChart } from './components/charts/EpLineChart.vue';
+import { default as EpBarChart } from './components/charts/EpBarChart.vue';
+import { default as EpTable } from './components/basics/EpTable.vue';
+import { default as EpIcon } from './components/basics/EpIcon.vue';
+import { default as EpFlex } from './components/basics/EpFlex.vue';
+import { default as EpSpinner } from './components/basics/EpSpinner.vue';
+import { default as EpSection } from './components/basics/EpSection.vue';
+import { default as EpDivider } from './components/basics/EpDivider.vue';
+import { default as EpChip } from './components/basics/EpChip.vue';
+import { default as EpBtn } from './components/basics/EpBtn.vue';
+import { default as EpBadge } from './components/basics/EpBadge.vue';
+import { default as EpCard } from './components/basics/EpCard.vue';
+import { default as EpImg } from './components/basics/EpImg.vue';
+import { default as EpText } from './components/basics/EpText.vue';
+
 export { EpBadge, EpBtn, EpCard, EpChip, EpDivider, EpFlex, EpIcon, EpImg, EpSection, EpSpinner, EpTable, EpBarChart, EpLineChart, EpPieChart, EpText, EpEdu, EpReading, EpResource, EpScope, EpAccordeon, EpContentSlider, EpModal, EpQuestion, EpTabs, EpAudio, EpCarousel, EpIframe, EpKatex, EpLink, EpLinkVersion, EpSoftware, EpSvg, EpTerm, EpTimeLine, EpVideo, EpVideoPanopto, EpAlert, EpHeader, EpQuote, EpSkeleton, EpWordDef, EpSummativeTable };

package/dist/main.d.ts

@@ -0,0 +1 @@
+

package/dist/{prism-146a2db5.js → prism-B0q7vMaL.js}

@@ -1,4 +1,4 @@
-import { s as V, r as W } from "./index-03f58de2.js";
+import { g as V, c as W } from "./EpCodeblock-DVX2XFFj.js";
 function ee(S, P) {
   for (var i = 0; i < P.length; i++) {
     const g = P[i];
@@ -186,7 +186,7 @@ var X = { exports: {} };
         currentScript: function() {
           if (typeof document > "u")
             return null;
-          if ("currentScript" in document && 1 < 2)
+          if ("currentScript" in document)
             return (
               /** @type {any} */
               document.currentScript

package/dist/router.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue-router").Router;
+declare const _default: import('vue-router').Router;
 export default _default;

package/dist/types/Answer.d.ts

@@ -1,4 +1,5 @@
 import { TypeAlert } from './Alert';
+
 interface ContentComponent {
     type?: string;
     data: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ep-lib-ts",
   "private": false,
-  "version": "0.1.44",
+  "version": "1.0.1",
   "files": [
     "dist",
     "src/components/"
@@ -26,41 +26,38 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@highlightjs/vue-plugin": "^2.1.0",
-    "@mdi/js": "^7.1.96",
-    "@vueuse/core": "^10.1.2",
-    "@wdns/vue-code-block": "^2.3.1",
-    "apexcharts": "^3.41.1",
-    "highlight.js": "^11.9.0",
-    "katex": "^0.16.8",
-    "markdown-it": "^13.0.1",
-    "postcss-cli": "^10.1.0",
-    "vee-validate": "^4.8.6",
+    "@mdi/js": "^7.4.47",
+    "@vueuse/core": "^10.9.0",
+    "@wdns/vue-code-block": "^2.3.2",
+    "apexcharts": "^3.49.0",
+    "katex": "^0.16.10",
+    "markdown-it": "^14.1.0",
+    "postcss-cli": "^11.0.0",
+    "vee-validate": "^4.12.6",
     "vue": "^3.2.45",
-    "vue-router": "^4.1.6",
-    "vue3-apexcharts": "^1.4.4",
-    "vue3-highlightjs": "^1.0.5"
+    "vue-router": "^4.3.2",
+    "vue3-apexcharts": "^1.5.2"
   },
   "devDependencies": {
-    "@tailwindcss/forms": "^0.5.3",
-    "@types/katex": "^0.16.2",
-    "@types/markdown-it": "^12.2.3",
-    "@types/node": "^20.4.9",
-    "@vitejs/plugin-vue": "^4.0.0",
-    "autoprefixer": "^10.4.14",
+    "@tailwindcss/forms": "^0.5.7",
+    "@types/katex": "^0.16.7",
+    "@types/markdown-it": "^14.0.1",
+    "@types/node": "^20.12.7",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "autoprefixer": "^10.4.19",
     "path": "^0.12.7",
-    "postcss": "^8.4.27",
-    "shikiji": "^0.9.11",
-    "tailwindcss": "^3.3.3",
-    "typescript": "^5.2.0-dev.20230801",
-    "vite": "^4.1.0",
-    "vite-plugin-dts": "^3.5.2",
-    "vue-tsc": "^1.8.27"
+    "postcss": "^8.4.38",
+    "tailwindcss": "^3.4.3",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.10",
+    "vite-plugin-dts": "^3.9.0",
+    "vue-tsc": "^2.0.14"
   },
   "peerDependencies": {
     "vue": "^3.2.45"
   },
   "engines": {
-    "node": "18.x.x"
-  }
+    "node": "20.x.x"
+  },
+  "license": "MIT"
 }

package/src/components/interactions/EpDarkmode.vue

@@ -0,0 +1,48 @@
+<template> 
+<button @click="toggleTheme">
+   <span v-if="userTheme === 'dark'">
+    ☀️
+    </span>
+    <span v-if="userTheme === 'light'">
+    🌙
+    </span> 
+  </button>
+</template>
+
+<script setup lang="ts">
+    import { ref, onMounted } from 'vue';
+
+    export type UserTheme = 'light' | 'dark';
+
+    const setTheme = (theme: UserTheme) => {
+        localStorage.setItem('user-theme', theme);
+        userTheme.value = theme;
+        document.documentElement.className = theme;
+    };
+
+    const getTheme = (): UserTheme => {
+        return localStorage.getItem('user-theme') as UserTheme;
+    };
+
+    const toggleTheme = (): void => {
+        const activeTheme = localStorage.getItem('user-theme');
+        if (activeTheme === 'light') {
+            setTheme('dark');
+        } else {
+            setTheme('light');
+        }
+    };
+
+    const getMediaPreference = (): UserTheme => {
+        const hasDarkPreference = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        if (hasDarkPreference) {
+            return 'dark';
+        } else {
+            return 'light';
+        }
+    };
+
+    const userTheme = ref<UserTheme>(getTheme() || getMediaPreference());
+
+    onMounted(() => setTheme(userTheme.value));
+</script>

package/src/components/medias/EpLink.vue

@@ -2,14 +2,13 @@
 import { computed, toRefs } from "vue";
 //types with capital letter, object styles in lowercase
 import { MediaVariants } from "../../types/Medias";
-import { MandateLevel } from '../../types/MandateLevel';
+import { MandateLevel } from "../../types/MandateLevel";
 import EpBtn from "../basics/EpBtn.vue";
 import { mdiLinkVariant } from "@mdi/js";
 import EpEdu from "../educationals/EpEdu.vue";
 import useColors from "../../composables/useColors";
 import { useRenderText } from "../../composables/useRenderText";
 
-
 interface Props {
   url: string;
   title?: string;
@@ -26,36 +25,54 @@ const props = withDefaults(defineProps<Props>(), {
   labelIntentions: "Intentions d'écoute",
   type: "primary",
   hideIcon: false,
-  intentions: ""
+  intentions: "",
 });
 
 const renderIcon = computed(() => {
   if (props.icon) {
-    return props.icon
+    return props.icon;
   }
-  return mdiLinkVariant
-})
+  return mdiLinkVariant;
+});
 
 const hoverColor = computed(() => {
-  return `absolute ${useColors('bg', props.type + 'light')} bottom-0 w-0 left-1/2 h-full -translate-x-1/2 transition-all ease-in-out duration-300 group-hover:w-[105%] -z-[1] group-focus:w-[105%]`
-})
+  return `absolute ${useColors(
+    "bg",
+    props.type + "light"
+  )} bottom-0 w-0 left-1/2 h-full -translate-x-1/2 transition-all ease-in-out duration-300 group-hover:w-[105%] -z-[1] group-focus:w-[105%]`;
+});
 
 const { url, title, intentions, mandateLevel, hideIcon } = toRefs(props);
 </script>
 
 <template>
-  <EpEdu :title="labelCard" :icon="renderIcon" flat :type="type" :hideIcon="hideIcon" :mandateLevel="mandateLevel">
+  <EpEdu
+    :title="labelCard"
+    :icon="renderIcon"
+    flat
+    :type="type"
+    :hideIcon="hideIcon"
+    :mandateLevel="mandateLevel"
+  >
     <template #intentions v-if="useRenderText(intentions)">
       <div v-html="useRenderText(intentions)"></div>
     </template>
     <template #content>
       <div class="flex justify-center">
         <div class="w-4/5">
-          <EpBtn block :color="type === 'base' ? 'text-black' : 'text-white'" rounded :type="type" :prependIcon="renderIcon"
+          <EpBtn
+            block
+            :color="type === 'base' ? 'text-black' : 'text-white'"
+            rounded
+            :type="type"
+            :prependIcon="renderIcon"
             :href="url"
-            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 ">{{ title }}</span>
-            <span :class='hoverColor'></span>
+            extraClass="group font-medium tracking-wide relative inline-flex justify-center overflow-hidden z-10 transition-all duration-300 ease-in-out "
+          >
+            <div>
+              <span class="font-medium tracking-wider">{{ title }}</span>
+              <span :class="hoverColor"></span>
+            </div>
           </EpBtn>
         </div>
       </div>

package/src/components/medias/EpVideoPanopto.vue

@@ -18,6 +18,7 @@ interface Props{
    labelIntentions?:string;
    type?:MediaVariants;
    hideIcon?:boolean;
+   big?:boolean;
 }
 
 const props = withDefaults(defineProps<Props>(),{ 
@@ -41,6 +42,13 @@ const renderText = computed(()=>{
 //controls
 //const controls = useMediaControls(video, {src:props.src})
 
+const sizeVideo = computed(()=> {
+   if(props.big){
+      return "700"
+   }
+   return "360"
+})
+
 const {src, title, hideIcon, type} = toRefs(props)
 
 </script>
@@ -53,7 +61,8 @@ const {src, title, hideIcon, type} = toRefs(props)
      </template>
      <template #content>
       <div class="max-w-screen-sm mx-auto">
-         <iframe :src="src" width="100%" height="360" frameborder="0" allowfullscreen></iframe>
+         <iframe :src="src" width="100%" :height="sizeVideo" frameborder="0" allowfullscreen></iframe>
+     
       </div>
      </template>
      <!-- <template #actions>

package/dist/BgAudio-201834a5.js

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

package/dist/DisplayBox-171d0236.js

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

package/dist/EpAlert-b912c3ae.js

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

package/dist/EpAudio-2101bf81.js

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

package/dist/EpBadge-7247df23.js

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

package/dist/EpBarChart-607f1d3a.js

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

package/dist/EpBtn-c6ee3c06.js

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

package/dist/EpCard-17e2340f.js

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

package/dist/EpChip-fad19f38.js

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

package/dist/EpContentSlider-8445422f.js

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

package/dist/EpDivider-4fa1a100.js

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

package/dist/EpEdu-b733e904.js

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

package/dist/EpFlex-e6ffe678.js

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

package/dist/EpHeader-dcb977a2.js

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

package/dist/EpIcon-a64b1a32.js

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

package/dist/EpIframe-d14d7039.js

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

package/dist/EpImg-37e8c6da.js

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

package/dist/EpLineChart-78c50047.js

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

package/dist/EpLink-7a03f094.js

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

package/dist/EpLinkVersion-55282f69.js

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

package/dist/EpModal-d0e7bfe1.js

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

package/dist/EpNothing-c3bae89e.js

@@ -1,11 +0,0 @@
-import { openBlock as o, createElementBlock as t } from "vue";
-import { a as e } from "./index-03f58de2.js";
-import "vue-router";
-const r = {};
-function n(c, a) {
-  return o(), t("div", null, " no data ");
-}
-const m = /* @__PURE__ */ e(r, [["render", n]]);
-export {
-  m as default
-};

package/dist/EpPieChart-ccc6e9ea.js

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

package/dist/EpQuestion-1b0e98d9.js

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

package/dist/EpQuote-a3d9641f.js

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

package/dist/EpRadio-33311a7c.js

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

package/dist/EpRadioSummative-25f2d598.js

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

package/dist/EpReading-11835aac.js

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

package/dist/EpResource-d2707861.js

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

package/dist/EpScope-60c80551.js

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

package/dist/EpSection-9c54221c.js

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

package/dist/EpSkeleton-a40c904b.js

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

package/dist/EpSoftware-887b35ab.js

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

package/dist/EpSpinner-f7b9988b.js

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