@bagelink/vue 0.0.172 → 0.0.186

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

@@ -1 +1 @@
-{"version":3,"file":"DataPreview.vue.d.ts","sourceRoot":"","sources":["../../src/components/DataPreview.vue"],"names":[],"mappings":"AA6CA;;;;;;;;;;;;AAiMA,wBAAwG;AAGxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"DataPreview.vue.d.ts","sourceRoot":"","sources":["../../src/components/DataPreview.vue"],"names":[],"mappings":"AAsDA;;;;;;;;;;;;AAsNA,wBAAwG;AAGxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropDown.vue.d.ts","sourceRoot":"","sources":["../../src/components/DropDown.vue"],"names":[],"mappings":"AAiBA;;;;;;;;;;;;;;AAqIA,wBAWG"}
+{"version":3,"file":"DropDown.vue.d.ts","sourceRoot":"","sources":["../../src/components/DropDown.vue"],"names":[],"mappings":"AAmBA;;;;;;;;;;;;;;AAoIA,wBAWG"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AA6DA;;;;;;;;;;;;;;;AAsUA,wBAAwG;AAGxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AA+DA;;;;;;;;;;;;;;;AAoUA,wBAAwG;AAGxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/form/inputs/Checkbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/Checkbox.vue"],"names":[],"mappings":"AAQA;;;;;;;;;;;;AAqHA,wBASG"}
+{"version":3,"file":"Checkbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/Checkbox.vue"],"names":[],"mappings":"AAQA;;;;;;;;;;;;AAwHA,wBASG"}

package/dist/components/form/inputs/TextInput.vue.d.ts

@@ -2,15 +2,18 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     id?: string | undefined;
     title?: string | undefined;
     placeholder?: string | undefined;
-    modelValue?: string | undefined;
+    modelValue?: string | number | undefined;
     label?: string | undefined;
-    editMode?: boolean | undefined;
     small?: boolean | undefined;
     required?: boolean | undefined;
     pattern?: string | undefined;
+    shrink?: boolean | undefined;
+    toggleEdit?: boolean | undefined;
+    type?: string | undefined;
     nativeInputAttrs?: Record<string, any> | undefined;
 }>, {
-    editMode: boolean;
+    type: string;
+    toggleEdit: boolean;
     modelValue: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
@@ -19,22 +22,26 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     id?: string | undefined;
     title?: string | undefined;
     placeholder?: string | undefined;
-    modelValue?: string | undefined;
+    modelValue?: string | number | undefined;
     label?: string | undefined;
-    editMode?: boolean | undefined;
     small?: boolean | undefined;
     required?: boolean | undefined;
     pattern?: string | undefined;
+    shrink?: boolean | undefined;
+    toggleEdit?: boolean | undefined;
+    type?: string | undefined;
     nativeInputAttrs?: Record<string, any> | undefined;
 }>, {
-    editMode: boolean;
+    type: string;
+    toggleEdit: boolean;
     modelValue: string;
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDebounce?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: string;
-    editMode: boolean;
+    modelValue: string | number;
+    type: string;
+    toggleEdit: boolean;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/form/inputs/TextInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TextInput.vue"],"names":[],"mappings":"AAqBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAmIe,MAAM;cAER,OAAO;;AAPpB,wBAkBG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TextInput.vue"],"names":[],"mappings":"AA6BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAmMe,MAAM,GAAG,MAAM;UAOrB,MAAM;gBADA,OAAO;;AAXtB,wBAoBG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.cjs

@@ -14608,7 +14608,7 @@ const _hoisted_3$H = { class: "full-nav" };
 const _hoisted_4$q = { class: "nav-scroll" };
 const _hoisted_5$l = { class: "nav-links-wrapper" };
 const _hoisted_6$h = { class: "icon-font" };
-const _hoisted_7$c = { class: "tooltip" };
+const _hoisted_7$d = { class: "tooltip" };
 const _hoisted_8$7 = { class: "bot-buttons-wrapper" };
 const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "NavBar",
@@ -14646,7 +14646,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
                 }, {
                   default: vue.withCtx(() => [
                     vue.createElementVNode("div", _hoisted_6$h, vue.toDisplayString(link.materialIcon), 1),
-                    vue.createElementVNode("div", _hoisted_7$c, vue.toDisplayString(link.localized ? link.localized : link.label), 1)
+                    vue.createElementVNode("div", _hoisted_7$d, vue.toDisplayString(link.localized ? link.localized : link.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["to"]);
@@ -14822,8 +14822,8 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
-    const isOpen = vue.ref(false);
-    const selectedOption = vue.ref(props2.modelValue);
+    let isOpen = vue.ref(false);
+    let selectedOption = vue.ref(props2.modelValue);
     function toggleDropdown() {
       isOpen.value = !isOpen.value;
     }
@@ -14834,11 +14834,11 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["dropdown", { opendrop: isOpen.value }]),
+        class: vue.normalizeClass(["dropdown", { opendrop: vue.unref(isOpen) }]),
         onClick: toggleDropdown
       }, [
         vue.createElementVNode("div", _hoisted_1$U, [
-          vue.createTextVNode(vue.toDisplayString(selectedOption.value || __props.placeholder) + " ", 1),
+          vue.createTextVNode(vue.toDisplayString(vue.unref(selectedOption) || __props.placeholder) + " ", 1),
           vue.createVNode(vue.unref(_sfc_main$R), { icon: "keyboard_arrow_down" })
         ]),
         vue.createElementVNode("div", _hoisted_2$M, [
@@ -14998,7 +14998,7 @@ const _hoisted_3$C = { class: "comment-top" };
 const _hoisted_4$n = { class: "comment-owner" };
 const _hoisted_5$j = { class: "comment-time" };
 const _hoisted_6$g = { class: "comment-actions" };
-const _hoisted_7$b = ["innerHTML"];
+const _hoisted_7$c = ["innerHTML"];
 const _hoisted_8$6 = { class: "new-comment" };
 const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "Comments",
@@ -15087,7 +15087,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                 key: 1,
                 class: "editor-wrapper",
                 innerHTML: comment.body_html
-              }, null, 8, _hoisted_7$b))
+              }, null, 8, _hoisted_7$c))
             ], 2);
           }), 128))
         ]),
