jedison 1.22.0 → 1.22.2

package/dist/esm/jedison.js

@@ -2213,6 +2213,7 @@ class Editor {
     this.title = null;
     this.description = null;
     this.storedEventListeners = [];
+    this.schemaButtonListeners = [];
     this.init();
     this.build();
     this.setAttributes();
@@ -2314,8 +2315,9 @@ class Editor {
    *   `jedison.on('jedison:<name>', ({ jedison, editor, path }) => ...)`. The
    *   listener map is private to the instance, so the payload is not exposed to
    *   unrelated scripts on the page (F3 contained).
-   * - Click listeners are registered through storedEventListeners so destroy()
-   *   cleans them up.
+   * - Click listeners are registered through schemaButtonListeners so
+   *   destroy() cleans them up, without being cleared by an editor's
+   *   refreshUI() in the meantime (issue #79).
    */
   appendSchemaButtons() {
     const buttons = getSchemaXOption(this.instance.schema, "buttons");
@@ -2345,7 +2347,7 @@ class Editor {
         });
       };
       button.addEventListener("click", handler);
-      this.storedEventListeners.push({
+      this.schemaButtonListeners.push({
         element: button,
         eventType: "click",
         handler
@@ -2426,6 +2428,22 @@ class Editor {
     }
     this.storedEventListeners = [];
   }
+  /**
+   * Clears the click listeners registered by appendSchemaButtons(). Separate
+   * from clearStoredEventListeners() so editors that clear the latter on
+   * every refreshUI() (e.g. EditorArrayNav) don't also detach the schema
+   * buttons, which are only ever appended once and never rebuilt (issue #79).
+   */
+  clearSchemaButtonListeners() {
+    if (this.schemaButtonListeners) {
+      this.schemaButtonListeners.forEach((listener) => {
+        if (listener.element && listener.handler) {
+          listener.element.removeEventListener(listener.eventType || "click", listener.handler);
+        }
+      });
+    }
+    this.schemaButtonListeners = [];
+  }
   /**
    * Shows validation error messages in the editor container.
    */
@@ -2671,6 +2689,7 @@ class Editor {
    */
   destroy() {
     this.clearStoredEventListeners();
+    this.clearSchemaButtonListeners();
     if (this.control.container && this.control.container.parentNode) {
       this.control.container.parentNode.removeChild(this.control.container);
     }
@@ -2903,6 +2922,15 @@ class InstanceIfThenElse extends Instance {
   }
 }
 class InstanceMultiple extends Instance {
+  // A Multiple's real value always comes from resolving the active branch
+  // (see switchInstance()) - never from its own wrapper schema. The base
+  // class's type-based placeholder (e.g. {} when the wrapper also declares
+  // "type": "object" alongside oneOf, a common x-discriminator pattern) is
+  // not real data, but prepare()/switchInstance() below can't tell it apart
+  // from one - propagating it stomps the freshly built branch's own
+  // x-defaultProperties-activated children right after creation.
+  setInitialValue() {
+  }
   prepare() {
     this.instances = [];
     this.activeInstance = null;
@@ -3477,6 +3505,7 @@ const glyphicons = {
   properties: "glyphicon glyphicon-list",
   delete: "glyphicon glyphicon-trash",
   add: "glyphicon glyphicon-plus",
+  addProperty: "glyphicon glyphicon-plus-sign",
   moveUp: "glyphicon glyphicon-arrow-up",
   moveDown: "glyphicon glyphicon-arrow-down",
   collapse: "glyphicon glyphicon-chevron-down",
@@ -3494,6 +3523,7 @@ const bootstrapIcons = {
   properties: "bi bi-card-list",
   delete: "bi bi-trash2",
   add: "bi bi-plus",
+  addProperty: "bi bi-plus-circle",
   moveUp: "bi bi-arrow-up",
   moveDown: "bi bi-arrow-down",
   collapse: "bi bi-chevron-down",
@@ -3510,6 +3540,7 @@ const fontAwesome3 = {
   properties: "icon-list",
   delete: "icon-trash",
   add: "icon-plus",
+  addProperty: "icon-plus-sign",
   moveUp: "icon-arrow-up",
   moveDown: "icon-arrow-down",
   collapse: "icon-chevron-down",
@@ -3526,6 +3557,7 @@ const fontAwesome4 = {
   properties: "fa fa-list",
   delete: "fa fa-trash-o",
   add: "fa fa-plus",
+  addProperty: "fa fa-plus-circle",
   moveUp: "fa fa-arrow-up",
   moveDown: "fa fa-arrow-down",
   collapse: "fa fa-chevron-down",
@@ -3542,6 +3574,7 @@ const fontAwesome5 = {
   properties: "fas fa-list",
   delete: "fas fa-trash",
   add: "fas fa-plus",
+  addProperty: "fas fa-plus-circle",
   moveUp: "fas fa-arrow-up",
   moveDown: "fas fa-arrow-down",
   collapse: "fas fa-chevron-down",
@@ -3558,6 +3591,7 @@ const fontAwesome6 = {
   properties: "fa-solid fa-list",
   delete: "fa-solid fa-trash",
   add: "fa-solid fa-plus",
+  addProperty: "fa-solid fa-circle-plus",
   moveUp: "fa-solid fa-arrow-up",
   moveDown: "fa-solid fa-arrow-down",
   collapse: "fa-solid fa-chevron-down",
@@ -7473,7 +7507,7 @@ class JsonWalker {
     }
   }
 }
-const version = "1.22.0";
+const version = "1.22.2";
 class Jedison extends EventEmitter {
   /**
    * Creates a Jedison instance.
@@ -9018,11 +9052,11 @@ class Theme {
     });
     const quickAddPropertyBtn = this.getAddPropertyButton({
       content: config.addPropertyContent,
-      icon: "add"
+      icon: "addProperty"
     });
     const quickAddPropertyToggle = this.getQuickAddPropertyToggle({
       content: config.addPropertyContent,
-      icon: "add",
+      icon: "addProperty",
       propertiesContainer: quickAddPropertyContainer
     });
     const fieldset = this.getFieldset();
@@ -9135,10 +9169,10 @@ class Theme {
       id: "jedi-quick-add-property-input-" + config.id,
       title: config.addPropertyContent
     });
-    const quickAddPropertyBtn = this.getAddPropertyButton({ content: config.addPropertyContent, icon: "add" });
+    const quickAddPropertyBtn = this.getAddPropertyButton({ content: config.addPropertyContent, icon: "addProperty" });
     const quickAddPropertyToggle = this.getQuickAddPropertyToggle({
       content: config.addPropertyContent,
-      icon: "add",
+      icon: "addProperty",
       propertiesContainer: quickAddPropertyContainer
     });
     const collapse = document.createElement("div");