@tekkare/auriga 0.2.169 → 0.2.171

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.169"
+  "version": "0.2.171"
 }

package/dist/runtime/components/argSourcesElastic.vue

@@ -1,43 +1,45 @@
 <template>
   <div v-if="!isLoadingQuery && sourceResults" class="oip_body oip_list gap-12">
-    <ArgSourceCollapse
-      v-for="(uuid, index) in reorderedUuids"
-      :key="index"
-      :source-country="
-        sourceResults?.find(
-          (x) =>
-            x.provider_uuid == uuid ||
+    <template v-for="(uuid, index) in reorderedUuids" :key="index">
+      <ArgSourceCollapse
+        v-if="
+          sourceResults?.find((x) =>
             x?.sources?.some((y) => y?.source_id === uuid)
-        )?.country_label
-      "
-      :without-country="!showCountry"
-      :source-id="uuid"
-      :source-title="constructTitle(uuid)"
-      :default-open="openedSource === uuid"
-      @click="openedSource = openedSource === uuid ? null : uuid"
-    >
-      <div class="oip_list gap-24">
-        <div class="oip_row v-center gap-24">
-          <div>
-            <p class="oip_filter_label">Last Update :</p>
-            {{ getLastUpdate(uuid)?.update }}
-          </div>
+          )
+        "
+        :source-country="
+          sourceResults?.find((x) =>
+            x?.sources?.some((y) => y?.source_id === uuid)
+          )?.country_label
+        "
+        :without-country="!showCountry"
+        :source-id="uuid"
+        :source-title="constructTitle(uuid)"
+        :default-open="openedSource === uuid"
+      >
+        <div class="oip_list gap-24">
+          <div class="oip_row v-center gap-24">
+            <div>
+              <p class="oip_filter_label">Last Update :</p>
+              {{ getLastUpdate(uuid)?.update }}
+            </div>
 
-          <div>
-            <p class="oip_filter_label">Update Frequency :</p>
-            {{ getLastUpdate(uuid)?.frequency }}
+            <div>
+              <p class="oip_filter_label">Update Frequency :</p>
+              {{ getLastUpdate(uuid)?.frequency }}
+            </div>
+          </div>
+          <div class="oip_list gap-8">
+            <p class="small_heading">About the provider</p>
+            <p v-html="getDescriptions(uuid).provider" />
+          </div>
+          <div class="oip_list gap-8">
+            <p class="small_heading">About the source</p>
+            <p v-html="getDescriptions(uuid).source" />
           </div>
         </div>
-        <div class="oip_list gap-8">
-          <p class="small_heading">About the provider</p>
-          <p v-html="getDescriptions(uuid).provider" />
-        </div>
-        <div class="oip_list gap-8">
-          <p class="small_heading">About the source</p>
-          <p v-html="getDescriptions(uuid).source" />
-        </div>
-      </div>
-    </ArgSourceCollapse>
+      </ArgSourceCollapse>
+    </template>
   </div>
   <div v-else class="oip_body oip_list gap-12">
     <div v-for="i in 3" :key="i" class="oneLoader" />
@@ -45,7 +47,7 @@
 </template>
 
 <script>
-import { onMounted, ref, watch, defineComponent } from "vue";
+import { onMounted, ref, watch, defineComponent, computed } from "vue";
 import ArgSourceCollapse from "./argSourceCollapse.vue";
 export default defineComponent({
   name: "argSourcesElastic",
@@ -67,16 +69,15 @@ export default defineComponent({
     onMounted(async () => {
       openedSource.value = props.sourceToOpen;
     });
-    const reorderedUuids = ref([]);
-    onMounted(() => {
-      openedSource.value = props.sourceToOpen;
-      reorderedUuids.value = props.uuids?.slice() ?? [];
-      if (props.sourceToOpen) {
-        reorderedUuids.value = [
+    const reorderedUuids = computed(() => {
+      const uuids = props.uuids?.slice() ?? [];
+      if (props.sourceToOpen && uuids.includes(props.sourceToOpen)) {
+        return [
           props.sourceToOpen,
-          ...reorderedUuids.value.filter((x) => x !== props.sourceToOpen)
+          ...uuids.filter((x) => x !== props.sourceToOpen)
         ];
       }
+      return uuids;
     });
     function constructTitle(uuid) {
       const provider = sourceResults.value.find(

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

@@ -219,7 +219,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         [Symbol.iterator]: () => StringIterator<string>;
         at: (index: number) => string | undefined;
     } | null>;
-    reorderedUuids: import("vue").Ref<string[], string[]>;
+    reorderedUuids: import("vue").ComputedRef<unknown[]>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "updateSources"[], "updateSources", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     fields: {
         type: ArrayConstructor;

package/package.json

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