add collapsible callouts to markdown builder

Author: mProjectsCode

jsEngine/api/markdown/AbstractMarkdownElementContainer.ts

@@ -86,7 +86,13 @@ export abstract class AbstractMarkdownElementContainer extends AbstractMarkdownE
 	}
 
 	createCallout(title: string, type: string, args: string = ''): CalloutElement {
-		const element = new CalloutElement(title, type, args);
+		const element = new CalloutElement(title, type, args, false, false);
+		this.addElement(element);
+		return element;
+	}
+
+	createCollapsibleCallout(title: string, type: string, args: string = '', collapsed: boolean = false): CalloutElement {
+		const element = new CalloutElement(title, type, args, true, collapsed);
 		this.addElement(element);
 		return element;
 	}
@@ -338,21 +344,37 @@ export class CalloutElement extends AbstractMarkdownElementContainer {
 	title: string;
 	type: string;
 	args: string;
+	collapsible: boolean;
+	collapsed: boolean;
 
-	constructor(title: string, type: string, args: string) {
+	constructor(title: string, type: string, args: string, collapsible: boolean = false, collapsed: boolean = false) {
 		super();
 
 		this.title = title;
 		this.type = type;
 		this.args = args;
+		this.collapsible = collapsible;
+		this.collapsed = collapsed;
 	}
 
 	public allowElement(_: AbstractMarkdownElement): boolean {
 		return true;
 	}
 
 	public toString(): string {
-		return `> [!${this.type}|${this.args}] ${this.title}` + `\n> ` + this.markdownElements.map(x => x.toString().replaceAll('\n', '\n> ')).join('\n> \n> ');
+		return (
+			`> [!${this.type}|${this.args}]${this.collapseChar()} ${this.title}` +
+			`\n> ` +
+			this.markdownElements.map(x => x.toString().replaceAll('\n', '\n> ')).join('\n> \n> ')
+		);
+	}
+
+	private collapseChar(): string {
+		if (this.collapsible) {
+			return this.collapsed ? '-' : '+';
+		} else {
+			return '';
+		}
 	}
 }