@evance/evance-ui 1.0.20 → 1.0.22

package/dist/esm/modifiers-DvDcYSH6.mjs

@@ -0,0 +1,34 @@
+/*! Evance UI v1.0.21 | MIT License */
+import { i as isString } from "./is-functions-C5rOo6MF.mjs";
+import { t as toKebabCase } from "./strings-CHO2EsCV.mjs";
+function makeClassName(value, prefix = "", exclude = []) {
+  if (!value || exclude.some((exclusion) => {
+    if (exclusion instanceof RegExp) {
+      return exclusion.test(value);
+    }
+    return value === exclusion;
+  })) {
+    return void 0;
+  }
+  const kebabValue = toKebabCase(value);
+  return `${prefix}-${kebabValue}`;
+}
+function sizeModifier(value, exclude = []) {
+  if (!isString(value)) {
+    return void 0;
+  }
+  return makeClassName(value, "is-size", exclude);
+}
+function appearanceModifier(value, exclude = []) {
+  return makeClassName(value, "is-appearance", exclude);
+}
+function variantModifier(value, exclude = []) {
+  return makeClassName(value, "is-variant", exclude);
+}
+export {
+  appearanceModifier as a,
+  makeClassName as m,
+  sizeModifier as s,
+  variantModifier as v
+};
+//# sourceMappingURL=modifiers-DvDcYSH6.mjs.map

package/dist/esm/modifiers-DvDcYSH6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modifiers-DvDcYSH6.mjs","sources":["../../src/util/modifiers.ts"],"sourcesContent":["import { isString, toKebabCase } from \"../util\";\n\n/**\n * ## Make Class Name\n * Accepts a string `value` and a `prefix` to be combined and separated by a dash (\"-\").\n * The value will be converted into \"kebab-case\".\n * @param value\n * @param prefix\n * @param exclude\n */\nexport function makeClassName(\n    value?: string,\n    prefix: string = \"\",\n    exclude: (string | RegExp)[] = [],\n): string | undefined {\n    if (\n        !value ||\n        exclude.some((exclusion) => {\n            if (exclusion instanceof RegExp) {\n                return exclusion.test(value);\n            }\n            return value === exclusion;\n        })\n    ) {\n        return undefined;\n    }\n    const kebabValue = toKebabCase(value);\n    return `${prefix}-${kebabValue}`;\n}\n\n/**\n * ## Make a Size Modifier Class Name\n * @param value\n * @param exclude\n */\nexport function sizeModifier(\n    value?: string | number,\n    exclude: (string | RegExp)[] = [],\n): string | undefined {\n    if (!isString(value)) {\n        return undefined;\n    }\n    return makeClassName(value, \"is-size\", exclude);\n}\n\n/**\n * ## Make an Appearance Modifier Class Name\n * @param value\n * @param exclude\n */\nexport function appearanceModifier(\n    value: string,\n    exclude: (string | RegExp)[] = [],\n): string | undefined {\n    return makeClassName(value, \"is-appearance\", exclude);\n}\n\n/**\n * ## Make a Variant Modifier Class Name\n * @param value\n * @param exclude\n */\nexport function variantModifier(\n    value: string,\n    exclude: (string | RegExp)[] = [],\n): string | undefined {\n    return makeClassName(value, \"is-variant\", exclude);\n}\n"],"names":[],"mappings":";;;AAUO,SAAS,cACZ,OACA,SAAiB,IACjB,UAA+B,CAAA,GACb;AAClB,MACI,CAAC,SACD,QAAQ,KAAK,CAAC,cAAc;AACxB,QAAI,qBAAqB,QAAQ;AACtB,aAAA,UAAU,KAAK,KAAK;AAAA,IAAA;AAE/B,WAAO,UAAU;AAAA,EAAA,CACpB,GACH;AACS,WAAA;AAAA,EAAA;AAEL,QAAA,aAAa,YAAY,KAAK;AAC7B,SAAA,GAAG,MAAM,IAAI,UAAU;AAClC;AAOO,SAAS,aACZ,OACA,UAA+B,IACb;AACd,MAAA,CAAC,SAAS,KAAK,GAAG;AACX,WAAA;AAAA,EAAA;AAEJ,SAAA,cAAc,OAAO,WAAW,OAAO;AAClD;AAOO,SAAS,mBACZ,OACA,UAA+B,IACb;AACX,SAAA,cAAc,OAAO,iBAAiB,OAAO;AACxD;AAOO,SAAS,gBACZ,OACA,UAA+B,IACb;AACX,SAAA,cAAc,OAAO,cAAc,OAAO;AACrD;"}

package/dist/esm/numbers-CX-Wo-gd.mjs

@@ -0,0 +1,10 @@
+/*! Evance UI v1.0.21 | MIT License */
+const IntegerishPattern = /^\d+$/;
+function isIntegerish(value) {
+  return IntegerishPattern.test(value.toString());
+}
+export {
+  IntegerishPattern as I,
+  isIntegerish as i
+};
+//# sourceMappingURL=numbers-CX-Wo-gd.mjs.map

package/dist/esm/numbers-CX-Wo-gd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"numbers-CX-Wo-gd.mjs","sources":["../../src/util/numbers.ts"],"sourcesContent":["/**\n * # Integerish Pattern\n */\nexport const IntegerishPattern: RegExp = /^\\d+$/;\n\n/**\n * # Is Integerish\n * @param value\n */\nexport function isIntegerish(value: string | number): boolean {\n    return IntegerishPattern.test(value.toString());\n}\n"],"names":[],"mappings":";AAGO,MAAM,oBAA4B;AAMlC,SAAS,aAAa,OAAiC;AAC1D,SAAO,kBAAkB,KAAK,MAAM,SAAA,CAAU;AAClD;"}

package/dist/esm/props-CryPwy95.mjs

@@ -0,0 +1,25 @@
+/*! Evance UI v1.0.21 | MIT License */
+function propsFactory(props, source) {
+  return (defaults) => {
+    return Object.keys(props).reduce((obj, prop) => {
+      const isObjectDefinition = typeof props[prop] === "object" && props[prop] != null && !Array.isArray(props[prop]);
+      const definition = isObjectDefinition ? props[prop] : { type: props[prop] };
+      if (defaults && prop in defaults) {
+        obj[prop] = {
+          ...definition,
+          default: defaults[prop]
+        };
+      } else {
+        obj[prop] = definition;
+      }
+      if (source && !obj[prop].source) {
+        obj[prop].source = source;
+      }
+      return obj;
+    }, {});
+  };
+}
+export {
+  propsFactory as p
+};
+//# sourceMappingURL=props-CryPwy95.mjs.map

