qc-trousse-sdg 1.4.1 → 1.4.3

package/public/js/qc-sdg.js

@@ -33,9 +33,6 @@
 
 	const UNINITIALIZED = Symbol();
 
-	// Dev-time component properties
-	const FILENAME = Symbol('filename');
-
 	const NAMESPACE_HTML = 'http://www.w3.org/1999/xhtml';
 	const NAMESPACE_SVG = 'http://www.w3.org/2000/svg';
 
@@ -44,16 +41,6 @@
 	/* This file is generated by scripts/process-messages/index.js. Do not edit! */
 
 
-	/**
-	 * A snippet function was passed invalid arguments. Snippets should only be instantiated via `{@render ...}`
-	 * @returns {never}
-	 */
-	function invalid_snippet_arguments() {
-		{
-			throw new Error(`https://svelte.dev/e/invalid_snippet_arguments`);
-		}
-	}
-
 	/**
 	 * `%name%(...)` can only be used during component initialisation
 	 * @param {string} name
@@ -65,26 +52,6 @@
 		}
 	}
 
-	/**
-	 * Attempted to render a snippet without a `{@render}` block. This would cause the snippet code to be stringified instead of its content being rendered to the DOM. To fix this, change `{snippet}` to `{@render snippet()}`.
-	 * @returns {never}
-	 */
-	function snippet_without_render_tag() {
-		{
-			throw new Error(`https://svelte.dev/e/snippet_without_render_tag`);
-		}
-	}
-
-	/**
-	 * The `this` prop on `<svelte:element>` must be a string, if defined
-	 * @returns {never}
-	 */
-	function svelte_element_invalid_this_value() {
-		{
-			throw new Error(`https://svelte.dev/e/svelte_element_invalid_this_value`);
-		}
-	}
-
 	// Store the references to globals in case someone tries to monkey patch these, causing the below
 	// to de-opt (this occurs often when using popular extensions).
 	var is_array = Array.isArray;
@@ -156,43 +123,6 @@
 	/* This file is generated by scripts/process-messages/index.js. Do not edit! */
 
 
-	/**
-	 * Calling `%method%` on a component instance (of %component%) is no longer valid in Svelte 5
-	 * @param {string} method
-	 * @param {string} component
-	 * @returns {never}
-	 */
-	function component_api_changed(method, component) {
-		{
-			throw new Error(`https://svelte.dev/e/component_api_changed`);
-		}
-	}
-
-	/**
-	 * Attempted to instantiate %component% with `new %name%`, which is no longer valid in Svelte 5. If this component is not under your control, set the `compatibility.componentApi` compiler option to `4` to keep it working.
-	 * @param {string} component
-	 * @param {string} name
-	 * @returns {never}
-	 */
-	function component_api_invalid_new(component, name) {
-		{
-			throw new Error(`https://svelte.dev/e/component_api_invalid_new`);
-		}
-	}
-
-	/**
-	 * Keyed each block has duplicate key `%value%` at indexes %a% and %b%
-	 * @param {string} a
-	 * @param {string} b
-	 * @param {string | undefined | null} [value]
-	 * @returns {never}
-	 */
-	function each_key_duplicate(a, b, value) {
-		{
-			throw new Error(`https://svelte.dev/e/each_key_duplicate`);
-		}
-	}
-
 	/**
 	 * `%rune%` cannot be used inside an effect cleanup function
 	 * @param {string} rune
@@ -289,39 +219,6 @@
 	/* This file is generated by scripts/process-messages/index.js. Do not edit! */
 
 
-	/**
-	 * Assignment to `%property%` property (%location%) will evaluate to the right-hand side, not the value of `%property%` following the assignment. This may result in unexpected behaviour.
-	 * @param {string} property
-	 * @param {string} location
-	 */
-	function assignment_value_stale(property, location) {
-		{
-			console.warn(`https://svelte.dev/e/assignment_value_stale`);
-		}
-	}
-
-	/**
-	 * `%binding%` (%location%) is binding to a non-reactive property
-	 * @param {string} binding
-	 * @param {string | undefined | null} [location]
-	 */
-	function binding_property_non_reactive(binding, location) {
-		{
-			console.warn(`https://svelte.dev/e/binding_property_non_reactive`);
-		}
-	}
-
-	/**
-	 * %handler% should be a function. Did you mean to %suggestion%?
-	 * @param {string} handler
-	 * @param {string} suggestion
-	 */
-	function event_handler_invalid(handler, suggestion) {
-		{
-			console.warn(`https://svelte.dev/e/event_handler_invalid`);
-		}
-	}
-
 	/**
 	 * Hydration failed because the initial UI does not match what was rendered on the server. The error occurred near %location%
 	 * @param {string | undefined | null} [location]
@@ -332,42 +229,6 @@
 		}
 	}
 
-	/**
-	 * %parent% passed property `%prop%` to %child% with `bind:`, but its parent component %owner% did not declare `%prop%` as a binding. Consider creating a binding between %owner% and %parent% (e.g. `bind:%prop%={...}` instead of `%prop%={...}`)
-	 * @param {string} parent
-	 * @param {string} prop
-	 * @param {string} child
-	 * @param {string} owner
-	 */
-	function ownership_invalid_binding(parent, prop, child, owner) {
-		{
-			console.warn(`https://svelte.dev/e/ownership_invalid_binding`);
-		}
-	}
-
-	/**
-	 * Mutating unbound props (`%name%`, at %location%) is strongly discouraged. Consider using `bind:%prop%={...}` in %parent% (or using a callback) instead
-	 * @param {string} name
-	 * @param {string} location
-	 * @param {string} prop
-	 * @param {string} parent
-	 */
-	function ownership_invalid_mutation(name, location, prop, parent) {
-		{
-			console.warn(`https://svelte.dev/e/ownership_invalid_mutation`);
-		}
-	}
-
-	/**
-	 * Reactive `$state(...)` proxies and the values they proxy have different identities. Because of this, comparisons with `%operator%` will produce unexpected results
-	 * @param {string} operator
-	 */
-	function state_proxy_equality_mismatch(operator) {
-		{
-			console.warn(`https://svelte.dev/e/state_proxy_equality_mismatch`);
-		}
-	}
-
 	/** @import { TemplateNode } from '#client' */
 
 
@@ -456,19 +317,6 @@
 		}
 	}
 
-	/* This file is generated by scripts/process-messages/index.js. Do not edit! */
-
-
-	/**
-	 * `<svelte:element this="%tag%">` is a void element — it cannot have content
-	 * @param {string} tag
-	 */
-	function dynamic_void_element_content(tag) {
-		{
-			console.warn(`https://svelte.dev/e/dynamic_void_element_content`);
-		}
-	}
-
 	/** @import { Snapshot } from './types' */
 
 	/**
@@ -848,45 +696,6 @@
 		set(signal, signal.v + d);
 	}
 
-	/**
-	 * @param {any} value
-	 */
-	function get_proxied_value(value) {
-		try {
-			if (value !== null && typeof value === 'object' && STATE_SYMBOL in value) {
-				return value[STATE_SYMBOL];
-			}
-		} catch {
-			// the above if check can throw an error if the value in question
-			// is the contentWindow of an iframe on another domain, in which
-			// case we want to just return the value (because it's definitely
-			// not a proxied value) so we don't break any JavaScript interacting
-			// with that iframe (such as various payment companies client side
-			// JavaScript libraries interacting with their iframes on the same
-			// domain)
-		}
-
-		return value;
-	}
-
-	/**
-	 * @param {any} a
-	 * @param {any} b
-	 * @param {boolean} equal
-	 * @returns {boolean}
-	 */
-	function strict_equals(a, b, equal = true) {
-		// try-catch needed because this tries to read properties of `a` and `b`,
-		// which could be disallowed for example in a secure context
-		try {
-			if ((a === b) !== (get_proxied_value(a) === get_proxied_value(b))) {
-				state_proxy_equality_mismatch(equal ? '===' : '!==');
-			}
-		} catch {}
-
-		return (a === b) === equal;
-	}
-
 	/** @import { TemplateNode } from '#client' */
 
 	// export these for reference in the compiled code, making global name deduplication unnecessary
@@ -2727,23 +2536,6 @@
 		component_context = context;
 	}
 
-	/**
-	 * The current component function. Different from current component context:
-	 * ```html
-	 * <!-- App.svelte -->
-	 * <Foo>
-	 *   <Bar /> <!-- context == Foo.svelte, function == App.svelte -->
-	 * </Foo>
-	 * ```
-	 * @type {ComponentContext['function']}
-	 */
-	let dev_current_component_function = null;
-
-	/** @param {ComponentContext['function']} fn */
-	function set_dev_current_component_function(fn) {
-		dev_current_component_function = fn;
-	}
-
 	/**
 	 * Retrieves the context that belongs to the closest parent component with the specified `key`.
 	 * Must be called during component initialisation.
@@ -2868,33 +2660,6 @@
 		return null;
 	}
 
-	const VOID_ELEMENT_NAMES = [
-		'area',
-		'base',
-		'br',
-		'col',
-		'command',
-		'embed',
-		'hr',
-		'img',
-		'input',
-		'keygen',
-		'link',
-		'meta',
-		'param',
-		'source',
-		'track',
-		'wbr'
-	];
-
-	/**
-	 * Returns `true` if `name` is of a void element
-	 * @param {string} name
-	 */
-	function is_void(name) {
-		return VOID_ELEMENT_NAMES.includes(name) || name.toLowerCase() === '!doctype';
-	}
-
 	/**
 	 * @param {string} name
 	 */
@@ -2994,105 +2759,6 @@
 		return RAW_TEXT_ELEMENTS.includes(/** @type {RAW_TEXT_ELEMENTS[number]} */ (name));
 	}
 
-	/**
-	 * Prevent devtools trying to make `location` a clickable link by inserting a zero-width space
-	 * @template {string | undefined} T
-	 * @param {T} location
-	 * @returns {T};
-	 */
-	function sanitize_location(location) {
-		return /** @type {T} */ (location?.replace(/\//g, '/\u200b'));
-	}
-
-	/**
-	 *
-	 * @param {any} a
-	 * @param {any} b
-	 * @param {string} property
-	 * @param {string} location
-	 */
-	function compare(a, b, property, location) {
-		if (a !== b) {
-			assignment_value_stale(property, /** @type {string} */ (sanitize_location(location)));
-		}
-
-		return a;
-	}
-
-	/**
-	 * @param {any} object
-	 * @param {string} property
-	 * @param {any} value
-	 * @param {string} location
-	 */
-	function assign(object, property, value, location) {
-		return compare(
-			(object[property] = value),
-			untrack(() => object[property]),
-			property,
-			location
-		);
-	}
-
-	/** @import { SourceLocation } from '#shared' */
-
-	/**
-	 * @param {any} fn
-	 * @param {string} filename
-	 * @param {SourceLocation[]} locations
-	 * @returns {any}
-	 */
-	function add_locations(fn, filename, locations) {
-		return (/** @type {any[]} */ ...args) => {
-			const dom = fn(...args);
-
-			var node = hydrating ? dom : dom.nodeType === 11 ? dom.firstChild : dom;
-			assign_locations(node, filename, locations);
-
-			return dom;
-		};
-	}
-
-	/**
-	 * @param {Element} element
-	 * @param {string} filename
-	 * @param {SourceLocation} location
-	 */
-	function assign_location(element, filename, location) {
-		// @ts-expect-error
-		element.__svelte_meta = {
-			loc: { file: filename, line: location[0], column: location[1] }
-		};
-
-		if (location[2]) {
-			assign_locations(element.firstChild, filename, location[2]);
-		}
-	}
-
-	/**
-	 * @param {Node | null} node
-	 * @param {string} filename
-	 * @param {SourceLocation[]} locations
-	 */
-	function assign_locations(node, filename, locations) {
-		var i = 0;
-		var depth = 0;
-
-		while (node && i < locations.length) {
-			if (hydrating && node.nodeType === 8) {
-				var comment = /** @type {Comment} */ (node);
-				if (comment.data === HYDRATION_START || comment.data === HYDRATION_START_ELSE) depth += 1;
-				else if (comment.data[0] === HYDRATION_END) depth -= 1;
-			}
-
-			if (depth === 0 && node.nodeType === 1) {
-				assign_location(/** @type {Element} */ (node), filename, locations[i++]);
-			}
-
-			node = node.nextSibling;
-		}
-	}
-
 	/**
 	 * @param {HTMLElement} dom
 	 * @param {boolean} value
@@ -3405,48 +3071,6 @@
 		}
 	}
 
-	/**
-	 * In dev, warn if an event handler is not a function, as it means the
-	 * user probably called the handler or forgot to add a `() =>`
-	 * @param {() => (event: Event, ...args: any) => void} thunk
-	 * @param {EventTarget} element
-	 * @param {[Event, ...any]} args
-	 * @param {any} component
-	 * @param {[number, number]} [loc]
-	 * @param {boolean} [remove_parens]
-	 */
-	function apply(
-		thunk,
-		element,
-		args,
-		component,
-		loc,
-		has_side_effects = false,
-		remove_parens = false
-	) {
-		let handler;
-		let error;
-
-		try {
-			handler = thunk();
-		} catch (e) {
-			error = e;
-		}
-
-		if (typeof handler !== 'function' && (has_side_effects || handler != null || error)) {
-			component?.[FILENAME];
-			const phase = args[0]?.eventPhase < Event.BUBBLING_PHASE ? 'capture' : '';
-			args[0]?.type + phase;
-
-			event_handler_invalid();
-
-			if (error) {
-				throw error;
-			}
-		}
-		handler?.apply(element, args);
-	}
-
 	/** @param {string} html */
 	function create_fragment_from_html(html) {
 		var elem = document.createElement('template');
@@ -3810,119 +3434,6 @@
 		return Promise.resolve();
 	}
 
-	/** @typedef {{ file: string, line: number, column: number }} Location */
-
-
-	/**
-	 * Sets up a validator that
-	 * - traverses the path of a prop to find out if it is allowed to be mutated
-	 * - checks that the binding chain is not interrupted
-	 * @param {Record<string, any>} props
-	 */
-	function create_ownership_validator(props) {
-		const component = component_context?.function;
-		const parent = component_context?.p?.function;
-
-		return {
-			/**
-			 * @param {string} prop
-			 * @param {any[]} path
-			 * @param {any} result
-			 * @param {number} line
-			 * @param {number} column
-			 */
-			mutation: (prop, path, result, line, column) => {
-				const name = path[0];
-				if (is_bound_or_unset(props, name) || !parent) {
-					return result;
-				}
-
-				/** @type {any} */
-				let value = props;
-
-				for (let i = 0; i < path.length - 1; i++) {
-					value = value[path[i]];
-					if (!value?.[STATE_SYMBOL]) {
-						return result;
-					}
-				}
-
-				const location = sanitize_location(`${component[FILENAME]}:${line}:${column}`);
-
-				ownership_invalid_mutation(name, location, prop, parent[FILENAME]);
-
-				return result;
-			},
-			/**
-			 * @param {any} key
-			 * @param {any} child_component
-			 * @param {() => any} value
-			 */
-			binding: (key, child_component, value) => {
-				if (!is_bound_or_unset(props, key) && parent && value()?.[STATE_SYMBOL]) {
-					ownership_invalid_binding(
-						component[FILENAME],
-						key,
-						child_component[FILENAME],
-						parent[FILENAME]
-					);
-				}
-			}
-		};
-	}
-
-	/**
-	 * @param {Record<string, any>} props
-	 * @param {string} prop_name
-	 */
-	function is_bound_or_unset(props, prop_name) {
-		// Can be the case when someone does `mount(Component, props)` with `let props = $state({...})`
-		// or `createClassComponent(Component, props)`
-		const is_entry_props = STATE_SYMBOL in props || LEGACY_PROPS in props;
-		return (
-			!!get_descriptor(props, prop_name)?.set ||
-			(is_entry_props && prop_name in props) ||
-			!(prop_name in props)
-		);
-	}
-
-	/** @param {Function & { [FILENAME]: string }} target */
-	function check_target(target) {
-		if (target) {
-			component_api_invalid_new(target[FILENAME] ?? 'a component', target.name);
-		}
-	}
-
-	function legacy_api() {
-		const component = component_context?.function;
-
-		/** @param {string} method */
-		function error(method) {
-			component_api_changed(method, component[FILENAME]);
-		}
-
-		return {
-			$destroy: () => error('$destroy()'),
-			$on: () => error('$on(...)'),
-			$set: () => error('$set(...)')
-		};
-	}
-
-	/**
-	 * @param {Node} anchor
-	 * @param {...(()=>any)[]} args
-	 */
-	function validate_snippet_args(anchor, ...args) {
-		if (typeof anchor !== 'object' || !(anchor instanceof Node)) {
-			invalid_snippet_arguments();
-		}
-		for (let arg of args) {
-			if (typeof arg !== 'function') {
-				invalid_snippet_arguments();
-			}
-		}
-	}
-
 	/** @import { Effect, Source, TemplateNode } from '#client' */
 
 	const PENDING = 0;
@@ -4907,41 +4418,6 @@
 		return sanitized;
 	}
 
-	/** @import { TemplateNode } from '#client' */
-	/** @import { Getters } from '#shared' */
-
-	/**
-	 * @param {() => string} tag_fn
-	 * @returns {void}
-	 */
-	function validate_void_dynamic_element(tag_fn) {
-		const tag = tag_fn();
-		if (tag && is_void(tag)) {
-			dynamic_void_element_content();
-		}
-	}
-
-	/** @param {() => unknown} tag_fn */
-	function validate_dynamic_element_tag(tag_fn) {
-		const tag = tag_fn();
-		const is_string = typeof tag === 'string';
-		if (tag && !is_string) {
-			svelte_element_invalid_this_value();
-		}
-	}
-
-	/**
-	 * @template {() => unknown} T
-	 * @param {T} fn
-	 */
-	function prevent_snippet_stringification(fn) {
-		fn.toString = () => {
-			snippet_without_render_tag();
-			return '';
-		};
-		return fn;
-	}
-
 	/** @import { Snippet } from 'svelte' */
 	/** @import { Effect, TemplateNode } from '#client' */
 	/** @import { Getters } from '#shared' */
@@ -4978,31 +4454,8 @@
 			anchor = hydrate_node;
 		}
 	}
