@v1nt1248/3nclient-lib 0.2.93 → 0.2.95

package/package.json

@@ -2,7 +2,7 @@
   "name": "@v1nt1248/3nclient-lib",
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.2.93",
+  "version": "0.2.95",
   "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 '';
@@ -180,6 +180,7 @@
       isMenuOpen.value = true;
       activeItemsIndex.value = 0;
       menuBodyEl.value && menuBodyEl.value.focus();
+      console.log('<- 111 ->');
       return;
     }
 
@@ -194,6 +195,7 @@
         };
         onItemClick(item as unknown as T);
       }
+      props.clearOnSelect && (query.value = '');
       return;
     }
 
@@ -201,6 +203,7 @@
       const item = filteredItems.value[activeItemsIndex.value!];
       onItemClick(item);
       activeItemsIndex.value = null;
+      props.clearOnSelect && (query.value = '');
     }
   }
 
@@ -299,7 +302,7 @@
           @keydown.esc="onKeydown($event, 'esc')"
           @keydown.enter="onKeydown($event, 'enter')"
           @keydown.tab="onKeydown($event, 'tab')"
-        >
+        />
       </div>
 
       <template #menu>
@@ -318,7 +321,7 @@
                 :class="[
                   $style.item,
                   activeItemsIndex === index && $style.itemSelected,
-                  disabled && $style.itemDisabled
+                  disabled && $style.itemDisabled,
                 ]"
                 @click.stop.prevent="onItemClick(item)"
               >

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

@@ -7,7 +7,7 @@
   const props = defineProps<Ui3nInputProps>();
   const emits = defineEmits<Ui3nInputEmits>();
 
-  const $css = useCssModule();
+  const css = useCssModule();
 
   const inputElement = ref<HTMLInputElement | null>(null);
   const text = ref<string>('');
@@ -32,29 +32,29 @@
   });
 
   const mainCssClasses = computed(() => {
-    const val = [$css.ui3nInput];
-    props.label && val.push($css.withLabel);
-    props.icon && val.push($css.withIcon);
-    props.clearable && text.value && val.push($css.clearable);
-    props.disabled && val.push($css.disabled);
-    ((!!errorMessage.value && !isValid.value) || props.displayStateMode === 'error') && val.push($css.error);
-    props.displayStateMode === 'success' && val.push($css.success);
+    const val = [css.ui3nInput];
+    props.label && val.push(css.withLabel);
+    props.icon && val.push(css.withIcon);
+    props.clearable && text.value && val.push(css.clearable);
+    props.disabled && val.push(css.disabled);
+    ((!!errorMessage.value && !isValid.value) || props.displayStateMode === 'error') && val.push(css.error);
+    props.displayStateMode === 'success' && val.push(css.success);
 
     return val;
   });
 
   const iconCssClasses = computed(() => {
-    const val = [$css.ui3nInputIcon];
-    props.disabled && val.push($css.ui3nInputIconDisabled);
+    const val = [css.ui3nInputIcon];
+    props.disabled && val.push(css.ui3nInputIconDisabled);
 
     return val;
   });
 
   const messageCssClasses = computed(() => {
-    const val = [$css.ui3nInputFieldMessage];
+    const val = [css.ui3nInputFieldMessage];
     (errorMessage.value || (props.displayStateMode === 'error' && !!props.displayStateMessage)) &&
-    val.push($css.ui3nInputErrorMessage);
-    props.displayStateMode === 'success' && props.displayStateMessage && val.push($css.ui3nInputSuccessMessage);
+      val.push(css.ui3nInputErrorMessage);
+    props.displayStateMode === 'success' && props.displayStateMessage && val.push(css.ui3nInputSuccessMessage);
 
     return val;
   });
@@ -185,12 +185,12 @@
       :class="$style.ui3nInputField"
       @input="onInput"
       @keydown.enter="onEnterKeydown"
-      @keydown.escape="onEscapeKeydown"
+      @keydown.esc="onEscapeKeydown"
       @keydown="onKeydown"
       @focusin="onFocus"
       @focusout="onBlur"
       @change="onChange"
-    >
+    />
 
     <ui3n-icon
       v-if="icon"
@@ -238,7 +238,7 @@
 
     position: relative;
     width: 100%;
-    padding: 1px;
+    padding: 1px 1px 15px 1px;
     border-radius: var(--spacing-xs);
 
     &:hover {
@@ -323,11 +323,14 @@
   }
 
   .ui3nInputFieldMessage {
+    position: absolute;
+    left: 0;
+    width: 100%;
+    top: 55px;
     font-style: italic;
     font-size: var(--font-10);
     font-weight: 400;
-    line-height: 1.4;
-    margin-top: 2px;
+    line-height: 1.1;
 
     &.ui3nInputErrorMessage {
       color: var(--error-content-default);