vueless 0.0.479 → 0.0.481

package/ui.loader-progress/ULoaderProgress.vue

@@ -5,16 +5,16 @@
 </template>
 
 <script setup>
-import { computed, onBeforeUnmount, watch, ref, onMounted, onUnmounted, watchEffect } from "vue";
+import { computed, onBeforeUnmount, watch, ref, onMounted, onUnmounted } from "vue";
 
-import { getDefault } from "../utils/utilUI.js";
-import { isMobileApp } from "../utils/utilPlatform.js";
+import { getDefault } from "../utils/ui.ts";
+import { isMobileApp } from "../utils/platform.ts";
 import { clamp, queue, getRequestWithoutQuery } from "./utilLoaderProgress.js";
 import { useLoaderProgress } from "./useLoaderProgress.js";
+import useAttrs from "./useAttrs.js";
 
-import { ULoaderProgress, MAXIMUM, SPEED } from "./constants.js";
+import { ULoaderProgress, MAXIMUM, SPEED, INFINITY_LOADING } from "./constants.js";
 import defaultConfig from "./config.js";
-import useAttrs from "./useAttrs.js";
 
 defineOptions({ inheritAttrs: false });
 
@@ -51,8 +51,14 @@ const progress = ref(0);
 const opacity = ref(1);
 const status = ref(null);
 
