@openfairygui/cli 0.2.2 → 0.2.4

package/dist/cli.mjs

@@ -864,7 +864,7 @@ var ExtensibleProperty = class extends Property {
 };
 //#endregion
 //#region ../core/src/constants.ts
-const VERSION = `v0.2.2`;
+const VERSION = `v0.2.4`;
 /** Binary package file magic number: "FGUI" as uint32. */
 const FGUI_MAGIC = 1179080009;
 /** Null string index in the binary string table. */
@@ -2277,10 +2277,13 @@ var Component = class extends ExtensibleProperty {
 			footerRes: "",
 			bgColor: "",
 			bgColorEnabled: false,
-			designImageAlpha: 0,
+			designImageAlpha: 50,
 			designImageLayer: 0,
 			designImageOffsetX: 0,
 			designImageOffsetY: 0,
+			designImage: "",
+			designImageForTest: false,
+			pageController: "",
 			idNum: 0,
 			initName: "",
 			remark: "",
@@ -2570,6 +2573,24 @@ var Component = class extends ExtensibleProperty {
 	setDesignImageOffsetY(v) {
 		return this.set("designImageOffsetY", v);
 	}
+	getDesignImage() {
+		return this.get("designImage");
+	}
+	setDesignImage(v) {
+		return this.set("designImage", v);
+	}
+	getDesignImageForTest() {
+		return this.get("designImageForTest");
+	}
+	setDesignImageForTest(v) {
+		return this.set("designImageForTest", v);
+	}
+	getPageController() {
+		return this.get("pageController");
+	}
+	setPageController(v) {
+		return this.set("pageController", v);
+	}
 	getIdNum() {
 		return this.get("idNum");
 	}
@@ -3585,6 +3606,7 @@ var GTextField = class extends GObject {
 			demoText: "",
 			templateVarsEnabled: false,
 			faceDilate: 0,
+			outlineSoftness: 0,
 			underlaySoftness: 0,
 			ubbEnabled: false,
 			underline: false,
@@ -3805,6 +3827,12 @@ var GTextField = class extends GObject {
 	setFaceDilate(v) {
 		return this.setTextFieldProp("faceDilate", v);
 	}
+	getOutlineSoftness() {
+		return this.getTextFieldProp("outlineSoftness");
+	}
+	setOutlineSoftness(v) {
+		return this.setTextFieldProp("outlineSoftness", v);
+	}
 	getUnderlaySoftness() {
 		return this.getTextFieldProp("underlaySoftness");
 	}
@@ -4937,6 +4965,7 @@ var GComponent = class extends GObject {
 			instanceChecked: false,
 			instanceSound: "",
 			instanceSoundVolumeScale: 1,
+			instancePopupDirection: 0,
 			instancePromptText: "",
 			instanceSelectionController: "",
 			instanceVisibleItemCount: 0,
@@ -5223,6 +5252,12 @@ var GComponent = class extends GObject {
 	setInstanceSoundVolumeScale(v) {
 		return this.setComponentProp("instanceSoundVolumeScale", v);
 	}
+	getInstancePopupDirection() {
+		return this.getComponentProp("instancePopupDirection");
+	}
+	setInstancePopupDirection(v) {
+		return this.setComponentProp("instancePopupDirection", v);
+	}
 	getInstancePromptText() {
 		return firstString$1(this.getComponentProp("instancePromptText"));
 	}
@@ -5324,6 +5359,7 @@ var GListBase = class extends GObject {
 			src: "",
 			overflow: 0,
 			scrollType: 1,
+			scrollBarDisplay: 0,
 			scrollBarFlags: 0,
 			scrollBarMargin: [
 				0,
@@ -5526,6 +5562,12 @@ var GListBase = class extends GObject {
 	setScrollType(v) {
 		return this.setListProp("scrollType", v);
 	}
+	getScrollBarDisplay() {
+		return this.getListProp("scrollBarDisplay");
+	}
+	setScrollBarDisplay(v) {
+		return this.setListProp("scrollBarDisplay", v);
+	}
 	getScrollBarFlags() {
 		return this.getListProp("scrollBarFlags");
 	}
@@ -16384,10 +16426,15 @@ const ROOT_COMPONENT_PANEL_ATTRS = {
 	bgColor: { canonical: "bgColor" },
 	bgColorEnabled: { canonical: "bgColorEnabled" },
 	idnum: { canonical: "idnum" },
-	initName: { canonical: "initName" }
+	initName: { canonical: "initName" },
+	pageController: { canonical: "pageController" },
+	showSound: { canonical: "showSound" },
+	hideSound: { canonical: "hideSound" }
 };
 const ROOT_MISC_PANEL_ATTRS = { remark: { canonical: "remark" } };
 const ROOT_DESIGN_PANEL_ATTRS = {
+	designImage: { canonical: "designImage" },
+	designImageForTest: { canonical: "designImageForTest" },
 	designImageAlpha: { canonical: "designImageAlpha" },
 	designImageLayer: { canonical: "designImageLayer" },
 	designImageOffsetX: { canonical: "designImageOffsetX" },
@@ -16486,6 +16533,7 @@ const TEXT_PANEL_ATTRS = {
 	autoClearText: { canonical: "autoClearText" },
 	demoText: { canonical: "demoText" },
 	faceDilate: { canonical: "faceDilate" },
+	outlineSoftness: { canonical: "outlineSoftness" },
 	underlaySoftness: { canonical: "underlaySoftness" },
 	vars: { canonical: "vars" }
 };
@@ -16501,6 +16549,7 @@ const TEXT_INPUT_PANEL_ATTRS = {
 };
 const RICH_TEXT_PANEL_ATTRS = {
 	restrictSize: { canonical: "restrictSize" },
+	outlineSoftness: { canonical: "outlineSoftness" },
 	underlaySoftness: { canonical: "underlaySoftness" }
 };
 const GROUP_PANEL_ATTRS = {
@@ -16557,10 +16606,7 @@ const LIST_PANEL_ATTRS = {
 const BUTTON_EXTENSION_ATTRS = {
 	mode: { canonical: "mode" },
 	sound: { canonical: "sound" },
-	soundVolumeScale: {
-		canonical: "soundVolumeScale",
-		aliases: ["volume"]
-	},
+	soundVolumeScale: { canonical: "volume" },
 	downEffect: { canonical: "downEffect" },
 	downEffectValue: { canonical: "downEffectValue" },
 	title: { canonical: "title" },
@@ -16578,12 +16624,18 @@ const LABEL_EXTENSION_ATTRS = {
 	icon: { canonical: "icon" },
 	titleColor: { canonical: "titleColor" },
 	titleFontSize: { canonical: "titleFontSize" },
-	prompt: { canonical: "prompt" }
+	prompt: { canonical: "prompt" },
+	sound: { canonical: "sound" },
+	soundVolumeScale: { canonical: "volume" }
 };
 const COMBOBOX_EXTENSION_ATTRS = {
 	dropdown: { canonical: "dropdown" },
 	title: { canonical: "title" },
 	icon: { canonical: "icon" },
+	titleColor: { canonical: "titleColor" },
+	popupDirection: { canonical: "direction" },
+	sound: { canonical: "sound" },
+	soundVolumeScale: { canonical: "volume" },
 	visibleItemCount: { canonical: "visibleItemCount" },
 	selectionController: { canonical: "selectionController" },
 	autoClearItems: { canonical: "autoClearItems" }
@@ -16593,7 +16645,9 @@ const PROGRESSBAR_EXTENSION_ATTRS = {
 	reverse: { canonical: "reverse" },
 	value: { canonical: "value" },
 	max: { canonical: "max" },
-	min: { canonical: "min" }
+	min: { canonical: "min" },
+	sound: { canonical: "sound" },
+	soundVolumeScale: { canonical: "volume" }
 };
 const SLIDER_EXTENSION_ATTRS = {
 	titleType: { canonical: "titleType" },
@@ -17287,6 +17341,8 @@ function createDisplayObject$1(ctx, doc, tagName, attrs, localControllers) {
 			if (textVars !== void 0) g.setTemplateVarsEnabled?.(parseBool(textVars));
 			const textFaceDilate = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.text.attrs.faceDilate);
 			if (textFaceDilate !== void 0) g.setFaceDilate?.(parseFloat2(textFaceDilate));
+			const textOutlineSoftness = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.text.attrs.outlineSoftness);
+			if (textOutlineSoftness !== void 0) g.setOutlineSoftness?.(parseFloat2(textOutlineSoftness));
 			const textUnderlaySoftness = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.text.attrs.underlaySoftness);
 			if (textUnderlaySoftness !== void 0) g.setUnderlaySoftness?.(parseFloat2(textUnderlaySoftness));
 			const textUbb = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.text.attrs.ubb);
@@ -17411,6 +17467,8 @@ function createDisplayObject$1(ctx, doc, tagName, attrs, localControllers) {
 			if (richTextSingleLine !== void 0) g.setSingleLine?.(parseBool(richTextSingleLine));
 			const richTextAutoClearText = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.text.attrs.autoClearText);
 			if (richTextAutoClearText !== void 0) g.setAutoClearText?.(parseBool(richTextAutoClearText));
+			const richTextOutlineSoftness = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.richText.attrs.outlineSoftness);
+			if (richTextOutlineSoftness !== void 0) g.setOutlineSoftness?.(parseFloat2(richTextOutlineSoftness));
 			const richTextUnderlaySoftness = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.richText.attrs.underlaySoftness);
 			if (richTextUnderlaySoftness !== void 0) g.setUnderlaySoftness?.(parseFloat2(richTextUnderlaySoftness));
 			const richTextUnderline = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.text.attrs.underline);
@@ -17520,6 +17578,8 @@ function createDisplayObject$1(ctx, doc, tagName, attrs, localControllers) {
 			if (inputVars !== void 0) g.setTemplateVarsEnabled?.(parseBool(inputVars));
 			const inputFaceDilate = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.text.attrs.faceDilate);
 			if (inputFaceDilate !== void 0) g.setFaceDilate?.(parseFloat2(inputFaceDilate));
+			const inputOutlineSoftness = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.text.attrs.outlineSoftness);
+			if (inputOutlineSoftness !== void 0) g.setOutlineSoftness?.(parseFloat2(inputOutlineSoftness));
 			const inputUnderlaySoftness = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.text.attrs.underlaySoftness);
 			if (inputUnderlaySoftness !== void 0) g.setUnderlaySoftness?.(parseFloat2(inputUnderlaySoftness));
 			const inputUbb = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.text.attrs.ubb);
@@ -18068,9 +18128,10 @@ function createDisplayObject$1(ctx, doc, tagName, attrs, localControllers) {
 			if (selectionController !== void 0) g.setSelectionController?.(selectionController);
 			const overflow = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.overflow);
 			const scroll = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.scroll);
+			const scrollBar = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.scrollBar);
 			const scrollBarFlags = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.scrollBarFlags);
 			const margin = readXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.margin);
-			if (overflow || scroll || scrollBarFlags !== void 0 || margin) {
+			if (overflow || scroll || scrollBar || scrollBarFlags !== void 0 || margin) {
 				if (overflow) g.setOverflow({
 					visible: 0,
 					hidden: 1,
@@ -18081,6 +18142,12 @@ function createDisplayObject$1(ctx, doc, tagName, attrs, localControllers) {
 					vertical: 1,
 					both: 2
 				}[scroll] ?? 1);
+				if (scrollBar) g.setScrollBarDisplay({
+					default: 0,
+					visible: 1,
+					auto: 2,
+					hidden: 3
+				}[scrollBar] ?? 0);
 				if (scrollBarFlags !== void 0) g.setScrollBarFlags(parseInt2(scrollBarFlags));
 				if (margin) {
 					const parts = margin.split(",").map(Number);
@@ -18184,7 +18251,13 @@ function createDisplayObject$1(ctx, doc, tagName, attrs, localControllers) {
 			const sound = extSpecs.sound ? readXmlAttr(extAttrs, extSpecs.sound) : void 0;
 			if (sound !== void 0) componentObj.setInstanceSound?.(sound);
 			const soundVolumeScale = extSpecs.soundVolumeScale ? readXmlAttr(extAttrs, extSpecs.soundVolumeScale) : void 0;
-			if (soundVolumeScale !== void 0) componentObj.setInstanceSoundVolumeScale?.(parseFloat2(soundVolumeScale, 1));
+			if (soundVolumeScale !== void 0) componentObj.setInstanceSoundVolumeScale?.(parseFloat2(soundVolumeScale, 100) / 100);
+			const popupDirection = extSpecs.popupDirection ? readXmlAttr(extAttrs, extSpecs.popupDirection) : void 0;
+			if (popupDirection !== void 0) componentObj.setInstancePopupDirection?.({
+				auto: 0,
+				up: 1,
+				down: 2
+			}[popupDirection] ?? 0);
 			const prompt = extSpecs.prompt ? readXmlAttr(extAttrs, extSpecs.prompt) : void 0;
 			if (prompt !== void 0) componentObj.setInstancePromptText?.(prompt);
 			const selectionController = extSpecs.selectionController ? readXmlAttr(extAttrs, extSpecs.selectionController) : void 0;
@@ -18464,6 +18537,10 @@ function readComponentXml(ctx, comp, xmlContent) {
 	if (bgColor !== void 0) comp.setBgColor?.(bgColor);
 	const bgColorEnabled = readXmlAttr(compNode, PROJECT_XML_PROTOCOL.componentRoot.attrs.bgColorEnabled);
 	if (bgColorEnabled !== void 0) comp.setBgColorEnabled?.(parseBool(bgColorEnabled));
+	const designImage = readXmlAttr(compNode, PROJECT_XML_PROTOCOL.componentRoot.attrs.designImage);
+	if (designImage !== void 0) comp.setDesignImage?.(designImage);
+	const designImageForTest = readXmlAttr(compNode, PROJECT_XML_PROTOCOL.componentRoot.attrs.designImageForTest);
+	if (designImageForTest !== void 0) comp.setDesignImageForTest?.(parseBool(designImageForTest));
 	const designImageAlpha = readXmlAttr(compNode, PROJECT_XML_PROTOCOL.componentRoot.attrs.designImageAlpha);
 	if (designImageAlpha !== void 0) comp.setDesignImageAlpha?.(parseInt2(designImageAlpha));
 	const designImageLayer = readXmlAttr(compNode, PROJECT_XML_PROTOCOL.componentRoot.attrs.designImageLayer);
@@ -18478,6 +18555,12 @@ function readComponentXml(ctx, comp, xmlContent) {
 	if (initName !== void 0) comp.setInitName?.(initName);
 	const remark = readXmlAttr(compNode, PROJECT_XML_PROTOCOL.componentRoot.attrs.remark);
 	if (remark !== void 0) comp.setRemark?.(remark);
+	const pageController = readXmlAttr(compNode, PROJECT_XML_PROTOCOL.componentRoot.attrs.pageController);
+	if (pageController !== void 0) comp.setPageController?.(pageController);
+	const showSound = readXmlAttr(compNode, PROJECT_XML_PROTOCOL.componentRoot.attrs.showSound);
+	if (showSound !== void 0) comp.setAddedToStageSound?.(showSound);
+	const hideSound = readXmlAttr(compNode, PROJECT_XML_PROTOCOL.componentRoot.attrs.hideSound);
+	if (hideSound !== void 0) comp.setRemovedFromStageSound?.(hideSound);
 	const clipSoftness = readXmlAttr(compNode, PROJECT_XML_PROTOCOL.componentRoot.attrs.clipSoftness);
 	if (clipSoftness) {
 		const parts = clipSoftness.split(",").map(Number);
@@ -18547,7 +18630,7 @@ function readComponentXml(ctx, comp, xmlContent) {
 					case "Button":
 						if (readXmlAttr(extAttrs, EXTENSION_PROTOCOL_MAP$1.Button.attrs.mode) !== void 0) comp.setButtonMode?.(parseButtonMode(readXmlAttr(extAttrs, EXTENSION_PROTOCOL_MAP$1.Button.attrs.mode)));
 						if (readXmlAttr(extAttrs, EXTENSION_PROTOCOL_MAP$1.Button.attrs.sound) !== void 0) comp.setSound?.(String(readXmlAttr(extAttrs, EXTENSION_PROTOCOL_MAP$1.Button.attrs.sound)));
-						if (readXmlAttr(extAttrs, EXTENSION_PROTOCOL_MAP$1.Button.attrs.soundVolumeScale) !== void 0) comp.setSoundVolumeScale?.(parseFloat2(readXmlAttr(extAttrs, EXTENSION_PROTOCOL_MAP$1.Button.attrs.soundVolumeScale), 1));
+						if (readXmlAttr(extAttrs, EXTENSION_PROTOCOL_MAP$1.Button.attrs.soundVolumeScale) !== void 0) comp.setSoundVolumeScale?.(parseFloat2(readXmlAttr(extAttrs, EXTENSION_PROTOCOL_MAP$1.Button.attrs.soundVolumeScale), 100) / 100);
 						if (readXmlAttr(extAttrs, EXTENSION_PROTOCOL_MAP$1.Button.attrs.downEffect) !== void 0) comp.setDownEffect?.(parseInt2(readXmlAttr(extAttrs, EXTENSION_PROTOCOL_MAP$1.Button.attrs.downEffect)));
 						if (readXmlAttr(extAttrs, EXTENSION_PROTOCOL_MAP$1.Button.attrs.downEffectValue) !== void 0) comp.setDownEffectValue?.(parseFloat2(readXmlAttr(extAttrs, EXTENSION_PROTOCOL_MAP$1.Button.attrs.downEffectValue), .8));
 						break;
@@ -19967,10 +20050,14 @@ function serializeChild(obj) {
 			if (typedObj.getTemplateVarsEnabled?.()) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.text.attrs.vars, "true");
 			const faceDilate = typedObj.getFaceDilate?.() ?? 0;
 			if (faceDilate !== 0) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.text.attrs.faceDilate, String(faceDilate));
+			const outlineSoftness = typedObj.getOutlineSoftness?.() ?? 0;
+			if (outlineSoftness !== 0) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.text.attrs.outlineSoftness, String(outlineSoftness));
 			const underlaySoftness = typedObj.getUnderlaySoftness?.() ?? 0;
 			if (underlaySoftness !== 0) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.text.attrs.underlaySoftness, String(underlaySoftness));
 		}
 		if (type === "GRichTextField") {
+			const outlineSoftness = typedObj.getOutlineSoftness?.() ?? 0;
+			if (outlineSoftness !== 0) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.richText.attrs.outlineSoftness, String(outlineSoftness));
 			const underlaySoftness = typedObj.getUnderlaySoftness?.() ?? 0;
 			if (underlaySoftness !== 0) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.richText.attrs.underlaySoftness, String(underlaySoftness));
 		}
@@ -20140,6 +20227,13 @@ function serializeChild(obj) {
 			1: "vertical",
 			2: "both"
 		}[scrollType] ?? "vertical");
+		const scrollBarDisplay = typedObj.getScrollBarDisplay?.() ?? 0;
+		if (overflow === 2 && scrollBarDisplay !== 0) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.scrollBar, {
+			0: "default",
+			1: "visible",
+			2: "auto",
+			3: "hidden"
+		}[scrollBarDisplay] ?? "default");
 		const scrollBarFlags = typedObj.getScrollBarFlags?.() ?? 0;
 		if (scrollBarFlags !== 0) writeXmlAttr(attrs, PROJECT_XML_PROTOCOL.list.attrs.scrollBarFlags, String(scrollBarFlags));
 		const scrollBarMargin = typedObj.getScrollBarMargin?.();
@@ -20240,8 +20334,13 @@ function serializeChild(obj) {
 			if (typedObj.getInstanceController?.() && extSpecs.controller) writeXmlAttr(extAttrs, extSpecs.controller, typedObj.getInstanceController?.());
 			if (typedObj.getInstancePage?.() && extSpecs.page) writeXmlAttr(extAttrs, extSpecs.page, typedObj.getInstancePage?.());
 			if (typedObj.getInstanceChecked?.() && extSpecs.checked) writeXmlAttr(extAttrs, extSpecs.checked, "1");
+			const popupDirection = typedObj.getInstancePopupDirection?.() ?? 0;
+			if (popupDirection !== 0 && extSpecs.popupDirection) writeXmlAttr(extAttrs, extSpecs.popupDirection, {
+				1: "up",
+				2: "down"
+			}[popupDirection]);
 			if (typedObj.getInstanceSound?.() && extSpecs.sound) writeXmlAttr(extAttrs, extSpecs.sound, typedObj.getInstanceSound?.());
-			if ((typedObj.getInstanceSoundVolumeScale?.() ?? 1) !== 1 && extSpecs.soundVolumeScale) writeXmlAttr(extAttrs, extSpecs.soundVolumeScale, String(typedObj.getInstanceSoundVolumeScale?.() ?? 1));
+			if ((typedObj.getInstanceSoundVolumeScale?.() ?? 1) !== 1 && extSpecs.soundVolumeScale) writeXmlAttr(extAttrs, extSpecs.soundVolumeScale, formatProjectInt32(Math.round((typedObj.getInstanceSoundVolumeScale?.() ?? 1) * 100), "component instance volume"));
 			if (typedObj.getInstancePromptText?.() && extSpecs.prompt) writeXmlAttr(extAttrs, extSpecs.prompt, typedObj.getInstancePromptText?.());
 			if (typedObj.getInstanceSelectionController?.() && extSpecs.selectionController) writeXmlAttr(extAttrs, extSpecs.selectionController, typedObj.getInstanceSelectionController?.());
 			if ((typedObj.getInstanceVisibleItemCount?.() ?? 0) > 0 && extSpecs.visibleItemCount) writeXmlAttr(extAttrs, extSpecs.visibleItemCount, String(typedObj.getInstanceVisibleItemCount?.() ?? 0));
@@ -20419,8 +20518,11 @@ async function writeComponent(fs, comp, pkgDir, sourceRelativePath) {
 	if (typedComp.getBgColorEnabled?.()) writeXmlAttr(compAttrs, PROJECT_XML_PROTOCOL.componentRoot.attrs.bgColorEnabled, "true");
 	const bgColor = typedComp.getBgColor?.();
 	if (bgColor) writeXmlAttr(compAttrs, PROJECT_XML_PROTOCOL.componentRoot.attrs.bgColor, bgColor);
-	const designImageAlpha = typedComp.getDesignImageAlpha?.() ?? 0;
-	if (designImageAlpha !== 0) writeXmlAttr(compAttrs, PROJECT_XML_PROTOCOL.componentRoot.attrs.designImageAlpha, String(designImageAlpha));
+	const designImage = typedComp.getDesignImage?.();
+	if (designImage) writeXmlAttr(compAttrs, PROJECT_XML_PROTOCOL.componentRoot.attrs.designImage, designImage);
+	if (typedComp.getDesignImageForTest?.()) writeXmlAttr(compAttrs, PROJECT_XML_PROTOCOL.componentRoot.attrs.designImageForTest, "true");
+	const designImageAlpha = typedComp.getDesignImageAlpha?.() ?? 50;
+	if (designImageAlpha !== 50) writeXmlAttr(compAttrs, PROJECT_XML_PROTOCOL.componentRoot.attrs.designImageAlpha, String(designImageAlpha));
 	const designImageLayer = typedComp.getDesignImageLayer?.() ?? 0;
 	if (designImageLayer !== 0) writeXmlAttr(compAttrs, PROJECT_XML_PROTOCOL.componentRoot.attrs.designImageLayer, String(designImageLayer));
 	const designImageOffsetX = typedComp.getDesignImageOffsetX?.() ?? 0;
@@ -20433,6 +20535,12 @@ async function writeComponent(fs, comp, pkgDir, sourceRelativePath) {
 	if (initName) writeXmlAttr(compAttrs, PROJECT_XML_PROTOCOL.componentRoot.attrs.initName, initName);
 	const remark = typedComp.getRemark?.();
 	if (remark) writeXmlAttr(compAttrs, PROJECT_XML_PROTOCOL.componentRoot.attrs.remark, remark);
+	const pageController = typedComp.getPageController?.();
+	if (pageController) writeXmlAttr(compAttrs, PROJECT_XML_PROTOCOL.componentRoot.attrs.pageController, pageController);
+	const showSound = typedComp.getAddedToStageSound?.();
+	if (showSound) writeXmlAttr(compAttrs, PROJECT_XML_PROTOCOL.componentRoot.attrs.showSound, showSound);
+	const hideSound = typedComp.getRemovedFromStageSound?.();
+	if (hideSound) writeXmlAttr(compAttrs, PROJECT_XML_PROTOCOL.componentRoot.attrs.hideSound, hideSound);
 	const clipSoftness = typedComp.getClipSoftness?.();
 	if (clipSoftness && ((clipSoftness.x ?? 0) !== 0 || (clipSoftness.y ?? 0) !== 0)) writeXmlAttr(compAttrs, PROJECT_XML_PROTOCOL.componentRoot.attrs.clipSoftness, formatProjectInt32List([clipSoftness.x ?? 0, clipSoftness.y ?? 0], "component clipSoftness"));
 	if (typedComp.getOpaque?.() === false) writeXmlAttr(compAttrs, PROJECT_XML_PROTOCOL.componentRoot.attrs.opaque, "false");
@@ -20504,7 +20612,7 @@ async function writeComponent(fs, comp, pkgDir, sourceRelativePath) {
 			case "Button": {
 				if ((typedComp.getButtonMode?.() ?? 0) !== 0) writeXmlAttr(extAttrs, extSpecs.mode, formatButtonMode(typedComp.getButtonMode?.() ?? 0));
 				if (typedComp.getSound?.()) writeXmlAttr(extAttrs, extSpecs.sound, typedComp.getSound?.());
-				if ((typedComp.getSoundVolumeScale?.() ?? 1) !== 1) writeXmlAttr(extAttrs, extSpecs.soundVolumeScale, String(typedComp.getSoundVolumeScale?.() ?? 1));
+				if ((typedComp.getSoundVolumeScale?.() ?? 1) !== 1) writeXmlAttr(extAttrs, extSpecs.soundVolumeScale, String(Math.round((typedComp.getSoundVolumeScale?.() ?? 1) * 100)));
 				const downEffect = typedComp.getDownEffect?.() ?? 0;
 				if (downEffect !== 0) {
 					writeXmlAttr(extAttrs, extSpecs.downEffect, String(downEffect));
@@ -21735,16 +21843,12 @@ function decodeTextChildSpecific(child, childBuf) {
 		y: childBuf.getFloat32()
 	});
 	if (childBuf.readBool()) {}
-	if (childBuf.version >= 3 && remainingBytes(childBuf) >= 13) {
-		textChild.setStrikethrough(childBuf.readBool());
-		childBuf.skip(12);
-	}
+	if (childBuf.version >= 3 && remainingBytes(childBuf) >= 13) textChild.setStrikethrough(childBuf.readBool()).setFaceDilate(childBuf.getFloat32()).setOutlineSoftness(childBuf.getFloat32()).setUnderlaySoftness(childBuf.getFloat32());
 }
 function decodeListScrollPane(child, childBuf) {
 	if (!childBuf.seek(0, 7) || remainingBytes(childBuf) < 10) return;
 	const listLike = child;
-	listLike.setScrollType(childBuf.getUint8());
-	childBuf.getUint8();
+	listLike.setScrollType(childBuf.getUint8()).setScrollBarDisplay(childBuf.getUint8());
 	listLike.setScrollBarFlags(childBuf.getInt32());
 	if (childBuf.readBool() && remainingBytes(childBuf) >= 16) listLike.setScrollBarMargin([
 		childBuf.getInt32(),
@@ -21951,10 +22055,7 @@ function decodeChildBlock6(resource, child, childBuf) {
 							childBuf.readBool();
 						}
 					}
-					if (childBuf.version >= 5 && remainingBytes(childBuf) >= 6) {
-						childBuf.readS();
-						childBuf.getFloat32();
-					}
+					if (childBuf.version >= 5 && remainingBytes(childBuf) >= 6) component.setInstanceSound(childBuf.readS() ?? "").setInstanceSoundVolumeScale(childBuf.getFloat32());
 					break;
 				case "ComboBox": {
 					if (remainingBytes(childBuf) < 2) return;
@@ -21972,24 +22073,17 @@ function decodeChildBlock6(resource, child, childBuf) {
 					}
 					component.setInstanceComboItems(items).setInstanceTitle(childBuf.readS() ?? "").setInstanceIcon(childBuf.readS() ?? "");
 					if (childBuf.readBool()) component.setInstanceTitleColor(readColorValue(childBuf, true));
-					component.setInstanceVisibleItemCount(childBuf.getInt32());
-					childBuf.getUint8();
+					component.setInstanceVisibleItemCount(childBuf.getInt32()).setInstancePopupDirection(childBuf.getUint8());
 					const selectionControllerIndex = childBuf.getInt16();
 					if (selectionControllerIndex >= 0) component.setInstanceSelectionController(resource.listControllers()[selectionControllerIndex]?.getName() ?? "");
-					if (childBuf.version >= 5 && remainingBytes(childBuf) >= 6) {
-						childBuf.readS();
-						childBuf.getFloat32();
-					}
+					if (childBuf.version >= 5 && remainingBytes(childBuf) >= 6) component.setInstanceSound(childBuf.readS() ?? "").setInstanceSoundVolumeScale(childBuf.getFloat32());
 					break;
 				}
 				case "ProgressBar":
 				case "Slider":
 					if (remainingBytes(childBuf) < 12) return;
 					component.setInstanceValue(childBuf.getInt32()).setInstanceMax(childBuf.getInt32()).setInstanceMin(childBuf.getInt32());
-					if (extTypeName === "ProgressBar" && childBuf.version >= 5 && remainingBytes(childBuf) >= 6) {
-						childBuf.readS();
-						childBuf.getFloat32();
-					}
+					if (extTypeName === "ProgressBar" && childBuf.version >= 5 && remainingBytes(childBuf) >= 6) component.setInstanceSound(childBuf.readS() ?? "").setInstanceSoundVolumeScale(childBuf.getFloat32());
 					break;
 				default: break;
 			}
@@ -23794,9 +23888,9 @@ function _writeChildSpecific(buf, child, pkg, version) {
 			buf.writeBool(false);
 			if (version >= 3) {
 				buf.writeBool(child.getStrikethrough?.() ?? false);
-				buf.writeFloat32(0);
-				buf.writeFloat32(0);
-				buf.writeFloat32(0);
+				buf.writeFloat32(child.getFaceDilate?.() ?? 0);
+				buf.writeFloat32(child.getOutlineSoftness?.() ?? 0);
+				buf.writeFloat32(child.getUnderlaySoftness?.() ?? 0);
 			}
 			break;
 		}
@@ -24018,7 +24112,9 @@ function _writeChildAfterAdd(buf, child, comp, pkg, version) {
 			}
 			buf.writeSEx(child.getTitle?.() ?? null, true);
 			buf.writeS(remapLocalUiUrl(pkg, child.getIcon?.() ?? null));
-			buf.writeBool(false);
+			const comboTitleColor = child.getTitleColor?.() ?? null;
+			buf.writeBool(!!comboTitleColor);
+			if (comboTitleColor) buf.writeColor(comboTitleColor, true);
 			buf.writeInt32(child.getVisibleItemCount?.() ?? 10);
 			buf.writeUint8(child.getPopupDirection?.() ?? 0);
 			buf.writeInt16(-1);
@@ -24100,8 +24196,8 @@ function _writeExtensionInstanceData(buf, extType, child, comp, pkg, version) {
 			buf.writeInt32(child.getInstanceTitleFontSize?.() ?? 0);
 			buf.writeBool(false);
 			if (version >= 5) {
-				buf.writeS(null);
-				buf.writeFloat32(1);
+				buf.writeS(remapLocalUiUrl(pkg, child.getInstanceSound?.() ?? null));
+				buf.writeFloat32(child.getInstanceSoundVolumeScale?.() ?? 1);
 			}
 			break;
 		}
@@ -24126,11 +24222,11 @@ function _writeExtensionInstanceData(buf, extType, child, comp, pkg, version) {
 			buf.writeBool(!!comboTitleColor);
 			if (comboTitleColor) buf.writeColor(comboTitleColor, true);
 			buf.writeInt32(child.getInstanceVisibleItemCount?.() ?? 10);
-			buf.writeUint8(0);
+			buf.writeUint8(child.getInstancePopupDirection?.() ?? 0);
 			buf.writeInt16(-1);
 			if (version >= 5) {
-				buf.writeS(null);
-				buf.writeFloat32(1);
+				buf.writeS(remapLocalUiUrl(pkg, child.getInstanceSound?.() ?? null));
+				buf.writeFloat32(child.getInstanceSoundVolumeScale?.() ?? 1);
 			}
 			break;
 		}
@@ -24140,8 +24236,8 @@ function _writeExtensionInstanceData(buf, extType, child, comp, pkg, version) {
 			buf.writeInt32(child.getInstanceMax?.() ?? 100);
 			buf.writeInt32(child.getInstanceMin?.() ?? 0);
 			if (version >= 5 && extType === "ProgressBar") {
-				buf.writeS(null);
-				buf.writeFloat32(1);
+				buf.writeS(remapLocalUiUrl(pkg, child.getInstanceSound?.() ?? null));
+				buf.writeFloat32(child.getInstanceSoundVolumeScale?.() ?? 1);
 			}
 			break;
 		default: break;
@@ -24149,7 +24245,7 @@ function _writeExtensionInstanceData(buf, extType, child, comp, pkg, version) {
 }
 function _writeScrollPane(buf, child, pkg) {
 	buf.writeUint8(child.getScrollType?.() ?? 1);
-	buf.writeUint8(0);
+	buf.writeUint8(child.getScrollBarDisplay?.() ?? 0);
 	buf.writeInt32(child.getScrollBarFlags?.() ?? 0);
 	const sbMargin = child.getScrollBarMargin?.();
 	buf.writeBool(!!sbMargin);
@@ -29454,7 +29550,7 @@ function registerRestoreCommand(program) {
 //#region src/utils/package-version.ts
 const require$1 = createRequire(import.meta.url);
 function getInjectedPackageVersion() {
-	const version = "0.2.2";
+	const version = "0.2.4";
 	return typeof version === "string" && true ? version : null;
 }
 function readPackageVersion() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openfairygui/cli",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "FairyGUI Headless Authoring SDK — command-line interface.",
   "author": "OpenFairyGUI Contributors",
   "license": "MIT",
@@ -33,13 +33,13 @@
     "restore"
   ],
   "devDependencies": {
-    "@openfairygui/core": "0.2.2",
-    "@openfairygui/functions": "0.2.2"
+    "@openfairygui/core": "0.2.4",
+    "@openfairygui/functions": "0.2.4"
   },
   "dependencies": {
     "commander": "^14.0.2",
     "jiti": "^2.7.0",
-    "@openfairygui/backend": "0.2.2"
+    "@openfairygui/backend": "0.2.4"
   },
   "optionalDependencies": {
     "sharp": ">=0.33.0"