bhl-forms 0.0.80 → 0.0.82

package/dist/bhl-forms.es.js

@@ -4684,13 +4684,13 @@ const getCoords$1 = (elem) => {
     left: box2.left + window.pageXOffset
   };
 };
-const postJSON = (url3, data) => __async(this, null, function* () {
+const postData = (url3, data, contentType = "application/json") => __async(this, null, function* () {
   dbg$1("Post to: " + url3);
   const raw2 = yield fetch(url3, {
     method: "POST",
     headers: {
       "Accept": "application/json",
-      "Content-Type": "application/json"
+      "Content-Type": contentType
     },
     body: JSON.stringify(data)
   });
@@ -4704,7 +4704,7 @@ const postJSON = (url3, data) => __async(this, null, function* () {
   return res;
 });
 const redirectTo = (url3) => {
-  window.location.href = url3;
+  window.location = url3;
 };
 const openNewTab = (url3) => {
   var otherTab = window.open();
@@ -4824,6 +4824,14 @@ function usePrepop() {
   };
   return { prepopPlugin: prepopPlugin2, prepopSettings };
 }
+const explicitKeys$1 = [
+  "__key",
+  "__init",
+  "__shim",
+  "__original",
+  "__index",
+  "__prevKey"
+];
 function token$1() {
   return Math.random().toString(36).substring(2, 15);
 }
@@ -4863,7 +4871,7 @@ function camel$1(str) {
 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, explicit = ["__key", "__init"]) {
+function clone$1(obj, explicit = 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;
   let returnObject;
@@ -5208,7 +5216,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(node, context, value, async = true) {
   context._value = validateInput$1(node, node.hook.input.dispatch(value));
@@ -5333,6 +5341,14 @@ function define$1(node, context, definition) {
     type: node.type,
     value: context.value
   });
+  if (definition.forceTypeProp) {
+    if (node.props.type)
+      node.props.originalType = node.props.type;
+    context.props.type = definition.forceTypeProp;
+  }
+  if (definition.family) {
+    context.props.family = definition.family;
+  }
   if (definition.features) {
     definition.features.forEach((feature) => feature(node));
   }
@@ -5917,7 +5933,7 @@ const dataDefaults = {
       redirectTo(redirectUrl);
     }
   },
-  submit: (postUrl, prepData2 = null, redirect = null) => (formData, node) => __async(this, null, function* () {
+  submit: (postUrl, prepData2 = null, redirect = null, contentType = "application/json") => (formData, node) => __async(this, null, function* () {
     if (prepData2 && prepData2 != "null") {
       if (!(prepData2 instanceof Function)) {
         throw "prepData must be a function";
@@ -5926,13 +5942,14 @@ const dataDefaults = {
     }
     let abort = false;
     try {
-      const res = yield postJSON(postUrl, formData);
+      const res = yield postData(postUrl, formData, contentType);
       node.clearErrors();
     } catch (err) {
+      console.error(err);
       abort = handleSubmitError(err, node);
     }
     if (abort) {
-      return false;
+      return;
     }
     if (typeof redirect === "string" && redirect !== "null") {
       if (formData) {
@@ -5940,9 +5957,8 @@ const dataDefaults = {
       }
       redirectTo(redirect);
     } else if (redirect) {
-      redirect(formData, node);
+      yield redirect(formData, node);
     }
-    return true;
   }),
   stringify: (value) => JSON.stringify(value, null, 2)
 };
@@ -5972,6 +5988,14 @@ const _sfc_main$1 = /* @__PURE__ */ Object.assign(__default__, {
     };
   }
 });
+const explicitKeys = [
+  "__key",
+  "__init",
+  "__shim",
+  "__original",
+  "__index",
+  "__prevKey"
+];
 function token() {
   return Math.random().toString(36).substring(2, 15);
 }
@@ -6202,7 +6226,21 @@ function camel(str) {
 function kebab(str) {
   return str.replace(/([a-z0-9])([A-Z])/g, (_s, trail, cap) => trail + "-" + cap.toLowerCase()).replace(" ", "-").toLowerCase();
 }
-function clone(obj, explicit = ["__key", "__init"]) {
+function shallowClone(obj, explicit = explicitKeys) {
+  if (obj !== null && typeof obj === "object") {
+    let returnObject;
+    if (Array.isArray(obj))
+      returnObject = [...obj];
+    else if (isPojo(obj))
+      returnObject = __spreadValues({}, obj);
+    if (returnObject) {
+      applyExplicit(obj, returnObject, explicit);
+      return returnObject;
+    }
+  }
+  return obj;
+}
+function clone(obj, explicit = explicitKeys) {
   if (obj === null || obj instanceof RegExp || obj instanceof Date || obj instanceof Map || obj instanceof Set || typeof File === "function" && obj instanceof File)
     return obj;
   let returnObject;
@@ -6260,6 +6298,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 (const key of explicit) {
+    if (key in original) {
+      Object.defineProperty(obj, key, {
+        enumerable: false,
+        value: original[key]
+      });
+    }
+  }
+  return obj;
+}
 function createDispatcher$1() {
   const middleware = [];
   let currentIndex = 0;
@@ -6867,7 +6916,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(node, context, value, async = true) {
   context._value = validateInput(node, node.hook.input.dispatch(value));
@@ -7814,7 +7863,7 @@ function clearErrors(id, clearChildren = true) {
     warn(652, id);
   }
 }
-const FORMKIT_VERSION = "1.0.0-beta.10";
+const FORMKIT_VERSION = "1.0.0-beta.11";
 function createLibraryPlugin(...libraries) {
   const library = libraries.reduce((merged, lib) => extend(merged, lib), {});
   const plugin2 = () => {
@@ -7827,6 +7876,64 @@ function createLibraryPlugin(...libraries) {
   };
   return plugin2;
 }
+function normalizeOptions(options2) {
+  let i2 = 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_${i2++}`,
+            __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 (const option2 of options2) {
+      if (value == option2.value) {
+        return "__original" in option2 ? option2.__original : option2.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(node) {
+  node.hook.prop((prop, next) => {
+    if (prop.prop === "options") {
+      if (typeof prop.value === "function") {
+        node.props.optionsLoader = prop.value;
+        prop.value = [];
+      } else {
+        prop.value = normalizeOptions(prop.value);
+      }
+    }
+    return next(prop);
+  });
+}
 const outer = createSection("outer", () => ({
   $el: "div",
   attrs: {
@@ -8140,60 +8247,6 @@ function normalizeBoxes(node) {
     return next(prop);
   };
 }
-function normalizeOptions(options2) {
-  let i2 = 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_${i2++}`,
-            __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 (const option2 of options2) {
-      if (value == option2.value) {
-        return "__original" in option2 ? option2.__original : option2.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(node) {
-  node.hook.prop((prop, next) => {
-    if (prop.prop === "options") {
-      const options2 = normalizeOptions(prop.value);
-      prop.value = options2;
-    }
-    return next(prop);
-  });
-}
 function toggleChecked$1(node, e) {
   const el = e.target;
   if (el instanceof HTMLInputElement) {
@@ -8582,12 +8635,15 @@ function createRoot(rootSection) {
 function $if(condition, then, otherwise) {
   return (extensions) => {
     const node = then(extensions);
-    if (otherwise) {
-      return {
+    if (otherwise || isSchemaObject(node) && "if" in node || isSlotCondition(node)) {
+      const conditionalNode = {
         if: condition,
-        then: node,
-        else: otherwise(extensions)
+        then: node
       };
+      if (otherwise) {
+        conditionalNode.else = otherwise(extensions);
+      }
+      return conditionalNode;
     } else if (isSlotCondition(node)) {
       Object.assign(node.else, { if: condition });
     } else if (isSchemaObject(node)) {
@@ -8629,7 +8685,7 @@ const 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,
@@ -8687,16 +8743,16 @@ const 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")]
 };
 const 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")]
 };
 const textarea = {
@@ -8743,6 +8799,7 @@ var index$1 = /* @__PURE__ */ Object.freeze({
 const accepted = function accepted2({ value }) {
   return ["yes", "on", "1", 1, true, "true"].includes(value);
 };
+accepted.skipEmpty = false;
 const date_after = function({ value }, compare = false) {
   const timestamp = Date.parse(compare || new Date());
   const fieldValue = Date.parse(String(value));
@@ -9364,7 +9421,11 @@ const 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"
 };
 const validation$s = {
   accepted({ name }) {
@@ -9643,7 +9704,7 @@ function createIconHandler(iconLoader, iconLoaderUrl) {
     iconName = isDefault ? iconName.split(":")[1] : iconName;
     let 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;
@@ -9759,6 +9820,7 @@ const errors = {
   106: ({ data: name }) => `Cannot submit because (${name}) is not in a form.`,
   107: ({ data: [node, value] }) => `Cannot set ${node.name} to non object value: ${value}`,
   108: ({ data: [node, value] }) => `Cannot set ${node.name} to non array value: ${value}`,
+  300: ({ data: [node] }) => `Cannot set behavior prop to overscroll (on ${node.name} input) when options prop is a function.`,
   600: ({ data: node }) => `Unknown input type${typeof node.props.type === "string" ? ' "' + node.props.type + '"' : ""} ("${node.name}")`,
   601: ({ data: node }) => `Input definition${typeof node.props.type === "string" ? ' "' + node.props.type + '"' : ""} is missing a schema or component property (${node.name}).`
 };
@@ -9817,17 +9879,20 @@ function getValue(set2, path) {
     return void 0;
   }
   let foundValue = void 0;
-  path.reduce((obj, segment, i2, arr) => {
-    if (typeof obj !== "object") {
+  let obj = set2;
+  for (const i2 in path) {
+    const key = path[i2];
+    if (typeof obj !== "object" || obj === null) {
       foundValue = void 0;
-      return arr.splice(1);
+      break;
     }
-    const currentValue = obj[segment];
-    if (i2 === path.length - 1 && currentValue !== void 0) {
+    const currentValue = obj[key];
+    if (Number(i2) === path.length - 1 && currentValue !== void 0) {
       foundValue = currentValue;
+      break;
     }
-    return obj[segment];
-  }, set2);
+    obj = currentValue;
+  }
   return foundValue;
 }
 function get$1(nodeRefs, id) {
@@ -10601,6 +10666,9 @@ function useInput(props2, context, options2 = {}) {
       else
         (_a = node.at(path)) === null || _a === void 0 ? void 0 : _a.input(value2, false);
     });
+    if (node.value !== value) {
+      node.emit("modelUpdated");
+    }
   }
   onUnmounted(() => node.destroy());
   return node;
@@ -10822,12 +10890,20 @@ const vueBindings = function vueBindings2(node) {
   node.props.definition && definedAs(node.props.definition);
   node.on("added-props", ({ payload }) => observeProps(payload));
   node.on("input", ({ payload }) => {
-    _value.value = payload;
-    triggerRef(_value);
+    if (node.type !== "input" && !isRef(payload) && !isReactive(payload)) {
+      _value.value = shallowClone(payload);
+    } else {
+      _value.value = payload;
+      triggerRef(_value);
+    }
   });
   node.on("commit", ({ 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");
     if (!context.state.dirty && node.isCreated && hasTicked && !eq(value.value, node.props._init))
       context.handlers.touch();
@@ -11268,7 +11344,7 @@ const doRedirect = (redirectUrl, newTabUrl) => {
   dbg("redirect:", redirectUrl, "newTab:", newTabUrl);
   redirectTo(redirectUrl);
 };
-const handleRedirect = (formData, node) => {
+const handleRedirect = (formData, node) => __async(this, null, function* () {
   try {
     var redirectUrl = getRedirect(formData, node);
     if (redirectUrl && redirectUrl !== "null") {
@@ -11287,13 +11363,16 @@ const handleRedirect = (formData, node) => {
       } else {
         doRedirect(redirectUrl, null);
       }
+      yield new Promise((resolve2) => setTimeout(resolve2, 2e3));
+    } else {
+      rollbar("warning", "No redirectUrl found");
     }
   } catch (err) {
     const msg = "failed to handleRedirect: " + err.toString();
     console.warn(msg);
     rollbar("warning", msg);
   }
-};
+});
 const textClassification = {
   label: "t-block t-mb-3 t-font-semibold t-text-base formkit-invalid:t-text-red-500",
   inner: `