ep-lib-ts 0.1.16 → 0.1.18

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:12rem}.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.18",
   "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/basics/EpText.vue

@@ -86,7 +86,7 @@ const customRenderStringComponents = defineComponent({
     components:{
       'epterm':EpTerm
     },
-     template:renderText.value
+     template:`<div>${renderText.value}</div>`
 })
 
 const {compact} = toRefs(props)

package/src/components/charts/EpPieChart.vue

@@ -7,16 +7,26 @@ import { isHtml } from "../../composables/isHtml";
 import { useMarkdown } from "../../composables/useMarkdown";
 
 interface TitlePie {
-   text:string;
-   align?:string;
+    text: string;
+    align?: string;
 }
 
+interface OptionsPieChart {
+  chart?:{
+    type?:string;
+    width?:number|string;
+  }
+  title:TitlePie;
+  labels:string[];
+}
+
+
+
 interface Props {
     series: number[];
-    labels:string[];
+    options: OptionsPieChart;
     id?: string;
     center?: boolean;
-    title?: TitlePie;
     intentions?: string;
     hideIcon?: boolean;
     type?: MediaVariants;
@@ -26,17 +36,9 @@ interface Props {
 
 const props = withDefaults(defineProps<Props>(), {
     center: false,
+    type:'base'
 });
 
-const options = computed(()=> {
-   return {
-          chart: {
-            width: 350,
-            type: "pie",
-          },
-          labels: props.labels || [],
-   }
-})
 
 const renderText = computed(() => {
     if (!props.intentions) {
@@ -50,17 +52,18 @@ const renderText = computed(() => {
 
 
 
-const { center, series, source, labels, title } = toRefs(props)
+const { center, series, source, options } = toRefs(props)
 
 </script>
 
 <template>
-    <EpEdu :title="title?.text" :type="type" :hideIcon="hideIcon" :icon="mdiChartPie" :mandateLevel="mandateLevel">
+    <EpEdu :title="options?.title?.text" :type="type" :hideIcon="hideIcon" :icon="mdiChartPie" :mandateLevel="mandateLevel">
         <template #intentions v-if="renderText">
+           
             <div v-html="renderText"></div>
         </template>
         <template #content>
-            <div :class="`p-4 ${center ? 'flex justify-center' : ''}`" v-if="labels && series">
+            <div :class="`p-4 ${center ? 'flex justify-center' : ''}`" v-if="options && series">
                 <apexchart width="350" type="pie" :options="options" :series="series"></apexchart>
             </div>
             <div v-else>

package/src/components/interactions/EpContentSlider.vue

@@ -81,7 +81,7 @@ const {slides} = toRefs(props)
 		<div class="">
 			<Transition name="list" mode="out-in">
 				<div class="md:flex p-8" :key="currentSlide.uid">
-					<div class="md:w-3/6 mr-5 flex items-center" v-if="currentSlideMediaContent">
+					<div class="w-full mr-5 flex items-center" v-if="currentSlideMediaContent">
 						<component v-if="currentSlide.img" :is="currentSlideMediaContent" :src="currentSlide.img"></component>
 						<component v-else-if="currentSlide.component" :is="currentSlideMediaContent" v-bind="{...currentSlide.component.data}"></component>
 					</div>

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,12 +25,12 @@ interface Props {
 const props = withDefaults(defineProps<Props>(), {
   type:'base',
   title: null,
-  outlined:false,
+  outlined:true,
   noIcon:false,
 });
 
 const isOutlined = computed(()=>{
-  if(props.outlined){
+  if(!props.outlined){
     return 'outlined'
   }
   return 'default'
@@ -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: 12rem;
+    }
+</style>

package/src/components/tools/SvgFilter.vue

@@ -1,5 +1,5 @@
 <template>
-    <svg class="duotone-filters" xmlns="http://www.w3.org/2000/svg">
+    <svg class="duotone-filters hidden" xmlns="http://www.w3.org/2000/svg">
       <filter id="duotone-bluered">
         <feColorMatrix type="matrix" result="grayscale"
           values="1 0 0 0 0

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
-};