@burger-editor/client 4.0.0-alpha.55 → 4.0.0-alpha.56

package/dist/client.css

@@ -797,8 +797,10 @@
 	}
 
 	:where(fieldset) {
+		inline-size: 100%;
 		padding: 1em;
 		margin-block-start: 1em;
+		container-type: inline-size;
 		border: 1px solid var(--bge-border-color);
 		border-radius: var(--border-radius);
 

package/dist/client.js

@@ -33913,7 +33913,8 @@ activateTextOnlyMode_fn = function() {
   if (!__privateGet$1(this, _textOnlyContainer)) {
     __privateSet$1(this, _textOnlyContainer, document.createElement("div"));
     __privateGet$1(this, _textOnlyContainer).dataset.textOnlyEditor = "";
-    this.shadowRoot.querySelector("[data-bge-mode]").append(__privateGet$1(this, _textOnlyContainer));
+    const modeContainer = this.shadowRoot.querySelector("[data-bge-mode]");
+    modeContainer.insertBefore(__privateGet$1(this, _textOnlyContainer), __privateGet$1(this, _structureChangeMessage));
   }
   const textOnlyStyle = document.createElement("style");
   textOnlyStyle.dataset.textOnlyStyle = "";
@@ -34236,6 +34237,16 @@ const _BgeWysiwygEditorElement = class _BgeWysiwygEditorElement extends HTMLElem
         updateButtonState(button, event.detail.state, this);
       }
     });
+    __privateGet(this, _wysiwygElement).addEventListener("bge:structure-change", () => {
+      const currentState = getCurrentEditorState(__privateGet(this, _wysiwygElement));
+      for (const button of buttons) {
+        updateButtonState(button, currentState, this);
+      }
+    });
+    const initialState = getCurrentEditorState(__privateGet(this, _wysiwygElement));
+    for (const button of buttons) {
+      updateButtonState(button, initialState, this);
+    }
     if (_BgeWysiwygEditorElement.experimentalTextOnlyMode) {
       const modeSelector = this.querySelector(
         "[data-bge-mode-selector]"
@@ -34244,23 +34255,23 @@ const _BgeWysiwygEditorElement = class _BgeWysiwygEditorElement extends HTMLElem
         throw new Error("Mode selector not found");
       }
       modeSelector.value = __privateGet(this, _wysiwygElement).mode;
-      const initialHasStructureChange = __privateGet(this, _wysiwygElement).hasStructureChange;
       const wysiwygOption = modeSelector.querySelector(
         'option[value="wysiwyg"]'
       );
-      if (wysiwygOption) {
-        wysiwygOption.disabled = initialHasStructureChange;
-      }
       const handleStructureChange = (event) => {
         const hasStructureChange = event.detail.hasStructureChange;
         if (wysiwygOption) {
           wysiwygOption.disabled = hasStructureChange;
         }
+        modeSelector.value = __privateGet(this, _wysiwygElement).mode;
       };
       __privateGet(this, _wysiwygElement).addEventListener(
         "bge:structure-change",
         handleStructureChange
       );
+      if (wysiwygOption) {
+        wysiwygOption.disabled = __privateGet(this, _wysiwygElement).hasStructureChange;
+      }
       modeSelector.addEventListener("change", () => {
         if (!__privateGet(this, _wysiwygElement)) {
           throw new ReferenceError("<bge-wysiwyg-editor> is not connected");
@@ -34284,10 +34295,6 @@ const _BgeWysiwygEditorElement = class _BgeWysiwygEditorElement extends HTMLElem
       if (!htmlModeButton) {
         throw new Error("HTML mode button not found");
       }
-      const initialHasStructureChange = __privateGet(this, _wysiwygElement).hasStructureChange;
-      const initialIsHtmlMode = __privateGet(this, _wysiwygElement).mode === "html";
-      htmlModeButton.disabled = initialIsHtmlMode && initialHasStructureChange;
-      htmlModeButton.ariaPressed = initialIsHtmlMode ? "true" : "false";
       htmlModeButton.addEventListener("click", () => {
         if (!__privateGet(this, _wysiwygElement)) {
           throw new ReferenceError("<bge-wysiwyg-editor> is not connected");
@@ -34309,9 +34316,12 @@ const _BgeWysiwygEditorElement = class _BgeWysiwygEditorElement extends HTMLElem
       });
       __privateGet(this, _wysiwygElement).addEventListener("bge:structure-change", (event) => {
         const hasStructureChange = event.detail.hasStructureChange;
-        const isHtmlMode = __privateGet(this, _wysiwygElement).mode === "html";
-        htmlModeButton.disabled = isHtmlMode && hasStructureChange;
+        const isHtmlMode2 = __privateGet(this, _wysiwygElement).mode === "html";
+        htmlModeButton.disabled = isHtmlMode2 && hasStructureChange;
       });
+      const isHtmlMode = __privateGet(this, _wysiwygElement).mode === "html";
+      htmlModeButton.ariaPressed = isHtmlMode ? "true" : "false";
+      htmlModeButton.disabled = isHtmlMode && __privateGet(this, _wysiwygElement).hasStructureChange;
     }
   }
   setStyle(css) {
@@ -34469,6 +34479,9 @@ function bindToggle(button, wysiwygElement) {
 }
 function updateButtonState(button, state, editorElement) {
   const buttonType = button.dataset.bgeToolbarButton;
+  if (!buttonType) {
+    return;
+  }
   if (buttonType === "html-mode" || buttonType === "text-only-mode") {
     return;
   }
@@ -44889,7 +44902,7 @@ function parseConfig(config) {
   }
 }
 
-const version = "4.0.0-alpha.54";
+const version = "4.0.0-alpha.55";
 function attachDraftSwitcher(engine) {
   if (engine.hasDraft()) {
     const container = document.createElement("div");