@v1nt1248/3nclient-lib 0.3.20 → 0.3.22

package/package.json

@@ -2,7 +2,7 @@
   "name": "@v1nt1248/3nclient-lib",
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.3.20",
+  "version": "0.3.22",
   "description": "Library for 3NWeb clients",
   "type": "module",
   "files": [

package/src/components/ui3n-progress/ui3n-progress-circular.vue

@@ -1,20 +1,17 @@
 <script lang="ts" setup>
   import { computed, onBeforeMount, onBeforeUnmount, ref, useCssModule } from 'vue';
-  import { toNumber } from 'lodash';
+  import toNumber from 'lodash/toNumber';
   import type { Ui3nProgressCircularProps } from './types';
 
   const thresholdSize = 64;
   const indeterminateModeValues = [1, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 85, 90, 95, 99];
 
-  const props = withDefaults(
-    defineProps<Ui3nProgressCircularProps>(),
-    {
-      value: 0,
-      size: 64,
-      bgColor: 'var(--color-bg-control-primary-default)',
-      color: 'var(--color-bg-control-accent-default)',
-    },
-  );
+  const props = withDefaults(defineProps<Ui3nProgressCircularProps>(), {
+    value: 0,
+    size: 64,
+    bgColor: 'var(--color-bg-control-primary-default)',
+    color: 'var(--color-bg-control-accent-default)',
+  });
 
   const $style = useCssModule();
 
@@ -47,7 +44,7 @@
 
   const strokeDasharray = computed(() => {
     const value = props.indeterminate ? indeterminateModeValue.value : innerValue.value;
-    const dash = Math.round(circumference.value * value! / 100);
+    const dash = Math.round((circumference.value * value!) / 100);
     const gap = circumference.value - dash;
     return `${dash} ${gap}`;
   });
@@ -58,7 +55,7 @@
     timerId.value = setInterval(() => {
       indeterminateModeValue.value = indeterminateModeValues[index % indeterminateModeValuesLength];
       index += 1;
-      if ((index % indeterminateModeValuesLength) === 1) {
+      if (index % indeterminateModeValuesLength === 1) {
         if (element.value?.classList.contains($style.inverse)) {
           element.value?.classList.remove($style.inverse);
         } else {

package/src/components/ui3n-progress/ui3n-progress-linear.vue

@@ -1,29 +1,23 @@
 <script lang="ts" setup>
   import { computed } from 'vue';
-  import { toNumber } from 'lodash';
+  import toNumber from 'lodash/toNumber';
   import type { Ui3nProgressLinearProps } from './types';
 
   const thresholdHeight = 12;
   const thresholdValue = 5;
 
-  const props = withDefaults(
-    defineProps<Ui3nProgressLinearProps>(),
-    {
-      value: 0,
-      height: 2,
-      bgColor: 'var(--color-bg-control-primary-default)',
-      color: 'var(--color-bg-control-accent-default)',
-    },
-  );
+  const props = withDefaults(defineProps<Ui3nProgressLinearProps>(), {
+    value: 0,
+    height: 2,
+    bgColor: 'var(--color-bg-control-primary-default)',
+    color: 'var(--color-bg-control-accent-default)',
+  });
 
   const isValueShown = computed(() => props.withText && !props.indeterminate);
   const innerHeight = computed(() => toNumber(props.height));
   const cssHeight = computed(() => `${innerHeight.value}px`);
   const innerValue = computed(() => toNumber(props.value));
-  const displayValue = computed(() => props.indeterminate
-    ? `20%`
-    : `${Math.min(innerValue.value, 100)}%`,
-  );
+  const displayValue = computed(() => (props.indeterminate ? `20%` : `${Math.min(innerValue.value, 100)}%`));
 </script>
 
 <template>
@@ -105,11 +99,11 @@
 
   @keyframes move {
     from {
-      left: -22%
+      left: -22%;
     }
 
     to {
-      left: 122%
+      left: 122%;
     }
   }
 </style>

package/src/components/ui3n-table/composables/useTable.ts

@@ -1,5 +1,7 @@
 import { computed, type Ref, ref, watch, UnwrapRef } from 'vue';
-import { get, isEmpty, size } from 'lodash';
+import get from 'lodash/get';
+import isEmpty from 'lodash/isEmpty';
+import size from 'lodash/size';
 import {
   Ui3nTableBodyBaseItem,
   Ui3nTableConfig,
@@ -25,8 +27,8 @@ export function useTable<T extends Ui3nTableBodyBaseItem>(props: Ui3nTableProps<
   const selectedRowsArray = computed(() =>
     isRowKeyUsed.value
       ? props.body.content.filter(row =>
-        (selectedRows.value as Array<T[keyof T]>).includes(row[currentConfig.value.fieldAsRowKey as keyof T]),
-      )
+          (selectedRows.value as Array<T[keyof T]>).includes(row[currentConfig.value.fieldAsRowKey as keyof T]),
+        )
       : Array.from(selectedRows.value as Set<T>),
   );
   const selectedRowsSize = computed(() =>
@@ -148,7 +150,7 @@ export function useTable<T extends Ui3nTableBodyBaseItem>(props: Ui3nTableProps<
       }
     } else {
       isRowKeyUsed.value &&
-      (selectedRows.value as Array<T[keyof T]>).push(row[currentConfig.value.fieldAsRowKey as keyof T]);
+        (selectedRows.value as Array<T[keyof T]>).push(row[currentConfig.value.fieldAsRowKey as keyof T]);
       !isRowKeyUsed.value && (selectedRows.value as Set<T>).add(row);
     }
   }
@@ -186,13 +188,15 @@ export function useTable<T extends Ui3nTableBodyBaseItem>(props: Ui3nTableProps<
 
   function changeSortOrder(field: keyof T) {
     if (currentConfig.value.sortOrder?.field === field) {
-      currentConfig.value.sortOrder.direction = currentConfig.value.sortOrder?.direction === 'asc' ? 'desc' : 'asc';
+      currentConfig.value.sortOrder.direction =
+        currentConfig.value.sortOrder?.direction === 'asc' ? 'desc' : 'asc';
     } else {
       currentConfig.value.sortOrder!.field = field as UnwrapRef<keyof T>;
       currentConfig.value.sortOrder!.direction = 'desc';
     }
 
-    currentConfig.value.sortOrder?.field && emits('change:sort', currentConfig.value.sortOrder as Ui3nTableSort<T>);
+    currentConfig.value.sortOrder?.field &&
+      emits('change:sort', currentConfig.value.sortOrder as Ui3nTableSort<T>);
   }
 
   watch(
@@ -201,7 +205,8 @@ export function useTable<T extends Ui3nTableBodyBaseItem>(props: Ui3nTableProps<
       if (val && val !== oVal) {
         tableEl.value && tableEl.value.style.setProperty('--ui3n-table-columns-width', val);
       }
-    }, {
+    },
+    {
       immediate: true,
     },
   );