-
-	/**
-	 * In development, wrap the snippet function so that it passes validation, and so that the
-	 * correct component context is set for ownership checks
-	 * @param {any} component
-	 * @param {(node: TemplateNode, ...args: any[]) => void} fn
-	 */
-	function wrap_snippet(component, fn) {
-		const snippet = (/** @type {TemplateNode} */ node, /** @type {any[]} */ ...args) => {
-			var previous_component_function = dev_current_component_function;
-			set_dev_current_component_function(component);
-
-			try {
-				return fn(node, ...args);
-			} finally {
-				set_dev_current_component_function(previous_component_function);
-			}
-		};
-
-		prevent_snippet_stringification(snippet);
-
-		return snippet;
-	}
-
-	/** @import { Effect, TemplateNode } from '#client' */
+
+	/** @import { Effect, TemplateNode } from '#client' */
 
 	/**
 	 * @param {Comment | Element} node
@@ -6293,80 +5746,6 @@
 		};
 	}
 
-	/**
-	 * @param {() => any} collection
-	 * @param {(item: any, index: number) => string} key_fn
-	 * @returns {void}
-	 */
-	function validate_each_keys(collection, key_fn) {
-		render_effect(() => {
-			const keys = new Map();
-			const maybe_array = collection();
-			const array = is_array(maybe_array)
-				? maybe_array
-				: maybe_array == null
-					? []
-					: Array.from(maybe_array);
-			const length = array.length;
-			for (let i = 0; i < length; i++) {
-				const key = key_fn(array[i], i);
-				if (keys.has(key)) {
-					String(keys.get(key));
-
-					/** @type {string | null} */
-					let k = String(key);
-					if (k.startsWith('[object ')) k = null;
-
-					each_key_duplicate();
-				}
-				keys.set(key, i);
-			}
-		});
-	}
-
-	/**
-	 * @param {string} binding
-	 * @param {() => Record<string, any>} get_object
-	 * @param {() => string} get_property
-	 * @param {number} line
-	 * @param {number} column
-	 */
-	function validate_binding(binding, get_object, get_property, line, column) {
-		var warned = false;
-
-		dev_current_component_function?.[FILENAME];
-
-		render_effect(() => {
-			if (warned) return;
-
-			var [object, is_store_sub] = capture_store_binding(get_object);
-
-			if (is_store_sub) return;
-
-			var property = get_property();
-
-			var ran = false;
-
-			// by making the (possibly false, but it would be an extreme edge case) assumption
-			// that a getter has a corresponding setter, we can determine if a property is
-			// reactive by seeing if this effect has dependencies
-			var effect = render_effect(() => {
-				if (ran) return;
-
-				// eslint-disable-next-line @typescript-eslint/no-unused-expressions
-				object[property];
-			});
-
-			ran = true;
-
-			if (effect.deps === null) {
-				binding_property_non_reactive();
-
-				warned = true;
-			}
-		});
-	}
-
 	/** @import { ComponentConstructorOptions, ComponentType, SvelteComponent, Component } from 'svelte' */
 
 	/**
@@ -6980,12 +6359,9 @@
 	    }
 	}
 
-	Icon[FILENAME] = 'src/sdg/bases/Icon/Icon.svelte';
-
-	var root$o = add_locations(template(`<div></div>`), Icon[FILENAME], [[16, 0]]);
+	var root$o = template(`<div></div>`);
 
 	function Icon($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		let type = prop($$props, 'type', 7),
@@ -6996,24 +6372,22 @@
 			height = prop($$props, 'height', 7, 'auto'),
 			src = prop($$props, 'src', 7, ''),
 			rotate = prop($$props, 'rotate', 7, 0),
-			rest = rest_props(
-				$$props,
-				[
-					'$$slots',
-					'$$events',
-					'$$legacy',
-					'$$host',
-					'type',
-					'label',
-					'size',
-					'color',
-					'width',
-					'height',
-					'src',
-					'rotate'
-				]);
-
-		let attributes = user_derived(() => strict_equals(width(), 'auto') ? { 'data-img-size': size() } : {});
+			rest = rest_props($$props, [
+				'$$slots',
+				'$$events',
+				'$$legacy',
+				'$$host',
+				'type',
+				'label',
+				'size',
+				'color',
+				'width',
+				'height',
+				'src',
+				'rotate'
+			]);
+
+		let attributes = user_derived(() => width() === 'auto' ? { 'data-img-size': size() } : {});
 		var div = root$o();
 		let attributes_1;
 
@@ -7029,6 +6403,7 @@
 			'data-img-type': type(),
 			...get(attributes),
 			...rest,
+			'aria-hidden': label() ? undefined : true,
 			[STYLE]: {
 				'--img-rotate': rotate() && rotate() + "deg"
 			}
@@ -7092,8 +6467,7 @@
 			set rotate($$value = 0) {
 				rotate($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -7114,24 +6488,12 @@
 		true
 	);
 
-	Notice[FILENAME] = 'src/sdg/components/Notice/Notice.svelte';
-
-	var root$n = add_locations(template(`<div tabindex="0"><div class="icon-container"><div class="qc-icon"><!></div></div> <div class="content-container"><div class="content"><!> <!> <!></div></div></div>`), Notice[FILENAME], [
-		[
-			57,
-			0,
-			[
-				[60, 2, [[61, 4]]],
-				[69, 2, [[70, 4]]]
-			]
-		]
-	]);
+	var root$n = template(`<div tabindex="0"><div class="icon-container"><div class="qc-icon"><!></div></div> <div class="content-container"><div class="content"><!> <!> <!></div></div></div>`);
 
 	function Notice($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
-		const isFr = strict_equals(Utils.getPageLanguage(), 'fr');
+		const isFr = Utils.getPageLanguage() === 'fr';
 		const defaultHeader = 'h2';
 		const defaultType = 'information';
 
@@ -7154,7 +6516,7 @@
 		const types = Object.keys(typesDescriptions);
 		const usedType = types.includes(type()) ? type() : defaultType;
 		const usedHeader = header().match(/h[1-6]/) ? header() : defaultHeader;
-		const role = strict_equals(usedType, "success") ? "status" : strict_equals(usedType, "error") ? "alert" : null;
+		const role = usedType === "success" ? "status" : usedType === "error" ? "alert" : null;
 		let noticeElement = state(null);
 
 		user_effect(() => {
@@ -7167,7 +6529,7 @@
 			}
 		});
 
-		const shouldUseIcon = strict_equals(usedType, "advice") || strict_equals(usedType, "note");
+		const shouldUseIcon = usedType === "advice" || usedType === "note";
 		// Si le type est "advice" ou "note", on force "neutral" (le gris), sinon on garde le type normal
 		const computedType = shouldUseIcon ? "neutral" : usedType;
 		const iconType = shouldUseIcon ? icon() ?? "note" : usedType;
@@ -7196,26 +6558,19 @@
 				var fragment = comment();
 				var node_3 = first_child(fragment);
 
-				validate_void_dynamic_element(() => usedHeader);
-				validate_dynamic_element_tag(() => usedHeader);
-
-				element(
-					node_3,
-					() => usedHeader,
-					false,
-					($$element, $$anchor) => {
-						var fragment_1 = comment();
-						var node_4 = first_child(fragment_1);
+				element(node_3, () => usedHeader, false, ($$element, $$anchor) => {
+					var fragment_1 = comment();
+					var node_4 = first_child(fragment_1);
 
-						html(node_4, title);
-						append($$anchor, fragment_1);
-					});
+					html(node_4, title);
+					append($$anchor, fragment_1);
+				});
 
 				append($$anchor, fragment);
 			};
 
 			if_block(node_2, ($$render) => {
-				if (title() && strict_equals(title(), "", false)) $$render(consequent);
+				if (title() && title() !== "") $$render(consequent);
 			});
 		}
 
@@ -7274,8 +6629,7 @@
 			set slotContent($$value) {
 				slotContent($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -7294,12 +6648,9 @@
 		true
 	);
 
-	NoticeWC[FILENAME] = 'src/sdg/components/Notice/NoticeWC.svelte';
-
-	var root$m = add_locations(template(`<!> <link rel="stylesheet">`, 1), NoticeWC[FILENAME], [[27, 0]]);
+	var root$m = template(`<!> <link rel="stylesheet">`, 1);
 
 	function NoticeWC($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		const props = rest_props($$props, ['$$slots', '$$events', '$$legacy', '$$host']);
@@ -7307,15 +6658,13 @@
 		var node = first_child(fragment);
 
 		{
-			const slotContent = wrap_snippet(NoticeWC, function ($$anchor) {
-				validate_snippet_args(...arguments);
-
+			const slotContent = ($$anchor) => {
 				var fragment_1 = comment();
 				var node_1 = first_child(fragment_1);
 
-				slot(node_1, $$props, 'default', {}, null);
+				slot(node_1, $$props, 'default', {});
 				append($$anchor, fragment_1);
-			});
+			};
 
 			Notice(node, spread_props(() => props, { slotContent, $$slots: { slotContent: true } }));
 		}
@@ -7324,7 +6673,7 @@
 
 		template_effect(() => set_attribute(link, 'href', Utils.cssPath));
 		append($$anchor, fragment);
-		return pop({ ...legacy_api() });
+		pop();
 	}
 
 	customElements.define('qc-notice', create_custom_element(
@@ -7341,10 +6690,8 @@
 		true
 	));
 
-	PivHeader[FILENAME] = 'src/sdg/components/PivHeader/PivHeader.svelte';
-
-	var root_2$8 = add_locations(template(`<div class="title"><a> </a></div>`), PivHeader[FILENAME], [[71, 10, [[72, 14]]]]);
-	var root_3$3 = add_locations(template(`<div class="go-to-content"><a> </a></div>`), PivHeader[FILENAME], [[63, 6, [[64, 8]]]]);
+	var root_2$8 = template(`<div class="title"><a> </a></div>`);
+	var root_3$3 = template(`<div class="go-to-content"><a> </a></div>`);
 
 	var on_click$3 = (evt, displaySearchForm, focusOnSearchInput) => {
 		evt.preventDefault();
@@ -7355,38 +6702,14 @@
 		});
 	};
 
-	var root_4$4 = add_locations(template(`<a class="qc-search" href="/" role="button"><span> </span></a>`), PivHeader[FILENAME], [[91, 10, [[102, 12]]]]);
-	var root_8 = add_locations(template(`<li><a> </a></li>`), PivHeader[FILENAME], [[114, 32, [[114, 36]]]]);
-	var root_9 = add_locations(template(`<li><a> </a></li>`), PivHeader[FILENAME], [[117, 32, [[117, 36]]]]);
-	var root_7 = add_locations(template(`<nav><ul><!> <!></ul></nav>`), PivHeader[FILENAME], [[111, 20, [[112, 24]]]]);
-	var root_10 = add_locations(template(`<div class="search-zone"><!></div>`), PivHeader[FILENAME], [[130, 10]]);
-
-	var root$l = add_locations(template(`<div role="banner" class="qc-piv-header qc-component"><div><!> <div class="piv-top"><a class="logo" rel="noreferrer"><div role="img"></div></a> <!> <div class="right-section"><!> <div class="links"><!></div></div></div> <!> <div class="piv-bottom"><!></div></div></div>`), PivHeader[FILENAME], [
-		[
-			57,
-			0,
-			[
-				[
-					61,
-					2,
-					[
-						[
-							78,
-							6,
-							[
-								[80, 8, [[85, 16]]],
-								[89, 6, [[105, 8]]]
-							]
-						],
-						[128, 6]
-					]
-				]
-			]
-		]
-	]);
+	var root_4$4 = template(`<a class="qc-search" href="/" role="button"><span> </span></a>`);
+	var root_8 = template(`<li><a> </a></li>`);
+	var root_9 = template(`<li><a> </a></li>`);
+	var root_7 = template(`<nav><ul><!> <!></ul></nav>`);
+	var root_10 = template(`<div class="search-zone"><!></div>`);
+	var root$l = template(`<div role="banner" class="qc-piv-header qc-component"><div><!> <div class="piv-top"><a class="logo" rel="noreferrer"><div role="img"></div></a> <!> <div class="right-section"><!> <div class="links"><!></div></div></div> <!> <div class="piv-bottom"><!></div></div></div>`);
 
 	function PivHeader($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		const lang = Utils.getPageLanguage();
@@ -7395,19 +6718,19 @@
 			logoUrl = prop($$props, 'logoUrl', 7, '/'),
 			fullWidth = prop($$props, 'fullWidth', 7, 'false'),
 			logoSrc = prop($$props, 'logoSrc', 23, () => Utils.imagesRelativePath + 'QUEBEC_blanc.svg'),
-			logoAlt = prop($$props, 'logoAlt', 23, () => strict_equals(lang, 'fr') ? 'Logo du gouvernement du Québec' : 'Logo of government of Québec'),
+			logoAlt = prop($$props, 'logoAlt', 7, lang === 'fr' ? 'Logo du gouvernement du Québec' : 'Logo of government of Québec'),
 			titleUrl = prop($$props, 'titleUrl', 7, '/'),
 			titleText = prop($$props, 'titleText', 7, ''),
-			joinUsText = prop($$props, 'joinUsText', 23, () => strict_equals(lang, 'fr') ? 'Nous joindre' : 'Contact us'),
+			joinUsText = prop($$props, 'joinUsText', 7, lang === 'fr' ? 'Nous joindre' : 'Contact us'),
 			joinUsUrl = prop($$props, 'joinUsUrl', 7, ''),
-			altLanguageText = prop($$props, 'altLanguageText', 23, () => strict_equals(lang, 'fr') ? 'English' : 'Français'),
+			altLanguageText = prop($$props, 'altLanguageText', 7, lang === 'fr' ? 'English' : 'Français'),
 			altLanguageUrl = prop($$props, 'altLanguageUrl', 7, ''),
-			linksLabel = prop($$props, 'linksLabel', 23, () => strict_equals(lang, 'fr') ? 'Navigation PIV' : 'PIV navigation'),
+			linksLabel = prop($$props, 'linksLabel', 7, lang === 'fr' ? 'Navigation PIV' : 'PIV navigation'),
 			goToContent = prop($$props, 'goToContent', 7, 'true'),
 			goToContentAnchor = prop($$props, 'goToContentAnchor', 7, '#main'),
-			goToContentText = prop($$props, 'goToContentText', 23, () => strict_equals(lang, 'fr') ? 'Passer au contenu' : 'Skip to content'),
-			displaySearchText = prop($$props, 'displaySearchText', 23, () => strict_equals(lang, 'fr') ? 'Cliquer pour faire une recherche' : 'Click to search'),
-			hideSearchText = prop($$props, 'hideSearchText', 23, () => strict_equals(lang, 'fr') ? 'Masquer la barre de recherche' : 'Hide search bar'),
+			goToContentText = prop($$props, 'goToContentText', 7, lang === 'fr' ? 'Passer au contenu' : 'Skip to content'),
+			displaySearchText = prop($$props, 'displaySearchText', 7, lang === 'fr' ? 'Cliquer pour faire une recherche' : 'Click to search'),
+			hideSearchText = prop($$props, 'hideSearchText', 7, lang === 'fr' ? 'Masquer la barre de recherche' : 'Hide search bar'),
 			enableSearch = prop($$props, 'enableSearch', 7, 'false'),
 			showSearch = prop($$props, 'showSearch', 7, 'false'),
 			linksSlot = prop($$props, 'linksSlot', 7),
@@ -7427,9 +6750,9 @@
 		}
 
 		onMount(() => {
-			set(containerClass, get(containerClass) + (strict_equals(fullWidth(), 'true') ? '-fluid' : ''));
+			set(containerClass, get(containerClass) + (fullWidth() === 'true' ? '-fluid' : ''));
 
-			if (strict_equals(showSearch(), 'true')) {
+			if (showSearch() === 'true') {
 				enableSearch('true');
 				set(displaySearchForm, true);
 			}
@@ -7439,9 +6762,7 @@
 		var div_1 = child(div);
 
 		{
-			const title = wrap_snippet(PivHeader, function ($$anchor) {
-				validate_snippet_args(...arguments);
-
+			const title = ($$anchor) => {
 				var fragment = comment();
 				var node = first_child(fragment);
 
@@ -7468,7 +6789,7 @@
 				}
 
 				append($$anchor, fragment);
-			});
+			};
 
 			var node_1 = child(div_1);
 
@@ -7490,7 +6811,7 @@
 				};
 
 				if_block(node_1, ($$render) => {
-					if (strict_equals(goToContent(), 'true')) $$render(consequent_1);
+					if (goToContent() === 'true') $$render(consequent_1);
 				});
 			}
 
@@ -7842,8 +7163,7 @@
 			set slots($$value = false) {
 				slots($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -7880,51 +7200,41 @@
 		true
 	);
 
-	PivHeaderWC[FILENAME] = 'src/sdg/components/PivHeader/PivHeaderWC.svelte';
-
-	var root$k = add_locations(template(`<!> <link rel="stylesheet">`, 1), PivHeaderWC[FILENAME], [[56, 0]]);
+	var root$k = template(`<!> <link rel="stylesheet">`, 1);
 
 	function PivHeaderWC($$anchor, $$props) {
-		check_target(new.target);
-
 		const $$slots = sanitize_slots($$props);
 
 		push($$props, true);
 
 		let self = prop($$props, 'self', 7),
-			props = rest_props(
-				$$props,
-				[
-					'$$slots',
-					'$$events',
-					'$$legacy',
-					'$$host',
-					'self'
-				]);
+			props = rest_props($$props, [
+				'$$slots',
+				'$$events',
+				'$$legacy',
+				'$$host',
+				'self'
+			]);
 
 		var fragment = root$k();
 		var node = first_child(fragment);
 
 		{
-			const linksSlot = wrap_snippet(PivHeaderWC, function ($$anchor) {
-				validate_snippet_args(...arguments);
-
+			const linksSlot = ($$anchor) => {
 				var fragment_1 = comment();
 				var node_1 = first_child(fragment_1);
 
-				slot(node_1, $$props, 'links', {}, null);
+				slot(node_1, $$props, 'links', {});
 				append($$anchor, fragment_1);
-			});
-
-			const searchZoneSlot = wrap_snippet(PivHeaderWC, function ($$anchor) {
-				validate_snippet_args(...arguments);
+			};
 
+			const searchZoneSlot = ($$anchor) => {
 				var fragment_2 = comment();
 				var node_2 = first_child(fragment_2);
 
-				slot(node_2, $$props, 'search-zone', {}, null);
+				slot(node_2, $$props, 'search-zone', {});
 				append($$anchor, fragment_2);
-			});
+			};
 
 			PivHeader(node, spread_props(
 				{
@@ -7954,8 +7264,7 @@
 			set self($$value) {
 				self($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -7997,14 +7306,11 @@
 		}
 	));
 
-	PivFooter[FILENAME] = 'src/sdg/components/PivFooter/PivFooter.svelte';
-
-	var root_2$7 = add_locations(template(`<img>`), PivFooter[FILENAME], [[34, 12]]);
-	var root_4$3 = add_locations(template(`<a> </a>`), PivFooter[FILENAME], [[45, 12]]);
-	var root$j = add_locations(template(`<div class="qc-piv-footer qc-container-fluid"><!> <a class="logo"></a> <span class="copyright"><!></span></div>`), PivFooter[FILENAME], [[20, 0, [[25, 4], [41, 4]]]]);
+	var root_2$7 = template(`<img>`);
+	var root_4$3 = template(`<a> </a>`);
+	var root$j = template(`<div class="qc-piv-footer qc-container-fluid"><!> <a class="logo"></a> <span class="copyright"><!></span></div>`);
 
 	function PivFooter($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		const lang = Utils.getPageLanguage();
@@ -8012,10 +7318,10 @@
 		let logoUrl = prop($$props, 'logoUrl', 7, '/'),
 			logoSrc = prop($$props, 'logoSrc', 23, () => Utils.imagesRelativePath + '/QUEBEC_couleur.svg'),
 			logoSrcDarkTheme = prop($$props, 'logoSrcDarkTheme', 23, () => Utils.imagesRelativePath + '/QUEBEC_blanc.svg'),
-			logoAlt = prop($$props, 'logoAlt', 23, () => strict_equals(lang, 'fr') ? 'Logo du gouvernement du Québec' : 'Logo of the Quebec government'),
+			logoAlt = prop($$props, 'logoAlt', 7, lang === 'fr' ? 'Logo du gouvernement du Québec' : 'Logo of the Quebec government'),
 			logoWidth = prop($$props, 'logoWidth', 7, 139),
 			logoHeight = prop($$props, 'logoHeight', 7, 50),
-			copyrightUrl = prop($$props, 'copyrightUrl', 23, () => strict_equals(lang, 'fr') ? 'https://www.quebec.ca/droit-auteur' : 'https://www.quebec.ca/en/copyright'),
+			copyrightUrl = prop($$props, 'copyrightUrl', 7, lang === 'fr' ? 'https://www.quebec.ca/droit-auteur' : 'https://www.quebec.ca/en/copyright'),
 			copyrightText = prop($$props, 'copyrightText', 23, () => '© Gouvernement du Québec, ' + new Date().getFullYear()),
 			mainSlot = prop($$props, 'mainSlot', 7),
 			copyrightSlot = prop($$props, 'copyrightSlot', 7),
@@ -8051,13 +7357,7 @@
 			index,
 			($$anchor, $$item) => {
 				let theme = () => get($$item)[0];
-
-				theme();
-
 				let src = () => get($$item)[1];
-
-				src();
-
 				var img = root_2$7();
 
 				template_effect(() => {
@@ -8204,8 +7504,7 @@
 			set slots($$value = {}) {
 				slots($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -8229,51 +7528,41 @@
 		true
 	);
 
-	PivFooterWC[FILENAME] = 'src/sdg/components/PivFooter/PivFooterWC.svelte';
-
-	var root$i = add_locations(template(`<!> <link rel="stylesheet">`, 1), PivFooterWC[FILENAME], [[44, 0]]);
+	var root$i = template(`<!> <link rel="stylesheet">`, 1);
 
 	function PivFooterWC($$anchor, $$props) {
-		check_target(new.target);
-
 		const $$slots = sanitize_slots($$props);
 
 		push($$props, true);
 
 		let self = prop($$props, 'self', 7),
-			props = rest_props(
-				$$props,
-				[
-					'$$slots',
-					'$$events',
-					'$$legacy',
-					'$$host',
-					'self'
-				]);
+			props = rest_props($$props, [
+				'$$slots',
+				'$$events',
+				'$$legacy',
+				'$$host',
+				'self'
+			]);
 
 		var fragment = root$i();
 		var node = first_child(fragment);
 
 		{
-			const mainSlot = wrap_snippet(PivFooterWC, function ($$anchor) {
-				validate_snippet_args(...arguments);
-
+			const mainSlot = ($$anchor) => {
 				var fragment_1 = comment();
 				var node_1 = first_child(fragment_1);
 
-				slot(node_1, $$props, 'default', {}, null);
+				slot(node_1, $$props, 'default', {});
 				append($$anchor, fragment_1);
-			});
-
-			const copyrightSlot = wrap_snippet(PivFooterWC, function ($$anchor) {
-				validate_snippet_args(...arguments);
+			};
 
+			const copyrightSlot = ($$anchor) => {
 				var fragment_2 = comment();
 				var node_2 = first_child(fragment_2);
 
-				slot(node_2, $$props, 'copyright', {}, null);
+				slot(node_2, $$props, 'copyright', {});
 				append($$anchor, fragment_2);
-			});
+			};
 
 			PivFooter(node, spread_props(() => props, {
 				slots: $$slots,
@@ -8295,8 +7584,7 @@
 			set self($$value) {
 				self($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -8328,12 +7616,9 @@
 		}
 	));
 
-	IconButton[FILENAME] = 'src/sdg/components/IconButton/IconButton.svelte';
-
-	var root$h = add_locations(template(`<button><!></button>`), IconButton[FILENAME], [[16, 0]]);
+	var root$h = template(`<button><!></button>`);
 
 	function IconButton($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		const size = prop($$props, 'size', 7, 'xl'),
@@ -8342,20 +7627,18 @@
 			iconSize = prop($$props, 'iconSize', 7),
 			iconColor = prop($$props, 'iconColor', 7),
 			className = prop($$props, 'class', 7, ''),
-			rest = rest_props(
-				$$props,
-				[
-					'$$slots',
-					'$$events',
-					'$$legacy',
-					'$$host',
-					'size',
-					'label',
-					'icon',
-					'iconSize',
-					'iconColor',
-					'class'
-				]);
+			rest = rest_props($$props, [
+				'$$slots',
+				'$$events',
+				'$$legacy',
+				'$$host',
+				'size',
+				'label',
+				'icon',
+				'iconSize',
+				'iconColor',
+				'class'
+			]);
 
 		var button = root$h();
 		let attributes;
@@ -8437,8 +7720,7 @@
 			set class($$value = '') {
 				className($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -8457,24 +7739,9 @@
 		true
 	);
 
-	Alert[FILENAME] = 'src/sdg/components/Alert/Alert.svelte';
-
-	var root_1$7 = add_locations(template(`<div role="alert"><div><div class="qc-general-alert-elements"><!> <div class="qc-alert-content"><!> <!></div> <!></div></div></div>`), Alert[FILENAME], [
-		[
-			40,
-			4,
-			[
-				[
-					43,
-					8,
-					[[44, 12, [[50, 16]]]]
-				]
-			]
-		]
-	]);
+	var root_1$7 = template(`<div role="alert"><div><div class="qc-general-alert-elements"><!> <div class="qc-alert-content"><!> <!></div> <!></div></div></div>`);
 
 	function Alert($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		let type = prop($$props, 'type', 7, "general"),
@@ -8485,13 +7752,13 @@
 			slotContent = prop($$props, 'slotContent', 7);
 
 		const language = Utils.getPageLanguage();
-		const typeClass = strict_equals(type(), "", false) ? type() : 'general';
-		const closeLabel = strict_equals(language, 'fr') ? "Fermer l’alerte" : "Close l’alerte";
-		const warningLabel = strict_equals(language, 'fr') ? "Information d'importance élevée" : "Information of high importance";
-		const generalLabel = strict_equals(language, 'fr') ? "Information importante" : "Important information";
-		const label = strict_equals(type(), 'general') ? generalLabel : warningLabel;
+		const typeClass = type() !== "" ? type() : 'general';
+		const closeLabel = language === 'fr' ? "Fermer l’alerte" : "Close l’alerte";
+		const warningLabel = language === 'fr' ? "Information d'importance élevée" : "Information of high importance";
+		const generalLabel = language === 'fr' ? "Information importante" : "Important information";
+		const label = type() === 'general' ? generalLabel : warningLabel;
 		let rootElement = state(null);
-		let containerClass = "qc-container" + (strict_equals(fullWidth(), 'true') ? '-fluid' : '');
+		let containerClass = "qc-container" + (fullWidth() === 'true' ? '-fluid' : '');
 
 		function hideAlert() {
 			hide("true");
@@ -8513,8 +7780,8 @@
 
 				var div_2 = child(div_1);
 				var node_1 = child(div_2);
-				const expression = user_derived(() => strict_equals(type(), 'warning') ? 'warning' : 'information');
-				const expression_1 = user_derived(() => strict_equals(type(), 'general') ? 'blue-piv' : 'yellow-dark');
+				const expression = user_derived(() => type() === 'warning' ? 'warning' : 'information');
+				const expression_1 = user_derived(() => type() === 'general' ? 'blue-piv' : 'yellow-dark');
 
 				Icon(node_1, {
 					get type() {
@@ -8612,8 +7879,7 @@
 			set slotContent($$value) {
 				slotContent($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -8632,12 +7898,9 @@
 		true
 	);
 
-	AlertWC[FILENAME] = 'src/sdg/components/Alert/AlertWC.svelte';
-
-	var root$g = add_locations(template(`<!> <link rel="stylesheet">`, 1), AlertWC[FILENAME], [[25, 0]]);
+	var root$g = template(`<!> <link rel="stylesheet">`, 1);
 
 	function AlertWC($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		const props = rest_props($$props, ['$$slots', '$$events', '$$legacy', '$$host']);
@@ -8650,7 +7913,7 @@
 
 		template_effect(() => set_attribute(link, 'href', Utils.cssPath));
 		append($$anchor, fragment);
-		return pop({ ...legacy_api() });
+		pop();
 	}
 
 	customElements.define('qc-alert', create_custom_element(
@@ -8667,8 +7930,6 @@
 		true
 	));
 
-	ToTop[FILENAME] = 'src/sdg/components/ToTop/ToTop.svelte';
-
 	function handleEnterAndSpace(e, scrollToTop) {
 		switch (e.code) {
 			case 'Enter':
@@ -8680,18 +7941,17 @@
 	}
 
 	var on_click$2 = (e, scrollToTop) => scrollToTop(e);
-	var root$f = add_locations(template(`<a href="#top"><!> <span> </span></a>`), ToTop[FILENAME], [[67, 0, [[77, 3]]]]);
+	var root$f = template(`<a href="#top"><!> <span> </span></a>`);
 
 	function ToTop($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		const lang = Utils.getPageLanguage();
 
-		const text = prop($$props, 'text', 23, () => strict_equals(lang, 'fr') ? "Retour en haut" : "Back to top"),
+		const text = prop($$props, 'text', 7, lang === 'fr' ? "Retour en haut" : "Back to top"),
 			demo = prop($$props, 'demo', 7, 'false');
 
-		let visible = state(proxy(strict_equals(demo(), 'true')));
+		let visible = state(demo() === 'true');
 		let lastVisible = setContext('visible', () => get(visible));
 		let lastScrollY = 0;
 		let minimumScrollHeight = 0;
@@ -8772,24 +8032,17 @@
 			set demo($$value = 'false') {
 				demo($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
 	delegate(['click', 'keydown']);
 	create_custom_element(ToTop, { text: {}, demo: {} }, [], [], true);
 
-	ToTopWC[FILENAME] = 'src/sdg/components/ToTop/toTopWC.svelte';
-
 	function ToTopWC($$anchor, $$props) {
-		check_target(new.target);
-		push($$props, true);
-
 		const props = rest_props($$props, ['$$slots', '$$events', '$$legacy', '$$host']);
 
 		ToTop($$anchor, spread_props(() => props));
-		return pop({ ...legacy_api() });
 	}
 
 	customElements.define('qc-to-top', create_custom_element(
@@ -8803,15 +8056,12 @@
 		false
 	));
 
-	ExternalLink[FILENAME] = 'src/sdg/components/ExternalLink/ExternalLink.svelte';
-
-	var root$e = add_locations(template(`<span role="img" class="qc-ext-link-img"></span>`), ExternalLink[FILENAME], [[89, 0]]);
+	var root$e = template(`<span role="img" class="qc-ext-link-img"></span>`);
 
 	function ExternalLink($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
-		const externalIconAlt = prop($$props, 'externalIconAlt', 23, () => strict_equals(Utils.getPageLanguage(), 'fr') ? "Ce lien dirige vers un autre site." : "This link directs to another site.");
+		const externalIconAlt = prop($$props, 'externalIconAlt', 23, () => Utils.getPageLanguage() === 'fr' ? "Ce lien dirige vers un autre site." : "This link directs to another site.");
 		let imgElement = state(void 0);
 
 		function createVisibleNodesTreeWalker() {
@@ -8825,7 +8075,7 @@
 						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')) {
+						if (style.display === 'none' || style.visibility === 'hidden' || style.position === 'absolute') {
 							return NodeFilter.FILTER_REJECT;
 						}
 					}
@@ -8902,59 +8152,47 @@
 			) {
 				externalIconAlt($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
 	create_custom_element(ExternalLink, { externalIconAlt: {} }, [], [], true);
 
-	ExternalLinkWC[FILENAME] = 'src/sdg/components/ExternalLink/ExternalLinkWC.svelte';
-
 	function ExternalLinkWC($$anchor, $$props) {
-		check_target(new.target);
-		push($$props, true);
-
 		const props = rest_props($$props, ['$$slots', '$$events', '$$legacy', '$$host']);
 
 		ExternalLink($$anchor, spread_props(() => props));
-		return pop({ ...legacy_api() });
 	}
 
 	customElements.define('qc-external-link', create_custom_element(ExternalLinkWC, { externalIconAlt: { attribute: 'img-alt' } }, [], [], false));
 
-	SearchInput[FILENAME] = 'src/sdg/components/SearchInput/SearchInput.svelte';
-
-	var root$d = add_locations(template(`<div><!> <input> <!></div>`), SearchInput[FILENAME], [[28, 0, [[39, 4]]]]);
+	var root$d = template(`<div><!> <input> <!></div>`);
 
 	function SearchInput($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		const lang = Utils.getPageLanguage();
 
 		let value = prop($$props, 'value', 15, ''),
-			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"),
+			ariaLabel = prop($$props, 'ariaLabel', 7, lang === "fr" ? "Rechercher..." : "Search..."),
+			clearAriaLabel = prop($$props, 'clearAriaLabel', 7, lang === "fr" ? "Effacer le texte" : "Clear text"),
 			leftIcon = prop($$props, 'leftIcon', 7, false),
 			id = prop($$props, 'id', 23, () => `qc-search-input-${Math.random().toString(36).slice(2, 11)}`),
-			rest = rest_props(
-				$$props,
-				[
-					'$$slots',
-					'$$events',
-					'$$legacy',
-					'$$host',
-					'value',
-					'ariaLabel',
-					'clearAriaLabel',
-					'leftIcon',
-					'id'
-				]);
-
-		leftIcon(strict_equals(leftIcon(), true) || strict_equals(leftIcon(), "true") || strict_equals(leftIcon(), ""));
-
-		const isDisabled = strict_equals($$props.disabled, true) || strict_equals($$props.disabled, "true") || strict_equals($$props.disabled, "");
+			rest = rest_props($$props, [
+				'$$slots',
+				'$$events',
+				'$$legacy',
+				'$$host',
+				'value',
+				'ariaLabel',
+				'clearAriaLabel',
+				'leftIcon',
+				'id'
+			]);
+
+		leftIcon(leftIcon() === true || leftIcon() === "true" || leftIcon() === "");
+
+		const isDisabled = $$props.disabled === true || $$props.disabled === "true" || $$props.disabled === "";
 		let searchInput;
 
 		function focus() {
@@ -9034,9 +8272,7 @@
 		append($$anchor, div);
 
 		return pop({
-			get focus() {
-				return focus;
-			},
+			focus,
 			get value() {
 				return value();
 			},
@@ -9077,8 +8313,7 @@
 			) {
 				id($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -9096,41 +8331,31 @@
 		true
 	);
 
-	SearchBar[FILENAME] = 'src/sdg/components/SearchBar/SearchBar.svelte';
-
-	var root$c = add_locations(template(`<div><!> <!></div>`), SearchBar[FILENAME], [[37, 0]]);
+	var root$c = template(`<div><!> <!></div>`);
 
 	function SearchBar($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
-		var $$ownership_validator = create_ownership_validator($$props);
 		const lang = Utils.getPageLanguage();
 
 		let value = prop($$props, 'value', 15, ''),
 			name = prop($$props, 'name', 7, 'q'),
 			pivBackground = prop($$props, 'pivBackground', 7, false),
-			rest = rest_props(
-				$$props,
-				[
-					'$$slots',
-					'$$events',
-					'$$legacy',
-					'$$host',
-					'value',
-					'name',
-					'pivBackground'
-				]);
+			rest = rest_props($$props, [
+				'$$slots',
+				'$$events',
+				'$$legacy',
+				'$$host',
+				'value',
+				'name',
+				'pivBackground'
+			]);
 
 		let defaultsAttributes = {
 			input: {
-				"placeholder": strict_equals(lang, "fr") ? "Rechercher…" : "Search",
-				"aria-label": strict_equals(lang, "fr") ? "Rechercher…" : "Search"
-			},
-			submit: {
-				"aria-label": strict_equals(lang, "fr") ? "Lancer la recherche" : "Submit search"
-			}
-		};
+				"placeholder": lang === "fr" ? "Rechercher…" : "Search",
+				"aria-label": lang === "fr" ? "Rechercher…" : "Search"
+			}};
 
 		let inputProps = user_derived(() => ({
 				...defaultsAttributes.input,
@@ -9146,18 +8371,14 @@
 		let classes;
 		var node = child(div);
 
-		{
-			$$ownership_validator.binding('value', SearchInput, value);
-
-			SearchInput(node, spread_props(() => get(inputProps), {
-				get value() {
-					return value();
-				},
-				set value($$value) {
-					value($$value);
-				}
-			}));
-		}
+		SearchInput(node, spread_props(() => get(inputProps), {
+			get value() {
+				return value();
+			},
+			set value($$value) {
+				value($$value);
+			}
+		}));
 
 		var node_1 = sibling(node, 2);
 		const expression = user_derived(() => pivBackground() ? 'blue-piv' : 'background');
@@ -9203,23 +8424,16 @@
 			set pivBackground($$value = false) {
 				pivBackground($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
 	create_custom_element(SearchBar, { value: {}, name: {}, pivBackground: {} }, [], [], true);
 
-	SearchBarWC[FILENAME] = 'src/sdg/components/SearchBar/SearchBarWC.svelte';
-
 	function SearchBarWC($$anchor, $$props) {
-		check_target(new.target);
-		push($$props, true);
-
 		const props = rest_props($$props, ['$$slots', '$$events', '$$legacy', '$$host']);
 
 		SearchBar($$anchor, spread_props(() => props));
-		return pop({ ...legacy_api() });
 	}
 
 	customElements.define('qc-search-bar', create_custom_element(
@@ -9234,16 +8448,10 @@
 		false
 	));
 
-	SearchInputWC[FILENAME] = 'src/sdg/components/SearchInput/SearchInputWC.svelte';
-
 	function SearchInputWC($$anchor, $$props) {
-		check_target(new.target);
-		push($$props, true);
-
 		const props = rest_props($$props, ['$$slots', '$$events', '$$legacy', '$$host']);
 
 		SearchInput($$anchor, spread_props(() => props));
-		return pop({ ...legacy_api() });
 	}
 
 	customElements.define('qc-search-input', create_custom_element(
@@ -9259,16 +8467,10 @@
 		false
 	));
 
-	IconWC[FILENAME] = 'src/sdg/bases/Icon/IconWC.svelte';
-
 	function IconWC($$anchor, $$props) {
-		check_target(new.target);
-		push($$props, true);
-
 		const props = rest_props($$props, ['$$slots', '$$events', '$$legacy', '$$host']);
 
 		Icon($$anchor, spread_props(() => props));
-		return pop({ ...legacy_api() });
 	}
 
 	customElements.define('qc-icon', create_custom_element(
@@ -9288,16 +8490,10 @@
 		false
 	));
 
-	IconButtonWC[FILENAME] = 'src/sdg/components/IconButton/IconButtonWC.svelte';
-
 	function IconButtonWC($$anchor, $$props) {
-		check_target(new.target);
-		push($$props, true);
-
 		const props = rest_props($$props, ['$$slots', '$$events', '$$legacy', '$$host']);
 
 		IconButton($$anchor, spread_props(() => props));
-		return pop({ ...legacy_api() });
 	}
 
 	customElements.define('qc-icon-button', create_custom_element(
@@ -9314,13 +8510,10 @@
 		false
 	));
 
-	FormError[FILENAME] = 'src/sdg/components/FormError/FormError.svelte';
-
-	var root_2$6 = add_locations(template(`<!> <span><!></span>`, 1), FormError[FILENAME], [[48, 8]]);
-	var root_1$6 = add_locations(template(`<div role="alert"><!></div>`), FormError[FILENAME], [[35, 0]]);
+	var root_2$6 = template(`<!> <span><!></span>`, 1);
+	var root_1$6 = template(`<div role="alert"><!></div>`);
 
 	function FormError($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		const lang = Utils.getPageLanguage();
@@ -9333,7 +8526,7 @@
 			rootElement = prop($$props, 'rootElement', 15);
 
 		let cleanLabel = user_derived(() => label().replace(/:\s*$/, '')),
-			defaultInvalidText = user_derived(() => label() ? strict_equals(lang, 'fr') ? `Le champ ${get(cleanLabel)} est obligatoire.` : `${get(cleanLabel)} field is required.` : strict_equals(lang, 'fr') ? `Ce champ est obligatoire.` : `This field is required.`);
+			defaultInvalidText = user_derived(() => label() ? lang === 'fr' ? `Le champ ${get(cleanLabel)} est obligatoire.` : `${get(cleanLabel)} field is required.` : lang === 'fr' ? `Ce champ est obligatoire.` : `This field is required.`);
 
 		onMount(() => {
 			if (id()) return;
@@ -9432,8 +8625,7 @@
 			set rootElement($$value) {
 				rootElement($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -9452,13 +8644,10 @@
 		true
 	);
 
-	LabelText[FILENAME] = 'src/sdg/components/Label/LabelText.svelte';
-
-	var root_1$5 = add_locations(template(`<span class="qc-required" aria-hidden="true">*</span>`), LabelText[FILENAME], [[4, 26]]);
-	var root$b = add_locations(template(`<!><!>`, 1), LabelText[FILENAME], []);
+	var root_1$5 = template(`<span class="qc-required" aria-hidden="true">*</span>`);
+	var root$b = template(`<!><!>`, 1);
 
 	function LabelText($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		let text = prop($$props, 'text', 7),
@@ -9499,32 +8688,26 @@
 			set required($$value) {
 				required($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
 	create_custom_element(LabelText, { text: {}, required: {} }, [], [], true);
 
-	Fieldset[FILENAME] = 'src/sdg/components/Fieldset/Fieldset.svelte';
-
-	var root_2$5 = add_locations(template(`<legend><!></legend>`), Fieldset[FILENAME], [[43, 4]]);
-	var root_1$4 = add_locations(template(`<fieldset><!> <div><!></div> <!></fieldset>`), Fieldset[FILENAME], [[31, 0, [[47, 4]]]]);
-	var root_4$2 = add_locations(template(`<div class="qc-fieldset-invalid"><!></div>`), Fieldset[FILENAME], [[70, 4]]);
+	var root_2$5 = template(`<legend><!></legend>`);
+	var root_1$4 = template(`<fieldset><!> <div><!></div> <!></fieldset>`);
+	var root_4$2 = template(`<div class="qc-fieldset-invalid"><!></div>`);
 
 	function Fieldset($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
-		const fieldset = wrap_snippet(Fieldset, function ($$anchor) {
-			validate_snippet_args(...arguments);
-
+		const fieldset = ($$anchor) => {
 			var fieldset_1 = root_1$4();
 
 			set_attribute(fieldset_1, 'aria-describedby', legendId);
 
 			fieldset_1.__change = function (...$$args) {
-				apply(onchange, this, $$args, Fieldset, [38, 11]);
+				onchange()?.apply(this, $$args);
 			};
 
 			var node = child(fieldset_1);
@@ -9604,7 +8787,7 @@
 			});
 
 			append($$anchor, fieldset_1);
-		});
+		};
 
 		let legend = prop($$props, 'legend', 7),
 			name = prop($$props, 'name', 7),
@@ -9754,8 +8937,7 @@
 			set rootElement($$value) {
 				rootElement($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -9797,7 +8979,7 @@
 		name
 	) {
 		if (!input) return;
-		if (strict_equals(input.role, "switch")) return;
+		if (input.role === "switch") return;
 
 		let label = input.closest('label');
 
@@ -9819,14 +9001,9 @@
 		input.addEventListener('change', () => setInvalid(false));
 	}
 
-	ChoiceGroup[FILENAME] = 'src/sdg/components/ChoiceGroup/ChoiceGroup.svelte';
-
 	function ChoiceGroup($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
-		var $$ownership_validator = create_ownership_validator($$props);
-
 		let invalid = prop($$props, 'invalid', 15, false),
 			invalidText = prop($$props, 'invalidText', 7),
 			children = prop($$props, 'children', 7),
@@ -9836,23 +9013,21 @@
 			host = prop($$props, 'host', 7),
 			name = prop($$props, 'name', 7),
 			required = prop($$props, 'required', 7),
-			restProps = rest_props(
-				$$props,
-				[
-					'$$slots',
-					'$$events',
-					'$$legacy',
-					'$$host',
-					'invalid',
-					'invalidText',
-					'children',
-					'compact',
-					'selectionButton',
-					'inline',
-					'host',
-					'name',
-					'required'
-				]);
+			restProps = rest_props($$props, [
+				'$$slots',
+				'$$events',
+				'$$legacy',
+				'$$host',
+				'invalid',
+				'invalidText',
+				'children',
+				'compact',
+				'selectionButton',
+				'inline',
+				'host',
+				'name',
+				'required'
+			]);
 
 		let fieldsetElement = state(void 0);
 
@@ -9866,53 +9041,49 @@
 			(host() ? host() : get(fieldsetElement)).querySelectorAll('input, .qc-choicefield').forEach((input) => updateInput(input, required(), invalid(), compact(), selectionButton(), inline(), name()));
 		});
 
-		{
-			$$ownership_validator.binding('invalid', Fieldset, invalid);
-
-			Fieldset($$anchor, spread_props(
-				{
-					get required() {
-						return required();
-					},
-					get compact() {
-						return compact();
-					},
-					get selectionButton() {
-						return selectionButton();
-					},
-					get inline() {
-						return inline();
-					},
-					get invalidText() {
-						return invalidText();
-					},
-					onchange
+		Fieldset($$anchor, spread_props(
+			{
+				get required() {
+					return required();
 				},
-				() => restProps,
-				{
-					get invalid() {
-						return invalid();
-					},
-					set invalid($$value) {
-						invalid($$value);
-					},
-					get rootElement() {
-						return get(fieldsetElement);
-					},
-					set rootElement($$value) {
-						set(fieldsetElement, $$value, true);
-					},
-					children: wrap_snippet(ChoiceGroup, ($$anchor, $$slotProps) => {
-						var fragment_1 = comment();
-						var node = first_child(fragment_1);
+				get compact() {
+					return compact();
+				},
+				get selectionButton() {
+					return selectionButton();
+				},
+				get inline() {
+					return inline();
+				},
+				get invalidText() {
+					return invalidText();
+				},
+				onchange
+			},
+			() => restProps,
+			{
+				get invalid() {
+					return invalid();
+				},
+				set invalid($$value) {
+					invalid($$value);
+				},
+				get rootElement() {
+					return get(fieldsetElement);
+				},
+				set rootElement($$value) {
+					set(fieldsetElement, $$value, true);
+				},
+				children: ($$anchor, $$slotProps) => {
+					var fragment_1 = comment();
+					var node = first_child(fragment_1);
 
-						snippet(node, children);
-						append($$anchor, fragment_1);
-					}),
-					$$slots: { default: true }
-				}
-			));
-		}
+					snippet(node, children);
+					append($$anchor, fragment_1);
+				},
+				$$slots: { default: true }
+			}
+		));
 
 		return pop({
 			get invalid() {
@@ -9977,8 +9148,7 @@
 			set required($$value) {
 				required($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -10000,16 +9170,11 @@
 		true
 	);
 
-	ChoiceGroupWC[FILENAME] = 'src/sdg/components/ChoiceGroup/ChoiceGroupWC.svelte';
-
-	var root$a = add_locations(template(`<!> <link rel="stylesheet">`, 1), ChoiceGroupWC[FILENAME], [[47, 0]]);
+	var root$a = template(`<!> <link rel="stylesheet">`, 1);
 
 	function ChoiceGroupWC($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
-		var $$ownership_validator = create_ownership_validator($$props);
-
 		let name = prop($$props, 'name', 7),
 			legend = prop($$props, 'legend', 7),
 			compact = prop($$props, 'compact', 7),
@@ -10023,51 +9188,47 @@
 		var fragment = root$a();
 		var node = first_child(fragment);
 
-		{
-			$$ownership_validator.binding('invalid', ChoiceGroup, invalid);
-
-			ChoiceGroup(node, {
-				get name() {
-					return name();
-				},
-				get legend() {
-					return legend();
-				},
-				get compact() {
-					return compact();
-				},
-				get required() {
-					return required();
-				},
-				get invalidText() {
-					return invalidText();
-				},
-				get selectionButton() {
-					return selectionButton();
-				},
-				get columnCount() {
-					return columnCount();
-				},
-				get inline() {
-					return inline();
-				},
-				host: $$props.$$host,
-				get invalid() {
-					return invalid();
-				},
-				set invalid($$value) {
-					invalid($$value);
-				},
-				children: wrap_snippet(ChoiceGroupWC, ($$anchor, $$slotProps) => {
-					var fragment_1 = comment();
-					var node_1 = first_child(fragment_1);
+		ChoiceGroup(node, {
+			get name() {
+				return name();
+			},
+			get legend() {
+				return legend();
+			},
+			get compact() {
+				return compact();
+			},
+			get required() {
+				return required();
+			},
+			get invalidText() {
+				return invalidText();
+			},
+			get selectionButton() {
+				return selectionButton();
+			},
+			get columnCount() {
+				return columnCount();
+			},
+			get inline() {
+				return inline();
+			},
+			host: $$props.$$host,
+			get invalid() {
+				return invalid();
+			},
+			set invalid($$value) {
+				invalid($$value);
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = comment();
+				var node_1 = first_child(fragment_1);
 
-					slot(node_1, $$props, 'default', {}, null);
-					append($$anchor, fragment_1);
-				}),
-				$$slots: { default: true }
-			});
-		}
+				slot(node_1, $$props, 'default', {});
+				append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		});
 
 		var link = sibling(node, 2);
 
@@ -10137,8 +9298,7 @@
 			set inline($$value) {
 				inline($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -10163,18 +9323,13 @@
 		true
 	));
 
-	Checkbox[FILENAME] = 'src/sdg/components/Checkbox/Checkbox.svelte';
-
-	var root_2$4 = add_locations(template(`<span class="qc-required" aria-hidden="true">*</span>`), Checkbox[FILENAME], [[56, 4]]);
-	var root$9 = add_locations(template(`<div><!> <!> <!></div>`), Checkbox[FILENAME], [[64, 4]]);
+	var root_2$4 = template(`<span class="qc-required" aria-hidden="true">*</span>`);
+	var root$9 = template(`<div><!> <!> <!></div>`);
 
 	function Checkbox($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
-		const requiredSpanSnippet = wrap_snippet(Checkbox, function ($$anchor) {
-			validate_snippet_args(...arguments);
-
+		const requiredSpanSnippet = ($$anchor) => {
 			var fragment = comment();
 			var node = first_child(fragment);
 
@@ -10192,7 +9347,7 @@
 			}
 
 			append($$anchor, fragment);
-		});
+		};
 
 		Utils.getPageLanguage();
 			const qcCheckoxContext = getContext("qc-checkbox");
@@ -10371,8 +9526,7 @@
 			set input($$value) {
 				input($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -10399,16 +9553,10 @@
 		true
 	);
 
-	CheckboxWC[FILENAME] = 'src/sdg/components/Checkbox/CheckboxWC.svelte';
-
-	var root$8 = add_locations(template(`<!> <link rel="stylesheet">`, 1), CheckboxWC[FILENAME], [[49, 0]]);
+	var root$8 = template(`<!> <link rel="stylesheet">`, 1);
 
 	function CheckboxWC($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
-
-		var $$ownership_validator = create_ownership_validator($$props);
-
 		setContext('qc-checkbox', true);
 
 		let required = prop($$props, 'required', 15, false),
@@ -10429,47 +9577,43 @@
 		var fragment = root$8();
 		var node = first_child(fragment);
 
-		{
-			$$ownership_validator.binding('invalid', Checkbox, invalid);
-
-			Checkbox(node, {
-				get compact() {
-					return compact();
-				},
-				get required() {
-					return required();
-				},
-				get invalidText() {
-					return invalidText();
-				},
-				get labelElement() {
-					return get(labelElement);
-				},
-				get input() {
-					return get(input);
-				},
-				get invalid() {
-					return invalid();
-				},
-				set invalid($$value) {
-					invalid($$value);
-				},
-				get requiredSpan() {
-					return get(requiredSpan);
-				},
-				set requiredSpan($$value) {
-					set(requiredSpan, $$value, true);
-				},
-				children: wrap_snippet(CheckboxWC, ($$anchor, $$slotProps) => {
-					var fragment_1 = comment();
-					var node_1 = first_child(fragment_1);
+		Checkbox(node, {
+			get compact() {
+				return compact();
+			},
+			get required() {
+				return required();
+			},
+			get invalidText() {
+				return invalidText();
+			},
+			get labelElement() {
+				return get(labelElement);
+			},
+			get input() {
+				return get(input);
+			},
+			get invalid() {
+				return invalid();
+			},
+			set invalid($$value) {
+				invalid($$value);
+			},
+			get requiredSpan() {
+				return get(requiredSpan);
+			},
+			set requiredSpan($$value) {
+				set(requiredSpan, $$value, true);
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = comment();
+				var node_1 = first_child(fragment_1);
 
-					slot(node_1, $$props, 'default', {}, null);
-					append($$anchor, fragment_1);
-				}),
-				$$slots: { default: true }
-			});
-		}
+				slot(node_1, $$props, 'default', {});
+				append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		});
 
 		var link = sibling(node, 2);
 
@@ -10504,8 +9648,7 @@
 			set invalidText($$value) {
 				invalidText($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -10522,12 +9665,9 @@
 		true
 	));
 
-	Label[FILENAME] = 'src/sdg/components/Label/Label.svelte';
-
-	var root$7 = add_locations(template(`<label><!></label>`), Label[FILENAME], [[16, 0]]);
+	var root$7 = template(`<label><!></label>`);
 
 	function Label($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		let forId = prop($$props, 'forId', 7),
@@ -10537,21 +9677,19 @@
 			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'
-				]);
+			rest = rest_props($$props, [
+				'$$slots',
+				'$$events',
+				'$$legacy',
+				'$$host',
+				'forId',
+				'text',
+				'required',
+				'compact',
+				'bold',
+				'disabled',
+				'rootElement'
+			]);
 
 		var label = root$7();
 		let attributes;
@@ -10631,8 +9769,7 @@
 			set rootElement($$value) {
 				rootElement($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -10670,22 +9807,15 @@
 	    setTextFieldRow(input.closest('.qc-formfield-row'));
 	}
 
-	TextField[FILENAME] = 'src/sdg/components/TextField/TextField.svelte';
-
-	var root_3$2 = add_locations(template(`<div class="qc-description"><!></div>`), TextField[FILENAME], [[131, 8]]);
-	var root_4$1 = add_locations(template(`<div aria-live="polite"><!></div>`), TextField[FILENAME], [[142, 8]]);
-	var root_1$3 = add_locations(template(`<!> <!> <!> <!> <!>`, 1), TextField[FILENAME], []);
-	var root_6 = add_locations(template(`<div class="qc-textfield"><!></div>`), TextField[FILENAME], [[166, 4]]);
+	var root_3$2 = template(`<div class="qc-description"><!></div>`);
+	var root_4$1 = template(`<div aria-live="polite"><!></div>`);
+	var root_1$3 = template(`<!> <!> <!> <!> <!>`, 1);
+	var root_6 = template(`<div class="qc-textfield"><!></div>`);
 
 	function TextField($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
-		var $$ownership_validator = create_ownership_validator($$props);
-
-		const textfield = wrap_snippet(TextField, function ($$anchor) {
-			validate_snippet_args(...arguments);
-
+		const textfield = ($$anchor) => {
 			var fragment = root_1$3();
 			var node = first_child(fragment);
 
@@ -10694,30 +9824,26 @@
 					const expression = user_derived(() => input()?.disabled);
 					const expression_1 = user_derived(() => input()?.id);
 
-					{
-						$$ownership_validator.binding('labelElement', Label, labelElement);
-
-						Label($$anchor, {
-							get required() {
-								return required();
-							},
-							get disabled() {
-								return get(expression);
-							},
-							get text() {
-								return label();
-							},
-							get forId() {
-								return get(expression_1);
-							},
-							get rootElement() {
-								return labelElement();
-							},
-							set rootElement($$value) {
-								labelElement($$value);
-							}
-						});
-					}
+					Label($$anchor, {
+						get required() {
+							return required();
+						},
+						get disabled() {
+							return get(expression);
+						},
+						get text() {
+							return label();
+						},
+						get forId() {
+							return get(expression_1);
+						},
+						get rootElement() {
+							return labelElement();
+						},
+						set rootElement($$value) {
+							labelElement($$value);
+						}
+					});
 				};
 
 				if_block(node, ($$render) => {
@@ -10773,7 +9899,7 @@
 				};
 
 				if_block(node_4, ($$render) => {
-					if (strict_equals(maxlength(), null, false)) $$render(consequent_2);
+					if (maxlength() !== null) $$render(consequent_2);
 				});
 			}
 
@@ -10781,37 +9907,33 @@
 			const expression_2 = user_derived(() => invalidText() ? invalidText() : get(defaultInvalidText));
 			const expression_3 = user_derived(() => label() ? label() : input()?.getAttribute("aria-label"));
 
-			{
-				$$ownership_validator.binding('formErrorElement', FormError, formErrorElement);
-
-				FormError(node_6, {
-					get invalid() {
-						return invalid();
-					},
-					get invalidText() {
-						return get(expression_2);
-					},
-					get label() {
-						return get(expression_3);
-					},
-					extraClasses: ['qc-xs-mt'],
-					get id() {
-						return get(errorId);
-					},
-					set id($$value) {
-						set(errorId, $$value, true);
-					},
-					get rootElement() {
-						return formErrorElement();
-					},
-					set rootElement($$value) {
-						formErrorElement($$value);
-					}
-				});
-			}
+			FormError(node_6, {
+				get invalid() {
+					return invalid();
+				},
+				get invalidText() {
+					return get(expression_2);
+				},
+				get label() {
+					return get(expression_3);
+				},
+				extraClasses: ['qc-xs-mt'],
+				get id() {
+					return get(errorId);
+				},
+				set id($$value) {
+					set(errorId, $$value, true);
+				},
+				get rootElement() {
+					return formErrorElement();
+				},
+				set rootElement($$value) {
+					formErrorElement($$value);
+				}
+			});
 
 			append($$anchor, fragment);
-		});
+		};
 
 		const lang = Utils.getPageLanguage();
 
@@ -10841,7 +9963,7 @@
 			textFieldRow = state(void 0),
 			defaultInvalidText = user_derived(() => {
 				if (!maxlengthReached()) return '';
-				return strict_equals(lang, 'fr') ? `La limite de caractères du champ ${label()} est dépassée.` : `The character limit for the ${label()} field has been exceeded.`;
+				return lang === 'fr' ? `La limite de caractères du champ ${label()} est dépassée.` : `The character limit for the ${label()} field has been exceeded.`;
 			});
 
 		onMount(() => {
@@ -10884,7 +10006,7 @@
 
 			const s = over > 1 ? 's' : '';
 
-			set(charCountText, remaining >= 0 ? strict_equals(lang, 'fr') ? `${remaining} caractère${s} restant${s}` : `${remaining} character${s} remaining` : strict_equals(lang, 'fr') ? `${over} caractère${s} en trop` : `${over} character${s} over the limit`, true);
+			set(charCountText, remaining >= 0 ? lang === 'fr' ? `${remaining} caractère${s} restant${s}` : `${remaining} character${s} remaining` : lang === 'fr' ? `${over} caractère${s} en trop` : `${over} character${s} over the limit`, true);
 		});
 
 		// Génération des ID pour le aria-describedby
@@ -11054,8 +10176,7 @@
 			set children($$value) {
 				children($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -11085,16 +10206,10 @@
 		true
 	);
 
-	TextFieldWC[FILENAME] = 'src/sdg/components/TextField/TextFieldWC.svelte';
-
-	var root$6 = add_locations(template(`<!> <link rel="stylesheet">`, 1), TextFieldWC[FILENAME], [[90, 0]]);
+	var root$6 = template(`<!> <link rel="stylesheet">`, 1);
 
 	function TextFieldWC($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
-
-		var $$ownership_validator = create_ownership_validator($$props);
-
 		setContext('webComponentMode', true);
 
 		let invalid = prop($$props, 'invalid', 15, false),
@@ -11146,89 +10261,82 @@
 		var fragment = root$6();
 		var node = first_child(fragment);
 
-		{
-			$$ownership_validator.binding('invalid', TextField, invalid);
-			$$ownership_validator.binding('invalidText', TextField, invalidText);
-			$$ownership_validator.binding('maxlengthReached', TextField, maxlengthReached);
-			$$ownership_validator.binding('invalidAtSubmit', TextField, invalidAtSubmit);
-
-			TextField(node, {
-				get label() {
-					return label();
-				},
-				get description() {
-					return description();
-				},
-				get input() {
-					return get(input);
-				},
-				get required() {
-					return required();
-				},
-				get maxlength() {
-					return maxlength();
-				},
-				get value() {
-					return get(value);
-				},
-				get invalid() {
-					return invalid();
-				},
-				set invalid($$value) {
-					invalid($$value);
-				},
-				get invalidText() {
-					return invalidText();
-				},
-				set invalidText($$value) {
-					invalidText($$value);
-				},
-				get maxlengthReached() {
-					return maxlengthReached();
-				},
-				set maxlengthReached($$value) {
-					maxlengthReached($$value);
-				},
-				get invalidAtSubmit() {
-					return invalidAtSubmit();
-				},
-				set invalidAtSubmit($$value) {
-					invalidAtSubmit($$value);
-				},
-				get labelElement() {
-					return get(labelElement);
-				},
-				set labelElement($$value) {
-					set(labelElement, $$value, true);
-				},
-				get formErrorElement() {
-					return get(formErrorElement);
-				},
-				set formErrorElement($$value) {
-					set(formErrorElement, $$value, true);
-				},
-				get descriptionElement() {
-					return get(descriptionElement);
-				},
-				set descriptionElement($$value) {
-					set(descriptionElement, $$value, true);
-				},
-				get maxlengthElement() {
-					return get(maxlengthElement);
-				},
-				set maxlengthElement($$value) {
-					set(maxlengthElement, $$value, true);
-				},
-				children: wrap_snippet(TextFieldWC, ($$anchor, $$slotProps) => {
-					var fragment_1 = comment();
-					var node_1 = first_child(fragment_1);
+		TextField(node, {
+			get label() {
+				return label();
+			},
+			get description() {
+				return description();
+			},
+			get input() {
+				return get(input);
+			},
+			get required() {
+				return required();
+			},
+			get maxlength() {
+				return maxlength();
+			},
+			get value() {
+				return get(value);
+			},
+			get invalid() {
+				return invalid();
+			},
+			set invalid($$value) {
+				invalid($$value);
+			},
+			get invalidText() {
+				return invalidText();
+			},
+			set invalidText($$value) {
+				invalidText($$value);
+			},
+			get maxlengthReached() {
+				return maxlengthReached();
+			},
+			set maxlengthReached($$value) {
+				maxlengthReached($$value);
+			},
+			get invalidAtSubmit() {
+				return invalidAtSubmit();
+			},
+			set invalidAtSubmit($$value) {
+				invalidAtSubmit($$value);
+			},
+			get labelElement() {
+				return get(labelElement);
+			},
+			set labelElement($$value) {
+				set(labelElement, $$value, true);
+			},
+			get formErrorElement() {
+				return get(formErrorElement);
+			},
+			set formErrorElement($$value) {
+				set(formErrorElement, $$value, true);
+			},
+			get descriptionElement() {
+				return get(descriptionElement);
+			},
+			set descriptionElement($$value) {
+				set(descriptionElement, $$value, true);
+			},
+			get maxlengthElement() {
+				return get(maxlengthElement);
+			},
+			set maxlengthElement($$value) {
+				set(maxlengthElement, $$value, true);
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = comment();
+				var node_1 = first_child(fragment_1);
 
-					slot(node_1, $$props, 'default', {}, null);
-					append($$anchor, fragment_1);
-				}),
-				$$slots: { default: true }
-			});
-		}
+				slot(node_1, $$props, 'default', {});
+				append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		});
 
 		var link = sibling(node, 2);
 
@@ -11291,8 +10399,7 @@
 			set invalidAtSubmit($$value = false) {
 				invalidAtSubmit($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -11318,12 +10425,9 @@
 		true
 	));
 
-	Button[FILENAME] = 'src/sdg/components/Button/Button.svelte';
-
-	var root$5 = add_locations(template(`<button><!> <!></button>`), Button[FILENAME], [[28, 0]]);
+	var root$5 = template(`<button><!> <!></button>`);
 
 	function Button($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		let variant = prop($$props, 'variant', 7, "primary"),
@@ -11334,22 +10438,20 @@
 			icon = prop($$props, 'icon', 7, ""),
 			iconPosition = prop($$props, 'iconPosition', 7, "left"),
 			iconSrc = prop($$props, 'iconSrc', 7, ""),
-			rest = rest_props(
-				$$props,
-				[
-					'$$slots',
-					'$$events',
-					'$$legacy',
-					'$$host',
-					'variant',
-					'disabled',
-					'compact',
-					'rounded',
-					'label',
-					'icon',
-					'iconPosition',
-					'iconSrc'
-				]);
+			rest = rest_props($$props, [
+				'$$slots',
+				'$$events',
+				'$$legacy',
+				'$$host',
+				'variant',
+				'disabled',
+				'compact',
+				'rounded',
+				'label',
+				'icon',
+				'iconPosition',
+				'iconSrc'
+			]);
 
 		let className = state(void 0);
 
@@ -11413,7 +10515,7 @@
 			};
 
 			if_block(node, ($$render) => {
-				if (strict_equals(iconPosition(), "left")) $$render(consequent_2);
+				if (iconPosition() === "left") $$render(consequent_2);
 			});
 		}
 
@@ -11463,7 +10565,7 @@
 			};
 
 			if_block(node_2, ($$render) => {
-				if (icon() && strict_equals(iconPosition(), "right")) $$render(consequent_5);
+				if (icon() && iconPosition() === "right") $$render(consequent_5);
 			});
 		}
 
@@ -11537,8 +10639,7 @@
 			set iconSrc($$value = "") {
 				iconSrc($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -11559,10 +10660,7 @@
 		true
 	);
 
-	ButtonWC[FILENAME] = 'src/sdg/components/Button/ButtonWC.svelte';
-
 	function ButtonWC($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		let variant = prop($$props, 'variant', 7, "primary"),
@@ -11570,19 +10668,17 @@
 			compact = prop($$props, 'compact', 7, false),
 			rounded = prop($$props, 'rounded', 7, false),
 			label = prop($$props, 'label', 7, ""),
-			rest = rest_props(
-				$$props,
-				[
-					'$$slots',
-					'$$events',
-					'$$legacy',
-					'$$host',
-					'variant',
-					'disabled',
-					'compact',
-					'rounded',
-					'label'
-				]);
+			rest = rest_props($$props, [
+				'$$slots',
+				'$$events',
+				'$$legacy',
+				'$$host',
+				'variant',
+				'disabled',
+				'compact',
+				'rounded',
+				'label'
+			]);
 
 		Button($$anchor, spread_props(
 			{
@@ -11640,8 +10736,7 @@
 			set label($$value = "") {
 				label($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -11662,18 +10757,9 @@
 		false
 	));
 
-	ToggleSwitch[FILENAME] = 'src/sdg/components/ToggleSwitch/ToggleSwitch.svelte';
-
-	var root$4 = add_locations(template(`<label><input type="checkbox" role="switch"> <span><!></span> <span class="qc-switch-slider"></span></label>`), ToggleSwitch[FILENAME], [
-		[
-			17,
-			0,
-			[[20, 4], [28, 4], [33, 4]]
-		]
-	]);
+	var root$4 = template(`<label><input type="checkbox" role="switch"> <span><!></span> <span class="qc-switch-slider"></span></label>`);
 
 	function ToggleSwitch($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		let label = prop($$props, 'label', 7),
@@ -11684,7 +10770,7 @@
 			textAlign = prop($$props, 'textAlign', 7);
 
 		const usedId = "toggle-switch-" + (id() ? id() : Math.random().toString(36));
-		let usedLabelTextAlignment = strict_equals(textAlign()?.toLowerCase(), "end") ? "end" : "start";
+		let usedLabelTextAlignment = textAlign()?.toLowerCase() === "end" ? "end" : "start";
 		var label_1 = root$4();
 
 		set_attribute(label_1, 'for', usedId);
@@ -11698,7 +10784,7 @@
 
 		set_class(span, 1, clsx([
 			"qc-switch-label",
-			strict_equals(usedLabelTextAlignment, "end") && "qc-switch-label-end"
+			usedLabelTextAlignment === "end" && "qc-switch-label-end"
 		]));
 
 		var node = child(span);
@@ -11762,8 +10848,7 @@
 			set textAlign($$value) {
 				textAlign($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -11782,34 +10867,27 @@
 		true
 	);
 
-	ToggleSwitchWC[FILENAME] = 'src/sdg/components/ToggleSwitch/ToggleSwitchWC.svelte';
-
 	function ToggleSwitchWC($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
-		var $$ownership_validator = create_ownership_validator($$props);
-
 		let id = prop($$props, 'id', 7),
 			label = prop($$props, 'label', 7),
 			checked = prop($$props, 'checked', 15, false),
 			disabled = prop($$props, 'disabled', 7, false),
 			justified = prop($$props, 'justified', 7, false),
 			textAlign = prop($$props, 'textAlign', 7),
-			rest = rest_props(
-				$$props,
-				[
-					'$$slots',
-					'$$events',
-					'$$legacy',
-					'$$host',
-					'id',
-					'label',
-					'checked',
-					'disabled',
-					'justified',
-					'textAlign'
-				]);
+			rest = rest_props($$props, [
+				'$$slots',
+				'$$events',
+				'$$legacy',
+				'$$host',
+				'id',
+				'label',
+				'checked',
+				'disabled',
+				'justified',
+				'textAlign'
+			]);
 
 		let parent = state(void 0);
 		let index;
@@ -11847,35 +10925,31 @@
 
 		{
 			var consequent = ($$anchor) => {
-				{
-					$$ownership_validator.binding('checked', ToggleSwitch, checked);
-
-					ToggleSwitch($$anchor, spread_props(
-						{
-							get label() {
-								return label();
-							},
-							get disabled() {
-								return disabled();
-							},
-							get justified() {
-								return justified();
-							},
-							get textAlign() {
-								return textAlign();
-							}
+				ToggleSwitch($$anchor, spread_props(
+					{
+						get label() {
+							return label();
 						},
-						() => rest,
-						{
-							get checked() {
-								return checked();
-							},
-							set checked($$value) {
-								checked($$value);
-							}
+						get disabled() {
+							return disabled();
+						},
+						get justified() {
+							return justified();
+						},
+						get textAlign() {
+							return textAlign();
 						}
-					));
-				}
+					},
+					() => rest,
+					{
+						get checked() {
+							return checked();
+						},
+						set checked($$value) {
+							checked($$value);
+						}
+					}
+				));
 			};
 
 			if_block(node, ($$render) => {
@@ -11927,8 +11001,7 @@
 			set textAlign($$value) {
 				textAlign($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -11959,10 +11032,7 @@
 		false
 	));
 
-	ToggleSwitchGroupWC[FILENAME] = 'src/sdg/components/ChoiceGroup/ToggleSwitchGroupWC.svelte';
-
 	function ToggleSwitchGroupWC($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		let disabled = prop($$props, 'disabled', 15, false),
@@ -11970,19 +11040,17 @@
 			justified = prop($$props, 'justified', 7, false),
 			textAlign = prop($$props, 'textAlign', 7),
 			maxWidth = prop($$props, 'maxWidth', 7, "fit-content"),
-			rest = rest_props(
-				$$props,
-				[
-					'$$slots',
-					'$$events',
-					'$$legacy',
-					'$$host',
-					'disabled',
-					'items',
-					'justified',
-					'textAlign',
-					'maxWidth'
-				]);
+			rest = rest_props($$props, [
+				'$$slots',
+				'$$events',
+				'$$legacy',
+				'$$host',
+				'disabled',
+				'items',
+				'justified',
+				'textAlign',
+				'maxWidth'
+			]);
 
 		let usedWidth = user_derived(() => {
 			if (maxWidth().match(/^\d+px$/) || maxWidth().match(/^\d*\.?\d*rem$/) || maxWidth().match(/^\d*\.?\d*em$/) || maxWidth().match(/^\d*\.?\d*%$/)) {
@@ -12001,13 +11069,11 @@
 			},
 			() => rest,
 			{
-				children: wrap_snippet(ToggleSwitchGroupWC, ($$anchor, $$slotProps) => {
+				children: ($$anchor, $$slotProps) => {
 					var fragment_1 = comment();
 					var node = first_child(fragment_1);
 
 					each(node, 17, items, index, ($$anchor, item, $$index) => {
-						validate_binding('bind:checked={item.checked}', () => get(item), () => 'checked', 49, 12);
-
 						const expression = user_derived(() => get(item).disabled ?? disabled());
 						const expression_1 = user_derived(() => justified() ?? get(item).justified);
 						const expression_2 = user_derived(() => textAlign() ?? get(item).textAlign);
@@ -12038,7 +11104,7 @@
 					});
 
 					append($$anchor, fragment_1);
-				}),
+				},
 				$$slots: { default: true }
 			}
 		));
@@ -12078,8 +11144,7 @@
 			set maxWidth($$value = "fit-content") {
 				maxWidth($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -12098,15 +11163,12 @@
 		false
 	));
 
-	DropdownListItemsSingle[FILENAME] = 'src/sdg/components/DropdownList/DropdownListItems/DropdownListItemsSingle/DropdownListItemsSingle.svelte';
-
 	var on_click$1 = (event, handleMouseUp, item) => handleMouseUp(event, get(item));
-	var root_3$1 = add_locations(template(`<span class="qc-sr-only"><!></span>`), DropdownListItemsSingle[FILENAME], [[129, 20]]);
-	var root_2$3 = add_locations(template(`<li tabindex="0" role="option"><!></li>`), DropdownListItemsSingle[FILENAME], [[113, 12]]);
-	var root_1$2 = add_locations(template(`<ul></ul>`), DropdownListItemsSingle[FILENAME], [[111, 4]]);
+	var root_3$1 = template(`<span class="qc-sr-only"><!></span>`);
+	var root_2$3 = template(`<li tabindex="0" role="option"><!></li>`);
+	var root_1$2 = template(`<ul></ul>`);
 
 	function DropdownListItemsSingle($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		const selectedElementCLass = "qc-dropdown-list-single-selected";
@@ -12135,7 +11197,7 @@
 
 		function focusOnFirstMatchingElement(passedValue) {
 			if (get(displayedItemsElements) && get(displayedItemsElements).length > 0) {
-				const foundElement = get(displayedItemsElements).find((el) => strict_equals(el.dataset.itemValue.toString(), passedValue.toString()));
+				const foundElement = get(displayedItemsElements).find((el) => el.dataset.itemValue.toString() === passedValue.toString());
 
 				if (foundElement) {
 					foundElement.focus();
@@ -12147,8 +11209,8 @@
 			event.preventDefault();
 
 			if (!item.disabled) {
-				items().forEach((item) => assign(item, 'checked', false, 'src/​sdg/​components/​DropdownList/​DropdownListItems/​DropdownListItemsSingle/​DropdownListItemsSingle.svelte:45:34'));
-				items().find((option) => strict_equals(option.value, item.value)).checked = true;
+				items().forEach((item) => item.checked = false);
+				items().find((option) => option.value === item.value).checked = true;
 				selectionCallback()();
 			}
 		}
@@ -12158,7 +11220,7 @@
 		}
 
 		function handleComboKey(event, index, item) {
-			if (strict_equals(event.key, "ArrowDown")) {
+			if (event.key === "ArrowDown") {
 				event.preventDefault();
 				event.stopPropagation();
 
@@ -12167,7 +11229,7 @@
 				}
 			}
 
-			if (strict_equals(event.key, "ArrowUp")) {
+			if (event.key === "ArrowUp") {
 				event.preventDefault();
 				event.stopPropagation();
 
@@ -12178,7 +11240,7 @@
 				}
 			}
 
-			if (strict_equals(event.key, "Enter") || strict_equals(event.key, " ")) {
+			if (event.key === "Enter" || event.key === " ") {
 				handleSelection(event, item);
 			}
 
@@ -12198,7 +11260,7 @@
 		}
 
 		function canExit(event, index) {
-			return strict_equals(event.key, "Escape") || !event.shiftKey && strict_equals(event.key, "Tab") && strict_equals(index, displayedItems().length - 1);
+			return event.key === "Escape" || !event.shiftKey && event.key === "Tab" && index === displayedItems().length - 1;
 		}
 
 		function itemsHaveIds() {
@@ -12220,8 +11282,6 @@
 			var consequent_1 = ($$anchor) => {
 				var ul = root_1$2();
 
-				validate_each_keys(displayedItems, (item) => item.id);
-
 				each(ul, 23, displayedItems, (item) => item.id, ($$anchor, item, index) => {
 					var li = root_2$3();
 
@@ -12254,7 +11314,6 @@
 					}
 
 					reset(li);
-					validate_binding('bind:this={displayedItemsElements[index]}', () => get(displayedItemsElements), () => get(index));
 					bind_this(li, ($$value, index) => get(displayedItemsElements)[index] = $$value, (index) => get(displayedItemsElements)?.[index], () => [get(index)]);
 
 					template_effect(() => {
@@ -12285,15 +11344,9 @@
 		append($$anchor, fragment);
 
 		return pop({
-			get focusOnFirstElement() {
-				return focusOnFirstElement;
-			},
-			get focusOnLastElement() {
-				return focusOnLastElement;
-			},
-			get focusOnFirstMatchingElement() {
-				return focusOnFirstMatchingElement;
-			},
+			focusOnFirstElement,
+			focusOnLastElement,
+			focusOnFirstMatchingElement,
 			get items() {
 				return items();
 			},
@@ -12342,8 +11395,7 @@
 			set handlePrintableCharacter($$value = () => {}) {
 				handlePrintableCharacter($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -12369,32 +11421,17 @@
 		true
 	);
 
-	DropdownListItemsMultiple[FILENAME] = 'src/sdg/components/DropdownList/DropdownListItems/DropdownListItemsMultiple/DropdownListItemsMultiple.svelte';
-
 	function handleChange(_, selectionCallback) {
 		selectionCallback()();
 	}
 
 	var on_click = (e, handleLiClick, item) => handleLiClick(e, get(item));
-
-	var root_2$2 = add_locations(template(`<li><label class="qc-choicefield-label" compact=""><input type="checkbox" class="qc-choicefield qc-compact"> <span> </span></label></li>`), DropdownListItemsMultiple[FILENAME], [
-		[
-			153,
-			12,
-			[
-				[163, 16, [[168, 20], [180, 20]]]
-			]
-		]
-	]);
-
-	var root_1$1 = add_locations(template(`<ul></ul>`), DropdownListItemsMultiple[FILENAME], [[147, 4]]);
+	var root_2$2 = template(`<li><label class="qc-choicefield-label" compact=""><input type="checkbox" class="qc-choicefield qc-compact"> <span> </span></label></li>`);
+	var root_1$1 = template(`<ul></ul>`);
 
 	function DropdownListItemsMultiple($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
-		var $$ownership_validator = create_ownership_validator($$props);
-
 		let displayedItems = prop($$props, 'displayedItems', 7),
 			handleExit = prop($$props, 'handleExit', 7, () => {}),
 			selectionCallback = prop($$props, 'selectionCallback', 7, () => {}),
@@ -12439,7 +11476,7 @@
 		}
 
 		function handleComboKey(event, index) {
-			if (strict_equals(event.key, "ArrowDown")) {
+			if (event.key === "ArrowDown") {
 				event.preventDefault();
 				event.stopPropagation();
 
@@ -12452,7 +11489,7 @@
 				}
 			}
 
-			if (strict_equals(event.key, "ArrowUp")) {
+			if (event.key === "ArrowUp") {
 				event.preventDefault();
 				event.stopPropagation();
 
@@ -12467,13 +11504,13 @@
 				}
 			}
 
-			if (strict_equals(event.key, "Enter")) {
+			if (event.key === "Enter") {
 				event.preventDefault();
 				event.stopPropagation();
 
 				if (displayedItems().length > 0 && !displayedItems()[index].disabled) {
 					event.target.checked = !event.target.checked;
-					$$ownership_validator.mutation('displayedItems', ['displayedItems', index, 'checked'], displayedItems()[index].checked = event.target.checked, 86, 16);
+					displayedItems()[index].checked = event.target.checked;
 				}
 			}
 
@@ -12493,10 +11530,10 @@
 		}
 
 		function handleLiKeyDown(event, index) {
-			if (strict_equals(event.target.tagName, "INPUT", false)) {
+			if (event.target.tagName !== "INPUT") {
 				handleKeyDown(event, index);
 
-				if (strict_equals(event.key, "Tab", false)) {
+				if (event.key !== "Tab") {
 					event.preventDefault();
 					event.stopPropagation();
 				}
@@ -12504,7 +11541,7 @@
 		}
 
 		function handleLiClick(event, item) {
-			if (strict_equals(event.target.tagName, "INPUT", false)) {
+			if (event.target.tagName !== "INPUT") {
 				event.preventDefault();
 				event.stopPropagation();
 
@@ -12515,7 +11552,7 @@
 		}
 
 		function canExit(event, index) {
-			return strict_equals(event.key, "Escape") || !event.shiftKey && strict_equals(event.key, "Tab") && strict_equals(index, displayedItems().length - 1);
+			return event.key === "Escape" || !event.shiftKey && event.key === "Tab" && index === displayedItems().length - 1;
 		}
 
 		function itemsHaveIds() {
@@ -12537,8 +11574,6 @@
 			var consequent = ($$anchor) => {
 				var ul = root_1$1();
 
-				validate_each_keys(displayedItems, (item) => item.id);
-
 				each(ul, 23, displayedItems, (item) => item.id, ($$anchor, item, index) => {
 					var li = root_2$2();
 
@@ -12555,8 +11590,6 @@
 					set_attribute(input, 'name', name);
 					input.__change = [handleChange, selectionCallback];
 					input.__keydown = (e) => handleKeyDown(e, get(index));
-					validate_binding('bind:checked={item.checked}', () => get(item), () => 'checked');
-					validate_binding('bind:this={displayedItemsElements[index]}', () => get(displayedItemsElements), () => get(index));
 					bind_this(input, ($$value, index) => get(displayedItemsElements)[index] = $$value, (index) => get(displayedItemsElements)?.[index], () => [get(index)]);
 
 					var span = sibling(input, 2);
@@ -12600,15 +11633,9 @@
 		append($$anchor, fragment);
 
 		return pop({
-			get focusOnFirstElement() {
-				return focusOnFirstElement;
-			},
-			get focusOnLastElement() {
-				return focusOnLastElement;
-			},
-			get focusOnFirstMatchingElement() {
-				return focusOnFirstMatchingElement;
-			},
+			focusOnFirstElement,
+			focusOnLastElement,
+			focusOnFirstMatchingElement,
 			get displayedItems() {
 				return displayedItems();
 			},
@@ -12643,8 +11670,7 @@
 			set handlePrintableCharacter($$value = () => {}) {
 				handlePrintableCharacter($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -12668,13 +11694,10 @@
 		true
 	);
 
-	DropdownListItems[FILENAME] = 'src/sdg/components/DropdownList/DropdownListItems/DropdownListItems.svelte';
-
-	var root_4 = add_locations(template(`<span class="qc-dropdown-list-no-options"><!></span>`), DropdownListItems[FILENAME], [[105, 16]]);
-	var root$3 = add_locations(template(`<div class="qc-dropdown-list-items" tabindex="-1"><!> <div class="qc-dropdown-list-no-options-container" role="status"><!></div></div>`), DropdownListItems[FILENAME], [[67, 0, [[102, 4]]]]);
+	var root_4 = template(`<span class="qc-dropdown-list-no-options"><!></span>`);
+	var root$3 = template(`<div class="qc-dropdown-list-items" tabindex="-1"><!> <div class="qc-dropdown-list-no-options-container" role="status"><!></div></div>`);
 
 	function DropdownListItems($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		let id = prop($$props, 'id', 7),
@@ -12839,15 +11862,9 @@
 		append($$anchor, div);
 
 		return pop({
-			get focus() {
-				return focus;
-			},
-			get focusOnLastElement() {
-				return focusOnLastElement;
-			},
-			get focusOnFirstMatchingElement() {
-				return focusOnFirstMatchingElement;
-			},
+			focus,
+			focusOnLastElement,
+			focusOnFirstMatchingElement,
 			get id() {
 				return id();
 			},
@@ -12938,8 +11955,7 @@
 			set placeholder($$value) {
 				placeholder($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -12969,14 +11985,11 @@
 		true
 	);
 
-	DropdownListButton[FILENAME] = 'src/sdg/components/DropdownList/DropdownListButton/DropdownListButton.svelte';
-
-	var root_1 = add_locations(template(`<span class="qc-dropdown-choice"><!></span>`), DropdownListButton[FILENAME], [[29, 8]]);
-	var root_2$1 = add_locations(template(`<span class="qc-dropdown-placeholder"><!></span>`), DropdownListButton[FILENAME], [[31, 8]]);
-	var root$2 = add_locations(template(`<button><!> <span><!></span></button>`), DropdownListButton[FILENAME], [[19, 0, [[34, 4]]]]);
+	var root_1 = template(`<span class="qc-dropdown-choice"><!></span>`);
+	var root_2$1 = template(`<span class="qc-dropdown-placeholder"><!></span>`);
+	var root$2 = template(`<button><!> <span><!></span></button>`);
 
 	function DropdownListButton($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
 		let inputId = prop($$props, 'inputId', 7),
@@ -12984,19 +11997,17 @@
 			disabled = prop($$props, 'disabled', 7),
 			selectedOptionsText = prop($$props, 'selectedOptionsText', 7, ""),
 			placeholder = prop($$props, 'placeholder', 7),
-			rest = rest_props(
-				$$props,
-				[
-					'$$slots',
-					'$$events',
-					'$$legacy',
-					'$$host',
-					'inputId',
-					'expanded',
-					'disabled',
-					'selectedOptionsText',
-					'placeholder'
-				]);
+			rest = rest_props($$props, [
+				'$$slots',
+				'$$events',
+				'$$legacy',
+				'$$host',
+				'inputId',
+				'expanded',
+				'disabled',
+				'selectedOptionsText',
+				'placeholder'
+			]);
 
 		let button;
 
@@ -13067,9 +12078,7 @@
 		append($$anchor, button_1);
 
 		return pop({
-			get focus() {
-				return focus;
-			},
+			focus,
 			get inputId() {
 				return inputId();
 			},
@@ -13104,8 +12113,7 @@
 			set placeholder($$value) {
 				placeholder($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -13123,36 +12131,13 @@
 		true
 	);
 
-	DropdownList[FILENAME] = 'src/sdg/components/DropdownList/DropdownList.svelte';
-
-	var root_2 = add_locations(template(`<div class="qc-dropdown-list-search"><!></div>`), DropdownList[FILENAME], [[337, 20]]);
-	var root_3 = add_locations(template(`<span> </span>`), DropdownList[FILENAME], [[379, 24]]);
-
-	var root$1 = add_locations(template(`<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], [
-		[
-			274,
-			0,
-			[
-				[
-					281,
-					4,
-					[
-						[
-							301,
-							8,
-							[[328, 12, [[377, 16]]]]
-						]
-					]
-				]
-			]
-		]
-	]);
+	var root_2 = template(`<div class="qc-dropdown-list-search"><!></div>`);
+	var root_3 = template(`<span> </span>`);
+	var root$1 = template(`<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>`);
 
 	function DropdownList($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
-		var $$ownership_validator = create_ownership_validator($$props);
 		const lang = Utils.getPageLanguage();
 
 		let id = prop($$props, 'id', 23, () => Math.random().toString(36).substring(2, 15)),
@@ -13162,7 +12147,7 @@
 			items = prop($$props, 'items', 23, () => []),
 			value = prop($$props, 'value', 31, () => proxy([])),
 			placeholder = prop($$props, 'placeholder', 7),
-			noOptionsMessage = prop($$props, 'noOptionsMessage', 23, () => strict_equals(lang, "fr") ? "Aucun élément" : "No item"),
+			noOptionsMessage = prop($$props, 'noOptionsMessage', 7, lang === "fr" ? "Aucun élément" : "No item"),
 			enableSearch = prop($$props, 'enableSearch', 7, false),
 			required = prop($$props, 'required', 7, false),
 			disabled = prop($$props, 'disabled', 7, false),
@@ -13175,7 +12160,7 @@
 			webComponentMode = prop($$props, 'webComponentMode', 7, false),
 			webComponentParentRow = prop($$props, 'webComponentParentRow', 7);
 
-		const defaultPlaceholder = strict_equals(lang, "fr") ? "Faire une sélection" : "Select an option",
+		const defaultPlaceholder = lang === "fr" ? "Faire une sélection" : "Select an option",
 			inputId = `${id()}-input`,
 			popupId = `${id()}-popup`,
 			itemsId = `${id()}-items`,
@@ -13191,7 +12176,7 @@
 			selectedItems = user_derived(() => items().filter((item) => item.checked) ?? []),
 			selectedOptionsText = user_derived(() => {
 				if (get(selectedItems).length >= 3) {
-					if (strict_equals(lang, "fr")) {
+					if (lang === "fr") {
 						return `${get(selectedItems).length} options sélectionnées`;
 					}
 
@@ -13234,7 +12219,7 @@
 				const s = get(displayedItems).length > 1 ? "s" : "";
 
 				if (get(displayedItems).length > 0) {
-					return strict_equals(lang, "fr") ? `${get(displayedItems).length} résultat${s} disponible${s}. Utilisez les flèches directionnelles haut et bas pour vous déplacer dans la liste.` : `${get(displayedItems).length} result${s} available. Use up and down arrow keys to navigate through the list.`;
+					return lang === "fr" ? `${get(displayedItems).length} résultat${s} disponible${s}. Utilisez les flèches directionnelles haut et bas pour vous déplacer dans la liste.` : `${get(displayedItems).length} result${s} available. Use up and down arrow keys to navigate through the list.`;
 				}
 
 				return "";
@@ -13265,27 +12250,27 @@
 			// Le changement de focus a lieu après le lancement de l'événement clavier.
 			// Il faut donc faire un court sleep pour avoir le nouvel élément en focus.
 			Utils.sleep(5).then(() => {
-				if (strict_equals(event.key, "Tab") && !Utils.componentIsActive(get(instance))) {
+				if (event.key === "Tab" && !Utils.componentIsActive(get(instance))) {
 					set(expanded, false);
 				}
 			}).catch(console.error);
 		}
 
 		function handleEscape(event) {
-			if (strict_equals(event.key, "Escape")) {
+			if (event.key === "Escape") {
 				set(expanded, false);
 			}
 		}
 
 		function handleArrowUp(event, targetComponent) {
-			if (strict_equals(event.key, "ArrowUp") && targetComponent) {
+			if (event.key === "ArrowUp" && targetComponent) {
 				event.preventDefault();
 				targetComponent.focus();
 			}
 		}
 
 		function handleArrowDown(event, targetComponent) {
-			if (strict_equals(event.key, "ArrowDown") && targetComponent) {
+			if (event.key === "ArrowDown" && targetComponent) {
 				event.preventDefault();
 				set(expanded, true);
 				targetComponent.focus();
@@ -13296,7 +12281,7 @@
 			handleEscape(event);
 			handleTab(event);
 
-			if (strict_equals(event.key, "ArrowDown")) {
+			if (event.key === "ArrowDown") {
 				event.preventDefault();
 
 				if (get(expanded)) {
@@ -13307,7 +12292,7 @@
 				}
 			}
 
-			if (strict_equals(event.key, "ArrowUp")) {
+			if (event.key === "ArrowUp") {
 				event.preventDefault();
 
 				if (get(expanded)) {
@@ -13340,7 +12325,7 @@
 			set(expanded, false);
 			set(hiddenSearchText, "");
 
-			if (strict_equals(key, "Escape") && get(button)) {
+			if (key === "Escape" && get(button)) {
 				get(button).focus();
 			}
 		}
@@ -13362,7 +12347,7 @@
 		});
 
 		user_effect(() => {
-			if (strict_equals(get(previousValue)?.toString(), value()?.toString(), false)) {
+			if (get(previousValue)?.toString() !== value()?.toString()) {
 				invalid(false);
 			}
 		});
@@ -13377,7 +12362,7 @@
 		user_effect(() => {
 			const tempValue = get(selectedItems)?.map((item) => item.value);
 
-			if (strict_equals(tempValue?.toString(), "", false)) {
+			if (tempValue?.toString() !== "") {
 				value(tempValue);
 			} else {
 				value([]);
@@ -13404,11 +12389,11 @@
 			const optionWithEmptyValue = findOptionWithEmptyValue();
 
 			if (!optionWithEmptyValue) return;
-			placeholder(strict_equals(optionWithEmptyValue.label, "", false) ? optionWithEmptyValue.label : defaultPlaceholder);
+			placeholder(optionWithEmptyValue.label !== "" ? optionWithEmptyValue.label : defaultPlaceholder);
 		});
 
 		function findOptionWithEmptyValue() {
-			return items()?.find((item) => strict_equals(item.value, "") || strict_equals(item.value, null) || strict_equals(item.value, undefined));
+			return items()?.find((item) => item.value === "" || item.value === null || item.value === undefined);
 		}
 
 		var div = root$1();
@@ -13513,7 +12498,7 @@
 							handleArrowDown(e, get(dropdownItems));
 							handleArrowUp(e, get(button));
 
-							if (strict_equals(e.key, "Enter")) {
+							if (e.key === "Enter") {
 								e.preventDefault();
 							}
 						},
@@ -13539,49 +12524,45 @@
 
 		var node_4 = sibling(node_2, 2);
 
-		{
-			$$ownership_validator.binding('value', DropdownListItems, value);
-
-			bind_this(
-				DropdownListItems(node_4, {
-					id: itemsId,
-					get enableSearch() {
-						return enableSearch();
-					},
-					get placeholder() {
-						return placeholder();
-					},
-					get multiple() {
-						return multiple();
-					},
-					get items() {
-						return items();
-					},
-					get displayedItems() {
-						return get(displayedItems);
-					},
-					get noOptionsMessage() {
-						return noOptionsMessage();
-					},
-					selectionCallbackSingle: () => {
-						closeDropdown("");
-						get(button)?.focus();
-					},
-					handleExitSingle: (key) => closeDropdown(key),
-					handleExitMultiple: (key) => closeDropdown(key),
-					focusOnOuterElement: () => enableSearch() ? get(searchInput)?.focus() : get(button)?.focus(),
-					handlePrintableCharacter,
-					get value() {
-						return value();
-					},
-					set value($$value) {
-						value($$value);
-					}
-				}),
-				($$value) => set(dropdownItems, $$value, true),
-				() => get(dropdownItems)
-			);
-		}
+		bind_this(
+			DropdownListItems(node_4, {
+				id: itemsId,
+				get enableSearch() {
+					return enableSearch();
+				},
+				get placeholder() {
+					return placeholder();
+				},
+				get multiple() {
+					return multiple();
+				},
+				get items() {
+					return items();
+				},
+				get displayedItems() {
+					return get(displayedItems);
+				},
+				get noOptionsMessage() {
+					return noOptionsMessage();
+				},
+				selectionCallbackSingle: () => {
+					closeDropdown("");
+					get(button)?.focus();
+				},
+				handleExitSingle: (key) => closeDropdown(key),
+				handleExitMultiple: (key) => closeDropdown(key),
+				focusOnOuterElement: () => enableSearch() ? get(searchInput)?.focus() : get(button)?.focus(),
+				handlePrintableCharacter,
+				get value() {
+					return value();
+				},
+				set value($$value) {
+					value($$value);
+				}
+			}),
+			($$value) => set(dropdownItems, $$value, true),
+			() => get(dropdownItems)
+		);
 
 		var div_5 = sibling(node_4, 2);
 		var node_5 = child(div_5);
@@ -13604,29 +12585,25 @@
 		var node_6 = sibling(div_1, 2);
 		const expression_1 = user_derived(() => label() ?? ariaLabel());
 
-		{
-			$$ownership_validator.binding('errorElement', FormError, errorElement);
-
-			FormError(node_6, {
-				id: errorId,
-				get invalid() {
-					return invalid();
-				},
-				get invalidText() {
-					return invalidText();
-				},
-				extraClasses: ["qc-xs-mt"],
-				get label() {
-					return get(expression_1);
-				},
-				get rootElement() {
-					return errorElement();
-				},
-				set rootElement($$value) {
-					errorElement($$value);
-				}
-			});
-		}
+		FormError(node_6, {
+			id: errorId,
+			get invalid() {
+				return invalid();
+			},
+			get invalidText() {
+				return invalidText();
+			},
+			extraClasses: ["qc-xs-mt"],
+			get label() {
+				return get(expression_1);
+			},
+			get rootElement() {
+				return errorElement();
+			},
+			set rootElement($$value) {
+				errorElement($$value);
+			}
+		});
 
 		reset(div);
 		bind_this(div, ($$value) => rootElement($$value), () => rootElement());
@@ -13790,8 +12767,7 @@
 			set webComponentParentRow($$value) {
 				webComponentParentRow($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}
 
@@ -13823,16 +12799,11 @@
 		true
 	);
 
-	SelectWC[FILENAME] = 'src/sdg/components/DropdownList/SelectWC.svelte';
-
-	var root = add_locations(template(`<div hidden><!></div> <!> <link rel="stylesheet">`, 1), SelectWC[FILENAME], [[137, 0], [158, 0]]);
+	var root = template(`<div hidden><!></div> <!> <link rel="stylesheet">`, 1);
 
 	function SelectWC($$anchor, $$props) {
-		check_target(new.target);
 		push($$props, true);
 
-		var $$ownership_validator = create_ownership_validator($$props);
-
 		let invalid = prop($$props, 'invalid', 15, false),
 			value = prop($$props, 'value', 31, () => proxy([])),
 			multiple = prop($$props, 'multiple', 7),
@@ -13841,22 +12812,20 @@
 			label = prop($$props, 'label', 7),
 			placeholder = prop($$props, 'placeholder', 7),
 			width = prop($$props, 'width', 7),
-			rest = rest_props(
-				$$props,
-				[
-					'$$slots',
-					'$$events',
-					'$$legacy',
-					'$$host',
-					'invalid',
-					'value',
-					'multiple',
-					'disabled',
-					'required',
-					'label',
-					'placeholder',
-					'width'
-				]);
+			rest = rest_props($$props, [
+				'$$slots',
+				'$$events',
+				'$$legacy',
+				'$$host',
+				'invalid',
+				'value',
+				'multiple',
+				'disabled',
+				'required',
+				'label',
+				'placeholder',
+				'width'
+			]);
 
 		const availableWidths = ["xs", "sm", "md", "lg", "xl"];
 		let selectElement = state(void 0);
@@ -13968,70 +12937,65 @@
 		var node_1 = sibling(div, 2);
 		const expression = user_derived(() => get(selectElement)?.getAttribute("aria-label"));
 
-		{
-			$$ownership_validator.binding('value', DropdownList, value);
-			$$ownership_validator.binding('invalid', DropdownList, invalid);
-
-			DropdownList(node_1, spread_props(
-				{
-					get label() {
-						return label();
-					},
-					get ariaLabel() {
-						return get(expression);
-					},
-					get items() {
-						return get(items);
-					},
-					get placeholder() {
-						return placeholder();
-					},
-					get width() {
-						return width();
-					},
-					webComponentMode: true,
-					get webComponentParentRow() {
-						return get(parentRow);
-					},
-					get multiple() {
-						return multiple();
-					},
-					get disabled() {
-						return disabled();
-					},
-					get required() {
-						return required();
-					}
+		DropdownList(node_1, spread_props(
+			{
+				get label() {
+					return label();
 				},
-				() => rest,
-				{
-					get value() {
-						return value();
-					},
-					set value($$value) {
-						value($$value);
-					},
-					get errorElement() {
-						return get(errorElement);
-					},
-					set errorElement($$value) {
-						set(errorElement, $$value, true);
-					},
-					get invalid() {
-						return invalid();
-					},
-					set invalid($$value) {
-						invalid($$value);
-					},
-					get rootElement() {
-						return get(instance);
-					},
-					set rootElement($$value) {
-						set(instance, $$value, true);
-					}
+				get ariaLabel() {
+					return get(expression);
+				},
+				get items() {
+					return get(items);
+				},
+				get placeholder() {
+					return placeholder();
+				},
+				get width() {
+					return width();
+				},
+				webComponentMode: true,
+				get webComponentParentRow() {
+					return get(parentRow);
+				},
+				get multiple() {
+					return multiple();
+				},
+				get disabled() {
+					return disabled();
+				},
+				get required() {
+					return required();
 				}
-			));
-		}
+			},
+			() => rest,
+			{
+				get value() {
+					return value();
+				},
+				set value($$value) {
+					value($$value);
+				},
+				get errorElement() {
+					return get(errorElement);
+				},
+				set errorElement($$value) {
+					set(errorElement, $$value, true);
+				},
+				get invalid() {
+					return invalid();
+				},
+				set invalid($$value) {
+					invalid($$value);
+				},
+				get rootElement() {
+					return get(instance);
+				},
+				set rootElement($$value) {
+					set(instance, $$value, true);
+				}
+			}
+		));
 
 		var link = sibling(node_1, 2);
 
@@ -14094,8 +13058,7 @@
 			set width($$value) {
 				width($$value);
 				flushSync();
-			},
-			...legacy_api()
+			}
 		});
 	}