@evance/evance-ui 1.0.30 → 1.0.31

package/dist/cjs/modifiers-CtCrViA-.cjs

@@ -0,0 +1,33 @@
+"use strict";
+/*! Evance UI v1.0.31 | MIT License */
+const isFunctions = require("./is-functions-trD5objH.cjs");
+const strings = require("./strings-BDtMwj72.cjs");
+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 = strings.toKebabCase(value);
+  return `${prefix}-${kebabValue}`;
+}
+function sizeModifier(value, exclude = []) {
+  if (!isFunctions.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);
+}
+exports.appearanceModifier = appearanceModifier;
+exports.makeClassName = makeClassName;
+exports.sizeModifier = sizeModifier;
+exports.variantModifier = variantModifier;
+//# sourceMappingURL=modifiers-CtCrViA-.cjs.map

package/dist/cjs/modifiers-CtCrViA-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modifiers-CtCrViA-.cjs","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":["toKebabCase","isString"],"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,aAAaA,oBAAY,KAAK;AAC7B,SAAA,GAAG,MAAM,IAAI,UAAU;AAClC;AAOO,SAAS,aACZ,OACA,UAA+B,IACb;AACd,MAAA,CAACC,YAAAA,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/cjs/numbers-ZxRVhbUQ.cjs

@@ -0,0 +1,9 @@
+"use strict";
+/*! Evance UI v1.0.31 | MIT License */
+const IntegerishPattern = /^\d+$/;
+function isIntegerish(value) {
+  return IntegerishPattern.test(value.toString());
+}
+exports.IntegerishPattern = IntegerishPattern;
+exports.isIntegerish = isIntegerish;
+//# sourceMappingURL=numbers-ZxRVhbUQ.cjs.map

package/dist/cjs/numbers-ZxRVhbUQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"numbers-ZxRVhbUQ.cjs","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/cjs/props-COLg5C8l.cjs

@@ -0,0 +1,24 @@
+"use strict";
+/*! Evance UI v1.0.31 | 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;
+    }, {});
+  };
+}
+exports.propsFactory = propsFactory;
+//# sourceMappingURL=props-COLg5C8l.cjs.map

package/dist/cjs/props-COLg5C8l.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"props-COLg5C8l.cjs","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/cjs/resizeObserver-Dz9ZO9Xk.cjs

@@ -0,0 +1,46 @@
+"use strict";
+/*! Evance UI v1.0.31 | MIT License */
+const vue = require("vue");
+const helpers = require("./helpers-Bgts3ZKe.cjs");
+function useResizeObserver(callback, box = "content") {
+  const resizeRef = vue.ref();
+  const contentRect = vue.ref();
+  if (helpers.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();
+        }
+      }
+    );
+    vue.onBeforeUnmount(() => {
+      observer.disconnect();
+    });
+    vue.watch(
+      resizeRef,
+      (newValue, oldValue) => {
+        if (oldValue) {
+          observer.unobserve(helpers.refElement(oldValue));
+          contentRect.value = void 0;
+        }
+        if (newValue) {
+          observer.observe(helpers.refElement(newValue));
+        }
+      },
+      {
+        flush: "post"
+      }
+    );
+  }
+  return {
+    resizeRef,
+    contentRect: vue.readonly(contentRect)
+  };
+}
+exports.useResizeObserver = useResizeObserver;
+//# sourceMappingURL=resizeObserver-Dz9ZO9Xk.cjs.map

