@burger-editor/local 4.0.0-alpha.12 → 4.0.0-alpha.13

package/dist/client.js

@@ -32493,7 +32493,7 @@ var style$a = "/* No Styling */\n";
 var template$C = "<a href=\"\" data-bgi-button-kind=\"link\" data-bge=\"link:href, target:target, kind:data-bgi-button-kind\">\n\t<div>\n\t\t<span data-bge=\"text\">ボタン</span>\n\t</div>\n</a>\n";
 
 var button = createItem({
-  version: "4.0.0-alpha.11",
+  version: "4.0.0-alpha.12",
   name: "button",
   template: template$C,
   style: style$a,
@@ -32507,7 +32507,7 @@ var style$9 = "/* No Styling */\n";
 var template$B = "<details data-bge=\"open:open\">\n\t<summary data-bge=\"summary\">折りたたみコンテンツ</summary>\n\t<div data-bge=\"content\"><p>内容を入力してください</p></div>\n</details>\n";
 
 var details = createItem({
-  version: "4.0.0-alpha.11",
+  version: "4.0.0-alpha.12",
   name: "details",
   template: template$B,
   style: style$9,
@@ -32521,7 +32521,7 @@ var style$8 = "[data-bgi='download-file'] {\n\t[data-bge*='size'] {\n\t\t&::befo
 var template$A = "<a href=\"./files/bgeditor/bg-sample.pdf\" target=\"_blank\" data-bge=\"path:href, download:download\">\n\t<div>\n\t\t<span data-bge=\"name\">サンプルダウンロードファイル</span>\n\t\t<span data-bge=\"formated-size, size:data-size\" data-size=\"138158\">134.92kB</span>\n\t</div>\n</a>\n";
 
 var downloadFile = createItem({
-  version: "4.0.0-alpha.11",
+  version: "4.0.0-alpha.12",
   name: "download-file",
   template: template$A,
   style: style$8,
@@ -32560,7 +32560,7 @@ var style$7 = "[data-bgi='google-maps'] {\n\tdiv {\n\t\tinline-size: 100%;\n\t\t
 var template$z = "<div data-lat=\"35.681382\" data-lng=\"139.766084\" data-zoom=\"16\" data-bge=\"lat:data-lat, lng:data-lng, zoom:data-zoom\">\n\t<img data-bge=\"img:src\" src=\"https://maps.google.com/maps/api/staticmap?center=35.681382,139.766084&amp;zoom=16&amp;size=640x400&amp;markers=color:red|color:red|35.681382,139.766084&amp;scale=2&amp;key=%googleMapsApiKey%\" width=\"8\" height=\"5\" alt=\"Google Maps\" />\n</div>\n<a href=\"https://maps.apple.com/?q=35.681382,139.766084\" data-bge=\"url:href\" target=\"_blank\"><span>アプリで開く</span></a>\n";
 
 var googleMaps = createItem({
-  version: "4.0.0-alpha.11",
+  version: "4.0.0-alpha.12",
   name: "google-maps",
   template: template$z,
   style: style$7,
@@ -32695,7 +32695,7 @@ var style$6 = "[data-bgi='hr'] {\n\t--inline-size: 100%;\n\t--border-color: #000
 var template$y = "<div data-bgi-hr-kind=\"primary\" data-bge=\"kind:data-bgi-hr-kind\">\n\t<hr />\n</div>\n";
 
 var hr = createItem({
-  version: "4.0.0-alpha.11",
+  version: "4.0.0-alpha.12",
   name: "hr",
   template: template$y,
   style: style$6,
@@ -32710,7 +32710,7 @@ var template$x = "<div data-bge=\":style, :scale, :scale-type, :aspect-ratio\" d
 
 const ORIGIN = "__org";
 var image = createItem({
-  version: "4.0.0-alpha.11",
+  version: "4.0.0-alpha.12",
   name: "image",
   template: template$x,
   style: style$5,
@@ -32876,7 +32876,7 @@ var style$4 = "/* No Styling */\n";
 var template$w = "<table>\n\t<caption data-bge=\"caption\">\n\t\tキャプションを入力してください\n\t</caption>\n\t<tbody data-bge-list>\n\t\t<tr>\n\t\t\t<th data-bge=\"th\">表組の見出し</th>\n\t\t\t<td data-bge=\"td\">表組の内容を入力してください</td>\n\t\t</tr>\n\t</tbody>\n</table>\n";
 
 var table = createItem({
-  version: "4.0.0-alpha.11",
+  version: "4.0.0-alpha.12",
   name: "table",
   template: template$w,
   style: style$4,
@@ -32904,7 +32904,7 @@ var style$3 = "/* No Styling */\n";
 var template$v = "<h2 data-bge=\"title-h2\">見出しを入力してください</h2>\n";
 
 var titleH2 = createItem({
-  version: "4.0.0-alpha.11",
+  version: "4.0.0-alpha.12",
   name: "title-h2",
   template: template$v,
   style: style$3,
@@ -32918,7 +32918,7 @@ var style$2 = "/* No Styling */\n";
 var template$u = "<h3 data-bge=\"title-h3\">見出しを入力してください</h3>\n";
 
 var titleH3 = createItem({
-  version: "4.0.0-alpha.11",
+  version: "4.0.0-alpha.12",
   name: "title-h3",
   template: template$u,
   style: style$2,
@@ -32932,7 +32932,7 @@ var style$1 = "/* No Styling */\n";
 var template$t = "<div data-bge=\"wysiwyg\"><p>本文を入力してください</p></div>\n";
 
 var wysiwyg = createItem({
-  version: "4.0.0-alpha.11",
+  version: "4.0.0-alpha.12",
   name: "wysiwyg",
   template: template$t,
   style: style$1,
@@ -32947,7 +32947,7 @@ var template$s = "<div data-id=\"3KtWfp0UopM\" data-title=\"YouTube動画\" data
 
 const FALLBACK_TITLE = "YouTube\u52D5\u753B";
 var youtube = createItem({
-  version: "4.0.0-alpha.11",
+  version: "4.0.0-alpha.12",
   name: "youtube",
   template: template$s,
   style: style$b,
@@ -68933,6 +68933,93 @@ function clear_text_content(node) {
 	node.textContent = '';
 }
 
+/**
+ * @param {HTMLElement} dom
+ * @param {boolean} value
+ * @returns {void}
+ */
+function autofocus(dom, value) {
+	if (value) {
+		const body = document.body;
+		dom.autofocus = true;
+
+		queue_micro_task(() => {
+			if (document.activeElement === body) {
+				dom.focus();
+			}
+		});
+	}
+}
+
+let listening_to_form_reset = false;
+
+function add_form_reset_listener() {
+	if (!listening_to_form_reset) {
+		listening_to_form_reset = true;
+		document.addEventListener(
+			'reset',
+			(evt) => {
+				// Needs to happen one tick later or else the dom properties of the form
+				// elements have not updated to their reset values yet
+				Promise.resolve().then(() => {
+					if (!evt.defaultPrevented) {
+						for (const e of /**@type {HTMLFormElement} */ (evt.target).elements) {
+							// @ts-expect-error
+							e.__on_r?.();
+						}
+					}
+				});
+			},
+			// In the capture phase to guarantee we get noticed of it (no possiblity of stopPropagation)
+			{ capture: true }
+		);
+	}
+}
+
+/**
+ * @template T
+ * @param {() => T} fn
+ */
+function without_reactive_context(fn) {
+	var previous_reaction = active_reaction;
+	var previous_effect = active_effect;
+	set_active_reaction(null);
+	set_active_effect(null);
+	try {
+		return fn();
+	} finally {
+		set_active_reaction(previous_reaction);
+		set_active_effect(previous_effect);
+	}
+}
+
+/**
+ * Listen to the given event, and then instantiate a global form reset listener if not already done,
+ * to notify all bindings when the form is reset
+ * @param {HTMLElement} element
+ * @param {string} event
+ * @param {(is_reset?: true) => void} handler
+ * @param {(is_reset?: true) => void} [on_reset]
+ */
+function listen_to_event_and_reset_event(element, event, handler, on_reset = handler) {
+	element.addEventListener(event, () => without_reactive_context(handler));
+	// @ts-expect-error
+	const prev = element.__on_r;
+	if (prev) {
+		// special case for checkbox that can have multiple binds (group & checked)
+		// @ts-expect-error
+		element.__on_r = () => {
+			prev();
+			on_reset(true);
+		};
+	} else {
+		// @ts-expect-error
+		element.__on_r = () => on_reset(true);
+	}
+
+	add_form_reset_listener();
+}
+
 /** @import { ComponentContext, ComponentContextLegacy, Derived, Effect, TemplateNode, TransitionManager } from '#client' */
 
 /**
@@ -69246,7 +69333,13 @@ function destroy_effect_children(signal, remove_dom = false) {
 	signal.first = signal.last = null;
 
 	while (effect !== null) {
-		effect.ac?.abort(STALE_REACTION);
+		const controller = effect.ac;
+
+		if (controller !== null) {
+			without_reactive_context(() => {
+				controller.abort(STALE_REACTION);
+			});
+		}
 
 		var next = effect.next;
 
@@ -69755,13 +69848,17 @@ function update_reaction(reaction) {
 	update_version = ++read_version;
 
 	if (reaction.ac !== null) {
-		reaction.ac.abort(STALE_REACTION);
+		without_reactive_context(() => {
+			/** @type {AbortController} */ (reaction.ac).abort(STALE_REACTION);
+		});
+
 		reaction.ac = null;
 	}
 
 	try {
 		reaction.f |= REACTION_IS_UPDATING;
-		var result = /** @type {Function} */ (0, reaction.fn)();
+		var fn = /** @type {Function} */ (reaction.fn);
+		var result = fn();
 		var deps = reaction.deps;
 
 		if (new_deps !== null) {
@@ -70187,93 +70284,6 @@ function deep_read(value, visited = new Set()) {
 	}
 }
 
-/**
- * @param {HTMLElement} dom
- * @param {boolean} value
- * @returns {void}
- */
-function autofocus(dom, value) {
-	if (value) {
-		const body = document.body;
-		dom.autofocus = true;
-
-		queue_micro_task(() => {
-			if (document.activeElement === body) {
-				dom.focus();
-			}
-		});
-	}
-}
-
-let listening_to_form_reset = false;
-
-function add_form_reset_listener() {
-	if (!listening_to_form_reset) {
-		listening_to_form_reset = true;
-		document.addEventListener(
-			'reset',
-			(evt) => {
-				// Needs to happen one tick later or else the dom properties of the form
-				// elements have not updated to their reset values yet
-				Promise.resolve().then(() => {
-					if (!evt.defaultPrevented) {
-						for (const e of /**@type {HTMLFormElement} */ (evt.target).elements) {
-							// @ts-expect-error
-							e.__on_r?.();
-						}
-					}
-				});
-			},
-			// In the capture phase to guarantee we get noticed of it (no possiblity of stopPropagation)
-			{ capture: true }
-		);
-	}
-}
-
-/**
- * @template T
- * @param {() => T} fn
- */
-function without_reactive_context(fn) {
-	var previous_reaction = active_reaction;
-	var previous_effect = active_effect;
-	set_active_reaction(null);
-	set_active_effect(null);
-	try {
-		return fn();
-	} finally {
-		set_active_reaction(previous_reaction);
-		set_active_effect(previous_effect);
-	}
-}
-
-/**
- * Listen to the given event, and then instantiate a global form reset listener if not already done,
- * to notify all bindings when the form is reset
- * @param {HTMLElement} element
- * @param {string} event
- * @param {(is_reset?: true) => void} handler
- * @param {(is_reset?: true) => void} [on_reset]
- */
-function listen_to_event_and_reset_event(element, event, handler, on_reset = handler) {
-	element.addEventListener(event, () => without_reactive_context(handler));
-	// @ts-expect-error
-	const prev = element.__on_r;
-	if (prev) {
-		// special case for checkbox that can have multiple binds (group & checked)
-		// @ts-expect-error
-		element.__on_r = () => {
-			prev();
-			on_reset(true);
-		};
-	} else {
-		// @ts-expect-error
-		element.__on_r = () => on_reset(true);
-	}
-
-	add_form_reset_listener();
-}
-
 /** @type {Set<string>} */
 const all_registered_events = new Set();
 
@@ -70819,6 +70829,7 @@ const document_listeners = new Map();
 function _mount(Component, { target, anchor, props = {}, events, context, intro = true }) {
 	init_operations();
 
+	/** @type {Set<string>} */
 	var registered_events = new Set();
 
 	/** @param {Array<string>} events */
@@ -71037,7 +71048,7 @@ function if_block(node, fn, elseif = false) {
 	/** @type {Effect | null} */
 	var alternate_effect = null;
 
-	/** @type {UNINITIALIZED | boolean | null} */
+	/** @type {typeof UNINITIALIZED | boolean | null} */
 	var condition = UNINITIALIZED;
 
 	var flags = elseif ? EFFECT_TRANSPARENT : 0;
@@ -71229,7 +71240,7 @@ function each(node, flags, get_collection, get_key, render_fn, fallback_fn = nul
 		// store a reference to the effect so that we can update the start/end nodes in reconciliation
 		each_effect ??= /** @type {Effect} */ (active_effect);
 
-		array = get(each_array);
+		array = /** @type {V[]} */ (get(each_array));
 		var length = array.length;
 
 		if (was_empty && length === 0) {
@@ -72946,8 +72957,7 @@ function legacy_rest_props(props, exclude) {
  * 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)> }>}}
+ * @type {ProxyHandler<{ props: Array<Record<string | symbol, unknown> | (() => Record<string | symbol, unknown>)> }>}}
  */
 const spread_props_handler = {
 	get(target, key) {
@@ -73124,22 +73134,23 @@ function prop(props, key, flags, fallback) {
 	// means we can just call `$$props.foo = value` directly
 	if (setter) {
 		var legacy_parent = props.$$legacy;
+		return /** @type {() => V} */ (
+			function (/** @type {V} */ value, /** @type {boolean} */ mutation) {
+				if (arguments.length > 0) {
+					// We don't want to notify if the value was mutated and the parent is in runes mode.
+					// In that case the state proxy (if it exists) should take care of the notification.
+					// If the parent is not in runes mode, we need to notify on mutation, too, that the prop
+					// has changed because the parent will not be able to detect the change otherwise.
+					if (!runes || !mutation || legacy_parent || is_store_sub) {
+						/** @type {Function} */ (setter)(mutation ? getter() : value);
+					}
 
-		return function (/** @type {any} */ value, /** @type {boolean} */ mutation) {
-			if (arguments.length > 0) {
-				// We don't want to notify if the value was mutated and the parent is in runes mode.
-				// In that case the state proxy (if it exists) should take care of the notification.
-				// If the parent is not in runes mode, we need to notify on mutation, too, that the prop
-				// has changed because the parent will not be able to detect the change otherwise.
-				if (!runes || !mutation || legacy_parent || is_store_sub) {
-					/** @type {Function} */ (setter)(mutation ? getter() : value);
+					return value;
 				}
 
-				return value;
+				return getter();
 			}
-
-			return getter();
-		};
+		);
 	}
 
 	// Either prop is written to, but there's no binding, which means we
@@ -73158,31 +73169,33 @@ function prop(props, key, flags, fallback) {
 
 	var parent_effect = /** @type {Effect} */ (active_effect);
 
-	return function (/** @type {any} */ value, /** @type {boolean} */ mutation) {
-		if (arguments.length > 0) {
-			const new_value = mutation ? get(d) : runes && bindable ? proxy(value) : value;
+	return /** @type {() => V} */ (
+		function (/** @type {any} */ value, /** @type {boolean} */ mutation) {
+			if (arguments.length > 0) {
+				const new_value = mutation ? get(d) : runes && bindable ? proxy(value) : value;
+
+				set(d, new_value);
+				overridden = true;
 
-			set(d, new_value);
-			overridden = true;
+				if (fallback_value !== undefined) {
+					fallback_value = new_value;
+				}
 
-			if (fallback_value !== undefined) {
-				fallback_value = new_value;
+				return value;
 			}
 
-			return value;
-		}
+			// special case — avoid recalculating the derived if we're in a
+			// teardown function and the prop was overridden locally, or the
+			// component was already destroyed (this latter part is necessary
+			// because `bind:this` can read props after the component has
+			// been destroyed. TODO simplify `bind:this`
+			if ((is_destroying_effect && overridden) || (parent_effect.f & DESTROYED) !== 0) {
+				return d.v;
+			}
 
-		// special case — avoid recalculating the derived if we're in a
-		// teardown function and the prop was overridden locally, or the
-		// component was already destroyed (this latter part is necessary
-		// because `bind:this` can read props after the component has
-		// been destroyed. TODO simplify `bind:this`
-		if ((is_destroying_effect && overridden) || (parent_effect.f & DESTROYED) !== 0) {
-			return d.v;
+			return get(d);
 		}
-
-		return get(d);
-	};
+	);
 }
 
 var root_4$3 = from_html(`<img alt="" loading="lazy" class="svelte-zdu8xx"/>`);