npm - @milaboratories/uikit - Versions diffs - 2.4.2 → 2.4.4 - Mend

@milaboratories/uikit 2.4.2 → 2.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1328) hide show

package/dist/components/VScroll.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VScroll.vue.js","sources":["../../src/components/VScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, unref } from 'vue';\nimport { useEventListener } from '../composition/useEventListener';\nimport { eventListener } from '../helpers/dom';\n\nconst emit = defineEmits(['update:scrollTop']);\n\nconst props = defineProps<{\n scrollTop: number;\n clientHeight: number;\n scrollHeight: number;\n}>();\n\nconst scrollRef = ref<EventTarget>();\n\nconst ratioRef = computed(() => props.clientHeight / (props.scrollHeight \|\| 1));\n\nconst visibleRef = computed(() => {\n return ratioRef.value < 1;\n});\n\nconst scrollbarStyle = computed(() => {\n const ratio = unref(ratioRef);\n return {\n top: props.scrollTop * ratio + 'px',\n height: Math.floor(props.clientHeight * ratio) + 'px',\n };\n});\n\nuseEventListener(scrollRef, 'pointerdown', (down: PointerEvent) => {\n const s = {\n clientY: down.clientY,\n };\n\n const update = (e: MouseEvent) => {\n const dy = (e.clientY - s.clientY) / ratioRef.value;\n emit('update:scrollTop', props.scrollTop + dy);\n s.clientY = e.clientY;\n };\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const removePointerMove = eventListener(document as any, 'mousemove', update);\n\n ['mouseup', 'pointercancel'].forEach((eventType) => {\n document.addEventListener(eventType, removePointerMove, { once: true });\n });\n});\n</script>\n\n<template>\n <div v-if=\"visibleRef\" ref=\"scrollRef\" class=\"v-scroll\">\n <div class=\"v-scroll__scrollbar\" :style=\"scrollbarStyle\" />\n </div>\n</template>\n"],"names":["emit","__emit","props","__props","scrollRef","ref","ratioRef","computed","visibleRef","scrollbarStyle","ratio","unref","useEventListener","down","s","removePointerMove","eventListener","e","dy","eventType"],"mappings":";;;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC,GAMRC,IAAYC,~~EAAiB~~,~~GAE7BC~~,IAAWC,EAAS,MAAML,EAAM,gBAAgBA,EAAM,gBAAgB,EAAE,GAExEM,IAAaD,EAAS,MACnBD,EAAS,QAAQ,CACzB,GAEKG,IAAiBF,EAAS,MAAM;~~AAC9B~~,~~YAAAG~~,IAAQC,EAAML,CAAQ;~~AACrB~~,~~aAAA~~;AAAA,QACL,KAAKJ,EAAM,YAAYQ,IAAQ;AAAA,QAC/B,QAAQ,KAAK,MAAMR,EAAM,eAAeQ,CAAK,IAAI;AAAA,~~MACnD~~;AAAA,~~IAAA~~,~~CACD~~;~~AAEgB~~,WAAAE,~~EAAAR~~,GAAW,eAAe,CAACS,MAAuB;AACjE,YAAMC,IAAI;AAAA,QACR,SAASD,EAAK;AAAA,~~MAChB~~,~~GASME~~,IAAoBC,EAAc,UAAiB,aAP1C,CAACC,MAAkB;AAChC,cAAMC,KAAMD,EAAE,UAAUH,EAAE,WAAWR,EAAS;~~AACzC~~,QAAAN,~~EAAA~~,oBAAoBE,EAAM,YAAYgB,CAAE,GAC7CJ,EAAE,UAAUG,EAAE;AAAA,MAChB,CAG4E;AAE5E,OAAC,WAAW,eAAe,EAAE,QAAQ,CAACE,MAAc;AAClD,iBAAS,iBAAiBA,GAAWJ,GAAmB,EAAE,MAAM,IAAM;AAAA,~~MAAA~~,~~CACvE~~;AAAA,~~IAAA~~,~~CACF~~;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"VScroll.vue.js","sources":["../../src/components/VScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, unref } from 'vue';\nimport { useEventListener } from '../composition/useEventListener';\nimport { eventListener } from '../helpers/dom';\n\nconst emit = defineEmits(['update:scrollTop']);\n\nconst props = defineProps<{\n scrollTop: number;\n clientHeight: number;\n scrollHeight: number;\n}>();\n\nconst scrollRef = ref<EventTarget>();\n\nconst ratioRef = computed(() => props.clientHeight / (props.scrollHeight \|\| 1));\n\nconst visibleRef = computed(() => {\n return ratioRef.value < 1;\n});\n\nconst scrollbarStyle = computed(() => {\n const ratio = unref(ratioRef);\n return {\n top: props.scrollTop * ratio + 'px',\n height: Math.floor(props.clientHeight * ratio) + 'px',\n };\n});\n\nuseEventListener(scrollRef, 'pointerdown', (down: PointerEvent) => {\n const s = {\n clientY: down.clientY,\n };\n\n const update = (e: MouseEvent) => {\n const dy = (e.clientY - s.clientY) / ratioRef.value;\n emit('update:scrollTop', props.scrollTop + dy);\n s.clientY = e.clientY;\n };\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const removePointerMove = eventListener(document as any, 'mousemove', update);\n\n ['mouseup', 'pointercancel'].forEach((eventType) => {\n document.addEventListener(eventType, removePointerMove, { once: true });\n });\n});\n</script>\n\n<template>\n <div v-if=\"visibleRef\" ref=\"scrollRef\" class=\"v-scroll\">\n <div class=\"v-scroll__scrollbar\" :style=\"scrollbarStyle\" />\n </div>\n</template>\n"],"names":["emit","__emit","props","__props","scrollRef","ref","ratioRef","computed","visibleRef","scrollbarStyle","ratio","unref","useEventListener","down","s","removePointerMove","eventListener","e","dy","eventType"],"mappings":";;;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC,GAMRC,IAAYC,EAAA,GAEZC,IAAWC,EAAS,MAAML,EAAM,gBAAgBA,EAAM,gBAAgB,EAAE,GAExEM,IAAaD,EAAS,MACnBD,EAAS,QAAQ,CACzB,GAEKG,IAAiBF,EAAS,MAAM;AACpC,YAAMG,IAAQC,EAAML,CAAQ;AAC5B,aAAO;AAAA,QACL,KAAKJ,EAAM,YAAYQ,IAAQ;AAAA,QAC/B,QAAQ,KAAK,MAAMR,EAAM,eAAeQ,CAAK,IAAI;AAAA,MAAA;AAAA,IAErD,CAAC;AAED,WAAAE,EAAiBR,GAAW,eAAe,CAACS,MAAuB;AACjE,YAAMC,IAAI;AAAA,QACR,SAASD,EAAK;AAAA,MAAA,GAUVE,IAAoBC,EAAc,UAAiB,aAP1C,CAACC,MAAkB;AAChC,cAAMC,KAAMD,EAAE,UAAUH,EAAE,WAAWR,EAAS;AAC9C,QAAAN,EAAK,oBAAoBE,EAAM,YAAYgB,CAAE,GAC7CJ,EAAE,UAAUG,EAAE;AAAA,MAChB,CAG4E;AAE5E,OAAC,WAAW,eAAe,EAAE,QAAQ,CAACE,MAAc;AAClD,iBAAS,iBAAiBA,GAAWJ,GAAmB,EAAE,MAAM,IAAM;AAAA,MACxE,CAAC;AAAA,IACH,CAAC;;;;;;;;;;;;;"}

package/dist/components/contextMenu/Menu.vue.d.ts CHANGED Viewed

@@ -8,4 +8,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=Menu.vue.d.ts.map

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

	@@ -1 +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;;;;;;;;;;;"}
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,GAAA,GACJH,EAAK,OAAO;AAAA,IACd;;;;;;;;;;;"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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":";;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 CHANGED Viewed

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

package/dist/composition/computedCached.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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":";;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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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":";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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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 } 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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":";;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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,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 CHANGED Viewed

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

package/dist/composition/useInterval.js.map CHANGED Viewed

	@@ -1 +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;"}
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":";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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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,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 CHANGED Viewed

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

package/dist/composition/useMouse.js.map CHANGED Viewed

	@@ -1 +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;"}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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":";;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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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":";;;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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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":";;;;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~;"}
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":";;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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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"}

package/dist/composition/useSortable2.d.ts CHANGED Viewed

@@ -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