@evance/evance-ui 1.0.14 → 1.0.15

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

@@ -0,0 +1 @@
+{"version":3,"file":"resizeObserver-BRVSges_.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-BWZsxOXB.mjs

@@ -0,0 +1,95 @@
+/*! Evance UI v1.0.15 | MIT License */
+import { resolveDynamicComponent, toRef, computed, nextTick, onScopeDispose } from "vue";
+import { h as hasEventListener } from "./events-CpFrX3YZ.mjs";
+import { p as propsFactory } from "./props-_0zKZD-D.mjs";
+import { i as isString } from "./is-functions-BkCpW-P9.mjs";
+import { B as Browser } from "./helpers-B-82mARN.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-BWZsxOXB.mjs.map

package/dist/esm/router-BWZsxOXB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-BWZsxOXB.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-SDQOoD-y.mjs

@@ -0,0 +1,50 @@
+/*! Evance UI v1.0.15 | MIT License */
+import { e as isElement } from "./is-functions-BkCpW-P9.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-SDQOoD-y.mjs.map

package/dist/esm/scroll-SDQOoD-y.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-SDQOoD-y.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-Do0yrTAX.mjs

@@ -0,0 +1,194 @@
+/*! Evance UI v1.0.15 | MIT License */
+import { toRef, ref, computed, provide, inject } from "vue";
+import { u as useModelProxy } from "./modelProxy-Yb_TWgdk.mjs";
+import { p as propsFactory } from "./props-_0zKZD-D.mjs";
+import { w as wrapInArray } from "./helpers-B-82mARN.mjs";
+import { c as isDeepEqual } from "./is-functions-BkCpW-P9.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-Do0yrTAX.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-Do0yrTAX.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-DWrD-nyK.mjs

@@ -0,0 +1,64 @@
+/*! Evance UI v1.0.15 | MIT License */
+import { inject, reactive, provide, shallowRef, watchEffect, computed, readonly, onScopeDispose, toRaw } from "vue";
+import { u as useToggleScope } from "./toggleScope-B3jez_le.mjs";
+import { g as getCurrentComponent } from "./components-DZGwXV_W.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-DWrD-nyK.mjs.map

package/dist/esm/stack-DWrD-nyK.mjs.map

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

package/dist/esm/strings-bDh4y9CN.mjs

@@ -0,0 +1,65 @@
+/*! Evance UI v1.0.15 | MIT License */
+function spaceSeparatedValues(values = "") {
+  if (spaceSeparatedValues.cache.has(values)) {
+    return spaceSeparatedValues.cache.get(values);
+  }
+  return values.split(" ").map((value) => value.trim());
+}
+spaceSeparatedValues.cache = /* @__PURE__ */ new Map();
+function toKebabCase(value = "") {
+  if (toKebabCase.cache.has(value)) {
+    return toKebabCase.cache.get(value);
+  }
+  const kebabValue = value.replace(/[^a-z]/gi, "-").replace(/\B([A-Z])/g, "-$1").toLowerCase();
+  toKebabCase.cache.set(value, kebabValue);
+  return kebabValue;
+}
+toKebabCase.cache = /* @__PURE__ */ new Map();
+function toCamelCase(value = "") {
+  if (toCamelCase.cache.has(value)) {
+    return toCamelCase.cache.get(value);
+  }
+  const camelValue = value.replace(
+    /-([a-z])/g,
+    (_, match) => match.toUpperCase()
+  );
+  toCamelCase.cache.set(value, camelValue);
+  return camelValue;
+}
+toCamelCase.cache = /* @__PURE__ */ new Map();
+function createStringTemplate(template, defaultVariables = {}) {
+  const variablePattern = /{([\s\S]+?)}/g;
+  return (variables = {}) => {
+    const dictionary = { ...defaultVariables, ...variables };
+    return template.replaceAll(variablePattern, (match, raw) => {
+      const variable = raw.trim();
+      if (dictionary[variable] === void 0) {
+        console.warn(`Unrecognized template variable '${variable}'.`);
+        return `"${variable}"`;
+      }
+      return dictionary[variable];
+    });
+  };
+}
+function padEnd(str, length, char = "0") {
+  return str + char.repeat(Math.max(0, length - str.length));
+}
+function padStart(str, length, char = "0") {
+  return char.repeat(Math.max(0, length - str.length)) + str;
+}
+function trimEnd(targetString, trimChars) {
+  if (!targetString.endsWith(trimChars)) {
+    return targetString;
+  }
+  return targetString.substring(0, targetString.length - trimChars.length);
+}
+export {
+  toCamelCase as a,
+  trimEnd as b,
+  createStringTemplate as c,
+  padEnd as d,
+  padStart as p,
+  spaceSeparatedValues as s,
+  toKebabCase as t
+};
+//# sourceMappingURL=strings-bDh4y9CN.mjs.map

package/dist/esm/strings-bDh4y9CN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"strings-bDh4y9CN.mjs","sources":["../../src/util/strings.ts"],"sourcesContent":["/**\n * # spaceSeparatedValues\n *\n * Accepts a string and converts it into an array of values.\n *\n * @param values\n */\nexport function spaceSeparatedValues(values: string = \"\"): string[] {\n    if (spaceSeparatedValues.cache.has(values)) {\n        return spaceSeparatedValues.cache.get(values)!;\n    }\n    return values.split(\" \").map((value) => value.trim());\n}\nspaceSeparatedValues.cache = new Map<string, string[]>();\n\n/**\n * # To Kebab Case\n *\n * Converts a string to `kebab-case` by replacing each space or letter capitalization with a dash (-).\n *\n * @param value\n */\nexport function toKebabCase(value: string = \"\"): string {\n    if (toKebabCase.cache.has(value)) {\n        return toKebabCase.cache.get(value)!;\n    }\n    const kebabValue = value\n        .replace(/[^a-z]/gi, \"-\")\n        .replace(/\\B([A-Z])/g, \"-$1\")\n        .toLowerCase();\n    toKebabCase.cache.set(value, kebabValue);\n    return kebabValue;\n}\ntoKebabCase.cache = new Map<string, string>();\n\n/**\n * # To Camel Case\n *\n * Converts a string from `kebab-case` to `camelCase`.\n *\n * @param value\n */\nexport function toCamelCase(value: string = \"\"): string {\n    if (toCamelCase.cache.has(value)) {\n        return toCamelCase.cache.get(value)!;\n    }\n    const camelValue = value.replace(/-([a-z])/g, (_, match) =>\n        match.toUpperCase(),\n    );\n    toCamelCase.cache.set(value, camelValue);\n    return camelValue;\n}\ntoCamelCase.cache = new Map<string, string>();\n\n/**\n * ## Template Variables\n *\n * May be supplied to `createStringTemplate()` either as default variable replacements\n * or during template execution for variable replacement.\n *\n * @see createStringTemplate\n */\nexport type TemplateVariables = {\n    [variable: string]: number | string;\n};\n\n/**\n * # Template Function\n *\n * A template function is returned from `createStringTemplate`, which converts the template\n * into a string, replacing any variables with those contained within the variables supplied.\n *\n * @see createStringTemplate\n */\nexport type TemplateFunction = (variables?: TemplateVariables) => string;\n\n/**\n * # String Template\n *\n * An approximation of Evance's String Templates.\n *\n * Allows us to build strings as a template with replacement variables.\n *\n * This is inspired by the output tags of EVML and behaves similarly. However, unlike EVML\n * which is compiled this is a simple find and replace template format and variables are only\n * wrapped within single curly brackets e.g. 'Hello { name }'.\n *\n * @param template\n * @param defaultVariables\n */\nexport function createStringTemplate(\n    template: string,\n    defaultVariables: TemplateVariables = {},\n): TemplateFunction {\n    /** Variable lookup pattern */\n    const variablePattern = /{([\\s\\S]+?)}/g;\n\n    return (variables: TemplateVariables = {}) => {\n        const dictionary = { ...defaultVariables, ...variables };\n\n        return template.replaceAll(variablePattern, (match, raw): string => {\n            const variable = raw.trim();\n            if (dictionary[variable] === undefined) {\n                console.warn(`Unrecognized template variable '${variable}'.`);\n                return `\"${variable}\"`;\n            }\n            return dictionary[variable] as string;\n        });\n    };\n}\n\n/**\n * # Pad End\n *\n * @param str\n * @param length\n * @param char\n */\nexport function padEnd(str: string, length: number, char = \"0\") {\n    return str + char.repeat(Math.max(0, length - str.length));\n}\n\n/**\n * # Pad Start\n *\n * @param str\n * @param length\n * @param char\n */\nexport function padStart(str: string, length: number, char = \"0\") {\n    return char.repeat(Math.max(0, length - str.length)) + str;\n}\n\n/**\n * # Trim End\n *\n * @param targetString\n * @param trimChars\n */\nexport function trimEnd(targetString: string, trimChars: string): string {\n    if (!targetString.endsWith(trimChars)) {\n        return targetString;\n    }\n    return targetString.substring(0, targetString.length - trimChars.length);\n}\n"],"names":[],"mappings":";AAOgB,SAAA,qBAAqB,SAAiB,IAAc;AAChE,MAAI,qBAAqB,MAAM,IAAI,MAAM,GAAG;AACjC,WAAA,qBAAqB,MAAM,IAAI,MAAM;AAAA,EAAA;AAEzC,SAAA,OAAO,MAAM,GAAG,EAAE,IAAI,CAAC,UAAU,MAAM,MAAM;AACxD;AACA,qBAAqB,4BAAY,IAAsB;AASvC,SAAA,YAAY,QAAgB,IAAY;AACpD,MAAI,YAAY,MAAM,IAAI,KAAK,GAAG;AACvB,WAAA,YAAY,MAAM,IAAI,KAAK;AAAA,EAAA;AAEhC,QAAA,aAAa,MACd,QAAQ,YAAY,GAAG,EACvB,QAAQ,cAAc,KAAK,EAC3B,YAAY;AACL,cAAA,MAAM,IAAI,OAAO,UAAU;AAChC,SAAA;AACX;AACA,YAAY,4BAAY,IAAoB;AAS5B,SAAA,YAAY,QAAgB,IAAY;AACpD,MAAI,YAAY,MAAM,IAAI,KAAK,GAAG;AACvB,WAAA,YAAY,MAAM,IAAI,KAAK;AAAA,EAAA;AAEtC,QAAM,aAAa,MAAM;AAAA,IAAQ;AAAA,IAAa,CAAC,GAAG,UAC9C,MAAM,YAAY;AAAA,EACtB;AACY,cAAA,MAAM,IAAI,OAAO,UAAU;AAChC,SAAA;AACX;AACA,YAAY,4BAAY,IAAoB;AAsCrC,SAAS,qBACZ,UACA,mBAAsC,IACtB;AAEhB,QAAM,kBAAkB;AAEjB,SAAA,CAAC,YAA+B,OAAO;AAC1C,UAAM,aAAa,EAAE,GAAG,kBAAkB,GAAG,UAAU;AAEvD,WAAO,SAAS,WAAW,iBAAiB,CAAC,OAAO,QAAgB;AAC1D,YAAA,WAAW,IAAI,KAAK;AACtB,UAAA,WAAW,QAAQ,MAAM,QAAW;AAC5B,gBAAA,KAAK,mCAAmC,QAAQ,IAAI;AAC5D,eAAO,IAAI,QAAQ;AAAA,MAAA;AAEvB,aAAO,WAAW,QAAQ;AAAA,IAAA,CAC7B;AAAA,EACL;AACJ;AASO,SAAS,OAAO,KAAa,QAAgB,OAAO,KAAK;AACrD,SAAA,MAAM,KAAK,OAAO,KAAK,IAAI,GAAG,SAAS,IAAI,MAAM,CAAC;AAC7D;AASO,SAAS,SAAS,KAAa,QAAgB,OAAO,KAAK;AACvD,SAAA,KAAK,OAAO,KAAK,IAAI,GAAG,SAAS,IAAI,MAAM,CAAC,IAAI;AAC3D;AAQgB,SAAA,QAAQ,cAAsB,WAA2B;AACrE,MAAI,CAAC,aAAa,SAAS,SAAS,GAAG;AAC5B,WAAA;AAAA,EAAA;AAEX,SAAO,aAAa,UAAU,GAAG,aAAa,SAAS,UAAU,MAAM;AAC3E;"}

