ripple 0.2.46 → 0.2.48

package/src/runtime/internal/client/if.js

@@ -2,34 +2,34 @@ import { branch, destroy_block, render } from './blocks';
 import { IF_BLOCK, UNINITIALIZED } from './constants';
 
 export function if_block(node, fn) {
-	var anchor = node;
-	var has_branch = false;
-	var condition = UNINITIALIZED;
-	var b = null;
+  var anchor = node;
+  var has_branch = false;
+  var condition = UNINITIALIZED;
+  var b = null;
 
-	var set_branch = (fn, flag = true) => {
-		has_branch = true;
-		update_branch(flag, fn);
-	};
+  var set_branch = (fn, flag = true) => {
+    has_branch = true;
+    update_branch(flag, fn);
+  };
 
-	var update_branch = (new_condition, fn) => {
-		if (condition === (condition = new_condition)) return;
+  var update_branch = (new_condition, fn) => {
+    if (condition === (condition = new_condition)) return;
 
-		if (b !== null) {
-			destroy_block(b);
-			b = null;
-		}
+    if (b !== null) {
+      destroy_block(b);
+      b = null;
+    }
 
-		if (fn !== null) {
-			b = branch(() => fn(anchor));
-		}
-	};
+    if (fn !== null) {
+      b = branch(() => fn(anchor));
+    }
+  };
 
-	render(() => {
-		has_branch = false;
-		fn(set_branch);
-		if (!has_branch) {
-			update_branch(null, null);
-		}
-	}, IF_BLOCK);
+  render(() => {
+    has_branch = false;
+    fn(set_branch);
+    if (!has_branch) {
+      update_branch(null, null);
+    }
+  }, IF_BLOCK);
 }

package/src/runtime/internal/client/index.js

@@ -1,12 +1,12 @@
 export { first_child as child, child_frag, next_sibling as sibling } from './operations.js';
 
 export {
-	set_text,
-	set_class,
-	set_attribute,
-	set_value,
-	set_checked,
-	set_selected,
+  set_text,
+  set_class,
+  set_attribute,
+  set_value,
+  set_checked,
+  set_selected,
 } from './render.js';
 
 export { render, render_spread, async, ref } from './blocks.js';
@@ -14,59 +14,60 @@ export { render, render_spread, async, ref } from './blocks.js';
 export { event, delegate } from './events.js';
 
 export {
-	active_block,
-	scope,
-	safe_scope,
-	with_scope,
-	get_tracked,
-	get_computed,
-	set,
-	computed,
-	async_computed,
-	tracked,
-	tracked_object,
-	tracked_spread_object,
-	computed_property,
-	call_property,
-	get_property,
-	old_get_property,
-	old_set_property,
-	set_property,
-	update,
-	update_pre,
-	old_update_property,
-	update_property,
-	old_update_pre_property,
-	update_pre_property,
-	object_values,
-	object_entries,
-	object_keys,
-	spread_object,
-	structured_clone,
-	push_component,
-	pop_component,
-	untrack,
-	ref_prop,
-	fallback,
-	exclude_from_object,
+  active_block,
+  scope,
+  safe_scope,
+  with_scope,
+  get,
+  get_tracked,
+  get_derived,
+  set,
+  async_computed,
+  tracked,
+  tracked_object,
+  tracked_spread_object,
+  computed_property,
+  call_property,
+  get_property,
+  old_get_property,
+  old_set_property,
+  set_property,
+  update,
+  update_pre,
+  old_update_property,
+  update_property,
+  old_update_pre_property,
+  update_pre_property,
+  object_values,
+  object_entries,
+  object_keys,
+  spread_object,
+  structured_clone,
+  push_component,
+  pop_component,
+  untrack,
+  ref_prop,
+  fallback,
+  exclude_from_object,
+  derived,
 } from './runtime.js';
 
 export {
-	array_reduce,
-	array_join,
-	array_map,
-	array_filter,
-	array_forEach,
-	array_includes,
-	array_indexOf,
-	array_lastIndexOf,
-	array_every,
-	array_some,
-	array_toString,
-	array_toSorted,
-	array_toSpliced,
-	array_values,
-	array_entries,
+  array_reduce,
+  array_join,
+  array_map,
+  array_filter,
+  array_forEach,
+  array_includes,
+  array_indexOf,
+  array_lastIndexOf,
+  array_every,
+  array_some,
+  array_toString,
+  array_toSorted,
+  array_toSpliced,
+  array_values,
+  array_entries,
 } from './array.js';
 
 export { for_block as for } from './for.js';

package/src/runtime/internal/client/operations.js

