@milaboratories/uikit 2.4.1 → 2.4.3

package/dist/components/contextMenu/Menu.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.vue2.js","sources":["../../../src/components/contextMenu/Menu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextOption } from './types';\n\nconst emit = defineEmits(['close']);\n\ndefineProps<{\n  options: readonly ContextOption[];\n}>();\n\nconst onClickOption = (opt: ContextOption) => {\n  opt.cb();\n  emit('close');\n};\n</script>\n\n<template>\n  <div class=\"context-menu\">\n    <div v-for=\"(opt, i) in options\" :key=\"i\" @click.stop=\"onClickOption(opt)\">\n      <span>{{ opt.text }}</span>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.context-menu {\n  display: block;\n  position: absolute;\n  top: 50px;\n  left: 50px;\n  z-index: var(--z-context-menu);\n\n  margin: 0;\n  padding: 3px 0 4px;\n\n  background: rgba(255, 255, 255, 0.95);\n  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.35);\n  border-radius: 4px;\n\n  font-family:\n    Lucida Grande,\n    sans-serif;\n  font-size: 14px;\n  line-height: 15px;\n\n  &::before {\n    display: block;\n    position: absolute;\n    content: '';\n    top: -1px;\n    left: -1px;\n    bottom: -1px;\n    right: -1px;\n\n    border-radius: 4px;\n    border: 1px solid rgba(0, 0, 0, 0.125);\n    z-index: -1;\n  }\n\n  hr {\n    border: none;\n    height: 1px;\n    background: rgba(0, 0, 0, 0.1);\n    margin: 6px 1px 5px;\n    padding: 0;\n  }\n\n  > div {\n    display: block;\n    padding: 0 20px;\n    border-top: 1px solid rgba(0, 0, 0, 0);\n    border-bottom: 1px solid rgba(0, 0, 0, 0);\n\n    span {\n      vertical-align: 2px;\n      user-select: none;\n    }\n\n    &:hover {\n      background: -webkit-linear-gradient(top, #648bf5, #2866f2);\n      background: linear-gradient(to bottom, #648bf5 0%, #2866f2 100%);\n      border-top: 1px solid #5a82eb;\n      border-bottom: 1px solid #1758e7;\n    }\n\n    &:hover::after {\n      color: #fff;\n    }\n  }\n}\n</style>\n"],"names":["emit","__emit","onClickOption","opt"],"mappings":";;;;;;;;AAGA,UAAMA,IAAOC,GAMPC,IAAgB,CAACC,MAAuB;AAC5C,MAAAA,EAAI,GAAG,GACPH,EAAK,OAAO;AAAA,IACd;;;;;;;;;;;"}
+{"version":3,"file":"Menu.vue2.js","sources":["../../../src/components/contextMenu/Menu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextOption } from './types';\n\nconst emit = defineEmits(['close']);\n\ndefineProps<{\n  options: readonly ContextOption[];\n}>();\n\nconst onClickOption = (opt: ContextOption) => {\n  opt.cb();\n  emit('close');\n};\n</script>\n\n<template>\n  <div class=\"context-menu\">\n    <div v-for=\"(opt, i) in options\" :key=\"i\" @click.stop=\"onClickOption(opt)\">\n      <span>{{ opt.text }}</span>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.context-menu {\n  display: block;\n  position: absolute;\n  top: 50px;\n  left: 50px;\n  z-index: var(--z-context-menu);\n\n  margin: 0;\n  padding: 3px 0 4px;\n\n  background: rgba(255, 255, 255, 0.95);\n  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.35);\n  border-radius: 4px;\n\n  font-family:\n    Lucida Grande,\n    sans-serif;\n  font-size: 14px;\n  line-height: 15px;\n\n  &::before {\n    display: block;\n    position: absolute;\n    content: '';\n    top: -1px;\n    left: -1px;\n    bottom: -1px;\n    right: -1px;\n\n    border-radius: 4px;\n    border: 1px solid rgba(0, 0, 0, 0.125);\n    z-index: -1;\n  }\n\n  hr {\n    border: none;\n    height: 1px;\n    background: rgba(0, 0, 0, 0.1);\n    margin: 6px 1px 5px;\n    padding: 0;\n  }\n\n  > div {\n    display: block;\n    padding: 0 20px;\n    border-top: 1px solid rgba(0, 0, 0, 0);\n    border-bottom: 1px solid rgba(0, 0, 0, 0);\n\n    span {\n      vertical-align: 2px;\n      user-select: none;\n    }\n\n    &:hover {\n      background: -webkit-linear-gradient(top, #648bf5, #2866f2);\n      background: linear-gradient(to bottom, #648bf5 0%, #2866f2 100%);\n      border-top: 1px solid #5a82eb;\n      border-bottom: 1px solid #1758e7;\n    }\n\n    &:hover::after {\n      color: #fff;\n    }\n  }\n}\n</style>\n"],"names":["emit","__emit","onClickOption","opt"],"mappings":";;;;;;;;AAGA,UAAMA,IAAOC,GAMPC,IAAgB,CAACC,MAAuB;AAC5C,MAAAA,EAAI,GAAA,GACJH,EAAK,OAAO;AAAA,IACd;;;;;;;;;;;"}

package/dist/components/contextMenu/index.d.ts

@@ -1,3 +1,2 @@
 import { ContextOption } from './types';
 export declare function showContextMenu(ev: MouseEvent, options: readonly ContextOption[]): () => void;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/contextMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/contextMenu/index.ts"],"sourcesContent":["import Menu from './Menu.vue';\nimport { h, render } from 'vue';\nimport type { ContextOption } from './types';\n\nexport function showContextMenu(ev: MouseEvent, options: readonly ContextOption[]) {\n  ev.preventDefault();\n\n  const destroy = () => {\n    render(null, document.body);\n  };\n\n  const vNode = h(Menu, {\n    options,\n    onClose: () => {\n      destroy();\n    },\n  });\n\n  render(vNode, document.body);\n\n  const el = vNode.el as HTMLElement;\n\n  el.style.top = ev.clientY + 'px';\n  el.style.left = ev.clientX + 'px';\n\n  document.addEventListener('click', (ev: Event) => {\n    if (!el.contains(ev.target as HTMLElement)) {\n      destroy();\n    }\n  });\n\n  return destroy;\n}\n"],"names":["showContextMenu","ev","options","destroy","render","vNode","h","Menu","el"],"mappings":";;AAIgB,SAAAA,EAAgBC,GAAgBC,GAAmC;AACjF,EAAAD,EAAG,eAAe;AAElB,QAAME,IAAU,MAAM;AACb,IAAAC,EAAA,MAAM,SAAS,IAAI;AAAA,EAC5B,GAEMC,IAAQC,EAAEC,GAAM;AAAA,IACpB,SAAAL;AAAA,IACA,SAAS,MAAM;AACL,MAAAC,EAAA;AAAA,IAAA;AAAA,EACV,CACD;AAEM,EAAAC,EAAAC,GAAO,SAAS,IAAI;AAE3B,QAAMG,IAAKH,EAAM;AAEd,SAAAG,EAAA,MAAM,MAAMP,EAAG,UAAU,MACzBO,EAAA,MAAM,OAAOP,EAAG,UAAU,MAEpB,SAAA,iBAAiB,SAAS,CAACA,MAAc;AAChD,IAAKO,EAAG,SAASP,EAAG,MAAqB,KAC/BE,EAAA;AAAA,EACV,CACD,GAEMA;AACT;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/contextMenu/index.ts"],"sourcesContent":["import Menu from './Menu.vue';\nimport { h, render } from 'vue';\nimport type { ContextOption } from './types';\n\nexport function showContextMenu(ev: MouseEvent, options: readonly ContextOption[]) {\n  ev.preventDefault();\n\n  const destroy = () => {\n    render(null, document.body);\n  };\n\n  const vNode = h(Menu, {\n    options,\n    onClose: () => {\n      destroy();\n    },\n  });\n\n  render(vNode, document.body);\n\n  const el = vNode.el as HTMLElement;\n\n  el.style.top = ev.clientY + 'px';\n  el.style.left = ev.clientX + 'px';\n\n  document.addEventListener('click', (ev: Event) => {\n    if (!el.contains(ev.target as HTMLElement)) {\n      destroy();\n    }\n  });\n\n  return destroy;\n}\n"],"names":["showContextMenu","ev","options","destroy","render","vNode","h","Menu","el"],"mappings":";;AAIO,SAASA,EAAgBC,GAAgBC,GAAmC;AACjF,EAAAD,EAAG,eAAA;AAEH,QAAME,IAAU,MAAM;AACpB,IAAAC,EAAO,MAAM,SAAS,IAAI;AAAA,EAC5B,GAEMC,IAAQC,EAAEC,GAAM;AAAA,IACpB,SAAAL;AAAA,IACA,SAAS,MAAM;AACb,MAAAC,EAAA;AAAA,IACF;AAAA,EAAA,CACD;AAED,EAAAC,EAAOC,GAAO,SAAS,IAAI;AAE3B,QAAMG,IAAKH,EAAM;AAEjB,SAAAG,EAAG,MAAM,MAAMP,EAAG,UAAU,MAC5BO,EAAG,MAAM,OAAOP,EAAG,UAAU,MAE7B,SAAS,iBAAiB,SAAS,CAACA,MAAc;AAChD,IAAKO,EAAG,SAASP,EAAG,MAAqB,KACvCE,EAAA;AAAA,EAEJ,CAAC,GAEMA;AACT;"}

package/dist/components/contextMenu/types.d.ts

