buildTooltip(item, tooltip) {
		let tooltipCode = '';

		let processedTooltip = tooltip.map((item) => ({
			id: item.id,
			title: item.title ?? item.id,
			showColumnName: item.showColumnName === undefined ? true : item.showColumnName,
			fieldClass: item.fieldClass ?? 'default-field-class', // Example default class
			valueClass: item.valueClass ?? 'default-value-class', // Example default class
			fmt: item.fmt ?? 'num0', // Default formatting
			formatColumnTitle:
				item.formatColumnTitle === undefined && item.title === undefined
					? true
					: item.formatColumnTitle,
			contentType: item.contentType ?? 'text', // Default to 'text'
			linkLabel: item.linkLabel ?? undefined
		}));

		if (processedTooltip) {
			for (let j = 0; j < processedTooltip.length; j++) {
				tooltipCode +=
					`<div class='flex justify-between items-center ${processedTooltip[j].rowClass || ''}'>` +
					(processedTooltip[j].showColumnName
						? `<span class='font-bold pr-5 ${processedTooltip[j].fieldClass}'>${processedTooltip[j].formatColumnTitle ? formatTitle(processedTooltip[j].title) : processedTooltip[j].title}</span>`
						: '') +
					(processedTooltip[j].contentType === 'link'
						? `<a href='${item[processedTooltip[j].id]}' class='${processedTooltip[j].valueClass}'>${processedTooltip[j].linkLabel ? processedTooltip[j].linkLabel : fmt(item[processedTooltip[j].id], processedTooltip[j].fmt)}</a>`
						: `<span class='${processedTooltip[j].valueClass}'>${fmt(item[processedTooltip[j].id], processedTooltip[j].fmt)}</span>`) +
					`</div>`;
			}
		}

		return tooltipCode;
	}
Builds a tooltip content string based on the provided item and tooltip configuration.
@param {object} item - The data item for the tooltip.
@param {Array<object>} tooltip - The tooltip configuration.
@returns {string} The generated tooltip content.