jedison 1.7.0 → 1.9.0

package/dist/esm/jedison.js

@@ -199,10 +199,20 @@ function getValueByJSONPath(data, path) {
   return value;
 }
 function compileTemplate(template, data) {
-  return template.replace(/{{(.*?)}}/g, (match) => {
-    match = match.replace(/\s/g, "");
-    const path = match.split(/{{|}}/)[1];
-    return getValueByJSONPath(data, path);
+  return template.replace(/{{(.*?)}}/g, (_, inner) => {
+    inner = inner.trim();
+    const pipeIdx = inner.indexOf("||");
+    let path, fallback;
+    if (pipeIdx !== -1) {
+      path = inner.slice(0, pipeIdx).trim();
+      const raw = inner.slice(pipeIdx + 2).trim();
+      fallback = raw.replace(/^['"]|['"]$/g, "");
+    } else {
+      path = inner;
+      fallback = "";
+    }
+    const value = getValueByJSONPath(data, path);
+    return value !== void 0 && value !== null ? value : fallback;
   });
 }
 function clamp(number, min, max) {
@@ -270,6 +280,15 @@ const Utils = {
   removeDuplicatesFromArray,
   generateRandomID
 };
+const OPTION_ALIASES = {
+  enforceEnumDefault: "enforceEnum"
+};
+function resolveAlias(name) {
+  return OPTION_ALIASES[name] ?? name;
+}
+function getAliasesFor(canonicalName) {
+  return Object.keys(OPTION_ALIASES).filter((old) => OPTION_ALIASES[old] === canonicalName);
+}
 function getSchemaX(schema, keyword) {
   const key = "x-" + keyword;
   return schema[key];
@@ -405,7 +424,21 @@ function getSchemaXOption(schema, option) {
   if (isSet(schema[xOption])) {
     return schema[xOption];
   }
-  return schema["x-options"] && isSet(schema["x-options"][option]) ? schema["x-options"][option] : void 0;
+  if (schema["x-options"] && isSet(schema["x-options"][option])) {
+    return schema["x-options"][option];
+  }
+  for (const alias of getAliasesFor(option)) {
+    const xAlias = "x-" + alias;
+    if (isSet(schema[xAlias])) {
+      console.warn(`Jedison: schema option "${xAlias}" is deprecated. Use "${xOption}" instead.`);
+      return schema[xAlias];
+    }
+    if (schema["x-options"] && isSet(schema["x-options"][alias])) {
+      console.warn(`Jedison: schema x-options.${alias} is deprecated. Use x-options.${option} instead.`);
+      return schema["x-options"][alias];
+    }
+  }
+  return void 0;
 }
 function getSchemaPattern(schema) {
   return isString(schema.pattern) ? clone(schema.pattern) : void 0;
@@ -1802,7 +1835,7 @@ class Instance extends EventEmitter {
     this.setDefaultValue();
     this.registerWatcher();
     this.setValueFormTemplate();
-    if (this.jedison.options.container) {
+    if (this.jedison.getOption("container")) {
       this.setUI();
     }
     this.on("notifyParent", (initiator) => {
@@ -1865,13 +1898,9 @@ class Instance extends EventEmitter {
    * Sets the default value of the instance based on it's type
    */
   setInitialValue() {
-    const schemaEnforceEnumDefault = getSchemaXOption(this.schema, "enforceEnumDefault");
-    const schemaEnforceEnum = getSchemaXOption(this.schema, "enforceEnum");
-    const enforceEnumDefault = schemaEnforceEnumDefault ?? this.jedison.options.enforceEnumDefault;
-    const enforceEnum = schemaEnforceEnum ?? this.jedison.options.enforceEnum;
-    const finalEnforceEnum = isSet(schemaEnforceEnum) ? enforceEnum : enforceEnumDefault;
+    const enforceEnum = getSchemaXOption(this.schema, "enforceEnum") ?? this.jedison.getOption("enforceEnum");
     const schemaEnum = getSchemaEnum(this.schema);
-    if (isSet(schemaEnum) && !schemaEnum.includes(this.getValueRaw()) && isSet(schemaEnum[0]) && finalEnforceEnum) {
+    if (isSet(schemaEnum) && !schemaEnum.includes(this.getValueRaw()) && isSet(schemaEnum[0]) && enforceEnum) {
       this.setValue(schemaEnum[0], false);
     }
     if (notSet(this.value)) {
@@ -1892,7 +1921,7 @@ class Instance extends EventEmitter {
     if (isSet(schemaDefault)) {
       this.setValue(schemaDefault, false);
     }
-    const enforceConst = getSchemaXOption(this.schema, "enforceConst") ?? this.jedison.options.enforceConst;
+    const enforceConst = getSchemaXOption(this.schema, "enforceConst") ?? this.jedison.getOption("enforceConst");
     if (isSet(enforceConst) && equal(enforceConst, true)) {
       const schemaConst = getSchemaConst(this.schema);
       if (isSet(schemaConst)) {
@@ -1949,7 +1978,7 @@ class Instance extends EventEmitter {
     const templateData = {
       ...this.arrayTemplateData,
       value: this.getValueRaw(),
-      settings: this.jedison.options.settings
+      settings: this.jedison.getOption("settings")
     };
     if (typeof this.value === "string") {
       templateData.length = this.value.length;
@@ -1959,7 +1988,7 @@ class Instance extends EventEmitter {
     }
     if (template == null ? void 0 : template.includes("{{ functions.")) {
       templateData.functions = this.resolveTemplateFunctions(
-        this.jedison.options.functions
+        this.jedison.getOption("functions")
       );
     }
     if (this.parent) {
@@ -1974,7 +2003,7 @@ class Instance extends EventEmitter {
     return Object.fromEntries(Object.entries(functionsObject).map(([functionName, functionValue]) => [functionName, functionValue(context)]));
   }
   purify(value) {
-    if (typeof value === "string" && this.jedison.options.purifyData && typeof window !== "undefined" && window.DOMPurify) {
+    if (typeof value === "string" && this.jedison.getOption("purifyData") && typeof window !== "undefined" && window.DOMPurify) {
       value = window.DOMPurify.sanitize(value);
     }
     return value;
@@ -1990,7 +2019,7 @@ class Instance extends EventEmitter {
     const purifiedValue = this.purify(newValue);
     const wasPurified = newValue !== purifiedValue;
     newValue = purifiedValue;
-    const enforceConst = getSchemaXOption(this.schema, "enforceConst") ?? this.jedison.options.enforceConst;
+    const enforceConst = getSchemaXOption(this.schema, "enforceConst") ?? this.jedison.getOption("enforceConst");
     if (isSet(enforceConst) && equal(enforceConst, true)) {
       const schemaConst = getSchemaConst(this.schema);
       if (isSet(schemaConst)) {
@@ -2116,7 +2145,7 @@ class Editor {
     this.setVisibility();
     this.setContainerAttributes();
     this.refreshUI();
-    const alwaysShowErrors = this.instance.jedison.options.showErrors === "always" || getSchemaXOption(this.instance.schema, "showErrors") === "always";
+    const alwaysShowErrors = this.instance.jedison.getOption("showErrors") === "always" || getSchemaXOption(this.instance.schema, "showErrors") === "always";
     if (alwaysShowErrors) {
       this.showValidationErrors(this.instance.getErrors());
     }
@@ -2133,8 +2162,8 @@ class Editor {
    */
   init() {
     this.theme = this.instance.jedison.theme;
-    this.markdownEnabled = getSchemaXOption(this.instance.schema, "parseMarkdown") ?? this.instance.jedison.options.parseMarkdown;
-    this.purifyEnabled = getSchemaXOption(this.instance.schema, "purifyHtml") ?? this.instance.jedison.options.purifyHtml;
+    this.markdownEnabled = getSchemaXOption(this.instance.schema, "parseMarkdown") ?? this.instance.jedison.getOption("parseMarkdown");
+    this.purifyEnabled = getSchemaXOption(this.instance.schema, "purifyHtml") ?? this.instance.jedison.getOption("purifyHtml");
   }
   /**
    * Gets the json path level by counting how many "/" it has
@@ -2200,7 +2229,7 @@ class Editor {
     }
   }
   getIdFromPath(path) {
-    const optionId = this.instance.jedison.options.id;
+    const optionId = this.instance.jedison.getOption("id");
     return optionId ? optionId + "-" + pathToAttribute(path) : pathToAttribute(path);
   }
   /**
@@ -2208,7 +2237,7 @@ class Editor {
    * @returns {string} - 'input' or 'change'
    */
   getValidationEventType() {
-    const showErrors = getSchemaXOption(this.instance.schema, "showErrors") ?? this.instance.jedison.options.showErrors;
+    const showErrors = getSchemaXOption(this.instance.schema, "showErrors") ?? this.instance.jedison.getOption("showErrors");
     return showErrors === "input" ? "input" : "change";
   }
   /**
@@ -2240,11 +2269,11 @@ class Editor {
     this.control.messages.innerHTML = "";
     this.showingValidationErrors = false;
     this.setAriaInvalid(false);
-    const neverShowErrors = this.instance.jedison.options.showErrors === "never" || getSchemaXOption(this.instance.schema, "showErrors") === "never";
+    const neverShowErrors = this.instance.jedison.getOption("showErrors") === "never" || getSchemaXOption(this.instance.schema, "showErrors") === "never";
     if (neverShowErrors && !force || errors.length === 0) {
       return;
     }
-    const muteValidationMessages = getSchemaXOption(this.instance.schema, "muteValidationMessages") ?? this.instance.jedison.options.muteValidationMessages ?? [];
+    const muteValidationMessages = getSchemaXOption(this.instance.schema, "muteValidationMessages") ?? this.instance.jedison.getOption("muteValidationMessages") ?? [];
     let hasErrors = false;
     errors.forEach((error) => {
       if (muteValidationMessages.includes(error.constraint)) {
@@ -2309,7 +2338,7 @@ class Editor {
    * Clean out HTML tags from txt
    */
   purifyContent(content, domPurifyOptions) {
-    if (this.instance.jedison.options.purifyHtml && typeof window !== "undefined" && window.DOMPurify) {
+    if (this.instance.jedison.getOption("purifyHtml") && typeof window !== "undefined" && window.DOMPurify) {
       return window.DOMPurify.sanitize(content, domPurifyOptions);
     } else {
       const tmp = document.createElement("div");
@@ -2331,7 +2360,7 @@ class Editor {
     if (titleFromSchema) {
       this.title = compileTemplate(this.title, this.instance.getTemplateData(this.title));
       this.title = this.markdownEnabled ? this.getHtmlFromMarkdown(this.title) : this.title;
-      const domPurifyOptions = combineDeep({}, this.instance.jedison.options.domPurifyOptions, {
+      const domPurifyOptions = combineDeep({}, this.instance.jedison.getOption("domPurifyOptions"), {
         FORBID_TAGS: ["p"]
       });
       this.title = this.purifyEnabled ? this.purifyContent(this.title, domPurifyOptions) : this.title;
@@ -2343,7 +2372,7 @@ class Editor {
     if (isSet(schemaDescription)) {
       this.description = compileTemplate(schemaDescription, this.instance.getTemplateData(this.description));
       this.description = this.markdownEnabled ? this.getHtmlFromMarkdown(this.description) : this.description;
-      const domPurifyOptions = this.instance.jedison.options.domPurifyOptions;
+      const domPurifyOptions = this.instance.jedison.getOption("domPurifyOptions");
       this.description = this.purifyEnabled ? this.purifyContent(this.description, domPurifyOptions) : this.description;
     }
     return this.description;
@@ -2354,7 +2383,7 @@ class Editor {
     if (!isSet(schemaInfo)) {
       return schemaInfo;
     }
-    const domPurifyOptions = this.instance.jedison.options.domPurifyOptions;
+    const domPurifyOptions = this.instance.jedison.getOption("domPurifyOptions");
     if (isSet(schemaInfo.title)) {
       schemaInfo.title = this.markdownEnabled ? this.getHtmlFromMarkdown(schemaInfo.title) : schemaInfo.title;
       schemaInfo.title = this.purifyEnabled ? this.purifyContent(schemaInfo.title, domPurifyOptions) : schemaInfo.title;
@@ -2561,7 +2590,7 @@ class InstanceIfThenElse extends Instance {
         if (indexChanged && initiator !== "api") {
           instanceValue = overwriteExistingProperties(startingValue, withoutIf);
         } else {
-          const audacity = this.jedison.options.audacity;
+          const audacity = this.jedison.getOption("audacity");
           if (audacity && initiator === "api" && index2 === fittestIndex) {
             const prePassValue = mergeDeep({}, instance.getValue(), value);
             instance.setValue(prePassValue, false, "api");
@@ -2584,6 +2613,7 @@ class InstanceIfThenElse extends Instance {
     if (initiator === "api" && this.hasNullableFields(this.activeInstance)) {
       this.activeInstance.setValue(value, false, "secondary");
     }
+    this.activeInstance.register();
     this.value = this.activeInstance.getValueRaw();
   }
   getWithoutIfValueFromValue(value) {
@@ -2773,11 +2803,15 @@ class InstanceMultiple extends Instance {
     this.switchInstance(fittestIndex, this.value);
   }
   switchInstance(index2, value, initiator = "api") {
+    if (this.activeInstance) {
+      this.activeInstance.children.forEach((child) => child.unregister());
+    }
     this.index = index2;
     this.activeInstance = this.instances[index2];
     if (isSet(value)) {
       this.activeInstance.setValue(value, false, initiator);
     }
+    this.activeInstance.children.forEach((child) => child.register());
     this.setValue(this.activeInstance.getValueRaw(), true, initiator);
   }
   onSetValue() {
@@ -2849,7 +2883,7 @@ class InstanceObject extends Instance {
         this.properties[key] = { schema };
         let musstCreateChild = true;
         const isRecursive = isSet(schema["x-recursive"]);
-        const optionsDeactivateNonRequired = this.jedison.options.deactivateNonRequired;
+        const optionsDeactivateNonRequired = this.jedison.getOption("deactivateNonRequired");
         const deactivateNonRequired = getSchemaXOption(this.schema, "deactivateNonRequired");
         const schemaDeactivateNonRequired = getSchemaXOption(schema, "deactivateNonRequired");
         const isReq = this.isRequired(key);
@@ -2870,7 +2904,7 @@ class InstanceObject extends Instance {
         }
       });
     }
-    if (isSet(schemaRequired) && this.jedison.isEditor && this.jedison.options.enforceRequired === true) {
+    if (isSet(schemaRequired) && this.jedison.isEditor && this.jedison.getOption("enforceRequired") === true) {
       schemaRequired.forEach((requiredProperty) => {
         this.requiredProperties.add(requiredProperty);
         if (!hasOwn(this.properties, requiredProperty)) {
@@ -2888,7 +2922,7 @@ class InstanceObject extends Instance {
   }
   removeNotListedPropertiesFromValue(value) {
     const schemaEnforceAdditionalProperties = getSchemaXOption(this.schema, "enforceAdditionalProperties");
-    const enforceAdditionalProperties = isSet(schemaEnforceAdditionalProperties) ? schemaEnforceAdditionalProperties : this.jedison.options.enforceAdditionalProperties;
+    const enforceAdditionalProperties = isSet(schemaEnforceAdditionalProperties) ? schemaEnforceAdditionalProperties : this.jedison.getOption("enforceAdditionalProperties");
     const schemaAdditionalProperties = this.schemaAdditionalProperties;
     const schemaPatternProperties = this.schemaPatternProperties || {};
     if (this.jedison.isEditor && enforceAdditionalProperties && isSet(schemaAdditionalProperties) && schemaAdditionalProperties === false) {
@@ -2903,7 +2937,7 @@ class InstanceObject extends Instance {
     }
   }
   addMissingRequiredPropertiesToValue(value) {
-    const enforceRequired = getSchemaXOption(this.schema, "enforceRequired") ?? this.jedison.options.enforceRequired;
+    const enforceRequired = getSchemaXOption(this.schema, "enforceRequired") ?? this.jedison.getOption("enforceRequired");
     if (this.jedison.isEditor && enforceRequired) {
       this.requiredProperties.forEach((propertyName) => {
         if (!hasOwn(value, propertyName)) {
@@ -2952,7 +2986,7 @@ class InstanceObject extends Instance {
     });
     this.children.push(instance);
     this.value[key] = instance.getValue();
-    const deactivateNonRequired = getSchemaXOption(this.schema, "deactivateNonRequired") ?? this.jedison.options.deactivateNonRequired;
+    const deactivateNonRequired = getSchemaXOption(this.schema, "deactivateNonRequired") ?? this.jedison.getOption("deactivateNonRequired");
     if (!this.isRequired(key) && isSet(deactivateNonRequired) && deactivateNonRequired === true && !activate) {
       instance.deactivate();
     }
@@ -3086,10 +3120,14 @@ class InstanceObject extends Instance {
 class InstanceArray extends Instance {
   prepare() {
     this.schemaItems = getSchemaItems(this.schema);
+    if (isObject(this.schemaItems) && this.jedison.refParser && this.jedison.refParser.hasRef(this.schemaItems) && !this.schemaItems["x-recursive"]) {
+      this.schemaItems = this.jedison.refParser.expand(this.schemaItems);
+      this.schema.items = this.schemaItems;
+    }
     this.schemaPrefixItems = getSchemaPrefixItems(this.schema);
     const schemaMinItems = getSchemaMinItems(this.schema);
     const schemaEnforceMinItems = getSchemaXOption(this.schema, "enforceMinItems");
-    const enforceMinItems = isSet(schemaEnforceMinItems) ? schemaEnforceMinItems : this.jedison.options.enforceMinItems;
+    const enforceMinItems = isSet(schemaEnforceMinItems) ? schemaEnforceMinItems : this.jedison.getOption("enforceMinItems");
     const isEditor = this.jedison.isEditor;
     const hasEnforceMinItems = isSet(enforceMinItems) && enforceMinItems === true;
     const hasMinItems = isSet(schemaMinItems);
@@ -3599,7 +3637,7 @@ class EditorStringTextarea extends EditorString {
       titleHidden: getSchemaXOption(this.instance.schema, "titleHidden"),
       info: this.getInfo()
     });
-    const useConstraintAttributes = getSchemaXOption(this.instance.schema, "useConstraintAttributes") ?? this.instance.jedison.options.useConstraintAttributes;
+    const useConstraintAttributes = getSchemaXOption(this.instance.schema, "useConstraintAttributes") ?? this.instance.jedison.getOption("useConstraintAttributes");
     if (useConstraintAttributes === true) {
       const schemaMinLength = getSchemaMinLength(this.instance.schema);
       const schemaMaxLength = getSchemaMaxLength(this.instance.schema);
@@ -3735,7 +3773,7 @@ class EditorStringInput extends EditorString {
     if (optionFormat === "color" && this.instance.value.length === 0) {
       this.instance.setValue("#000000", false, "user");
     }
-    const useConstraintAttributes = getSchemaXOption(this.instance.schema, "useConstraintAttributes") ?? this.instance.jedison.options.useConstraintAttributes;
+    const useConstraintAttributes = getSchemaXOption(this.instance.schema, "useConstraintAttributes") ?? this.instance.jedison.getOption("useConstraintAttributes");
     if (useConstraintAttributes === true) {
       const schemaMinLength = getSchemaMinLength(this.instance.schema);
       const schemaMaxLength = getSchemaMaxLength(this.instance.schema);
@@ -3916,7 +3954,7 @@ class EditorNumberInput extends EditorNumber {
       info: this.getInfo()
     });
     this.control.input.setAttribute("step", "any");
-    const useConstraintAttributes = getSchemaXOption(this.instance.schema, "useConstraintAttributes") ?? this.instance.jedison.options.useConstraintAttributes;
+    const useConstraintAttributes = getSchemaXOption(this.instance.schema, "useConstraintAttributes") ?? this.instance.jedison.getOption("useConstraintAttributes");
     if (useConstraintAttributes === true) {
       const schemaMinimum = getSchemaMinimum(this.instance.schema);
       const schemaMaximum = getSchemaMaximum(this.instance.schema);
@@ -4005,13 +4043,13 @@ class EditorObject extends Editor {
     if (isSet(additionalProperties2) && additionalProperties2 === false) {
       addProperty = false;
     }
-    const objectAdd = getSchemaXOption(this.instance.schema, "objectAdd") ?? this.instance.jedison.options.objectAdd;
+    const objectAdd = getSchemaXOption(this.instance.schema, "objectAdd") ?? this.instance.jedison.getOption("objectAdd");
     if (isSet(objectAdd) && objectAdd === false) {
       addProperty = false;
     }
     let enablePropertiesToggle = false;
-    if (isSet(this.instance.jedison.options.enablePropertiesToggle)) {
-      enablePropertiesToggle = this.instance.jedison.options.enablePropertiesToggle;
+    if (isSet(this.instance.jedison.getOption("enablePropertiesToggle"))) {
+      enablePropertiesToggle = this.instance.jedison.getOption("enablePropertiesToggle");
     }
     const schemaEnablePropertiesToggle = getSchemaXOption(this.instance.schema, "enablePropertiesToggle");
     if (isSet(schemaEnablePropertiesToggle)) {
@@ -4024,11 +4062,11 @@ class EditorObject extends Editor {
       id: this.getIdFromPath(this.instance.path),
       enablePropertiesToggle,
       addProperty,
-      enableCollapseToggle: getSchemaXOption(this.instance.schema, "enableCollapseToggle") ?? this.instance.jedison.options.enableCollapseToggle,
-      startCollapsed: getSchemaXOption(this.instance.schema, "startCollapsed") ?? this.instance.jedison.options.startCollapsed,
+      enableCollapseToggle: getSchemaXOption(this.instance.schema, "enableCollapseToggle") ?? this.instance.jedison.getOption("enableCollapseToggle"),
+      startCollapsed: getSchemaXOption(this.instance.schema, "startCollapsed") ?? this.instance.jedison.getOption("startCollapsed"),
       readOnly: this.instance.isReadOnly(),
       info: this.getInfo(),
-      editJsonData: getSchemaXOption(this.instance.schema, "editJsonData") ?? this.instance.jedison.options.editJsonData,
+      editJsonData: getSchemaXOption(this.instance.schema, "editJsonData") ?? this.instance.jedison.getOption("editJsonData"),
       propertiesToggleContent: getSchemaXOption(this.instance.schema, "propertiesToggleContent") ?? this.instance.jedison.translator.translate("propertiesToggle"),
       collapseToggleContent: getSchemaXOption(this.instance.schema, "collapseToggleContent") ?? this.instance.jedison.translator.translate("collapseToggle"),
       addPropertyContent: getSchemaXOption(this.instance.schema, "addPropertyContent") ?? this.instance.jedison.translator.translate("objectAddProperty")
@@ -4083,7 +4121,7 @@ class EditorObject extends Editor {
     return this.theme.getAlert(config);
   }
   refreshPropertiesSlot() {
-    const schemaOptionEnablePropertiesToggle = getSchemaXOption(this.instance.schema, "enablePropertiesToggle") ?? this.instance.jedison.options.enablePropertiesToggle;
+    const schemaOptionEnablePropertiesToggle = getSchemaXOption(this.instance.schema, "enablePropertiesToggle") ?? this.instance.jedison.getOption("enablePropertiesToggle");
     if (equal(schemaOptionEnablePropertiesToggle, true)) {
       const declaredProperties = Object.keys(this.instance.properties);
       const instanceProperties = this.instance.children.map((child) => child.getKey());
@@ -4347,7 +4385,16 @@ class EditorObjectCategories extends EditorObject {
     if (!categoriesMap.has(this.activeCategoryName)) {
       this.activeCategoryName = categoriesMap.keys().next().value;
     }
-    categoriesMap.forEach((category, categoryName) => {
+    const categoryOrder = getSchemaXOption(this.instance.schema, "categoryOrder");
+    const allNames = Array.from(categoriesMap.keys());
+    let orderedCategoryNames = allNames;
+    if (isSet(categoryOrder) && isArray(categoryOrder)) {
+      const specifiedFirst = categoryOrder.filter((name) => categoriesMap.has(name));
+      const unspecified = allNames.filter((name) => !categoryOrder.includes(name));
+      orderedCategoryNames = [...specifiedFirst, ...unspecified];
+    }
+    orderedCategoryNames.forEach((categoryName) => {
+      const category = categoriesMap.get(categoryName);
       const active = categoryName === this.activeCategoryName;
       const { children, id } = category;
       const hasErrors = navWarning && children.some((child) => child.hasNestedValidationErrors());
@@ -4479,21 +4526,56 @@ class EditorArray extends Editor {
       description: this.getDescription(),
       titleHidden: getSchemaXOption(this.instance.schema, "titleHidden"),
       id: this.getIdFromPath(this.instance.path),
-      enableCollapseToggle: getSchemaXOption(this.instance.schema, "enableCollapseToggle") ?? this.instance.jedison.options.enableCollapseToggle,
-      startCollapsed: getSchemaXOption(this.instance.schema, "startCollapsed") ?? this.instance.jedison.options.startCollapsed,
+      enableCollapseToggle: getSchemaXOption(this.instance.schema, "enableCollapseToggle") ?? this.instance.jedison.getOption("enableCollapseToggle"),
+      startCollapsed: getSchemaXOption(this.instance.schema, "startCollapsed") ?? this.instance.jedison.getOption("startCollapsed"),
       readOnly: this.instance.isReadOnly(),
       info: this.getInfo(),
-      editJsonData: getSchemaXOption(this.instance.schema, "editJsonData") ?? this.instance.jedison.options.editJsonData,
-      arrayAdd: getSchemaXOption(this.instance.schema, "arrayAdd") ?? this.instance.jedison.options.arrayAdd,
+      editJsonData: getSchemaXOption(this.instance.schema, "editJsonData") ?? this.instance.jedison.getOption("editJsonData"),
+      arrayAdd: getSchemaXOption(this.instance.schema, "arrayAdd") ?? this.instance.jedison.getOption("arrayAdd"),
       arrayAddContent: getSchemaXOption(this.instance.schema, "arrayAddContent") ?? this.instance.jedison.translator.translate("arrayAdd"),
+      arrayFooterAdd: getSchemaXOption(this.instance.schema, "arrayFooterAdd") ?? this.instance.jedison.getOption("arrayFooterAdd"),
+      arrayFooterAddContent: getSchemaXOption(this.instance.schema, "arrayFooterAddContent") ?? this.instance.jedison.translator.translate("arrayAdd"),
+      arrayFooterButtonsPosition: getSchemaXOption(this.instance.schema, "arrayFooterButtonsPosition") ?? this.instance.jedison.getOption("arrayFooterButtonsPosition"),
+      arrayDeleteAll: getSchemaXOption(this.instance.schema, "arrayDeleteAll") ?? this.instance.jedison.getOption("arrayDeleteAll"),
+      arrayDeleteAllContent: getSchemaXOption(this.instance.schema, "arrayDeleteAllContent") ?? this.instance.jedison.translator.translate("arrayDeleteAll"),
+      arrayFooterDeleteAll: getSchemaXOption(this.instance.schema, "arrayFooterDeleteAll") ?? this.instance.jedison.getOption("arrayFooterDeleteAll"),
+      arrayFooterDeleteAllContent: getSchemaXOption(this.instance.schema, "arrayFooterDeleteAllContent") ?? this.instance.jedison.translator.translate("arrayDeleteAll"),
       collapseToggleContent: getSchemaXOption(this.instance.schema, "collapseToggleContent") ?? this.instance.jedison.translator.translate("collapseToggle")
     });
     this.control.jsonData.input.value = JSON.stringify(this.instance.getValue(), null, 2);
   }
+  deleteAllItems() {
+    const schemaConfirm = getSchemaXOption(this.instance.schema, "arrayDeleteConfirm");
+    const globalConfirm = this.instance.jedison.getOption("arrayDeleteConfirm");
+    const shouldConfirm = isSet(schemaConfirm) ? schemaConfirm : globalConfirm;
+    const doDeleteAll = () => {
+      this.instance.setValue([], true, "user");
+    };
+    if (shouldConfirm) {
+      if (window.confirm(this.instance.jedison.translator.translate("arrayConfirmDeleteAll"))) {
+        doDeleteAll();
+      }
+    } else {
+      doDeleteAll();
+    }
+  }
   addEventListeners() {
     this.control.addBtn.addEventListener("click", () => {
       this.instance.addItem("user");
     });
+    this.control.footerAddBtn.addEventListener("click", () => {
+      this.instance.addItem("user");
+    });
+    if (this.control.deleteAllBtn) {
+      this.control.deleteAllBtn.addEventListener("click", () => {
+        this.deleteAllItems();
+      });
+    }
+    if (this.control.footerDeleteAllBtn) {
+      this.control.footerDeleteAllBtn.addEventListener("click", () => {
+        this.deleteAllItems();
+      });
+    }
     this.addJsonDataEventListeners();
   }
   addJsonDataEventListeners() {
@@ -4543,7 +4625,7 @@ class EditorArray extends Editor {
     const btnGroup = this.theme.getBtnGroup();
     deleteBtn.addEventListener("click", () => {
       const schemaConfirm = getSchemaXOption(this.instance.schema, "arrayDeleteConfirm");
-      const globalConfirm = this.instance.jedison.options.arrayDeleteConfirm;
+      const globalConfirm = this.instance.jedison.getOption("arrayDeleteConfirm");
       const shouldConfirm = isSet(schemaConfirm) ? schemaConfirm : globalConfirm;
       const doDelete = () => {
         this.activeItemIndex = clamp(index2 - 1, 0, this.instance.value.length - 1);
@@ -4597,12 +4679,33 @@ class EditorArray extends Editor {
       });
     }
   }
+  refreshDeleteAllBtn() {
+    if (!this.control.deleteAllBtn && !this.control.footerDeleteAllBtn) return;
+    const isEmpty = this.instance.value.length === 0;
+    const cannotDeleteAll = isEmpty;
+    const btns = [this.control.deleteAllBtn, this.control.footerDeleteAllBtn].filter(Boolean);
+    if (cannotDeleteAll || this.disabled || this.readOnly) {
+      btns.forEach((btn) => {
+        btn.setAttribute("disabled", "");
+        btn.setAttribute("always-disabled", true);
+      });
+    } else {
+      if (!this.disabled && !this.readOnly) {
+        btns.forEach((btn) => {
+          btn.removeAttribute("disabled");
+          btn.removeAttribute("always-disabled");
+        });
+      }
+    }
+  }
   refreshAddBtn() {
     const maxItems2 = getSchemaMaxItems(this.instance.schema);
-    const enforceMaxItems = getSchemaXOption(this.instance.schema, "enforceMaxItems") ?? this.instance.jedison.options.enforceMaxItems;
+    const enforceMaxItems = getSchemaXOption(this.instance.schema, "enforceMaxItems") ?? this.instance.jedison.getOption("enforceMaxItems");
     if (isSet(maxItems2) && enforceMaxItems && maxItems2 <= this.instance.value.length) {
       this.control.addBtn.setAttribute("disabled", "");
       this.control.addBtn.setAttribute("always-disabled", true);
+      this.control.footerAddBtn.setAttribute("disabled", "");
+      this.control.footerAddBtn.setAttribute("always-disabled", true);
       this.control.childrenSlot.querySelectorAll(".jedi-array-add-after").forEach((btn) => {
         btn.setAttribute("disabled", "");
         btn.setAttribute("always-disabled", true);
@@ -4611,6 +4714,8 @@ class EditorArray extends Editor {
       if (!this.disabled && !this.readOnly) {
         this.control.addBtn.removeAttribute("disabled");
         this.control.addBtn.removeAttribute("always-disabled");
+        this.control.footerAddBtn.removeAttribute("disabled");
+        this.control.footerAddBtn.removeAttribute("always-disabled");
         this.control.childrenSlot.querySelectorAll(".jedi-array-add-after").forEach((btn) => {
           btn.removeAttribute("disabled");
           btn.removeAttribute("always-disabled");
@@ -4621,9 +4726,9 @@ class EditorArray extends Editor {
   refreshUI() {
     super.refreshUI();
     const minItems2 = getSchemaMinItems(this.instance.schema);
-    const arrayDelete = getSchemaXOption(this.instance.schema, "arrayDelete") ?? this.instance.jedison.options.arrayDelete;
-    const arrayMove = getSchemaXOption(this.instance.schema, "arrayMove") ?? this.instance.jedison.options.arrayMove;
-    const arrayAddAfter = getSchemaXOption(this.instance.schema, "arrayAddAfter") ?? this.instance.jedison.options.arrayAddAfter;
+    const arrayDelete = getSchemaXOption(this.instance.schema, "arrayDelete") ?? this.instance.jedison.getOption("arrayDelete");
+    const arrayMove = getSchemaXOption(this.instance.schema, "arrayMove") ?? this.instance.jedison.getOption("arrayMove");
+    const arrayAddAfter = getSchemaXOption(this.instance.schema, "arrayAddAfter") ?? this.instance.jedison.getOption("arrayAddAfter");
     this.control.childrenSlot.innerHTML = "";
     this.instance.children.forEach((child, index2) => {
       const { deleteBtn, moveUpBtn, moveDownBtn, dragBtn, btnGroup, addAfterBtn } = this.getButtons(index2);
@@ -4662,6 +4767,7 @@ class EditorArray extends Editor {
       child.ui.refreshUI();
     });
     this.refreshAddBtn();
+    this.refreshDeleteAllBtn();
     this.refreshJsonData();
     this.refreshLegendWarning();
   }
@@ -4734,6 +4840,20 @@ class EditorArrayTable extends EditorArray {
       this.activeItemIndex = this.instance.value.length;
       this.instance.addItem("user");
     });
+    this.control.footerAddBtn.addEventListener("click", () => {
+      this.activeItemIndex = this.instance.value.length;
+      this.instance.addItem("user");
+    });
+    if (this.control.deleteAllBtn) {
+      this.control.deleteAllBtn.addEventListener("click", () => {
+        this.deleteAllItems();
+      });
+    }
+    if (this.control.footerDeleteAllBtn) {
+      this.control.footerDeleteAllBtn.addEventListener("click", () => {
+        this.deleteAllItems();
+      });
+    }
     this.addJsonDataEventListeners();
   }
   isSortable() {
@@ -4743,10 +4863,10 @@ class EditorArrayTable extends EditorArray {
     this.control.childrenSlot.innerHTML = "";
     const table = this.theme.getTable();
     this.control.childrenSlot.appendChild(table.container);
-    const arrayDelete = getSchemaXOption(this.instance.schema, "arrayDelete") ?? this.instance.jedison.options.arrayDelete;
-    const arrayMove = getSchemaXOption(this.instance.schema, "arrayMove") ?? this.instance.jedison.options.arrayMove;
-    const arrayButtonsPosition = getSchemaXOption(this.instance.schema, "arrayButtonsPosition") ?? this.instance.jedison.options.arrayButtonsPosition;
-    const arrayAddAfter = getSchemaXOption(this.instance.schema, "arrayAddAfter") ?? this.instance.jedison.options.arrayAddAfter;
+    const arrayDelete = getSchemaXOption(this.instance.schema, "arrayDelete") ?? this.instance.jedison.getOption("arrayDelete");
+    const arrayMove = getSchemaXOption(this.instance.schema, "arrayMove") ?? this.instance.jedison.getOption("arrayMove");
+    const arrayButtonsPosition = getSchemaXOption(this.instance.schema, "arrayButtonsPosition") ?? this.instance.jedison.getOption("arrayButtonsPosition");
+    const arrayAddAfter = getSchemaXOption(this.instance.schema, "arrayAddAfter") ?? this.instance.jedison.getOption("arrayAddAfter");
     const th = this.theme.getTableHeader();
     const { label } = this.theme.getFakeLabel({
       content: "Controls",
@@ -4813,6 +4933,7 @@ class EditorArrayTable extends EditorArray {
     });
     this.refreshSortable(table.tbody);
     this.refreshAddBtn();
+    this.refreshDeleteAllBtn();
     this.refreshJsonData();
     this.refreshDisabledState();
     this.refreshScrollPosition(table.container);
@@ -4863,6 +4984,20 @@ class EditorArrayTableObject extends EditorArray {
       this.activeItemIndex = this.instance.value.length;
       this.instance.addItem("user");
     });
+    this.control.footerAddBtn.addEventListener("click", () => {
+      this.activeItemIndex = this.instance.value.length;
+      this.instance.addItem("user");
+    });
+    if (this.control.deleteAllBtn) {
+      this.control.deleteAllBtn.addEventListener("click", () => {
+        this.deleteAllItems();
+      });
+    }
+    if (this.control.footerDeleteAllBtn) {
+      this.control.footerDeleteAllBtn.addEventListener("click", () => {
+        this.deleteAllItems();
+      });
+    }
     this.addJsonDataEventListeners();
   }
   isSortable() {
@@ -4872,10 +5007,10 @@ class EditorArrayTableObject extends EditorArray {
     this.control.childrenSlot.innerHTML = "";
     const table = this.theme.getTable();
     this.control.childrenSlot.appendChild(table.container);
-    const arrayDelete = getSchemaXOption(this.instance.schema, "arrayDelete") ?? this.instance.jedison.options.arrayDelete;
-    const arrayMove = getSchemaXOption(this.instance.schema, "arrayMove") ?? this.instance.jedison.options.arrayMove;
-    const arrayButtonsPosition = getSchemaXOption(this.instance.schema, "arrayButtonsPosition") ?? this.instance.jedison.options.arrayButtonsPosition;
-    const arrayAddAfter = getSchemaXOption(this.instance.schema, "arrayAddAfter") ?? this.instance.jedison.options.arrayAddAfter;
+    const arrayDelete = getSchemaXOption(this.instance.schema, "arrayDelete") ?? this.instance.jedison.getOption("arrayDelete");
+    const arrayMove = getSchemaXOption(this.instance.schema, "arrayMove") ?? this.instance.jedison.getOption("arrayMove");
+    const arrayButtonsPosition = getSchemaXOption(this.instance.schema, "arrayButtonsPosition") ?? this.instance.jedison.getOption("arrayButtonsPosition");
+    const arrayAddAfter = getSchemaXOption(this.instance.schema, "arrayAddAfter") ?? this.instance.jedison.getOption("arrayAddAfter");
     const th = this.theme.getTableHeader();
     const { label } = this.theme.getFakeLabel({
       content: "Controls",
@@ -4957,6 +5092,7 @@ class EditorArrayTableObject extends EditorArray {
     });
     this.refreshSortable(table.tbody);
     this.refreshAddBtn();
+    this.refreshDeleteAllBtn();
     this.refreshJsonData();
     this.refreshDisabledState();
     this.refreshScrollPosition(table.container);
@@ -5128,6 +5264,22 @@ class EditorArrayNav extends EditorArray {
       this.activeItemIndex = this.instance.value.length;
       this.instance.addItem("user");
     });
+    this.control.footerAddBtn.addEventListener("click", () => {
+      this.activeItemIndex = this.instance.value.length;
+      this.instance.addItem("user");
+    });
+    if (this.control.deleteAllBtn) {
+      this.control.deleteAllBtn.addEventListener("click", () => {
+        this.activeItemIndex = 0;
+        this.deleteAllItems();
+      });
+    }
+    if (this.control.footerDeleteAllBtn) {
+      this.control.footerDeleteAllBtn.addEventListener("click", () => {
+        this.activeItemIndex = 0;
+        this.deleteAllItems();
+      });
+    }
     this.addJsonDataEventListeners();
   }
   refreshUI() {
@@ -5145,9 +5297,9 @@ class EditorArrayNav extends EditorArray {
     const tabList = this.theme.getTabList({
       variant
     });
-    const arrayDelete = getSchemaXOption(this.instance.schema, "arrayDelete") ?? this.instance.jedison.options.arrayDelete;
-    const arrayMove = getSchemaXOption(this.instance.schema, "arrayMove") ?? this.instance.jedison.options.arrayMove;
-    const arrayAddAfter = getSchemaXOption(this.instance.schema, "arrayAddAfter") ?? this.instance.jedison.options.arrayAddAfter;
+    const arrayDelete = getSchemaXOption(this.instance.schema, "arrayDelete") ?? this.instance.jedison.getOption("arrayDelete");
+    const arrayMove = getSchemaXOption(this.instance.schema, "arrayMove") ?? this.instance.jedison.getOption("arrayMove");
+    const arrayAddAfter = getSchemaXOption(this.instance.schema, "arrayAddAfter") ?? this.instance.jedison.getOption("arrayAddAfter");
     this.control.childrenSlot.appendChild(row);
     row.appendChild(tabListCol);
     row.appendChild(tabContentCol);
@@ -5213,6 +5365,7 @@ class EditorArrayNav extends EditorArray {
     });
     this.refreshDisabledState();
     this.refreshAddBtn();
+    this.refreshDeleteAllBtn();
     this.refreshJsonData();
   }
 }
@@ -5224,8 +5377,8 @@ class EditorMultiple extends Editor {
     return isSet(schemaAnyOf) || isSet(schemaOneOf) || schemaType === "any" || isArray(schemaType) || notSet(schemaType);
   }
   build() {
-    this.switcherInput = getSchemaXOption(this.instance.schema, "switcherInput") ?? this.instance.jedison.options.switcherInput;
-    this.embedSwitcher = getSchemaXOption(this.instance.schema, "embedSwitcher") ?? this.instance.jedison.options.embedSwitcher;
+    this.switcherInput = getSchemaXOption(this.instance.schema, "switcherInput") ?? this.instance.jedison.getOption("switcherInput");
+    this.embedSwitcher = getSchemaXOption(this.instance.schema, "embedSwitcher") ?? this.instance.jedison.getOption("embedSwitcher");
     this.control = this.theme.getMultipleControl({
       titleHidden: getSchemaXOption(this.instance.schema, "titleHidden"),
       id: this.getIdFromPath(this.instance.path),
@@ -5532,7 +5685,7 @@ class EditorStringIMask extends EditorString {
     try {
       const schemaImask = getSchemaXOption(this.instance.schema, "imask") ?? {};
       const schemaImaskSettings = schemaImask["x-settings"];
-      const settings = schemaImaskSettings && this.instance.jedison.options.settings[schemaImaskSettings] ? this.instance.jedison.options.settings[schemaImaskSettings] : {};
+      const settings = schemaImaskSettings && this.instance.jedison.getOption("settings")[schemaImaskSettings] ? this.instance.jedison.getOption("settings")[schemaImaskSettings] : {};
       const imaskOptions = { ...schemaImask, ...settings };
       this.imask = window.IMask(this.control.input, imaskOptions);
       this.useMaskedValue = schemaImask["x-masked"] ?? false;
@@ -5575,7 +5728,7 @@ class EditorNumberIMask extends EditorNumber {
     try {
       const schemaImask = getSchemaXOption(this.instance.schema, "imask") ?? {};
       const schemaImaskSettings = schemaImask["x-settings"];
-      const settings = schemaImaskSettings && this.instance.jedison.options.settings[schemaImaskSettings] ? this.instance.jedison.options.settings[schemaImaskSettings] : {};
+      const settings = schemaImaskSettings && this.instance.jedison.getOption("settings")[schemaImaskSettings] ? this.instance.jedison.getOption("settings")[schemaImaskSettings] : {};
       const imaskOptions = {
         mask: Number,
         ...schemaImask,
@@ -5853,7 +6006,7 @@ class EditorNumberRange extends EditorNumber {
       titleHidden: getSchemaXOption(this.instance.schema, "titleHidden"),
       info: this.getInfo()
     });
-    const useConstraintAttributes = getSchemaXOption(this.instance.schema, "useConstraintAttributes") ?? this.instance.jedison.options.useConstraintAttributes;
+    const useConstraintAttributes = getSchemaXOption(this.instance.schema, "useConstraintAttributes") ?? this.instance.jedison.getOption("useConstraintAttributes");
     if (useConstraintAttributes === true) {
       this.control.input.setAttribute("min", optionMin);
       this.control.input.setAttribute("max", optionMax);
@@ -6073,6 +6226,8 @@ const defaultTranslations = {
   arrayAdd: "Add item",
   arrayAddAfter: "Add after",
   arrayConfirmDelete: "Are you sure you want to delete this item?",
+  arrayDeleteAll: "Delete all items",
+  arrayConfirmDeleteAll: "Are you sure you want to delete all items?",
   objectAddProperty: "Add property",
   objectPropertyAdded: "field was added to the form",
   objectPropertyRemoved: "field was removed from the form",
@@ -6118,6 +6273,8 @@ const translations = {
     arrayDrag: "Drag",
     arrayAdd: "Add item",
     arrayConfirmDelete: "Are you sure you want to delete this item?",
+    arrayDeleteAll: "Delete all items",
+    arrayConfirmDeleteAll: "Are you sure you want to delete all items?",
     objectAddProperty: "Add property",
     objectPropertyAdded: "field was added to the form",
     objectPropertyRemoved: "field was removed from the form",
@@ -6162,6 +6319,8 @@ const translations = {
     arrayDrag: "Ziehen",
     arrayAdd: "Element hinzufügen",
     arrayConfirmDelete: "Möchten Sie dieses Element wirklich löschen?",
+    arrayDeleteAll: "Alle Elemente löschen",
+    arrayConfirmDeleteAll: "Möchten Sie wirklich alle Elemente löschen?",
     objectAddProperty: "Eigenschaft hinzufügen",
     objectPropertyAdded: "Feld wurde dem Formular hinzugefügt",
     objectPropertyRemoved: "Feld wurde aus dem Formular entfernt",
@@ -6206,6 +6365,8 @@ const translations = {
     arrayDrag: "Trascina",
     arrayAdd: "Aggiungi elemento",
     arrayConfirmDelete: "Sei sicuro di voler eliminare questo elemento?",
+    arrayDeleteAll: "Elimina tutti gli elementi",
+    arrayConfirmDeleteAll: "Sei sicuro di voler eliminare tutti gli elementi?",
     objectAddProperty: "Aggiungi proprietà",
     objectPropertyAdded: "Campo aggiunto al modulo",
     objectPropertyRemoved: "Campo rimosso dal modulo",
@@ -6250,6 +6411,8 @@ const translations = {
     arrayDrag: "Arrastrar",
     arrayAdd: "Agregar elemento",
     arrayConfirmDelete: "¿Estás seguro de que deseas eliminar este elemento?",
+    arrayDeleteAll: "Eliminar todos los elementos",
+    arrayConfirmDeleteAll: "¿Está seguro de que desea eliminar todos los elementos?",
     objectAddProperty: "Agregar propiedad",
     objectPropertyAdded: "campo fue añadido al formulario",
     objectPropertyRemoved: "campo fue eliminado del formulario",
@@ -6328,6 +6491,10 @@ class Jedison extends EventEmitter {
       arrayMove: true,
       arrayAdd: true,
       arrayAddAfter: false,
+      arrayFooterAdd: false,
+      arrayFooterButtonsPosition: "right",
+      arrayDeleteAll: false,
+      arrayFooterDeleteAll: false,
       objectAdd: true,
       arrayButtonsPosition: "left",
       startCollapsed: false,
@@ -6354,8 +6521,6 @@ class Jedison extends EventEmitter {
       mergeAllOf: false,
       enforceConst: false,
       enforceRequired: true,
-      enforceEnumDefault: true,
-      // todo: deprecated
       enforceAdditionalProperties: true,
       enforceMinItems: true,
       enforceMaxItems: true,
@@ -6573,9 +6738,6 @@ class Jedison extends EventEmitter {
             node.oneOf[index2] = this.refParser.expand(subschema);
           });
         }
-        if (isObject(node.items) && this.refParser.hasRef(node.items)) {
-          node.items = this.refParser.expand(node.items);
-        }
       });
     }
     if (this.isEditor) {
@@ -6604,10 +6766,11 @@ class Jedison extends EventEmitter {
             if (sequentialIfThenElse === null) {
               sequentialIfThenElse = conditionals[i];
             } else {
+              const inner = sequentialIfThenElse;
               sequentialIfThenElse = {
                 if: conditionals[i].if,
-                then: conditionals[i].then,
-                else: sequentialIfThenElse
+                then: combineDeep({}, conditionals[i].then || {}, inner),
+                else: combineDeep({}, conditionals[i].else || {}, inner)
               };
             }
           }
@@ -6696,6 +6859,18 @@ class Jedison extends EventEmitter {
   getInstance(path) {
     return this.instances.get(path);
   }
+  /**
+   * Returns the value of a jedison option
+   * @param {string} option
+   * @return {*}
+   */
+  getOption(option) {
+    const canonical = resolveAlias(option);
+    if (canonical !== option) {
+      console.warn(`Jedison: option "${option}" is deprecated. Use "${canonical}" instead.`);
+    }
+    return this.options[canonical];
+  }
   /**
    * Navigates to a specific instance by path, activating any ancestor nav/categories tabs as needed.
    * @param {string} path - The instance path (e.g. '#/address/street')
@@ -7150,6 +7325,16 @@ class Theme {
     html.classList.add("jedi-editor-card-body");
     return html;
   }
+  /**
+   * A footer for array cards
+   */
+  getArrayFooter() {
+    const html = document.createElement("div");
+    html.classList.add("jedi-array-footer");
+    html.style.display = "flex";
+    html.style.alignItems = "center";
+    return html;
+  }
   /**
    * Wrapper for editor actions buttons
    */
@@ -7445,6 +7630,17 @@ class Theme {
     html.classList.add("jedi-array-add");
     return html;
   }
+  /**
+   * Array "delete all" button
+   */
+  getArrayBtnDeleteAll(config) {
+    const html = this.getButton({
+      content: config.content,
+      icon: "delete"
+    });
+    html.classList.add("jedi-array-delete-all");
+    return html;
+  }
   /**
    * Array "add after" item button
    */
@@ -7766,6 +7962,13 @@ class Theme {
     const addBtn = this.getArrayBtnAdd({
       content: config.arrayAddContent
     });
+    const footerAddBtn = this.getArrayBtnAdd({
+      content: config.arrayFooterAddContent
+    });
+    const deleteAllBtn = config.arrayDeleteAll === true ? this.getArrayBtnDeleteAll({ content: config.arrayDeleteAllContent }) : null;
+    const footerDeleteAllBtn = config.arrayFooterDeleteAll === true ? this.getArrayBtnDeleteAll({ content: config.arrayFooterDeleteAllContent }) : null;
+    const footerBtnGroup = this.getBtnGroup();
+    const footer = this.getArrayFooter();
     const fieldset = this.getFieldset();
     const info = this.getInfo(config.info);
     const { legend, legendText, infoContainer, right } = this.getLegend({
@@ -7818,6 +8021,9 @@ class Theme {
     if (config.editJsonData) {
       btnGroup.appendChild(jsonData.toggle);
     }
+    if (deleteAllBtn) {
+      btnGroup.appendChild(deleteAllBtn);
+    }
     if (isSet(config.arrayAdd) && config.arrayAdd === true) {
       btnGroup.appendChild(addBtn);
     }
@@ -7825,6 +8031,20 @@ class Theme {
     if (config.enableCollapseToggle) {
       actions.appendChild(collapseToggle);
     }
+    const showFooter = (config.arrayFooterAdd === true || config.arrayFooterDeleteAll === true) && config.readOnly === false;
+    if (showFooter) {
+      if (footerDeleteAllBtn) {
+        footerBtnGroup.appendChild(footerDeleteAllBtn);
+      }
+      if (config.arrayFooterAdd === true) {
+        footerBtnGroup.appendChild(footerAddBtn);
+      }
+      if (config.arrayFooterButtonsPosition === "right") {
+        footerBtnGroup.style.marginLeft = "auto";
+      }
+      footer.appendChild(footerBtnGroup);
+      collapse.appendChild(footer);
+    }
     return {
       container,
       collapseToggle,
@@ -7838,7 +8058,10 @@ class Theme {
       jsonData,
       legend,
       legendText,
-      switcherSlot
+      switcherSlot,
+      footerAddBtn,
+      deleteAllBtn,
+      footerDeleteAllBtn
     };
   }
   getArrayItem(config = {}) {
@@ -8629,6 +8852,11 @@ class ThemeBootstrap3 extends Theme {
     html.style.paddingBottom = "0";
     return html;
   }
+  getArrayFooter() {
+    const footer = super.getArrayFooter();
+    footer.classList.add("panel-footer");
+    return footer;
+  }
   getBtnGroup() {
     const html = super.getBtnGroup();
     html.classList.add("btn-group");
@@ -8983,6 +9211,11 @@ class ThemeBootstrap4 extends Theme {
     html.classList.add("pb-0");
     return html;
   }
+  getArrayFooter() {
+    const footer = super.getArrayFooter();
+    footer.classList.add("card-footer");
+    return footer;
+  }
   getBtnGroup() {
     const html = super.getBtnGroup();
     html.classList.add("btn-group");
@@ -9364,6 +9597,11 @@ class ThemeBootstrap5 extends Theme {
     html.classList.add("pb-0");
     return html;
   }
+  getArrayFooter() {
+    const footer = super.getArrayFooter();
+    footer.classList.add("card-footer");
+    return footer;
+  }
   getControlSlot() {
     const controlSlot = super.getControlSlot();
     controlSlot.classList.add("mb-3");