web-mojo 2.1.363 → 2.1.374

package/dist/chunks/{FormView-DGibmo-j.js → FormView-DOVHdh_a.js}

@@ -1,4 +1,4 @@
-import { M as Mustache, h as MOJOUtils, V as View } from "./WebApp-CBz7WZw_.js";
+import { M as Mustache, h as MOJOUtils, V as View } from "./WebApp-DdnnC4q6.js";
 class FormBuilder {
   constructor(config = {}) {
     this.fields = config.fields || [];
@@ -287,10 +287,15 @@ class FormBuilder {
         <div class="btn-group btn-group-{{size}}" role="group">
           {{#options}}
           <button type="button" class="{{buttonClass}} {{#active}}active{{/active}}"
+                  {{^action}}
                   data-action="select-button-option"
+                  {{/action}}
+                  {{#action}}
+                  data-action='{{action}}'
+                  {{/action}}
                   data-field="{{fieldName}}"
                   data-value="{{value}}">
-            {{label}}
+            {{#icon}}<i class="{{icon}} me-1"></i> {{/icon}} {{label}}
           </button>
           {{/options}}
         </div>
@@ -314,19 +319,17 @@ class FormBuilder {
             {{label}}{{#required}}<span class="text-danger">*</span>{{/required}}
           </label>
           {{/label}}
-          <div class="input-group">
+          <div class="d-flex align-items-center gap-2">
             <input type="color" id="{{fieldId}}" name="{{name}}"
                    class="{{inputClass}}{{#error}} is-invalid{{/error}}"
-                   value="{{fieldValue}}" 
+                   value="{{fieldValue}}"
                    {{#required}}required{{/required}} {{#disabled}}disabled{{/disabled}}
                    {{#readonly}}readonly{{/readonly}} data-change-action="validate-field" {{{attrs}}}>
-            {{#hasValue}}
-            <button type="button" class="btn btn-outline-secondary" 
-                    data-action="clear-color" data-field="{{name}}" 
+            <button type="button" class="btn-sm text-muted border-0 bg-transparent p-1"
+                    data-action="clear-color" data-field="{{name}}"
                     title="Clear color">
-              <i class="bi bi-x"></i>
+              <i class="bi bi-x fs-5"></i>
             </button>
-            {{/hasValue}}
           </div>
           {{#help}}<div class="{{helpClass}}">{{help}}</div>{{/help}}
           {{#error}}<div class="{{errorClass}}">{{error}}</div>{{/error}}
@@ -515,6 +518,7 @@ class FormBuilder {
   buildFieldHTML(field) {
     const { type, columns, class: fieldClass = "" } = field;
     let fieldHTML = "";
+    console.log("buildFieldHTML - Processing field type:", type, "for field:", field.name);
     switch (type) {
       case "text":
         fieldHTML = this.renderTextField(field);
@@ -1354,8 +1358,7 @@ class FormBuilder {
       required,
       disabled,
       readonly,
-      attrs,
-      hasValue: fieldValue && fieldValue !== ""
+      attrs
     };
     return Mustache.render(this.templates.color, context);
   }
@@ -1851,6 +1854,7 @@ class FormBuilder {
       options: field.options.map((option) => ({
         value: option.value,
         label: option.label,
+        action: option.action,
         active: option.value === selectedValue,
         buttonClass: this.getButtonClass(option.value === selectedValue, field.variant)
       }))
@@ -5914,4 +5918,4 @@ export {
   applyFileDropMixin as a,
   FormView$1 as b
 };
-//# sourceMappingURL=FormView-DGibmo-j.js.map
+//# sourceMappingURL=FormView-DOVHdh_a.js.map