@bagelink/vue 1.0.41 → 1.0.47

package/dist/components/DataTable/DataTable.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.vue"],"names":[],"mappings":"AA2dA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAY/D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAEtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAwU1D,mBAAmB,CAAC;;;;;;;;;;wBArNV,MAAM,EAAE;0CAqNoE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;UAnD0E,GAAG;UAqDjF,2TAAoC;OAG/B,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAlVzE,wBAkV4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"DataTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.vue"],"names":[],"mappings":"AA+dA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAY/D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAEtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAiV1D,mBAAmB,CAAC;;;;;;;;;;wBA7NV,MAAM,EAAE;0CA6NoE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;UApD0E,GAAG;UAsDjF,2TAAoC;OAG/B,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA3VzE,wBA2V4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/DataTable/useTableData.d.ts

@@ -22,6 +22,7 @@ export declare function useTableData<T extends Record<string, any>>(options: Use
     sortDirection: ComputedRef<SortDirectionsT>;
     toggleSort: (fieldname: string) => void;
     cleanTransformedData: <T_1 extends Record<string, any>>(data: TransformedData<T_1>) => T_1;
+    schemaState: ComputedRef<"error" | "loading" | "loaded">;
 };
 export {};
 //# sourceMappingURL=useTableData.d.ts.map

package/dist/components/DataTable/useTableData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableData.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/useTableData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAahF,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACrC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;IACjC,MAAM,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;IACnF,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,GAAG,MAAM,EAAE,CAAA;IACtD,aAAa,CAAC,EAAE,WAAW,CAAC,OAAO,GAAG,SAAS,CAAC,GAAG,OAAO,GAAG,SAAS,CAAA;IACtE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,KAAK,IAAI,CAAA;CAC5D;AAED,UAAU,mBAAmB;IAC5B,CAAC,GAAG,EAAE,gBAAgB,MAAM,EAAE,GAAG,GAAG,CAAA;IACpC,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,GAAG,OAAO,CAAA;IACjC,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAA;IAChC,CAAC,GAAG,EAAE,aAAa,MAAM,EAAE,GAAG,GAAG,CAAA;CACjC;AAED,KAAK,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,mBAAmB,CAAA;AAEjD,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC;;;yBAgE9D,CAAC,KAAG,eAAe,CAAC,CAAC,CAAC;;;4BA2FnB,MAAM;uCAzDG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,eAAe,CAAC,GAAC,CAAC,KAAG,GAAC;EAgFzF"}
+{"version":3,"file":"useTableData.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/useTableData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAahF,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACrC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;IACjC,MAAM,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;IACnF,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,GAAG,MAAM,EAAE,CAAA;IACtD,aAAa,CAAC,EAAE,WAAW,CAAC,OAAO,GAAG,SAAS,CAAC,GAAG,OAAO,GAAG,SAAS,CAAA;IACtE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,KAAK,IAAI,CAAA;CAC5D;AAED,UAAU,mBAAmB;IAC5B,CAAC,GAAG,EAAE,gBAAgB,MAAM,EAAE,GAAG,GAAG,CAAA;IACpC,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,GAAG,OAAO,CAAA;IACjC,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAA;IAChC,CAAC,GAAG,EAAE,aAAa,MAAM,EAAE,GAAG,GAAG,CAAA;CACjC;AAED,KAAK,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,mBAAmB,CAAA;AAEjD,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC;;;yBA6F9D,CAAC,KAAG,eAAe,CAAC,CAAC,CAAC;;;4BA2FnB,MAAM;uCAzDG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,eAAe,CAAC,GAAC,CAAC,KAAG,GAAC;;EAiFzF"}

package/dist/components/form/FieldArray.vue.d.ts

@@ -1,5 +1,5 @@
 import { AttributeFn, AttributeValue, Attributes, BagelFieldOptions, BglFormSchemaFnT, Field } from '../..';
-declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & {
@@ -18,8 +18,9 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable
         add?: boolean;
         delete?: boolean;
         transform?: (value: T) => T;
-        schema: BglFormSchemaFnT;
+        schema?: BglFormSchemaFnT;
         modelValue: T[];
+        type?: "object" | "number" | "text";
     } & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/components/form/FieldArray.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldArray.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/FieldArray.vue"],"names":[],"mappings":"AAAA,OAiOO,KAAK,EACX,WAAW,EACX,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,KAAK,EACL,MAAM,eAAe,CAAA;yBAKL,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAoV1D,mBAAmB,CAAC;;;aAjVrB,GAAG;YACJ,MAAM;gBACF,MAAM;sBACA,MAAM;mBACT,KAAK,CAAC,CAAC,CAAC,EAAE;gBACb,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC;gBAC/B,UAAU,CAAC,CAAC,CAAC;mBACV,OAAO;mBACP,OAAO;mBACP,MAAM;kBACP,iBAAiB,CAAC,CAAC,CAAC;uBACf,GAAG;cACZ,OAAO;iBACJ,OAAO;oBACJ,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC;gBACnB,gBAAgB;oBACZ,CAAC,EAAE;mBAiU6E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;OAKC,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA9VzE,wBA8V4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"FieldArray.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/FieldArray.vue"],"names":[],"mappings":"AAAA,OAwQO,KAAK,EACX,WAAW,EACX,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,KAAK,EAEL,MAAM,eAAe,CAAA;yBAIL,CAAC,eACJ,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA2X1D,mBAAmB,CAAC;;;aAxXrB,GAAG;YACJ,MAAM;gBACF,MAAM;sBACA,MAAM;mBACT,KAAK,CAAC,CAAC,CAAC,EAAE;gBACb,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC;gBAC/B,UAAU,CAAC,CAAC,CAAC;mBACV,OAAO;mBACP,OAAO;mBACP,MAAM;kBACP,iBAAiB,CAAC,CAAC,CAAC;uBACf,GAAG;cACZ,OAAO;iBACJ,OAAO;oBACJ,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC;iBAClB,gBAAgB;oBACb,CAAC,EAAE;eACR,QAAQ,GAAG,QAAQ,GAAG,MAAM;mBAuWyD,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;OAKC,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AArYzE,wBAqY4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.cjs

@@ -1628,7 +1628,7 @@ const _hoisted_10$7 = {
   key: 4,
   class: "event-flyout__row is-topic"
 };
-const _hoisted_11$6 = {
+const _hoisted_11$7 = {
   key: 5,
   class: "event-flyout__row is-description"
 };
@@ -1855,7 +1855,7 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
               }, null, 8, ["icon"]),
               vue.createTextVNode(" " + vue.toDisplayString(calendarEvent.value.topic), 1)
             ])) : vue.createCommentVNode("", true),
