bhl-forms 0.0.80 → 0.0.81

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

@@ -9327,14 +9327,15 @@ var getCoords$1 = (elem) => {
     left: box2.left + window.pageXOffset
   };
 };
-var postJSON = /* @__PURE__ */ function() {
+var postData = /* @__PURE__ */ function() {
   var _ref = _asyncToGenerator(function* (url3, data2) {
+    var contentType = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "application/json";
     dbg$1("Post to: " + url3);
     var raw2 = yield fetch(url3, {
       method: "POST",
       headers: {
         "Accept": "application/json",
-        "Content-Type": "application/json"
+        "Content-Type": contentType
       },
       body: JSON.stringify(data2)
     });
@@ -9349,12 +9350,12 @@ var postJSON = /* @__PURE__ */ function() {
     dbg$1("Post resp: " + JSON.stringify(res, null, 2));
     return res;
   });
-  return function postJSON2(_x, _x2) {
+  return function postData2(_x, _x2) {
     return _ref.apply(this, arguments);
   };
 }();
 var redirectTo = (url3) => {
-  window.location.href = url3;
+  window.location = url3;
 };
 var openNewTab = (url3) => {
   var otherTab = window.open();
@@ -9477,6 +9478,7 @@ function usePrepop() {
     prepopSettings
   };
 }
+var explicitKeys$1 = ["__key", "__init", "__shim", "__original", "__index", "__prevKey"];
 function token$1() {
   return Math.random().toString(36).substring(2, 15);
 }
@@ -9519,7 +9521,7 @@ function kebab$1(str) {
   return str.replace(/([a-z0-9])([A-Z])/g, (_s, trail, cap) => trail + "-" + cap.toLowerCase()).replace(" ", "-").toLowerCase();
 }
 function clone$1(obj) {
-  var explicit = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ["__key", "__init"];
+  var explicit = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : explicitKeys$1;
   if (obj === null || obj instanceof RegExp || obj instanceof Date || obj instanceof Map || obj instanceof Set || typeof File === "function" && obj instanceof File)
     return obj;
   var returnObject;
@@ -9898,7 +9900,7 @@ function createValue$1(options2) {
   } else if (options2.type === "list") {
     return init$2(Array.isArray(options2.value) ? options2.value : []);
   }
-  return options2.value === null ? "" : options2.value;
+  return options2.value;
 }
 function input$1(node2, context, value) {
   var async = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : true;
@@ -10037,6 +10039,14 @@ function define$1(node2, context, definition) {
     type: node2.type,
     value: context.value
   });
+  if (definition.forceTypeProp) {
+    if (node2.props.type)
+      node2.props.originalType = node2.props.type;
+    context.props.type = definition.forceTypeProp;
+  }
+  if (definition.family) {
+    context.props.family = definition.family;
+  }
   if (definition.features) {
     definition.features.forEach((feature) => feature(node2));
   }
@@ -10686,6 +10696,7 @@ var dataDefaults = {
   submit: function submit(postUrl) {
     var prepData2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
     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 _ref6 = _asyncToGenerator(function* (formData, node2) {
         if (prepData2 && prepData2 != "null") {
@@ -10696,13 +10707,14 @@ var dataDefaults = {
         }
         var abort = false;
         try {
-          var res = yield postJSON(postUrl, formData);
+          var res = yield postData(postUrl, formData, contentType);
           node2.clearErrors();
         } catch (err) {
+          console.error(err);
           abort = handleSubmitError(err, node2);
         }
         if (abort) {
-          return false;
+          return;
         }
         if (typeof redirect === "string" && redirect !== "null") {
           if (formData) {
@@ -10710,9 +10722,8 @@ var dataDefaults = {
           }
           redirectTo(redirect);
         } else if (redirect) {
-          redirect(formData, node2);
+          yield redirect(formData, node2);
         }
-        return true;
       });
       return function(_x3, _x4) {
         return _ref6.apply(this, arguments);
@@ -10796,6 +10807,7 @@ $$4({ target: "Array", proto: true, forced: String(test) === String(test.reverse
   }
 });
 var _excluded$2 = ["value", "name", "modelValue", "config", "plugins"];
+var explicitKeys = ["__key", "__init", "__shim", "__original", "__index", "__prevKey"];
 function token() {
   return Math.random().toString(36).substring(2, 15);
 }
@@ -11037,8 +11049,23 @@ function camel(str) {
 function kebab(str) {
   return str.replace(/([a-z0-9])([A-Z])/g, (_s, trail, cap) => trail + "-" + cap.toLowerCase()).replace(" ", "-").toLowerCase();
 }
+function shallowClone(obj) {
+  var explicit = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : explicitKeys;
+  if (obj !== null && typeof obj === "object") {
+    var returnObject;
+    if (Array.isArray(obj))
+      returnObject = [...obj];
+    else if (isPojo(obj))
+      returnObject = _objectSpread2({}, obj);
+    if (returnObject) {
+      applyExplicit(obj, returnObject, explicit);
+      return returnObject;
+    }
+  }
+  return obj;
+}
 function clone(obj) {
-  var explicit = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ["__key", "__init"];
+  var explicit = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : explicitKeys;
   if (obj === null || obj instanceof RegExp || obj instanceof Date || obj instanceof Map || obj instanceof Set || typeof File === "function" && obj instanceof File)
     return obj;
   var returnObject;
@@ -11096,6 +11123,17 @@ function init$1(obj) {
 function slugify(str) {
   return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]/g, " ").trim().replace(/\s+/g, "-");
 }
+function applyExplicit(original, obj, explicit) {
+  for (var key of explicit) {
+    if (key in original) {
+      Object.defineProperty(obj, key, {
+        enumerable: false,
+        value: original[key]
+      });
+    }
+  }
+  return obj;
+}
 var _excluded$1 = ["$formkit", "for", "if", "children", "bind"], _excluded2 = ["$reset"];
 function createDispatcher$1() {
   var middleware = [];
@@ -11757,7 +11795,7 @@ function createValue(options2) {
   } else if (options2.type === "list") {
     return init$1(Array.isArray(options2.value) ? options2.value : []);
   }
-  return options2.value === null ? "" : options2.value;
+  return options2.value;
 }
 function input(node2, context, value) {
   var async = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : true;
@@ -12774,7 +12812,7 @@ function clearErrors(id2) {
     warn(652, id2);
   }
 }
-var FORMKIT_VERSION = "1.0.0-beta.10";
+var FORMKIT_VERSION = "1.0.0-beta.11";
 function createLibraryPlugin() {
   for (var _len = arguments.length, libraries = new Array(_len), _key = 0; _key < _len; _key++) {
     libraries[_key] = arguments[_key];
@@ -12790,6 +12828,64 @@ function createLibraryPlugin() {
   };
   return plugin2;
 }
+function normalizeOptions(options2) {
+  var i3 = 1;
+  if (Array.isArray(options2)) {
+    return options2.map((option2) => {
+      if (typeof option2 === "string" || typeof option2 === "number") {
+        return {
+          label: String(option2),
+          value: String(option2)
+        };
+      }
+      if (typeof option2 == "object") {
+        if ("value" in option2 && typeof option2.value !== "string") {
+          Object.assign(option2, {
+            value: "__mask_".concat(i3++),
+            __original: option2.value
+          });
+        }
+      }
+      return option2;
+    });
+  }
+  return Object.keys(options2).map((value) => {
+    return {
+      label: options2[value],
+      value
+    };
+  });
+}
+function optionValue(options2, value) {
+  if (Array.isArray(options2)) {
+    for (var _option of options2) {
+      if (value == _option.value) {
+        return "__original" in _option ? _option.__original : _option.value;
+      }
+    }
+  }
+  return value;
+}
+function shouldSelect(valueA, valueB) {
+  if (valueA == valueB)
+    return true;
+  if (isPojo(valueA) && isPojo(valueB))
+    return eq(valueA, valueB);
+  return false;
+}
+function options(node2) {
+  node2.hook.prop((prop, next3) => {
+    if (prop.prop === "options") {
+      if (typeof prop.value === "function") {
+        node2.props.optionsLoader = prop.value;
+        prop.value = [];
+      } else {
+        prop.value = normalizeOptions(prop.value);
+      }
+    }
+    return next3(prop);
+  });
+}
 var outer = createSection("outer", () => ({
   $el: "div",
   attrs: {
@@ -13105,60 +13201,6 @@ function normalizeBoxes(node2) {
     return next3(prop);
   };
 }
-function normalizeOptions(options2) {
-  var i3 = 1;
-  if (Array.isArray(options2)) {
-    return options2.map((option2) => {
-      if (typeof option2 === "string" || typeof option2 === "number") {
-        return {
-          label: option2,
-          value: option2
-        };
-      }
-      if (typeof option2 == "object") {
-        if ("value" in option2 && typeof option2.value !== "string") {
-          Object.assign(option2, {
-            value: "__mask_".concat(i3++),
-            __original: option2.value
-          });
-        }
-      }
-      return option2;
-    });
-  }
-  return Object.keys(options2).map((value) => {
-    return {
-      label: options2[value],
-      value
-    };
-  });
-}
-function optionValue(options2, value) {
-  if (Array.isArray(options2)) {
-    for (var _option of options2) {
-      if (value == _option.value) {
-        return "__original" in _option ? _option.__original : _option.value;
-      }
-    }
-  }
-  return value;
-}
-function shouldSelect(valueA, valueB) {
-  if (valueA == valueB)
-    return true;
-  if (isPojo(valueA) && isPojo(valueB))
-    return eq(valueA, valueB);
-  return false;
-}
-function options(node2) {
-  node2.hook.prop((prop, next3) => {
-    if (prop.prop === "options") {
-      var _options = normalizeOptions(prop.value);
-      prop.value = _options;
-    }
-    return next3(prop);
-  });
-}
 function toggleChecked$1(node2, e2) {
   var el = e2.target;
   if (el instanceof HTMLInputElement) {
@@ -13584,12 +13626,15 @@ function createRoot(rootSection) {
 function $if(condition, then2, otherwise) {
   return (extensions) => {
     var node2 = then2(extensions);
-    if (otherwise) {
-      return {
+    if (otherwise || isSchemaObject(node2) && "if" in node2 || isSlotCondition(node2)) {
+      var conditionalNode = {
         if: condition,
-        then: node2,
-        else: otherwise(extensions)
+        then: node2
       };
+      if (otherwise) {
+        conditionalNode.else = otherwise(extensions);
+      }
+      return conditionalNode;
     } else if (isSlotCondition(node2)) {
       Object.assign(node2.else, {
         if: condition
@@ -13635,7 +13680,7 @@ var checkbox = {
   }), decorator(icon("decorator")), suffix()), $if("$option.label", boxLabel("$option.label"))), boxHelp("$option.help"))))), $if("$options == undefined && $help", help("$help")), messages(message("$message.value"))),
   type: "input",
   family: "box",
-  props: ["options", "onValue", "offValue"],
+  props: ["options", "onValue", "offValue", "optionsLoader"],
   features: [options, checkboxes, defaultIcon("decorator", "checkboxDecorator")]
 };
 var file = {
@@ -13677,16 +13722,16 @@ var radio = {
       value: "$option.value",
       checked: "$fns.isChecked($option.value)"
     }
-  }), decorator(icon("decorator")), suffix()), $if("$option.label", boxLabel("$option.label"))), boxHelp("$option.help"))))), $if("$options == undefined && $help", help("$help")), messages(message("$message.value"))),
+  }), decorator(icon("decorator")), suffix()), $if("$option.label", boxLabel("$option.label"))), boxHelp("$option.help"))))), $if("$options === undefined && $help", help("$help")), messages(message("$message.value"))),
   type: "input",
   family: "box",
