@evance/evance-ui 1.1.8 → 1.1.9

package/dist/cjs/src/composables/stack.cjs

@@ -1,67 +0,0 @@
-"use strict";
-/*! Evance UI v1.1.8 | MIT License */
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const toggleScope = require("./toggleScope.cjs");
-const components = require("../util/components.cjs");
-const StackSymbol = Symbol.for("ev:stack");
-const globalStack = vue.reactive([]);
-function getComponentIndex(component) {
-  return vue.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 = components.getCurrentComponent("useStack");
-  const isCreateStackEntry = !isDisableGlobalStack;
-  const parentStack = vue.inject(StackSymbol, void 0);
-  const stack = vue.reactive({
-    activeChildren: /* @__PURE__ */ new Set()
-  });
-  vue.provide(StackSymbol, stack);
-  const zIndexRef = vue.shallowRef(+zIndex.value);
-  toggleScope.useToggleScope(isActive, () => {
-    zIndexRef.value = getNextZIndex(+zIndex.value);
-    if (isCreateStackEntry) {
-      globalStack.push([component.uid, zIndexRef.value]);
-    }
-    parentStack == null ? void 0 : parentStack.activeChildren.add(component.uid);
-    vue.onScopeDispose(() => {
-      if (isCreateStackEntry) {
-        globalStack.splice(getComponentIndex(component), 1);
-      }
-      parentStack == null ? void 0 : parentStack.activeChildren.delete(component.uid);
-    });
-  });
-  const isTopGlobal = vue.shallowRef(true);
-  if (isCreateStackEntry) {
-    vue.watchEffect(() => {
-      const isTop = isTopComponent(component);
-      setTimeout(() => isTopGlobal.value = isTop);
-    });
-  }
-  const isTopLocal = vue.computed(() => !stack.activeChildren.size);
-  return {
-    isTopGlobal: vue.readonly(isTopGlobal),
-    isTopLocal,
-    stackStyles: vue.computed(() => ({ zIndex: zIndexRef.value }))
-  };
-}
-exports.getComponentIndex = getComponentIndex;
-exports.getLastZIndex = getLastZIndex;
-exports.getNextZIndex = getNextZIndex;
-exports.isTopComponent = isTopComponent;
-exports.useStack = useStack;
-//# sourceMappingURL=stack.cjs.map

package/dist/cjs/src/composables/stack.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"stack.cjs","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":["reactive","toRaw","getCurrentComponent","inject","provide","shallowRef","useToggleScope","onScopeDispose","watchEffect","computed","readonly"],"mappings":";;;;;;AAqBA,MAAM,cAA0C,OAAO,IAAI,UAAU;AAIrE,MAAM,cAAcA,IAAuB,SAAA,EAAE;AAEtC,SAAS,kBACZ,WACM;AACN,SAAOC,IAAM,MAAA,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,YAAYC,+BAAoB,UAAU;AAChD,QAAM,qBAAqB,CAAC;AACtB,QAAA,cAAcC,IAAAA,OAAO,aAAa,MAAS;AACjD,QAAM,QAAsBH,IAAAA,SAAS;AAAA,IACjC,oCAAoB,IAAY;AAAA,EAAA,CACnC;AACDI,MAAA,QAAQ,aAAa,KAAK;AAE1B,QAAM,YAAYC,IAAAA,WAAW,CAAC,OAAO,KAAK;AAC1CC,cAAA,eAAe,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;AAC1CC,QAAAA,eAAe,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,cAAcF,eAAW,IAAI;AACnC,MAAI,oBAAoB;AACpBG,QAAAA,YAAY,MAAM;AACR,YAAA,QAAQ,eAAe,SAAS;AAC3B,iBAAA,MAAO,YAAY,QAAQ,KAAM;AAAA,IAAA,CAC/C;AAAA,EAAA;AAGL,QAAM,aAAaC,IAAAA,SAAS,MAAM,CAAC,MAAM,eAAe,IAAI;AAErD,SAAA;AAAA,IACH,aAAaC,aAAS,WAAW;AAAA,IACjC;AAAA,IACA,aAAaD,IAAS,SAAA,OAAO,EAAE,QAAQ,UAAU,QAAQ;AAAA,EAC7D;AACJ;;;;;;"}

package/dist/cjs/src/composables/tag.cjs

@@ -1,15 +0,0 @@
-"use strict";
-/*! Evance UI v1.1.8 | MIT License */
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const props = require("../util/props.cjs");
-const makeTagProps = props.propsFactory(
-  {
-    tag: {
-      type: String,
-      default: "div"
-    }
-  },
-  "tag"
-);
-exports.makeTagProps = makeTagProps;
-//# sourceMappingURL=tag.cjs.map

package/dist/cjs/src/composables/tag.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag.cjs","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":["propsFactory"],"mappings":";;;;AASO,MAAM,eAAeA,MAAA;AAAA,EACxB;AAAA,IACI,KAAK;AAAA,MACD,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EAEjB;AAAA,EACA;AACJ;;"}

