ep-lib-ts 0.1.27 → 0.1.30

package/dist/types/Accordeon.d.ts

@@ -35,6 +35,10 @@ export declare const typeAccordeon: {
         default: string;
         outlined: string;
     };
+    Question: {
+        default: string;
+        outlined: string;
+    };
     tip: {
         default: string;
         outlined: string;

package/dist/types/Alert.d.ts

@@ -23,6 +23,10 @@ export declare const typeAlert: {
         default: string;
         outlined: string;
     };
+    Question: {
+        default: string;
+        outlined: string;
+    };
     tip: {
         default: string;
         outlined: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ep-lib-ts",
   "private": false,
-  "version": "0.1.27",
+  "version": "0.1.30",
   "files": [
     "dist",
     "src/components/"

package/src/components/basics/EpText.vue

@@ -24,7 +24,7 @@ const renderTitle = computed(() => {
 
 const renderText = computed(() => {
   if (!props.content) {
-    return `<div>no data</div>`;
+    return `<div></div>`;
   }
   if (!isHtml(props.content)) {
     return useMarkdown(props.content);
@@ -75,11 +75,11 @@ const renderText = computed(() => {
           })
         );
         //get relations id and term
-        const idsRelation = foundedRelations.map((x) => x.id);
+        //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 = `<div style="display:inline"><EpTerm term="${term.term}" word="${render_word}" variations="${variation}" graminfo="${term.graminfo}" src="${hasImge}" domain="${term.domain}" relations="${termsRelation}" idrelation="${idsRelation}" > ${term.definition}</EpTerm> </div>`;
+        const replaceWord = `<div style="display:inline"><EpTerm term="${term.term}" word="${render_word}" variations="${variation}" graminfo="${term.graminfo}" src="${hasImge}" domain="${term.domain}" relations="${termsRelation}"> ${term.definition}</EpTerm> </div>`;
         //replace output string
         newStr = newStr.replace(word, replaceWord);
        
@@ -108,8 +108,7 @@ const { compact } = toRefs(props);
 </script>
 
 <template>
- <div>
-
+ <div class="px-2">
    <myRenderComponent v-if="!compact"></myRenderComponent>
     <EpAccordeon outlined :title="renderTitle" v-else>
       <myRenderComponent></myRenderComponent>

package/src/components/interactions/EpContentSlider.vue

@@ -2,6 +2,7 @@
 import { ref, computed, defineAsyncComponent, toRefs } from "vue";
 import {SlidesType} from "../../types/Slides"
 import { useComponent } from "../../composables/useComponent";
+import { useRenderText } from "../../composables/useRenderText";
 import { mdiArrowLeft } from "@mdi/js";
 import { mdiArrowRight } from "@mdi/js";
 import EpIcon from "../basics/EpIcon.vue";
@@ -82,11 +83,11 @@ const {slides} = toRefs(props)
 			<Transition name="list" mode="out-in">
 				<div class="md:flex p-8" :key="currentSlide.uid">
 					<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-if="currentSlide.img" :is="currentSlideMediaContent" :src="currentSlide.img" cols="11"></component>
 						<component v-else-if="currentSlide.component" :is="currentSlideMediaContent" v-bind="{...currentSlide.component.data}"></component>
 					</div>
 					<div class="w-full">
-					   <div class="overflow-y-auto h-96 p-custom" v-html="currentSlide.content"></div>
+					   <div class="overflow-y-auto h-96 p-custom" v-html="useRenderText(currentSlide.content)"></div>
 					</div>
 				</div>
 			</Transition>

package/src/components/medias/EpSvg.vue

@@ -61,7 +61,7 @@ const {title, content, cols} = toRefs(props)
     </template>
     <template #content>
         <div class="flex">
-          <div v-if="content" :class="`mx-auto ${renderCols} bg-primary`">
+          <div v-if="content" :class="`mx-auto ${renderCols}`">
              <div v-html="content" class="w-full"></div>
           </div>
         </div>

package/src/components/medias/EpTerm.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { ref, toRefs, computed, onMounted} from "vue";
+import { ref, toRefs, computed} from "vue";
 import { useRenderText } from "../../composables/useRenderText";
+import { useRouter } from "vue-router";
 import { mdiBookmarkMultipleOutline } from "@mdi/js";
 import EpImg from "../basics/EpImg.vue";
 import EpIcon from "../basics/EpIcon.vue";
@@ -17,7 +18,7 @@ interface Props {
   domain?: string;
   graminfo?: string;
   relations?: string;
-  idrelation?: string;
+  //idrelation?: string;
   labelClose?: string;
   src?:string;
 }
@@ -33,10 +34,6 @@ const props = withDefaults(defineProps<Props>(), {
 const show = ref(false);
 
 
-
-
-
-
 const subtitle = computed(() => {
   if (props.term !== props.word) {
     return `(${props.word})`;
@@ -62,14 +59,23 @@ const renderRelations = computed(() => {
   return renderRelations;
 });
 
-const relationsID = computed(() => {
-  let relationsID = null;
-  let valueprops = props.idrelation?.trim();
-  if (valueprops?.length > 0) {
-    relationsID = valueprops.split(",");
+
+const router = useRouter()
+const goto = (term:string) =>{
+  if(router.hasRoute('glossary')){
+    router.push({ path: "/glossary", query:{word:term} });
   }
-  return relationsID;
-});
+  //console.log(router.hasRoute('signages'))
+  //
+}
+// const relationsID = computed(() => {
+//   let relationsID = null;
+//   let valueprops = props.idrelation?.trim();
+//   if (valueprops?.length > 0) {
+//     relationsID = valueprops.split(",");
+//   }
+//   return relationsID;
+// });
 
 const renderDomain = computed(() => {
   if (props.domain === "null") {
@@ -142,14 +148,16 @@ const { term, graminfo, labelClose, src } = toRefs(props);
     </div>
     <div class="text-sm mt-2" v-if="renderRelations">
       <span class="mr-2 font-bold">Relations :</span>
-      <EpBtn
-        v-for="(relation, i) in renderRelations"
-        :key="`relation-${i}`"
-        size="small"
-        rounded
-        extra-class="mr-2"
-        >{{ relation }}</EpBtn
-      >
+      <template v-for="(relation, i) in renderRelations"
+        :key="`relation-${i}`">
+        <EpBtn
+          size="small"
+          rounded
+          extra-class="mr-2"
+          @click="goto(relation)"
+        >{{ relation }}</EpBtn>
+      </template>
+  
     </div>
     <div class="flex justify-end">
       <EpBtn type="error" outlined @click="show = false" rounded>{{

package/src/components/medias/EpTimeLine.vue

@@ -71,7 +71,7 @@ const { title } = toRefs(props)
 <template>
   <!-- component -->
   <div>
-    <div class="w-10/12 md:w-7/12 lg:6/12 mx-auto relative">
+    <div class="w-10/12 mx-auto relative">
       <h3 class="text-2xl mb-2">{{ title?.title?.text?.headline }}</h3>
       <p>{{ title?.title?.text?.text }}</p>
       <div class="my-4 px-2">

package/src/components/signages/EpSkeleton.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+
+//props
+//square
+//rounded
+//an animate
+
+//https://mui.com/material-ui/react-skeleton/
+//https://ui.nuxt.com/layout/skeleton
+
+
+</script>
+<template>
+    <div>
+        skeleton
+    </div>
+</template>

package/dist/BgAudio-0d3e1906.js

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

package/dist/DisplayBox-e24b0716.js

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

package/dist/EpAlert-127a5ec0.js

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

package/dist/EpAudio-232093fb.js

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

package/dist/EpBadge-3b2b1b16.js

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

package/dist/EpBarChart-c85cf146.js

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

package/dist/EpBtn-6a6aa737.js

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

package/dist/EpCard-bc9eea67.js

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

package/dist/EpContentSlider-c3f223dc.js

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

package/dist/EpDivider-85308a54.js

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

package/dist/EpEdu-226108fc.js

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

package/dist/EpFlex-58da2ff0.js

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

package/dist/EpHeader-b3d00ddd.js

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

package/dist/EpIframe-e537d5fe.js

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

package/dist/EpImg-5da4a13a.js

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

package/dist/EpLineChart-e4b95ea0.js

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

package/dist/EpLink-1d0c4a58.js

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

package/dist/EpLinkVersion-4b7ceff9.js

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

package/dist/EpModal-25720774.js

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

package/dist/EpPieChart-d411615d.js

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

package/dist/EpQuestion-e8b96e78.js

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

package/dist/EpQuote-a90ebf39.js

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

package/dist/EpRadio-5bb772a8.js

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

package/dist/EpReading-edf407a0.js

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

package/dist/EpResource-99b6e173.js

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

package/dist/EpScope-da257fa6.js

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

package/dist/EpSection-c4d0969f.js

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

package/dist/EpSoftware-2c98a593.js

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

package/dist/EpSpinner-f183bf19.js

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

package/dist/EpSvg-44db647b.js

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

package/dist/EpTable-0cbaf4f8.js

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

package/dist/EpTerm-41a877f2.js

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

package/dist/EpText-c659f337.js

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

package/dist/EpTimeLine-587db16d.js

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

package/dist/EpVideo-77bcdc7a.js

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

package/dist/EpVideoPanopto-5cc9743f.js

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