package/dist/esm/props-CryPwy95.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"props-CryPwy95.mjs","sources":["../../src/util/props.ts"],"sourcesContent":["import type { IfAny } from \"@vue/shared\"; // eslint-disable-line vue/prefer-import-from-vue\nimport type { ComponentObjectPropsOptions, Prop, PropType } from \"vue\";\n\n/**\n * # Props Factory\n *\n * Creates a factory function for props definitions.\n * This is used to define props in a composable then override\n * default values in an implementing component.\n *\n * @example Simplified signature\n * (props: Props) => (defaults?: Record<keyof props, any>) => Props\n *\n * @example Usage\n * const makeProps = propsFactory({\n *   foo: String,\n * })\n *\n * defineComponent({\n *   props: {\n *     ...makeProps({\n *       foo: 'a',\n *     }),\n *   },\n *   setup (props) {\n *     // would be \"string | undefined\", now \"string\" because a default has been provided\n *     props.foo\n *   },\n * }\n *\n * Copied from Vuetify\n * @see https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/propsFactory.ts\n */\nexport function propsFactory<PropsOptions extends ComponentObjectPropsOptions>(\n    props: PropsOptions,\n    source: string,\n) {\n    return <Defaults extends PartialKeys<PropsOptions> = {}>(\n        defaults?: Defaults,\n    ): AppendDefault<PropsOptions, Defaults> => {\n        return Object.keys(props).reduce<any>((obj, prop) => {\n            const isObjectDefinition =\n                typeof props[prop] === \"object\" &&\n                props[prop] != null &&\n                !Array.isArray(props[prop]);\n            const definition = isObjectDefinition\n                ? props[prop]\n                : { type: props[prop] };\n\n            if (defaults && prop in defaults) {\n                obj[prop] = {\n                    ...definition,\n                    default: defaults[prop],\n                };\n            } else {\n                obj[prop] = definition;\n            }\n\n            if (source && !obj[prop].source) {\n                obj[prop].source = source;\n            }\n\n            return obj;\n        }, {});\n    };\n}\n\ntype AppendDefault<\n    T extends ComponentObjectPropsOptions,\n    D extends PartialKeys<T>,\n> = {\n    [P in keyof T]-?: unknown extends D[P]\n        ? T[P]\n        : T[P] extends Record<string, unknown>\n          ? Omit<T[P], \"type\" | \"default\"> & {\n                type: PropType<MergeDefault<T[P], D[P]>>;\n                default: MergeDefault<T[P], D[P]>;\n            }\n          : {\n                type: PropType<MergeDefault<T[P], D[P]>>;\n                default: MergeDefault<T[P], D[P]>;\n            };\n};\n\ntype MergeDefault<T, D> = unknown extends D\n    ? InferPropType<T>\n    : NonNullable<InferPropType<T>> | D;\n\n/**\n * Like `Partial<T>` but doesn't care what the value is\n */\ntype PartialKeys<T> = { [P in keyof T]?: unknown };\n\n// Copied from Vue\ntype InferPropType<T> = [T] extends [null]\n    ? any // null & true would fail to infer\n    : [T] extends [{ type: null | true }]\n      ? // As TS issue https://github.com/Microsoft/TypeScript/issues/14829\n        // somehow `ObjectConstructor` when inferred from { (): T } becomes `any`\n        // `BooleanConstructor` when inferred from PropConstructor(with PropMethod) becomes `Boolean`\n        any\n      : [T] extends [ObjectConstructor | { type: ObjectConstructor }]\n        ? Record<string, any>\n        : [T] extends [BooleanConstructor | { type: BooleanConstructor }]\n          ? boolean\n          : [T] extends [DateConstructor | { type: DateConstructor }]\n            ? Date\n            : [T] extends [(infer U)[] | { type: (infer U)[] }]\n              ? U extends DateConstructor\n                  ? Date | InferPropType<U>\n                  : InferPropType<U>\n              : [T] extends [Prop<infer V, infer D>]\n                ? unknown extends V\n                    ? IfAny<V, V, D>\n                    : V\n                : T;\n"],"names":[],"mappings":";AAiCgB,SAAA,aACZ,OACA,QACF;AACE,SAAO,CACH,aACwC;AACxC,WAAO,OAAO,KAAK,KAAK,EAAE,OAAY,CAAC,KAAK,SAAS;AACjD,YAAM,qBACF,OAAO,MAAM,IAAI,MAAM,YACvB,MAAM,IAAI,KAAK,QACf,CAAC,MAAM,QAAQ,MAAM,IAAI,CAAC;AACxB,YAAA,aAAa,qBACb,MAAM,IAAI,IACV,EAAE,MAAM,MAAM,IAAI,EAAE;AAEtB,UAAA,YAAY,QAAQ,UAAU;AAC9B,YAAI,IAAI,IAAI;AAAA,UACR,GAAG;AAAA,UACH,SAAS,SAAS,IAAI;AAAA,QAC1B;AAAA,MAAA,OACG;AACH,YAAI,IAAI,IAAI;AAAA,MAAA;AAGhB,UAAI,UAAU,CAAC,IAAI,IAAI,EAAE,QAAQ;AACzB,YAAA,IAAI,EAAE,SAAS;AAAA,MAAA;AAGhB,aAAA;AAAA,IACX,GAAG,EAAE;AAAA,EACT;AACJ;"}

package/dist/esm/resizeObserver-pphxGzrh.mjs

@@ -0,0 +1,47 @@
+/*! Evance UI v1.0.21 | MIT License */
+import { ref, onBeforeUnmount, watch, readonly } from "vue";
+import { B as Browser, r as refElement } from "./helpers-B6IjHp1h.mjs";
+function useResizeObserver(callback, box = "content") {
+  const resizeRef = ref();
+  const contentRect = ref();
+  if (Browser.hasWindow) {
+    const observer = new ResizeObserver(
+      (entries) => {
+        if (!entries.length) {
+          return;
+        }
+        if (box === "content") {
+          contentRect.value = entries[0].contentRect;
+        } else {
+          contentRect.value = entries[0].target.getBoundingClientRect();
+        }
+      }
+    );
+    onBeforeUnmount(() => {
+      observer.disconnect();
+    });
+    watch(
+      resizeRef,
+      (newValue, oldValue) => {
+        if (oldValue) {
+          observer.unobserve(refElement(oldValue));
+          contentRect.value = void 0;
+        }
+        if (newValue) {
+          observer.observe(refElement(newValue));
+        }
+      },
+      {
+        flush: "post"
+      }
+    );
+  }
+  return {
+    resizeRef,
+    contentRect: readonly(contentRect)
+  };
+}
+export {
+  useResizeObserver as u
+};
+//# sourceMappingURL=resizeObserver-pphxGzrh.mjs.map

