@v1nt1248/3nclient-lib 0.2.32 → 0.2.34

package/dist/utils/files/create-video-thumbnail.d.ts

@@ -1,2 +1,2 @@
-import { Nullable } from '../../components/types';
+import { Nullable } from '../../types';
 export declare function createVideoThumbnail(file: File, targetSize: number, seekTo: number): Promise<Nullable<string>>;

package/dist/utils/for-vue/try-on-scope-dispose.d.ts

@@ -0,0 +1,2 @@
+import { Fn } from '../../types';
+export declare function tryOnScopeDispose(fn: Fn): boolean;

package/dist/utils/for-vue/unref-element.d.ts

@@ -0,0 +1,2 @@
+import { MaybeComputedElementRef, MaybeElement, UnRefElementReturn } from '../../types';
+export declare function unrefElement<T extends MaybeElement>(elRef: MaybeComputedElementRef<T>): UnRefElementReturn<T>;

package/dist/utils/index.d.ts

@@ -6,7 +6,7 @@ export * from './processes/task-runner';
 export * from './round';
 export * from './get-random-id';
 export * from './textarea-max-rows';
-export * from './for-we3n';
+export * from './for-web3n';
 export * from './ui/selection';
 export * from './ui/mark-search';
 export * from './ui/has-slot-content';
@@ -26,5 +26,7 @@ export * from './files/resize-image';
 export * from './files/file-to-uint8array';
 export * from './files/create-video-thumbnail';
 export * from './files/mime-types';
+export * from './for-vue/unref-element';
+export * from './for-vue/try-on-scope-dispose';
 export { SQLiteOn3NStorage } from './sqlite-on-3nstorage';
 export type { BindParams, Database, QueryExecResult } from './sqlite-on-3nstorage';

package/package.json

