@evance/evance-ui 1.1.8 → 1.1.9

package/dist/esm/composables/stack.mjs

@@ -0,0 +1,67 @@
+/*! Evance UI v1.1.9 | MIT License */
+import { inject, reactive, provide, shallowRef, watchEffect, computed, readonly, onScopeDispose, toRaw } from "vue";
+import { useToggleScope } from "./toggleScope.mjs";
+import { getCurrentComponent } from "../util/components.mjs";
+const StackSymbol = Symbol.for("ev:stack");
+const globalStack = reactive([]);
+function getComponentIndex(component) {
+  return toRaw(globalStack).findIndex((stackEntry) => {
+    return stackEntry[0] === component.uid;
+  });
+}
+function getLastZIndex() {
+  var _a;
+  return (_a = globalStack.at(-1)) == null ? void 0 : _a[1];
+}
+function getNextZIndex(fallback) {
+  const lastZIndex = getLastZIndex();
+  return lastZIndex ? lastZIndex + 10 : fallback;
+}
+function isTopComponent(component) {
+  var _a;
+  return ((_a = globalStack.at(-1)) == null ? void 0 : _a[0]) === component.uid;
+}
+function useStack(isActive, zIndex, isDisableGlobalStack) {
+  const component = getCurrentComponent("useStack");
+  const isCreateStackEntry = !isDisableGlobalStack;
+  const parentStack = inject(StackSymbol, void 0);
+  const stack = reactive({
+    activeChildren: /* @__PURE__ */ new Set()
+  });
+  provide(StackSymbol, stack);
+  const zIndexRef = shallowRef(+zIndex.value);
+  useToggleScope(isActive, () => {
+    zIndexRef.value = getNextZIndex(+zIndex.value);
+    if (isCreateStackEntry) {
+      globalStack.push([component.uid, zIndexRef.value]);
+    }
+    parentStack == null ? void 0 : parentStack.activeChildren.add(component.uid);
+    onScopeDispose(() => {
+      if (isCreateStackEntry) {
+        globalStack.splice(getComponentIndex(component), 1);
+      }
+      parentStack == null ? void 0 : parentStack.activeChildren.delete(component.uid);
+    });
+  });
+  const isTopGlobal = shallowRef(true);
+  if (isCreateStackEntry) {
+    watchEffect(() => {
+      const isTop = isTopComponent(component);
+      setTimeout(() => isTopGlobal.value = isTop);
+    });
+  }
+  const isTopLocal = computed(() => !stack.activeChildren.size);
+  return {
+    isTopGlobal: readonly(isTopGlobal),
+    isTopLocal,
+    stackStyles: computed(() => ({ zIndex: zIndexRef.value }))
+  };
+}
+export {
+  getComponentIndex,
+  getLastZIndex,
+  getNextZIndex,
+  isTopComponent,
+  useStack
+};
+//# sourceMappingURL=stack.mjs.map

package/dist/esm/composables/stack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.mjs","sources":["../../../src/composables/stack.ts"],"sourcesContent":["import {\n    ComponentInternalInstance,\n    computed,\n    inject,\n    InjectionKey,\n    onScopeDispose,\n    provide,\n    reactive,\n    readonly,\n    Ref,\n    shallowRef,\n    toRaw,\n    watchEffect,\n} from \"vue\";\nimport { getCurrentComponent } from \"@/util\";\nimport { useToggleScope } from \"./toggleScope\";\n\ninterface StackProvide {\n    activeChildren: Set<number>;\n}\n\nconst StackSymbol: InjectionKey<StackProvide> = Symbol.for(\"ev:stack\");\n\ntype StackEntry = [componentId: number, zIndex: number];\n\nconst globalStack = reactive<StackEntry[]>([]);\n\nexport function getComponentIndex(\n    component: ComponentInternalInstance,\n): number {\n    return toRaw(globalStack).findIndex((stackEntry) => {\n        return stackEntry[0] === component.uid;\n    });\n}\n\nexport function getLastZIndex(): number | undefined {\n    return globalStack.at(-1)?.[1];\n}\n\nexport function getNextZIndex(fallback: number): number {\n    const lastZIndex = getLastZIndex();\n    return lastZIndex ? lastZIndex + 10 : fallback;\n}\n\nexport function isTopComponent(component: ComponentInternalInstance): boolean {\n    return globalStack.at(-1)?.[0] === component.uid;\n}\n\n/**\n * # Use Stack\n * @param isActive\n * @param zIndex\n * @param isDisableGlobalStack\n */\nexport function useStack(\n    isActive: Readonly<Ref<boolean>>,\n    zIndex: Readonly<Ref<string | number>>,\n    isDisableGlobalStack: boolean,\n) {\n    const component = getCurrentComponent(\"useStack\");\n    const isCreateStackEntry = !isDisableGlobalStack;\n    const parentStack = inject(StackSymbol, undefined);\n    const stack: StackProvide = reactive({\n        activeChildren: new Set<number>(),\n    });\n    provide(StackSymbol, stack);\n\n    const zIndexRef = shallowRef(+zIndex.value);\n    useToggleScope(isActive, () => {\n        zIndexRef.value = getNextZIndex(+zIndex.value);\n        if (isCreateStackEntry) {\n            globalStack.push([component.uid, zIndexRef.value]);\n        }\n        parentStack?.activeChildren.add(component.uid);\n        onScopeDispose(() => {\n            if (isCreateStackEntry) {\n                globalStack.splice(getComponentIndex(component), 1);\n            }\n            parentStack?.activeChildren.delete(component.uid);\n        });\n    });\n\n    const isTopGlobal = shallowRef(true);\n    if (isCreateStackEntry) {\n        watchEffect(() => {\n            const isTop = isTopComponent(component);\n            setTimeout(() => (isTopGlobal.value = isTop));\n        });\n    }\n\n    const isTopLocal = computed(() => !stack.activeChildren.size);\n\n    return {\n        isTopGlobal: readonly(isTopGlobal),\n        isTopLocal: isTopLocal,\n        stackStyles: computed(() => ({ zIndex: zIndexRef.value })),\n    };\n}\n"],"names":[],"mappings":";;;;AAqBA,MAAM,cAA0C,OAAO,IAAI,UAAU;AAIrE,MAAM,cAAc,SAAuB,EAAE;AAEtC,SAAS,kBACZ,WACM;AACN,SAAO,MAAM,WAAW,EAAE,UAAU,CAAC,eAAe;AACzC,WAAA,WAAW,CAAC,MAAM,UAAU;AAAA,EAAA,CACtC;AACL;AAEO,SAAS,gBAAoC;;AAChD,UAAO,iBAAY,GAAG,EAAE,MAAjB,mBAAqB;AAChC;AAEO,SAAS,cAAc,UAA0B;AACpD,QAAM,aAAa,cAAc;AAC1B,SAAA,aAAa,aAAa,KAAK;AAC1C;AAEO,SAAS,eAAe,WAA+C;;AAC1E,WAAO,iBAAY,GAAG,EAAE,MAAjB,mBAAqB,QAAO,UAAU;AACjD;AAQgB,SAAA,SACZ,UACA,QACA,sBACF;AACQ,QAAA,YAAY,oBAAoB,UAAU;AAChD,QAAM,qBAAqB,CAAC;AACtB,QAAA,cAAc,OAAO,aAAa,MAAS;AACjD,QAAM,QAAsB,SAAS;AAAA,IACjC,oCAAoB,IAAY;AAAA,EAAA,CACnC;AACD,UAAQ,aAAa,KAAK;AAE1B,QAAM,YAAY,WAAW,CAAC,OAAO,KAAK;AAC1C,iBAAe,UAAU,MAAM;AAC3B,cAAU,QAAQ,cAAc,CAAC,OAAO,KAAK;AAC7C,QAAI,oBAAoB;AACpB,kBAAY,KAAK,CAAC,UAAU,KAAK,UAAU,KAAK,CAAC;AAAA,IAAA;AAExC,+CAAA,eAAe,IAAI,UAAU;AAC1C,mBAAe,MAAM;AACjB,UAAI,oBAAoB;AACpB,oBAAY,OAAO,kBAAkB,SAAS,GAAG,CAAC;AAAA,MAAA;AAEzC,iDAAA,eAAe,OAAO,UAAU;AAAA,IAAG,CACnD;AAAA,EAAA,CACJ;AAEK,QAAA,cAAc,WAAW,IAAI;AACnC,MAAI,oBAAoB;AACpB,gBAAY,MAAM;AACR,YAAA,QAAQ,eAAe,SAAS;AAC3B,iBAAA,MAAO,YAAY,QAAQ,KAAM;AAAA,IAAA,CAC/C;AAAA,EAAA;AAGL,QAAM,aAAa,SAAS,MAAM,CAAC,MAAM,eAAe,IAAI;AAErD,SAAA;AAAA,IACH,aAAa,SAAS,WAAW;AAAA,IACjC;AAAA,IACA,aAAa,SAAS,OAAO,EAAE,QAAQ,UAAU,QAAQ;AAAA,EAC7D;AACJ;"}