@@ -2,4 +2,3 @@ export type ContextOption = {
     text: string;
     cb: () => void;
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/composition/computedCached.d.ts

@@ -8,4 +8,3 @@ export declare function computedCached<T>(options: {
     set: ComputedSetter<T>;
 }): WritableComputedRef<T>;
 export declare function computedCached<T>(getter: ComputedGetter<T>): ComputedRef<T>;
-//# sourceMappingURL=computedCached.d.ts.map

package/dist/composition/computedCached.js

@@ -1,23 +1,23 @@
-import { isJsonEqual as f, deepClone as r } from "../lib/util/helpers/dist/index.js";
-import { ref as s, watch as c, computed as i } from "vue";
-function d(o) {
-  let u, l;
-  typeof o == "function" ? u = o : (u = o.get, l = o.set);
-  const e = s(u());
-  return c(
+import { isJsonEqual as i, deepClone as r } from "@milaboratories/helpers";
+import { ref as c, watch as p, computed as l } from "vue";
+function v(o) {
+  let u, f;
+  typeof o == "function" ? u = o : (u = o.get, f = o.set);
+  const e = c(u());
+  return p(
     u,
     (t) => {
-      f(t, e.value) || (e.value = r(t));
+      i(t, e.value) || (e.value = r(t));
     },
     { deep: !0 }
-  ), l ? i({
+  ), f ? l({
     get: () => e.value,
     set: (t) => {
-      f(t, e.value) || (e.value = t, l(t));
+      i(t, e.value) || (e.value = t, f(t));
     }
-  }) : i(() => e.value);
+  }) : l(() => e.value);
 }
 export {
-  d as computedCached
+  v as computedCached
 };
 //# sourceMappingURL=computedCached.js.map

package/dist/composition/computedCached.js.map

@@ -1 +1 @@
-{"version":3,"file":"computedCached.js","sources":["../../src/composition/computedCached.ts"],"sourcesContent":["import { deepClone, isJsonEqual } from '@milaboratories/helpers';\nimport {\n  computed,\n  ref,\n  watch,\n  type ComputedGetter,\n  type ComputedSetter,\n  type ComputedRef,\n  type WritableComputedRef,\n} from 'vue';\n\n/**\n * Alternative to `computed`, but triggering only on actual data changes.\n * Always `deep` as the plain `computed` is.\n */\nexport function computedCached<T>(options: {\n  get: ComputedGetter<T>;\n  set: ComputedSetter<T>;\n}): WritableComputedRef<T>;\nexport function computedCached<T>(getter: ComputedGetter<T>): ComputedRef<T>;\nexport function computedCached<T>(arg: ComputedGetter<T> | {\n  get: ComputedGetter<T>;\n  set: ComputedSetter<T>;\n}) {\n  let getter: ComputedGetter<T>;\n  let setter: ComputedSetter<T> | undefined = undefined;\n  if (typeof arg === 'function') {\n    getter = arg;\n  } else {\n    getter = arg.get;\n    setter = arg.set;\n  }\n\n  const cachedValue = ref<T>(getter());\n  watch(\n    getter,\n    (newValue) => {\n      if (!isJsonEqual(newValue, cachedValue.value)) {\n        // `deepClone` is needed because in case some fields are patched the deep would be triggered,\n        // but objects would be equal as the saved value was also patched\n        cachedValue.value = deepClone(newValue);\n      }\n    },\n    { deep: true },\n  );\n\n  if (setter) {\n    return computed({\n      get: () => cachedValue.value,\n      set: (newValue) => {\n        if (!isJsonEqual(newValue, cachedValue.value)) {\n          cachedValue.value = newValue;\n          setter(newValue);\n        }\n      },\n    });\n  } else {\n    return computed(() => cachedValue.value);\n  }\n}\n"],"names":["computedCached","arg","getter","setter","cachedValue","ref","watch","newValue","isJsonEqual","deepClone","computed"],"mappings":";;AAoBO,SAASA,EAAkBC,GAG/B;AACG,MAAAC,GACAC;AACA,EAAA,OAAOF,KAAQ,aACRC,IAAAD,KAETC,IAASD,EAAI,KACbE,IAASF,EAAI;AAGT,QAAAG,IAAcC,EAAOH,GAAQ;AAanC,SAZAI;AAAA,IACEJ;AAAA,IACA,CAACK,MAAa;AACZ,MAAKC,EAAYD,GAAUH,EAAY,KAAK,MAG9BA,EAAA,QAAQK,EAAUF,CAAQ;AAAA,IAE1C;AAAA,IACA,EAAE,MAAM,GAAK;AAAA,EACf,GAEIJ,IACKO,EAAS;AAAA,IACd,KAAK,MAAMN,EAAY;AAAA,IACvB,KAAK,CAACG,MAAa;AACjB,MAAKC,EAAYD,GAAUH,EAAY,KAAK,MAC1CA,EAAY,QAAQG,GACpBJ,EAAOI,CAAQ;AAAA,IACjB;AAAA,EACF,CACD,IAEMG,EAAS,MAAMN,EAAY,KAAK;AAE3C;"}
+{"version":3,"file":"computedCached.js","sources":["../../src/composition/computedCached.ts"],"sourcesContent":["import { deepClone, isJsonEqual } from '@milaboratories/helpers';\nimport {\n  computed,\n  ref,\n  watch,\n  type ComputedGetter,\n  type ComputedSetter,\n  type ComputedRef,\n  type WritableComputedRef,\n} from 'vue';\n\n/**\n * Alternative to `computed`, but triggering only on actual data changes.\n * Always `deep` as the plain `computed` is.\n */\nexport function computedCached<T>(options: {\n  get: ComputedGetter<T>;\n  set: ComputedSetter<T>;\n}): WritableComputedRef<T>;\nexport function computedCached<T>(getter: ComputedGetter<T>): ComputedRef<T>;\nexport function computedCached<T>(arg: ComputedGetter<T> | {\n  get: ComputedGetter<T>;\n  set: ComputedSetter<T>;\n}) {\n  let getter: ComputedGetter<T>;\n  let setter: ComputedSetter<T> | undefined = undefined;\n  if (typeof arg === 'function') {\n    getter = arg;\n  } else {\n    getter = arg.get;\n    setter = arg.set;\n  }\n\n  const cachedValue = ref<T>(getter());\n  watch(\n    getter,\n    (newValue) => {\n      if (!isJsonEqual(newValue, cachedValue.value)) {\n        // `deepClone` is needed because in case some fields are patched the deep would be triggered,\n        // but objects would be equal as the saved value was also patched\n        cachedValue.value = deepClone(newValue);\n      }\n    },\n    { deep: true },\n  );\n\n  if (setter) {\n    return computed({\n      get: () => cachedValue.value,\n      set: (newValue) => {\n        if (!isJsonEqual(newValue, cachedValue.value)) {\n          cachedValue.value = newValue;\n          setter(newValue);\n        }\n      },\n    });\n  } else {\n    return computed(() => cachedValue.value);\n  }\n}\n"],"names":["computedCached","arg","getter","setter","cachedValue","ref","watch","newValue","isJsonEqual","deepClone","computed"],"mappings":";;AAoBO,SAASA,EAAkBC,GAG/B;AACD,MAAIC,GACAC;AACJ,EAAI,OAAOF,KAAQ,aACjBC,IAASD,KAETC,IAASD,EAAI,KACbE,IAASF,EAAI;AAGf,QAAMG,IAAcC,EAAOH,GAAQ;AAanC,SAZAI;AAAA,IACEJ;AAAA,IACA,CAACK,MAAa;AACZ,MAAKC,EAAYD,GAAUH,EAAY,KAAK,MAG1CA,EAAY,QAAQK,EAAUF,CAAQ;AAAA,IAE1C;AAAA,IACA,EAAE,MAAM,GAAA;AAAA,EAAK,GAGXJ,IACKO,EAAS;AAAA,IACd,KAAK,MAAMN,EAAY;AAAA,IACvB,KAAK,CAACG,MAAa;AACjB,MAAKC,EAAYD,GAAUH,EAAY,KAAK,MAC1CA,EAAY,QAAQG,GACpBJ,EAAOI,CAAQ;AAAA,IAEnB;AAAA,EAAA,CACD,IAEMG,EAAS,MAAMN,EAAY,KAAK;AAE3C;"}

package/dist/composition/useClickOutside.d.ts

@@ -2,4 +2,3 @@ import { Ref } from 'vue';
 type HtmlRef = Ref<HTMLElement | undefined>;
 export declare function useClickOutside(el: HtmlRef | HtmlRef[], cb: () => void): void;
 export {};
-//# sourceMappingURL=useClickOutside.d.ts.map

package/dist/composition/useClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.js","sources":["../../src/composition/useClickOutside.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { useEventListener } from './useEventListener';\nimport { flatValue } from '../helpers/functions';\n\ntype HtmlRef = Ref<HTMLElement | undefined>;\n\nexport function useClickOutside(el: HtmlRef | HtmlRef[], cb: () => void) {\n  useEventListener(document, 'click', (event) => {\n    if (!document.contains(event.target as Node)) {\n      return;\n    }\n\n    const values = flatValue(el)\n      .map((e) => e.value)\n      .filter((v) => !!v) as HTMLElement[];\n    if (!values.some((v) => v?.contains(event.target as Node))) {\n      cb();\n    }\n  });\n}\n"],"names":["useClickOutside","el","cb","useEventListener","event","flatValue","e","v"],"mappings":";;AAMgB,SAAAA,EAAgBC,GAAyBC,GAAgB;AACtD,EAAAC,EAAA,UAAU,SAAS,CAACC,MAAU;AAC7C,QAAI,CAAC,SAAS,SAASA,EAAM,MAAc;AACzC;AAME,IAHWC,EAAUJ,CAAE,EACxB,IAAI,CAACK,MAAMA,EAAE,KAAK,EAClB,OAAO,CAACC,MAAM,CAAC,CAACA,CAAC,EACR,KAAK,CAACA,MAAMA,KAAA,gBAAAA,EAAG,SAASH,EAAM,OAAe,KACpDF,EAAA;AAAA,EACL,CACD;AACH;"}
+{"version":3,"file":"useClickOutside.js","sources":["../../src/composition/useClickOutside.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { useEventListener } from './useEventListener';\nimport { flatValue } from '../helpers/functions';\n\ntype HtmlRef = Ref<HTMLElement | undefined>;\n\nexport function useClickOutside(el: HtmlRef | HtmlRef[], cb: () => void) {\n  useEventListener(document, 'click', (event) => {\n    if (!document.contains(event.target as Node)) {\n      return;\n    }\n\n    const values = flatValue(el)\n      .map((e) => e.value)\n      .filter((v) => !!v) as HTMLElement[];\n    if (!values.some((v) => v?.contains(event.target as Node))) {\n      cb();\n    }\n  });\n}\n"],"names":["useClickOutside","el","cb","useEventListener","event","flatValue","e","v"],"mappings":";;AAMO,SAASA,EAAgBC,GAAyBC,GAAgB;AACvE,EAAAC,EAAiB,UAAU,SAAS,CAACC,MAAU;AAC7C,QAAI,CAAC,SAAS,SAASA,EAAM,MAAc;AACzC;AAMF,IAHeC,EAAUJ,CAAE,EACxB,IAAI,CAACK,MAAMA,EAAE,KAAK,EAClB,OAAO,CAACC,MAAM,CAAC,CAACA,CAAC,EACR,KAAK,CAACA,MAAMA,KAAA,gBAAAA,EAAG,SAASH,EAAM,OAAe,KACvDF,EAAA;AAAA,EAEJ,CAAC;AACH;"}

package/dist/composition/useComponentProp.d.ts

@@ -31,4 +31,3 @@ import { Component, ComputedRef } from 'vue';
  * ```
  */
 export declare function useComponentProp<C extends Component, P extends keyof InferComponentProps<C>>(cb: () => InferComponentProps<C>[P]): ComputedRef<InferComponentProps<C>[P]>;
-//# sourceMappingURL=useComponentProp.d.ts.map

package/dist/composition/useConfirm.d.ts

@@ -5,4 +5,3 @@ export type ConfirmProps = {
     cancelLabel?: string;
 };
 export declare function useConfirm(props: ConfirmProps): () => Promise<boolean>;
-//# sourceMappingURL=useConfirm.d.ts.map

package/dist/composition/useConfirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConfirm.js","sources":["../../src/composition/useConfirm.ts"],"sourcesContent":["import { h, render } from 'vue';\nimport PlConfirmDialog from '../components/PlConfirmDialog.vue';\n\nexport type ConfirmProps = {\n  title: string;\n  message: string;\n  confirmLabel?: string;\n  cancelLabel?: string;\n};\n\nexport function useConfirm(props: ConfirmProps) {\n  return () => {\n    return new Promise<boolean>((resolve) => {\n      const vnode = h(PlConfirmDialog, {\n        opened: true,\n        title: props.title,\n        message: props.message,\n        confirmLabel: props.confirmLabel ?? 'Confirm',\n        cancelLabel: props.cancelLabel ?? 'Cancel',\n        onConfirm: () => finish(true),\n        onCancel: () => finish(false),\n      });\n\n      const mountPoint = document.createElement('div');\n      document.body.appendChild(mountPoint);\n      render(vnode, mountPoint);\n\n      function finish(result: boolean) {\n        resolve(result);\n        render(null, mountPoint);\n        mountPoint.remove();\n      }\n    });\n  };\n}\n"],"names":["useConfirm","props","resolve","vnode","h","PlConfirmDialog","finish","mountPoint","render","result"],"mappings":";;AAUO,SAASA,EAAWC,GAAqB;AAC9C,SAAO,MACE,IAAI,QAAiB,CAACC,MAAY;AACjC,UAAAC,IAAQC,EAAEC,GAAiB;AAAA,MAC/B,QAAQ;AAAA,MACR,OAAOJ,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,cAAcA,EAAM,gBAAgB;AAAA,MACpC,aAAaA,EAAM,eAAe;AAAA,MAClC,WAAW,MAAMK,EAAO,EAAI;AAAA,MAC5B,UAAU,MAAMA,EAAO,EAAK;AAAA,IAAA,CAC7B,GAEKC,IAAa,SAAS,cAAc,KAAK;AACtC,aAAA,KAAK,YAAYA,CAAU,GACpCC,EAAOL,GAAOI,CAAU;AAExB,aAASD,EAAOG,GAAiB;AAC/B,MAAAP,EAAQO,CAAM,GACdD,EAAO,MAAMD,CAAU,GACvBA,EAAW,OAAO;AAAA,IAAA;AAAA,EACpB,CACD;AAEL;"}
+{"version":3,"file":"useConfirm.js","sources":["../../src/composition/useConfirm.ts"],"sourcesContent":["import { h, render } from 'vue';\nimport PlConfirmDialog from '../components/PlConfirmDialog.vue';\n\nexport type ConfirmProps = {\n  title: string;\n  message: string;\n  confirmLabel?: string;\n  cancelLabel?: string;\n};\n\nexport function useConfirm(props: ConfirmProps) {\n  return () => {\n    return new Promise<boolean>((resolve) => {\n      const vnode = h(PlConfirmDialog, {\n        opened: true,\n        title: props.title,\n        message: props.message,\n        confirmLabel: props.confirmLabel ?? 'Confirm',\n        cancelLabel: props.cancelLabel ?? 'Cancel',\n        onConfirm: () => finish(true),\n        onCancel: () => finish(false),\n      });\n\n      const mountPoint = document.createElement('div');\n      document.body.appendChild(mountPoint);\n      render(vnode, mountPoint);\n\n      function finish(result: boolean) {\n        resolve(result);\n        render(null, mountPoint);\n        mountPoint.remove();\n      }\n    });\n  };\n}\n"],"names":["useConfirm","props","resolve","vnode","h","PlConfirmDialog","finish","mountPoint","render","result"],"mappings":";;AAUO,SAASA,EAAWC,GAAqB;AAC9C,SAAO,MACE,IAAI,QAAiB,CAACC,MAAY;AACvC,UAAMC,IAAQC,EAAEC,GAAiB;AAAA,MAC/B,QAAQ;AAAA,MACR,OAAOJ,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,cAAcA,EAAM,gBAAgB;AAAA,MACpC,aAAaA,EAAM,eAAe;AAAA,MAClC,WAAW,MAAMK,EAAO,EAAI;AAAA,MAC5B,UAAU,MAAMA,EAAO,EAAK;AAAA,IAAA,CAC7B,GAEKC,IAAa,SAAS,cAAc,KAAK;AAC/C,aAAS,KAAK,YAAYA,CAAU,GACpCC,EAAOL,GAAOI,CAAU;AAExB,aAASD,EAAOG,GAAiB;AAC/B,MAAAP,EAAQO,CAAM,GACdD,EAAO,MAAMD,CAAU,GACvBA,EAAW,OAAA;AAAA,IACb;AAAA,EACF,CAAC;AAEL;"}

package/dist/composition/useDraggable.d.ts

@@ -1,3 +1,2 @@
 import { MaybeRef } from '../types';
 export declare function useDraggable<T extends HTMLElement>(elRef: MaybeRef<T | undefined>, cb: (ev: MouseEvent) => void): void;
-//# sourceMappingURL=useDraggable.d.ts.map

package/dist/composition/useDraggable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDraggable.js","sources":["../../src/composition/useDraggable.ts"],"sourcesContent":["import type { MaybeRef } from '../types';\nimport { onMounted, onUnmounted, unref } from 'vue';\n\ntype Position = {\n  x: number;\n  y: number;\n};\n\nexport function useDraggable<T extends HTMLElement>(elRef: MaybeRef<T | undefined>, cb: (ev: MouseEvent) => void) {\n  function onMove(down: Position, ev: MouseEvent) {\n    const el = unref(elRef);\n    if (!el) {\n      return;\n    }\n    const translate = `translate(${ev.x - down.x}px, ${ev.y - down.y}px)`;\n    el.style.setProperty('transform', translate);\n    cb(ev);\n  }\n\n  function onDown(down: Position) {\n    const listener = (e: MouseEvent) => onMove(down, e);\n\n    document.addEventListener('mousemove', listener);\n\n    document.addEventListener(\n      'mouseup',\n      () => {\n        const el = unref(elRef);\n\n        document.removeEventListener('mousemove', listener);\n\n        if (!el) {\n          return;\n        }\n\n        el.style.setProperty('transition', 'all .3s ease-in-out');\n\n        el.style.removeProperty('transform');\n\n        el.addEventListener('transitionend', () => {\n          el.style.removeProperty('transition');\n        });\n      },\n      { once: true },\n    );\n  }\n\n  function init() {\n    unref(elRef)?.addEventListener('mousedown', onDown);\n  }\n\n  function clear() {\n    unref(elRef)?.removeEventListener('mousedown', onDown);\n  }\n\n  onMounted(init);\n  onUnmounted(clear);\n}\n"],"names":["useDraggable","elRef","cb","onMove","down","ev","el","unref","translate","onDown","listener","e","init","_a","clear","onMounted","onUnmounted"],"mappings":";AAQgB,SAAAA,EAAoCC,GAAgCC,GAA8B;AACvG,WAAAC,EAAOC,GAAgBC,GAAgB;AACxC,UAAAC,IAAKC,EAAMN,CAAK;AACtB,QAAI,CAACK;AACH;AAEI,UAAAE,IAAY,aAAaH,EAAG,IAAID,EAAK,CAAC,OAAOC,EAAG,IAAID,EAAK,CAAC;AAC7D,IAAAE,EAAA,MAAM,YAAY,aAAaE,CAAS,GAC3CN,EAAGG,CAAE;AAAA,EAAA;AAGP,WAASI,EAAOL,GAAgB;AAC9B,UAAMM,IAAW,CAACC,MAAkBR,EAAOC,GAAMO,CAAC;AAEzC,aAAA,iBAAiB,aAAaD,CAAQ,GAEtC,SAAA;AAAA,MACP;AAAA,MACA,MAAM;AACE,cAAAJ,IAAKC,EAAMN,CAAK;AAItB,QAFS,SAAA,oBAAoB,aAAaS,CAAQ,GAE7CJ,MAIFA,EAAA,MAAM,YAAY,cAAc,qBAAqB,GAErDA,EAAA,MAAM,eAAe,WAAW,GAEhCA,EAAA,iBAAiB,iBAAiB,MAAM;AACtC,UAAAA,EAAA,MAAM,eAAe,YAAY;AAAA,QAAA,CACrC;AAAA,MACH;AAAA,MACA,EAAE,MAAM,GAAK;AAAA,IACf;AAAA,EAAA;AAGF,WAASM,IAAO;;AACd,KAAAC,IAAAN,EAAMN,CAAK,MAAX,QAAAY,EAAc,iBAAiB,aAAaJ;AAAA,EAAM;AAGpD,WAASK,IAAQ;;AACf,KAAAD,IAAAN,EAAMN,CAAK,MAAX,QAAAY,EAAc,oBAAoB,aAAaJ;AAAA,EAAM;AAGvD,EAAAM,EAAUH,CAAI,GACdI,EAAYF,CAAK;AACnB;"}
+{"version":3,"file":"useDraggable.js","sources":["../../src/composition/useDraggable.ts"],"sourcesContent":["import type { MaybeRef } from '../types';\nimport { onMounted, onUnmounted, unref } from 'vue';\n\ntype Position = {\n  x: number;\n  y: number;\n};\n\nexport function useDraggable<T extends HTMLElement>(elRef: MaybeRef<T | undefined>, cb: (ev: MouseEvent) => void) {\n  function onMove(down: Position, ev: MouseEvent) {\n    const el = unref(elRef);\n    if (!el) {\n      return;\n    }\n    const translate = `translate(${ev.x - down.x}px, ${ev.y - down.y}px)`;\n    el.style.setProperty('transform', translate);\n    cb(ev);\n  }\n\n  function onDown(down: Position) {\n    const listener = (e: MouseEvent) => onMove(down, e);\n\n    document.addEventListener('mousemove', listener);\n\n    document.addEventListener(\n      'mouseup',\n      () => {\n        const el = unref(elRef);\n\n        document.removeEventListener('mousemove', listener);\n\n        if (!el) {\n          return;\n        }\n\n        el.style.setProperty('transition', 'all .3s ease-in-out');\n\n        el.style.removeProperty('transform');\n\n        el.addEventListener('transitionend', () => {\n          el.style.removeProperty('transition');\n        });\n      },\n      { once: true },\n    );\n  }\n\n  function init() {\n    unref(elRef)?.addEventListener('mousedown', onDown);\n  }\n\n  function clear() {\n    unref(elRef)?.removeEventListener('mousedown', onDown);\n  }\n\n  onMounted(init);\n  onUnmounted(clear);\n}\n"],"names":["useDraggable","elRef","cb","onMove","down","ev","el","unref","translate","onDown","listener","e","init","_a","clear","onMounted","onUnmounted"],"mappings":";AAQO,SAASA,EAAoCC,GAAgCC,GAA8B;AAChH,WAASC,EAAOC,GAAgBC,GAAgB;AAC9C,UAAMC,IAAKC,EAAMN,CAAK;AACtB,QAAI,CAACK;AACH;AAEF,UAAME,IAAY,aAAaH,EAAG,IAAID,EAAK,CAAC,OAAOC,EAAG,IAAID,EAAK,CAAC;AAChE,IAAAE,EAAG,MAAM,YAAY,aAAaE,CAAS,GAC3CN,EAAGG,CAAE;AAAA,EACP;AAEA,WAASI,EAAOL,GAAgB;AAC9B,UAAMM,IAAW,CAACC,MAAkBR,EAAOC,GAAMO,CAAC;AAElD,aAAS,iBAAiB,aAAaD,CAAQ,GAE/C,SAAS;AAAA,MACP;AAAA,MACA,MAAM;AACJ,cAAMJ,IAAKC,EAAMN,CAAK;AAItB,QAFA,SAAS,oBAAoB,aAAaS,CAAQ,GAE7CJ,MAILA,EAAG,MAAM,YAAY,cAAc,qBAAqB,GAExDA,EAAG,MAAM,eAAe,WAAW,GAEnCA,EAAG,iBAAiB,iBAAiB,MAAM;AACzC,UAAAA,EAAG,MAAM,eAAe,YAAY;AAAA,QACtC,CAAC;AAAA,MACH;AAAA,MACA,EAAE,MAAM,GAAA;AAAA,IAAK;AAAA,EAEjB;AAEA,WAASM,IAAO;;AACd,KAAAC,IAAAN,EAAMN,CAAK,MAAX,QAAAY,EAAc,iBAAiB,aAAaJ;AAAA,EAC9C;AAEA,WAASK,IAAQ;;AACf,KAAAD,IAAAN,EAAMN,CAAK,MAAX,QAAAY,EAAc,oBAAoB,aAAaJ;AAAA,EACjD;AAEA,EAAAM,EAAUH,CAAI,GACdI,EAAYF,CAAK;AACnB;"}

package/dist/composition/useEventListener.d.ts

@@ -4,4 +4,3 @@ type EventMap = WindowEventMap & HTMLElementEventMap & {
 };
 export declare function useEventListener<T extends EventTarget, E extends EventMap[K], K extends keyof EventMap>(target: MaybeRef<T | undefined>, type: K, callback: (this: T, evt: E) => void, options?: AddEventListenerOptions | boolean): void;
 export {};
-//# sourceMappingURL=useEventListener.d.ts.map

package/dist/composition/useEventListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEventListener.js","sources":["../../src/composition/useEventListener.ts"],"sourcesContent":["import { onMounted, onUnmounted, unref } from 'vue';\nimport type { MaybeRef } from '../types';\n\ntype EventMap = WindowEventMap & HTMLElementEventMap & { adjust: Event };\n\nexport function useEventListener<T extends EventTarget, E extends EventMap[K], K extends keyof EventMap>(\n  target: MaybeRef<T | undefined>,\n  type: K,\n  callback: (this: T, evt: E) => void,\n  options?: AddEventListenerOptions | boolean,\n) {\n  onMounted(() => unref(target)?.addEventListener(type, callback as (this: T, evt: Event) => void, options));\n  onUnmounted(() => unref(target)?.removeEventListener(type, callback as (this: T, evt: Event) => void, options));\n}\n"],"names":["useEventListener","target","type","callback","options","onMounted","_a","unref","onUnmounted"],"mappings":";AAKO,SAASA,EACdC,GACAC,GACAC,GACAC,GACA;AACU,EAAAC,EAAA,MAAA;;AAAM,YAAAC,IAAAC,EAAMN,CAAM,MAAZ,gBAAAK,EAAe,iBAAiBJ,GAAMC,GAA2CC;AAAA,GAAQ,GAC7FI,EAAA,MAAA;;AAAM,YAAAF,IAAAC,EAAMN,CAAM,MAAZ,gBAAAK,EAAe,oBAAoBJ,GAAMC,GAA2CC;AAAA,GAAQ;AAChH;"}
+{"version":3,"file":"useEventListener.js","sources":["../../src/composition/useEventListener.ts"],"sourcesContent":["import { onMounted, onUnmounted, unref } from 'vue';\nimport type { MaybeRef } from '../types';\n\ntype EventMap = WindowEventMap & HTMLElementEventMap & { adjust: Event };\n\nexport function useEventListener<T extends EventTarget, E extends EventMap[K], K extends keyof EventMap>(\n  target: MaybeRef<T | undefined>,\n  type: K,\n  callback: (this: T, evt: E) => void,\n  options?: AddEventListenerOptions | boolean,\n) {\n  onMounted(() => unref(target)?.addEventListener(type, callback as (this: T, evt: Event) => void, options));\n  onUnmounted(() => unref(target)?.removeEventListener(type, callback as (this: T, evt: Event) => void, options));\n}\n"],"names":["useEventListener","target","type","callback","options","onMounted","_a","unref","onUnmounted"],"mappings":";AAKO,SAASA,EACdC,GACAC,GACAC,GACAC,GACA;AACA,EAAAC,EAAU,MAAA;;AAAM,YAAAC,IAAAC,EAAMN,CAAM,MAAZ,gBAAAK,EAAe,iBAAiBJ,GAAMC,GAA2CC;AAAA,GAAQ,GACzGI,EAAY,MAAA;;AAAM,YAAAF,IAAAC,EAAMN,CAAM,MAAZ,gBAAAK,EAAe,oBAAoBJ,GAAMC,GAA2CC;AAAA,GAAQ;AAChH;"}

package/dist/composition/useFilteredList.d.ts

@@ -1,4 +1,4 @@
 import { ComputedRef, Ref } from 'vue';
-import { ListOption, ListOptionNormalized } from '../types';
-export declare function useFilteredList<V = unknown>(optionsRef: Ref<ListOption<V>[]>, searchPhrase: Ref<string>): ComputedRef<ListOptionNormalized<V>[]>;
-//# sourceMappingURL=useFilteredList.d.ts.map
+import { ListOption } from '../types';
+import { ListOptionBase } from '@platforma-sdk/model';
+export declare function useFilteredList<V = unknown>(optionsRef: Ref<ListOption<V>[]>, searchPhrase: Ref<string>): ComputedRef<Readonly<ListOptionBase<V>[]>>;

package/dist/composition/useFilteredList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFilteredList.js","sources":["../../src/composition/useFilteredList.ts"],"sourcesContent":["import type { ComputedRef, Ref } from 'vue';\nimport { computed } from 'vue';\nimport type { ListOption, ListOptionNormalized } from '../types';\nimport { normalizeListOptions } from '../helpers/utils';\n\nexport function useFilteredList<V = unknown>(optionsRef: Ref<ListOption<V>[]>, searchPhrase: Ref<string>): ComputedRef<ListOptionNormalized<V>[]> {\n  return computed(() => {\n    const options = normalizeListOptions(optionsRef.value);\n    if (searchPhrase.value) {\n      return options.filter((element) => {\n        return element.label.toLowerCase().includes(searchPhrase.value.toLowerCase());\n      });\n    }\n    return options;\n  });\n}\n"],"names":["useFilteredList","optionsRef","searchPhrase","computed","options","normalizeListOptions","element"],"mappings":";;AAKgB,SAAAA,EAA6BC,GAAkCC,GAAmE;AAChJ,SAAOC,EAAS,MAAM;AACd,UAAAC,IAAUC,EAAqBJ,EAAW,KAAK;AACrD,WAAIC,EAAa,QACRE,EAAQ,OAAO,CAACE,MACdA,EAAQ,MAAM,YAAY,EAAE,SAASJ,EAAa,MAAM,aAAa,CAC7E,IAEIE;AAAA,EAAA,CACR;AACH;"}
+{"version":3,"file":"useFilteredList.js","sources":["../../src/composition/useFilteredList.ts"],"sourcesContent":["import type { ComputedRef, Ref } from 'vue';\nimport { computed } from 'vue';\nimport type { ListOption } from '../types';\nimport { normalizeListOptions } from '../helpers/utils';\nimport type { ListOptionBase } from '@platforma-sdk/model';\n\nexport function useFilteredList<V = unknown>(optionsRef: Ref<ListOption<V>[]>, searchPhrase: Ref<string>): ComputedRef<Readonly<ListOptionBase<V>[]>> {\n  return computed(() => {\n    const options = normalizeListOptions(optionsRef.value);\n    if (searchPhrase.value) {\n      return options.filter((element) => {\n        return element.label.toLowerCase().includes(searchPhrase.value.toLowerCase());\n      });\n    }\n    return options;\n  });\n}\n"],"names":["useFilteredList","optionsRef","searchPhrase","computed","options","normalizeListOptions","element"],"mappings":";;AAMO,SAASA,EAA6BC,GAAkCC,GAAuE;AACpJ,SAAOC,EAAS,MAAM;AACpB,UAAMC,IAAUC,EAAqBJ,EAAW,KAAK;AACrD,WAAIC,EAAa,QACRE,EAAQ,OAAO,CAACE,MACdA,EAAQ,MAAM,YAAA,EAAc,SAASJ,EAAa,MAAM,aAAa,CAC7E,IAEIE;AAAA,EACT,CAAC;AACH;"}

package/dist/composition/useFormState.d.ts

@@ -3,4 +3,3 @@ export declare function useFormState<Source, D extends Record<string, unknown>>(
     data: UnwrapRef<D>;
     changed: boolean;
 };
-//# sourceMappingURL=useFormState.d.ts.map

package/dist/composition/useFormState.js

@@ -1,7 +1,7 @@
-import { reactive as s, watch as r } from "vue";
-import { objects as a } from "../lib/util/helpers/dist/index.js";
-function p(d, n, o) {
-  const e = s({
+import { reactive as c, watch as r } from "vue";
+import { objects as a } from "@milaboratories/helpers";
+function s(d, n, o) {
+  const e = c({
     data: a.deepClone(n(d.value)),
     changed: !1
   });
@@ -23,6 +23,6 @@ function p(d, n, o) {
   ), e;
 }
 export {
-  p as useFormState
+  s as useFormState
 };
 //# sourceMappingURL=useFormState.js.map

package/dist/composition/useFormState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormState.js","sources":["../../src/composition/useFormState.ts"],"sourcesContent":["import type { Ref, UnwrapRef } from 'vue';\nimport { reactive, watch } from 'vue';\nimport { objects } from '@milaboratories/helpers';\n\nexport function useFormState<Source, D extends Record<string, unknown>>(\n  source: Ref<Source>,\n  fromSource: (source: Source) => D,\n  update: (data: UnwrapRef<D>) => void,\n) {\n  const state: {\n    data: UnwrapRef<D>;\n    changed: boolean;\n  } = reactive({\n    data: objects.deepClone(fromSource(source.value)) as D,\n    changed: false,\n  });\n\n  watch(\n    () => state.data,\n    (data) => {\n      if (state.changed) {\n        update(objects.deepClone(data));\n      } else {\n        state.changed = true;\n      }\n    },\n    { deep: true },\n  );\n\n  watch(\n    source,\n    (s) => {\n      Object.assign(state, {\n        data: objects.deepClone(fromSource(s)),\n        changed: false,\n      });\n    },\n    { deep: true, immediate: true },\n  );\n\n  return state;\n}\n"],"names":["useFormState","source","fromSource","update","state","reactive","objects","watch","data","s"],"mappings":";;AAIgB,SAAAA,EACdC,GACAC,GACAC,GACA;AACA,QAAMC,IAGFC,EAAS;AAAA,IACX,MAAMC,EAAQ,UAAUJ,EAAWD,EAAO,KAAK,CAAC;AAAA,IAChD,SAAS;AAAA,EAAA,CACV;AAED,SAAAM;AAAA,IACE,MAAMH,EAAM;AAAA,IACZ,CAACI,MAAS;AACR,MAAIJ,EAAM,UACDD,EAAAG,EAAQ,UAAUE,CAAI,CAAC,IAE9BJ,EAAM,UAAU;AAAA,IAEpB;AAAA,IACA,EAAE,MAAM,GAAK;AAAA,EACf,GAEAG;AAAA,IACEN;AAAA,IACA,CAACQ,MAAM;AACL,aAAO,OAAOL,GAAO;AAAA,QACnB,MAAME,EAAQ,UAAUJ,EAAWO,CAAC,CAAC;AAAA,QACrC,SAAS;AAAA,MAAA,CACV;AAAA,IACH;AAAA,IACA,EAAE,MAAM,IAAM,WAAW,GAAK;AAAA,EAChC,GAEOL;AACT;"}
+{"version":3,"file":"useFormState.js","sources":["../../src/composition/useFormState.ts"],"sourcesContent":["import type { Ref, UnwrapRef } from 'vue';\nimport { reactive, watch } from 'vue';\nimport { objects } from '@milaboratories/helpers';\n\nexport function useFormState<Source, D extends Record<string, unknown>>(\n  source: Ref<Source>,\n  fromSource: (source: Source) => D,\n  update: (data: UnwrapRef<D>) => void,\n) {\n  const state: {\n    data: UnwrapRef<D>;\n    changed: boolean;\n  } = reactive({\n    data: objects.deepClone(fromSource(source.value)) as D,\n    changed: false,\n  });\n\n  watch(\n    () => state.data,\n    (data) => {\n      if (state.changed) {\n        update(objects.deepClone(data));\n      } else {\n        state.changed = true;\n      }\n    },\n    { deep: true },\n  );\n\n  watch(\n    source,\n    (s) => {\n      Object.assign(state, {\n        data: objects.deepClone(fromSource(s)),\n        changed: false,\n      });\n    },\n    { deep: true, immediate: true },\n  );\n\n  return state;\n}\n"],"names":["useFormState","source","fromSource","update","state","reactive","objects","watch","data","s"],"mappings":";;AAIO,SAASA,EACdC,GACAC,GACAC,GACA;AACA,QAAMC,IAGFC,EAAS;AAAA,IACX,MAAMC,EAAQ,UAAUJ,EAAWD,EAAO,KAAK,CAAC;AAAA,IAChD,SAAS;AAAA,EAAA,CACV;AAED,SAAAM;AAAA,IACE,MAAMH,EAAM;AAAA,IACZ,CAACI,MAAS;AACR,MAAIJ,EAAM,UACRD,EAAOG,EAAQ,UAAUE,CAAI,CAAC,IAE9BJ,EAAM,UAAU;AAAA,IAEpB;AAAA,IACA,EAAE,MAAM,GAAA;AAAA,EAAK,GAGfG;AAAA,IACEN;AAAA,IACA,CAACQ,MAAM;AACL,aAAO,OAAOL,GAAO;AAAA,QACnB,MAAME,EAAQ,UAAUJ,EAAWO,CAAC,CAAC;AAAA,QACrC,SAAS;AAAA,MAAA,CACV;AAAA,IACH;AAAA,IACA,EAAE,MAAM,IAAM,WAAW,GAAA;AAAA,EAAK,GAGzBL;AACT;"}

package/dist/composition/useHover.d.ts

@@ -5,4 +5,3 @@ export interface UseElementHoverOptions {
     delayLeave?: number;
 }
 export declare function useHover(el: MaybeRef<EventTarget | undefined>, options?: UseElementHoverOptions): Ref<boolean>;
-//# sourceMappingURL=useHover.d.ts.map

package/dist/composition/useHover.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHover.js","sources":["../../src/composition/useHover.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { ref } from 'vue';\nimport { useEventListener } from './useEventListener';\nimport type { MaybeRef } from '../types';\n\nexport interface UseElementHoverOptions {\n  delayEnter?: number;\n  delayLeave?: number;\n}\n\nexport function useHover(el: MaybeRef<EventTarget | undefined>, options: UseElementHoverOptions = {}): Ref<boolean> {\n  const { delayEnter = 0, delayLeave = 0 } = options;\n\n  const isHovered = ref(false);\n  let timer: ReturnType<typeof setTimeout> | undefined;\n\n  const toggle = (entering: boolean) => {\n    const delay = entering ? delayEnter : delayLeave;\n\n    if (timer) {\n      clearTimeout(timer);\n      timer = undefined;\n    }\n\n    if (delay) timer = setTimeout(() => (isHovered.value = entering), delay);\n    else isHovered.value = entering;\n  };\n\n  if (!window) return isHovered;\n\n  useEventListener(el, 'mouseenter', () => toggle(true));\n  useEventListener(el, 'mouseleave', () => toggle(false));\n\n  return isHovered;\n}\n"],"names":["useHover","el","options","delayEnter","delayLeave","isHovered","ref","timer","toggle","entering","delay","useEventListener"],"mappings":";;AAUO,SAASA,EAASC,GAAuCC,IAAkC,IAAkB;AAClH,QAAM,EAAE,YAAAC,IAAa,GAAG,YAAAC,IAAa,EAAM,IAAAF,GAErCG,IAAYC,EAAI,EAAK;AACvB,MAAAC;AAEE,QAAAC,IAAS,CAACC,MAAsB;AAC9B,UAAAC,IAAQD,IAAWN,IAAaC;AAEtC,IAAIG,MACF,aAAaA,CAAK,GACVA,IAAA,SAGNG,IAAeH,IAAA,WAAW,MAAOF,EAAU,QAAQI,GAAWC,CAAK,MACxD,QAAQD;AAAA,EACzB;AAEI,SAAC,WAELE,EAAiBV,GAAI,cAAc,MAAMO,EAAO,EAAI,CAAC,GACrDG,EAAiBV,GAAI,cAAc,MAAMO,EAAO,EAAK,CAAC,IAE/CH;AACT;"}
+{"version":3,"file":"useHover.js","sources":["../../src/composition/useHover.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { ref } from 'vue';\nimport { useEventListener } from './useEventListener';\nimport type { MaybeRef } from '../types';\n\nexport interface UseElementHoverOptions {\n  delayEnter?: number;\n  delayLeave?: number;\n}\n\nexport function useHover(el: MaybeRef<EventTarget | undefined>, options: UseElementHoverOptions = {}): Ref<boolean> {\n  const { delayEnter = 0, delayLeave = 0 } = options;\n\n  const isHovered = ref(false);\n  let timer: ReturnType<typeof setTimeout> | undefined;\n\n  const toggle = (entering: boolean) => {\n    const delay = entering ? delayEnter : delayLeave;\n\n    if (timer) {\n      clearTimeout(timer);\n      timer = undefined;\n    }\n\n    if (delay) timer = setTimeout(() => (isHovered.value = entering), delay);\n    else isHovered.value = entering;\n  };\n\n  if (!window) return isHovered;\n\n  useEventListener(el, 'mouseenter', () => toggle(true));\n  useEventListener(el, 'mouseleave', () => toggle(false));\n\n  return isHovered;\n}\n"],"names":["useHover","el","options","delayEnter","delayLeave","isHovered","ref","timer","toggle","entering","delay","useEventListener"],"mappings":";;AAUO,SAASA,EAASC,GAAuCC,IAAkC,IAAkB;AAClH,QAAM,EAAE,YAAAC,IAAa,GAAG,YAAAC,IAAa,MAAMF,GAErCG,IAAYC,EAAI,EAAK;AAC3B,MAAIC;AAEJ,QAAMC,IAAS,CAACC,MAAsB;AACpC,UAAMC,IAAQD,IAAWN,IAAaC;AAEtC,IAAIG,MACF,aAAaA,CAAK,GAClBA,IAAQ,SAGNG,IAAOH,IAAQ,WAAW,MAAOF,EAAU,QAAQI,GAAWC,CAAK,MACxD,QAAQD;AAAA,EACzB;AAEA,SAAK,WAELE,EAAiBV,GAAI,cAAc,MAAMO,EAAO,EAAI,CAAC,GACrDG,EAAiBV,GAAI,cAAc,MAAMO,EAAO,EAAK,CAAC,IAE/CH;AACT;"}

package/dist/composition/useInterval.d.ts

@@ -1,2 +1 @@
 export declare function useInterval(update: () => void, ms: number): void;
-//# sourceMappingURL=useInterval.d.ts.map

package/dist/composition/useInterval.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInterval.js","sources":["../../src/composition/useInterval.ts"],"sourcesContent":["import { onMounted, onUnmounted } from 'vue';\n\nexport function useInterval(update: () => void, ms: number) {\n  let interval: ReturnType<typeof setInterval>;\n  onMounted(() => {\n    interval = setInterval(update, ms);\n  });\n  onUnmounted(() => clearInterval(interval));\n}\n"],"names":["useInterval","update","ms","interval","onMounted","onUnmounted"],"mappings":";AAEgB,SAAAA,EAAYC,GAAoBC,GAAY;AACtD,MAAAC;AACJ,EAAAC,EAAU,MAAM;AACH,IAAAD,IAAA,YAAYF,GAAQC,CAAE;AAAA,EAAA,CAClC,GACWG,EAAA,MAAM,cAAcF,CAAQ,CAAC;AAC3C;"}
+{"version":3,"file":"useInterval.js","sources":["../../src/composition/useInterval.ts"],"sourcesContent":["import { onMounted, onUnmounted } from 'vue';\n\nexport function useInterval(update: () => void, ms: number) {\n  let interval: ReturnType<typeof setInterval>;\n  onMounted(() => {\n    interval = setInterval(update, ms);\n  });\n  onUnmounted(() => clearInterval(interval));\n}\n"],"names":["useInterval","update","ms","interval","onMounted","onUnmounted"],"mappings":";AAEO,SAASA,EAAYC,GAAoBC,GAAY;AAC1D,MAAIC;AACJ,EAAAC,EAAU,MAAM;AACd,IAAAD,IAAW,YAAYF,GAAQC,CAAE;AAAA,EACnC,CAAC,GACDG,EAAY,MAAM,cAAcF,CAAQ,CAAC;AAC3C;"}

package/dist/composition/useLocalStorage.d.ts

@@ -1,3 +1,2 @@
 import { Ref } from 'vue';
 export declare function useLocalStorage<T extends string>(key: string): Ref<T | null, T | null>;
-//# sourceMappingURL=useLocalStorage.d.ts.map

package/dist/composition/useLocalStorage.js

@@ -1,15 +1,15 @@
 import { watch as a, ref as l } from "vue";
-import { notEmpty as n } from "../lib/util/helpers/dist/index.js";
+import { notEmpty as n } from "@milaboratories/helpers";
 const o = /* @__PURE__ */ new Map();
 function c(t) {
   return o.has(t) || o.set(t, l(localStorage.getItem(t))), n(o.get(t), "...");
 }
-function s(t, e) {
+function u(t, e) {
   e == null ? localStorage.removeItem(t) : localStorage.setItem(t, e);
 }
 function f(t) {
   const e = c(t);
-  return a(e, (r) => s(t, r)), e;
+  return a(e, (r) => u(t, r)), e;
 }
 export {
   f as useLocalStorage

package/dist/composition/useLocalStorage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocalStorage.js","sources":["../../src/composition/useLocalStorage.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { ref, watch } from 'vue';\nimport { notEmpty } from '@milaboratories/helpers';\n\nconst $store = new Map<string, Ref<string | null>>();\n\nfunction getValue(key: string) {\n  if (!$store.has(key)) {\n    $store.set(key, ref(localStorage.getItem(key)));\n  }\n\n  return notEmpty($store.get(key), '...');\n}\n\nfunction setValue(key: string, v: string | null | undefined) {\n  if (v === undefined || v === null) {\n    localStorage.removeItem(key);\n  } else {\n    localStorage.setItem(key, v);\n  }\n}\n\nexport function useLocalStorage<T extends string>(key: string) {\n  const value = getValue(key) as Ref<T | null>;\n\n  watch(value, (v) => setValue(key, v));\n\n  return value;\n}\n"],"names":["$store","getValue","key","ref","notEmpty","setValue","v","useLocalStorage","value","watch"],"mappings":";;AAIA,MAAMA,wBAAa,IAAgC;AAEnD,SAASC,EAASC,GAAa;AAC7B,SAAKF,EAAO,IAAIE,CAAG,KACjBF,EAAO,IAAIE,GAAKC,EAAI,aAAa,QAAQD,CAAG,CAAC,CAAC,GAGzCE,EAASJ,EAAO,IAAIE,CAAG,GAAG,KAAK;AACxC;AAEA,SAASG,EAASH,GAAaI,GAA8B;AACvD,EAAmBA,KAAM,OAC3B,aAAa,WAAWJ,CAAG,IAEd,aAAA,QAAQA,GAAKI,CAAC;AAE/B;AAEO,SAASC,EAAkCL,GAAa;AACvD,QAAAM,IAAQP,EAASC,CAAG;AAE1B,SAAAO,EAAMD,GAAO,CAACF,MAAMD,EAASH,GAAKI,CAAC,CAAC,GAE7BE;AACT;"}
+{"version":3,"file":"useLocalStorage.js","sources":["../../src/composition/useLocalStorage.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { ref, watch } from 'vue';\nimport { notEmpty } from '@milaboratories/helpers';\n\nconst $store = new Map<string, Ref<string | null>>();\n\nfunction getValue(key: string) {\n  if (!$store.has(key)) {\n    $store.set(key, ref(localStorage.getItem(key)));\n  }\n\n  return notEmpty($store.get(key), '...');\n}\n\nfunction setValue(key: string, v: string | null | undefined) {\n  if (v === undefined || v === null) {\n    localStorage.removeItem(key);\n  } else {\n    localStorage.setItem(key, v);\n  }\n}\n\nexport function useLocalStorage<T extends string>(key: string) {\n  const value = getValue(key) as Ref<T | null>;\n\n  watch(value, (v) => setValue(key, v));\n\n  return value;\n}\n"],"names":["$store","getValue","key","ref","notEmpty","setValue","v","useLocalStorage","value","watch"],"mappings":";;AAIA,MAAMA,wBAAa,IAAA;AAEnB,SAASC,EAASC,GAAa;AAC7B,SAAKF,EAAO,IAAIE,CAAG,KACjBF,EAAO,IAAIE,GAAKC,EAAI,aAAa,QAAQD,CAAG,CAAC,CAAC,GAGzCE,EAASJ,EAAO,IAAIE,CAAG,GAAG,KAAK;AACxC;AAEA,SAASG,EAASH,GAAaI,GAA8B;AAC3D,EAAuBA,KAAM,OAC3B,aAAa,WAAWJ,CAAG,IAE3B,aAAa,QAAQA,GAAKI,CAAC;AAE/B;AAEO,SAASC,EAAkCL,GAAa;AAC7D,QAAMM,IAAQP,EAASC,CAAG;AAE1B,SAAAO,EAAMD,GAAO,CAACF,MAAMD,EAASH,GAAKI,CAAC,CAAC,GAE7BE;AACT;"}

package/dist/composition/useMouse.d.ts

@@ -2,4 +2,3 @@ export declare function useMouse(): {
     x: number;
     y: number;
 };
-//# sourceMappingURL=useMouse.d.ts.map

package/dist/composition/useMouse.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMouse.js","sources":["../../src/composition/useMouse.ts"],"sourcesContent":["import { onMounted, onUnmounted, reactive } from 'vue';\n\nexport function useMouse() {\n  const pos = reactive({\n    x: 0,\n    y: 0,\n  });\n\n  function update(event: MouseEvent) {\n    pos.x = event.pageX;\n    pos.y = event.pageY;\n  }\n\n  onMounted(() => window.addEventListener('mousemove', update));\n  onUnmounted(() => window.removeEventListener('mousemove', update));\n\n  return pos;\n}\n"],"names":["useMouse","pos","reactive","update","event","onMounted","onUnmounted"],"mappings":";AAEO,SAASA,IAAW;AACzB,QAAMC,IAAMC,EAAS;AAAA,IACnB,GAAG;AAAA,IACH,GAAG;AAAA,EAAA,CACJ;AAED,WAASC,EAAOC,GAAmB;AACjC,IAAAH,EAAI,IAAIG,EAAM,OACdH,EAAI,IAAIG,EAAM;AAAA,EAAA;AAGhB,SAAAC,EAAU,MAAM,OAAO,iBAAiB,aAAaF,CAAM,CAAC,GAC5DG,EAAY,MAAM,OAAO,oBAAoB,aAAaH,CAAM,CAAC,GAE1DF;AACT;"}
+{"version":3,"file":"useMouse.js","sources":["../../src/composition/useMouse.ts"],"sourcesContent":["import { onMounted, onUnmounted, reactive } from 'vue';\n\nexport function useMouse() {\n  const pos = reactive({\n    x: 0,\n    y: 0,\n  });\n\n  function update(event: MouseEvent) {\n    pos.x = event.pageX;\n    pos.y = event.pageY;\n  }\n\n  onMounted(() => window.addEventListener('mousemove', update));\n  onUnmounted(() => window.removeEventListener('mousemove', update));\n\n  return pos;\n}\n"],"names":["useMouse","pos","reactive","update","event","onMounted","onUnmounted"],"mappings":";AAEO,SAASA,IAAW;AACzB,QAAMC,IAAMC,EAAS;AAAA,IACnB,GAAG;AAAA,IACH,GAAG;AAAA,EAAA,CACJ;AAED,WAASC,EAAOC,GAAmB;AACjC,IAAAH,EAAI,IAAIG,EAAM,OACdH,EAAI,IAAIG,EAAM;AAAA,EAChB;AAEA,SAAAC,EAAU,MAAM,OAAO,iBAAiB,aAAaF,CAAM,CAAC,GAC5DG,EAAY,MAAM,OAAO,oBAAoB,aAAaH,CAAM,CAAC,GAE1DF;AACT;"}

package/dist/composition/useMouseCapture.d.ts

@@ -13,4 +13,3 @@ type CaptureState = {
 };
 export declare function useMouseCapture<T extends HTMLElement>(elRef: MaybeRef<T | undefined>, cb: (ev: CustomEvent, state: CaptureState) => void): void;
 export {};
-//# sourceMappingURL=useMouseCapture.d.ts.map

package/dist/composition/useMouseCapture.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMouseCapture.js","sources":["../../src/composition/useMouseCapture.ts"],"sourcesContent":["import type { MaybeRef } from '../types';\nimport { unref } from 'vue';\nimport { useEventListener } from './useEventListener';\n\ntype CustomEvent = {\n  x: number;\n  y: number;\n  dx: number;\n  dy: number;\n  stop?: boolean;\n};\n\ntype CaptureState = {\n  el: HTMLElement | undefined;\n  x: number;\n  y: number;\n};\n\nexport function useMouseCapture<T extends HTMLElement>(elRef: MaybeRef<T | undefined>, cb: (ev: CustomEvent, state: CaptureState) => void) {\n  const state: CaptureState = {\n    el: undefined as HTMLElement | undefined,\n    x: 0,\n    y: 0,\n  };\n\n  const createCustom = (ev: MouseEvent) => ({\n    x: ev.x,\n    y: ev.y,\n    dx: ev.x - state.x,\n    dy: ev.y - state.y,\n  });\n\n  useEventListener(document, 'mousedown', (ev) => {\n    if (ev.target === unref(elRef)) {\n      // disable selection when moving\n      if (ev.stopPropagation) ev.stopPropagation();\n      if (ev.preventDefault) ev.preventDefault();\n      state.el = unref(elRef);\n      state.x = ev.x;\n      state.y = ev.y;\n    }\n  });\n\n  useEventListener(document, 'mouseup', (ev) => {\n    if (!state.el) {\n      return;\n    }\n\n    state.el = undefined;\n\n    cb(\n      {\n        ...createCustom(ev),\n        stop: true,\n      },\n      state,\n    );\n  });\n\n  useEventListener(document, 'mousemove', (ev) => {\n    if (state.el) {\n      cb(createCustom(ev), state);\n    }\n  });\n}\n"],"names":["useMouseCapture","elRef","cb","state","createCustom","ev","useEventListener","unref"],"mappings":";;AAkBgB,SAAAA,EAAuCC,GAAgCC,GAAoD;AACzI,QAAMC,IAAsB;AAAA,IAC1B,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,EACL,GAEMC,IAAe,CAACC,OAAoB;AAAA,IACxC,GAAGA,EAAG;AAAA,IACN,GAAGA,EAAG;AAAA,IACN,IAAIA,EAAG,IAAIF,EAAM;AAAA,IACjB,IAAIE,EAAG,IAAIF,EAAM;AAAA,EAAA;AAGF,EAAAG,EAAA,UAAU,aAAa,CAACD,MAAO;AAC9C,IAAIA,EAAG,WAAWE,EAAMN,CAAK,MAEvBI,EAAG,mBAAiBA,EAAG,gBAAgB,GACvCA,EAAG,kBAAgBA,EAAG,eAAe,GACnCF,EAAA,KAAKI,EAAMN,CAAK,GACtBE,EAAM,IAAIE,EAAG,GACbF,EAAM,IAAIE,EAAG;AAAA,EACf,CACD,GAEgBC,EAAA,UAAU,WAAW,CAACD,MAAO;AACxC,IAACF,EAAM,OAIXA,EAAM,KAAK,QAEXD;AAAA,MACE;AAAA,QACE,GAAGE,EAAaC,CAAE;AAAA,QAClB,MAAM;AAAA,MACR;AAAA,MACAF;AAAA,IACF;AAAA,EAAA,CACD,GAEgBG,EAAA,UAAU,aAAa,CAACD,MAAO;AAC9C,IAAIF,EAAM,MACLD,EAAAE,EAAaC,CAAE,GAAGF,CAAK;AAAA,EAC5B,CACD;AACH;"}
+{"version":3,"file":"useMouseCapture.js","sources":["../../src/composition/useMouseCapture.ts"],"sourcesContent":["import type { MaybeRef } from '../types';\nimport { unref } from 'vue';\nimport { useEventListener } from './useEventListener';\n\ntype CustomEvent = {\n  x: number;\n  y: number;\n  dx: number;\n  dy: number;\n  stop?: boolean;\n};\n\ntype CaptureState = {\n  el: HTMLElement | undefined;\n  x: number;\n  y: number;\n};\n\nexport function useMouseCapture<T extends HTMLElement>(elRef: MaybeRef<T | undefined>, cb: (ev: CustomEvent, state: CaptureState) => void) {\n  const state: CaptureState = {\n    el: undefined as HTMLElement | undefined,\n    x: 0,\n    y: 0,\n  };\n\n  const createCustom = (ev: MouseEvent) => ({\n    x: ev.x,\n    y: ev.y,\n    dx: ev.x - state.x,\n    dy: ev.y - state.y,\n  });\n\n  useEventListener(document, 'mousedown', (ev) => {\n    if (ev.target === unref(elRef)) {\n      // disable selection when moving\n      if (ev.stopPropagation) ev.stopPropagation();\n      if (ev.preventDefault) ev.preventDefault();\n      state.el = unref(elRef);\n      state.x = ev.x;\n      state.y = ev.y;\n    }\n  });\n\n  useEventListener(document, 'mouseup', (ev) => {\n    if (!state.el) {\n      return;\n    }\n\n    state.el = undefined;\n\n    cb(\n      {\n        ...createCustom(ev),\n        stop: true,\n      },\n      state,\n    );\n  });\n\n  useEventListener(document, 'mousemove', (ev) => {\n    if (state.el) {\n      cb(createCustom(ev), state);\n    }\n  });\n}\n"],"names":["useMouseCapture","elRef","cb","state","createCustom","ev","useEventListener","unref"],"mappings":";;AAkBO,SAASA,EAAuCC,GAAgCC,GAAoD;AACzI,QAAMC,IAAsB;AAAA,IAC1B,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,EAAA,GAGCC,IAAe,CAACC,OAAoB;AAAA,IACxC,GAAGA,EAAG;AAAA,IACN,GAAGA,EAAG;AAAA,IACN,IAAIA,EAAG,IAAIF,EAAM;AAAA,IACjB,IAAIE,EAAG,IAAIF,EAAM;AAAA,EAAA;AAGnB,EAAAG,EAAiB,UAAU,aAAa,CAACD,MAAO;AAC9C,IAAIA,EAAG,WAAWE,EAAMN,CAAK,MAEvBI,EAAG,mBAAiBA,EAAG,gBAAA,GACvBA,EAAG,kBAAgBA,EAAG,eAAA,GAC1BF,EAAM,KAAKI,EAAMN,CAAK,GACtBE,EAAM,IAAIE,EAAG,GACbF,EAAM,IAAIE,EAAG;AAAA,EAEjB,CAAC,GAEDC,EAAiB,UAAU,WAAW,CAACD,MAAO;AAC5C,IAAKF,EAAM,OAIXA,EAAM,KAAK,QAEXD;AAAA,MACE;AAAA,QACE,GAAGE,EAAaC,CAAE;AAAA,QAClB,MAAM;AAAA,MAAA;AAAA,MAERF;AAAA,IAAA;AAAA,EAEJ,CAAC,GAEDG,EAAiB,UAAU,aAAa,CAACD,MAAO;AAC9C,IAAIF,EAAM,MACRD,EAAGE,EAAaC,CAAE,GAAGF,CAAK;AAAA,EAE9B,CAAC;AACH;"}

package/dist/composition/useNotificationPosition.d.ts

@@ -1,3 +1,2 @@
 import { Ref } from 'vue';
 export declare function useNotificationPosition(el: Ref<HTMLElement | undefined>): Ref<string, string>;
-//# sourceMappingURL=useNotificationPosition.d.ts.map

package/dist/composition/usePosition.d.ts

@@ -1,4 +1,3 @@
 import { Ref } from 'vue';
 import { ElementPosition } from '../types';
 export declare function useElementPosition(el: Ref<HTMLElement | undefined>, cb: (pos: ElementPosition) => void): void;
-//# sourceMappingURL=usePosition.d.ts.map

package/dist/composition/usePosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePosition.js","sources":["../../src/composition/usePosition.ts"],"sourcesContent":["import { type Ref, onMounted } from 'vue';\nimport { useEventListener } from './useEventListener';\nimport { requestTick } from '../helpers/utils';\nimport type { ElementPosition } from '../types';\n\nexport function useElementPosition(el: Ref<HTMLElement | undefined>, cb: (pos: ElementPosition) => void) {\n  const update = () => {\n    if (el.value) {\n      const { scrollTop, scrollLeft, scrollHeight, scrollWidth, clientHeight, clientWidth } = document.documentElement;\n      const rect = el.value.getBoundingClientRect();\n      cb({\n        scrollTop,\n        scrollLeft,\n        scrollHeight,\n        scrollWidth,\n        clientHeight,\n        clientWidth,\n        offsetY: scrollTop + rect.y,\n        offsetX: scrollLeft + rect.x,\n        top: rect.top,\n        right: rect.right,\n        bottom: rect.bottom,\n        left: rect.left,\n        width: rect.width,\n        height: rect.height,\n        x: rect.x,\n        y: rect.y,\n      });\n    }\n  };\n\n  const handle = requestTick(update);\n\n  onMounted(handle);\n\n  useEventListener(window, 'scroll', handle, { capture: true, passive: true });\n\n  useEventListener(window, 'resize', handle, { passive: true });\n\n  useEventListener(window, 'adjust', handle, true);\n}\n"],"names":["useElementPosition","el","cb","handle","requestTick","scrollTop","scrollLeft","scrollHeight","scrollWidth","clientHeight","clientWidth","rect","onMounted","useEventListener"],"mappings":";;;AAKgB,SAAAA,EAAmBC,GAAkCC,GAAoC;AA0BjG,QAAAC,IAASC,EAzBA,MAAM;AACnB,QAAIH,EAAG,OAAO;AACN,YAAA,EAAE,WAAAI,GAAW,YAAAC,GAAY,cAAAC,GAAc,aAAAC,GAAa,cAAAC,GAAc,aAAAC,MAAgB,SAAS,iBAC3FC,IAAOV,EAAG,MAAM,sBAAsB;AACzC,MAAAC,EAAA;AAAA,QACD,WAAAG;AAAA,QACA,YAAAC;AAAA,QACA,cAAAC;AAAA,QACA,aAAAC;AAAA,QACA,cAAAC;AAAA,QACA,aAAAC;AAAA,QACA,SAASL,IAAYM,EAAK;AAAA,QAC1B,SAASL,IAAaK,EAAK;AAAA,QAC3B,KAAKA,EAAK;AAAA,QACV,OAAOA,EAAK;AAAA,QACZ,QAAQA,EAAK;AAAA,QACb,MAAMA,EAAK;AAAA,QACX,OAAOA,EAAK;AAAA,QACZ,QAAQA,EAAK;AAAA,QACb,GAAGA,EAAK;AAAA,QACR,GAAGA,EAAK;AAAA,MAAA,CACT;AAAA,IAAA;AAAA,EAEL,CAEiC;AAEjC,EAAAC,EAAUT,CAAM,GAECU,EAAA,QAAQ,UAAUV,GAAQ,EAAE,SAAS,IAAM,SAAS,IAAM,GAE3EU,EAAiB,QAAQ,UAAUV,GAAQ,EAAE,SAAS,IAAM,GAE3CU,EAAA,QAAQ,UAAUV,GAAQ,EAAI;AACjD;"}
+{"version":3,"file":"usePosition.js","sources":["../../src/composition/usePosition.ts"],"sourcesContent":["import { type Ref, onMounted } from 'vue';\nimport { useEventListener } from './useEventListener';\nimport { requestTick } from '../helpers/utils';\nimport type { ElementPosition } from '../types';\n\nexport function useElementPosition(el: Ref<HTMLElement | undefined>, cb: (pos: ElementPosition) => void) {\n  const update = () => {\n    if (el.value) {\n      const { scrollTop, scrollLeft, scrollHeight, scrollWidth, clientHeight, clientWidth } = document.documentElement;\n      const rect = el.value.getBoundingClientRect();\n      cb({\n        scrollTop,\n        scrollLeft,\n        scrollHeight,\n        scrollWidth,\n        clientHeight,\n        clientWidth,\n        offsetY: scrollTop + rect.y,\n        offsetX: scrollLeft + rect.x,\n        top: rect.top,\n        right: rect.right,\n        bottom: rect.bottom,\n        left: rect.left,\n        width: rect.width,\n        height: rect.height,\n        x: rect.x,\n        y: rect.y,\n      });\n    }\n  };\n\n  const handle = requestTick(update);\n\n  onMounted(handle);\n\n  useEventListener(window, 'scroll', handle, { capture: true, passive: true });\n\n  useEventListener(window, 'resize', handle, { passive: true });\n\n  useEventListener(window, 'adjust', handle, true);\n}\n"],"names":["useElementPosition","el","cb","handle","requestTick","scrollTop","scrollLeft","scrollHeight","scrollWidth","clientHeight","clientWidth","rect","onMounted","useEventListener"],"mappings":";;;AAKO,SAASA,EAAmBC,GAAkCC,GAAoC;AA0BvG,QAAMC,IAASC,EAzBA,MAAM;AACnB,QAAIH,EAAG,OAAO;AACZ,YAAM,EAAE,WAAAI,GAAW,YAAAC,GAAY,cAAAC,GAAc,aAAAC,GAAa,cAAAC,GAAc,aAAAC,MAAgB,SAAS,iBAC3FC,IAAOV,EAAG,MAAM,sBAAA;AACtB,MAAAC,EAAG;AAAA,QACD,WAAAG;AAAA,QACA,YAAAC;AAAA,QACA,cAAAC;AAAA,QACA,aAAAC;AAAA,QACA,cAAAC;AAAA,QACA,aAAAC;AAAA,QACA,SAASL,IAAYM,EAAK;AAAA,QAC1B,SAASL,IAAaK,EAAK;AAAA,QAC3B,KAAKA,EAAK;AAAA,QACV,OAAOA,EAAK;AAAA,QACZ,QAAQA,EAAK;AAAA,QACb,MAAMA,EAAK;AAAA,QACX,OAAOA,EAAK;AAAA,QACZ,QAAQA,EAAK;AAAA,QACb,GAAGA,EAAK;AAAA,QACR,GAAGA,EAAK;AAAA,MAAA,CACT;AAAA,IACH;AAAA,EACF,CAEiC;AAEjC,EAAAC,EAAUT,CAAM,GAEhBU,EAAiB,QAAQ,UAAUV,GAAQ,EAAE,SAAS,IAAM,SAAS,IAAM,GAE3EU,EAAiB,QAAQ,UAAUV,GAAQ,EAAE,SAAS,IAAM,GAE5DU,EAAiB,QAAQ,UAAUV,GAAQ,EAAI;AACjD;"}

package/dist/composition/useQuery.d.ts

@@ -5,4 +5,3 @@ export declare function useQuery<P extends unknown[], R>(fn: (...args: P) => Pro
     run: (...args: P) => Promise<void>;
     debounce: (cb: () => P, dt?: number) => () => void;
 };
-//# sourceMappingURL=useQuery.d.ts.map

package/dist/composition/useQuery.js

@@ -1,5 +1,5 @@
 import { reactive as s } from "vue";
-import { debounce as n } from "../lib/util/helpers/dist/index.js";
+import { debounce as n } from "@milaboratories/helpers";
 function c(o) {
   const r = s({
     isLoading: !1,

package/dist/composition/useQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQuery.js","sources":["../../src/composition/useQuery.ts"],"sourcesContent":["import { reactive } from 'vue';\nimport { debounce } from '@milaboratories/helpers';\n\nexport function useQuery<P extends unknown[], R>(fn: (...args: P) => Promise<R>) {\n  const self = reactive({\n    isLoading: false,\n    result: undefined as R | undefined,\n    error: undefined as unknown,\n    async run(...args: P) {\n      this.isLoading = true;\n      this.error = undefined;\n      try {\n        this.result = await fn(...args);\n      } catch (err: unknown) {\n        this.error = err;\n      } finally {\n        this.isLoading = false;\n      }\n    },\n    debounce(cb: () => P, dt = 1000) {\n      return debounce(() => {\n        const args = cb();\n        this.run(...args).catch(console.error);\n      }, dt);\n    },\n  });\n\n  self.run = self.run.bind(self);\n\n  return self;\n}\n"],"names":["useQuery","fn","self","reactive","args","err","cb","dt","debounce"],"mappings":";;AAGO,SAASA,EAAiCC,GAAgC;AAC/E,QAAMC,IAAOC,EAAS;AAAA,IACpB,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM,OAAOC,GAAS;AACpB,WAAK,YAAY,IACjB,KAAK,QAAQ;AACT,UAAA;AACF,aAAK,SAAS,MAAMH,EAAG,GAAGG,CAAI;AAAA,eACvBC,GAAc;AACrB,aAAK,QAAQA;AAAA,MAAA,UACb;AACA,aAAK,YAAY;AAAA,MAAA;AAAA,IAErB;AAAA,IACA,SAASC,GAAaC,IAAK,KAAM;AAC/B,aAAOC,EAAS,MAAM;AACpB,cAAMJ,IAAOE,EAAG;AAChB,aAAK,IAAI,GAAGF,CAAI,EAAE,MAAM,QAAQ,KAAK;AAAA,SACpCG,CAAE;AAAA,IAAA;AAAA,EACP,CACD;AAED,SAAAL,EAAK,MAAMA,EAAK,IAAI,KAAKA,CAAI,GAEtBA;AACT;"}
+{"version":3,"file":"useQuery.js","sources":["../../src/composition/useQuery.ts"],"sourcesContent":["import { reactive } from 'vue';\nimport { debounce } from '@milaboratories/helpers';\n\nexport function useQuery<P extends unknown[], R>(fn: (...args: P) => Promise<R>) {\n  const self = reactive({\n    isLoading: false,\n    result: undefined as R | undefined,\n    error: undefined as unknown,\n    async run(...args: P) {\n      this.isLoading = true;\n      this.error = undefined;\n      try {\n        this.result = await fn(...args);\n      } catch (err: unknown) {\n        this.error = err;\n      } finally {\n        this.isLoading = false;\n      }\n    },\n    debounce(cb: () => P, dt = 1000) {\n      return debounce(() => {\n        const args = cb();\n        this.run(...args).catch(console.error);\n      }, dt);\n    },\n  });\n\n  self.run = self.run.bind(self);\n\n  return self;\n}\n"],"names":["useQuery","fn","self","reactive","args","err","cb","dt","debounce"],"mappings":";;AAGO,SAASA,EAAiCC,GAAgC;AAC/E,QAAMC,IAAOC,EAAS;AAAA,IACpB,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM,OAAOC,GAAS;AACpB,WAAK,YAAY,IACjB,KAAK,QAAQ;AACb,UAAI;AACF,aAAK,SAAS,MAAMH,EAAG,GAAGG,CAAI;AAAA,MAChC,SAASC,GAAc;AACrB,aAAK,QAAQA;AAAA,MACf,UAAA;AACE,aAAK,YAAY;AAAA,MACnB;AAAA,IACF;AAAA,IACA,SAASC,GAAaC,IAAK,KAAM;AAC/B,aAAOC,EAAS,MAAM;AACpB,cAAMJ,IAAOE,EAAA;AACb,aAAK,IAAI,GAAGF,CAAI,EAAE,MAAM,QAAQ,KAAK;AAAA,MACvC,GAAGG,CAAE;AAAA,IACP;AAAA,EAAA,CACD;AAED,SAAAL,EAAK,MAAMA,EAAK,IAAI,KAAKA,CAAI,GAEtBA;AACT;"}

package/dist/composition/useResizeObserver.d.ts

@@ -1,3 +1,2 @@
 import { MaybeRef } from '../types';
 export declare function useResizeObserver<T extends HTMLElement>(target: MaybeRef<T | undefined>, cb: (el?: T | undefined) => void): void;
-//# sourceMappingURL=useResizeObserver.d.ts.map

package/dist/composition/useResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","sources":["../../src/composition/useResizeObserver.ts"],"sourcesContent":["import { onUnmounted, unref } from 'vue';\nimport { tapIf } from '../helpers/functions';\nimport { onChanged } from './utils';\nimport { startResizeObserving, stopResizeObserving } from '../global/resizeObserver';\nimport type { MaybeRef } from '../types';\n\nexport function useResizeObserver<T extends HTMLElement>(target: MaybeRef<T | undefined>, cb: (el?: T | undefined) => void) {\n  onChanged(() => {\n    tapIf(unref(target), (el) => {\n      startResizeObserving(el, () => cb(el));\n    });\n  });\n\n  onUnmounted(() => {\n    tapIf(unref(target), (el) => {\n      stopResizeObserving(el);\n    });\n  });\n}\n"],"names":["useResizeObserver","target","cb","onChanged","tapIf","unref","el","startResizeObserving","onUnmounted","stopResizeObserving"],"mappings":";;;;AAMgB,SAAAA,EAAyCC,GAAiCC,GAAkC;AAC1H,EAAAC,EAAU,MAAM;AACd,IAAAC,EAAMC,EAAMJ,CAAM,GAAG,CAACK,MAAO;AAC3B,MAAAC,EAAqBD,GAAI,MAAMJ,EAAGI,CAAE,CAAC;AAAA,IAAA,CACtC;AAAA,EAAA,CACF,GAEDE,EAAY,MAAM;AAChB,IAAAJ,EAAMC,EAAMJ,CAAM,GAAG,CAACK,MAAO;AAC3B,MAAAG,EAAoBH,CAAE;AAAA,IAAA,CACvB;AAAA,EAAA,CACF;AACH;"}
+{"version":3,"file":"useResizeObserver.js","sources":["../../src/composition/useResizeObserver.ts"],"sourcesContent":["import { onUnmounted, unref } from 'vue';\nimport { tapIf } from '../helpers/functions';\nimport { onChanged } from './utils';\nimport { startResizeObserving, stopResizeObserving } from '../global/resizeObserver';\nimport type { MaybeRef } from '../types';\n\nexport function useResizeObserver<T extends HTMLElement>(target: MaybeRef<T | undefined>, cb: (el?: T | undefined) => void) {\n  onChanged(() => {\n    tapIf(unref(target), (el) => {\n      startResizeObserving(el, () => cb(el));\n    });\n  });\n\n  onUnmounted(() => {\n    tapIf(unref(target), (el) => {\n      stopResizeObserving(el);\n    });\n  });\n}\n"],"names":["useResizeObserver","target","cb","onChanged","tapIf","unref","el","startResizeObserving","onUnmounted","stopResizeObserving"],"mappings":";;;;AAMO,SAASA,EAAyCC,GAAiCC,GAAkC;AAC1H,EAAAC,EAAU,MAAM;AACd,IAAAC,EAAMC,EAAMJ,CAAM,GAAG,CAACK,MAAO;AAC3B,MAAAC,EAAqBD,GAAI,MAAMJ,EAAGI,CAAE,CAAC;AAAA,IACvC,CAAC;AAAA,EACH,CAAC,GAEDE,EAAY,MAAM;AAChB,IAAAJ,EAAMC,EAAMJ,CAAM,GAAG,CAACK,MAAO;AAC3B,MAAAG,EAAoBH,CAAE;AAAA,IACxB,CAAC;AAAA,EACH,CAAC;AACH;"}

package/dist/composition/useRipple.d.ts

@@ -1,3 +1,2 @@
 import { Ref } from 'vue';
 export declare function useRipple(el: Ref<HTMLElement | undefined>): void;
-//# sourceMappingURL=useRipple.d.ts.map

package/dist/composition/useRipple.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRipple.js","sources":["../../src/composition/useRipple.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { onMounted } from 'vue';\n\nexport function useRipple(el: Ref<HTMLElement | undefined>) {\n  function createRipple(event: MouseEvent) {\n    const button = event.currentTarget as HTMLButtonElement;\n\n    const circle = document.createElement('span');\n    const diameter = Math.max(button.clientWidth, button.clientHeight);\n    const radius = diameter / 2;\n\n    circle.style.width = circle.style.height = `${diameter}px`;\n    circle.style.left = `${event.clientX - button.offsetLeft - radius}px`;\n    circle.style.top = `${event.clientY - button.offsetTop - radius}px`;\n    circle.classList.add('ripple');\n\n    const ripple = button.getElementsByClassName('ripple')[0];\n\n    if (ripple) {\n      ripple.remove();\n    }\n\n    button.appendChild(circle);\n  }\n\n  onMounted(() => {\n    el.value?.addEventListener('click', createRipple);\n  });\n}\n"],"names":["useRipple","el","createRipple","event","button","circle","diameter","radius","ripple","onMounted","_a"],"mappings":";AAGO,SAASA,EAAUC,GAAkC;AAC1D,WAASC,EAAaC,GAAmB;AACvC,UAAMC,IAASD,EAAM,eAEfE,IAAS,SAAS,cAAc,MAAM,GACtCC,IAAW,KAAK,IAAIF,EAAO,aAAaA,EAAO,YAAY,GAC3DG,IAASD,IAAW;AAE1B,IAAAD,EAAO,MAAM,QAAQA,EAAO,MAAM,SAAS,GAAGC,CAAQ,MACtDD,EAAO,MAAM,OAAO,GAAGF,EAAM,UAAUC,EAAO,aAAaG,CAAM,MACjEF,EAAO,MAAM,MAAM,GAAGF,EAAM,UAAUC,EAAO,YAAYG,CAAM,MACxDF,EAAA,UAAU,IAAI,QAAQ;AAE7B,UAAMG,IAASJ,EAAO,uBAAuB,QAAQ,EAAE,CAAC;AAExD,IAAII,KACFA,EAAO,OAAO,GAGhBJ,EAAO,YAAYC,CAAM;AAAA,EAAA;AAG3B,EAAAI,EAAU,MAAM;;AACX,KAAAC,IAAAT,EAAA,UAAA,QAAAS,EAAO,iBAAiB,SAASR;AAAA,EAAY,CACjD;AACH;"}
+{"version":3,"file":"useRipple.js","sources":["../../src/composition/useRipple.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { onMounted } from 'vue';\n\nexport function useRipple(el: Ref<HTMLElement | undefined>) {\n  function createRipple(event: MouseEvent) {\n    const button = event.currentTarget as HTMLButtonElement;\n\n    const circle = document.createElement('span');\n    const diameter = Math.max(button.clientWidth, button.clientHeight);\n    const radius = diameter / 2;\n\n    circle.style.width = circle.style.height = `${diameter}px`;\n    circle.style.left = `${event.clientX - button.offsetLeft - radius}px`;\n    circle.style.top = `${event.clientY - button.offsetTop - radius}px`;\n    circle.classList.add('ripple');\n\n    const ripple = button.getElementsByClassName('ripple')[0];\n\n    if (ripple) {\n      ripple.remove();\n    }\n\n    button.appendChild(circle);\n  }\n\n  onMounted(() => {\n    el.value?.addEventListener('click', createRipple);\n  });\n}\n"],"names":["useRipple","el","createRipple","event","button","circle","diameter","radius","ripple","onMounted","_a"],"mappings":";AAGO,SAASA,EAAUC,GAAkC;AAC1D,WAASC,EAAaC,GAAmB;AACvC,UAAMC,IAASD,EAAM,eAEfE,IAAS,SAAS,cAAc,MAAM,GACtCC,IAAW,KAAK,IAAIF,EAAO,aAAaA,EAAO,YAAY,GAC3DG,IAASD,IAAW;AAE1B,IAAAD,EAAO,MAAM,QAAQA,EAAO,MAAM,SAAS,GAAGC,CAAQ,MACtDD,EAAO,MAAM,OAAO,GAAGF,EAAM,UAAUC,EAAO,aAAaG,CAAM,MACjEF,EAAO,MAAM,MAAM,GAAGF,EAAM,UAAUC,EAAO,YAAYG,CAAM,MAC/DF,EAAO,UAAU,IAAI,QAAQ;AAE7B,UAAMG,IAASJ,EAAO,uBAAuB,QAAQ,EAAE,CAAC;AAExD,IAAII,KACFA,EAAO,OAAA,GAGTJ,EAAO,YAAYC,CAAM;AAAA,EAC3B;AAEA,EAAAI,EAAU,MAAM;;AACd,KAAAC,IAAAT,EAAG,UAAH,QAAAS,EAAU,iBAAiB,SAASR;AAAA,EACtC,CAAC;AACH;"}

package/dist/composition/useScroll.d.ts

@@ -1,3 +1,2 @@
 import { Ref } from 'vue';
 export declare function useScroll($el: Ref<HTMLElement | undefined>, fadeHeight?: number | null, fadeWidth?: number | null): void;
-//# sourceMappingURL=useScroll.d.ts.map

package/dist/composition/useScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScroll.js","sources":["../../src/composition/useScroll.ts"],"sourcesContent":["import { type Ref, onMounted } from 'vue';\nimport { useEventListener } from './useEventListener';\nimport { requestTick } from '../helpers/utils';\n\nexport function useScroll($el: Ref<HTMLElement | undefined>, fadeHeight: number | null = null, fadeWidth: number | null = null) {\n  function getYMask(el: HTMLElement) {\n    const { scrollTop, scrollHeight, clientHeight } = el;\n\n    const hasScroll = scrollHeight > clientHeight;\n\n    if (!hasScroll || !fadeHeight) {\n      return null;\n    }\n\n    const scrollBottom = scrollHeight - scrollTop - clientHeight;\n    const offsetTop = scrollTop > fadeHeight ? fadeHeight : 0;\n    const offsetBottom = scrollBottom > fadeHeight ? clientHeight - fadeHeight - offsetTop : clientHeight;\n\n    return `linear-gradient(\n        to bottom,\n        transparent,\n        black ${offsetTop}px,\n        black ${offsetBottom}px,\n        transparent 100%\n      )`;\n  }\n\n  function getXMask(el: HTMLElement) {\n    const { scrollLeft, scrollWidth, clientWidth } = el;\n\n    const hasScroll = scrollWidth > clientWidth;\n\n    if (!hasScroll || !fadeWidth) {\n      return null;\n    }\n\n    const scrollRight = scrollWidth - scrollLeft - clientWidth;\n    const offsetLeft = scrollLeft > fadeWidth ? fadeWidth : 0;\n    const offsetRight = scrollRight > fadeWidth ? clientWidth - fadeWidth - offsetLeft : clientWidth;\n\n    return `linear-gradient(\n        to right,\n        transparent,\n        black ${offsetLeft}px,\n        black ${offsetRight}px,\n        transparent 100%\n      )`;\n  }\n\n  function update() {\n    const el = $el.value;\n\n    if (!el) {\n      return;\n    }\n\n    const masks = [getYMask(el), getXMask(el)].filter((m) => m !== null);\n    el.style.setProperty('-webkit-mask-image', masks.join(','));\n    el.style.setProperty('mask-image', masks.join(','));\n    if (masks.length > 1) {\n      el.style.setProperty('-webkit-mask-composite', 'source-in');\n      el.style.setProperty('mask-composite', 'source-in');\n    }\n  }\n\n  const handle = requestTick(update);\n\n  onMounted(update);\n  useEventListener(window, 'scroll', handle, true);\n  useEventListener(window, 'resize', handle, true);\n}\n"],"names":["useScroll","$el","fadeHeight","fadeWidth","getYMask","el","scrollTop","scrollHeight","clientHeight","scrollBottom","offsetTop","offsetBottom","getXMask","scrollLeft","scrollWidth","clientWidth","scrollRight","offsetLeft","offsetRight","update","masks","m","handle","requestTick","onMounted","useEventListener"],"mappings":";;;AAIO,SAASA,EAAUC,GAAmCC,IAA4B,MAAMC,IAA2B,MAAM;AAC9H,WAASC,EAASC,GAAiB;AACjC,UAAM,EAAE,WAAAC,GAAW,cAAAC,GAAc,cAAAC,EAAiB,IAAAH;AAI9C,QAAA,EAFcE,IAAeC,MAEf,CAACN;AACV,aAAA;AAGH,UAAAO,IAAeF,IAAeD,IAAYE,GAC1CE,IAAYJ,IAAYJ,IAAaA,IAAa,GAClDS,IAAeF,IAAeP,IAAaM,IAAeN,IAAaQ,IAAYF;AAElF,WAAA;AAAA;AAAA;AAAA,gBAGKE,CAAS;AAAA,gBACTC,CAAY;AAAA;AAAA;AAAA,EAAA;AAK1B,WAASC,EAASP,GAAiB;AACjC,UAAM,EAAE,YAAAQ,GAAY,aAAAC,GAAa,aAAAC,EAAgB,IAAAV;AAI7C,QAAA,EAFcS,IAAcC,MAEd,CAACZ;AACV,aAAA;AAGH,UAAAa,IAAcF,IAAcD,IAAaE,GACzCE,IAAaJ,IAAaV,IAAYA,IAAY,GAClDe,IAAcF,IAAcb,IAAYY,IAAcZ,IAAYc,IAAaF;AAE9E,WAAA;AAAA;AAAA;AAAA,gBAGKE,CAAU;AAAA,gBACVC,CAAW;AAAA;AAAA;AAAA,EAAA;AAKzB,WAASC,IAAS;AAChB,UAAMd,IAAKJ,EAAI;AAEf,QAAI,CAACI;AACH;AAGF,UAAMe,IAAQ,CAAChB,EAASC,CAAE,GAAGO,EAASP,CAAE,CAAC,EAAE,OAAO,CAACgB,MAAMA,MAAM,IAAI;AACnE,IAAAhB,EAAG,MAAM,YAAY,sBAAsBe,EAAM,KAAK,GAAG,CAAC,GAC1Df,EAAG,MAAM,YAAY,cAAce,EAAM,KAAK,GAAG,CAAC,GAC9CA,EAAM,SAAS,MACdf,EAAA,MAAM,YAAY,0BAA0B,WAAW,GACvDA,EAAA,MAAM,YAAY,kBAAkB,WAAW;AAAA,EACpD;AAGI,QAAAiB,IAASC,EAAYJ,CAAM;AAEjC,EAAAK,EAAUL,CAAM,GACCM,EAAA,QAAQ,UAAUH,GAAQ,EAAI,GAC9BG,EAAA,QAAQ,UAAUH,GAAQ,EAAI;AACjD;"}
+{"version":3,"file":"useScroll.js","sources":["../../src/composition/useScroll.ts"],"sourcesContent":["import { type Ref, onMounted } from 'vue';\nimport { useEventListener } from './useEventListener';\nimport { requestTick } from '../helpers/utils';\n\nexport function useScroll($el: Ref<HTMLElement | undefined>, fadeHeight: number | null = null, fadeWidth: number | null = null) {\n  function getYMask(el: HTMLElement) {\n    const { scrollTop, scrollHeight, clientHeight } = el;\n\n    const hasScroll = scrollHeight > clientHeight;\n\n    if (!hasScroll || !fadeHeight) {\n      return null;\n    }\n\n    const scrollBottom = scrollHeight - scrollTop - clientHeight;\n    const offsetTop = scrollTop > fadeHeight ? fadeHeight : 0;\n    const offsetBottom = scrollBottom > fadeHeight ? clientHeight - fadeHeight - offsetTop : clientHeight;\n\n    return `linear-gradient(\n        to bottom,\n        transparent,\n        black ${offsetTop}px,\n        black ${offsetBottom}px,\n        transparent 100%\n      )`;\n  }\n\n  function getXMask(el: HTMLElement) {\n    const { scrollLeft, scrollWidth, clientWidth } = el;\n\n    const hasScroll = scrollWidth > clientWidth;\n\n    if (!hasScroll || !fadeWidth) {\n      return null;\n    }\n\n    const scrollRight = scrollWidth - scrollLeft - clientWidth;\n    const offsetLeft = scrollLeft > fadeWidth ? fadeWidth : 0;\n    const offsetRight = scrollRight > fadeWidth ? clientWidth - fadeWidth - offsetLeft : clientWidth;\n\n    return `linear-gradient(\n        to right,\n        transparent,\n        black ${offsetLeft}px,\n        black ${offsetRight}px,\n        transparent 100%\n      )`;\n  }\n\n  function update() {\n    const el = $el.value;\n\n    if (!el) {\n      return;\n    }\n\n    const masks = [getYMask(el), getXMask(el)].filter((m) => m !== null);\n    el.style.setProperty('-webkit-mask-image', masks.join(','));\n    el.style.setProperty('mask-image', masks.join(','));\n    if (masks.length > 1) {\n      el.style.setProperty('-webkit-mask-composite', 'source-in');\n      el.style.setProperty('mask-composite', 'source-in');\n    }\n  }\n\n  const handle = requestTick(update);\n\n  onMounted(update);\n  useEventListener(window, 'scroll', handle, true);\n  useEventListener(window, 'resize', handle, true);\n}\n"],"names":["useScroll","$el","fadeHeight","fadeWidth","getYMask","el","scrollTop","scrollHeight","clientHeight","scrollBottom","offsetTop","offsetBottom","getXMask","scrollLeft","scrollWidth","clientWidth","scrollRight","offsetLeft","offsetRight","update","masks","m","handle","requestTick","onMounted","useEventListener"],"mappings":";;;AAIO,SAASA,EAAUC,GAAmCC,IAA4B,MAAMC,IAA2B,MAAM;AAC9H,WAASC,EAASC,GAAiB;AACjC,UAAM,EAAE,WAAAC,GAAW,cAAAC,GAAc,cAAAC,EAAA,IAAiBH;AAIlD,QAAI,EAFcE,IAAeC,MAEf,CAACN;AACjB,aAAO;AAGT,UAAMO,IAAeF,IAAeD,IAAYE,GAC1CE,IAAYJ,IAAYJ,IAAaA,IAAa,GAClDS,IAAeF,IAAeP,IAAaM,IAAeN,IAAaQ,IAAYF;AAEzF,WAAO;AAAA;AAAA;AAAA,gBAGKE,CAAS;AAAA,gBACTC,CAAY;AAAA;AAAA;AAAA,EAG1B;AAEA,WAASC,EAASP,GAAiB;AACjC,UAAM,EAAE,YAAAQ,GAAY,aAAAC,GAAa,aAAAC,EAAA,IAAgBV;AAIjD,QAAI,EAFcS,IAAcC,MAEd,CAACZ;AACjB,aAAO;AAGT,UAAMa,IAAcF,IAAcD,IAAaE,GACzCE,IAAaJ,IAAaV,IAAYA,IAAY,GAClDe,IAAcF,IAAcb,IAAYY,IAAcZ,IAAYc,IAAaF;AAErF,WAAO;AAAA;AAAA;AAAA,gBAGKE,CAAU;AAAA,gBACVC,CAAW;AAAA;AAAA;AAAA,EAGzB;AAEA,WAASC,IAAS;AAChB,UAAMd,IAAKJ,EAAI;AAEf,QAAI,CAACI;AACH;AAGF,UAAMe,IAAQ,CAAChB,EAASC,CAAE,GAAGO,EAASP,CAAE,CAAC,EAAE,OAAO,CAACgB,MAAMA,MAAM,IAAI;AACnE,IAAAhB,EAAG,MAAM,YAAY,sBAAsBe,EAAM,KAAK,GAAG,CAAC,GAC1Df,EAAG,MAAM,YAAY,cAAce,EAAM,KAAK,GAAG,CAAC,GAC9CA,EAAM,SAAS,MACjBf,EAAG,MAAM,YAAY,0BAA0B,WAAW,GAC1DA,EAAG,MAAM,YAAY,kBAAkB,WAAW;AAAA,EAEtD;AAEA,QAAMiB,IAASC,EAAYJ,CAAM;AAEjC,EAAAK,EAAUL,CAAM,GAChBM,EAAiB,QAAQ,UAAUH,GAAQ,EAAI,GAC/CG,EAAiB,QAAQ,UAAUH,GAAQ,EAAI;AACjD;"}

package/dist/composition/useSliderBreakpoints.d.ts

@@ -4,4 +4,3 @@ export declare const useSliderBreakpoints: (props: ComputedRef<{
     max: number;
     step: number;
 }>) => ComputedRef<number[]>;
-//# sourceMappingURL=useSliderBreakpoints.d.ts.map

package/dist/composition/useSliderBreakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSliderBreakpoints.js","sources":["../../src/composition/useSliderBreakpoints.ts"],"sourcesContent":["import { clamp } from '../helpers/math';\nimport type { ComputedRef } from 'vue';\nimport { computed } from 'vue';\nexport const useSliderBreakpoints = (props: ComputedRef<{ min: number; max: number; step: number }>) => {\n  return computed(() => {\n    const result: number[] = [100];\n    const { min, max, step } = props.value;\n    let start = min;\n    while (start < max) {\n      start += step;\n      const posValue = (clamp(start, min, max) - min) / (max - min);\n      const percent = (1 - posValue) * 100;\n      result.push(percent);\n    }\n    return result;\n  });\n};\n"],"names":["useSliderBreakpoints","props","computed","result","min","max","step","start","percent","clamp"],"mappings":";;AAGa,MAAAA,IAAuB,CAACC,MAC5BC,EAAS,MAAM;AACd,QAAAC,IAAmB,CAAC,GAAG,GACvB,EAAE,KAAAC,GAAK,KAAAC,GAAK,MAAAC,MAASL,EAAM;AACjC,MAAIM,IAAQH;AACZ,SAAOG,IAAQF,KAAK;AACT,IAAAE,KAAAD;AAEH,UAAAE,KAAW,KADCC,EAAMF,GAAOH,GAAKC,CAAG,IAAID,MAAQC,IAAMD,MACxB;AACjC,IAAAD,EAAO,KAAKK,CAAO;AAAA,EAAA;AAEd,SAAAL;AAAA,CACR;"}
+{"version":3,"file":"useSliderBreakpoints.js","sources":["../../src/composition/useSliderBreakpoints.ts"],"sourcesContent":["import { clamp } from '../helpers/math';\nimport type { ComputedRef } from 'vue';\nimport { computed } from 'vue';\nexport const useSliderBreakpoints = (props: ComputedRef<{ min: number; max: number; step: number }>) => {\n  return computed(() => {\n    const result: number[] = [100];\n    const { min, max, step } = props.value;\n    let start = min;\n    while (start < max) {\n      start += step;\n      const posValue = (clamp(start, min, max) - min) / (max - min);\n      const percent = (1 - posValue) * 100;\n      result.push(percent);\n    }\n    return result;\n  });\n};\n"],"names":["useSliderBreakpoints","props","computed","result","min","max","step","start","percent","clamp"],"mappings":";;AAGO,MAAMA,IAAuB,CAACC,MAC5BC,EAAS,MAAM;AACpB,QAAMC,IAAmB,CAAC,GAAG,GACvB,EAAE,KAAAC,GAAK,KAAAC,GAAK,MAAAC,EAAA,IAASL,EAAM;AACjC,MAAIM,IAAQH;AACZ,SAAOG,IAAQF,KAAK;AAClB,IAAAE,KAASD;AAET,UAAME,KAAW,KADCC,EAAMF,GAAOH,GAAKC,CAAG,IAAID,MAAQC,IAAMD,MACxB;AACjC,IAAAD,EAAO,KAAKK,CAAO;AAAA,EACrB;AACA,SAAOL;AACT,CAAC;"}

package/dist/composition/useSortable.d.ts

@@ -7,4 +7,3 @@ export type SortableSettings = {
     transitionDelay?: string;
 };
 export declare function useSortable(listRef: Ref<HTMLElement | undefined>, settings: SortableSettings): void;
-//# sourceMappingURL=useSortable.d.ts.map

package/dist/composition/useSortable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSortable.js","sources":["../../src/composition/useSortable.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { computed, watchEffect } from 'vue';\nimport { useEventListener } from './useEventListener';\n\ntype SortableItem = {\n  el: HTMLElement;\n  y: number;\n  dy: number;\n  orderChanged: boolean;\n};\n\nexport type SortableSettings = {\n  onChange: (indices: number[]) => void;\n  handle?: string;\n  shakeBuffer?: number;\n  reorderDelay?: number;\n  transitionDelay?: string;\n};\n\nconst classes = {\n  item: 'sortable__item',\n  animate: 'sortable__animate',\n};\n\nconst getOffset = (el: HTMLElement) => {\n  return el.getBoundingClientRect().y;\n};\n\nconst getMiddle = (el: HTMLElement) => {\n  const { y, height } = el.getBoundingClientRect();\n  return y + Math.ceil(height / 2);\n};\n\nconst getBottom = (el: HTMLElement) => {\n  const { y, height } = el.getBoundingClientRect();\n  return y + height;\n};\n\nexport function useSortable(listRef: Ref<HTMLElement | undefined>, settings: SortableSettings) {\n  const state = {\n    item: undefined as SortableItem | undefined,\n    options() {\n      return [...(listRef.value?.children ?? [])] as HTMLElement[];\n    },\n  };\n\n  const optionsRef = computed(() => {\n    return state.options();\n  });\n\n  const shakeBuffer = settings.shakeBuffer ?? 10;\n\n  const reorderDelay = settings.reorderDelay ?? 100;\n\n  function mouseDown(this: HTMLElement, e: { y: number; target: EventTarget | null }) {\n    const handle = settings.handle ? this.querySelector(settings.handle) : null;\n\n    if (!handle) {\n      return;\n    }\n\n    if (handle && !handle.contains(e.target as HTMLElement)) {\n      return;\n    }\n\n    this.classList.remove(classes.animate);\n    this.classList.add(classes.item);\n\n    state.item = {\n      el: this,\n      y: e.y,\n      dy: 0,\n      orderChanged: false,\n    };\n  }\n\n  function elementsBefore(el: HTMLElement) {\n    const options = state.options();\n    return options.slice(0, options.indexOf(el));\n  }\n\n  function elementsAfter(el: HTMLElement) {\n    const children = state.options();\n    return children.slice(children.indexOf(el) + 1);\n  }\n\n  function insertBefore(before: HTMLElement, el: HTMLElement) {\n    const children = state.options().filter((e) => e !== el);\n    const index = children.indexOf(before);\n    children.splice(index, 0, el);\n    return children;\n  }\n\n  function insertAfter(after: HTMLElement, el: HTMLElement) {\n    const children = state.options().filter((e) => e !== el);\n    const index = children.indexOf(after);\n    children.splice(index + 1, 0, el);\n    return children;\n  }\n\n  function updatePosition(item: SortableItem, y: number) {\n    item.dy = y - item.y;\n    item.el.style.setProperty('transform', `translateY(${item.dy}px)`);\n  }\n\n  function changeOrder(reordered: HTMLElement[]) {\n    if (!state.item) {\n      return;\n    }\n\n    const { el } = state.item;\n\n    if (!el.isConnected) {\n      state.item = undefined;\n      return;\n    }\n\n    const oldPositions = reordered.map((e) => getOffset(e));\n\n    const y1 = getOffset(el);\n    listRef.value?.replaceChildren(...reordered);\n    const y2 = getOffset(el);\n\n    const newPositions = reordered.map((e) => getOffset(e));\n\n    const toAnimate: HTMLElement[] = [];\n\n    for (let i = 0; i < newPositions.length; i++) {\n      const option = reordered[i];\n\n      if (option === state.item.el) {\n        continue;\n      }\n\n      const newY = newPositions[i];\n\n      const oldY = oldPositions[i];\n\n      const invert = oldY - newY;\n\n      option.style.transform = `translateY(${invert}px)`;\n\n      toAnimate.push(option);\n    }\n\n    const dy = y2 - y1;\n\n    state.item.y = state.item.y + dy;\n    state.item.dy = state.item.dy - dy;\n    state.item.orderChanged = true;\n    state.item.el.style.setProperty('transform', `translateY(${state.item.dy}px)`);\n\n    toAnimate.forEach((o) => o.classList.remove(classes.animate));\n\n    requestAnimationFrame(function () {\n      toAnimate.forEach((option) => {\n        option.classList.add(classes.animate);\n        option.style.transform = '';\n        option.addEventListener('transitionend', () => {\n          option.classList.remove(classes.animate);\n        });\n      });\n    });\n  }\n\n  useEventListener(window, 'mousemove', (e: { y: number }) => {\n    if (!state.item) {\n      return;\n    }\n\n    const { el } = state.item;\n\n    updatePosition(state.item, e.y);\n\n    const upper = getOffset(state.item.el);\n    const bottom = getBottom(state.item.el);\n\n    const before = elementsBefore(el);\n    const after = elementsAfter(el);\n\n    before.forEach((e) => {\n      const y = getMiddle(e);\n\n      if (upper + shakeBuffer < y) {\n        changeOrder(insertBefore(e, el));\n      }\n    });\n\n    after.forEach((e) => {\n      const y = getMiddle(e);\n\n      if (bottom - shakeBuffer > y) {\n        changeOrder(insertAfter(e, el));\n      }\n    });\n  });\n\n  useEventListener(window, 'mouseup', () => {\n    if (!state.item) {\n      return;\n    }\n\n    const { el, orderChanged } = state.item;\n\n    el.classList.add(classes.animate);\n    el.style.removeProperty('transform');\n\n    el.addEventListener('transitionend', () => {\n      el.classList.remove(classes.animate, classes.item);\n    });\n\n    setTimeout(() => {\n      if (!orderChanged) {\n        return;\n      }\n\n      const newIndices = state.options().map((o) => Number(o.getAttribute('data-index')));\n\n      const list = listRef.value;\n\n      if (list) {\n        for (const child of state.options()) {\n          list.removeChild(child);\n        }\n\n        optionsRef.value.forEach((child) => {\n          list.appendChild(child);\n        });\n      }\n\n      settings.onChange(newIndices);\n    }, reorderDelay);\n\n    state.item = undefined;\n  });\n\n  watchEffect(() => {\n    optionsRef.value.forEach((child, i) => {\n      child.removeEventListener('mousedown', mouseDown);\n      child.addEventListener('mousedown', mouseDown);\n      child.setAttribute('data-index', String(i));\n    });\n  });\n}\n"],"names":["classes","getOffset","el","getMiddle","y","height","getBottom","useSortable","listRef","settings","state","_a","optionsRef","computed","shakeBuffer","reorderDelay","mouseDown","e","handle","elementsBefore","options","elementsAfter","children","insertBefore","before","index","insertAfter","after","updatePosition","item","changeOrder","reordered","oldPositions","y1","y2","newPositions","toAnimate","i","option","newY","invert","dy","useEventListener","upper","bottom","orderChanged","newIndices","o","list","child","watchEffect"],"mappings":"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"}
+{"version":3,"file":"useSortable.js","sources":["../../src/composition/useSortable.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { computed, watchEffect } from 'vue';\nimport { useEventListener } from './useEventListener';\n\ntype SortableItem = {\n  el: HTMLElement;\n  y: number;\n  dy: number;\n  orderChanged: boolean;\n};\n\nexport type SortableSettings = {\n  onChange: (indices: number[]) => void;\n  handle?: string;\n  shakeBuffer?: number;\n  reorderDelay?: number;\n  transitionDelay?: string;\n};\n\nconst classes = {\n  item: 'sortable__item',\n  animate: 'sortable__animate',\n};\n\nconst getOffset = (el: HTMLElement) => {\n  return el.getBoundingClientRect().y;\n};\n\nconst getMiddle = (el: HTMLElement) => {\n  const { y, height } = el.getBoundingClientRect();\n  return y + Math.ceil(height / 2);\n};\n\nconst getBottom = (el: HTMLElement) => {\n  const { y, height } = el.getBoundingClientRect();\n  return y + height;\n};\n\nexport function useSortable(listRef: Ref<HTMLElement | undefined>, settings: SortableSettings) {\n  const state = {\n    item: undefined as SortableItem | undefined,\n    options() {\n      return [...(listRef.value?.children ?? [])] as HTMLElement[];\n    },\n  };\n\n  const optionsRef = computed(() => {\n    return state.options();\n  });\n\n  const shakeBuffer = settings.shakeBuffer ?? 10;\n\n  const reorderDelay = settings.reorderDelay ?? 100;\n\n  function mouseDown(this: HTMLElement, e: { y: number; target: EventTarget | null }) {\n    const handle = settings.handle ? this.querySelector(settings.handle) : null;\n\n    if (!handle) {\n      return;\n    }\n\n    if (handle && !handle.contains(e.target as HTMLElement)) {\n      return;\n    }\n\n    this.classList.remove(classes.animate);\n    this.classList.add(classes.item);\n\n    state.item = {\n      el: this,\n      y: e.y,\n      dy: 0,\n      orderChanged: false,\n    };\n  }\n\n  function elementsBefore(el: HTMLElement) {\n    const options = state.options();\n    return options.slice(0, options.indexOf(el));\n  }\n\n  function elementsAfter(el: HTMLElement) {\n    const children = state.options();\n    return children.slice(children.indexOf(el) + 1);\n  }\n\n  function insertBefore(before: HTMLElement, el: HTMLElement) {\n    const children = state.options().filter((e) => e !== el);\n    const index = children.indexOf(before);\n    children.splice(index, 0, el);\n    return children;\n  }\n\n  function insertAfter(after: HTMLElement, el: HTMLElement) {\n    const children = state.options().filter((e) => e !== el);\n    const index = children.indexOf(after);\n    children.splice(index + 1, 0, el);\n    return children;\n  }\n\n  function updatePosition(item: SortableItem, y: number) {\n    item.dy = y - item.y;\n    item.el.style.setProperty('transform', `translateY(${item.dy}px)`);\n  }\n\n  function changeOrder(reordered: HTMLElement[]) {\n    if (!state.item) {\n      return;\n    }\n\n    const { el } = state.item;\n\n    if (!el.isConnected) {\n      state.item = undefined;\n      return;\n    }\n\n    const oldPositions = reordered.map((e) => getOffset(e));\n\n    const y1 = getOffset(el);\n    listRef.value?.replaceChildren(...reordered);\n    const y2 = getOffset(el);\n\n    const newPositions = reordered.map((e) => getOffset(e));\n\n    const toAnimate: HTMLElement[] = [];\n\n    for (let i = 0; i < newPositions.length; i++) {\n      const option = reordered[i];\n\n      if (option === state.item.el) {\n        continue;\n      }\n\n      const newY = newPositions[i];\n\n      const oldY = oldPositions[i];\n\n      const invert = oldY - newY;\n\n      option.style.transform = `translateY(${invert}px)`;\n\n      toAnimate.push(option);\n    }\n\n    const dy = y2 - y1;\n\n    state.item.y = state.item.y + dy;\n    state.item.dy = state.item.dy - dy;\n    state.item.orderChanged = true;\n    state.item.el.style.setProperty('transform', `translateY(${state.item.dy}px)`);\n\n    toAnimate.forEach((o) => o.classList.remove(classes.animate));\n\n    requestAnimationFrame(function () {\n      toAnimate.forEach((option) => {\n        option.classList.add(classes.animate);\n        option.style.transform = '';\n        option.addEventListener('transitionend', () => {\n          option.classList.remove(classes.animate);\n        });\n      });\n    });\n  }\n\n  useEventListener(window, 'mousemove', (e: { y: number }) => {\n    if (!state.item) {\n      return;\n    }\n\n    const { el } = state.item;\n\n    updatePosition(state.item, e.y);\n\n    const upper = getOffset(state.item.el);\n    const bottom = getBottom(state.item.el);\n\n    const before = elementsBefore(el);\n    const after = elementsAfter(el);\n\n    before.forEach((e) => {\n      const y = getMiddle(e);\n\n      if (upper + shakeBuffer < y) {\n        changeOrder(insertBefore(e, el));\n      }\n    });\n\n    after.forEach((e) => {\n      const y = getMiddle(e);\n\n      if (bottom - shakeBuffer > y) {\n        changeOrder(insertAfter(e, el));\n      }\n    });\n  });\n\n  useEventListener(window, 'mouseup', () => {\n    if (!state.item) {\n      return;\n    }\n\n    const { el, orderChanged } = state.item;\n\n    el.classList.add(classes.animate);\n    el.style.removeProperty('transform');\n\n    el.addEventListener('transitionend', () => {\n      el.classList.remove(classes.animate, classes.item);\n    });\n\n    setTimeout(() => {\n      if (!orderChanged) {\n        return;\n      }\n\n      const newIndices = state.options().map((o) => Number(o.getAttribute('data-index')));\n\n      const list = listRef.value;\n\n      if (list) {\n        for (const child of state.options()) {\n          list.removeChild(child);\n        }\n\n        optionsRef.value.forEach((child) => {\n          list.appendChild(child);\n        });\n      }\n\n      settings.onChange(newIndices);\n    }, reorderDelay);\n\n    state.item = undefined;\n  });\n\n  watchEffect(() => {\n    optionsRef.value.forEach((child, i) => {\n      child.removeEventListener('mousedown', mouseDown);\n      child.addEventListener('mousedown', mouseDown);\n      child.setAttribute('data-index', String(i));\n    });\n  });\n}\n"],"names":["classes","getOffset","el","getMiddle","y","height","getBottom","useSortable","listRef","settings","state","_a","optionsRef","computed","shakeBuffer","reorderDelay","mouseDown","e","handle","elementsBefore","options","elementsAfter","children","insertBefore","before","index","insertAfter","after","updatePosition","item","changeOrder","reordered","oldPositions","y1","y2","newPositions","toAnimate","i","option","newY","invert","dy","useEventListener","upper","bottom","orderChanged","newIndices","o","list","child","watchEffect"],"mappings":"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"}

package/dist/composition/useSortable2.d.ts

@@ -16,4 +16,3 @@ export type SortableSettings = {
  * - Merge the current implementation with useScrollable to eliminate code duplication and create a unified scrolling solution.
  */
 export declare function useSortable2(listRef: Ref<HTMLElement | undefined>, settings: SortableSettings): void;
-//# sourceMappingURL=useSortable2.d.ts.map