@@ -2,7 +2,7 @@
   "name": "@v1nt1248/3nclient-lib",
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.2.32",
+  "version": "0.2.34",
   "description": "Library for 3NWeb clients",
   "type": "module",
   "files": [
@@ -37,72 +37,77 @@
     "build:components": "LIB_NAME=lib vite build",
     "build:plugins": "LIB_NAME=plugins vite build",
     "build:utils": "LIB_NAME=utils vite build",
-    "build": "pnpm run clean:dist && pnpm run build:plugins && pnpm run build:utils && pnpm run build:components && pnpm run copy:css",
-    "pack": "pnpm run build && npm pack && cp *.tgz ./dist && rm *.tgz",
+    "build": "pnpm clean:dist && pnpm build:plugins && pnpm build:utils && pnpm build:components && pnpm copy:css",
+    "pack": "pnpm build && npm pack && cp *.tgz ./dist && rm *.tgz",
     "preview": "vite preview",
-    "stylelint": "stylelint --config .stylelint.config.cjs 'src/**/*.{vue,scss}'",
-    "stylelint:fix": "stylelint --config .stylelint.config.cjs --fix 'src/**/*.{vue,scss}'",
-    "linter": "eslint -c .eslintrc.cjs --ext .js,.vue,.ts, src",
-    "linter:fix": "eslint -c .eslintrc.cjs --fix --ext .js,.vue,.ts, src",
-    "lint": "pnpm run linter && pnpm run stylelint",
-    "lint:fix": "pnpm run linter:fix && pnpm run stylelint:fix",
+    "stylelint": "stylelint --config .stylelint.config.cjs 'src/**/*.{vue,scss,css}'",
+    "stylelint:fix": "stylelint --config .stylelint.config.cjs --fix 'src/**/*.{vue,scss,css}'",
+    "linter": "eslint -c eslint.config.js --ext .js,.vue,.ts, src",
+    "linter:fix": "eslint -c eslint.config.js --fix --ext .js,.vue,.ts, src",
+    "lint": "pnpm linter && pnpm stylelint",
+    "lint:fix": "pnpm linter:fix && pnpm stylelint:fix",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:preview": "vitepress preview docs"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.6.13",
-    "@floating-ui/vue": "1.1.6",
+    "@floating-ui/dom": "^1.7.3",
+    "@floating-ui/vue": "1.1.8",
     "dayjs": "1.11.13",
     "lodash": "4.17.21",
     "mitt": "3.0.1",
-    "sanitize-html": "2.16.0",
-    "tslib": "2.8.1",
+    "sanitize-html": "2.17.0",
     "vuedraggable": "4.1.0"
   },
   "peerDependencies": {
-    "pinia": "3.0.2",
-    "vue": "3.5.13"
+    "pinia": "3.0.3",
+    "vue": "3.5.18"
   },
   "devDependencies": {
-    "@types/lodash": "4.17.12",
-    "@types/node": "20.17.12",
-    "@types/sanitize-html": "2.13.0",
-    "@typescript-eslint/eslint-plugin": "8.0.1",
-    "@typescript-eslint/parser": "8.0.1",
-    "@vitejs/plugin-vue": "5.2.3",
-    "@vue/compiler-core": "3.5.13",
-    "@vue/eslint-config-typescript": "13.0.0",
-    "@vue/runtime-core": "3.5.13",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.32.0",
+    "@types/lodash": "4.17.20",
+    "@types/node": "22.17.0",
+    "@types/sanitize-html": "2.16.0",
+    "@typescript-eslint/eslint-plugin": "8.39.0",
+    "@typescript-eslint/parser": "8.39.0",
+    "@vitejs/plugin-vue": "6.0.1",
+    "@vue/compiler-core": "3.5.18",
+    "@vue/eslint-config-typescript": "14.6.0",
+    "@vue/runtime-core": "3.5.18",
     "@vuedx/typescript-plugin-vue": "0.7.6",
-    "eslint": "9.9.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "2.29.1",
+    "eslint": "9.32.0",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-plugin-import": "2.32.0",
     "eslint-plugin-node": "11.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-promise": "7.1.0",
-    "eslint-plugin-vue": "9.27.0",
-    "jackspeak": "4.0.1",
+    "eslint-plugin-prettier": "^5.5.3",
+    "eslint-plugin-promise": "7.2.1",
+    "eslint-plugin-vue": "10.4.0",
+    "globals": "^16.3.0",
+    "jackspeak": "4.1.1",
     "path": "0.12.7",
-    "pinia": "3.0.2",
-    "postcss-html": "1.7.0",
-    "prettier": "^3.3.3",
-    "sass": "1.87.0",
-    "stylelint": "16.8.1",
+    "pinia": "3.0.3",
+    "postcss-html": "1.8.0",
+    "prettier": "^3.6.2",
+    "sass": "1.89.2",
+    "stylelint": "16.23.0",
     "stylelint-config-recommended-scss": "14.1.0",
-    "stylelint-config-recommended-vue": "1.5.0",
+    "stylelint-config-recommended-vue": "1.6.1",
     "stylelint-config-standard": "36.0.1",
-    "stylelint-scss": "6.5.0",
-    "typescript": "5.8.3",
-    "vite": "6.3.3",
+    "stylelint-scss": "6.12.1",
+    "tslib": "2.8.1",
+    "typescript": "5.9.2",
+    "typescript-eslint": "^8.39.0",
+    "vite": "6.3.5",
     "vite-plugin-css-injected-by-js": "3.5.2",
-    "vite-plugin-dts": "4.5.3",
-    "vite-plugin-vue-devtools": "^7.7.5",
+    "vite-plugin-dts": "4.5.4",
+    "vite-plugin-vue-devtools": "^7.7.7",
     "vitepress": "1.6.3",
-    "vue": "3.5.13",
-    "vue-tsc": "2.2.10"
+    "vue": "3.5.18",
+    "vue-eslint-parser": "^10.2.0",
+    "vue-tsc": "2.2.12"
   },