package/dist/esm/composables/tag.mjs

@@ -0,0 +1,15 @@
+/*! Evance UI v1.1.9 | MIT License */
+import { propsFactory } from "../util/props.mjs";
+const makeTagProps = propsFactory(
+  {
+    tag: {
+      type: String,
+      default: "div"
+    }
+  },
+  "tag"
+);
+export {
+  makeTagProps
+};
+//# sourceMappingURL=tag.mjs.map

package/dist/esm/composables/tag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.mjs","sources":["../../../src/composables/tag.ts"],"sourcesContent":["// Utilities\nimport { propsFactory } from \"@/util\";\n\n// Types\nexport interface TagProps {\n    tag?: string;\n}\n\n// Tag Props\nexport const makeTagProps = propsFactory(\n    {\n        tag: {\n            type: String,\n            default: \"div\",\n        },\n    },\n    \"tag\",\n);\n"],"names":[],"mappings":";;AASO,MAAM,eAAe;AAAA,EACxB;AAAA,IACI,KAAK;AAAA,MACD,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EAEjB;AAAA,EACA;AACJ;"}

package/dist/esm/composables/teleport.mjs

@@ -0,0 +1,30 @@
+/*! Evance UI v1.1.9 | MIT License */
+import { computed } from "vue";
+import { Browser } from "../util/browser.mjs";
+function useTeleport(target, container = ".ev-teleport") {
+  return computed(() => {
+    const targetValue = target();
+    if (targetValue === true || !Browser.hasWindow) {
+      return void 0;
+    }
+    const targetElement = targetValue === false ? document.body : typeof targetValue === "string" ? document.querySelector(targetValue) : targetValue;
+    if (!targetElement) {
+      console.warn(
+        `useTeleport() unable to resolve target "${targetValue}"`
+      );
+    }
+    let containerElement = [...targetElement.children].find(
+      (el) => el.matches(container)
+    );
+    if (!containerElement) {
+      containerElement = document.createElement("div");
+      containerElement.className = container.substring(1);
+      targetElement.appendChild(containerElement);
+    }
+    return containerElement;
+  });
+}
+export {
+  useTeleport
+};
+//# sourceMappingURL=teleport.mjs.map

package/dist/esm/composables/teleport.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"teleport.mjs","sources":["../../../src/composables/teleport.ts"],"sourcesContent":["import { computed } from \"vue\";\nimport { Browser } from \"../util\";\n\nexport type TeleportTarget = boolean | string | ParentNode;\n\n/**\n * # Use Teleport\n *\n * `target` where we want to teleport to.\n * `container` MUST be a CSS class selector (defaults to '.ev-teleport').\n *\n * @param target\n * @param container\n */\nexport function useTeleport(\n    target: () => TeleportTarget,\n    container: string = \".ev-teleport\",\n) {\n    return computed(() => {\n        const targetValue = target();\n        if (targetValue === true || !Browser.hasWindow) {\n            return undefined;\n        }\n\n        const targetElement =\n            targetValue === false\n                ? document.body\n                : typeof targetValue === \"string\"\n                  ? document.querySelector(targetValue)\n                  : targetValue;\n\n        if (!targetElement) {\n            console.warn(\n                `useTeleport() unable to resolve target \"${targetValue}\"`,\n            );\n        }\n\n        let containerElement = [...targetElement.children].find((el) =>\n            el.matches(container),\n        );\n        if (!containerElement) {\n            containerElement = document.createElement(\"div\");\n            containerElement.className = container.substring(1);\n            targetElement!.appendChild(containerElement);\n        }\n        return containerElement;\n    });\n}\n"],"names":[],"mappings":";;;AAcgB,SAAA,YACZ,QACA,YAAoB,gBACtB;AACE,SAAO,SAAS,MAAM;AAClB,UAAM,cAAc,OAAO;AAC3B,QAAI,gBAAgB,QAAQ,CAAC,QAAQ,WAAW;AACrC,aAAA;AAAA,IAAA;AAGL,UAAA,gBACF,gBAAgB,QACV,SAAS,OACT,OAAO,gBAAgB,WACrB,SAAS,cAAc,WAAW,IAClC;AAEZ,QAAI,CAAC,eAAe;AACR,cAAA;AAAA,QACJ,2CAA2C,WAAW;AAAA,MAC1D;AAAA,IAAA;AAGJ,QAAI,mBAAmB,CAAC,GAAG,cAAc,QAAQ,EAAE;AAAA,MAAK,CAAC,OACrD,GAAG,QAAQ,SAAS;AAAA,IACxB;AACA,QAAI,CAAC,kBAAkB;AACA,yBAAA,SAAS,cAAc,KAAK;AAC9B,uBAAA,YAAY,UAAU,UAAU,CAAC;AAClD,oBAAe,YAAY,gBAAgB;AAAA,IAAA;AAExC,WAAA;AAAA,EAAA,CACV;AACL;"}

