@milaboratories/uikit 2.2.90 → 2.2.91

package/dist/components/contextMenu/Menu.vue.js

@@ -0,0 +1,9 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.context-menu[data-v-12530966]{display:block;position:absolute;top:50px;left:50px;z-index:var(--z-context-menu);margin:0;padding:3px 0 4px;background:#fffffff2;box-shadow:0 8px 15px #00000059;border-radius:4px;font-family:Lucida Grande,sans-serif;font-size:14px;line-height:15px}.context-menu[data-v-12530966]:before{display:block;position:absolute;content:"";top:-1px;left:-1px;bottom:-1px;right:-1px;border-radius:4px;border:1px solid rgba(0,0,0,.125);z-index:-1}.context-menu hr[data-v-12530966]{border:none;height:1px;background:#0000001a;margin:6px 1px 5px;padding:0}.context-menu>div[data-v-12530966]{display:block;padding:0 20px;border-top:1px solid rgba(0,0,0,0);border-bottom:1px solid rgba(0,0,0,0)}.context-menu>div span[data-v-12530966]{vertical-align:2px;-webkit-user-select:none;user-select:none}.context-menu>div[data-v-12530966]:hover{background:-webkit-linear-gradient(top,#648bf5,#2866f2);background:linear-gradient(to bottom,#648bf5,#2866f2);border-top:1px solid #5a82eb;border-bottom:1px solid #1758e7}.context-menu>div[data-v-12530966]:hover:after{color:#fff}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import o from "./Menu.vue2.js";
+
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-12530966"]]);
+export {
+  _ as default
+};
+//# sourceMappingURL=Menu.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,25 @@
+import { defineComponent as l, createElementBlock as t, openBlock as n, Fragment as p, renderList as m, withModifiers as a, createElementVNode as _, toDisplayString as u } from "vue";
+const d = { class: "context-menu" }, k = ["onClick"], x = /* @__PURE__ */ l({
+  __name: "Menu",
+  props: {
+    options: {}
+  },
+  emits: ["close"],
+  setup(f, { emit: s }) {
+    const i = s, c = (e) => {
+      e.cb(), i("close");
+    };
+    return (e, h) => (n(), t("div", d, [
+      (n(!0), t(p, null, m(e.options, (o, r) => (n(), t("div", {
+        key: r,
+        onClick: a((C) => c(o), ["stop"])
+      }, [
+        _("span", null, u(o.text), 1)
+      ], 8, k))), 128))
+    ]));
+  }
+});
+export {
+  x as default
+};
+//# sourceMappingURL=Menu.vue2.js.map

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

@@ -0,0 +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;;;;;;;;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/contextMenu/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,eAAe,CAAC,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,aAAa,EAAE,cA4BhF"}

package/dist/components/contextMenu/index.js

@@ -0,0 +1,22 @@
+import d from "./Menu.vue.js";
+import { h as s, render as r } from "vue";
+function m(t, c) {
+  t.preventDefault();
+  const e = () => {
+    r(null, document.body);
+  }, o = s(d, {
+    options: c,
+    onClose: () => {
+      e();
+    }
+  });
+  r(o, document.body);
+  const n = o.el;
+  return n.style.top = t.clientY + "px", n.style.left = t.clientX + "px", document.addEventListener("click", (l) => {
+    n.contains(l.target) || e();
+  }), e;
+}
+export {
+  m as showContextMenu
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/contextMenu/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,IAAI,CAAC;CAChB,CAAC"}

package/dist/composition/useClickOutside.d.ts

@@ -0,0 +1,5 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.d.ts","sourceRoot":"","sources":["../../src/composition/useClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI/B,KAAK,OAAO,GAAG,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;AAE5C,wBAAgB,eAAe,CAAC,EAAE,EAAE,OAAO,GAAG,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,IAAI,QAatE"}

package/dist/composition/useClickOutside.js

@@ -0,0 +1,13 @@
+import { useEventListener as n } from "./useEventListener.js";
+import { flatValue as r } from "../helpers/functions.js";
+function c(i, o) {
+  n(document, "click", (e) => {
+    if (!document.contains(e.target))
+      return;
+    r(i).map((t) => t.value).filter((t) => !!t).some((t) => t == null ? void 0 : t.contains(e.target)) || o();
+  });
+}
+export {
+  c as useClickOutside
+};
+//# sourceMappingURL=useClickOutside.js.map

package/dist/composition/useClickOutside.js.map

@@ -0,0 +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;"}

package/dist/composition/useComponentProp.d.ts

@@ -0,0 +1,34 @@
+import { InferComponentProps } from '../types';
+import { Component, ComputedRef } from 'vue';
+/**
+ * A utility function that creates a reactive computed property
+ * based on a specific prop of a Vue component.
+ *
+ *
+ * @template C - The Vue component type.
+ * @template P - The prop name.
+ *
+ * @param cb - A factory function that returns the value of the prop from the inferred component props.
+ *
+ * @returns A `ComputedRef` of the specified prop
+ *
+ * @example
+ * ```ts
+ * import { ref, defineComponent } from 'vue';
+ * import { useComponentProp } from '@platforma-sdk/ui-vue';
+ *
+ * const MyComponent = defineComponent({
+ *   props: {
+ *     myProp: {
+ *       type: String,
+ *       required: true
+ *     }
+ *   }
+ * });
+ *
+ * const propValue = useComponentProp<typeof MyComponent, 'myProp'>(() => 'example');
+ * console.log(propValue.value); // Outputs: 'example'
+ * ```
+ */
+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/useComponentProp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentProp.d.ts","sourceRoot":"","sources":["../../src/composition/useComponentProp.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAY,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,KAAK,CAAC;AAEjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,SAAS,EAAE,CAAC,SAAS,MAAM,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAEzK"}

package/dist/composition/useComponentProp.js

@@ -0,0 +1,8 @@
+import { computed as r } from "vue";
+function e(o) {
+  return r(o);
+}
+export {
+  e as useComponentProp
+};
+//# sourceMappingURL=useComponentProp.js.map

package/dist/composition/useComponentProp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentProp.js","sources":["../../src/composition/useComponentProp.ts"],"sourcesContent":["import type { InferComponentProps } from '../types';\nimport { computed, type Component, type ComputedRef } from 'vue';\n\n/**\n * A utility function that creates a reactive computed property\n * based on a specific prop of a Vue component.\n *\n *\n * @template C - The Vue component type.\n * @template P - The prop name.\n *\n * @param cb - A factory function that returns the value of the prop from the inferred component props.\n *\n * @returns A `ComputedRef` of the specified prop\n *\n * @example\n * ```ts\n * import { ref, defineComponent } from 'vue';\n * import { useComponentProp } from '@platforma-sdk/ui-vue';\n *\n * const MyComponent = defineComponent({\n *   props: {\n *     myProp: {\n *       type: String,\n *       required: true\n *     }\n *   }\n * });\n *\n * const propValue = useComponentProp<typeof MyComponent, 'myProp'>(() => 'example');\n * console.log(propValue.value); // Outputs: 'example'\n * ```\n */\nexport function useComponentProp<C extends Component, P extends keyof InferComponentProps<C>>(cb: () => InferComponentProps<C>[P]): ComputedRef<InferComponentProps<C>[P]> {\n  return computed(cb);\n}\n"],"names":["useComponentProp","cb","computed"],"mappings":";AAiCO,SAASA,EAA8EC,GAA6E;AACzK,SAAOC,EAASD,CAAE;AACpB;"}

package/dist/composition/useDraggable.d.ts

@@ -0,0 +1,3 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggable.d.ts","sourceRoot":"","sources":["../../src/composition/useDraggable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAQzC,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,UAAU,KAAK,IAAI,QAiD/G"}

package/dist/composition/useDraggable.js

@@ -0,0 +1,36 @@
+import { onMounted as c, onUnmounted as v, unref as r } from "vue";
+function y(o, i) {
+  function u(e, t) {
+    const n = r(o);
+    if (!n)
+      return;
+    const d = `translate(${t.x - e.x}px, ${t.y - e.y}px)`;
+    n.style.setProperty("transform", d), i(t);
+  }
+  function s(e) {
+    const t = (n) => u(e, n);
+    document.addEventListener("mousemove", t), document.addEventListener(
+      "mouseup",
+      () => {
+        const n = r(o);
+        document.removeEventListener("mousemove", t), n && (n.style.setProperty("transition", "all .3s ease-in-out"), n.style.removeProperty("transform"), n.addEventListener("transitionend", () => {
+          n.style.removeProperty("transition");
+        }));
+      },
+      { once: !0 }
+    );
+  }
+  function m() {
+    var e;
+    (e = r(o)) == null || e.addEventListener("mousedown", s);
+  }
+  function a() {
+    var e;
+    (e = r(o)) == null || e.removeEventListener("mousedown", s);
+  }
+  c(m), v(a);
+}
+export {
+  y as useDraggable
+};
+//# sourceMappingURL=useDraggable.js.map

package/dist/composition/useDraggable.js.map

@@ -0,0 +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;"}

package/dist/composition/useEventListener.d.ts

@@ -0,0 +1,7 @@
+import { MaybeRef } from '../types';
+type EventMap = WindowEventMap & HTMLElementEventMap & {
+    adjust: Event;
+};
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventListener.d.ts","sourceRoot":"","sources":["../../src/composition/useEventListener.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,KAAK,QAAQ,GAAG,cAAc,GAAG,mBAAmB,GAAG;IAAE,MAAM,EAAE,KAAK,CAAA;CAAE,CAAC;AAEzE,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,QAAQ,EACrG,MAAM,EAAE,QAAQ,CAAC,CAAC,GAAG,SAAS,CAAC,EAC/B,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,KAAK,IAAI,EACnC,OAAO,CAAC,EAAE,uBAAuB,GAAG,OAAO,QAI5C"}

package/dist/composition/useEventListener.js

@@ -0,0 +1,14 @@
+import { onMounted as d, unref as u, onUnmounted as i } from "vue";
+function v(n, o, r, t) {
+  d(() => {
+    var e;
+    return (e = u(n)) == null ? void 0 : e.addEventListener(o, r, t);
+  }), i(() => {
+    var e;
+    return (e = u(n)) == null ? void 0 : e.removeEventListener(o, r, t);
+  });
+}
+export {
+  v as useEventListener
+};
+//# sourceMappingURL=useEventListener.js.map

package/dist/composition/useEventListener.js.map

@@ -0,0 +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;"}

package/dist/composition/useFilteredList.d.ts

@@ -0,0 +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

package/dist/composition/useFilteredList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilteredList.d.ts","sourceRoot":"","sources":["../../src/composition/useFilteredList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAGjE,wBAAgB,eAAe,CAAC,CAAC,GAAG,OAAO,EAAE,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,CAUhJ"}

package/dist/composition/useFilteredList.js

@@ -0,0 +1,12 @@
+import { computed as i } from "vue";
+import { normalizeListOptions as n } from "../helpers/utils.js";
+function s(o, e) {
+  return i(() => {
+    const t = n(o.value);
+    return e.value ? t.filter((r) => r.label.toLowerCase().includes(e.value.toLowerCase())) : t;
+  });
+}
+export {
+  s as useFilteredList
+};
+//# sourceMappingURL=useFilteredList.js.map

package/dist/composition/useFilteredList.js.map

@@ -0,0 +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;"}

package/dist/composition/useFormState.d.ts

@@ -0,0 +1,6 @@
+import { Ref, UnwrapRef } from 'vue';
+export declare function useFormState<Source, D extends Record<string, unknown>>(source: Ref<Source>, fromSource: (source: Source) => D, update: (data: UnwrapRef<D>) => void): {
+    data: UnwrapRef<D>;
+    changed: boolean;
+};
+//# sourceMappingURL=useFormState.d.ts.map

package/dist/composition/useFormState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormState.d.ts","sourceRoot":"","sources":["../../src/composition/useFormState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAI1C,wBAAgB,YAAY,CAAC,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACpE,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,EACnB,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,CAAC,EACjC,MAAM,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI;UAG5B,SAAS,CAAC,CAAC,CAAC;aACT,OAAO;EA8BnB"}

package/dist/composition/useFormState.js

@@ -0,0 +1,28 @@
+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({
+    data: a.deepClone(n(d.value)),
+    changed: !1
+  });
+  return r(
+    () => e.data,
+    (t) => {
+      e.changed ? o(a.deepClone(t)) : e.changed = !0;
+    },
+    { deep: !0 }
+  ), r(
+    d,
+    (t) => {
+      Object.assign(e, {
+        data: a.deepClone(n(t)),
+        changed: !1
+      });
+    },
+    { deep: !0, immediate: !0 }
+  ), e;
+}
+export {
+  p as useFormState
+};
+//# sourceMappingURL=useFormState.js.map

package/dist/composition/useFormState.js.map

@@ -0,0 +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;"}

package/dist/composition/useHover.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+import { MaybeRef } from '../types';
+export interface UseElementHoverOptions {
+    delayEnter?: number;
+    delayLeave?: number;
+}
+export declare function useHover(el: MaybeRef<EventTarget | undefined>, options?: UseElementHoverOptions): Ref<boolean>;
+//# sourceMappingURL=useHover.d.ts.map

package/dist/composition/useHover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHover.d.ts","sourceRoot":"","sources":["../../src/composition/useHover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,WAAW,sBAAsB;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC,EAAE,OAAO,GAAE,sBAA2B,GAAG,GAAG,CAAC,OAAO,CAAC,CAwBlH"}

package/dist/composition/useHover.js

@@ -0,0 +1,15 @@
+import { ref as m } from "vue";
+import { useEventListener as i } from "./useEventListener.js";
+function c(r, l = {}) {
+  const { delayEnter: a = 0, delayLeave: f = 0 } = l, e = m(!1);
+  let o;
+  const s = (t) => {
+    const u = t ? a : f;
+    o && (clearTimeout(o), o = void 0), u ? o = setTimeout(() => e.value = t, u) : e.value = t;
+  };
+  return window && (i(r, "mouseenter", () => s(!0)), i(r, "mouseleave", () => s(!1))), e;
+}
+export {
+  c as useHover
+};
+//# sourceMappingURL=useHover.js.map

package/dist/composition/useHover.js.map

@@ -0,0 +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;"}

package/dist/composition/useInterval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.d.ts","sourceRoot":"","sources":["../../src/composition/useInterval.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,IAAI,EAAE,EAAE,EAAE,MAAM,QAMzD"}

package/dist/composition/useInterval.js

@@ -0,0 +1,11 @@
+import { onMounted as o, onUnmounted as r } from "vue";
+function a(n, t) {
+  let e;
+  o(() => {
+    e = setInterval(n, t);
+  }), r(() => clearInterval(e));
+}
+export {
+  a as useInterval
+};
+//# sourceMappingURL=useInterval.js.map

package/dist/composition/useInterval.js.map

@@ -0,0 +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;"}

package/dist/composition/useLocalStorage.d.ts

@@ -0,0 +1,3 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../src/composition/useLocalStorage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAsB/B,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAAE,GAAG,EAAE,MAAM,2BAM5D"}

package/dist/composition/useLocalStorage.js

@@ -0,0 +1,17 @@
+import { watch as a, ref as l } from "vue";
+import { notEmpty as n } from "../lib/util/helpers/dist/index.js";
+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) {
+  e == null ? localStorage.removeItem(t) : localStorage.setItem(t, e);
+}
+function f(t) {
+  const e = c(t);
+  return a(e, (r) => s(t, r)), e;
+}
+export {
+  f as useLocalStorage
+};
+//# sourceMappingURL=useLocalStorage.js.map

