@burger-editor/client 4.0.0-alpha.42 → 4.0.0-alpha.44

package/dist/client.js

@@ -578,8 +578,8 @@ function getNormalizedAttributes(el) {
  * @returns 属性が同じ場合true、異なる場合false
  */
 function compareAttributes(attrs1, attrs2) {
-    const keys1 = Object.keys(attrs1).sort();
-    const keys2 = Object.keys(attrs2).sort();
+    const keys1 = Object.keys(attrs1).toSorted();
+    const keys2 = Object.keys(attrs2).toSorted();
     // 属性名の数が異なる場合は異なる
     if (keys1.length !== keys2.length) {
         return false;
@@ -4413,11 +4413,11 @@ class BurgerEditorEngine {
     }
     async #createItemElement(itemData) {
         if (typeof itemData !== 'string' && 'localName' in itemData) {
-            Item$1.rebind(itemData, this.items, this.itemEditorDialog);
-            return itemData;
+            const item = Item$1.rebind(itemData, this.items, this.itemEditorDialog);
+            return item.el;
         }
         const name = typeof itemData === 'string' ? itemData : itemData.name;
-        const item = await Item$1.create(name, this.items, this.itemEditorDialog);
+        const item = await Item$1.create(name, this.items, this.itemEditorDialog, typeof itemData === 'string' ? undefined : itemData.data);
         return item.el;
     }
     #isUIName(name) {
@@ -33057,7 +33057,7 @@ const _BgeWysiwygElement = class _BgeWysiwygElement extends HTMLElement {
     __privateGet$1(this, _textarea).value = value;
   }
   get mode() {
-    const modeAttr = this.shadowRoot?.querySelector(`[data-bge-mode]`)?.getAttribute("data-bge-mode");
+    const modeAttr = this.shadowRoot?.querySelector(`[data-bge-mode]`)?.dataset.bgeMode;
     return modeAttr === "html" ? "html" : "wysiwyg";
   }
   set mode(mode) {
@@ -34378,7 +34378,6 @@ function invoke_error_boundary(error, effect) {
  *   effect: Effect | null;
  *   effects: Effect[];
  *   render_effects: Effect[];
- *   block_effects: Effect[];
  * }} EffectTarget
  */
 
@@ -34462,15 +34461,15 @@ class Batch {
 
 	/**
 	 * Deferred effects (which run after async work has completed) that are DIRTY
-	 * @type {Effect[]}
+	 * @type {Set<Effect>}
 	 */
-	#dirty_effects = [];
+	#dirty_effects = new Set();
 
 	/**
 	 * Deferred effects that are MAYBE_DIRTY
-	 * @type {Effect[]}
+	 * @type {Set<Effect>}
 	 */
-	#maybe_dirty_effects = [];
+	#maybe_dirty_effects = new Set();
 
 	/**
 	 * A set of branches that still exist, but will be destroyed when this batch
@@ -34501,8 +34500,7 @@ class Batch {
 			parent: null,
 			effect: null,
 			effects: [],
-			render_effects: [],
-			block_effects: []
+			render_effects: []
 		};
 
 		for (const root of root_effects) {
@@ -34521,7 +34519,6 @@ class Batch {
 		if (this.is_deferred()) {
 			this.#defer_effects(target.effects);
 			this.#defer_effects(target.render_effects);
-			this.#defer_effects(target.block_effects);
 		} else {
 			// If sources are written to, then work needs to happen in a separate batch, else prior sources would be mixed with
 			// newly updated sources, which could lead to infinite loops when effects run over and over again.
@@ -34562,8 +34559,7 @@ class Batch {
 					parent: target,
 					effect,
 					effects: [],
-					render_effects: [],
-					block_effects: []
+					render_effects: []
 				};
 			}
 
@@ -34573,7 +34569,7 @@ class Batch {
 				} else if ((flags & EFFECT) !== 0) {
 					target.effects.push(effect);
 				} else if (is_dirty(effect)) {
-					if ((effect.f & BLOCK_EFFECT) !== 0) target.block_effects.push(effect);
+					if ((effect.f & BLOCK_EFFECT) !== 0) this.#dirty_effects.add(effect);
 					update_effect(effect);
 				}
 
@@ -34595,7 +34591,6 @@ class Batch {
 					// once the boundary is ready?
 					this.#defer_effects(target.effects);
 					this.#defer_effects(target.render_effects);
-					this.#defer_effects(target.block_effects);
 
 					target = /** @type {EffectTarget} */ (target.parent);
 				}
@@ -34611,8 +34606,11 @@ class Batch {
 	 */
 	#defer_effects(effects) {
 		for (const e of effects) {
-			const target = (e.f & DIRTY) !== 0 ? this.#dirty_effects : this.#maybe_dirty_effects;
-			target.push(e);
+			if ((e.f & DIRTY) !== 0) {
+				this.#dirty_effects.add(e);
+			} else if ((e.f & MAYBE_DIRTY) !== 0) {
+				this.#maybe_dirty_effects.add(e);
+			}
 
 			// Since we're not executing these effects now, we need to clear any WAS_MARKED flags
 			// so that other batches can correctly reach these effects during their own traversal
@@ -34722,8 +34720,7 @@ class Batch {
 				parent: null,
 				effect: null,
 				effects: [],
-				render_effects: [],
-				block_effects: []
+				render_effects: []
 			};
 
 			for (const batch of batches) {
@@ -34816,6 +34813,7 @@ class Batch {
 
 	revive() {
 		for (const e of this.#dirty_effects) {
+			this.#maybe_dirty_effects.delete(e);
 			set_signal_status(e, DIRTY);
 			schedule_effect(e);
 		}
@@ -34825,9 +34823,6 @@ class Batch {
 			schedule_effect(e);
 		}
 
-		this.#dirty_effects = [];
-		this.#maybe_dirty_effects = [];
-
 		this.flush();
 	}
 
@@ -44093,7 +44088,7 @@ function parseConfig(config) {
   }
 }
 
-const version = "4.0.0-alpha.39";
+const version = "4.0.0-alpha.43";
 function attachDraftSwitcher(engine) {
   if (engine.hasDraft()) {
     const container = document.createElement("div");