package/dist/esm/composables/theme.mjs

@@ -0,0 +1,58 @@
+/*! Evance UI v1.1.9 | MIT License */
+import { inject, computed, provide, ref } from "vue";
+import { propsFactory } from "../util/props.mjs";
+import { getCurrentComponent } from "../util/components.mjs";
+import { mergeDeep } from "../util/helpers.mjs";
+const ThemeSymbol = Symbol.for("ev:theme");
+const makeThemeProps = propsFactory(
+  {
+    theme: String
+  },
+  "theme"
+);
+const defaultThemeOptions = {
+  defaultTheme: "system"
+};
+function parseThemeOptions(options = defaultThemeOptions) {
+  return !options ? defaultThemeOptions : mergeDeep(defaultThemeOptions, options);
+}
+function createTheme(options) {
+  const parsedOptions = parseThemeOptions(options);
+  const name = ref(parsedOptions.defaultTheme);
+  const themeClasses = computed(() => `ev-theme-${name.value}`);
+  return {
+    name,
+    themeClasses
+  };
+}
+function provideTheme(props) {
+  getCurrentComponent("provideTheme");
+  const theme = inject(ThemeSymbol, null);
+  if (!theme) {
+    throw new Error("Unable to find theme provider.");
+  }
+  const name = computed(() => props.theme ?? theme.name.value);
+  const themeClasses = computed(() => `ev-theme-${name.value}`);
+  const newTheme = {
+    name,
+    themeClasses
+  };
+  provide(ThemeSymbol, newTheme);
+  return newTheme;
+}
+function useTheme() {
+  getCurrentComponent("useTheme");
+  const theme = inject(ThemeSymbol, null);
+  if (!theme) {
+    throw new Error("Unable to find theme provider.");
+  }
+  return theme;
+}
+export {
+  ThemeSymbol,
+  createTheme,
+  makeThemeProps,
+  provideTheme,
+  useTheme
+};
+//# sourceMappingURL=theme.mjs.map

package/dist/esm/composables/theme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.mjs","sources":["../../../src/composables/theme.ts"],"sourcesContent":["import {\n    computed,\n    inject,\n    InjectionKey,\n    PropType,\n    provide,\n    Ref,\n    ref,\n} from \"vue\";\nimport { getCurrentComponent, mergeDeep, propsFactory } from \"@/util\";\n\nexport type Theme = \"system\" | \"light\" | \"dark\";\n\nexport type ThemeOptions = {\n    defaultTheme?: Theme;\n};\n\nexport interface ThemeInstance {\n    readonly name: Readonly<Ref<Theme>>;\n    readonly themeClasses: Readonly<Ref<string | undefined>>;\n}\n\nexport const ThemeSymbol: InjectionKey<ThemeInstance> = Symbol.for(\"ev:theme\");\n\nexport const makeThemeProps = propsFactory(\n    {\n        theme: String as PropType<Theme>,\n    },\n    \"theme\",\n);\n\nconst defaultThemeOptions: ThemeOptions = {\n    defaultTheme: \"system\",\n};\n\nfunction parseThemeOptions(\n    options: ThemeOptions = defaultThemeOptions,\n): ThemeOptions {\n    return !options\n        ? defaultThemeOptions\n        : mergeDeep(defaultThemeOptions, options);\n}\n\nexport function createTheme(options?: ThemeOptions): ThemeInstance {\n    const parsedOptions = parseThemeOptions(options);\n    const name = ref<Theme>(parsedOptions.defaultTheme);\n    const themeClasses = computed(() => `ev-theme-${name.value}`);\n\n    return {\n        name,\n        themeClasses,\n    };\n}\n\n/**\n * # `provideTheme`\n *\n * @param props\n */\nexport function provideTheme(props: { theme?: Theme }) {\n    getCurrentComponent(\"provideTheme\");\n    const theme = inject(ThemeSymbol, null);\n    if (!theme) {\n        throw new Error(\"Unable to find theme provider.\");\n    }\n    const name = computed(() => props.theme ?? theme.name.value);\n    const themeClasses = computed(() => `ev-theme-${name.value}`);\n    const newTheme: ThemeInstance = {\n        name,\n        themeClasses,\n    };\n    provide(ThemeSymbol, newTheme);\n    return newTheme;\n}\n\nexport function useTheme() {\n    getCurrentComponent(\"useTheme\");\n    const theme = inject(ThemeSymbol, null);\n    if (!theme) {\n        throw new Error(\"Unable to find theme provider.\");\n    }\n    return theme;\n}\n"],"names":[],"mappings":";;;;;AAsBa,MAAA,cAA2C,OAAO,IAAI,UAAU;AAEtE,MAAM,iBAAiB;AAAA,EAC1B;AAAA,IACI,OAAO;AAAA,EACX;AAAA,EACA;AACJ;AAEA,MAAM,sBAAoC;AAAA,EACtC,cAAc;AAClB;AAEA,SAAS,kBACL,UAAwB,qBACZ;AACZ,SAAO,CAAC,UACF,sBACA,UAAU,qBAAqB,OAAO;AAChD;AAEO,SAAS,YAAY,SAAuC;AACzD,QAAA,gBAAgB,kBAAkB,OAAO;AACzC,QAAA,OAAO,IAAW,cAAc,YAAY;AAClD,QAAM,eAAe,SAAS,MAAM,YAAY,KAAK,KAAK,EAAE;AAErD,SAAA;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AACJ;AAOO,SAAS,aAAa,OAA0B;AACnD,sBAAoB,cAAc;AAC5B,QAAA,QAAQ,OAAO,aAAa,IAAI;AACtC,MAAI,CAAC,OAAO;AACF,UAAA,IAAI,MAAM,gCAAgC;AAAA,EAAA;AAEpD,QAAM,OAAO,SAAS,MAAM,MAAM,SAAS,MAAM,KAAK,KAAK;AAC3D,QAAM,eAAe,SAAS,MAAM,YAAY,KAAK,KAAK,EAAE;AAC5D,QAAM,WAA0B;AAAA,IAC5B;AAAA,IACA;AAAA,EACJ;AACA,UAAQ,aAAa,QAAQ;AACtB,SAAA;AACX;AAEO,SAAS,WAAW;AACvB,sBAAoB,UAAU;AACxB,QAAA,QAAQ,OAAO,aAAa,IAAI;AACtC,MAAI,CAAC,OAAO;AACF,UAAA,IAAI,MAAM,gCAAgC;AAAA,EAAA;AAE7C,SAAA;AACX;"}

package/dist/esm/composables/time.mjs

