ep-lib-ts 0.1.16 → 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-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)}
+.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.16",
+  "version": "0.1.17",
   "files": [
     "dist",
     "src/components/"
@@ -50,7 +50,7 @@
     "typescript": "^5.2.0-dev.20230801",
     "vite": "^4.1.0",
     "vite-plugin-dts": "^3.5.2",
-    "vue-tsc": "^1.8.8"
+    "vue-tsc": "^1.0.24"
   },
   "peerDependencies": {
     "vue": "^3.2.45"
@@ -58,4 +58,4 @@
   "engines": {
     "node": "18.x.x"
   }
-}
+}

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/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/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
-}

package/dist/BgAudio-fdecbff9.js

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

package/dist/DisplayBox-65e9eca6.js

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

package/dist/EpAlert-a0be5833.js

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

package/dist/EpAudio-8b3e9bc6.js

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

package/dist/EpBadge-7c355f64.js

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

package/dist/EpBarChart-4f9cf4a5.js

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

package/dist/EpBtn-e272db29.js

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

package/dist/EpCard-84ed498b.js

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

package/dist/EpChip-41ef9cda.js

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

package/dist/EpContentSlider-fa83c239.js

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

package/dist/EpEdu-254592e7.js

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

package/dist/EpFlex-3fd43ac8.js

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

package/dist/EpHeader-36c94e1d.js

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

package/dist/EpIcon-b1dab9c7.js

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

package/dist/EpIframe-0ef6462c.js

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

package/dist/EpLineChart-0875318d.js

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

package/dist/EpLink-ae14268f.js

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

package/dist/EpLinkVersion-d2a66536.js

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

package/dist/EpModal-e7752c3a.js

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

package/dist/EpPieChart-a5c2b324.js

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

package/dist/EpQuestion-978df44b.js

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

package/dist/EpQuote-cf643027.js

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

package/dist/EpRadio-68bd99f6.js

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

package/dist/EpReading-8d0cd235.js

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

package/dist/EpResource-c2bda168.js

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

package/dist/EpScope-c32ba4f3.js

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

package/dist/EpSection-f86df6e5.js

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

package/dist/EpSoftware-8d7db7e7.js

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

package/dist/EpSpinner-1f81811b.js

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

package/dist/EpSvg-a5f79222.js

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

package/dist/EpTable-22a1b1a2.js

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

package/dist/EpTerm-37c870cd.js

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

package/dist/EpText-5337f1b1.js

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

package/dist/EpTimeLine-c4d0e6f5.js

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

package/dist/EpVideo-7fe796f2.js

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

package/dist/EpVideoPanopto-d5bfe806.js

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