-            calendarEvent.value.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$6, [
+            calendarEvent.value.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$7, [
               vue.createVNode(vue.unref(_sfc_main$s), {
                 icon: icons.description
               }, null, 8, ["icon"]),
@@ -10688,6 +10688,8 @@ const SRC_VALUE_COMPONENTS = /* @__PURE__ */ new Set(["img", "iframe"]);
 function useTableData(options) {
   const sortField = vue.ref("");
   const sortDirection = vue.ref("ASC");
+  const schemaState = vue.ref("loading");
+  const resolvedSchema = vue.ref([]);
   function getValue(value) {
     if (value === void 0 || value === null) {
       return void 0;
@@ -10702,31 +10704,50 @@ function useTableData(options) {
       return void 0;
     }
   }
-  const computedSchema = vue.computed(() => {
-    const dataValue = options.data.value || [];
-    const schema = useBglSchema({
-      schema: getValue(options.schema),
-      columns: getValue(options.columns),
-      data: dataValue
-    });
-    if (Array.isArray(schema) && schema.length > 0) {
-      return schema.filter((field) => field && field.id);
-    }
-    if (Array.isArray(dataValue) && dataValue.length > 0) {
-      const firstItem = dataValue[0];
-      return Object.keys(firstItem || {}).filter((key) => key !== "id" && !key.startsWith("_")).map((key) => ({
-        id: key,
-        label: keyToLabel(key),
-        $el: "div",
-        transform: (val) => {
-          const dateFields = ["created_at", "updated_at"];
-          if (dateFields.includes(key)) return val ? new Date(val).toLocaleString() : val;
-          return val;
-        }
-      }));
+  async function resolveSchemaAsync() {
+    try {
+      schemaState.value = "loading";
+      const dataValue = options.data.value || [];
+      const schema = await useBglSchema({
+        schema: getValue(options.schema),
+        columns: getValue(options.columns),
+        data: dataValue
+      });
+      if (Array.isArray(schema) && schema.length > 0) {
+        resolvedSchema.value = schema.filter((field) => field && field.id);
+      } else if (Array.isArray(dataValue) && dataValue.length > 0) {
+        const firstItem = dataValue[0];
+        resolvedSchema.value = Object.keys(firstItem || {}).filter((key) => key !== "id" && !key.startsWith("_")).map((key) => ({
+          id: key,
+          label: keyToLabel(key),
+          $el: "div",
+          transform: (val) => {
+            const dateFields = ["created_at", "updated_at"];
+            if (dateFields.includes(key)) return val ? new Date(val).toLocaleString() : val;
+            return val;
+          }
+        }));
+      } else {
+        resolvedSchema.value = [];
+      }
+      schemaState.value = "loaded";
+    } catch (error) {
+      console.error("Error resolving schema:", error);
+      schemaState.value = "error";
+      resolvedSchema.value = [];
     }
-    return [];
+  }
+  vue.watch([
+    () => getValue(options.schema),
+    () => getValue(options.columns),
+    () => options.data.value
+  ], () => {
+    resolveSchemaAsync();
+  }, { immediate: true });
+  vue.onMounted(() => {
+    resolveSchemaAsync();
   });
+  const computedSchema = vue.computed(() => resolvedSchema.value);
   function transform(rowData) {
     const transformed = { ...rowData };
     const schemaFields = computedSchema.value.filter((f2) => f2.id);
@@ -10808,7 +10829,8 @@ function useTableData(options) {
     sortField: vue.computed(() => sortField.value),
     sortDirection: vue.computed(() => sortDirection.value),
     toggleSort,
-    cleanTransformedData
+    cleanTransformedData,
+    schemaState: vue.computed(() => schemaState.value)
   };
 }
 const _hoisted_1$P = { class: "data-preview" };
@@ -11512,15 +11534,19 @@ const _hoisted_1$O = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
-const _hoisted_2$A = { class: "infinite-wrapper" };
-const _hoisted_3$u = { class: "row first-row" };
-const _hoisted_4$k = { key: 0 };
-const _hoisted_5$j = ["onClick"];
-const _hoisted_6$g = { class: "flex" };
-const _hoisted_7$c = ["onClick"];
-const _hoisted_8$7 = { key: 0 };
-const _hoisted_9$6 = ["value"];
-const _hoisted_10$6 = { key: 1 };
+const _hoisted_2$A = {
+  key: 1,
+  class: "flex-center h-300px txt-red"
+};
+const _hoisted_3$u = { class: "infinite-wrapper" };
+const _hoisted_4$k = { class: "row first-row" };
+const _hoisted_5$j = { key: 0 };
+const _hoisted_6$g = ["onClick"];
+const _hoisted_7$c = { class: "flex" };
+const _hoisted_8$7 = ["onClick"];
+const _hoisted_9$6 = { key: 0 };
+const _hoisted_10$6 = ["value"];
+const _hoisted_11$6 = { key: 1 };
 const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   __name: "DataTable",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -11541,7 +11567,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "31aad8d2": vue.unref(computedItemHeight)
+      "03db8ce0": vue.unref(computedItemHeight)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -11559,7 +11585,8 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
       sortField,
       sortDirection,
       toggleSort,
-      cleanTransformedData
+      cleanTransformedData,
+      schemaState
     } = useTableData({ data: data2, schema, columns, useServerSort, onSort: (field, direction) => {
       emit2("orderBy", `${field} ${direction}`.trim());
     } });
@@ -11630,14 +11657,14 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "table-list-wrap h-100" }, vue.unref(containerProps), {
-        class: { "loading-table": loading.value }
+        class: { "loading-table": loading.value || vue.unref(schemaState) === "loading" }
       }), [
-        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, _cache[4] || (_cache[4] = [
+        loading.value || vue.unref(schemaState) === "loading" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, _cache[4] || (_cache[4] = [
           vue.createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1)
-        ]))) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(wrapperProps))), [
-          vue.createElementVNode("table", _hoisted_2$A, [
-            vue.createElementVNode("thead", _hoisted_3$u, [
-              vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$k, [
+        ]))) : vue.unref(schemaState) === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$A, " Error loading table schema ")) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 2 }, vue.unref(wrapperProps))), [
+          vue.createElementVNode("table", _hoisted_3$u, [
+            vue.createElementVNode("thead", _hoisted_4$k, [
+              vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_5$j, [
                 vue.createElementVNode("input", {
                   ref_key: "allSelectorEl",
                   ref: allSelectorEl,
@@ -11654,7 +11681,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
                   class: "col",
                   onClick: ($event) => vue.unref(toggleSort)((field == null ? void 0 : field.id) || "")
                 }, [
-                  vue.createElementVNode("div", _hoisted_6$g, [
+                  vue.createElementVNode("div", _hoisted_7$c, [
                     vue.createTextVNode(vue.toDisplayString(field.label || vue.unref(keyToLabel)(field == null ? void 0 : field.id)) + " ", 1),
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === (field == null ? void 0 : field.id) }])
@@ -11665,7 +11692,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
                       }, null, 8, ["class"])
                     ], 2)
                   ])
-                ], 8, _hoisted_5$j);
+                ], 8, _hoisted_6$g);
               }), 128))
             ]),
             vue.createElementVNode("tbody", null, [
@@ -11675,7 +11702,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
                   class: vue.normalizeClass(["row row-item position-relative", { selected: (row == null ? void 0 : row.id) && vue.unref(computedSelectedItems).includes(row.id) }]),
                   onClick: ($event) => vue.unref(toggleSelectItem)(row)
                 }, [
-                  vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_8$7, [
+                  vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_9$6, [
                     vue.createElementVNode("div", {
                       onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
                       }, ["stop"]))
@@ -11684,7 +11711,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
                         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedItems.value = $event),
                         type: "checkbox",
                         value: (row == null ? void 0 : row.id) || ""
-                      }, null, 8, _hoisted_9$6), [
+                      }, null, 8, _hoisted_10$6), [
                         [vue.vModelCheckbox, selectedItems.value]
                       ])
                     ])
