@bagelink/vue 0.0.955 → 0.0.957

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

@@ -1 +1 @@
-{"version":3,"file":"BglField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglField.vue"],"names":[],"mappings":"AAsHA,OAAO,EAGN,KAAK,KAAK,EAQV,MAAM,eAAe,CAAA;yBAGL,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;WA2KxD,mBAAmB,CAAC;;;;;eAvKrB,KAAK,CAAC,CAAC,CAAC;oBACH;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;SAAE;KAsKmD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;YAK+B,OAAO,CAAC,OAAO,WAAW,CAAC;;AArLvE,wBAqL4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"BglField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglField.vue"],"names":[],"mappings":"AAkJA,OAAO,EAGN,KAAK,KAAK,EAQV,MAAM,eAAe,CAAA;yBAGL,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;WAuMxD,mBAAmB,CAAC;;;;;eAnMrB,KAAK,CAAC,CAAC,CAAC;oBACH;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;SAAE;KAkMmD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;YAK+B,OAAO,CAAC,OAAO,WAAW,CAAC;;AAjNvE,wBAiN4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.cjs

@@ -9623,15 +9623,40 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
         emit2("update:modelValue", val);
       }
     });
+    const objPathRegex = /[.\][]/;
+    function setFieldData(key, val) {
+      const data2 = { ...props2.modelValue };
+      const keys4 = key.split(objPathRegex);
+      let temp = data2;
+      for (let i2 = 0; i2 < keys4.length - 1; i2++) {
+        if (!temp[keys4[i2]]) {
+          temp[keys4[i2]] = {};
+        }
+        temp = temp[keys4[i2]];
+      }
+      temp[keys4[keys4.length - 1]] = val;
+      return data2;
+    }
+    function getFieldData(obj, key) {
+      const keys4 = key.split(objPathRegex);
+      let result2 = obj;
+      for (const k2 of keys4) {
+        if (result2 && k2 in result2) {
+          result2 = result2[k2];
+        } else {
+          return void 0;
+        }
+      }
+      return result2;
+    }
     const fieldData = vue.computed({
       set: (val) => {
         if (!props2.field.id) return;
-        const data2 = { ...props2.modelValue };
-        data2[props2.field.id] = val;
+        const data2 = setFieldData(props2.field.id, val);
         emit2("update:modelValue", data2);
       },
       get: () => {
-        if (props2.field.id) return props2.modelValue[props2.field.id];
+        if (props2.field.id) return getFieldData(props2.modelValue, props2.field.id);
         return props2.field.defaultValue ?? "";
       }
     });

package/dist/index.mjs

@@ -9621,15 +9621,40 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
         emit2("update:modelValue", val);
       }
     });
+    const objPathRegex = /[.\][]/;
+    function setFieldData(key, val) {
+      const data2 = { ...props2.modelValue };
+      const keys4 = key.split(objPathRegex);
+      let temp = data2;
+      for (let i2 = 0; i2 < keys4.length - 1; i2++) {
+        if (!temp[keys4[i2]]) {
+          temp[keys4[i2]] = {};
+        }
+        temp = temp[keys4[i2]];
+      }
+      temp[keys4[keys4.length - 1]] = val;
+      return data2;
+    }
+    function getFieldData(obj, key) {
+      const keys4 = key.split(objPathRegex);
+      let result2 = obj;
+      for (const k2 of keys4) {
+        if (result2 && k2 in result2) {
+          result2 = result2[k2];
+        } else {
+          return void 0;
+        }
+      }
+      return result2;
+    }
     const fieldData = computed({
       set: (val) => {
         if (!props2.field.id) return;
-        const data2 = { ...props2.modelValue };
-        data2[props2.field.id] = val;
+        const data2 = setFieldData(props2.field.id, val);
         emit2("update:modelValue", data2);
       },
       get: () => {
-        if (props2.field.id) return props2.modelValue[props2.field.id];
+        if (props2.field.id) return getFieldData(props2.modelValue, props2.field.id);
         return props2.field.defaultValue ?? "";
       }
     });

package/dist/style.css

@@ -3598,6 +3598,12 @@ to {
 .align-content-center {
     align-content: center;
 }
+.align-content-start {
+    align-content: start;
+}
+.align-content-end {
+    align-content: end;
+}
 .align-content-space-between {
     align-content: space-between;
 }
@@ -6934,6 +6940,14 @@ to {
         align-content: center;
     }
 
+    .m_align-content-start {
+        align-content: start;
+    }
+
+    .m_align-content-end {
+        align-content: end;
+    }
+
     .m_align-content-space-between {
         align-content: space-between;
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.955",
+  "version": "0.0.957",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/form/BglField.vue

@@ -48,15 +48,43 @@ const formData = $computed({
 	},
 })
 
+const objPathRegex = /[.\][]/
+
+function setFieldData(key: string, val: any) {
+	const data = { ...props.modelValue }
+	const keys = key.split(objPathRegex)
+	let temp = data
+	for (let i = 0; i < keys.length - 1; i++) {
+		if (!temp[keys[i]]) {
+			temp[keys[i]] = {}
+		}
+		temp = temp[keys[i]]
+	}
+	temp[keys[keys.length - 1]] = val
+	return data
+}
+
+function getFieldData(obj: Record<string, any>, key: string) {
+	const keys = key.split(objPathRegex)
+	let result = obj
+	for (const k of keys) {
+		if (result && k in result) {
+			result = result[k]
+		} else {
+			return undefined
+		}
+	}
+	return result
+}
+
 const fieldData = $computed({
 	set: (val: any) => {
 		if (!props.field.id) return
-		const data = { ...props.modelValue }
-		data[props.field.id] = val
+		const data = setFieldData(props.field.id, val)
 		emit('update:modelValue', data)
 	},
 	get: () => {
-		if (props.field.id) return props.modelValue[props.field.id]
+		if (props.field.id) return getFieldData(props.modelValue, props.field.id)
 		return props.field.defaultValue ?? ''
 	},
 })

package/src/styles/layout.css

@@ -77,6 +77,14 @@
     align-content: center;
 }
 
+.align-content-start {
+    align-content: start;
+}
+
+.align-content-end {
+    align-content: end;
+}
+
 .align-content-space-between {
     align-content: space-between;
 }

package/src/styles/mobilLayout.css

@@ -102,6 +102,14 @@
         align-content: center;
     }
 
+    .m_align-content-start {
+        align-content: start;
+    }
+
+    .m_align-content-end {
+        align-content: end;
+    }
+
     .m_align-content-space-between {
         align-content: space-between;
     }