@v1nt1248/3nclient-lib 0.2.94 → 0.2.96

package/package.json

@@ -2,7 +2,7 @@
   "name": "@v1nt1248/3nclient-lib",
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.2.94",
+  "version": "0.2.96",
   "description": "Library for 3NWeb clients",
   "type": "module",
   "files": [
@@ -51,61 +51,61 @@
     "docs:preview": "vitepress preview docs"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.7.4",
-    "@floating-ui/vue": "1.1.9",
-    "dayjs": "1.11.19",
+    "@floating-ui/dom": "^1.7.6",
+    "@floating-ui/vue": "1.1.11",
+    "dayjs": "1.11.20",
     "lodash": "4.17.23",
     "mitt": "3.0.1",
-    "sanitize-html": "2.17.0",
+    "sanitize-html": "2.17.1",
     "vuedraggable": "4.1.0"
   },
   "peerDependencies": {
     "pinia": "3.0.4",
-    "vue": "3.5.28"
+    "vue": "3.5.30"
   },
   "devDependencies": {
-    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/eslintrc": "^3.3.5",
     "@eslint/js": "^9.39.1",
-    "@types/lodash": "4.17.23",
-    "@types/node": "22.19.7",
-    "@types/sanitize-html": "2.16.0",
-    "@typescript-eslint/eslint-plugin": "8.50.0",
-    "@typescript-eslint/parser": "8.50.0",
-    "@vitejs/plugin-vue": "6.0.3",
-    "@vue/compiler-core": "3.5.28",
-    "@vue/eslint-config-typescript": "14.6.0",
-    "@vue/runtime-core": "3.5.28",
+    "@types/lodash": "4.17.24",
+    "@types/node": "22.19.15",
+    "@types/sanitize-html": "2.16.1",
+    "@typescript-eslint/eslint-plugin": "8.57.1",
+    "@typescript-eslint/parser": "8.57.1",
+    "@vitejs/plugin-vue": "6.0.5",
+    "@vue/compiler-core": "3.5.30",
+    "@vue/eslint-config-typescript": "14.7.0",
+    "@vue/runtime-core": "3.5.30",
     "@vuedx/typescript-plugin-vue": "0.7.6",
-    "eslint": "9.39.2",
+    "eslint": "9.39.4",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-node": "11.1.0",
-    "eslint-plugin-prettier": "5.5.4",
+    "eslint-plugin-prettier": "5.5.5",
     "eslint-plugin-promise": "7.2.1",
-    "eslint-plugin-vue": "10.6.2",
-    "globals": "16.5.0",
-    "jackspeak": "4.1.1",
+    "eslint-plugin-vue": "10.8.0",
+    "globals": "17.4.0",
+    "jackspeak": "4.2.3",
     "path": "0.12.7",
     "pinia": "3.0.4",
     "postcss-html": "1.8.1",
     "prettier": "3.8.1",
-    "sass": "1.97.3",
-    "stylelint": "16.26.1",
-    "stylelint-config-recommended-scss": "16.0.2",
+    "sass": "1.98.0",
+    "stylelint": "17.4.0",
+    "stylelint-config-recommended-scss": "17.0.0",
     "stylelint-config-recommended-vue": "1.6.1",
     "stylelint-config-standard": "39.0.1",
-    "stylelint-scss": "6.13.0",
+    "stylelint-scss": "7.0.0",
     "tslib": "2.8.1",
     "typescript": "5.9.3",
-    "typescript-eslint": "8.50.0",
-    "vite": "7.3.1",
-    "vite-plugin-css-injected-by-js": "3.5.2",
+    "typescript-eslint": "8.57.1",
+    "vite": "8.0.0",
+    "vite-plugin-css-injected-by-js": "4.0.1",
     "vite-plugin-dts": "4.5.4",
-    "vite-plugin-vue-devtools": "8.0.6",
+    "vite-plugin-vue-devtools": "8.1.0",
     "vitepress": "1.6.4",
-    "vue": "3.5.28",
-    "vue-eslint-parser": "10.2.0",
-    "vue-tsc": "3.2.4"
+    "vue": "3.5.30",
+    "vue-eslint-parser": "10.4.0",
+    "vue-tsc": "3.2.5"
   },
   "packageManager": "pnpm@10.26.0",
   "pnpm": {

package/src/components/ui3n-autocomplete/ui3n-autocomplete.vue

@@ -54,9 +54,9 @@
   const activeItemsIndex = ref<Nullable<number>>(null);
   const isNewValueValid = ref(true);
 
-  const ids = computed(() => props.returnObject
-    ? (props.modelValue as T[]).map(item => item.id)
-    : (props.modelValue as Array<T[keyof T]>));
+  const ids = computed(() =>
+    props.returnObject ? (props.modelValue as T[]).map(item => item.id) : (props.modelValue as Array<T[keyof T]>),
+  );
 
   const displayValue = computed(() => {
     if (props.chips) return '';
@@ -194,6 +194,7 @@
         };
         onItemClick(item as unknown as T);
       }
+      props.clearOnSelect && (query.value = '');
       return;
     }
 