@@ -15311,7 +15311,7 @@ const _hoisted_3$B = { class: "row first-row" };
 const _hoisted_4$m = ["onClick"];
 const _hoisted_5$i = { class: "flex" };
 const _hoisted_6$f = ["onClick"];
-const _hoisted_7$a = { key: 1 };
+const _hoisted_7$b = { key: 1 };
 const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: {
@@ -15351,10 +15351,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     const columns = vue.computed(
       () => {
         var _a;
-        return ((_a = props2.schema) == null ? void 0 : _a.call(props2)) || Object.keys(props2.data[0]).map((k) => ({
-          id: k,
-          inputType: "PlainText"
-        }));
+        return ((_a = props2.schema) == null ? void 0 : _a.call(props2)) || Object.keys(props2.data[0]).map((k) => ({ id: k, inputType: "PlainText" }));
       }
     );
     return (_ctx, _cache) => {
@@ -15401,9 +15398,14 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
                       key: 0,
                       row,
                       field
-                    }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$a, [
+                    }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$b, [
                       (field["v-if"] ? field["v-if"](row[field.id], row) : true) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(field.$el || field.$cmp || "div"), vue.mergeProps({ key: 0 }, bindAttrs(field.attrs, row[field.id], row), {
-                        src: field.$el === "img" ? (_a = row[field.id]) == null ? void 0 : _a.url : ""
+                        src: field.$el === "img" ? (_a = row[field.id]) == null ? void 0 : _a.url : "",
+                        "onUpdate:modelValue": ($event) => {
+                          var _a2;
+                          return (_a2 = field == null ? void 0 : field.onUpdate) == null ? void 0 : _a2.call(field, $event, row[field.id], row);
+                        },
+                        modelValue: row[field.id]
                       }), {
                         default: vue.withCtx(() => {
                           var _a2;
@@ -15412,7 +15414,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
                           ];
                         }),
                         _: 2
-                      }, 1040, ["src"])) : vue.createCommentVNode("", true)
+                      }, 1040, ["src", "onUpdate:modelValue", "modelValue"])) : vue.createCommentVNode("", true)
                     ]))
                   ]);
                 }), 128))
@@ -15424,7 +15426,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-fb5b163a"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-8cd8ab82"]]);
 const _sfc_main$E = {};
 const _hoisted_1$M = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
@@ -15508,7 +15510,7 @@ const _hoisted_6$e = {
   key: 0,
   class: "person-card-details"
 };
-const _hoisted_7$9 = {
+const _hoisted_7$a = {
   key: 1,
   class: "person-card-details"
 };
@@ -15578,7 +15580,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
               }, vue.toDisplayString(phone.phone), 1);
             }), 128))
           ])) : vue.createCommentVNode("", true),
