@evance/evance-ui 1.0.40 → 1.0.41

package/dist/cjs/src/composables/router.cjs

@@ -0,0 +1,97 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const events = require("../util/events.cjs");
+const props = require("../util/props.cjs");
+const isFunctions = require("../util/is-functions.cjs");
+const browser = require("../util/browser.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 (browser.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.isClickableLink = isClickableLink;
+exports.isRouterLinkOrHref = isRouterLinkOrHref;
+exports.makeRouterLinkOrHrefProps = makeRouterLinkOrHrefProps;
+exports.useBackButton = useBackButton;
+exports.useRouterLinkOrHref = useRouterLinkOrHref;
+//# sourceMappingURL=router.cjs.map

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

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

@@ -0,0 +1,13 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components = require("../util/components.cjs");
+function useScopeId() {
+  const component = components.getCurrentComponent("useScopeId");
+  const scopeId = component.vnode.scopeId;
+  return {
+    scopeId: scopeId ? { [scopeId]: "" } : void 0
+  };
+}
+exports.useScopeId = useScopeId;
+//# sourceMappingURL=scopeId.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scopeId.cjs","sources":["../../../../src/composables/scopeId.ts"],"sourcesContent":["import { getCurrentComponent } from \"../util\";\n\nexport function useScopeId() {\n    const component = getCurrentComponent(\"useScopeId\");\n    const scopeId = component!.vnode.scopeId;\n    return {\n        scopeId: scopeId ? { [scopeId]: \"\" } : undefined,\n    };\n}\n"],"names":["getCurrentComponent"],"mappings":";;;;AAEO,SAAS,aAAa;AACnB,QAAA,YAAYA,+BAAoB,YAAY;AAC5C,QAAA,UAAU,UAAW,MAAM;AAC1B,SAAA;AAAA,IACH,SAAS,UAAU,EAAE,CAAC,OAAO,GAAG,OAAO;AAAA,EAC3C;AACJ;;"}

package/dist/cjs/src/composables/selectLink.cjs

@@ -0,0 +1,24 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+function useSelectLink(link, select) {
+  vue.watch(
+    () => {
+      var _a;
+      return (_a = link.isActive) == null ? void 0 : _a.value;
+    },
+    (isActive) => {
+      if (link.isLink.value && isActive && select) {
+        vue.nextTick(() => {
+          select(true);
+        });
+      }
+    },
+    {
+      immediate: true
+    }
+  );
+}
+exports.useSelectLink = useSelectLink;
+//# sourceMappingURL=selectLink.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectLink.cjs","sources":["../../../../src/composables/selectLink.ts"],"sourcesContent":["import { UseRouterLinkOrHref } from \"@/composables/router\";\nimport { nextTick, watch } from \"vue\";\n\n/**\n * # useSelectLink\n *\n * @param link\n * @param select\n */\nexport function useSelectLink(\n    link: UseRouterLinkOrHref,\n    select?: (value: boolean, e?: Event) => void,\n) {\n    watch(\n        () => link.isActive?.value,\n        (isActive) => {\n            if (link.isLink.value && isActive && select) {\n                nextTick(() => {\n                    select(true);\n                });\n            }\n        },\n        {\n            immediate: true,\n        },\n    );\n}\n"],"names":["watch","nextTick"],"mappings":";;;;AASgB,SAAA,cACZ,MACA,QACF;AACEA,MAAA;AAAA,IACI,MAAM;;AAAA,wBAAK,aAAL,mBAAe;AAAA;AAAA,IACrB,CAAC,aAAa;AACV,UAAI,KAAK,OAAO,SAAS,YAAY,QAAQ;AACzCC,YAAAA,SAAS,MAAM;AACX,iBAAO,IAAI;AAAA,QAAA,CACd;AAAA,MAAA;AAAA,IAET;AAAA,IACA;AAAA,MACI,WAAW;AAAA,IAAA;AAAA,EAEnB;AACJ;;"}

package/dist/cjs/src/composables/size.cjs

@@ -0,0 +1,44 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const helpers = require("../util/helpers.cjs");
+const props = require("../util/props.cjs");
+const units = require("../util/units.cjs");
+const Size = {
+  default: "medium",
+  xSmall: "x-small",
+  small: "small",
+  medium: "medium",
+  large: "large",
+  xLarge: "x-large"
+};
+const predefinedSizes = Array.from(new Set(Object.values(Size)));
+const makeSizeProps = props.propsFactory(
+  {
+    size: {
+      type: [String, Number],
+      default: Size.default
+    }
+  },
+  "size"
+);
+function useSize(props2) {
+  return helpers.destructComputed(() => {
+    let sizeClasses;
+    let sizeStyles = {};
+    if (predefinedSizes.includes(props2.size)) {
+      sizeClasses = `is-size-${props2.size}`;
+    } else if (props2.size) {
+      sizeStyles = {
+        width: units.toWebUnit(props2.size),
+        height: units.toWebUnit(props2.size)
+      };
+    }
+    return { sizeClasses, sizeStyles };
+  });
+}
+exports.Size = Size;
+exports.makeSizeProps = makeSizeProps;
+exports.predefinedSizes = predefinedSizes;
+exports.useSize = useSize;
+//# sourceMappingURL=size.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"size.cjs","sources":["../../../../src/composables/size.ts"],"sourcesContent":["import { destructComputed, propsFactory, toWebUnit } from \"@/util\";\nimport { PropType } from \"vue\";\n\nexport const Size = {\n    default: \"medium\",\n    xSmall: \"x-small\",\n    small: \"small\",\n    medium: \"medium\",\n    large: \"large\",\n    xLarge: \"x-large\",\n} as const;\n\ntype SizeValue = (typeof Size)[keyof typeof Size];\n\nexport const predefinedSizes = Array.from(new Set(Object.values(Size)));\n\nexport type SizeProp = SizeValue | number;\n\nexport interface SizeProps {\n    size?: SizeProp;\n}\n\nexport const makeSizeProps = propsFactory(\n    {\n        size: {\n            type: [String, Number] as PropType<SizeProp>,\n            default: Size.default,\n        },\n    },\n    \"size\",\n);\n\nexport function useSize(props: SizeProps) {\n    return destructComputed(() => {\n        let sizeClasses: string;\n        let sizeStyles = {};\n\n        if (predefinedSizes.includes(props.size as SizeValue)) {\n            sizeClasses = `is-size-${props.size}`;\n        } else if (props.size) {\n            sizeStyles = {\n                width: toWebUnit(props.size),\n                height: toWebUnit(props.size),\n            };\n        }\n        return { sizeClasses, sizeStyles };\n    });\n}\n"],"names":["propsFactory","props","destructComputed","toWebUnit"],"mappings":";;;;;;AAGO,MAAM,OAAO;AAAA,EAChB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AACZ;AAIa,MAAA,kBAAkB,MAAM,KAAK,IAAI,IAAI,OAAO,OAAO,IAAI,CAAC,CAAC;AAQ/D,MAAM,gBAAgBA,MAAA;AAAA,EACzB;AAAA,IACI,MAAM;AAAA,MACF,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS,KAAK;AAAA,IAAA;AAAA,EAEtB;AAAA,EACA;AACJ;AAEO,SAAS,QAAQC,QAAkB;AACtC,SAAOC,yBAAiB,MAAM;AACtB,QAAA;AACJ,QAAI,aAAa,CAAC;AAElB,QAAI,gBAAgB,SAASD,OAAM,IAAiB,GAAG;AACrC,oBAAA,WAAWA,OAAM,IAAI;AAAA,IAAA,WAC5BA,OAAM,MAAM;AACN,mBAAA;AAAA,QACT,OAAOE,MAAAA,UAAUF,OAAM,IAAI;AAAA,QAC3B,QAAQE,MAAAA,UAAUF,OAAM,IAAI;AAAA,MAChC;AAAA,IAAA;AAEG,WAAA,EAAE,aAAa,WAAW;AAAA,EAAA,CACpC;AACL;;;;;"}

package/dist/cjs/src/composables/ssrBoot.cjs

@@ -0,0 +1,20 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+function useSsrBoot() {
+  const isBooted = vue.shallowRef(false);
+  vue.onMounted(() => {
+    window.requestAnimationFrame(() => {
+      isBooted.value = true;
+    });
+  });
+  const ssrBootStyles = vue.computed(
+    () => !isBooted.value ? {
+      transition: "none !important"
+    } : void 0
+  );
+  return { ssrBootStyles, isBooted: vue.readonly(isBooted) };
+}
+exports.useSsrBoot = useSsrBoot;
+//# sourceMappingURL=ssrBoot.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ssrBoot.cjs","sources":["../../../../src/composables/ssrBoot.ts"],"sourcesContent":["import { computed, onMounted, readonly, shallowRef } from \"vue\";\n\n/**\n * # useSsrBoot\n */\nexport function useSsrBoot() {\n    const isBooted = shallowRef(false);\n\n    onMounted(() => {\n        window.requestAnimationFrame(() => {\n            isBooted.value = true;\n        });\n    });\n\n    const ssrBootStyles = computed(() =>\n        !isBooted.value\n            ? {\n                  transition: \"none !important\",\n              }\n            : undefined,\n    );\n\n    return { ssrBootStyles, isBooted: readonly(isBooted) };\n}\n"],"names":["shallowRef","onMounted","computed","readonly"],"mappings":";;;;AAKO,SAAS,aAAa;AACnB,QAAA,WAAWA,eAAW,KAAK;AAEjCC,MAAAA,UAAU,MAAM;AACZ,WAAO,sBAAsB,MAAM;AAC/B,eAAS,QAAQ;AAAA,IAAA,CACpB;AAAA,EAAA,CACJ;AAED,QAAM,gBAAgBC,IAAA;AAAA,IAAS,MAC3B,CAAC,SAAS,QACJ;AAAA,MACI,YAAY;AAAA,IAAA,IAEhB;AAAA,EACV;AAEA,SAAO,EAAE,eAAe,UAAUC,IAAA,SAAS,QAAQ,EAAE;AACzD;;"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,38 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const browser = require("../util/browser.cjs");
+const isFunctions = require("../util/is-functions.cjs");
+function useTeleport(target, container = ".ev-teleport") {
+  return vue.computed(() => {
+    const targetValue = target.value;
+    if (targetValue === true || !browser.Browser.hasWindow) {
+      return null;
+    }
+    let targetElement;
+    if (targetValue instanceof Element) {
+      targetElement = targetValue;
+    } else if (isFunctions.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;
+  });
+}
+exports.useTeleport = useTeleport;
+//# sourceMappingURL=teleport.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"teleport.cjs","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":["computed","Browser","isString"],"mappings":";;;;;;AAcgB,SAAA,YACZ,QACA,YAAoB,gBACtB;AACE,SAAOA,aAAS,MAAM;AAClB,UAAM,cAAc,OAAO;AAC3B,QAAI,gBAAgB,QAAQ,CAACC,QAAAA,QAAQ,WAAW;AACrC,aAAA;AAAA,IAAA;AAGP,QAAA;AACJ,QAAI,uBAAuB,SAAS;AAChB,sBAAA;AAAA,IAAA,WACTC,YAAAA,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/cjs/src/composables/theme.cjs

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

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

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

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

@@ -0,0 +1,33 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+function useToggleScope(source, fn) {
+  let scope;
+  function start() {
+    scope = vue.effectScope();
+    scope.run(() => {
+      return fn.length ? fn(() => {
+        scope == null ? void 0 : scope.stop();
+        start();
+      }) : fn();
+    });
+  }
+  function watchCallback(active) {
+    if (active && !scope) {
+      start();
+    } else if (!active) {
+      scope == null ? void 0 : scope.stop();
+      scope = void 0;
+    }
+  }
+  const watchOptions = {
+    immediate: true
+  };
+  vue.watch(source, watchCallback, watchOptions);
+  vue.onScopeDispose(() => {
+    scope == null ? void 0 : scope.stop();
+  });
+}
+exports.useToggleScope = useToggleScope;
+//# sourceMappingURL=toggleScope.cjs.map

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

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

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

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

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

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