@tekkare/auriga 0.1.7 → 0.1.9

package/dist/runtime/components/argSubMenu.vue

@@ -1,14 +1,30 @@
 <template>
-    <div class="arg_sub_menu">
-        <button class="arg_sub_menu_button" @click="openMenu = !openMenu">
-            {{label}}
-            <arg-icon name="CaretUp" size="12" color="var(--primary)" thickness="30" v-if="openMenu"/>
-            <arg-icon name="CaretDown" size="12" color="var(--primary)" thickness="30" v-else/>
-        </button>
-        <div v-show="openMenu" class="arg_sub_menu_content">
-            <slot/>
-        </div>
+  <div :class="sidebarOpen ? 'arg_sub_menu' : 'arg_sub_small'">
+    <button class="arg_sub_menu_button" @click="openMenu = !openMenu">
+      <span v-show="sidebarOpen">{{ label }}</span>
+      <arg-tooltip
+        :tooltip-text="label"
+        :disable="sidebarOpen"
+        dir="right"
+        :class="['tooltip_display', sidebarOpen ? '' : 'submenu_tooltip_icon']"
+      >
+        <arg-icon
+          name="CaretDown"
+          size="12"
+          color="var(--cool-grey)"
+          thickness="30"
+          :class="[
+            'action_icon',
+            sidebarOpen ? '' : 'icon_sb',
+            openMenu ? 'active_icon' : '',
+          ]"
+        />
+      </arg-tooltip>
+    </button>
+    <div v-show="openMenu" class="arg_sub_menu_content">
+      <slot />
     </div>
+  </div>
 </template>
 <script>
 import {
@@ -23,7 +39,8 @@ export default defineComponent({
   props: {
     label: { type: String, required: true },
     icon: { type: String },
-    defaultCollapseState: { type: Boolean, default: true }
+    defaultCollapseState: { type: Boolean, default: true },
+    sidebarOpen: { type: Boolean, default: true }
   },
   setup(props) {
     let openMenu = ref(props.defaultCollapseState);
@@ -34,34 +51,59 @@ export default defineComponent({
 });
 </script>
 <style>
-.arg_sub_menu{
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 8px;
-    align-self: stretch;
-    width: 100%;
-    cursor: pointer;
+.arg_sub_small {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--s, 8px);
+}
+.arg_sub_menu {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+  align-self: stretch;
+  width: 100%;
+  cursor: pointer;
 }
 
-.arg_sub_menu_button{
-    width: 100%;
-    outline: none;
-    border: 0px solid transparent;
-    background-color: transparent;
-    padding: 0;
-    display: flex;
-    padding: 3px 8px 6px 8px;
-    align-items: center;
-    gap: 10px;
-    align-self: stretch;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: normal;
-    cursor: pointer;
+.arg_sub_menu_button {
+  width: 100%;
+  outline: none;
+  border: 0px solid transparent;
+  background-color: transparent;
+  padding: 0;
+  display: flex;
+  padding: 3px 8px 6px 8px;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  align-self: stretch;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+  cursor: pointer;
+}
+.arg_sub_menu_content {
+  width: 100%;
 }
-.arg_sub_menu_content{
-    width: 100%;
+
+.icon_sb,
+.submenu_tooltip_icon {
+  flex: 1 1 100%;
+}
+
+.tooltip_display {
+  display: flex !important;
+}
+
+.action_icon {
+  transition: all ease 0.3s;
+}
+
+.active_icon {
+  transform: rotate(180deg);
+  color: var(--primary) !important;
 }
-</style>
+</style>

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

@@ -10,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    sidebarOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     openMenu: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -24,7 +28,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    sidebarOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
+    sidebarOpen: boolean;
     defaultCollapseState: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/argTable.vue

@@ -180,7 +180,7 @@
     <div class="show_full_table">
       <arg-btn
         v-if="
-          (saveTable.length > savePageSize || this.showFull) &&
+          (saveTable.length > savePageSize || showFull) &&
           finalTable.length > 0 &&
           showToggle
         "
@@ -909,4 +909,18 @@ th:last-child div.show .rcd-searchInput {
 .hidden {
   display: none !important;
 }
+.scroll_table .rcd_scrollTable::-webkit-scrollbar {
+  width: 5px !important;
+}
+
+.scroll_table .rcd_scrollTable::-webkit-scrollbar-thumb,
+.modal_content::-webkit-scrollbar-thumb {
+  background: var(--lavendar-grey);
+  border-radius: 15px;
+}
+
+.scroll_table .rcd_scrollTable::-webkit-scrollbar-thumb:hover,
+.modal_content::-webkit-scrollbar-thumb:hover {
+  background: var(--wild-blue-yonder) !important ;
+}
 </style>

package/package.json

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