package/dist/cjs/resizeObserver-Dz9ZO9Xk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizeObserver-Dz9ZO9Xk.cjs","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":["ref","Browser","onBeforeUnmount","watch","refElement","readonly"],"mappings":";;;;AAcgB,SAAA,kBACZ,UACA,MAA4B,WACjB;AACX,QAAM,YAAYA,IAAAA,IAAiB;AACnC,QAAM,cAAcA,IAAAA,IAAqB;AAEzC,MAAIC,QAAAA,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;AAEAC,QAAAA,gBAAgB,MAAM;AAClB,eAAS,WAAW;AAAA,IAAA,CACvB;AAEDC,QAAA;AAAA,MACI;AAAA,MACA,CAAC,UAAU,aAAa;AACpB,YAAI,UAAU;AACD,mBAAA,UAAUC,mBAAW,QAAQ,CAAC;AACvC,sBAAY,QAAQ;AAAA,QAAA;AAGxB,YAAI,UAAU;AACD,mBAAA,QAAQA,mBAAW,QAAQ,CAAC;AAAA,QAAA;AAAA,MAE7C;AAAA,MACA;AAAA,QACI,OAAO;AAAA,MAAA;AAAA,IAEf;AAAA,EAAA;AAGG,SAAA;AAAA,IACH;AAAA,IACA,aAAaC,aAAS,WAAW;AAAA,EACrC;AACJ;;"}

package/dist/cjs/router-QagBKF0V.cjs

@@ -0,0 +1,94 @@
+"use strict";
+/*! Evance UI v1.0.31 | MIT License */
+const vue = require("vue");
+const events = require("./events-DZRAfXEZ.cjs");
+const props = require("./props-COLg5C8l.cjs");
+const isFunctions = require("./is-functions-trD5objH.cjs");
+const helpers = require("./helpers-Bgts3ZKe.cjs");
+function isClickableLink(props2, attrs) {
+  return vue.computed(() => {
+    return !!(props2.href || props2.to) || events.hasEventListener(attrs, "click") || events.hasEventListener(props2, "click");
+  });
+}
+function isRouterLinkOrHref(props2) {
+  return vue.computed(() => {
+    return !!(props2.href || props2.to);
+  });
+}
+const makeRouterLinkOrHrefProps = props.propsFactory(
+  {
+    href: String,
+    replace: Boolean,
+    to: [String, Object],
+    exact: Boolean
+  },
+  "router"
+);
+function useRouterLinkOrHref(props2, attrs) {
+  const routerLink = vue.resolveDynamicComponent("RouterLink");
+  const isLink = isRouterLinkOrHref(props2);
+  const isClickable = isClickableLink(props2, attrs);
+  if (isFunctions.isString(routerLink)) {
+    return {
+      isLink,
+      isClickable,
+      href: vue.toRef(props2, "href")
+    };
+  }
+  const link = props2.to ? routerLink.useLink(props2) : void 0;
+  return {
+    isLink,
+    isClickable,
+    route: link == null ? void 0 : link.route,
+    navigate: link == null ? void 0 : link.navigate,
+    isActive: link && vue.computed(
+      () => {
+        var _a, _b;
+        return props2.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: vue.computed(() => props2.to ? link == null ? void 0 : link.route.value.href : props2.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 (helpers.Browser.hasWindow) {
+    vue.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;
+      });
+    });
+    vue.onScopeDispose(() => {
+      window.removeEventListener("popstate", onPopState);
+      removeBefore == null ? void 0 : removeBefore();
+      removeAfter == null ? void 0 : removeAfter();
+    });
+  }
+}
+exports.makeRouterLinkOrHrefProps = makeRouterLinkOrHrefProps;
+exports.useBackButton = useBackButton;
+exports.useRouterLinkOrHref = useRouterLinkOrHref;
+//# sourceMappingURL=router-QagBKF0V.cjs.map

