@atscript/vue-form 0.1.65 → 0.1.66

package/dist/{as-form-CWwgyvfw.mjs → as-form-DQM3KBU0.mjs}

@@ -205,7 +205,7 @@ function useAsForm(options) {
 		entry: void 0
 	}));
 	const submitText = computed(() => resolveFormProp(options.def().type, UI_FORM_FN_SUBMIT_TEXT, UI_FORM_SUBMIT_TEXT, ctx.value) ?? "Submit");
-	const submitDisabled = computed(() => resolveFormProp(options.def().type, UI_FORM_FN_SUBMIT_DISABLED, void 0, ctx.value) ?? false);
+	const submitDisabled = computed(() => options.loading?.() === true || (resolveFormProp(options.def().type, UI_FORM_FN_SUBMIT_DISABLED, void 0, ctx.value) ?? false));
 	function supportsAction(def, actionId) {
 		return def.fields.some((f) => {
 			if (getFieldMeta(f.prop, UI_FORM_ACTION)?.id === actionId) return true;
@@ -349,6 +349,7 @@ var as_form_default = /* @__PURE__ */ defineComponent({
 			errors: () => props.errors,
 			clientFactory: () => props.clientFactory,
 			hideRootTitle: () => props.hideRootTitle,
+			loading: () => props.loading,
 			emits: {
 				submit: (data) => emit("submit", data),
 				error: (errors) => emit("error", errors),

package/dist/{as-form-DAIkyt7H.cjs → as-form-vgf6YbaG.cjs}

@@ -205,7 +205,7 @@ function useAsForm(options) {
 		entry: void 0
 	}));
 	const submitText = (0, vue.computed)(() => (0, _atscript_ui.resolveFormProp)(options.def().type, _atscript_ui.UI_FORM_FN_SUBMIT_TEXT, _atscript_ui.UI_FORM_SUBMIT_TEXT, ctx.value) ?? "Submit");
-	const submitDisabled = (0, vue.computed)(() => (0, _atscript_ui.resolveFormProp)(options.def().type, _atscript_ui.UI_FORM_FN_SUBMIT_DISABLED, void 0, ctx.value) ?? false);
+	const submitDisabled = (0, vue.computed)(() => options.loading?.() === true || ((0, _atscript_ui.resolveFormProp)(options.def().type, _atscript_ui.UI_FORM_FN_SUBMIT_DISABLED, void 0, ctx.value) ?? false));
 	function supportsAction(def, actionId) {
 		return def.fields.some((f) => {
 			if ((0, _atscript_ui.getFieldMeta)(f.prop, _atscript_ui.UI_FORM_ACTION)?.id === actionId) return true;
@@ -349,6 +349,7 @@ var as_form_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			errors: () => props.errors,
 			clientFactory: () => props.clientFactory,
 			hideRootTitle: () => props.hideRootTitle,
+			loading: () => props.loading,
 			emits: {
 				submit: (data) => emit("submit", data),
 				error: (errors) => emit("error", errors),

package/dist/as-form.cjs

@@ -1,7 +1,7 @@
 require("./use-form-context-Dwr8Ai1v.cjs");
 require("./use-as-nested-sections-store-jdMRxjBE.cjs");
 require("./use-as-value-help-uANI3zWa.cjs");
-const require_as_form = require("./as-form-DAIkyt7H.cjs");
+const require_as_form = require("./as-form-vgf6YbaG.cjs");
 require("./as-field-wLYoaZnT.cjs");
 require("./use-as-locale-C4z5stwD.cjs");
 module.exports = require_as_form.as_form_default;

package/dist/as-form.d.cts

@@ -1,2 +1,2 @@
-import { n as _default, t as Props } from "./as-form.vue-B6iBidP7.cjs";
+import { n as _default, t as Props } from "./as-form.vue-DlDumufM.cjs";
 export { Props, _default as default };

package/dist/as-form.d.mts

@@ -1,2 +1,2 @@
-import { n as _default, t as Props } from "./as-form.vue-BmDsOgLK.mjs";
+import { n as _default, t as Props } from "./as-form.vue-DkCr2SVN.mjs";
 export { Props, _default as default };

package/dist/as-form.mjs

@@ -1,7 +1,7 @@
 import "./use-form-context-bAj7UoSe.mjs";
 import "./use-as-nested-sections-store-lhi0z5z1.mjs";
 import "./use-as-value-help-CBykDEjZ.mjs";
-import { t as as_form_default } from "./as-form-CWwgyvfw.mjs";
+import { t as as_form_default } from "./as-form-DQM3KBU0.mjs";
 import "./as-field-CXVjrEPQ.mjs";
 import "./use-as-locale-BrFdAgnU.mjs";
 export { as_form_default as default };

package/dist/{as-form.vue-BmDsOgLK.d.mts → as-form.vue-DkCr2SVN.d.mts}

@@ -77,12 +77,12 @@ interface Props<TF, TC> {
 }
 declare const __VLS_export: <TFormData = any, TFormContext = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: vue.PublicProps & __VLS_PrettifyLocal<Props<TFormData, TFormContext> & {
+    onSubmit?: ((data: TFormData) => any) | undefined;
     onError?: ((errors: {
       path: string;
       message: string;
     }[]) => any) | undefined;
     onAction?: ((name: string, data: TFormData) => any) | undefined;
-    onSubmit?: ((data: TFormData) => any) | undefined;
     "onUnsupported-action"?: ((name: string, data: TFormData) => any) | undefined;
     onChange?: ((type: TAsChangeType, path: string, value: unknown, formData: TFormData) => any) | undefined;
   }> & (typeof globalThis extends {

package/dist/{as-form.vue-B6iBidP7.d.cts → as-form.vue-DlDumufM.d.cts}

@@ -77,12 +77,12 @@ interface Props<TF, TC> {
 }
 declare const __VLS_export: <TFormData = any, TFormContext = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: vue.PublicProps & __VLS_PrettifyLocal<Props<TFormData, TFormContext> & {
+    onSubmit?: ((data: TFormData) => any) | undefined;
     onError?: ((errors: {
       path: string;
       message: string;
     }[]) => any) | undefined;
     onAction?: ((name: string, data: TFormData) => any) | undefined;
-    onSubmit?: ((data: TFormData) => any) | undefined;
     "onUnsupported-action"?: ((name: string, data: TFormData) => any) | undefined;
     onChange?: ((type: TAsChangeType, path: string, value: unknown, formData: TFormData) => any) | undefined;
   }> & (typeof globalThis extends {

package/dist/index.cjs

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_use_form_context = require("./use-form-context-Dwr8Ai1v.cjs");
 const require_use_as_nested_sections_store = require("./use-as-nested-sections-store-jdMRxjBE.cjs");
 const require_use_as_value_help = require("./use-as-value-help-uANI3zWa.cjs");
-const require_as_form = require("./as-form-DAIkyt7H.cjs");
+const require_as_form = require("./as-form-vgf6YbaG.cjs");
 const require_as_field = require("./as-field-wLYoaZnT.cjs");
 const require_use_as_locale = require("./use-as-locale-C4z5stwD.cjs");
 const require_as_iterator = require("./as-iterator-BYMNe6UJ.cjs");

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import _default$6 from "./as-field.cjs";
-import { a as TFormRule, i as TFormFieldRegistration, n as _default$8, o as TFormState, r as TFormFieldCallbacks } from "./as-form.vue-B6iBidP7.cjs";
+import { a as TFormRule, i as TFormFieldRegistration, n as _default$8, o as TFormState, r as TFormFieldCallbacks } from "./as-form.vue-DlDumufM.cjs";
 import { a as TAsTypeComponents, i as TAsComponentProps, n as TAsChangeType, o as TAsUnionContext, r as TAsComponentEmits, t as TAsBaseComponentProps } from "./types-CzMUE5Dk.cjs";
 import _default$10 from "./as-iterator.cjs";
 import { t as _default } from "./as-action.vue-BOLmcRHb.cjs";
@@ -330,6 +330,12 @@ interface UseAsFormOptions<TFormData = unknown, TFormContext = unknown> {
   clientFactory?: () => ClientFactory$1 | undefined;
   /** Suppress the root field's title (use when the chrome already shows the form's label). */
   hideRootTitle?: () => boolean | undefined;
+  /**
+   * Busy-state flag. When `true`, the form is locked (inert + overlay) and the
+   * default submit button is disabled. `<AsWfForm>` wires this to its
+   * server round-trip so consumers can drop their own submit overrides.
+   */
+  loading?: () => boolean | undefined;
   /**
    * Outbound callbacks. Customer form roots typically wire these to
    * `defineEmits`; advanced uses can pass plain functions.

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import _default$6 from "./as-field.mjs";
-import { a as TFormRule, i as TFormFieldRegistration, n as _default$8, o as TFormState, r as TFormFieldCallbacks } from "./as-form.vue-BmDsOgLK.mjs";
+import { a as TFormRule, i as TFormFieldRegistration, n as _default$8, o as TFormState, r as TFormFieldCallbacks } from "./as-form.vue-DkCr2SVN.mjs";
 import { a as TAsTypeComponents, i as TAsComponentProps, n as TAsChangeType, o as TAsUnionContext, r as TAsComponentEmits, t as TAsBaseComponentProps } from "./types-D0xtsrz8.mjs";
 import _default$10 from "./as-iterator.mjs";
 import { t as _default } from "./as-action.vue-ReXXWCRt.mjs";
@@ -330,6 +330,12 @@ interface UseAsFormOptions<TFormData = unknown, TFormContext = unknown> {
   clientFactory?: () => ClientFactory$1 | undefined;
   /** Suppress the root field's title (use when the chrome already shows the form's label). */
   hideRootTitle?: () => boolean | undefined;
+  /**
+   * Busy-state flag. When `true`, the form is locked (inert + overlay) and the
+   * default submit button is disabled. `<AsWfForm>` wires this to its
+   * server round-trip so consumers can drop their own submit overrides.
+   */
+  loading?: () => boolean | undefined;
   /**
    * Outbound callbacks. Customer form roots typically wire these to
    * `defineEmits`; advanced uses can pass plain functions.

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { m as PATH_PREFIX_KEY, n as useAsUnionVariant, s as DISMISS_EXTERNAL_AT_KEY, t as formatIndexedLabelParts } from "./use-form-context-bAj7UoSe.mjs";
 import { n as provideAsNestedSectionsStore, r as useAsNestedSectionsStore } from "./use-as-nested-sections-store-lhi0z5z1.mjs";
 import { n as useAsValueHelp } from "./use-as-value-help-CBykDEjZ.mjs";
-import { i as useAsExternalErrors, n as useAsForm, r as useAsState, t as as_form_default } from "./as-form-CWwgyvfw.mjs";
+import { i as useAsExternalErrors, n as useAsForm, r as useAsState, t as as_form_default } from "./as-form-DQM3KBU0.mjs";
 import { n as useAsData, r as useAsField, t as as_field_default } from "./as-field-CXVjrEPQ.mjs";
 import { n as useAsLocale, t as provideAsLocale } from "./use-as-locale-BrFdAgnU.mjs";
 import { t as as_iterator_default } from "./as-iterator-CT5y1jyn.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atscript/vue-form",
-  "version": "0.1.65",
+  "version": "0.1.66",
   "description": "Type-driven form rendering for Atscript with Vue 3",
   "keywords": [
     "atscript",
@@ -152,7 +152,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@atscript/ui": "^0.1.65"
+    "@atscript/ui": "^0.1.66"
   },
   "devDependencies": {
     "@atscript/core": "^0.1.56",
@@ -168,13 +168,13 @@
     "vue": "^3",
     "vue-tsc": "^3.2.6",
     "vunor": "^0.2",
-    "@atscript/ui-fns": "^0.1.65"
+    "@atscript/ui-fns": "^0.1.66"
   },
   "peerDependencies": {
     "@atscript/db-client": "^0.1.80",
     "reka-ui": "^2.9.2",
     "vue": "^3",
-    "@atscript/ui-fns": "^0.1.65"
+    "@atscript/ui-fns": "^0.1.66"
   },
   "scripts": {
     "build": "node ../../scripts/gen-exports.mjs && vp pack",