|
|
@ -12,11 +12,7 @@ import {
|
|
|
|
PassiveDelegatedEvents,
|
|
|
|
PassiveDelegatedEvents,
|
|
|
|
DelegatedEvents,
|
|
|
|
DelegatedEvents,
|
|
|
|
AttributeAliases,
|
|
|
|
AttributeAliases,
|
|
|
|
namespace_svg,
|
|
|
|
namespace_svg
|
|
|
|
PROPS_IS_IMMUTABLE,
|
|
|
|
|
|
|
|
PROPS_IS_RUNES,
|
|
|
|
|
|
|
|
PROPS_IS_UPDATED,
|
|
|
|
|
|
|
|
PROPS_IS_LAZY_INITIAL
|
|
|
|
|
|
|
|
} from '../../constants.js';
|
|
|
|
} from '../../constants.js';
|
|
|
|
import { remove } from './reconciler.js';
|
|
|
|
import { remove } from './reconciler.js';
|
|
|
|
import {
|
|
|
|
import {
|
|
|
@ -27,15 +23,11 @@ import {
|
|
|
|
pop,
|
|
|
|
pop,
|
|
|
|
current_component_context,
|
|
|
|
current_component_context,
|
|
|
|
get,
|
|
|
|
get,
|
|
|
|
is_signals_recorded,
|
|
|
|
|
|
|
|
inspect_fn,
|
|
|
|
|
|
|
|
deep_read_state
|
|
|
|
deep_read_state
|
|
|
|
} from './runtime.js';
|
|
|
|
} from './runtime.js';
|
|
|
|
import { derived } from './reactivity/deriveds.js';
|
|
|
|
|
|
|
|
import {
|
|
|
|
import {
|
|
|
|
render_effect,
|
|
|
|
render_effect,
|
|
|
|
effect,
|
|
|
|
effect,
|
|
|
|
managed_effect,
|
|
|
|
|
|
|
|
pre_effect,
|
|
|
|
pre_effect,
|
|
|
|
user_effect,
|
|
|
|
user_effect,
|
|
|
|
destroy_effect
|
|
|
|
destroy_effect
|
|
|
@ -47,20 +39,11 @@ import {
|
|
|
|
hydrating,
|
|
|
|
hydrating,
|
|
|
|
set_current_hydration_fragment
|
|
|
|
set_current_hydration_fragment
|
|
|
|
} from './hydration.js';
|
|
|
|
} from './hydration.js';
|
|
|
|
import {
|
|
|
|
import { array_from, define_property, get_descriptors, is_array, object_assign } from './utils.js';
|
|
|
|
array_from,
|
|
|
|
|
|
|
|
define_property,
|
|
|
|
|
|
|
|
get_descriptor,
|
|
|
|
|
|
|
|
get_descriptors,
|
|
|
|
|
|
|
|
is_array,
|
|
|
|
|
|
|
|
is_function,
|
|
|
|
|
|
|
|
object_assign
|
|
|
|
|
|
|
|
} from './utils.js';
|
|
|
|
|
|
|
|
import { run } from '../common.js';
|
|
|
|
import { run } from '../common.js';
|
|
|
|
import { bind_transition } from './transitions.js';
|
|
|
|
import { bind_transition } from './transitions.js';
|
|
|
|
import { mutable_source, source, set } from './reactivity/sources.js';
|
|
|
|
import { source, set } from './reactivity/sources.js';
|
|
|
|
import { safe_equals, safe_not_equal } from './reactivity/equality.js';
|
|
|
|
import { ROOT_BLOCK } from './constants.js';
|
|
|
|
import { ROOT_BLOCK, STATE_SYMBOL } from './constants.js';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** @type {Set<string>} */
|
|
|
|
/** @type {Set<string>} */
|
|
|
|
const all_registered_events = new Set();
|
|
|
|
const all_registered_events = new Set();
|
|
|
@ -938,99 +921,6 @@ export function spread_dynamic_element_attributes(node, prev, attrs, css_hash) {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* The proxy handler for rest props (i.e. `const { x, ...rest } = $props()`).
|
|
|
|
|
|
|
|
* Is passed the full `$$props` object and excludes the named props.
|
|
|
|
|
|
|
|
* @type {ProxyHandler<{ props: Record<string | symbol, unknown>, exclude: Array<string | symbol> }>}}
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
const rest_props_handler = {
|
|
|
|
|
|
|
|
get(target, key) {
|
|
|
|
|
|
|
|
if (target.exclude.includes(key)) return;
|
|
|
|
|
|
|
|
return target.props[key];
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
getOwnPropertyDescriptor(target, key) {
|
|
|
|
|
|
|
|
if (target.exclude.includes(key)) return;
|
|
|
|
|
|
|
|
if (key in target.props) {
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
|
|
|
enumerable: true,
|
|
|
|
|
|
|
|
configurable: true,
|
|
|
|
|
|
|
|
value: target.props[key]
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
has(target, key) {
|
|
|
|
|
|
|
|
if (target.exclude.includes(key)) return false;
|
|
|
|
|
|
|
|
return key in target.props;
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
ownKeys(target) {
|
|
|
|
|
|
|
|
return Reflect.ownKeys(target.props).filter((key) => !target.exclude.includes(key));
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* @param {Record<string, unknown>} props
|
|
|
|
|
|
|
|
* @param {string[]} rest
|
|
|
|
|
|
|
|
* @returns {Record<string, unknown>}
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
export function rest_props(props, rest) {
|
|
|
|
|
|
|
|
return new Proxy({ props, exclude: rest }, rest_props_handler);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* The proxy handler for spread props. Handles the incoming array of props
|
|
|
|
|
|
|
|
* that looks like `() => { dynamic: props }, { static: prop }, ..` and wraps
|
|
|
|
|
|
|
|
* them so that the whole thing is passed to the component as the `$$props` argument.
|
|
|
|
|
|
|
|
* @template {Record<string | symbol, unknown>} T
|
|
|
|
|
|
|
|
* @type {ProxyHandler<{ props: Array<T | (() => T)> }>}}
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
const spread_props_handler = {
|
|
|
|
|
|
|
|
get(target, key) {
|
|
|
|
|
|
|
|
let i = target.props.length;
|
|
|
|
|
|
|
|
while (i--) {
|
|
|
|
|
|
|
|
let p = target.props[i];
|
|
|
|
|
|
|
|
if (is_function(p)) p = p();
|
|
|
|
|
|
|
|
if (typeof p === 'object' && p !== null && key in p) return p[key];
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
getOwnPropertyDescriptor(target, key) {
|
|
|
|
|
|
|
|
let i = target.props.length;
|
|
|
|
|
|
|
|
while (i--) {
|
|
|
|
|
|
|
|
let p = target.props[i];
|
|
|
|
|
|
|
|
if (is_function(p)) p = p();
|
|
|
|
|
|
|
|
if (typeof p === 'object' && p !== null && key in p) return get_descriptor(p, key);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
has(target, key) {
|
|
|
|
|
|
|
|
for (let p of target.props) {
|
|
|
|
|
|
|
|
if (is_function(p)) p = p();
|
|
|
|
|
|
|
|
if (key in p) return true;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return false;
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
ownKeys(target) {
|
|
|
|
|
|
|
|
/** @type {Array<string | symbol>} */
|
|
|
|
|
|
|
|
const keys = [];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
for (let p of target.props) {
|
|
|
|
|
|
|
|
if (is_function(p)) p = p();
|
|
|
|
|
|
|
|
for (const key in p) {
|
|
|
|
|
|
|
|
if (!keys.includes(key)) keys.push(key);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return keys;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* @param {Array<Record<string, unknown> | (() => Record<string, unknown>)>} props
|
|
|
|
|
|
|
|
* @returns {any}
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
export function spread_props(...props) {
|
|
|
|
|
|
|
|
return new Proxy({ props }, spread_props_handler);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// TODO 5.0 remove this
|
|
|
|
// TODO 5.0 remove this
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* @deprecated Use `mount` or `hydrate` instead
|
|
|
|
* @deprecated Use `mount` or `hydrate` instead
|
|
|
@ -1312,119 +1202,6 @@ function get_root_for_style(node) {
|
|
|
|
return /** @type {Document} */ (node.ownerDocument);
|
|
|
|
return /** @type {Document} */ (node.ownerDocument);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* This function is responsible for synchronizing a possibly bound prop with the inner component state.
|
|
|
|
|
|
|
|
* It is used whenever the compiler sees that the component writes to the prop, or when it has a default prop_value.
|
|
|
|
|
|
|
|
* @template V
|
|
|
|
|
|
|
|
* @param {Record<string, unknown>} props
|
|
|
|
|
|
|
|
* @param {string} key
|
|
|
|
|
|
|
|
* @param {number} flags
|
|
|
|
|
|
|
|
* @param {V | (() => V)} [initial]
|
|
|
|
|
|
|
|
* @returns {(() => V | ((arg: V) => V) | ((arg: V, mutation: boolean) => V))}
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
export function prop(props, key, flags, initial) {
|
|
|
|
|
|
|
|
var immutable = (flags & PROPS_IS_IMMUTABLE) !== 0;
|
|
|
|
|
|
|
|
var runes = (flags & PROPS_IS_RUNES) !== 0;
|
|
|
|
|
|
|
|
var prop_value = /** @type {V} */ (props[key]);
|
|
|
|
|
|
|
|
var setter = get_descriptor(props, key)?.set;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (prop_value === undefined && initial !== undefined) {
|
|
|
|
|
|
|
|
if (setter && runes) {
|
|
|
|
|
|
|
|
// TODO consolidate all these random runtime errors
|
|
|
|
|
|
|
|
throw new Error(
|
|
|
|
|
|
|
|
'ERR_SVELTE_BINDING_FALLBACK' +
|
|
|
|
|
|
|
|
(DEV
|
|
|
|
|
|
|
|
? `: Cannot pass undefined to bind:${key} because the property contains a fallback value. Pass a different value than undefined to ${key}.`
|
|
|
|
|
|
|
|
: '')
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// @ts-expect-error would need a cumbersome method overload to type this
|
|
|
|
|
|
|
|
if ((flags & PROPS_IS_LAZY_INITIAL) !== 0) initial = initial();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
prop_value = /** @type {V} */ (initial);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (setter) setter(prop_value);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var getter = () => {
|
|
|
|
|
|
|
|
var value = /** @type {V} */ (props[key]);
|
|
|
|
|
|
|
|
if (value !== undefined) initial = undefined;
|
|
|
|
|
|
|
|
return value === undefined ? /** @type {V} */ (initial) : value;
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// easy mode — prop is never written to
|
|
|
|
|
|
|
|
if ((flags & PROPS_IS_UPDATED) === 0) {
|
|
|
|
|
|
|
|
return getter;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// intermediate mode — prop is written to, but the parent component had
|
|
|
|
|
|
|
|
// `bind:foo` which means we can just call `$$props.foo = value` directly
|
|
|
|
|
|
|
|
if (setter) {
|
|
|
|
|
|
|
|
return function (/** @type {V} */ value) {
|
|
|
|
|
|
|
|
if (arguments.length === 1) {
|
|
|
|
|
|
|
|
/** @type {Function} */ (setter)(value);
|
|
|
|
|
|
|
|
return value;
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
return getter();
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// hard mode. this is where it gets ugly — the value in the child should
|
|
|
|
|
|
|
|
// synchronize with the parent, but it should also be possible to temporarily
|
|
|
|
|
|
|
|
// set the value to something else locally.
|
|
|
|
|
|
|
|
var from_child = false;
|
|
|
|
|
|
|
|
var was_from_child = false;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// The derived returns the current value. The underlying mutable
|
|
|
|
|
|
|
|
// source is written to from various places to persist this value.
|
|
|
|
|
|
|
|
var inner_current_value = mutable_source(prop_value);
|
|
|
|
|
|
|
|
var current_value = derived(() => {
|
|
|
|
|
|
|
|
var parent_value = getter();
|
|
|
|
|
|
|
|
var child_value = get(inner_current_value);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (from_child) {
|
|
|
|
|
|
|
|
from_child = false;
|
|
|
|
|
|
|
|
was_from_child = true;
|
|
|
|
|
|
|
|
return child_value;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
was_from_child = false;
|
|
|
|
|
|
|
|
return (inner_current_value.v = parent_value);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (!immutable) current_value.equals = safe_equals;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return function (/** @type {V} */ value, mutation = false) {
|
|
|
|
|
|
|
|
var current = get(current_value);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// legacy nonsense — need to ensure the source is invalidated when necessary
|
|
|
|
|
|
|
|
// also needed for when handling inspect logic so we can inspect the correct source signal
|
|
|
|
|
|
|
|
if (is_signals_recorded || (DEV && inspect_fn)) {
|
|
|
|
|
|
|
|
// set this so that we don't reset to the parent value if `d`
|
|
|
|
|
|
|
|
// is invalidated because of `invalidate_inner_signals` (rather
|
|
|
|
|
|
|
|
// than because the parent or child value changed)
|
|
|
|
|
|
|
|
from_child = was_from_child;
|
|
|
|
|
|
|
|
// invoke getters so that signals are picked up by `invalidate_inner_signals`
|
|
|
|
|
|
|
|
getter();
|
|
|
|
|
|
|
|
get(inner_current_value);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (arguments.length > 0) {
|
|
|
|
|
|
|
|
if (mutation || (immutable ? value !== current : safe_not_equal(value, current))) {
|
|
|
|
|
|
|
|
from_child = true;
|
|
|
|
|
|
|
|
set(inner_current_value, mutation ? current : value);
|
|
|
|
|
|
|
|
get(current_value); // force a synchronisation immediately
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return value;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return current;
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Legacy-mode only: Call `onMount` callbacks and set up `beforeUpdate`/`afterUpdate` effects
|
|
|
|
* Legacy-mode only: Call `onMount` callbacks and set up `beforeUpdate`/`afterUpdate` effects
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|