ep-lib-ts 0.1.15 → 0.1.17

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-ab122c9c]{max-height:0;overflow:hidden}.h-custom{height:30rem}.p-custom p{margin-bottom:1em}.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}.content[data-v-523dedc7]{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)}
+.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)}.content[data-v-ab122c9c]{max-height:0;overflow:hidden}.custom_index{z-index:9999;position:absolute;right:-10px}.h-custom{height:30rem}.p-custom p{margin-bottom:1em}.v-enter-active[data-v-049ea2df],.v-leave-active[data-v-049ea2df]{transition:opacity .5s ease}.v-enter-from[data-v-049ea2df],.v-leave-to[data-v-049ea2df]{opacity:0}.katex[data-v-24ff8b28]{font-size:1.3em}.content[data-v-523dedc7]{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)}

package/package.json

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

package/src/components/interactions/EpModal.vue

@@ -56,7 +56,7 @@ const {title, subtitle, icon} = toRefs(props)
       <Teleport to="body">
       <Transition name="modal">
          <div v-if="modelValue" class="modal-mask" @click.self="closeModal">
-            <div :class="`modal-container ${sizeModal}`">
+            <div :class="`modal-container ${sizeModal} max-h-screen overflow-auto`">
               <div class="mx-auto">
                <EpCard :title="title" :subtitle="subtitle" :icon="icon">
 
@@ -84,6 +84,7 @@ const {title, subtitle, icon} = toRefs(props)
 
 .modal-container {
   margin: auto;
+  max-height: 95%;
   transition: all 0.3s ease;
   z-index: 9999;
 }

package/src/components/medias/EpCarousel.vue

@@ -71,7 +71,7 @@ const { carrouselImg, labelClose, labelRef } = toRefs(props);
          </div>
     </EpModal>
   </div>
-  <div v-else>
+  <div v-else class="flex">
     <template v-for="image in carrouselImg" :key="`image-${image?.uid}`">
       <EpImg :src="image.src" :bib="image.bib" :caption="image.caption" thumbnail></EpImg>
     </template>

package/src/components/signages/EpAlert.vue

@@ -25,7 +25,7 @@ interface Props {
 const props = withDefaults(defineProps<Props>(), {
   type:'base',
   title: null,
-  outlined:false,
+  outlined:true,
   noIcon:false,
 });
 
@@ -56,7 +56,7 @@ const icon = computed(()=>{
     return icon
 })
 
-const { title, compact, type, outlined } = toRefs(props);
+const { title, compact, outlined } = toRefs(props);
 
 </script>
 

package/src/components/signages/EpHeader.vue

@@ -16,7 +16,7 @@ interface Props {
   color?: string | null;
   courseCode?: string | null;
   courseTitle?: string | null;
-  height?: string | null;
+  big?: boolean | null;
   src?: string | null;
   synchrone?: boolean;
   duration?: string | null;
@@ -31,7 +31,7 @@ const props = withDefaults(defineProps<Props>(), {
   icon: null,
   color: null,
   src: null,
-  height: null,
+  big: false,
   synchrone: false,
   duration: null,
   assessment: null,
@@ -50,7 +50,7 @@ const styles = computed(() => {
 	overflow-hidden 
 	w-full 
   absolute
-	${props.height !== null ? "min-h-screen" : "h-96"}
+	${props.big ? "min-h-screen" : "h-96"}
 	bg-cover`;
 });
 
@@ -78,7 +78,7 @@ const { title, headerImgColor } = toRefs(props);
   <section class="items-center overflow-hidden relative" ref="el">
     <div :class="styles" :style="`background-image:url('${bgImg}'); filter:url(#${headerImgColor});`"></div>
     
-      <div class="relative">
+      <div :class="`relative ${big?'mb-36':''}`">
         <div class="flex md:justify-end justify-center pt-5">
           <EpChip v-if="synchrone" :prependIcon="mdiCast">Synchrone</EpChip>
           <EpChip v-if="duration"  :prependIcon="mdiTimerOutline"> {{ duration }}</EpChip>
@@ -100,10 +100,9 @@ const { title, headerImgColor } = toRefs(props);
             </div>
           </div>
         </div>
-  
       </div>
 
-      <div v-if="props.height !== null" class="place-self-center pb-12 animate-bounce">
+      <div v-if="props.big" class="animate-bounce">
         <div class="mx-auto w-12 bg-white rounded-full p-2" @click="clickScroll">
           <EpIcon :iconPath="mdiChevronDown" size="32"></EpIcon>
         </div>

package/src/components/tools/DisplayBox.vue

@@ -21,17 +21,24 @@ function close() {
 }
 
 const classOpen = computed(()=> {
-   return isOpen.value?`absolute w-[32rem] -left-96 z-50`:`hidden`
+   return isOpen.value?`w-[32rem]`:`hidden`
 })
 
 </script>
 
 <template>
-    <div class="relative z-50">
-       <slot :open="open" />
-        <div ref="menu" :class="classOpen">
-            <slot name="menu" :is-open="isOpen" :close="close" />
+    <div>
+        <slot :open="open" />
+        <div ref="menu" :class="`${classOpen} custom_index`">
+                <slot name="menu" :is-open="isOpen" :close="close" />
         </div>
     </div>
-    
-</template>
+</template>
+
+<style>
+    .custom_index{
+        z-index: 9999;
+        position: absolute;
+        right: -10px;
+    }
+</style>

package/dist/BgAudio-f006843c.js

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

package/dist/DisplayBox-a84a9c27.js

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

package/dist/EpAlert-db53d6c0.js

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

package/dist/EpAudio-41ba9f34.js

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

package/dist/EpBadge-5e1e5887.js

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

package/dist/EpBarChart-4e3612b6.js

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

package/dist/EpBtn-8af97a5f.js

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

package/dist/EpCard-a0257e15.js

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

package/dist/EpChip-d9a33e89.js

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

package/dist/EpContentSlider-e935e86b.js

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

package/dist/EpEdu-efbadb07.js

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

package/dist/EpFlex-97433f1e.js

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

package/dist/EpHeader-c08ba631.js

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

package/dist/EpIcon-581ef5f5.js

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

package/dist/EpIframe-84343116.js

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

package/dist/EpLineChart-493cb8a3.js

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

package/dist/EpLink-84cc9df5.js

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

package/dist/EpLinkVersion-67920bdd.js

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

package/dist/EpModal-665eb1c3.js

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

package/dist/EpPieChart-bcb18a68.js

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

package/dist/EpQuestion-8731a8de.js

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

package/dist/EpQuote-9c2ebc38.js

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

package/dist/EpRadio-81a1f388.js

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

package/dist/EpReading-f1427bea.js

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

package/dist/EpResource-88b68ffc.js

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

package/dist/EpScope-4530ed0c.js

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

package/dist/EpSection-c96a534b.js

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

package/dist/EpSoftware-b622ee99.js

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

package/dist/EpSpinner-57e34909.js

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

package/dist/EpSvg-9c681c02.js

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

package/dist/EpTable-6eafeedc.js

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

package/dist/EpTerm-3d36d5f5.js

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

package/dist/EpText-17419c3a.js

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

package/dist/EpTimeLine-75ff9f98.js

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

package/dist/EpVideo-66df97ae.js

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

package/dist/EpVideoPanopto-3b780190.js

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