svelte-on-rails 0.0.30 → 0.0.32

data/lib/svelte_on_rails/node_modules/svelte/src/internal/client/dom/elements/bindings/input.js

@@ -1,275 +0,0 @@
-import { DEV } from 'esm-env';
-import { render_effect, teardown } from '../../../reactivity/effects.js';
-import { listen_to_event_and_reset_event } from './shared.js';
-import * as e from '../../../errors.js';
-import { is } from '../../../proxy.js';
-import { queue_micro_task } from '../../task.js';
-import { hydrating } from '../../hydration.js';
-import { untrack } from '../../../runtime.js';
-import { is_runes } from '../../../context.js';
-
-/**
- * @param {HTMLInputElement} input
- * @param {() => unknown} get
- * @param {(value: unknown) => void} set
- * @returns {void}
- */
-export function bind_value(input, get, set = get) {
-	var runes = is_runes();
-
-	listen_to_event_and_reset_event(input, 'input', (is_reset) => {
-		if (DEV && input.type === 'checkbox') {
-			// TODO should this happen in prod too?
-			e.bind_invalid_checkbox_value();
-		}
-
-		/** @type {any} */
-		var value = is_reset ? input.defaultValue : input.value;
-		value = is_numberlike_input(input) ? to_number(value) : value;
-		set(value);
-
-		// In runes mode, respect any validation in accessors (doesn't apply in legacy mode,
-		// because we use mutable state which ensures the render effect always runs)
-		if (runes && value !== (value = get())) {
-			var start = input.selectionStart;
-			var end = input.selectionEnd;
-
-			// the value is coerced on assignment
-			input.value = value ?? '';
-
-			// Restore selection
-			if (end !== null) {
-				input.selectionStart = start;
-				input.selectionEnd = Math.min(end, input.value.length);
-			}
-		}
-	});
-
-	if (
-		// If we are hydrating and the value has since changed,
-		// then use the updated value from the input instead.
-		(hydrating && input.defaultValue !== input.value) ||
-		// If defaultValue is set, then value == defaultValue
-		// TODO Svelte 6: remove input.value check and set to empty string?
-		(untrack(get) == null && input.value)
-	) {
-		set(is_numberlike_input(input) ? to_number(input.value) : input.value);
-	}
-
-	render_effect(() => {
-		if (DEV && input.type === 'checkbox') {
-			// TODO should this happen in prod too?
-			e.bind_invalid_checkbox_value();
-		}
-
-		var value = get();
-
-		if (is_numberlike_input(input) && value === to_number(input.value)) {
-			// handles 0 vs 00 case (see https://github.com/sveltejs/svelte/issues/9959)
-			return;
-		}
-
-		if (input.type === 'date' && !value && !input.value) {
-			// Handles the case where a temporarily invalid date is set (while typing, for example with a leading 0 for the day)
-			// and prevents this state from clearing the other parts of the date input (see https://github.com/sveltejs/svelte/issues/7897)
-			return;
-		}
-
-		// don't set the value of the input if it's the same to allow
-		// minlength to work properly
-		if (value !== input.value) {
-			// @ts-expect-error the value is coerced on assignment
-			input.value = value ?? '';
-		}
-	});
-}
-
-/** @type {Set<HTMLInputElement[]>} */
-const pending = new Set();
-
-/**
- * @param {HTMLInputElement[]} inputs
- * @param {null | [number]} group_index
- * @param {HTMLInputElement} input
- * @param {() => unknown} get
- * @param {(value: unknown) => void} set
- * @returns {void}
- */
-export function bind_group(inputs, group_index, input, get, set = get) {
-	var is_checkbox = input.getAttribute('type') === 'checkbox';
-	var binding_group = inputs;
-
-	// needs to be let or related code isn't treeshaken out if it's always false
-	let hydration_mismatch = false;
-
-	if (group_index !== null) {
-		for (var index of group_index) {
-			// @ts-expect-error
-			binding_group = binding_group[index] ??= [];
-		}
-	}
-
-	binding_group.push(input);
-
-	listen_to_event_and_reset_event(
-		input,
-		'change',
-		() => {
-			// @ts-ignore
-			var value = input.__value;
-
-			if (is_checkbox) {
-				value = get_binding_group_value(binding_group, value, input.checked);
-			}
-
-			set(value);
-		},
-		// TODO better default value handling
-		() => set(is_checkbox ? [] : null)
-	);
-
-	render_effect(() => {
-		var value = get();
-
-		// If we are hydrating and the value has since changed, then use the update value
-		// from the input instead.
-		if (hydrating && input.defaultChecked !== input.checked) {
-			hydration_mismatch = true;
-			return;
-		}
-
-		if (is_checkbox) {
-			value = value || [];
-			// @ts-ignore
-			input.checked = value.includes(input.__value);
-		} else {
-			// @ts-ignore
-			input.checked = is(input.__value, value);
-		}
-	});
-
-	teardown(() => {
-		var index = binding_group.indexOf(input);
-
-		if (index !== -1) {
-			binding_group.splice(index, 1);
-		}
-	});
-
-	if (!pending.has(binding_group)) {
-		pending.add(binding_group);
-
-		queue_micro_task(() => {
-			// necessary to maintain binding group order in all insertion scenarios
-			binding_group.sort((a, b) => (a.compareDocumentPosition(b) === 4 ? -1 : 1));
-			pending.delete(binding_group);
-		});
-	}
-
-	queue_micro_task(() => {
-		if (hydration_mismatch) {
-			var value;
-
-			if (is_checkbox) {
-				value = get_binding_group_value(binding_group, value, input.checked);
-			} else {
-				var hydration_input = binding_group.find((input) => input.checked);
-				// @ts-ignore
-				value = hydration_input?.__value;
-			}
-
-			set(value);
-		}
-	});
-}
-
-/**
- * @param {HTMLInputElement} input
- * @param {() => unknown} get
- * @param {(value: unknown) => void} set
- * @returns {void}
- */
-export function bind_checked(input, get, set = get) {
-	listen_to_event_and_reset_event(input, 'change', (is_reset) => {
-		var value = is_reset ? input.defaultChecked : input.checked;
-		set(value);
-	});
-
-	if (
-		// If we are hydrating and the value has since changed,
-		// then use the update value from the input instead.
-		(hydrating && input.defaultChecked !== input.checked) ||
-		// If defaultChecked is set, then checked == defaultChecked
-		untrack(get) == null
-	) {
-		set(input.checked);
-	}
-
-	render_effect(() => {
-		var value = get();
-		input.checked = Boolean(value);
-	});
-}
-
-/**
- * @template V
- * @param {Array<HTMLInputElement>} group
- * @param {V} __value
- * @param {boolean} checked
- * @returns {V[]}
- */
-function get_binding_group_value(group, __value, checked) {
-	var value = new Set();
-
-	for (var i = 0; i < group.length; i += 1) {
-		if (group[i].checked) {
-			// @ts-ignore
-			value.add(group[i].__value);
-		}
-	}
-
-	if (!checked) {
-		value.delete(__value);
-	}
-
-	return Array.from(value);
-}
-
-/**
- * @param {HTMLInputElement} input
- */
-function is_numberlike_input(input) {
-	var type = input.type;
-	return type === 'number' || type === 'range';
-}
-
-/**
- * @param {string} value
- */
-function to_number(value) {
-	return value === '' ? null : +value;
-}
-
-/**
- * @param {HTMLInputElement} input
- * @param {() => FileList | null} get
- * @param {(value: FileList | null) => void} set
- */
-export function bind_files(input, get, set = get) {
-	listen_to_event_and_reset_event(input, 'change', () => {
-		set(input.files);
-	});
-
-	if (
-		// If we are hydrating and the value has since changed,
-		// then use the updated value from the input instead.
-		hydrating &&
-		input.files
-	) {
-		set(input.files);
-	}
-
-	render_effect(() => {
-		input.files = get();
-	});
-}