package/dist/composition/useLocalStorage.js.map

@@ -0,0 +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;"}

package/dist/composition/useMouse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMouse.d.ts","sourceRoot":"","sources":["../../src/composition/useMouse.ts"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ;;;EAevB"}

package/dist/composition/useMouse.js

@@ -0,0 +1,15 @@
+import { reactive as t, onMounted as u, onUnmounted as r } from "vue";
+function m() {
+  const e = t({
+    x: 0,
+    y: 0
+  });
+  function o(n) {
+    e.x = n.pageX, e.y = n.pageY;
+  }
+  return u(() => window.addEventListener("mousemove", o)), r(() => window.removeEventListener("mousemove", o)), e;
+}
+export {
+  m as useMouse
+};
+//# sourceMappingURL=useMouse.js.map

package/dist/composition/useMouse.js.map

@@ -0,0 +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;"}

package/dist/composition/useMouseCapture.d.ts

@@ -0,0 +1,16 @@
+import { MaybeRef } from '../types';
+type CustomEvent = {
+    x: number;
+    y: number;
+    dx: number;
+    dy: number;
+    stop?: boolean;
+};
+type CaptureState = {
+    el: HTMLElement | undefined;
+    x: number;
+    y: number;
+};
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMouseCapture.d.ts","sourceRoot":"","sources":["../../src/composition/useMouseCapture.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIzC,KAAK,WAAW,GAAG;IACjB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,EAAE,EAAE,WAAW,GAAG,SAAS,CAAC;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,KAAK,IAAI,QA8CxI"}

