ep-lib-ts 0.1.5 → 0.1.7

package/dist/index.d.ts

@@ -10,8 +10,12 @@ 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';
@@ -23,6 +27,7 @@ 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';
@@ -32,4 +37,4 @@ import EpVideoPanopto from './components/medias/EpVideoPanopto.vue';
 import EpAlert from './components/signages/EpAlert.vue';
 import EpHeader from './components/signages/EpHeader.vue';
 import EpQuote from './components/signages/EpQuote.vue';
-export { EpBadge, EpBtn, EpCard, EpChip, EpDivider, EpFlex, EpIcon, EpImg, EpSection, EpSpinner, EpTable, EpText, EpEdu, EpReading, EpScope, EpAccordeon, EpContentSlider, EpModal, EpQuestion, EpTabs, EpAudio, EpCarousel, EpIframe, EpKatex, EpLink, EpSoftware, EpSvg, EpTerm, EpTimeLine, EpVideo, EpVideoPanopto, EpAlert, EpHeader, EpQuote, };
+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, };

package/package.json

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

package/src/components/charts/EpBarChart.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
+
 import { computed, toRefs } from "vue";
-import VueApexCharts from "vue3-apexcharts";
 import EpEdu from "../educationals/EpEdu.vue";
 import { mdiChartBar } from "@mdi/js";
 import { MediaVariants } from "../../types/Medias";
@@ -67,7 +67,7 @@ const { center, series, source } = toRefs(props)
     </template>
     <template #content>
       <div :class="`p-4 ${center ? 'flex justify-center' : ''}`" v-if="globalOptions && series">
-        <VueApexCharts width="500" type="bar" :options="globalOptions" :series="series"></VueApexCharts>
+        <apexchart width="500" type="bar" :options="globalOptions" :series="series"></apexchart>
       </div>
       <div v-else>
         <p>Data no disponible</p>

package/src/components/charts/EpLineChart.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { computed, toRefs } from "vue";
-import VueApexCharts from "vue3-apexcharts";
 import EpEdu from "../educationals/EpEdu.vue";
 import { mdiChartLine } from "@mdi/js";
 import { MediaVariants } from "../../types/Medias";
@@ -77,7 +76,7 @@ const { center, series, source } = toRefs(props)
         </template>
         <template #content>
             <div :class="`p-4 ${center ? 'flex justify-center' : ''}`" v-if="globalOptions && series">
-                <VueApexCharts width="500" type="line" :options="globalOptions" :series="series"></VueApexCharts>
+                <apexchart width="500" type="line" :options="globalOptions" :series="series"></apexchart>
             </div>
             <div v-else>
                 <p>Data no disponible</p>

package/src/components/educationals/EpEdu.vue

@@ -56,9 +56,9 @@ const bottomBarStyle = computed(() => {
 
 const containerStyle = computed(()=>{
   if(hasActions.value || hasIntentions.value || props.title){
-    return `rounded-lg overflow-hidden ${props.flat?'':'shadow-md'} flex flex-col justify-between h-full`
+    return `rounded-lg overflow-hidden ${props.flat?'':'shadow-md'} flex flex-col justify-between`
   }
-  return `flex flex-col justify-between h-full`
+  return `flex flex-col justify-between`
 })
 
 // type, taxonomyLevel, courseCode, courseTitle, title, subtitle, height, src, color, synchrone
@@ -74,7 +74,7 @@ const { title, hideIcon } = toRefs(props);
       <EpScope v-if="mandateLevel" :title="mandateLevel"></EpScope>
     </div>
     <div class="px-5">
-      <div class="py-2 grow" v-if="hasIntentions">
+      <div class="py-2" v-if="hasIntentions">
         <!-- <EpIcon :size="24" :icon-path="mdiInformationOutline"></EpIcon> -->
         <h4 class="font-semibold mb-2 text-sm uppercase tracking-wide text-gray-500">
           [Intentions]
@@ -82,7 +82,7 @@ const { title, hideIcon } = toRefs(props);
         <slot name="intentions"></slot>
         <EpDivider/>
       </div>
-      <div class="grow">
+      <div class="py-2">
         <slot name="content"></slot>
       </div>
     </div>

package/src/components/educationals/EpResource.vue

@@ -0,0 +1,8 @@
+<script setup lang="ts">
+</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>
+</template>

package/src/components/medias/EpLinkVersion.vue

@@ -0,0 +1,8 @@
+<script setup lang="ts">
+</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>
+</template>