bhl-forms 0.3.3 → 0.4.1

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

@@ -10090,7 +10090,17 @@ var getRedirect = (formData, node2) => {
   }
   return redirectUrl;
 };
+var clearErrorTimeout = 0;
+var setNodeError = (node2, message2) => {
+  node2.setErrors(message2);
+  clearErrorTimeout = setTimeout(() => {
+    node2.store.filter((m3) => {
+      return m3.type !== "error";
+    });
+  }, 5e3);
+};
 var handleSubmitError = (err, node2) => {
+  clearTimeout(clearErrorTimeout);
   if (err.response) {
     var code = err.response.status;
     if (node2.props.attrs.errorCodes && code in node2.props.attrs.errorCodes) {
@@ -10108,12 +10118,12 @@ var handleSubmitError = (err, node2) => {
         }
       }
       if (message2) {
-        node2.setErrors(message2);
+        setNodeError(node2, message2);
       }
       return abort;
     }
   }
-  node2.setErrors(err.toString());
+  setNodeError(node2, err.toString());
   return true;
 };
 var _getKey = (d3, path, def2) => {
@@ -10759,39 +10769,46 @@ function syncListNodes$1(node2, context) {
   var newChildren = [];
   var unused = new Set(context.children);
   var placeholderValues = /* @__PURE__ */ new Map();
-  _value.forEach((value2, i2) => {
-    if (context.children[i2] && context.children[i2]._value === value2) {
+  _value.forEach((value, i2) => {
+    if (context.children[i2] && context.children[i2]._value === value) {
       newChildren.push(context.children[i2]);
       unused.delete(context.children[i2]);
     } else {
       newChildren.push(null);
-      placeholderValues.set(value2, i2);
+      var indexes = placeholderValues.get(value) || [];
+      indexes.push(i2);
+      placeholderValues.set(value, indexes);
     }
   });
   if (unused.size && placeholderValues.size) {
     unused.forEach((child2) => {
       if (placeholderValues.has(child2._value)) {
-        newChildren[placeholderValues.get(child2._value)] = child2;
+        var indexes = placeholderValues.get(child2._value);
+        var index3 = indexes.shift();
+        newChildren[index3] = child2;
         unused.delete(child2);
-        placeholderValues.delete(child2._value);
+        if (!indexes.length)
+          placeholderValues.delete(child2._value);
       }
     });
   }
-  while (unused.size && placeholderValues.size) {
+  var emptyIndexes = [];
+  placeholderValues.forEach((indexes) => {
+    emptyIndexes.push(...indexes);
+  });
+  while (unused.size && emptyIndexes.length) {
     var child = unused.values().next().value;
-    var placeholders = placeholderValues[Symbol.iterator]();
-    var [value, index2] = placeholders.next().value;
+    var index2 = emptyIndexes.shift();
+    if (index2 === void 0)
+      break;
     newChildren[index2] = child;
     unused.delete(child);
-    placeholderValues.delete(value);
   }
-  if (placeholderValues.size) {
-    placeholderValues.forEach((index3, value2) => {
-      newChildren[index3] = createPlaceholder$1({
-        value: value2
-      });
+  emptyIndexes.forEach((index3, value) => {
+    newChildren[index3] = createPlaceholder$1({
+      value
     });
-  }
+  });
   if (unused.size) {
     unused.forEach((child2) => {
       if (!("__FKP" in child2)) {
@@ -11332,6 +11349,9 @@ function useSteps() {
   var setStepQueue = (value) => {
     stepQueue2.value = [...value];
   };
+  var stepEnabled2 = (stepName) => {
+    return enabledSteps2().indexOf(stepName) > -1;
+  };
   var queueStep = function queueStep2(stepName) {
     var next3 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
     if (next3 == true) {
@@ -11396,16 +11416,18 @@ function useSteps() {
       throw Error("Unexpected value for nextStep: " + nextStep);
     }
     if (autoFocus) {
-      var newNode = steps2[activeStep2.value].node;
-      var firstInput = findFirstInput(newNode);
-      if (firstInput && autoFocusTypes.indexOf(firstInput.context.type) > -1) {
-        var elem = document.getElementById(firstInput.context.id);
+      setTimeout(function() {
         try {
-          focusAndOpenKeyboard(elem);
+          var newNode = steps2[activeStep2.value].node;
+          var firstInput = findFirstInput(newNode);
+          if (firstInput && autoFocusTypes.indexOf(firstInput.context.type) > -1) {
+            var elem = document.getElementById(firstInput.context.id);
+            focusAndOpenKeyboard(elem);
+          }
         } catch (e2) {
           console.warn("Failed to autoFocus:", e2);
         }
-      }
+      }, 50);
     }
     return true;
   };
@@ -11434,39 +11456,43 @@ function useSteps() {
       if (node2.props.attrs.defaultOrder) {
         defaultOrder2.push(...node2.props.attrs.defaultOrder);
       }
-      return true;
-    }
-    if (node2.props.type == "group") {
-      if (defaultOrder2.length > 0) {
-        if (Object.keys(steps2).length === 0) {
-          setStepQueue(defaultOrder2);
-        }
-      } else {
-        if (!(node2.name in steps2)) {
-          queueStep(node2.name);
-        }
-      }
-      steps2[node2.name] = steps2[node2.name] || {};
-      steps2[node2.name].node = node2;
-      node2.on("created", () => {
-        steps2[node2.name].valid = toRef(node2.context.state, "valid");
-      });
-      node2.on("count:errors", (_ref5) => {
+      node2.on("child", (_ref5) => {
         var {
-          payload: count2
+          payload: childNode
         } = _ref5;
-        steps2[node2.name].errorCount = count2;
-      });
-      node2.on("count:blocking", (_ref6) => {
-        var {
-          payload: count2
-        } = _ref6;
-        steps2[node2.name].blockingCount = count2;
+        if (childNode.type === "group") {
+          if (defaultOrder2.length > 0) {
+            if (Object.keys(steps2).length === 0) {
+              setStepQueue(defaultOrder2);
+            }
+          } else {
+            if (!stepEnabled2(childNode.name)) {
+              queueStep(childNode.name);
+            }
+          }
+          steps2[childNode.name] = {};
+          steps2[childNode.name].node = childNode;
+          childNode.on("created", () => {
+            steps2[childNode.name].valid = toRef(childNode.context.state, "valid");
+          });
+          childNode.on("count:errors", (_ref6) => {
+            var {
+              payload: count2
+            } = _ref6;
+            steps2[childNode.name].errorCount = count2;
+          });
+          childNode.on("count:blocking", (_ref7) => {
+            var {
+              payload: count2
+            } = _ref7;
+            steps2[childNode.name].blockingCount = count2;
+          });
+          if (activeStep2.value === "") {
+            activeStep2.value = childNode.name;
+          }
+        }
       });
-      if (activeStep2.value === "") {
-        activeStep2.value = node2.name;
-      }
-      return false;
+      return true;
     }
   };
   return {
@@ -11475,6 +11501,7 @@ function useSteps() {
     stepHistory: stepHistory2,
     stepQueue: stepQueue2,
     enabledSteps: enabledSteps2,
+    stepEnabled: stepEnabled2,
     defaultOrder: defaultOrder2,
     activeStep: activeStep2,
     firstStep: firstStep2,
@@ -11494,6 +11521,7 @@ var {
   stepHistory,
   stepQueue,
   enabledSteps,
+  stepEnabled: _stepEnabled,
   defaultOrder,
   activeStep,
   firstStep: _firstStep,
@@ -11513,6 +11541,9 @@ var dataDefaults = {
     var backup = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
     return urlParams$2.get(name) || backup;
   },
+  stepKeys: () => {
+    return Object.keys(steps$1);
+  },
   firstStep: () => {
     return _firstStep();
   },
@@ -11533,19 +11564,19 @@ var dataDefaults = {
       preStep
     });
   },
-  stepIsValid: (stepName) => {
+  stepValid: (stepName) => {
     return steps$1[stepName].valid && steps$1[stepName].errorCount === 0;
   },
-  stepIsEnabled: (stepName) => {
+  stepEnabled: (stepName) => {
     if (!enabledSteps().length) {
       return true;
     }
-    return enabledSteps().indexOf(stepName) > -1;
+    return _stepEnabled(stepName);
   },
   getKey: (d3, k2, def2) => {
     return _getKey(d3, k2, def2);
   },
-  inputIsEnabled: (node2, key, inputName) => {
+  inputEnabled: (node2, key, inputName) => {
     if (!node2 || !key || !node2.attrs.inputMap) {
       return true;
     }
@@ -11568,7 +11599,7 @@ var dataDefaults = {
     var redirect = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null;
     var contentType = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "application/json";
     return /* @__PURE__ */ function() {
-      var _ref7 = _asyncToGenerator(function* (formData, node2) {
+      var _ref8 = _asyncToGenerator(function* (formData, node2) {
         if (prepData2 && prepData2 != "null") {
           if (!(prepData2 instanceof Function)) {
             throw "prepData must be a function";
@@ -11598,7 +11629,7 @@ var dataDefaults = {
         }
       });
       return function(_x4, _x5) {
-        return _ref7.apply(this, arguments);
+        return _ref8.apply(this, arguments);
       };
     }();
   },
@@ -12804,39 +12835,46 @@ function syncListNodes(node2, context) {
   var newChildren = [];
   var unused = new Set(context.children);
   var placeholderValues = /* @__PURE__ */ new Map();
-  _value.forEach((value2, i2) => {
-    if (context.children[i2] && context.children[i2]._value === value2) {
+  _value.forEach((value, i2) => {
+    if (context.children[i2] && context.children[i2]._value === value) {
       newChildren.push(context.children[i2]);
       unused.delete(context.children[i2]);
     } else {
       newChildren.push(null);
-      placeholderValues.set(value2, i2);
+      var indexes = placeholderValues.get(value) || [];
+      indexes.push(i2);
+      placeholderValues.set(value, indexes);
     }
   });
   if (unused.size && placeholderValues.size) {
     unused.forEach((child2) => {
       if (placeholderValues.has(child2._value)) {
-        newChildren[placeholderValues.get(child2._value)] = child2;
+        var indexes = placeholderValues.get(child2._value);
+        var index3 = indexes.shift();
+        newChildren[index3] = child2;
         unused.delete(child2);
-        placeholderValues.delete(child2._value);
+        if (!indexes.length)
+          placeholderValues.delete(child2._value);
       }
     });
   }
-  while (unused.size && placeholderValues.size) {
+  var emptyIndexes = [];
+  placeholderValues.forEach((indexes) => {
+    emptyIndexes.push(...indexes);
+  });
+  while (unused.size && emptyIndexes.length) {
     var child = unused.values().next().value;
-    var placeholders = placeholderValues[Symbol.iterator]();
-    var [value, index2] = placeholders.next().value;
+    var index2 = emptyIndexes.shift();
+    if (index2 === void 0)
+      break;
     newChildren[index2] = child;
     unused.delete(child);
-    placeholderValues.delete(value);
   }
-  if (placeholderValues.size) {
-    placeholderValues.forEach((index3, value2) => {
-      newChildren[index3] = createPlaceholder({
-        value: value2
-      });
+  emptyIndexes.forEach((index3, value) => {
+    newChildren[index3] = createPlaceholder({
+      value
     });
-  }
+  });
   if (unused.size) {
     unused.forEach((child2) => {
       if (!("__FKP" in child2)) {
@@ -13848,7 +13886,7 @@ function clearErrors(id2) {
     warn(652, id2);
   }
 }
-var FORMKIT_VERSION = "0.17.0";
+var FORMKIT_VERSION = "0.17.2";
 function createLibraryPlugin() {
   for (var _len = arguments.length, libraries = new Array(_len), _key = 0; _key < _len; _key++) {
     libraries[_key] = arguments[_key];
@@ -18630,7 +18668,7 @@ function useInput(props2, context) {
     }
     if (isVModeled && node2.context) {
       clonedValueBeforeVmodel = cloneAny(node2.value);
-      context.emit("update:modelValue", node2.value);
+      context.emit("update:modelValue", shallowClone(node2.value));
     }
   });
   if (isVModeled) {
@@ -18675,6 +18713,9 @@ function createInput(schemaOrComponent) {
     schema = createSection("input", () => cloneAny(schemaOrComponent));
   }
   definition2.schema = useSchema(schema || "Schema undefined");
+  if (!definition2.schemaMemoKey) {
+    definition2.schemaMemoKey = "".concat(Math.random());
+  }
   return definition2;
 }
 var messages = createSection("messages", () => ({
@@ -18973,8 +19014,12 @@ var vueBindings = function vueBindings2(node2) {
     var {
       payload
     } = _ref10;
-    value.value = _value.value = payload;
-    triggerRef(value);
+    if (node2.type !== "input" && !isRef(payload) && !isReactive(payload)) {
+      value.value = _value.value = shallowClone(payload);
+    } else {
+      value.value = _value.value = payload;
+      triggerRef(value);
+    }
     node2.emit("modelUpdated");
   });
   node2.on("commit", () => {
@@ -19646,42 +19691,112 @@ var multiStepOuter = createSection("multiStepOuter", () => ({
   props: ["previousLabel", "nextLabel", "beforeStepChange", "previousAttrs", "nextAttrs", "validStepIcon"],
   features: [localize$2("next"), localize$2("prev")]
 });
-function createLocalStoragePlugin(LocalStorageOptions) {
+function createLocalStoragePlugin(localStorageOptions) {
   var localStoragePlugin = (node2) => {
-    if (node2.props.type !== "form")
+    if (node2.type !== "group")
       return;
-    node2.addProps(["useLocalStorage"]);
-    node2.on("created", () => {
-      var _a, _b;
-      var useLocalStorage = undefine(node2.props.useLocalStorage);
-      if (!useLocalStorage)
-        return;
-      var prefix2 = (_a = LocalStorageOptions === null || LocalStorageOptions === void 0 ? void 0 : LocalStorageOptions.prefix) !== null && _a !== void 0 ? _a : "formkit";
-      var maxAge = (_b = LocalStorageOptions === null || LocalStorageOptions === void 0 ? void 0 : LocalStorageOptions.maxAge) !== null && _b !== void 0 ? _b : 36e5;
-      var key = "".concat(prefix2, "-").concat(node2.name);
-      var value = localStorage.getItem(key);
-      if (value) {
-        var localStorageValue = JSON.parse(value);
-        if (localStorageValue.maxAge > Date.now()) {
-          node2.input(localStorageValue.data);
-        } else {
-          localStorage.removeItem(key);
+    var shouldUseLocalStorage = (controlNode) => {
+      var controlFieldValue = true;
+      if (controlNode) {
+        controlFieldValue = controlNode.value === true;
+      }
+      return undefine(node2.props.useLocalStorage) && controlFieldValue;
+    };
+    node2.on("created", /* @__PURE__ */ _asyncToGenerator(function* () {
+      var _a, _b, _c;
+      node2.addProps(["useLocalStorage"]);
+      yield node2.settled;
+      var controlField = (_a = localStorageOptions === null || localStorageOptions === void 0 ? void 0 : localStorageOptions.control) !== null && _a !== void 0 ? _a : void 0;
+      var controlNode;
+      if (typeof controlField === "string") {
+        var _controlNode = node2.at(controlField);
+        if (_controlNode) {
+          _controlNode.on("commit", () => {
+            useLocalStorage = shouldUseLocalStorage(_controlNode);
+            if (!useLocalStorage) {
+              localStorage.removeItem(storageKey);
+            }
+          });
         }
       }
-      node2.on("commit", (_ref6) => {
+      var useLocalStorage = shouldUseLocalStorage(controlNode);
+      var saveTimeout = 0;
+      var debounce = typeof (localStorageOptions === null || localStorageOptions === void 0 ? void 0 : localStorageOptions.debounce) === "number" ? localStorageOptions.debounce : 200;
+      var prefix2 = (_b = localStorageOptions === null || localStorageOptions === void 0 ? void 0 : localStorageOptions.prefix) !== null && _b !== void 0 ? _b : "formkit";
+      var maxAge = (_c = localStorageOptions === null || localStorageOptions === void 0 ? void 0 : localStorageOptions.maxAge) !== null && _c !== void 0 ? _c : 36e5;
+      var key = (localStorageOptions === null || localStorageOptions === void 0 ? void 0 : localStorageOptions.key) ? "-".concat(localStorageOptions.key) : "";
+      var storageKey = "".concat(prefix2).concat(key, "-").concat(node2.name);
+      var loadValue = /* @__PURE__ */ function() {
+        var _ref7 = _asyncToGenerator(function* () {
+          var value = localStorage.getItem(storageKey);
+          if (!value)
+            return;
+          var loadValue2 = JSON.parse(value);
+          if (typeof (localStorageOptions === null || localStorageOptions === void 0 ? void 0 : localStorageOptions.beforeLoad) === "function") {
+            node2.props.disabled = true;
+            try {
+              loadValue2.data = yield localStorageOptions.beforeLoad(loadValue2.data);
+            } catch (error2) {
+              console.error(error2);
+            }
+            node2.props.disabled = false;
+          }
+          if (!loadValue2 || typeof loadValue2.data !== "object")
+            return;
+          if (loadValue2.maxAge > Date.now()) {
+            node2.input(loadValue2.data, false);
+          } else {
+            localStorage.removeItem(storageKey);
+          }
+        });
+        return function loadValue2() {
+          return _ref7.apply(this, arguments);
+        };
+      }();
+      var saveValue = /* @__PURE__ */ function() {
+        var _ref8 = _asyncToGenerator(function* (payload) {
+          var savePayload = payload;
+          if (typeof (localStorageOptions === null || localStorageOptions === void 0 ? void 0 : localStorageOptions.beforeSave) === "function") {
+            try {
+              savePayload = yield localStorageOptions.beforeSave(payload);
+            } catch (error2) {
+              console.error(error2);
+            }
+          }
+          if (!savePayload)
+            return;
+          localStorage.setItem(storageKey, JSON.stringify({
+            maxAge: Date.now() + maxAge,
+            data: savePayload
+          }));
+        });
+        return function saveValue2(_x) {
+          return _ref8.apply(this, arguments);
+        };
+      }();
+      node2.on("commit", (_ref9) => {
         var {
           payload
-        } = _ref6;
-        localStorage.setItem(key, JSON.stringify({
-          maxAge: Date.now() + maxAge,
-          data: payload
-        }));
+        } = _ref9;
+        if (!useLocalStorage)
+          return;
+        clearTimeout(saveTimeout);
+        saveTimeout = setTimeout(/* @__PURE__ */ _asyncToGenerator(function* () {
+          saveValue(payload);
+        }), debounce);
+      });
+      node2.on("prop:useLocalStorage", () => {
+        useLocalStorage = shouldUseLocalStorage(controlNode);
+        if (!useLocalStorage) {
+          localStorage.removeItem(storageKey);
+        }
       });
       node2.hook.submit((payload, next3) => {
-        localStorage.removeItem(key);
+        localStorage.removeItem(storageKey);
         return next3(payload);
       });
-    });
+      yield loadValue();
+    }));
   };
   return localStoragePlugin;
 }