x-runtime-lib 0.8.206 → 0.8.208

package/dist/element/3d/geometry/boxGeometry/v1/spawn.d.ts

@@ -1,2 +1,2 @@
 import { NodePair } from '@/types';
-export declare function spawn(type: string, subtype: string): NodePair | undefined;
+export declare function spawn(type: string, subtype: string): NodePair;

package/dist/element/3d/geometry/sphereGeometry/v1/spawn.d.ts

@@ -1,2 +1,2 @@
 import { NodePair } from '@/types';
-export declare function spawn(type: string, subtype: string): NodePair | undefined;
+export declare function spawn(type: string, subtype: string): NodePair;

package/dist/element/_common/global/index.d.ts

@@ -1,6 +1,4 @@
-import { ZElement, ZElementKey, ZElements, ZProperty } from '@/types';
+import { ZElement, ZElementKey, ZElements } from '@/types';
 export declare const regElement: (element: ZElement) => void;
 export declare function getAllElements(): ZElements;
 export declare function getElement(key: ZElementKey | string): ZElement | undefined;
-export declare function getElementMust(key: ZElementKey): ZElement;
-export declare function getProperties(element: ZElement, type: string, subtype: string): ZProperty[];

package/dist/element/chart/barChart/v1/spawn.d.ts

@@ -1,2 +1,2 @@
 import { NodePair } from '@/types';
-export declare function spawn(type: string, subtype: string): NodePair | undefined;
+export declare function spawn(type: string, subtype: string): NodePair;

package/dist/element/chart/lineChart/v1/spawn.d.ts

@@ -1,2 +1,2 @@
 import { NodePair } from '@/types';
-export declare function spawn(type: string, subtype: string): NodePair | undefined;
+export declare function spawn(type: string, subtype: string): NodePair;

package/dist/element/ui/btn/v1/spawn.d.ts

@@ -1,2 +1,2 @@
 import { NodePair } from '@/types';
-export declare function spawn(type: string, subtype: string): NodePair | undefined;
+export declare function spawn(type: string, subtype: string): NodePair;

package/dist/element/ui/card/v1/spawn.d.ts

@@ -1,2 +1,2 @@
 import { NodePair } from '@/types';
-export declare function spawn(type: string, subtype: string): NodePair | undefined;
+export declare function spawn(type: string, subtype: string): NodePair;

package/dist/element/ui/chipGroup/v1/spawn.d.ts

@@ -1,2 +1,2 @@
 import { NodePair } from '@/types';
-export declare function spawn(type: string, subtype: string): NodePair | undefined;
+export declare function spawn(type: string, subtype: string): NodePair;

package/dist/element/ui/dataTable/v1/spawn.d.ts

@@ -1,2 +1,2 @@
 import { NodePair } from '@/types';
-export declare function spawn(type: string, subtype: string): NodePair | undefined;
+export declare function spawn(type: string, subtype: string): NodePair;

package/dist/element/ui/flexLayout/v1/spawn.d.ts

@@ -1,2 +1,2 @@
 import { NodePair } from '@/types';
-export declare function spawn(type: string, subtype: string): NodePair | undefined;
+export declare function spawn(type: string, subtype: string): NodePair;

package/dist/element/ui/form/v1/spawn.d.ts

@@ -1,2 +1,2 @@
 import { NodePair } from '@/types';
-export declare function spawn(type: string, subtype: string): NodePair | undefined;
+export declare function spawn(type: string, subtype: string): NodePair;

package/dist/element/ui/numberInput/v1/spawn.d.ts

@@ -1,2 +1,2 @@
 import { NodePair } from '@/types';
-export declare function spawn(type: string, subtype: string): NodePair | undefined;
+export declare function spawn(type: string, subtype: string): NodePair;

package/dist/element/ui/radioGroup/v1/spawn.d.ts

@@ -1,2 +1,2 @@
 import { NodePair } from '@/types';
-export declare function spawn(type: string, subtype: string): NodePair | undefined;
+export declare function spawn(type: string, subtype: string): NodePair;

package/dist/element/ui/stepper/v1/spawn.d.ts

@@ -1,2 +1,2 @@
 import { NodePair } from '@/types';
-export declare function spawn(type: string, subtype: string): NodePair | undefined;
+export declare function spawn(type: string, subtype: string): NodePair;

package/dist/element/ui/tabs/v1/spawn.d.ts

@@ -1,2 +1,2 @@
 import { NodePair } from '@/types';
-export declare function spawn(type: string, subtype: string): NodePair | undefined;
+export declare function spawn(type: string, subtype: string): NodePair;

package/dist/element/ui/text/v1/spawn.d.ts

@@ -1,2 +1,2 @@
 import { NodePair } from '@/types';
-export declare function spawn(type: string, subtype: string): NodePair | undefined;
+export declare function spawn(type: string, subtype: string): NodePair;

package/dist/element/ui/textarea/v1/spawn.d.ts

@@ -1,2 +1,2 @@
 import { NodePair } from '@/types';
-export declare function spawn(type: string, subtype: string): NodePair | undefined;
+export declare function spawn(type: string, subtype: string): NodePair;

package/dist/element/ui/timeline/v1/spawn.d.ts

@@ -1,2 +1,2 @@
 import { NodePair } from '@/types';
-export declare function spawn(type: string, subtype: string): NodePair | undefined;
+export declare function spawn(type: string, subtype: string): NodePair;

package/dist/element/ui/window/v1/spawn.d.ts

@@ -1,2 +1,2 @@
 import { NodePair } from '@/types';
-export declare function spawn(type: string, subtype: string): NodePair | undefined;
+export declare function spawn(type: string, subtype: string): NodePair;

package/dist/index.js

@@ -224,94 +224,12 @@ function toEventName(e, p) {
 			m = makePrefix("adaptSlot", "propertyChange"), g = !1;
 			break;
 		case "stateChangeEvent":
-			m = makePrefix("state"), g = !1;
+			m = makePrefix("stateChange"), g = !1;
 			break;
 		default: console.assert(!1, `not implemented kind=${e}`);
 	}
 	return joinNames(m, p, g);
 }
