bhl-forms 0.3.3 → 0.3.4

package/dist/bhl-forms.es.js

@@ -5417,31 +5417,38 @@ function syncListNodes$1(node, context) {
       unused.delete(context.children[i2]);
     } else {
       newChildren.push(null);
-      placeholderValues.set(value, i2);
+      const indexes = placeholderValues.get(value) || [];
+      indexes.push(i2);
+      placeholderValues.set(value, indexes);
     }
   });
   if (unused.size && placeholderValues.size) {
     unused.forEach((child) => {
       if (placeholderValues.has(child._value)) {
-        newChildren[placeholderValues.get(child._value)] = child;
+        const indexes = placeholderValues.get(child._value);
+        const index2 = indexes.shift();
+        newChildren[index2] = child;
         unused.delete(child);
-        placeholderValues.delete(child._value);
+        if (!indexes.length)
+          placeholderValues.delete(child._value);
       }
     });
   }
-  while (unused.size && placeholderValues.size) {
+  const emptyIndexes = [];
+  placeholderValues.forEach((indexes) => {
+    emptyIndexes.push(...indexes);
+  });
+  while (unused.size && emptyIndexes.length) {
     const child = unused.values().next().value;
-    const placeholders = placeholderValues[Symbol.iterator]();
-    const [value, index2] = placeholders.next().value;
+    const index2 = emptyIndexes.shift();
+    if (index2 === void 0)
+      break;
     newChildren[index2] = child;
     unused.delete(child);
-    placeholderValues.delete(value);
-  }
-  if (placeholderValues.size) {
-    placeholderValues.forEach((index2, value) => {
-      newChildren[index2] = createPlaceholder$1({ value });
-    });
   }
+  emptyIndexes.forEach((index2, value) => {
+    newChildren[index2] = createPlaceholder$1({ value });
+  });
   if (unused.size) {
     unused.forEach((child) => {
       if (!("__FKP" in child)) {
@@ -7252,31 +7259,38 @@ function syncListNodes(node, context) {
       unused.delete(context.children[i2]);
     } else {
       newChildren.push(null);
-      placeholderValues.set(value, i2);
+      const indexes = placeholderValues.get(value) || [];
+      indexes.push(i2);
+      placeholderValues.set(value, indexes);
     }
   });
   if (unused.size && placeholderValues.size) {
     unused.forEach((child) => {
       if (placeholderValues.has(child._value)) {
-        newChildren[placeholderValues.get(child._value)] = child;
+        const indexes = placeholderValues.get(child._value);
+        const index2 = indexes.shift();
+        newChildren[index2] = child;
         unused.delete(child);
-        placeholderValues.delete(child._value);
+        if (!indexes.length)
+          placeholderValues.delete(child._value);
       }
     });
   }
-  while (unused.size && placeholderValues.size) {
+  const emptyIndexes = [];
+  placeholderValues.forEach((indexes) => {
+    emptyIndexes.push(...indexes);
+  });
+  while (unused.size && emptyIndexes.length) {
     const child = unused.values().next().value;
-    const placeholders = placeholderValues[Symbol.iterator]();
-    const [value, index2] = placeholders.next().value;
+    const index2 = emptyIndexes.shift();
+    if (index2 === void 0)
+      break;
     newChildren[index2] = child;
     unused.delete(child);
-    placeholderValues.delete(value);
-  }
-  if (placeholderValues.size) {
-    placeholderValues.forEach((index2, value) => {
-      newChildren[index2] = createPlaceholder({ value });
-    });
   }
+  emptyIndexes.forEach((index2, value) => {
+    newChildren[index2] = createPlaceholder({ value });
+  });
   if (unused.size) {
     unused.forEach((child) => {
       if (!("__FKP" in child)) {
@@ -8228,7 +8242,7 @@ function clearErrors(id, clearChildren = true) {
     warn(652, id);
   }
 }
-const FORMKIT_VERSION = "0.17.0";
+const FORMKIT_VERSION = "0.17.2";
 function createLibraryPlugin(...libraries) {
   const library = libraries.reduce((merged, lib) => extend$1(merged, lib), {});
   const plugin2 = () => {
@@ -11229,7 +11243,7 @@ function useInput(props2, context, options2 = {}) {
     }
     if (isVModeled && node.context) {
       clonedValueBeforeVmodel = cloneAny(node.value);
-      context.emit("update:modelValue", node.value);
+      context.emit("update:modelValue", shallowClone(node.value));
     }
   });
   if (isVModeled) {
@@ -11269,6 +11283,9 @@ function createInput(schemaOrComponent, definitionOptions = {}) {
     schema = createSection("input", () => cloneAny(schemaOrComponent));
   }
   definition2.schema = useSchema(schema || "Schema undefined");
+  if (!definition2.schemaMemoKey) {
+    definition2.schemaMemoKey = `${Math.random()}`;
+  }
   return definition2;
 }
 const messages = createSection("messages", () => ({
@@ -11539,8 +11556,12 @@ const vueBindings = function vueBindings2(node) {
     }
   });
   node.on("commitRaw", ({ payload }) => {
-    value.value = _value.value = payload;
-    triggerRef(value);
+    if (node.type !== "input" && !isRef(payload) && !isReactive(payload)) {
+      value.value = _value.value = shallowClone(payload);
+    } else {
+      value.value = _value.value = payload;
+      triggerRef(value);
+    }
     node.emit("modelUpdated");
   });
   node.on("commit", () => {
@@ -12190,39 +12211,99 @@ const multiStepOuter = createSection("multiStepOuter", () => ({
   ],
   features: [localize$2("next"), localize$2("prev")]
 });
-function createLocalStoragePlugin(LocalStorageOptions) {
+function createLocalStoragePlugin(localStorageOptions) {
   const localStoragePlugin = (node) => {
-    if (node.props.type !== "form")
+    if (node.type !== "group")
       return;
-    node.addProps(["useLocalStorage"]);
-    node.on("created", () => {
-      var _a, _b;
-      const useLocalStorage = undefine(node.props.useLocalStorage);
-      if (!useLocalStorage)
-        return;
-      const prefix2 = (_a = LocalStorageOptions === null || LocalStorageOptions === void 0 ? void 0 : LocalStorageOptions.prefix) !== null && _a !== void 0 ? _a : "formkit";
-      const maxAge = (_b = LocalStorageOptions === null || LocalStorageOptions === void 0 ? void 0 : LocalStorageOptions.maxAge) !== null && _b !== void 0 ? _b : 36e5;
-      const key = `${prefix2}-${node.name}`;
-      const value = localStorage.getItem(key);
-      if (value) {
-        const localStorageValue = JSON.parse(value);
-        if (localStorageValue.maxAge > Date.now()) {
-          node.input(localStorageValue.data);
-        } else {
-          localStorage.removeItem(key);
+    const shouldUseLocalStorage = (controlNode) => {
+      let controlFieldValue = true;
+      if (controlNode) {
+        controlFieldValue = controlNode.value === true;
+      }
+      return undefine(node.props.useLocalStorage) && controlFieldValue;
+    };
+    node.on("created", () => __async(this, null, function* () {
+      var _a, _b, _c;
+      node.addProps(["useLocalStorage"]);
+      yield node.settled;
+      const controlField = (_a = localStorageOptions === null || localStorageOptions === void 0 ? void 0 : localStorageOptions.control) !== null && _a !== void 0 ? _a : void 0;
+      let controlNode;
+      if (typeof controlField === "string") {
+        const controlNode2 = node.at(controlField);
+        if (controlNode2) {
+          controlNode2.on("commit", () => {
+            useLocalStorage = shouldUseLocalStorage(controlNode2);
+            if (!useLocalStorage) {
+              localStorage.removeItem(storageKey);
+            }
+          });
         }
       }
-      node.on("commit", ({ payload }) => {
-        localStorage.setItem(key, JSON.stringify({
+      let useLocalStorage = shouldUseLocalStorage(controlNode);
+      let saveTimeout = 0;
+      const debounce = typeof (localStorageOptions === null || localStorageOptions === void 0 ? void 0 : localStorageOptions.debounce) === "number" ? localStorageOptions.debounce : 200;
+      const prefix2 = (_b = localStorageOptions === null || localStorageOptions === void 0 ? void 0 : localStorageOptions.prefix) !== null && _b !== void 0 ? _b : "formkit";
+      const maxAge = (_c = localStorageOptions === null || localStorageOptions === void 0 ? void 0 : localStorageOptions.maxAge) !== null && _c !== void 0 ? _c : 36e5;
+      const key = (localStorageOptions === null || localStorageOptions === void 0 ? void 0 : localStorageOptions.key) ? `-${localStorageOptions.key}` : "";
+      const storageKey = `${prefix2}${key}-${node.name}`;
+      const loadValue = () => __async(this, null, function* () {
+        const value = localStorage.getItem(storageKey);
+        if (!value)
+          return;
+        const loadValue2 = JSON.parse(value);
+        if (typeof (localStorageOptions === null || localStorageOptions === void 0 ? void 0 : localStorageOptions.beforeLoad) === "function") {
+          node.props.disabled = true;
+          try {
+            loadValue2.data = yield localStorageOptions.beforeLoad(loadValue2.data);
+          } catch (error2) {
+            console.error(error2);
+          }
+          node.props.disabled = false;
+        }
+        if (!loadValue2 || typeof loadValue2.data !== "object")
+          return;
+        if (loadValue2.maxAge > Date.now()) {
+          node.input(loadValue2.data, false);
+        } else {
+          localStorage.removeItem(storageKey);
+        }
+      });
+      const saveValue = (payload) => __async(this, null, function* () {
+        let 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: payload
+          data: savePayload
         }));
       });
+      node.on("commit", ({ payload }) => {
+        if (!useLocalStorage)
+          return;
+        clearTimeout(saveTimeout);
+        saveTimeout = setTimeout(() => __async(this, null, function* () {
+          saveValue(payload);
+        }), debounce);
+      });
+      node.on("prop:useLocalStorage", () => {
+        useLocalStorage = shouldUseLocalStorage(controlNode);
+        if (!useLocalStorage) {
+          localStorage.removeItem(storageKey);
+        }
+      });
       node.hook.submit((payload, next) => {
-        localStorage.removeItem(key);
+        localStorage.removeItem(storageKey);
         return next(payload);
       });
-    });
+      yield loadValue();
+    }));
   };
   return localStoragePlugin;
 }