@milaboratories/uikit 2.4.2 → 2.4.3

package/dist/composition/usePosition.d.ts

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

package/dist/composition/usePosition.js.map

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

package/dist/composition/useQuery.d.ts

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

package/dist/composition/useQuery.js

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

package/dist/composition/useQuery.js.map

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

package/dist/composition/useResizeObserver.d.ts

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

package/dist/composition/useResizeObserver.js.map

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

package/dist/composition/useRipple.d.ts

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

package/dist/composition/useRipple.js.map

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

package/dist/composition/useScroll.d.ts

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

package/dist/composition/useScroll.js.map

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

package/dist/composition/useSliderBreakpoints.d.ts

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

package/dist/composition/useSliderBreakpoints.js.map

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

package/dist/composition/useSortable.d.ts

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

package/dist/composition/useSortable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSortable.js","sources":["../../src/composition/useSortable.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { computed, watchEffect } from 'vue';\nimport { useEventListener } from './useEventListener';\n\ntype SortableItem = {\n  el: HTMLElement;\n  y: number;\n  dy: number;\n  orderChanged: boolean;\n};\n\nexport type SortableSettings = {\n  onChange: (indices: number[]) => void;\n  handle?: string;\n  shakeBuffer?: number;\n  reorderDelay?: number;\n  transitionDelay?: string;\n};\n\nconst classes = {\n  item: 'sortable__item',\n  animate: 'sortable__animate',\n};\n\nconst getOffset = (el: HTMLElement) => {\n  return el.getBoundingClientRect().y;\n};\n\nconst getMiddle = (el: HTMLElement) => {\n  const { y, height } = el.getBoundingClientRect();\n  return y + Math.ceil(height / 2);\n};\n\nconst getBottom = (el: HTMLElement) => {\n  const { y, height } = el.getBoundingClientRect();\n  return y + height;\n};\n\nexport function useSortable(listRef: Ref<HTMLElement | undefined>, settings: SortableSettings) {\n  const state = {\n    item: undefined as SortableItem | undefined,\n    options() {\n      return [...(listRef.value?.children ?? [])] as HTMLElement[];\n    },\n  };\n\n  const optionsRef = computed(() => {\n    return state.options();\n  });\n\n  const shakeBuffer = settings.shakeBuffer ?? 10;\n\n  const reorderDelay = settings.reorderDelay ?? 100;\n\n  function mouseDown(this: HTMLElement, e: { y: number; target: EventTarget | null }) {\n    const handle = settings.handle ? this.querySelector(settings.handle) : null;\n\n    if (!handle) {\n      return;\n    }\n\n    if (handle && !handle.contains(e.target as HTMLElement)) {\n      return;\n    }\n\n    this.classList.remove(classes.animate);\n    this.classList.add(classes.item);\n\n    state.item = {\n      el: this,\n      y: e.y,\n      dy: 0,\n      orderChanged: false,\n    };\n  }\n\n  function elementsBefore(el: HTMLElement) {\n    const options = state.options();\n    return options.slice(0, options.indexOf(el));\n  }\n\n  function elementsAfter(el: HTMLElement) {\n    const children = state.options();\n    return children.slice(children.indexOf(el) + 1);\n  }\n\n  function insertBefore(before: HTMLElement, el: HTMLElement) {\n    const children = state.options().filter((e) => e !== el);\n    const index = children.indexOf(before);\n    children.splice(index, 0, el);\n    return children;\n  }\n\n  function insertAfter(after: HTMLElement, el: HTMLElement) {\n    const children = state.options().filter((e) => e !== el);\n    const index = children.indexOf(after);\n    children.splice(index + 1, 0, el);\n    return children;\n  }\n\n  function updatePosition(item: SortableItem, y: number) {\n    item.dy = y - item.y;\n    item.el.style.setProperty('transform', `translateY(${item.dy}px)`);\n  }\n\n  function changeOrder(reordered: HTMLElement[]) {\n    if (!state.item) {\n      return;\n    }\n\n    const { el } = state.item;\n\n    if (!el.isConnected) {\n      state.item = undefined;\n      return;\n    }\n\n    const oldPositions = reordered.map((e) => getOffset(e));\n\n    const y1 = getOffset(el);\n    listRef.value?.replaceChildren(...reordered);\n    const y2 = getOffset(el);\n\n    const newPositions = reordered.map((e) => getOffset(e));\n\n    const toAnimate: HTMLElement[] = [];\n\n    for (let i = 0; i < newPositions.length; i++) {\n      const option = reordered[i];\n\n      if (option === state.item.el) {\n        continue;\n      }\n\n      const newY = newPositions[i];\n\n      const oldY = oldPositions[i];\n\n      const invert = oldY - newY;\n\n      option.style.transform = `translateY(${invert}px)`;\n\n      toAnimate.push(option);\n    }\n\n    const dy = y2 - y1;\n\n    state.item.y = state.item.y + dy;\n    state.item.dy = state.item.dy - dy;\n    state.item.orderChanged = true;\n    state.item.el.style.setProperty('transform', `translateY(${state.item.dy}px)`);\n\n    toAnimate.forEach((o) => o.classList.remove(classes.animate));\n\n    requestAnimationFrame(function () {\n      toAnimate.forEach((option) => {\n        option.classList.add(classes.animate);\n        option.style.transform = '';\n        option.addEventListener('transitionend', () => {\n          option.classList.remove(classes.animate);\n        });\n      });\n    });\n  }\n\n  useEventListener(window, 'mousemove', (e: { y: number }) => {\n    if (!state.item) {\n      return;\n    }\n\n    const { el } = state.item;\n\n    updatePosition(state.item, e.y);\n\n    const upper = getOffset(state.item.el);\n    const bottom = getBottom(state.item.el);\n\n    const before = elementsBefore(el);\n    const after = elementsAfter(el);\n\n    before.forEach((e) => {\n      const y = getMiddle(e);\n\n      if (upper + shakeBuffer < y) {\n        changeOrder(insertBefore(e, el));\n      }\n    });\n\n    after.forEach((e) => {\n      const y = getMiddle(e);\n\n      if (bottom - shakeBuffer > y) {\n        changeOrder(insertAfter(e, el));\n      }\n    });\n  });\n\n  useEventListener(window, 'mouseup', () => {\n    if (!state.item) {\n      return;\n    }\n\n    const { el, orderChanged } = state.item;\n\n    el.classList.add(classes.animate);\n    el.style.removeProperty('transform');\n\n    el.addEventListener('transitionend', () => {\n      el.classList.remove(classes.animate, classes.item);\n    });\n\n    setTimeout(() => {\n      if (!orderChanged) {\n        return;\n      }\n\n      const newIndices = state.options().map((o) => Number(o.getAttribute('data-index')));\n\n      const list = listRef.value;\n\n      if (list) {\n        for (const child of state.options()) {\n          list.removeChild(child);\n        }\n\n        optionsRef.value.forEach((child) => {\n          list.appendChild(child);\n        });\n      }\n\n      settings.onChange(newIndices);\n    }, reorderDelay);\n\n    state.item = undefined;\n  });\n\n  watchEffect(() => {\n    optionsRef.value.forEach((child, i) => {\n      child.removeEventListener('mousedown', mouseDown);\n      child.addEventListener('mousedown', mouseDown);\n      child.setAttribute('data-index', String(i));\n    });\n  });\n}\n"],"names":["classes","getOffset","el","getMiddle","y","height","getBottom","useSortable","listRef","settings","state","_a","optionsRef","computed","shakeBuffer","reorderDelay","mouseDown","e","handle","elementsBefore","options","elementsAfter","children","insertBefore","before","index","insertAfter","after","updatePosition","item","changeOrder","reordered","oldPositions","y1","y2","newPositions","toAnimate","i","option","newY","invert","dy","useEventListener","upper","bottom","orderChanged","newIndices","o","list","child","watchEffect"],"mappings":";;AAmBA,MAAMA,IAAU;AAAA,EACd,MAAM;AAAA,EACN,SAAS;AACX,GAEMC,IAAY,CAACC,MACVA,EAAG,wBAAwB,GAG9BC,IAAY,CAACD,MAAoB;AACrC,QAAM,EAAE,GAAAE,GAAG,QAAAC,MAAWH,EAAG,sBAAsB;AAC/C,SAAOE,IAAI,KAAK,KAAKC,IAAS,CAAC;AACjC,GAEMC,IAAY,CAACJ,MAAoB;AACrC,QAAM,EAAE,GAAAE,GAAG,QAAAC,MAAWH,EAAG,sBAAsB;AAC/C,SAAOE,IAAIC;AACb;AAEgB,SAAAE,EAAYC,GAAuCC,GAA4B;AAC7F,QAAMC,IAAQ;AAAA,IACZ,MAAM;AAAA,IACN,UAAU;;AACR,aAAO,CAAC,KAAIC,IAAAH,EAAQ,UAAR,gBAAAG,EAAe,aAAY,CAAA,CAAG;AAAA,IAAA;AAAA,EAE9C,GAEMC,IAAaC,EAAS,MACnBH,EAAM,QAAQ,CACtB,GAEKI,IAAcL,EAAS,eAAe,IAEtCM,IAAeN,EAAS,gBAAgB;AAE9C,WAASO,EAA6BC,GAA8C;AAClF,UAAMC,IAAST,EAAS,SAAS,KAAK,cAAcA,EAAS,MAAM,IAAI;AAEvE,IAAKS,MAIDA,KAAU,CAACA,EAAO,SAASD,EAAE,MAAqB,MAIjD,KAAA,UAAU,OAAOjB,EAAQ,OAAO,GAChC,KAAA,UAAU,IAAIA,EAAQ,IAAI,GAE/BU,EAAM,OAAO;AAAA,MACX,IAAI;AAAA,MACJ,GAAGO,EAAE;AAAA,MACL,IAAI;AAAA,MACJ,cAAc;AAAA,IAChB;AAAA,EAAA;AAGF,WAASE,EAAejB,GAAiB;AACjC,UAAAkB,IAAUV,EAAM,QAAQ;AAC9B,WAAOU,EAAQ,MAAM,GAAGA,EAAQ,QAAQlB,CAAE,CAAC;AAAA,EAAA;AAG7C,WAASmB,EAAcnB,GAAiB;AAChC,UAAAoB,IAAWZ,EAAM,QAAQ;AAC/B,WAAOY,EAAS,MAAMA,EAAS,QAAQpB,CAAE,IAAI,CAAC;AAAA,EAAA;AAGvC,WAAAqB,EAAaC,GAAqBtB,GAAiB;AACpD,UAAAoB,IAAWZ,EAAM,QAAQ,EAAE,OAAO,CAACO,MAAMA,MAAMf,CAAE,GACjDuB,IAAQH,EAAS,QAAQE,CAAM;AAC5B,WAAAF,EAAA,OAAOG,GAAO,GAAGvB,CAAE,GACrBoB;AAAA,EAAA;AAGA,WAAAI,EAAYC,GAAoBzB,GAAiB;AAClD,UAAAoB,IAAWZ,EAAM,QAAQ,EAAE,OAAO,CAACO,MAAMA,MAAMf,CAAE,GACjDuB,IAAQH,EAAS,QAAQK,CAAK;AACpC,WAAAL,EAAS,OAAOG,IAAQ,GAAG,GAAGvB,CAAE,GACzBoB;AAAA,EAAA;AAGA,WAAAM,EAAeC,GAAoBzB,GAAW;AAChD,IAAAyB,EAAA,KAAKzB,IAAIyB,EAAK,GACnBA,EAAK,GAAG,MAAM,YAAY,aAAa,cAAcA,EAAK,EAAE,KAAK;AAAA,EAAA;AAGnE,WAASC,EAAYC,GAA0B;;AACzC,QAAA,CAACrB,EAAM;AACT;AAGI,UAAA,EAAE,IAAAR,MAAOQ,EAAM;AAEjB,QAAA,CAACR,EAAG,aAAa;AACnB,MAAAQ,EAAM,OAAO;AACb;AAAA,IAAA;AAGF,UAAMsB,IAAeD,EAAU,IAAI,CAACd,MAAMhB,EAAUgB,CAAC,CAAC,GAEhDgB,IAAKhC,EAAUC,CAAE;AACf,KAAAS,IAAAH,EAAA,UAAA,QAAAG,EAAO,gBAAgB,GAAGoB;AAC5B,UAAAG,IAAKjC,EAAUC,CAAE,GAEjBiC,IAAeJ,EAAU,IAAI,CAACd,MAAMhB,EAAUgB,CAAC,CAAC,GAEhDmB,IAA2B,CAAC;AAElC,aAASC,IAAI,GAAGA,IAAIF,EAAa,QAAQE,KAAK;AACtC,YAAAC,IAASP,EAAUM,CAAC;AAEtB,UAAAC,MAAW5B,EAAM,KAAK;AACxB;AAGI,YAAA6B,IAAOJ,EAAaE,CAAC,GAIrBG,IAFOR,EAAaK,CAAC,IAELE;AAEf,MAAAD,EAAA,MAAM,YAAY,cAAcE,CAAM,OAE7CJ,EAAU,KAAKE,CAAM;AAAA,IAAA;AAGvB,UAAMG,IAAKP,IAAKD;AAEhB,IAAAvB,EAAM,KAAK,IAAIA,EAAM,KAAK,IAAI+B,GAC9B/B,EAAM,KAAK,KAAKA,EAAM,KAAK,KAAK+B,GAChC/B,EAAM,KAAK,eAAe,IACpBA,EAAA,KAAK,GAAG,MAAM,YAAY,aAAa,cAAcA,EAAM,KAAK,EAAE,KAAK,GAEnE0B,EAAA,QAAQ,CAAC,MAAM,EAAE,UAAU,OAAOpC,EAAQ,OAAO,CAAC,GAE5D,sBAAsB,WAAY;AACtB,MAAAoC,EAAA,QAAQ,CAACE,MAAW;AACrB,QAAAA,EAAA,UAAU,IAAItC,EAAQ,OAAO,GACpCsC,EAAO,MAAM,YAAY,IAClBA,EAAA,iBAAiB,iBAAiB,MAAM;AACtC,UAAAA,EAAA,UAAU,OAAOtC,EAAQ,OAAO;AAAA,QAAA,CACxC;AAAA,MAAA,CACF;AAAA,IAAA,CACF;AAAA,EAAA;AAGc,EAAA0C,EAAA,QAAQ,aAAa,CAACzB,MAAqB;AACtD,QAAA,CAACP,EAAM;AACT;AAGI,UAAA,EAAE,IAAAR,MAAOQ,EAAM;AAEN,IAAAkB,EAAAlB,EAAM,MAAMO,EAAE,CAAC;AAE9B,UAAM0B,IAAQ1C,EAAUS,EAAM,KAAK,EAAE,GAC/BkC,IAAStC,EAAUI,EAAM,KAAK,EAAE,GAEhCc,IAASL,EAAejB,CAAE,GAC1ByB,IAAQN,EAAcnB,CAAE;AAEvB,IAAAsB,EAAA,QAAQ,CAACP,MAAM;AACd,YAAAb,IAAID,EAAUc,CAAC;AAEjB,MAAA0B,IAAQ7B,IAAcV,KACZ0B,EAAAP,EAAaN,GAAGf,CAAE,CAAC;AAAA,IACjC,CACD,GAEKyB,EAAA,QAAQ,CAACV,MAAM;AACb,YAAAb,IAAID,EAAUc,CAAC;AAEjB,MAAA2B,IAAS9B,IAAcV,KACb0B,EAAAJ,EAAYT,GAAGf,CAAE,CAAC;AAAA,IAChC,CACD;AAAA,EAAA,CACF,GAEgBwC,EAAA,QAAQ,WAAW,MAAM;AACpC,QAAA,CAAChC,EAAM;AACT;AAGF,UAAM,EAAE,IAAAR,GAAI,cAAA2C,EAAa,IAAInC,EAAM;AAEhC,IAAAR,EAAA,UAAU,IAAIF,EAAQ,OAAO,GAC7BE,EAAA,MAAM,eAAe,WAAW,GAEhCA,EAAA,iBAAiB,iBAAiB,MAAM;AACzC,MAAAA,EAAG,UAAU,OAAOF,EAAQ,SAASA,EAAQ,IAAI;AAAA,IAAA,CAClD,GAED,WAAW,MAAM;AACf,UAAI,CAAC6C;AACH;AAGF,YAAMC,IAAapC,EAAM,QAAQ,EAAE,IAAI,CAACqC,MAAM,OAAOA,EAAE,aAAa,YAAY,CAAC,CAAC,GAE5EC,IAAOxC,EAAQ;AAErB,UAAIwC,GAAM;AACG,mBAAAC,KAASvC,EAAM;AACxB,UAAAsC,EAAK,YAAYC,CAAK;AAGb,QAAArC,EAAA,MAAM,QAAQ,CAACqC,MAAU;AAClC,UAAAD,EAAK,YAAYC,CAAK;AAAA,QAAA,CACvB;AAAA,MAAA;AAGH,MAAAxC,EAAS,SAASqC,CAAU;AAAA,OAC3B/B,CAAY,GAEfL,EAAM,OAAO;AAAA,EAAA,CACd,GAEDwC,EAAY,MAAM;AAChB,IAAAtC,EAAW,MAAM,QAAQ,CAACqC,GAAOZ,MAAM;AAC/B,MAAAY,EAAA,oBAAoB,aAAajC,CAAS,GAC1CiC,EAAA,iBAAiB,aAAajC,CAAS,GAC7CiC,EAAM,aAAa,cAAc,OAAOZ,CAAC,CAAC;AAAA,IAAA,CAC3C;AAAA,EAAA,CACF;AACH;"}
+{"version":3,"file":"useSortable.js","sources":["../../src/composition/useSortable.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { computed, watchEffect } from 'vue';\nimport { useEventListener } from './useEventListener';\n\ntype SortableItem = {\n  el: HTMLElement;\n  y: number;\n  dy: number;\n  orderChanged: boolean;\n};\n\nexport type SortableSettings = {\n  onChange: (indices: number[]) => void;\n  handle?: string;\n  shakeBuffer?: number;\n  reorderDelay?: number;\n  transitionDelay?: string;\n};\n\nconst classes = {\n  item: 'sortable__item',\n  animate: 'sortable__animate',\n};\n\nconst getOffset = (el: HTMLElement) => {\n  return el.getBoundingClientRect().y;\n};\n\nconst getMiddle = (el: HTMLElement) => {\n  const { y, height } = el.getBoundingClientRect();\n  return y + Math.ceil(height / 2);\n};\n\nconst getBottom = (el: HTMLElement) => {\n  const { y, height } = el.getBoundingClientRect();\n  return y + height;\n};\n\nexport function useSortable(listRef: Ref<HTMLElement | undefined>, settings: SortableSettings) {\n  const state = {\n    item: undefined as SortableItem | undefined,\n    options() {\n      return [...(listRef.value?.children ?? [])] as HTMLElement[];\n    },\n  };\n\n  const optionsRef = computed(() => {\n    return state.options();\n  });\n\n  const shakeBuffer = settings.shakeBuffer ?? 10;\n\n  const reorderDelay = settings.reorderDelay ?? 100;\n\n  function mouseDown(this: HTMLElement, e: { y: number; target: EventTarget | null }) {\n    const handle = settings.handle ? this.querySelector(settings.handle) : null;\n\n    if (!handle) {\n      return;\n    }\n\n    if (handle && !handle.contains(e.target as HTMLElement)) {\n      return;\n    }\n\n    this.classList.remove(classes.animate);\n    this.classList.add(classes.item);\n\n    state.item = {\n      el: this,\n      y: e.y,\n      dy: 0,\n      orderChanged: false,\n    };\n  }\n\n  function elementsBefore(el: HTMLElement) {\n    const options = state.options();\n    return options.slice(0, options.indexOf(el));\n  }\n\n  function elementsAfter(el: HTMLElement) {\n    const children = state.options();\n    return children.slice(children.indexOf(el) + 1);\n  }\n\n  function insertBefore(before: HTMLElement, el: HTMLElement) {\n    const children = state.options().filter((e) => e !== el);\n    const index = children.indexOf(before);\n    children.splice(index, 0, el);\n    return children;\n  }\n\n  function insertAfter(after: HTMLElement, el: HTMLElement) {\n    const children = state.options().filter((e) => e !== el);\n    const index = children.indexOf(after);\n    children.splice(index + 1, 0, el);\n    return children;\n  }\n\n  function updatePosition(item: SortableItem, y: number) {\n    item.dy = y - item.y;\n    item.el.style.setProperty('transform', `translateY(${item.dy}px)`);\n  }\n\n  function changeOrder(reordered: HTMLElement[]) {\n    if (!state.item) {\n      return;\n    }\n\n    const { el } = state.item;\n\n    if (!el.isConnected) {\n      state.item = undefined;\n      return;\n    }\n\n    const oldPositions = reordered.map((e) => getOffset(e));\n\n    const y1 = getOffset(el);\n    listRef.value?.replaceChildren(...reordered);\n    const y2 = getOffset(el);\n\n    const newPositions = reordered.map((e) => getOffset(e));\n\n    const toAnimate: HTMLElement[] = [];\n\n    for (let i = 0; i < newPositions.length; i++) {\n      const option = reordered[i];\n\n      if (option === state.item.el) {\n        continue;\n      }\n\n      const newY = newPositions[i];\n\n      const oldY = oldPositions[i];\n\n      const invert = oldY - newY;\n\n      option.style.transform = `translateY(${invert}px)`;\n\n      toAnimate.push(option);\n    }\n\n    const dy = y2 - y1;\n\n    state.item.y = state.item.y + dy;\n    state.item.dy = state.item.dy - dy;\n    state.item.orderChanged = true;\n    state.item.el.style.setProperty('transform', `translateY(${state.item.dy}px)`);\n\n    toAnimate.forEach((o) => o.classList.remove(classes.animate));\n\n    requestAnimationFrame(function () {\n      toAnimate.forEach((option) => {\n        option.classList.add(classes.animate);\n        option.style.transform = '';\n        option.addEventListener('transitionend', () => {\n          option.classList.remove(classes.animate);\n        });\n      });\n    });\n  }\n\n  useEventListener(window, 'mousemove', (e: { y: number }) => {\n    if (!state.item) {\n      return;\n    }\n\n    const { el } = state.item;\n\n    updatePosition(state.item, e.y);\n\n    const upper = getOffset(state.item.el);\n    const bottom = getBottom(state.item.el);\n\n    const before = elementsBefore(el);\n    const after = elementsAfter(el);\n\n    before.forEach((e) => {\n      const y = getMiddle(e);\n\n      if (upper + shakeBuffer < y) {\n        changeOrder(insertBefore(e, el));\n      }\n    });\n\n    after.forEach((e) => {\n      const y = getMiddle(e);\n\n      if (bottom - shakeBuffer > y) {\n        changeOrder(insertAfter(e, el));\n      }\n    });\n  });\n\n  useEventListener(window, 'mouseup', () => {\n    if (!state.item) {\n      return;\n    }\n\n    const { el, orderChanged } = state.item;\n\n    el.classList.add(classes.animate);\n    el.style.removeProperty('transform');\n\n    el.addEventListener('transitionend', () => {\n      el.classList.remove(classes.animate, classes.item);\n    });\n\n    setTimeout(() => {\n      if (!orderChanged) {\n        return;\n      }\n\n      const newIndices = state.options().map((o) => Number(o.getAttribute('data-index')));\n\n      const list = listRef.value;\n\n      if (list) {\n        for (const child of state.options()) {\n          list.removeChild(child);\n        }\n\n        optionsRef.value.forEach((child) => {\n          list.appendChild(child);\n        });\n      }\n\n      settings.onChange(newIndices);\n    }, reorderDelay);\n\n    state.item = undefined;\n  });\n\n  watchEffect(() => {\n    optionsRef.value.forEach((child, i) => {\n      child.removeEventListener('mousedown', mouseDown);\n      child.addEventListener('mousedown', mouseDown);\n      child.setAttribute('data-index', String(i));\n    });\n  });\n}\n"],"names":["classes","getOffset","el","getMiddle","y","height","getBottom","useSortable","listRef","settings","state","_a","optionsRef","computed","shakeBuffer","reorderDelay","mouseDown","e","handle","elementsBefore","options","elementsAfter","children","insertBefore","before","index","insertAfter","after","updatePosition","item","changeOrder","reordered","oldPositions","y1","y2","newPositions","toAnimate","i","option","newY","invert","dy","useEventListener","upper","bottom","orderChanged","newIndices","o","list","child","watchEffect"],"mappings":"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"}

