@evance/evance-ui 1.0.21 → 1.0.23

package/dist/cjs/evance-ui.css

@@ -607,16 +607,16 @@
     # EvButton
  */
 .ev-button {
-  --current-size: var(--input-height-medium);
+  --button-size: var(--input-height-medium);
   align-items: center;
   border-radius: var(--input-radius);
   display: inline-flex;
   font-size: var(--text-size-medium);
   font-weight: var(--font-weight-semibold);
-  height: var(--current-size);
+  height: var(--button-size);
   line-height: 1.15;
   justify-content: center;
-  padding-inline: calc((var(--current-size) - var(--icon-size-medium)) / 2);
+  padding-inline: calc((var(--button-size) - var(--icon-size-medium)) / 2);
   position: relative;
   text-decoration: none !important;
   transition: background 0.15s ease-in-out, color 0.15s ease-in-out, border 0.15s ease-in-out;
@@ -633,7 +633,7 @@
 }
 
 .ev-button--content {
-  padding-inline: calc(0.2 * var(--current-size));
+  padding-inline: calc(0.2 * var(--button-size));
 }
 
 /**
@@ -965,19 +965,21 @@
   /* X Large */
 }
 .ev-button.is-size-x-small {
+  --button-size: var(--input-height-x-small);
   font-size: var(--text-size-small);
-  --current-size: var(--input-height-x-small);
+  font-weight: var(--font-weight-medium);
 }
 .ev-button.is-size-small {
-  --current-size: var(--input-height-small);
+  --button-size: var(--input-height-small);
+  font-weight: var(--font-weight-medium);
 }
 .ev-button.is-size-large {
   font-size: var(--text-size-large);
-  --current-size: var(--input-height-large);
+  --button-size: var(--input-height-large);
 }
 .ev-button.is-size-x-large {
   font-size: var(--text-size-large);
-  --current-size: var(--input-height-x-large);
+  --button-size: var(--input-height-x-large);
 }
 
 /**
@@ -2613,6 +2615,158 @@ html.ev-overlay-scroll-blocked {
 }.ev-surface.ev-date-field--surface {
   margin: 0;
   width: fit-content;
+}.ev-tab:focus-visible {
+  outline-offset: -2px;
+}
+
+.ev-tab--slider {
+  position: absolute;
+  bottom: -1px;
+  left: 0;
+  height: var(--tab-slider-size, 2px);
+  width: 100%;
+  background: currentColor;
+  pointer-events: none;
+  opacity: 0;
+}
+
+.ev-tab.is-active .ev-tab--slider {
+  opacity: 1;
+}
+
+.ev-tabs.is-vertical .ev-tab {
+  justify-content: start;
+}
+.ev-tabs.is-vertical .ev-tab--slider {
+  top: 0;
+  height: 100%;
+  width: var(--tab-slider-size, 2px);
+}
+
+.ev-tabs.is-grow {
+  flex-grow: 1;
+}
+.ev-tabs.is-grow .ev-tab {
+  flex: 1 0 auto;
+  max-width: none;
+}
+
+.ev-tabs:not(.is-vertical).is-align-tabs-end .ev-tab:first-child {
+  margin-inline-start: auto;
+}
+.ev-tabs:not(.is-vertical).is-align-tabs-center .ev-tab:first-child {
+  margin-inline-start: auto;
+}
+.ev-tabs:not(.is-vertical).is-align-tabs-center .ev-tab:last-child {
+  margin-inline-end: auto;
+}.ev-toolbar {
+  --toolbar-margin: 16px;
+  --toolbar-margin-adjusted: 8px;
+  --toolbar-height: 52px;
+  --toolbar-weight: var(--text-weight-medium);
+  align-items: stretch;
+  border-bottom: 1px solid var(--stroke);
+  display: flex;
+  gap: 2rem;
+  justify-content: space-between;
+  min-height: var(--toolbar-height);
+  padding-inline: var(--toolbar-margin);
+}
+
+.ev-toolbar--section-start,
+.ev-toolbar--section-end,
+.ev-toolbar--prefix,
+.ev-toolbar--start,
+.ev-toolbar--end {
+  display: flex;
+  align-items: stretch;
+}
+
+.ev-toolbar--section-start {
+  min-width: 0;
+  gap: 2rem;
+}
+
+.ev-toolbar--section-end {
+  gap: 0.5rem;
+}
+
+.ev-toolbar--start {
+  min-width: 0;
+}
+
+.ev-toolbar--prefix {
+  gap: 0.75rem;
+}
+
+.ev-toolbar--back,
+.ev-toolbar--icon,
+.ev-toolbar--close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.ev-toolbar.is-adjust-start {
+  padding-inline-start: var(--toolbar-margin-adjusted);
+}
+.ev-toolbar.is-adjust-end {
+  padding-inline-end: var(--toolbar-margin-adjusted);
+}
+
+.ev-toolbar--title {
+  font-size: var(--text-size-large);
+  font-weight: var(--toolbar-weight);
+  white-space: nowrap;
+  max-width: 300px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  align-self: center;
+}
+
+.ev-toolbar--tabs {
+  align-self: flex-end;
+}
+
+.ev-toolbar--actions {
+  display: flex;
+  align-items: center;
+  gap: var(--spacer-100);
+}
+
+.ev-toolbar--close {
+  min-width: 0;
+}
+
+.ev-toolbar.is-size-large {
+  --toolbar-margin: 24px;
+  --toolbar-margin-adjusted: 13px;
+  --toolbar-height: 68px;
+  --toolbar-weight: var(--text-weight-semibold);
+}
+.ev-toolbar.is-size-large .ev-toolbar--prefix {
+  gap: 0.75rem;
+}
+.ev-toolbar.is-size-medium {
+  --toolbar-margin: 16px;
+  --toolbar-margin-adjusted: 8px;
+  --toolbar-height: 52px;
+  --toolbar-weight: var(--text-weight-medium);
+}
+.ev-toolbar.is-size-medium .ev-toolbar--prefix {
+  gap: 0.625rem;
+}
+.ev-toolbar.is-size-small {
+  --toolbar-margin: 16px;
+  --toolbar-margin-adjusted: 7px;
+  --toolbar-height: 46px;
+  --toolbar-weight: var(--text-weight-medium);
+}
+.ev-toolbar.is-size-small .ev-toolbar--prefix {
+  gap: 0.5rem;
+}
+.ev-toolbar.is-size-small .ev-toolbar--title {
+  font-size: var(--text-size-medium);
 }.ev-dialog {
   align-items: center;
   justify-content: center;
@@ -2632,25 +2786,30 @@ html.ev-overlay-scroll-blocked {
   max-height: 100%;
 }
 
-.ev-dialog---header {
+.ev-dialog--header {
   flex: 0;
   padding: 0.5rem;
   display: flex;
-  justify-content: end;
   align-items: center;
 }
-.ev-dialog---header + .ev-dialog--body {
+.ev-dialog--header.is-untitled {
+  border: 0;
+}
+.ev-dialog--header.is-untitled + .ev-dialog--body {
   padding-top: 0;
 }
 
 .ev-dialog--body {
   flex: 1;
-  padding: var(--spacer-400, 2rem);
+  padding: var(--spacer-300, 1.5rem);
+  display: flex;
+  flex-direction: column;
 }
 
 .ev-dialog--footer {
   flex: 0;
-  padding: var(--spacer-200, 1rem);
+  padding: var(--spacer-300, 1.5rem);
+  padding-top: 0;
   display: flex;
   align-items: center;
   position: relative;
@@ -3922,50 +4081,6 @@ html.ev-overlay-scroll-blocked {
 /** Errors */
 .ev-switch--errors {
   padding-left: 1rem;
-}.ev-tab:focus-visible {
-  outline-offset: -2px;
-}
-
-.ev-tab--slider {
-  position: absolute;
-  bottom: -1px;
-  left: 0;
-  height: var(--tab-slider-size, 2px);
-  width: 100%;
-  background: currentColor;
-  pointer-events: none;
-  opacity: 0;
-}
-
-.ev-tab.is-active .ev-tab--slider {
-  opacity: 1;
-}
-
-.ev-tabs.is-vertical .ev-tab {
-  justify-content: start;
-}
-.ev-tabs.is-vertical .ev-tab--slider {
-  top: 0;
-  height: 100%;
-  width: var(--tab-slider-size, 2px);
-}
-
-.ev-tabs.is-grow {
-  flex-grow: 1;
-}
-.ev-tabs.is-grow .ev-tab {
-  flex: 1 0 auto;
-  max-width: none;
-}
-
-.ev-tabs:not(.is-vertical).is-align-tabs-end .ev-tab:first-child {
-  margin-inline-start: auto;
-}
-.ev-tabs:not(.is-vertical).is-align-tabs-center .ev-tab:first-child {
-  margin-inline-start: auto;
-}
-.ev-tabs:not(.is-vertical).is-align-tabs-center .ev-tab:last-child {
-  margin-inline-end: auto;
 }.ev-tag-group .ev-slide-group--content {
   gap: 4px;
   align-items: center;
@@ -4121,88 +4236,6 @@ html.ev-overlay-scroll-blocked {
 /** Errors */
 .ev-textarea--errors {
   margin-top: 0.5rem;
-}.ev-toolbar {
-  border-bottom: 1px solid var(--stroke);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 2rem;
-}
-
-.ev-toolbar--section-start,
-.ev-toolbar--section-end,
-.ev-toolbar--prefix,
-.ev-toolbar--start,
-.ev-toolbar--end {
-  display: flex;
-  align-items: center;
-}
-
-.ev-toolbar--section-start {
-  min-width: 0;
-  gap: 2rem;
-}
-
-.ev-toolbar--section-end {
-  gap: 0.5rem;
-}
-
-.ev-toolbar--start {
-  min-width: 0;
-}
-
-.ev-toolbar--title {
-  font-size: var(--text-size-large);
-  font-weight: var(--text-weight-bold);
-  padding-inline: var(--spacer-100);
-  white-space: nowrap;
-  max-width: 300px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.ev-toolbar .ev-tabs {
-  margin-bottom: -1px;
-}
-
-.ev-toolbar--icon {
-  display: inline-flex;
-  width: var(--input-height-small);
-  height: var(--input-height-small);
-  align-items: center;
-  justify-content: center;
-}
-
-.ev-toolbar--close {
-  min-width: 0;
-}
-
-.ev-toolbar--actions {
-  display: flex;
-  align-items: center;
-  gap: var(--spacer-100);
-}
-
-.ev-toolbar.is-size-large {
-  min-height: 56px;
-  padding-inline: 10px;
-}
-.ev-toolbar.is-size-medium {
-  min-height: 52px;
-  padding-inline: 8px;
-}
-.ev-toolbar.is-size-medium .ev-tabs {
-  padding-top: 4px;
-}
-.ev-toolbar.is-size-small {
-  min-height: 48px;
-  padding-inline: 6px;
-}
-.ev-toolbar.is-size-small .ev-tabs {
-  padding-top: 6px;
-}
-.ev-toolbar.is-size-small .ev-toolbar--title {
-  font-size: var(--text-size-medium);
 }.ev-window {
   --window-transition: .3s cubic-bezier(.25, .8, .50, 1);
   overflow: hidden;
@@ -18556,6 +18589,8 @@ table {
   --text-eyebrow-typeface: var(--typeface);
   --text-eyebrow-weight: 700;
   --text-weight: 400;
+  --text-weight-medium: 500;
+  --text-weight-semibold: 600;
   --text-weight-bold: 700;
   /* Easing */
   --easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
@@ -19494,16 +19529,16 @@ h6, .heading-6 {
   font-size: var(--text-size-small);
 }
 .text-weight-regular {
-  font-weight: 400;
+  font-weight: var(--text-weight);
 }
 .text-weight-medium {
-  font-weight: 500;
+  font-weight: var(--text-weight-medium);
 }
 .text-weight-semibold {
-  font-weight: 600;
+  font-weight: var(--text-weight-semibold);
 }
 .text-weight-bold {
-  font-weight: 700;
+  font-weight: var(--text-weight-bold);
 }
 /**
     # Links

package/dist/cjs/events-qAJYqvtb.cjs

@@ -0,0 +1,92 @@
+"use strict";
+/*! Evance UI v1.0.22 | MIT License */
+const vue = require("vue");
+const scroll = require("./scroll-BzD8o1K3.cjs");
+const EventProp = () => [Function, Array];
+function callEvent(eventHandler, ...args) {
+  if (Array.isArray(eventHandler)) {
+    for (const handlerElement of eventHandler) {
+      handlerElement(...args);
+    }
+  } else if (typeof eventHandler === "function") {
+    eventHandler(...args);
+  }
+}
+function eventName(propName) {
+  return propName[2].toLowerCase() + propName.slice(3);
+}
+const focusableElements = [
+  "button",
+  "[href]",
+  'input:not([type="hidden"])',
+  "select",
+  "[tabindex]",
+  "textarea"
+];
+function focusChild(el, position) {
+  if (!el) {
+    return void 0;
+  }
+  let focusedElement;
+  const focusableElements2 = getFocusableChildren(el);
+  const index = focusableElements2.indexOf(
+    document.activeElement
+  );
+  if (!position) {
+    if (el === document.activeElement || !el.contains(document.activeElement)) {
+      focusedElement = focusableElements2[0];
+    }
+  } else if (position === "first") {
+    focusedElement = focusableElements2[0];
+  } else if (position === "last") {
+    focusedElement = focusableElements2.at(-1);
+  } else {
+    let lastElement;
+    let lastIndex = index;
+    const increment = position === "next" ? 1 : -1;
+    do {
+      lastIndex += increment;
+      lastElement = focusableElements2[lastIndex];
+    } while ((!lastElement || lastElement.offsetParent == null) && lastIndex < focusableElements2.length && lastIndex >= 0);
+    if (lastElement) {
+      focusedElement = lastElement;
+    } else {
+      return focusChild(el, position === "next" ? "first" : "last");
+    }
+  }
+  if (focusedElement) {
+    focusedElement.focus();
+    return focusedElement;
+  }
+  return void 0;
+}
+function getFocusableChildren(el, filterByTabIndex = true) {
+  const selectors = focusableElements.map(
+    (selector) => `${selector}${filterByTabIndex ? ':not([tabindex="-1"])' : ""}:not([disabled])`
+  ).join(", ");
+  return [...el.querySelectorAll(selectors)];
+}
+function hasEventListener(props, name) {
+  name = "on" + vue.capitalize(name);
+  return !!(props[name] || props[`${name}Once`] || props[`${name}Capture`] || props[`${name}OnceCapture`] || props[`${name}CaptureOnce`]);
+}
+function addScrollEventListener(el, onScroll) {
+  const scrollElements = [document, ...scroll.getScrollParents(el)];
+  scrollElements.forEach((el2) => {
+    el2.addEventListener("scroll", onScroll, { passive: true });
+  });
+  vue.onScopeDispose(() => {
+    scrollElements.forEach((el2) => {
+      el2.removeEventListener("scroll", onScroll);
+    });
+  });
+}
+exports.EventProp = EventProp;
+exports.addScrollEventListener = addScrollEventListener;
+exports.callEvent = callEvent;
+exports.eventName = eventName;
+exports.focusChild = focusChild;
+exports.focusableElements = focusableElements;
+exports.getFocusableChildren = getFocusableChildren;
+exports.hasEventListener = hasEventListener;
+//# sourceMappingURL=events-qAJYqvtb.cjs.map

package/dist/cjs/events-qAJYqvtb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"events-qAJYqvtb.cjs","sources":["../../src/util/events.ts"],"sourcesContent":["import { capitalize, onScopeDispose, PropType } from \"vue\";\nimport { getScrollParents } from \"./scroll\";\n\n/**\n * # Click Event Listeners\n * Standard listeners for click events.\n */\nexport interface ClickEventListeners {\n    onClick?: EventProp | undefined;\n    onClickOnce?: EventProp | undefined;\n}\n\nexport type EventProp<T extends any[] = any[], F = (...args: T) => any> =\n    | F\n    | F[];\nexport const EventProp = <T extends any[] = any[]>() =>\n    [Function, Array] as PropType<EventProp<T>>;\n\n/**\n * # Call Event\n * @param eventHandler\n * @param args\n */\nexport function callEvent<T extends any[]>(\n    eventHandler: EventProp<T> | undefined,\n    ...args: T\n) {\n    if (Array.isArray(eventHandler)) {\n        for (const handlerElement of eventHandler) {\n            handlerElement(...args);\n        }\n    } else if (typeof eventHandler === \"function\") {\n        eventHandler(...args);\n    }\n}\n\n/**\n * # Event Name\n * @param propName\n */\nexport function eventName(propName: string) {\n    return propName[2].toLowerCase() + propName.slice(3);\n}\n\n/**\n * # Focusable Elements\n * A list of elements we can focus on dynamically.\n */\nexport const focusableElements = [\n    \"button\",\n    \"[href]\",\n    'input:not([type=\"hidden\"])',\n    \"select\",\n    \"[tabindex]\",\n    \"textarea\",\n];\n\n/**\n * # Focus Position\n */\nexport type FocusPosition = \"next\" | \"previous\" | \"first\" | \"last\";\n\n/**\n * # Focus Child\n * @param el\n * @param position\n */\nexport function focusChild(\n    el?: Element,\n    position?: FocusPosition,\n): HTMLElement | undefined {\n    if (!el) {\n        return undefined;\n    }\n\n    let focusedElement: HTMLElement | undefined;\n    const focusableElements = getFocusableChildren(el);\n    const index = focusableElements.indexOf(\n        document.activeElement as HTMLElement,\n    );\n\n    if (!position) {\n        if (\n            el === document.activeElement ||\n            !el.contains(document.activeElement)\n        ) {\n            focusedElement = focusableElements[0];\n        }\n    } else if (position === \"first\") {\n        focusedElement = focusableElements[0];\n    } else if (position === \"last\") {\n        focusedElement = focusableElements.at(-1)!;\n    } else {\n        let lastElement;\n        let lastIndex = index;\n        const increment = position === \"next\" ? 1 : -1;\n        do {\n            lastIndex += increment;\n            lastElement = focusableElements[lastIndex];\n        } while (\n            (!lastElement || lastElement.offsetParent == null) &&\n            lastIndex < focusableElements.length &&\n            lastIndex >= 0\n        );\n        if (lastElement) {\n            focusedElement = lastElement;\n        } else {\n            return focusChild(el, position === \"next\" ? \"first\" : \"last\");\n        }\n    }\n    if (focusedElement) {\n        focusedElement.focus();\n        return focusedElement;\n    }\n    return undefined;\n}\n\n/**\n * # Get Focusable Children\n *\n * Find and return any focusable elements within the supplied element,\n * unless they're disabled or have a negative `tabindex` of -1.\n *\n * @param el\n * @param filterByTabIndex\n */\nexport function getFocusableChildren(\n    el: Element,\n    filterByTabIndex = true,\n): HTMLElement[] {\n    const selectors = focusableElements\n        .map(\n            (selector) =>\n                `${selector}${filterByTabIndex ? ':not([tabindex=\"-1\"])' : \"\"}:not([disabled])`,\n        )\n        .join(\", \");\n    return [...el.querySelectorAll(selectors)] as HTMLElement[];\n}\n\n/**\n * # Has Event Listener\n *\n * Determines whether the `props` supplied includes an event listener, or\n * any variations of the event listener. For example, 'click' events may have:\n * - 'onClick'\n * - 'onClickOnce'\n * - 'onClickOnceCapture'\n * - 'onClickCaptureOnce'\n *\n * @param props\n * @param name\n */\nexport function hasEventListener(\n    props: Record<string, any>,\n    name: string,\n): boolean {\n    name = \"on\" + capitalize(name);\n    return !!(\n        props[name] ||\n        props[`${name}Once`] ||\n        props[`${name}Capture`] ||\n        props[`${name}OnceCapture`] ||\n        props[`${name}CaptureOnce`]\n    );\n}\n\n/**\n * ## Add Scroll Event Listeners to Element (and its parents)\n * @param el\n * @param onScroll\n */\nexport function addScrollEventListener(\n    el: HTMLElement | undefined,\n    onScroll: (e: Event) => void,\n) {\n    const scrollElements = [document, ...getScrollParents(el)];\n    scrollElements.forEach((el) => {\n        el.addEventListener(\"scroll\", onScroll, { passive: true });\n    });\n    onScopeDispose(() => {\n        scrollElements.forEach((el) => {\n            el.removeEventListener(\"scroll\", onScroll);\n        });\n    });\n}\n"],"names":["focusableElements","capitalize","getScrollParents","el","onScopeDispose"],"mappings":";;;;AAeO,MAAM,YAAY,MACrB,CAAC,UAAU,KAAK;AAOJ,SAAA,UACZ,iBACG,MACL;AACM,MAAA,MAAM,QAAQ,YAAY,GAAG;AAC7B,eAAW,kBAAkB,cAAc;AACvC,qBAAe,GAAG,IAAI;AAAA,IAAA;AAAA,EAC1B,WACO,OAAO,iBAAiB,YAAY;AAC3C,iBAAa,GAAG,IAAI;AAAA,EAAA;AAE5B;AAMO,SAAS,UAAU,UAAkB;AACxC,SAAO,SAAS,CAAC,EAAE,YAAgB,IAAA,SAAS,MAAM,CAAC;AACvD;AAMO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAYgB,SAAA,WACZ,IACA,UACuB;AACvB,MAAI,CAAC,IAAI;AACE,WAAA;AAAA,EAAA;AAGP,MAAA;AACEA,QAAAA,qBAAoB,qBAAqB,EAAE;AACjD,QAAM,QAAQA,mBAAkB;AAAA,IAC5B,SAAS;AAAA,EACb;AAEA,MAAI,CAAC,UAAU;AAEP,QAAA,OAAO,SAAS,iBAChB,CAAC,GAAG,SAAS,SAAS,aAAa,GACrC;AACE,uBAAiBA,mBAAkB,CAAC;AAAA,IAAA;AAAA,EACxC,WACO,aAAa,SAAS;AAC7B,qBAAiBA,mBAAkB,CAAC;AAAA,EAAA,WAC7B,aAAa,QAAQ;AACXA,qBAAAA,mBAAkB,GAAG,EAAE;AAAA,EAAA,OACrC;AACC,QAAA;AACJ,QAAI,YAAY;AACV,UAAA,YAAY,aAAa,SAAS,IAAI;AACzC,OAAA;AACc,mBAAA;AACb,oBAAcA,mBAAkB,SAAS;AAAA,IAAA,UAExC,CAAC,eAAe,YAAY,gBAAgB,SAC7C,YAAYA,mBAAkB,UAC9B,aAAa;AAEjB,QAAI,aAAa;AACI,uBAAA;AAAA,IAAA,OACd;AACH,aAAO,WAAW,IAAI,aAAa,SAAS,UAAU,MAAM;AAAA,IAAA;AAAA,EAChE;AAEJ,MAAI,gBAAgB;AAChB,mBAAe,MAAM;AACd,WAAA;AAAA,EAAA;AAEJ,SAAA;AACX;AAWgB,SAAA,qBACZ,IACA,mBAAmB,MACN;AACb,QAAM,YAAY,kBACb;AAAA,IACG,CAAC,aACG,GAAG,QAAQ,GAAG,mBAAmB,0BAA0B,EAAE;AAAA,EAAA,EAEpE,KAAK,IAAI;AACd,SAAO,CAAC,GAAG,GAAG,iBAAiB,SAAS,CAAC;AAC7C;AAegB,SAAA,iBACZ,OACA,MACO;AACA,SAAA,OAAOC,eAAW,IAAI;AACtB,SAAA,CAAC,EACJ,MAAM,IAAI,KACV,MAAM,GAAG,IAAI,MAAM,KACnB,MAAM,GAAG,IAAI,SAAS,KACtB,MAAM,GAAG,IAAI,aAAa,KAC1B,MAAM,GAAG,IAAI,aAAa;AAElC;AAOgB,SAAA,uBACZ,IACA,UACF;AACE,QAAM,iBAAiB,CAAC,UAAU,GAAGC,OAAA,iBAAiB,EAAE,CAAC;AAC1C,iBAAA,QAAQ,CAACC,QAAO;AAC3BA,QAAG,iBAAiB,UAAU,UAAU,EAAE,SAAS,MAAM;AAAA,EAAA,CAC5D;AACDC,MAAAA,eAAe,MAAM;AACF,mBAAA,QAAQ,CAACD,QAAO;AAC3BA,UAAG,oBAAoB,UAAU,QAAQ;AAAA,IAAA,CAC5C;AAAA,EAAA,CACJ;AACL;;;;;;;;;"}

package/dist/cjs/form-3M2W4hFE.cjs

@@ -0,0 +1,141 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+/*! Evance UI v1.0.22 | MIT License */
+const vue = require("vue");
+const console = require("./console-DCAL6zkb.cjs");
+const modelProxy = require("./modelProxy-BMICOorK.cjs");
+const props = require("./props-DdJFC6BD.cjs");
+class Form {
+  constructor(isValid, isDisabled, isReadonly, validateOn) {
+    __publicField(this, "errors", vue.ref([]));
+    __publicField(this, "fields", []);
+    __publicField(this, "isDisabled");
+    __publicField(this, "isReadonly");
+    __publicField(this, "isValid");
+    __publicField(this, "isValidating", vue.shallowRef(false));
+    __publicField(this, "validateOn");
+    this.isDisabled = isDisabled ?? vue.shallowRef(false);
+    this.isReadonly = isReadonly ?? vue.shallowRef(false);
+    this.isValid = isValid ?? vue.shallowRef(null);
+    this.validateOn = validateOn ?? vue.shallowRef("input");
+  }
+  /**
+   * ## Add Field
+   * @param field
+   */
+  addField(field) {
+    if (this.hasField(field.id)) {
+      console.consoleWarn(`Duplicate form field with name "${field.id}"`);
+    }
+    this.fields.push(field);
+  }
+  /**
+   * ## Expose
+   */
+  expose() {
+    return {
+      reset: this.reset.bind(this),
+      resetValidation: this.resetValidation.bind(this),
+      validate: this.validate.bind(this)
+    };
+  }
+  /**
+   * ## Get Field
+   * @param id
+   */
+  getField(id) {
+    return this.fields.find((field) => {
+      return field.id === id;
+    });
+  }
+  /**
+   * ## Has Field
+   *
+   * Returns `true` if the field `name` already exists in the form.
+   *
+   * @param id
+   */
+  hasField(id) {
+    return this.fields.some((field) => field.id === id);
+  }
+  /**
+   * ## Remove Field
+   * @param id
+   */
+  removeField(id) {
+    this.fields = this.fields.filter((field) => {
+      return field.id !== id;
+    });
+  }
+  /**
+   * ## Reset
+   */
+  reset() {
+    this.fields.forEach((field) => field.reset());
+  }
+  /**
+   * ## Reset Validation
+   */
+  resetValidation() {
+    this.fields.forEach((field) => field.resetValidation());
+  }
+  /**
+   * ## Validate
+   */
+  async validate() {
+    let valid = true;
+    this.errors.value = [];
+    this.isValidating.value = true;
+    const results = [];
+    for (const field of this.fields) {
+      const fieldErrors = await field.validate();
+      for (const fieldError of fieldErrors) {
+        valid = false;
+        results.push({
+          name: field.name,
+          message: fieldError
+        });
+      }
+    }
+    this.errors.value = results;
+    this.isValidating.value = false;
+    return {
+      valid,
+      errors: vue.toRaw(this.errors.value)
+    };
+  }
+}
+const FormKey = Symbol.for("ev:form");
+const makeFormProps = props.propsFactory(
+  {
+    disabled: Boolean,
+    readonly: Boolean,
+    modelValue: {
+      type: Boolean,
+      default: null
+    },
+    validateOn: {
+      type: String,
+      default: "input"
+    }
+  },
+  "form"
+);
+function createForm(props2) {
+  const isValid = modelProxy.useModelProxy(props2, "modelValue");
+  const isDisabled = vue.computed(() => props2.disabled);
+  const isReadonly = vue.computed(() => props2.readonly);
+  const validateOn = vue.toRef(props2, "validateOn");
+  const form = new Form(isValid, isDisabled, isReadonly, validateOn);
+  vue.provide(FormKey, form);
+  return form;
+}
+function useForm() {
+  return vue.inject(FormKey, null);
+}
+exports.createForm = createForm;
+exports.makeFormProps = makeFormProps;
+exports.useForm = useForm;
+//# sourceMappingURL=form-3M2W4hFE.cjs.map

package/dist/cjs/form-3M2W4hFE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-3M2W4hFE.cjs","sources":["../../src/modules/Form/Form.ts","../../src/composables/form.ts"],"sourcesContent":["import { FormField } from \"@/modules/Form/FormField\";\nimport { Ref, ref, shallowRef, toRaw } from \"vue\";\nimport { consoleWarn } from \"@/util\";\nimport { FormProps } from \"@/composables/form\";\nimport { ValidationError } from \"@/composables/validation\";\n\n/**\n * # Form\n */\nexport class Form {\n    public readonly errors: Ref<ValidationError[]> = ref([]);\n    private fields: FormField[] = [];\n    public readonly isDisabled: Ref<boolean>;\n    public readonly isReadonly: Ref<boolean>;\n    public readonly isValid: Ref<boolean | null>;\n    public readonly isValidating = shallowRef(false);\n    public readonly validateOn: Ref<FormProps[\"validateOn\"]>;\n\n    constructor(\n        isValid: Ref<boolean | null> | undefined,\n        isDisabled: Ref<boolean> | undefined,\n        isReadonly: Ref<boolean> | undefined,\n        validateOn: Ref<FormProps[\"validateOn\"]> | undefined,\n    ) {\n        this.isDisabled = isDisabled ?? shallowRef(false);\n        this.isReadonly = isReadonly ?? shallowRef(false);\n        this.isValid = isValid ?? shallowRef(null);\n        this.validateOn = validateOn ?? shallowRef(\"input\");\n    }\n\n    /**\n     * ## Add Field\n     * @param field\n     */\n    public addField(field: FormField) {\n        if (this.hasField(field.id)) {\n            consoleWarn(`Duplicate form field with name \"${field.id}\"`);\n        }\n        this.fields.push(field);\n    }\n\n    /**\n     * ## Expose\n     */\n    public expose() {\n        return {\n            reset: this.reset.bind(this),\n            resetValidation: this.resetValidation.bind(this),\n            validate: this.validate.bind(this),\n        };\n    }\n\n    /**\n     * ## Get Field\n     * @param id\n     */\n    public getField(id: string): FormField | undefined {\n        return this.fields.find((field) => {\n            return field.id === id;\n        });\n    }\n\n    /**\n     * ## Has Field\n     *\n     * Returns `true` if the field `name` already exists in the form.\n     *\n     * @param id\n     */\n    public hasField(id: string): boolean {\n        return this.fields.some((field) => field.id === id);\n    }\n\n    /**\n     * ## Remove Field\n     * @param id\n     */\n    public removeField(id: string) {\n        this.fields = this.fields.filter((field) => {\n            return field.id !== id;\n        });\n    }\n\n    /**\n     * ## Reset\n     */\n    public reset() {\n        this.fields.forEach((field) => field.reset());\n    }\n\n    /**\n     * ## Reset Validation\n     */\n    public resetValidation() {\n        this.fields.forEach((field) => field.resetValidation());\n    }\n\n    /**\n     * ## Validate\n     */\n    public async validate() {\n        let valid = true;\n        this.errors.value = [];\n        this.isValidating.value = true;\n\n        const results = [];\n        for (const field of this.fields) {\n            const fieldErrors = await field.validate();\n            for (const fieldError of fieldErrors) {\n                valid = false;\n                results.push({\n                    name: field.name,\n                    message: fieldError,\n                });\n            }\n        }\n\n        this.errors.value = results;\n        this.isValidating.value = false;\n        return {\n            valid,\n            errors: toRaw(this.errors.value),\n        };\n    }\n}\n","import { computed, inject, InjectionKey, PropType, provide, toRef } from \"vue\";\nimport { ValidationError, FormFieldProps } from \"@/composables/validation\";\nimport { propsFactory } from \"@/util\";\nimport { Form } from \"@/modules/Form/Form\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\n\n/**\n * # Form Key\n * Used for provide/inject functions.\n */\nexport const FormKey: InjectionKey<any> = Symbol.for(\"ev:form\");\n\n/**\n * # Submit Event Promise\n */\nexport interface SubmitEventPromise\n    extends SubmitEvent,\n        Promise<FormValidationResult> {}\n\n/**\n * # Form Props\n */\nexport interface FormProps {\n    disabled?: boolean;\n    readonly?: boolean;\n    modelValue?: boolean | null;\n    \"onUpdate:modelValue\"?: ((val: boolean | null) => void) | undefined;\n    validateOn?: FormFieldProps[\"validateOn\"];\n}\n\n/**\n * # Form Validation Result\n */\nexport interface FormValidationResult {\n    valid: boolean;\n    errors: ValidationError[];\n}\n\n/**\n * # Make Form Props\n */\nexport const makeFormProps = propsFactory(\n    {\n        disabled: Boolean,\n        readonly: Boolean,\n        modelValue: {\n            type: Boolean as PropType<boolean | null>,\n            default: null,\n        },\n        validateOn: {\n            type: String as PropType<FormProps[\"validateOn\"]>,\n            default: \"input\",\n        },\n    },\n    \"form\",\n);\n\n/**\n * # Create Form\n * @param props\n */\nexport function createForm(props: FormProps) {\n    const isValid = useModelProxy(props, \"modelValue\");\n    const isDisabled = computed(() => props.disabled);\n    const isReadonly = computed(() => props.readonly);\n    const validateOn = toRef(props, \"validateOn\");\n\n    const form = new Form(isValid, isDisabled, isReadonly, validateOn);\n\n    provide(FormKey, form);\n\n    return form;\n}\n\n/**\n * # Use Form\n */\nexport function useForm() {\n    return inject(FormKey, null);\n}\n"],"names":["ref","shallowRef","consoleWarn","toRaw","propsFactory","props","useModelProxy","computed","toRef","provide","inject"],"mappings":"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"}