data/lib/svelte_on_rails/node_modules/svelte/src/internal/client/dom/elements/bindings/media.js

@@ -1,217 +0,0 @@
-import { hydrating } from '../../hydration.js';
-import { render_effect, effect, teardown } from '../../../reactivity/effects.js';
-import { listen } from './shared.js';
-
-/** @param {TimeRanges} ranges */
-function time_ranges_to_array(ranges) {
-	var array = [];
-
-	for (var i = 0; i < ranges.length; i += 1) {
-		array.push({ start: ranges.start(i), end: ranges.end(i) });
-	}
-
-	return array;
-}
-
-/**
- * @param {HTMLVideoElement | HTMLAudioElement} media
- * @param {() => number | undefined} get
- * @param {(value: number) => void} set
- * @returns {void}
- */
-export function bind_current_time(media, get, set = get) {
-	/** @type {number} */
-	var raf_id;
-	/** @type {number} */
-	var value;
-
-	// Ideally, listening to timeupdate would be enough, but it fires too infrequently for the currentTime
-	// binding, which is why we use a raf loop, too. We additionally still listen to timeupdate because
-	// the user could be scrubbing through the video using the native controls when the media is paused.
-	var callback = () => {
-		cancelAnimationFrame(raf_id);
-
-		if (!media.paused) {
-			raf_id = requestAnimationFrame(callback);
-		}
-
-		var next_value = media.currentTime;
-		if (value !== next_value) {
-			set((value = next_value));
-		}
-	};
-
-	raf_id = requestAnimationFrame(callback);
-	media.addEventListener('timeupdate', callback);
-
-	render_effect(() => {
-		var next_value = Number(get());
-
-		if (value !== next_value && !isNaN(/** @type {any} */ (next_value))) {
-			media.currentTime = value = next_value;
-		}
-	});
-
-	teardown(() => {
-		cancelAnimationFrame(raf_id);
-		media.removeEventListener('timeupdate', callback);
-	});
-}
-
-/**
- * @param {HTMLVideoElement | HTMLAudioElement} media
- * @param {(array: Array<{ start: number; end: number }>) => void} set
- */
-export function bind_buffered(media, set) {
-	listen(media, ['loadedmetadata', 'progress'], () => set(time_ranges_to_array(media.buffered)));
-}
-
-/**
- * @param {HTMLVideoElement | HTMLAudioElement} media
- * @param {(array: Array<{ start: number; end: number }>) => void} set
- */
-export function bind_seekable(media, set) {
-	listen(media, ['loadedmetadata'], () => set(time_ranges_to_array(media.seekable)));
-}
-
-/**
- * @param {HTMLVideoElement | HTMLAudioElement} media
- * @param {(array: Array<{ start: number; end: number }>) => void} set
- */
-export function bind_played(media, set) {
-	listen(media, ['timeupdate'], () => set(time_ranges_to_array(media.played)));
-}
-
-/**
- * @param {HTMLVideoElement | HTMLAudioElement} media
- * @param {(seeking: boolean) => void} set
- */
-export function bind_seeking(media, set) {
-	listen(media, ['seeking', 'seeked'], () => set(media.seeking));
-}
-
-/**
- * @param {HTMLVideoElement | HTMLAudioElement} media
- * @param {(seeking: boolean) => void} set
- */
-export function bind_ended(media, set) {
-	listen(media, ['timeupdate', 'ended'], () => set(media.ended));
-}
-
-/**
- * @param {HTMLVideoElement | HTMLAudioElement} media
- * @param {(ready_state: number) => void} set
- */
-export function bind_ready_state(media, set) {
-	listen(
-		media,
-		['loadedmetadata', 'loadeddata', 'canplay', 'canplaythrough', 'playing', 'waiting', 'emptied'],
-		() => set(media.readyState)
-	);
-}
-
-/**
- * @param {HTMLVideoElement | HTMLAudioElement} media
- * @param {() => number | undefined} get
- * @param {(playback_rate: number) => void} set
- */
-export function bind_playback_rate(media, get, set = get) {
-	// Needs to happen after element is inserted into the dom (which is guaranteed by using effect),
-	// else playback will be set back to 1 by the browser
-	effect(() => {
-		var value = Number(get());
-
-		if (value !== media.playbackRate && !isNaN(value)) {
-			media.playbackRate = value;
-		}
-	});
-
-	// Start listening to ratechange events after the element is inserted into the dom,
-	// else playback will be set to 1 by the browser
-	effect(() => {
-		listen(media, ['ratechange'], () => {
-			set(media.playbackRate);
-		});
-	});
-}
-
-/**
- * @param {HTMLVideoElement | HTMLAudioElement} media
- * @param {() => boolean | undefined} get
- * @param {(paused: boolean) => void} set
- */
-export function bind_paused(media, get, set = get) {
-	var paused = get();
-
-	var update = () => {
-		if (paused !== media.paused) {
-			set((paused = media.paused));
-		}
-	};
-
-	// If someone switches the src while media is playing, the player will pause.
-	// Listen to the canplay event to get notified of this situation.
-	listen(media, ['play', 'pause', 'canplay'], update, paused == null);
-
-	// Needs to be an effect to ensure media element is mounted: else, if paused is `false` (i.e. should play right away)
-	// a "The play() request was interrupted by a new load request" error would be thrown because the resource isn't loaded yet.
-	effect(() => {
-		if ((paused = !!get()) !== media.paused) {
-			if (paused) {
-				media.pause();
-			} else {
-				media.play().catch(() => {
-					set((paused = true));
-				});
-			}
-		}
-	});
-}
-
-/**
- * @param {HTMLVideoElement | HTMLAudioElement} media
- * @param {() => number | undefined} get
- * @param {(volume: number) => void} set
- */
-export function bind_volume(media, get, set = get) {
-	var callback = () => {
-		set(media.volume);
-	};
-
-	if (get() == null) {
-		callback();
-	}
-
-	listen(media, ['volumechange'], callback, false);
-
-	render_effect(() => {
-		var value = Number(get());
-
-		if (value !== media.volume && !isNaN(value)) {
-			media.volume = value;
-		}
-	});
-}
-
-/**
- * @param {HTMLVideoElement | HTMLAudioElement} media
- * @param {() => boolean | undefined} get
- * @param {(muted: boolean) => void} set
- */
-export function bind_muted(media, get, set = get) {
-	var callback = () => {
-		set(media.muted);
-	};
-
-	if (get() == null) {
-		callback();
-	}
-
-	listen(media, ['volumechange'], callback, false);
-
-	render_effect(() => {
-		var value = !!get();
-
-		if (media.muted !== value) media.muted = value;
-	});
-}