@@ -0,0 +1,71 @@
+/*! Evance UI v1.1.9 | MIT License */
+function inferTimeFormat(value) {
+  if (value instanceof Date) {
+    return "date";
+  }
+  if (typeof value === "string") {
+    if (/^\d{2}:\d{2}$/.test(value)) {
+      return "time";
+    }
+    if (/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/.test(value)) {
+      return "datetime";
+    }
+  }
+  return "time";
+}
+function normalizeTimeToDate(value) {
+  if (!value) {
+    return null;
+  }
+  if (value instanceof Date && !isNaN(value.getTime())) {
+    return new Date(value);
+  }
+  if (typeof value === "string") {
+    if (/^\d{2}:\d{2}$/.test(value)) {
+      const [h, m] = value.split(":").map(Number);
+      const d = /* @__PURE__ */ new Date();
+      d.setHours(h, m, 0, 0);
+      return d;
+    }
+    if (/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/.test(value)) {
+      const d = new Date(value.replace(" ", "T"));
+      return isNaN(d.getTime()) ? null : d;
+    }
+    const parsed = new Date(value);
+    return isNaN(parsed.getTime()) ? null : parsed;
+  }
+  return null;
+}
+function serializeDateToTime(date, format) {
+  if (!date) {
+    return null;
+  }
+  const d = new Date(date);
+  d.setSeconds(0, 0);
+  if (format === "date") {
+    return d;
+  }
+  if (format === "time") {
+    return d.toTimeString().slice(0, 5);
+  }
+  if (format === "datetime") {
+    const pad = (n) => String(n).padStart(2, "0");
+    const year = d.getFullYear();
+    const month = pad(d.getMonth() + 1);
+    const day = pad(d.getDate());
+    const hour = pad(d.getHours());
+    const minutes = pad(d.getMinutes());
+    return `${year}-${month}-${day} ${hour}:${minutes}:00`;
+  }
+  return null;
+}
+function displayTimeFromDate(date) {
+  return date ? date.toTimeString().slice(0, 5) : "";
+}
+export {
+  displayTimeFromDate,
+  inferTimeFormat,
+  normalizeTimeToDate,
+  serializeDateToTime
+};
+//# sourceMappingURL=time.mjs.map

package/dist/esm/composables/time.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.mjs","sources":["../../../src/composables/time.ts"],"sourcesContent":["export function inferTimeFormat(value: unknown) {\n    if (value instanceof Date) {\n        return \"date\";\n    }\n    if (typeof value === \"string\") {\n        if (/^\\d{2}:\\d{2}$/.test(value)) {\n            return \"time\";\n        }\n        if (/^\\d{4}-\\d{2}-\\d{2} \\d{2}:\\d{2}:\\d{2}$/.test(value)) {\n            return \"datetime\";\n        }\n    }\n    return \"time\";\n}\n\nexport function normalizeTimeToDate(value: unknown) {\n    if (!value) {\n        return null;\n    }\n    if (value instanceof Date && !isNaN(value.getTime())) {\n        return new Date(value);\n    }\n    if (typeof value === \"string\") {\n        // HH:mm\n        if (/^\\d{2}:\\d{2}$/.test(value)) {\n            const [h, m] = value.split(\":\").map(Number);\n            const d = new Date();\n            d.setHours(h, m, 0, 0);\n            return d;\n        }\n        // Y-m-d H:i:s\n        if (/^\\d{4}-\\d{2}-\\d{2} \\d{2}:\\d{2}:\\d{2}$/.test(value)) {\n            const d = new Date(value.replace(\" \", \"T\"));\n            return isNaN(d.getTime()) ? null : d;\n        }\n        // fallback (ISO, etc.)\n        const parsed = new Date(value);\n        return isNaN(parsed.getTime()) ? null : parsed;\n    }\n    return null;\n}\n\nexport function serializeDateToTime(\n    date: Date,\n    format: \"time\" | \"date\" | \"datetime\",\n): Date | string | null {\n    if (!date) {\n        return null;\n    }\n    const d = new Date(date);\n    d.setSeconds(0, 0);\n\n    if (format === \"date\") {\n        return d;\n    }\n    if (format === \"time\") {\n        return d.toTimeString().slice(0, 5); // HH:mm\n    }\n    if (format === \"datetime\") {\n        const pad = (n: number) => String(n).padStart(2, \"0\");\n        const year = d.getFullYear();\n        const month = pad(d.getMonth() + 1);\n        const day = pad(d.getDate());\n        const hour = pad(d.getHours());\n        const minutes = pad(d.getMinutes());\n        return `${year}-${month}-${day} ${hour}:${minutes}:00`;\n    }\n    return null;\n}\n\nexport function displayTimeFromDate(date: Date | null) {\n    return date ? date.toTimeString().slice(0, 5) : \"\";\n}"],"names":[],"mappings":";AAAO,SAAS,gBAAgB,OAAgB;AAC5C,MAAI,iBAAiB,MAAM;AAChB,WAAA;AAAA,EAAA;AAEP,MAAA,OAAO,UAAU,UAAU;AACvB,QAAA,gBAAgB,KAAK,KAAK,GAAG;AACtB,aAAA;AAAA,IAAA;AAEP,QAAA,wCAAwC,KAAK,KAAK,GAAG;AAC9C,aAAA;AAAA,IAAA;AAAA,EACX;AAEG,SAAA;AACX;AAEO,SAAS,oBAAoB,OAAgB;AAChD,MAAI,CAAC,OAAO;AACD,WAAA;AAAA,EAAA;AAEX,MAAI,iBAAiB,QAAQ,CAAC,MAAM,MAAM,QAAA,CAAS,GAAG;AAC3C,WAAA,IAAI,KAAK,KAAK;AAAA,EAAA;AAErB,MAAA,OAAO,UAAU,UAAU;AAEvB,QAAA,gBAAgB,KAAK,KAAK,GAAG;AACvB,YAAA,CAAC,GAAG,CAAC,IAAI,MAAM,MAAM,GAAG,EAAE,IAAI,MAAM;AACpC,YAAA,wBAAQ,KAAK;AACnB,QAAE,SAAS,GAAG,GAAG,GAAG,CAAC;AACd,aAAA;AAAA,IAAA;AAGP,QAAA,wCAAwC,KAAK,KAAK,GAAG;AACrD,YAAM,IAAI,IAAI,KAAK,MAAM,QAAQ,KAAK,GAAG,CAAC;AAC1C,aAAO,MAAM,EAAE,QAAQ,CAAC,IAAI,OAAO;AAAA,IAAA;AAGjC,UAAA,SAAS,IAAI,KAAK,KAAK;AAC7B,WAAO,MAAM,OAAO,QAAQ,CAAC,IAAI,OAAO;AAAA,EAAA;AAErC,SAAA;AACX;AAEgB,SAAA,oBACZ,MACA,QACoB;AACpB,MAAI,CAAC,MAAM;AACA,WAAA;AAAA,EAAA;AAEL,QAAA,IAAI,IAAI,KAAK,IAAI;AACrB,IAAA,WAAW,GAAG,CAAC;AAEjB,MAAI,WAAW,QAAQ;AACZ,WAAA;AAAA,EAAA;AAEX,MAAI,WAAW,QAAQ;AACnB,WAAO,EAAE,aAAA,EAAe,MAAM,GAAG,CAAC;AAAA,EAAA;AAEtC,MAAI,WAAW,YAAY;AACjB,UAAA,MAAM,CAAC,MAAc,OAAO,CAAC,EAAE,SAAS,GAAG,GAAG;AAC9C,UAAA,OAAO,EAAE,YAAY;AAC3B,UAAM,QAAQ,IAAI,EAAE,SAAA,IAAa,CAAC;AAClC,UAAM,MAAM,IAAI,EAAE,QAAA,CAAS;AAC3B,UAAM,OAAO,IAAI,EAAE,SAAA,CAAU;AAC7B,UAAM,UAAU,IAAI,EAAE,WAAA,CAAY;AAC3B,WAAA,GAAG,IAAI,IAAI,KAAK,IAAI,GAAG,IAAI,IAAI,IAAI,OAAO;AAAA,EAAA;AAE9C,SAAA;AACX;AAEO,SAAS,oBAAoB,MAAmB;AACnD,SAAO,OAAO,KAAK,aAAA,EAAe,MAAM,GAAG,CAAC,IAAI;AACpD;"}

