Select_with_rich_content() — svelte Function Reference

Source Code

packages/svelte/tests/snapshot/samples/select-with-rich-content/_expected/client/index.svelte.js lines 59–412

export default function Select_with_rich_content($$anchor) {
	let items = [1, 2, 3];
	let show = true;
	let html = '<option>From HTML</option>';
	var fragment = root();
	var select = $.first_child(fragment);
	var option_4 = $.child(select);

	$.customizable_select(option_4, () => {
		var anchor = $.child(option_4);
		var fragment_1 = option_content();

		$.append(anchor, fragment_1);
	});

	$.reset(select);

	var select_1 = $.sibling(select, 2);

	$.each(select_1, 5, () => items, $.index, ($$anchor, item) => {
		var option_5 = root_5();
		var text = $.child(option_5, true);

		$.reset(option_5);

		var option_5_value = {};

		$.template_effect(() => {
			$.set_text(text, $.get(item));

			if (option_5_value !== (option_5_value = $.get(item))) {
				option_5.__value = $.get(item);
			}
		});

		$.append($$anchor, option_5);
	});

	$.reset(select_1);

	var select_2 = $.sibling(select_1, 2);
	var node = $.child(select_2);

	{
		var consequent = ($$anchor) => {
			var option_6 = root_6();

			$.append($$anchor, option_6);
		};

		$.if(node, ($$render) => {
			if (show) $$render(consequent);
		});
	}

	$.reset(select_2);

	var select_3 = $.sibling(select_2, 2);
	var node_1 = $.child(select_3);

	$.key(node_1, () => items, ($$anchor) => {
		var option_7 = root_7();

		$.append($$anchor, option_7);
	});

	$.reset(select_3);

	var select_4 = $.sibling(select_3, 2);

	$.customizable_select(select_4, () => {
		var anchor_1 = $.child(select_4);
		var fragment_2 = select_content();
		var node_2 = $.first_child(fragment_2);

		opt(node_2);
		$.append(anchor_1, fragment_2);
	});

	var select_5 = $.sibling(select_4, 2);