@@ -201,6 +202,7 @@
       const item = filteredItems.value[activeItemsIndex.value!];
       onItemClick(item);
       activeItemsIndex.value = null;
+      props.clearOnSelect && (query.value = '');
     }
   }
 
@@ -299,7 +301,7 @@
           @keydown.esc="onKeydown($event, 'esc')"
           @keydown.enter="onKeydown($event, 'enter')"
           @keydown.tab="onKeydown($event, 'tab')"
-        >
+        />
       </div>
 
       <template #menu>
@@ -318,7 +320,7 @@
                 :class="[
                   $style.item,
                   activeItemsIndex === index && $style.itemSelected,
-                  disabled && $style.itemDisabled
+                  disabled && $style.itemDisabled,
                 ]"
                 @click.stop.prevent="onItemClick(item)"
               >

package/src/components/ui3n-menu/types.ts

@@ -9,6 +9,7 @@ export interface Ui3nMenuProps {
   offsetX?: number;
   offsetY?: number;
   contentBorderRadius?: number | number[];
+  contentStyles?: Record<string, string>;
   zIndex?: number;
   closeOnClick?: boolean;
   closeOnClickOutside?: boolean;

package/src/components/ui3n-menu/ui3n-menu.vue

@@ -55,19 +55,12 @@
 
   middleware.push(shift());
 
-  const {
-    floatingStyles,
-    isPositioned,
-    update,
-  } = useFloating(
-    usedTriggerElement,
-    menuContentElement,
-    {
-      placement: 'bottom-start',
-      strategy: props.positionStrategy,
-      middleware,
-      whileElementsMounted: props.positionAutoupdate || props.positionStrategy === 'fixed' ? autoUpdate : undefined,
-    });
+  const { floatingStyles, isPositioned, update } = useFloating(usedTriggerElement, menuContentElement, {
+    placement: 'bottom-start',
+    strategy: props.positionStrategy,
+    middleware,
+    whileElementsMounted: props.positionAutoupdate || props.positionStrategy === 'fixed' ? autoUpdate : undefined,
+  });
 
   function toggleMenu() {
     if (props.disabled) {
@@ -118,14 +111,11 @@
     },
   );
 
-  watch(
-    [() => props.offsetX, () => props.offsetY],
-    ([offsetX, offsetY], [oldOffsetX, oldOffsetY]) => {
-      if (offsetX !== oldOffsetX || offsetY !== oldOffsetY) {
-        update();
-      }
-    },
-  );
+  watch([() => props.offsetX, () => props.offsetY], ([offsetX, offsetY], [oldOffsetX, oldOffsetY]) => {
+    if (offsetX !== oldOffsetX || offsetY !== oldOffsetY) {
+      update();
+    }
+  });
 
   defineExpose<Ui3nMenuExpose>({
     isPositioned,
@@ -150,7 +140,10 @@
       v-if="isShow"
       ref="menu-content-element"
       v-click-outside="onClickOutside"
-      :style="floatingStyles"
+      :style="{
+        ...floatingStyles,
+        ...(contentStyles && { ...contentStyles }),
+      }"
       :class="$style.ui3nMenuContent"
       v-on="closeOnClick ? { click: onContentClick } : {}"
     >