package/dist/esm/composables/toggleScope.mjs

@@ -0,0 +1,33 @@
+/*! Evance UI v1.1.9 | MIT License */
+import { watch, onScopeDispose, effectScope } from "vue";
+function useToggleScope(source, fn) {
+  let scope;
+  function start() {
+    scope = effectScope();
+    scope.run(() => {
+      return fn.length ? fn(() => {
+        scope == null ? void 0 : scope.stop();
+        start();
+      }) : fn();
+    });
+  }
+  function watchCallback(active) {
+    if (active && !scope) {
+      start();
+    } else if (!active) {
+      scope == null ? void 0 : scope.stop();
+      scope = void 0;
+    }
+  }
+  const watchOptions = {
+    immediate: true
+  };
+  watch(source, watchCallback, watchOptions);
+  onScopeDispose(() => {
+    scope == null ? void 0 : scope.stop();
+  });
+}
+export {
+  useToggleScope
+};
+//# sourceMappingURL=toggleScope.mjs.map

package/dist/esm/composables/toggleScope.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggleScope.mjs","sources":["../../../src/composables/toggleScope.ts"],"sourcesContent":["/**\n * # Toggle Scope Utility\n *\n * Manage an effect scope based on changes in a watched source.\n *\n * We use effectScope() to capture the reactive effects of reactive/computed property.\n * @see https://vuejs.org/api/reactivity-advanced.html#effectscope\n */\n// Utilities\nimport { effectScope, onScopeDispose, watch } from \"vue\";\n\n// Types\nimport type { EffectScope, WatchSource } from \"vue\";\n\nexport function useToggleScope(\n    source: WatchSource<boolean>,\n    fn: (reset: () => void) => void,\n): void {\n    let scope: EffectScope | undefined;\n\n    function start(): void {\n        scope = effectScope();\n        scope.run(() => {\n            return fn.length\n                ? fn(() => {\n                      scope?.stop();\n                      start();\n                  })\n                : (fn as any)();\n        });\n    }\n\n    function watchCallback(active: boolean): void {\n        if (active && !scope) {\n            start();\n        } else if (!active) {\n            scope?.stop();\n            scope = undefined;\n        }\n    }\n\n    const watchOptions = {\n        immediate: true,\n    };\n\n    watch(source, watchCallback, watchOptions);\n\n    onScopeDispose(() => {\n        scope?.stop();\n    });\n}\n"],"names":[],"mappings":";;AAcgB,SAAA,eACZ,QACA,IACI;AACA,MAAA;AAEJ,WAAS,QAAc;AACnB,YAAQ,YAAY;AACpB,UAAM,IAAI,MAAM;AACL,aAAA,GAAG,SACJ,GAAG,MAAM;AACL,uCAAO;AACD,cAAA;AAAA,MACT,CAAA,IACA,GAAW;AAAA,IAAA,CACrB;AAAA,EAAA;AAGL,WAAS,cAAc,QAAuB;AACtC,QAAA,UAAU,CAAC,OAAO;AACZ,YAAA;AAAA,IAAA,WACC,CAAC,QAAQ;AAChB,qCAAO;AACC,cAAA;AAAA,IAAA;AAAA,EACZ;AAGJ,QAAM,eAAe;AAAA,IACjB,WAAW;AAAA,EACf;AAEM,QAAA,QAAQ,eAAe,YAAY;AAEzC,iBAAe,MAAM;AACjB,mCAAO;AAAA,EAAK,CACf;AACL;"}

package/dist/esm/composables/validation.mjs

@@ -0,0 +1,33 @@
+/*! Evance UI v1.1.9 | MIT License */
+import { makeFocusProps } from "./focus.mjs";
+import { useForm } from "./form.mjs";
+import { FormField } from "../modules/Form/FormField.mjs";
+import { propsFactory } from "../util/props.mjs";
+const makeFormFieldProps = propsFactory(
+  {
+    id: String,
+    disabled: Boolean,
+    error: Boolean,
+    errorMessages: Array,
+    name: String,
+    readonly: Boolean,
+    validators: {
+      type: Array,
+      default: []
+    },
+    modelValue: null,
+    validateOn: String,
+    validationValue: null,
+    ...makeFocusProps()
+  },
+  "validation"
+);
+function useFormField(props, group = void 0) {
+  const form = useForm();
+  return new FormField(form, props, group);
+}
+export {
+  makeFormFieldProps,
+  useFormField
+};
+//# sourceMappingURL=validation.mjs.map

