jedison 0.3.17 → 0.3.19

package/dist/esm/jedison.js

@@ -1704,7 +1704,7 @@ class Instance extends EventEmitter {
     return this.schema;
   }
   /**
-   * Adds a child instance pointer to the instances list
+   * Adds a child instance pointer to the instance list
    */
   register() {
     this.jedison.register(this);
@@ -1718,10 +1718,18 @@ class Instance extends EventEmitter {
     this.children.forEach(registerChildRecursive);
   }
   /**
-   * Deletes a child instance pointer from the instances list
+   * Deletes a child instance pointer from the instance list
    */
   unregister() {
     this.jedison.unregister(this);
+    if (this.children.length === 0) return;
+    const unregisterChildRecursive = (child) => {
+      this.jedison.unregister(child);
+      if (child.children.length > 0) {
+        child.children.forEach(unregisterChildRecursive);
+      }
+    };
+    this.children.forEach(unregisterChildRecursive);
   }
   /**
    * Sets the default value of the instance based on it's type
@@ -2005,6 +2013,14 @@ class Editor {
     const optionId = this.instance.jedison.options.id;
     return optionId ? optionId + "-" + pathToAttribute(path) : pathToAttribute(path);
   }
+  /**
+   * Determines the event type to use for validation trigger based on showErrors option
+   * @returns {string} - 'input' or 'change'
+   */
+  getValidationEventType() {
+    const showErrors = getSchemaXOption(this.instance.schema, "showErrors") ?? this.instance.jedison.options.showErrors;
+    return showErrors === "input" ? "input" : "change";
+  }
   /**
    * Add event listeners to ui elements
    */
@@ -2398,7 +2414,6 @@ class InstanceMultiple extends Instance {
   prepare() {
     this.instances = [];
     this.activeInstance = null;
-    this.lastIndex = 0;
     this.index = 0;
     this.schemas = [];
     this.switcherOptionValues = [];
@@ -2496,7 +2511,6 @@ class InstanceMultiple extends Instance {
     this.switchInstance(fittestIndex, this.value);
   }
   switchInstance(index2, value, initiator = "api") {
-    this.lastIndex = this.index;
     this.index = index2;
     this.activeInstance = this.instances[index2];
     if (isSet(value)) {
@@ -3133,7 +3147,8 @@ class EditorStringTextarea extends EditorString {
     this.theme.adaptForTableTextareaControl(this.control);
   }
   addEventListeners() {
-    this.control.input.addEventListener("change", () => {
+    const eventType = this.getValidationEventType();
+    this.control.input.addEventListener(eventType, () => {
       this.instance.setValue(this.control.input.value, true, "user");
     });
   }
@@ -3257,7 +3272,8 @@ class EditorStringInput extends EditorString {
     this.theme.adaptForTableInputControl(this.control);
   }
   addEventListeners() {
-    this.control.input.addEventListener("change", () => {
+    const eventType = this.getValidationEventType();
+    this.control.input.addEventListener(eventType, () => {
       this.instance.setValue(this.control.input.value, true, "user");
     });
   }
@@ -3383,7 +3399,8 @@ class EditorNumberInput extends EditorNumber {
     this.theme.adaptForTableInputControl(this.control);
   }
   addEventListeners() {
-    this.control.input.addEventListener("change", () => {
+    const eventType = this.getValidationEventType();
+    this.control.input.addEventListener(eventType, () => {
       const value = this.sanitize(this.control.input.value);
       this.instance.setValue(value, true, "user");
     });
@@ -3411,7 +3428,8 @@ class EditorNumberInputNullable extends EditorNumberInput {
     return isSet(format2) && format2 === "number-nullable" && isSet(schemaType) && isArray(schemaType) && schemaType.length === 2 && schemaType.includes("null") && (schemaType.includes("number") || schemaType.includes("integer"));
   }
   addEventListeners() {
-    this.control.input.addEventListener("change", () => {
+    const eventType = this.getValidationEventType();
+    this.control.input.addEventListener(eventType, () => {
       const value = this.sanitize(this.control.input.value);
       this.instance.setValue(value, true, "user");
     });
@@ -3632,27 +3650,25 @@ class EditorObjectGrid extends EditorObject {
     }
     let row = this.theme.getRow();
     this.control.childrenSlot.appendChild(row);
-    let colCount = 0;
     this.instance.children.forEach((child) => {
       if (child.isActive) {
         const childGridOptions = getSchemaXOption(child.schema, "grid") || {};
-        const columns = childGridOptions.columns ?? getSchemaXOption(child.schema, "gridColumns") ?? 12;
-        const offset = childGridOptions.offset ?? getSchemaXOption(child.schema, "gridOffset") ?? 0;
-        const col = this.theme.getCol(12, columns, offset);
+        const gridColumns = getSchemaXOption(child.schema, "gridColumns") ?? void 0;
+        const gridOffset = getSchemaXOption(child.schema, "gridOffset") ?? 0;
+        const columnsMdRetro = childGridOptions.columns ?? void 0;
+        const columnsXs = childGridOptions.columnsXs ?? gridColumns ?? 12;
+        const columnsSm = childGridOptions.columnsSm ?? gridColumns ?? columnsXs;
+        const columnsMd = childGridOptions.columnsMd ?? columnsMdRetro ?? gridColumns ?? columnsSm;
+        const columnsLg = childGridOptions.columnsLg ?? gridColumns ?? columnsMd;
+        const offset = childGridOptions.offset ?? gridOffset;
+        const col = this.theme.getCol(columnsXs, columnsSm, columnsMd, columnsLg, offset);
         const newRow = childGridOptions.newRow || false;
-        colCount += columns + offset;
         if (newRow) {
           row = this.theme.getRow();
           this.control.childrenSlot.appendChild(row);
-          colCount = 0;
         }
         row.appendChild(col);
         col.appendChild(child.ui.control.container);
-        if (colCount >= 12) {
-          const clearfix = this.theme.getClearfix();
-          row.appendChild(clearfix);
-          colCount = 0;
-        }
         if (this.disabled || this.instance.isReadOnly()) {
           child.ui.disable();
         } else {
@@ -4755,7 +4771,8 @@ class EditorNumberRange extends EditorNumber {
     this.control.input.addEventListener("input", () => {
       this.control.output.textContent = parseFloat(this.control.input.value);
     });
-    this.control.input.addEventListener("change", () => {
+    const eventType = this.getValidationEventType();
+    this.control.input.addEventListener(eventType, () => {
       const value = parseFloat(this.control.input.value);
       this.control.output.textContent = value;
       this.instance.setValue(value, true, "user");
@@ -7049,11 +7066,13 @@ class Theme {
   /**
    * A column to contain content to a specific width
    */
-  getCol(xs, md, offsetMd) {
+  getCol(xs, sm, md, lg, offsetMd) {
     const col = document.createElement("div");
     col.classList.add("jedi-col");
     col.classList.add("jedi-col-xs-" + xs);
+    col.classList.add("jedi-col-sm-" + sm);
     col.classList.add("jedi-col-md-" + md);
+    col.classList.add("jedi-col-lg-" + lg);
     if (offsetMd) {
       col.classList.add("jedi-col-md-offset-" + offsetMd);
     }
@@ -7400,10 +7419,12 @@ class ThemeBootstrap3 extends Theme {
     row.classList.add("row");
     return row;
   }
-  getCol(xs, md, offsetMd) {
+  getCol(xs, sm, md, lg, offsetMd) {
     const col = super.getCol();
     col.classList.add("col-xs-" + xs);
+    col.classList.add("col-sm-" + sm);
     col.classList.add("col-md-" + md);
+    col.classList.add("col-lg-" + lg);
     if (offsetMd) {
       col.classList.add("col-md-offset-" + offsetMd);
     }
@@ -7751,10 +7772,12 @@ class ThemeBootstrap4 extends Theme {
     row.classList.add("row");
     return row;
   }
-  getCol(xs, md, offsetMd) {
+  getCol(xs, sm, md, lg, offsetMd) {
     const col = super.getCol(xs, md, offsetMd);
     col.classList.add("col-" + xs);
+    col.classList.add("col-sm" + sm);
     col.classList.add("col-md-" + md);
+    col.classList.add("col-lg-" + lg);
     if (offsetMd) {
       col.classList.add("offset-md-" + offsetMd);
     }
@@ -8100,10 +8123,12 @@ class ThemeBootstrap5 extends Theme {
     row.classList.add("row");
     return row;
   }
-  getCol(xs, md, offsetMd) {
+  getCol(xs, sm, md, lg, offsetMd) {
     const col = super.getCol(xs, md, offsetMd);
     col.classList.add("col-" + xs);
+    col.classList.add("col-sm" + sm);
     col.classList.add("col-md-" + md);
+    col.classList.add("col-lg-" + lg);
     if (offsetMd) {
       col.classList.add("offset-md-" + offsetMd);
     }