package/dist/composition/useMouseCapture.js

@@ -0,0 +1,31 @@
+import { unref as s } from "vue";
+import { useEventListener as e } from "./useEventListener.js";
+function p(u, r) {
+  const o = {
+    el: void 0,
+    x: 0,
+    y: 0
+  }, n = (t) => ({
+    x: t.x,
+    y: t.y,
+    dx: t.x - o.x,
+    dy: t.y - o.y
+  });
+  e(document, "mousedown", (t) => {
+    t.target === s(u) && (t.stopPropagation && t.stopPropagation(), t.preventDefault && t.preventDefault(), o.el = s(u), o.x = t.x, o.y = t.y);
+  }), e(document, "mouseup", (t) => {
+    o.el && (o.el = void 0, r(
+      {
+        ...n(t),
+        stop: !0
+      },
+      o
+    ));
+  }), e(document, "mousemove", (t) => {
+    o.el && r(n(t), o);
+  });
+}
+export {
+  p as useMouseCapture
+};
+//# sourceMappingURL=useMouseCapture.js.map

package/dist/composition/useMouseCapture.js.map

@@ -0,0 +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;"}

package/dist/composition/useNotificationPosition.d.ts

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

package/dist/composition/useNotificationPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotificationPosition.d.ts","sourceRoot":"","sources":["../../src/composition/useNotificationPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAO,MAAM,KAAK,CAAC;AAIpC,wBAAgB,uBAAuB,CAAC,EAAE,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,uBAUvE"}

