ep-lib-ts 0.1.19 → 0.1.21

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.19",
+  "version": "0.1.21",
   "files": [
     "dist",
     "src/components/"

package/src/components/basics/EpText.vue

@@ -1,102 +1,103 @@
 <script setup lang="ts">
-import { computed, defineComponent, toRefs } from 'vue';
-import { isHtml } from '../../composables/isHtml';
-import {useMarkdown} from '../../composables/useMarkdown'
-import EpTerm from '../medias/EpTerm.vue'
-import EpAccordeon from '../interactions/EpAccordeon.vue';
+import { computed, toRefs, h } from "vue";
+import { isHtml } from "../../composables/isHtml";
+import { useMarkdown } from "../../composables/useMarkdown";
+import EpAccordeon from "../interactions/EpAccordeon.vue";
+import EpTerm from "../medias/EpTerm.vue";
 
 interface Props {
-   glossary?:any[];
-   content:string;
-   title?:string|null;
-   compact?:boolean;
+  glossary?: any[];
+  content: string;
+  title?: string | null;
+  compact?: boolean;
 }
 
-const props = withDefaults(defineProps<Props>(),{
-  compact:false,
-})
+const props = withDefaults(defineProps<Props>(), {
+  compact: false,
+});
 
-const renderTitle = computed(()=>{
-  if(!props.title){
-    return "En savoir plus"
+const renderTitle = computed(() => {
+  if (!props.title) {
+    return "En savoir plus";
   }
-  return props.title
-})
+  return props.title;
+});
 
-const renderText = computed(()=>{
-     if(!props.content){
-      return `<div></div>`
-     }
-     if(!isHtml(props.content)){
-        return useMarkdown(props.content)
-     }
-     //return props.content
-      //create a div
-      const div = document.createElement('DIV')
-      ///add the html input to the div
-      div.innerHTML = props.content.trim()
-      ///get strign of html 
-      let newStr = div.outerHTML
-      //find all span.ep_glossary_item to know the glossary terms in the text
-      const glossaryTerms = div.querySelectorAll('.ep_glossary_item')
-    //  console.log(glossaryTerms)
-      //if find glossary terms
-      if(glossaryTerms.length > 0){
-        ///check every term and replace it         
-        glossaryTerms.forEach((item)=>{
-          //get id 
-          const id = item.getAttribute("data-id")
-          //get content text
-          const render_word = item.innerHTML
-          //find in the glossary their equivalent
-          let _glossary = []
-          if(props.glossary){
-            _glossary = props.glossary
-          }
-          const term = _glossary.find(word => word.id === id)
-          //if was found 
-          if(term){
-            ///add the new values to the array
-            const word = item.outerHTML
-            //check if the term has relations
-            const foundedRelations = _glossary.filter((x) =>
-                x.relation.some((item:string) => {
-                  return item == id;
-                })
-              );
-            //get relations id and term
-            const idsRelation = foundedRelations.map((x) => x.id);
-            const termsRelation = foundedRelations.map((x) => x.term);
-            const variation = term.variation
-            const hasImge = term.src ? term.src : ''
-            //const replaceWord = `<EpBtn :pts-data="{term:'${term.term}', definition:'${term.definition}', renderword:'${render_word}', graminfo:'${term.graminfo}', domain:'${term.domain}',variation:'${variation}', relations_names:'${termsRelation}', relations_ids:'${idsRelation}'}"></EpBtn>`
-            const replaceWord = ` <EpTerm term="${term.term}" word="${render_word}" variations="${variation}" graminfo="${term.graminfo}" src='${hasImge}' domain="${term.domain}" relations="${termsRelation}" idrelation="${idsRelation}"> ${term.definition} </EpTerm> `
-            //replace output string
-            newStr = newStr.replace(word, replaceWord)
-          }
-        })
+const renderText = computed(() => {
+  if (!props.content) {
+    return `<div></div>`;
+  }
+  if (!isHtml(props.content)) {
+    return useMarkdown(props.content);
+  }
+  //return props.content
+  //create a div
+  const div = document.createElement("DIV");
+  ///add the html input to the div
+  div.innerHTML = props.content.trim();
+  ///get strign of html
+  let newStr = div.outerHTML;
+  //find all span.ep_glossary_item to know the glossary terms in the text
+  const glossaryTerms = div.querySelectorAll(".ep_glossary_item");
+  //  console.log(glossaryTerms)
+  //if find glossary terms
+  if (glossaryTerms.length > 0) {
+    ///check every term and replace it
+    glossaryTerms.forEach((item) => {
+      //get id
+      const id = item.getAttribute("data-id");
+      //get content text
+      const render_word = item.innerHTML;
+      //find in the glossary their equivalent
+      let _glossary = [];
+      if (props.glossary) {
+        _glossary = props.glossary;
       }
-      div.innerHTML = newStr
-     // console.log(div.innerHTML)
-      return div.innerHTML;
-})
-
+      const term = _glossary.find((word) => word.id === id);
+      //if was found
+      if (term) {
+        ///add the new values to the array
+        const word = item.outerHTML;
+        //check if the term has relations
+        const foundedRelations = _glossary.filter((x) =>
+          x.relation.some((item: string) => {
+            return item == id;
+          })
+        );
+        //get relations id and term
+        const idsRelation = foundedRelations.map((x) => x.id);
+        const termsRelation = foundedRelations.map((x) => x.term);
+        const variation = term.variation;
+        const hasImge = term.src ? term.src : "";
+        //const replaceWord = `<EpBtn :pts-data="{term:'${term.term}', definition:'${term.definition}', renderword:'${render_word}', graminfo:'${term.graminfo}', domain:'${term.domain}',variation:'${variation}', relations_names:'${termsRelation}', relations_ids:'${idsRelation}'}"></EpBtn>`
+        const replaceWord = ` <EpTerm term="${term.term}" word="${render_word}" variations="${variation}" graminfo="${term.graminfo}" src='${hasImge}' domain="${term.domain}" relations="${termsRelation}" idrelation="${idsRelation}"> ${term.definition} </EpTerm> `;
+        //replace output string
+        newStr = newStr.replace(word, replaceWord);
+      }
+    });
+  }
+  div.innerHTML = newStr;
+  // console.log(div.innerHTML)
+  return div.innerHTML;
+});
 
-const customRenderStringComponents = defineComponent({
-    components:{
-      'epterm':EpTerm
+const render = () => {
+  const r = {
+    components: {
+      epterm: EpTerm,
     },
-     template:`<div>${renderText.value}</div>`
-})
+    template: `<div>${renderText.value}</div>`,
+  };
 
-const {compact} = toRefs(props)
+  return h(r);
+};
 
+const { compact } = toRefs(props);
 </script>
 
 <template>
-  <component v-if="!compact" :is="customRenderStringComponents"></component>
+  <render v-if="!compact"></render>
   <EpAccordeon outlined :title="renderTitle" v-else>
-    <component :is="customRenderStringComponents"></component>
+    <render></render>
   </EpAccordeon>
-   <!-- <component v-else :is="renderText"></component> -->
-</template>
+</template>

package/dist/BgAudio-e76b06bd.js

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

package/dist/DisplayBox-94d20004.js

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

package/dist/EpAlert-e5761fbe.js

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

package/dist/EpAudio-7fb55e21.js

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

package/dist/EpBadge-6e1e374b.js

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

package/dist/EpBarChart-940436ae.js

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

package/dist/EpBtn-d87b4bf9.js

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

package/dist/EpCard-2f0c3cf2.js

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

package/dist/EpChip-a1d7e511.js

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

package/dist/EpContentSlider-ea342e98.js

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

package/dist/EpEdu-150e12cd.js

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

package/dist/EpFlex-560db674.js

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

package/dist/EpHeader-532d0627.js

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

package/dist/EpIcon-47a3f19c.js

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

package/dist/EpIframe-8f71f906.js

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

package/dist/EpLineChart-0e5b5b2c.js

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

package/dist/EpLink-2d03f1e3.js

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

package/dist/EpLinkVersion-3bd4d934.js

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

package/dist/EpModal-b7d1789b.js

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

package/dist/EpPieChart-c8a803ad.js

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

package/dist/EpQuestion-1357ab62.js

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

package/dist/EpQuote-a7694dad.js

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

package/dist/EpRadio-c42aa3f5.js

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

package/dist/EpReading-cb2281dc.js

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

package/dist/EpResource-ed07a0f9.js

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

package/dist/EpScope-7a2308ab.js

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

package/dist/EpSection-6fbace66.js

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

package/dist/EpSoftware-03bf7edb.js

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

package/dist/EpSpinner-bbf4e53b.js

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

package/dist/EpSvg-fb389a78.js

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

package/dist/EpTable-90199b35.js

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

package/dist/EpTerm-7fc07a5f.js

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

package/dist/EpText-f5b15542.js

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

package/dist/EpTimeLine-64f3bcd6.js

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

package/dist/EpVideo-9c55fc1d.js

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

package/dist/EpVideoPanopto-2f5be5a0.js

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