-const { requestQueue, removeRequestUrl, isLoading, loaderProgressOff, loaderProgressOn } =
-  useLoaderProgress();
+const {
+  requestQueue,
+  removeRequestUrl,
+  isLoading,
+  loaderProgressOff,
+  loaderProgressOn,
+  addRequestUrl,
+} = useLoaderProgress();
 const { stripeAttrs } = useAttrs(props, { error, isMobileApp });
 
 const isStarted = computed(() => {
@@ -73,7 +79,6 @@ const resourceNamesArray = computed(() => {
 });
 
 watch(() => requestQueue.value.length, onChangeRequestsQueue);
-watch(isLoading, onChangeLoadingState);
 
 onMounted(() => {
   window.addEventListener("loaderProgressOn", setLoaderOnHandler);
@@ -93,16 +98,18 @@ onUnmounted(() => {
   window.removeEventListener("loaderProgressOff", setLoaderOffHandler);
 });
 
-watchEffect(() => {
-  if (props.loading) {
-    show.value = true;
-    start();
-
-    return;
-  }
-
-  done();
-});
+watch(
+  () => props.loading,
+  () => {
+    if (props.loading) {
+      addRequestUrl(INFINITY_LOADING);
+      isLoading.value = true;
+    } else {
+      removeRequestUrl(INFINITY_LOADING);
+    }
+  },
+  { immediate: true },
+);
 
 function setLoaderOnHandler(event) {
   loaderProgressOn(event.detail.resource);
@@ -112,39 +119,17 @@ function setLoaderOffHandler(event) {
   loaderProgressOff(event.detail.resource);
 }
 
-function onChangeLoadingState() {
-  if (!props.resources && isStarted.value && show.value && !isLoading.value) {
-    done();
-  }
-}
-
 function onChangeRequestsQueue() {
-  let isActiveRequests = false;
-
-  if (props.resources) {
-    resourceNamesArray.value.forEach((resource) => {
-      if (!isActiveRequests) {
-        const activeRequest = requestQueue.value.find((request) => request === resource);
-
-        isActiveRequests = Boolean(activeRequest);
-      }
+  const isActiveRequests =
+    requestQueue.value.includes(INFINITY_LOADING) ||
+    resourceNamesArray.value.some((resource) => {
+      return requestQueue.value.includes(resource);
     });
 
-    if (isActiveRequests && !isStarted.value) {
-      start();
-    } else if (!isActiveRequests && isStarted.value && show.value && !props.loading) {
-      done();
-    }
-  } else {
-    resourceNamesArray.value.forEach((resource) => {
-      const activeRequest = requestQueue.value.find((request) => request === resource);
-
-      isActiveRequests = !activeRequest;
-    });
-
-    if (isLoading.value && isActiveRequests && !isStarted.value) {
-      start();
-    }
+  if (isActiveRequests && !isStarted.value && isLoading.value) {
+    start();
+  } else if (!isActiveRequests && isStarted.value && show.value) {
+    done();
   }
 }
 

package/ui.loader-progress/constants.js

@@ -6,3 +6,4 @@ export const ULoaderProgress = "ULoaderProgress";
 
 export const MAXIMUM = 99;
 export const SPEED = 150;
+export const INFINITY_LOADING = "Infinity";

package/ui.loader-progress/storybook/Docs.mdx

@@ -1,5 +1,5 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source, Markdown } from "@storybook/blocks";
-import { getSource } from "../../utils/utilStorybook.js";
+import { getSource } from "../../utils/storybook.ts";
 
 import * as stories from "./stories.js";
 import defaultConfig from "../config.js?raw"

package/ui.loader-progress/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames } from "../../utils/utilStorybook.js";
+import { getArgTypes, getSlotNames } from "../../utils/storybook.ts";
 
 import ULoaderProgress from "../ULoaderProgress.vue";
 import UButton from "../../ui.button/UButton.vue";
@@ -25,7 +25,6 @@ const DefaultTemplate = (args) => ({
   components: { ULoaderProgress, UButton, URow },
   setup() {
     const { loaderProgressOn, loaderProgressOff } = useLoaderProgress();
-
     const slots = getSlotNames(ULoaderProgress.__name);
 
     return { args, slots, loaderProgressOn, loaderProgressOff };
@@ -40,7 +39,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes } = {}) => ({
+const EnumVariantTemplate = (args, { argTypes }) => ({
   components: { ULoaderProgress, UButton, UCol, URow, UBadge },
   setup() {
     return {
@@ -79,7 +78,7 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
 });
 
 export const Default = DefaultTemplate.bind({});
-Default.args = {};
+Default.args = { loading: false };
 
 export const Color = EnumVariantTemplate.bind({});
 Color.args = { enum: "color" };

package/ui.loader-progress/useAttrs.js

@@ -1,4 +1,4 @@
-import useUI from "../composables/useUI.js";
+import useUI from "../composables/useUI.ts";
 
 import defaultConfig from "./config.js";
 

package/ui.loader-progress/useLoaderProgress.js

@@ -1,6 +1,7 @@
 import { inject, readonly, ref } from "vue";
 
 import { getRequestWithoutQuery } from "./utilLoaderProgress.js";
+import { INFINITY_LOADING } from "./constants.js";
 
 export const LoaderProgressSymbol = Symbol.for("vueless:loader-progress");
 
@@ -17,9 +18,7 @@ function loaderProgressOn(url) {
 }
 
 function loaderProgressOff(url) {
-  requestQueue.value = url
-    ? requestQueue.value.filter((item) => item !== getRequestWithoutQuery(url))
-    : [];
+  removeRequestUrl(url);
 
   requestTimeout.value = setTimeout(() => {
     if (!requestQueue.value.length) {
@@ -29,9 +28,13 @@ function loaderProgressOff(url) {
 }
 
 function addRequestUrl(url) {
-  Array.isArray(url)
-    ? requestQueue.value.push(...url.map(getRequestWithoutQuery))
-    : requestQueue.value.push(getRequestWithoutQuery(url));
+  if (Array.isArray(url)) {
+    requestQueue.value.push(...url.map(getRequestWithoutQuery));
+
+    return;
+  }
+
+  requestQueue.value.push(getRequestWithoutQuery(url));
 }
 
 function removeRequestUrl(url) {
@@ -41,12 +44,14 @@ function removeRequestUrl(url) {
     return;
   }
 
-  requestQueue.value = requestQueue.value.filter((item) => item !== getRequestWithoutQuery(url));
+  requestQueue.value = requestQueue.value.filter(
+    (item) => item !== getRequestWithoutQuery(url) && item !== INFINITY_LOADING,
+  );
 }
 
 export function createLoaderProgress() {
   return {
-    isLoading: readonly(isLoading),
+    isLoading: isLoading,
     requestQueue: readonly(requestQueue),
     loaderProgressOn,
     loaderProgressOff,

package/ui.loader-progress/utilLoaderProgress.js

@@ -43,7 +43,7 @@ export function loaderProgressOff(resource) {
 }
 
 export function getRequestWithoutQuery(request) {
-  const [requestWithoutQuery] = request.split("?");
+  const [requestWithoutQuery] = String(request).split("?");
 
   return requestWithoutQuery;
 }

package/ui.navigation-pagination/UPagination.vue

@@ -141,7 +141,7 @@ import { range } from "lodash-es";
 
 import UButton from "../ui.button/UButton.vue";
 import UIcon from "../ui.image-icon/UIcon.vue";
-import { getDefault } from "../utils/utilUI.js";
+import { getDefault } from "../utils/ui.ts";
 
 import defaultConfig from "./config.js";
 import { UPagination } from "./constants.js";

package/ui.navigation-pagination/storybook/Docs.mdx

@@ -1,5 +1,5 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "../../utils/utilStorybook.js";
+import { getSource } from "../../utils/storybook.ts";
 
 import * as stories from "./stories.js";
 import defaultConfig from "../config.js?raw"

package/ui.navigation-pagination/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import UPagination from "../../ui.navigation-pagination/UPagination.vue";
 

package/ui.navigation-pagination/useAttrs.js

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import useUI from "../composables/useUI.js";
+import useUI from "../composables/useUI.ts";
 
 import defaultConfig from "./config.js";
 

package/ui.navigation-progress/UProgress.vue

@@ -52,7 +52,7 @@
 <script setup>
 import { computed } from "vue";
 
-import { getDefault } from "../utils/utilUI.js";
+import { getDefault } from "../utils/ui.ts";
 import useAttrs from "./useAttrs.js";
 
 import defaultConfig from "./config.js";

package/ui.navigation-progress/storybook/Docs.mdx

@@ -1,5 +1,5 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "../../utils/utilStorybook.js";
+import { getSource } from "../../utils/storybook.ts";
 
 import * as stories from "./stories.js";
 import defaultConfig from "../config.js?raw"

package/ui.navigation-progress/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import UProgress from "../../ui.navigation-progress/UProgress.vue";
 import UCol from "../../ui.container-col/UCol.vue";
@@ -39,7 +39,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes } = {}) => ({
+const EnumVariantTemplate = (args, { argTypes }) => ({
   components: { UCol, UButton, UProgress },
   setup() {
     args.progress = 10;

package/ui.navigation-progress/useAttrs.js

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import useUI from "../composables/useUI.js";
+import useUI from "../composables/useUI.ts";
 
 import defaultConfig from "./config.js";
 

package/ui.navigation-tab/UTab.vue

@@ -10,7 +10,7 @@
 <script setup>
 import { computed, inject, toValue } from "vue";
 
-import { getDefault } from "../utils/utilUI.js";
+import { getDefault } from "../utils/ui.ts";
 
 import { UTab } from "./constants.js";
 import defaultConfig from "./config.js";

package/ui.navigation-tab/storybook/Docs.mdx

@@ -1,5 +1,5 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "../../utils/utilStorybook.js";
+import { getSource } from "../../utils/storybook.ts";
 
 import * as stories from "./stories.js";
 import defaultConfig from "../config.js?raw"

package/ui.navigation-tab/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import UTab from "../../ui.navigation-tab/UTab.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";

package/ui.navigation-tab/useAttrs.js

@@ -1,4 +1,4 @@
-import useUI from "../composables/useUI.js";
+import useUI from "../composables/useUI.ts";
 
 import defaultConfig from "./config.js";
 import { computed } from "vue";

package/ui.navigation-tabs/UTabs.vue

@@ -20,7 +20,7 @@
 import { computed, provide } from "vue";
 
 import UTab from "../ui.navigation-tab/UTab.vue";
-import { getDefault } from "../utils/utilUI.js";
+import { getDefault } from "../utils/ui.ts";
 
 import { UTabs } from "./constants.js";
 import defaultConfig from "./config.js";

package/ui.navigation-tabs/storybook/Docs.mdx

@@ -1,5 +1,5 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "../../utils/utilStorybook.js";
+import { getSource } from "../../utils/storybook.ts";
 
 import * as stories from "./stories.js";
 import defaultConfig from "../config.js?raw"

package/ui.navigation-tabs/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import UTabs from "../../ui.navigation-tabs/UTabs.vue";
 
@@ -36,7 +36,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes } = {}) => ({
+const EnumVariantTemplate = (args, { argTypes }) => ({
   components: { UTabs },
   setup() {
     return {

package/ui.navigation-tabs/useAttrs.js

@@ -1,4 +1,4 @@
-import useUI from "../composables/useUI.js";
+import useUI from "../composables/useUI.ts";
 
 import defaultConfig from "./config.js";
 

package/ui.other-dot/UDot.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup>
-import { getDefault } from "../utils/utilUI.js";
+import { getDefault } from "../utils/ui.ts";
 
 import { UDot } from "./constants.js";
 import defaultConfig from "./config.js";

package/ui.other-dot/storybook/Docs.mdx

@@ -1,5 +1,5 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "../../utils/utilStorybook.js";
+import { getSource } from "../../utils/storybook.ts";
 
 import * as stories from "./stories.js";
 import defaultConfig from "../config.js?raw"

package/ui.other-dot/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import UDot from "../../ui.other-dot/UDot.vue";
 import URow from "../../ui.container-row/URow.vue";
@@ -31,7 +31,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes } = {}) => ({
+const EnumVariantTemplate = (args, { argTypes }) => ({
   components: { UCol, URow, UDot, UBadge },
   setup() {
     return {

package/ui.other-dot/useAttrs.js

@@ -1,4 +1,4 @@
-import useUI from "../composables/useUI.js";
+import useUI from "../composables/useUI.ts";
 
 import defaultConfig from "./config.js";
 

package/ui.text-alert/UAlert.vue

@@ -83,7 +83,7 @@ import { onMounted, ref, computed } from "vue";
 import UIcon from "../ui.image-icon/UIcon.vue";
 import UButton from "../ui.button/UButton.vue";
 import UText from "../ui.text-block/UText.vue";
-import { getDefault } from "../utils/utilUI.js";
+import { getDefault } from "../utils/ui.ts";
 
 import { UAlert } from "./constants.js";
 import defaultConfig from "./config.js";

package/ui.text-alert/storybook/Docs.mdx

@@ -1,5 +1,5 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "../../utils/utilStorybook.js";
+import { getSource } from "../../utils/storybook.ts";
 
 import * as stories from "./stories.js";
 import defaultConfig from "../config.js?raw"

package/ui.text-alert/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import UAlert from "../../ui.text-alert/UAlert.vue";
 import URow from "../../ui.container-row/URow.vue";
@@ -36,7 +36,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes } = {}) => ({
+const EnumVariantTemplate = (args, { argTypes }) => ({
   components: { UAlert, UCol },
   setup() {
     function getText(value) {

package/ui.text-alert/useAttrs.js

@@ -1,4 +1,4 @@
-import useUI from "../composables/useUI.js";
+import useUI from "../composables/useUI.ts";
 
 import defaultConfig from "./config.js";