package/dist/composition/usePosition.d.ts

@@ -0,0 +1,4 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePosition.d.ts","sourceRoot":"","sources":["../../src/composition/usePosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAa,MAAM,KAAK,CAAC;AAG1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,QAmCtG"}

package/dist/composition/usePosition.js

@@ -0,0 +1,33 @@
+import { onMounted as h } from "vue";
+import { useEventListener as o } from "./useEventListener.js";
+import { requestTick as f } from "../helpers/utils.js";
+function w(i, s) {
+  const e = f(() => {
+    if (i.value) {
+      const { scrollTop: n, scrollLeft: r, scrollHeight: l, scrollWidth: c, clientHeight: u, clientWidth: d } = document.documentElement, t = i.value.getBoundingClientRect();
+      s({
+        scrollTop: n,
+        scrollLeft: r,
+        scrollHeight: l,
+        scrollWidth: c,
+        clientHeight: u,
+        clientWidth: d,
+        offsetY: n + t.y,
+        offsetX: r + t.x,
+        top: t.top,
+        right: t.right,
+        bottom: t.bottom,
+        left: t.left,
+        width: t.width,
+        height: t.height,
+        x: t.x,
+        y: t.y
+      });
+    }
+  });
+  h(e), o(window, "scroll", e, { capture: !0, passive: !0 }), o(window, "resize", e, { passive: !0 }), o(window, "adjust", e, !0);
+}
+export {
+  w as useElementPosition
+};
+//# sourceMappingURL=usePosition.js.map

package/dist/composition/usePosition.js.map

@@ -0,0 +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;"}

package/dist/composition/useQuery.d.ts

@@ -0,0 +1,8 @@
+export declare function useQuery<P extends unknown[], R>(fn: (...args: P) => Promise<R>): {
+    isLoading: boolean;
+    result: import('vue').UnwrapRef<R> | undefined;
+    error: unknown;
+    run: (...args: P) => Promise<void>;
+    debounce: (cb: () => P, dt?: number) => () => void;
+};
+//# sourceMappingURL=useQuery.d.ts.map

package/dist/composition/useQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuery.d.ts","sourceRoot":"","sources":["../../src/composition/useQuery.ts"],"names":[],"mappings":"AAGA,wBAAgB,QAAQ,CAAC,CAAC,SAAS,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC;;;WAIvD,OAAO;mBACR,CAAC;mBAWP,MAAM,CAAC;EAWvB"}