package/dist/esm/resizeObserver-pphxGzrh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizeObserver-pphxGzrh.mjs","sources":["../../src/composables/resizeObserver.ts"],"sourcesContent":["import { onBeforeUnmount, readonly, ref, watch } from \"vue\";\nimport type { DeepReadonly, Ref } from \"vue\";\nimport { Browser, refElement } from \"../util\";\n\ninterface ResizeState {\n    resizeRef: Ref<HTMLElement | undefined>;\n    contentRect: DeepReadonly<Ref<DOMRectReadOnly | undefined>>;\n}\n\n/**\n * # Resize Observer\n * @param callback\n * @param box\n */\nexport function useResizeObserver(\n    callback?: ResizeObserverCallback,\n    box: \"content\" | \"border\" = \"content\",\n): ResizeState {\n    const resizeRef = ref<HTMLElement>();\n    const contentRect = ref<DOMRectReadOnly>();\n\n    if (Browser.hasWindow) {\n        const observer = new ResizeObserver(\n            (entries: ResizeObserverEntry[]) => {\n                callback?.(entries, observer);\n                if (!entries.length) {\n                    return;\n                }\n                if (box === \"content\") {\n                    contentRect.value = entries[0].contentRect;\n                } else {\n                    contentRect.value =\n                        entries[0].target.getBoundingClientRect();\n                }\n            },\n        );\n\n        onBeforeUnmount(() => {\n            observer.disconnect();\n        });\n\n        watch(\n            resizeRef,\n            (newValue, oldValue) => {\n                if (oldValue) {\n                    observer.unobserve(refElement(oldValue));\n                    contentRect.value = undefined;\n                }\n\n                if (newValue) {\n                    observer.observe(refElement(newValue));\n                }\n            },\n            {\n                flush: \"post\",\n            },\n        );\n    }\n\n    return {\n        resizeRef,\n        contentRect: readonly(contentRect),\n    };\n}\n"],"names":[],"mappings":";;;AAcgB,SAAA,kBACZ,UACA,MAA4B,WACjB;AACX,QAAM,YAAY,IAAiB;AACnC,QAAM,cAAc,IAAqB;AAEzC,MAAI,QAAQ,WAAW;AACnB,UAAM,WAAW,IAAI;AAAA,MACjB,CAAC,YAAmC;AAE5B,YAAA,CAAC,QAAQ,QAAQ;AACjB;AAAA,QAAA;AAEJ,YAAI,QAAQ,WAAW;AACP,sBAAA,QAAQ,QAAQ,CAAC,EAAE;AAAA,QAAA,OAC5B;AACH,sBAAY,QACR,QAAQ,CAAC,EAAE,OAAO,sBAAsB;AAAA,QAAA;AAAA,MAChD;AAAA,IAER;AAEA,oBAAgB,MAAM;AAClB,eAAS,WAAW;AAAA,IAAA,CACvB;AAED;AAAA,MACI;AAAA,MACA,CAAC,UAAU,aAAa;AACpB,YAAI,UAAU;AACD,mBAAA,UAAU,WAAW,QAAQ,CAAC;AACvC,sBAAY,QAAQ;AAAA,QAAA;AAGxB,YAAI,UAAU;AACD,mBAAA,QAAQ,WAAW,QAAQ,CAAC;AAAA,QAAA;AAAA,MAE7C;AAAA,MACA;AAAA,QACI,OAAO;AAAA,MAAA;AAAA,IAEf;AAAA,EAAA;AAGG,SAAA;AAAA,IACH;AAAA,IACA,aAAa,SAAS,WAAW;AAAA,EACrC;AACJ;"}

package/dist/esm/router-BnT-UpyG.mjs

@@ -0,0 +1,95 @@
+/*! Evance UI v1.0.21 | MIT License */
+import { resolveDynamicComponent, toRef, computed, nextTick, onScopeDispose } from "vue";
+import { h as hasEventListener } from "./events-DpoFxwSq.mjs";
+import { p as propsFactory } from "./props-CryPwy95.mjs";
+import { i as isString } from "./is-functions-C5rOo6MF.mjs";
+import { B as Browser } from "./helpers-B6IjHp1h.mjs";
+function isClickableLink(props, attrs) {
+  return computed(() => {
+    return !!(props.href || props.to) || hasEventListener(attrs, "click") || hasEventListener(props, "click");
+  });
+}
+function isRouterLinkOrHref(props) {
+  return computed(() => {
+    return !!(props.href || props.to);
+  });
+}
+const makeRouterLinkOrHrefProps = propsFactory(
+  {
+    href: String,
+    replace: Boolean,
+    to: [String, Object],
+    exact: Boolean
+  },
+  "router"
+);
+function useRouterLinkOrHref(props, attrs) {
+  const routerLink = resolveDynamicComponent("RouterLink");
+  const isLink = isRouterLinkOrHref(props);
+  const isClickable = isClickableLink(props, attrs);
+  if (isString(routerLink)) {
+    return {
+      isLink,
+      isClickable,
+      href: toRef(props, "href")
+    };
+  }
+  const link = props.to ? routerLink.useLink(props) : void 0;
+  return {
+    isLink,
+    isClickable,
+    route: link == null ? void 0 : link.route,
+    navigate: link == null ? void 0 : link.navigate,
+    isActive: link && computed(
+      () => {
+        var _a, _b;
+        return props.exact ? (_a = link.isExactActive) == null ? void 0 : _a.value : (_b = link.isActive) == null ? void 0 : _b.value;
+      }
+    ),
+    isExactActive: link == null ? void 0 : link.isExactActive,
+    href: computed(() => props.to ? link == null ? void 0 : link.route.value.href : props.href)
+  };
+}
+let isTransitioning = false;
+function useBackButton(router, callback) {
+  let isPopped = false;
+  let removeBefore;
+  let removeAfter;
+  function onPopState(e) {
+    var _a;
+    if ((_a = e.state) == null ? void 0 : _a.replaced) {
+      return;
+    }
+    isPopped = true;
+    setTimeout(() => isPopped = false);
+  }
+  if (Browser.hasWindow) {
+    nextTick(() => {
+      window.addEventListener("popstate", onPopState);
+      removeBefore = router == null ? void 0 : router.beforeEach((to, from, next) => {
+        if (!isTransitioning) {
+          setTimeout(() => {
+            return isPopped ? callback(next) : next();
+          });
+        } else {
+          isPopped ? callback(next) : next();
+        }
+        isTransitioning = true;
+      });
+      removeAfter = router == null ? void 0 : router.afterEach(() => {
+        isTransitioning = false;
+      });
+    });
+    onScopeDispose(() => {
+      window.removeEventListener("popstate", onPopState);
+      removeBefore == null ? void 0 : removeBefore();
+      removeAfter == null ? void 0 : removeAfter();
+    });
+  }
+}
+export {
+  useBackButton as a,
+  makeRouterLinkOrHrefProps as m,
+  useRouterLinkOrHref as u
+};
+//# sourceMappingURL=router-BnT-UpyG.mjs.map