package/dist/cjs/router-QagBKF0V.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-QagBKF0V.cjs","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":["props","computed","hasEventListener","propsFactory","resolveDynamicComponent","isString","toRef","Browser","nextTick","onScopeDispose"],"mappings":";;;;;;;AA0DgB,SAAA,gBACZA,QACA,OACoB;AACpB,SAAOC,aAAS,MAAM;AAClB,WACI,CAAC,EAAED,OAAM,QAAQA,OAAM,OACvBE,wBAAiB,OAAO,OAAO,KAC/BA,wBAAiBF,QAAO,OAAO;AAAA,EAAA,CAEtC;AACL;AAMO,SAAS,mBACZA,QACoB;AACpB,SAAOC,aAAS,MAAM;AAClB,WAAO,CAAC,EAAED,OAAM,QAAQA,OAAM;AAAA,EAAA,CACjC;AACL;AAKO,MAAM,4BAA4BG,MAAA;AAAA,EACrC;AAAA,IACI,MAAM;AAAA,IACN,SAAS;AAAA,IACT,IAAI,CAAC,QAAQ,MAAM;AAAA,IACnB,OAAO;AAAA,EACX;AAAA,EACA;AACJ;AAWgB,SAAA,oBACZH,QACA,OACmB;AACb,QAAA,aAAaI,4BAAwB,YAAY;AAGjD,QAAA,SAAS,mBAAmBJ,MAAK;AACjC,QAAA,cAAc,gBAAgBA,QAAO,KAAK;AAC5C,MAAAK,YAAAA,SAAS,UAAU,GAAG;AACf,WAAA;AAAA,MACH;AAAA,MACA;AAAA,MACA,MAAMC,IAAAA,MAAMN,QAAO,MAAM;AAAA,IAC7B;AAAA,EAAA;AAEJ,QAAM,OAAOA,OAAM,KACb,WAAW,QAAQA,MAAuB,IAC1C;AACC,SAAA;AAAA,IACH;AAAA,IACA;AAAA,IACA,OAAO,6BAAM;AAAA,IACb,UAAU,6BAAM;AAAA,IAChB,UACI,QACAC,IAAA;AAAA,MAAS,MACL;;AAAA,eAAAD,OAAM,SAAQ,UAAK,kBAAL,mBAAoB,SAAQ,UAAK,aAAL,mBAAe;AAAA;AAAA,IAC7D;AAAA,IACJ,eAAe,6BAAM;AAAA,IACrB,MAAMC,IAAAA,SAAS,MAAOD,OAAM,KAAK,6BAAM,MAAM,MAAM,OAAOA,OAAM,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,MAAIO,QAAAA,QAAQ,WAAW;AACnBC,QAAAA,SAAS,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;AAEDC,QAAAA,eAAe,MAAM;AACV,aAAA,oBAAoB,YAAY,UAAU;AAClC;AACD;AAAA,IAAA,CACjB;AAAA,EAAA;AAET;;;;"}

package/dist/cjs/scroll-CKntBTLC.cjs

