@tekkare/auriga 0.2.165 → 0.2.167

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.165"
+  "version": "0.2.167"
 }

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/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"
@@ -45,7 +45,7 @@
               trueActiveMenu === item.name ? '' : 'hide',
             ]"
           >
-            <slot :name="item.name?.replace(' ', '')" />
+            <slot :name="item.name" />
           </div>
         </div>
       </div>
@@ -57,7 +57,6 @@
 import {
   onMounted,
   ref,
-  onUnmounted,
   onBeforeMount,
   defineComponent,
   watch
@@ -145,25 +144,22 @@ export default defineComponent({
       trueActiveMenu.value = props.activeMenu;
       infoOpen.value = props.toolbarOpen;
     });
-    onMounted(() => {
-      const body = document.querySelector("html");
-      if (body) {
-        body.style.overflow = "hidden";
-      }
-    });
-    const removeOverflow = () => {
-      const body = document.querySelector("html");
-      if (body) {
-        body.style.removeProperty("overflow");
+    function toggleBodyOverflow(state) {
+      if (typeof window !== "undefined") {
+        const body = document.querySelector("html");
+        if (body) {
+          state ? body.style.setProperty("overflow", "hidden") : body.style.removeProperty("overflow");
+        }
       }
-    };
-    onUnmounted(() => {
-      removeOverflow();
-    });
+    }
+    watch(infoOpen, toggleBodyOverflow, { immediate: true });
     function openMenu(item) {
       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);
@@ -173,7 +169,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.165",
+  "version": "0.2.167",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",