@leaflink/stash 51.9.3 → 51.11.0

package/dist/usePlaidLink.js

@@ -1,42 +1,35 @@
-import { ref as l, watchSyncEffect as c, toValue as f, computed as s, onUnmounted as v } from "vue";
-import p from "./useScriptTag.js";
-const m = "https://cdn.plaid.com/link/v2/stable/link-initialize.js";
-function P(u) {
-  const { isLoaded: i, error: r } = p(m), a = l(null), t = l(!1);
-  c(() => {
-    const e = f(u);
-    if (i.value && !(!e.token && !e.receivedRedirectUri)) {
+import { ref as r, watchSyncEffect as d, toValue as c, computed as s, onUnmounted as f } from "vue";
+import v from "./useScriptTag.js";
+const p = "https://cdn.plaid.com/link/v2/stable/link-initialize.js";
+function L(l) {
+  const { isLoaded: t, error: i } = v(p), e = r(null), o = r(!1);
+  d(() => {
+    const a = c(l);
+    if (t.value && !(!a.token && !a.receivedRedirectUri)) {
       if (!window.Plaid)
         throw new Error("Error loading Plaid SDK");
-      n(), a.value = window.Plaid.create({
-        ...e,
+      n(), e.value = window.Plaid.create({
+        ...a,
         onLoad: () => {
-          var o;
-          t.value = !0, (o = e.onLoad) == null || o.call(e);
+          o.value = !0, a.onLoad?.();
         }
       });
     }
   });
-  const d = s(
-    () => !r.value && a.value !== null && (i.value || t.value)
+  const u = s(
+    () => !i.value && e.value !== null && (t.value || o.value)
   );
   function n() {
-    a.value && (a.value.exit({ force: !0 }), a.value.destroy(), t.value = !1);
+    e.value && (e.value.exit({ force: !0 }), e.value.destroy(), o.value = !1);
   }
-  return v(n), {
-    ready: d,
-    error: r,
-    open: () => {
-      var e;
-      return (e = a.value) == null ? void 0 : e.open();
-    },
-    exit: (e) => {
-      var o;
-      return (o = a.value) == null ? void 0 : o.exit(e);
-    }
+  return f(n), {
+    ready: u,
+    error: i,
+    open: () => e.value?.open(),
+    exit: (a) => e.value?.exit(a)
   };
 }
 export {
-  P as default
+  L as default
 };
 //# sourceMappingURL=usePlaidLink.js.map

package/dist/usePlaidLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePlaidLink.js","sources":["../src/composables/usePlaidLink/usePlaidLink.ts"],"sourcesContent":["import { computed, MaybeRef, onUnmounted, ref, toValue, watchSyncEffect } from 'vue';\n\nimport { Plaid } from '../../../types/plaid';\nimport useScriptTag from '../useScriptTag/useScriptTag';\n\nconst PLAID_SDK_URL = 'https://cdn.plaid.com/link/v2/stable/link-initialize.js';\n\nexport default function usePlaidLink(options: MaybeRef<Plaid.CreateConfig>) {\n  const { isLoaded: isPlaidScriptLoaded, error } = useScriptTag(PLAID_SDK_URL);\n\n  const plaid = ref<Plaid.LinkHandler | null>(null);\n  const iframeLoaded = ref(false);\n\n  // We want to trigger this as soon as options ref changes\n  watchSyncEffect(() => {\n    const optionsVal = toValue(options);\n\n    if (!isPlaidScriptLoaded.value) {\n      return;\n    }\n\n    if (!optionsVal.token && !optionsVal.receivedRedirectUri) {\n      return;\n    }\n\n    if (!window.Plaid) {\n      throw new Error('Error loading Plaid SDK');\n    }\n\n    // destroy & exit existing instances so we don't\n    // have multiple Plaid link modals at the same time\n    teardown();\n\n    plaid.value = window.Plaid.create({\n      ...optionsVal,\n      onLoad: () => {\n        iframeLoaded.value = true;\n        optionsVal.onLoad?.();\n      },\n    });\n  });\n\n  const ready = computed(\n    () => !error.value && plaid.value !== null && (isPlaidScriptLoaded.value || iframeLoaded.value),\n  );\n\n  function teardown() {\n    if (plaid.value) {\n      plaid.value.exit({ force: true });\n      plaid.value.destroy();\n\n      iframeLoaded.value = false;\n    }\n  }\n\n  onUnmounted(teardown);\n\n  return {\n    ready,\n    error,\n    open: () => plaid.value?.open(),\n    exit: (options?: Plaid.ExitOptions) => plaid.value?.exit(options),\n  };\n}\n"],"names":["PLAID_SDK_URL","usePlaidLink","options","isPlaidScriptLoaded","error","useScriptTag","plaid","ref","iframeLoaded","watchSyncEffect","optionsVal","toValue","teardown","_a","ready","computed","onUnmounted"],"mappings":";;AAKA,MAAMA,IAAgB;AAEtB,SAAwBC,EAAaC,GAAuC;AAC1E,QAAM,EAAE,UAAUC,GAAqB,OAAAC,EAAM,IAAIC,EAAaL,CAAa,GAErEM,IAAQC,EAA8B,IAAI,GAC1CC,IAAeD,EAAI,EAAK;AAG9B,EAAAE,EAAgB,MAAM;AACd,UAAAC,IAAaC,EAAQT,CAAO;AAE9B,QAACC,EAAoB,SAIrB,GAACO,EAAW,SAAS,CAACA,EAAW,sBAIjC;AAAA,UAAA,CAAC,OAAO;AACJ,cAAA,IAAI,MAAM,yBAAyB;AAKlC,MAAAE,EAAA,GAEHN,EAAA,QAAQ,OAAO,MAAM,OAAO;AAAA,QAChC,GAAGI;AAAA,QACH,QAAQ,MAAM;;AACZ,UAAAF,EAAa,QAAQ,KACrBK,IAAAH,EAAW,WAAX,QAAAG,EAAA,KAAAH;AAAA,QAAoB;AAAA,MACtB,CACD;AAAA;AAAA,EAAA,CACF;AAED,QAAMI,IAAQC;AAAA,IACZ,MAAM,CAACX,EAAM,SAASE,EAAM,UAAU,SAASH,EAAoB,SAASK,EAAa;AAAA,EAC3F;AAEA,WAASI,IAAW;AAClB,IAAIN,EAAM,UACRA,EAAM,MAAM,KAAK,EAAE,OAAO,IAAM,GAChCA,EAAM,MAAM,QAAQ,GAEpBE,EAAa,QAAQ;AAAA,EACvB;AAGF,SAAAQ,EAAYJ,CAAQ,GAEb;AAAA,IACL,OAAAE;AAAA,IACA,OAAAV;AAAA,IACA,MAAM,MAAM;;AAAA,cAAAS,IAAAP,EAAM,UAAN,gBAAAO,EAAa;AAAA;AAAA,IACzB,MAAM,CAACX,MAAAA;;AAAgC,cAAAW,IAAAP,EAAM,UAAN,gBAAAO,EAAa,KAAKX;AAAAA;AAAAA,EAC3D;AACF;"}
+{"version":3,"file":"usePlaidLink.js","sources":["../src/composables/usePlaidLink/usePlaidLink.ts"],"sourcesContent":["import { computed, MaybeRef, onUnmounted, ref, toValue, watchSyncEffect } from 'vue';\n\nimport { Plaid } from '../../../types/plaid';\nimport useScriptTag from '../useScriptTag/useScriptTag';\n\nconst PLAID_SDK_URL = 'https://cdn.plaid.com/link/v2/stable/link-initialize.js';\n\nexport default function usePlaidLink(options: MaybeRef<Plaid.CreateConfig>) {\n  const { isLoaded: isPlaidScriptLoaded, error } = useScriptTag(PLAID_SDK_URL);\n\n  const plaid = ref<Plaid.LinkHandler | null>(null);\n  const iframeLoaded = ref(false);\n\n  // We want to trigger this as soon as options ref changes\n  watchSyncEffect(() => {\n    const optionsVal = toValue(options);\n\n    if (!isPlaidScriptLoaded.value) {\n      return;\n    }\n\n    if (!optionsVal.token && !optionsVal.receivedRedirectUri) {\n      return;\n    }\n\n    if (!window.Plaid) {\n      throw new Error('Error loading Plaid SDK');\n    }\n\n    // destroy & exit existing instances so we don't\n    // have multiple Plaid link modals at the same time\n    teardown();\n\n    plaid.value = window.Plaid.create({\n      ...optionsVal,\n      onLoad: () => {\n        iframeLoaded.value = true;\n        optionsVal.onLoad?.();\n      },\n    });\n  });\n\n  const ready = computed(\n    () => !error.value && plaid.value !== null && (isPlaidScriptLoaded.value || iframeLoaded.value),\n  );\n\n  function teardown() {\n    if (plaid.value) {\n      plaid.value.exit({ force: true });\n      plaid.value.destroy();\n\n      iframeLoaded.value = false;\n    }\n  }\n\n  onUnmounted(teardown);\n\n  return {\n    ready,\n    error,\n    open: () => plaid.value?.open(),\n    exit: (options?: Plaid.ExitOptions) => plaid.value?.exit(options),\n  };\n}\n"],"names":["PLAID_SDK_URL","usePlaidLink","options","isPlaidScriptLoaded","error","useScriptTag","plaid","ref","iframeLoaded","watchSyncEffect","optionsVal","toValue","teardown","ready","computed","onUnmounted"],"mappings":";;AAKA,MAAMA,IAAgB;AAEtB,SAAwBC,EAAaC,GAAuC;AAC1E,QAAM,EAAE,UAAUC,GAAqB,OAAAC,EAAA,IAAUC,EAAaL,CAAa,GAErEM,IAAQC,EAA8B,IAAI,GAC1CC,IAAeD,EAAI,EAAK;AAG9B,EAAAE,EAAgB,MAAM;AACpB,UAAMC,IAAaC,EAAQT,CAAO;AAElC,QAAKC,EAAoB,SAIrB,GAACO,EAAW,SAAS,CAACA,EAAW,sBAIrC;AAAA,UAAI,CAAC,OAAO;AACV,cAAM,IAAI,MAAM,yBAAyB;AAK3C,MAAAE,EAAA,GAEAN,EAAM,QAAQ,OAAO,MAAM,OAAO;AAAA,QAChC,GAAGI;AAAA,QACH,QAAQ,MAAM;AACZ,UAAAF,EAAa,QAAQ,IACrBE,EAAW,SAAA;AAAA,QACb;AAAA,MAAA,CACD;AAAA;AAAA,EACH,CAAC;AAED,QAAMG,IAAQC;AAAA,IACZ,MAAM,CAACV,EAAM,SAASE,EAAM,UAAU,SAASH,EAAoB,SAASK,EAAa;AAAA,EAAA;AAG3F,WAASI,IAAW;AAClB,IAAIN,EAAM,UACRA,EAAM,MAAM,KAAK,EAAE,OAAO,IAAM,GAChCA,EAAM,MAAM,QAAA,GAEZE,EAAa,QAAQ;AAAA,EAEzB;AAEA,SAAAO,EAAYH,CAAQ,GAEb;AAAA,IACL,OAAAC;AAAA,IACA,OAAAT;AAAA,IACA,MAAM,MAAME,EAAM,OAAO,KAAA;AAAA,IACzB,MAAM,CAACJ,MAAgCI,EAAM,OAAO,KAAKJ,CAAO;AAAA,EAAA;AAEpE;"}

package/dist/useScriptTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScriptTag.js","sources":["../src/composables/useScriptTag/useScriptTag.ts"],"sourcesContent":["import { onMounted, onUnmounted, ref } from 'vue';\n\ntype UseScriptOptions = {\n  manual: boolean;\n};\n\nexport default function useScriptTag(url: string, options: UseScriptOptions = { manual: false }) {\n  const scriptTag = ref<HTMLScriptElement | null>(null);\n  const isLoaded = ref(false);\n  const error = ref<Error | null>(null);\n\n  const setIsLoaded = () => (isLoaded.value = true);\n  const setError = (e: ErrorEvent) => (error.value = e.error);\n\n  function loadScript() {\n    let el = document.querySelector<HTMLScriptElement>(`script[src=\"${url}\"]`);\n\n    if (!el) {\n      isLoaded.value = false;\n      error.value = null;\n\n      el = document.createElement('script');\n\n      el.type = 'text/javascript';\n      el.async = true;\n      el.src = url;\n      el.addEventListener('load', setIsLoaded);\n      el.addEventListener('error', setError);\n      document.head.appendChild(el);\n    } else {\n      isLoaded.value = true;\n    }\n\n    scriptTag.value = el;\n  }\n\n  function unloadScript() {\n    if (!document) {\n      return;\n    }\n\n    const elToBeRemoved = document.querySelector<HTMLScriptElement>(`script[src=\"${url}\"]`);\n\n    if (elToBeRemoved) {\n      elToBeRemoved.removeEventListener('load', setIsLoaded);\n      elToBeRemoved.removeEventListener('error', setError);\n\n      document.head.removeChild(elToBeRemoved);\n\n      scriptTag.value = null;\n      isLoaded.value = false;\n    }\n  }\n\n  if (!options.manual) {\n    onMounted(loadScript);\n    onUnmounted(unloadScript);\n  }\n\n  return { scriptTag, load: loadScript, unload: unloadScript, isLoaded, error };\n}\n"],"names":["useScriptTag","url","options","scriptTag","ref","isLoaded","error","setIsLoaded","setError","loadScript","el","unloadScript","elToBeRemoved","onMounted","onUnmounted"],"mappings":";AAMA,SAAwBA,EAAaC,GAAaC,IAA4B,EAAE,QAAQ,MAAS;AACzF,QAAAC,IAAYC,EAA8B,IAAI,GAC9CC,IAAWD,EAAI,EAAK,GACpBE,IAAQF,EAAkB,IAAI,GAE9BG,IAAc,MAAOF,EAAS,QAAQ,IACtCG,IAAW,CAAC,MAAmBF,EAAM,QAAQ,EAAE;AAErD,WAASG,IAAa;AACpB,QAAIC,IAAK,SAAS,cAAiC,eAAeT,CAAG,IAAI;AAEzE,IAAKS,IAaHL,EAAS,QAAQ,MAZjBA,EAAS,QAAQ,IACjBC,EAAM,QAAQ,MAETI,IAAA,SAAS,cAAc,QAAQ,GAEpCA,EAAG,OAAO,mBACVA,EAAG,QAAQ,IACXA,EAAG,MAAMT,GACNS,EAAA,iBAAiB,QAAQH,CAAW,GACpCG,EAAA,iBAAiB,SAASF,CAAQ,GAC5B,SAAA,KAAK,YAAYE,CAAE,IAK9BP,EAAU,QAAQO;AAAA,EAAA;AAGpB,WAASC,IAAe;AACtB,QAAI,CAAC;AACH;AAGF,UAAMC,IAAgB,SAAS,cAAiC,eAAeX,CAAG,IAAI;AAEtF,IAAIW,MACYA,EAAA,oBAAoB,QAAQL,CAAW,GACvCK,EAAA,oBAAoB,SAASJ,CAAQ,GAE1C,SAAA,KAAK,YAAYI,CAAa,GAEvCT,EAAU,QAAQ,MAClBE,EAAS,QAAQ;AAAA,EACnB;AAGE,SAACH,EAAQ,WACXW,EAAUJ,CAAU,GACpBK,EAAYH,CAAY,IAGnB,EAAE,WAAAR,GAAW,MAAMM,GAAY,QAAQE,GAAc,UAAAN,GAAU,OAAAC,EAAM;AAC9E;"}
+{"version":3,"file":"useScriptTag.js","sources":["../src/composables/useScriptTag/useScriptTag.ts"],"sourcesContent":["import { onMounted, onUnmounted, ref } from 'vue';\n\ntype UseScriptOptions = {\n  manual: boolean;\n};\n\nexport default function useScriptTag(url: string, options: UseScriptOptions = { manual: false }) {\n  const scriptTag = ref<HTMLScriptElement | null>(null);\n  const isLoaded = ref(false);\n  const error = ref<Error | null>(null);\n\n  const setIsLoaded = () => (isLoaded.value = true);\n  const setError = (e: ErrorEvent) => (error.value = e.error);\n\n  function loadScript() {\n    let el = document.querySelector<HTMLScriptElement>(`script[src=\"${url}\"]`);\n\n    if (!el) {\n      isLoaded.value = false;\n      error.value = null;\n\n      el = document.createElement('script');\n\n      el.type = 'text/javascript';\n      el.async = true;\n      el.src = url;\n      el.addEventListener('load', setIsLoaded);\n      el.addEventListener('error', setError);\n      document.head.appendChild(el);\n    } else {\n      isLoaded.value = true;\n    }\n\n    scriptTag.value = el;\n  }\n\n  function unloadScript() {\n    if (!document) {\n      return;\n    }\n\n    const elToBeRemoved = document.querySelector<HTMLScriptElement>(`script[src=\"${url}\"]`);\n\n    if (elToBeRemoved) {\n      elToBeRemoved.removeEventListener('load', setIsLoaded);\n      elToBeRemoved.removeEventListener('error', setError);\n\n      document.head.removeChild(elToBeRemoved);\n\n      scriptTag.value = null;\n      isLoaded.value = false;\n    }\n  }\n\n  if (!options.manual) {\n    onMounted(loadScript);\n    onUnmounted(unloadScript);\n  }\n\n  return { scriptTag, load: loadScript, unload: unloadScript, isLoaded, error };\n}\n"],"names":["useScriptTag","url","options","scriptTag","ref","isLoaded","error","setIsLoaded","setError","loadScript","el","unloadScript","elToBeRemoved","onMounted","onUnmounted"],"mappings":";AAMA,SAAwBA,EAAaC,GAAaC,IAA4B,EAAE,QAAQ,MAAS;AAC/F,QAAMC,IAAYC,EAA8B,IAAI,GAC9CC,IAAWD,EAAI,EAAK,GACpBE,IAAQF,EAAkB,IAAI,GAE9BG,IAAc,MAAOF,EAAS,QAAQ,IACtCG,IAAW,CAAC,MAAmBF,EAAM,QAAQ,EAAE;AAErD,WAASG,IAAa;AACpB,QAAIC,IAAK,SAAS,cAAiC,eAAeT,CAAG,IAAI;AAEzE,IAAKS,IAaHL,EAAS,QAAQ,MAZjBA,EAAS,QAAQ,IACjBC,EAAM,QAAQ,MAEdI,IAAK,SAAS,cAAc,QAAQ,GAEpCA,EAAG,OAAO,mBACVA,EAAG,QAAQ,IACXA,EAAG,MAAMT,GACTS,EAAG,iBAAiB,QAAQH,CAAW,GACvCG,EAAG,iBAAiB,SAASF,CAAQ,GACrC,SAAS,KAAK,YAAYE,CAAE,IAK9BP,EAAU,QAAQO;AAAA,EACpB;AAEA,WAASC,IAAe;AACtB,QAAI,CAAC;AACH;AAGF,UAAMC,IAAgB,SAAS,cAAiC,eAAeX,CAAG,IAAI;AAEtF,IAAIW,MACFA,EAAc,oBAAoB,QAAQL,CAAW,GACrDK,EAAc,oBAAoB,SAASJ,CAAQ,GAEnD,SAAS,KAAK,YAAYI,CAAa,GAEvCT,EAAU,QAAQ,MAClBE,EAAS,QAAQ;AAAA,EAErB;AAEA,SAAKH,EAAQ,WACXW,EAAUJ,CAAU,GACpBK,EAAYH,CAAY,IAGnB,EAAE,WAAAR,GAAW,MAAMM,GAAY,QAAQE,GAAc,UAAAN,GAAU,OAAAC,EAAA;AACxE;"}

package/dist/useSearch.js

@@ -1,23 +1,23 @@
 import f from "lodash-es/get";
-import { computed as l } from "vue";
-import { i as s, s as h } from "./searchFuzzy-DRasJ33G.js";
-import { normalizeText as m } from "./utils/helpers.js";
-function S({ items: t, fieldNames: u, trackBy: o = "id" }) {
-  const c = l(() => {
+import { computed as s } from "vue";
+import { i as l, s as p } from "./searchFuzzy-DBDE6jkd.js";
+import { normalizeText as h } from "./utils/helpers.js";
+function S({ items: t, fieldNames: e, trackBy: a = "id" }) {
+  const i = s(() => {
     const r = {};
-    return !u || !u.length || t.value.forEach((e) => {
-      const n = String(e[o]);
-      r[n] = u.map((a) => m(f(e, a.split(".")))).filter(Boolean).join(" ");
+    return !e || !e.length || t.value.forEach((o) => {
+      const n = String(o[a]);
+      r[n] = e.map((u) => h(f(o, u.split(".")))).filter(Boolean).join(" ");
     }), r;
   });
-  function i(r, e) {
-    return e != null && e.fuzzy && s(t.value) ? h(r, t.value, { fieldNames: u }) : t.value.filter((n) => {
-      const a = String(n[o]);
-      return c.value[a].includes(r.trim().toLowerCase());
+  function c(r, o) {
+    return o?.fuzzy && l(t.value) ? p(r, t.value, { fieldNames: e }) : t.value.filter((n) => {
+      const u = String(n[a]);
+      return i.value[u].includes(r.trim().toLowerCase());
     });
   }
   return {
-    searchFor: i
+    searchFor: c
   };
 }
 export {

package/dist/useSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.js","sources":["../src/composables/useSearch/useSearch.ts"],"sourcesContent":["import get from 'lodash-es/get';\nimport { computed } from 'vue';\n\nimport { isListOfObjects } from '../../../types/utils';\nimport { normalizeText } from '../../utils/helpers';\nimport searchFuzzy from '../../utils/searchFuzzy';\nimport { SearchMap, UseSearchArgs } from './useSearch.types';\n\nexport default function useSearch<Item = unknown>({ items, fieldNames, trackBy = 'id' }: UseSearchArgs<Item>) {\n  const searchMap = computed<SearchMap>(() => {\n    const newSearchMap = {};\n\n    if (!fieldNames || !fieldNames.length) {\n      return newSearchMap;\n    }\n\n    items.value.forEach((item) => {\n      const itemKey = String(item[trackBy]);\n\n      newSearchMap[itemKey] = fieldNames\n        .map((fieldName) => {\n          return normalizeText(get(item, fieldName.split('.'))); // get the field's value\n        })\n        .filter(Boolean)\n        .join(' ');\n    });\n\n    return newSearchMap;\n  });\n\n  /**\n   * Filter `items` by the `fieldNames`'s values.\n   * @param options.fuzzy - will use fuzzy search if true\n   */\n  function searchFor(\n    searchTerm: string,\n    options?: {\n      fuzzy?: boolean;\n    },\n  ): Item[] {\n    if (options?.fuzzy && isListOfObjects(items.value)) {\n      return searchFuzzy<Item>(searchTerm, items.value, { fieldNames });\n    }\n\n    return items.value.filter((item) => {\n      const itemKey = String(item[trackBy]);\n\n      return searchMap.value[itemKey].includes(searchTerm.trim().toLowerCase());\n    });\n  }\n\n  return {\n    searchFor,\n  };\n}\n\nexport * from './useSearch.types';\n"],"names":["useSearch","items","fieldNames","trackBy","searchMap","computed","newSearchMap","item","itemKey","fieldName","normalizeText","get","searchFor","searchTerm","options","isListOfObjects","searchFuzzy"],"mappings":";;;;AAQA,SAAwBA,EAA0B,EAAE,OAAAC,GAAO,YAAAC,GAAY,SAAAC,IAAU,QAA6B;AACtG,QAAAC,IAAYC,EAAoB,MAAM;AAC1C,UAAMC,IAAe,CAAC;AAEtB,WAAI,CAACJ,KAAc,CAACA,EAAW,UAIzBD,EAAA,MAAM,QAAQ,CAACM,MAAS;AAC5B,YAAMC,IAAU,OAAOD,EAAKJ,CAAO,CAAC;AAEpC,MAAAG,EAAaE,CAAO,IAAIN,EACrB,IAAI,CAACO,MACGC,EAAcC,EAAIJ,GAAME,EAAU,MAAM,GAAG,CAAC,CAAC,CACrD,EACA,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,IAAA,CACZ,GAEMH;AAAA,EAAA,CACR;AAMQ,WAAAM,EACPC,GACAC,GAGQ;AACR,WAAIA,KAAA,QAAAA,EAAS,SAASC,EAAgBd,EAAM,KAAK,IACxCe,EAAkBH,GAAYZ,EAAM,OAAO,EAAE,YAAAC,GAAY,IAG3DD,EAAM,MAAM,OAAO,CAACM,MAAS;AAClC,YAAMC,IAAU,OAAOD,EAAKJ,CAAO,CAAC;AAE7B,aAAAC,EAAU,MAAMI,CAAO,EAAE,SAASK,EAAW,OAAO,aAAa;AAAA,IAAA,CACzE;AAAA,EAAA;AAGI,SAAA;AAAA,IACL,WAAAD;AAAA,EACF;AACF;"}
+{"version":3,"file":"useSearch.js","sources":["../src/composables/useSearch/useSearch.ts"],"sourcesContent":["import get from 'lodash-es/get';\nimport { computed } from 'vue';\n\nimport { isListOfObjects } from '../../../types/utils';\nimport { normalizeText } from '../../utils/helpers';\nimport searchFuzzy from '../../utils/searchFuzzy';\nimport { SearchMap, UseSearchArgs } from './useSearch.types';\n\nexport default function useSearch<Item = unknown>({ items, fieldNames, trackBy = 'id' }: UseSearchArgs<Item>) {\n  const searchMap = computed<SearchMap>(() => {\n    const newSearchMap = {};\n\n    if (!fieldNames || !fieldNames.length) {\n      return newSearchMap;\n    }\n\n    items.value.forEach((item) => {\n      const itemKey = String(item[trackBy]);\n\n      newSearchMap[itemKey] = fieldNames\n        .map((fieldName) => {\n          return normalizeText(get(item, fieldName.split('.'))); // get the field's value\n        })\n        .filter(Boolean)\n        .join(' ');\n    });\n\n    return newSearchMap;\n  });\n\n  /**\n   * Filter `items` by the `fieldNames`'s values.\n   * @param options.fuzzy - will use fuzzy search if true\n   */\n  function searchFor(\n    searchTerm: string,\n    options?: {\n      fuzzy?: boolean;\n    },\n  ): Item[] {\n    if (options?.fuzzy && isListOfObjects(items.value)) {\n      return searchFuzzy<Item>(searchTerm, items.value, { fieldNames });\n    }\n\n    return items.value.filter((item) => {\n      const itemKey = String(item[trackBy]);\n\n      return searchMap.value[itemKey].includes(searchTerm.trim().toLowerCase());\n    });\n  }\n\n  return {\n    searchFor,\n  };\n}\n\nexport * from './useSearch.types';\n"],"names":["useSearch","items","fieldNames","trackBy","searchMap","computed","newSearchMap","item","itemKey","fieldName","normalizeText","get","searchFor","searchTerm","options","isListOfObjects","searchFuzzy"],"mappings":";;;;AAQA,SAAwBA,EAA0B,EAAE,OAAAC,GAAO,YAAAC,GAAY,SAAAC,IAAU,QAA6B;AAC5G,QAAMC,IAAYC,EAAoB,MAAM;AAC1C,UAAMC,IAAe,CAAA;AAErB,WAAI,CAACJ,KAAc,CAACA,EAAW,UAI/BD,EAAM,MAAM,QAAQ,CAACM,MAAS;AAC5B,YAAMC,IAAU,OAAOD,EAAKJ,CAAO,CAAC;AAEpC,MAAAG,EAAaE,CAAO,IAAIN,EACrB,IAAI,CAACO,MACGC,EAAcC,EAAIJ,GAAME,EAAU,MAAM,GAAG,CAAC,CAAC,CACrD,EACA,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,IACb,CAAC,GAEMH;AAAA,EACT,CAAC;AAMD,WAASM,EACPC,GACAC,GAGQ;AACR,WAAIA,GAAS,SAASC,EAAgBd,EAAM,KAAK,IACxCe,EAAkBH,GAAYZ,EAAM,OAAO,EAAE,YAAAC,GAAY,IAG3DD,EAAM,MAAM,OAAO,CAACM,MAAS;AAClC,YAAMC,IAAU,OAAOD,EAAKJ,CAAO,CAAC;AAEpC,aAAOC,EAAU,MAAMI,CAAO,EAAE,SAASK,EAAW,OAAO,aAAa;AAAA,IAC1E,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL,WAAAD;AAAA,EAAA;AAEJ;"}

package/dist/useSelection.js

@@ -1,88 +1,88 @@
-import { computed as f, toValue as w, ref as x } from "vue";
-function R({
-  items: g,
-  trackBy: A = "id",
-  shouldDisable: t,
+import { computed as r, toValue as N, ref as T } from "vue";
+function x({
+  items: y,
+  trackBy: p = "id",
+  shouldDisable: u,
   shouldPreselect: o
 }) {
-  const v = f(() => w(g));
-  function r(e) {
-    return String(e[A]);
+  const f = r(() => N(y));
+  function n(e) {
+    return String(e[p]);
   }
-  const c = f(
-    () => v.value.reduce(
-      (e, u) => (e[r(u)] = u, e),
+  const l = r(
+    () => f.value.reduce(
+      (e, c) => (e[n(c)] = c, e),
       {}
     )
-  ), n = x(/* @__PURE__ */ new Set());
-  function m(e) {
-    t != null && t(c.value[r(e)]) || n.value.add(r(e));
+  ), t = T(/* @__PURE__ */ new Set());
+  function g(e) {
+    u?.(l.value[n(e)]) || t.value.add(n(e));
   }
-  function E(e) {
-    t != null && t(c.value[r(e)]) || n.value.delete(r(e));
+  function A(e) {
+    u?.(l.value[n(e)]) || t.value.delete(n(e));
   }
-  function k(e) {
-    if (t != null && t(c.value[r(e)]))
+  function m(e) {
+    if (u?.(l.value[n(e)]))
       return;
-    n.value.has(r(e)) ? n.value.delete(r(e)) : n.value.add(r(e));
+    t.value.has(n(e)) ? t.value.delete(n(e)) : t.value.add(n(e));
   }
-  function l() {
-    v.value.forEach((e) => {
-      t != null && t(e) || n.value.add(r(e));
+  function v() {
+    f.value.forEach((e) => {
+      u?.(e) || t.value.add(n(e));
     });
   }
   function a() {
-    typeof t == "function" ? n.value.forEach((e, u) => {
-      t(c.value[u]) || n.value.delete(u);
-    }) : n.value.clear();
+    typeof u == "function" ? t.value.forEach((e, c) => {
+      u(l.value[c]) || t.value.delete(c);
+    }) : t.value.clear();
   }
-  function z() {
-    y.value ? a() : l();
+  function E() {
+    d.value ? a() : v();
   }
   function i() {
-    a(), typeof o == "function" && v.value.forEach((e) => {
-      o(e) && n.value.add(r(e));
+    a(), typeof o == "function" && f.value.forEach((e) => {
+      o(e) && t.value.add(n(e));
     });
   }
-  function I(e) {
-    return n.value.has(r(e));
+  function k(e) {
+    return t.value.has(n(e));
   }
-  function K(e) {
-    return typeof t != "function" ? !1 : t(c.value[r(e)]);
+  function z(e) {
+    return typeof u != "function" ? !1 : u(l.value[n(e)]);
   }
-  const N = f(() => Array.from(n.value.keys()).map((e) => c.value[e])), S = f(() => n.value.size === v.value.length), y = f(() => {
-    if (typeof t != "function")
-      return S.value;
-    for (const e of v.value)
-      if (!t(e) && !n.value.has(r(e)))
+  const I = r(() => Array.from(t.value.keys()).map((e) => l.value[e])), s = r(() => t.value.size === f.value.length), d = r(() => {
+    if (typeof u != "function")
+      return s.value;
+    for (const e of f.value)
+      if (!u(e) && !t.value.has(n(e)))
         return !1;
     return !0;
-  }), p = f(() => n.value.size > 0), T = f(() => {
-    if (typeof t != "function")
-      return p.value;
-    for (const e of n.value.keys())
-      if (!t(c.value[e]))
+  }), S = r(() => t.value.size > 0), K = r(() => {
+    if (typeof u != "function")
+      return S.value;
+    for (const e of t.value.keys())
+      if (!u(l.value[e]))
         return !0;
     return !1;
   });
   return i(), {
-    select: m,
-    unselect: E,
-    selectToggle: k,
-    selectAll: l,
+    select: g,
+    unselect: A,
+    selectToggle: m,
+    selectAll: v,
     unselectAll: a,
-    selectToggleAll: z,
+    selectToggleAll: E,
     resetSelection: i,
-    isSelected: I,
-    isSelectDisabled: K,
-    selectedItems: N,
-    allSelected: S,
-    allNonDisabledSelected: y,
-    someSelected: p,
-    someNonDisabledSelected: T
+    isSelected: k,
+    isSelectDisabled: z,
+    selectedItems: I,
+    allSelected: s,
+    allNonDisabledSelected: d,
+    someSelected: S,
+    someNonDisabledSelected: K
   };
 }
 export {
-  R as default
+  x as default
 };
 //# sourceMappingURL=useSelection.js.map

package/dist/useSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelection.js","sources":["../src/composables/useSelection/useSelection.ts"],"sourcesContent":["import { computed, ref, toValue } from 'vue';\n\nimport { UseSelection, UseSelectionArgs } from './useSelection.types';\n\nexport default function useSelection<Item extends object>({\n  items,\n  trackBy = 'id',\n  shouldDisable,\n  shouldPreselect,\n}: UseSelectionArgs<Item>): UseSelection<Item> {\n  const itemsRef = computed(() => toValue(items));\n\n  function getItemKey(item: Item) {\n    return String(item[trackBy]);\n  }\n\n  const itemsByKey = computed(() =>\n    itemsRef.value.reduce(\n      (map, item) => {\n        map[getItemKey(item)] = item;\n\n        return map;\n      },\n      {} as { [key: string]: Item },\n    ),\n  );\n\n  /**\n   * A set of item keys that are currently selected, regardless if they are disabled\n   */\n  const selectedSet = ref(new Set<string>());\n\n  function select(item: Item) {\n    if (shouldDisable?.(itemsByKey.value[getItemKey(item)])) {\n      return;\n    }\n\n    selectedSet.value.add(getItemKey(item));\n  }\n\n  function unselect(item: Item) {\n    if (shouldDisable?.(itemsByKey.value[getItemKey(item)])) {\n      return;\n    }\n\n    selectedSet.value.delete(getItemKey(item));\n  }\n\n  function selectToggle(item: Item) {\n    if (shouldDisable?.(itemsByKey.value[getItemKey(item)])) {\n      return;\n    }\n\n    const isSelected = selectedSet.value.has(getItemKey(item));\n\n    if (isSelected) {\n      selectedSet.value.delete(getItemKey(item));\n    } else {\n      selectedSet.value.add(getItemKey(item));\n    }\n  }\n\n  function selectAll() {\n    itemsRef.value.forEach((item) => {\n      if (!shouldDisable?.(item)) {\n        selectedSet.value.add(getItemKey(item));\n      }\n    });\n  }\n\n  function unselectAll() {\n    if (typeof shouldDisable === 'function') {\n      selectedSet.value.forEach((_isSelected, itemKey) => {\n        if (!shouldDisable(itemsByKey.value[itemKey])) {\n          selectedSet.value.delete(itemKey);\n        }\n      });\n    } else {\n      selectedSet.value.clear();\n    }\n  }\n\n  function selectToggleAll() {\n    if (allNonDisabledSelected.value) {\n      unselectAll();\n    } else {\n      selectAll();\n    }\n  }\n\n  function resetSelection() {\n    unselectAll();\n\n    if (typeof shouldPreselect === 'function') {\n      itemsRef.value.forEach((item) => {\n        if (shouldPreselect(item)) {\n          selectedSet.value.add(getItemKey(item));\n        }\n      });\n    }\n  }\n\n  function isSelected(item: Item) {\n    return selectedSet.value.has(getItemKey(item));\n  }\n\n  function isSelectDisabled(item: Item) {\n    if (typeof shouldDisable !== 'function') {\n      return false;\n    }\n\n    return shouldDisable(itemsByKey.value[getItemKey(item)]);\n  }\n\n  const selectedItems = computed(() => {\n    return Array.from(selectedSet.value.keys()).map((itemKey) => itemsByKey.value[itemKey]);\n  });\n\n  const allSelected = computed(() => {\n    return selectedSet.value.size === itemsRef.value.length;\n  });\n\n  const allNonDisabledSelected = computed(() => {\n    if (typeof shouldDisable !== 'function') {\n      return allSelected.value;\n    }\n\n    for (const item of itemsRef.value) {\n      if (!shouldDisable(item) && !selectedSet.value.has(getItemKey(item))) {\n        return false;\n      }\n    }\n\n    return true;\n  });\n\n  const someSelected = computed(() => {\n    return selectedSet.value.size > 0;\n  });\n\n  const someNonDisabledSelected = computed(() => {\n    if (typeof shouldDisable !== 'function') {\n      return someSelected.value;\n    }\n\n    for (const itemKey of selectedSet.value.keys()) {\n      if (!shouldDisable(itemsByKey.value[itemKey])) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n\n  resetSelection();\n\n  return {\n    select,\n    unselect,\n    selectToggle,\n    selectAll,\n    unselectAll,\n    selectToggleAll,\n    resetSelection,\n    isSelected,\n    isSelectDisabled,\n    selectedItems,\n    allSelected,\n    allNonDisabledSelected,\n    someSelected,\n    someNonDisabledSelected,\n  };\n}\n\nexport * from './useSelection.types';\n"],"names":["useSelection","items","trackBy","shouldDisable","shouldPreselect","itemsRef","computed","toValue","getItemKey","item","itemsByKey","map","selectedSet","ref","select","unselect","selectToggle","selectAll","unselectAll","_isSelected","itemKey","selectToggleAll","allNonDisabledSelected","resetSelection","isSelected","isSelectDisabled","selectedItems","allSelected","someSelected","someNonDisabledSelected"],"mappings":"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"}
+{"version":3,"file":"useSelection.js","sources":["../src/composables/useSelection/useSelection.ts"],"sourcesContent":["import { computed, ref, toValue } from 'vue';\n\nimport { UseSelection, UseSelectionArgs } from './useSelection.types';\n\nexport default function useSelection<Item extends object>({\n  items,\n  trackBy = 'id',\n  shouldDisable,\n  shouldPreselect,\n}: UseSelectionArgs<Item>): UseSelection<Item> {\n  const itemsRef = computed(() => toValue(items));\n\n  function getItemKey(item: Item) {\n    return String(item[trackBy]);\n  }\n\n  const itemsByKey = computed(() =>\n    itemsRef.value.reduce(\n      (map, item) => {\n        map[getItemKey(item)] = item;\n\n        return map;\n      },\n      {} as { [key: string]: Item },\n    ),\n  );\n\n  /**\n   * A set of item keys that are currently selected, regardless if they are disabled\n   */\n  const selectedSet = ref(new Set<string>());\n\n  function select(item: Item) {\n    if (shouldDisable?.(itemsByKey.value[getItemKey(item)])) {\n      return;\n    }\n\n    selectedSet.value.add(getItemKey(item));\n  }\n\n  function unselect(item: Item) {\n    if (shouldDisable?.(itemsByKey.value[getItemKey(item)])) {\n      return;\n    }\n\n    selectedSet.value.delete(getItemKey(item));\n  }\n\n  function selectToggle(item: Item) {\n    if (shouldDisable?.(itemsByKey.value[getItemKey(item)])) {\n      return;\n    }\n\n    const isSelected = selectedSet.value.has(getItemKey(item));\n\n    if (isSelected) {\n      selectedSet.value.delete(getItemKey(item));\n    } else {\n      selectedSet.value.add(getItemKey(item));\n    }\n  }\n\n  function selectAll() {\n    itemsRef.value.forEach((item) => {\n      if (!shouldDisable?.(item)) {\n        selectedSet.value.add(getItemKey(item));\n      }\n    });\n  }\n\n  function unselectAll() {\n    if (typeof shouldDisable === 'function') {\n      selectedSet.value.forEach((_isSelected, itemKey) => {\n        if (!shouldDisable(itemsByKey.value[itemKey])) {\n          selectedSet.value.delete(itemKey);\n        }\n      });\n    } else {\n      selectedSet.value.clear();\n    }\n  }\n\n  function selectToggleAll() {\n    if (allNonDisabledSelected.value) {\n      unselectAll();\n    } else {\n      selectAll();\n    }\n  }\n\n  function resetSelection() {\n    unselectAll();\n\n    if (typeof shouldPreselect === 'function') {\n      itemsRef.value.forEach((item) => {\n        if (shouldPreselect(item)) {\n          selectedSet.value.add(getItemKey(item));\n        }\n      });\n    }\n  }\n\n  function isSelected(item: Item) {\n    return selectedSet.value.has(getItemKey(item));\n  }\n\n  function isSelectDisabled(item: Item) {\n    if (typeof shouldDisable !== 'function') {\n      return false;\n    }\n\n    return shouldDisable(itemsByKey.value[getItemKey(item)]);\n  }\n\n  const selectedItems = computed(() => {\n    return Array.from(selectedSet.value.keys()).map((itemKey) => itemsByKey.value[itemKey]);\n  });\n\n  const allSelected = computed(() => {\n    return selectedSet.value.size === itemsRef.value.length;\n  });\n\n  const allNonDisabledSelected = computed(() => {\n    if (typeof shouldDisable !== 'function') {\n      return allSelected.value;\n    }\n\n    for (const item of itemsRef.value) {\n      if (!shouldDisable(item) && !selectedSet.value.has(getItemKey(item))) {\n        return false;\n      }\n    }\n\n    return true;\n  });\n\n  const someSelected = computed(() => {\n    return selectedSet.value.size > 0;\n  });\n\n  const someNonDisabledSelected = computed(() => {\n    if (typeof shouldDisable !== 'function') {\n      return someSelected.value;\n    }\n\n    for (const itemKey of selectedSet.value.keys()) {\n      if (!shouldDisable(itemsByKey.value[itemKey])) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n\n  resetSelection();\n\n  return {\n    select,\n    unselect,\n    selectToggle,\n    selectAll,\n    unselectAll,\n    selectToggleAll,\n    resetSelection,\n    isSelected,\n    isSelectDisabled,\n    selectedItems,\n    allSelected,\n    allNonDisabledSelected,\n    someSelected,\n    someNonDisabledSelected,\n  };\n}\n\nexport * from './useSelection.types';\n"],"names":["useSelection","items","trackBy","shouldDisable","shouldPreselect","itemsRef","computed","toValue","getItemKey","item","itemsByKey","map","selectedSet","ref","select","unselect","selectToggle","selectAll","unselectAll","_isSelected","itemKey","selectToggleAll","allNonDisabledSelected","resetSelection","isSelected","isSelectDisabled","selectedItems","allSelected","someSelected","someNonDisabledSelected"],"mappings":"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"}

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-XZqpB2_R.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
      */