package/dist/esm/tag-D8o9y07M.mjs

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

package/dist/esm/tag-D8o9y07M.mjs.map

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

package/dist/esm/teleport-C9ijRHcz.mjs

@@ -0,0 +1,38 @@
+/*! Evance UI v1.0.15 | MIT License */
+import { computed } from "vue";
+import { B as Browser } from "./helpers-B-82mARN.mjs";
+import { i as isString } from "./is-functions-BkCpW-P9.mjs";
+function useTeleport(target, container = ".ev-teleport") {
+  return computed(() => {
+    const targetValue = target.value;
+    if (targetValue === true || !Browser.hasWindow) {
+      return null;
+    }
+    let targetElement;
+    if (targetValue instanceof Element) {
+      targetElement = targetValue;
+    } else if (isString(targetValue)) {
+      targetElement = document.querySelector(targetValue);
+    } else {
+      targetElement = document.body;
+    }
+    if (!targetElement) {
+      console.warn(
+        `useTeleport() unable to resolve target "${targetValue}"`
+      );
+    }
+    let containerElement = targetElement == null ? void 0 : targetElement.querySelector(
+      `:scope > ${container}`
+    );
+    if (!containerElement) {
+      containerElement = document.createElement("div");
+      containerElement.className = container.substring(1);
+      targetElement.appendChild(containerElement);
+    }
+    return containerElement;
+  });
+}
+export {
+  useTeleport as u
+};
+//# sourceMappingURL=teleport-C9ijRHcz.mjs.map

