@winchsa/ui 0.1.62 → 0.1.64

package/dist/components/cards/AppCardActions.d.vue.ts

@@ -15,12 +15,12 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_76) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    refresh: (hideOverlay: () => void) => any;
     collapsed: (isContentCollapsed: boolean) => any;
+    refresh: (hideOverlay: () => void) => any;
     trash: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onRefresh?: ((hideOverlay: () => void) => any) | undefined;
     onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
+    onRefresh?: ((hideOverlay: () => void) => any) | undefined;
     onTrash?: (() => any) | undefined;
 }>, {
     title: string;

package/dist/components/cards/AppCardActions.vue.d.ts

@@ -15,12 +15,12 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_76) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    refresh: (hideOverlay: () => void) => any;
     collapsed: (isContentCollapsed: boolean) => any;
+    refresh: (hideOverlay: () => void) => any;
     trash: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onRefresh?: ((hideOverlay: () => void) => any) | undefined;
     onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
+    onRefresh?: ((hideOverlay: () => void) => any) | undefined;
     onTrash?: (() => any) | undefined;
 }>, {
     title: string;

package/dist/components/forms/AppLabel.vue

@@ -38,6 +38,7 @@ const LangLabel = computed(() => props.label ? t(props.label) : "");
         <VMessages
           v-if="isValid.value === false || errorMessages?.length !== 0"
           class="text-start"
+          color="error"
           :messages="[validationErrors.value, errorMessages]"
           :active="isValid.value === false || errorMessages?.length !== 0"
         />

package/dist/components/forms/AttachmentCropperInput.vue

@@ -183,7 +183,12 @@ watch(zoomLevel, async (newZoom) => {
           :accept="validTypes?.join(',')"
           @change="onImageChanged($event)"
         >
-        <VMessages class="mt-1 d-block" :messages="validationErrors.value" :active="isValid.value === false" />
+        <VMessages
+          class="mt-1 d-block"
+          color="error"
+          :messages="validationErrors.value"
+          :active="isValid.value === false"
+        />
       </div>
     </VValidation>
 

package/dist/components/forms/AttachmentInput.vue

@@ -109,7 +109,12 @@ const removeImageCopy = (id) => {
           @change="onImageChanged($event, validate)"
         >
 
-        <VMessages class="mt-1 d-block" :messages="validationErrors.value" :active="isValid.value === false" />
+        <VMessages
+          class="mt-1 d-block"
+          color="error"
+          :messages="validationErrors.value"
+          :active="isValid.value === false"
+        />
       </div>
     </VValidation>
   </div>

package/dist/components/forms/AutocompleteInput.d.vue.ts

@@ -80,8 +80,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     "onUpdate:model-value"?: ((value: unknown) => any) | undefined;
 }>, {
     isLoading: boolean;
-    clearable: boolean;
     hideDetails: boolean;
+    clearable: boolean;
     hideSelected: boolean;
     querySearchParam: string;
     descriptionKey: string;

package/dist/components/forms/AutocompleteInput.vue

@@ -52,6 +52,7 @@ const emits = defineEmits(["update:model-value"]);
 const defaultOptions = ref(props.options ?? []);
 const displayedOptions = ref(props.options ?? []);
 const loadedValuesHaveBeenSet = ref(false);
+const resolvingMissingValues = ref(false);
 const loading = ref(false);
 const showTeleport = ref(false);
 const search = ref("");
@@ -60,7 +61,7 @@ const errorState = ref(false);
 const isOpen = ref(false);
 const value = computed({
   get() {
-    if (props.trackByValue && !loadedValuesHaveBeenSet.value) {
+    if (props.trackByValue && (!loadedValuesHaveBeenSet.value || resolvingMissingValues.value)) {
       return props.multiple ? [] : null;
     }
     return props.modelValue;
@@ -70,6 +71,8 @@ const value = computed({
   }
 });
 const isLoading = computed(() => props.isLoading || loading.value);
+const hasTrackByValue = computed(() => Array.isArray(props.trackByValue) ? props.trackByValue.length > 0 : !!props.trackByValue);
+const isResolvingSelection = computed(() => hasTrackByValue.value && (!loadedValuesHaveBeenSet.value && loading.value || resolvingMissingValues.value));
 const params = computed(() => buildQueryString(props.params));
 const elementId = computed(() => {
   const attrs = useAttrs();
@@ -114,7 +117,8 @@ const sharedMultiSelectProps = computed(() => ({
   groupLabel: props.groupLabel,
   label: props.itemLabel,
   trackBy: props.trackBy,
-  placeholder: hasValue.value ? "" : internalPlaceholder.value || t("inputs.placeholder_select"),
+  placeholder: hasValue.value || isResolvingSelection.value ? "" : internalPlaceholder.value || t("inputs.placeholder_select"),
+  loading: isResolvingSelection.value,
   showLabels: false,
   clearOnSelect: true,
   showNoOptions: isLoading.value ? false : props.showNoOptions,
@@ -206,9 +210,14 @@ watch([() => props.trackByValue, defaultOptions], async ([trackByValue, _default
     (value2) => !items.some((item) => item?.[props.trackBy] == value2)
   );
   if (missingIds.length > 0 && props.url) {
-    const fetchedItems = await Promise.all(missingIds.map((id) => getRecords(id)));
-    if (fetchedItems.length > 0) {
-      items = items.concat(fetchedItems.flat());
+    resolvingMissingValues.value = true;
+    try {
+      const fetchedItems = await Promise.all(missingIds.map((id) => getRecords(id)));
+      if (fetchedItems.length > 0) {
+        items = items.concat(fetchedItems.flat());
+      }
+    } finally {
+      resolvingMissingValues.value = false;
     }
   }
   const optionsToSelect = loadedValues.map((value2) => items.find((item) => item?.[props.trackBy] == value2)).filter(Boolean);

package/dist/components/forms/AutocompleteInput.vue.d.ts

@@ -80,8 +80,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     "onUpdate:model-value"?: ((value: unknown) => any) | undefined;
 }>, {
     isLoading: boolean;
-    clearable: boolean;
     hideDetails: boolean;
+    clearable: boolean;
     hideSelected: boolean;
     querySearchParam: string;
     descriptionKey: string;

package/dist/components/forms/LicensePlateInput.d.vue.ts

@@ -17,7 +17,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string[] | null) => any) | undefined;
 }>, {
-    validateOn: "input" | "submit" | "blur" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy";
+    validateOn: "input" | "submit" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy" | "blur";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/forms/LicensePlateInput.vue.d.ts

@@ -17,7 +17,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string[] | null) => any) | undefined;
 }>, {
-    validateOn: "input" | "submit" | "blur" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy";
+    validateOn: "input" | "submit" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy" | "blur";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/forms/ManualDate.d.vue.ts

@@ -16,7 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:model-value"?: ((value: string) => any) | undefined;
 }>, {
-    validateOn: "input" | "submit" | "blur" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy";
+    validateOn: "input" | "submit" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy" | "blur";
     customId: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/forms/ManualDate.vue

@@ -210,6 +210,7 @@ watch(() => props.modelValue, (val) => {
         <VMessages
           v-if="!hideDetails"
           class="mt-n1"
+          color="error"
           :messages="errorMessages || validationErrors.value"
           :active="!isValid.value"
         />

package/dist/components/forms/ManualDate.vue.d.ts

@@ -16,7 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:model-value"?: ((value: string) => any) | undefined;
 }>, {
-    validateOn: "input" | "submit" | "blur" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy";
+    validateOn: "input" | "submit" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy" | "blur";
     customId: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/forms/TimePicker.vue

@@ -249,6 +249,7 @@ onBeforeUnmount(() => {
 
     <VMessages
       v-if="!hideErrorMessage"
+      color="error"
       :messages="typeof errors === 'object' ? errors.join(', ') : errors"
       :active="hasError"
       class="time-picker-messages"

package/package.json

@@ -1,70 +1,70 @@
 {
-  "name": "@winchsa/ui",
-  "version": "0.1.62",
-  "type": "module",
-  "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "files": [
-    "dist/*"
-  ],
-  "exports": {
-    ".": {
-      "require": "./dist/index.js",
-      "import": "./dist/index.mjs",
-      "types": "./dist/index.d.ts"
+    "name": "@winchsa/ui",
+    "version": "0.1.64",
+    "type": "module",
+    "private": false,
+    "publishConfig": {
+        "access": "public"
     },
-    "./utils": {
-      "require": "./dist/utils/index.js",
-      "import": "./dist/utils/index.mjs",
-      "types": "./dist/utils/index.d.ts"
+    "files": [
+        "dist/*"
+    ],
+    "exports": {
+        ".": {
+            "require": "./dist/index.js",
+            "import": "./dist/index.mjs",
+            "types": "./dist/index.d.ts"
+        },
+        "./utils": {
+            "require": "./dist/utils/index.js",
+            "import": "./dist/utils/index.mjs",
+            "types": "./dist/utils/index.d.ts"
+        }
+    },
+    "main": "./dist/index.js",
+    "module": "./dist/index.mjs",
+    "scripts": {
+        "dev": "vite",
+        "build": "unbuild",
+        "lint": "eslint \"**/*.{ts,vue,mjs}\"",
+        "lint:fix": "eslint \"**/*.{ts,vue,mjs}\" --fix",
+        "bump": "pnpm run build && pnpm version patch"
+    },
+    "peerDependencies": {
+        "@intlify/unplugin-vue-i18n": "^4.0.0",
+        "@tanstack/vue-query": "^5.74.5",
+        "@vueuse/core": "11.3.0",
+        "@vueuse/router": "^13.1.0",
+        "ofetch": "^1.4.1",
+        "vue": "^3.5.13",
+        "vue-i18n": "9.14.5",
+        "vue-router": "4.4.5",
+        "vue-sonner": "^1.3.0",
+        "vue3-perfect-scrollbar": "2.0.0",
+        "vuetify": "3.10.11"
+    },
+    "dependencies": {
+        "@vuepic/vue-datepicker": "^11.0.0",
+        "cropperjs": "^1.6.2",
+        "print-js": "^1.6.0",
+        "v-calendar": "^3.1.2",
+        "vue-multiselect": "^3.1.0"
+    },
+    "devDependencies": {
+        "@tanstack/eslint-plugin-query": "^5.73.3",
+        "@typescript-eslint/eslint-plugin": "^7.18.0",
+        "@types/node": "^22.12.0",
+        "@vitejs/plugin-vue": "^6.0.1",
+        "eslint": "^8.57.1",
+        "eslint-import-resolver-typescript": "^4.3.3",
+        "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-vue": "^9.32.0",
+        "sass": "1.92.1",
+        "typescript": "^5.9.3",
+        "unbuild": "^3.0.0",
+        "vite": "^5.4.21",
+        "vite-plugin-vuetify": "^2.1.2",
+        "vue-sfc-transformer": "^0.1.16",
+        "vue-tsc": "^3.1.1"
     }
-  },
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "peerDependencies": {
-    "@intlify/unplugin-vue-i18n": "^4.0.0",
-    "@tanstack/vue-query": "^5.74.5",
-    "@vueuse/core": "11.3.0",
-    "@vueuse/router": "^13.1.0",
-    "ofetch": "^1.4.1",
-    "vue": "^3.5.13",
-    "vue-i18n": "9.14.5",
-    "vue-router": "4.4.5",
-    "vue-sonner": "^1.3.0",
-    "vue3-perfect-scrollbar": "2.0.0",
-    "vuetify": "3.10.11"
-  },
-  "dependencies": {
-    "@vuepic/vue-datepicker": "^11.0.0",
-    "cropperjs": "^1.6.2",
-    "print-js": "^1.6.0",
-    "v-calendar": "^3.1.2",
-    "vue-multiselect": "^3.1.0"
-  },
-  "devDependencies": {
-    "@tanstack/eslint-plugin-query": "^5.73.3",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@types/node": "^22.12.0",
-    "@vitejs/plugin-vue": "^6.0.1",
-    "eslint": "^8.57.1",
-    "eslint-import-resolver-typescript": "^4.3.3",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-vue": "^9.32.0",
-    "sass": "1.92.1",
-    "typescript": "^5.9.3",
-    "unbuild": "^3.0.0",
-    "vite": "^5.4.21",
-    "vite-plugin-vuetify": "^2.1.2",
-    "vue-sfc-transformer": "^0.1.16",
-    "vue-tsc": "^3.1.1"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "unbuild",
-    "lint": "eslint \"**/*.{ts,vue,mjs}\"",
-    "lint:fix": "eslint \"**/*.{ts,vue,mjs}\" --fix",
-    "bump": "pnpm run build && pnpm version patch"
-  }
-}
+}