@signal24/vue-foundation 4.26.0 → 4.27.1

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.26.0",
+    "version": "4.27.1",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {
@@ -26,8 +26,6 @@
         "demo": "vite -c ./demo/vite.config.ts ./demo",
         "test:types": "vue-tsc -p tsconfig.vitest.json",
         "test:unit": "vitest",
-        "test:e2e": "start-server-and-test preview http://localhost:4173 'cypress run --e2e'",
-        "test:e2e:dev": "start-server-and-test 'vite dev --port 4173' http://localhost:4173 'cypress open --e2e'",
         "test:e2e:dev:remote": "DISPLAY=:0 yarn test:e2e:dev",
         "lint": "eslint --fix .",
         "format": "prettier --write ."
@@ -44,37 +42,35 @@
         "vue": "^3.4.0"
     },
     "devDependencies": {
-        "@eslint/js": "9.27.0",
+        "@eslint/js": "9.30.0",
         "@nabla/vite-plugin-eslint": "^2.0.5",
-        "@signal24/openapi-client-codegen": "^2.5.0",
-        "@tsconfig/node22": "^22.0.1",
+        "@signal24/openapi-client-codegen": "^2.5.1",
+        "@tsconfig/node22": "^22.0.2",
         "@types/jsdom": "^21.1.7",
-        "@types/lodash": "^4.17.16",
-        "@types/node": "^22.15.18",
+        "@types/lodash": "^4.17.19",
+        "@types/node": "^24.0.6",
         "@types/uuid": "^10.0.0",
-        "@vitejs/plugin-vue": "^5.2.4",
+        "@vitejs/plugin-vue": "^6.0.0",
         "@vue/eslint-config-prettier": "^10.2.0",
-        "@vue/eslint-config-typescript": "^14.5.0",
+        "@vue/eslint-config-typescript": "^14.5.1",
         "@vue/test-utils": "^2.4.6",
         "@vue/tsconfig": "^0.7.0",
-        "cypress": "^14.3.3",
         "date-fns": "^4.1.0",
-        "eslint": "9.27.0",
-        "eslint-plugin-cypress": "^4.3.0",
+        "eslint": "9.30.0",
         "eslint-plugin-simple-import-sort": "^12.1.1",
         "eslint-plugin-unused-imports": "^4.1.4",
-        "eslint-plugin-vue": "^10.1.0",
+        "eslint-plugin-vue": "^10.2.0",
         "jsdom": "^26.1.0",
         "lodash": "^4.17.21",
-        "prettier": "^3.5.3",
-        "sass": "^1.89.0",
+        "prettier": "^3.6.2",
+        "sass": "^1.89.2",
         "start-server-and-test": "^2.0.12",
         "type-fest": "^4.41.0",
         "typescript": "~5.8",
-        "typescript-eslint": "^8.32.1",
-        "vite": "^6.3.5",
-        "vitest": "^3.1.3",
-        "vue": "^3.5.14",
+        "typescript-eslint": "^8.35.0",
+        "vite": "^7.0.0",
+        "vitest": "^3.2.4",
+        "vue": "^3.5.17",
         "vue-tsc": "^2.2.10"
     },
     "packageManager": "yarn@4.6.0"

package/src/components/vf-ajax-select.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script setup lang="ts" generic="T">
-import { computed, defineEmits, defineProps, onMounted, ref, watch } from 'vue';
+import { computed, onMounted, ref, watch } from 'vue';
 
 // todo: make type safe when Vue alpha is released
 

package/src/components/vf-smart-select.vue

@@ -127,8 +127,15 @@ const loadedOptions = computed(() => props.options ?? remoteOptions.value ?? [])
 const effectivePrependOptions = computed(() => props.prependOptions ?? []);
 const effectiveAppendOptions = computed(() => props.appendOptions ?? []);
 const effectiveDisabled = computed(() => !!props.disabled || (!isLoaded.value && !props.loadOptions));
+const effectiveLoadingText = computed(() => props.loadingText || '...');
 const effectivePlaceholder = computed(() => {
-    if (!isLoaded.value && props.preload) return 'Loading...';
+    if (!isLoaded.value) {
+        if (!props.loadOptions) return effectiveLoadingText.value;
+        if (props.preload) return effectiveLoadingText.value;
+        if (props.modelValue && (props.valueField || props.valueExtractor)) {
+            return effectiveLoadingText.value;
+        }
+    }
     if (props.nullTitle) return props.nullTitle;
     return props.placeholder || '';
 });
@@ -302,11 +309,16 @@ onMounted(async () => {
     shouldShowCreateOption.value = props.onCreateItem !== undefined;
 
     if (props.loadOptions && props.preload) {
+        searchText.value = effectiveLoadingText.value;
         await loadRemoteOptions();
+        searchText.value = '';
     }
 
-    if (!props.options && (props.valueField || props.valueExtractor) && (!props.loadOptions || props.preload)) {
-        searchText.value = props.loadingText ?? '...';
+    // if we have a value, but we don't have options and we use a specific field for the value,
+    // then the value is not something we can pass through the formatter.
+    // thus, we have to wait to parse the value and render the value later.
+    if (!props.options && !props.loadOptions && (props.valueField || props.valueExtractor)) {
+        searchText.value = effectiveLoadingText.value;
     } else {
         handleValueChanged();
     }