qc-trousse-sdg 1.4.7 → 1.4.9

package/public/js/qc-sdg.js

@@ -11437,7 +11437,7 @@
 
 	ExternalLink[FILENAME] = 'src/sdg/components/ExternalLink/ExternalLink.svelte';
 
-	var root$d = add_locations(from_html(`<div hidden=""><!></div>`), ExternalLink[FILENAME], [[48, 0]]);
+	var root$d = add_locations(from_html(`<div hidden=""><!></div>`), ExternalLink[FILENAME], [[108, 0]]);
 
 	function ExternalLink($$anchor, $$props) {
 		check_target(new.target);
@@ -11451,22 +11451,80 @@
 			nestedExternalLinks = prop($$props, 'nestedExternalLinks', 7, false);
 
 		let imgElement = tag(state(void 0), 'imgElement');
-		let processedLinks = new Set();
 
-		function addExternalLinkIcon(links) {
-			links.forEach((link) => {
-				if (processedLinks.has(link.innerHTML)) {
-					return;
-				}
+		function createVisibleNodesTreeWalker(link) {
+			return document.createTreeWalker(link, NodeFilter.SHOW_ALL, {
+				acceptNode: (node) => {
+					if (node instanceof Element) {
+						if (node.hasAttribute('hidden')) {
+							return NodeFilter.FILTER_REJECT;
+						}
+
+						const style = window.getComputedStyle(node);
+
+						// Si l'élément est masqué par CSS (display ou visibility), on l'ignore
+						if (strict_equals(style.display, 'none') || strict_equals(style.visibility, 'hidden') || strict_equals(style.position, 'absolute')) {
+							return NodeFilter.FILTER_REJECT;
+						}
+					}
 
-				let linkContent = link.innerHTML;
+					if (!node instanceof Text) {
+						return NodeFilter.FILTER_SKIP;
+					}
+
+					// Ignore les nœuds vides
+					if (!(/\S/).test(node.textContent)) {
+						return NodeFilter.FILTER_SKIP;
+					}
 
-				linkContent = `<span class="qc-ext-link-text">${linkContent}</span>&nbsp;${get(imgElement).outerHTML}`;
-				link.innerHTML = linkContent;
-				processedLinks.add(linkContent);
+					return NodeFilter.FILTER_ACCEPT;
+				}
 			});
 		}
 
+		function addExternalLinkIcon(link) {
+			// Crée un TreeWalker pour parcourir uniquement les nœuds texte visibles
+			const walker = createVisibleNodesTreeWalker(link);
+
+			let lastTextNode = null;
+
+			while (walker.nextNode()) {
+				lastTextNode = walker.currentNode;
+			}
+
+			// S'il n'y a pas de nœud texte visible, on ne fait rien
+			if (!lastTextNode) {
+				return;
+			}
+
+			// Séparer le contenu du dernier nœud texte en deux parties :
+			// le préfixe (éventuel) et le dernier mot
+			const text = lastTextNode.textContent;
+
+			const match = text.match(/^([\s\S]*\s)?(\S+)\s*$/m);
+
+			if (!match) {
+				return;
+			}
+
+			const prefix = match[1] || "";
+			const lastWord = match[2].replace(/([\/\-\u2013\u2014])/g, "$1<wbr>");
+
+			// Crée un span avec white-space: nowrap pour empêcher le saut de ligne de l'image de lien externe
+			const span = document.createElement('span');
+
+			span.classList.add('img-wrap');
+			span.innerHTML = `${lastWord}${get(imgElement).outerHTML}`;
+
+			// Met à jour le nœud texte : on garde le préfixe et on insère le span après
+			if (prefix) {
+				lastTextNode.textContent = prefix;
+				lastTextNode.parentNode.insertBefore(span, lastTextNode.nextSibling);
+			} else {
+				lastTextNode.parentNode.replaceChild(span, lastTextNode);
+			}
+		}
+
 		user_effect(() => {
 			if (nestedExternalLinks() || links().length <= 0 || !get(imgElement)) {
 				return;
@@ -11475,7 +11533,11 @@
 			isUpdating(true);
 
 			tick().then(() => {
-				addExternalLinkIcon(links());
+				links().forEach((link) => {
+					if (!link.querySelector('.qc-ext-link-img')) {
+						addExternalLinkIcon(link);
+					}
+				});
 
 				return tick();
 			}).then(() => {
@@ -11528,10 +11590,10 @@
 		};
 
 		var div = root$d();
-		var node = child(div);
+		var node_1 = child(div);
 
 		add_svelte_meta(
-			() => Icon(node, {
+			() => Icon(node_1, {
 				type: 'external-link',
 
 				get alt() {
@@ -11539,6 +11601,7 @@
 				},
 
 				class: 'qc-ext-link-img',
+				color: 'link-text',
 
 				get rootElement() {
 					return get(imgElement);
@@ -11550,7 +11613,7 @@
 			}),
 			'component',
 			ExternalLink,
-			49,
+			109,
 			4,
 			{ componentTag: 'Icon' }
 		);
@@ -11581,11 +11644,11 @@
 		push($$props, true);
 
 		const props = rest_props($$props, ['$$slots', '$$events', '$$legacy', '$$host']);
-		const nestedExternalLinks = $$props.$$host.querySelector('qc-external-link');
-		let links = tag(state(proxy([])), 'links');
-		const observer = Utils.createMutationObserver($$props.$$host, refreshLinks);
+		let links = tag(state(proxy(queryLinks())), 'links');
 		let isUpdating = tag(state(false), 'isUpdating');
 		let pendingUpdate = false;
+		const nestedExternalLinks = $$props.$$host.querySelector('qc-external-link');
+		const observer = Utils.createMutationObserver($$props.$$host, refreshLinks);
 
 		function queryLinks() {
 			return Array.from($$props.$$host.querySelectorAll('a'));
@@ -11612,29 +11675,30 @@
 
 		onMount(() => {
 			$$props.$$host.classList.add('qc-external-link');
-			set(links, queryLinks(), true);
 			observer?.observe($$props.$$host, { childList: true, characterData: true, subtree: true });
 		});
 
-		onDestroy(() => {
-			observer?.disconnect();
-		});
+		onDestroy(() => observer?.disconnect());
 
 		var $$exports = { ...legacy_api() };
 
 		add_svelte_meta(
 			() => ExternalLink($$anchor, spread_props(
 				{
-					get links() {
-						return get(links);
-					},
-
 					get nestedExternalLinks() {
 						return nestedExternalLinks;
 					}
 				},
 				() => props,
 				{
+					get links() {
+						return get(links);
+					},
+
+					set links($$value) {
+						set(links, $$value, true);
+					},
+
 					get isUpdating() {
 						return get(isUpdating);
 					},
@@ -11646,7 +11710,7 @@
 			)),
 			'component',
 			ExternalLinkWC,
-			58,
+			54,
 			0,
 			{ componentTag: 'ExternalLink' }
 		);
@@ -11656,9 +11720,232 @@
 
 	customElements.define('qc-external-link', create_custom_element(ExternalLinkWC, { externalIconAlt: { attribute: 'img-alt' } }, [], [], false));
 
+	LabelText[FILENAME] = 'src/sdg/components/Label/LabelText.svelte';
+
+	var root_1$6 = add_locations(from_html(`<span class="qc-required" aria-hidden="true">*</span>`), LabelText[FILENAME], [[5, 61]]);
+	var root$c = add_locations(from_html(`<span class="qc-label-text"><!></span><!>`, 1), LabelText[FILENAME], [[5, 0]]);
+
+	function LabelText($$anchor, $$props) {
+		check_target(new.target);
+		push($$props, true);
+
+		let text = prop($$props, 'text', 7),
+			required = prop($$props, 'required', 7);
+
+		var $$exports = {
+			get text() {
+				return text();
+			},
+
+			set text($$value) {
+				text($$value);
+				flushSync();
+			},
+
+			get required() {
+				return required();
+			},
+
+			set required($$value) {
+				required($$value);
+				flushSync();
+			},
+
+			...legacy_api()
+		};
+
+		var fragment = root$c();
+		var span = first_child(fragment);
+		var node = child(span);
+
+		html(node, text);
+		reset(span);
+
+		var node_1 = sibling(span);
+
+		{
+			var consequent = ($$anchor) => {
+				var span_1 = root_1$6();
+
+				append($$anchor, span_1);
+			};
+
+			add_svelte_meta(
+				() => if_block(node_1, ($$render) => {
+					if (required()) $$render(consequent);
+				}),
+				'if',
+				LabelText,
+				5,
+				47
+			);
+		}
+
+		append($$anchor, fragment);
+
+		return pop($$exports);
+	}
+
+	create_custom_element(LabelText, { text: {}, required: {} }, [], [], true);
+
+	Label[FILENAME] = 'src/sdg/components/Label/Label.svelte';
+
+	var root$b = add_locations(from_html(`<label><!></label>`), Label[FILENAME], [[16, 0]]);
+
+	function Label($$anchor, $$props) {
+		check_target(new.target);
+		push($$props, true);
+
+		let forId = prop($$props, 'forId', 7),
+			text = prop($$props, 'text', 7),
+			required = prop($$props, 'required', 7, false),
+			compact = prop($$props, 'compact', 7, false),
+			bold = prop($$props, 'bold', 7, false),
+			disabled = prop($$props, 'disabled', 7, false),
+			rootElement = prop($$props, 'rootElement', 15),
+			rest = rest_props(
+				$$props,
+				[
+					'$$slots',
+					'$$events',
+					'$$legacy',
+					'$$host',
+					'forId',
+					'text',
+					'required',
+					'compact',
+					'bold',
+					'disabled',
+					'rootElement'
+				]);
+
+		var $$exports = {
+			get forId() {
+				return forId();
+			},
+
+			set forId($$value) {
+				forId($$value);
+				flushSync();
+			},
+
+			get text() {
+				return text();
+			},
+
+			set text($$value) {
+				text($$value);
+				flushSync();
+			},
+
+			get required() {
+				return required();
+			},
+
+			set required($$value = false) {
+				required($$value);
+				flushSync();
+			},
+
+			get compact() {
+				return compact();
+			},
+
+			set compact($$value = false) {
+				compact($$value);
+				flushSync();
+			},
+
+			get bold() {
+				return bold();
+			},
+
+			set bold($$value = false) {
+				bold($$value);
+				flushSync();
+			},
+
+			get disabled() {
+				return disabled();
+			},
+
+			set disabled($$value = false) {
+				disabled($$value);
+				flushSync();
+			},
+
+			get rootElement() {
+				return rootElement();
+			},
+
+			set rootElement($$value) {
+				rootElement($$value);
+				flushSync();
+			},
+
+			...legacy_api()
+		};
+
+		var label = root$b();
+
+		attribute_effect(label, () => ({
+			for: forId(),
+
+			class: [
+				"qc-label",
+				compact() && "qc-compact",
+				bold() && "qc-bold",
+				disabled() && "qc-disabled"
+			],
+
+			...rest
+		}));
+
+		var node = child(label);
+
+		add_svelte_meta(
+			() => LabelText(node, {
+				get text() {
+					return text();
+				},
+
+				get required() {
+					return required();
+				}
+			}),
+			'component',
+			Label,
+			27,
+			4,
+			{ componentTag: 'LabelText' }
+		);
+
+		reset(label);
+		bind_this(label, ($$value) => rootElement($$value), () => rootElement());
+		append($$anchor, label);
+
+		return pop($$exports);
+	}
+
+	create_custom_element(
+		Label,
+		{
+			forId: {},
+			text: {},
+			required: {},
+			compact: {},
+			bold: {},
+			disabled: {},
+			rootElement: {}
+		},
+		[],
+		[],
+		true
+	);
+
 	SearchInput[FILENAME] = 'src/sdg/components/SearchInput/SearchInput.svelte';
 
-	var root$c = add_locations(from_html(`<div><!> <input/> <!></div>`), SearchInput[FILENAME], [[28, 0, [[39, 4]]]]);
+	var root$a = add_locations(from_html(`<!> <div><!> <input/> <!></div>`, 1), SearchInput[FILENAME], [[38, 0, [[51, 4]]]]);
 
 	function SearchInput($$anchor, $$props) {
 		check_target(new.target);
@@ -11667,6 +11954,8 @@
 		const lang = Utils.getPageLanguage();
 
 		let value = prop($$props, 'value', 15, ''),
+			label = prop($$props, 'label', 7, ''),
+			size = prop($$props, 'size', 7, ''),
 			ariaLabel = prop($$props, 'ariaLabel', 23, () => strict_equals(lang, "fr") ? "Rechercher..." : "Search..."),
 			clearAriaLabel = prop($$props, 'clearAriaLabel', 23, () => strict_equals(lang, "fr") ? "Effacer le texte" : "Clear text"),
 			leftIcon = prop($$props, 'leftIcon', 7, false),
@@ -11679,6 +11968,8 @@
 					'$$legacy',
 					'$$host',
 					'value',
+					'label',
+					'size',
 					'ariaLabel',
 					'clearAriaLabel',
 					'leftIcon',
@@ -11708,6 +11999,24 @@
 				flushSync();
 			},
 
+			get label() {
+				return label();
+			},
+
+			set label($$value = '') {
+				label($$value);
+				flushSync();
+			},
+
+			get size() {
+				return size();
+			},
+
+			set size($$value = '') {
+				size($$value);
+				flushSync();
+			},
+
 			get ariaLabel() {
 				return ariaLabel();
 			},
@@ -11749,11 +12058,49 @@
 			...legacy_api()
 		};
 
-		var div = root$c();
-		var node = child(div);
+		var fragment = root$a();
+		var node = first_child(fragment);
+
+		{
+			var consequent = ($$anchor) => {
+				add_svelte_meta(
+					() => Label($$anchor, {
+						get disabled() {
+							return isDisabled;
+						},
+
+						get text() {
+							return label();
+						},
+
+						get forId() {
+							return id();
+						}
+					}),
+					'component',
+					SearchInput,
+					32,
+					4,
+					{ componentTag: 'Label' }
+				);
+			};
+
+			add_svelte_meta(
+				() => if_block(node, ($$render) => {
+					if (label()) $$render(consequent);
+				}),
+				'if',
+				SearchInput,
+				31,
+				0
+			);
+		}
+
+		var div = sibling(node, 2);
+		var node_1 = child(div);
 
 		{
-			var consequent = ($$anchor) => {
+			var consequent_1 = ($$anchor) => {
 				{
 					let $0 = user_derived(() => `qc-icon${isDisabled ? ' is-disabled' : ''}`);
 
@@ -11768,7 +12115,7 @@
 						}),
 						'component',
 						SearchInput,
-						34,
+						46,
 						8,
 						{ componentTag: 'Icon' }
 					);
@@ -11776,24 +12123,24 @@
 			};
 
 			add_svelte_meta(
-				() => if_block(node, ($$render) => {
-					if (leftIcon()) $$render(consequent);
+				() => if_block(node_1, ($$render) => {
+					if (leftIcon()) $$render(consequent_1);
 				}),
 				'if',
 				SearchInput,
-				33,
+				45,
 				4
 			);
 		}
 
-		var input = sibling(node, 2);
+		var input = sibling(node_1, 2);
 
 		attribute_effect(
 			input,
 			() => ({
 				type: 'search',
 				autocomplete: 'off',
-				'aria-label': ariaLabel(),
+				'aria-label': label() ? undefined : ariaLabel(),
 				class: isDisabled ? "qc-disabled" : "",
 				id: id(),
 				...rest
@@ -11807,10 +12154,10 @@
 
 		bind_this(input, ($$value) => searchInput = $$value, () => searchInput);
 
-		var node_1 = sibling(input, 2);
+		var node_2 = sibling(input, 2);
 
 		{
-			var consequent_1 = ($$anchor) => {
+			var consequent_2 = ($$anchor) => {
 				add_svelte_meta(
 					() => IconButton($$anchor, {
 						type: 'button',
@@ -11830,33 +12177,37 @@
 					}),
 					'component',
 					SearchInput,
-					49,
+					61,
 					4,
 					{ componentTag: 'IconButton' }
 				);
 			};
 
 			add_svelte_meta(
-				() => if_block(node_1, ($$render) => {
-					if (value()) $$render(consequent_1);
+				() => if_block(node_2, ($$render) => {
+					if (value()) $$render(consequent_2);
 				}),
 				'if',
 				SearchInput,
-				48,
+				60,
 				4
 			);
 		}
 
 		reset(div);
 
-		template_effect(() => set_class(div, 1, clsx([
-			"qc-search-input",
-			leftIcon() && "qc-search-left-icon",
-			leftIcon() && isDisabled && "qc-search-left-icon-disabled"
-		])));
+		template_effect(() => {
+			set_class(div, 1, clsx([
+				"qc-search-input",
+				leftIcon() && "qc-search-left-icon",
+				leftIcon() && isDisabled && "qc-search-left-icon-disabled"
+			]));
+
+			set_attribute(div, 'size', size());
+		});
 
 		bind_value(input, value);
-		append($$anchor, div);
+		append($$anchor, fragment);
 
 		return pop($$exports);
 	}
@@ -11865,6 +12216,8 @@
 		SearchInput,
 		{
 			value: {},
+			label: {},
+			size: {},
 			ariaLabel: {},
 			clearAriaLabel: {},
 			leftIcon: {},
@@ -11877,7 +12230,7 @@
 
 	SearchBar[FILENAME] = 'src/sdg/components/SearchBar/SearchBar.svelte';
 
-	var root$b = add_locations(from_html(`<div><!> <!></div>`), SearchBar[FILENAME], [[37, 0]]);
+	var root$9 = add_locations(from_html(`<div><!> <!></div>`), SearchBar[FILENAME], [[37, 0]]);
 
 	function SearchBar($$anchor, $$props) {
 		check_target(new.target);
@@ -11959,7 +12312,7 @@
 			...legacy_api()
 		};
 
-		var div = root$b();
+		var div = root$9();
 		let classes;
 		var node = child(div);
 
@@ -12055,7 +12408,7 @@
 		const props = rest_props($$props, ['$$slots', '$$events', '$$legacy', '$$host']);
 		var $$exports = { ...legacy_api() };
 
-		add_svelte_meta(() => SearchInput($$anchor, spread_props(() => props)), 'component', SearchInputWC, 18, 0, { componentTag: 'SearchInput' });
+		add_svelte_meta(() => SearchInput($$anchor, spread_props(() => props)), 'component', SearchInputWC, 20, 0, { componentTag: 'SearchInput' });
 
 		return pop($$exports);
 	}
@@ -12066,6 +12419,8 @@
 			id: { attribute: 'id' },
 			ariaLabel: { attribute: 'aria-label' },
 			clearAriaLabel: { attribute: 'clear-aria-label' },
+			label: { attribute: 'label' },
+			size: { attribute: 'size' },
 			leftIcon: { attribute: 'left-icon' }
 		},
 		[],
@@ -12135,7 +12490,7 @@
 	FormError[FILENAME] = 'src/sdg/components/FormError/FormError.svelte';
 
 	var root_2$6 = add_locations(from_html(`<!> <span><!></span>`, 1), FormError[FILENAME], [[48, 8]]);
-	var root_1$6 = add_locations(from_html(`<div role="alert"><!></div>`), FormError[FILENAME], [[35, 0]]);
+	var root_1$5 = add_locations(from_html(`<div role="alert"><!></div>`), FormError[FILENAME], [[35, 0]]);
 
 	function FormError($$anchor, $$props) {
 		check_target(new.target);
@@ -12231,7 +12586,7 @@
 
 		{
 			var consequent = ($$anchor) => {
-				var div = root_1$6();
+				var div = root_1$5();
 				var node_1 = child(div);
 
 				add_svelte_meta(
@@ -12311,74 +12666,6 @@
 		true
 	);
 
-	LabelText[FILENAME] = 'src/sdg/components/Label/LabelText.svelte';
-
-	var root_1$5 = add_locations(from_html(`<span class="qc-required" aria-hidden="true">*</span>`), LabelText[FILENAME], [[5, 61]]);
-	var root$a = add_locations(from_html(`<span class="qc-label-text"><!></span><!>`, 1), LabelText[FILENAME], [[5, 0]]);
-
-	function LabelText($$anchor, $$props) {
-		check_target(new.target);
-		push($$props, true);
-
-		let text = prop($$props, 'text', 7),
-			required = prop($$props, 'required', 7);
-
-		var $$exports = {
-			get text() {
-				return text();
-			},
-
-			set text($$value) {
-				text($$value);
-				flushSync();
-			},
-
-			get required() {
-				return required();
-			},
-
-			set required($$value) {
-				required($$value);
-				flushSync();
-			},
-
-			...legacy_api()
-		};
-
-		var fragment = root$a();
-		var span = first_child(fragment);
-		var node = child(span);
-
-		html(node, text);
-		reset(span);
-
-		var node_1 = sibling(span);
-
-		{
-			var consequent = ($$anchor) => {
-				var span_1 = root_1$5();
-
-				append($$anchor, span_1);
-			};
-
-			add_svelte_meta(
-				() => if_block(node_1, ($$render) => {
-					if (required()) $$render(consequent);
-				}),
-				'if',
-				LabelText,
-				5,
-				47
-			);
-		}
-
-		append($$anchor, fragment);
-
-		return pop($$exports);
-	}
-
-	create_custom_element(LabelText, { text: {}, required: {} }, [], [], true);
-
 	Fieldset[FILENAME] = 'src/sdg/components/Fieldset/Fieldset.svelte';
 
 	var root_2$5 = add_locations(from_html(`<legend><!></legend>`), Fieldset[FILENAME], [[43, 4]]);
@@ -12977,7 +13264,7 @@
 
 	ChoiceGroupWC[FILENAME] = 'src/sdg/components/ChoiceGroup/ChoiceGroupWC.svelte';
 
-	var root$9 = add_locations(from_html(`<!> <link rel="stylesheet"/>`, 1), ChoiceGroupWC[FILENAME], [[47, 0]]);
+	var root$8 = add_locations(from_html(`<!> <link rel="stylesheet"/>`, 1), ChoiceGroupWC[FILENAME], [[47, 0]]);
 
 	function ChoiceGroupWC($$anchor, $$props) {
 		check_target(new.target);
@@ -13080,7 +13367,7 @@
 			...legacy_api()
 		};
 
-		var fragment = root$9();
+		var fragment = root$8();
 		var node = first_child(fragment);
 
 		{
@@ -13177,7 +13464,7 @@
 	Checkbox[FILENAME] = 'src/sdg/components/Checkbox/Checkbox.svelte';
 
 	var root_2$4 = add_locations(from_html(`<span class="qc-required" aria-hidden="true">*</span>`), Checkbox[FILENAME], [[57, 4]]);
-	var root$8 = add_locations(from_html(`<div><!> <!> <!></div>`), Checkbox[FILENAME], [[65, 4]]);
+	var root$7 = add_locations(from_html(`<div><!> <!> <!></div>`), Checkbox[FILENAME], [[65, 4]]);
 
 	function Checkbox($$anchor, $$props) {
 		check_target(new.target);
@@ -13386,7 +13673,7 @@
 			...legacy_api()
 		};
 
-		var div = root$8();
+		var div = root$7();
 		var node_1 = child(div);
 
 		add_svelte_meta(() => requiredSpanSnippet(node_1), 'render', Checkbox, 72, 8);
@@ -13460,7 +13747,7 @@
 
 	CheckboxWC[FILENAME] = 'src/sdg/components/Checkbox/CheckboxWC.svelte';
 
-	var root$7 = add_locations(from_html(`<!> <link rel="stylesheet"/>`, 1), CheckboxWC[FILENAME], [[49, 0]]);
+	var root$6 = add_locations(from_html(`<!> <link rel="stylesheet"/>`, 1), CheckboxWC[FILENAME], [[49, 0]]);
 
 	function CheckboxWC($$anchor, $$props) {
 		check_target(new.target);
@@ -13525,7 +13812,7 @@
 			...legacy_api()
 		};
 
-		var fragment = root$7();
+		var fragment = root$6();
 		var node = first_child(fragment);
 
 		{
@@ -13608,161 +13895,6 @@
 		true
 	));
 
-	Label[FILENAME] = 'src/sdg/components/Label/Label.svelte';
-
-	var root$6 = add_locations(from_html(`<label><!></label>`), Label[FILENAME], [[16, 0]]);
-
-	function Label($$anchor, $$props) {
-		check_target(new.target);
-		push($$props, true);
-
-		let forId = prop($$props, 'forId', 7),
-			text = prop($$props, 'text', 7),
-			required = prop($$props, 'required', 7, false),
-			compact = prop($$props, 'compact', 7, false),
-			bold = prop($$props, 'bold', 7, false),
-			disabled = prop($$props, 'disabled', 7, false),
-			rootElement = prop($$props, 'rootElement', 15),
-			rest = rest_props(
-				$$props,
-				[
-					'$$slots',
-					'$$events',
-					'$$legacy',
-					'$$host',
-					'forId',
-					'text',
-					'required',
-					'compact',
-					'bold',
-					'disabled',
-					'rootElement'
-				]);
-
-		var $$exports = {
-			get forId() {
-				return forId();
-			},
-
-			set forId($$value) {
-				forId($$value);
-				flushSync();
-			},
-
-			get text() {
-				return text();
-			},
-
-			set text($$value) {
-				text($$value);
-				flushSync();
-			},
-
-			get required() {
-				return required();
-			},
-
-			set required($$value = false) {
-				required($$value);
-				flushSync();
-			},
-
-			get compact() {
-				return compact();
-			},
-
-			set compact($$value = false) {
-				compact($$value);
-				flushSync();
-			},
-
-			get bold() {
-				return bold();
-			},
-
-			set bold($$value = false) {
-				bold($$value);
-				flushSync();
-			},
-
-			get disabled() {
-				return disabled();
-			},
-
-			set disabled($$value = false) {
-				disabled($$value);
-				flushSync();
-			},
-
-			get rootElement() {
-				return rootElement();
-			},
-
-			set rootElement($$value) {
-				rootElement($$value);
-				flushSync();
-			},
-
-			...legacy_api()
-		};
-
-		var label = root$6();
-
-		attribute_effect(label, () => ({
-			for: forId(),
-
-			class: [
-				"qc-label",
-				compact() && "qc-compact",
-				bold() && "qc-bold",
-				disabled() && "qc-disabled"
-			],
-
-			...rest
-		}));
-
-		var node = child(label);
-
-		add_svelte_meta(
-			() => LabelText(node, {
-				get text() {
-					return text();
-				},
-
-				get required() {
-					return required();
-				}
-			}),
-			'component',
-			Label,
-			27,
-			4,
-			{ componentTag: 'LabelText' }
-		);
-
-		reset(label);
-		bind_this(label, ($$value) => rootElement($$value), () => rootElement());
-		append($$anchor, label);
-
-		return pop($$exports);
-	}
-
-	create_custom_element(
-		Label,
-		{
-			forId: {},
-			text: {},
-			required: {},
-			compact: {},
-			bold: {},
-			disabled: {},
-			rootElement: {}
-		},
-		[],
-		[],
-		true
-	);
-
 	function onMountInput(input, setTextFieldRow, setValue, setInvalid, setRequired) {
 	    if (!input) return;
 	    if (!input.autocomplete) {
@@ -14315,7 +14447,7 @@
 
 	TextFieldWC[FILENAME] = 'src/sdg/components/TextField/TextFieldWC.svelte';
 
-	var root$5 = add_locations(from_html(`<!> <link rel="stylesheet"/>`, 1), TextFieldWC[FILENAME], [[112, 0]]);
+	var root$5 = add_locations(from_html(`<!> <link rel="stylesheet"/>`, 1), TextFieldWC[FILENAME], [[115, 0]]);
 
 	function TextFieldWC($$anchor, $$props) {
 		check_target(new.target);
@@ -14369,6 +14501,10 @@
 		user_effect(() => {
 			if (!get(input)) return;
 
+			if (get(labelElement)) {
+				get(input).before(get(labelElement));
+			}
+
 			if (description()) {
 				get(input).before(get(descriptionElement));
 			}
@@ -14597,7 +14733,7 @@
 				}),
 				'component',
 				TextFieldWC,
-				92,
+				95,
 				0,
 				{ componentTag: 'TextField' }
 			);
@@ -16275,9 +16411,9 @@
 
 	DropdownList[FILENAME] = 'src/sdg/components/DropdownList/DropdownList.svelte';
 
-	var root_2 = add_locations(from_html(`<div class="qc-dropdown-list-search"><!></div>`), DropdownList[FILENAME], [[386, 20]]);
-	var root_3 = add_locations(from_html(`<span> </span>`), DropdownList[FILENAME], [[427, 24]]);
-	var root$1 = add_locations(from_html(`<div><div><!> <div tabindex="-1"><!> <div class="qc-dropdown-list-expanded" tabindex="-1" role="listbox"><!> <!> <div role="status" class="qc-sr-only"><!></div></div></div></div> <!></div>`), DropdownList[FILENAME], [[316, 0, [[321, 4, [[340, 8, [[369, 12, [[425, 16]]]]]]]]]]);
+	var root_2 = add_locations(from_html(`<div class="qc-dropdown-list-search"><!></div>`), DropdownList[FILENAME], [[394, 20]]);
+	var root_3 = add_locations(from_html(`<span> </span>`), DropdownList[FILENAME], [[435, 24]]);
+	var root$1 = add_locations(from_html(`<div><div><!> <div tabindex="-1"><!> <div class="qc-dropdown-list-expanded" tabindex="-1" role="listbox"><!> <!> <div role="status" class="qc-sr-only"><!></div></div></div></div> <!></div>`), DropdownList[FILENAME], [[324, 0, [[329, 4, [[348, 8, [[377, 12, [[433, 16]]]]]]]]]]);
 
 	function DropdownList($$anchor, $$props) {
 		check_target(new.target);
@@ -16554,6 +16690,14 @@
 			}
 		});
 
+		user_effect(() => {
+			if (value()) {
+				items().forEach((item) => {
+					item.checked = value().includes(item.value);
+				});
+			}
+		});
+
 		user_effect(() => {
 			items().forEach((item) => {
 				if (!item.id) {
@@ -16826,7 +16970,7 @@
 					}),
 					'component',
 					DropdownList,
-					327,
+					335,
 					12,
 					{ componentTag: 'Label' }
 				);
@@ -16838,7 +16982,7 @@
 				}),
 				'if',
 				DropdownList,
-				326,
+				334,
 				8
 			);
 		}
@@ -16910,7 +17054,7 @@
 			}),
 			'component',
 			DropdownList,
-			349,
+			357,
 			12,
 			{ componentTag: 'DropdownListButton' }
 		);
@@ -16965,7 +17109,7 @@
 						),
 						'component',
 						DropdownList,
-						387,
+						395,
 						24,
 						{ componentTag: 'SearchInput' }
 					);
@@ -16981,7 +17125,7 @@
 				}),
 				'if',
 				DropdownList,
-				385,
+				393,
 				16
 			);
 		}
@@ -17041,7 +17185,7 @@
 				),
 				'component',
 				DropdownList,
-				405,
+				413,
 				16,
 				{ componentTag: 'DropdownListItems' }
 			);
@@ -17061,7 +17205,7 @@
 			}),
 			'key',
 			DropdownList,
-			426,
+			434,
 			20
 		);
 
@@ -17109,7 +17253,7 @@
 				}),
 				'component',
 				DropdownList,
-				435,
+				443,
 				4,
 				{ componentTag: 'FormError' }
 			);