package/dist/composition/useSortable2.d.ts

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

package/dist/composition/useSortable2.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSortable2.js","sources":["../../src/composition/useSortable2.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { computed, watch, watchEffect } from 'vue';\nimport { useEventListener } from './useEventListener';\n\ntype SortableItem = {\n  el: HTMLElement;\n  y: number;\n  dy: number;\n  orderChanged: boolean;\n  initialScrollTop: number;\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\n/**\n * Description: Scroll support has been added to the container where sorting takes place.\n * Some functionality duplicates the behavior of useScrollable.\n *\n * Purpose: To enable automatic scrolling when dragging items beyond the visible area of the container.\n * Future Plan:\n * - Verify the behavior of the new scrolling functionality within blocks and text elements.\n * - Merge the current implementation with useScrollable to eliminate code duplication and create a unified scrolling solution.\n */\nexport function useSortable2(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  let oldScrollTop = 0;\n\n  watch(() => listRef.value, () => {\n    setTimeout(() => {\n      if (listRef.value) {\n        listRef.value.scrollTop = oldScrollTop;\n      }\n    }, 0);\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      initialScrollTop: listRef.value?.scrollTop || 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    const currentScrollTop = listRef.value?.scrollTop || 0;\n    const scrollDiff = currentScrollTop - (item.initialScrollTop || 0);\n    item.dy = y - item.y + scrollDiff;\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    if (listRef.value) {\n      const rect = listRef.value.getBoundingClientRect();\n\n      const deltaUp = rect.top + el.getBoundingClientRect().height / 2;\n      if ((e as MouseEvent).clientY < deltaUp) {\n        listRef.value.scrollTop += (e as MouseEvent).clientY - deltaUp;\n      }\n\n      const deltaDown = rect.bottom - el.getBoundingClientRect().height / 2;\n      if ((e as MouseEvent).clientY > deltaDown) {\n        listRef.value.scrollTop += (e as MouseEvent).clientY - deltaDown;\n      }\n    }\n  });\n\n  useEventListener(window, 'mouseup', () => {\n    if (!state.item) {\n      return;\n    }\n\n    oldScrollTop = listRef.value?.scrollTop || 0;\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","useSortable2","listRef","settings","state","_a","oldScrollTop","watch","optionsRef","computed","shakeBuffer","reorderDelay","mouseDown","e","handle","elementsBefore","options","elementsAfter","children","insertBefore","before","index","insertAfter","after","updatePosition","item","scrollDiff","changeOrder","reordered","oldPositions","y1","y2","newPositions","toAnimate","i","option","newY","invert","dy","o","useEventListener","upper","bottom","rect","deltaUp","deltaDown","orderChanged","newIndices","list","child","watchEffect"],"mappings":"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"}
+{"version":3,"file":"useSortable2.js","sources":["../../src/composition/useSortable2.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { computed, watch, watchEffect } from 'vue';\nimport { useEventListener } from './useEventListener';\n\ntype SortableItem = {\n  el: HTMLElement;\n  y: number;\n  dy: number;\n  orderChanged: boolean;\n  initialScrollTop: number;\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\n/**\n * Description: Scroll support has been added to the container where sorting takes place.\n * Some functionality duplicates the behavior of useScrollable.\n *\n * Purpose: To enable automatic scrolling when dragging items beyond the visible area of the container.\n * Future Plan:\n * - Verify the behavior of the new scrolling functionality within blocks and text elements.\n * - Merge the current implementation with useScrollable to eliminate code duplication and create a unified scrolling solution.\n */\nexport function useSortable2(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  let oldScrollTop = 0;\n\n  watch(() => listRef.value, () => {\n    setTimeout(() => {\n      if (listRef.value) {\n        listRef.value.scrollTop = oldScrollTop;\n      }\n    }, 0);\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      initialScrollTop: listRef.value?.scrollTop || 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    const currentScrollTop = listRef.value?.scrollTop || 0;\n    const scrollDiff = currentScrollTop - (item.initialScrollTop || 0);\n    item.dy = y - item.y + scrollDiff;\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    if (listRef.value) {\n      const rect = listRef.value.getBoundingClientRect();\n\n      const deltaUp = rect.top + el.getBoundingClientRect().height / 2;\n      if ((e as MouseEvent).clientY < deltaUp) {\n        listRef.value.scrollTop += (e as MouseEvent).clientY - deltaUp;\n      }\n\n      const deltaDown = rect.bottom - el.getBoundingClientRect().height / 2;\n      if ((e as MouseEvent).clientY > deltaDown) {\n        listRef.value.scrollTop += (e as MouseEvent).clientY - deltaDown;\n      }\n    }\n  });\n\n  useEventListener(window, 'mouseup', () => {\n    if (!state.item) {\n      return;\n    }\n\n    oldScrollTop = listRef.value?.scrollTop || 0;\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","useSortable2","listRef","settings","state","_a","oldScrollTop","watch","optionsRef","computed","shakeBuffer","reorderDelay","mouseDown","e","handle","elementsBefore","options","elementsAfter","children","insertBefore","before","index","insertAfter","after","updatePosition","item","scrollDiff","changeOrder","reordered","oldPositions","y1","y2","newPositions","toAnimate","i","option","newY","invert","dy","o","useEventListener","upper","bottom","rect","deltaUp","deltaDown","orderChanged","newIndices","list","child","watchEffect"],"mappings":"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"}

package/dist/composition/useTheme.d.ts

@@ -2,4 +2,3 @@ type Theme = 'light' | 'dark';
 type Callback = (mode: Theme) => void;
 export declare function useTheme(_cb?: Callback): readonly [import('vue').ComputedRef<Theme>, () => void];
 export {};
-//# sourceMappingURL=useTheme.d.ts.map

package/dist/composition/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","sources":["../../src/composition/useTheme.ts"],"sourcesContent":["import { computed, onMounted, onUnmounted, ref, unref, watch } from 'vue';\nimport { mapIterable, toList } from '../helpers/iterators';\nimport { useLocalStorage } from './useLocalStorage';\n\ntype Theme = 'light' | 'dark';\n\ntype Callback = (mode: Theme) => void;\n\nconst cm = new Set<Callback>();\n\nif (window.matchMedia) {\n  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {\n    toList(mapIterable(cm.values(), (cb) => cb(e.matches ? 'dark' : 'light')));\n  });\n}\n\nconst init = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n\nconst browserTheme = ref<Theme>(init);\nconst savedTheme = useLocalStorage<Theme>('theme');\n\nexport function useTheme(_cb?: Callback) {\n  const theme = computed<Theme>(() => {\n    return savedTheme.value ? savedTheme.value : browserTheme.value;\n  });\n\n  const cb = (theme: Theme) => {\n    browserTheme.value = theme;\n    _cb?.(theme);\n  };\n\n  function toggleTheme() {\n    savedTheme.value = theme.value === 'light' ? 'dark' : theme.value === 'dark' ? 'light' : 'light';\n  }\n\n  watch(theme, (v) => {\n    _cb?.(unref(v));\n  });\n\n  onMounted(() => {\n    cm.add(cb);\n  });\n\n  onUnmounted(() => {\n    cm.delete(cb);\n  });\n\n  return [theme, toggleTheme] as const;\n}\n"],"names":["cm","toList","mapIterable","cb","init","browserTheme","ref","savedTheme","useLocalStorage","useTheme","_cb","theme","computed","toggleTheme","watch","v","unref","onMounted","onUnmounted"],"mappings":";;;AAQA,MAAMA,wBAAS,IAAc;AAEzB,OAAO,cACT,OAAO,WAAW,8BAA8B,EAAE,iBAAiB,UAAU,CAAC,MAAM;AAClF,EAAAC,EAAOC,EAAYF,EAAG,OAAO,GAAG,CAACG,MAAOA,EAAG,EAAE,UAAU,SAAS,OAAO,CAAC,CAAC;AAAA,CAC1E;AAGH,MAAMC,IAAO,OAAO,cAAc,OAAO,WAAW,8BAA8B,EAAE,UAAU,SAAS,SAEjGC,IAAeC,EAAWF,CAAI,GAC9BG,IAAaC,EAAuB,OAAO;AAE1C,SAASC,EAASC,GAAgB;AACjC,QAAAC,IAAQC,EAAgB,MACrBL,EAAW,QAAQA,EAAW,QAAQF,EAAa,KAC3D,GAEKF,IAAK,CAACQ,MAAiB;AAC3B,IAAAN,EAAa,QAAQM,GACrBD,KAAA,QAAAA,EAAMC;AAAAA,EACR;AAEA,WAASE,IAAc;AACV,IAAAN,EAAA,QAAQI,EAAM,UAAU,UAAU,UAASA,EAAM,UAAU,QAAS;AAAA,EAAU;AAGrF,SAAAG,EAAAH,GAAO,CAACI,MAAM;AACZ,IAAAL,KAAA,QAAAA,EAAAM,EAAMD,CAAC;AAAA,EAAC,CACf,GAEDE,EAAU,MAAM;AACd,IAAAjB,EAAG,IAAIG,CAAE;AAAA,EAAA,CACV,GAEDe,EAAY,MAAM;AAChB,IAAAlB,EAAG,OAAOG,CAAE;AAAA,EAAA,CACb,GAEM,CAACQ,GAAOE,CAAW;AAC5B;"}
+{"version":3,"file":"useTheme.js","sources":["../../src/composition/useTheme.ts"],"sourcesContent":["import { computed, onMounted, onUnmounted, ref, unref, watch } from 'vue';\nimport { mapIterable, toList } from '../helpers/iterators';\nimport { useLocalStorage } from './useLocalStorage';\n\ntype Theme = 'light' | 'dark';\n\ntype Callback = (mode: Theme) => void;\n\nconst cm = new Set<Callback>();\n\nif (window.matchMedia) {\n  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {\n    toList(mapIterable(cm.values(), (cb) => cb(e.matches ? 'dark' : 'light')));\n  });\n}\n\nconst init = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n\nconst browserTheme = ref<Theme>(init);\nconst savedTheme = useLocalStorage<Theme>('theme');\n\nexport function useTheme(_cb?: Callback) {\n  const theme = computed<Theme>(() => {\n    return savedTheme.value ? savedTheme.value : browserTheme.value;\n  });\n\n  const cb = (theme: Theme) => {\n    browserTheme.value = theme;\n    _cb?.(theme);\n  };\n\n  function toggleTheme() {\n    savedTheme.value = theme.value === 'light' ? 'dark' : theme.value === 'dark' ? 'light' : 'light';\n  }\n\n  watch(theme, (v) => {\n    _cb?.(unref(v));\n  });\n\n  onMounted(() => {\n    cm.add(cb);\n  });\n\n  onUnmounted(() => {\n    cm.delete(cb);\n  });\n\n  return [theme, toggleTheme] as const;\n}\n"],"names":["cm","toList","mapIterable","cb","init","browserTheme","ref","savedTheme","useLocalStorage","useTheme","_cb","theme","computed","toggleTheme","watch","v","unref","onMounted","onUnmounted"],"mappings":";;;AAQA,MAAMA,wBAAS,IAAA;AAEX,OAAO,cACT,OAAO,WAAW,8BAA8B,EAAE,iBAAiB,UAAU,CAAC,MAAM;AAClF,EAAAC,EAAOC,EAAYF,EAAG,OAAA,GAAU,CAACG,MAAOA,EAAG,EAAE,UAAU,SAAS,OAAO,CAAC,CAAC;AAC3E,CAAC;AAGH,MAAMC,IAAO,OAAO,cAAc,OAAO,WAAW,8BAA8B,EAAE,UAAU,SAAS,SAEjGC,IAAeC,EAAWF,CAAI,GAC9BG,IAAaC,EAAuB,OAAO;AAE1C,SAASC,EAASC,GAAgB;AACvC,QAAMC,IAAQC,EAAgB,MACrBL,EAAW,QAAQA,EAAW,QAAQF,EAAa,KAC3D,GAEKF,IAAK,CAACQ,MAAiB;AAC3B,IAAAN,EAAa,QAAQM,GACrBD,KAAA,QAAAA,EAAMC;AAAAA,EACR;AAEA,WAASE,IAAc;AACrB,IAAAN,EAAW,QAAQI,EAAM,UAAU,UAAU,UAASA,EAAM,UAAU,QAAS;AAAA,EACjF;AAEA,SAAAG,EAAMH,GAAO,CAACI,MAAM;AAClB,IAAAL,KAAA,QAAAA,EAAMM,EAAMD,CAAC;AAAA,EACf,CAAC,GAEDE,EAAU,MAAM;AACd,IAAAjB,EAAG,IAAIG,CAAE;AAAA,EACX,CAAC,GAEDe,EAAY,MAAM;AAChB,IAAAlB,EAAG,OAAOG,CAAE;AAAA,EACd,CAAC,GAEM,CAACQ,GAAOE,CAAW;AAC5B;"}

package/dist/composition/useTransformedModel.d.ts

@@ -38,4 +38,3 @@ export declare function useTransformedModel<T>(model: Ref<T>, options: {
     error?: string;
     reset: () => void;
 }>;
-//# sourceMappingURL=useTransformedModel.d.ts.map

package/dist/composition/useTransformedModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTransformedModel.js","sources":["../../src/composition/useTransformedModel.ts"],"sourcesContent":["import type { Ref, UnwrapNestedRefs } from 'vue';\nimport { reactive, computed, ref } from 'vue';\n\n/**\n * Creates a reactive local model with optional transformation and validation logic.\n *\n * @template T The type of the model's value.\n *\n * @param model - A `Ref` representing the underlying value.\n * @param options - Optional configuration for validation and parsing.\n * @param options.update - A function that takes the transformed value and returns `true` if it should be applied to the model, or `false` to keep it in a cached state.\n * @param options.parse - A function that takes the input value and returns a transformed value of type `T`. If omitted, the value is used as-is.\n *\n * @returns A reactive object with the following properties:\n * - `value`: A computed property for getting and setting the model value.\n * - `error`: A `Ref<string | undefined>` containing the last error message, if any.\n * - `reset`: A method to clear the cached value and error state.\n *\n * ### Example\n * ```ts\n * import { ref } from 'vue';\n * import { useTransformedModel } from './useTransformedModel';\n *\n * const model = ref<number>(42);\n *\n * const transformedModel = useTransformedModel(model, {\n *   parse: (value) => {\n *     const parsed = Number(value);\n *     if (!Number.isFinite(parsed)) throw new Error('Invalid number');\n *     return parsed;\n *   },\n *   update: (value) => value >= 0, // Only allow non-negative numbers\n * });\n */\n\nexport function useTransformedModel<T>(model: Ref<T>, options: { update?: (v: T) => boolean; parse?: (v: unknown) => T }) {\n  const cached = ref<T | undefined>();\n  const error = ref<string>();\n\n  const { parse, update } = options;\n\n  const reset = () => {\n    cached.value = undefined;\n    error.value = undefined;\n  };\n\n  const value = computed<T>({\n    get() {\n      if (cached.value !== undefined) {\n        return cached.value;\n      }\n\n      return model.value;\n    },\n    set(value) {\n      reset();\n\n      try {\n        const newValue = parse ? parse(value) : value;\n\n        const shouldUpdate = update ? update(newValue) : true;\n\n        if (shouldUpdate) {\n          model.value = newValue;\n        } else {\n          cached.value = newValue;\n        }\n      } catch (err) {\n        cached.value = value;\n        error.value = err instanceof Error ? err.message : String(err);\n      }\n    },\n  });\n\n  return reactive({\n    value,\n    error,\n    reset,\n  }) as UnwrapNestedRefs<{ value: T; error?: string; reset: () => void }>;\n}\n"],"names":["useTransformedModel","model","options","cached","ref","error","parse","update","reset","value","computed","newValue","err","reactive"],"mappings":";AAmCgB,SAAAA,EAAuBC,GAAeC,GAAoE;AACxH,QAAMC,IAASC,EAAmB,GAC5BC,IAAQD,EAAY,GAEpB,EAAE,OAAAE,GAAO,QAAAC,EAAA,IAAWL,GAEpBM,IAAQ,MAAM;AAClB,IAAAL,EAAO,QAAQ,QACfE,EAAM,QAAQ;AAAA,EAChB,GAEMI,IAAQC,EAAY;AAAA,IACxB,MAAM;AACA,aAAAP,EAAO,UAAU,SACZA,EAAO,QAGTF,EAAM;AAAA,IACf;AAAA,IACA,IAAIQ,GAAO;AACH,MAAAD,EAAA;AAEF,UAAA;AACF,cAAMG,IAAWL,IAAQA,EAAMG,CAAK,IAAIA;AAIxC,SAFqBF,IAASA,EAAOI,CAAQ,IAAI,MAG/CV,EAAM,QAAQU,IAEdR,EAAO,QAAQQ;AAAA,eAEVC,GAAK;AACZ,QAAAT,EAAO,QAAQM,GACfJ,EAAM,QAAQO,aAAe,QAAQA,EAAI,UAAU,OAAOA,CAAG;AAAA,MAAA;AAAA,IAC/D;AAAA,EACF,CACD;AAED,SAAOC,EAAS;AAAA,IACd,OAAAJ;AAAA,IACA,OAAAJ;AAAA,IACA,OAAAG;AAAA,EAAA,CACD;AACH;"}
+{"version":3,"file":"useTransformedModel.js","sources":["../../src/composition/useTransformedModel.ts"],"sourcesContent":["import type { Ref, UnwrapNestedRefs } from 'vue';\nimport { reactive, computed, ref } from 'vue';\n\n/**\n * Creates a reactive local model with optional transformation and validation logic.\n *\n * @template T The type of the model's value.\n *\n * @param model - A `Ref` representing the underlying value.\n * @param options - Optional configuration for validation and parsing.\n * @param options.update - A function that takes the transformed value and returns `true` if it should be applied to the model, or `false` to keep it in a cached state.\n * @param options.parse - A function that takes the input value and returns a transformed value of type `T`. If omitted, the value is used as-is.\n *\n * @returns A reactive object with the following properties:\n * - `value`: A computed property for getting and setting the model value.\n * - `error`: A `Ref<string | undefined>` containing the last error message, if any.\n * - `reset`: A method to clear the cached value and error state.\n *\n * ### Example\n * ```ts\n * import { ref } from 'vue';\n * import { useTransformedModel } from './useTransformedModel';\n *\n * const model = ref<number>(42);\n *\n * const transformedModel = useTransformedModel(model, {\n *   parse: (value) => {\n *     const parsed = Number(value);\n *     if (!Number.isFinite(parsed)) throw new Error('Invalid number');\n *     return parsed;\n *   },\n *   update: (value) => value >= 0, // Only allow non-negative numbers\n * });\n */\n\nexport function useTransformedModel<T>(model: Ref<T>, options: { update?: (v: T) => boolean; parse?: (v: unknown) => T }) {\n  const cached = ref<T | undefined>();\n  const error = ref<string>();\n\n  const { parse, update } = options;\n\n  const reset = () => {\n    cached.value = undefined;\n    error.value = undefined;\n  };\n\n  const value = computed<T>({\n    get() {\n      if (cached.value !== undefined) {\n        return cached.value;\n      }\n\n      return model.value;\n    },\n    set(value) {\n      reset();\n\n      try {\n        const newValue = parse ? parse(value) : value;\n\n        const shouldUpdate = update ? update(newValue) : true;\n\n        if (shouldUpdate) {\n          model.value = newValue;\n        } else {\n          cached.value = newValue;\n        }\n      } catch (err) {\n        cached.value = value;\n        error.value = err instanceof Error ? err.message : String(err);\n      }\n    },\n  });\n\n  return reactive({\n    value,\n    error,\n    reset,\n  }) as UnwrapNestedRefs<{ value: T; error?: string; reset: () => void }>;\n}\n"],"names":["useTransformedModel","model","options","cached","ref","error","parse","update","reset","value","computed","newValue","err","reactive"],"mappings":";AAmCO,SAASA,EAAuBC,GAAeC,GAAoE;AACxH,QAAMC,IAASC,EAAA,GACTC,IAAQD,EAAA,GAER,EAAE,OAAAE,GAAO,QAAAC,EAAA,IAAWL,GAEpBM,IAAQ,MAAM;AAClB,IAAAL,EAAO,QAAQ,QACfE,EAAM,QAAQ;AAAA,EAChB,GAEMI,IAAQC,EAAY;AAAA,IACxB,MAAM;AACJ,aAAIP,EAAO,UAAU,SACZA,EAAO,QAGTF,EAAM;AAAA,IACf;AAAA,IACA,IAAIQ,GAAO;AACT,MAAAD,EAAA;AAEA,UAAI;AACF,cAAMG,IAAWL,IAAQA,EAAMG,CAAK,IAAIA;AAIxC,SAFqBF,IAASA,EAAOI,CAAQ,IAAI,MAG/CV,EAAM,QAAQU,IAEdR,EAAO,QAAQQ;AAAA,MAEnB,SAASC,GAAK;AACZ,QAAAT,EAAO,QAAQM,GACfJ,EAAM,QAAQO,aAAe,QAAQA,EAAI,UAAU,OAAOA,CAAG;AAAA,MAC/D;AAAA,IACF;AAAA,EAAA,CACD;AAED,SAAOC,EAAS;AAAA,IACd,OAAAJ;AAAA,IACA,OAAAJ;AAAA,IACA,OAAAG;AAAA,EAAA,CACD;AACH;"}

package/dist/composition/useWatchFetch.d.ts

@@ -1,4 +1,4 @@
-import { WatchSource, WatchOptions } from 'vue';
+import { WatchSource, WatchOptions, MaybeRef } from 'vue';
 export type FetchResult<V, E = unknown> = {
     loading: boolean;
     value: V | undefined;
@@ -24,5 +24,8 @@ export type FetchResult<V, E = unknown> = {
  * </template>
  * ```
  */
-export declare function useWatchFetch<S, V>(watchSource: WatchSource<S>, doFetch: (s: S) => Promise<V>, watchOptions?: WatchOptions): FetchResult<V>;
-//# sourceMappingURL=useWatchFetch.d.ts.map
+export declare function useWatchFetch<S, V>(watchSource: WatchSource<S>, doFetch: (s: S) => Promise<V>, settings?: {
+    watchOptions?: WatchOptions;
+    debounce?: MaybeRef<number>;
+    filterWatchResult?: (s: S) => boolean;
+}): FetchResult<V>;

package/dist/composition/useWatchFetch.js

@@ -1,27 +1,27 @@
-import { ref as v, reactive as l, computed as n, watch as d } from "vue";
-import { exclusiveRequest as s } from "../lib/util/helpers/dist/index.js";
-function h(o, r, i) {
-  const t = v(0), e = l({
-    loading: n(() => t.value > 0),
-    loadingRef: t,
+import { ref as d, reactive as f, computed as h, unref as i, watch as m } from "vue";
+import { exclusiveRequest as p, delay as y } from "@milaboratories/helpers";
+function n(c, l, e) {
+  const r = d(0), a = f({
+    loading: h(() => r.value > 0),
+    loadingRef: r,
     value: void 0,
     error: void 0
-  }), u = s(r);
-  return d(
-    o,
-    async (c) => {
-      e.error = void 0, t.value++, u(c).then((a) => {
-        a.ok && (e.value = a.value);
-      }).catch((a) => {
-        e.value = void 0, e.error = a;
+  }), v = p(async (o) => (e != null && e.debounce && await y(i(e.debounce)), l(o)));
+  return m(
+    c,
+    async (o) => {
+      e != null && e.filterWatchResult && !e.filterWatchResult(o) || (a.error = void 0, r.value++, v(o).then((u) => {
+        u.ok && (a.value = u.value);
+      }).catch((u) => {
+        a.value = void 0, a.error = u;
       }).finally(() => {
-        t.value--;
-      });
+        r.value--;
+      }));
     },
-    Object.assign({ immediate: !0, deep: !0 }, i ?? {})
-  ), e;
+    Object.assign({ immediate: !0, deep: !0 }, (e == null ? void 0 : e.watchOptions) ?? {})
+  ), a;
 }
 export {
-  h as useWatchFetch
+  n as useWatchFetch
 };
 //# sourceMappingURL=useWatchFetch.js.map

package/dist/composition/useWatchFetch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWatchFetch.js","sources":["../../src/composition/useWatchFetch.ts"],"sourcesContent":["import type { WatchSource, WatchOptions } from 'vue';\nimport { reactive, watch, ref, computed } from 'vue';\nimport { exclusiveRequest } from '@milaboratories/helpers';\n\nexport type FetchResult<V, E = unknown> = {\n  loading: boolean;\n  value: V | undefined;\n  error: E;\n};\n\n// TODO Should we keep the old value while fetching the new value?\n\n/**\n * Watch any reactive source and perform an asynchronous operation\n *\n * @example\n * ```ts\n * const v = useWatchFetch(\n *   watchSource,\n *   async (sourceValue) => {\n *     return await fetchDataFromApi(sourceValue);\n *   }\n * );\n *\n * // Usage in a template\n * <template>\n *   <div v-if=\"v.loading\">Loading...</div>\n *   <div v-else-if=\"v.error\">Error: {{ v.error.message }}</div>\n *   <div v-else>Data: {{ v.value }}</div>\n * </template>\n * ```\n */\nexport function useWatchFetch<S, V>(watchSource: WatchSource<S>, doFetch: (s: S) => Promise<V>, watchOptions?: WatchOptions): FetchResult<V> {\n  const loadingRef = ref(0);\n\n  const data = reactive({\n    loading: computed(() => loadingRef.value > 0),\n    loadingRef,\n    value: undefined as V,\n    error: undefined,\n  }) as FetchResult<V>;\n\n  const exclusive = exclusiveRequest(doFetch);\n\n  watch(\n    watchSource,\n    async (s) => {\n      data.error = undefined;\n      loadingRef.value++;\n      exclusive(s)\n        .then((res) => {\n          if (res.ok) {\n            data.value = res.value;\n          }\n        })\n        .catch((err) => {\n          data.value = undefined;\n          data.error = err;\n        })\n        .finally(() => {\n          loadingRef.value--;\n        });\n    },\n    Object.assign({ immediate: true, deep: true }, watchOptions ?? {}),\n  );\n\n  return data;\n}\n"],"names":["useWatchFetch","watchSource","doFetch","watchOptions","loadingRef","ref","data","reactive","computed","exclusive","exclusiveRequest","watch","s","res","err"],"mappings":";;AAgCgB,SAAAA,EAAoBC,GAA6BC,GAA+BC,GAA6C;AACrI,QAAAC,IAAaC,EAAI,CAAC,GAElBC,IAAOC,EAAS;AAAA,IACpB,SAASC,EAAS,MAAMJ,EAAW,QAAQ,CAAC;AAAA,IAC5C,YAAAA;AAAA,IACA,OAAO;AAAA,IACP,OAAO;AAAA,EAAA,CACR,GAEKK,IAAYC,EAAiBR,CAAO;AAE1C,SAAAS;AAAA,IACEV;AAAA,IACA,OAAOW,MAAM;AACX,MAAAN,EAAK,QAAQ,QACFF,EAAA,SACXK,EAAUG,CAAC,EACR,KAAK,CAACC,MAAQ;AACb,QAAIA,EAAI,OACNP,EAAK,QAAQO,EAAI;AAAA,MACnB,CACD,EACA,MAAM,CAACC,MAAQ;AACd,QAAAR,EAAK,QAAQ,QACbA,EAAK,QAAQQ;AAAA,MAAA,CACd,EACA,QAAQ,MAAM;AACF,QAAAV,EAAA;AAAA,MAAA,CACZ;AAAA,IACL;AAAA,IACA,OAAO,OAAO,EAAE,WAAW,IAAM,MAAM,GAAK,GAAGD,KAAgB,CAAE,CAAA;AAAA,EACnE,GAEOG;AACT;"}
+{"version":3,"file":"useWatchFetch.js","sources":["../../src/composition/useWatchFetch.ts"],"sourcesContent":["import type { WatchSource, WatchOptions, MaybeRef } from 'vue';\nimport { reactive, watch, ref, computed, unref } from 'vue';\nimport { delay, exclusiveRequest } from '@milaboratories/helpers';\n\nexport type FetchResult<V, E = unknown> = {\n  loading: boolean;\n  value: V | undefined;\n  error: E;\n};\n\n// TODO Should we keep the old value while fetching the new value?\n\n/**\n * Watch any reactive source and perform an asynchronous operation\n *\n * @example\n * ```ts\n * const v = useWatchFetch(\n *   watchSource,\n *   async (sourceValue) => {\n *     return await fetchDataFromApi(sourceValue);\n *   }\n * );\n *\n * // Usage in a template\n * <template>\n *   <div v-if=\"v.loading\">Loading...</div>\n *   <div v-else-if=\"v.error\">Error: {{ v.error.message }}</div>\n *   <div v-else>Data: {{ v.value }}</div>\n * </template>\n * ```\n */\nexport function useWatchFetch<S, V>(\n  watchSource: WatchSource<S>,\n  doFetch: (s: S) => Promise<V>,\n  settings?: {\n    watchOptions?: WatchOptions;\n    debounce?: MaybeRef<number>; // debounce time in ms\n    filterWatchResult?: (s: S) => boolean; // prevents fetching if false\n  },\n): FetchResult<V> {\n  const loadingRef = ref(0);\n\n  const data = reactive({\n    loading: computed(() => loadingRef.value > 0),\n    loadingRef,\n    value: undefined as V,\n    error: undefined,\n  }) as FetchResult<V>;\n\n  const exclusive = exclusiveRequest(async (s: S) => {\n    if (settings?.debounce) {\n      await delay(unref(settings.debounce));\n    }\n    return doFetch(s);\n  });\n\n  watch(\n    watchSource,\n    async (s) => {\n      if (settings?.filterWatchResult && !settings.filterWatchResult(s)) {\n        return;\n      }\n\n      data.error = undefined;\n      loadingRef.value++;\n      exclusive(s)\n        .then((res) => {\n          if (res.ok) {\n            data.value = res.value;\n          }\n        })\n        .catch((err) => {\n          data.value = undefined;\n          data.error = err;\n        })\n        .finally(() => {\n          loadingRef.value--;\n        });\n    },\n    Object.assign({ immediate: true, deep: true }, settings?.watchOptions ?? {}),\n  );\n\n  return data;\n}\n"],"names":["useWatchFetch","watchSource","doFetch","settings","loadingRef","ref","data","reactive","computed","exclusive","exclusiveRequest","s","delay","unref","watch","res","err"],"mappings":";;AAgCO,SAASA,EACdC,GACAC,GACAC,GAKgB;AAChB,QAAMC,IAAaC,EAAI,CAAC,GAElBC,IAAOC,EAAS;AAAA,IACpB,SAASC,EAAS,MAAMJ,EAAW,QAAQ,CAAC;AAAA,IAC5C,YAAAA;AAAA,IACA,OAAO;AAAA,IACP,OAAO;AAAA,EAAA,CACR,GAEKK,IAAYC,EAAiB,OAAOC,OACpCR,KAAA,QAAAA,EAAU,YACZ,MAAMS,EAAMC,EAAMV,EAAS,QAAQ,CAAC,GAE/BD,EAAQS,CAAC,EACjB;AAED,SAAAG;AAAA,IACEb;AAAA,IACA,OAAOU,MAAM;AACX,MAAIR,KAAA,QAAAA,EAAU,qBAAqB,CAACA,EAAS,kBAAkBQ,CAAC,MAIhEL,EAAK,QAAQ,QACbF,EAAW,SACXK,EAAUE,CAAC,EACR,KAAK,CAACI,MAAQ;AACb,QAAIA,EAAI,OACNT,EAAK,QAAQS,EAAI;AAAA,MAErB,CAAC,EACA,MAAM,CAACC,MAAQ;AACd,QAAAV,EAAK,QAAQ,QACbA,EAAK,QAAQU;AAAA,MACf,CAAC,EACA,QAAQ,MAAM;AACb,QAAAZ,EAAW;AAAA,MACb,CAAC;AAAA,IACL;AAAA,IACA,OAAO,OAAO,EAAE,WAAW,IAAM,MAAM,GAAA,IAAQD,KAAA,gBAAAA,EAAU,iBAAgB,CAAA,CAAE;AAAA,EAAA,GAGtEG;AACT;"}

package/dist/composition/utils.d.ts

@@ -1,2 +1 @@
 export declare function onChanged(hook: () => unknown): void;
-//# sourceMappingURL=utils.d.ts.map

package/dist/composition/watchCached.d.ts

@@ -6,4 +6,3 @@ export interface WatchCachedOptions<Immediate = boolean> {
 /** Alternative to `watch`, but triggering only on actual data changes */
 export declare function watchCached<T, Immediate extends Readonly<boolean> = false>(source: WatchSource<T>, cb: WatchCallback<T, MaybeUndefined<T, Immediate>>, options?: WatchCachedOptions<Immediate>): WatchHandle;
 export {};
-//# sourceMappingURL=watchCached.d.ts.map

package/dist/composition/watchCached.js

@@ -1,4 +1,4 @@
-import { isJsonEqual as c, deepClone as i } from "../lib/util/helpers/dist/index.js";
+import { isJsonEqual as c, deepClone as i } from "@milaboratories/helpers";
 import { ref as l, watch as t } from "vue";
 function n(m, d, e) {
   const a = l(), u = t(

package/dist/composition/watchCached.js.map

@@ -1 +1 @@
-{"version":3,"file":"watchCached.js","sources":["../../src/composition/watchCached.ts"],"sourcesContent":["import { deepClone, isJsonEqual } from '@milaboratories/helpers';\nimport {\n  ref,\n  watch,\n  type WatchCallback,\n  type WatchHandle,\n  type WatchSource,\n} from 'vue';\n\ntype MaybeUndefined<T, I> = I extends true ? T | undefined : T;\nexport interface WatchCachedOptions<Immediate = boolean> {\n  immediate?: Immediate;\n  // deep: true; - caching is useless when you are using the source as a `shallowRef`\n  // once: false; - caching is useless when you need a single shot, use plain watch instead\n}\n/** Alternative to `watch`, but triggering only on actual data changes */\nexport function watchCached<T, Immediate extends Readonly<boolean> = false>(\n  source: WatchSource<T>,\n  cb: WatchCallback<T, MaybeUndefined<T, Immediate>>,\n  options?: WatchCachedOptions<Immediate>,\n): WatchHandle {\n  const cachedValue = ref<T>();\n  const handle = watch(\n    source,\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    {\n      deep: true,\n      immediate: true, // always initialize cachedValue\n    },\n  );\n  watch<T, Immediate>(\n    () => cachedValue.value as T, // `as T` is safe as we always initialize cachedValue\n    cb, // separate watch so that `onWatcherCleanup` would only be triggerred here\n    {\n      // standard vue `WatchOptions` conform to `WatchCachedOptions` interface,\n      // so construct new options to remove unsupported entries\n      deep: true,\n      immediate: options?.immediate,\n    },\n  );\n  return handle; // stopping first handle would effectively stop the second one\n}\n"],"names":["watchCached","source","cb","options","cachedValue","ref","handle","watch","newValue","isJsonEqual","deepClone"],"mappings":";;AAgBgB,SAAAA,EACdC,GACAC,GACAC,GACa;AACb,QAAMC,IAAcC,EAAO,GACrBC,IAASC;AAAA,IACbN;AAAA,IACA,CAACO,MAAa;AACZ,MAAKC,EAAYD,GAAUJ,EAAY,KAAK,MAG9BA,EAAA,QAAQM,EAAUF,CAAQ;AAAA,IAE1C;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,WAAW;AAAA;AAAA,IAAA;AAAA,EAEf;AACA,SAAAD;AAAA,IACE,MAAMH,EAAY;AAAA;AAAA,IAClBF;AAAA;AAAA,IACA;AAAA;AAAA;AAAA,MAGE,MAAM;AAAA,MACN,WAAWC,KAAA,gBAAAA,EAAS;AAAA,IAAA;AAAA,EAExB,GACOG;AACT;"}
+{"version":3,"file":"watchCached.js","sources":["../../src/composition/watchCached.ts"],"sourcesContent":["import { deepClone, isJsonEqual } from '@milaboratories/helpers';\nimport {\n  ref,\n  watch,\n  type WatchCallback,\n  type WatchHandle,\n  type WatchSource,\n} from 'vue';\n\ntype MaybeUndefined<T, I> = I extends true ? T | undefined : T;\nexport interface WatchCachedOptions<Immediate = boolean> {\n  immediate?: Immediate;\n  // deep: true; - caching is useless when you are using the source as a `shallowRef`\n  // once: false; - caching is useless when you need a single shot, use plain watch instead\n}\n/** Alternative to `watch`, but triggering only on actual data changes */\nexport function watchCached<T, Immediate extends Readonly<boolean> = false>(\n  source: WatchSource<T>,\n  cb: WatchCallback<T, MaybeUndefined<T, Immediate>>,\n  options?: WatchCachedOptions<Immediate>,\n): WatchHandle {\n  const cachedValue = ref<T>();\n  const handle = watch(\n    source,\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    {\n      deep: true,\n      immediate: true, // always initialize cachedValue\n    },\n  );\n  watch<T, Immediate>(\n    () => cachedValue.value as T, // `as T` is safe as we always initialize cachedValue\n    cb, // separate watch so that `onWatcherCleanup` would only be triggerred here\n    {\n      // standard vue `WatchOptions` conform to `WatchCachedOptions` interface,\n      // so construct new options to remove unsupported entries\n      deep: true,\n      immediate: options?.immediate,\n    },\n  );\n  return handle; // stopping first handle would effectively stop the second one\n}\n"],"names":["watchCached","source","cb","options","cachedValue","ref","handle","watch","newValue","isJsonEqual","deepClone"],"mappings":";;AAgBO,SAASA,EACdC,GACAC,GACAC,GACa;AACb,QAAMC,IAAcC,EAAA,GACdC,IAASC;AAAA,IACbN;AAAA,IACA,CAACO,MAAa;AACZ,MAAKC,EAAYD,GAAUJ,EAAY,KAAK,MAG1CA,EAAY,QAAQM,EAAUF,CAAQ;AAAA,IAE1C;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,WAAW;AAAA;AAAA,IAAA;AAAA,EACb;AAEF,SAAAD;AAAA,IACE,MAAMH,EAAY;AAAA;AAAA,IAClBF;AAAA;AAAA,IACA;AAAA;AAAA;AAAA,MAGE,MAAM;AAAA,MACN,WAAWC,KAAA,gBAAAA,EAAS;AAAA,IAAA;AAAA,EACtB,GAEKG;AACT;"}

package/dist/demo-site-data/all-css-variables.d.ts

@@ -6,4 +6,3 @@ export declare function allCssVariables(): Record<string, {
         description: string;
     }>;
 }>;
-//# sourceMappingURL=all-css-variables.d.ts.map

package/dist/demo-site-data/all-css-variables.js.map

@@ -1 +1 @@
-{"version":3,"file":"all-css-variables.js","sources":["../../src/demo-site-data/all-css-variables.ts"],"sourcesContent":["export function allCssVariables(): Record<\n  string,\n  {\n    title: string;\n    data: Record<\n      string,\n      {\n        light: [boolean, boolean];\n        value: [string, string];\n        description: string;\n      }\n    >;\n  }\n> {\n  return {\n    txtSec: {\n      title: 'Text',\n      data: {\n        '--txt-00': {\n          light: [false, false],\n          value: ['#FFFFFF', '#FFFFFF'],\n          description: 'Text on the colored elements',\n        },\n        '--txt-01': {\n          light: [true, false],\n          value: ['#110529', '#FFFFFF'],\n          description: 'Primary text layer',\n        },\n        '--txt-02': {\n          light: [true, false],\n          value: ['#231842', '#ADAEB8'],\n          description: 'Secondary text layer - large arrays of text',\n        },\n        '--txt-03': {\n          light: [true, true],\n          value: ['#9D9EAE', '#60616B'],\n          description: 'Tetritary text layer - hints and descriptions',\n        },\n        '--txt-mask': {\n          light: [false, true],\n          value: ['#CFD1DB', '#3D3D42'],\n          description: 'Text mask in inputs, icons, etc.',\n        },\n        '--txt-focus': {\n          light: [true, true],\n          value: ['#07AD3E', '#87E087'],\n          description: 'Colored text in active/focus elements',\n        },\n        '--txt-error': {\n          light: [true, true],\n          value: ['#F1222F', '#FF5C5C'],\n          description: 'Colored text in error elements',\n        },\n        '--txt-link': {\n          light: [true, true],\n          value: ['#5F31CC', '#9470FF'],\n          description: 'Colored text in links',\n        },\n      },\n    },\n    iconSec: {\n      title: 'Icon',\n      data: {\n        '--ic-00': {\n          light: [false, false],\n          value: ['#FFFFFF', '#FFFFFF'],\n          description: 'Icons on colored elements',\n        },\n        '--ic-01': {\n          light: [true, false],\n          value: ['#110529', '#FFFFFF'],\n          description: 'Primary elements',\n        },\n        '--ic-02': {\n          light: [false, true],\n          value: ['#CFD1DB', '#60616B'],\n          description: 'Secondary & tetritary elements',\n        },\n        '--ic-accent': {\n          light: [true, false],\n          value: ['#07AD3E', '#87E087'],\n          description: 'Focus/active elements',\n        },\n      },\n    },\n    borderSec: {\n      title: 'Border',\n      data: {\n        '--border-color-default': {\n          light: [true, true],\n          value: ['#110529', '#60616B'],\n          description: 'Main border for components',\n        },\n        '--border-color-hover': {\n          light: [true, true],\n          value: ['#231842', '#ADAEB8'],\n          description: 'Hover on main border',\n        },\n        '--border-color-focus': {\n          light: [false, false],\n          value: ['#49CC49', '#49CC49'],\n          description: 'Active border for components',\n        },\n        '--border-color-error': {\n          light: [false, false],\n          value: ['#FF5C5C', '#FF5C5C'],\n          description: 'Error border for components',\n        },\n        '--border-color-div-grey': {\n          light: [false, true],\n          value: ['#E1E3EB', '#232329'],\n          description: 'Divider lines low contrast',\n        },\n        '--border-color-div-bw': {\n          light: [false, true],\n          value: ['#FFFFFF', '#000000'],\n          description: 'Divider lines hight contrast',\n        },\n      },\n    },\n    btnSec: {\n      title: 'Button',\n      data: {\n        '--btn-accent-default': {\n          light: [true, true],\n          value: ['#845CFF', ' #5F31CC'],\n          description: 'Accent coloured button',\n        },\n        '--btn-accent-hover': {\n          light: [true, true],\n          value: ['#9470FF', ' #5F31CC'],\n          description: 'Hover on accent coloured button',\n        },\n        '--btn-accent-press': {\n          light: [true, true],\n          value: ['#6F4DD6', '#5F31CC'],\n          description: 'Pressed on accent coloured button',\n        },\n        '--btn-primary-default': {\n          light: [true, true],\n          value: ['#110529', '#5F31CC'],\n          description: 'Primary button',\n        },\n        '--btn-primary-hover': {\n          light: [true, true],\n          value: ['#231842', '#6D3DDB'],\n          description: 'Hover on primary button',\n        },\n        '--btn-primary-press': {\n          light: [true, true],\n          value: ['#080214', '#5328B8'],\n          description: 'Hover on primary button',\n        },\n        '--btn-sec-hover-white': {\n          light: [false, true],\n          value: ['rgba(255, 255, 255, 0.50)', 'rgba(131, 131, 163, 0.16)'],\n          description: 'Hover background on transparent button',\n        },\n        '--btn-sec-hover-grey': {\n          light: [false, true],\n          value: ['rgba(155, 171, 204, 0.16)', 'rgba(131, 131, 163, 0.16)'],\n          description: 'Hover background on ghost button & icons',\n        },\n        '--btn-sec-press-grey': {\n          light: [false, true],\n          value: ['rgba(155, 171, 204, 0.24)', 'rgba(131, 131, 163, 0.24)'],\n          description: 'Hover background on ghost button & icons',\n        },\n        '--btn-active-select': {\n          light: [false, true],\n          value: ['rgba(99, 224, 36, 0.24)', 'rgba(99, 224, 36, 0.24)'],\n          description: 'Fill on selected elements',\n        },\n        '--btn-switcher': {\n          light: [false, true],\n          value: ['linear-gradient(180deg, #A1E59C 0%, #D0F5B0 100%)', '#5E5E70'],\n          description: 'Gradient on active controll/switcher element',\n        },\n      },\n    },\n    disSec: {\n      title: 'Disable',\n      data: {\n        '--dis-00': {\n          light: [false, true],\n          value: ['#FFFFFF', '#65656B'],\n          description: 'Elements on dis-01, labels, texts, icons',\n        },\n        '--dis-01': {\n          light: [false, true],\n          value: ['#CFD1DB', '#3D3D42'],\n          description: 'Buttons, borders, labels, texts, icons',\n        },\n      },\n    },\n    bgSec: {\n      title: 'Background',\n      data: {\n        '--bg-base-dark': {\n          light: [true, true],\n          value: ['#110529', '#0D0D0F'],\n          description: 'Default dark block background',\n        },\n        '--bg-base-light': {\n          light: [false, true],\n          value: ['#F7F8FA', '#0D0D0F'],\n          description: 'Default light block background',\n        },\n        '--bg-elevated-01': {\n          light: [false, true],\n          value: ['#FFFFFF', '#1B1B1F'],\n          description: 'Default block background',\n        },\n        '--bg-elevated-02': {\n          light: [false, true],\n          value: ['#E1E3EB', '#2D2D33'],\n          description: 'Secondary block background',\n        },\n      },\n    },\n    filledSec: {\n      title: 'Filled',\n      data: {\n        '--filled-V-BG': {\n          light: [false, true],\n          value: ['#D0F0C0', 'rgba(66, 184, 66, 0.40)'],\n          description: 'Text background selection on V-read',\n        },\n        '--filled-D-BG': {\n          light: [false, true],\n          value: ['#FFCECC', 'rgba(229, 83, 229, 0.40)'],\n          description: 'Text background selection on D-read',\n        },\n        '--filled-N-BG': {\n          light: [false, true],\n          value: ['#FAF5AA', 'rgba(83, 82, 102, 0.40)'],\n          description: 'Text background selection on C/N-read',\n        },\n        '--filled-J-BG': {\n          light: [false, true],\n          value: ['#DEDBFF', 'rgba(132, 92, 255, 0.40)'],\n          description: 'Text background selection on J-read',\n        },\n      },\n    },\n    notificationSec: {\n      title: 'Notification',\n      data: {\n        '--notification-neutral': {\n          light: [false, true],\n          value: ['linear-gradient(90deg, #D6D9FF 0%, #FFF 100%)', 'linear-gradient(90deg, #4D4D8F 0%, #292933 100%)'],\n          description: 'Background on neutral blocks',\n        },\n        '--notification-success': {\n          light: [false, true],\n          value: ['linear-gradient(90deg, #C9F0B6 0%, #FFF 100%)', 'linear-gradient(90deg, #305C3E 0%, #292933 100%)'],\n          description: 'Background on success blocks',\n        },\n        '--notification-warning': {\n          light: [false, true],\n          value: ['linear-gradient(90deg, #FEE0A3 0%, #FFF 100%)', 'linear-gradient(90deg, #754F2D 0%, #292933 100%)'],\n          description: 'Background on warning blocks',\n        },\n        '--notification-error': {\n          light: [false, true],\n          value: ['linear-gradient(90deg, #FFB8B8 0%, #FFF 100%)', 'linear-gradient(90deg, #8F3343 0%, #292933 100%)'],\n          description: 'Background on error blocks',\n        },\n      },\n    },\n    gradientSec: {\n      title: 'Gradient',\n      data: {\n        '--gradient-blue-green': {\n          light: [true, true],\n          value: [\n            'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)',\n            'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)',\n          ],\n          description: 'Main brand dark gradient',\n        },\n        '--gradient-green-lime': {\n          light: [false, true],\n          value: ['linear-gradient(180deg, #A1E59C 0%, #D0F5B0 100%)', 'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)'],\n          description: 'Main brand light gradient',\n        },\n        '--gradient-blue-violet': {\n          light: [false, true],\n          value: ['linear-gradient(180deg, #ADB8FF 0%, #D6E9FF 100%)', 'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)'],\n          description: 'Main brand light gradient',\n        },\n        '--gradient-blue-clear': {\n          light: [false, true],\n          value: ['linear-gradient(180deg, #85BEFF 0%, #CEF 100%)', 'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)'],\n          description: 'Additional brand gradient',\n        },\n        '--gradient-orange': {\n          light: [false, true],\n          value: ['linear-gradient(180deg, #FFB766 0%, #FFEAA3 100%)', 'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)'],\n          description: 'Additional brand gradient',\n        },\n        '--gradient-mint': {\n          light: [false, true],\n          value: ['linear-gradient(180deg, #7DD1D1 0%, #C8FAE9 100%)', 'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)'],\n          description: 'Additional brand gradient',\n        },\n        '--gradient-lime': {\n          light: [false, true],\n          value: ['linear-gradient(180deg, #BFE062 0%, #E4FFAD 100%)', 'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)'],\n          description: 'Additional brand gradient',\n        },\n        '--gradient-rose': {\n          light: [false, true],\n          value: ['linear-gradient(0deg, #FFDDD6 0%, #FF99C9 100%)', 'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)'],\n          description: 'Additional brand gradient',\n        },\n        '--gradient-red': {\n          light: [false, true],\n          value: ['linear-gradient(0deg, #FFD5CC 0%, #FF9494 100%)', 'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)'],\n          description: 'Additional brand gradient',\n        },\n        '--gradient-violet': {\n          light: [false, true],\n          value: ['linear-gradient(180deg, #BCA3FF 0%, #E5E5FF 100%)', 'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)'],\n          description: 'Additional brand gradient',\n        },\n      },\n    },\n  };\n}\n"],"names":["allCssVariables"],"mappings":"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"}
+{"version":3,"file":"all-css-variables.js","sources":["../../src/demo-site-data/all-css-variables.ts"],"sourcesContent":["export function allCssVariables(): Record<\n  string,\n  {\n    title: string;\n    data: Record<\n      string,\n      {\n        light: [boolean, boolean];\n        value: [string, string];\n        description: string;\n      }\n    >;\n  }\n> {\n  return {\n    txtSec: {\n      title: 'Text',\n      data: {\n        '--txt-00': {\n          light: [false, false],\n          value: ['#FFFFFF', '#FFFFFF'],\n          description: 'Text on the colored elements',\n        },\n        '--txt-01': {\n          light: [true, false],\n          value: ['#110529', '#FFFFFF'],\n          description: 'Primary text layer',\n        },\n        '--txt-02': {\n          light: [true, false],\n          value: ['#231842', '#ADAEB8'],\n          description: 'Secondary text layer - large arrays of text',\n        },\n        '--txt-03': {\n          light: [true, true],\n          value: ['#9D9EAE', '#60616B'],\n          description: 'Tetritary text layer - hints and descriptions',\n        },\n        '--txt-mask': {\n          light: [false, true],\n          value: ['#CFD1DB', '#3D3D42'],\n          description: 'Text mask in inputs, icons, etc.',\n        },\n        '--txt-focus': {\n          light: [true, true],\n          value: ['#07AD3E', '#87E087'],\n          description: 'Colored text in active/focus elements',\n        },\n        '--txt-error': {\n          light: [true, true],\n          value: ['#F1222F', '#FF5C5C'],\n          description: 'Colored text in error elements',\n        },\n        '--txt-link': {\n          light: [true, true],\n          value: ['#5F31CC', '#9470FF'],\n          description: 'Colored text in links',\n        },\n      },\n    },\n    iconSec: {\n      title: 'Icon',\n      data: {\n        '--ic-00': {\n          light: [false, false],\n          value: ['#FFFFFF', '#FFFFFF'],\n          description: 'Icons on colored elements',\n        },\n        '--ic-01': {\n          light: [true, false],\n          value: ['#110529', '#FFFFFF'],\n          description: 'Primary elements',\n        },\n        '--ic-02': {\n          light: [false, true],\n          value: ['#CFD1DB', '#60616B'],\n          description: 'Secondary & tetritary elements',\n        },\n        '--ic-accent': {\n          light: [true, false],\n          value: ['#07AD3E', '#87E087'],\n          description: 'Focus/active elements',\n        },\n      },\n    },\n    borderSec: {\n      title: 'Border',\n      data: {\n        '--border-color-default': {\n          light: [true, true],\n          value: ['#110529', '#60616B'],\n          description: 'Main border for components',\n        },\n        '--border-color-hover': {\n          light: [true, true],\n          value: ['#231842', '#ADAEB8'],\n          description: 'Hover on main border',\n        },\n        '--border-color-focus': {\n          light: [false, false],\n          value: ['#49CC49', '#49CC49'],\n          description: 'Active border for components',\n        },\n        '--border-color-error': {\n          light: [false, false],\n          value: ['#FF5C5C', '#FF5C5C'],\n          description: 'Error border for components',\n        },\n        '--border-color-div-grey': {\n          light: [false, true],\n          value: ['#E1E3EB', '#232329'],\n          description: 'Divider lines low contrast',\n        },\n        '--border-color-div-bw': {\n          light: [false, true],\n          value: ['#FFFFFF', '#000000'],\n          description: 'Divider lines hight contrast',\n        },\n      },\n    },\n    btnSec: {\n      title: 'Button',\n      data: {\n        '--btn-accent-default': {\n          light: [true, true],\n          value: ['#845CFF', ' #5F31CC'],\n          description: 'Accent coloured button',\n        },\n        '--btn-accent-hover': {\n          light: [true, true],\n          value: ['#9470FF', ' #5F31CC'],\n          description: 'Hover on accent coloured button',\n        },\n        '--btn-accent-press': {\n          light: [true, true],\n          value: ['#6F4DD6', '#5F31CC'],\n          description: 'Pressed on accent coloured button',\n        },\n        '--btn-primary-default': {\n          light: [true, true],\n          value: ['#110529', '#5F31CC'],\n          description: 'Primary button',\n        },\n        '--btn-primary-hover': {\n          light: [true, true],\n          value: ['#231842', '#6D3DDB'],\n          description: 'Hover on primary button',\n        },\n        '--btn-primary-press': {\n          light: [true, true],\n          value: ['#080214', '#5328B8'],\n          description: 'Hover on primary button',\n        },\n        '--btn-sec-hover-white': {\n          light: [false, true],\n          value: ['rgba(255, 255, 255, 0.50)', 'rgba(131, 131, 163, 0.16)'],\n          description: 'Hover background on transparent button',\n        },\n        '--btn-sec-hover-grey': {\n          light: [false, true],\n          value: ['rgba(155, 171, 204, 0.16)', 'rgba(131, 131, 163, 0.16)'],\n          description: 'Hover background on ghost button & icons',\n        },\n        '--btn-sec-press-grey': {\n          light: [false, true],\n          value: ['rgba(155, 171, 204, 0.24)', 'rgba(131, 131, 163, 0.24)'],\n          description: 'Hover background on ghost button & icons',\n        },\n        '--btn-active-select': {\n          light: [false, true],\n          value: ['rgba(99, 224, 36, 0.24)', 'rgba(99, 224, 36, 0.24)'],\n          description: 'Fill on selected elements',\n        },\n        '--btn-switcher': {\n          light: [false, true],\n          value: ['linear-gradient(180deg, #A1E59C 0%, #D0F5B0 100%)', '#5E5E70'],\n          description: 'Gradient on active controll/switcher element',\n        },\n      },\n    },\n    disSec: {\n      title: 'Disable',\n      data: {\n        '--dis-00': {\n          light: [false, true],\n          value: ['#FFFFFF', '#65656B'],\n          description: 'Elements on dis-01, labels, texts, icons',\n        },\n        '--dis-01': {\n          light: [false, true],\n          value: ['#CFD1DB', '#3D3D42'],\n          description: 'Buttons, borders, labels, texts, icons',\n        },\n      },\n    },\n    bgSec: {\n      title: 'Background',\n      data: {\n        '--bg-base-dark': {\n          light: [true, true],\n          value: ['#110529', '#0D0D0F'],\n          description: 'Default dark block background',\n        },\n        '--bg-base-light': {\n          light: [false, true],\n          value: ['#F7F8FA', '#0D0D0F'],\n          description: 'Default light block background',\n        },\n        '--bg-elevated-01': {\n          light: [false, true],\n          value: ['#FFFFFF', '#1B1B1F'],\n          description: 'Default block background',\n        },\n        '--bg-elevated-02': {\n          light: [false, true],\n          value: ['#E1E3EB', '#2D2D33'],\n          description: 'Secondary block background',\n        },\n      },\n    },\n    filledSec: {\n      title: 'Filled',\n      data: {\n        '--filled-V-BG': {\n          light: [false, true],\n          value: ['#D0F0C0', 'rgba(66, 184, 66, 0.40)'],\n          description: 'Text background selection on V-read',\n        },\n        '--filled-D-BG': {\n          light: [false, true],\n          value: ['#FFCECC', 'rgba(229, 83, 229, 0.40)'],\n          description: 'Text background selection on D-read',\n        },\n        '--filled-N-BG': {\n          light: [false, true],\n          value: ['#FAF5AA', 'rgba(83, 82, 102, 0.40)'],\n          description: 'Text background selection on C/N-read',\n        },\n        '--filled-J-BG': {\n          light: [false, true],\n          value: ['#DEDBFF', 'rgba(132, 92, 255, 0.40)'],\n          description: 'Text background selection on J-read',\n        },\n      },\n    },\n    notificationSec: {\n      title: 'Notification',\n      data: {\n        '--notification-neutral': {\n          light: [false, true],\n          value: ['linear-gradient(90deg, #D6D9FF 0%, #FFF 100%)', 'linear-gradient(90deg, #4D4D8F 0%, #292933 100%)'],\n          description: 'Background on neutral blocks',\n        },\n        '--notification-success': {\n          light: [false, true],\n          value: ['linear-gradient(90deg, #C9F0B6 0%, #FFF 100%)', 'linear-gradient(90deg, #305C3E 0%, #292933 100%)'],\n          description: 'Background on success blocks',\n        },\n        '--notification-warning': {\n          light: [false, true],\n          value: ['linear-gradient(90deg, #FEE0A3 0%, #FFF 100%)', 'linear-gradient(90deg, #754F2D 0%, #292933 100%)'],\n          description: 'Background on warning blocks',\n        },\n        '--notification-error': {\n          light: [false, true],\n          value: ['linear-gradient(90deg, #FFB8B8 0%, #FFF 100%)', 'linear-gradient(90deg, #8F3343 0%, #292933 100%)'],\n          description: 'Background on error blocks',\n        },\n      },\n    },\n    gradientSec: {\n      title: 'Gradient',\n      data: {\n        '--gradient-blue-green': {\n          light: [true, true],\n          value: [\n            'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)',\n            'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)',\n          ],\n          description: 'Main brand dark gradient',\n        },\n        '--gradient-green-lime': {\n          light: [false, true],\n          value: ['linear-gradient(180deg, #A1E59C 0%, #D0F5B0 100%)', 'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)'],\n          description: 'Main brand light gradient',\n        },\n        '--gradient-blue-violet': {\n          light: [false, true],\n          value: ['linear-gradient(180deg, #ADB8FF 0%, #D6E9FF 100%)', 'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)'],\n          description: 'Main brand light gradient',\n        },\n        '--gradient-blue-clear': {\n          light: [false, true],\n          value: ['linear-gradient(180deg, #85BEFF 0%, #CEF 100%)', 'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)'],\n          description: 'Additional brand gradient',\n        },\n        '--gradient-orange': {\n          light: [false, true],\n          value: ['linear-gradient(180deg, #FFB766 0%, #FFEAA3 100%)', 'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)'],\n          description: 'Additional brand gradient',\n        },\n        '--gradient-mint': {\n          light: [false, true],\n          value: ['linear-gradient(180deg, #7DD1D1 0%, #C8FAE9 100%)', 'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)'],\n          description: 'Additional brand gradient',\n        },\n        '--gradient-lime': {\n          light: [false, true],\n          value: ['linear-gradient(180deg, #BFE062 0%, #E4FFAD 100%)', 'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)'],\n          description: 'Additional brand gradient',\n        },\n        '--gradient-rose': {\n          light: [false, true],\n          value: ['linear-gradient(0deg, #FFDDD6 0%, #FF99C9 100%)', 'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)'],\n          description: 'Additional brand gradient',\n        },\n        '--gradient-red': {\n          light: [false, true],\n          value: ['linear-gradient(0deg, #FFD5CC 0%, #FF9494 100%)', 'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)'],\n          description: 'Additional brand gradient',\n        },\n        '--gradient-violet': {\n          light: [false, true],\n          value: ['linear-gradient(180deg, #BCA3FF 0%, #E5E5FF 100%)', 'linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)'],\n          description: 'Additional brand gradient',\n        },\n      },\n    },\n  };\n}\n"],"names":["allCssVariables"],"mappings":"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"}

package/dist/generated/components/svg/images/SvgRequired.vue.d.ts

@@ -1,3 +1,2 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
-//# sourceMappingURL=SvgRequired.vue.d.ts.map

package/dist/generated/components/svg/images/{SvgRequired.vue2.js → SvgRequired.vue.js}

@@ -14,4 +14,4 @@ const h = /* @__PURE__ */ r(e, [["render", i]]);
 export {
   h as default
 };
-//# sourceMappingURL=SvgRequired.vue2.js.map
+//# sourceMappingURL=SvgRequired.vue.js.map

package/dist/generated/components/svg/images/SvgRequired.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgRequired.vue.js","sources":["../../../../../src/generated/components/svg/images/SvgRequired.vue"],"sourcesContent":["<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->\n<script lang=\"ts\">\nimport '../svg-styles.css';\nexport default { name: 'SvgRequired' };\n</script>\n\n<template>\n  <div class=\"svg-icon SvgRequired\" style=\"width: 5px; height: 12px\" />\n</template>\n\n<style>\n  .SvgRequired { background-image: url(\"data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%2212%22%20viewBox%3D%220%200%205%2012%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1.51685%204.8L2.5%203.34159L3.47612%204.8L4.39607%204.12743L3.31461%202.7469L5%202.25133L4.64888%201.16106L3.00562%201.77699L3.06882%200H1.93118L1.99438%201.77699L0.351124%201.16106L0%202.25133L1.68539%202.7469L0.59691%204.12743L1.51685%204.8Z%22%20fill%3D%22%23F1222F%22%2F%3E%3C%2Fsvg%3E\"); }\n</style>\n"],"names":["_hoisted_1"],"mappings":";;;;AAOoC,MAAAA,IAAA;AAAA,EAAA,OAAA;AAAA;;;;;;"}

package/dist/generated/components/svg/images/SvgRequired.vue3.js.map

@@ -1 +1 @@
-{"version":3,"file":"SvgRequired.vue3.js","sources":["../../../../../src/generated/components/svg/images/SvgRequired.vue"],"sourcesContent":["<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->\n<script lang=\"ts\">\nimport '../svg-styles.css';\nexport default { name: 'SvgRequired' };\n</script>\n\n<template>\n  <div class=\"svg-icon SvgRequired\" style=\"width: 5px; height: 12px\" />\n</template>\n\n<style>\n  .SvgRequired { background-image: url(\"data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%2212%22%20viewBox%3D%220%200%205%2012%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1.51685%204.8L2.5%203.34159L3.47612%204.8L4.39607%204.12743L3.31461%202.7469L5%202.25133L4.64888%201.16106L3.00562%201.77699L3.06882%200H1.93118L1.99438%201.77699L0.351124%201.16106L0%202.25133L1.68539%202.7469L0.59691%204.12743L1.51685%204.8Z%22%20fill%3D%22%23F1222F%22%2F%3E%3C%2Fsvg%3E\"); }\n</style>\n"],"names":["_sfc_main"],"mappings":";AAGA,MAAAA,IAAe,EAAE,MAAM,cAAc;"}
+{"version":3,"file":"SvgRequired.vue3.js","sources":["../../../../../src/generated/components/svg/images/SvgRequired.vue"],"sourcesContent":["<!-- ⚠️ AUTOGENERATED. DO NOT EDIT. -->\n<script lang=\"ts\">\nimport '../svg-styles.css';\nexport default { name: 'SvgRequired' };\n</script>\n\n<template>\n  <div class=\"svg-icon SvgRequired\" style=\"width: 5px; height: 12px\" />\n</template>\n\n<style>\n  .SvgRequired { background-image: url(\"data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%2212%22%20viewBox%3D%220%200%205%2012%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1.51685%204.8L2.5%203.34159L3.47612%204.8L4.39607%204.12743L3.31461%202.7469L5%202.25133L4.64888%201.16106L3.00562%201.77699L3.06882%200H1.93118L1.99438%201.77699L0.351124%201.16106L0%202.25133L1.68539%202.7469L0.59691%204.12743L1.51685%204.8Z%22%20fill%3D%22%23F1222F%22%2F%3E%3C%2Fsvg%3E\"); }\n</style>\n"],"names":["_sfc_main"],"mappings":";AAGA,MAAAA,IAAe,EAAE,MAAM,cAAA;"}

package/dist/generated/icons-16.d.ts

@@ -1,2 +1 @@
 export declare const icons16: readonly ["add", "arrow-down", "arrow-left", "arrow-link", "arrow-right", "arrow-up", "box", "calendar", "caret-down", "caret-left", "caret-right", "caret-up", "cell-type-num", "cell-type-subset", "cell-type-txt", "checkmark", "chevron-down", "chevron-first", "chevron-last", "chevron-left", "chevron-right", "chevron-up", "clipboard-copied", "clipboard", "close", "copy", "data-dimentions", "delete-bin", "delete-circle", "delete-clear", "download", "drag-dots", "duplicate", "edit", "error", "export", "filter-on", "filter", "help-outline", "help", "info-outline", "info", "jump-link", "link", "loading", "lock", "maximize", "minimize", "minus", "more", "open", "paper-clip", "pause", "play", "progress", "renew", "restart", "reverse", "settings", "sort", "stop", "success", "time", "tune", "warning", "x-axis", "y-axis", "zip"];
-//# sourceMappingURL=icons-16.d.ts.map