@tekkare/auriga 0.2.68 → 0.2.70

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.68"
+  "version": "0.2.70"
 }

package/dist/runtime/components/argComplexSelect.vue

@@ -280,7 +280,8 @@ export default defineComponent({
     "changeElement",
     "changeAddInputValue",
     "update:Selection",
-    "openInfo"
+    "openInfo",
+    "onSelectAll"
   ],
   setup(props, { emit }) {
     const add_table = ref([]);
@@ -550,6 +551,7 @@ export default defineComponent({
       }
     }
     function add_all_element() {
+      emit("onSelectAll");
       smart_selection_selected.value = void 0;
       filterNameAdd.value.forEach((element) => {
         del_table.value.push(element);

package/dist/runtime/components/argComplexSelect.vue.d.ts

@@ -180,7 +180,7 @@ declare const _default: import("vue").DefineComponent<{
     getAddText: import("vue").ComputedRef<any>;
     openInfo: () => void;
     langData: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeElement" | "changeAddInputValue" | "update:Selection" | "openInfo")[], "changeElement" | "changeAddInputValue" | "update:Selection" | "openInfo", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeElement" | "changeAddInputValue" | "update:Selection" | "openInfo" | "onSelectAll")[], "changeElement" | "changeAddInputValue" | "update:Selection" | "openInfo" | "onSelectAll", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     element_table: {
         type: {
             (arrayLength: number): string[];
@@ -327,6 +327,7 @@ declare const _default: import("vue").DefineComponent<{
     onChangeAddInputValue?: ((...args: any[]) => any) | undefined;
     "onUpdate:Selection"?: ((...args: any[]) => any) | undefined;
     onOpenInfo?: ((...args: any[]) => any) | undefined;
+    onOnSelectAll?: ((...args: any[]) => any) | undefined;
 }, {
     lang: string;
     fuzzyThreshold: number;

package/dist/runtime/components/argHybridChart.vue

@@ -5,8 +5,8 @@
         <thead class="oip_hybrid_chart__header">
           <tr>
             <th
-              class="oip_hybrid_chart__header_elem"
               v-for="(header, index) in heads"
+              class="oip_hybrid_chart__header_elem"
               :key="index"
             >
               {{ header }}
@@ -20,18 +20,18 @@
               :key="index"
               class="oip_hybrid_chart__td"
             >
-              <div class="oip_hybrid_chart__bar_group" v-if="index === 0">
+              <div v-if="index === 0" class="oip_hybrid_chart__bar_group">
                 <div
                   class="oip_hybrid_chart__bar"
                   :style="{
                     background: barColor + '1a',
                     width: `${getPercentage(row.values[1])}%`,
                   }"
-                ></div>
+                />
                 <arg-tooltip
                   :id="`tooltip-${val}`"
                   :disable="isEllipsisActive(val)"
-                  :tooltipText="val"
+                  :tooltip-text="val"
                   :dir="tableIndex === tableBody.length - 1 ? 'bottom' : 'top'"
                   class="oip_hybrid_chart__bar_content"
                 >
@@ -40,7 +40,7 @@
                   </div>
                 </arg-tooltip>
               </div>
-              <div class="oip_hybrid_chart__td_content" v-if="index === 1">
+              <div v-if="index === 1" class="oip_hybrid_chart__td_content">
                 <p>
                   {{
                     new Intl.NumberFormat("fr-FR")
@@ -48,13 +48,14 @@
                       .replace(",", ".")
                   }}
                   <span
-                    class="oip_hybrid_chart__bar_percentage"
                     v-if="val.percentage"
-                    >({{ val.percentage }} %)</span
+                    class="oip_hybrid_chart__bar_percentage"
                   >
+                    ({{ val.percentage }} %)
+                  </span>
                 </p>
               </div>
-              <div class="oip_hybrid_chart__td_content" v-if="index > 1">
+              <div v-if="index > 1" class="oip_hybrid_chart__td_content">
                 {{ val }}
               </div>
             </td>
@@ -62,34 +63,33 @@
         </tbody>
       </table>
     </client-only>
-    <div class="oip_hybrid_chart__footer" v-if="limiter">
+    <div
+      v-if="limiter && tableBody.length > limiter"
+      class="oip_hybrid_chart__footer"
+    >
       <arg-btn
-        btnStyle="secondary-stroke"
-        prefixIcon="CornersOut"
-        @onClick="changeShowState(true)"
         v-if="!showAll"
-        >Show all</arg-btn
+        btn-style="secondary-stroke"
+        prefix-icon="CornersOut"
+        @on-click="changeShowState(true)"
       >
+        {{ lang === "fr" ? "Voir plus" : "Show more" }}
+      </arg-btn>
       <arg-btn
-        btnStyle="secondary-stroke"
-        prefixIcon="CornersIn"
-        @onClick="changeShowState(false)"
         v-if="showAll"
-        >Show less</arg-btn
+        btn-style="secondary-stroke"
+        prefix-icon="CornersIn"
+        @on-click="changeShowState(false)"
       >
+        {{ lang === "fr" ? "Voir moins" : "Show less" }}
+      </arg-btn>
     </div>
   </div>
 </template>
 <script>
 import argBtn from "./argBtn.vue";
 import argTooltip from "./argTooltip.vue";
-import {
-  onMounted,
-  ref,
-  computed,
-  watch,
-  defineComponent
-} from "vue";
+import { onMounted, ref, computed, watch, defineComponent } from "vue";
 export default defineComponent({
   name: "argHybridChart",
   components: { argBtn, argTooltip },
@@ -109,6 +109,13 @@ export default defineComponent({
     limiter: {
       type: Number,
       required: false
+    },
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr"].includes(value);
+      }
     }
   },
   emits: ["showState"],
@@ -133,14 +140,14 @@ export default defineComponent({
     });
     watch(
       () => props.contents,
-      (new_contents) => {
+      () => {
         maxValue.value = 0;
         getMaxValue();
       }
     );
     function isEllipsisActive(value) {
-      let textValue = document?.getElementById(`text-value-${value}`);
-      let tooltip = document?.getElementById(`tooltip-${value}`);
+      const textValue = document?.getElementById(`text-value-${value}`);
+      const tooltip = document?.getElementById(`tooltip-${value}`);
       if (textValue !== void 0 && textValue !== null && tooltip !== null) {
         tooltip.style.maxWidth = "12000px";
         textValue.style.overflow = "initial";

package/dist/runtime/components/argHybridChart.vue.d.ts

@@ -15,13 +15,18 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: false;
     };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }, {
     maxValue: import("vue").Ref<number>;
     showAll: import("vue").Ref<boolean>;
     getMaxValue: () => void;
     changeShowState: (val: boolean) => void;
     getPercentage: (value: any) => any;
-    tableBody: import("vue").ComputedRef<never[]>;
+    tableBody: any;
     isEllipsisActive: (value: string) => boolean | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "showState"[], "showState", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     heads: {
@@ -40,9 +45,15 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: false;
     };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }>> & {
     onShowState?: ((...args: any[]) => any) | undefined;
 }, {
+    lang: string;
     barColor: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argMapsKorea.vue

@@ -176,9 +176,6 @@ export default defineComponent({
       emit("openSource");
     }
     onMounted(() => {
-      console.log("on Mounted");
-      console.log("Language: ", props.lang);
-      console.log("Data: ", props.data);
     });
     function setupScale() {
       minimalValue.value = Math.floor(

package/dist/runtime/components/argTable.vue

@@ -118,14 +118,24 @@
                   />
                   <div v-if="autoCrop === true">
                     <div v-if="columnTypeNonProps[valIndex] !== ''">
-                      <table-row-crop :key="cropKey" :value="value" custom>
+                      <table-row-crop
+                        :key="cropKey"
+                        :value="value"
+                        :max-lines="cellLines"
+                        custom
+                      >
                         <slot
                           :name="columnTypeNonProps[valIndex]"
                           v-bind:value="value"
                         ></slot>
                       </table-row-crop>
                     </div>
-                    <table-row-crop v-else :key="cropKey" :value="value" />
+                    <table-row-crop
+                      v-else
+                      :key="cropKey"
+                      :value="value"
+                      :max-lines="cellLines"
+                    />
                   </div>
 
                   <slot
@@ -385,6 +395,10 @@ export default defineComponent({
       type: Array,
       default: null
     },
+    cellLines: {
+      type: Number,
+      default: 3
+    },
     lang: {
       type: String,
       default: "en",

package/dist/runtime/components/argTable.vue.d.ts

@@ -164,6 +164,10 @@ declare const _default: import("vue").DefineComponent<{
         type: ArrayConstructor;
         default: null;
     };
+    cellLines: {
+        type: NumberConstructor;
+        default: number;
+    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -384,6 +388,10 @@ declare const _default: import("vue").DefineComponent<{
         type: ArrayConstructor;
         default: null;
     };
+    cellLines: {
+        type: NumberConstructor;
+        default: number;
+    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -417,6 +425,7 @@ declare const _default: import("vue").DefineComponent<{
     autoCrop: boolean;
     tableId: string;
     whiteLines: unknown[];
+    cellLines: number;
     customPlaceholder: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/oneRegionKr.vue

@@ -49,9 +49,6 @@ export default defineComponent({
       emit("mouseleave");
     }
     onMounted(() => {
-      console.log("On mounted de la petite r\xE9gion");
-      console.log("props.data", props.data);
-      console.log("title", props.title);
     });
     return {
       regionsPathKr,

package/dist/runtime/components/tableRowCrop.vue

@@ -3,6 +3,11 @@
     <div
       v-if="custom"
       :class="custom && isBig && !showMore ? 'fix-height' : ''"
+      :style="
+        custom && isBig && !showMore
+          ? 'max-height: ' + maxLines * 16.6 + 'px'
+          : ''
+      "
     >
       <slot />
     </div>
@@ -10,6 +15,11 @@
     <p
       v-else-if="typeof value === 'string'"
       :class="isBig && !showMore ? 'crop' : ''"
+      :style="
+        isBig && !showMore
+          ? `  -webkit-line-clamp: ${maxLines}; line-clamp:  {maxLines};`
+          : ''
+      "
       class="wrap-line"
     >
       {{ value }}
@@ -37,7 +47,8 @@ export default defineComponent({
   /*   components: { argIcon, argStyle }, */
   props: {
     value: { default: "" },
-    custom: { type: Boolean, default: false }
+    custom: { type: Boolean, default: false },
+    maxLines: { type: Number, default: 3 }
   },
   setup(props, { emit }) {
     const isBig = ref(false);
@@ -49,7 +60,7 @@ export default defineComponent({
       showMore.value = !showMore.value;
     }
     onMounted(() => {
-      if (height.value > 65) {
+      if (height.value > props.maxLines * 16.6) {
         isBig.value = true;
         showReadMore.value = true;
       } else
@@ -58,7 +69,7 @@ export default defineComponent({
     watch(
       () => height.value,
       () => {
-        if (height.value > 65) {
+        if (height.value > props.maxLines * 16.6) {
           isBig.value = true;
           showReadMore.value = true;
         } else
@@ -71,5 +82,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.read_more{color:var(--primary);cursor:pointer;font-style:normal;text-decoration:underline}.read_more:hover{color:var(--primary-hover)}.crop{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.wrap-line{white-space:pre-line}.fix-height{max-height:50px;overflow:hidden}
+.read_more{color:var(--primary);cursor:pointer;font-style:normal;text-decoration:underline}.read_more:hover{color:var(--primary-hover)}.crop{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.wrap-line{white-space:pre-line}.fix-height{overflow:hidden}
 </style>

package/dist/runtime/components/tableRowCrop.vue.d.ts

@@ -6,6 +6,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    maxLines: {
+        type: NumberConstructor;
+        default: number;
+    };
 }, {
     isBig: import("vue").Ref<boolean>;
     element: import("vue").Ref<null>;
@@ -20,8 +24,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    maxLines: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>>, {
     value: string;
     custom: boolean;
+    maxLines: number;
 }, {}>;
 export default _default;

package/package.json

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