@tekkare/auriga 0.1.171 → 0.1.173

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.171"
+  "version": "0.1.173"
 }

package/dist/runtime/components/{argTextHighlight.vue → argHighlightText.vue}

@@ -1,35 +1,22 @@
 <template>
   <div :class="haveReadMore && needsMore ? 'crop_display' : ''">
     <div
-      :class="crop && !showMore ? 'crop' : ''"
       :id="id"
+      :class="crop && !showMore ? 'crop' : ''"
       :style="crop && !showMore ? `-webkit-line-clamp: ${lines}` : ''"
       v-html="renderText"
-    ></div>
+    />
     <arg-text-btn v-if="crop && haveReadMore && needsMore" @click="toggleMore">
-      {{
-        customReadMore !== null
-          ? !showMore
-            ? readText.more
-            : readText.less
-          : !showMore
-          ? readText.more[lang]
-          : readText.less[lang]
-      }}
+      {{ getReadMore }}
     </arg-text-btn>
   </div>
 </template>
 
 <script>
-import {
-  onMounted,
-  ref,
-  computed,
-  defineComponent
-} from "vue";
+import { onMounted, ref, computed, defineComponent } from "vue";
 import argTextBtn from "./argTextBtn.vue";
 export default defineComponent({
-  name: "argtTextHighlight",
+  name: "argHighlightText",
   components: { argTextBtn },
   props: {
     text: {
@@ -72,14 +59,16 @@ export default defineComponent({
   setup(props, { emit }) {
     const showMore = ref(false);
     const indic = ref(null);
-    const readText = computed(() => {
+    const getReadMore = computed(() => {
       if (props.customReadMore !== null) {
-        return props.customReadMore;
-      } else
-        return {
+        return showMore.value ? props.customReadMore.less : props.customReadMore.more;
+      } else {
+        const texts = {
           more: { en: "Read more", fr: "Voir plus", es: "Ver m\xE0s" },
           less: { en: "Read less", fr: "Voir moins", es: "Ver menos" }
         };
+        return showMore.value ? texts.less[props.lang] : texts.more[props.lang];
+      }
     });
     function toggleMore() {
       showMore.value = !showMore.value;
@@ -90,18 +79,11 @@ export default defineComponent({
     }
     function escapeRegExp(str) {
       return str.replace(/[.*+?^${}()|[\]\\]/g, "\\<script lang="ts">
-import {
-  onMounted,
-  ref,
-  computed,
-  defineProps,
-  defineEmits,
-  defineComponent,
-} from "vue";
+import { onMounted, ref, computed, defineComponent } from "vue";
 import argTextBtn from "./argTextBtn.vue";
 
 export default defineComponent({
-  name: "argtTextHighlight",
+  name: "argHighlightText",
   components: { argTextBtn },
   props: {
     text: {
@@ -129,11 +111,11 @@ export default defineComponent({
       default: null,
     },
     customReadMore: {
-      type: Object,
+      type: Object as () => { more: string; less: string },
       default: null,
     },
     lang: {
-      type: String,
+      type: String as () => "en" | "fr" | "es",
       default: "en",
       validator: (value: string) => {
         // Check if the value is either 'en' or 'fr'
@@ -146,14 +128,18 @@ export default defineComponent({
     const showMore = ref(false);
     const indic = ref(null as any);
 
-    const readText = computed(() => {
+    const getReadMore = computed(() => {
       if (props.customReadMore !== null) {
-        return props.customReadMore;
-      } else
-        return {
+        return showMore.value
+          ? props.customReadMore.less
+          : props.customReadMore.more;
+      } else {
+        const texts = {
           more: { en: "Read more", fr: "Voir plus", es: "Ver màs" },
           less: { en: "Read less", fr: "Voir moins", es: "Ver menos" },
         };
+        return showMore.value ? texts.less[props.lang] : texts.more[props.lang];
+      }
     });
 
     function toggleMore() {
@@ -193,7 +179,6 @@ export default defineComponent({
         props.queries.forEach((word: string) => {
           const regex = new RegExp(`\\b(${escapeRegExp(word)})\\b`, "gi");
           returnText = returnText.replace(regex, (match: string) => {
-            console.log(match);
             if (match.toLowerCase() === "mark") {
               return match;
             }
@@ -213,7 +198,7 @@ export default defineComponent({
       showMore,
       needsMore,
       renderText,
-      readText,
+      getReadMore,
       toggleMore,
     };
   },
@@ -237,7 +222,6 @@ export default defineComponent({
         props.queries.forEach((word) => {
           const regex = new RegExp(`\\b(${escapeRegExp(word)})\\b`, "gi");
           returnText = returnText.replace(regex, (match) => {
-            console.log(match);
             if (match.toLowerCase() === "mark") {
               return match;
             }
@@ -254,7 +238,7 @@ export default defineComponent({
       showMore,
       needsMore,
       renderText,
-      readText,
+      getReadMore,
       toggleMore
     };
   }

package/dist/runtime/components/{argTextHighlight.vue.d.ts → argHighlightText.vue.d.ts}

@@ -37,11 +37,14 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
     customReadMore: {
-        type: ObjectConstructor;
+        type: () => {
+            more: string;
+            less: string;
+        };
         default: null;
     };
     lang: {
-        type: StringConstructor;
+        type: () => "en" | "fr" | "es";
         default: string;
         validator: (value: string) => boolean;
     };
@@ -49,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{
     showMore: import("vue").Ref<boolean>;
     needsMore: import("vue").ComputedRef<boolean>;
     renderText: import("vue").ComputedRef<string>;
-    readText: import("vue").ComputedRef<Record<string, any>>;
+    getReadMore: import("vue").ComputedRef<string>;
     toggleMore: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onShowMore" | "onShowLess")[], "onShowMore" | "onShowLess", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
@@ -90,11 +93,14 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
     customReadMore: {
-        type: ObjectConstructor;
+        type: () => {
+            more: string;
+            less: string;
+        };
         default: null;
     };
     lang: {
-        type: StringConstructor;
+        type: () => "en" | "fr" | "es";
         default: string;
         validator: (value: string) => boolean;
     };
@@ -103,11 +109,14 @@ declare const _default: import("vue").DefineComponent<{
     onOnShowLess?: ((...args: any[]) => any) | undefined;
 }, {
     id: string;
-    lang: string;
+    lang: "en" | "fr" | "es";
     queries: string[];
     crop: boolean;
     lines: number;
     haveReadMore: boolean;
-    customReadMore: Record<string, any>;
+    customReadMore: {
+        more: string;
+        less: string;
+    };
 }, {}>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.1.171",
+  "version": "0.1.173",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",