-function isExecutableMode(e) {
-	return e === "runtime" || e === "preview";
-}
-function isCircularReference(e, p) {
-	if (e.compId === p) return !0;
-	let m = e;
-	for (; m;) {
-		if (m.parent && m.compId === m.parent.compId) return !0;
-		m = m.parent;
-	}
-	return !1;
-}
-function initNode() {
-	return { basic: {
-		id: "",
-		key: ""
-	} };
-}
-function toNodeLite(e, p) {
-	return {
-		id: e.basic.id,
-		key: e.basic.key,
-		slotId: e.settings?.slot,
-		compId: e.settings?.comp,
-		children: p
-	};
-}
-function dataStringify({ type: e, version: p, view: m, code: g }) {
-	let _ = (e, p) => {
-		let m = { id: p.id };
-		p.children && (m.children = [], p.children.forEach((e) => {
-			_(m.children, e);
-		})), e.push(m);
-	}, v = [];
-	m.nodeLites.forEach((e) => {
-		_(v, e);
-	});
-	let y = {
-		type: e,
-		version: p,
-		view: {
-			nodeLites: v,
-			nodes: m.nodes
-		},
-		code: g
-	};
-	return JSON.stringify(y);
-}
-function parseData(e) {
-	let p = JSON.parse(e), m = (e, g) => {
-		e.key = g.basic.key, e.alias = g.basic.alias, e.slotId = g.settings?.slot, e.compId = g.settings?.comp, e.children?.forEach((e) => {
-			m(e, p.view.nodes[e.id]);
-		});
-	};
-	return p.view.nodeLites.forEach((e) => {
-		m(e, p.view.nodes[e.id]);
-	}), p;
-}
-function metaStringify(e) {
-	return JSON.stringify(e);
-}
-function parseMeta(e) {
-	return JSON.parse(e);
-}
-const pageTypes = [
-	"ui",
-	"2d",
-	"3d"
-], compTypes = [
-	"ui",
-	"2d",
-	"3d"
-];
-function getTag(e, p) {
-	if (e === "page") {
-		if (!pageTypes.includes(p)) throw Error("invalid page type");
-	} else if (e === "comp") {
-		if (!compTypes.includes(p)) throw Error("invalid comp type");
-	} else throw Error("invalid type");
-	return `${e}${capitalize_default(p)}`;
-}
-const elementKeys = /* @__PURE__ */ "globality_v1.multiple_ref_v1.multiple_slot_v1.ref_v1.render_switch_v1.slot_v1.ui_badge_v1.ui_breadcrumbs_v1.ui_bar_chart_v1.ui_btn_v1.ui_btn_group_v1.ui_btn_toggle_v1.ui_card_v1.ui_checkbox_v1.ui_chip_v1.ui_chip_group_v1.ui_color_picker_v1.ui_combobox_v1.ui_container_v1.ui_data_table_v1.ui_date_picker_v1.ui_dialog_v1.ui_file_input_v1.ui_flex_layout_v1.ui_flex_layout_entry_v1.ui_form_v1.ui_icon_v1.ui_line_chart_v1.ui_menu_v1.ui_number_input_v1.ui_pagination_v1.ui_radio_v1.ui_radio_group_v1.ui_range_slider_v1.ui_rating_v1.ui_select_v1.ui_slider_v1.ui_stepper_v1.ui_stepper_header_v1.ui_stepper_item_v1.ui_stepper_window_v1.ui_stepper_window_item_v1.ui_switch_v1.ui_tab_v1.ui_table_v1.ui_tabs_v1.ui_text_v1.ui_textarea_v1.ui_text_field_v1.ui_timeline_v1.ui_timeline_item_v1.ui_window_v1.ui_window_item_v1.3d_ambient_light_v1.3d_box_geometry_v1.3d_directional_light_v1.3d_group_v1.3d_keyboard_controls_v1.3d_map_controls_v1.3d_mesh_v1.3d_mesh_basic_material_v1.3d_orbit_controls_v1.3d_orthographic_camera_v1.3d_perspective_camera_v1.3d_point_light_v1.3d_sphere_geometry_v1.3d_spot_light_v1".split(".");
 var elements = {};
 const regElement = (e) => {
 	elements[e.key] = e;
@@ -322,16 +240,6 @@ function getAllElements() {
 function getElement(e) {
 	return elements[e];
 }
-function getElementMust(e) {
-	let p = elements[e];
-	if (!p) throw Error(`element not found key=${e}`);
-	return p;
-}
-function getProperties(e, p, m) {
-	let g = e.properties[getTag(p, m)];
-	if (!g) throw Error(`properties not found key=${e.key} type=${p} subtype=${m}`);
-	return g;
-}
 const alignTabsItemsV1 = [
 	{
 		title: "x-runtime-lib.title",
@@ -1503,6 +1411,74 @@ function useElementSlotProperty(e, p, m, g) {
 		await e.hooks.onPropertyChange(makePropertyId("elementAdaptSlotProperty", "globality", makePropertyKeyOfElementSlot(p.value.basic.key, e.slotId, m)), g, _, e.instance);
 	}, { immediate: !0 });
 }
+function isExecutableMode(e) {
+	return e === "runtime" || e === "preview";
+}
+function isCircularReference(e, p) {
+	if (e.compId === p) return !0;
+	let m = e;
+	for (; m;) {
+		if (m.parent && m.compId === m.parent.compId) return !0;
+		m = m.parent;
+	}
+	return !1;
+}
+function toNodeLite(e, p) {
+	return {
+		id: e.basic.id,
+		key: e.basic.key,
+		slotId: e.settings?.slot,
+		compId: e.settings?.comp,
+		children: p
+	};
+}
+function dataStringify({ type: e, version: p, view: m, code: g }) {
+	let _ = (e, p) => {
+		let m = { id: p.id };
+		p.children && (m.children = [], p.children.forEach((e) => {
+			_(m.children, e);
+		})), e.push(m);
+	}, v = [];
+	m.nodeLites.forEach((e) => {
+		_(v, e);
+	});
+	let y = {
+		type: e,
+		version: p,
+		view: {
+			nodeLites: v,
+			nodes: m.nodes
+		},
+		code: g
+	};
+	return JSON.stringify(y);
+}
+function parseData(e) {
+	let p = JSON.parse(e), m = (e, g) => {
+		e.key = g.basic.key, e.alias = g.basic.alias, e.slotId = g.settings?.slot, e.compId = g.settings?.comp, e.children?.forEach((e) => {
+			m(e, p.view.nodes[e.id]);
+		});
+	};
+	return p.view.nodeLites.forEach((e) => {
+		m(e, p.view.nodes[e.id]);
+	}), p;
+}
+function metaStringify(e) {
+	return JSON.stringify(e);
+}
+function parseMeta(e) {
+	return JSON.parse(e);
+}
+const pageTypes = ["ui", "3d"], compTypes = ["ui", "3d"];
+function getTag(e, p) {
+	if (e === "page") {
+		if (!pageTypes.includes(p)) throw Error("invalid page type");
+	} else if (e === "comp") {
+		if (!compTypes.includes(p)) throw Error("invalid comp type");
+	} else throw Error("invalid type");
+	return `${e}${capitalize_default(p)}`;
+}
+const elementKeys = /* @__PURE__ */ "globality_v1.multiple_ref_v1.multiple_slot_v1.ref_v1.render_switch_v1.slot_v1.ui_badge_v1.ui_breadcrumbs_v1.ui_bar_chart_v1.ui_btn_v1.ui_btn_group_v1.ui_btn_toggle_v1.ui_card_v1.ui_checkbox_v1.ui_chip_v1.ui_chip_group_v1.ui_color_picker_v1.ui_combobox_v1.ui_container_v1.ui_data_table_v1.ui_date_picker_v1.ui_dialog_v1.ui_file_input_v1.ui_flex_layout_v1.ui_flex_layout_entry_v1.ui_form_v1.ui_icon_v1.ui_line_chart_v1.ui_menu_v1.ui_number_input_v1.ui_pagination_v1.ui_radio_v1.ui_radio_group_v1.ui_range_slider_v1.ui_rating_v1.ui_select_v1.ui_slider_v1.ui_stepper_v1.ui_stepper_header_v1.ui_stepper_item_v1.ui_stepper_window_v1.ui_stepper_window_item_v1.ui_switch_v1.ui_tab_v1.ui_table_v1.ui_tabs_v1.ui_text_v1.ui_textarea_v1.ui_text_field_v1.ui_timeline_v1.ui_timeline_item_v1.ui_window_v1.ui_window_item_v1.3d_ambient_light_v1.3d_box_geometry_v1.3d_directional_light_v1.3d_group_v1.3d_keyboard_controls_v1.3d_map_controls_v1.3d_mesh_v1.3d_mesh_basic_material_v1.3d_orbit_controls_v1.3d_orthographic_camera_v1.3d_perspective_camera_v1.3d_point_light_v1.3d_sphere_geometry_v1.3d_spot_light_v1".split(".");
 function useElementSlotRender(e, p, m) {
 	function g(p) {
 		let m = getElement(p.key);
@@ -6002,8 +5978,8 @@ const orbitControlsV1 = {
 };
 regElement(orbitControlsV1);
 function spawn$17(e, p) {
-	let m = getElementMust("3d_mesh_v1"), g = getProperties(m, e, p), _ = initNode();
-	initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key, _.transform = {
+	let m = createNode(e, p, "3d_mesh_v1");
+	m.transform = {
 		position: {
 			x: 0,
 			y: 0,
@@ -6020,19 +5996,19 @@ function spawn$17(e, p) {
 			z: 1
 		}
 	};
-	let v = spawnBoxGeometry(e, p), y = spawnMeshBasicMaterial$1(e, p);
+	let g = spawnBoxGeometry(e, p), _ = spawnMeshBasicMaterial$1(e, p);
 	return {
-		nodeLite: toNodeLite(_, [v.nodeLite, y.nodeLite]),
+		nodeLite: toNodeLite(m, [g.nodeLite, _.nodeLite]),
 		nodes: {
-			[_.basic.id]: _,
-			...v.nodes,
-			...y.nodes
+			[m.basic.id]: m,
+			...g.nodes,
+			..._.nodes
 		}
 	};
 }
 function spawnBoxGeometry(e, p) {
-	let m = getElementMust("3d_box_geometry_v1"), g = getProperties(m, e, p), _ = initNode();
-	return initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key, _.settings = {
+	let m = createNode(e, p, "3d_box_geometry_v1");
+	return m.settings = {
 		width: 1,
 		height: 1,
 		depth: 1,
@@ -6040,15 +6016,15 @@ function spawnBoxGeometry(e, p) {
 		heightSegements: 1,
 		depthSegements: 1
 	}, {
-		nodeLite: toNodeLite(_),
-		nodes: { [_.basic.id]: _ }
+		nodeLite: toNodeLite(m),
+		nodes: { [m.basic.id]: m }
 	};
 }
 function spawnMeshBasicMaterial$1(e, p) {
-	let m = getElementMust("3d_mesh_basic_material_v1"), g = getProperties(m, e, p), _ = initNode();
-	return initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key, {
-		nodeLite: toNodeLite(_),
-		nodes: { [_.basic.id]: _ }
+	let m = createNode(e, p, "3d_mesh_basic_material_v1");
+	return {
+		nodeLite: toNodeLite(m),
+		nodes: { [m.basic.id]: m }
 	};
 }
 var settings$43 = {
@@ -6112,8 +6088,8 @@ const boxGeometryV1 = {
 };
 regElement(boxGeometryV1);
 function spawn$16(e, p) {
-	let m = getElementMust("3d_mesh_v1"), g = getProperties(m, e, p), _ = initNode();
-	initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key, _.transform = {
+	let m = createNode(e, p, "3d_mesh_v1");
+	m.transform = {
 		position: {
 			x: 0,
 			y: 0,
@@ -6130,19 +6106,19 @@ function spawn$16(e, p) {
 			z: 1
 		}
 	};
-	let v = spawnSphereGeometry(e, p), y = spawnMeshBasicMaterial(e, p);
+	let g = spawnSphereGeometry(e, p), _ = spawnMeshBasicMaterial(e, p);
 	return {
-		nodeLite: toNodeLite(_, [v.nodeLite, y.nodeLite]),
+		nodeLite: toNodeLite(m, [g.nodeLite, _.nodeLite]),
 		nodes: {
-			[_.basic.id]: _,
-			...v.nodes,
-			...y.nodes
+			[m.basic.id]: m,
+			...g.nodes,
+			..._.nodes
 		}
 	};
 }
 function spawnSphereGeometry(e, p) {
-	let m = getElementMust("3d_sphere_geometry_v1"), g = getProperties(m, e, p), _ = initNode();
-	return initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key, _.settings = {
+	let m = createNode(e, p, "3d_sphere_geometry_v1");
+	return m.settings = {
 		radius: 1,
 		widthSegements: 32,
 		heightSegements: 16,
@@ -6151,15 +6127,15 @@ function spawnSphereGeometry(e, p) {
 		thetaStart: 0,
 		thetaLength: 3.141592653589793
 	}, {
-		nodeLite: toNodeLite(_),
-		nodes: { [_.basic.id]: _ }
+		nodeLite: toNodeLite(m),
+		nodes: { [m.basic.id]: m }
 	};
 }
 function spawnMeshBasicMaterial(e, p) {
-	let m = getElementMust("3d_mesh_basic_material_v1"), g = getProperties(m, e, p), _ = initNode();
-	return initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key, {
-		nodeLite: toNodeLite(_),
-		nodes: { [_.basic.id]: _ }
+	let m = createNode(e, p, "3d_mesh_basic_material_v1");
+	return {
+		nodeLite: toNodeLite(m),
+		nodes: { [m.basic.id]: m }
 	};
 }
 var settings$42 = {
@@ -6458,8 +6434,8 @@ const meshV1 = {
 };
 regElement(meshV1);
 function spawn$15(e, p) {
-	let m = getElementMust("ui_bar_chart_v1"), g = getProperties(m, e, p), _ = initNode();
-	return initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key, _.size.height = "300px", _.xAxis.data = [
+	let m = createNode(e, p, "ui_bar_chart_v1");
+	return m.size.height = "300px", m.xAxis.data = [
 		"Mon",
 		"Tue",
 		"Wed",
@@ -6467,7 +6443,7 @@ function spawn$15(e, p) {
 		"Fri",
 		"Sat",
 		"Sun"
-	], _.series = [{
+	], m.series = [{
 		type: "bar",
 		data: [
 			120,
@@ -6479,8 +6455,8 @@ function spawn$15(e, p) {
 			130
 		]
 	}], {
-		nodeLite: toNodeLite(_),
-		nodes: { [_.basic.id]: _ }
+		nodeLite: toNodeLite(m),
+		nodes: { [m.basic.id]: m }
 	};
 }
 var series$1 = {
@@ -6531,8 +6507,8 @@ const barChartV1 = {
 };
 regElement(barChartV1);
 function spawn$14(e, p) {
-	let m = getElementMust("ui_line_chart_v1"), g = getProperties(m, e, p), _ = initNode();
-	return initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key, _.size.height = "300px", _.xAxis.data = [
+	let m = createNode(e, p, "ui_line_chart_v1");
+	return m.size.height = "300px", m.xAxis.data = [
 		"Mon",
 		"Tue",
 		"Wed",
@@ -6540,7 +6516,7 @@ function spawn$14(e, p) {
 		"Fri",
 		"Sat",
 		"Sun"
-	], _.series = [{
+	], m.series = [{
 		type: "line",
 		data: [
 			120,
@@ -6552,8 +6528,8 @@ function spawn$14(e, p) {
 			130
 		]
 	}], {
-		nodeLite: toNodeLite(_),
-		nodes: { [_.basic.id]: _ }
+		nodeLite: toNodeLite(m),
+		nodes: { [m.basic.id]: m }
 	};
 }
 var series = {
@@ -6923,10 +6899,10 @@ const badgeV1 = {
 };
 regElement(badgeV1);
 function spawn$13(e, p) {
-	let m = getElementMust("ui_btn_v1"), g = getProperties(m, e, p), _ = initNode();
-	return initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key, _.settings.text = "button", {
-		nodeLite: toNodeLite(_),
-		nodes: { [_.basic.id]: _ }
+	let m = createNode(e, p, "ui_btn_v1");
+	return m.settings.text = "button", {
+		nodeLite: toNodeLite(m),
+		nodes: { [m.basic.id]: m }
 	};
 }
 var settings$31 = {
@@ -7121,10 +7097,10 @@ const btnToggleV1 = {
 };
 regElement(btnToggleV1);
 function spawn$12(e, p) {
-	let m = getElementMust("ui_card_v1"), g = getProperties(m, e, p), _ = initNode();
-	return initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key, _.children = [], _.settings.title = "title", _.settings.subtitle = "subtitle", _.settings.text = "text", {
-		nodeLite: toNodeLite(_),
-		nodes: { [_.basic.id]: _ }
+	let m = createNode(e, p, "ui_card_v1");
+	return m.children = [], m.settings.title = "title", m.settings.subtitle = "subtitle", m.settings.text = "text", {
+		nodeLite: toNodeLite(m),
+		nodes: { [m.basic.id]: m }
 	};
 }
 var settings$29 = {
@@ -7316,34 +7292,32 @@ const chipV1 = {
 };
 regElement(chipV1);
 function spawn$11(e, p) {
-	let m = getElementMust("ui_chip_group_v1"), g = getProperties(m, e, p), _ = initNode();
-	initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key;
-	let v = spawnChip(e, p, "chip1", "chip 1"), y = spawnChip(e, p, "chip2", "chip 2"), b = spawnChip(e, p, "chip3", "chip 3"), x = spawnChip(e, p, "chip4", "chip 4"), S = spawnChip(e, p, "chip5", "chip 5"), C = spawnChip(e, p, "chip6", "chip 6");
+	let m = createNode(e, p, "ui_chip_group_v1"), g = spawnChip(e, p, "chip1", "chip 1"), _ = spawnChip(e, p, "chip2", "chip 2"), v = spawnChip(e, p, "chip3", "chip 3"), y = spawnChip(e, p, "chip4", "chip 4"), b = spawnChip(e, p, "chip5", "chip 5"), x = spawnChip(e, p, "chip6", "chip 6");
 	return {
-		nodeLite: toNodeLite(_, [
+		nodeLite: toNodeLite(m, [
+			g.nodeLite,
+			_.nodeLite,
 			v.nodeLite,
 			y.nodeLite,
 			b.nodeLite,
-			x.nodeLite,
-			S.nodeLite,
-			C.nodeLite
+			x.nodeLite
 		]),
 		nodes: {
-			[_.basic.id]: _,
+			[m.basic.id]: m,
+			...g.nodes,
+			..._.nodes,
 			...v.nodes,
 			...y.nodes,
 			...b.nodes,
-			...x.nodes,
-			...S.nodes,
-			...C.nodes
+			...x.nodes
 		}
 	};
 }
 function spawnChip(e, p, m, g) {
-	let _ = getElementMust("ui_chip_v1"), v = getProperties(_, e, p), y = initNode();
-	return initProperties(y, v), y.basic.id = genId(16), y.basic.key = _.key, y.settings.value = m, y.settings.text = g, {
-		nodeLite: toNodeLite(y),
-		nodes: { [y.basic.id]: y }
+	let _ = createNode(e, p, "ui_chip_v1");
+	return _.settings.value = m, _.settings.text = g, {
+		nodeLite: toNodeLite(_),
+		nodes: { [_.basic.id]: _ }
 	};
 }
 var settings$26 = {
@@ -7512,16 +7486,16 @@ const containerV1 = {
 };
 regElement(containerV1);
 function spawn$10(e, p) {
-	let m = getElementMust("ui_data_table_v1"), g = getProperties(m, e, p), _ = initNode();
-	return initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key, _.settings.headers = [{
+	let m = createNode(e, p, "ui_data_table_v1");
+	return m.settings.headers = [{
 		value: "name",
 		title: "Name"
 	}, {
 		value: "price",
 		title: "Price"
-	}], _.settings.data = "[\n  { \"name\": \"Apple\", \"price\": 5.5 },\n  { \"name\": \"Orange\", \"price\": 3.0 },\n  { \"name\": \"Berry\", \"price\": 13.5 }\n]", {
-		nodeLite: toNodeLite(_),
-		nodes: { [_.basic.id]: _ }
+	}], m.settings.data = "[\n  { \"name\": \"Apple\", \"price\": 5.5 },\n  { \"name\": \"Orange\", \"price\": 3.0 },\n  { \"name\": \"Berry\", \"price\": 13.5 }\n]", {
+		nodeLite: toNodeLite(m),
+		nodes: { [m.basic.id]: m }
 	};
 }
 var size$1 = {
@@ -7747,40 +7721,36 @@ const fileInputV1 = {
 	leaf: !0
 };
 function spawn$9(e, p) {
-	let m = getElementMust("ui_flex_layout_v1"), g = getProperties(m, e, p), _ = initNode();
-	initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key;
-	let v = spawnContainer(e, p, "#ff0000", "40px", void 0, void 0, "40px", void 0, void 0), y = spawnContainer(e, p, "#00ff00", "60px", void 0, void 0, "60px", void 0, void 0), b = spawnEntry$3(e, p);
+	let m = createNode(e, p, "ui_flex_layout_v1"), g = spawnContainer(e, p, "#ff0000", "40px", void 0, void 0, "40px", void 0, void 0), _ = spawnContainer(e, p, "#00ff00", "60px", void 0, void 0, "60px", void 0, void 0), v = spawnEntry$3(e, p);
 	return {
-		nodeLite: toNodeLite(_, [
-			v.nodeLite,
-			y.nodeLite,
-			b.nodeLite
+		nodeLite: toNodeLite(m, [
+			g.nodeLite,
+			_.nodeLite,
+			v.nodeLite
 		]),
 		nodes: {
-			[_.basic.id]: _,
-			...v.nodes,
-			...y.nodes,
-			...b.nodes
+			[m.basic.id]: m,
+			...g.nodes,
+			..._.nodes,
+			...v.nodes
 		}
 	};
 }
 function spawnEntry$3(e, p) {
-	let m = getElementMust("ui_flex_layout_entry_v1"), g = getProperties(m, e, p), _ = initNode();
-	initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key;
-	let v = spawnContainer(e, p, "#0000ff", void 0, "80px", void 0, void 0, "80px", void 0);
+	let m = createNode(e, p, "ui_flex_layout_entry_v1"), g = spawnContainer(e, p, "#0000ff", void 0, "80px", void 0, void 0, "80px", void 0);
 	return {
-		nodeLite: toNodeLite(_, [v.nodeLite]),
+		nodeLite: toNodeLite(m, [g.nodeLite]),
 		nodes: {
-			[_.basic.id]: _,
-			...v.nodes
+			[m.basic.id]: m,
+			...g.nodes
 		}
 	};
 }
 function spawnContainer(e, p, m, g, _, v, y, b, x) {
-	let S = getElementMust("ui_container_v1"), C = getProperties(S, e, p), w = initNode();
-	return initProperties(w, C), w.basic.id = genId(16), w.basic.key = S.key, g && (w.size.width = g), _ && (w.size.minWidth = _), v && (w.size.maxWidth = v), y && (w.size.height = y), b && (w.size.minHeight = b), x && (w.size.maxHeight = x), m && (w.settings.backgroundColor.mode = "custom", w.settings.backgroundColor.custom.light = m, w.settings.backgroundColor.custom.dark = m), {
-		nodeLite: toNodeLite(w, []),
-		nodes: { [w.basic.id]: w }
+	let S = createNode(e, p, "ui_container_v1");
+	return g && (S.size.width = g), _ && (S.size.minWidth = _), v && (S.size.maxWidth = v), y && (S.size.height = y), b && (S.size.minHeight = b), x && (S.size.maxHeight = x), m && (S.settings.backgroundColor.mode = "custom", S.settings.backgroundColor.custom.light = m, S.settings.backgroundColor.custom.dark = m), {
+		nodeLite: toNodeLite(S, []),
+		nodes: { [S.basic.id]: S }
 	};
 }
 var backgroundColor$1 = cloneDeep_default(colorV1);
@@ -8019,22 +7989,20 @@ const flexLayoutEntryV1 = {
 };
 regElement(flexLayoutEntryV1);
 function spawn$8(e, p) {
-	let m = getElementMust("ui_form_v1"), g = getProperties(m, e, p), _ = initNode();
-	initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key;
-	let v = spawnTextField(e, p);
+	let m = createNode(e, p, "ui_form_v1"), g = spawnTextField(e, p);
 	return {
-		nodeLite: toNodeLite(_, [v.nodeLite]),
+		nodeLite: toNodeLite(m, [g.nodeLite]),
 		nodes: {
-			[_.basic.id]: _,
-			...v.nodes
+			[m.basic.id]: m,
+			...g.nodes
 		}
 	};
 }
 function spawnTextField(e, p) {
-	let m = getElementMust("ui_text_field_v1"), g = getProperties(m, e, p), _ = initNode();
-	return initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key, {
-		nodeLite: toNodeLite(_),
-		nodes: { [_.basic.id]: _ }
+	let m = createNode(e, p, "ui_text_field_v1");
+	return {
+		nodeLite: toNodeLite(m),
+		nodes: { [m.basic.id]: m }
 	};
 }
 var settings$19 = {
@@ -8138,10 +8106,10 @@ const menuV1 = {
 };
 regElement(menuV1);
 function spawn$7(e, p) {
-	let m = getElementMust("ui_number_input_v1"), g = getProperties(m, e, p), _ = initNode();
-	return initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key, _.settings.label = "label", _.settings.placeholder = "placeholder", {
-		nodeLite: toNodeLite(_),
-		nodes: { [_.basic.id]: _ }
+	let m = createNode(e, p, "ui_number_input_v1");
+	return m.settings.label = "label", m.settings.placeholder = "placeholder", {
+		nodeLite: toNodeLite(m),
+		nodes: { [m.basic.id]: m }
 	};
 }
 var size = {
@@ -8479,28 +8447,28 @@ const radioV1 = {
 };
 regElement(radioV1);
 function spawn$6(e, p) {
-	let m = getElementMust("ui_radio_group_v1"), g = getProperties(m, e, p), _ = initNode();
-	initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key, _.settings.value = "option1";
-	let v = spawnEntry$2(e, p, "option1", "Option 1"), y = spawnEntry$2(e, p, "option2", "Option 2"), b = spawnEntry$2(e, p, "option3", "Option 3");
+	let m = createNode(e, p, "ui_radio_group_v1");
+	m.settings.value = "option1";
+	let g = spawnEntry$2(e, p, "option1", "Option 1"), _ = spawnEntry$2(e, p, "option2", "Option 2"), v = spawnEntry$2(e, p, "option3", "Option 3");
 	return {
-		nodeLite: toNodeLite(_, [
-			v.nodeLite,
-			y.nodeLite,
-			b.nodeLite
+		nodeLite: toNodeLite(m, [
+			g.nodeLite,
+			_.nodeLite,
+			v.nodeLite
 		]),
 		nodes: {
-			[_.basic.id]: _,
-			...v.nodes,
-			...y.nodes,
-			...b.nodes
+			[m.basic.id]: m,
+			...g.nodes,
+			..._.nodes,
+			...v.nodes
 		}
 	};
 }
 function spawnEntry$2(e, p, m, g) {
-	let _ = getElementMust("ui_radio_v1"), v = getProperties(_, e, p), y = initNode();
-	return initProperties(y, v), y.basic.id = genId(16), y.basic.key = _.key, y.settings.value = m, y.settings.label = g, {
-		nodeLite: toNodeLite(y),
-		nodes: { [y.basic.id]: y }
+	let _ = createNode(e, p, "ui_radio_v1");
+	return _.settings.value = m, _.settings.label = g, {
+		nodeLite: toNodeLite(_),
+		nodes: { [_.basic.id]: _ }
 	};
 }
 var settings$14 = {
@@ -8945,78 +8913,72 @@ const sliderV1 = {
 };
 regElement(sliderV1);
 function spawn$5(e, p) {
-	let m = getElementMust("ui_stepper_v1"), g = getProperties(m, e, p), _ = initNode();
-	initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key;
-	let v = spawnHeader(e, p), y = spawnWindow(e, p);
+	let m = createNode(e, p, "ui_stepper_v1"), g = spawnHeader(e, p), _ = spawnWindow(e, p);
 	return {
-		nodeLite: toNodeLite(_, [v.nodeLite, y.nodeLite]),
+		nodeLite: toNodeLite(m, [g.nodeLite, _.nodeLite]),
 		nodes: {
-			[_.basic.id]: _,
-			...v.nodes,
-			...y.nodes
+			[m.basic.id]: m,
+			...g.nodes,
+			..._.nodes
 		}
 	};
 }
 function spawnHeader(e, p) {
-	let m = getElementMust("ui_stepper_header_v1"), g = getProperties(m, e, p), _ = initNode();
-	initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key;
-	let v = spawnItem(e, p, "step1"), y = spawnItem(e, p, "step2"), b = spawnItem(e, p, "step3");
+	let m = createNode(e, p, "ui_stepper_header_v1"), g = spawnItem(e, p, "step1"), _ = spawnItem(e, p, "step2"), v = spawnItem(e, p, "step3");
 	return {
-		nodeLite: toNodeLite(_, [
-			v.nodeLite,
-			y.nodeLite,
-			b.nodeLite
+		nodeLite: toNodeLite(m, [
+			g.nodeLite,
+			_.nodeLite,
+			v.nodeLite
 		]),
 		nodes: {
-			[_.basic.id]: _,
-			...v.nodes,
-			...y.nodes,
-			...b.nodes
+			[m.basic.id]: m,
+			...g.nodes,
+			..._.nodes,
+			...v.nodes
 		}
 	};
 }
 function spawnItem(e, p, m) {
-	let g = getElementMust("ui_stepper_item_v1"), _ = getProperties(g, e, p), v = initNode();
-	return initProperties(v, _), v.basic.id = genId(16), v.basic.key = g.key, v.settings.value = m, {
-		nodeLite: toNodeLite(v, []),
-		nodes: { [v.basic.id]: v }
+	let g = createNode(e, p, "ui_stepper_item_v1");
+	return g.settings.value = m, {
+		nodeLite: toNodeLite(g, []),
+		nodes: { [g.basic.id]: g }
 	};
 }
 function spawnWindow(e, p) {
-	let m = getElementMust("ui_stepper_window_v1"), g = getProperties(m, e, p), _ = initNode();
-	initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key;
-	let v = spawnWindowItem(e, p, "step1", "step 1"), y = spawnWindowItem(e, p, "step2", "step 2"), b = spawnWindowItem(e, p, "step3", "step 3");
+	let m = createNode(e, p, "ui_stepper_window_v1"), g = spawnWindowItem(e, p, "step1", "step 1"), _ = spawnWindowItem(e, p, "step2", "step 2"), v = spawnWindowItem(e, p, "step3", "step 3");
 	return {
-		nodeLite: toNodeLite(_, [
-			v.nodeLite,
-			y.nodeLite,
-			b.nodeLite
+		nodeLite: toNodeLite(m, [
+			g.nodeLite,
+			_.nodeLite,
+			v.nodeLite
 		]),
 		nodes: {
-			[_.basic.id]: _,
-			...v.nodes,
-			...y.nodes,
-			...b.nodes
+			[m.basic.id]: m,
+			...g.nodes,
+			..._.nodes,
+			...v.nodes
 		}
 	};
 }
 function spawnWindowItem(e, p, m, g) {
-	let _ = getElementMust("ui_stepper_window_item_v1"), v = getProperties(_, e, p), y = initNode();
-	initProperties(y, v), y.basic.id = genId(16), y.basic.key = _.key, y.settings.value = m;
-	let b = spawnCard(e, p, g);
+	let _ = createNode(e, p, "ui_stepper_window_item_v1");
+	_.settings.value = m;
+	let v = spawnCard(e, p, g);
 	return {
-		nodeLite: toNodeLite(y, [b.nodeLite]),
+		nodeLite: toNodeLite(_, [v.nodeLite]),
 		nodes: {
-			[y.basic.id]: y,
-			...b.nodes
+			[_.basic.id]: _,
+			...v.nodes
 		}
 	};
 }
 function spawnCard(e, p, m) {
-	let g = getElementMust("ui_card_v1"), _ = getProperties(g, e, p), v = initNode();
-	return initProperties(v, _), v.basic.id = genId(16), v.basic.key = g.key, v.settings.title = m, {
-		nodeLite: toNodeLite(v, []),
-		nodes: { [v.basic.id]: v }
+	let g = createNode(e, p, "ui_card_v1");
+	return g.settings.title = m, {
+		nodeLite: toNodeLite(g, []),
+		nodes: { [g.basic.id]: g }
 	};
 }
 var settings$9 = {
@@ -9143,28 +9105,26 @@ const tabV1 = {
 };
 regElement(tabV1);
 function spawn$4(e, p) {
-	let m = getElementMust("ui_tabs_v1"), g = getProperties(m, e, p), _ = initNode();
-	initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key;
-	let v = spawnTab(e, p, "tab1", "tab 1"), y = spawnTab(e, p, "tab2", "tab 2"), b = spawnTab(e, p, "tab3", "tab 3");
+	let m = createNode(e, p, "ui_tabs_v1"), g = spawnTab(e, p, "tab1", "tab 1"), _ = spawnTab(e, p, "tab2", "tab 2"), v = spawnTab(e, p, "tab3", "tab 3");
 	return {
-		nodeLite: toNodeLite(_, [
-			v.nodeLite,
-			y.nodeLite,
-			b.nodeLite
+		nodeLite: toNodeLite(m, [
+			g.nodeLite,
+			_.nodeLite,
+			v.nodeLite
 		]),
 		nodes: {
-			[_.basic.id]: _,
-			...v.nodes,
-			...y.nodes,
-			...b.nodes
+			[m.basic.id]: m,
+			...g.nodes,
+			..._.nodes,
+			...v.nodes
 		}
 	};
 }
 function spawnTab(e, p, m, g) {
-	let _ = getElementMust("ui_tab_v1"), v = getProperties(_, e, p), y = initNode();
-	return initProperties(y, v), y.basic.id = genId(16), y.basic.key = _.key, y.settings.value = m, y.settings.text = g, {
-		nodeLite: toNodeLite(y),
-		nodes: { [y.basic.id]: y }
+	let _ = createNode(e, p, "ui_tab_v1");
+	return _.settings.value = m, _.settings.text = g, {
+		nodeLite: toNodeLite(_),
+		nodes: { [_.basic.id]: _ }
 	};
 }
 var backgroundColor = cloneDeep_default(colorV1);
@@ -9269,10 +9229,10 @@ const tabsV1 = {
 };
 regElement(tabsV1);
 function spawn$3(e, p) {
-	let m = getElementMust("ui_text_v1"), g = getProperties(m, e, p), _ = initNode();
-	return initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key, _.settings.text = "text", {
-		nodeLite: toNodeLite(_),
-		nodes: { [_.basic.id]: _ }
+	let m = createNode(e, p, "ui_text_v1");
+	return m.settings.text = "text", {
+		nodeLite: toNodeLite(m),
+		nodes: { [m.basic.id]: m }
 	};
 }
 var settings$4 = {
@@ -9375,10 +9335,10 @@ const textV1 = {
 };
 regElement(textV1);
 function spawn$2(e, p) {
-	let m = getElementMust("ui_textarea_v1"), g = getProperties(m, e, p), _ = initNode();
-	return initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key, _.settings.label = "label", {
-		nodeLite: toNodeLite(_),
-		nodes: { [_.basic.id]: _ }
+	let m = createNode(e, p, "ui_textarea_v1");
+	return m.settings.label = "label", {
+		nodeLite: toNodeLite(m),
+		nodes: { [m.basic.id]: m }
 	};
 }
 var settings$3 = {
@@ -9720,40 +9680,36 @@ const textFieldV1 = {
 };
 regElement(textFieldV1);
 function spawn$1(e, p) {
-	let m = getElementMust("ui_timeline_v1"), g = getProperties(m, e, p), _ = initNode();
-	initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key;
-	let v = spawnEntry$1(e, p, "timeline 1"), y = spawnEntry$1(e, p, "timeline 2"), b = spawnEntry$1(e, p, "timeline 3");
+	let m = createNode(e, p, "ui_timeline_v1"), g = spawnEntry$1(e, p, "timeline 1"), _ = spawnEntry$1(e, p, "timeline 2"), v = spawnEntry$1(e, p, "timeline 3");
 	return {
-		nodeLite: toNodeLite(_, [
-			v.nodeLite,
-			y.nodeLite,
-			b.nodeLite
+		nodeLite: toNodeLite(m, [
+			g.nodeLite,
+			_.nodeLite,
+			v.nodeLite
 		]),
 		nodes: {
-			[_.basic.id]: _,
-			...v.nodes,
-			...y.nodes,
-			...b.nodes
+			[m.basic.id]: m,
+			...g.nodes,
+			..._.nodes,
+			...v.nodes
 		}
 	};
 }
 function spawnEntry$1(e, p, m) {
-	let g = getElementMust("ui_timeline_item_v1"), _ = getProperties(g, e, p), v = initNode();
-	initProperties(v, _), v.basic.id = genId(16), v.basic.key = g.key;
-	let y = spawnText$1(e, p, m);
+	let g = createNode(e, p, "ui_timeline_item_v1"), _ = spawnText$1(e, p, m);
 	return {
-		nodeLite: toNodeLite(v, [y.nodeLite]),
+		nodeLite: toNodeLite(g, [_.nodeLite]),
 		nodes: {
-			[v.basic.id]: v,
-			...y.nodes
+			[g.basic.id]: g,
+			..._.nodes
 		}
 	};
 }
 function spawnText$1(e, p, m) {
-	let g = getElementMust("ui_text_v1"), _ = getProperties(g, e, p), v = initNode();
-	return initProperties(v, _), v.basic.id = genId(16), v.basic.key = g.key, v.settings.text = m, {
-		nodeLite: toNodeLite(v),
-		nodes: { [v.basic.id]: v }
+	let g = createNode(e, p, "ui_text_v1");
+	return g.settings.text = m, {
+		nodeLite: toNodeLite(g),
+		nodes: { [g.basic.id]: g }
 	};
 }
 var dotColor = cloneDeep_default(colorV1), lineColor = cloneDeep_default(colorV1), settings$1 = {
@@ -9854,52 +9810,48 @@ const timelineItemV1 = {
 };
 regElement(timelineItemV1);
 function spawn(e, p) {
-	let m = getElementMust("ui_window_v1"), g = getProperties(m, e, p), _ = initNode();
-	initProperties(_, g), _.basic.id = genId(16), _.basic.key = m.key;
-	let v = spawnEntry(e, p, "window 1"), y = spawnEntry(e, p, "window 2"), b = spawnEntry(e, p, "window 3");
+	let m = createNode(e, p, "ui_window_v1"), g = spawnEntry(e, p, "window 1"), _ = spawnEntry(e, p, "window 2"), v = spawnEntry(e, p, "window 3");
 	return {
-		nodeLite: toNodeLite(_, [
-			v.nodeLite,
-			y.nodeLite,
-			b.nodeLite
+		nodeLite: toNodeLite(m, [
+			g.nodeLite,
+			_.nodeLite,
+			v.nodeLite
 		]),
 		nodes: {
-			[_.basic.id]: _,
-			...v.nodes,
-			...y.nodes,
-			...b.nodes
+			[m.basic.id]: m,
+			...g.nodes,
+			..._.nodes,
+			...v.nodes
 		}
 	};
 }
 function spawnEntry(e, p, m) {
-	let g = getElementMust("ui_window_item_v1"), _ = getProperties(g, e, p), v = initNode();
-	initProperties(v, _), v.basic.id = genId(16), v.basic.key = g.key;
-	let y = spawnFlexLayout(e, p, m);
+	let g = createNode(e, p, "ui_window_item_v1"), _ = spawnFlexLayout(e, p, m);
 	return {
-		nodeLite: toNodeLite(v, [y.nodeLite]),
+		nodeLite: toNodeLite(g, [_.nodeLite]),
 		nodes: {
-			[v.basic.id]: v,
-			...y.nodes
+			[g.basic.id]: g,
+			..._.nodes
 		}
 	};
 }
 function spawnFlexLayout(e, p, m) {
-	let g = getElementMust("ui_flex_layout_v1"), _ = getProperties(g, e, p), v = initNode();
-	initProperties(v, _), v.basic.id = genId(16), v.basic.key = g.key, v.size.height = "200px", v.settings.mainAlign.xs = "center", v.settings.crossAlign.xs = "center", v.settings.backgroundColor.mode = "theme", v.settings.backgroundColor.theme = "background2";
-	let y = spawnText(e, p, m);
+	let g = createNode(e, p, "ui_flex_layout_v1");
+	g.size.height = "200px", g.settings.mainAlign.xs = "center", g.settings.crossAlign.xs = "center", g.settings.backgroundColor.mode = "theme", g.settings.backgroundColor.theme = "background2";
+	let _ = spawnText(e, p, m);
 	return {
-		nodeLite: toNodeLite(v, [y.nodeLite]),
+		nodeLite: toNodeLite(g, [_.nodeLite]),
 		nodes: {
-			[v.basic.id]: v,
-			...y.nodes
+			[g.basic.id]: g,
+			..._.nodes
 		}
 	};
 }
 function spawnText(e, p, m) {
-	let g = getElementMust("ui_text_v1"), _ = getProperties(g, e, p), v = initNode();
-	return initProperties(v, _), v.basic.id = genId(16), v.basic.key = g.key, v.settings.text = m, v.settings.style.xs = "h6", {
-		nodeLite: toNodeLite(v),
-		nodes: { [v.basic.id]: v }
+	let g = createNode(e, p, "ui_text_v1");
+	return g.settings.text = m, g.settings.style.xs = "h6", {
+		nodeLite: toNodeLite(g),
+		nodes: { [g.basic.id]: g }
 	};
 }
 var settings = {
@@ -10017,59 +9969,39 @@ function initProperties(e, p) {
 	}
 	p.forEach((p) => m(e, p));
 }
+function createNode(e, p, m) {
+	let g = getElement(m);
+	if (!g) throw Error(`element not found key=${m}`);
+	let _ = g.properties[getTag(e, p)];
+	if (!_) throw Error(`properties not found key=${m}`);
+	let v = { basic: {
+		id: "",
+		key: ""
+	} };
+	return initProperties(v, _), v.basic.id = genId(16), v.basic.key = g.key, v;
+}
 function spawnNode(e, p, m, g, _) {
-	let v = `type=${e} subtype=${p} version=${m} ref=${g} keyOrRefId=${_}`, y = getTag(e, p), b = pkgs[m];
-	if (!b) {
-		console.error(`spawnNode pkg not found version, ${v}`);
-		return;
-	}
+	let v = pkgs[m];
+	if (!v) throw Error(`pkg not found version=${m}`);
 	if (g) {
-		let e = b.refKey, p = _;
-		if (!b.elements.has(e)) {
-			console.error(`spawnNode [ref] element not found in pkg, ${v}`);
-			return;
-		}
-		let m = getElement(e);
-		if (!m) {
-			console.error(`spawnNode [ref] element not found in global, ${v}`);
-			return;
-		}
-		let g = m.properties[y];
-		if (!g) {
-			console.error(`spawnNode [ref] properties not found, ${v}`);
-			return;
-		}
-		let x = initNode();
-		return initProperties(x, g), x.basic.id = genId(16), x.basic.key = e, x.settings ||= {}, x.settings.comp = p, {
-			nodeLite: toNodeLite(x),
-			nodes: { [x.basic.id]: x }
+		let g = v.refKey, y = _;
+		if (!v.elements.has(g)) throw Error(`element not found in pkg, key=${g} version=${m}`);
+		let b = createNode(e, p, g);
+		return b.settings ||= {}, b.settings.comp = y, {
+			nodeLite: toNodeLite(b),
+			nodes: { [b.basic.id]: b }
 		};
 	} else {
-		let m = _;
-		if (!b.elements.has(m)) {
-			console.error(`spawnNode [key] element not found in pkg, ${v}`);
-			return;
-		}
-		let g = getElement(m);
-		if (!g) {
-			console.error(`spawnNode [key] element not found in global, ${v}`);
-			return;
-		}
-		if (g.spawn) return g.spawn(e, p);
-		{
-			let e = g.properties[y];
-			if (!e) {
-				console.error(`spawnNode [key] properties not found, ${v}`);
-				return;
-			}
-			let p = initNode();
-			initProperties(p, e), p.basic.id = genId(16), p.basic.key = m;
-			let _;
-			return g.leaf || (_ = []), {
-				nodeLite: toNodeLite(p, _),
-				nodes: { [p.basic.id]: p }
-			};
-		}
+		let g = _;
+		if (!v.elements.has(g)) throw Error(`element not found in pkg, key=${g} version=${m}`);
+		let y = getElement(g);
+		if (!y) throw Error(`element not found key=${g}`);
+		if (y.spawn) return y.spawn(e, p);
+		let b = createNode(e, p, g), x;
+		return y.leaf || (x = []), {
+			nodeLite: toNodeLite(b, x),
+			nodes: { [b.basic.id]: b }
+		};
 	}
 }
 function getNodeLite(e, p) {
@@ -11237,4 +11169,4 @@ async function loadLocaleMessageRuntime(e) {
 		"./locales/zhHans/index.ts": () => import("./zhHans.gwvwcjmv.js")
 	}, `./locales/${e}/index.ts`, 4)).default;
 }
-export { addIndent, ambientLightV1, badgeV1, barChartV1, boxGeometryV1, breakpoints, btnGroupV1, btnToggleV1, btnV1, calcBreakpoint, cardV1, checkboxV1, chipGroupV1, chipV1, colorPickerV1, comboboxV1, compTypes, containerV1, dataStringify, dataTableV1, datePickerV1, dialogV1, directionalLightV1, duplicateNodePair, duplicateNodePairs, elementKeys, fileInputV1, finalProperties, flexLayoutEntryV1, flexLayoutV1, formV1, fromDotString, genId, getAllElements, getBreakpointProp, getElement, getElementMust, getField, getImplementMethodName, getIndexOfBreakpoint, getNodeLite, getProperties, getPropertyDefault, getTag, globalityV1, groupV1, hasComp, hasSlot, iconV1, initNode, initProperties, injectDark, injectData, injectDepends, injectDevice, injectEnv, injectId, injectMeta, injectMode, injectNode, injectOrg, injectRuntime, injectSandbox, injectType, isCircularReference, isExecutableMode, isPercentStr, isPixelStr, keyboardControlsV1, lineChartV1, loadLocaleMessageRuntime, makeEventId, makeEventKeyOfCustomSlot, makeEventKeyOfElementSlot, makeMethodId, makeMethodKeyOfCustomSlot, makeMethodKeyOfElementSlot, makePropertyId, makePropertyKeyOfCustomSlot, makePropertyKeyOfElementSlot, makeSlotId, makeTriggerId, mapControlsV1, menuV1, meshBasicMaterialV1, meshV1, metaStringify, multipleRefV1, multipleSlotV1, numberInputV1, orbitControlsV1, orthographicCameraV1, pageTypes, paginationV1, parseData, parseMeta, parsePercentStr, parsePixelStr, perspectiveCameraV1, pkgs, pointLightV1, provideDark, provideData, provideDepends, provideDevice, provideEnv, provideId, provideMeta, provideMode, provideNode, provideOrg, provideRuntime, provideSandbox, provideType, radioGroupV1, radioV1, rangeSliderV1, ratingV1, referenceV1, regElement, renderSwitchV1, reverseBreakpoints, selectV1, setField, sliderV1, slotV1, spawnNode, sphereGeometryV1, spotLightV1, stepperHeaderV1, stepperItemV1, stepperV1, stepperWindowItemV1, stepperWindowV1, switchV1, tabV1, tabsV1, textFieldV1, textV1, textareaV1, timelineItemV1, timelineV1, toDotString, toEventName, toMethodName, toNodeLite, toPropertyName, unwrapEventId, unwrapEventKeyOfCustomSlot, unwrapEventKeyOfElementSlot, unwrapMethodId, unwrapMethodKeyOfCustomSlot, unwrapMethodKeyOfElementSlot, unwrapPropertyId, unwrapPropertyKeyOfCustomSlot, unwrapPropertyKeyOfElementSlot, unwrapSlotId, unwrapTriggerId, useDepend, useRuntime, useSandbox, useTheme, windowItemV1, windowV1 };
+export { addIndent, ambientLightV1, badgeV1, barChartV1, boxGeometryV1, breakpoints, btnGroupV1, btnToggleV1, btnV1, calcBreakpoint, cardV1, checkboxV1, chipGroupV1, chipV1, colorPickerV1, comboboxV1, compTypes, containerV1, createNode, dataStringify, dataTableV1, datePickerV1, dialogV1, directionalLightV1, duplicateNodePair, duplicateNodePairs, elementKeys, fileInputV1, finalProperties, flexLayoutEntryV1, flexLayoutV1, formV1, fromDotString, genId, getAllElements, getBreakpointProp, getElement, getField, getImplementMethodName, getIndexOfBreakpoint, getNodeLite, getPropertyDefault, getTag, globalityV1, groupV1, hasComp, hasSlot, iconV1, initProperties, injectDark, injectData, injectDepends, injectDevice, injectEnv, injectId, injectMeta, injectMode, injectNode, injectOrg, injectRuntime, injectSandbox, injectType, isCircularReference, isExecutableMode, isPercentStr, isPixelStr, keyboardControlsV1, lineChartV1, loadLocaleMessageRuntime, makeEventId, makeEventKeyOfCustomSlot, makeEventKeyOfElementSlot, makeMethodId, makeMethodKeyOfCustomSlot, makeMethodKeyOfElementSlot, makePropertyId, makePropertyKeyOfCustomSlot, makePropertyKeyOfElementSlot, makeSlotId, makeTriggerId, mapControlsV1, menuV1, meshBasicMaterialV1, meshV1, metaStringify, multipleRefV1, multipleSlotV1, numberInputV1, orbitControlsV1, orthographicCameraV1, pageTypes, paginationV1, parseData, parseMeta, parsePercentStr, parsePixelStr, perspectiveCameraV1, pkgs, pointLightV1, provideDark, provideData, provideDepends, provideDevice, provideEnv, provideId, provideMeta, provideMode, provideNode, provideOrg, provideRuntime, provideSandbox, provideType, radioGroupV1, radioV1, rangeSliderV1, ratingV1, referenceV1, regElement, renderSwitchV1, reverseBreakpoints, selectV1, setField, sliderV1, slotV1, spawnNode, sphereGeometryV1, spotLightV1, stepperHeaderV1, stepperItemV1, stepperV1, stepperWindowItemV1, stepperWindowV1, switchV1, tabV1, tabsV1, textFieldV1, textV1, textareaV1, timelineItemV1, timelineV1, toDotString, toEventName, toMethodName, toNodeLite, toPropertyName, unwrapEventId, unwrapEventKeyOfCustomSlot, unwrapEventKeyOfElementSlot, unwrapMethodId, unwrapMethodKeyOfCustomSlot, unwrapMethodKeyOfElementSlot, unwrapPropertyId, unwrapPropertyKeyOfCustomSlot, unwrapPropertyKeyOfElementSlot, unwrapSlotId, unwrapTriggerId, useDepend, useRuntime, useSandbox, useTheme, windowItemV1, windowV1 };

package/dist/types/data.d.ts

@@ -20,7 +20,6 @@ export type NodePair = {
         [key: string]: Node;
     };
 };
-export declare function initNode(): Node;
 export declare function toNodeLite(node: Node, children?: NodeLite[]): NodeLite;
 export interface View {
     nodeLites: NodeLite[];

package/dist/types/protocol.d.ts

@@ -4,7 +4,7 @@ export declare const pageTypes: string[];
 export type PageType = (typeof pageTypes)[number];
 export declare const compTypes: string[];
 export type CompType = (typeof compTypes)[number];
-export type Tag = 'pageUi' | 'compUi' | 'page2d' | 'comp2d' | 'page3d' | 'comp3d';
+export type Tag = 'pageUi' | 'compUi' | 'page3d' | 'comp3d';
 export declare function getTag(type: string, subtype: string): Tag;
 export type ZField = {
     key: string;
@@ -206,7 +206,7 @@ export type ZElement = {
     leaf?: boolean;
     internal?: boolean;
     teleport?: boolean;
-    spawn?: (type: string, subtype: string) => NodePair | undefined;
+    spawn?: (type: string, subtype: string) => NodePair;
 };
 export type ZElements = {
     [key: string]: ZElement;

package/dist/utils/node.d.ts

@@ -1,5 +1,6 @@
-import { NodeLite, NodePair } from '../types';
-export declare function spawnNode(type: string, subtype: string, version: string, ref: boolean, keyOrRefId: string): NodePair | undefined;
+import { Node, NodeLite, NodePair, ZElementKey } from '../types';
+export declare function createNode(type: string, subtype: string, key: ZElementKey): Node;
+export declare function spawnNode(type: string, subtype: string, version: string, ref: boolean, keyOrRefId: string): NodePair;
 export declare function getNodeLite(nodeLites: NodeLite[], id: string): NodeLite | undefined;
 export declare function duplicateNodePair(src: NodePair): NodePair;
 export declare function duplicateNodePairs(srcs: NodePair[]): NodePair[];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-runtime-lib",
   "private": false,
-  "version": "0.8.206",
+  "version": "0.8.208",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",