data/lib/svelte_on_rails/node_modules/svelte/src/internal/client/dom/elements/bindings/navigator.js

@@ -1,11 +0,0 @@
-import { listen } from './shared.js';
-
-/**
- * @param {(online: boolean) => void} update
- * @returns {void}
- */
-export function bind_online(update) {
-	listen(window, ['online', 'offline'], () => {
-		update(navigator.onLine);
-	});
-}

data/lib/svelte_on_rails/node_modules/svelte/src/internal/client/dom/elements/bindings/props.js

@@ -1,22 +0,0 @@
-import { teardown } from '../../../reactivity/effects.js';
-import { get_descriptor } from '../../../../shared/utils.js';
-
-/**
- * Makes an `export`ed (non-prop) variable available on the `$$props` object
- * so that consumers can do `bind:x` on the component.
- * @template V
- * @param {Record<string, unknown>} props
- * @param {string} prop
- * @param {V} value
- * @returns {void}
- */
-export function bind_prop(props, prop, value) {
-	var desc = get_descriptor(props, prop);
-
-	if (desc && desc.set) {
-		props[prop] = value;
-		teardown(() => {
-			props[prop] = null;
-		});
-	}
-}

data/lib/svelte_on_rails/node_modules/svelte/src/internal/client/dom/elements/bindings/select.js

