ep-lib-ts 0.1.18 → 0.1.20

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: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)}
+.content[data-v-ab122c9c]{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-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.18",
+  "version": "0.1.20",
   "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

@@ -1,10 +1,11 @@
 <script setup lang="ts">
-import { computed, defineComponent, toRefs } from 'vue';
+import { computed, defineComponent, defineAsyncComponent, toRefs,ref, h, createApp, defineCustomElement  } from 'vue';
 import { isHtml } from '../../composables/isHtml';
 import {useMarkdown} from '../../composables/useMarkdown'
-import EpTerm from '../medias/EpTerm.vue'
 import EpAccordeon from '../interactions/EpAccordeon.vue';
 
+
+
 interface Props {
    glossary?:any[];
    content:string;
@@ -82,21 +83,39 @@ const renderText = computed(()=>{
 })
 
 
+const EpTerm = defineAsyncComponent(()=>import('../medias/EpTerm.vue'))
+
 const customRenderStringComponents = defineComponent({
     components:{
       'epterm':EpTerm
     },
      template:`<div>${renderText.value}</div>`
 })
+// const customRenderStringComponents = defineComponent({
+//     components:{
+//       'epterm':EpTerm
+//     },
+//      template:`<div>${renderText.value}</div>`
+// })
+
+// const TextApp = createApp({
+//   setup(){
+//     return () => h(TextBlock, `<template>${renderText.value}</template>`)
+//   }
+// })
+
+
+
 
 const {compact} = toRefs(props)
 
 </script>
 
 <template>
+
   <component v-if="!compact" :is="customRenderStringComponents"></component>
   <EpAccordeon outlined :title="renderTitle" v-else>
     <component :is="customRenderStringComponents"></component>
-  </EpAccordeon>
+  </EpAccordeon> 
    <!-- <component v-else :is="renderText"></component> -->
 </template>

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/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/SvgFilter.vue

@@ -1,5 +1,5 @@
 <template>
-    <svg class="duotone-filters hidden" 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/src/components/tools/TextBloc.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+import EpTerm from "../medias/EpTerm.vue";
+</script>
+
+<template>
+  <div>
+    block
+    <slot> </slot>
+  </div>
+</template>

package/dist/BgAudio-95590047.js

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

package/dist/DisplayBox-d0f4000d.js

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

package/dist/EpAlert-a8f653c0.js

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

package/dist/EpAudio-481fe623.js

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

package/dist/EpBadge-29268823.js

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

package/dist/EpBarChart-161f527a.js

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

package/dist/EpBtn-e98b39ee.js

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

package/dist/EpCard-3158d566.js

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

package/dist/EpChip-28453834.js

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

package/dist/EpContentSlider-6808eabd.js

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

package/dist/EpEdu-5a5a8d65.js

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

package/dist/EpFlex-df30ecf6.js

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

package/dist/EpHeader-baf44e55.js

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

package/dist/EpIcon-323fadf6.js

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

package/dist/EpIframe-91ffea7c.js

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

package/dist/EpLineChart-0e1aa7f8.js

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

package/dist/EpLink-6ec8be2b.js

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

package/dist/EpLinkVersion-db575648.js

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

package/dist/EpModal-b345155c.js

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

package/dist/EpPieChart-5e9ec489.js

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

package/dist/EpQuestion-b99e2686.js

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

package/dist/EpQuote-5e9ca8fc.js

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

package/dist/EpRadio-594eb500.js

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

package/dist/EpReading-0493eba5.js

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

package/dist/EpResource-ab58e3c3.js

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

package/dist/EpScope-7a611613.js

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

package/dist/EpSection-540c888a.js

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

package/dist/EpSoftware-38b2ba7d.js

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

package/dist/EpSpinner-517e8088.js

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

package/dist/EpSvg-4cd82994.js

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

package/dist/EpTable-6842a2cd.js

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

package/dist/EpTerm-c1957d47.js

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

package/dist/EpText-47e0526b.js

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

package/dist/EpTimeLine-585820f9.js

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

package/dist/EpVideo-287e5d3c.js

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

package/dist/EpVideoPanopto-8e5ff3f3.js

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