@tekkare/auriga 0.1.160 → 0.1.162

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.160"
+  "version": "0.1.162"
 }

package/dist/runtime/components/argHomeAllBlocks.vue

@@ -37,7 +37,7 @@
         >
           <slot v-if="customizeBlocks" name="custom" v-bind:block="block" />
           <div v-else class="block_content">
-            <div class="oip_row v-center space-between full_stretch">
+            <div class="oip_row v-center space-between full_stretch card_head">
               <p class="block_title">
                 <span v-if="block.country"
                   ><arg-flag v-if="block.iso" :iso="block.iso" height="14" />
@@ -182,5 +182,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.arg_home_all_blocks{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px}.block_card{cursor:pointer;flex:0 0 calc(50% - 59px);margin:0!important;padding:24px!important}.block_card:not(.block_selected):hover .block_title{color:var(--primary)!important}.block_descr{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-style:normal;font-weight:400;line-height:160%;overflow:hidden}.block_content{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.block_title{align-items:flex-end;display:flex;flex-direction:row;font-size:16px;font-style:normal;font-weight:700;gap:8px;line-height:normal}.block_selected{background:var(--primary)!important;border:1px solid var(--primary)!important;box-shadow:var(--large-shadow)!important;color:var(--white)!important}.full_stretch{align-self:stretch}.population p{color:var(--medium);font-size:12px;font-weight:400;line-height:14px}
+.arg_home_all_blocks{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px}.block_card{cursor:pointer;flex:0 0 calc(50% - 59px);margin:0!important;padding:24px!important}.block_card:not(.block_selected):hover .block_title{color:var(--primary)!important}.block_descr{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-style:normal;font-weight:400;line-height:160%;overflow:hidden}.block_content{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.block_title{align-items:flex-end;display:flex;flex-direction:row;font-size:16px;font-style:normal;font-weight:700;gap:8px;line-height:normal}.block_selected{background:var(--primary)!important;border:1px solid var(--primary)!important;box-shadow:var(--large-shadow)!important;color:var(--white)!important}.full_stretch{align-self:stretch}.population p{color:var(--medium);font-size:12px;font-weight:400;line-height:14px}.block_selected>.block_content>.card_head>.population p,.block_selected>.block_content>.card_head>.population svg{color:var(--white)!important}
 </style>

package/dist/runtime/components/argSectionCard.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="arg_section_card" :class="isAction ? 'action' : ''">
-    <div class="arg_section header" v-if="position === 'top'">
+    <div class="arg_section card_header" v-if="position === 'top'">
       <slot name="Header" />
     </div>
     <div
-      class="content"
+      class="card_content"
       :class="
         position === 'top'
           ? 'footer'
@@ -15,7 +15,7 @@
     >
       <slot />
     </div>
-    <div class="arg_section footer" v-if="position === 'bottom'">
+    <div class="arg_section card_footer" v-if="position === 'bottom'">
       <slot name="Footer" />
     </div>
   </div>
@@ -39,5 +39,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.arg_section{align-self:stretch;background:rgba(253,253,255,.8);color:var(--dark);font-size:12px;font-style:normal;font-weight:400;line-height:normal;padding:8px 16px}.arg_section_card{align-items:flex-start;border:1px solid var(--Main-Light,#dbdef0);border-radius:12px;box-shadow:var(--small-shadow);display:flex;flex-direction:column}.arg_section_card.action:hover{border:1px solid var(--primary)!important;box-shadow:var(--large-shadow)!important}.content{align-self:stretch;background:var(--white);padding:24px}.arg_section.header{border-bottom:1px solid var(--Main-Light,#dbdef0)}.header{border-top-left-radius:12px;border-top-right-radius:12px}.arg_section.footer{border-top:1px solid var(--Main-Light,#dbdef0)}.footer{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.none{border-radius:12px!important}
+.arg_section{align-self:stretch;background:rgba(253,253,255,.8);color:var(--dark);font-size:12px;font-style:normal;font-weight:400;line-height:normal;padding:8px 16px}.arg_section_card{align-items:flex-start;border:1px solid var(--Main-Light,#dbdef0);border-radius:12px;box-shadow:var(--small-shadow);display:flex;flex-direction:column}.arg_section_card.action:hover{border:1px solid var(--primary)!important;box-shadow:var(--large-shadow)!important}.card_content{align-self:stretch;background:var(--white);padding:24px}.arg_section.header{border-bottom:1px solid var(--Main-Light,#dbdef0)}.card_header{border-top-left-radius:12px;border-top-right-radius:12px}.arg_section.footer{border-top:1px solid var(--Main-Light,#dbdef0)}.card_footer{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.none{border-radius:12px!important}
 </style>

package/dist/runtime/components/argTable.vue

@@ -727,7 +727,8 @@ export default defineComponent({
       sendSearch,
       toggleCrop,
       hasReadMore,
-      applyToggleCrop
+      applyToggleCrop,
+      tableKey
     };
   }
 });

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

@@ -202,6 +202,7 @@ declare const _default: import("vue").DefineComponent<{
     toggleCrop: import("vue").Ref<any>;
     hasReadMore: import("vue").Ref<string[]>;
     applyToggleCrop: (index: number, value: number) => void;
+    tableKey: import("vue").Ref<number>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changeInputValue"[], "changeInputValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     heads: {
         type: {

package/dist/runtime/components/tableCropRow.vue

@@ -1,11 +1,16 @@
 <template>
   <div ref="element" class="oip_list gap-6">
     <p
-      :class="isBig && typeof value === 'string' && !showMore ? 'crop' : ''"
+      v-if="typeof value === 'string'"
+      :class="isBig && !showMore ? 'crop' : ''"
       class="wrap-line"
     >
       {{ value }}
     </p>
+    <p v-else-if="typeof value === 'number'">
+      {{ new Intl.NumberFormat("fr-FR").format(value) }}
+    </p>
+
     <p v-if="showReadMore" class="read_more" @click="toggleShowMore()">
       {{ showMore ? "Show less" : "Show more" }}
     </p>
@@ -24,7 +29,7 @@ export default defineComponent({
   name: "TableCropRow",
   /*   components: { argIcon, argStyle }, */
   props: {
-    value: { type: String, default: "" }
+    value: { type: [String, Number], default: "" }
   },
   setup(props, { emit }) {
     const isBig = ref(false);
@@ -36,7 +41,7 @@ export default defineComponent({
       showMore.value = !showMore.value;
     }
     onMounted(() => {
-      if (height.value > 51) {
+      if (height.value > 55) {
         isBig.value = true;
         showReadMore.value = true;
       } else
@@ -45,7 +50,7 @@ export default defineComponent({
     watch(
       () => height.value,
       () => {
-        if (height.value > 51) {
+        if (height.value > 55) {
           isBig.value = true;
           showReadMore.value = true;
         } else
@@ -58,5 +63,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.read_more{color:var(--primary);cursor:pointer;text-decoration:underline}.crop{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.wrap-line{white-space:pre-line}
+.read_more{color:var(--primary);cursor:pointer;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}
 </style>

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

@@ -1,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<{
     value: {
-        type: StringConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
 }, {
@@ -11,10 +11,10 @@ declare const _default: import("vue").DefineComponent<{
     showReadMore: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
-        type: StringConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
 }>>, {
-    value: string;
+    value: string | number;
 }, {}>;
 export default _default;

package/package.json

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