-          ((_b = _ctx.person.email) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$9, [
+          ((_b = _ctx.person.email) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$a, [
             vue.createVNode(vue.unref(_sfc_main$R), { icon: "email" }),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.person.email, (email) => {
               return vue.openBlock(), vue.createElementBlock("p", {
@@ -15604,10 +15606,14 @@ const _hoisted_2$D = {
   key: 0,
   class: "mb-3 mt-0"
 };
-const _hoisted_3$z = { class: "key" };
-const _hoisted_4$k = { key: 1 };
-const _hoisted_5$g = { class: "key" };
-const _hoisted_6$d = { class: "vlue" };
+const _hoisted_3$z = {
+  key: 0,
+  class: "data-row"
+};
+const _hoisted_4$k = { class: "key" };
+const _hoisted_5$g = { key: 1 };
+const _hoisted_6$d = { class: "key" };
+const _hoisted_7$9 = { class: "vlue" };
 const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "DataPreview",
   props: {
@@ -15618,34 +15624,55 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const i18nT = useI18nT();
     const keysToIgnore = ["id", "person_id", "person", "created_at", "updated_at"];
+    const props2 = __props;
+    const itemData = vue.ref(props2.data);
+    const bindAttrs = (attrs, field, row) => {
+      const arr = Object.entries(attrs || {}).map(([key, value]) => [
+        key,
+        typeof value === "function" ? value(field, row) : value
+      ]);
+      const resolvedAttrs = Object.fromEntries(arr);
+      return resolvedAttrs;
+    };
     return (_ctx, _cache) => {
       var _a;
       return _ctx.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
         _ctx.title ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_2$D, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.schema || [], (field) => {
-          return vue.openBlock(), vue.createElementBlock("div", {
-            key: field.id,
-            class: "data-row"
+          return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+            key: field.id
           }, [
-            vue.createElementVNode("div", _hoisted_3$z, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1),
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(field.$el || "div"), { class: "vlue" }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(_ctx.data[field.id] || field.defaultValue), 1)
-              ]),
-              _: 2
-            }, 1024))
-          ]);
+            (field["v-if"] ? field["v-if"](itemData.value[field.id], itemData.value) : true) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$z, [
+              vue.createElementVNode("div", _hoisted_4$k, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1),
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(field.$el || "div"), vue.mergeProps({
+                class: "vlue",
+                modelValue: itemData.value[field.id],
+                "onUpdate:modelValue": [($event) => itemData.value[field.id] = $event, ($event) => {
+                  var _a2;
+                  return (_a2 = field == null ? void 0 : field.onUpdate) == null ? void 0 : _a2.call(field, $event, _ctx.data[field.id], itemData.value);
+                }]
+              }, bindAttrs(field.attrs, itemData.value[field.id], itemData.value)), {
+                default: vue.withCtx(() => {
+                  var _a2;
+                  return [
+                    vue.createTextVNode(vue.toDisplayString(((_a2 = field == null ? void 0 : field.transform) == null ? void 0 : _a2.call(field, itemData.value[field.id] || field.defaultValue, itemData.value)) || itemData.value[field.id] || ""), 1)
+                  ];
+                }),
+                _: 2
+              }, 1040, ["modelValue", "onUpdate:modelValue"]))
+            ])) : vue.createCommentVNode("", true)
+          ], 64);
         }), 128)),
-        !((_a = _ctx.schema) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$k, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.entries(_ctx.data).filter(
+        !((_a = _ctx.schema) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$g, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.entries(itemData.value).filter(
             ([key]) => !keysToIgnore.includes(key)
           ), ([key, value]) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               class: "data-row",
               key
             }, [
-              vue.createElementVNode("div", _hoisted_5$g, vue.toDisplayString(vue.unref(i18nT)(vue.unref(keyToLabel)(key))), 1),
-              vue.createElementVNode("div", _hoisted_6$d, vue.toDisplayString(value), 1)
+              vue.createElementVNode("div", _hoisted_6$d, vue.toDisplayString(vue.unref(i18nT)(vue.unref(keyToLabel)(key))), 1),
+              vue.createElementVNode("div", _hoisted_7$9, vue.toDisplayString(value), 1)
             ]);
           }), 128))
         ])) : vue.createCommentVNode("", true),
