vueless 0.0.688 → 0.0.690

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.688",
+  "version": "0.0.690",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.form-date-picker-range/config.ts

@@ -104,11 +104,11 @@ export default /*tw*/ {
   },
   rangeInputFirst: {
     base: "{UInput} {>rangeInput}",
-    wrapper: "rounded-r-none",
+    wrapper: "!rounded-r-none",
   },
   rangeInputLast: {
     base: "{UInput} {>rangeInput}",
-    wrapper: "rounded-l-none",
+    wrapper: "!rounded-l-none",
   },
   rangeInputError: "text-xs font-normal leading-none mt-2 text-center text-red-500",
   datepickerCalendar: {

package/ui.form-date-picker-range/useUserFormat.ts

@@ -53,20 +53,20 @@ export function useUserFormat(
       const fromTitle = from ? formatDate(from, fromFormat, userFormatLocale.value) : "";
       const toTitle = to ? formatDate(to, userDateFormat, userFormatLocale.value) : "";
 
-      title = `${fromTitle} – ${toTitle}`;
+      title = `${fromTitle.trim()} – ${toTitle.trim()}`;
     }
 
     if (isPeriod.value.month) {
-      title = formatDate(from, "F Y", locale.value);
+      title = formatDate(from, "F Y", userFormatLocale.value);
     }
 
     if (isPeriod.value.quarter || isPeriod.value.year) {
       const fromFormat = userDateFormat.replace(/[Yy]/g, "");
 
-      const fromTitle = from ? formatDate(from, fromFormat, locale.value) : "";
-      const toTitle = to ? formatDate(to, userDateFormat, locale.value) : "";
+      const fromTitle = from ? formatDate(from, fromFormat, userFormatLocale.value) : "";
+      const toTitle = to ? formatDate(to, userDateFormat, userFormatLocale.value) : "";
 
-      title = `${fromTitle} – ${toTitle}`;
+      title = `${fromTitle.trim()} – ${toTitle.trim()}`;
     }
 
     return title;

package/ui.loader-progress/ULoaderProgress.vue

@@ -16,7 +16,7 @@ defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
   ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
-  resources: () => [],
+  resources: () => "",
 });
 
 const error = ref(false);
@@ -46,15 +46,15 @@ const barStyle = computed(() => {
 });
 
 const resourceNamesArray = computed(() => {
-  if (!props.resources) {
-    return [];
-  }
-
   return Array.isArray(props.resources)
     ? props.resources.map(getRequestWithoutQuery)
     : [getRequestWithoutQuery(props.resources)];
 });
 
+const isPropsLoading = computed(
+  () => requestQueue.value.includes(INFINITY_LOADING) && props.loading,
+);
+
 watch(() => requestQueue.value.length, onChangeRequestsQueue);
 
 onMounted(() => {
@@ -98,7 +98,7 @@ function setLoaderOffHandler(event: CustomEvent<{ resource: string }>) {
 
 function onChangeRequestsQueue() {
   const isActiveRequests =
-    requestQueue.value.includes(INFINITY_LOADING) ||
+    isPropsLoading.value ||
     resourceNamesArray.value.some((resource: string) => {
       return requestQueue.value.includes(resource);
     });

package/ui.loader-progress/useLoaderProgress.ts

@@ -3,7 +3,6 @@ import { inject, readonly, ref } from "vue";
 import type { Ref } from "vue";
 
 import { getRequestWithoutQuery } from "./utilLoaderProgress.ts";
-import { INFINITY_LOADING } from "./constants.ts";
 
 export const LoaderProgressSymbol = Symbol.for("vueless:loader-progress");
 
@@ -51,9 +50,7 @@ function removeRequestUrl(url: string | string[]): void {
   if (Array.isArray(url)) {
     url.map(getRequestWithoutQuery).forEach(removeRequestUrl);
   } else {
-    requestQueue.value = requestQueue.value.filter(
-      (item) => item !== getRequestWithoutQuery(url) && item !== INFINITY_LOADING,
-    );
+    requestQueue.value = requestQueue.value.filter((item) => item !== getRequestWithoutQuery(url));
   }
 }