@v1nt1248/3nclient-lib 0.3.7 → 0.3.9

package/dist/ui3n-plugins.js

@@ -1,6 +1,5 @@
 import "pinia";
 import { computed as e, createApp as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, markRaw as c, normalizeClass as l, normalizeStyle as u, onMounted as d, openBlock as f, ref as p, renderSlot as m, toDisplayString as h, unref as g, useCssModule as _, useCssVars as v, watch as y, withDirectives as b, withKeys as x } from "vue";
-Object.create, Object.defineProperty, Object.getOwnPropertyDescriptor, Object.getOwnPropertyNames, Object.getPrototypeOf, Object.prototype.hasOwnProperty;
 //#region \0rolldown/runtime.js
 var S = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), C = Symbol.for("ui3n-dialogs-plugin"), w = Symbol.for("ui3n-i18-plugin"), T = Symbol("ui3n-notifications-plugin"), E = Symbol("ui3n-vuebus-plugin"), D = { install: (e, t) => {
 	let { lang: n, messages: r } = t, i = Object.keys(r) || [], a = (t, n) => {

package/dist/variables.css

@@ -127,6 +127,7 @@
   --shadow-key-3: var(--black-4);
   --shadow-close: var(--black-4);
   --shadow-far: var(--black-8);
+  --shadow-back: var(--black-48);
   --global-default: var(--grey-5);
   --global-subdefault: var(--grey-10);
   --default-fill-default: var(--white-100);
@@ -293,6 +294,7 @@
   --shadow-key-3: var(--white-4);
   --shadow-close: var(--black-12);
   --shadow-far: var(--black-24);
+  --shadow-back: var(--white-48);
   --global-default: var(--blue-95);
   --global-subdefault: var(--blue-90);
   --default-fill-default: var(--blue-100);
@@ -459,6 +461,7 @@
   --shadow-key-3: var(--white-4);
   --shadow-close: var(--black-12);
   --shadow-far: var(--black-24);
+  --shadow-back: var(--white-48);
   --global-default: var(--grey-95);
   --global-subdefault: var(--grey-90);
   --default-fill-default: var(--grey-100);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@v1nt1248/3nclient-lib",
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.3.7",
+  "version": "0.3.9",
   "description": "Library for 3NWeb clients",
   "type": "module",
   "files": [
@@ -51,32 +51,32 @@
     "docs:preview": "vitepress preview docs"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.7.6",
+    "@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.1",
+    "sanitize-html": "2.17.2",
     "vuedraggable": "4.1.0"
   },
   "peerDependencies": {
     "pinia": "3.0.4",
-    "vue": "3.5.30"
+    "vue": "3.5.31"
   },
   "devDependencies": {
-    "@eslint/eslintrc": "^3.3.5",
-    "@eslint/js": "^9.39.1",
+    "@eslint/eslintrc": "3.3.5",
+    "@eslint/js": "10.0.1",
     "@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",
+    "@typescript-eslint/eslint-plugin": "8.57.2",
+    "@typescript-eslint/parser": "8.57.2",
     "@vitejs/plugin-vue": "6.0.5",
-    "@vue/compiler-core": "3.5.30",
+    "@vue/compiler-core": "3.5.31",
     "@vue/eslint-config-typescript": "14.7.0",
-    "@vue/runtime-core": "3.5.30",
+    "@vue/runtime-core": "3.5.31",
     "@vuedx/typescript-plugin-vue": "0.7.6",
-    "eslint": "9.39.4",
+    "eslint": "10.1.0",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-node": "11.1.0",
@@ -90,22 +90,22 @@
     "postcss-html": "1.8.1",
     "prettier": "3.8.1",
     "sass": "1.98.0",
-    "stylelint": "17.4.0",
+    "stylelint": "17.5.0",
     "stylelint-config-recommended-scss": "17.0.0",
     "stylelint-config-recommended-vue": "1.6.1",
     "stylelint-config-standard": "39.0.1",
     "stylelint-scss": "7.0.0",
     "tslib": "2.8.1",
     "typescript": "5.9.3",
-    "typescript-eslint": "8.57.1",
-    "vite": "8.0.0",
+    "typescript-eslint": "8.57.2",
+    "vite": "8.0.2",
     "vite-plugin-css-injected-by-js": "4.0.1",
     "vite-plugin-dts": "4.5.4",
-    "vite-plugin-vue-devtools": "8.1.0",
+    "vite-plugin-vue-devtools": "8.1.1",
     "vitepress": "1.6.4",
-    "vue": "3.5.30",
+    "vue": "3.5.31",
     "vue-eslint-parser": "10.4.0",
-    "vue-tsc": "3.2.5"
+    "vue-tsc": "3.2.6"
   },
   "packageManager": "pnpm@10.32.1",
   "pnpm": {

package/src/components/ui3n-dialog/ui3n-dialog-provider.vue

@@ -48,6 +48,6 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    background-color: var(--shadow-close);
+    background-color: oklch(25% 0 0deg / 0.75);
   }
 </style>

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

@@ -231,7 +231,7 @@
   @use '../../assets/styles/mixins' as mixins;
 
   .dialog {
-    --ui3n-dialog-border-radius: 8px;
+    --ui3n-dialog-border-radius: 12px;
     --ui3n-dialog-title-height: 48px;
     --ui3n-dialog-title-padding: 0 32px 0 16px;
     --ui3n-dialog-title-font-size: 14px;
@@ -249,9 +249,12 @@
     min-height: var(--spacing-xxl);
     max-height: 95%;
     background-color: var(--color-bg-block-primary-default);
+    border: 1px solid var(--color-border-block-primary-default);
     border-radius: var(--ui3n-dialog-border-radius);
     outline: none;
-    @include mixins.elevation(2);
+    box-shadow:
+      0 5px 15px -3px var(--shadow-key-2),
+      0 2px 10px -1px var(--shadow-key-3);
 
     &.draggable {
       cursor: move;

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

@@ -13,6 +13,8 @@
   const isFocused = ref(false);
   const errorMessage = ref('');
 
+  const isInitialized = ref(false);
+
   const cssIconColor = computed(() => {
     if (props.disabled) {
       return 'var(--color-icon-control-primary-disabled)';
@@ -109,9 +111,12 @@
     }
 
     emits('init', inputElement.value!);
-    if (props.validateAtStartup) {
+    if (props.validateAtStartup && !isInitialized.value) {
       validate(text.value);
     }
+    if (!isInitialized.value) {
+      isInitialized.value = true;
+    }
   });
 
   watch(
@@ -119,7 +124,14 @@
     (val, oldVal) => {
       if ((val ?? '') !== (oldVal ?? '')) {
         text.value = val ?? '';
-        validate(text.value);
+
+        if ((props.validateAtStartup && !isInitialized.value) || isInitialized.value) {
+          validate(text.value);
+        }
+
+        if (!isInitialized.value) {
+          isInitialized.value = true;
+        }
       }
     },
     { immediate: true },
@@ -193,7 +205,7 @@
     />
 
     <div
-      v-if="(isDirty && errorMessage) || (displayStateMode && displayStateMessage)"
+      v-if="(text && errorMessage) || (isDirty && errorMessage) || (displayStateMode && displayStateMessage)"
       :class="[
         $style.ui3nInputFieldMessage,
         (errorMessage || (displayStateMode === 'error' && displayStateMessage)) && $style.ui3nInputErrorMessage,