@tekkare/auriga 0.2.166 → 0.2.168

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.166"
+  "version": "0.2.168"
 }

package/dist/runtime/components/argSourcesElastic.vue

@@ -10,7 +10,7 @@
             x?.sources?.some((y) => y?.source_id === uuid)
         )?.country_label
       "
-      :without-country="showCountry"
+      :without-country="!showCountry"
       :source-id="uuid"
       :source-title="constructTitle(uuid)"
     >

package/dist/runtime/components/argToolbar.vue

@@ -5,7 +5,7 @@
       :key="index"
       class="oip_info_item"
       :class="item.name === 'Sources' ? 'relative' : ''"
-      @click="openMenu(item.name)"
+      @click="item.openSlot ? openMenu(item.openSlot) : openMenu(item.name)"
     >
       <arg-tooltip :tooltip-text="item.name" dir="left">
         <arg-icon :name="item.icon" size="20" />
@@ -49,8 +49,10 @@ export default defineComponent({
     const activeMenu = ref("");
     const infoOpen = ref(false);
     function openMenu(item) {
+      const exists = props.toolbarArray.some((el) => el.name === item);
+      const selected = exists ? item : props.toolbarArray[0]?.name;
       infoOpen.value = true;
-      activeMenu.value = item;
+      activeMenu.value = selected;
       emit("openToolbar", { open: infoOpen.value, menu: activeMenu.value });
     }
     return {

package/dist/runtime/components/argToolbarContent.vue

@@ -26,7 +26,7 @@
                 size="20"
                 :color="trueActiveMenu === item.name ? '' : 'var(--dark)'"
               />
-              <p>{{ item.name }}</p>
+              <p>{{ getLabel(item.name) }}</p>
             </div>
             <div
               v-if="item.name === 'Sources' && sourceAmount > 0"
@@ -34,6 +34,12 @@
             >
               {{ sourceAmount }}
             </div>
+            <div
+              v-if="item.name !== 'Sources' && item?.size && item?.size > 0"
+              class="arg_source_amount"
+            >
+              {{ item?.size }}
+            </div>
           </div>
         </div>
         <div class="oip_info_content">
@@ -45,7 +51,7 @@
               trueActiveMenu === item.name ? '' : 'hide',
             ]"
           >
-            <slot :name="item.name?.replace(' ', '')" />
+            <slot :name="item.name" />
           </div>
         </div>
       </div>
@@ -145,9 +151,11 @@ export default defineComponent({
       infoOpen.value = props.toolbarOpen;
     });
     function toggleBodyOverflow(state) {
-      const body = document.querySelector("html");
-      if (body) {
-        state ? body.style.setProperty("overflow", "hidden") : body.style.removeProperty("overflow");
+      if (typeof window !== "undefined") {
+        const body = document.querySelector("html");
+        if (body) {
+          state ? body.style.setProperty("overflow", "hidden") : body.style.removeProperty("overflow");
+        }
       }
     }
     watch(infoOpen, toggleBodyOverflow, { immediate: true });
@@ -155,6 +163,9 @@ export default defineComponent({
       trueActiveMenu.value = item;
       emit("update:Menu", trueActiveMenu.value);
     }
+    function getLabel(item) {
+      return item.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, (str) => str.toUpperCase());
+    }
     function closeInfo() {
       infoOpen.value = false;
       emit("update:Open", infoOpen.value);
@@ -164,7 +175,8 @@ export default defineComponent({
       trueActiveMenu,
       openMenu,
       closeInfo,
-      langData
+      langData,
+      getLabel
     };
   }
 });

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

@@ -29,6 +29,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     openMenu: (item: string) => void;
     closeInfo: () => void;
     langData: import("vue").Ref<any, any>;
+    getLabel: (item: string) => string;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Menu" | "update:Open")[], "update:Menu" | "update:Open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     toolbarOpen: {
         type: BooleanConstructor;

package/package.json

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