@@ -11698,12 +11725,12 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
                         key: 0,
                         row,
                         field
-                      }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$6, [
+                      }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$6, [
                         (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderFieldForRow(field, row))))
                       ]))
                     ]);
                   }), 128))
-                ], 10, _hoisted_7$c);
+                ], 10, _hoisted_8$7);
               }), 128)),
               props2.onLastItemVisible !== void 0 ? (vue.openBlock(), vue.createElementBlock("tr", {
                 key: 0,
@@ -11718,7 +11745,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-43f28baa"]]);
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-30ec790f"]]);
 function useDraggable(options = {}) {
   const isDragging = vue.ref(false);
   const dragElement = vue.ref(null);
@@ -15131,13 +15158,16 @@ function findBglFieldById(id, _schema) {
   }
   return void 0;
 }
-function arrField(id, label, schema, options) {
+function arrField(id, label, schemaOrType, options) {
+  const attrs = { delete: true, add: true, ...options };
+  if (typeof schemaOrType === "string") attrs.type = schemaOrType;
+  else attrs.schema = schemaOrType;
   return {
     label,
     id,
     $el: "array",
     vIf: options == null ? void 0 : options.vIf,
-    attrs: { schema, delete: true, add: true, ...options }
+    attrs
   };
 }
 const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -15516,18 +15546,18 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$L = { class: "label mb-05" };
-const _hoisted_2$y = {
+const _hoisted_1$L = {
   key: 0,
-  class: "ps-025 border-start mb-05"
+  class: "label mb-05"
 };
+const _hoisted_2$y = { class: "ps-025 border-start mb-05" };
 const _hoisted_3$t = {
   key: 0,
   class: "flex-center h-300px"
 };
 const _hoisted_4$j = {
   key: 1,
-  class: "flex-center h-300px txt-red"
+  class: "py-1"
 };
 const _hoisted_5$i = {
   key: 0,
@@ -15553,7 +15583,8 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     delete: { type: Boolean, default: true },
     transform: {},
     schema: {},
-    modelValue: {}
+    modelValue: {},
+    type: { default: "object" }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -15563,7 +15594,23 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     const internalData = vue.ref(props2.modelValue || []);
     const schemaState = vue.ref("loaded");
     const resolvedSchemaData = vue.ref([]);
+    vue.watch(() => props2.modelValue, (newValue) => {
+      internalData.value = newValue || [];
+    }, { deep: true });
+    const primitiveSchema = vue.computed(() => {
+      if (props2.type === "text") {
+        return [{ id: "value", type: "text", label: "" }];
+      } else if (props2.type === "number") {
+        return [{ id: "value", type: "number", label: "" }];
+      }
+      return [];
+    });
     async function resolveSchema() {
+      if (props2.type !== "object") {
+        resolvedSchemaData.value = primitiveSchema.value;
+        schemaState.value = "loaded";
+        return;
+      }
       if (!props2.schema) {
         resolvedSchemaData.value = [];
         schemaState.value = "loaded";
@@ -15587,9 +15634,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
         resolvedSchemaData.value = [];
       }
     }
-    vue.onMounted(() => {
-      resolveSchema();
-    });
+    vue.onMounted(resolveSchema);
     function emitValue() {
       emit2("update:modelValue", internalData.value);
     }
@@ -15598,25 +15643,46 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
       emitValue();
     }
     function addItem() {
-      internalData.value.push({});
+      const defaultValues = {
+        text: "",
+        number: 0,
+        object: {}
+      };
+      internalData.value.push(defaultValues[props2.type]);
       emitValue();
     }
     function toggleMinimized(index2) {
       minimizedItems.value[index2] = !minimizedItems.value[index2];
     }
     function updateItem(index2, value) {
-      internalData.value[index2] = value;
+      if (props2.type === "text" || props2.type === "number") {
+        internalData.value[index2] = props2.type === "number" ? Number(value.value) : value.value;
+      } else {
+        internalData.value[index2] = value;
+      }
       emitValue();
     }
+    const isPrimitiveType = vue.computed(() => props2.type === "text" || props2.type === "number");
+    const canRenderItems = vue.computed(
+      () => isPrimitiveType.value || props2.type === "object" && resolvedSchemaData.value.length > 0
+    );
+    const showMinimizeButton = vue.computed(() => resolvedSchemaData.value.length > 4);
     return (_ctx, _cache) => {
+      const _component_Icon = vue.resolveComponent("Icon");
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(props2.class)
       }, [
-        vue.createElementVNode("p", _hoisted_1$L, vue.toDisplayString(_ctx.label), 1),
-        resolvedSchemaData.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y, [
-          schemaState.value === "loading" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
-            vue.createVNode(vue.unref(Loading))
-          ])) : schemaState.value === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$j, " Error ")) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_1$L, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_2$y, [
+          schemaState.value !== "loaded" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
+            schemaState.value === "loading" ? (vue.openBlock(), vue.createBlock(vue.unref(Loading), { key: 0 })) : schemaState.value === "error" ? (vue.openBlock(), vue.createBlock(_component_Icon, {
+              key: 1,
+              icon: "error",
+              color: "red"
+            })) : vue.createCommentVNode("", true)
+          ])) : !canRenderItems.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$j, _cache[0] || (_cache[0] = [
+            vue.createElementVNode("p", { class: "opacity-7" }, " No schema available ", -1)
+          ]))) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(internalData.value, (item, i2) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: i2,
@@ -15626,12 +15692,12 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
               }, [
                 minimizedItems.value[i2] ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$i, vue.toDisplayString(_ctx.label) + " " + vue.toDisplayString(i2 + 1), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
                   key: 1,
-                  "model-value": item,
+                  "model-value": isPrimitiveType.value ? { value: item } : item,
                   schema: resolvedSchemaData.value,
                   "onUpdate:modelValue": (val) => updateItem(i2, val)
                 }, null, 8, ["model-value", "schema", "onUpdate:modelValue"])),
                 vue.createElementVNode("div", _hoisted_6$f, [
-                  resolvedSchemaData.value.length > 4 ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+                  showMinimizeButton.value ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
                     key: 0,
                     class: "block rotate-180 txt10 opacity-7 p-025",
                     flat: "",
@@ -15664,11 +15730,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
               _: 1
             })) : vue.createCommentVNode("", true)
           ], 64))
-        ])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(internalData.value, (_2, i2) => {
-          return vue.openBlock(), vue.createElementBlock("div", { key: i2 }, _cache[0] || (_cache[0] = [
-            vue.createElementVNode("p", null, "No schema available", -1)
-          ]));
-        }), 128))
+        ])
       ], 2);
     };
   }