package/dist/esm/router-BnT-UpyG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-BnT-UpyG.mjs","sources":["../../src/composables/router.ts"],"sourcesContent":["import {\n    NavigationGuardNext,\n    RouteLocationRaw,\n    Router,\n    RouterLink,\n    useLink,\n    UseLinkOptions,\n} from \"vue-router\";\nimport {\n    computed,\n    ComputedRef,\n    nextTick,\n    onScopeDispose,\n    PropType,\n    Ref,\n    resolveDynamicComponent,\n    SetupContext,\n    toRef,\n} from \"vue\";\nimport {\n    Browser,\n    ClickEventListeners,\n    hasEventListener,\n    isString,\n    propsFactory,\n} from \"@/util\";\n\n/**\n * # RouterLink or Href Props\n *\n * We need to be able to accommodate `<a href=\"\">` links\n * as well as `<router-link to=\"...\">` links.\n *\n * This is an important distinction in Evance since we use both.\n *\n */\nexport interface RouterLinkOrHrefProps {\n    href?: string;\n    replace?: boolean;\n    to?: RouteLocationRaw;\n    exact?: boolean;\n}\n\n/**\n * # Use RouterLink or Href\n */\nexport interface UseRouterLinkOrHref\n    extends Omit<Partial<ReturnType<typeof useLink>>, \"href\"> {\n    isLink: ComputedRef<boolean>;\n    isClickable: ComputedRef<boolean>;\n    href: Ref<string | undefined>;\n}\n\n/**\n * # Is Clickable Link\n * @param props\n * @param attrs\n */\nexport function isClickableLink(\n    props: RouterLinkOrHrefProps & ClickEventListeners,\n    attrs: SetupContext[\"attrs\"],\n): ComputedRef<boolean> {\n    return computed(() => {\n        return (\n            !!(props.href || props.to) ||\n            hasEventListener(attrs, \"click\") ||\n            hasEventListener(props, \"click\")\n        );\n    });\n}\n\n/**\n * # Is RouterLink or Href\n * @param props\n */\nexport function isRouterLinkOrHref(\n    props: RouterLinkOrHrefProps,\n): ComputedRef<boolean> {\n    return computed(() => {\n        return !!(props.href || props.to);\n    });\n}\n\n/**\n * # Make Router Props\n */\nexport const makeRouterLinkOrHrefProps = propsFactory(\n    {\n        href: String,\n        replace: Boolean,\n        to: [String, Object] as PropType<RouteLocationRaw>,\n        exact: Boolean,\n    },\n    \"router\",\n);\n\n/**\n * # Use Router Link or Href\n *\n * This is heavily \"inspired\" by Vuetify.\n * https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/router.tsx\n *\n * @param props\n * @param attrs\n */\nexport function useRouterLinkOrHref(\n    props: RouterLinkOrHrefProps,\n    attrs: SetupContext[\"attrs\"],\n): UseRouterLinkOrHref {\n    const routerLink = resolveDynamicComponent(\"RouterLink\") as\n        | typeof RouterLink\n        | string;\n    const isLink = isRouterLinkOrHref(props);\n    const isClickable = isClickableLink(props, attrs);\n    if (isString(routerLink)) {\n        return {\n            isLink,\n            isClickable,\n            href: toRef(props, \"href\"),\n        };\n    }\n    const link = props.to\n        ? routerLink.useLink(props as UseLinkOptions)\n        : undefined;\n    return {\n        isLink,\n        isClickable,\n        route: link?.route,\n        navigate: link?.navigate,\n        isActive:\n            link &&\n            computed(() =>\n                props.exact ? link.isExactActive?.value : link.isActive?.value,\n            ),\n        isExactActive: link?.isExactActive,\n        href: computed(() => (props.to ? link?.route.value.href : props.href)),\n    };\n}\n\n/**\n * # Use Back Button\n *\n * Listen to PopStateEvents dispatched to the window every time the\n * active history entry changes between two history entries for the same document.\n *\n * We need this for navigation on single page apps.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/PopStateEvent\n */\nlet isTransitioning = false;\nexport function useBackButton(\n    router: Router | undefined,\n    callback: (next: NavigationGuardNext) => void,\n) {\n    let isPopped = false;\n    let removeBefore: (() => void) | undefined;\n    let removeAfter: (() => void) | undefined;\n\n    function onPopState(e: PopStateEvent) {\n        if (e.state?.replaced) {\n            return;\n        }\n        isPopped = true;\n        // Use setTimeout to be asynchronous\n        setTimeout(() => (isPopped = false));\n    }\n\n    if (Browser.hasWindow) {\n        nextTick(() => {\n            window.addEventListener(\"popstate\", onPopState);\n            removeBefore = router?.beforeEach((to, from, next) => {\n                if (!isTransitioning) {\n                    // Use setTimeout to be asynchronous\n                    setTimeout(() => {\n                        return isPopped ? callback(next) : next();\n                    });\n                } else {\n                    isPopped ? callback(next) : next();\n                }\n                isTransitioning = true;\n            });\n            removeAfter = router?.afterEach(() => {\n                isTransitioning = false;\n            });\n        });\n\n        onScopeDispose(() => {\n            window.removeEventListener(\"popstate\", onPopState);\n            removeBefore?.();\n            removeAfter?.();\n        });\n    }\n}\n"],"names":[],"mappings":";;;;;;AA0DgB,SAAA,gBACZ,OACA,OACoB;AACpB,SAAO,SAAS,MAAM;AAClB,WACI,CAAC,EAAE,MAAM,QAAQ,MAAM,OACvB,iBAAiB,OAAO,OAAO,KAC/B,iBAAiB,OAAO,OAAO;AAAA,EAAA,CAEtC;AACL;AAMO,SAAS,mBACZ,OACoB;AACpB,SAAO,SAAS,MAAM;AAClB,WAAO,CAAC,EAAE,MAAM,QAAQ,MAAM;AAAA,EAAA,CACjC;AACL;AAKO,MAAM,4BAA4B;AAAA,EACrC;AAAA,IACI,MAAM;AAAA,IACN,SAAS;AAAA,IACT,IAAI,CAAC,QAAQ,MAAM;AAAA,IACnB,OAAO;AAAA,EACX;AAAA,EACA;AACJ;AAWgB,SAAA,oBACZ,OACA,OACmB;AACb,QAAA,aAAa,wBAAwB,YAAY;AAGjD,QAAA,SAAS,mBAAmB,KAAK;AACjC,QAAA,cAAc,gBAAgB,OAAO,KAAK;AAC5C,MAAA,SAAS,UAAU,GAAG;AACf,WAAA;AAAA,MACH;AAAA,MACA;AAAA,MACA,MAAM,MAAM,OAAO,MAAM;AAAA,IAC7B;AAAA,EAAA;AAEJ,QAAM,OAAO,MAAM,KACb,WAAW,QAAQ,KAAuB,IAC1C;AACC,SAAA;AAAA,IACH;AAAA,IACA;AAAA,IACA,OAAO,6BAAM;AAAA,IACb,UAAU,6BAAM;AAAA,IAChB,UACI,QACA;AAAA,MAAS,MACL;;AAAA,qBAAM,SAAQ,UAAK,kBAAL,mBAAoB,SAAQ,UAAK,aAAL,mBAAe;AAAA;AAAA,IAC7D;AAAA,IACJ,eAAe,6BAAM;AAAA,IACrB,MAAM,SAAS,MAAO,MAAM,KAAK,6BAAM,MAAM,MAAM,OAAO,MAAM,IAAK;AAAA,EACzE;AACJ;AAYA,IAAI,kBAAkB;AACN,SAAA,cACZ,QACA,UACF;AACE,MAAI,WAAW;AACX,MAAA;AACA,MAAA;AAEJ,WAAS,WAAW,GAAkB;;AAC9B,SAAA,OAAE,UAAF,mBAAS,UAAU;AACnB;AAAA,IAAA;AAEO,eAAA;AAEA,eAAA,MAAO,WAAW,KAAM;AAAA,EAAA;AAGvC,MAAI,QAAQ,WAAW;AACnB,aAAS,MAAM;AACJ,aAAA,iBAAiB,YAAY,UAAU;AAC9C,qBAAe,iCAAQ,WAAW,CAAC,IAAI,MAAM,SAAS;AAClD,YAAI,CAAC,iBAAiB;AAElB,qBAAW,MAAM;AACb,mBAAO,WAAW,SAAS,IAAI,IAAI,KAAK;AAAA,UAAA,CAC3C;AAAA,QAAA,OACE;AACQ,qBAAA,SAAS,IAAI,IAAI,KAAK;AAAA,QAAA;AAEnB,0BAAA;AAAA,MAAA;AAER,oBAAA,iCAAQ,UAAU,MAAM;AAChB,0BAAA;AAAA,MAAA;AAAA,IACrB,CACJ;AAED,mBAAe,MAAM;AACV,aAAA,oBAAoB,YAAY,UAAU;AAClC;AACD;AAAA,IAAA,CACjB;AAAA,EAAA;AAET;"}

