@leaflink/stash 51.9.2 → 51.10.0

package/dist/useSortable.js

@@ -1,20 +1,19 @@
-import v from "@leaflink/snitch";
-import { u as I } from "./index-ConQ3o31.js";
-import { isRef as w, toValue as D, nextTick as A, computed as i, ref as y, watch as S, onMounted as $, onBeforeUnmount as G } from "vue";
-function O({ list: n, from: s, to: e }) {
-  if (s === e) return;
-  const r = w(n), a = r ? [...D(n)] : D(n);
+import d from "@leaflink/snitch";
+import { u as C } from "./index-GUu9zvbg.js";
+import { isRef as I, toValue as D, nextTick as w, computed as i, ref as y, watch as A, onMounted as S, onBeforeUnmount as $ } from "vue";
+function G({ list: o, from: l, to: e }) {
+  if (l === e) return;
+  const r = I(o), a = r ? [...D(o)] : D(o);
   if (e >= 0 && e < a.length) {
-    const u = a.splice(s, 1)[0];
-    A(() => {
-      a.splice(e, 0, u), r && (n.value = a);
+    const s = a.splice(l, 1)[0];
+    w(() => {
+      a.splice(e, 0, s), r && (o.value = a);
     });
   }
 }
-function B(n, s) {
-  var a;
-  const e = c(n.target).cloneNode(!0);
-  e.classList.add(...s), e.style.position = "absolute", e.style.top = "-9999px", e.style.listStyle = "none", e.setAttribute("data-test", `${e.dataset.test}|ghost`), e.removeAttribute("draggable"), document.body.appendChild(e), (a = n.dataTransfer) == null || a.setDragImage(e, e.offsetWidth / 2, e.offsetHeight / 2);
+function O(o, l) {
+  const e = v(o.target).cloneNode(!0);
+  e.classList.add(...l), e.style.position = "absolute", e.style.top = "-9999px", e.style.listStyle = "none", e.setAttribute("data-test", `${e.dataset.test}|ghost`), e.removeAttribute("draggable"), document.body.appendChild(e), o.dataTransfer?.setDragImage(e, e.offsetWidth / 2, e.offsetHeight / 2);
   function r() {
     requestAnimationFrame(() => {
       document.body.removeChild(e);
@@ -25,45 +24,38 @@ function B(n, s) {
     cleanupGhostElement: r
   };
 }
-function c(n) {
-  const s = n == null ? void 0 : n.closest("[draggable=true]");
-  if (!s) throw new Error("Draggable element not found");
-  return s;
+function v(o) {
+  const l = o?.closest("[draggable=true]");
+  if (!l) throw new Error("Draggable element not found");
+  return l;
 }
-function q({
-  isEnabled: n = !0,
-  sortInPlace: s = !0,
+function k({
+  isEnabled: o = !0,
+  sortInPlace: l = !0,
   ...e
 }) {
-  const r = i(() => I(e.ref)), a = y(-1), u = y(-1), b = i(() => a.value !== -1), T = i(() => {
-    var t;
-    return ((t = e.ghostClass) == null ? void 0 : t.split(" ")) || [];
-  }), f = i(() => {
-    var t;
-    return ((t = e.chosenClass) == null ? void 0 : t.split(" ")) || [];
-  }), g = (t) => {
-    var l;
+  const r = i(() => C(e.ref)), a = y(-1), s = y(-1), b = i(() => a.value !== -1), T = i(() => e.ghostClass?.split(" ") || []), f = i(() => e.chosenClass?.split(" ") || []), g = (t) => {
     if (!(!t.dataTransfer || !r.value)) {
       t.dataTransfer.setData("text/plain", ""), t.dataTransfer.effectAllowed = "move";
       try {
-        const o = c(t.target), d = Array.from(r.value.children).indexOf(o);
-        if (d === -1) return;
-        const { cleanupGhostElement: C } = B(t, T.value);
-        u.value = a.value = d, o.classList.add(...f.value), C(), (l = e.onDragStart) == null || l.call(e, { ...t, oldIndex: d });
-      } catch (o) {
-        v.error(`Error in drag start: ${o}`);
+        const n = v(t.target), u = Array.from(r.value.children).indexOf(n);
+        if (u === -1) return;
+        const { cleanupGhostElement: c } = O(t, T.value);
+        s.value = a.value = u, n.classList.add(...f.value), c(), e.onDragStart?.({ ...t, oldIndex: u });
+      } catch (n) {
+        d.error(`Error in drag start: ${n}`);
       }
     }
   }, m = (t) => {
     if (!(!t.dataTransfer || !r.value)) {
       t.dataTransfer.dropEffect = "move";
       try {
-        const l = c(t.target), o = Array.from(r.value.children).indexOf(l);
-        if (o === -1 || o === a.value) return;
-        const d = r.value.children[a.value];
-        r.value.insertBefore(d, o < a.value ? l : l.nextSibling), a.value = o;
-      } catch (l) {
-        v.error(`Error in drag enter: ${l}`);
+        const n = v(t.target), u = Array.from(r.value.children).indexOf(n);
+        if (u === -1 || u === a.value) return;
+        const c = r.value.children[a.value];
+        r.value.insertBefore(c, u < a.value ? n : n.nextSibling), a.value = u;
+      } catch (n) {
+        d.error(`Error in drag enter: ${n}`);
       }
     }
   };
@@ -73,44 +65,43 @@ function q({
   function E(t) {
     if (t.preventDefault(), !!r.value)
       try {
-        if (u.value === a.value || !s) return;
-        O({ list: e.list, from: u.value, to: a.value });
-      } catch (l) {
-        v.error(`Error in drag drop: ${l}`);
+        if (s.value === a.value || !l) return;
+        G({ list: e.list, from: s.value, to: a.value });
+      } catch (n) {
+        d.error(`Error in drag drop: ${n}`);
       }
   }
-  function L(t) {
-    var l;
+  function p(t) {
     try {
-      c(t.target).classList.remove(...f.value), (l = e.onDragEnd) == null || l.call(e, {
+      v(t.target).classList.remove(...f.value), e.onDragEnd?.({
         ...t,
-        oldIndex: u.value,
+        oldIndex: s.value,
         newIndex: a.value
-      }), u.value = a.value = -1;
-    } catch (o) {
-      v.error(`Error in drag end: ${o}`);
+      }), s.value = a.value = -1;
+    } catch (n) {
+      d.error(`Error in drag end: ${n}`);
     }
   }
-  S(
-    () => n,
-    () => n ? p() : x()
+  A(
+    () => o,
+    () => o ? L() : x()
   );
-  function p() {
-    r.value && (r.value.addEventListener("dragstart", g), r.value.addEventListener("dragend", L), r.value.addEventListener("dragenter", m), r.value.addEventListener("dragover", h), r.value.addEventListener("drop", E));
+  function L() {
+    r.value && (r.value.addEventListener("dragstart", g), r.value.addEventListener("dragend", p), r.value.addEventListener("dragenter", m), r.value.addEventListener("dragover", h), r.value.addEventListener("drop", E));
   }
   function x() {
-    r.value && (r.value.removeEventListener("dragstart", g), r.value.removeEventListener("dragend", L), r.value.removeEventListener("dragenter", m), r.value.removeEventListener("dragover", h), r.value.removeEventListener("drop", E));
+    r.value && (r.value.removeEventListener("dragstart", g), r.value.removeEventListener("dragend", p), r.value.removeEventListener("dragenter", m), r.value.removeEventListener("dragover", h), r.value.removeEventListener("drop", E));
   }
-  return $(() => {
-    n && p();
-  }), G(x), {
+  return S(() => {
+    o && L();
+  }), $(x), {
     isDragging: b,
-    oldIndex: u,
+    oldIndex: s,
     newIndex: a
   };
 }
 export {
-  q as default,
-  O as moveSortableElements
+  k as default,
+  G as moveSortableElements
 };
 //# sourceMappingURL=useSortable.js.map

package/dist/useSortable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSortable.js","sources":["../src/composables/useSortable/useSortable.utils.ts","../src/composables/useSortable/useSortable.ts"],"sourcesContent":["import { isRef, nextTick, Ref, toValue } from 'vue';\n\nimport { MoveSortableElementsOptions } from './useSortable.types';\n\n/**\n * Move sortable elements in the list\n * @param list List of sortable elements\n * @param from Original element position\n * @param to New element position\n */\nexport function moveSortableElements<ListItem>({ list, from, to }: MoveSortableElementsOptions<ListItem>): void {\n  if (from === to) return;\n\n  const _listIsRef = isRef(list);\n  // When the list is a ref, make a shallow copy of it to avoid repeatedly triggering side effects when moving elements\n  const listCopy = _listIsRef ? [...toValue(list)] : toValue(list);\n\n  if (to >= 0 && to < listCopy.length) {\n    const element = listCopy.splice(from, 1)[0];\n    nextTick(() => {\n      listCopy.splice(to, 0, element);\n      // When list is ref, assign listCopy to list.value\n      if (_listIsRef) (list as Ref).value = listCopy;\n    });\n  }\n}\n\n/**\n * Create a ghost element for dragging, which is the element that follows the cursor while dragging\n * @param e Drag event\n * @param ghostClass Custom classes to be added to the ghost element\n * @returns Ghost element and cleanup function\n */\nexport function createGhostElement(e: DragEvent, ghostClass: string[]) {\n  const ghost = getValidDragTarget(e.target as HTMLElement).cloneNode(true) as HTMLElement;\n\n  ghost.classList.add(...ghostClass);\n\n  ghost.style.position = 'absolute';\n  ghost.style.top = '-9999px';\n  ghost.style.listStyle = 'none';\n  ghost.setAttribute('data-test', `${ghost.dataset.test}|ghost`);\n  ghost.removeAttribute('draggable');\n\n  document.body.appendChild(ghost);\n\n  e.dataTransfer?.setDragImage(ghost, ghost.offsetWidth / 2, ghost.offsetHeight / 2);\n\n  function cleanupGhostElement() {\n    requestAnimationFrame(() => {\n      document.body.removeChild(ghost);\n    });\n  }\n\n  return {\n    ghost,\n    cleanupGhostElement,\n  };\n}\n\n/**\n * Get the valid draggable target element\n * @param element\n * @returns Draggable element\n */\nexport function getValidDragTarget(element: HTMLElement | null) {\n  const dragElement = element?.closest<HTMLElement>('[draggable=true]');\n  if (!dragElement) throw new Error('Draggable element not found');\n  return dragElement;\n}\n","import logger from '@leaflink/snitch';\nimport { unrefElement } from '@vueuse/core';\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\n\nimport type { UseSortableOptions, UseSortableReturn } from './useSortable.types';\nimport { createGhostElement, getValidDragTarget, moveSortableElements } from './useSortable.utils';\n\nexport * from './useSortable.types';\nexport { moveSortableElements } from './useSortable.utils';\n\nexport default function useSortable<SortableItem>({\n  isEnabled = true,\n  sortInPlace = true,\n  ...options\n}: UseSortableOptions<SortableItem>): UseSortableReturn {\n  const parentEl = computed(() => unrefElement(options.ref));\n\n  const newIndex = ref(-1);\n  const oldIndex = ref(-1);\n\n  const isDragging = computed(() => newIndex.value !== -1);\n\n  const ghostClasses = computed(() => options.ghostClass?.split(' ') || []);\n  const chosenClasses = computed(() => options.chosenClass?.split(' ') || []);\n\n  const handleDragStart = (e: DragEvent) => {\n    if (!e.dataTransfer || !parentEl.value) return;\n    e.dataTransfer.setData('text/plain', ''); // Required for Firefox\n    e.dataTransfer.effectAllowed = 'move';\n\n    try {\n      const target = getValidDragTarget(e.target as HTMLElement);\n\n      const index = Array.from(parentEl.value.children).indexOf(target);\n      if (index === -1) return;\n\n      const { cleanupGhostElement } = createGhostElement(e, ghostClasses.value);\n\n      oldIndex.value = newIndex.value = index;\n\n      target.classList.add(...chosenClasses.value);\n\n      cleanupGhostElement();\n\n      options.onDragStart?.({ ...e, oldIndex: index });\n    } catch (error) {\n      logger.error(`Error in drag start: ${error}`);\n    }\n  };\n\n  const handleDragEnter = (e: DragEvent) => {\n    if (!e.dataTransfer || !parentEl.value) return;\n    e.dataTransfer.dropEffect = 'move';\n\n    try {\n      const target = getValidDragTarget(e.target as HTMLElement);\n\n      const index = Array.from(parentEl.value.children).indexOf(target);\n      if (index === -1 || index === newIndex.value) return;\n\n      const draggedEl = parentEl.value.children[newIndex.value];\n      parentEl.value.insertBefore(draggedEl, index < newIndex.value ? target : target.nextSibling);\n\n      newIndex.value = index;\n    } catch (error) {\n      logger.error(`Error in drag enter: ${error}`);\n    }\n  };\n\n  function handleDragOver(e: DragEvent) {\n    e.preventDefault(); // Required to allow dropping\n  }\n\n  function handleDrop(e: DragEvent) {\n    e.preventDefault();\n\n    if (!parentEl.value) return;\n\n    try {\n      if (oldIndex.value === newIndex.value || !sortInPlace) return;\n      moveSortableElements({ list: options.list, from: oldIndex.value, to: newIndex.value });\n    } catch (error) {\n      logger.error(`Error in drag drop: ${error}`);\n    }\n  }\n\n  function handleDragEnd(e: DragEvent) {\n    try {\n      const target = getValidDragTarget(e.target as HTMLElement);\n\n      target.classList.remove(...chosenClasses.value);\n\n      options.onDragEnd?.({\n        ...e,\n        oldIndex: oldIndex.value,\n        newIndex: newIndex.value,\n      });\n\n      oldIndex.value = newIndex.value = -1;\n    } catch (error) {\n      logger.error(`Error in drag end: ${error}`);\n    }\n  }\n\n  watch(\n    () => isEnabled,\n    () => (isEnabled ? setupListeners() : removeListeners()),\n  );\n\n  function setupListeners() {\n    if (!parentEl.value) return;\n\n    parentEl.value.addEventListener('dragstart', handleDragStart);\n    parentEl.value.addEventListener('dragend', handleDragEnd);\n    parentEl.value.addEventListener('dragenter', handleDragEnter);\n    parentEl.value.addEventListener('dragover', handleDragOver);\n    parentEl.value.addEventListener('drop', handleDrop);\n  }\n\n  function removeListeners() {\n    if (!parentEl.value) return;\n\n    parentEl.value.removeEventListener('dragstart', handleDragStart);\n    parentEl.value.removeEventListener('dragend', handleDragEnd);\n    parentEl.value.removeEventListener('dragenter', handleDragEnter);\n    parentEl.value.removeEventListener('dragover', handleDragOver);\n    parentEl.value.removeEventListener('drop', handleDrop);\n  }\n\n  onMounted(() => {\n    if (!isEnabled) return;\n    setupListeners();\n  });\n\n  onBeforeUnmount(removeListeners);\n\n  return {\n    isDragging,\n    oldIndex,\n    newIndex,\n  };\n}\n"],"names":["moveSortableElements","list","from","to","_listIsRef","isRef","listCopy","toValue","element","nextTick","createGhostElement","e","ghostClass","ghost","getValidDragTarget","_a","cleanupGhostElement","dragElement","useSortable","isEnabled","sortInPlace","options","parentEl","computed","unrefElement","newIndex","ref","oldIndex","isDragging","ghostClasses","chosenClasses","handleDragStart","target","index","error","logger","handleDragEnter","draggedEl","handleDragOver","handleDrop","handleDragEnd","watch","setupListeners","removeListeners","onMounted","onBeforeUnmount"],"mappings":"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"}
+{"version":3,"file":"useSortable.js","sources":["../src/composables/useSortable/useSortable.utils.ts","../src/composables/useSortable/useSortable.ts"],"sourcesContent":["import { isRef, nextTick, Ref, toValue } from 'vue';\n\nimport { MoveSortableElementsOptions } from './useSortable.types';\n\n/**\n * Move sortable elements in the list\n * @param list List of sortable elements\n * @param from Original element position\n * @param to New element position\n */\nexport function moveSortableElements<ListItem>({ list, from, to }: MoveSortableElementsOptions<ListItem>): void {\n  if (from === to) return;\n\n  const _listIsRef = isRef(list);\n  // When the list is a ref, make a shallow copy of it to avoid repeatedly triggering side effects when moving elements\n  const listCopy = _listIsRef ? [...toValue(list)] : toValue(list);\n\n  if (to >= 0 && to < listCopy.length) {\n    const element = listCopy.splice(from, 1)[0];\n    nextTick(() => {\n      listCopy.splice(to, 0, element);\n      // When list is ref, assign listCopy to list.value\n      if (_listIsRef) (list as Ref).value = listCopy;\n    });\n  }\n}\n\n/**\n * Create a ghost element for dragging, which is the element that follows the cursor while dragging\n * @param e Drag event\n * @param ghostClass Custom classes to be added to the ghost element\n * @returns Ghost element and cleanup function\n */\nexport function createGhostElement(e: DragEvent, ghostClass: string[]) {\n  const ghost = getValidDragTarget(e.target as HTMLElement).cloneNode(true) as HTMLElement;\n\n  ghost.classList.add(...ghostClass);\n\n  ghost.style.position = 'absolute';\n  ghost.style.top = '-9999px';\n  ghost.style.listStyle = 'none';\n  ghost.setAttribute('data-test', `${ghost.dataset.test}|ghost`);\n  ghost.removeAttribute('draggable');\n\n  document.body.appendChild(ghost);\n\n  e.dataTransfer?.setDragImage(ghost, ghost.offsetWidth / 2, ghost.offsetHeight / 2);\n\n  function cleanupGhostElement() {\n    requestAnimationFrame(() => {\n      document.body.removeChild(ghost);\n    });\n  }\n\n  return {\n    ghost,\n    cleanupGhostElement,\n  };\n}\n\n/**\n * Get the valid draggable target element\n * @param element\n * @returns Draggable element\n */\nexport function getValidDragTarget(element: HTMLElement | null) {\n  const dragElement = element?.closest<HTMLElement>('[draggable=true]');\n  if (!dragElement) throw new Error('Draggable element not found');\n  return dragElement;\n}\n","import logger from '@leaflink/snitch';\nimport { unrefElement } from '@vueuse/core';\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\n\nimport type { UseSortableOptions, UseSortableReturn } from './useSortable.types';\nimport { createGhostElement, getValidDragTarget, moveSortableElements } from './useSortable.utils';\n\nexport * from './useSortable.types';\nexport { moveSortableElements } from './useSortable.utils';\n\nexport default function useSortable<SortableItem>({\n  isEnabled = true,\n  sortInPlace = true,\n  ...options\n}: UseSortableOptions<SortableItem>): UseSortableReturn {\n  const parentEl = computed(() => unrefElement(options.ref));\n\n  const newIndex = ref(-1);\n  const oldIndex = ref(-1);\n\n  const isDragging = computed(() => newIndex.value !== -1);\n\n  const ghostClasses = computed(() => options.ghostClass?.split(' ') || []);\n  const chosenClasses = computed(() => options.chosenClass?.split(' ') || []);\n\n  const handleDragStart = (e: DragEvent) => {\n    if (!e.dataTransfer || !parentEl.value) return;\n    e.dataTransfer.setData('text/plain', ''); // Required for Firefox\n    e.dataTransfer.effectAllowed = 'move';\n\n    try {\n      const target = getValidDragTarget(e.target as HTMLElement);\n\n      const index = Array.from(parentEl.value.children).indexOf(target);\n      if (index === -1) return;\n\n      const { cleanupGhostElement } = createGhostElement(e, ghostClasses.value);\n\n      oldIndex.value = newIndex.value = index;\n\n      target.classList.add(...chosenClasses.value);\n\n      cleanupGhostElement();\n\n      options.onDragStart?.({ ...e, oldIndex: index });\n    } catch (error) {\n      logger.error(`Error in drag start: ${error}`);\n    }\n  };\n\n  const handleDragEnter = (e: DragEvent) => {\n    if (!e.dataTransfer || !parentEl.value) return;\n    e.dataTransfer.dropEffect = 'move';\n\n    try {\n      const target = getValidDragTarget(e.target as HTMLElement);\n\n      const index = Array.from(parentEl.value.children).indexOf(target);\n      if (index === -1 || index === newIndex.value) return;\n\n      const draggedEl = parentEl.value.children[newIndex.value];\n      parentEl.value.insertBefore(draggedEl, index < newIndex.value ? target : target.nextSibling);\n\n      newIndex.value = index;\n    } catch (error) {\n      logger.error(`Error in drag enter: ${error}`);\n    }\n  };\n\n  function handleDragOver(e: DragEvent) {\n    e.preventDefault(); // Required to allow dropping\n  }\n\n  function handleDrop(e: DragEvent) {\n    e.preventDefault();\n\n    if (!parentEl.value) return;\n\n    try {\n      if (oldIndex.value === newIndex.value || !sortInPlace) return;\n      moveSortableElements({ list: options.list, from: oldIndex.value, to: newIndex.value });\n    } catch (error) {\n      logger.error(`Error in drag drop: ${error}`);\n    }\n  }\n\n  function handleDragEnd(e: DragEvent) {\n    try {\n      const target = getValidDragTarget(e.target as HTMLElement);\n\n      target.classList.remove(...chosenClasses.value);\n\n      options.onDragEnd?.({\n        ...e,\n        oldIndex: oldIndex.value,\n        newIndex: newIndex.value,\n      });\n\n      oldIndex.value = newIndex.value = -1;\n    } catch (error) {\n      logger.error(`Error in drag end: ${error}`);\n    }\n  }\n\n  watch(\n    () => isEnabled,\n    () => (isEnabled ? setupListeners() : removeListeners()),\n  );\n\n  function setupListeners() {\n    if (!parentEl.value) return;\n\n    parentEl.value.addEventListener('dragstart', handleDragStart);\n    parentEl.value.addEventListener('dragend', handleDragEnd);\n    parentEl.value.addEventListener('dragenter', handleDragEnter);\n    parentEl.value.addEventListener('dragover', handleDragOver);\n    parentEl.value.addEventListener('drop', handleDrop);\n  }\n\n  function removeListeners() {\n    if (!parentEl.value) return;\n\n    parentEl.value.removeEventListener('dragstart', handleDragStart);\n    parentEl.value.removeEventListener('dragend', handleDragEnd);\n    parentEl.value.removeEventListener('dragenter', handleDragEnter);\n    parentEl.value.removeEventListener('dragover', handleDragOver);\n    parentEl.value.removeEventListener('drop', handleDrop);\n  }\n\n  onMounted(() => {\n    if (!isEnabled) return;\n    setupListeners();\n  });\n\n  onBeforeUnmount(removeListeners);\n\n  return {\n    isDragging,\n    oldIndex,\n    newIndex,\n  };\n}\n"],"names":["moveSortableElements","list","from","to","_listIsRef","isRef","listCopy","toValue","element","nextTick","createGhostElement","e","ghostClass","ghost","getValidDragTarget","cleanupGhostElement","dragElement","useSortable","isEnabled","sortInPlace","options","parentEl","computed","unrefElement","newIndex","ref","oldIndex","isDragging","ghostClasses","chosenClasses","handleDragStart","target","index","error","logger","handleDragEnter","draggedEl","handleDragOver","handleDrop","handleDragEnd","watch","setupListeners","removeListeners","onMounted","onBeforeUnmount"],"mappings":"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"}

package/dist/useStepper.d.ts

@@ -1,12 +1,12 @@
 import { ComputedRef } from 'vue';
 import { Ref } from 'vue';
 
-export declare interface StepDefinition {
+declare interface StepDefinition {
     completed: boolean;
     substeps: Array<Omit<StepDefinition, 'substeps'>>;
 }
 
-export declare interface StepperOptions {
+declare interface StepperOptions {
     /**
      * If true, the stepper will prevent skipping steps
      */

package/dist/useStepper.js

@@ -1,70 +1,66 @@
-import { ref as f, computed as p, readonly as w } from "vue";
-function E(v = {
+import { ref as f, computed as p, readonly as A } from "vue";
+function C(v = {
   linear: !1,
   activeStep: -1,
   activeSubstep: -1,
   steps: []
 }) {
-  const a = f(v.steps ? v.steps : []), o = p(() => a.value.length), e = f(
+  const u = f(v.steps ? v.steps : []), n = p(() => u.value.length), e = f(
     v.activeStep !== null && v.activeStep !== void 0 ? v.activeStep : -1
   ), l = f(
     v.activeSubstep !== null && v.activeSubstep !== void 0 ? v.activeSubstep : -1
-  ), S = p(() => {
-    var u, t;
-    return Array.from(((t = (u = v.ref) == null ? void 0 : u.value) == null ? void 0 : t.children) || []);
-  }), m = p(() => S.value[e.value]);
-  function s(u) {
-    return !!a.value[u].substeps.length;
+  ), o = p(() => Array.from(v.ref?.value?.children || [])), S = p(() => o.value[e.value]);
+  function s(a) {
+    return !!u.value[a].substeps.length;
   }
-  function b() {
-    const u = e.value === -1, t = e.value === a.value.length - 1;
-    if (u)
+  function m() {
+    const a = e.value === -1, t = e.value === u.value.length - 1;
+    if (a)
       e.value++, s(e.value) && l.value++;
     else if (t)
       if (s(e.value)) {
-        const i = l.value === -1, c = l.value === a.value[e.value].substeps.length - 1;
-        i ? l.value++ : c ? (a.value[e.value].substeps[l.value].completed = !0, l.value = -1, a.value[e.value].completed = !0, e.value = -1) : (a.value[e.value].substeps[l.value].completed = !0, l.value++);
+        const c = l.value === -1, r = l.value === u.value[e.value].substeps.length - 1;
+        c ? l.value++ : r ? (u.value[e.value].substeps[l.value].completed = !0, l.value = -1, u.value[e.value].completed = !0, e.value = -1) : (u.value[e.value].substeps[l.value].completed = !0, l.value++);
       } else
-        a.value[e.value].completed = !0, e.value = -1;
+        u.value[e.value].completed = !0, e.value = -1;
     else if (s(e.value)) {
-      const i = l.value === -1, c = l.value === a.value[e.value].substeps.length - 1;
-      i ? l.value++ : c ? (a.value[e.value].substeps[l.value].completed = !0, l.value = -1, a.value[e.value].completed = !0, e.value++, s(e.value) && l.value === -1 && l.value++) : (a.value[e.value].substeps[l.value].completed = !0, l.value++);
+      const c = l.value === -1, r = l.value === u.value[e.value].substeps.length - 1;
+      c ? l.value++ : r ? (u.value[e.value].substeps[l.value].completed = !0, l.value = -1, u.value[e.value].completed = !0, e.value++, s(e.value) && l.value === -1 && l.value++) : (u.value[e.value].substeps[l.value].completed = !0, l.value++);
     } else
-      a.value[e.value].completed = !0, e.value++, s(e.value) && l.value === -1 && l.value++;
+      u.value[e.value].completed = !0, e.value++, s(e.value) && l.value === -1 && l.value++;
   }
-  function h() {
-    e.value !== -1 && (s(e.value) ? l.value === 0 ? (e.value--, l.value--, e.value >= 0 && s(e.value) && (l.value = a.value[e.value].substeps.length - 1)) : l.value-- : (e.value--, e.value >= 0 && s(e.value) && (l.value = a.value[e.value].substeps.length - 1)));
+  function b() {
+    e.value !== -1 && (s(e.value) ? l.value === 0 ? (e.value--, l.value--, e.value >= 0 && s(e.value) && (l.value = u.value[e.value].substeps.length - 1)) : l.value-- : (e.value--, e.value >= 0 && s(e.value) && (l.value = u.value[e.value].substeps.length - 1)));
   }
-  function g(u, t = -1) {
-    v.linear ? (r(u - 1) || u === 0) && (s(u) && (t <= 0 ? l.value = 0 : r(u, t - 1) && (l.value = t)), e.value = u) : (e.value = u, s(u) && (t < 0 ? l.value = 0 : l.value = t));
+  function h(a, t = -1) {
+    v.linear ? (i(a - 1) || a === 0) && (s(a) && (t <= 0 ? l.value = 0 : i(a, t - 1) && (l.value = t)), e.value = a) : (e.value = a, s(a) && (t < 0 ? l.value = 0 : l.value = t));
   }
-  function r(u, t = -1) {
-    var i, c, n;
-    return t >= 0 ? (c = (i = a.value[u]) == null ? void 0 : i.substeps[t]) == null ? void 0 : c.completed : (n = a.value[u]) == null ? void 0 : n.completed;
+  function i(a, t = -1) {
+    return t >= 0 ? u.value[a]?.substeps[t]?.completed : u.value[a]?.completed;
   }
-  function d(u, t = -1) {
-    return t >= 0 ? e.value === u && l.value === t : e.value === u;
+  function g(a, t = -1) {
+    return t >= 0 ? e.value === a && l.value === t : e.value === a;
   }
-  function A(u = !1) {
-    if (u && !a.value.length)
+  function d(a = !1) {
+    if (a && !u.value.length)
       throw new Error("Cannot register a substep without a parent step.");
-    u ? a.value[a.value.length - 1].substeps.push({ completed: !1 }) : a.value.push({ completed: !1, substeps: [] });
+    a ? u.value[u.value.length - 1].substeps.push({ completed: !1 }) : u.value.push({ completed: !1, substeps: [] });
   }
   return {
-    steps: w(a),
-    stepCount: o,
-    activeStepElement: m,
+    steps: A(u),
+    stepCount: n,
+    activeStepElement: S,
     activeStepIndex: e,
     activeSubstepIndex: l,
-    registerStep: A,
-    next: b,
-    back: h,
-    goTo: g,
-    isStepActive: d,
-    isStepCompleted: r
+    registerStep: d,
+    next: m,
+    back: b,
+    goTo: h,
+    isStepActive: g,
+    isStepCompleted: i
   };
 }
 export {
-  E as default
+  C as default
 };
 //# sourceMappingURL=useStepper.js.map

package/dist/useStepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStepper.js","sources":["../src/composables/useStepper/useStepper.ts"],"sourcesContent":["import { computed, readonly, Ref, ref } from 'vue';\n\nexport interface StepDefinition {\n  completed: boolean;\n  substeps: Array<Omit<StepDefinition, 'substeps'>>;\n}\n\nexport interface StepperOptions {\n  /**\n   * If true, the stepper will prevent skipping steps\n   */\n  linear?: boolean;\n  /**\n   * The index of the active step\n   */\n  activeStep?: number;\n  /**\n   * The index of the active substep\n   */\n  activeSubstep?: number;\n  /**\n   * The stepper representation as an array of steps and substeps\n   */\n  steps?: Array<StepDefinition>;\n  /**\n   * A ref to the stepper element\n   */\n  ref?: Ref<HTMLUListElement | null>;\n}\n\nexport default function useStepper(\n  options: StepperOptions = {\n    linear: false,\n    activeStep: -1,\n    activeSubstep: -1,\n    steps: [],\n  },\n) {\n  /**\n   * The steps and substeps of the stepper, so we can keep track of their state.\n   * Can be populated with the `steps` option, or via the `registerStep` function.\n   */\n  const steps = ref<Array<StepDefinition>>(options.steps ? options.steps : []);\n\n  const stepCount = computed(() => steps.value.length);\n\n  const activeStepIndex = ref(\n    options.activeStep !== null && options.activeStep !== undefined ? options.activeStep : -1,\n  );\n  const activeSubstepIndex = ref(\n    options.activeSubstep !== null && options.activeSubstep !== undefined ? options.activeSubstep : -1,\n  );\n\n  const stepElements = computed(() => {\n    return Array.from((options.ref?.value?.children || []) as HTMLCollectionOf<HTMLLIElement>);\n  });\n\n  const activeStepElement = computed(() => stepElements.value[activeStepIndex.value]);\n\n  /**\n   * Returns true if the step at the given index has substeps\n   * @param stepIndex The index of the step to check\n   */\n  function stepHasSubsteps(stepIndex: number): boolean {\n    return !!steps.value[stepIndex].substeps.length;\n  }\n\n  /**\n   * Goes to the next step or substep, while flagging the current one as completed.\n   * If the current step has substeps, it will go to the next substep if there are any, or to the next substep.\n   * And if the next step has substeps, automatically goes to the first substep\n   */\n  function next(): void {\n    const hasNoActiveStep = activeStepIndex.value === -1;\n    const isLastStep = activeStepIndex.value === steps.value.length - 1;\n\n    // If there is no active step, we want to activate the first step\n    if (hasNoActiveStep) {\n      activeStepIndex.value++;\n\n      // If the step we just navigated to has substeps, we want to activate the first substep\n      if (stepHasSubsteps(activeStepIndex.value)) {\n        activeSubstepIndex.value++;\n      }\n    } else if (isLastStep) {\n      if (stepHasSubsteps(activeStepIndex.value)) {\n        const hasNoActiveSubstep = activeSubstepIndex.value === -1;\n        const isLastSubstep = activeSubstepIndex.value === steps.value[activeStepIndex.value].substeps.length - 1;\n\n        // if there are no active substeps, we want to activate the first substep\n        if (hasNoActiveSubstep) {\n          activeSubstepIndex.value++;\n          // if the active substep is the last one, we want to reset the step and substep to -1\n        } else if (isLastSubstep) {\n          steps.value[activeStepIndex.value].substeps[activeSubstepIndex.value].completed = true;\n          activeSubstepIndex.value = -1;\n\n          steps.value[activeStepIndex.value].completed = true;\n          activeStepIndex.value = -1;\n          // if there are more substeps, we want to complete the current one and proceed to the next substep\n        } else {\n          steps.value[activeStepIndex.value].substeps[activeSubstepIndex.value].completed = true;\n          activeSubstepIndex.value++;\n        }\n        // If there are no substeps, we want to complete the current step and reset the step to -1\n      } else {\n        steps.value[activeStepIndex.value].completed = true;\n        activeStepIndex.value = -1;\n      }\n    } else {\n      if (stepHasSubsteps(activeStepIndex.value)) {\n        const hasNoActiveSubstep = activeSubstepIndex.value === -1;\n        const isLastSubstep = activeSubstepIndex.value === steps.value[activeStepIndex.value].substeps.length - 1;\n\n        // if there are no active substeps, we want to activate the first substep\n        if (hasNoActiveSubstep) {\n          activeSubstepIndex.value++;\n          // if the active substep is the last one, we want to go to the next step\n        } else if (isLastSubstep) {\n          steps.value[activeStepIndex.value].substeps[activeSubstepIndex.value].completed = true;\n          activeSubstepIndex.value = -1;\n\n          steps.value[activeStepIndex.value].completed = true;\n          activeStepIndex.value++;\n\n          // If the step we just navigated to has substeps, we want to activate the first substep right away\n          if (stepHasSubsteps(activeStepIndex.value) && activeSubstepIndex.value === -1) {\n            activeSubstepIndex.value++;\n          }\n          // if there are more substeps, we want to complete the current one and proceed to the next substep\n        } else {\n          steps.value[activeStepIndex.value].substeps[activeSubstepIndex.value].completed = true;\n          activeSubstepIndex.value++;\n        }\n      } else {\n        steps.value[activeStepIndex.value].completed = true;\n        activeStepIndex.value++;\n\n        // If the step we just navigated to has substeps, we want to activate the first substep right away\n        if (stepHasSubsteps(activeStepIndex.value) && activeSubstepIndex.value === -1) {\n          activeSubstepIndex.value++;\n        }\n      }\n    }\n  }\n\n  function back(): void {\n    // We don't want to go back if there is no active step\n    if (activeStepIndex.value === -1) {\n      return;\n    }\n\n    if (stepHasSubsteps(activeStepIndex.value)) {\n      // If the active substep is the first one, we want to go back to the previous step\n      if (activeSubstepIndex.value === 0) {\n        activeStepIndex.value--;\n        activeSubstepIndex.value--;\n\n        // If the step that we just navigated to has substeps, we want to navigate to the last substep\n        if (activeStepIndex.value >= 0 && stepHasSubsteps(activeStepIndex.value)) {\n          activeSubstepIndex.value = steps.value[activeStepIndex.value].substeps.length - 1;\n        }\n      } else {\n        activeSubstepIndex.value--;\n      }\n    } else {\n      activeStepIndex.value--;\n\n      // If the step that we just navigated to has substeps, we want to navigate to the last substep\n      if (activeStepIndex.value >= 0 && stepHasSubsteps(activeStepIndex.value)) {\n        activeSubstepIndex.value = steps.value[activeStepIndex.value].substeps.length - 1;\n      }\n    }\n  }\n\n  /**\n   * Navigates to a specific step and substep.\n   */\n  function goTo(stepIndex: number, substepIndex = -1): void {\n    // A linear stepper prevents navigation to incomplete steps\n    if (options.linear) {\n      if (isStepCompleted(stepIndex - 1) || stepIndex === 0) {\n        if (stepHasSubsteps(stepIndex)) {\n          if (substepIndex <= 0) {\n            activeSubstepIndex.value = 0;\n          } else if (isStepCompleted(stepIndex, substepIndex - 1)) {\n            activeSubstepIndex.value = substepIndex;\n          }\n        }\n        activeStepIndex.value = stepIndex;\n      }\n    } else {\n      activeStepIndex.value = stepIndex;\n\n      if (stepHasSubsteps(stepIndex)) {\n        if (substepIndex < 0) {\n          activeSubstepIndex.value = 0;\n        } else {\n          activeSubstepIndex.value = substepIndex;\n        }\n      }\n    }\n  }\n\n  /**\n   * Returns true if the step is completed.\n   * if the substep index is provided, check if the substep is completed.\n   */\n  function isStepCompleted(stepIndex: number, substepIndex = -1): boolean {\n    if (substepIndex >= 0) {\n      return steps.value[stepIndex]?.substeps[substepIndex]?.completed;\n    } else {\n      return steps.value[stepIndex]?.completed;\n    }\n  }\n\n  /**\n   * Returns true if the step is active.\n   * if the substep index is provided, check both if the step and the substep are active.\n   */\n  function isStepActive(stepIndex: number, substepIndex = -1): boolean {\n    if (substepIndex >= 0) {\n      return activeStepIndex.value === stepIndex && activeSubstepIndex.value === substepIndex;\n    } else {\n      return activeStepIndex.value === stepIndex;\n    }\n  }\n\n  /**\n   * Registers a new step or substep into the steps array\n   */\n  function registerStep(nested = false): void {\n    if (nested && !steps.value.length) {\n      throw new Error('Cannot register a substep without a parent step.');\n    }\n\n    if (nested) {\n      steps.value[steps.value.length - 1].substeps.push({ completed: false });\n    } else {\n      steps.value.push({ completed: false, substeps: [] });\n    }\n  }\n\n  return {\n    steps: readonly(steps),\n    stepCount,\n    activeStepElement,\n    activeStepIndex,\n    activeSubstepIndex,\n    registerStep,\n    next,\n    back,\n    goTo,\n    isStepActive,\n    isStepCompleted,\n  };\n}\n"],"names":["useStepper","options","steps","ref","stepCount","computed","activeStepIndex","activeSubstepIndex","stepElements","_b","_a","activeStepElement","stepHasSubsteps","stepIndex","next","hasNoActiveStep","isLastStep","hasNoActiveSubstep","isLastSubstep","back","goTo","substepIndex","isStepCompleted","_c","isStepActive","registerStep","nested","readonly"],"mappings":"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"}
+{"version":3,"file":"useStepper.js","sources":["../src/composables/useStepper/useStepper.ts"],"sourcesContent":["import { computed, readonly, Ref, ref } from 'vue';\n\nexport interface StepDefinition {\n  completed: boolean;\n  substeps: Array<Omit<StepDefinition, 'substeps'>>;\n}\n\nexport interface StepperOptions {\n  /**\n   * If true, the stepper will prevent skipping steps\n   */\n  linear?: boolean;\n  /**\n   * The index of the active step\n   */\n  activeStep?: number;\n  /**\n   * The index of the active substep\n   */\n  activeSubstep?: number;\n  /**\n   * The stepper representation as an array of steps and substeps\n   */\n  steps?: Array<StepDefinition>;\n  /**\n   * A ref to the stepper element\n   */\n  ref?: Ref<HTMLUListElement | null>;\n}\n\nexport default function useStepper(\n  options: StepperOptions = {\n    linear: false,\n    activeStep: -1,\n    activeSubstep: -1,\n    steps: [],\n  },\n) {\n  /**\n   * The steps and substeps of the stepper, so we can keep track of their state.\n   * Can be populated with the `steps` option, or via the `registerStep` function.\n   */\n  const steps = ref<Array<StepDefinition>>(options.steps ? options.steps : []);\n\n  const stepCount = computed(() => steps.value.length);\n\n  const activeStepIndex = ref(\n    options.activeStep !== null && options.activeStep !== undefined ? options.activeStep : -1,\n  );\n  const activeSubstepIndex = ref(\n    options.activeSubstep !== null && options.activeSubstep !== undefined ? options.activeSubstep : -1,\n  );\n\n  const stepElements = computed(() => {\n    return Array.from((options.ref?.value?.children || []) as HTMLCollectionOf<HTMLLIElement>);\n  });\n\n  const activeStepElement = computed(() => stepElements.value[activeStepIndex.value]);\n\n  /**\n   * Returns true if the step at the given index has substeps\n   * @param stepIndex The index of the step to check\n   */\n  function stepHasSubsteps(stepIndex: number): boolean {\n    return !!steps.value[stepIndex].substeps.length;\n  }\n\n  /**\n   * Goes to the next step or substep, while flagging the current one as completed.\n   * If the current step has substeps, it will go to the next substep if there are any, or to the next substep.\n   * And if the next step has substeps, automatically goes to the first substep\n   */\n  function next(): void {\n    const hasNoActiveStep = activeStepIndex.value === -1;\n    const isLastStep = activeStepIndex.value === steps.value.length - 1;\n\n    // If there is no active step, we want to activate the first step\n    if (hasNoActiveStep) {\n      activeStepIndex.value++;\n\n      // If the step we just navigated to has substeps, we want to activate the first substep\n      if (stepHasSubsteps(activeStepIndex.value)) {\n        activeSubstepIndex.value++;\n      }\n    } else if (isLastStep) {\n      if (stepHasSubsteps(activeStepIndex.value)) {\n        const hasNoActiveSubstep = activeSubstepIndex.value === -1;\n        const isLastSubstep = activeSubstepIndex.value === steps.value[activeStepIndex.value].substeps.length - 1;\n\n        // if there are no active substeps, we want to activate the first substep\n        if (hasNoActiveSubstep) {\n          activeSubstepIndex.value++;\n          // if the active substep is the last one, we want to reset the step and substep to -1\n        } else if (isLastSubstep) {\n          steps.value[activeStepIndex.value].substeps[activeSubstepIndex.value].completed = true;\n          activeSubstepIndex.value = -1;\n\n          steps.value[activeStepIndex.value].completed = true;\n          activeStepIndex.value = -1;\n          // if there are more substeps, we want to complete the current one and proceed to the next substep\n        } else {\n          steps.value[activeStepIndex.value].substeps[activeSubstepIndex.value].completed = true;\n          activeSubstepIndex.value++;\n        }\n        // If there are no substeps, we want to complete the current step and reset the step to -1\n      } else {\n        steps.value[activeStepIndex.value].completed = true;\n        activeStepIndex.value = -1;\n      }\n    } else {\n      if (stepHasSubsteps(activeStepIndex.value)) {\n        const hasNoActiveSubstep = activeSubstepIndex.value === -1;\n        const isLastSubstep = activeSubstepIndex.value === steps.value[activeStepIndex.value].substeps.length - 1;\n\n        // if there are no active substeps, we want to activate the first substep\n        if (hasNoActiveSubstep) {\n          activeSubstepIndex.value++;\n          // if the active substep is the last one, we want to go to the next step\n        } else if (isLastSubstep) {\n          steps.value[activeStepIndex.value].substeps[activeSubstepIndex.value].completed = true;\n          activeSubstepIndex.value = -1;\n\n          steps.value[activeStepIndex.value].completed = true;\n          activeStepIndex.value++;\n\n          // If the step we just navigated to has substeps, we want to activate the first substep right away\n          if (stepHasSubsteps(activeStepIndex.value) && activeSubstepIndex.value === -1) {\n            activeSubstepIndex.value++;\n          }\n          // if there are more substeps, we want to complete the current one and proceed to the next substep\n        } else {\n          steps.value[activeStepIndex.value].substeps[activeSubstepIndex.value].completed = true;\n          activeSubstepIndex.value++;\n        }\n      } else {\n        steps.value[activeStepIndex.value].completed = true;\n        activeStepIndex.value++;\n\n        // If the step we just navigated to has substeps, we want to activate the first substep right away\n        if (stepHasSubsteps(activeStepIndex.value) && activeSubstepIndex.value === -1) {\n          activeSubstepIndex.value++;\n        }\n      }\n    }\n  }\n\n  function back(): void {\n    // We don't want to go back if there is no active step\n    if (activeStepIndex.value === -1) {\n      return;\n    }\n\n    if (stepHasSubsteps(activeStepIndex.value)) {\n      // If the active substep is the first one, we want to go back to the previous step\n      if (activeSubstepIndex.value === 0) {\n        activeStepIndex.value--;\n        activeSubstepIndex.value--;\n\n        // If the step that we just navigated to has substeps, we want to navigate to the last substep\n        if (activeStepIndex.value >= 0 && stepHasSubsteps(activeStepIndex.value)) {\n          activeSubstepIndex.value = steps.value[activeStepIndex.value].substeps.length - 1;\n        }\n      } else {\n        activeSubstepIndex.value--;\n      }\n    } else {\n      activeStepIndex.value--;\n\n      // If the step that we just navigated to has substeps, we want to navigate to the last substep\n      if (activeStepIndex.value >= 0 && stepHasSubsteps(activeStepIndex.value)) {\n        activeSubstepIndex.value = steps.value[activeStepIndex.value].substeps.length - 1;\n      }\n    }\n  }\n\n  /**\n   * Navigates to a specific step and substep.\n   */\n  function goTo(stepIndex: number, substepIndex = -1): void {\n    // A linear stepper prevents navigation to incomplete steps\n    if (options.linear) {\n      if (isStepCompleted(stepIndex - 1) || stepIndex === 0) {\n        if (stepHasSubsteps(stepIndex)) {\n          if (substepIndex <= 0) {\n            activeSubstepIndex.value = 0;\n          } else if (isStepCompleted(stepIndex, substepIndex - 1)) {\n            activeSubstepIndex.value = substepIndex;\n          }\n        }\n        activeStepIndex.value = stepIndex;\n      }\n    } else {\n      activeStepIndex.value = stepIndex;\n\n      if (stepHasSubsteps(stepIndex)) {\n        if (substepIndex < 0) {\n          activeSubstepIndex.value = 0;\n        } else {\n          activeSubstepIndex.value = substepIndex;\n        }\n      }\n    }\n  }\n\n  /**\n   * Returns true if the step is completed.\n   * if the substep index is provided, check if the substep is completed.\n   */\n  function isStepCompleted(stepIndex: number, substepIndex = -1): boolean {\n    if (substepIndex >= 0) {\n      return steps.value[stepIndex]?.substeps[substepIndex]?.completed;\n    } else {\n      return steps.value[stepIndex]?.completed;\n    }\n  }\n\n  /**\n   * Returns true if the step is active.\n   * if the substep index is provided, check both if the step and the substep are active.\n   */\n  function isStepActive(stepIndex: number, substepIndex = -1): boolean {\n    if (substepIndex >= 0) {\n      return activeStepIndex.value === stepIndex && activeSubstepIndex.value === substepIndex;\n    } else {\n      return activeStepIndex.value === stepIndex;\n    }\n  }\n\n  /**\n   * Registers a new step or substep into the steps array\n   */\n  function registerStep(nested = false): void {\n    if (nested && !steps.value.length) {\n      throw new Error('Cannot register a substep without a parent step.');\n    }\n\n    if (nested) {\n      steps.value[steps.value.length - 1].substeps.push({ completed: false });\n    } else {\n      steps.value.push({ completed: false, substeps: [] });\n    }\n  }\n\n  return {\n    steps: readonly(steps),\n    stepCount,\n    activeStepElement,\n    activeStepIndex,\n    activeSubstepIndex,\n    registerStep,\n    next,\n    back,\n    goTo,\n    isStepActive,\n    isStepCompleted,\n  };\n}\n"],"names":["useStepper","options","steps","ref","stepCount","computed","activeStepIndex","activeSubstepIndex","stepElements","activeStepElement","stepHasSubsteps","stepIndex","next","hasNoActiveStep","isLastStep","hasNoActiveSubstep","isLastSubstep","back","goTo","substepIndex","isStepCompleted","isStepActive","registerStep","nested","readonly"],"mappings":"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"}

package/dist/useToasts.js

@@ -2,38 +2,38 @@ import l from "lodash-es/merge";
 import T from "lodash-es/uniqueId";
 import { ref as h, reactive as y, readonly as b } from "vue";
 const w = 5e3, n = h([]);
-function M(s = { timeout: w }) {
-  function c(e) {
-    const o = typeof e == "string" ? e : void 0, { group: i = void 0, status: t = void 0 } = typeof e == "object" ? e : {};
-    if (!o && (!i || !t))
+function M(c = { timeout: w }) {
+  function s(o) {
+    const e = typeof o == "string" ? o : void 0, { group: i = void 0, status: t = void 0 } = typeof o == "object" ? o : {};
+    if (!e && (!i || !t))
       throw new Error("Must provide either a toast ID or both group and type");
-    const r = i && t ? `toast-${t}-${i}` : String(o), f = n.value.findIndex(({ id: g }) => g === r);
+    const r = i && t ? `toast-${t}-${i}` : String(e), f = n.value.findIndex(({ id: g }) => g === r);
     f !== -1 && n.value.splice(f, 1);
   }
-  function u(e, o, i) {
-    const t = l({}, s, i), r = t != null && t.group ? `toast-${o}-${t.group}` : T("toast-");
-    if (!(t != null && t.group && n.value.some(({ id: f }) => f === r)))
+  function u(o, e, i) {
+    const t = l({}, c, i), r = t?.group ? `toast-${e}-${t.group}` : T("toast-");
+    if (!(t?.group && n.value.some(({ id: f }) => f === r)))
       return n.value.push({
-        text: e,
+        text: o,
         id: r,
-        status: o,
+        status: e,
         offsetTop: t.offsetTop
-      }), typeof t.timeout == "number" && setTimeout(() => c(r), Math.abs(t.timeout)), r;
+      }), typeof t.timeout == "number" && setTimeout(() => s(r), Math.abs(t.timeout)), r;
   }
   function a() {
     n.value = [];
   }
-  function m(e, o) {
-    return u(e, "error", o);
+  function m(o, e) {
+    return u(o, "error", e);
   }
-  function v(e, o) {
-    return u(e, "info", o);
+  function p(o, e) {
+    return u(o, "info", e);
   }
-  function d(e, o) {
-    return u(e, "success", o);
+  function v(o, e) {
+    return u(o, "success", e);
   }
-  function p(e, o) {
-    return u(e, "warning", o);
+  function d(o, e) {
+    return u(o, "warning", e);
   }
   return y({
     /**
@@ -43,7 +43,7 @@ function M(s = { timeout: w }) {
     /**
      * Removes an active/visible toast by id or by group and type.
      */
-    remove: c,
+    remove: s,
     /**
      * Creates a new toast and makes it active/visible.
      */
@@ -59,15 +59,15 @@ function M(s = { timeout: w }) {
     /**
      * Creates a new "info" toast.
      */
-    info: v,
+    info: p,
     /**
      * Creates a new "success" toast.
      */
-    success: d,
+    success: v,
     /**
      * Creates a new "warning" toast.
      */
-    warning: p
+    warning: d
   });
 }
 export {

package/dist/useToasts.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToasts.js","sources":["../src/composables/useToasts/useToasts.ts"],"sourcesContent":["import merge from 'lodash-es/merge';\nimport uniqueId from 'lodash-es/uniqueId';\nimport { reactive, readonly, ref, RenderFunction } from 'vue';\n\nimport { StatusSeverity } from '../../../types/statusLevels';\n\nexport const DEFAULT_TIMEOUT = 5000;\n\nexport type Toast = {\n  id: string;\n  text: string | RenderFunction;\n  status: StatusSeverity;\n  offsetTop?: string;\n};\n\nexport interface ToastOptions {\n  /**\n   * The timeout in milliseconds before the toast is automatically dismissed. If set to `false`, the toast will persist until the user clicks on it.\n   * @default DEFAULT_TIMEOUT\n   */\n  timeout?: number | boolean;\n  /**\n   * A group name ensures only one toast with the same group and status is visible at any given time.\n   * Toasts with the same group but different statuses will be treated as separate and will display concurrently.\n   */\n  group?: string;\n  /**\n   * The container distance from the top of the viewport.\n   */\n  offsetTop?: string;\n}\n\ntype ToastIdOrUndefined<O extends ToastOptions | undefined> = O extends { id: string }\n  ? Toast['id'] | undefined\n  : Toast['id'];\n\nconst active = ref<Toast[]>([]);\n\nexport default function useToasts(globalOptions: Omit<ToastOptions, 'group'> = { timeout: DEFAULT_TIMEOUT }) {\n  // method overloads\n  function remove(toastId: Toast['id']): void;\n  function remove(options: { group: string; status: StatusSeverity }): void;\n  function remove(toastIdOrOptions: Toast['id'] | { group: string; status: StatusSeverity }) {\n    const toastId = typeof toastIdOrOptions === 'string' ? toastIdOrOptions : undefined;\n    const { group = undefined, status = undefined } = typeof toastIdOrOptions === 'object' ? toastIdOrOptions : {};\n\n    if (!toastId && (!group || !status)) {\n      throw new Error('Must provide either a toast ID or both group and type');\n    }\n\n    const idToRemove = group && status ? `toast-${status}-${group}` : String(toastId);\n    const index = active.value.findIndex(({ id }) => id === idToRemove);\n    if (index === -1) {\n      return;\n    }\n\n    active.value.splice(index, 1);\n  }\n\n  // method overloads\n  function create(text: Toast['text'], status: StatusSeverity, options?: Omit<ToastOptions, 'group'>): Toast['id'];\n  function create(\n    text: Toast['text'],\n    status: StatusSeverity,\n    options: ToastOptions & { id: string },\n  ): Toast['id'] | undefined;\n  function create(text: Toast['text'], status: StatusSeverity, localOptions?: ToastOptions): Toast['id'] | undefined {\n    const options = merge({}, globalOptions, localOptions);\n\n    const id = options?.group ? `toast-${status}-${options.group}` : uniqueId('toast-');\n    if (options?.group && active.value.some(({ id: existingId }) => existingId === id)) {\n      return;\n    }\n\n    active.value.push({\n      text,\n      id,\n      status,\n      offsetTop: options.offsetTop,\n    });\n\n    if (typeof options.timeout === 'number') {\n      setTimeout(() => remove(id), Math.abs(options.timeout));\n    }\n\n    return id;\n  }\n\n  function removeAll() {\n    active.value = [];\n  }\n\n  function error<O extends ToastOptions>(text: Toast['text'], options?: O): ToastIdOrUndefined<O> {\n    return create(text, 'error', options);\n  }\n\n  function info<O extends ToastOptions>(text: Toast['text'], options?: O): ToastIdOrUndefined<O> {\n    return create(text, 'info', options);\n  }\n\n  function success<O extends ToastOptions>(text: Toast['text'], options?: O): ToastIdOrUndefined<O> {\n    return create(text, 'success', options);\n  }\n\n  function warning<O extends ToastOptions>(text: Toast['text'], options?: O): ToastIdOrUndefined<O> {\n    return create(text, 'warning', options);\n  }\n\n  return reactive({\n    /**\n     * The list of toasts that are currently visible.\n     */\n    active: readonly(active),\n\n    /**\n     * Removes an active/visible toast by id or by group and type.\n     */\n    remove,\n\n    /**\n     * Creates a new toast and makes it active/visible.\n     */\n    create,\n\n    /**\n     * Removes all active/visible toasts.\n     */\n    removeAll,\n\n    /**\n     * Creates a new \"error\" toast.\n     */\n    error,\n\n    /**\n     * Creates a new \"info\" toast.\n     */\n    info,\n\n    /**\n     * Creates a new \"success\" toast.\n     */\n    success,\n\n    /**\n     * Creates a new \"warning\" toast.\n     */\n    warning,\n  });\n}\n"],"names":["DEFAULT_TIMEOUT","active","ref","useToasts","globalOptions","remove","toastIdOrOptions","toastId","group","status","idToRemove","index","id","create","text","localOptions","options","merge","uniqueId","existingId","removeAll","error","info","success","warning","reactive","readonly"],"mappings":";;;AAMO,MAAMA,IAAkB,KA8BzBC,IAASC,EAAa,EAAE;AAE9B,SAAwBC,EAAUC,IAA6C,EAAE,SAASJ,KAAmB;AAI3G,WAASK,EAAOC,GAA2E;AACzF,UAAMC,IAAU,OAAOD,KAAqB,WAAWA,IAAmB,QACpE,EAAE,OAAAE,IAAQ,QAAW,QAAAC,IAAS,WAAc,OAAOH,KAAqB,WAAWA,IAAmB,CAAC;AAE7G,QAAI,CAACC,MAAY,CAACC,KAAS,CAACC;AACpB,YAAA,IAAI,MAAM,uDAAuD;AAGnE,UAAAC,IAAaF,KAASC,IAAS,SAASA,CAAM,IAAID,CAAK,KAAK,OAAOD,CAAO,GAC1EI,IAAQV,EAAO,MAAM,UAAU,CAAC,EAAE,IAAAW,EAAA,MAASA,MAAOF,CAAU;AAClE,IAAIC,MAAU,MAIPV,EAAA,MAAM,OAAOU,GAAO,CAAC;AAAA,EAAA;AAUrB,WAAAE,EAAOC,GAAqBL,GAAwBM,GAAsD;AACjH,UAAMC,IAAUC,EAAM,IAAIb,GAAeW,CAAY,GAE/CH,IAAKI,KAAA,QAAAA,EAAS,QAAQ,SAASP,CAAM,IAAIO,EAAQ,KAAK,KAAKE,EAAS,QAAQ;AAClF,QAAI,EAAAF,KAAA,QAAAA,EAAS,SAASf,EAAO,MAAM,KAAK,CAAC,EAAE,IAAIkB,EAAW,MAAMA,MAAeP,CAAE;AAIjF,aAAAX,EAAO,MAAM,KAAK;AAAA,QAChB,MAAAa;AAAA,QACA,IAAAF;AAAA,QACA,QAAAH;AAAA,QACA,WAAWO,EAAQ;AAAA,MAAA,CACpB,GAEG,OAAOA,EAAQ,WAAY,YAClB,WAAA,MAAMX,EAAOO,CAAE,GAAG,KAAK,IAAII,EAAQ,OAAO,CAAC,GAGjDJ;AAAA,EAAA;AAGT,WAASQ,IAAY;AACnB,IAAAnB,EAAO,QAAQ,CAAC;AAAA,EAAA;AAGT,WAAAoB,EAA8BP,GAAqBE,GAAoC;AACvF,WAAAH,EAAOC,GAAM,SAASE,CAAO;AAAA,EAAA;AAG7B,WAAAM,EAA6BR,GAAqBE,GAAoC;AACtF,WAAAH,EAAOC,GAAM,QAAQE,CAAO;AAAA,EAAA;AAG5B,WAAAO,EAAgCT,GAAqBE,GAAoC;AACzF,WAAAH,EAAOC,GAAM,WAAWE,CAAO;AAAA,EAAA;AAG/B,WAAAQ,EAAgCV,GAAqBE,GAAoC;AACzF,WAAAH,EAAOC,GAAM,WAAWE,CAAO;AAAA,EAAA;AAGxC,SAAOS,EAAS;AAAA;AAAA;AAAA;AAAA,IAId,QAAQC,EAASzB,CAAM;AAAA;AAAA;AAAA;AAAA,IAKvB,QAAAI;AAAA;AAAA;AAAA;AAAA,IAKA,QAAAQ;AAAA;AAAA;AAAA;AAAA,IAKA,WAAAO;AAAA;AAAA;AAAA;AAAA,IAKA,OAAAC;AAAA;AAAA;AAAA;AAAA,IAKA,MAAAC;AAAA;AAAA;AAAA;AAAA,IAKA,SAAAC;AAAA;AAAA;AAAA;AAAA,IAKA,SAAAC;AAAA,EAAA,CACD;AACH;"}
+{"version":3,"file":"useToasts.js","sources":["../src/composables/useToasts/useToasts.ts"],"sourcesContent":["import merge from 'lodash-es/merge';\nimport uniqueId from 'lodash-es/uniqueId';\nimport { reactive, readonly, ref, RenderFunction } from 'vue';\n\nimport { StatusSeverity } from '../../../types/statusLevels';\n\nexport const DEFAULT_TIMEOUT = 5000;\n\nexport type Toast = {\n  id: string;\n  text: string | RenderFunction;\n  status: StatusSeverity;\n  offsetTop?: string;\n};\n\nexport interface ToastOptions {\n  /**\n   * The timeout in milliseconds before the toast is automatically dismissed. If set to `false`, the toast will persist until the user clicks on it.\n   * @default DEFAULT_TIMEOUT\n   */\n  timeout?: number | boolean;\n  /**\n   * A group name ensures only one toast with the same group and status is visible at any given time.\n   * Toasts with the same group but different statuses will be treated as separate and will display concurrently.\n   */\n  group?: string;\n  /**\n   * The container distance from the top of the viewport.\n   */\n  offsetTop?: string;\n}\n\ntype ToastIdOrUndefined<O extends ToastOptions | undefined> = O extends { id: string }\n  ? Toast['id'] | undefined\n  : Toast['id'];\n\nconst active = ref<Toast[]>([]);\n\nexport default function useToasts(globalOptions: Omit<ToastOptions, 'group'> = { timeout: DEFAULT_TIMEOUT }) {\n  // method overloads\n  function remove(toastId: Toast['id']): void;\n  function remove(options: { group: string; status: StatusSeverity }): void;\n  function remove(toastIdOrOptions: Toast['id'] | { group: string; status: StatusSeverity }) {\n    const toastId = typeof toastIdOrOptions === 'string' ? toastIdOrOptions : undefined;\n    const { group = undefined, status = undefined } = typeof toastIdOrOptions === 'object' ? toastIdOrOptions : {};\n\n    if (!toastId && (!group || !status)) {\n      throw new Error('Must provide either a toast ID or both group and type');\n    }\n\n    const idToRemove = group && status ? `toast-${status}-${group}` : String(toastId);\n    const index = active.value.findIndex(({ id }) => id === idToRemove);\n    if (index === -1) {\n      return;\n    }\n\n    active.value.splice(index, 1);\n  }\n\n  // method overloads\n  function create(text: Toast['text'], status: StatusSeverity, options?: Omit<ToastOptions, 'group'>): Toast['id'];\n  function create(\n    text: Toast['text'],\n    status: StatusSeverity,\n    options: ToastOptions & { id: string },\n  ): Toast['id'] | undefined;\n  function create(text: Toast['text'], status: StatusSeverity, localOptions?: ToastOptions): Toast['id'] | undefined {\n    const options = merge({}, globalOptions, localOptions);\n\n    const id = options?.group ? `toast-${status}-${options.group}` : uniqueId('toast-');\n    if (options?.group && active.value.some(({ id: existingId }) => existingId === id)) {\n      return;\n    }\n\n    active.value.push({\n      text,\n      id,\n      status,\n      offsetTop: options.offsetTop,\n    });\n\n    if (typeof options.timeout === 'number') {\n      setTimeout(() => remove(id), Math.abs(options.timeout));\n    }\n\n    return id;\n  }\n\n  function removeAll() {\n    active.value = [];\n  }\n\n  function error<O extends ToastOptions>(text: Toast['text'], options?: O): ToastIdOrUndefined<O> {\n    return create(text, 'error', options);\n  }\n\n  function info<O extends ToastOptions>(text: Toast['text'], options?: O): ToastIdOrUndefined<O> {\n    return create(text, 'info', options);\n  }\n\n  function success<O extends ToastOptions>(text: Toast['text'], options?: O): ToastIdOrUndefined<O> {\n    return create(text, 'success', options);\n  }\n\n  function warning<O extends ToastOptions>(text: Toast['text'], options?: O): ToastIdOrUndefined<O> {\n    return create(text, 'warning', options);\n  }\n\n  return reactive({\n    /**\n     * The list of toasts that are currently visible.\n     */\n    active: readonly(active),\n\n    /**\n     * Removes an active/visible toast by id or by group and type.\n     */\n    remove,\n\n    /**\n     * Creates a new toast and makes it active/visible.\n     */\n    create,\n\n    /**\n     * Removes all active/visible toasts.\n     */\n    removeAll,\n\n    /**\n     * Creates a new \"error\" toast.\n     */\n    error,\n\n    /**\n     * Creates a new \"info\" toast.\n     */\n    info,\n\n    /**\n     * Creates a new \"success\" toast.\n     */\n    success,\n\n    /**\n     * Creates a new \"warning\" toast.\n     */\n    warning,\n  });\n}\n"],"names":["DEFAULT_TIMEOUT","active","ref","useToasts","globalOptions","remove","toastIdOrOptions","toastId","group","status","idToRemove","index","id","create","text","localOptions","options","merge","uniqueId","existingId","removeAll","error","info","success","warning","reactive","readonly"],"mappings":";;;AAMO,MAAMA,IAAkB,KA8BzBC,IAASC,EAAa,EAAE;AAE9B,SAAwBC,EAAUC,IAA6C,EAAE,SAASJ,KAAmB;AAI3G,WAASK,EAAOC,GAA2E;AACzF,UAAMC,IAAU,OAAOD,KAAqB,WAAWA,IAAmB,QACpE,EAAE,OAAAE,IAAQ,QAAW,QAAAC,IAAS,OAAA,IAAc,OAAOH,KAAqB,WAAWA,IAAmB,CAAA;AAE5G,QAAI,CAACC,MAAY,CAACC,KAAS,CAACC;AAC1B,YAAM,IAAI,MAAM,uDAAuD;AAGzE,UAAMC,IAAaF,KAASC,IAAS,SAASA,CAAM,IAAID,CAAK,KAAK,OAAOD,CAAO,GAC1EI,IAAQV,EAAO,MAAM,UAAU,CAAC,EAAE,IAAAW,EAAA,MAASA,MAAOF,CAAU;AAClE,IAAIC,MAAU,MAIdV,EAAO,MAAM,OAAOU,GAAO,CAAC;AAAA,EAC9B;AASA,WAASE,EAAOC,GAAqBL,GAAwBM,GAAsD;AACjH,UAAMC,IAAUC,EAAM,IAAIb,GAAeW,CAAY,GAE/CH,IAAKI,GAAS,QAAQ,SAASP,CAAM,IAAIO,EAAQ,KAAK,KAAKE,EAAS,QAAQ;AAClF,QAAI,EAAAF,GAAS,SAASf,EAAO,MAAM,KAAK,CAAC,EAAE,IAAIkB,EAAA,MAAiBA,MAAeP,CAAE;AAIjF,aAAAX,EAAO,MAAM,KAAK;AAAA,QAChB,MAAAa;AAAA,QACA,IAAAF;AAAA,QACA,QAAAH;AAAA,QACA,WAAWO,EAAQ;AAAA,MAAA,CACpB,GAEG,OAAOA,EAAQ,WAAY,YAC7B,WAAW,MAAMX,EAAOO,CAAE,GAAG,KAAK,IAAII,EAAQ,OAAO,CAAC,GAGjDJ;AAAA,EACT;AAEA,WAASQ,IAAY;AACnB,IAAAnB,EAAO,QAAQ,CAAA;AAAA,EACjB;AAEA,WAASoB,EAA8BP,GAAqBE,GAAoC;AAC9F,WAAOH,EAAOC,GAAM,SAASE,CAAO;AAAA,EACtC;AAEA,WAASM,EAA6BR,GAAqBE,GAAoC;AAC7F,WAAOH,EAAOC,GAAM,QAAQE,CAAO;AAAA,EACrC;AAEA,WAASO,EAAgCT,GAAqBE,GAAoC;AAChG,WAAOH,EAAOC,GAAM,WAAWE,CAAO;AAAA,EACxC;AAEA,WAASQ,EAAgCV,GAAqBE,GAAoC;AAChG,WAAOH,EAAOC,GAAM,WAAWE,CAAO;AAAA,EACxC;AAEA,SAAOS,EAAS;AAAA;AAAA;AAAA;AAAA,IAId,QAAQC,EAASzB,CAAM;AAAA;AAAA;AAAA;AAAA,IAKvB,QAAAI;AAAA;AAAA;AAAA;AAAA,IAKA,QAAAQ;AAAA;AAAA;AAAA;AAAA,IAKA,WAAAO;AAAA;AAAA;AAAA;AAAA,IAKA,OAAAC;AAAA;AAAA;AAAA;AAAA,IAKA,MAAAC;AAAA;AAAA;AAAA;AAAA,IAKA,SAAAC;AAAA;AAAA;AAAA;AAAA,IAKA,SAAAC;AAAA,EAAA,CACD;AACH;"}