jedison 1.2.0 → 1.3.1

package/dist/esm/jedison.js

@@ -1817,6 +1817,12 @@ class Instance extends EventEmitter {
       value: this.getValue(),
       settings: this.jedison.options.settings
     };
+    if (typeof this.value === "string") {
+      templateData.length = this.value.length;
+      if (typeof this.schema.maxLength === "number") {
+        templateData.remaining = this.schema.maxLength - this.value.length;
+      }
+    }
     if (template == null ? void 0 : template.includes("{{ functions.")) {
       templateData.functions = this.resolveTemplateFunctions(
         this.jedison.options.functions
@@ -2085,10 +2091,12 @@ class Editor {
     if (neverShowErrors && !force || errors.length === 0) {
       return;
     }
+    let counter = 0;
     errors.forEach((error) => {
       if (error.constraint === "properties") {
         return;
       }
+      counter += 1;
       error.messages.forEach((message) => {
         let invalidFeedback;
         if (error.type === "error") {
@@ -2103,7 +2111,7 @@ class Editor {
         this.control.messages.appendChild(invalidFeedback);
       });
     });
-    this.showingValidationErrors = true;
+    this.showingValidationErrors = counter > 0;
   }
   /**
    * Get an error message container
@@ -2905,6 +2913,9 @@ class InstanceArray extends Instance {
   }
   move(fromIndex, toIndex, initiator) {
     const value = clone(this.getValue());
+    if (!isArray(value)) {
+      return;
+    }
     const item = value[fromIndex];
     value.splice(fromIndex, 1);
     value.splice(toIndex, 0, item);
@@ -2914,7 +2925,10 @@ class InstanceArray extends Instance {
   }
   addItem(initiator) {
     const tempEditor = this.createItemInstance();
-    const value = clone(this.getValue());
+    let value = clone(this.getValue());
+    if (!isArray(value)) {
+      value = [];
+    }
     value.push(tempEditor.getValue());
     tempEditor.destroy();
     this.setValue(value, true, initiator);
@@ -2924,6 +2938,9 @@ class InstanceArray extends Instance {
   }
   deleteItem(itemIndex, initiator) {
     const currentValue = clone(this.getValue());
+    if (!isArray(currentValue)) {
+      return;
+    }
     const newValue = currentValue.filter((item, index2) => index2 !== itemIndex);
     this.setValue(newValue, true, initiator);
     this.emit("item-delete", initiator);
@@ -3225,6 +3242,17 @@ 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;
+    if (useConstraintAttributes === true) {
+      const schemaMinLength = getSchemaMinLength(this.instance.schema);
+      const schemaMaxLength = getSchemaMaxLength(this.instance.schema);
+      if (isSet(schemaMinLength)) {
+        this.control.input.setAttribute("minlength", schemaMinLength);
+      }
+      if (isSet(schemaMaxLength)) {
+        this.control.input.setAttribute("maxlength", schemaMaxLength);
+      }
+    }
   }
   adaptForTable() {
     this.theme.adaptForTableTextareaControl(this.control);
@@ -3236,7 +3264,7 @@ class EditorStringTextarea extends EditorString {
     });
   }
   refreshUI() {
-    this.refreshDisabledState();
+    super.refreshUI();
     this.control.input.value = this.instance.getValue();
   }
 }
@@ -3350,6 +3378,21 @@ 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;
+    if (useConstraintAttributes === true) {
+      const schemaMinLength = getSchemaMinLength(this.instance.schema);
+      const schemaMaxLength = getSchemaMaxLength(this.instance.schema);
+      const schemaPattern = getSchemaPattern(this.instance.schema);
+      if (isSet(schemaMinLength)) {
+        this.control.input.setAttribute("minlength", schemaMinLength);
+      }
+      if (isSet(schemaMaxLength)) {
+        this.control.input.setAttribute("maxlength", schemaMaxLength);
+      }
+      if (isSet(schemaPattern)) {
+        this.control.input.setAttribute("pattern", schemaPattern);
+      }
+    }
   }
   adaptForTable() {
     this.theme.adaptForTableInputControl(this.control);
@@ -3813,8 +3856,11 @@ class EditorObjectNav extends EditorObject {
         const active = index2 === this.activeTabIndex;
         const id = pathToAttribute(child.path);
         const schemaTitle = getSchemaTitle(child.schema);
+        const navWarning = getSchemaXOption(this.instance.schema, "navWarning") ?? true;
+        const navWarningMessage = getSchemaXOption(this.instance.schema, "navWarningMessage");
         const tab = this.theme.getTab({
-          hasErrors: child.children.some((grandChild) => grandChild.ui.showingValidationErrors),
+          hasErrors: navWarning && child.children.some((grandChild) => grandChild.ui.showingValidationErrors),
+          navWarningMessage,
           title: isSet(schemaTitle) ? schemaTitle : child.getKey(),
           id,
           active
@@ -4392,8 +4438,11 @@ class EditorArrayNav extends EditorArray {
       }
       const active = index2 === this.activeItemIndex;
       const id = pathToAttribute(child.path);
+      const navWarning = getSchemaXOption(this.instance.schema, "navWarning") ?? true;
+      const navWarningMessage = getSchemaXOption(this.instance.schema, "navWarningMessage");
       const { list, arrayActions } = this.theme.getTab({
-        hasErrors: child.children.some((grandChild) => grandChild.ui.showingValidationErrors),
+        hasErrors: navWarning && child.children.some((grandChild) => grandChild.ui.showingValidationErrors),
+        navWarningMessage,
         title: (titleTemplate == null ? void 0 : titleTemplate.length) ? titleTemplate : childTitle,
         id,
         active
@@ -4932,8 +4981,11 @@ class EditorNumberRange extends EditorNumber {
       titleHidden: getSchemaXOption(this.instance.schema, "titleHidden"),
       info: this.getInfo()
     });
-    this.control.input.setAttribute("min", optionMin);
-    this.control.input.setAttribute("max", optionMax);
+    const useConstraintAttributes = getSchemaXOption(this.instance.schema, "useConstraintAttributes") ?? this.instance.jedison.options.useConstraintAttributes;
+    if (useConstraintAttributes === true) {
+      this.control.input.setAttribute("min", optionMin);
+      this.control.input.setAttribute("max", optionMax);
+    }
     this.control.input.setAttribute("step", optionStep);
     const inputAttributes = getSchemaXOption(this.instance.schema, "inputAttributes");
     if (inputAttributes && typeof inputAttributes === "object") {
@@ -7447,7 +7499,16 @@ class Theme {
     link.classList.add("jedi-nav-link");
     link.setAttribute("href", "#tab-pane-" + config.id);
     text.classList.add("jedi-nav-text");
-    text.textContent = config.hasErrors ? "⚠ " + config.title : config.title;
+    text.textContent = config.title;
+    if (config.hasErrors) {
+      const warning = document.createElement("span");
+      warning.classList.add("jedi-nav-warning");
+      warning.textContent = "⚠ ";
+      if (config.navWarningMessage) {
+        warning.setAttribute("title", config.navWarningMessage);
+      }
+      text.insertBefore(warning, text.firstChild);
+    }
     link.appendChild(arrayActions);
     link.appendChild(text);
     list.appendChild(link);