package/dist/esm/composables/validation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.mjs","sources":["../../../src/composables/validation.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { makeFocusProps } from \"@/composables/focus\";\nimport { useForm } from \"@/composables/form\";\nimport { FormField } from \"@/modules/Form/FormField\";\n\n/**\n * # Validation Error\n *\n * Represents a single error message with a name identifier.\n */\nexport interface ValidationError {\n    name: number | string;\n    message: string;\n}\n\n/**\n * # Validation Result\n */\nexport type ValidationResult = string | boolean;\n\n/**\n * # Validator\n */\nexport type Validator =\n    | ValidationResult\n    | PromiseLike<ValidationResult>\n    | ((value: any) => ValidationResult)\n    | ((value: any) => PromiseLike<ValidationResult>);\n\n/**\n * # Validate On Event\n */\nexport type ValidateOnEvent = \"blur\" | \"input\" | \"submit\";\n\n/**\n * # Form Field Props\n */\nexport interface FormFieldProps {\n    id?: string;\n    disabled?: boolean;\n    error?: boolean;\n    errorMessages?: string[];\n    focused?: boolean;\n    name?: string;\n    readonly?: boolean;\n    validators: Validator[];\n    modelValue?: any;\n    validateOn?:\n        | ValidateOnEvent\n        | `${ValidateOnEvent} lazy`\n        | `lazy ${ValidateOnEvent}`\n        | \"lazy\";\n    validationValue?: any;\n}\n\n/**\n * # Make Form Field Props\n */\nexport const makeFormFieldProps = propsFactory(\n    {\n        id: String,\n        disabled: Boolean,\n        error: Boolean,\n        errorMessages: Array as PropType<FormFieldProps[\"errorMessages\"]>,\n        name: String,\n        readonly: Boolean,\n        validators: {\n            type: Array as PropType<FormFieldProps[\"validators\"]>,\n            default: [],\n        },\n        modelValue: null,\n        validateOn: String as PropType<FormFieldProps[\"validateOn\"]>,\n        validationValue: null,\n\n        ...makeFocusProps(),\n    },\n    \"validation\",\n);\n\n/**\n * # Use Form Field\n * @param props\n * @param group\n */\nexport function useFormField(\n    props: FormFieldProps,\n    group: FormField | undefined = undefined,\n) {\n    const form = useForm();\n    return new FormField(form, props, group);\n}\n"],"names":[],"mappings":";;;;;AA2DO,MAAM,qBAAqB;AAAA,EAC9B;AAAA,IACI,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,OAAO;AAAA,IACP,eAAe;AAAA,IACf,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,CAAA;AAAA,IACb;AAAA,IACA,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,iBAAiB;AAAA,IAEjB,GAAG,eAAe;AAAA,EACtB;AAAA,EACA;AACJ;AAOgB,SAAA,aACZ,OACA,QAA+B,QACjC;AACE,QAAM,OAAO,QAAQ;AACrB,SAAO,IAAI,UAAU,MAAM,OAAO,KAAK;AAC3C;"}

package/dist/esm/composables/virtual.mjs

@@ -0,0 +1,257 @@
+/*! Evance UI v1.1.9 | MIT License */
+import { shallowRef, watchEffect, ref, computed, watch, onScopeDispose, nextTick } from "vue";
+import { useResizeObserver } from "./resizeObserver.mjs";
+import { useDisplay } from "./display.mjs";
+import { propsFactory } from "../util/props.mjs";
+import { isNumber } from "../util/is-functions.mjs";
+import { debounce, clamp } from "../util/helpers.mjs";
+import { Browser } from "../util/browser.mjs";
+const UP = -1;
+const DOWN = 1;
+const BUFFER_PX = 100;
+const makeVirtualProps = propsFactory(
+  {
+    itemHeight: {
+      type: [Number, String],
+      default: null
+    },
+    height: [Number, String]
+  },
+  "virtual"
+);
+function useVirtual(props, items) {
+  const display = useDisplay();
+  const itemHeight = shallowRef(0);
+  watchEffect(() => {
+    const h = props.itemHeight || 0;
+    itemHeight.value = isNumber(h) ? h : parseFloat(h);
+  });
+  const first = shallowRef(0);
+  const last = shallowRef(
+    Math.ceil(
+      // Assume 16px items filling the entire screen height if not provided.
+      // This is probably incorrect, but it minimises the chance of ending up with empty space at the bottom.
+      // The default value is set here to avoid poisoning getSize()
+      (parseInt(`${props.height}`) || display.height.value) / (itemHeight.value || 16)
+    ) || 1
+  );
+  const paddingTop = shallowRef(0);
+  const paddingBottom = shallowRef(0);
+  const containerRef = ref();
+  const markerRef = ref();
+  let markerOffset = 0;
+  const { resizeRef, contentRect } = useResizeObserver();
+  watchEffect(() => {
+    resizeRef.value = containerRef.value;
+  });
+  const viewportHeight = computed(() => {
+    var _a;
+    const h = isNumber(props.height) ? props.height : parseInt(props.height);
+    return containerRef.value === document.documentElement ? display.height.value : ((_a = contentRect.value) == null ? void 0 : _a.height) || h || 0;
+  });
+  const hasInitialRender = computed(() => {
+    return !!(containerRef.value && markerRef.value && viewportHeight.value && itemHeight.value);
+  });
+  let sizes = Array.from({ length: items.value.length });
+  let offsets = Array.from({ length: items.value.length });
+  const updateTime = shallowRef(0);
+  let targetScrollIndex = -1;
+  function getSize(index) {
+    return sizes[index] || itemHeight.value;
+  }
+  const updateOffsets = debounce(() => {
+    const start = performance.now();
+    offsets[0] = 0;
+    const length = items.value.length;
+    for (let i = 1; i <= length - 1; i++) {
+      offsets[i] = (offsets[i - 1] || 0) + getSize(i - 1);
+    }
+    updateTime.value = Math.max(
+      updateTime.value,
+      performance.now() - start
+    );
+  }, updateTime);
+  const unwatch = watch(hasInitialRender, (v) => {
+    if (!v) {
+      return;
+    }
+    unwatch();
+    markerOffset = markerRef.value.offsetTop;
+    updateOffsets.immediate();
+    calculateVisibleItems();
+    if (!~targetScrollIndex) {
+      return;
+    }
+    nextTick(() => {
+      Browser.hasWindow && window.requestAnimationFrame(() => {
+        scrollToIndex(targetScrollIndex);
+        targetScrollIndex = -1;
+      });
+    });
+  });
+  onScopeDispose(() => {
+    updateOffsets.clear();
+  });
+  function handleItemResize(index, height) {
+    const prevHeight = sizes[index];
+    const prevMinHeight = itemHeight.value;
+    itemHeight.value = prevMinHeight ? Math.min(itemHeight.value, height) : height;
+    if (prevHeight !== height || prevMinHeight !== itemHeight.value) {
+      sizes[index] = height;
+      updateOffsets();
+    }
+  }
+  function calculateOffset(index) {
+    index = clamp(index, 0, items.value.length - 1);
+    return offsets[index] || 0;
+  }
+  function calculateIndex(scrollTop) {
+    return binaryClosest(offsets, scrollTop);
+  }
+  let lastScrollTop = 0;
+  let scrollVelocity = 0;
+  let lastScrollTime = 0;
+  watch(viewportHeight, (val, oldVal) => {
+    if (oldVal) {
+      calculateVisibleItems();
+      if (val < oldVal) {
+        requestAnimationFrame(() => {
+          scrollVelocity = 0;
+          calculateVisibleItems();
+        });
+      }
+    }
+  });
+  function handleScroll() {
+    if (!containerRef.value || !markerRef.value) {
+      return;
+    }
+    const scrollTop = containerRef.value.scrollTop;
+    const scrollTime = performance.now();
+    const scrollDeltaT = scrollTime - lastScrollTime;
+    if (scrollDeltaT > 500) {
+      scrollVelocity = Math.sign(scrollTop - lastScrollTop);
+      markerOffset = markerRef.value.offsetTop;
+    } else {
+      scrollVelocity = scrollTop - lastScrollTop;
+    }
+    lastScrollTop = scrollTop;
+    lastScrollTime = scrollTime;
+    calculateVisibleItems();
+  }
+  function handleScrollend() {
+    if (!containerRef.value || !markerRef.value) {
+      return;
+    }
+    scrollVelocity = 0;
+    lastScrollTime = 0;
+    calculateVisibleItems();
+  }
+  let raf = -1;
+  function calculateVisibleItems() {
+    cancelAnimationFrame(raf);
+    raf = requestAnimationFrame(_calculateVisibleItems);
+  }
+  function _calculateVisibleItems() {
+    if (!containerRef.value || !viewportHeight.value) {
+      return;
+    }
+    const scrollTop = lastScrollTop - markerOffset;
+    const direction = Math.sign(scrollVelocity);
+    const startPx = Math.max(0, scrollTop - BUFFER_PX);
+    const start = clamp(calculateIndex(startPx), 0, items.value.length);
+    const endPx = scrollTop + viewportHeight.value + BUFFER_PX;
+    const end = clamp(
+      calculateIndex(endPx) + 1,
+      start + 1,
+      items.value.length
+    );
+    if (
+      // Only update the side we're scrolling towards, the other side will be updated incidentally
+      (direction !== UP || start < first.value) && (direction !== DOWN || end > last.value)
+    ) {
+      const topOverflow = calculateOffset(first.value) - calculateOffset(start);
+      const bottomOverflow = calculateOffset(end) - calculateOffset(last.value);
+      const bufferOverflow = Math.max(topOverflow, bottomOverflow);
+      if (bufferOverflow > BUFFER_PX) {
+        first.value = start;
+        last.value = end;
+      } else {
+        if (start <= 0) {
+          first.value = start;
+        }
+        if (end >= items.value.length) {
+          last.value = end;
+        }
+      }
+    }
+    paddingTop.value = calculateOffset(first.value);
+    paddingBottom.value = calculateOffset(items.value.length) - calculateOffset(last.value);
+  }
+  function scrollToIndex(index) {
+    const offset = calculateOffset(index);
+    if (!containerRef.value || index && !offset) {
+      targetScrollIndex = index;
+    } else {
+      containerRef.value.scrollTop = offset;
+    }
+  }
+  const computedItems = computed(() => {
+    return items.value.slice(first.value, last.value).map((item, index) => ({
+      raw: item,
+      index: index + first.value
+    }));
+  });
+  watch(
+    items,
+    () => {
+      sizes = Array.from({ length: items.value.length });
+      offsets = Array.from({ length: items.value.length });
+      updateOffsets.immediate();
+      calculateVisibleItems();
+    },
+    { deep: true }
+  );
+  return {
+    calculateVisibleItems,
+    containerRef,
+    markerRef,
+    computedItems,
+    paddingTop,
+    paddingBottom,
+    scrollToIndex,
+    handleScroll,
+    handleScrollend,
+    handleItemResize
+  };
+}
+function binaryClosest(arr, val) {
+  let high = arr.length - 1;
+  let low = 0;
+  let mid = 0;
+  let item = null;
+  let target = -1;
+  if (arr[high] < val) {
+    return high;
+  }
+  while (low <= high) {
+    mid = low + high >> 1;
+    item = arr[mid];
+    if (item > val) {
+      high = mid - 1;
+    } else if (item < val) {
+      target = mid;
+      low = mid + 1;
+    } else if (item === val) {
+      return mid;
+    } else {
+      return low;
+    }
+  }
+  return target;
+}
+export {
+  makeVirtualProps,
+  useVirtual
+};
+//# sourceMappingURL=virtual.mjs.map