package/dist/cjs/src/composables/teleport.cjs

@@ -1,30 +0,0 @@
-"use strict";
-/*! Evance UI v1.1.8 | MIT License */
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const browser = require("../util/browser.cjs");
-function useTeleport(target, container = ".ev-teleport") {
-  return vue.computed(() => {
-    const targetValue = target();
-    if (targetValue === true || !browser.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;
-  });
-}
-exports.useTeleport = useTeleport;
-//# sourceMappingURL=teleport.cjs.map

package/dist/cjs/src/composables/teleport.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"teleport.cjs","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":["computed","Browser"],"mappings":";;;;;AAcgB,SAAA,YACZ,QACA,YAAoB,gBACtB;AACE,SAAOA,aAAS,MAAM;AAClB,UAAM,cAAc,OAAO;AAC3B,QAAI,gBAAgB,QAAQ,CAACC,QAAAA,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/cjs/src/composables/theme.cjs

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

package/dist/cjs/src/composables/theme.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.cjs","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":["propsFactory","mergeDeep","ref","computed","props","getCurrentComponent","inject","provide"],"mappings":";;;;;;;AAsBa,MAAA,cAA2C,OAAO,IAAI,UAAU;AAEtE,MAAM,iBAAiBA,MAAA;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,sBACAC,QAAAA,UAAU,qBAAqB,OAAO;AAChD;AAEO,SAAS,YAAY,SAAuC;AACzD,QAAA,gBAAgB,kBAAkB,OAAO;AACzC,QAAA,OAAOC,IAAAA,IAAW,cAAc,YAAY;AAClD,QAAM,eAAeC,IAAAA,SAAS,MAAM,YAAY,KAAK,KAAK,EAAE;AAErD,SAAA;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AACJ;AAOO,SAAS,aAAaC,QAA0B;AACnDC,aAAAA,oBAAoB,cAAc;AAC5B,QAAA,QAAQC,IAAAA,OAAO,aAAa,IAAI;AACtC,MAAI,CAAC,OAAO;AACF,UAAA,IAAI,MAAM,gCAAgC;AAAA,EAAA;AAEpD,QAAM,OAAOH,IAAAA,SAAS,MAAMC,OAAM,SAAS,MAAM,KAAK,KAAK;AAC3D,QAAM,eAAeD,IAAAA,SAAS,MAAM,YAAY,KAAK,KAAK,EAAE;AAC5D,QAAM,WAA0B;AAAA,IAC5B;AAAA,IACA;AAAA,EACJ;AACAI,MAAA,QAAQ,aAAa,QAAQ;AACtB,SAAA;AACX;AAEO,SAAS,WAAW;AACvBF,aAAAA,oBAAoB,UAAU;AACxB,QAAA,QAAQC,IAAAA,OAAO,aAAa,IAAI;AACtC,MAAI,CAAC,OAAO;AACF,UAAA,IAAI,MAAM,gCAAgC;AAAA,EAAA;AAE7C,SAAA;AACX;;;;;;"}

package/dist/cjs/src/composables/time.cjs

@@ -1,71 +0,0 @@
-"use strict";
-/*! Evance UI v1.1.8 | MIT License */
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-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) : "";
-}
-exports.displayTimeFromDate = displayTimeFromDate;
-exports.inferTimeFormat = inferTimeFormat;
-exports.normalizeTimeToDate = normalizeTimeToDate;
-exports.serializeDateToTime = serializeDateToTime;
-//# sourceMappingURL=time.cjs.map

package/dist/cjs/src/composables/time.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"time.cjs","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/cjs/src/composables/toggleScope.cjs

@@ -1,33 +0,0 @@
-"use strict";
-/*! Evance UI v1.1.8 | MIT License */
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-function useToggleScope(source, fn) {
-  let scope;
-  function start() {
-    scope = vue.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
-  };
-  vue.watch(source, watchCallback, watchOptions);
-  vue.onScopeDispose(() => {
-    scope == null ? void 0 : scope.stop();
-  });
-}
-exports.useToggleScope = useToggleScope;
-//# sourceMappingURL=toggleScope.cjs.map

package/dist/cjs/src/composables/toggleScope.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggleScope.cjs","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":["effectScope","watch","onScopeDispose"],"mappings":";;;;AAcgB,SAAA,eACZ,QACA,IACI;AACA,MAAA;AAEJ,WAAS,QAAc;AACnB,YAAQA,IAAAA,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;AAEMC,YAAA,QAAQ,eAAe,YAAY;AAEzCC,MAAAA,eAAe,MAAM;AACjB,mCAAO;AAAA,EAAK,CACf;AACL;;"}

package/dist/cjs/src/composables/validation.cjs

