Function updateTaskCard

src/ui/TaskCard.ts:286–393

(
	element: HTMLElement,
	task: TaskInfo,
	plugin: TaskNotesPlugin,
	visibleProperties?: string[],
	options: Partial<TaskCardOptions> = {}
)

 * Update an existing task card with new data
 */
export function updateTaskCard(
	element: HTMLElement,
	task: TaskInfo,
	plugin: TaskNotesPlugin,
	visibleProperties?: string[],
	options: Partial<TaskCardOptions> = {}
): void {
	const opts = { ...DEFAULT_TASK_CARD_OPTIONS, ...options };
	const renderState = buildTaskCardRenderState(task, plugin, opts);
	const { targetDate, effectiveStatus, isCompleted, hasDetails } = renderState;

	element.className = renderState.cardClasses.join(" ");
	element.dataset.status = effectiveStatus;
	if (task.priority) {
		element.dataset.priority = task.priority;
	} else {
		delete element.dataset.priority;
	}
	element.dataset.hasDetails = hasDetails ? "true" : "false";

	// Get the main row container
	const mainRow = element.querySelector(".task-card__main-row") as HTMLElement;

	applyTaskCardPriorityColor(element, task, plugin);

	// Update checkbox if present
	const checkbox = element.querySelector(".task-card__checkbox") as HTMLInputElement;
	if (checkbox) {
		checkbox.checked = plugin.statusManager.isCompletedStatus(effectiveStatus);
	}

	updateStatusIndicator({
		mainRow,
		card: element,
		task,
		plugin,
		effectiveStatus,
		visibleProperties,
		hideStatusIndicator: opts.hideStatusIndicator,
		onClick: createStatusCycleHandler({
			task,
			plugin,
			targetDate,
			updateStatusVisuals: (updatedTask, effectiveStatus, isCompleted) => {
				const currentStatusDot =
					element.querySelector<HTMLElement>(".task-card__status-dot");
				if (currentStatusDot) {
					updateTaskCardStatusIndicatorVisuals({
						card: element,
						statusDot: currentStatusDot,
						plugin,
						updatedTask,
						effectiveStatus,
						isCompleted,
					});
				}
			},
		}),