bhl-forms 0.2.0 → 0.2.1

package/dist/bhl-forms.modern.es.js

@@ -10279,10 +10279,6 @@ function init$2(obj) {
 function slugify$1(str) {
   return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]/g, " ").trim().replace(/\s+/g, "-");
 }
-function isScalar$1(value) {
-  var t2 = typeof value;
-  return value === null || t2 !== "function" && t2 !== "object";
-}
 function createDispatcher$2() {
   var middleware = [];
   var currentIndex = 0;
@@ -10689,9 +10685,7 @@ function hydrate$1(node2, context) {
       return;
     if (child.name in _value) {
       var childValue = child.type !== "input" || _value[child.name] && typeof _value[child.name] === "object" ? init$2(_value[child.name]) : _value[child.name];
-      if (!isScalar$1(childValue) || child._value !== childValue) {
-        child.input(childValue, false);
-      }
+      child.input(childValue, false);
     } else {
       if (node2.type !== "list" || typeof child.name === "number") {
         partial$1(context, {
@@ -10749,34 +10743,35 @@ function destroy$1(node2, context) {
   node2.emit("destroying", node2);
   node2.store.filter(() => false);
   if (node2.parent) {
+    node2.parent.emit("childRemoved", node2);
     node2.parent.remove(node2);
   }
   deregister$1(node2);
   context._value = context.value = void 0;
   node2.emit("destroyed", node2);
 }
-function define$1(node2, context, definition) {
-  context.type = definition.type;
-  context.props.definition = clone$1(definition);
+function define$1(node2, context, definition2) {
+  context.type = definition2.type;
+  context.props.definition = clone$1(definition2);
   context.value = context._value = createValue$1({
     type: node2.type,
     value: context.value
   });
-  if (definition.forceTypeProp) {
+  if (definition2.forceTypeProp) {
     if (node2.props.type)
       node2.props.originalType = node2.props.type;
-    context.props.type = definition.forceTypeProp;
+    context.props.type = definition2.forceTypeProp;
   }
-  if (definition.family) {
-    context.props.family = definition.family;
+  if (definition2.family) {
+    context.props.family = definition2.family;
   }
-  if (definition.features) {
-    definition.features.forEach((feature) => feature(node2));
+  if (definition2.features) {
+    definition2.features.forEach((feature) => feature(node2));
   }
-  if (definition.props) {
-    node2.addProps(definition.props);
+  if (definition2.props) {
+    node2.addProps(definition2.props);
   }
-  node2.emit("defined", definition);
+  node2.emit("defined", definition2);
 }
 function addProps$1(node2, context, props2) {
   var _a;
@@ -11858,10 +11853,6 @@ function applyExplicit(original, obj, explicit) {
   }
   return obj;
 }
-function isScalar(value) {
-  var t2 = typeof value;
-  return value === null || t2 !== "function" && t2 !== "object";
-}
 var _excluded$1 = ["$formkit", "for", "if", "children", "bind"], _excluded2 = ["$reset"];
 function createDispatcher$1() {
   var middleware = [];
@@ -12591,9 +12582,7 @@ function hydrate(node2, context) {
       return;
     if (child.name in _value) {
       var childValue = child.type !== "input" || _value[child.name] && typeof _value[child.name] === "object" ? init$1(_value[child.name]) : _value[child.name];
-      if (!isScalar(childValue) || child._value !== childValue) {
-        child.input(childValue, false);
-      }
+      child.input(childValue, false);
     } else {
       if (node2.type !== "list" || typeof child.name === "number") {
         partial(context, {
@@ -12651,34 +12640,35 @@ function destroy(node2, context) {
   node2.emit("destroying", node2);
   node2.store.filter(() => false);
   if (node2.parent) {
+    node2.parent.emit("childRemoved", node2);
     node2.parent.remove(node2);
   }
   deregister(node2);
   context._value = context.value = void 0;
   node2.emit("destroyed", node2);
 }
-function define(node2, context, definition) {
-  context.type = definition.type;
-  context.props.definition = clone(definition);
+function define(node2, context, definition2) {
+  context.type = definition2.type;
+  context.props.definition = clone(definition2);
   context.value = context._value = createValue({
     type: node2.type,
     value: context.value
   });
-  if (definition.forceTypeProp) {
+  if (definition2.forceTypeProp) {
     if (node2.props.type)
       node2.props.originalType = node2.props.type;
-    context.props.type = definition.forceTypeProp;
+    context.props.type = definition2.forceTypeProp;
   }
-  if (definition.family) {
-    context.props.family = definition.family;
+  if (definition2.family) {
+    context.props.family = definition2.family;
   }
-  if (definition.features) {
-    definition.features.forEach((feature) => feature(node2));
+  if (definition2.features) {
+    definition2.features.forEach((feature) => feature(node2));
   }
-  if (definition.props) {
-    node2.addProps(definition.props);
+  if (definition2.props) {
+    node2.addProps(definition2.props);
   }
-  node2.emit("defined", definition);
+  node2.emit("defined", definition2);
 }
 function addProps(node2, context, props2) {
   var _a;
@@ -13511,20 +13501,39 @@ function generateClassList(node2, property) {
   }
   var combinedClassList = args.reduce((finalClassList, currentClassList) => {
     if (!currentClassList)
-      return finalClassList;
+      return handleNegativeClasses(finalClassList);
     var {
       $reset
     } = currentClassList, classList2 = _objectWithoutProperties(currentClassList, _excluded2);
     if ($reset) {
-      return classList2;
+      return handleNegativeClasses(classList2);
     }
-    return Object.assign(finalClassList, classList2);
+    return handleNegativeClasses(Object.assign(finalClassList, classList2));
   }, {});
   return Object.keys(node2.hook.classes.dispatch({
     property,
     classes: combinedClassList
   }).classes).filter((key) => combinedClassList[key]).join(" ") || null;
 }
+function handleNegativeClasses(classList2) {
+  var removalToken = "$remove:";
+  var hasNegativeClassValue = false;
+  var applicableClasses = Object.keys(classList2).filter((className) => {
+    if (classList2[className] && className.startsWith(removalToken)) {
+      hasNegativeClassValue = true;
+    }
+    return classList2[className];
+  });
+  if (applicableClasses.length > 1 && hasNegativeClassValue) {
+    var negativeClasses = applicableClasses.filter((className) => className.startsWith(removalToken));
+    negativeClasses.map((negativeClass) => {
+      var targetClass = negativeClass.substring(removalToken.length);
+      classList2[targetClass] = false;
+      classList2[negativeClass] = false;
+    });
+  }
+  return classList2;
+}
 function setErrors(id2, localErrors, childErrors) {
   var node2 = getNode$1(id2);
   if (node2) {
@@ -13542,7 +13551,7 @@ function clearErrors(id2) {
     warn(652, id2);
   }
 }
-var FORMKIT_VERSION = "1.0.0-beta.13-c578106";
+var FORMKIT_VERSION = "0.16.4";
 function createLibraryPlugin() {
   for (var _len = arguments.length, libraries = new Array(_len), _key = 0; _key < _len; _key++) {
     libraries[_key] = arguments[_key];
@@ -13597,6 +13606,8 @@ function optionValue(options2, value) {
   return value;
 }
 function shouldSelect(valueA, valueB) {
+  if (valueA === null && valueB === void 0 || valueA === void 0 && valueB === null)
+    return false;
   if (valueA == valueB)
     return true;
   if (isPojo(valueA) && isPojo(valueB))
@@ -13643,11 +13654,11 @@ var label = createSection("label", () => ({
     for: "$id"
   }
 }));
-var messages = createSection("messages", () => ({
+var messages$1 = createSection("messages", () => ({
   $el: "ul",
-  if: "$fns.length($messages)"
+  if: "$defaultMessagePlacement && $fns.length($messages)"
 }));
-var message = createSection("message", () => ({
+var message$1 = createSection("message", () => ({
   $el: "li",
   for: ["message", "$messages"],
   attrs: {
@@ -13728,6 +13739,11 @@ var boxWrapper = createSection("wrapper", () => ({
       if: "$options.length",
       then: void 0,
       else: "$disabled || undefined"
+    },
+    "data-checked": {
+      if: "$options == undefined",
+      then: "$fns.eq($_value, $onValue) || undefined",
+      else: "$fns.isChecked($option.value) || undefined"
     }
   }
 }));
@@ -13811,7 +13827,6 @@ var submitInput = createSection("submit", () => ({
   $cmp: "FormKit",
   bind: "$submitAttrs",
   props: {
-    ignore: true,
     type: "submit",
     disabled: "$disabled",
     label: "$submitLabel"
@@ -13903,7 +13918,7 @@ function normalizeBoxes(node2) {
         if (!((_a = option2.attrs) === null || _a === void 0 ? void 0 : _a.id)) {
           return extend(option2, {
             attrs: {
-              id: "".concat(node2.name, "-option-").concat(kebab(String(option2.value)))
+              id: "".concat(node2.name, "-option-").concat(slugify(String(option2.value)))
             }
           });
         }
@@ -14081,13 +14096,13 @@ function _handleSubmit() {
   _handleSubmit = _asyncToGenerator(function* (node2, submitEvent) {
     submitEvent.preventDefault();
     yield node2.settled;
-    node2.walk((n) => {
-      n.store.set(createMessage({
-        key: "submitted",
-        value: true,
-        visible: false
-      }));
-    });
+    var setSubmitted = (n) => n.store.set(createMessage({
+      key: "submitted",
+      value: true,
+      visible: false
+    }));
+    node2.walk(setSubmitted);
+    setSubmitted(node2);
     if (typeof node2.props.onSubmitRaw === "function") {
       node2.props.onSubmitRaw(submitEvent, node2);
     }
@@ -14319,7 +14334,7 @@ function extendSchema(schema) {
   return extend(schema, extension);
 }
 function useSchema(inputSection) {
-  return outer(wrapper(label("$label"), inner(prefix(), inputSection(), suffix())), help("$help"), messages(message("$message.value")));
+  return outer(wrapper(label("$label"), inner(prefix(), inputSection(), suffix())), help("$help"), messages$1(message$1("$message.value")));
 }
 function createSection(section, el) {
   var root = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
@@ -14352,6 +14367,7 @@ function createSection(section, el) {
         else: section in extensions ? extendSchema(node2, extensions[section]) : node2
       };
     };
+    extendable._s = section;
     return root ? createRoot(extendable) : extendable;
   };
 }
@@ -14361,7 +14377,7 @@ function createRoot(rootSection) {
   };
 }
 function $if(condition, then2, otherwise) {
-  return (extensions) => {
+  var extendable = (extensions) => {
     var node2 = then2(extensions);
     if (otherwise || isSchemaObject(node2) && "if" in node2 || isSlotCondition(node2)) {
       var conditionalNode = {
@@ -14383,24 +14399,28 @@ function $if(condition, then2, otherwise) {
     }
     return node2;
   };
+  extendable._s = token();
+  return extendable;
 }
 function $extend(section, extendWith) {
-  return (extensions) => {
+  var extendable = (extensions) => {
     var node2 = section({});
     if (isSlotCondition(node2)) {
       if (Array.isArray(node2.else))
         return node2;
-      node2.else = extendSchema(extendSchema(node2.else, extendWith), extensions);
+      node2.else = extendSchema(extendSchema(node2.else, extendWith), section._s ? extensions[section._s] : {});
       return node2;
     }
-    return extendSchema(extendSchema(node2, extendWith), extensions);
+    return extendSchema(extendSchema(node2, extendWith), section._s ? extensions[section._s] : {});
   };
+  extendable._s = section._s;
+  return extendable;
 }
 function $root(section) {
   return createRoot(section);
 }
 var button = {
-  schema: outer(messages(message("$message.value")), wrapper(buttonInput(icon("prefix"), prefix(), buttonLabel("$label || $ui.submit.value"), suffix(), icon("suffix"))), help("$help")),
+  schema: outer(messages$1(message$1("$message.value")), wrapper(buttonInput(icon("prefix"), prefix(), buttonLabel("$label || $ui.submit.value"), suffix(), icon("suffix"))), help("$help")),
   type: "input",
   family: "button",
   props: [],
@@ -14425,7 +14445,7 @@ var checkbox = {
       })), boxHelp("$option.help"))))
     ),
     $if("$options == undefined && $help", help("$help")),
-    messages(message("$message.value"))
+    messages$1(message$1("$message.value"))
   ),
   type: "input",
   family: "box",
@@ -14433,14 +14453,14 @@ var checkbox = {
   features: [options, checkboxes, defaultIcon("decorator", "checkboxDecorator")]
 };
 var file = {
-  schema: outer(wrapper(label("$label"), inner(icon("prefix", "label"), prefix(), fileInput(), fileList(fileItem(icon("fileItem"), fileName("$file.name"), $if("$value.length === 1", fileRemove(icon("fileRemove"), "$ui.remove.value")))), $if("$value.length > 1", fileRemove("$ui.removeAll.value")), noFiles(icon("noFiles"), "$ui.noFiles.value"), suffix(), icon("suffix"))), help("$help"), messages(message("$message.value"))),
+  schema: outer(wrapper(label("$label"), inner(icon("prefix", "label"), prefix(), fileInput(), fileList(fileItem(icon("fileItem"), fileName("$file.name"), $if("$value.length === 1", fileRemove(icon("fileRemove"), "$ui.remove.value")))), $if("$value.length > 1", fileRemove("$ui.removeAll.value")), noFiles(icon("noFiles"), "$ui.noFiles.value"), suffix(), icon("suffix"))), help("$help"), messages$1(message$1("$message.value"))),
   type: "input",
   family: "text",
   props: [],
   features: [files, defaultIcon("fileItem", "fileItem"), defaultIcon("fileRemove", "fileRemove"), defaultIcon("noFiles", "noFiles")]
 };
 var form = {
-  schema: formInput("$slots.default", messages(message("$message.value")), actions(submitInput())),
+  schema: formInput("$slots.default", messages$1(message$1("$message.value")), actions(submitInput())),
   type: "group",
   props: ["actions", "submit", "submitLabel", "submitAttrs", "submitBehavior", "incompleteMessage"],
   features: [form$1, disables]
@@ -14478,27 +14498,27 @@ var radio = {
       }), decorator(icon("decorator")), suffix()), $if("$option.label", boxLabel("$option.label"))), boxHelp("$option.help"))))
     ),
     $if("$options === undefined && $help", help("$help")),
-    messages(message("$message.value"))
+    messages$1(message$1("$message.value"))
   ),
   type: "input",
   family: "box",
   props: ["options", "onValue", "offValue", "optionsLoader"],
-  features: [options, radios, defaultIcon("decorator", "radioDecorator")]
+  features: [disables, options, radios, defaultIcon("decorator", "radioDecorator")]
 };
 var select = {
-  schema: outer(wrapper(label("$label"), inner(icon("prefix"), prefix(), selectInput$1($if("$slots.default", () => "$slots.default", $if("$slots.option", optionSlot, option("$option.label")))), $if("$attrs.multiple !== undefined", () => "", icon("select")), suffix(), icon("suffix"))), help("$help"), messages(message("$message.value"))),
+  schema: outer(wrapper(label("$label"), inner(icon("prefix"), prefix(), selectInput$1($if("$slots.default", () => "$slots.default", $if("$slots.option", optionSlot, option("$option.label")))), $if("$attrs.multiple !== undefined", () => "", icon("select")), suffix(), icon("suffix"))), help("$help"), messages$1(message$1("$message.value"))),
   type: "input",
   props: ["options", "placeholder", "optionsLoader"],
   features: [options, select$1, defaultIcon("select", "select")]
 };
 var textarea = {
-  schema: outer(wrapper(label("$label"), inner(icon("prefix", "label"), prefix(), textareaInput(), suffix(), icon("suffix"))), help("$help"), messages(message("$message.value"))),
+  schema: outer(wrapper(label("$label"), inner(icon("prefix", "label"), prefix(), textareaInput(), suffix(), icon("suffix"))), help("$help"), messages$1(message$1("$message.value"))),
   type: "input",
   props: [],
   features: [initialValue]
 };
 var text = {
-  schema: outer(wrapper(label("$label"), inner(icon("prefix", "label"), prefix(), textInput(), suffix(), icon("suffix"))), help("$help"), messages(message("$message.value"))),
+  schema: outer(wrapper(label("$label"), inner(icon("prefix", "label"), prefix(), textInput(), suffix(), icon("suffix"))), help("$help"), messages$1(message$1("$message.value"))),
   type: "input",
   family: "text",
   props: [],
@@ -16089,10 +16109,12 @@ function createObserver(node2, dependencies) {
         args[_key] = arguments[_key];
       }
       switch (args[1]) {
+        case "_node":
+          return node2;
         case "deps":
           return deps;
         case "watch":
-          return (block) => watch(observed, block);
+          return (block, after) => watch(observed, block, after);
         case "observe":
           return () => {
             var old = new Map(deps);
@@ -16113,6 +16135,7 @@ function createObserver(node2, dependencies) {
             removeListeners(receipts2);
             revokedObservers.add(args[2]);
             revoke();
+            return void 0;
           };
       }
       var value = Reflect.get(...args);
@@ -16131,8 +16154,9 @@ function applyListeners(node2, _ref, callback) {
   var [toAdd, toRemove] = _ref;
   toAdd.forEach((events, depNode) => {
     events.forEach((event) => {
+      var _a;
       node2.receipts.has(depNode) || node2.receipts.set(depNode, {});
-      node2.receipts.set(depNode, Object.assign(node2.receipts.get(depNode), {
+      node2.receipts.set(depNode, Object.assign((_a = node2.receipts.get(depNode)) !== null && _a !== void 0 ? _a : {}, {
         [event]: depNode.on(event, callback)
       }));
     });
@@ -16157,20 +16181,20 @@ function removeListeners(receipts2) {
     }
   });
 }
-function watch(_x, _x2) {
-  return _watch.apply(this, arguments);
-}
-function _watch() {
-  _watch = _asyncToGenerator(function* (node2, block) {
-    var oldDeps = new Map(node2.deps);
-    node2.observe();
-    var res = block(node2);
-    if (res instanceof Promise)
-      yield res;
+function watch(node2, block, after) {
+  var doAfterObservation = (res2) => {
     var newDeps = node2.stopObserve();
-    applyListeners(node2, diffDeps(oldDeps, newDeps), () => watch(node2, block));
-  });
-  return _watch.apply(this, arguments);
+    applyListeners(node2, diffDeps(oldDeps, newDeps), () => watch(node2, block, after));
+    if (after)
+      after(res2);
+  };
+  var oldDeps = new Map(node2.deps);
+  node2.observe();
+  var res = block(node2);
+  if (res instanceof Promise)
+    res.then((val) => doAfterObservation(val));
+  else
+    doAfterObservation(res);
 }
 function diffDeps(previous, current) {
   var toAdd = /* @__PURE__ */ new Map();
@@ -16210,7 +16234,8 @@ var validatingMessage = createMessage({
 function createValidationPlugin() {
   var baseRules = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   return function validationPlugin(node2) {
-    var availableRules = _objectSpread2(_objectSpread2({}, baseRules), cloneAny(node2.props.validationRules));
+    var propRules = cloneAny(node2.props.validationRules || {});
+    var availableRules = _objectSpread2(_objectSpread2({}, baseRules), propRules);
     var observedNode = createObserver(node2);
     var state = {
       input: token(),
@@ -16231,11 +16256,17 @@ function createValidationPlugin() {
       return reboot(validation, payload);
     });
     function reboot(newValidation, newRules) {
-      if (eq(availableRules, newRules) && eq(validation, newValidation))
+      var _a;
+      if (eq(Object.keys(propRules || {}), Object.keys(newRules || {})) && eq(validation, newValidation))
         return;
+      propRules = cloneAny(newRules);
       validation = cloneAny(newValidation);
-      availableRules = _objectSpread2(_objectSpread2({}, baseRules), cloneAny(node2.props.validationRules));
+      availableRules = _objectSpread2(_objectSpread2({}, baseRules), propRules);
       removeListeners(observedNode.receipts);
+      (_a = node2.props.parsedRules) === null || _a === void 0 ? void 0 : _a.forEach((validation2) => {
+        var _a2;
+        validation2.messageObserver = (_a2 = validation2.messageObserver) === null || _a2 === void 0 ? void 0 : _a2.kill();
+      });
       node2.store.filter(() => false, "validation");
       node2.props.parsedRules = parseRules(newValidation, availableRules);
       observedNode.kill();
@@ -16322,27 +16353,38 @@ function runRule(validation, node2, after) {
 }
 function removeMessage(node2, validation) {
   var key = "rule_".concat(validation.name);
+  if (validation.messageObserver) {
+    validation.messageObserver = validation.messageObserver.kill();
+  }
   if (has2(node2.store, key)) {
     node2.store.remove(key);
   }
 }
 function createFailedMessage(node2, validation, removeImmediately) {
-  var i18nArgs = createI18nArgs(node2, validation);
-  var customMessage = createCustomMessage(node2, validation, i18nArgs);
-  var message2 = createMessage({
-    blocking: validation.blocking,
-    key: "rule_".concat(validation.name),
-    meta: {
-      messageKey: validation.name,
-      removeImmediately,
-      localize: !customMessage,
-      i18nArgs
-    },
-    type: "validation",
-    value: customMessage || "This field is not valid."
+  if (isKilled(node2))
+    return;
+  if (!validation.messageObserver) {
+    validation.messageObserver = createObserver(node2._node);
+  }
+  validation.messageObserver.watch((node3) => {
+    var i18nArgs = createI18nArgs(node3, validation);
+    return i18nArgs;
+  }, (i18nArgs) => {
+    var customMessage = createCustomMessage(node2, validation, i18nArgs);
+    var message2 = createMessage({
+      blocking: validation.blocking,
+      key: "rule_".concat(validation.name),
+      meta: {
+        messageKey: validation.name,
+        removeImmediately,
+        localize: !customMessage,
+        i18nArgs
+      },
+      type: "validation",
+      value: customMessage || "This field is not valid."
+    });
+    node2.store.set(message2);
   });
-  node2.store.set(message2);
-  return message2;
 }
 function createCustomMessage(node2, validation, i18nArgs) {
   var customMessage = node2.props.validationMessages && has2(node2.props.validationMessages, validation.name) ? node2.props.validationMessages[validation.name] : void 0;
@@ -16492,9 +16534,7 @@ function date2(date3) {
   if (!(dateTime instanceof Date)) {
     return "(unknown)";
   }
-  return new Intl.DateTimeFormat(void 0, {
-    dateStyle: "medium"
-  }).format(dateTime);
+  return new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeZone: "UTC" }).format(dateTime);
 }
 function order(first, second) {
   return Number(first) >= Number(second) ? [second, first] : [first, second];
@@ -16509,106 +16549,82 @@ var ui$u = {
   moveUp: "Move up",
   moveDown: "Move down",
   isLoading: "Loading...",
-  loadMore: "Load more"
+  loadMore: "Load more",
+  next: "Next",
+  prev: "Previous",
+  addAllValues: "Add all values",
+  addSelectedValues: "Add selected values",
+  removeAllValues: "Remove all values",
+  removeSelectedValues: "Remove selected values",
+  chooseDate: "Choose date",
+  changeDate: "Change date",
+  invalidDate: "The selected date is invalid."
 };
 var validation$u = {
-  accepted(_ref147) {
-    var {
-      name
-    } = _ref147;
+  accepted(_ref168) {
+    var { name } = _ref168;
     return "Please accept the ".concat(name, ".");
   },
-  date_after(_ref148) {
-    var {
-      name,
-      args
-    } = _ref148;
+  date_after(_ref169) {
+    var { name, args } = _ref169;
     if (Array.isArray(args) && args.length) {
       return "".concat(sentence(name), " must be after ").concat(date2(args[0]), ".");
     }
     return "".concat(sentence(name), " must be in the future.");
   },
-  alpha(_ref149) {
-    var {
-      name
-    } = _ref149;
+  alpha(_ref170) {
+    var { name } = _ref170;
     return "".concat(sentence(name), " can only contain alphabetical characters.");
   },
-  alphanumeric(_ref150) {
-    var {
-      name
-    } = _ref150;
+  alphanumeric(_ref171) {
+    var { name } = _ref171;
     return "".concat(sentence(name), " can only contain letters and numbers.");
   },
-  alpha_spaces(_ref151) {
-    var {
-      name
-    } = _ref151;
+  alpha_spaces(_ref172) {
+    var { name } = _ref172;
     return "".concat(sentence(name), " can only contain letters and spaces.");
   },
-  date_before(_ref152) {
-    var {
-      name,
-      args
-    } = _ref152;
+  date_before(_ref173) {
+    var { name, args } = _ref173;
     if (Array.isArray(args) && args.length) {
       return "".concat(sentence(name), " must be before ").concat(date2(args[0]), ".");
     }
     return "".concat(sentence(name), " must be in the past.");
   },
-  between(_ref153) {
-    var {
-      name,
-      args
-    } = _ref153;
+  between(_ref174) {
+    var { name, args } = _ref174;
     if (isNaN(args[0]) || isNaN(args[1])) {
       return "This field was configured incorrectly and can\u2019t be submitted.";
     }
     var [a3, b2] = order(args[0], args[1]);
     return "".concat(sentence(name), " must be between ").concat(a3, " and ").concat(b2, ".");
   },
-  confirm(_ref154) {
-    var {
-      name
-    } = _ref154;
+  confirm(_ref175) {
+    var { name } = _ref175;
     return "".concat(sentence(name), " does not match.");
   },
-  date_format(_ref155) {
-    var {
-      name,
-      args
-    } = _ref155;
+  date_format(_ref176) {
+    var { name, args } = _ref176;
     if (Array.isArray(args) && args.length) {
       return "".concat(sentence(name), " is not a valid date, please use the format ").concat(args[0]);
     }
     return "This field was configured incorrectly and can\u2019t be submitted";
   },
-  date_between(_ref156) {
-    var {
-      name,
-      args
-    } = _ref156;
+  date_between(_ref177) {
+    var { name, args } = _ref177;
     return "".concat(sentence(name), " must be between ").concat(date2(args[0]), " and ").concat(date2(args[1]));
   },
   email: "Please enter a valid email address.",
-  ends_with(_ref157) {
-    var {
-      name,
-      args
-    } = _ref157;
+  ends_with(_ref178) {
+    var { name, args } = _ref178;
     return "".concat(sentence(name), " doesn\u2019t end with ").concat(list(args), ".");
   },
-  is(_ref158) {
-    var {
-      name
-    } = _ref158;
+  is(_ref179) {
+    var { name } = _ref179;
     return "".concat(sentence(name), " is not an allowed value.");
   },
-  length(_ref159) {
-    var {
-      name,
-      args: [first = 0, second = Infinity]
-    } = _ref159;
+  length(_ref180) {
+    var { name, args: [first = 0, second = Infinity] } = _ref180;
     var min3 = Number(first) <= Number(second) ? first : second;
     var max3 = Number(second) >= Number(first) ? second : first;
     if (min3 == 1 && max3 === Infinity) {
@@ -16625,93 +16641,58 @@ var validation$u = {
     }
     return "".concat(sentence(name), " must be between ").concat(min3, " and ").concat(max3, " characters.");
   },
-  matches(_ref160) {
-    var {
-      name
-    } = _ref160;
+  matches(_ref181) {
+    var { name } = _ref181;
     return "".concat(sentence(name), " is not an allowed value.");
   },
-  max(_ref161) {
-    var {
-      name,
-      node: {
-        value
-      },
-      args
-    } = _ref161;
+  max(_ref182) {
+    var { name, node: { value }, args } = _ref182;
     if (Array.isArray(value)) {
       return "Cannot have more than ".concat(args[0], " ").concat(name, ".");
     }
     return "".concat(sentence(name), " must be less than or equal to ").concat(args[0], ".");
   },
-  mime(_ref162) {
-    var {
-      name,
-      args
-    } = _ref162;
+  mime(_ref183) {
+    var { name, args } = _ref183;
     if (!args[0]) {
       return "No file formats allowed.";
     }
     return "".concat(sentence(name), " must be of the type: ").concat(args[0]);
   },
-  min(_ref163) {
-    var {
-      name,
-      node: {
-        value
-      },
-      args
-    } = _ref163;
+  min(_ref184) {
+    var { name, node: { value }, args } = _ref184;
     if (Array.isArray(value)) {
-      return "Cannot have less than ".concat(args[0], " ").concat(name, ".");
+      return "Cannot have fewer than ".concat(args[0], " ").concat(name, ".");
     }
-    return "".concat(sentence(name), " must be at least ").concat(args[0], ".");
+    return "Must be at least ".concat(args[0], " ").concat(name, " .");
   },
-  not(_ref164) {
-    var {
-      name,
-      node: {
-        value
-      }
-    } = _ref164;
+  not(_ref185) {
+    var { name, node: { value } } = _ref185;
     return "\u201C".concat(value, "\u201D is not an allowed ").concat(name, ".");
   },
-  number(_ref165) {
-    var {
-      name
-    } = _ref165;
+  number(_ref186) {
+    var { name } = _ref186;
     return "".concat(sentence(name), " must be a number.");
   },
-  required(_ref166) {
-    var {
-      name
-    } = _ref166;
+  required(_ref187) {
+    var { name } = _ref187;
     return "".concat(sentence(name), " is required.");
   },
-  starts_with(_ref167) {
-    var {
-      name,
-      args
-    } = _ref167;
+  starts_with(_ref188) {
+    var { name, args } = _ref188;
     return "".concat(sentence(name), " doesn\u2019t start with ").concat(list(args), ".");
   },
   url() {
-    return "Please include a valid url.";
+    return "Please enter a valid URL.";
   }
 };
-var en = /* @__PURE__ */ Object.freeze({
-  __proto__: null,
-  ui: ui$u,
-  validation: validation$u
-});
+var en = /* @__PURE__ */ Object.freeze({ __proto__: null, ui: ui$u, validation: validation$u });
 function createI18nPlugin(registry2) {
   return function i18nPlugin(node2) {
     var localeKey = parseLocale(node2.config.locale, registry2);
     var locale2 = localeKey ? registry2[localeKey] : {};
-    node2.on("prop:locale", (_ref798) => {
-      var {
-        payload: lang
-      } = _ref798;
+    node2.on("prop:locale", (_ref819) => {
+      var { payload: lang } = _ref819;
       localeKey = parseLocale(lang, registry2);
       locale2 = localeKey ? registry2[localeKey] : {};
       node2.store.touch();
@@ -17096,11 +17077,11 @@ function createIconHandler(iconLoader, iconLoaderUrl) {
     }
     if (typeof iconName !== "string")
       return;
-    var icon2 = iconRegistry[iconName];
     var isDefault = iconName.startsWith("default:");
     iconName = isDefault ? iconName.split(":")[1] : iconName;
+    var iconWasAlreadyLoaded = iconName in iconRegistry;
     var loadedIcon = void 0;
-    if (icon2 || iconName in iconRegistry) {
+    if (iconWasAlreadyLoaded) {
       return iconRegistry[iconName];
     } else if (!iconRequests[iconName]) {
       loadedIcon = getIconFromStylesheet(iconName);
@@ -17364,7 +17345,9 @@ function getRef(token2, data2) {
     return value;
   }
   var path = token2.split(".");
-  watchEffect(() => value.value = getValue(data2, path));
+  watchEffect(() => {
+    value.value = getValue(isRef(data2) ? data2.value : data2, path);
+  });
   return value;
 }
 function getValue(set3, path) {
@@ -17701,17 +17684,17 @@ function createRenderFn(instanceCreator, data2, instanceKey2) {
     return requirements.reduce((tokens, token2) => {
       if (token2.startsWith("slots.")) {
         var slot = token2.substring(6);
-        var hasSlot = data2.slots && has2(data2.slots, slot);
+        var hasSlot = () => data2.slots && has2(data2.slots, slot) && typeof data2.slots[slot] === "function";
         if (hints.if) {
-          tokens[token2] = () => hasSlot;
-        } else if (data2.slots && hasSlot) {
+          tokens[token2] = hasSlot;
+        } else if (data2.slots) {
           var scopedData = slotData(data2, instanceKey2);
-          tokens[token2] = () => data2.slots[slot](scopedData);
-          return tokens;
+          tokens[token2] = () => hasSlot() ? data2.slots[slot](scopedData) : null;
         }
+      } else {
+        var value = getRef(token2, data2);
+        tokens[token2] = () => useScope(token2, value.value);
       }
-      var value = getRef(token2, data2);
-      tokens[token2] = () => useScope(token2, value.value);
       return tokens;
     }, {});
   }, instanceKey2);
@@ -18016,7 +17999,7 @@ function useRaw(obj) {
   }
   return obj;
 }
-var pseudoProps = ["help", "label", "ignore", "disabled", "preserve", /^preserve(-e|E)rrors/, /^[a-z]+(?:-visibility|Visibility)$/, /^[a-zA-Z-]+(?:-class|Class)$/, "prefixIcon", "suffixIcon", /^[a-zA-Z-]+(?:-icon|Icon)$/];
+var pseudoProps = ["help", "label", "ignore", "disabled", "preserve", /^preserve(-e|E)rrors/, /^[a-z]+(?:-visibility|Visibility|-behavior|Behavior)$/, /^[a-zA-Z-]+(?:-class|Class)$/, "prefixIcon", "suffixIcon", /^[a-zA-Z-]+(?:-icon|Icon)$/];
 function classesToNodeProps(node2, props2) {
   if (props2.classes) {
     Object.keys(props2.classes).forEach((key) => {
@@ -18044,10 +18027,11 @@ function onlyListeners(props2) {
 }
 function useInput(props2, context) {
   var options2 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+  var _a;
   var config = Object.assign({}, inject(optionsSymbol) || {}, options2);
   var instance = getCurrentInstance();
   var listeners = onlyListeners(instance === null || instance === void 0 ? void 0 : instance.vnode.props);
-  var isVModeled = props2.modelValue !== void 0;
+  var isVModeled = "modelValue" in ((_a = instance === null || instance === void 0 ? void 0 : instance.vnode.props) !== null && _a !== void 0 ? _a : {});
   var value = props2.modelValue !== void 0 ? props2.modelValue : cloneAny(context.attrs.value);
   function createInitialProps() {
     var initialProps2 = _objectSpread2(_objectSpread2({}, nodeProps(props2)), listeners);
@@ -18134,6 +18118,8 @@ function useInput(props2, context) {
   }
   watchEffect(() => {
     var attrs = except(nodeProps(context.attrs), pseudoPropNames.value);
+    if ("multiple" in attrs)
+      attrs.multiple = undefine(attrs.multiple);
     node2.props.attrs = Object.assign({}, node2.props.attrs || {}, attrs);
   });
   watchEffect(() => {
@@ -18179,8 +18165,8 @@ function useInput(props2, context) {
   var inputTimeout;
   var mutex = /* @__PURE__ */ new WeakSet();
   node2.on("modelUpdated", () => {
-    var _a, _b;
-    context.emit("inputRaw", (_a = node2.context) === null || _a === void 0 ? void 0 : _a.value, node2);
+    var _a2, _b;
+    context.emit("inputRaw", (_a2 = node2.context) === null || _a2 === void 0 ? void 0 : _a2.value, node2);
     clearTimeout(inputTimeout);
     inputTimeout = setTimeout(context.emit, 20, "input", (_b = node2.context) === null || _b === void 0 ? void 0 : _b.value, node2);
     if (isVModeled && node2.context) {
@@ -18193,7 +18179,7 @@ function useInput(props2, context) {
   });
   if (isVModeled) {
     watchVerbose(toRef(props2, "modelValue"), (path, value2) => {
-      var _a;
+      var _a2;
       var rawValue = useRaw(value2);
       if (isObject(rawValue) && mutex.has(rawValue)) {
         return mutex.delete(rawValue);
@@ -18201,7 +18187,7 @@ function useInput(props2, context) {
       if (!path.length)
         node2.input(value2, false);
       else
-        (_a = node2.at(path)) === null || _a === void 0 ? void 0 : _a.input(value2, false);
+        (_a2 = node2.at(path)) === null || _a2 === void 0 ? void 0 : _a2.input(value2, false);
     });
     if (node2.value !== value) {
       node2.emit("modelUpdated");
@@ -18216,7 +18202,7 @@ function isComponent(obj) {
 }
 function createInput(schemaOrComponent) {
   var definitionOptions = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  var definition = _objectSpread2({
+  var definition2 = _objectSpread2({
     type: "input"
   }, definitionOptions);
   var schema;
@@ -18228,7 +18214,7 @@ function createInput(schemaOrComponent) {
         context: "$node.context"
       }
     }));
-    definition.library = {
+    definition2.library = {
       [cmpName]: markRaw(schemaOrComponent)
     };
   } else if (typeof schemaOrComponent === "function") {
@@ -18236,9 +18222,68 @@ function createInput(schemaOrComponent) {
   } else {
     schema = createSection("input", () => cloneAny(schemaOrComponent));
   }
-  definition.schema = useSchema(schema || "Schema undefined");
-  return definition;
+  definition2.schema = useSchema(schema || "Schema undefined");
+  return definition2;
 }
+var messages = createSection("messages", () => ({
+  $el: "ul",
+  if: "$fns.length($messages)"
+}), true);
+var message = createSection("message", () => ({
+  $el: "li",
+  for: ["message", "$messages"],
+  attrs: {
+    key: "$message.key",
+    id: "$id + '-' + $message.key",
+    "data-message-type": "$message.type"
+  }
+}));
+var definition = messages(message("$message.value"));
+defineComponent({
+  props: {
+    node: {
+      type: Object,
+      required: false
+    },
+    sectionsSchema: {
+      type: Object,
+      default: {}
+    },
+    defaultPosition: {
+      type: [String, Boolean],
+      default: false
+    }
+  },
+  setup(props2, context) {
+    var node2 = computed(() => {
+      return props2.node || inject(parentSymbol, void 0);
+    });
+    watch$1(node2, () => {
+      var _a;
+      if (((_a = node2.value) === null || _a === void 0 ? void 0 : _a.context) && !undefine(props2.defaultPosition)) {
+        node2.value.context.defaultMessagePlacement = false;
+      }
+    }, {
+      immediate: true
+    });
+    var schema = definition(props2.sectionsSchema || {});
+    var data2 = computed(() => {
+      var _a, _b, _c, _d, _e, _f;
+      return {
+        messages: ((_b = (_a = node2.value) === null || _a === void 0 ? void 0 : _a.context) === null || _b === void 0 ? void 0 : _b.messages) || {},
+        fns: ((_d = (_c = node2.value) === null || _c === void 0 ? void 0 : _c.context) === null || _d === void 0 ? void 0 : _d.fns) || {},
+        classes: ((_f = (_e = node2.value) === null || _e === void 0 ? void 0 : _e.context) === null || _f === void 0 ? void 0 : _f.classes) || {}
+      };
+    });
+    return () => {
+      var _a;
+      return ((_a = node2.value) === null || _a === void 0 ? void 0 : _a.context) ? h(FormKitSchema, {
+        schema,
+        data: data2.value
+      }, _objectSpread2({}, context.slots)) : null;
+    };
+  }
+});
 var vueBindings = function vueBindings2(node2) {
   node2.ledger.count("blocking", (m3) => m3.blocking);
   var isValid2 = ref(!node2.ledger.value("blocking"));
@@ -18292,9 +18337,9 @@ var vueBindings = function vueBindings2(node2) {
   var messages2 = computed(() => {
     var visibleMessages = {};
     for (var key in availableMessages) {
-      var message2 = availableMessages[key];
-      if (message2.type !== "validation" || validationVisible.value) {
-        visibleMessages[key] = message2;
+      var _message = availableMessages[key];
+      if (_message.type !== "validation" || validationVisible.value) {
+        visibleMessages[key] = _message;
       }
     }
     return visibleMessages;
@@ -18321,7 +18366,7 @@ var vueBindings = function vueBindings2(node2) {
             var classesPropClasses = createClasses(property, node3, node3.props["_".concat(property, "Class")]);
             var sectionPropClasses = createClasses(property, node3, node3.props["".concat(property, "Class")]);
             className = generateClassList(node3, property, rootClasses, globalConfigClasses, classesPropClasses, sectionPropClasses);
-            target[property] = className;
+            target[property] = className !== null && className !== void 0 ? className : "";
           });
         }
       }
@@ -18364,10 +18409,17 @@ var vueBindings = function vueBindings2(node2) {
         }
       },
       touch: () => {
+        var _a;
+        var doCompare = context.dirtyBehavior === "compare";
+        if (((_a = node2.store.dirty) === null || _a === void 0 ? void 0 : _a.value) && !doCompare)
+          return;
+        var isDirty = !eq(node2.props._init, node2._value);
+        if (!isDirty && !doCompare)
+          return;
         node2.store.set(createMessage({
           key: "dirty",
           visible: false,
-          value: true
+          value: isDirty
         }));
       },
       DOMInput: (e2) => {
@@ -18381,6 +18433,7 @@ var vueBindings = function vueBindings2(node2) {
     messages: messages2,
     node: markRaw(node2),
     options: node2.props.options,
+    defaultMessagePlacement: true,
     state: {
       blurred: false,
       complete: isComplete,
@@ -18405,12 +18458,15 @@ var vueBindings = function vueBindings2(node2) {
       triggerRef(value);
       triggerRef(_value);
     }
-    node2.props._init = cloneAny(node2.value);
+    _asyncToGenerator(function* () {
+      yield node2.settled;
+      node2.props._init = cloneAny(node2.value);
+    })();
   });
-  node2.on("settled", (_ref5) => {
+  node2.on("settled", (_ref6) => {
     var {
       payload: isSettled
-    } = _ref5;
+    } = _ref6;
     context.state.settled = isSettled;
   });
   function observeProps(observe) {
@@ -18419,16 +18475,16 @@ var vueBindings = function vueBindings2(node2) {
       if (!has2(context, prop) && has2(node2.props, prop)) {
         context[prop] = node2.props[prop];
       }
-      node2.on("prop:".concat(prop), (_ref6) => {
+      node2.on("prop:".concat(prop), (_ref7) => {
         var {
           payload
-        } = _ref6;
+        } = _ref7;
         context[prop] = payload;
       });
     });
   }
   var rootProps = () => {
-    var props2 = ["help", "label", "disabled", "options", "type", "attrs", "preserve", "preserveErrors", "id"];
+    var props2 = ["help", "label", "disabled", "options", "type", "attrs", "preserve", "preserveErrors", "id", "dirtyBehavior"];
     var iconPattern = /^[a-zA-Z-]+(?:-icon|Icon)$/;
     var matchingProps = Object.keys(node2.props).filter((prop) => {
       return iconPattern.test(prop);
@@ -18436,21 +18492,21 @@ var vueBindings = function vueBindings2(node2) {
     return props2.concat(matchingProps);
   };
   observeProps(rootProps());
-  function definedAs(definition) {
-    if (definition.props)
-      observeProps(definition.props);
+  function definedAs(definition2) {
+    if (definition2.props)
+      observeProps(definition2.props);
   }
   node2.props.definition && definedAs(node2.props.definition);
-  node2.on("added-props", (_ref7) => {
+  node2.on("added-props", (_ref8) => {
     var {
       payload
-    } = _ref7;
+    } = _ref8;
     return observeProps(payload);
   });
-  node2.on("input", (_ref8) => {
+  node2.on("input", (_ref9) => {
     var {
       payload
-    } = _ref8;
+    } = _ref9;
     if (node2.type !== "input" && !isRef(payload) && !isReactive(payload)) {
       _value.value = shallowClone(payload);
     } else {
@@ -18458,10 +18514,10 @@ var vueBindings = function vueBindings2(node2) {
       triggerRef(_value);
     }
   });
-  node2.on("commit", (_ref9) => {
+  node2.on("commit", (_ref10) => {
     var {
       payload
-    } = _ref9;
+    } = _ref10;
     if (node2.type !== "input" && !isRef(payload) && !isReactive(payload)) {
       value.value = _value.value = shallowClone(payload);
     } else {
@@ -18469,8 +18525,9 @@ var vueBindings = function vueBindings2(node2) {
       triggerRef(value);
     }
     node2.emit("modelUpdated");
-    if (!context.state.dirty && node2.isCreated && hasTicked && !eq(value.value, node2.props._init))
+    if ((!context.state.dirty || context.dirtyBehavior === "compare") && node2.isCreated && hasTicked) {
       context.handlers.touch();
+    }
     if (isComplete && node2.type === "input" && hasErrors.value && !undefine(node2.props.preserveErrors)) {
       node2.store.filter((message2) => {
         var _a;
@@ -18479,7 +18536,7 @@ var vueBindings = function vueBindings2(node2) {
     }
   });
   var updateState = /* @__PURE__ */ function() {
-    var _ref10 = _asyncToGenerator(function* (message2) {
+    var _ref11 = _asyncToGenerator(function* (message2) {
       if (message2.type === "ui" && message2.visible && !message2.meta.showAsMessage) {
         ui[message2.key] = message2;
       } else if (message2.visible) {
@@ -18489,15 +18546,15 @@ var vueBindings = function vueBindings2(node2) {
       }
     });
     return function updateState2(_x) {
-      return _ref10.apply(this, arguments);
+      return _ref11.apply(this, arguments);
     };
   }();
   node2.on("message-added", (e2) => updateState(e2.payload));
   node2.on("message-updated", (e2) => updateState(e2.payload));
-  node2.on("message-removed", (_ref11) => {
+  node2.on("message-removed", (_ref12) => {
     var {
       payload: message2
-    } = _ref11;
+    } = _ref12;
     delete ui[message2.key];
     delete availableMessages[message2.key];
     delete context.state[message2.key];
@@ -18571,6 +18628,18 @@ defineComponent({
     var config = inject(optionsSymbol, {});
     var parent = inject(parentSymbol, null);
     var iconHandler = void 0;
+    function loadIcon() {
+      if (!iconHandler || typeof iconHandler !== "function")
+        return;
+      var iconOrPromise = iconHandler(props2.icon);
+      if (iconOrPromise instanceof Promise) {
+        iconOrPromise.then((iconValue) => {
+          icon2.value = iconValue;
+        });
+      } else {
+        icon2.value = iconOrPromise;
+      }
+    }
     if (props2.iconLoader && typeof props2.iconLoader === "function") {
       iconHandler = createIconHandler(props2.iconLoader);
     } else if (parent && ((_a = parent.props) === null || _a === void 0 ? void 0 : _a.iconLoader)) {
@@ -18585,18 +18654,13 @@ defineComponent({
         iconHandler = iconPlugin.iconHandler;
       }
     }
-    if (iconHandler && typeof iconHandler === "function") {
-      var iconOrPromise = iconHandler(props2.icon);
-      if (iconOrPromise instanceof Promise) {
-        iconOrPromise.then((iconValue) => {
-          icon2.value = iconValue;
-        });
-      } else {
-        icon2.value = iconOrPromise;
-      }
-    }
+    watch$1(() => props2.icon, () => {
+      loadIcon();
+    }, {
+      immediate: true
+    });
     return () => {
-      if (icon2.value) {
+      if (props2.icon && icon2.value) {
         return h("span", {
           class: "formkit-icon",
           innerHTML: icon2.value
@@ -18792,7 +18856,7 @@ function prepData(formData) {
       props2.vid = window.zar.getVID();
     }
     var tf = document.getElementsByName("xxTrustedFormCertUrl");
-    if (tf.length > 0) {
+    if (tf && tf.length > 0) {
       props2.Trusted_Form_URL = tf[0].value;
       dbg("TrustedFormCertUrl", props2.TrustedFormCertUrl);
     }
@@ -18874,6 +18938,30 @@ var scrollAnchor = (formNode) => () => {
     }
   }
 };
+var updateProgressBar = (formNode, stepHistory2, stepQueue2) => {
+  try {
+    var barId = formNode.attrs.progressBarId || "progress-bar";
+    var textId = formNode.attrs.progressBarTextId || "progress-bar-text";
+    var progress = document.getElementById(barId);
+    if (progress) {
+      var steps2 = stepHistory2.value.length + stepQueue2.value.length;
+      var percent = stepHistory2.value.length / (steps2 - 1) * 100;
+      progress.style.width = percent + "%";
+      var progressText = document.getElementById(textId);
+      if (progressText) {
+        progressText.innerHTML = Math.round(percent) + "% Complete";
+      }
+    }
+  } catch (err) {
+    var msg = "failed to updateProgressBar: " + err.toString();
+    console.warn(msg);
+    rollbar("warning", msg);
+  }
+};
+var prevStepFunc = (formNode) => (stepResult, stepHistory2, stepQueue2) => {
+  scrollAnchor(formNode)();
+  updateProgressBar(formNode, stepHistory2, stepQueue2);
+};
 var preStepFunc = (formNode) => (stepNode) => {
   try {
     if (formNode.attrs.valueOverrideMap) {
@@ -18889,6 +18977,7 @@ var fireStepEvent = (formNode) => (stepResult, stepHistory2, stepQueue2) => {
   if (!stepResult) {
     return;
   }
+  updateProgressBar(formNode, stepHistory2, stepQueue2);
   var step_values = null;
   try {
     setTimeout(scrollAnchor(formNode), 100);
@@ -27854,6 +27943,7 @@ var init = () => {
       data2.submitUrl = data2.submitUrl || defaultSubmitUrl;
       data2.prepData = data2.prepData || prepData;
       data2.preStepFunc = data2.preStepFunc || preStepFunc;
+      data2.prevStepFunc = data2.prevStepFunc || prevStepFunc;
       data2.fireStepEvent = data2.fireStepEvent || fireStepEvent;
       data2.handleRedirect = data2.handleRedirect || handleRedirect;
       data2.scrollAnchor = data2.scrollAnchor || scrollAnchor;
@@ -27876,6 +27966,20 @@ var init = () => {
           }
         }
       };
+      data2.onInput = (callback) => (e2, node2) => {
+        var elem = document.getElementById(node2.props.id);
+        if (elem && elem.offsetParent === null) {
+          return;
+        }
+        try {
+          callback();
+          e2.preventDefault();
+        } catch (err) {
+          var msg = "onInput failed: " + err.toString();
+          console.warn(msg);
+          rollbar("warning", msg);
+        }
+      };
       var app = createApp(_sfc_main$1, {
         schema: schemaObj,
         data: data2