easy-forms-core 1.1.7 → 1.1.8

package/dist/index.d.ts

@@ -513,6 +513,11 @@ declare class EasyForm extends BrowserHTMLElement {
      * Cualquier valor inválido o fuera de rango se normaliza a -1 (final del formulario).
      */
     private getSlotClonesByRow;
+    /**
+     * Aplica estado disabled/loading a un clone de slot: deshabilita elementos
+     * interactivos y añade clase para estilos. Respeta el estado del formulario.
+     */
+    private applySlotDisabledState;
     /**
      * Renderiza campos normales
      */

package/dist/index.js

@@ -741,14 +741,20 @@ function getBaseStyles(colors) {
     }
     /* Disabled State */
     .easy-form-disabled,
-    .easy-form-disabled * {
+    .easy-form-disabled *,
+    .easy-form-slot-disabled,
+    .easy-form-slot-disabled * {
       pointer-events: none;
       opacity: 0.6;
     }
     .easy-form-disabled input,
     .easy-form-disabled textarea,
     .easy-form-disabled select,
-    .easy-form-disabled button {
+    .easy-form-disabled button,
+    .easy-form-slot-disabled input,
+    .easy-form-slot-disabled textarea,
+    .easy-form-slot-disabled select,
+    .easy-form-slot-disabled button {
       cursor: not-allowed;
     }
     .easy-form-input-disabled {
@@ -5321,6 +5327,20 @@ var EasyForm = class extends BrowserHTMLElement {
     }
     return result;
   }
+  /**
+   * Aplica estado disabled/loading a un clone de slot: deshabilita elementos
+   * interactivos y añade clase para estilos. Respeta el estado del formulario.
+   */
+  applySlotDisabledState(slotElement) {
+    if (!this.disabled && !this.loading) return;
+    slotElement.classList.add("easy-form-slot-disabled");
+    const interactives = slotElement.querySelectorAll(
+      "input, textarea, select, button"
+    );
+    interactives.forEach((el) => {
+      if ("disabled" in el) el.disabled = true;
+    });
+  }
   /**
    * Renderiza campos normales
    */
@@ -5330,6 +5350,7 @@ var EasyForm = class extends BrowserHTMLElement {
       const endSlots2 = slotClones.get(-1);
       if (endSlots2 && endSlots2.length > 0) {
         for (const slotElement of endSlots2) {
+          this.applySlotDisabledState(slotElement);
           container.appendChild(slotElement);
         }
       }
@@ -5341,6 +5362,7 @@ var EasyForm = class extends BrowserHTMLElement {
       const slotsForRow = slotClonesByRow.get(rowIndex);
       if (slotsForRow && slotsForRow.length > 0) {
         for (const slotElement of slotsForRow) {
+          this.applySlotDisabledState(slotElement);
           container.appendChild(slotElement);
         }
         slotClonesByRow.delete(rowIndex);
@@ -5354,6 +5376,7 @@ var EasyForm = class extends BrowserHTMLElement {
     const endSlots = slotClonesByRow.get(-1);
     if (endSlots && endSlots.length > 0) {
       for (const slotElement of endSlots) {
+        this.applySlotDisabledState(slotElement);
         container.appendChild(slotElement);
       }
     }