@@ -1,146 +0,0 @@
-import { effect } from '../../../reactivity/effects.js';
-import { listen_to_event_and_reset_event } from './shared.js';
-import { untrack } from '../../../runtime.js';
-import { is } from '../../../proxy.js';
-
-/**
- * Selects the correct option(s) (depending on whether this is a multiple select)
- * @template V
- * @param {HTMLSelectElement} select
- * @param {V} value
- * @param {boolean} [mounting]
- */
-export function select_option(select, value, mounting) {
-	if (select.multiple) {
-		return select_options(select, value);
-	}
-
-	for (var option of select.options) {
-		var option_value = get_option_value(option);
-		if (is(option_value, value)) {
-			option.selected = true;
-			return;
-		}
-	}
-
-	if (!mounting || value !== undefined) {
-		select.selectedIndex = -1; // no option should be selected
-	}
-}
-
-/**
- * Selects the correct option(s) if `value` is given,
- * and then sets up a mutation observer to sync the
- * current selection to the dom when it changes. Such
- * changes could for example occur when options are
- * inside an `#each` block.
- * @template V
- * @param {HTMLSelectElement} select
- * @param {() => V} [get_value]
- */
-export function init_select(select, get_value) {
-	let mounting = true;
-	effect(() => {
-		if (get_value) {
-			select_option(select, untrack(get_value), mounting);
-		}
-		mounting = false;
-
-		var observer = new MutationObserver(() => {
-			// @ts-ignore
-			var value = select.__value;
-			select_option(select, value);
-			// Deliberately don't update the potential binding value,
-			// the model should be preserved unless explicitly changed
-		});
-
-		observer.observe(select, {
-			// Listen to option element changes
-			childList: true,
-			subtree: true, // because of <optgroup>
-			// Listen to option element value attribute changes
-			// (doesn't get notified of select value changes,
-			// because that property is not reflected as an attribute)
-			attributes: true,
-			attributeFilter: ['value']
-		});
-
-		return () => {
-			observer.disconnect();
-		};
-	});
-}
-
-/**
- * @param {HTMLSelectElement} select
- * @param {() => unknown} get
- * @param {(value: unknown) => void} set
- * @returns {void}
- */
-export function bind_select_value(select, get, set = get) {
-	var mounting = true;
-
-	listen_to_event_and_reset_event(select, 'change', (is_reset) => {
-		var query = is_reset ? '[selected]' : ':checked';
-		/** @type {unknown} */
-		var value;
-
-		if (select.multiple) {
-			value = [].map.call(select.querySelectorAll(query), get_option_value);
-		} else {
-			/** @type {HTMLOptionElement | null} */
-			var selected_option =
-				select.querySelector(query) ??
-				// will fall back to first non-disabled option if no option is selected
-				select.querySelector('option:not([disabled])');
-			value = selected_option && get_option_value(selected_option);
-		}
-
-		set(value);
-	});
-
-	// Needs to be an effect, not a render_effect, so that in case of each loops the logic runs after the each block has updated
-	effect(() => {
-		var value = get();
-		select_option(select, value, mounting);
-
-		// Mounting and value undefined -> take selection from dom
-		if (mounting && value === undefined) {
-			/** @type {HTMLOptionElement | null} */
-			var selected_option = select.querySelector(':checked');
-			if (selected_option !== null) {
-				value = get_option_value(selected_option);
-				set(value);
-			}
-		}
-
-		// @ts-ignore
-		select.__value = value;
-		mounting = false;
-	});
-
-	// don't pass get_value, we already initialize it in the effect above
-	init_select(select);
-}
-
-/**
- * @template V
- * @param {HTMLSelectElement} select
- * @param {V} value
- */
-function select_options(select, value) {
-	for (var option of select.options) {
-		// @ts-ignore
-		option.selected = ~value.indexOf(get_option_value(option));
-	}
-}
-
-/** @param {HTMLOptionElement} option */
-function get_option_value(option) {
-	// __value only exists if the <option> has a value attribute
-	if ('__value' in option) {
-		return option.__value;
-	} else {
-		return option.value;
-	}
-}