package/dist/esm/composables/virtual.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual.mjs","sources":["../../../src/composables/virtual.ts"],"sourcesContent":["import { Browser, clamp, debounce, isNumber, propsFactory } from \"@/util\";\nimport {\n    computed,\n    ComputedRef,\n    nextTick,\n    onScopeDispose,\n    ref,\n    Ref,\n    shallowRef,\n    watch,\n    watchEffect,\n} from \"vue\";\nimport { useResizeObserver } from \"./resizeObserver\";\nimport { useDisplay } from \"./display\";\n\nconst UP = -1;\nconst DOWN = 1;\n\n/** Determines how large each batch of items should be */\nconst BUFFER_PX = 100;\n\ntype VirtualProps = {\n    itemHeight?: number | string;\n    height?: number | string;\n};\n\nexport interface VirtualItem {\n    raw: any;\n    index: number;\n}\n\n/**\n * # Make Virtual Props\n */\nexport const makeVirtualProps = propsFactory(\n    {\n        itemHeight: {\n            type: [Number, String],\n            default: null,\n        },\n        height: [Number, String],\n    },\n    \"virtual\",\n);\n\n/**\n * # Use Virtual\n *\n * @param props\n * @param items\n */\nexport function useVirtual<T>(props: VirtualProps, items: Ref<readonly T[]>) {\n    const display = useDisplay();\n    const itemHeight = shallowRef(0);\n    watchEffect(() => {\n        const h = props.itemHeight || 0;\n        itemHeight.value = isNumber(h) ? h : parseFloat(h);\n    });\n    const first = shallowRef(0);\n    const last = shallowRef(\n        Math.ceil(\n            // Assume 16px items filling the entire screen height if not provided.\n            // This is probably incorrect, but it minimises the chance of ending up with empty space at the bottom.\n            // The default value is set here to avoid poisoning getSize()\n            (parseInt(`${props.height}`) || display.height.value) /\n                (itemHeight.value || 16),\n        ) || 1,\n    );\n    const paddingTop = shallowRef(0);\n    const paddingBottom = shallowRef(0);\n    /** The scrollable element */\n    const containerRef = ref<HTMLElement>();\n    /** An element marking the top of the scrollable area,\n     * used to add an offset if there's padding or other elements above the virtual list */\n    const markerRef = ref<HTMLElement>();\n    /** markerRef's offsetTop, lazily evaluated */\n    let markerOffset = 0;\n    const { resizeRef, contentRect } = useResizeObserver();\n    watchEffect(() => {\n        resizeRef.value = containerRef.value;\n    });\n    const viewportHeight = computed(() => {\n        const h = isNumber(props.height)\n            ? props.height\n            : parseInt(props.height);\n        return containerRef.value === document.documentElement\n            ? display.height.value\n            : contentRect.value?.height || h || 0;\n    });\n    /** All static elements have been rendered, and we have an assumed item height */\n    const hasInitialRender = computed(() => {\n        return !!(\n            containerRef.value &&\n            markerRef.value &&\n            viewportHeight.value &&\n            itemHeight.value\n        );\n    });\n    let sizes = Array.from<number | null>({ length: items.value.length });\n    let offsets = Array.from<number>({ length: items.value.length });\n    const updateTime = shallowRef(0);\n    let targetScrollIndex = -1;\n\n    function getSize(index: number) {\n        return sizes[index] || itemHeight.value;\n    }\n\n    const updateOffsets = debounce(() => {\n        const start = performance.now();\n        offsets[0] = 0;\n        const length = items.value.length;\n        for (let i = 1; i <= length - 1; i++) {\n            offsets[i] = (offsets[i - 1] || 0) + getSize(i - 1);\n        }\n        updateTime.value = Math.max(\n            updateTime.value,\n            performance.now() - start,\n        );\n    }, updateTime);\n\n    const unwatch = watch(hasInitialRender, (v) => {\n        if (!v) {\n            return;\n        }\n        // First render is complete, update offsets and visible items in case our assumed item height was incorrect.\n        unwatch();\n        markerOffset = markerRef.value!.offsetTop;\n        updateOffsets.immediate();\n        calculateVisibleItems();\n\n        if (!~targetScrollIndex) {\n            return;\n        }\n\n        nextTick(() => {\n            Browser.hasWindow &&\n                window.requestAnimationFrame(() => {\n                    scrollToIndex(targetScrollIndex);\n                    targetScrollIndex = -1;\n                });\n        });\n    });\n\n    onScopeDispose(() => {\n        updateOffsets.clear();\n    });\n\n    function handleItemResize(index: number, height: number) {\n        const prevHeight = sizes[index];\n        const prevMinHeight = itemHeight.value;\n        itemHeight.value = prevMinHeight\n            ? Math.min(itemHeight.value, height)\n            : height;\n\n        if (prevHeight !== height || prevMinHeight !== itemHeight.value) {\n            sizes[index] = height;\n            updateOffsets();\n        }\n    }\n\n    function calculateOffset(index: number) {\n        index = clamp(index, 0, items.value.length - 1);\n        return offsets[index] || 0;\n    }\n\n    function calculateIndex(scrollTop: number) {\n        return binaryClosest(offsets, scrollTop);\n    }\n\n    let lastScrollTop = 0;\n    let scrollVelocity = 0;\n    let lastScrollTime = 0;\n\n    watch(viewportHeight, (val, oldVal) => {\n        if (oldVal) {\n            calculateVisibleItems();\n            if (val < oldVal) {\n                requestAnimationFrame(() => {\n                    scrollVelocity = 0;\n                    calculateVisibleItems();\n                });\n            }\n        }\n    });\n\n    function handleScroll() {\n        if (!containerRef.value || !markerRef.value) {\n            return;\n        }\n        const scrollTop = containerRef.value.scrollTop;\n        const scrollTime = performance.now();\n        const scrollDeltaT = scrollTime - lastScrollTime;\n        if (scrollDeltaT > 500) {\n            scrollVelocity = Math.sign(scrollTop - lastScrollTop);\n            // Not super important, only update at the start of a scroll sequence to avoid reflows.\n            markerOffset = markerRef.value.offsetTop;\n        } else {\n            scrollVelocity = scrollTop - lastScrollTop;\n        }\n        lastScrollTop = scrollTop;\n        lastScrollTime = scrollTime;\n        calculateVisibleItems();\n    }\n\n    function handleScrollend() {\n        if (!containerRef.value || !markerRef.value) {\n            return;\n        }\n        scrollVelocity = 0;\n        lastScrollTime = 0;\n        calculateVisibleItems();\n    }\n\n    let raf = -1;\n    function calculateVisibleItems() {\n        cancelAnimationFrame(raf);\n        raf = requestAnimationFrame(_calculateVisibleItems);\n    }\n\n    function _calculateVisibleItems() {\n        if (!containerRef.value || !viewportHeight.value) {\n            return;\n        }\n        const scrollTop = lastScrollTop - markerOffset;\n        const direction = Math.sign(scrollVelocity);\n        const startPx = Math.max(0, scrollTop - BUFFER_PX);\n        const start = clamp(calculateIndex(startPx), 0, items.value.length);\n        const endPx = scrollTop + viewportHeight.value + BUFFER_PX;\n        const end = clamp(\n            calculateIndex(endPx) + 1,\n            start + 1,\n            items.value.length,\n        );\n        if (\n            // Only update the side we're scrolling towards, the other side will be updated incidentally\n            (direction !== UP || start < first.value) &&\n            (direction !== DOWN || end > last.value)\n        ) {\n            const topOverflow =\n                calculateOffset(first.value) - calculateOffset(start);\n            const bottomOverflow =\n                calculateOffset(end) - calculateOffset(last.value);\n            const bufferOverflow = Math.max(topOverflow, bottomOverflow);\n\n            if (bufferOverflow > BUFFER_PX) {\n                first.value = start;\n                last.value = end;\n            } else {\n                // Only update the side that's reached its limit if there's still buffer left\n                if (start <= 0) {\n                    first.value = start;\n                }\n                if (end >= items.value.length) {\n                    last.value = end;\n                }\n            }\n        }\n        paddingTop.value = calculateOffset(first.value);\n        paddingBottom.value =\n            calculateOffset(items.value.length) - calculateOffset(last.value);\n    }\n\n    function scrollToIndex(index: number) {\n        const offset = calculateOffset(index);\n        if (!containerRef.value || (index && !offset)) {\n            targetScrollIndex = index;\n        } else {\n            containerRef.value.scrollTop = offset;\n        }\n    }\n\n    const computedItems: ComputedRef<VirtualItem[]> = computed(() => {\n        return items.value\n            .slice(first.value, last.value)\n            .map((item, index) => ({\n                raw: item,\n                index: index + first.value,\n            }));\n    });\n\n    watch(\n        items,\n        () => {\n            sizes = Array.from({ length: items.value.length });\n            offsets = Array.from({ length: items.value.length });\n            updateOffsets.immediate();\n            calculateVisibleItems();\n        },\n        { deep: true },\n    );\n\n    return {\n        calculateVisibleItems,\n        containerRef,\n        markerRef,\n        computedItems,\n        paddingTop,\n        paddingBottom,\n        scrollToIndex,\n        handleScroll,\n        handleScrollend,\n        handleItemResize,\n    };\n}\n\n// https://gist.github.com/robertleeplummerjr/1cc657191d34ecd0a324\nfunction binaryClosest(arr: ArrayLike<number>, val: number) {\n    let high = arr.length - 1;\n    let low = 0;\n    let mid = 0;\n    let item = null;\n    let target = -1;\n\n    if (arr[high]! < val) {\n        return high;\n    }\n\n    while (low <= high) {\n        mid = (low + high) >> 1;\n        item = arr[mid]!;\n\n        if (item > val) {\n            high = mid - 1;\n        } else if (item < val) {\n            target = mid;\n            low = mid + 1;\n        } else if (item === val) {\n            return mid;\n        } else {\n            return low;\n        }\n    }\n\n    return target;\n}\n"],"names":[],"mappings":"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"}