package/dist/esm/scroll-Cgar9rjY.mjs

@@ -0,0 +1,50 @@
+/*! Evance UI v1.0.21 | MIT License */
+import { e as isElement } from "./is-functions-C5rOo6MF.mjs";
+function getScrollParent(el, isIncludeHidden = false, axis = "y") {
+  while (el) {
+    if (isIncludeHidden ? isScrollable(el, axis) : hasScrollbar(el, axis)) {
+      return el;
+    }
+    el = el.parentElement;
+  }
+  return document.scrollingElement;
+}
+function getScrollParents(el, stopAt, axis = "y") {
+  const elements = [];
+  if (isElement(el) && isElement(stopAt) && !stopAt.contains(el)) {
+    return elements;
+  }
+  while (el) {
+    if (hasScrollbar(el, axis)) {
+      elements.push(el);
+    }
+    if (el === stopAt) {
+      break;
+    }
+    el = el.parentElement;
+  }
+  return elements;
+}
+function hasScrollbar(el, axis = "y") {
+  if (!isElement(el)) {
+    return false;
+  }
+  const style = window.getComputedStyle(el);
+  const hasScrollbarX = style.overflowX === "scroll" || style.overflowX === "auto" && el.scrollWidth > el.clientWidth;
+  const hasScrollbarY = style.overflowY === "scroll" || style.overflowY === "auto" && el.scrollHeight > el.clientHeight;
+  return (!axis || axis === "x") && hasScrollbarX || (!axis || axis === "y") && hasScrollbarY;
+}
+function isScrollable(el, axis = "y") {
+  if (!isElement(el)) {
+    return false;
+  }
+  const style = window.getComputedStyle(el);
+  return (!axis || axis === "x") && ["scroll", "auto"].includes(style.overflowX) || (!axis || axis === "y") && ["scroll", "auto"].includes(style.overflowY);
+}
+export {
+  getScrollParents as a,
+  getScrollParent as g,
+  hasScrollbar as h,
+  isScrollable as i
+};
+//# sourceMappingURL=scroll-Cgar9rjY.mjs.map