@@ -1,33 +0,0 @@
-"use strict";
-/*! Evance UI v1.1.8 | MIT License */
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const focus = require("./focus.cjs");
-const form = require("./form.cjs");
-const FormField = require("../modules/Form/FormField.cjs");
-const props = require("../util/props.cjs");
-const makeFormFieldProps = props.propsFactory(
-  {
-    id: String,
-    disabled: Boolean,
-    error: Boolean,
-    errorMessages: Array,
-    name: String,
-    readonly: Boolean,
-    validators: {
-      type: Array,
-      default: []
-    },
-    modelValue: null,
-    validateOn: String,
-    validationValue: null,
-    ...focus.makeFocusProps()
-  },
-  "validation"
-);
-function useFormField(props2, group = void 0) {
-  const form$1 = form.useForm();
-  return new FormField.FormField(form$1, props2, group);
-}
-exports.makeFormFieldProps = makeFormFieldProps;
-exports.useFormField = useFormField;
-//# sourceMappingURL=validation.cjs.map

package/dist/cjs/src/composables/validation.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"validation.cjs","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":["propsFactory","makeFocusProps","props","form","useForm","FormField"],"mappings":";;;;;;;AA2DO,MAAM,qBAAqBA,MAAA;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,GAAGC,MAAe,eAAA;AAAA,EACtB;AAAA,EACA;AACJ;AAOgB,SAAA,aACZC,QACA,QAA+B,QACjC;AACE,QAAMC,SAAOC,KAAAA,QAAQ;AACrB,SAAO,IAAIC,UAAA,UAAUF,QAAMD,QAAO,KAAK;AAC3C;;;"}

package/dist/cjs/src/composables/virtual.cjs

@@ -1,257 +0,0 @@
-"use strict";
-/*! Evance UI v1.1.8 | MIT License */
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const resizeObserver = require("./resizeObserver.cjs");
-const display = require("./display.cjs");
-const props = require("../util/props.cjs");
-const isFunctions = require("../util/is-functions.cjs");
-const helpers = require("../util/helpers.cjs");
-const browser = require("../util/browser.cjs");
-const UP = -1;
-const DOWN = 1;
-const BUFFER_PX = 100;
-const makeVirtualProps = props.propsFactory(
-  {
-    itemHeight: {
-      type: [Number, String],
-      default: null
-    },
-    height: [Number, String]
-  },
-  "virtual"
-);
-function useVirtual(props2, items) {
-  const display$1 = display.useDisplay();
-  const itemHeight = vue.shallowRef(0);
-  vue.watchEffect(() => {
-    const h = props2.itemHeight || 0;
-    itemHeight.value = isFunctions.isNumber(h) ? h : parseFloat(h);
-  });
-  const first = vue.shallowRef(0);
-  const last = vue.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(`${props2.height}`) || display$1.height.value) / (itemHeight.value || 16)
-    ) || 1
-  );
-  const paddingTop = vue.shallowRef(0);
-  const paddingBottom = vue.shallowRef(0);
-  const containerRef = vue.ref();
-  const markerRef = vue.ref();
-  let markerOffset = 0;
-  const { resizeRef, contentRect } = resizeObserver.useResizeObserver();
-  vue.watchEffect(() => {
-    resizeRef.value = containerRef.value;
-  });
-  const viewportHeight = vue.computed(() => {
-    var _a;
-    const h = isFunctions.isNumber(props2.height) ? props2.height : parseInt(props2.height);
-    return containerRef.value === document.documentElement ? display$1.height.value : ((_a = contentRect.value) == null ? void 0 : _a.height) || h || 0;
-  });
-  const hasInitialRender = vue.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 = vue.shallowRef(0);
-  let targetScrollIndex = -1;
-  function getSize(index) {
-    return sizes[index] || itemHeight.value;
-  }
-  const updateOffsets = helpers.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 = vue.watch(hasInitialRender, (v) => {
-    if (!v) {
-      return;
-    }
-    unwatch();
-    markerOffset = markerRef.value.offsetTop;
-    updateOffsets.immediate();
-    calculateVisibleItems();
-    if (!~targetScrollIndex) {
-      return;
-    }
-    vue.nextTick(() => {
-      browser.Browser.hasWindow && window.requestAnimationFrame(() => {
-        scrollToIndex(targetScrollIndex);
-        targetScrollIndex = -1;
-      });
-    });
-  });
-  vue.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 = helpers.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;
-  vue.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 = helpers.clamp(calculateIndex(startPx), 0, items.value.length);
-    const endPx = scrollTop + viewportHeight.value + BUFFER_PX;
-    const end = helpers.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 = vue.computed(() => {
-    return items.value.slice(first.value, last.value).map((item, index) => ({
-      raw: item,
-      index: index + first.value
-    }));
-  });
-  vue.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;
-}
-exports.makeVirtualProps = makeVirtualProps;
-exports.useVirtual = useVirtual;
-//# sourceMappingURL=virtual.cjs.map

package/dist/cjs/src/composables/virtual.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"virtual.cjs","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":["propsFactory","props","display","useDisplay","shallowRef","watchEffect","isNumber","ref","useResizeObserver","computed","debounce","watch","nextTick","Browser","onScopeDispose","clamp"],"mappings":"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"}