@tekkare/auriga 0.1.45 → 0.1.47

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.45"
+  "version": "0.1.47"
 }

package/dist/runtime/components/argAdvancedSearchBar.vue

@@ -514,7 +514,7 @@ export default defineComponent({
   background: var(--pure-white);
   border: 1.5px solid var(--dividers);
   border-radius: 8px;
-  align-self: stretch;
+  width: calc(100% - 24px);
   height: 40px;
 }
 

package/dist/runtime/components/argCheckbox.vue

@@ -143,7 +143,7 @@ export default defineComponent({
   font-size: 14px;
   line-height: 16px;
   height: 40px;
-  width: 228px;
+  width: 202px;
   cursor: pointer;
 }
 .filter_tooltip {

package/dist/runtime/components/argFilterCard.vue

@@ -120,8 +120,7 @@ export default defineComponent({
 }
 
 .full-width {
-  align-self: stretch;
-  flex-basis: 100%;
+  width: 100%;
 }
 
 .filter-icon {

package/dist/runtime/components/argHomeSelectedBlock.vue

@@ -23,7 +23,7 @@
         </div>
         <p class="theme_descr">{{ selected.description }}</p>
       </div>
-      <div>
+      <div class="selected_block_links">
         <div v-for="(item, index) in selected.links" :key="index">
           <arg-sub-menu
             v-if="item.subLinks"
@@ -115,4 +115,9 @@ export default defineComponent({
   font-weight: 400;
   line-height: 160%;
 }
+.selected_block_links {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
 </style>

package/dist/runtime/components/argMainLayout.vue

@@ -22,7 +22,7 @@
 import {
   onMounted,
   defineComponent,
-  onBeforeUpdate
+  onUpdated
 } from "vue";
 import argFooter from "./argFooter.vue";
 import argStyle from "./argStyle.vue";
@@ -46,7 +46,7 @@ export default defineComponent({
       window.addEventListener("popstate", adjustMarginForBody);
       window.addEventListener("click", adjustMarginForBody);
     });
-    onBeforeUpdate(() => {
+    onUpdated(() => {
       adjustMarginForBody();
     });
     function adjustMarginForBody() {

package/dist/runtime/components/argScopeChange.vue

@@ -56,6 +56,7 @@ import {
   onMounted,
   ref,
   computed,
+  watch,
   defineComponent,
   onUnmounted
 } from "vue";
@@ -82,6 +83,14 @@ export default defineComponent({
         selectedScope.value = props.active_scope;
       }
     });
+    watch(
+      () => props.active_scope,
+      (new_scopes) => {
+        if (new_scopes !== null) {
+          selectedScope.value = new_scopes;
+        }
+      }
+    );
     const getTitle = computed(() => {
       if (props.scopes.length > 0) {
         return props.lang === "en" ? "Change scope" : "Changer de scope";

package/dist/runtime/components/argScopeModal.vue

@@ -220,6 +220,7 @@ export default defineComponent({
   width: 50%;
   flex: 1 1 0;
   display: flex;
+  align-self: stretch;
 }
 
 .arg_save_header > h1 {
@@ -276,6 +277,7 @@ textarea::placeholder {
   justify-content: center;
   white-space: wrap;
   text-align: center;
+  align-self: stretch;
 }
 
 .cursor-pointer {

package/dist/runtime/components/argSearchInput.vue

@@ -79,7 +79,7 @@ export default defineComponent({
   background: var(--pure-white);
   border: 1.5px solid var(--dividers);
   border-radius: 8px;
-  align-self: stretch;
+  width: calc(100% - 24px);
   margin: 5px 0px;
   min-height: 40px;
 }

package/dist/runtime/components/argSimpleLabel.vue

@@ -61,7 +61,7 @@ export default defineComponent({
 
 .oip_select_block {
   cursor: pointer;
-  width: 222px;
+  width: 202px;
   padding: 12px;
   display: flex;
   align-items: center;

package/dist/runtime/components/argStyle.vue

@@ -91,6 +91,7 @@ body {
   color: var(--independence);
   background: var(--background);
   margin: 0px;
+  text-wrap: pretty;
 }
 a {
   text-decoration: none;
@@ -707,6 +708,7 @@ button {
   flex-direction: row;
   justify-content: center;
   align-items: center;
+  text-wrap: pretty;
 }
 .oip_button_loading {
   position: absolute;

package/dist/runtime/components/argSubMenu.vue

@@ -1,7 +1,18 @@
 <template>
   <div :class="sidebarOpen ? 'arg_sub_menu' : 'arg_sub_small'">
     <button class="arg_sub_menu_button" @click="openMenu = !openMenu">
-      <span v-show="sidebarOpen">{{ label }}</span>
+      <div class="oip_row v-center gap-4">
+        <arg-icon
+          v-if="icon !== null"
+          :name="icon"
+          size="12"
+          color="var(--cool-grey)"
+          thickness="30"
+          :class="[openMenu ? 'active_icon' : '']"
+        />
+        <arg-flag v-else-if="flagIso !== null" :iso="flagIso" emoji />
+        <span v-show="sidebarOpen">{{ label }}</span>
+      </div>
       <arg-tooltip
         :tooltip-text="label"
         :disable="sidebarOpen"
@@ -16,7 +27,7 @@
           :class="[
             'action_icon',
             sidebarOpen ? '' : 'icon_sb',
-            openMenu ? 'active_icon' : '',
+            openMenu ? 'active_icon rotate_icon' : '',
           ]"
         />
       </arg-tooltip>
@@ -38,7 +49,8 @@ export default defineComponent({
   components: { argIcon, argTooltip },
   props: {
     label: { type: String, required: true },
-    icon: { type: String },
+    icon: { type: String, default: null },
+    flagIso: { type: String, default: null },
     defaultCollapseState: { type: Boolean, default: true },
     sidebarOpen: { type: Boolean, default: true }
   },
@@ -106,7 +118,10 @@ export default defineComponent({
 }
 
 .active_icon {
-  transform: rotate(180deg);
   color: var(--primary) !important;
 }
+
+.rotate_icon {
+  transform: rotate(180deg);
+}
 </style>

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

@@ -5,6 +5,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     icon: {
         type: StringConstructor;
+        default: null;
+    };
+    flagIso: {
+        type: StringConstructor;
+        default: null;
     };
     defaultCollapseState: {
         type: BooleanConstructor;
@@ -23,6 +28,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     icon: {
         type: StringConstructor;
+        default: null;
+    };
+    flagIso: {
+        type: StringConstructor;
+        default: null;
     };
     defaultCollapseState: {
         type: BooleanConstructor;
@@ -33,7 +43,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
+    icon: string;
     sidebarOpen: boolean;
+    flagIso: string;
     defaultCollapseState: boolean;
 }, {}>;
 export default _default;

package/package.json

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