@bagelink/vue 0.0.1258 → 0.0.1262

package/dist/index.cjs

@@ -5,51 +5,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  get arrField() {
-    return arrField;
-  },
-  get bglForm() {
-    return bglForm;
-  },
-  get checkField() {
-    return checkField;
-  },
-  get dateField() {
-    return dateField;
-  },
-  get findBglFieldById() {
-    return findBglFieldById;
-  },
-  get frmRow() {
-    return frmRow;
-  },
-  get getBaseField() {
-    return getBaseField;
-  },
-  get numField() {
-    return numField;
-  },
-  get richText() {
-    return richText;
-  },
-  get selectField() {
-    return selectField;
-  },
-  get slctField() {
-    return slctField;
-  },
-  get telField() {
-    return telField;
-  },
-  get txtField() {
-    return txtField;
-  },
-  get uploadField() {
-    return uploadField;
-  }
-}, Symbol.toStringTag, { value: "Module" }));
 const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
   __name: "Accordion",
   setup(__props) {
@@ -4438,7 +4393,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", {
           ref_key: "bglSlider",
           ref: bglSlider,
-          class: vue.normalizeClass(["bgl-slider", { dragging: vue.unref(isDragging), clicking: vue.unref(isPressed), [`slides-${vue.unref(itemCount)}`]: true }]),
+          class: vue.normalizeClass(["bgl-slider", { dragging: vue.unref(isDragging), clicking: vue.unref(isPressed), [`slides-${vue.unref(itemCount)}`]: true, grab: __props.freeDrag && vue.unref(slideCount) > 1 }]),
           style: vue.normalizeStyle({ "--item-count": vue.unref(itemCount) }),
           onMousedown: startDrag,
           onMouseover: clearAutoplay,
@@ -4477,7 +4432,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-d0b0c027"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-31632a3b"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -10772,7 +10727,7 @@ function useTableData(options) {
     return currentData.map(transform).sort((a2, z2) => {
       const aValue = a2[computedSortField.value] ?? "";
       const bValue = z2[computedSortField.value] ?? "";
-      if (isDate(aValue) && isDate(bValue)) {
+      if (isDate$2(aValue) && isDate$2(bValue)) {
         return sortDirection.value === "ASC" ? new Date(aValue).getTime() - new Date(bValue).getTime() : new Date(bValue).getTime() - new Date(aValue).getTime();
       }
       const numAValue = Number.parseInt(`${aValue}`.replaceAll(NON_DIGIT_REGEX, ""), 10);
@@ -11515,7 +11470,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["update:selectedItems", "orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "3ee4947a": vue.unref(computedItemHeight)
+      "1ab0cc24": vue.unref(computedItemHeight)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -11578,7 +11533,12 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     function renderFieldForRow(field, row) {
       const { renderField } = useSchemaField({
         mode: "table",
-        getRowData: () => row
+        getRowData: () => {
+          if (field.id) {
+            return { [field.id]: getNestedValue(row, field.id) };
+          }
+          return row;
+        }
       });
       return renderField({ ...field, label: "" }, slots);
     }
@@ -11694,7 +11654,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-3668ec69"]]);
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-8e14fc71"]]);
 function useDraggable(options = {}) {
   const isDragging = vue.ref(false);
   const dragElement = vue.ref(null);
@@ -14916,6 +14876,385 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-f99f1900"]]);
+function getBaseField(id, labelOrRest = {}, rest = {}) {
+  if (typeof labelOrRest === "object") return { id, ...labelOrRest };
+  return { id, label: labelOrRest, ...rest };
+}
+function richText(id, label, options) {
+  return {
+    $el: "richtext",
+    class: options == null ? void 0 : options.class,
+    required: options == null ? void 0 : options.required,
+    id,
+    label,
+    vIf: options == null ? void 0 : options.vIf,
+    placeholder: options == null ? void 0 : options.placeholder,
+    attrs: {}
+  };
+}
+function txtField(id, label, options) {
+  return {
+    $el: "text",
+    class: options == null ? void 0 : options.class,
+    required: options == null ? void 0 : options.required,
+    id,
+    label,
+    vIf: options == null ? void 0 : options.vIf,
+    disabled: options == null ? void 0 : options.disabled,
+    placeholder: options == null ? void 0 : options.placeholder,
+    defaultValue: options == null ? void 0 : options.defaultValue,
+    attrs: {
+      type: options == null ? void 0 : options.type,
+      pattern: options == null ? void 0 : options.pattern,
+      multiline: options == null ? void 0 : options.multiline
+    }
+  };
+}
+function selectField(id, label, options, config) {
+  return {
+    $el: "select",
+    id,
+    options,
+    class: config == null ? void 0 : config.class,
+    placeholder: config == null ? void 0 : config.placeholder,
+    required: config == null ? void 0 : config.required,
+    label,
+    defaultValue: config == null ? void 0 : config.defaultValue,
+    vIf: config == null ? void 0 : config.vIf,
+    attrs: {
+      disabled: config == null ? void 0 : config.disabled,
+      searchable: config == null ? void 0 : config.searchable,
+      multiselect: config == null ? void 0 : config.multiselect,
+      onSearch: config == null ? void 0 : config.onSearch,
+      clearable: config == null ? void 0 : config.clearable
+    }
+  };
+}
+const slctField = selectField;
+function checkField(id, label, options) {
+  return {
+    $el: "check",
+    class: options == null ? void 0 : options.class,
+    required: options == null ? void 0 : options.required,
+    id,
+    label
+  };
+}
+function dateField(id, label, options) {
+  return {
+    $el: "date",
+    class: options == null ? void 0 : options.class,
+    required: options == null ? void 0 : options.required,
+    id,
+    disabled: options == null ? void 0 : options.disabled,
+    label,
+    defaultValue: options == null ? void 0 : options.defaultValue,
+    vIf: options == null ? void 0 : options.vIf,
+    attrs: {
+      disabled: options == null ? void 0 : options.disabled
+    }
+  };
+}
+function numField$1(id, label, options) {
+  return {
+    $el: "number",
+    class: options == null ? void 0 : options.class,
+    required: options == null ? void 0 : options.required,
+    defaultValue: options == null ? void 0 : options.defaultValue,
+    id,
+    label,
+    disabled: options == null ? void 0 : options.disabled,
+    placeholder: options == null ? void 0 : options.placeholder,
+    helptext: options == null ? void 0 : options.helptext,
+    vIf: options == null ? void 0 : options.vIf,
+    attrs: {
+      step: options == null ? void 0 : options.step,
+      min: options == null ? void 0 : options.min,
+      max: options == null ? void 0 : options.max,
+      layout: options == null ? void 0 : options.layout,
+      padZero: options == null ? void 0 : options.padZero,
+      center: options == null ? void 0 : options.center
+    }
+  };
+}
+function frmRow$1(...children2) {
+  return {
+    $el: "div",
+    class: "flex gap-1 m_block align-items-end",
+    children: children2
+  };
+}
+function uploadField(id, label, options) {
+  return {
+    $el: "upload",
+    id,
+    label,
+    vIf: options == null ? void 0 : options.vIf,
+    attrs: {
+      ...options
+    }
+  };
+}
+function bglForm(idOrField, ...schema) {
+  if (typeof idOrField === "string") {
+    return {
+      $el: "bagelform",
+      id: idOrField,
+      attrs: {
+        schema: [idOrField, ...schema]
+      }
+    };
+  }
+  return {
+    $el: "bagelform",
+    attrs: {
+      schema: [idOrField, ...schema]
+    }
+  };
+}
+function telField(id, label, options) {
+  return {
+    $el: vue.markRaw(TelInput),
+    id,
+    label,
+    vIf: options == null ? void 0 : options.vIf,
+    attrs: options
+  };
+}
+function findBglFieldById(id, _schema) {
+  for (const field of _schema) {
+    if (field.id === id) return field;
+    if (field.children && Number(field.children.length) > 0) {
+      const fieldChildren = field.children.filter((c2) => typeof c2 === "object" && "$el" in c2);
+      const child = findBglFieldById(id, fieldChildren);
+      if (child) return child;
+    }
+  }
+  return void 0;
+}
+function arrField(id, label, schema, options) {
+  return {
+    label,
+    id,
+    $el: "array",
+    vIf: options == null ? void 0 : options.vIf,
+    attrs: { schema, delete: true, add: true, ...options }
+  };
+}
+const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  arrField,
+  bglForm,
+  checkField,
+  dateField,
+  findBglFieldById,
+  frmRow: frmRow$1,
+  getBaseField,
+  numField: numField$1,
+  richText,
+  selectField,
+  slctField,
+  telField,
+  txtField,
+  uploadField
+}, Symbol.toStringTag, { value: "Module" }));
+const state$1 = vue.reactive({
+  defaultLang: "",
+  availableLangs: [],
+  lang: "en"
+});
+function $tdb(langEl) {
+  if (!langEl) {
+    console.warn("No language element provided for $tdb function");
+    return "";
+  }
+  return langEl[state$1.lang] || langEl[state$1.defaultLang] || "";
+}
+function useLang() {
+  const lang = vue.computed({
+    get: () => state$1.lang,
+    set: (val) => state$1.lang = val
+  });
+  const availableLangs = vue.computed({
+    get: () => state$1.availableLangs,
+    set: (val) => state$1.availableLangs = val
+  });
+  const defaultLang = vue.computed({
+    get: () => state$1.defaultLang,
+    set: (val) => state$1.defaultLang = val
+  });
+  return {
+    lang,
+    $tdb,
+    availableLangs,
+    defaultLang
+  };
+}
+function formatString(str, format2) {
+  if (format2 === "titleCase") {
+    return str.split("_").map((word) => word[0].toUpperCase() + word.slice(1).toLocaleLowerCase()).join(" ");
+  }
+  if (format2 === "pascal") {
+    return str.split("_").map((word) => word[0].toUpperCase() + word.slice(1).toLocaleLowerCase()).join("");
+  }
+  if (format2 === "camel") {
+    return str.split("_").map((word, index2) => index2 === 0 ? word : word[0].toUpperCase() + word.slice(1)).join("");
+  }
+  if (format2 === "snake") {
+    return [...str].map((letter) => {
+      if (letter === letter.toUpperCase()) {
+        return `_${letter.toLowerCase()}`;
+      }
+      return letter;
+    }).join("");
+  }
+  return str;
+}
+const debouncers = /* @__PURE__ */ new Map();
+function debounce(fn2, wait = 500) {
+  clearTimeout(debouncers.get(fn2));
+  const timeout = setTimeout(() => {
+    fn2();
+    debouncers.delete(fn2);
+  }, wait);
+  debouncers.set(fn2, timeout);
+}
+function slugify(str) {
+  return str.toLowerCase().replace(/[^a-z0-9-\s]/g, "").split(/[\s-]+/).join("-");
+}
+function keyToLabel(key) {
+  if (key === void 0) return key;
+  return key.split("_").map((k2) => k2.charAt(0).toUpperCase() + k2.slice(1)).join(" ") || key;
+}
+async function copyText(text, cb) {
+  await navigator.clipboard.writeText(text);
+  if (cb) cb("Copied to clipboard");
+}
+function initials(...strArr) {
+  strArr = strArr.flatMap((str) => str.split(/\s/));
+  return strArr.map((str) => str.charAt(0)).join("");
+}
+function useEscape(event, closeModel) {
+  if (event.key === "Escape") {
+    closeModel();
+  }
+}
+function classify(fieldVal, row, ...classes) {
+  return classes.map((cls) => {
+    if (typeof cls === "function") return cls(fieldVal, row);
+    return cls;
+  }).join(" ");
+}
+function bindAttrs(attrs, fieldVal, row) {
+  if (!attrs) return {};
+  const exclude = ["class"];
+  const arr = Object.entries(attrs).filter(([key]) => !exclude.includes(key)).map(([key, value]) => [
+    key,
+    typeof value === "function" ? value(fieldVal, row) : value
+  ]);
+  const resolvedAttrs = Object.fromEntries(arr);
+  return resolvedAttrs;
+}
+function iffer(field, itemData) {
+  var _a2;
+  if (field["v-if"] === void 0) return true;
+  if (typeof field["v-if"] === "boolean") return field["v-if"];
+  if (typeof field["v-if"] === "string") return true;
+  if (typeof field["v-if"] === "function")
+    return (_a2 = field["v-if"]) == null ? void 0 : _a2.call(field, itemData == null ? void 0 : itemData[field.id], itemData);
+  return true;
+}
+function denullify(itemData, fieldID) {
+  if (!fieldID) return;
+  return itemData ? itemData[fieldID] : void 0;
+}
+const isDate$2 = (dateToTest) => !Number.isNaN(Date.parse(dateToTest));
+function getFallbackSchema(data2, showFields) {
+  const keys4 = Array.from(new Set((data2 ?? []).flatMap(Object.keys)));
+  const schema = keys4.map((id) => ({
+    id,
+    label: keyToLabel(id),
+    transform: (val) => {
+      const dateFields = ["created_at", "updated_at"];
+      if (dateFields.includes(id)) return val ? new Date(val).toLocaleString() : val;
+      return val;
+    }
+  }));
+  return showFields ? schema.filter((f2) => showFields.includes(f2.id) || !f2.id) : schema;
+}
+function sleep(ms = 100) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+function appendScript(src, options) {
+  return new Promise((resolve, reject3) => {
+    if (options == null ? void 0 : options.id) {
+      if (document.getElementById(options.id)) {
+        resolve();
+        return;
+      }
+    } else if (document.querySelector(`script[src="${src}"]`)) {
+      resolve();
+      return;
+    }
+    const script2 = document.createElement("script");
+    script2.src = src;
+    if (options == null ? void 0 : options.id) {
+      script2.id = options.id;
+    }
+    script2.onload = () => {
+      resolve();
+    };
+    script2.onerror = reject3;
+    document.head.append(script2);
+  });
+}
+function appendStyle(src) {
+  return new Promise((resolve, reject3) => {
+    if (document.querySelector(`link[href="${src}"]`)) {
+      resolve();
+      return;
+    }
+    const link = document.createElement("link");
+    link.href = src;
+    link.rel = "stylesheet";
+    link.onload = () => {
+      resolve();
+    };
+    link.onerror = reject3;
+    document.head.append(link);
+  });
+}
+function normalizeURL(url) {
+  if (url.startsWith("https://")) return url;
+  url = url.replace(/http:\/\//, "");
+  return `https://${url}`;
+}
+function normalizeDimension(value, defaultMetric = "px") {
+  if (typeof value === "number") return `${value}${defaultMetric}`;
+  return value;
+}
+const fileBaseUrl = "https://files.bagel.design".replace(/\/$/, "");
+const bagelBaseUrl = void 0;
+function pathKeyToURL(pathKey) {
+  const urlRE = /^https?:\/\/|^\/\//;
+  if (!pathKey || urlRE.test(pathKey)) return pathKey;
+  if (pathKey.startsWith("static/")) {
+    return `${bagelBaseUrl}/${pathKey}`;
+  }
+  return `${fileBaseUrl}/${pathKey}`;
+}
+function getNestedValue(obj, path, defaultValue = void 0) {
+  if (!path) return obj;
+  const keys4 = path.split(/[.[]/);
+  let current = obj;
+  for (const key of keys4) {
+    if (!current || typeof current !== "object" || !(key in current)) {
+      return defaultValue;
+    }
+    current = current[key];
+  }
+  return current ?? defaultValue;
+}
 const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "BagelForm",
   props: {
@@ -14965,15 +15304,6 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
         return false;
       }
     });
-    function getNestedValue(obj, path) {
-      const keys4 = path.split(".");
-      let current = obj;
-      for (const key of keys4) {
-        if (current === void 0 || current === null) return void 0;
-        current = current[key];
-      }
-      return current;
-    }
     function updateFormData(fieldId, value) {
       const keys4 = fieldId.split(".");
       const newData = safeClone2(formData.value);
@@ -14997,8 +15327,9 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
         await ((_a2 = props2.onSubmit) == null ? void 0 : _a2.call(props2, formData.value));
         initialFormData.value = safeClone2(formData.value);
         formState.value = "success";
-        window.parent.postMessage({ type: "BAGEL_FORM_SUCCESS", data: formData.value }, "*");
+        window.parent.postMessage({ type: "BAGEL_FORM_SUCCESS", data: JSON.stringify(formData.value) }, "*");
       } catch (error) {
+        console.error("Form submission error:", error);
         formState.value = "error";
       }
     }
@@ -15012,7 +15343,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
         return {
           ...formData.value,
           // Add a special getter to handle nested paths
-          get: (path) => getNestedValue(formData.value, path)
+          get: (path) => getNestedValue(formData.value, path, "")
         };
       },
       onUpdate: (field, value) => {
@@ -15027,30 +15358,34 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     }
     __expose({ form, isDirty: isDirty.value, validateForm });
     return (_ctx, _cache) => {
-      return props2.tag === "form" ? (vue.openBlock(), vue.createElementBlock("form", {
-        key: 0,
-        ref_key: "form",
-        ref: form,
-        onSubmit: vue.withModifiers(handleSubmit, ["prevent"])
-      }, [
-        resolvedSchema.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(resolvedSchema.value, (field) => {
-          return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderSchemaField(field)), {
-            key: field.id
-          });
-        }), 128)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }),
-        vue.renderSlot(_ctx.$slots, "submit", {
-          submit: handleSubmit,
-          isDirty: isDirty.value,
-          validateForm,
-          formState: formState.value
-        }),
-        formState.value === "success" ? vue.renderSlot(_ctx.$slots, "success", { key: 2 }) : vue.createCommentVNode("", true),
-        formState.value === "error" ? vue.renderSlot(_ctx.$slots, "error", { key: 3 }) : vue.createCommentVNode("", true)
-      ], 544)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(resolvedSchema.value, (field) => {
-        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderSchemaField(field)), {
-          key: field.id
-        });
-      }), 128));
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        formState.value !== "success" || !_ctx.$slots.success ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          props2.tag === "form" ? (vue.openBlock(), vue.createElementBlock("form", {
+            key: 0,
+            ref_key: "form",
+            ref: form,
+            onSubmit: vue.withModifiers(handleSubmit, ["prevent"])
+          }, [
+            resolvedSchema.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(resolvedSchema.value, (field) => {
+              return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderSchemaField(field)), {
+                key: field.id
+              });
+            }), 128)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }),
+            vue.renderSlot(_ctx.$slots, "submit", {
+              submit: handleSubmit,
+              isDirty: isDirty.value,
+              validateForm,
+              formState: formState.value
+            })
+          ], 544)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(resolvedSchema.value, (field) => {
+            return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderSchemaField(field)), {
+              key: field.id
+            });
+          }), 128))
+        ], 64)) : vue.createCommentVNode("", true),
+        formState.value === "success" ? vue.renderSlot(_ctx.$slots, "success", { key: 1 }) : vue.createCommentVNode("", true),
+        formState.value === "error" ? vue.renderSlot(_ctx.$slots, "error", { key: 2 }) : vue.createCommentVNode("", true)
+      ], 64);
     };
   }
 });