-  "packageManager": "pnpm@10.10.0",
+  "packageManager": "pnpm@10.14.0",
   "pnpm": {
     "peerDependencyRules": {
       "ignoreMissing": [
@@ -111,7 +116,8 @@
       ]
     },
     "onlyBuiltDependencies": [
-      "esbuild"
+      "esbuild",
+      "vue-demi"
     ]
   }
 }

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

@@ -23,7 +23,7 @@
   import Ui3nMenu from '../ui3n-menu/ui3n-menu.vue';
   import Ui3nHtml from '@/directives/ui3n-html';
   import { markSearch, getRandomId } from '@/utils';
-  import type { Nullable } from '@/components/types';
+  import type { Nullable } from '@/types';
   import {
     Ui3nAutocompleteOptionBase,
     Ui3nAutocompleteProps,
@@ -252,10 +252,20 @@
       :content-border-radius="[0, 0, 8, 8]"
       :disabled="disabled"
     >
-      <div ref="activatorEl" :class="$style.trigger">
+      <div
+        ref="activatorEl"
+        :class="$style.trigger"
+      >
         <template v-if="chips">
-          <template v-for="(item, index) in modelValue" :key="item.id">
-            <slot name="chip" :item="item" :index="index">
+          <template
+            v-for="(item, index) in modelValue"
+            :key="item.id"
+          >
+            <slot
+              name="chip"
+              :item="item"
+              :index="index"
+            >
               <ui3n-chip
                 height="32"
                 round
@@ -269,7 +279,9 @@
         </template>
 
         <template v-else>
-          <div :class="$style.displayValue">{{ displayValue }}</div>
+          <div :class="$style.displayValue">
+            {{ displayValue }}
+          </div>
         </template>
 
         <input
@@ -287,7 +299,7 @@
           @keydown.esc="onKeydown($event, 'esc')"
           @keydown.enter="onKeydown($event, 'enter')"
           @keydown.tab="onKeydown($event, 'tab')"
-        />
+        >
       </div>
 
       <template #menu>
@@ -297,7 +309,10 @@
           :class="$style.body"
         >
           <template v-if="size(filteredItems)">
-            <template v-for="(item, index) in filteredItems" :key="item.id">
+            <template
+              v-for="(item, index) in filteredItems"
+              :key="item.id"
+            >
               <div
                 :id="`${componentId}-${index}`"
                 :class="[
@@ -307,7 +322,12 @@
                 ]"
                 @click.stop.prevent="onItemClick(item)"
               >
-                <slot name="item" :item="item" :index="index" :query="query">
+                <slot
+                  name="item"
+                  :item="item"
+                  :index="index"
+                  :query="query"
+                >
                   <div
                     v-ui3n-html="markSearch(item[props.itemTitle] as string, query)"
                     :class="$style.simpleItem"
@@ -317,7 +337,10 @@
             </template>
           </template>
 
-          <div v-if="!size(filteredItems) && noDataText" :class="$style.noData">
+          <div
+            v-if="!size(filteredItems) && noDataText"
+            :class="$style.noData"
+          >
             <slot name="noDataText">
               {{ noDataText }}
             </slot>

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

@@ -1,25 +1,25 @@
 <script lang="ts" setup>
-import type { Ui3nBreadcrumbsProps } from './types';
+  import type { Ui3nBreadcrumbsProps } from './types';
 
-withDefaults(
-  defineProps<Ui3nBreadcrumbsProps>(),
-  {
-    separator: '/',
-    disabled: false,
-  },
-);
+  withDefaults(
+    defineProps<Ui3nBreadcrumbsProps>(),
+    {
+      separator: '/',
+      disabled: false,
+    },
+  );
 </script>
 
 <template>
   <div :class="$style.ui3nBreadcrumbs">
-    <slot/>
+    <slot />
   </div>
 </template>
 
 <style lang="scss" module>
-.ui3nBreadcrumbs {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-}
+  .ui3nBreadcrumbs {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+  }
 </style>