@@ -15654,7 +15681,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-86e783b9"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-dc2757c4"]]);
 const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-fe5af582"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$I = { class: "bar-chart" };
 const _hoisted_2$C = {
@@ -17045,13 +17072,17 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
       (v) => {
         if (v === void 0 || v === val.value)
           return;
+        console.log("v", v);
         val.value = v;
       },
       { immediate: true }
     );
     vue.watch(
       () => val.value,
-      (v) => emits("update:modelValue", v)
+      (v) => {
+        if (v !== props2.modelValue)
+          emits("update:modelValue", v);
+      }
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("label", _hoisted_1$H, [
@@ -17068,7 +17099,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-fe72d553"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-6b168ea9"]]);
 const _hoisted_1$G = { class: "bagel-input" };
 const _hoisted_2$B = { class: "mt-1" };
 const _hoisted_3$x = {
@@ -18128,7 +18159,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
       }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(variables.value, (v) => {
           var _a;
-          return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$6), {
+          return vue.openBlock(), vue.createBlock(vue.unref(TextInput), {
             key: v,
             placeholder: `Variable ${v}`,
             modelValue: (_a = vue.unref(val)) == null ? void 0 : _a[v - 1],
@@ -21981,7 +22012,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$h = ["title"];
 const _hoisted_2$e = ["for"];
-const _hoisted_3$c = ["id", "placeholder", "required", "pattern"];
+const _hoisted_3$c = ["id", "type", "placeholder", "disabled", "required", "pattern"];
 const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "TextInput",
   props: {
@@ -21990,10 +22021,12 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     placeholder: {},
     modelValue: { default: "" },
     label: {},
-    editMode: { type: Boolean, default: true },
     small: { type: Boolean },
     required: { type: Boolean },
     pattern: {},
+    shrink: { type: Boolean },
+    toggleEdit: { type: Boolean, default: false },
+    type: { default: "text" },
     nativeInputAttrs: {}
   },
   emits: ["update:modelValue", "debounce"],
@@ -22001,9 +22034,28 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     const emit2 = __emit;
     const props2 = __props;
     let inputVal = vue.ref();
+    let editMode = vue.ref(!props2.toggleEdit);
+    const input2 = vue.ref();
+    const toggleEditAction = () => {
+      if (editMode.value) {
+        editMode.value = false;
+        emit2("debounce", inputVal.value);
+        emit2("update:modelValue", inputVal.value);
+      } else {
+        editMode.value = true;
+        setTimeout(() => {
+          var _a;
+          return (_a = input2.value) == null ? void 0 : _a.focus();
+        }, 10);
+      }
+    };
     vue.watch(
       () => inputVal.value,
       (newVal) => {
+        if (props2.toggleEdit)
+          return;
+        if (newVal === props2.modelValue)
+          return;
         emit2("update:modelValue", newVal);
         debounce(() => emit2("debounce", newVal));
       }
@@ -22018,7 +22070,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
+        class: vue.normalizeClass(["bagel-input", { small: _ctx.small, shrink: _ctx.shrink, toggleEdit: _ctx.toggleEdit, editMode: vue.unref(editMode) }]),
         title: _ctx.title
       }, [
         vue.createElementVNode("label", { for: _ctx.id }, [
@@ -22026,19 +22078,33 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
             id: _ctx.id,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(inputVal) ? inputVal.value = $event : inputVal = $event),
-            type: "text",
+            type: _ctx.type,
+            ref_key: "input",
+            ref: input2,
             placeholder: _ctx.placeholder || _ctx.label,
-            class: { "no-edit": !_ctx.editMode },
+            disabled: !vue.unref(editMode),
             required: _ctx.required,
             pattern: _ctx.pattern
-          }, _ctx.nativeInputAttrs), null, 16, _hoisted_3$c), [
-            [vue.vModelText, vue.unref(inputVal)]
+          }, _ctx.nativeInputAttrs, {
+            onDblclick: toggleEditAction,
+            onKeydown: vue.withKeys(toggleEditAction, ["enter"])
+          }), null, 16, _hoisted_3$c), [
+            [vue.vModelDynamic, vue.unref(inputVal)]
           ])
-        ], 8, _hoisted_2$e)
+        ], 8, _hoisted_2$e),
+        _ctx.toggleEdit ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+          key: 0,
+          class: "toggleEditBtn",
+          thin: "",
+          onClick: toggleEditAction,
+          icon: vue.unref(editMode) ? "check" : "edit",
+          flat: ""
+        }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
       ], 10, _hoisted_1$h);
     };
   }
 });
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-7b082166"]]);
 const _hoisted_1$g = ["title"];
 const _hoisted_2$d = { key: 0 };
 const _hoisted_3$b = {
@@ -28843,7 +28909,7 @@ exports.TabbedLayout = TabbedLayout;
 exports.TableField = TableField;
 exports.TableSchema = TableSchema;
 exports.TextArea = TextArea;
-exports.TextInput = _sfc_main$6;
+exports.TextInput = TextInput;
 exports.TextVariableExamples = _sfc_main$q;
 exports.TextVariablesInput = TextVariablesInput;
 exports.ToggleSwitchInput = ToggleSwitchInput;