bhl-forms 0.3.3 → 0.3.4

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

@@ -10759,39 +10759,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)) {
@@ -12804,39 +12811,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 +13862,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 +18644,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 +18689,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 +18990,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 +19667,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;
 }