@@ -9,33 +9,33 @@ var next_sibling_getter;
 export var is_firefox;
 
 export function init_operations() {
-	var node_prototype = Node.prototype;
-	var element_prototype = Element.prototype;
-	var object_prototype = Object.prototype;
-	var event_target_prototype = EventTarget.prototype;
+  var node_prototype = Node.prototype;
+  var element_prototype = Element.prototype;
+  var object_prototype = Object.prototype;
+  var event_target_prototype = EventTarget.prototype;
 
-	is_firefox = /Firefox/.test(navigator.userAgent);
+  is_firefox = /Firefox/.test(navigator.userAgent);
 
-	// @ts-ignore
-	first_child_getter = get_descriptor(node_prototype, 'firstChild').get;
-	// @ts-ignore
-	next_sibling_getter = get_descriptor(node_prototype, 'nextSibling').get;
+  // @ts-ignore
+  first_child_getter = get_descriptor(node_prototype, 'firstChild').get;
+  // @ts-ignore
+  next_sibling_getter = get_descriptor(node_prototype, 'nextSibling').get;
 
-	// the following assignments improve perf of lookups on DOM nodes
-	// @ts-expect-error
-	element_prototype.__click = undefined;
-	// @ts-expect-error
-	element_prototype.__className = '';
-	// @ts-expect-error
-	element_prototype.__attributes = null;
-	// @ts-expect-error
-	element_prototype.__styles = null;
-	// @ts-expect-error
-	element_prototype.__e = undefined;
-	// @ts-expect-error
-	object_prototype[TRACKED_OBJECT] = undefined;
-	// @ts-expect-error
-	event_target_prototype.__root = undefined;
+  // the following assignments improve perf of lookups on DOM nodes
+  // @ts-expect-error
+  element_prototype.__click = undefined;
+  // @ts-expect-error
+  element_prototype.__className = '';
+  // @ts-expect-error
+  element_prototype.__attributes = null;
+  // @ts-expect-error
+  element_prototype.__styles = null;
+  // @ts-expect-error
+  element_prototype.__e = undefined;
+  // @ts-expect-error
+  object_prototype[TRACKED_OBJECT] = undefined;
+  // @ts-expect-error
+  event_target_prototype.__root = undefined;
 }
 
 /**
@@ -45,16 +45,16 @@ export function init_operations() {
  */
 /*@__NO_SIDE_EFFECTS__*/
 export function first_child(node) {
-	return first_child_getter.call(node);
+  return first_child_getter.call(node);
 }
 
 export function child_frag(node) {
-	var child = first_child(node);
+  var child = first_child(node);
 
-	if (child.nodeType === 8 && child.data === '') {
-		return next_sibling(child);
-	}
-	return child;
+  if (child.nodeType === 8 && child.data === '') {
+    return next_sibling(child);
+  }
+  return child;
 }
 
 /**
@@ -64,9 +64,9 @@ export function child_frag(node) {
  */
 /*@__NO_SIDE_EFFECTS__*/
 export function next_sibling(node) {
-	return next_sibling_getter.call(node);
+  return next_sibling_getter.call(node);
 }
 
 export function create_text(value = '') {
-	return document.createTextNode(value);
+  return document.createTextNode(value);
 }

package/src/runtime/internal/client/portal.js

@@ -5,29 +5,29 @@ import { create_text } from './operations';
 import { old_get_property } from './runtime';
 
 export function Portal(_, props) {
-	let $target = UNINITIALIZED;
-	let children = UNINITIALIZED;
-	var b = null;
-	var anchor = null;
+  let $target = UNINITIALIZED;
+  let children = UNINITIALIZED;
+  var b = null;
+  var anchor = null;
 
-	render(() => {
-		if ($target === ($target = old_get_property(props, '$target'))) return;
-		if (children === (children = old_get_property(props, 'children'))) return;
+  render(() => {
+    if ($target === ($target = old_get_property(props, '$target'))) return;
+    if (children === (children = old_get_property(props, 'children'))) return;
 
-		if (b !== null) {
-			destroy_block(b);
-		}
+    if (b !== null) {
+      destroy_block(b);
+    }
 
-		anchor = create_text();
-		$target.append(anchor);
+    anchor = create_text();
+    $target.append(anchor);
 
-		const cleanup_events = handle_root_events($target);
+    const cleanup_events = handle_root_events($target);
 
-		b = branch(() => children(anchor));
+    b = branch(() => children(anchor));
 
-		return () => {
-			cleanup_events();
-			anchor.remove();
-		};
-	});
+    return () => {
+      cleanup_events();
+      anchor.remove();
+    };
+  });
 }

package/src/runtime/internal/client/render.js