package/dist/esm/scroll-Cgar9rjY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-Cgar9rjY.mjs","sources":["../../src/util/scroll.ts"],"sourcesContent":["import { isElement } from \"./is-functions\";\nimport { Axis } from \"./dimensions\";\n\n/**\n * # Get Scroll Parent\n *\n * Get the closest parent element which is scrollable.\n *\n * @param el\n * @param isIncludeHidden\n * @param axis\n */\nexport function getScrollParent(\n    el?: Element,\n    isIncludeHidden = false,\n    axis: Axis | null = \"y\",\n): HTMLElement {\n    while (el) {\n        if (isIncludeHidden ? isScrollable(el, axis) : hasScrollbar(el, axis)) {\n            return el as HTMLElement;\n        }\n        el = el.parentElement!;\n    }\n    return document.scrollingElement as HTMLElement;\n}\n\n/**\n * # Get Scroll Parents\n *\n * Get all parent elements with a scrollbar in either the x-axis, y-axis,\n * or either if `axis` is supplied as `null`.\n *\n * Defaults to y-axis, since that's the most common use-case.\n *\n * @param el\n * @param stopAt\n * @param axis\n */\nexport function getScrollParents(\n    el: Element | undefined,\n    stopAt?: Element | null,\n    axis: Axis | null = \"y\",\n): HTMLElement[] {\n    const elements: HTMLElement[] = [];\n    if (isElement(el) && isElement(stopAt) && !stopAt!.contains(el)) {\n        return elements;\n    }\n    while (el) {\n        if (hasScrollbar(el, axis)) {\n            elements.push(el as HTMLElement);\n        }\n        if (el === stopAt) {\n            break;\n        }\n        el = el.parentElement!;\n    }\n    return elements;\n}\n\n/**\n * # Has Scrollbar?\n *\n * Determine whether an Element has a Scrollbar in either the x-axis, y-axis,\n * or either if `axis` is supplied as `null`.\n *\n * This does not necessarily mean it has a scroll amount.\n *\n * Defaults to y-axis, since that's the most common use-case.\n *\n * @param el\n * @param axis\n */\nexport function hasScrollbar(\n    el?: Element | null,\n    axis: Axis | null = \"y\",\n): boolean {\n    if (!isElement(el)) {\n        return false;\n    }\n    const style = window.getComputedStyle(el!);\n    const hasScrollbarX =\n        style.overflowX === \"scroll\" ||\n        (style.overflowX === \"auto\" && el!.scrollWidth > el!.clientWidth);\n    const hasScrollbarY =\n        style.overflowY === \"scroll\" ||\n        (style.overflowY === \"auto\" && el!.scrollHeight > el!.clientHeight);\n    return (\n        ((!axis || axis === \"x\") && hasScrollbarX) ||\n        ((!axis || axis === \"y\") && hasScrollbarY)\n    );\n}\n\n/**\n * # Is Scrollable?\n *\n * Determines whether an Element is scrollable in either the x-axis, y-axis,\n * or either if `axis` is supplied as `null`.\n *\n * Defaults to y-axis, since that's the most common use-case.\n *\n * @param el\n * @param axis\n */\nexport function isScrollable(\n    el: Element | null,\n    axis: Axis | null = \"y\",\n): boolean {\n    if (!isElement(el)) {\n        return false;\n    }\n    const style = window.getComputedStyle(el!);\n    return (\n        ((!axis || axis === \"x\") &&\n            [\"scroll\", \"auto\"].includes(style.overflowX)) ||\n        ((!axis || axis === \"y\") &&\n            [\"scroll\", \"auto\"].includes(style.overflowY))\n    );\n}\n"],"names":[],"mappings":";;AAYO,SAAS,gBACZ,IACA,kBAAkB,OAClB,OAAoB,KACT;AACX,SAAO,IAAI;AACH,QAAA,kBAAkB,aAAa,IAAI,IAAI,IAAI,aAAa,IAAI,IAAI,GAAG;AAC5D,aAAA;AAAA,IAAA;AAEX,SAAK,GAAG;AAAA,EAAA;AAEZ,SAAO,SAAS;AACpB;AAcO,SAAS,iBACZ,IACA,QACA,OAAoB,KACP;AACb,QAAM,WAA0B,CAAC;AAC7B,MAAA,UAAU,EAAE,KAAK,UAAU,MAAM,KAAK,CAAC,OAAQ,SAAS,EAAE,GAAG;AACtD,WAAA;AAAA,EAAA;AAEX,SAAO,IAAI;AACH,QAAA,aAAa,IAAI,IAAI,GAAG;AACxB,eAAS,KAAK,EAAiB;AAAA,IAAA;AAEnC,QAAI,OAAO,QAAQ;AACf;AAAA,IAAA;AAEJ,SAAK,GAAG;AAAA,EAAA;AAEL,SAAA;AACX;AAegB,SAAA,aACZ,IACA,OAAoB,KACb;AACH,MAAA,CAAC,UAAU,EAAE,GAAG;AACT,WAAA;AAAA,EAAA;AAEL,QAAA,QAAQ,OAAO,iBAAiB,EAAG;AACnC,QAAA,gBACF,MAAM,cAAc,YACnB,MAAM,cAAc,UAAU,GAAI,cAAc,GAAI;AACnD,QAAA,gBACF,MAAM,cAAc,YACnB,MAAM,cAAc,UAAU,GAAI,eAAe,GAAI;AAEpD,UAAA,CAAC,QAAQ,SAAS,QAAQ,kBAC1B,CAAC,QAAQ,SAAS,QAAQ;AAEpC;AAagB,SAAA,aACZ,IACA,OAAoB,KACb;AACH,MAAA,CAAC,UAAU,EAAE,GAAG;AACT,WAAA;AAAA,EAAA;AAEL,QAAA,QAAQ,OAAO,iBAAiB,EAAG;AAEnC,UAAA,CAAC,QAAQ,SAAS,QAChB,CAAC,UAAU,MAAM,EAAE,SAAS,MAAM,SAAS,MAC7C,CAAC,QAAQ,SAAS,QAChB,CAAC,UAAU,MAAM,EAAE,SAAS,MAAM,SAAS;AAEvD;"}

package/dist/esm/select-DqQwWXQG.mjs

