vueless 0.0.87 → 0.0.88

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.87",
+  "version": "0.0.88",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",

package/ui.loader-top/Docs.mdx

@@ -22,8 +22,8 @@ You can control loader state using *useLoaderRendering* composable.
 import { useLoaderTop } from "vueless";
 
 const { 
-    setLoaderOn,
-    setLoaderOff,
+    setLoaderTopOn,
+    setLoaderTopOff,
     addRequestUrl,
     removeRequestUrl
 } = useLoaderTop();

package/ui.loader-top/composables/useLoaderTop.js

@@ -8,7 +8,7 @@ const loaderRequestQueue = ref([]);
 const loaderRequestTimeout = ref(0);
 const componentLoaderRequestQueue = ref([]);
 
-function setLoaderOn(url) {
+function setLoaderTopOn(url) {
   loaderRequestQueue.value.push(url);
 
   isLoading.value = true;
@@ -16,7 +16,7 @@ function setLoaderOn(url) {
   clearTimeout(loaderRequestTimeout.value);
 }
 
-function setLoaderOff(url) {
+function setLoaderTopOff(url) {
   loaderRequestQueue.value = url ? loaderRequestQueue.value.filter((item) => item !== url) : [];
 
   loaderRequestTimeout.value = setTimeout(() => {
@@ -49,8 +49,8 @@ export function createLoaderTop() {
     loaderRequestQueue: readonly(loaderRequestQueue),
     loaderRequestTimeout: readonly(loaderRequestTimeout),
     componentLoaderRequestQueue: readonly(componentLoaderRequestQueue),
-    setLoaderOn,
-    setLoaderOff,
+    setLoaderTopOn,
+    setLoaderTopOff,
     addRequestUrl,
     removeRequestUrl,
     setComponentRequestQueue,

package/ui.loader-top/index.stories.js

@@ -2,6 +2,7 @@ import ULoaderTop from "../ui.loader-top";
 import UButton from "../ui.button";
 
 import { useLoaderTop } from "../ui.loader-top/composables/useLoaderTop";
+import { loaderTopOff, loaderTopOn } from "../ui.loader-top/services/loaderTop.service";
 
 import { getArgTypes } from "../service.storybook";
 
@@ -17,9 +18,9 @@ export default {
 const DefaultTemplate = (args) => ({
   components: { ULoaderTop, UButton },
   setup() {
-    const { setLoaderOn, setLoaderOff } = useLoaderTop();
+    const { setLoaderTopOn, setLoaderTopOff } = useLoaderTop();
 
-    return { args, setLoaderOn, setLoaderOff };
+    return { args, setLoaderTopOn, setLoaderTopOff };
   },
   template: `
     <div>
@@ -36,12 +37,10 @@ const DefaultTemplate = (args) => ({
 const ColorsTemplate = (args, { argTypes } = {}) => ({
   components: { ULoaderTop, UButton },
   setup() {
-    const { setLoaderOn, setLoaderOff } = useLoaderTop();
-
     return {
       args,
-      setLoaderOn,
-      setLoaderOff,
+      loaderTopOff,
+      loaderTopOn,
       colors: argTypes.color.options,
     };
   },
@@ -56,8 +55,8 @@ const ColorsTemplate = (args, { argTypes } = {}) => ({
       />
     </div>
     <div class="flex gap-2 pt-4">
-      <UButton label="On" @click="setLoaderOn('https://api.publicapis.org/entries')" />
-      <UButton label="Off" @click="setLoaderOff('https://api.publicapis.org/entries')" />
+      <UButton label="On" @click="loaderTopOn('https://api.publicapis.org/entries')" />
+      <UButton label="Off" @click="loaderTopOff('https://api.publicapis.org/entries')" />
     </div>
   `,
 });

package/ui.loader-top/index.vue

@@ -49,8 +49,8 @@ const {
   componentLoaderRequestQueue,
   setComponentRequestQueue,
   removeComponentRequestQueue,
-  setLoaderOff,
-  setLoaderOn,
+  setLoaderTopOff,
+  setLoaderTopOn,
 } = useLoaderTop();
 const { progressAttrs } = useAttrs(props, { error, isMobileApp });
 
@@ -77,8 +77,8 @@ if (props.resourceNames) {
 }
 
 onMounted(() => {
-  window.addEventListener("setLoaderOn", setLoaderOnHandler);
-  window.addEventListener("setLoaderOff", setLoaderOffHandler);
+  window.addEventListener("loaderTopOn", setLoaderOnHandler);
+  window.addEventListener("loaderTopOff", setLoaderOffHandler);
 });
 
 onBeforeUnmount(() => {
@@ -88,16 +88,16 @@ onBeforeUnmount(() => {
 });
 
 onUnmounted(() => {
-  window.removeEventListener("setLoaderOn", setLoaderOnHandler);
-  window.removeEventListener("setLoaderOff", setLoaderOffHandler);
+  window.removeEventListener("loaderTopOn", setLoaderOnHandler);
+  window.removeEventListener("loaderTopOff", setLoaderOffHandler);
 });
 
 function setLoaderOnHandler(event) {
-  setLoaderOn(event.detail.resource);
+  setLoaderTopOn(event.detail.resource);
 }
 
 function setLoaderOffHandler(event) {
-  setLoaderOff(event.detail.resource);
+  setLoaderTopOff(event.detail.resource);
 }
 
 function requestWithoutQuery(request) {

package/ui.loader-top/services/loaderTop.service.js

@@ -31,13 +31,13 @@ export const queue = (() => {
 })();
 
 export function loaderTopOn(resource) {
-  const loaderTopOnEvent = new CustomEvent("setLoadingOn", { detail: { resource } });
+  const loaderTopOnEvent = new CustomEvent("loaderTopOn", { detail: { resource } });
 
   window.dispatchEvent(loaderTopOnEvent);
 }
 
 export function loaderTopOff(resource) {
-  const loaderTopOfEvent = new CustomEvent("setLoadingOff", { detail: { resource } });
+  const loaderTopOfEvent = new CustomEvent("loaderTopOff", { detail: { resource } });
 
   window.dispatchEvent(loaderTopOfEvent);
 }

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.87",
+  "version": "0.0.88",
   "contributions": {
     "html": {
       "description-markup": "markdown",