@@ -3,76 +3,76 @@ import { REF_PROP } from './constants';
 import { get_descriptors, get_own_property_symbols, get_prototype_of } from './utils';
 
 export function set_text(text, value) {
-	// For objects, we apply string coercion (which might make things like $state array references in the template reactive) before diffing
-	var str = value == null ? '' : typeof value === 'object' ? value + '' : value;
-	// @ts-expect-error
-	if (str !== (text.__t ??= text.nodeValue)) {
-		// @ts-expect-error
-		text.__t = str;
-		text.nodeValue = str + '';
-	}
+  // For objects, we apply string coercion (which might make things like $state array references in the template reactive) before diffing
+  var str = value == null ? '' : typeof value === 'object' ? value + '' : value;
+  // @ts-expect-error
+  if (str !== (text.__t ??= text.nodeValue)) {
+    // @ts-expect-error
+    text.__t = str;
+    text.nodeValue = str + '';
+  }
 }
 
 var setters_cache = new Map();
 
 function get_setters(element) {
-	var setters = setters_cache.get(element.nodeName);
-	if (setters) return setters;
-	setters_cache.set(element.nodeName, (setters = []));
+  var setters = setters_cache.get(element.nodeName);
+  if (setters) return setters;
+  setters_cache.set(element.nodeName, (setters = []));
 
-	var descriptors;
-	var proto = element; // In the case of custom elements there might be setters on the instance
-	var element_proto = Element.prototype;
+  var descriptors;
+  var proto = element; // In the case of custom elements there might be setters on the instance
+  var element_proto = Element.prototype;
 
-	// Stop at Element, from there on there's only unnecessary setters we're not interested in
-	// Do not use constructor.name here as that's unreliable in some browser environments
-	while (element_proto !== proto) {
-		descriptors = get_descriptors(proto);
+  // Stop at Element, from there on there's only unnecessary setters we're not interested in
+  // Do not use constructor.name here as that's unreliable in some browser environments
+  while (element_proto !== proto) {
+    descriptors = get_descriptors(proto);
 
-		for (var key in descriptors) {
-			if (descriptors[key].set) {
-				setters.push(key);
-			}
-		}
+    for (var key in descriptors) {
+      if (descriptors[key].set) {
+        setters.push(key);
+      }
+    }
 
-		proto = get_prototype_of(proto);
-	}
+    proto = get_prototype_of(proto);
+  }
 
-	return setters;
+  return setters;
 }
 
 export function set_attribute(element, attribute, value) {
-	// @ts-expect-error
-	var attributes = (element.__attributes ??= {});
-
-	if (attributes[attribute] === (attributes[attribute] = value)) return;
-
-	if (attribute === 'style' && '__styles' in element) {
-		// reset styles to force style: directive to update
-		element.__styles = {};
-	}
-
-	if (value == null) {
-		element.removeAttribute(attribute);
-	} else if (typeof value !== 'string' && get_setters(element).includes(attribute)) {
-		element[attribute] = value;
-	} else {
-		element.setAttribute(attribute, value);
-	}
+  // @ts-expect-error
+  var attributes = (element.__attributes ??= {});
+
+  if (attributes[attribute] === (attributes[attribute] = value)) return;
+
+  if (attribute === 'style' && '__styles' in element) {
+    // reset styles to force style: directive to update
+    element.__styles = {};
+  }
+
+  if (value == null) {
+    element.removeAttribute(attribute);
+  } else if (typeof value !== 'string' && get_setters(element).includes(attribute)) {
+    element[attribute] = value;
+  } else {
+    element.setAttribute(attribute, value);
+  }
 }
 
 export function set_attributes(element, attributes) {
-	for (const key in attributes) {
-		if (key === '$children') continue;
+  for (const key in attributes) {
+    if (key === 'children') continue;
 
-		let value = attributes[key];
+    let value = attributes[key];
 
-		if (key === 'class') {
-			set_class(element, value);
-		} else {
-			set_attribute(element, key, value);
-		}
-	}
+    if (key === 'class') {
+      set_class(element, value);
+    } else {
+      set_attribute(element, key, value);
+    }
+  }
 }
 
 /**
@@ -82,7 +82,7 @@ export function set_attributes(element, attributes) {
  * @returns {string | V}
  */
 function to_class(value, hash) {
-	return (value == null ? '' : value) + (hash ? ' ' + hash : '');
+  return (value == null ? '' : value) + (hash ? ' ' + hash : '');
 }
 
 /**
@@ -92,102 +92,102 @@ function to_class(value, hash) {
  * @returns {void}
  */
 export function set_class(dom, value, hash) {
-	// @ts-expect-error need to add __className to patched prototype
-	var prev_class_name = dom.__className;
-	var next_class_name = to_class(value, hash);
-
-	if (prev_class_name !== next_class_name) {
-		// Removing the attribute when the value is only an empty string causes
-		// peformance issues vs simply making the className an empty string. So
-		// we should only remove the class if the the value is nullish.
-		if (value == null && !hash) {
-			dom.removeAttribute('class');
-		} else {
-			dom.className = next_class_name;
-		}
-
-		// @ts-expect-error need to add __className to patched prototype
-		dom.__className = next_class_name;
-	}
+  // @ts-expect-error need to add __className to patched prototype
+  var prev_class_name = dom.__className;
+  var next_class_name = to_class(value, hash);
+
+  if (prev_class_name !== next_class_name) {
+    // Removing the attribute when the value is only an empty string causes
+    // peformance issues vs simply making the className an empty string. So
+    // we should only remove the class if the the value is nullish.
+    if (value == null && !hash) {
+      dom.removeAttribute('class');
+    } else {
+      dom.className = next_class_name;
+    }
+
+    // @ts-expect-error need to add __className to patched prototype
+    dom.__className = next_class_name;
+  }
 }
 
 export function set_value(element, value) {
-	// @ts-expect-error
-	var attributes = (element.__attributes ??= {});
-
-	if (
-		attributes.value ===
-			(attributes.value =
-				// treat null and undefined the same for the initial value
-				value ?? undefined) ||
-		// @ts-expect-error
-		// `progress` elements always need their value set when it's `0`
-		(element.value === value && (value !== 0 || element.nodeName !== 'PROGRESS'))
-	) {
-		return;
-	}
-
-	// @ts-expect-error
-	element.value = value ?? '';
+  // @ts-expect-error
+  var attributes = (element.__attributes ??= {});
+
+  if (
+    attributes.value ===
+      (attributes.value =
+        // treat null and undefined the same for the initial value
+        value ?? undefined) ||
+    // @ts-expect-error
+    // `progress` elements always need their value set when it's `0`
+    (element.value === value && (value !== 0 || element.nodeName !== 'PROGRESS'))
+  ) {
+    return;
+  }
+
+  // @ts-expect-error
+  element.value = value ?? '';
 }
 
 export function set_checked(element, checked) {
-	// @ts-expect-error
-	var attributes = (element.__attributes ??= {});
-
-	if (
-		attributes.checked ===
-		(attributes.checked =
-			// treat null and undefined the same for the initial value
-			checked ?? undefined)
-	) {
-		return;
-	}
-
-	// @ts-expect-error
-	element.checked = checked;
+  // @ts-expect-error
+  var attributes = (element.__attributes ??= {});
+
+  if (
+    attributes.checked ===
+    (attributes.checked =
+      // treat null and undefined the same for the initial value
+      checked ?? undefined)
+  ) {
+    return;
+  }
+
+  // @ts-expect-error
+  element.checked = checked;
 }
 
 export function set_selected(element, selected) {
-	if (selected) {
-		// The selected option could've changed via user selection, and
-		// setting the value without this check would set it back.
-		if (!element.hasAttribute('selected')) {
-			element.setAttribute('selected', '');
-		}
-	} else {
-		element.removeAttribute('selected');
-	}
+  if (selected) {
+    // The selected option could've changed via user selection, and
+    // setting the value without this check would set it back.
+    if (!element.hasAttribute('selected')) {
+      element.setAttribute('selected', '');
+    }
+  } else {
+    element.removeAttribute('selected');
+  }
 }
 
 export function apply_element_spread(element, fn) {
-	var prev;
-	var effects = {};
+  var prev;
+  var effects = {};
 
-	return () => {
-		var next = fn();
+  return () => {
+    var next = fn();
 
-		for (let symbol of get_own_property_symbols(effects)) {
-			if (!next[symbol]) {
-				destroy_block(effects[symbol]);
-			}
-		}
+    for (let symbol of get_own_property_symbols(effects)) {
+      if (!next[symbol]) {
+        destroy_block(effects[symbol]);
+      }
+    }
 
-		for (const symbol of get_own_property_symbols(next)) {
-			var ref_fn = next[symbol];
+    for (const symbol of get_own_property_symbols(next)) {
+      var ref_fn = next[symbol];
 
-			if (symbol.description === REF_PROP && (!prev || ref_fn !== prev[symbol])) {
-				if (effects[symbol]) {
-					destroy_block(effects[symbol]);
-				}
-				effects[symbol] = ref(element, () => ref_fn);
-			}
+      if (symbol.description === REF_PROP && (!prev || ref_fn !== prev[symbol])) {
+        if (effects[symbol]) {
+          destroy_block(effects[symbol]);
+        }
+        effects[symbol] = ref(element, () => ref_fn);
+      }
 
-			next[symbol] = ref_fn;
-		}
+      next[symbol] = ref_fn;
+    }
 
-		set_attributes(element, next);
+    set_attributes(element, next);
 
-		prev = next;
-	};
+    prev = next;
+  };
 }