-  props: ["options", "onValue", "offValue"],
+  props: ["options", "onValue", "offValue", "optionsLoader"],
   features: [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"))),
   type: "input",
-  props: ["options", "placeholder"],
+  props: ["options", "placeholder", "optionsLoader"],
   features: [options, select$1, defaultIcon("select", "select")]
 };
 var textarea = {
@@ -14950,6 +14995,7 @@ var accepted = function accepted2(_ref) {
   } = _ref;
   return ["yes", "on", "1", 1, true, "true"].includes(value);
 };
+accepted.skipEmpty = false;
 var date_after = function date_after2(_ref2) {
   var {
     value
@@ -15687,7 +15733,11 @@ var ui$s = {
   removeAll: "Remove all",
   incomplete: "Sorry, not all fields are filled out correctly.",
   submit: "Submit",
-  noFiles: "No file chosen"
+  noFiles: "No file chosen",
+  moveUp: "Move up",
+  moveDown: "Move down",
+  isLoading: "Loading...",
+  loadMore: "Load more"
 };
 var validation$s = {
   accepted(_ref126) {
@@ -16272,7 +16322,7 @@ function createIconHandler(iconLoader, iconLoaderUrl) {
     iconName = isDefault ? iconName.split(":")[1] : iconName;
     var loadedIcon = void 0;
     if (icon2 || iconName in iconRegistry) {
-      return icon2;
+      return iconRegistry[iconName];
     } else if (!iconRequests[iconName]) {
       loadedIcon = getIconFromStylesheet(iconName);
       loadedIcon = isClient && typeof loadedIcon === "undefined" ? Promise.resolve(loadedIcon) : loadedIcon;
@@ -16438,61 +16488,67 @@ var errors = {
     } = _ref9;
     return "Cannot set ".concat(node2.name, " to non array value: ").concat(value);
   },
-  600: (_ref10) => {
+  300: (_ref10) => {
     var {
-      data: node2
+      data: [node2]
     } = _ref10;
-    return "Unknown input type".concat(typeof node2.props.type === "string" ? ' "' + node2.props.type + '"' : "", ' ("').concat(node2.name, '")');
+    return "Cannot set behavior prop to overscroll (on ".concat(node2.name, " input) when options prop is a function.");
   },
-  601: (_ref11) => {
+  600: (_ref11) => {
     var {
       data: node2
     } = _ref11;
+    return "Unknown input type".concat(typeof node2.props.type === "string" ? ' "' + node2.props.type + '"' : "", ' ("').concat(node2.name, '")');
+  },
+  601: (_ref12) => {
+    var {
+      data: node2
+    } = _ref12;
     return "Input definition".concat(typeof node2.props.type === "string" ? ' "' + node2.props.type + '"' : "", " is missing a schema or component property (").concat(node2.name, ").");
   }
 };
 var warnings = {
-  150: (_ref12) => {
+  150: (_ref13) => {
     var {
       data: fn
-    } = _ref12;
+    } = _ref13;
     return 'Schema function "'.concat(fn, '()" is not a valid function.');
   },
-  151: (_ref13) => {
+  151: (_ref14) => {
     var {
       data: id2
-    } = _ref13;
+    } = _ref14;
     return "No form element with id: ".concat(id2);
   },
-  152: (_ref14) => {
+  152: (_ref15) => {
     var {
       data: id2
-    } = _ref14;
+    } = _ref15;
     return "No input element with id: ".concat(id2);
   },
-  350: (_ref15) => {
+  350: (_ref16) => {
     var {
       data: node2
-    } = _ref15;
+    } = _ref16;
     return "Invalid options prop for radio input (".concat(node2.name, "). See https://formkit.com/inputs/radio");
   },
   650: 'Schema "$get()" must use the id of an input to access.',
-  651: (_ref16) => {
+  651: (_ref17) => {
     var {
       data: id2
-    } = _ref16;
+    } = _ref17;
     return 'Cannot setErrors() on "'.concat(id2, '" because no such id exists.');
   },
-  652: (_ref17) => {
+  652: (_ref18) => {
     var {
       data: id2
-    } = _ref17;
+    } = _ref18;
     return 'Cannot clearErrors() on "'.concat(id2, '" because no such id exists.');
   },
-  800: (_ref18) => {
+  800: (_ref19) => {
     var {
       data: name
-    } = _ref18;
+    } = _ref19;
     return "".concat(name, " is deprecated.");
   }
 };
@@ -16542,17 +16598,20 @@ function getValue(set34, path) {
     return void 0;
   }
   var foundValue = void 0;
-  path.reduce((obj, segment, i3, arr) => {
-    if (typeof obj !== "object") {
+  var obj = set34;
+  for (var _i in path) {
+    var key = path[_i];
+    if (typeof obj !== "object" || obj === null) {
       foundValue = void 0;
-      return arr.splice(1);
+      break;
     }
-    var currentValue = obj[segment];
-    if (i3 === path.length - 1 && currentValue !== void 0) {
+    var currentValue = obj[key];
+    if (Number(_i) === path.length - 1 && currentValue !== void 0) {
       foundValue = currentValue;
+      break;
     }
-    return obj[segment];
-  }, set34);
+    obj = currentValue;
+  }
   return foundValue;
 }
 function get$1(nodeRefs, id2) {
@@ -17363,6 +17422,9 @@ function useInput(props2, context) {
       else
         (_a = node2.at(path)) === null || _a === void 0 ? void 0 : _a.input(value2, false);
     });
+    if (node2.value !== value) {
+      node2.emit("modelUpdated");
+    }
   }
   onUnmounted(() => node2.destroy());
   return node2;
@@ -17608,15 +17670,23 @@ var vueBindings = function vueBindings2(node2) {
     var {
       payload
     } = _ref8;
-    _value.value = payload;
-    triggerRef(_value);
+    if (node2.type !== "input" && !isRef(payload) && !isReactive(payload)) {
+      _value.value = shallowClone(payload);
+    } else {
+      _value.value = payload;
+      triggerRef(_value);
+    }
   });
   node2.on("commit", (_ref9) => {
     var {
       payload
     } = _ref9;
-    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");
     if (!context.state.dirty && node2.isCreated && hasTicked && !eq(value.value, node2.props._init))
       context.handlers.touch();
@@ -18061,32 +18131,40 @@ var doRedirect = (redirectUrl, newTabUrl) => {
   dbg("redirect:", redirectUrl, "newTab:", newTabUrl);
   redirectTo(redirectUrl);
 };
-var handleRedirect = (formData, node2) => {
-  try {
-    var redirectUrl = getRedirect(formData, node2);
-    if (redirectUrl && redirectUrl !== "null") {
-      if (node2 && node2.props.attrs.popUnder) {
-        var popUnderUrl = node2.props.attrs.popUnder;
-        var res = openNewTab(redirectUrl);
-        if (res !== null) {
-          if (popUnderUrl && formData) {
-            popUnderUrl = strSubUrl(popUnderUrl, formData);
+var handleRedirect = /* @__PURE__ */ function() {
+  var _ref = _asyncToGenerator(function* (formData, node2) {
+    try {
+      var redirectUrl = getRedirect(formData, node2);
+      if (redirectUrl && redirectUrl !== "null") {
+        if (node2 && node2.props.attrs.popUnder) {
+          var popUnderUrl = node2.props.attrs.popUnder;
+          var res = openNewTab(redirectUrl);
+          if (res !== null) {
+            if (popUnderUrl && formData) {
+              popUnderUrl = strSubUrl(popUnderUrl, formData);
+            }
+            doRedirect(popUnderUrl, redirectUrl);
+          } else {
+            dbg("new tab failed");
+            doRedirect(redirectUrl, "failed");
           }
-          doRedirect(popUnderUrl, redirectUrl);
         } else {
-          dbg("new tab failed");
-          doRedirect(redirectUrl, "failed");
+          doRedirect(redirectUrl, null);
         }
+        yield new Promise((resolve3) => setTimeout(resolve3, 2e3));
       } else {
-        doRedirect(redirectUrl, null);
+        rollbar("warning", "No redirectUrl found");
       }
+    } catch (err) {
+      var msg = "failed to handleRedirect: " + err.toString();
+      console.warn(msg);
+      rollbar("warning", msg);
     }
-  } catch (err) {
-    var msg = "failed to handleRedirect: " + err.toString();
-    console.warn(msg);
-    rollbar("warning", msg);
-  }
-};
+  });
+  return function handleRedirect2(_x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
 var textClassification = {
   label: "t-block t-mb-3 t-font-semibold t-text-base formkit-invalid:t-text-red-500",
   inner: "\n    t-max-w-lg\n    t-border\n    t-border-gray-400\n    formkit-invalid:t-border-red-500\n    t-rounded t-mb-1\n    t-overflow-hidden\n    focus-within:t-border-blue-500\n  ",