@@ -0,0 +1,49 @@
+"use strict";
+/*! Evance UI v1.0.31 | MIT License */
+const isFunctions = require("./is-functions-trD5objH.cjs");
+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 (isFunctions.isElement(el) && isFunctions.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 (!isFunctions.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 (!isFunctions.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);
+}
+exports.getScrollParent = getScrollParent;
+exports.getScrollParents = getScrollParents;
+exports.hasScrollbar = hasScrollbar;
+exports.isScrollable = isScrollable;
+//# sourceMappingURL=scroll-CKntBTLC.cjs.map

package/dist/cjs/scroll-CKntBTLC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-CKntBTLC.cjs","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":["isElement"],"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,MAAAA,YAAA,UAAU,EAAE,KAAKA,sBAAU,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,CAACA,YAAAA,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,CAACA,YAAAA,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/cjs/select-HK5JfTAP.cjs

@@ -0,0 +1,192 @@
+"use strict";
+/*! Evance UI v1.0.31 | MIT License */
+const vue = require("vue");
+const modelProxy = require("./modelProxy-BjIzTSeF.cjs");
+const props = require("./props-COLg5C8l.cjs");
+const helpers = require("./helpers-Bgts3ZKe.cjs");
+const isFunctions = require("./is-functions-trD5objH.cjs");
+const singleSelectStrategy = {
+  selectable: true,
+  showSelectAll: false,
+  allSelected: () => [],
+  select: ({ items, value, selected, isRequired }) => {
+    var _a;
+    return new Set(value || isRequired ? [(_a = items[0]) == null ? void 0 : _a.value] : []);
+  },
+  selectAll: ({ selected }) => selected
+};
+const multiSelectStrategy = {
+  selectable: true,
+  showSelectAll: true,
+  allSelected: ({ allItems }) => allItems,
+  select: ({ items, value, selected, isRequired }) => {
+    for (const item of items) {
+      value ? selected.add(item.value) : !isRequired || selected.size > 1 ? selected.delete(item.value) : null;
+    }
+    return selected;
+  },
+  selectAll: ({ value, allItems, selected }) => multiSelectStrategy.select({
+    items: allItems,
+    value,
+    selected,
+    isRequired: false
+  })
+};
+const nullSelectStrategy = {
+  selectable: false,
+  showSelectAll: false,
+  allSelected: () => [],
+  select: () => /* @__PURE__ */ new Set(),
+  selectAll: () => /* @__PURE__ */ new Set()
+};
+const makeDataTableSelectProps = props.propsFactory(
+  {
+    required: Boolean,
+    showSelect: Boolean,
+    selectStrategy: {
+      type: [String, Object],
+      default: void 0
+    },
+    selected: {
+      type: Array,
+      default: () => []
+    },
+    valueComparator: {
+      type: Function,
+      default: isFunctions.isDeepEqual
+    }
+  },
+  "DataTable-select"
+);
+const EvDataTableSelectionSymbol = Symbol.for("ev:data-table-selection");
+function provideSelection(props2, allItems) {
+  const showSelect = vue.toRef(props2, "showSelect");
+  const isRequired = vue.toRef(props2, "required");
+  const lastToggledItem = vue.ref(null);
+  const selected = modelProxy.useModelProxy(
+    props2,
+    "selected",
+    props2.selected,
+    (v) => {
+      return new Set(
+        helpers.wrapInArray(v).map((v2) => {
+          var _a;
+          return ((_a = allItems.value.find(
+            (item) => props2.valueComparator(v2, item.value)
+          )) == null ? void 0 : _a.value) ?? v2;
+        })
+      );
+    },
+    (v) => {
+      return [...v.values()];
+    }
+  );
+  const allSelectable = vue.computed(
+    () => allItems.value.filter((item) => item.selectable)
+  );
+  const selectStrategy = vue.computed(() => {
+    if (typeof props2.selectStrategy === "object") {
+      return props2.selectStrategy;
+    }
+    switch (props2.selectStrategy) {
+      case "single":
+        return singleSelectStrategy;
+      case "multiple":
+        return multiSelectStrategy;
+      default:
+        return nullSelectStrategy;
+    }
+  });
+  function isSelected(items) {
+    return helpers.wrapInArray(items).every(
+      (item) => selected.value.has(item.value)
+    );
+  }
+  function isSomeSelected(items) {
+    return helpers.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),
+      isRequired: isRequired.value
+    });
+  }
+  function toggleSelect(item, shiftPressed = false) {
+    const isItemSelected = isSelected([item]);
+    if (lastToggledItem.value && shiftPressed) {
+      const lastIndex = allSelectable.value.findIndex((v) => {
+        return props2.valueComparator(v, lastToggledItem.value);
+      });
+      const currentIndex = allSelectable.value.findIndex((v) => {
+        return props2.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,
+      selected: new Set(selected.value)
+    });
+  }
+  const someSelected = vue.computed(() => selected.value.size > 0);
+  const allSelected = vue.computed(() => {
+    const items = selectStrategy.value.allSelected({
+      allItems: allSelectable.value
+    });
+    return !!items.length && isSelected(items);
+  });
+  const showSelectAll = vue.computed(
+    () => showSelect.value && selectStrategy.value.showSelectAll
+  );
+  const data = {
+    selected,
+    selectStrategy,
+    toggleSelect,
+    select,
+    selectAll,
+    isRequired,
+    isSelected,
+    isSomeSelected,
+    someSelected,
+    allSelected,
+    showSelect,
+    showSelectAll
+  };
+  vue.provide(EvDataTableSelectionSymbol, data);
+  return data;
+}
+function useSelection() {
+  const data = vue.inject(EvDataTableSelectionSymbol);
+  if (!data) {
+    throw new Error("Unable to `useSelection()`");
+  }
+  return data;
+}
+exports.makeDataTableSelectProps = makeDataTableSelectProps;
+exports.provideSelection = provideSelection;
+exports.useSelection = useSelection;
+//# sourceMappingURL=select-HK5JfTAP.cjs.map