package/dist/esm/teleport-C9ijRHcz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"teleport-C9ijRHcz.mjs","sources":["../../src/composables/teleport.ts"],"sourcesContent":["import { computed, Ref } from \"vue\";\nimport { Browser, isString } from \"../util\";\n\nexport type TeleportTarget = boolean | string | Element;\n\n/**\n * # Use Teleport\n *\n * `target` where we want to teleport to.\n * `container` MUST be a CSS class selector (defaults to '.ev-teleport').\n *\n * @param target\n * @param container\n */\nexport function useTeleport(\n    target: Ref<TeleportTarget>,\n    container: string = \".ev-teleport\",\n) {\n    return computed(() => {\n        const targetValue = target.value;\n        if (targetValue === true || !Browser.hasWindow) {\n            return null;\n        }\n\n        let targetElement: HTMLElement | null;\n        if (targetValue instanceof Element) {\n            targetElement = targetValue as HTMLElement;\n        } else if (isString(targetValue)) {\n            targetElement = document.querySelector(targetValue);\n        } else {\n            targetElement = document.body;\n        }\n        if (!targetElement) {\n            console.warn(\n                `useTeleport() unable to resolve target \"${targetValue}\"`,\n            );\n        }\n\n        let containerElement = targetElement?.querySelector(\n            `:scope > ${container}`,\n        );\n        if (!containerElement) {\n            containerElement = document.createElement(\"div\");\n            containerElement.className = container.substring(1);\n            targetElement!.appendChild(containerElement);\n        }\n        return containerElement;\n    });\n}\n"],"names":[],"mappings":";;;;AAcgB,SAAA,YACZ,QACA,YAAoB,gBACtB;AACE,SAAO,SAAS,MAAM;AAClB,UAAM,cAAc,OAAO;AAC3B,QAAI,gBAAgB,QAAQ,CAAC,QAAQ,WAAW;AACrC,aAAA;AAAA,IAAA;AAGP,QAAA;AACJ,QAAI,uBAAuB,SAAS;AAChB,sBAAA;AAAA,IAAA,WACT,SAAS,WAAW,GAAG;AACd,sBAAA,SAAS,cAAc,WAAW;AAAA,IAAA,OAC/C;AACH,sBAAgB,SAAS;AAAA,IAAA;AAE7B,QAAI,CAAC,eAAe;AACR,cAAA;AAAA,QACJ,2CAA2C,WAAW;AAAA,MAC1D;AAAA,IAAA;AAGJ,QAAI,mBAAmB,+CAAe;AAAA,MAClC,YAAY,SAAS;AAAA;AAEzB,QAAI,CAAC,kBAAkB;AACA,yBAAA,SAAS,cAAc,KAAK;AAC9B,uBAAA,YAAY,UAAU,UAAU,CAAC;AAClD,oBAAe,YAAY,gBAAgB;AAAA,IAAA;AAExC,WAAA;AAAA,EAAA,CACV;AACL;"}

package/dist/esm/toggleScope-B3jez_le.mjs

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