jedison 1.12.3 → 1.14.0

package/dist/esm/jedison.js

@@ -2786,6 +2786,12 @@ class InstanceMultiple extends Instance {
         "Null"
       ];
     }
+    const switcherTypeLabels = getSchemaXOption(this.schema, "switcherTypeLabels") ?? this.jedison.getOption("switcherTypeLabels");
+    if (switcherTypeLabels && typeof switcherTypeLabels === "object") {
+      this.switcherOptionsLabels = this.switcherOptionsLabels.map(
+        (label) => hasOwn(switcherTypeLabels, label) ? switcherTypeLabels[label] : label
+      );
+    }
     this.schemas.forEach((schema) => {
       const instance = this.jedison.createInstance({
         jedison: this.jedison,
@@ -4638,6 +4644,59 @@ class EditorObjectHorizontal extends EditorObject {
     });
   }
 }
+class EditorObjectRadios extends Editor {
+  static resolves(schema) {
+    const format2 = getSchemaXOption(schema, "format");
+    return getSchemaType(schema) === "object" && (format2 === "radios" || format2 === "radios-inline") && isSet(getSchemaEnum(schema));
+  }
+  build() {
+    const enumValues = getSchemaEnum(this.instance.schema);
+    const enumTitles = getSchemaXOption(this.instance.schema, "enumTitles") || enumValues.map((v) => JSON.stringify(v));
+    const inline = getSchemaXOption(this.instance.schema, "format") === "radios-inline";
+    this.control = this.theme.getRadiosControl({
+      title: this.getTitle(),
+      description: this.getDescription(),
+      values: enumTitles,
+      titles: enumTitles,
+      id: this.getIdFromPath(this.instance.path),
+      titleHidden: getSchemaXOption(this.instance.schema, "titleHidden"),
+      inline,
+      info: this.getInfo()
+    });
+    this.control.radios.forEach((radio, index2) => {
+      radio._enumValue = enumValues[index2];
+    });
+  }
+  addEventListeners() {
+    this.control.radios.forEach((radio) => {
+      radio.addEventListener("change", () => {
+        this.instance.setValue(radio._enumValue, true, "user");
+      });
+    });
+  }
+  refreshUI() {
+    this.refreshDisabledState();
+    const currentValue = this.instance.getValue();
+    this.control.radios.forEach((radio) => {
+      radio.checked = equal(radio._enumValue, currentValue);
+    });
+  }
+  setAriaInvalid(invalid) {
+    this.control.radios.forEach((radio) => {
+      if (invalid) {
+        radio.setAttribute("aria-invalid", "true");
+      } else {
+        radio.removeAttribute("aria-invalid");
+      }
+    });
+  }
+  adaptForTable() {
+    this.theme.adaptForTableRadiosControl(this.control);
+  }
+  adaptForHorizontal(labelCol, inputCol) {
+    this.theme.adaptForHorizontalRadiosControl(this.control, labelCol, inputCol);
+  }
+}
 class EditorArray extends Editor {
   static resolves(schema) {
     return getSchemaType(schema) === "array";
@@ -6591,6 +6650,7 @@ class UiResolver {
       EditorObjectNav,
       EditorObjectAccordion,
       EditorObjectHorizontal,
+      EditorObjectRadios,
       EditorObject,
       EditorArrayChoices,
       EditorArrayCheckboxes,
@@ -6956,7 +7016,8 @@ class Jedison extends EventEmitter {
       enforceEnum: true,
       subErrors: false,
       debug: false,
-      audacity: true
+      audacity: true,
+      switcherTypeLabels: {}
     }, options);
     this.rootName = "#";
     this.pathSeparator = "/";
@@ -7848,6 +7909,7 @@ class Theme {
         config.propertiesContainer.close();
       } else {
         config.propertiesContainer.showModal();
+        config.propertiesContainer.focus();
       }
     });
     return toggle;
@@ -8026,6 +8088,11 @@ class Theme {
    * Group for property activators
    */
   getPropertiesGroup(config = {}) {
+    if (config.accordion && config.name) {
+      const id = "jedi-prop-group-" + config.name.toLowerCase().replace(/[^a-z0-9]+/g, "-");
+      const item = this.getAccordionItem({ title: config.name, id });
+      return { container: item.container, group: item.body, name: item.toggle };
+    }
     const container = document.createElement("div");
     container.classList.add("jedi-properties-group-container");
     const group = document.createElement("div");
@@ -8206,7 +8273,8 @@ class Theme {
     dialog.classList.add("jedi-modal-dialog");
     dialog.style.border = "1px solid #6c757d";
     dialog.style.borderRadius = "4px";
-    dialog.style.minWidth = "200px";
+    dialog.style.minWidth = "400px";
+    dialog.style.maxWidth = "90vw";
     return dialog;
   }
   /**
@@ -11159,6 +11227,7 @@ const index = {
   EditorObjectNav,
   EditorObjectAccordion,
   EditorObjectHorizontal,
+  EditorObjectRadios,
   EditorObject,
   EditorArrayChoices,
   EditorArrayNav,