@@ -0,0 +1,194 @@
+/*! Evance UI v1.0.21 | MIT License */
+import { toRef, ref, computed, provide, inject } from "vue";
+import { u as useModelProxy } from "./modelProxy-CRhLyeur.mjs";
+import { p as propsFactory } from "./props-CryPwy95.mjs";
+import { w as wrapInArray } from "./helpers-B6IjHp1h.mjs";
+import { c as isDeepEqual } from "./is-functions-C5rOo6MF.mjs";
+const singleSelectStrategy = {
+  showSelectAll: false,
+  allSelected: () => [],
+  select: ({ items, value }) => {
+    var _a;
+    return new Set(value ? [(_a = items[0]) == null ? void 0 : _a.value] : []);
+  },
+  selectAll: ({ selected }) => selected
+};
+const pageSelectStrategy = {
+  showSelectAll: true,
+  allSelected: ({ currentPage }) => currentPage,
+  select: ({ items, value, selected }) => {
+    for (const item of items) {
+      value ? selected.add(item.value) : selected.delete(item.value);
+    }
+    return selected;
+  },
+  selectAll: ({ value, currentPage, selected }) => pageSelectStrategy.select({ items: currentPage, value, selected })
+};
+const allSelectStrategy = {
+  showSelectAll: true,
+  allSelected: ({ allItems }) => allItems,
+  select: ({ items, value, selected }) => {
+    for (const item of items) {
+      value ? selected.add(item.value) : selected.delete(item.value);
+    }
+    return selected;
+  },
+  selectAll: ({ value, allItems, selected }) => allSelectStrategy.select({ items: allItems, value, selected })
+};
+const makeDataTableSelectProps = propsFactory(
+  {
+    showSelect: Boolean,
+    selectStrategy: {
+      type: [String, Object],
+      default: "page"
+    },
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    valueComparator: {
+      type: Function,
+      default: isDeepEqual
+    }
+  },
+  "DataTable-select"
+);
+const EvDataTableSelectionSymbol = Symbol.for("ev:data-table-selection");
+function provideSelection(props, {
+  allItems,
+  currentPage
+}) {
+  const showSelect = toRef(props, "showSelect");
+  const lastToggledItem = ref(null);
+  const selected = useModelProxy(
+    props,
+    "modelValue",
+    props.modelValue,
+    (v) => {
+      return new Set(
+        wrapInArray(v).map((v2) => {
+          var _a;
+          return ((_a = allItems.value.find(
+            (item) => props.valueComparator(v2, item.value)
+          )) == null ? void 0 : _a.value) ?? v2;
+        })
+      );
+    },
+    (v) => {
+      return [...v.values()];
+    }
+  );
+  const allSelectable = computed(
+    () => allItems.value.filter((item) => item.selectable)
+  );
+  const currentPageSelectable = computed(
+    () => currentPage.value.filter((item) => item.selectable)
+  );
+  const selectStrategy = computed(() => {
+    if (typeof props.selectStrategy === "object") {
+      return props.selectStrategy;
+    }
+    switch (props.selectStrategy) {
+      case "single":
+        return singleSelectStrategy;
+      case "all":
+        return allSelectStrategy;
+      case "page":
+      default:
+        return pageSelectStrategy;
+    }
+  });
+  function isSelected(items) {
+    return wrapInArray(items).every(
+      (item) => selected.value.has(item.value)
+    );
+  }
+  function isSomeSelected(items) {
+    return wrapInArray(items).some(
+      (item) => selected.value.has(item.value)
+    );
+  }
+  function select(items, value) {
+    selected.value = selectStrategy.value.select({
+      items,
+      value,
+      selected: new Set(selected.value)
+    });
+  }
+  function toggleSelect(item, shiftPressed = false) {
+    const isItemSelected = isSelected([item]);
+    if (lastToggledItem.value && shiftPressed) {
+      const lastIndex = allSelectable.value.findIndex((v) => {
+        return props.valueComparator(v, lastToggledItem.value);
+      });
+      const currentIndex = allSelectable.value.findIndex((v) => {
+        return props.valueComparator(v, item);
+      });
+      if (lastIndex === -1 || currentIndex === -1) {
+        select([item], !isSelected([item]));
+        lastToggledItem.value = selected.value.size > 0 ? item : null;
+        return;
+      }
+      const [start, end] = lastIndex < currentIndex ? [lastIndex, currentIndex] : [currentIndex, lastIndex];
+      const rangeItems = allSelectable.value.slice(start, end + 1);
+      const isLastSelected = isSelected([lastToggledItem.value]);
+      const allOpposite = rangeItems.filter(
+        (i) => isSelected([i]) !== isLastSelected
+      );
+      select(allOpposite, isLastSelected);
+      if (isLastSelected === isItemSelected) {
+        select([item], !isItemSelected);
+      }
+    } else {
+      select([item], !isSelected([item]));
+    }
+    lastToggledItem.value = selected.value.size > 0 ? item : null;
+  }
+  function selectAll(value) {
+    lastToggledItem.value = null;
+    selected.value = selectStrategy.value.selectAll({
+      value,
+      allItems: allSelectable.value,
+      currentPage: currentPageSelectable.value,
+      selected: new Set(selected.value)
+    });
+  }
+  const someSelected = computed(() => selected.value.size > 0);
+  const allSelected = computed(() => {
+    const items = selectStrategy.value.allSelected({
+      allItems: allSelectable.value,
+      currentPage: currentPageSelectable.value
+    });
+    return !!items.length && isSelected(items);
+  });
+  const showSelectAll = computed(
+    () => showSelect.value && selectStrategy.value.showSelectAll
+  );
+  const data = {
+    selected,
+    toggleSelect,
+    select,
+    selectAll,
+    isSelected,
+    isSomeSelected,
+    someSelected,
+    allSelected,
+    showSelect,
+    showSelectAll
+  };
+  provide(EvDataTableSelectionSymbol, data);
+  return data;
+}
+function useSelection() {
+  const data = inject(EvDataTableSelectionSymbol);
+  if (!data) {
+    throw new Error("Unable to `useSelection()`");
+  }
+  return data;
+}
+export {
+  makeDataTableSelectProps as m,
+  provideSelection as p,
+  useSelection as u
+};
+//# sourceMappingURL=select-DqQwWXQG.mjs.map