package/dist/cjs/select-HK5JfTAP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-HK5JfTAP.cjs","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    selectable: boolean;\n    showSelectAll: boolean;\n    allSelected: (data: {\n        allItems: SelectableItem[];\n    }) => SelectableItem[];\n    select: (data: {\n        items: SelectableItem[];\n        value: boolean;\n        selected: Set<unknown>;\n        isRequired: boolean;\n    }) => Set<unknown>;\n    selectAll: (data: {\n        value: boolean;\n        allItems: SelectableItem[];\n        selected: Set<unknown>;\n    }) => Set<unknown>;\n}\n\ntype SelectionProps = Pick<DataTableItemProps, \"itemValue\"> & {\n    selected: readonly any[];\n    selectStrategy?: \"single\" | \"multiple\" | undefined;\n    showSelect: boolean;\n    valueComparator: typeof isDeepEqual;\n    required: boolean;\n    \"onUpdate:selected\"?: EventProp<[any[]]> | undefined;\n};\n\nconst singleSelectStrategy: DataTableSelectStrategy = {\n    selectable: true,\n    showSelectAll: false,\n    allSelected: () => [],\n    select: ({ items, value, selected, isRequired }) => {\n        return new Set(value || isRequired ? [items[0]?.value] : []);\n    },\n    selectAll: ({ selected }) => selected,\n};\n\nconst multiSelectStrategy: DataTableSelectStrategy = {\n    selectable: true,\n    showSelectAll: true,\n    allSelected: ({ allItems }) => allItems,\n    select: ({ items, value, selected, isRequired }) => {\n        for (const item of items) {\n            value\n                ? selected.add(item.value)\n                : !isRequired || selected.size > 1\n                  ? selected.delete(item.value)\n                  : null;\n        }\n        return selected;\n    },\n    selectAll: ({ value, allItems, selected }) =>\n        multiSelectStrategy.select({\n            items: allItems,\n            value,\n            selected,\n            isRequired: false,\n        }),\n};\n\nconst nullSelectStrategy: DataTableSelectStrategy = {\n    selectable: false,\n    showSelectAll: false,\n    allSelected: () => [],\n    select: () => new Set(),\n    selectAll: () => new Set(),\n};\n\nexport const makeDataTableSelectProps = propsFactory(\n    {\n        required: Boolean,\n        showSelect: Boolean,\n        selectStrategy: {\n            type: [String, Object] as PropType<\"single\" | \"multiple\">,\n            default: undefined,\n        },\n        selected: {\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    allItems: Ref<SelectableItem[]>,\n) {\n    const showSelect = toRef(props, \"showSelect\");\n    const isRequired = toRef(props, \"required\");\n    const lastToggledItem = ref<SelectableItem | null>(null);\n\n    const selected = useModelProxy(\n        props,\n        \"selected\",\n        props.selected,\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 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 \"multiple\":\n                return multiSelectStrategy;\n            default:\n                return nullSelectStrategy;\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            isRequired: isRequired.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            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        });\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        selectStrategy,\n        toggleSelect,\n        select,\n        selectAll,\n        isRequired,\n        isSelected,\n        isSomeSelected,\n        someSelected,\n        allSelected,\n        showSelect,\n        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":["propsFactory","isDeepEqual","props","toRef","ref","useModelProxy","wrapInArray","v","computed","provide","inject"],"mappings":"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"}

package/dist/cjs/stack-D5qZiz51.cjs

@@ -0,0 +1,63 @@
+"use strict";
+/*! Evance UI v1.0.31 | MIT License */
+const vue = require("vue");
+const toggleScope = require("./toggleScope-Cj12zN2Q.cjs");
+const components = require("./components-Cb29S4uP.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.getLastZIndex = getLastZIndex;
+exports.useStack = useStack;
+//# sourceMappingURL=stack-D5qZiz51.cjs.map

package/dist/cjs/stack-D5qZiz51.cjs.map

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