@@ -16394,11 +16729,11 @@ function compareAsc(dateLeft, dateRight) {
     return diff;
   }
 }
-function isDate$2(value) {
+function isDate$1(value) {
   return value instanceof Date || typeof value === "object" && Object.prototype.toString.call(value) === "[object Date]";
 }
 function isValid(date2) {
-  if (!isDate$2(date2) && typeof date2 !== "number") {
+  if (!isDate$1(date2) && typeof date2 !== "number") {
     return false;
   }
   const _date = toDate(date2);
@@ -20080,7 +20415,7 @@ const bl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     return l2 && e.preventDefault(), t();
 }, on$1 = (e, t, l2, a2, n2, c2) => {
   const v2 = parse$1(e, t.slice(0, e.length), /* @__PURE__ */ new Date(), { locale: c2 });
-  return isValid(v2) && isDate$2(v2) ? a2 || n2 ? v2 : set(v2, {
+  return isValid(v2) && isDate$1(v2) ? a2 || n2 ? v2 : set(v2, {
     hours: +l2.hours,
     minutes: +(l2 == null ? void 0 : l2.minutes),
     seconds: +(l2 == null ? void 0 : l2.seconds),
@@ -26520,7 +26855,7 @@ function formatting(state2) {
   };
   return { text, block, list, clear };
 }
-const { frmRow: frmRow$1, numField: numField$1 } = bagelFormUtils;
+const { frmRow, numField } = bagelFormUtils;
 function insertImage(modal, state2) {
   const { range: range2, doc } = state2;
   if (!range2 || !doc) return;
@@ -26529,9 +26864,9 @@ function insertImage(modal, state2) {
     schema: [
       { id: "src", $el: "file", attrs: { bindkey: "url" } },
       { id: "alt", $el: "text", label: "Alt Text" },
-      frmRow$1(
-        numField$1("width", "Width", { min: 1 }),
-        numField$1("height", "Height", { min: 1 })
+      frmRow(
+        numField("width", "Width", { min: 1 }),
+        numField("height", "Height", { min: 1 })
       ),
       { id: "figcaption", $el: "check", label: "Show Caption" }
     ],
@@ -31113,7 +31448,7 @@ const isPlainObject = (val) => {
   const prototype2 = getPrototypeOf(val);
   return (prototype2 === null || prototype2 === Object.prototype || Object.getPrototypeOf(prototype2) === null) && !(Symbol.toStringTag in val) && !(Symbol.iterator in val);
 };
-const isDate$1 = kindOfTest("Date");
+const isDate = kindOfTest("Date");
 const isFile = kindOfTest("File");
 const isBlob = kindOfTest("Blob");
 const isFileList = kindOfTest("FileList");
@@ -31408,7 +31743,7 @@ const utils$1 = {
   isResponse,
   isHeaders,
   isUndefined,
-  isDate: isDate$1,
+  isDate,
   isFile,
   isBlob,
   isRegExp,
@@ -41382,15 +41717,15 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-915732c1"]]);
-const state$1 = vue.reactive(/* @__PURE__ */ new Map());
+const state = vue.reactive(/* @__PURE__ */ new Map());
 function useTabs(group) {
-  if (!state$1.has(group)) {
-    state$1.set(group, vue.reactive({ currentTab: void 0 }));
+  if (!state.has(group)) {
+    state.set(group, vue.reactive({ currentTab: void 0 }));
   }
   const currentTab = vue.computed({
-    get: () => state$1.get(group).currentTab,
+    get: () => state.get(group).currentTab,
     set: (val) => {
-      state$1.get(group).currentTab = val;
+      state.get(group).currentTab = val;
     }
   });
   return { currentTab };
@@ -43566,19 +43901,7 @@ function safeClone(obj) {
 function provideBagelFormState(initialData) {
   const data2 = vue.ref(initialData);
   const isDirty = vue.ref(false);
-  const getFieldData = (path) => {
-    if (!path) return "";
-    const keys4 = path.split(/[.[]/);
-    let current = data2.value;
-    for (let i2 = 0; i2 < keys4.length; i2++) {
-      const key = keys4[i2];
-      if (!current || typeof current !== "object" || !(key in current)) {
-        return "";
-      }
-      current = current[key];
-    }
-    return current ?? "";
-  };
+  const getFieldData = (path) => getNestedValue(data2.value, path, "");
   const updateField = (path, value) => {
     const keys4 = path.split(/[.[]/);
     if (typeof data2.value !== "object" || data2.value === null) {
@@ -44392,356 +44715,6 @@ const ripple = {
     }
   }
 };
-function getBaseField(id, labelOrRest = {}, rest = {}) {
-  if (typeof labelOrRest === "object") return { id, ...labelOrRest };
-  return { id, label: labelOrRest, ...rest };
-}
-function richText(id, label, options) {
-  return {
-    $el: "richtext",
-    class: options == null ? void 0 : options.class,
-    required: options == null ? void 0 : options.required,
-    id,
-    label,
-    vIf: options == null ? void 0 : options.vIf,
-    placeholder: options == null ? void 0 : options.placeholder,
-    attrs: {}
-  };
-}
-function txtField(id, label, options) {
-  return {
-    $el: "text",
-    class: options == null ? void 0 : options.class,
-    required: options == null ? void 0 : options.required,
-    id,
-    label,
-    vIf: options == null ? void 0 : options.vIf,
-    disabled: options == null ? void 0 : options.disabled,
-    placeholder: options == null ? void 0 : options.placeholder,
-    defaultValue: options == null ? void 0 : options.defaultValue,
-    attrs: {
-      type: options == null ? void 0 : options.type,
-      pattern: options == null ? void 0 : options.pattern,
-      multiline: options == null ? void 0 : options.multiline
-    }
-  };
-}
-function selectField(id, label, options, config) {
-  return {
-    $el: "select",
-    id,
-    options,
-    class: config == null ? void 0 : config.class,
-    placeholder: config == null ? void 0 : config.placeholder,
-    required: config == null ? void 0 : config.required,
-    label,
-    defaultValue: config == null ? void 0 : config.defaultValue,
-    vIf: config == null ? void 0 : config.vIf,
-    attrs: {
-      disabled: config == null ? void 0 : config.disabled,
-      searchable: config == null ? void 0 : config.searchable,
-      multiselect: config == null ? void 0 : config.multiselect,
-      onSearch: config == null ? void 0 : config.onSearch,
-      clearable: config == null ? void 0 : config.clearable
-    }
-  };
-}
-const slctField = selectField;
-function checkField(id, label, options) {
-  return {
-    $el: "check",
-    class: options == null ? void 0 : options.class,
-    required: options == null ? void 0 : options.required,
-    id,
-    label
-  };
-}
-function dateField(id, label, options) {
-  return {
-    $el: "date",
-    class: options == null ? void 0 : options.class,
-    required: options == null ? void 0 : options.required,
-    id,
-    disabled: options == null ? void 0 : options.disabled,
-    label,
-    defaultValue: options == null ? void 0 : options.defaultValue,
-    vIf: options == null ? void 0 : options.vIf,
-    attrs: {
-      disabled: options == null ? void 0 : options.disabled
-    }
-  };
-}
-function numField(id, label, options) {
-  return {
-    $el: "number",
-    class: options == null ? void 0 : options.class,
-    required: options == null ? void 0 : options.required,
-    defaultValue: options == null ? void 0 : options.defaultValue,
-    id,
-    label,
-    disabled: options == null ? void 0 : options.disabled,
-    placeholder: options == null ? void 0 : options.placeholder,
-    helptext: options == null ? void 0 : options.helptext,
-    vIf: options == null ? void 0 : options.vIf,
-    attrs: {
-      step: options == null ? void 0 : options.step,
-      min: options == null ? void 0 : options.min,
-      max: options == null ? void 0 : options.max,
-      layout: options == null ? void 0 : options.layout,
-      padZero: options == null ? void 0 : options.padZero,
-      center: options == null ? void 0 : options.center
-    }
-  };
-}
-function frmRow(...children2) {
-  return {
-    $el: "div",
-    class: "flex gap-1 m_block align-items-end",
-    children: children2
-  };
-}
-function uploadField(id, label, options) {
-  return {
-    $el: "upload",
-    id,
-    label,
-    vIf: options == null ? void 0 : options.vIf,
-    attrs: {
-      ...options
-    }
-  };
-}
-function bglForm(idOrField, ...schema) {
-  if (typeof idOrField === "string") {
-    return {
-      $el: "bagelform",
-      id: idOrField,
-      attrs: {
-        schema: [idOrField, ...schema]
-      }
-    };
-  }
-  return {
-    $el: "bagelform",
-    attrs: {
-      schema: [idOrField, ...schema]
-    }
-  };
-}
-function telField(id, label, options) {
-  return {
-    $el: vue.markRaw(TelInput),
-    id,
-    label,
-    vIf: options == null ? void 0 : options.vIf,
-    attrs: options
-  };
-}
-function findBglFieldById(id, _schema) {
-  for (const field of _schema) {
-    if (field.id === id) return field;
-    if (field.children && Number(field.children.length) > 0) {
-      const fieldChildren = field.children.filter((c2) => typeof c2 === "object" && "$el" in c2);
-      const child = findBglFieldById(id, fieldChildren);
-      if (child) return child;
-    }
-  }
-  return void 0;
-}
-function arrField(id, label, schema, options) {
-  return {
-    label,
-    id,
-    $el: "array",
-    vIf: options == null ? void 0 : options.vIf,
-    attrs: { schema, delete: true, add: true, ...options }
-  };
-}
-const state = vue.reactive({
-  defaultLang: "",
-  availableLangs: [],
-  lang: "en"
-});
-function $tdb(langEl) {
-  if (!langEl) {
-    console.warn("No language element provided for $tdb function");
-    return "";
-  }
-  return langEl[state.lang] || langEl[state.defaultLang] || "";
-}
-function useLang() {
-  const lang = vue.computed({
-    get: () => state.lang,
-    set: (val) => state.lang = val
-  });
-  const availableLangs = vue.computed({
-    get: () => state.availableLangs,
-    set: (val) => state.availableLangs = val
-  });
-  const defaultLang = vue.computed({
-    get: () => state.defaultLang,
-    set: (val) => state.defaultLang = val
-  });
-  return {
-    lang,
-    $tdb,
-    availableLangs,
-    defaultLang
-  };
-}
-function formatString(str, format2) {
-  if (format2 === "titleCase") {
-    return str.split("_").map((word) => word[0].toUpperCase() + word.slice(1).toLocaleLowerCase()).join(" ");
-  }
-  if (format2 === "pascal") {
-    return str.split("_").map((word) => word[0].toUpperCase() + word.slice(1).toLocaleLowerCase()).join("");
-  }
-  if (format2 === "camel") {
-    return str.split("_").map((word, index2) => index2 === 0 ? word : word[0].toUpperCase() + word.slice(1)).join("");
-  }
-  if (format2 === "snake") {
-    return [...str].map((letter) => {
-      if (letter === letter.toUpperCase()) {
-        return `_${letter.toLowerCase()}`;
-      }
-      return letter;
-    }).join("");
-  }
-  return str;
-}
-const debouncers = /* @__PURE__ */ new Map();
-function debounce(fn2, wait = 500) {
-  clearTimeout(debouncers.get(fn2));
-  const timeout = setTimeout(() => {
-    fn2();
-    debouncers.delete(fn2);
-  }, wait);
-  debouncers.set(fn2, timeout);
-}
-function slugify(str) {
-  return str.toLowerCase().replace(/[^a-z0-9-\s]/g, "").split(/[\s-]+/).join("-");
-}
-function keyToLabel(key) {
-  if (key === void 0) return key;
-  return key.split("_").map((k2) => k2.charAt(0).toUpperCase() + k2.slice(1)).join(" ") || key;
-}
-async function copyText(text, cb) {
-  await navigator.clipboard.writeText(text);
-  if (cb) cb("Copied to clipboard");
-}
-function initials(...strArr) {
-  strArr = strArr.flatMap((str) => str.split(/\s/));
-  return strArr.map((str) => str.charAt(0)).join("");
-}
-function useEscape(event, closeModel) {
-  if (event.key === "Escape") {
-    closeModel();
-  }
-}
-function classify(fieldVal, row, ...classes) {
-  return classes.map((cls) => {
-    if (typeof cls === "function") return cls(fieldVal, row);
-    return cls;
-  }).join(" ");
-}
-function bindAttrs(attrs, fieldVal, row) {
-  if (!attrs) return {};
-  const exclude = ["class"];
-  const arr = Object.entries(attrs).filter(([key]) => !exclude.includes(key)).map(([key, value]) => [
-    key,
-    typeof value === "function" ? value(fieldVal, row) : value
-  ]);
-  const resolvedAttrs = Object.fromEntries(arr);
-  return resolvedAttrs;
-}
-function iffer(field, itemData) {
-  var _a2;
-  if (field["v-if"] === void 0) return true;
-  if (typeof field["v-if"] === "boolean") return field["v-if"];
-  if (typeof field["v-if"] === "string") return true;
-  if (typeof field["v-if"] === "function")
-    return (_a2 = field["v-if"]) == null ? void 0 : _a2.call(field, itemData == null ? void 0 : itemData[field.id], itemData);
-  return true;
-}
-function denullify(itemData, fieldID) {
-  if (!fieldID) return;
-  return itemData ? itemData[fieldID] : void 0;
-}
-const isDate = (dateToTest) => !Number.isNaN(Date.parse(dateToTest));
-function getFallbackSchema(data2, showFields) {
-  const keys4 = Array.from(new Set((data2 ?? []).flatMap(Object.keys)));
-  const schema = keys4.map((id) => ({
-    id,
-    label: keyToLabel(id),
-    transform: (val) => {
-      const dateFields = ["created_at", "updated_at"];
-      if (dateFields.includes(id)) return val ? new Date(val).toLocaleString() : val;
-      return val;
-    }
-  }));
-  return showFields ? schema.filter((f2) => showFields.includes(f2.id) || !f2.id) : schema;
-}
-function sleep(ms = 100) {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
-function appendScript(src, options) {
-  return new Promise((resolve, reject3) => {
-    if (options == null ? void 0 : options.id) {
-      if (document.getElementById(options.id)) {
-        resolve();
-        return;
-      }
-    } else if (document.querySelector(`script[src="${src}"]`)) {
-      resolve();
-      return;
-    }
-    const script2 = document.createElement("script");
-    script2.src = src;
-    if (options == null ? void 0 : options.id) {
-      script2.id = options.id;
-    }
-    script2.onload = () => {
-      resolve();
-    };
-    script2.onerror = reject3;
-    document.head.append(script2);
-  });
-}
-function appendStyle(src) {
-  return new Promise((resolve, reject3) => {
-    if (document.querySelector(`link[href="${src}"]`)) {
-      resolve();
-      return;
-    }
-    const link = document.createElement("link");
-    link.href = src;
-    link.rel = "stylesheet";
-    link.onload = () => {
-      resolve();
-    };
-    link.onerror = reject3;
-    document.head.append(link);
-  });
-}
-function normalizeURL(url) {
-  if (url.startsWith("https://")) return url;
-  url = url.replace(/http:\/\//, "");
-  return `https://${url}`;
-}
-function normalizeDimension(value, defaultMetric = "px") {
-  if (typeof value === "number") return `${value}${defaultMetric}`;
-  return value;
-}
-const fileBaseUrl = "https://files.bagel.design".replace(/\/$/, "");
-const bagelBaseUrl = void 0;
-function pathKeyToURL(pathKey) {
-  const urlRE = /^https?:\/\/|^\/\//;
-  if (!pathKey || urlRE.test(pathKey)) return pathKey;
-  if (pathKey.startsWith("static/")) {
-    return `${bagelBaseUrl}/${pathKey}`;
-  }
-  return `${fileBaseUrl}/${pathKey}`;
-}
 const clickOutside = {
   beforeMount(el, binding) {
     el.clickOutsideEvent = (event) => {
@@ -45359,10 +45332,11 @@ exports.debounce = debounce;
 exports.denullify = denullify;
 exports.formatString = formatString;
 exports.getFallbackSchema = getFallbackSchema;
+exports.getNestedValue = getNestedValue;
 exports.i18nTInjectionKey = i18nTInjectionKey;
 exports.iffer = iffer;
 exports.initials = initials;
-exports.isDate = isDate;
+exports.isDate = isDate$2;
 exports.keyToLabel = keyToLabel;
 exports.localRef = localRef;
 exports.normalizeDimension = normalizeDimension;