package/dist/esm/select-DqQwWXQG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-DqQwWXQG.mjs","sources":["../../src/components/EvDataTable/composables/select.ts"],"sourcesContent":["import { DataTableItemProps } from \"./items\";\nimport { EventProp, isDeepEqual, propsFactory, wrapInArray } from \"@/util\";\nimport {\n    computed,\n    inject,\n    InjectionKey,\n    PropType,\n    provide,\n    ref,\n    Ref,\n    toRef,\n} from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\n\nexport interface SelectableItem {\n    value: any;\n    selectable: boolean;\n}\n\nexport interface DataTableSelectStrategy {\n    showSelectAll: boolean;\n    allSelected: (data: {\n        allItems: SelectableItem[];\n        currentPage: SelectableItem[];\n    }) => SelectableItem[];\n    select: (data: {\n        items: SelectableItem[];\n        value: boolean;\n        selected: Set<unknown>;\n    }) => Set<unknown>;\n    selectAll: (data: {\n        value: boolean;\n        allItems: SelectableItem[];\n        currentPage: SelectableItem[];\n        selected: Set<unknown>;\n    }) => Set<unknown>;\n}\n\ntype SelectionProps = Pick<DataTableItemProps, \"itemValue\"> & {\n    modelValue: readonly any[];\n    selectStrategy: \"single\" | \"page\" | \"all\";\n    showSelect: boolean;\n    valueComparator: typeof isDeepEqual;\n    \"onUpdate:modelValue\"?: EventProp<[any[]]> | undefined;\n};\n\nconst singleSelectStrategy: DataTableSelectStrategy = {\n    showSelectAll: false,\n    allSelected: () => [],\n    select: ({ items, value }) => {\n        return new Set(value ? [items[0]?.value] : []);\n    },\n    selectAll: ({ selected }) => selected,\n};\n\nconst pageSelectStrategy: DataTableSelectStrategy = {\n    showSelectAll: true,\n    allSelected: ({ currentPage }) => currentPage,\n    select: ({ items, value, selected }) => {\n        for (const item of items) {\n            value ? selected.add(item.value) : selected.delete(item.value);\n        }\n        return selected;\n    },\n    selectAll: ({ value, currentPage, selected }) =>\n        pageSelectStrategy.select({ items: currentPage, value, selected }),\n};\n\nconst allSelectStrategy: DataTableSelectStrategy = {\n    showSelectAll: true,\n    allSelected: ({ allItems }) => allItems,\n    select: ({ items, value, selected }) => {\n        for (const item of items) {\n            value ? selected.add(item.value) : selected.delete(item.value);\n        }\n        return selected;\n    },\n    selectAll: ({ value, allItems, selected }) =>\n        allSelectStrategy.select({ items: allItems, value, selected }),\n};\n\nexport const makeDataTableSelectProps = propsFactory(\n    {\n        showSelect: Boolean,\n        selectStrategy: {\n            type: [String, Object] as PropType<\"single\" | \"page\" | \"all\">,\n            default: \"page\",\n        },\n        modelValue: {\n            type: Array as PropType<readonly any[]>,\n            default: () => [],\n        },\n        valueComparator: {\n            type: Function as PropType<typeof isDeepEqual>,\n            default: isDeepEqual,\n        },\n    },\n    \"DataTable-select\",\n);\n\nexport const EvDataTableSelectionSymbol: InjectionKey<\n    ReturnType<typeof provideSelection>\n> = Symbol.for(\"ev:data-table-selection\");\n\nexport function provideSelection(\n    props: SelectionProps,\n    {\n        allItems,\n        currentPage,\n    }: { allItems: Ref<SelectableItem[]>; currentPage: Ref<SelectableItem[]> },\n) {\n    const showSelect = toRef(props, \"showSelect\");\n    const lastToggledItem = ref<SelectableItem | null>(null);\n\n    const selected = useModelProxy(\n        props,\n        \"modelValue\",\n        props.modelValue,\n        (v) => {\n            return new Set(\n                wrapInArray(v).map((v) => {\n                    return (\n                        allItems.value.find((item) =>\n                            props.valueComparator(v, item.value),\n                        )?.value ?? v\n                    );\n                }),\n            );\n        },\n        (v) => {\n            return [...v.values()];\n        },\n    );\n\n    const allSelectable = computed(() =>\n        allItems.value.filter((item) => item.selectable),\n    );\n\n    const currentPageSelectable = computed(() =>\n        currentPage.value.filter((item) => item.selectable),\n    );\n\n    const selectStrategy = computed(() => {\n        if (typeof props.selectStrategy === \"object\") {\n            return props.selectStrategy;\n        }\n        switch (props.selectStrategy) {\n            case \"single\":\n                return singleSelectStrategy;\n            case \"all\":\n                return allSelectStrategy;\n            case \"page\":\n            default:\n                return pageSelectStrategy;\n        }\n    });\n\n    function isSelected(items: SelectableItem | SelectableItem[]) {\n        return wrapInArray(items).every((item) =>\n            selected.value.has(item.value),\n        );\n    }\n\n    function isSomeSelected(items: SelectableItem | SelectableItem[]) {\n        return wrapInArray(items).some((item) =>\n            selected.value.has(item.value),\n        );\n    }\n\n    function select(items: SelectableItem[], value: boolean) {\n        selected.value = selectStrategy.value.select({\n            items,\n            value,\n            selected: new Set(selected.value),\n        });\n    }\n\n    function toggleSelect(item: SelectableItem, shiftPressed: boolean = false) {\n        const isItemSelected = isSelected([item]);\n        if (lastToggledItem.value && shiftPressed) {\n            const lastIndex = allSelectable.value.findIndex((v) => {\n                return props.valueComparator(v, lastToggledItem.value);\n            });\n            const currentIndex = allSelectable.value.findIndex((v) => {\n                return props.valueComparator(v, item);\n            });\n            if (lastIndex === -1 || currentIndex === -1) {\n                select([item], !isSelected([item]));\n                lastToggledItem.value = selected.value.size > 0 ? item : null;\n                return;\n            }\n            const [start, end] =\n                lastIndex < currentIndex\n                    ? [lastIndex, currentIndex]\n                    : [currentIndex, lastIndex];\n            const rangeItems = allSelectable.value.slice(start, end + 1);\n            const isLastSelected = isSelected([lastToggledItem.value]);\n            const allOpposite = rangeItems.filter(\n                (i) => isSelected([i]) !== isLastSelected,\n            );\n            select(allOpposite, isLastSelected);\n            if (isLastSelected === isItemSelected) {\n                select([item], !isItemSelected);\n            }\n        } else {\n            select([item], !isSelected([item]));\n        }\n        lastToggledItem.value = selected.value.size > 0 ? item : null;\n    }\n\n    function selectAll(value: boolean) {\n        lastToggledItem.value = null;\n        selected.value = selectStrategy.value.selectAll({\n            value,\n            allItems: allSelectable.value,\n            currentPage: currentPageSelectable.value,\n            selected: new Set(selected.value),\n        });\n    }\n\n    const someSelected = computed(() => selected.value.size > 0);\n    const allSelected = computed(() => {\n        const items = selectStrategy.value.allSelected({\n            allItems: allSelectable.value,\n            currentPage: currentPageSelectable.value,\n        });\n        return !!items.length && isSelected(items);\n    });\n\n    const showSelectAll = computed(\n        () => showSelect.value && selectStrategy.value.showSelectAll,\n    );\n\n    const data = {\n        selected,\n        toggleSelect,\n        select,\n        selectAll,\n        isSelected,\n        isSomeSelected,\n        someSelected,\n        allSelected,\n        showSelect,\n        showSelectAll: showSelectAll,\n    };\n    provide(EvDataTableSelectionSymbol, data);\n    return data;\n}\n\nexport function useSelection() {\n    const data = inject(EvDataTableSelectionSymbol);\n    if (!data) {\n        throw new Error(\"Unable to `useSelection()`\");\n    }\n    return data;\n}\n"],"names":["v"],"mappings":"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"}

package/dist/esm/stack-CAD-33qP.mjs

@@ -0,0 +1,64 @@
+/*! Evance UI v1.0.21 | MIT License */
+import { inject, reactive, provide, shallowRef, watchEffect, computed, readonly, onScopeDispose, toRaw } from "vue";
+import { u as useToggleScope } from "./toggleScope-DaH2zREO.mjs";
+import { g as getCurrentComponent } from "./components-YCaBd2Ag.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 {
+  getLastZIndex as g,
+  useStack as u
+};
+//# sourceMappingURL=stack-CAD-33qP.mjs.map

package/dist/esm/stack-CAD-33qP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-CAD-33qP.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;"}