ep-lib-ts 0.1.17 → 0.1.19

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;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)}
+.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.17",
+  "version": "0.1.19",
   "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.0.24"
+    "vue-tsc": "^1.8.8"
   },
   "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/medias/EpLink.vue

@@ -11,8 +11,8 @@ import { useRenderText } from "../../composables/useRenderText";
 
 
 interface Props {
-  href: string;
-  label?: string;
+  url: string;
+  title?: string;
   intentions?: string;
   mandateLevel?: string | MandateLevel | null;
   labelIntentions?: string;
@@ -40,7 +40,7 @@ const hoverColor = computed(() => {
   return `absolute ${useColors('bg', props.type + 'light')} bottom-0 w-0 left-1/2 h-full -translate-x-1/2 transition-all ease-in-out duration-300 group-hover:w-[105%] -z-[1] group-focus:w-[105%]`
 })
 
-const { href, label, intentions, mandateLevel, hideIcon } = toRefs(props);
+const { url, title, intentions, mandateLevel, hideIcon } = toRefs(props);
 </script>
 
 <template>
@@ -52,9 +52,9 @@ const { href, label, intentions, mandateLevel, hideIcon } = toRefs(props);
       <div class="flex justify-center">
         <div class="w-4/5">
           <EpBtn block :color="type === 'base' ? 'text-black' : 'text-white'" rounded :type="type" :prependIcon="renderIcon"
-            :href="href"
+            :href="url"
             extraClass="group font-medium tracking-wide relative inline-flex justify-center overflow-hidden z-10 transition-all duration-300 ease-in-out ">
-            <span class="font-medium tracking-wider ">{{ label }}</span>
+            <span class="font-medium tracking-wider ">{{ title }}</span>
             <span :class='hoverColor'></span>
           </EpBtn>
         </div>

package/src/components/medias/EpLinkVersion.vue

@@ -28,7 +28,7 @@ const {type, link, big} = toRefs(props)
 
 <template>
    <div v-if="type === 'button'">
-      <EpLink :label="link.title" :href="link.url"></EpLink>
+      <EpLink :title="link.title" :url="link.url"></EpLink>
    </div>
    <div v-else-if="type === 'iframe'">
       <EpIframe :title="link.title" :src="link.url" :big="big"></EpIframe>

package/src/components/signages/EpAlert.vue

@@ -30,7 +30,7 @@ const props = withDefaults(defineProps<Props>(), {
 });
 
 const isOutlined = computed(()=>{
-  if(props.outlined){
+  if(!props.outlined){
     return 'outlined'
   }
   return 'default'

package/src/components/signages/EpHeader.vue

@@ -70,12 +70,11 @@ const clickScroll = ():void => {
       emit('clicked')
 }
 
-
-const { title, headerImgColor } = toRefs(props);
+const { title, headerImgColor, big } = toRefs(props);
 </script>
 
 <template>
-  <section class="items-center overflow-hidden relative" ref="el">
+  <section :class="`${big?'h-screen ':''}items-center overflow-hidden relative `" ref="el">
     <div :class="styles" :style="`background-image:url('${bgImg}'); filter:url(#${headerImgColor});`"></div>
     
       <div :class="`relative ${big?'mb-36':''}`">

package/src/components/tools/DisplayBox.vue

@@ -39,6 +39,6 @@ const classOpen = computed(()=> {
     .custom_index{
         z-index: 9999;
         position: absolute;
-        right: -10px;
+        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 h-0" xmlns="http://www.w3.org/2000/svg">
       <filter id="duotone-bluered">
         <feColorMatrix type="matrix" result="grayscale"
           values="1 0 0 0 0

package/dist/BgAudio-b6ba4005.js

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

package/dist/DisplayBox-3738eb9b.js

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

package/dist/EpAlert-3b75c0a6.js

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

package/dist/EpAudio-b4ac66ed.js

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

package/dist/EpBadge-cc3c35b9.js

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

package/dist/EpBarChart-a8324390.js

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

package/dist/EpBtn-b01cb28f.js

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

package/dist/EpCard-68b673d6.js

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

package/dist/EpChip-9868d21a.js

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

package/dist/EpContentSlider-d9e267d3.js

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

package/dist/EpEdu-426ee5ce.js

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

package/dist/EpFlex-10ad1bed.js

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

package/dist/EpHeader-b8ee71fb.js

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

package/dist/EpIcon-c5aa1d80.js

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

package/dist/EpIframe-c6c0acff.js

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

package/dist/EpLineChart-bfa9c03b.js

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

package/dist/EpLink-064bd4c2.js

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

package/dist/EpLinkVersion-9e482c4b.js

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

package/dist/EpModal-3ab787b7.js

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

package/dist/EpPieChart-abc4e448.js

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

package/dist/EpQuestion-f899fda8.js

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

package/dist/EpQuote-362e82f2.js

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

package/dist/EpRadio-4e2a858c.js

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

package/dist/EpReading-52b126e6.js

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

package/dist/EpResource-126005d1.js

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

package/dist/EpScope-272f7f21.js

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

package/dist/EpSection-d58d9cd4.js

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

package/dist/EpSoftware-6a9106e9.js

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

package/dist/EpSpinner-317996c3.js

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

package/dist/EpSvg-befcc7db.js

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

package/dist/EpTable-f688b525.js

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

package/dist/EpTerm-a01a2098.js

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

package/dist/EpText-d62350de.js

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

package/dist/EpTimeLine-e744c57d.js

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

package/dist/EpVideo-4d570a83.js

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

package/dist/EpVideoPanopto-09db0ca7.js

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