ep-lib-ts 1.0.13 → 1.0.15

package/dist/style.css

@@ -1 +1 @@
-.content[data-v-fd7a0787]{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-94f2fe4f],.v-leave-active[data-v-94f2fe4f]{transition:opacity .5s ease}.v-enter-from[data-v-94f2fe4f],.v-leave-to[data-v-94f2fe4f]{opacity:0}.katex[data-v-f9e5d352]{font-size:1.6em}.content[data-v-fba69535]{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(--3e2ed539);width:var(--7e73c118)}.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-15a122d1]{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-94f2fe4f],.v-leave-active[data-v-94f2fe4f]{transition:opacity .5s ease}.v-enter-from[data-v-94f2fe4f],.v-leave-to[data-v-94f2fe4f]{opacity:0}.katex[data-v-f9e5d352]{font-size:1.6em}.content[data-v-54b64397]{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(--3e2ed539);width:var(--7e73c118)}.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.13",
+  "version": "1.0.15",
   "files": [
     "dist",
     "src/components/"
@@ -51,7 +51,7 @@
     "typescript": "^5.4.5",
     "vite": "^5.2.10",
     "vite-plugin-dts": "^3.9.0",
-    "vue-tsc": "^2.0.21"
+    "vue-tsc": "^2.0.28"
   },
   "peerDependencies": {
     "vue": "^3.2.45"

package/src/components/forms/EpRadioSummative.vue

@@ -44,10 +44,10 @@ const onChange = (event: Event) => {
 
 <template>
     <label
-        class="cursor-pointer flex items-center rounded-md py-3 px-3 text-xs font-semibold uppercase sm:flex-1 hover:bg-gray-200 ">
+        class="cursor-pointer hover:text-white dark:hover:text-black flex items-center rounded-md py-3 px-3 text-xs font-semibold uppercase sm:flex-1 hover:bg-base ">
         <input type="radio" :id="id" :name="id" :disabled="disabled"
             :readonly="readonly" :value="value" :checked="isChecked" @change="onChange"
-            class="rounded bg-gray-200 border-gray-300 focus:border-transparent focus:bg-gray-200 text-primary focus:ring-1 focus:ring-offset-2 focus:ring-primary" />
+            class="rounded bg-base-dark border-gray-300 focus:border-transparent focus:bg-base text-primary focus:ring-1 focus:ring-offset-2 focus:ring-primary" />
         <span class="ml-2">{{label}}</span> 
     </label>
 </template>

package/src/components/interactions/EpAccordeon.vue

@@ -35,7 +35,7 @@ const stylesHeader = computed(()=>{
 })
 
 const contentStyles = computed(()=>{
-  return `px-4 ${useColors('bg', props.type + 'light')} dark:bg-dark dark:${useColors('border', props.type + 'dark')}`
+  return `px-4 ${useColors('bg', props.type + 'light')} dark:bg-dark dark:${useColors('border', props.type+'dark')} ${showDiv.value?'':'dark:border-0'}`
 })
 
 onMounted(() => {

package/src/components/interactions/EpModal.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, toRefs } from 'vue';
 import EpCard from '../basics/EpCard.vue'
+import { useColorMode } from '@vueuse/core'
 
 const size = {
     compact:"w-[45%]",

package/src/components/interactions/EpSummativeTable.vue

@@ -35,7 +35,7 @@ const transformNumber = (value:string|number) => {
     <div class="mt-4 bg-base-light p-4 dark:bg-dark dark:border-y-2">
         <h4 v-if="title" class="text-xl font-semibold mb-6">{{ title }}</h4>
         <template v-for="(question,i) in questions" :key="`item-question-${i}`">
-            <p class="text-base-dark dark:text-base-light py-2 rounded">{{question.label}}</p>
+            <p class="text-black dark:text-base-light py-2 rounded">{{question.label}}</p>
             <div class="flex flex-row flex-wrap gap-y-2 sm:gap-x-4">
                 <template v-for="(_option, j) in question.options" :key="`option-question-${j}`">
                     <EpRadioSummative 

package/src/components/medias/EpAudio.vue

@@ -18,6 +18,7 @@ interface Props {
    title?: string;
    intentions?: string;
    credits?: string;  
+   bgImg?:string;
    type?: MediaVariants;  
    hideIcon?: boolean;
    mandateLevel?:string | MandateLevel | null;
@@ -75,7 +76,7 @@ const renderText = computed(() => {
 //controls
 //const controls = useMediaControls(video, {src:props.src})
 
-const { src, title, hideIcon, mandateLevel } = toRefs(props)
+const { src, title, hideIcon, mandateLevel, bgImg } = toRefs(props)
 
 </script>
 
@@ -87,7 +88,8 @@ const { src, title, hideIcon, mandateLevel } = toRefs(props)
       </template>
       <template #content>
          <div class="max-w-screen-sm mx-auto">
-            <BgAudio :fill="bgColor"></BgAudio>
+            <BgAudio :fill="bgColor" v-if="!bgImg"></BgAudio>
+            <img v-else :src="bgImg">
             <audio v-if="isAudioFormat" ref="video" controls :src="cleanSrc" controlsList="nodownload"></audio>
             <EpAlert type="error" outlined v-else>
                <p>{{ labels.messageError }}</p>

package/src/components/medias/EpTerm.vue

@@ -113,12 +113,12 @@ const { term, graminfo,labels,src } = toRefs(props);
 <template>
   <span
     @click="toggleModal"
-    class="cursor-pointer border-primary dark:border-primary-light border dark:text-primary-light text-primary px-2 py-1 rounded group overflow-hidden relative"
+    class="cursor-pointer border-primary dark:border-main-color-500 border dark:text-main-color-500 text-primary px-2 py-1 rounded group overflow-hidden relative"
   >
     <span
-      class="absolute top-0 left-0 flex w-full h-0 mb-0 transition-all duration-300 ease-out transform translate-y-0 bg-primary dark:bg-primary-ligth group-hover:h-full opacity-90"
+      class="absolute top-0 left-0 flex w-full h-0 mb-0 transition-all duration-300 ease-out transform translate-y-0 bg-primary dark:bg-main-color-500 group-hover:h-full opacity-90"
     ></span>
-    <span class="relative group-hover:text-primary-light"
+    <span class="relative group-hover:text-white"
       >{{ word }}
       <EpIcon :icon-path="mdiBookmarkMultipleOutline" size="18"></EpIcon>
     </span>

package/src/components/medias/EpTimeLine.vue

@@ -72,7 +72,7 @@ const { title } = toRefs(props)
 <template>
   <!-- component -->
   <div>
-    <div class="w-10/12 mx-auto relative dark:bg-gray-300">
+    <div class="w-10/12 mx-auto relative dark:bg-dark">
       <h3 class="text-2xl mb-2">{{ title?.text.headline }}</h3>
       <p>{{ title?.text.text}}</p>
       <div class="my-4 px-2">
@@ -84,7 +84,7 @@ const { title } = toRefs(props)
           </span>
         </template>
       </div>
-      <div class="border-l-4 pl-1 transition-all">
+      <div class="border-l-4 pl-1 transition-all dark:border-l-base-dark">
         <TransitionGroup name="list" tag="div">
           <template v-for="(item, i) in filteredEvents" :key="`${i}-card-${item.id}`">
             <TimeLineItem :event="item"></TimeLineItem>

package/src/components/signages/EpHeader.vue

@@ -112,7 +112,7 @@ const { title, headerImgColor, big } = toRefs(props);
       </div>
 
       <div v-if="props.big" class="animate-bounce absolute bottom-10 left-1/2">
-        <div class="mx-auto w-12 bg-white rounded-full p-2" @click="clickScroll">
+        <div class="mx-auto w-12 bg-white dark:text-black rounded-full p-2" @click="clickScroll">
           <EpIcon :iconPath="mdiChevronDown" size="32"></EpIcon>
         </div>
       </div>

package/src/components/tools/TimelineItem.vue

@@ -93,7 +93,7 @@ const {  event } = toRefs(props)
     @click="toggleDivVisibility">
     <!-- Dot -->
     <div
-      :class="`w-5 h-5 bg-white border-2 ${colorEvent.border} absolute -left-12 transform -translate-x-2/4 rounded-full z-10 mt-2 md:mt-0`">
+      :class="`w-5 h-5 bg-white dark:bg-dark border-2 ${colorEvent.border} absolute -left-12 transform -translate-x-2/4 rounded-full z-10 mt-2 md:mt-0`">
     </div>
     <!-- Line  -->
     <div :class="`w-10 border ${colorEvent.border} absolute -left-10 z-0`"></div>

package/dist/BgAudio-7z3D2Xrz.js

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

package/dist/DisplayBox-BfVuWE6d.js

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

package/dist/EpAlert-tfP5ryYw.js

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

package/dist/EpAudio-BKK5LJTB.js

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

package/dist/EpBadge-C1DrhwzG.js

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

package/dist/EpBarChart-CYUAIbjS.js

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

package/dist/EpBtn-CgtiXdOp.js

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

package/dist/EpCard-Du5LhFwv.js

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

package/dist/EpChip-D0SWR-Y6.js

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

package/dist/EpContentSlider-BZl2jDkC.js

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

package/dist/EpDivider-BJ5C6WJ7.js

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

package/dist/EpEdu-olCU2BKM.js

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

package/dist/EpFlex--KY5t20R.js

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

package/dist/EpFunnelChart-DSQG5ZSB.js

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

package/dist/EpHeader-CkEEmu11.js

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

package/dist/EpIcon-BFBiMGk2.js

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

package/dist/EpIframe-CwcXQN00.js

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

package/dist/EpImg-CKTbWLSI.js

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

package/dist/EpLineChart-kzbiG8ff.js

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

package/dist/EpLink-CmVw1taR.js

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

package/dist/EpLinkVersion-DJAIicgW.js

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

package/dist/EpModal-nhd5JeyX.js

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

package/dist/EpPieChart-LpqTUJV6.js

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

package/dist/EpQuestion-le3Hqg8k.js

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

package/dist/EpQuote-CrU_k7gO.js

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

package/dist/EpRadio-dB55Pyfp.js

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

package/dist/EpRadioSummative-C7pY3o7p.js

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

package/dist/EpReading-D9PgDWjU.js

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

package/dist/EpResource-3kOjlg9K.js

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

package/dist/EpScope-C2sETTw7.js

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

package/dist/EpSection-DeDPxaKC.js

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

package/dist/EpSkeleton-CgOywOoi.js

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

package/dist/EpSoftware-eqKl9wSD.js

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

package/dist/EpSpinner-Dky9tDll.js

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

package/dist/EpSummativeTable-dC1BZbvS.js

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

package/dist/EpSvg-kzacE_o4.js

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

package/dist/EpTable-nIfYnCoF.js

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

package/dist/EpTerm-FbEfpR3_.js

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

package/dist/EpText-B90A2vYg.js

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

package/dist/EpTimeLine-DsV6mFif.js

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

package/dist/EpVideo-CZWNen4x.js

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

package/dist/EpVideoPanopto-s38_ww6z.js

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

package/dist/EpWordDef-CIzPsyfV.js

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